@rdsaude/pulso-react-components/dist/components/radio/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 de=Object.create;var g=Object.defineProperty,ue=Object.defineProperties,ce=Object.getOwnPropertyDescriptor,pe=Object.getOwnPropertyDescriptors,me=Object.getOwnPropertyNames,v=Object.getOwnPropertySymbols,fe=Object.getPrototypeOf,z=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable;var _=(e,r,o)=>r in e?g(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,l=(e,r)=>{for(var o in r||(r={}))z.call(r,o)&&_(e,o,r[o]);if(v)for(var o of v(r))K.call(r,o)&&_(e,o,r[o]);return e},b=(e,r)=>ue(e,pe(r));var f=(e,r)=>{var o={};for(var t in e)z.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&v)for(var t of v(e))r.indexOf(t)<0&&K.call(e,t)&&(o[t]=e[t]);return o};var he=(e,r)=>{for(var o in r)g(e,o,{get:r[o],enumerable:!0})},L=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of me(r))!z.call(e,a)&&a!==o&&g(e,a,{get:()=>r[a],enumerable:!(t=ce(r,a))||t.enumerable});return e};var S=(e,r,o)=>(o=e!=null?de(fe(e)):{},L(r||!e||!e.__esModule?g(o,"default",{value:e,enumerable:!0}):o,e)),be=e=>L(g({},"__esModule",{value:!0}),e);var Re={};he(Re,{Radio:()=>se});module.exports=be(Re);var te=require("@radix-ui/react-context");var w=S(require("react"),1);var G=S(require("react"),1);var O=S(require("react"),1),i=require("@raiadrogasil/pulso-design-tokens");var M=S(require("react"),1),ye=require("react/jsx-runtime"),B=M.createContext({currentTheme:"rdsaudesistemas"});function H(){let e=O.useMemo(()=>({rdsaudesistemas:i.RDSAUDESISTEMAS_TOKENS,drogasil:i.DROGASIL_TOKENS,raia:i.RAIA_TOKENS,subscription:i.SUBSCRIPTION_TOKENS,prime:i.PRIME_TOKENS}),[]),r=O.useContext(B);if(!r)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}=r;return l(l({},i.GLOBALS_TOKENS),e[o])}var U=require("react/jsx-runtime");function y(a){var s=a,{symbol:e="rdicon-default",size:r="small",color:o="colorActionFillBrandPrimaryEnabled"}=s,t=f(s,["symbol","size","color"]);let n=H(),d=G.useMemo(()=>({tiny:n.sizingTiny,"extra-small":n.sizingExtrasmall,small:n.sizingSmall,medium:n.sizingMedium}),[]);return(0,U.jsx)("i",b(l({},t),{className:e,style:{fontSize:d[r],color:n[o],display:"inline-flex"}}))}y.displayName="Icon";var q=require("react");function E(){let[e,r]=(0,q.useState)("");return{UseRadio:E,selectedValue:e,setSelectedValue:r,isChecked:(a,s)=>s||e===a,iconSizeMapping:{md:"tiny",ml:"small",lg:"medium",xl:"medium"}}}var F=require("tailwind-variants"),u=(0,F.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var Y=u({base:`
    flex items-center rounded-pill min-width-[var(--sizing-huge)] p-onepulse
    active:border-focused focus:border-focused mb-twopulse
  `,variants:{hasError:{true:"border-forms-border-error border-halfpulse"},readOnly:{true:"cursor-not-allowed border-[#00000000]"},disabled:{true:"cursor-not-allowed border-[transparent]"},hasIconOnly:{true:`justify-center overflow-hidden
     `}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed"},{hasIconOnly:!0,size:"md",class:""},{hasIconOnly:!0,size:"ml",class:""},{hasIconOnly:!0,size:"lg",class:""},{hasIconOnly:!0,size:"xl",class:""}],defaultVariants:{size:"xl",hasError:!1,readOnly:!1,disabled:!1,hasIconOnly:!1}}),$=u({base:`
    group flex flex-1 items-center justify-start rounded-pill min-w-[128px] relative font-wheight-regular
    font-rdmodern font-regular bg-action-fill-neutral-tertiary-enabled border-action-border-neutral-tertiary-enabled
    hover:bg-action-fill-neutral-tertiary-hovered hover:border-action-border-neutral-tertiary-hovered active:bg-action-fill-neutral-tertiary-pressed cursor:pointer
    has-[:focus]:border-action-border-focused border-halfpulse focus:border-action-border-focused focus-visible:border-action-border-focused

  `,variants:{size:{md:"min-h-medium gap-onepulse px-fourpulse py-onepulse text-threepulse leading-medium",ml:"min-h-mediumlarge gap-twopulse px-fourpulse py-twopulse text-threeandhalfpulse leading-small",lg:"min-h-large gap-twopulse px-fivepulse py-twopulse text-fourpulse leading-small",xl:"min-h-extralarge gap-twopulse px-sixpulse py-threepulse text-fourpulse leading-small"},hasError:{true:`
            bg-action-fill-neutral-tertiary-enabled border-action-border-neutral-tertiary-enabled focus:border-action-border-neutral-tertiary-enabled hover:bg-action-fill-neutral-tertiary-hovered
            active:border-action-border-neutral-tertiary-enabled  has-[:unchecked]:border-none focus-visible:border-action-border-neutral-tertiary-enabled
      `},readOnly:{true:`
          border-[#00000000] bg-[#00000000] hover:border-[#00000000] hover:bg-[#00000000] focus:border-[#00000000]
          focus:bg-[#00000000] focus-visible:bg-[#00000000] active:border-[#00000000] active:bg-[#00000000]
      `},disabled:{true:`
          cursor-not-allowed border-action-fill-neutral-tertiary-disabled bg-action-fill-neutral-tertiary-disabled hover:bg-action-fill-neutral-tertiary-disabled
          active:bg-action-fill-neutral-tertiary-disabled active:border-action-border-neutral-tertiary-disabled focus:bg-action-fill-neutral-tertiary-disabled
          focus:border-action-border-neutral-tertiary-disabled focus-visible:bg-action-fill-neutral-tertiary-disabled
      `},hasIconOnly:{true:`justify-center min-w-[auto] gap-none
      `}},compoundVariants:[{readOnly:!1,disabled:!1,class:`
        [&:not(:focus-within)]:has-[:placeholder-shown]:bg-forms-fill
        [&:not(:focus-within)]:has-[:placeholder-shown]:hover:bg-forms-fill-hovered
      `},{hasError:!1,readOnly:!1,disabled:!1,class:`

        `},{hasIconOnly:!0,size:"xl",class:"h-extralarge w-extralarge px-threepulse py-threepulse"},{hasIconOnly:!0,size:"lg",class:"h-large w-large px-twopulse py-twopulse"},{hasIconOnly:!0,size:"ml",class:"h-mediumlarge w-mediumlarge px-twopulse py-twopulse"},{hasIconOnly:!0,size:"md",class:"h-medium w-medium px-twopulse py-twopulse"}],defaultVariants:{size:"xl",hasError:!1,readOnly:!1,disabled:!1,hasIconOnly:!1}}),J=u({base:`
      flex justify-start items-center font-rdmodern text-text-neutral tracking-tiny font-wheight-regular text-left min-h-small line-clamp-4 mt-[5px]
    `,variants:{size:{md:"min-h-medium text-threepulse leading-medium",ml:"text-threeandhalfpulse leading-small",lg:"text-fourpulse leading-small",xl:"text-fourpulse leading-small"},readOnly:{true:"text-text-neutral-readonly"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""},hasIconOnly:{true:"hidden"}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed text-text-neutral-readonly"}],defaultVariants:{readOnly:!1,disabled:!1,hasIconOnly:!1}}),Q=u({base:"sr-only",variants:{hasError:{true:"hidden"}}}),W=u({base:`
      group-has-[:checked]:hidden
      `,variants:{size:{md:"h-tiny",ml:"h-small",lg:"h-medium",xl:"h-medium"},readOnly:{true:""},disabled:{true:"cursor-not-allowed text-text-neutral-disabled"}}}),X=u({base:`
       hidden group-has-[:checked]:block
      `,variants:{size:{md:"h-tiny",ml:"h-small",lg:"h-medium",xl:"h-medium"},readOnly:{true:""},disabled:{true:"cursor-not-allowed text-text-neutral-disabled"}}});var c=require("react/jsx-runtime"),Z=e=>{let A=e,{__scopeRadio:r,name:o,value:t,checked:a,children:s,onChange:n,iconOnly:d,id:R=null}=A,I=f(A,["__scopeRadio","name","value","checked","children","onChange","iconOnly","id"]),{disabled:p,size:m="lg",id:le,readOnly:T,error:P,selectedValue:ie}=x("RadioButton",r),{iconSizeMapping:C}=E(),ne=(0,w.useRef)(null),k=a||t===ie,D=()=>w.default.isValidElement(s)?!!s.props.children:!1;return(0,c.jsx)("div",{className:Y({disabled:p,readOnly:T,hasIconOnly:d||!D(),hasError:P}),children:(0,c.jsxs)("label",{className:$({disabled:p,readOnly:T,size:m,hasIconOnly:d||!D(),hasError:P}),"aria-disabled":p,children:[(0,c.jsx)("input",l({ref:ne,type:"radio",className:Q({hasError:P}),id:R||le,disabled:p,name:o,value:t,checked:k,onChange:n,defaultChecked:k},I)),(0,c.jsx)("span",{className:W({size:m}),children:(0,c.jsx)(y,{size:C[m],symbol:"rdicon-radio-button-unselected",color:p?"colorTextNeutralDisabled":T?"colorTextNeutralReadonly":"colorTextNeutralDefault"})}),(0,c.jsx)("span",{className:X({size:m}),children:(0,c.jsx)(y,{size:C[m],symbol:"rdicon-radio-button-selected",color:p?"colorTextNeutralDisabled":T?"colorTextNeutralReadonly":"colorTextNeutralDefault"})}),!d&&s]})})};var j=u({base:` flex justify-start items-center gap-onepulse font-rdmodern font-semibold text-text-danger-alternative text-threepulse

  `,variants:{size:{md:"px-fourpulse",ml:"px-fourpulse",lg:"px-fivepulse",xl:"px-sixpulse"}},compoundVariants:[]});var h=require("react/jsx-runtime"),ee=t=>{var a=t,{children:e,__scopeRadio:r}=a,o=f(a,["children","__scopeRadio"]);let{error:s,size:n="lg",iconOnly:d}=x("RadioHelperText",r);return s?(0,h.jsx)(h.Fragment,{children:!d&&(0,h.jsxs)("div",b(l({},o),{className:j({size:n}),children:[(0,h.jsx)(y,{symbol:"rdicon-warning-circle",color:"colorTextDangerAlternative",size:"tiny"}),(0,h.jsx)("span",{className:"line-clamp-2",children:e})]}))}):null};var oe=require("react/jsx-runtime"),re=e=>{let{children:r,__scopeRadio:o}=e,{disabled:t,readOnly:a,size:s}=x("RadioLabel",o);return r?(0,oe.jsx)("span",{className:J({disabled:t,readOnly:a,size:s}),children:r}):null};var V=require("react/jsx-runtime"),N="Radio",ae=e=>{let m=e,{size:r,children:o,disabled:t,readOnly:a,defaultValue:s,legend:n,error:d,iconOnly:R,__scopeRadio:I}=m,p=f(m,["size","children","disabled","readOnly","defaultValue","legend","error","iconOnly","__scopeRadio"]);return(0,V.jsx)(ge,b(l({},e),{size:r,disabled:t,readOnly:a,error:d,scope:I,iconOnly:R,selectedValue:s,children:(0,V.jsx)("fieldset",b(l({},p),{className:"flex min-w-full flex-col border-none",children:o}))}))};ae.displayName=N;var[xe]=(0,te.createContextScope)(N),[ge,x]=xe(N),se={Root:ae,Button:Z,Label:re,Helper:ee};0&&(module.exports={Radio});
//# sourceMappingURL=index.cjs.map