@rdsaude/pulso-react-components/dist/components/switch/index.cjs

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.

"use strict";var j=Object.create;var w=Object.defineProperty,ee=Object.defineProperties,te=Object.getOwnPropertyDescriptor,oe=Object.getOwnPropertyDescriptors,re=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,se=Object.getPrototypeOf,T=Object.prototype.hasOwnProperty,L=Object.prototype.propertyIsEnumerable;var N=(e,t,o)=>t in e?w(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,n=(e,t)=>{for(var o in t||(t={}))T.call(t,o)&&N(e,o,t[o]);if(f)for(var o of f(t))L.call(t,o)&&N(e,o,t[o]);return e},b=(e,t)=>ee(e,oe(t));var g=(e,t)=>{var o={};for(var r in e)T.call(e,r)&&t.indexOf(r)<0&&(o[r]=e[r]);if(e!=null&&f)for(var r of f(e))t.indexOf(r)<0&&L.call(e,r)&&(o[r]=e[r]);return o};var ie=(e,t)=>{for(var o in t)w(e,o,{get:t[o],enumerable:!0})},C=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of re(t))!T.call(e,s)&&s!==o&&w(e,s,{get:()=>t[s],enumerable:!(r=te(t,s))||r.enumerable});return e};var u=(e,t,o)=>(o=e!=null?j(se(e)):{},C(t||!e||!e.__esModule?w(o,"default",{value:e,enumerable:!0}):o,e)),ae=e=>C(w({},"__esModule",{value:!0}),e);var de={};ie(de,{Switch:()=>X});module.exports=ae(de);var W=require("@radix-ui/react-context");var E=require("tailwind-variants"),a=(0,E.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var _=a({base:`
  text-text-neutral-alternative text-threepulse font-bold font-rdmodern line leading-medium text-nowrap
  `,variants:{isDisabled:{true:"text-text-neutral-disabled"}}});var l=require("react/jsx-runtime"),k=e=>{let{children:t,__scopeSwitch:o}=e,{disabled:r,loading:s}=p(c,o);return(0,l.jsx)(l.Fragment,{children:(!s||r)&&(0,l.jsx)("div",{children:(0,l.jsx)("label",{className:_({isDisabled:r}),"data-testid":"switch-label","aria-label":t==null?void 0:t.toString(),children:t})})})};var O=u(require("react"),1);var x=u(require("react"),1),i=require("@raiadrogasil/pulso-design-tokens");var A=u(require("react"),1),ce=require("react/jsx-runtime"),D=A.createContext({currentTheme:"rdsaudesistemas"});function M(){let e=x.useMemo(()=>({rdsaudesistemas:i.RDSAUDESISTEMAS_TOKENS,drogasil:i.DROGASIL_TOKENS,raia:i.RAIA_TOKENS,subscription:i.SUBSCRIPTION_TOKENS,prime:i.PRIME_TOKENS}),[]),t=x.useContext(D);if(!t)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:o}=t;return n(n({},i.GLOBALS_TOKENS),e[o])}var V=require("clsx"),I=require("tailwind-merge"),R=(...e)=>(0,I.twMerge)((0,V.clsx)(...e));var d=require("react/jsx-runtime");function B({color:e="brand",srText:t}){let o=M(),s=O.useMemo(()=>({brand:o.colorActionFillBrandPrimaryEnabled,neutral:o.colorTextNeutralReadonly,black:o.colorTextNeutralDefault,white:o.colorTextNeutralInverse}),[o])[e];return(0,d.jsx)("div",{role:"status",className:R("grid size-8 place-items-center"),"aria-label":t,children:(0,d.jsxs)("svg",{className:R("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,d.jsx)("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12c0 6.627 5.373 12 12 12s12-5.373 12-12S18.627 0 12 0v2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12H0z",fill:s}),(0,d.jsx)("title",{children:t})]})})}var h=require("react/jsx-runtime"),K=e=>{let{__scopeSwitch:t}=e,{disabled:o,loading:r}=p(c,t);return(0,h.jsx)(h.Fragment,{children:r&&!o&&(0,h.jsx)("div",{"data-testid":"switch-refresh",children:(0,h.jsx)(B,{color:"neutral"})})})};var G=u(require("@radix-ui/react-switch"),1);var z=a({base:`
    flex w-extrasmall h-extrasmall bg-[white] rounded-pill data-[state=checked]:translate-x-[16px] transition-transform
  `,variants:{}});var q=require("react/jsx-runtime"),Y=()=>(0,q.jsx)(G.Thumb,{className:z(),"data-testid":"switch-thumb"});var F=require("react"),H=u(require("@radix-ui/react-switch"),1);var U=a({base:`
    flex w-mediumlarge min-w-mediumlarge h-small rounded-mediumcontainer p-halfpulse focus-visible:outline outline-2 outline-offset-2
  `,variants:{isDisabled:{true:""},isLoading:{true:""}},compoundVariants:[{isDisabled:!0,className:`
        bg-text-neutral-disabled cursor-not-allowed
      `},{isDisabled:!1,isLoading:!1,className:`
        data-[state=unchecked]:bg-[#9E9E9E]
        data-[state=checked]:bg-action-text-onbrand
        data-[state=unchecked]:active:bg-[#6B6B6B]
        data-[state=checked]:active:bg-action-text-onbrand-pressed
        data-[state=unchecked]:hover:bg-[#828282]
        data-[state=checked]:hover:bg-action-text-onbrand-hovered

      `},{isDisabled:!1,isLoading:!0,className:`
        data-[state=unchecked]:bg-[#6B6B6B]
        data-[state=checked]:bg-action-text-onbrand-pressed
      `}]});var J=require("react/jsx-runtime"),P=(0,F.forwardRef)((e,t)=>{let{children:o,__scopeSwitch:r}=e,y=p(c,r),{disabled:s,loading:m,defaultChecked:S,checked:Z}=y,$=g(y,["disabled","loading","defaultChecked","checked"]);return(0,J.jsx)(H.Root,b(n({},$),{ref:t,defaultChecked:S,checked:Z,"data-testid":"switch-toggle",disabled:s||m,className:U({isDisabled:s,isLoading:m}),children:o}))});P.displayName="SwitchToggle";var Q=a({base:`
    flex flex-row gap-twopulse p-twopulse items-center
  `,variants:{}});var v=require("react/jsx-runtime"),c="Switch",ne=e=>{let S=e,{disabled:t=!1,loading:o=!1,children:r,__scopeSwitch:s}=S,m=g(S,["disabled","loading","children","__scopeSwitch"]);return(0,v.jsx)(pe,b(n({},m),{disabled:t,loading:o,scope:s,children:(0,v.jsx)("div",{className:Q(),"data-testid":"switch-root",children:r})}))},[le]=(0,W.createContextScope)(c),[pe,p]=le(c),X={Root:ne,Toggle:P,Thumb:Y,Label:k,Refresh:K};0&&(module.exports={Switch});
//# sourceMappingURL=index.cjs.map