UNPKG

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