@rdsaude/pulso-react-components
Version:
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.
2 lines • 2.52 kB
JavaScript
import{a as g}from"./chunk-SVELBQZF.js";import{a as s}from"./chunk-JOWCR2VE.js";import{c as A}from"./chunk-PHLWMS6U.js";import{a as P}from"./chunk-V5IX4U5J.js";import{a as t,b as l,c as e,d as w}from"./chunk-UABQX4UA.js";var y={};w(y,{Content:()=>f,Root:()=>c,Trigger:()=>u});import{Tooltip as b}from"@ark-ui/react/tooltip";import{jsx as h}from"react/jsx-runtime";function c(z){var v=z,{children:r,side:n="bottom",distance:i="spacingStackTwopulse",strategy:d="fixed",open:m,disabled:p}=v,T=e(v,["children","side","distance","strategy","open","disabled"]);let R=A();return h(b.Root,l(t({positioning:{placement:n,offset:{mainAxis:R[i],crossAxis:0},strategy:d},interactive:!0,"data-testid":"tooltip-root",open:p?!1:typeof m!="undefined"?m:void 0,disabled:p},T),{children:r}))}c.displayName="TooltipRoot";import{Tooltip as a}from"@ark-ui/react/tooltip";var C=P({slots:{content:["tooltip-shadow w-fit min-w-[var(--sizing-huge)] max-w-[22.5rem] bg-[var(--color-fill-neutral-default)] p-[var(--padding-inset-fourpulse)]","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:x}=C();import{jsx as o,jsxs as k}from"react/jsx-runtime";function f(m){var p=m,{children:r,showCloseButton:n=!1,onClickClose:i}=p,d=e(p,["children","showCloseButton","onClickClose"]);return o(a.Positioner,{children:k(a.Content,l(t({"data-testid":"tooltip-content",className:s(x())},d),{children:[o(a.Arrow,{style:{"--arrow-size":"var(--sizing-micro)","--arrow-background":"var(--color-fill-neutral-default)"},children:o(a.ArrowTip,{className:"border-t border-l"})}),k("div",{className:s("flex w-fit items-center gap-[var(--spacing-stack-twopulse)]"),children:[o("div",{className:s("line-clamp-4"),children:r}),n&&o(a.Context,{children:T=>o(g.Root,{onClick:i!=null?i:()=>T.setOpen(!1),variant:"neutral-tertiary",size:"ml","data-testid":"tooltip-close-button",children:o(g.Icon,{symbol:"rdicon-dismiss"})})})]})]}))})}f.displayName="TooltipContent";import{TooltipTrigger as N}from"@ark-ui/react/tooltip";import{jsx as S}from"react/jsx-runtime";function u(n){var r=e(n,[]);return S(N,t({"data-testid":"tooltip-trigger"},r))}u.displayName="TooltipTrigger";export{y as a};
//# sourceMappingURL=chunk-MV3LHI2D.js.map