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.

12 lines 2.8 kB
import{a as p}from"./chunk-BICMVXC7.js";import{a as t}from"./chunk-V5IX4U5J.js";import{a as d,b as s,c as l}from"./chunk-UABQX4UA.js";import*as o from"@radix-ui/react-accordion";import{useState as g}from"react";var m=t({base:`block w-full flex-row rounded-mediumcontainer border-quarterpulse hover:border-[var(--color-container-border-hovered)] mb-fourpulse focus:border-halfpulse focus:border-[var(--color-container-border-focused)] `,variants:{disabled:{true:`cursor-not-allowed border-[var(--color-container-border-disabled)] border-quarterpulse hover:border-[var(--color-container-border-disabled)]`,false:"border-[var(--color-container-border-default)]"}}}),u=t({base:`flex w-full min-w-[184px] items-center justify-between bg-[var(--color-container-fill-default)] p-fourpulse font-bold font-family-modern text-fourpulse text-text-neutral gap-twopulse leading-small tracking-tiny hover:bg-[var(--color-container-fill-hovered)] outline-none focus-visible:border-[var(--color-container-border-focused)] focus-visible:border-halfpulse`,variants:{open:{true:"rounded-t-mediumcontainer",false:"rounded-mediumcontainer"},disabled:{true:`cursor-not-allowed border-[var(--color-container-border-disabled)] bg-[var(--color-container-fill-disabled)] text-text-neutral-disabled hover:border-[var(--color-container-border-disabled)] hover:bg-[var(--color-container-fill-disabled)]`}}}),b=t({base:"flex items-center justify-center transition-transform",variants:{open:{true:"rotate-180",false:"rotate-0"}}}),c=t({base:` whitespace-pre-wrap break-words w-full max-w-full px-fourpulse py-sixpulse `}),v=t({base:"line-clamp-4"});import{jsx as r,jsxs as f}from"react/jsx-runtime";var A="Accordion",x=V=>{var a=V,{title:i,disabled:e,children:y}=a,w=l(a,["title","disabled","children"]);let[n,h]=g(!1);return r(o.Root,s(d({type:"single",collapsible:!0},w),{className:m({disabled:e}),children:f(o.Item,{value:"item-1",children:[r(o.Header,{children:f(o.Trigger,{disabled:e,className:u({open:n,disabled:e}),onClick:()=>h(C=>!C),"data-testid":"accordion-main",children:[r("span",{className:v(),children:i}),r("div",{className:b({open:n}),children:r(p,{symbol:"rdicon-chevron-down","data-testid":"input-select-icon","aria-hidden":!0,color:e?"colorTextNeutralDisabled":"colorTextNeutralDefault",size:"small"})})]})}),r(o.Content,{children:r("div",{className:`accordion-content ${c({})}`,"data-testid":"accordion-content",style:{display:n?"block":"none"},children:y})})]})}))};x.displayName=`${A}Root`;var P=i=>{let{children:e}=i;return r(o.Content,{children:r("div",{className:`accordion-content ${c({})}`,children:e})})};P.displayName=`${A}Content`;var N={Root:x,Content:P};export{N as a}; //# sourceMappingURL=chunk-Z3YKWML6.js.map