@rdsaude/pulso-react-components/dist/components/tooltip/index.cjs

Biblioteca de componentes React do Pulso Design System da RD Saúde oferece componentes consistentes e de alto desempenho, alinhados com os padrões da RDSaúde. Ideal para desenvolver aplicações modernas e acessíveis.

"use strict";var No=Object.create;var C=Object.defineProperty,Do=Object.defineProperties,ko=Object.getOwnPropertyDescriptor,Bo=Object.getOwnPropertyDescriptors,zo=Object.getOwnPropertyNames,B=Object.getOwnPropertySymbols,wo=Object.getPrototypeOf,K=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable;var X=(o,e,t)=>e in o?C(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t,l=(o,e)=>{for(var t in e||(e={}))K.call(e,t)&&X(o,t,e[t]);if(B)for(var t of B(e))Y.call(e,t)&&X(o,t,e[t]);return o},i=(o,e)=>Do(o,Bo(e));var s=(o,e)=>{var t={};for(var r in o)K.call(o,r)&&e.indexOf(r)<0&&(t[r]=o[r]);if(o!=null&&B)for(var r of B(o))e.indexOf(r)<0&&Y.call(o,r)&&(t[r]=o[r]);return t};var z=(o,e)=>{for(var t in e)C(o,t,{get:e[t],enumerable:!0})},Z=(o,e,t,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of zo(e))!K.call(o,a)&&a!==t&&C(o,a,{get:()=>e[a],enumerable:!(r=ko(e,a))||r.enumerable});return o};var g=(o,e,t)=>(t=o!=null?No(wo(o)):{},Z(e||!o||!o.__esModule?C(t,"default",{value:o,enumerable:!0}):t,o)),Ao=o=>Z(C({},"__esModule",{value:!0}),o);var Mo={};z(Mo,{Tooltip:()=>E});module.exports=Ao(Mo);var E={};z(E,{Content:()=>$,Root:()=>M,Trigger:()=>H});var to=require("@ark-ui/react/tooltip");var w=g(require("react"),1),d=require("@raiadrogasil/pulso-design-tokens");var j=g(require("react"),1),Oo=require("react/jsx-runtime"),oo=j.createContext({currentTheme:"rdsaudesistemas"});function h(){let o=w.useMemo(()=>({rdsaudesistemas:d.RDSAUDESISTEMAS_TOKENS,drogasil:d.DROGASIL_TOKENS,raia:d.RAIA_TOKENS,subscription:d.SUBSCRIPTION_TOKENS,prime:d.PRIME_TOKENS}),[]),e=w.useContext(oo);if(!e)throw new Error("[Pulso] useTheme precisa estar dentro de um <ThemeProvider>. Verifique se o provedor est\xE1 corretamente configurado na raiz da aplica\xE7\xE3o.");let{currentTheme:t}=e;return l(l({},d.GLOBALS_TOKENS),o[t])}var eo=require("react/jsx-runtime");function M(c){var f=c,{children:o,side:e="bottom",distance:t="spacingStackTwopulse",strategy:r="fixed",open:a,disabled:p}=f,n=s(f,["children","side","distance","strategy","open","disabled"]);let N=h();return(0,eo.jsx)(to.Tooltip.Root,i(l({positioning:{placement:e,offset:{mainAxis:N[t],crossAxis:0},strategy:r},interactive:!0,"data-testid":"tooltip-root",open:p?!1:typeof a!="undefined"?a:void 0,disabled:p},n),{children:o}))}M.displayName="TooltipRoot";var R=require("@ark-ui/react/tooltip");var ro=require("clsx"),ao=require("tailwind-merge"),m=(...o)=>(0,ao.twMerge)((0,ro.clsx)(...o));var P={};z(P,{Icon:()=>L,IconDualColor:()=>W,Root:()=>q});var I=g(require("react"),1),co=require("@ark-ui/react/factory");var no=g(require("react"),1);var v=g(require("react"),1);function V(o,e){let{targets:t,props:r,keyPrefix:a="inject",asChild:p}=e,n=v.Children.map(o,(c,f)=>{var b,k;if(!v.isValidElement(c))return c;let N=(k=(b=c.type)==null?void 0:b.displayName)!=null?k:"",D=t.includes(N),y=c.props;return v.cloneElement(c,i(l({},D?r:{}),{key:`${a}-${f.toString()}`}),V(y==null?void 0:y.children,{targets:t,props:r,keyPrefix:a,asChild:y==null?void 0:y.asChild}))});return p?n==null?void 0:n[0]:n}function A(o,{targets:e,props:t,asChild:r}){let a=no.useId();return V(o,{targets:e,props:t,asChild:r,keyPrefix:a})}var lo=g(require("react"),1);var x=require("react/jsx-runtime");function io({color:o="brand",srText:e}){let t=h(),a=lo.useMemo(()=>({brand:t.colorActionFillBrandPrimaryEnabled,neutral:t.colorTextNeutralReadonly,black:t.colorTextNeutralDefault,white:t.colorTextNeutralInverse}),[t])[o];return(0,x.jsx)("div",{role:"status",className:m("grid size-8 place-items-center"),"aria-label":e,children:(0,x.jsxs)("svg",{className:m("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,x.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",fill:a}),(0,x.jsx)("title",{children:e})]})})}var so=require("tailwind-variants"),O=(0,so.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Eo=O({slots:{root:["inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap","gap-x-[var(--spacing-inline-twopulse)] rounded-full","outline-[var(--color-action-border-focused)] outline-offset-2","font-inherit font-bold tracking-[var(--letter-spacing-default)]","focus-visible:outline-2","disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]"]},variants:{variant:{"brand-primary":{root:["bg-[var(--color-action-fill-brand-primary-enabled)]","text-[var(--color-text-neutral-inverse)]","enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]","active:bg-[var(--color-action-fill-brand-primary-pressed)]","disabled:bg-[var(--color-action-fill-brand-primary-disabled)]"]},"neutral-secondary":{root:["ring-[var(--color-action-border-neutral-secondary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-secondary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]","active:ring-[var(--color-action-border-neutral-secondary-pressed)]","active:bg-[var(--color-action-fill-neutral-secondary-pressed)]","disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]"]},"neutral-tertiary":{root:["ring-[var(--color-action-border-neutral-tertiary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-tertiary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]","active:ring-[var(--color-action-border-neutral-tertiary-pressed)]","active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]","disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]"]}},size:{md:{root:["h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]","text-[length:var(--font-size-threepulse)]","leading-[var(--line-height-medium)]"]},ml:{root:["h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]"]},lg:{root:["h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]"]},xl:{root:["h-[var(--sizing-extralarge)] min-w-14 px-[var(--padding-inset-sixpulse)]"]}},asIconOnly:{true:{root:"aspect-square px-0"}}},compoundVariants:[{size:["ml","lg"],class:{root:["text-[length:var(--font-size-threeandhalfpulse)]","leading-[var(--line-height-small)]"]}}],defaultVariants:{variant:"brand-primary",size:"ml",asIconOnly:!1}}),{root:po}=Eo();var _=require("react/jsx-runtime");function q(N){var D=N,{children:o,className:e,variant:t="brand-primary",size:r,disabled:a,loading:p,asChild:n,full:c}=D,f=s(D,["children","className","variant","size","disabled","loading","asChild","full"]);let y=A(o,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:t,size:r,disabled:a},asChild:n}),b=!a&&p,k={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},Ro={"aria-live":"polite","aria-busy":!0},Co=I.useCallback(()=>{var J,Q;if(I.Children.count(o)===1&&I.isValidElement(o)){let So=(Q=(J=o.type)==null?void 0:J.displayName)!=null?Q:"";return["ButtonIcon","ButtonIconDualColor"].includes(So)}return!1},[o]);return(0,_.jsx)(co.ark.button,i(l(l({},f),b&&Ro),{className:m(po({variant:t,size:r,asIconOnly:Co(),className:b&&"pointer-events-none"}),c&&"w-full",e),disabled:a,"data-scope":"button",children:b?(0,_.jsx)(io,{color:k[t]}):y}))}q.displayName="ButtonRoot";var fo=require("react");var uo=g(require("react"),1);var mo=require("react/jsx-runtime");function T(a){var p=a,{symbol:o="rdicon-default",size:e="small",color:t="colorActionFillBrandPrimaryEnabled"}=p,r=s(p,["symbol","size","color"]);let n=h(),c=uo.useMemo(()=>({tiny:n.sizingTiny,"extra-small":n.sizingExtrasmall,small:n.sizingSmall,medium:n.sizingMedium}),[]);return(0,mo.jsx)("i",i(l({},r),{className:o,style:{fontSize:c[e],color:n[t],display:"inline-flex"}}))}T.displayName="Icon";var yo=require("react/jsx-runtime");function L({variant:o,size:e,disabled:t,iconColor:r,symbol:a}){let p={md:"extra-small",ml:"small",lg:"small",xl:"small"},n={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},c=(0,fo.useMemo)(()=>t?"colorTextNeutralDisabled":r||n[o],[t,o]),f=p[e];return(0,yo.jsx)(T,{color:c,size:f,symbol:a})}L.displayName="ButtonIcon";var S={};z(S,{Bottom:()=>F,Root:()=>U,Top:()=>G});var go=require("@ark-ui/react/factory");var To=require("react/jsx-runtime");function U(p){var n=p,{children:o,size:e="small",disabled:t=!1,asChild:r}=n,a=s(n,["children","size","disabled","asChild"]);let c=A(o,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:e,disabled:t},asChild:r});return(0,To.jsx)(go.ark.div,i(l({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":t,asChild:r},a),{className:"relative flex [&>[data-icon=top]]:absolute",children:c}))}U.displayName="IconDualColorRoot";var bo=require("react/jsx-runtime");function G(p){var n=p,{children:o,color:e="colorActionTextOnbrandDefault",size:t,disabled:r}=n,a=s(n,["children","color","size","disabled"]);return(0,bo.jsx)(T,i(l({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":t,color:r?"colorTextNeutralDisabled":e,size:t},a),{children:o}))}G.displayName="IconDualColorTop";var ho=require("react/jsx-runtime");function F(p){var n=p,{children:o,color:e="colorTextNeutralDefault",size:t,disabled:r}=n,a=s(n,["children","color","size","disabled"]);return(0,ho.jsx)(T,i(l({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":t,color:r?"colorTextNeutralDisabled":e,size:t},a),{children:o}))}F.displayName="IconDualColorBottom";var vo=require("react/jsx-runtime");function W(t){var r=t,{size:o="ml"}=r,e=s(r,["size"]);let a={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,vo.jsx)(S.Root,i(l({},e),{size:a[o]}))}W.displayName="ButtonIconDualColor";var Ko=O({slots:{content:["w-fit min-w-[var(--sizing-huge)] max-w-[22.5rem] bg-[var(--color-fill-neutral-default)] p-[var(--padding-inset-fourpulse)] shadow-level-1","rounded-[var(--border-radius-largecontainer)] border-[length:var(--border-width-quarterpulse)] border-[var(--color-border-neutral-default)]","text-[length:var(--font-size-threepulse)] text-[var(--color-text-neutral-default)] leading-[var(--line-height-medium)]","data-[state=open]:fade-in data-[state=closed]:fade-out data-[state=closed]:animate-out data-[state=open]:animate-in"]}}),{content:xo}=Ko();var u=require("react/jsx-runtime");function $(a){var p=a,{children:o,showCloseButton:e=!1,onClickClose:t}=p,r=s(p,["children","showCloseButton","onClickClose"]);return(0,u.jsx)(R.Tooltip.Positioner,{children:(0,u.jsxs)(R.Tooltip.Content,i(l({"data-testid":"tooltip-content",className:m(xo())},r),{children:[(0,u.jsx)(R.Tooltip.Arrow,{style:{"--arrow-size":"var(--sizing-micro)","--arrow-background":"var(--color-fill-neutral-default)"},children:(0,u.jsx)(R.Tooltip.ArrowTip,{className:"border-t border-l"})}),(0,u.jsxs)("div",{className:m("flex w-fit items-center gap-[var(--spacing-stack-twopulse)]"),children:[(0,u.jsx)("div",{className:m("line-clamp-4"),children:o}),e&&(0,u.jsx)(R.Tooltip.Context,{children:n=>(0,u.jsx)(P.Root,{onClick:t!=null?t:()=>n.setOpen(!1),variant:"neutral-tertiary",size:"ml","data-testid":"tooltip-close-button",children:(0,u.jsx)(P.Icon,{symbol:"rdicon-dismiss"})})})]})]}))})}$.displayName="TooltipContent";var Io=require("@ark-ui/react/tooltip");var Po=require("react/jsx-runtime");function H(e){var o=s(e,[]);return(0,Po.jsx)(Io.TooltipTrigger,l({"data-testid":"tooltip-trigger"},o))}H.displayName="TooltipTrigger";0&&(module.exports={Tooltip});
//# sourceMappingURL=index.cjs.map