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 5.22 kB
"use strict";var U=Object.create;var p=Object.defineProperty,$=Object.defineProperties,B=Object.getOwnPropertyDescriptor,G=Object.getOwnPropertyDescriptors,F=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,H=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty,P=Object.prototype.propertyIsEnumerable;var S=(e,o,r)=>o in e?p(e,o,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[o]=r,d=(e,o)=>{for(var r in o||(o={}))h.call(o,r)&&S(e,r,o[r]);if(u)for(var r of u(o))P.call(o,r)&&S(e,r,o[r]);return e},f=(e,o)=>$(e,G(o));var v=(e,o)=>{var r={};for(var t in e)h.call(e,t)&&o.indexOf(t)<0&&(r[t]=e[t]);if(e!=null&&u)for(var t of u(e))o.indexOf(t)<0&&P.call(e,t)&&(r[t]=e[t]);return r};var Y=(e,o)=>{for(var r in o)p(e,r,{get:o[r],enumerable:!0})},g=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let c of F(o))!h.call(e,c)&&c!==r&&p(e,c,{get:()=>o[c],enumerable:!(t=B(o,c))||t.enumerable});return e};var b=(e,o,r)=>(r=e!=null?U(H(e)):{},g(o||!e||!e.__esModule?p(r,"default",{value:e,enumerable:!0}):r,e)),J=e=>g(p({},"__esModule",{value:!0}),e);var W={};Y(W,{Accordion:()=>L});module.exports=J(W);var s=b(require("@radix-ui/react-accordion"),1),D=require("react");var I=b(require("react"),1);var T=b(require("react"),1),i=require("@raiadrogasil/pulso-design-tokens");var N=b(require("react"),1),Q=require("react/jsx-runtime"),R=N.createContext({currentTheme:"rdsaudesistemas"});function E(){let e=T.useMemo(()=>({rdsaudesistemas:i.RDSAUDESISTEMAS_TOKENS,drogasil:i.DROGASIL_TOKENS,raia:i.RAIA_TOKENS,subscription:i.SUBSCRIPTION_TOKENS,prime:i.PRIME_TOKENS}),[]),o=T.useContext(R);if(!o)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:r}=o;return d(d({},i.GLOBALS_TOKENS),e[r])}var C=require("react/jsx-runtime");function y(c){var m=c,{symbol:e="rdicon-default",size:o="small",color:r="colorActionFillBrandPrimaryEnabled"}=m,t=v(m,["symbol","size","color"]);let a=E(),A=I.useMemo(()=>({tiny:a.sizingTiny,"extra-small":a.sizingExtrasmall,small:a.sizingSmall,medium:a.sizingMedium}),[]);return(0,C.jsx)("i",f(d({},t),{className:e,style:{fontSize:A[o],color:a[r],display:"inline-flex"}}))}y.displayName="Icon";var w=require("tailwind-variants"),l=(0,w.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var k=l({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)]"}}}),K=l({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)]`}}}),O=l({base:"flex items-center justify-center transition-transform",variants:{open:{true:"rotate-180",false:"rotate-0"}}}),x=l({base:` whitespace-pre-wrap break-words w-full max-w-full px-fourpulse py-sixpulse `}),V=l({base:"line-clamp-4"});var n=require("react/jsx-runtime"),z="Accordion",M=c=>{var m=c,{title:e,disabled:o,children:r}=m,t=v(m,["title","disabled","children"]);let[a,A]=(0,D.useState)(!1);return(0,n.jsx)(s.Root,f(d({type:"single",collapsible:!0},t),{className:k({disabled:o}),children:(0,n.jsxs)(s.Item,{value:"item-1",children:[(0,n.jsx)(s.Header,{children:(0,n.jsxs)(s.Trigger,{disabled:o,className:K({open:a,disabled:o}),onClick:()=>A(q=>!q),"data-testid":"accordion-main",children:[(0,n.jsx)("span",{className:V(),children:e}),(0,n.jsx)("div",{className:O({open:a}),children:(0,n.jsx)(y,{symbol:"rdicon-chevron-down","data-testid":"input-select-icon","aria-hidden":!0,color:o?"colorTextNeutralDisabled":"colorTextNeutralDefault",size:"small"})})]})}),(0,n.jsx)(s.Content,{children:(0,n.jsx)("div",{className:`accordion-content ${x({})}`,"data-testid":"accordion-content",style:{display:a?"block":"none"},children:r})})]})}))};M.displayName=`${z}Root`;var _=e=>{let{children:o}=e;return(0,n.jsx)(s.Content,{children:(0,n.jsx)("div",{className:`accordion-content ${x({})}`,children:o})})};_.displayName=`${z}Content`;var L={Root:M,Content:_};0&&(module.exports={Accordion}); //# sourceMappingURL=index.cjs.map