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 4.04 kB
import{a as d}from"./chunk-JJQT4LT3.js";import{a as u}from"./chunk-DAOU4JMT.js";import{a as D}from"./chunk-JOWCR2VE.js";import{a as C}from"./chunk-PUBGMHXB.js";import{a as P}from"./chunk-2DETME2W.js";import{a as o,b as e,c as p,d as J}from"./chunk-UABQX4UA.js";var N={};J(N,{Button:()=>T,Description:()=>x,Label:()=>y,Root:()=>g,Tag:()=>k,Trigger:()=>$});import{Popover as i,usePopover as M}from"@ark-ui/react/popover";import c from"react";var K=P({slots:{root:["min-w-[240px] max-w-[480px] rounded-[var(--border-radius-largecontainer)] bg-[var(--color-fill-neutral-default)] p-fourpulse shadow-[0px_2px_8px_#71768E] ring-[length:var(--border-width-quarterpulse)] ring-[var(--color-border-neutral-default)]"],title:["line-clamp-2 overflow-hidden text-ellipsis pt-twopulse font-bold font-rdmodern text-[var(--color-text-neutral-default)] text-threeandhalfpulse leading-small tracking-default"],description:["line-clamp-3 pt-twopulse font-rdmodern font-regular text-[var(--color-text-neutral-default)] text-threepulse leading-medium tracking-default"],buttonDescription:["line-clamp-3 pt-twopulse font-rdmodern font-regular text-[var(--color-text-neutral-default)] text-threepulse leading-medium tracking-default"]}}),{root:S,title:E,description:L,buttonDescription:_}=K();import{jsx as l,jsxs as f}from"react/jsx-runtime";function g(j){var b=j,{children:a,placement:r="bottom-start",trigger:n,hasButtonClose:t,handleClickButtonClose:v,open:V}=b,q=p(b,["children","placement","trigger","hasButtonClose","handleClickButtonClose","open"]);let W=M({open:V,positioning:{placement:r}}),F=c.Children.toArray(a).some(s=>{var m;return c.isValidElement(s)&&((m=s.type)==null?void 0:m.displayName)==="PopoverButton"}),G=C(a,{targets:["PopoverDescription","PopoverTitle","PopoverButton"],props:{hasPopoverButton:F}}),w=null,h=null,H=c.Children.toArray(G).filter(s=>{var B;if(!c.isValidElement(s))return!0;let m=(B=s.type)==null?void 0:B.displayName;return m==="PopoverTitle"?(w=s,!1):m==="PopoverTag"?(h=s,!1):!0}),A={"--arrow-size":"8px","--arrow-background":"rgba(255, 255, 255, 1)"};return f(i.RootProvider,e(o({},q),{value:W,children:[n,l(i.Positioner,{children:f(i.Content,{className:D(S()),children:[l(i.Arrow,{style:A,children:l(i.ArrowTip,{style:o(o({},A),r==="top-start"||r==="bottom-start"?{left:"calc(var(--spacing-stack-twelvepulse) * -1)"}:{})})}),f("div",{className:"flex w-full flex-row items-center",children:[w,h,t&&l(i.CloseTrigger,{className:"ml-auto","data-testid":"popover-close-trigger",children:l(u.Root,{"data-testid":"popover-button-close-trigger",onClick:()=>{typeof v=="function"&&v()},size:"ml",variant:"neutral-tertiary",children:l(u.Icon,{symbol:"rdicon-dismiss"})})})]}),H]})})]}))}g.displayName="PopoverRoot";import{ark as Q}from"@ark-ui/react/factory";import{Popover as U}from"@ark-ui/react/popover";import{jsx as z}from"react/jsx-runtime";function y(n){var t=n,{className:a}=t,r=p(t,["className"]);return z(U.Title,{asChild:!0,children:z(Q.span,e(o({},r),{className:E()}))})}y.displayName="PopoverTitle";import{ark as X}from"@ark-ui/react/factory";import{Popover as Y}from"@ark-ui/react/popover";import{jsx as I}from"react/jsx-runtime";function x(t){var v=t,{className:a,hasPopoverButton:r}=v,n=p(v,["className","hasPopoverButton"]);return I(Y.Description,{asChild:!0,children:I(X.span,e(o({},n),{className:r?_():L()}))})}x.displayName="PopoverDescription";import{PopoverTrigger as $}from"@ark-ui/react/popover";import{jsx as O}from"react/jsx-runtime";function T(n){var t=n,{children:a}=t,r=p(t,["children"]);return O("div",{className:"pt-fourpulse",children:O(u.Root,e(o({full:!0,variant:"neutral-secondary"},r),{children:a}))})}T.displayName="PopoverButton";import{jsx as R}from"react/jsx-runtime";var Z=P({base:["pt-twopulse pr-twopulse pl-twopulse"]});function k(n){var t=n,{children:a}=t,r=p(t,["children"]);return R("div",{className:Z(),children:R(d.Root,e(o({variants:"principal"},r),{children:R(d.Label,{children:a})}))})}k.displayName="PopoverTag";export{N as a}; //# sourceMappingURL=chunk-SJ4LW3BJ.js.map