@rdsaude/pulso-react-components/dist/components/chips/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 pe=Object.create;var v=Object.defineProperty,ue=Object.defineProperties,be=Object.getOwnPropertyDescriptor,me=Object.getOwnPropertyDescriptors,he=Object.getOwnPropertyNames,S=Object.getOwnPropertySymbols,fe=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty,_=Object.prototype.propertyIsEnumerable;var D=(e,r,o)=>r in e?v(e,r,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[r]=o,m=(e,r)=>{for(var o in r||(r={}))E.call(r,o)&&D(e,o,r[o]);if(S)for(var o of S(r))_.call(r,o)&&D(e,o,r[o]);return e},T=(e,r)=>ue(e,me(r));var P=(e,r)=>{var o={};for(var t in e)E.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(e!=null&&S)for(var t of S(e))r.indexOf(t)<0&&_.call(e,t)&&(o[t]=e[t]);return o};var ye=(e,r)=>{for(var o in r)v(e,o,{get:r[o],enumerable:!0})},L=(e,r,o,t)=>{if(r&&typeof r=="object"||typeof r=="function")for(let a of he(r))!E.call(e,a)&&a!==o&&v(e,a,{get:()=>r[a],enumerable:!(t=be(r,a))||t.enumerable});return e};var M=(e,r,o)=>(o=e!=null?pe(fe(e)):{},L(r||!e||!e.__esModule?v(o,"default",{value:e,enumerable:!0}):o,e)),Ce=e=>L(v({},"__esModule",{value:!0}),e);var Se={};ye(Se,{Chips:()=>de});module.exports=Ce(Se);var le=require("@radix-ui/react-context");var Z=require("react");var K=M(require("react"),1);var k=M(require("react"),1),d=require("@raiadrogasil/pulso-design-tokens");var q=M(require("react"),1),xe=require("react/jsx-runtime"),A=q.createContext({currentTheme:"rdsaudesistemas"});function B(){let e=k.useMemo(()=>({rdsaudesistemas:d.RDSAUDESISTEMAS_TOKENS,drogasil:d.DROGASIL_TOKENS,raia:d.RAIA_TOKENS,subscription:d.SUBSCRIPTION_TOKENS,prime:d.PRIME_TOKENS}),[]),r=k.useContext(A);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 m(m({},d.GLOBALS_TOKENS),e[o])}var U=require("react/jsx-runtime");function h(a){var l=a,{symbol:e="rdicon-default",size:r="small",color:o="colorActionFillBrandPrimaryEnabled"}=l,t=P(l,["symbol","size","color"]);let s=B(),i=K.useMemo(()=>({tiny:s.sizingTiny,"extra-small":s.sizingExtrasmall,small:s.sizingSmall,medium:s.sizingMedium}),[]);return(0,U.jsx)("i",T(m({},t),{className:e,style:{fontSize:i[r],color:s[o],display:"inline-flex"}}))}h.displayName="Icon";var H=require("tailwind-variants"),p=(0,H.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var w=p({base:`
    flex items-center justify-center rounded-pill min-width-size-huge p-px outline-none
    active:border-focused focus:border-focused w-fit m-px border-halfpulse border-transparent
    focus-visible:border-action-border-focused
  `,variants:{disabled:{true:"cursor-not-allowed border-transparent"}},defaultVariants:{disabled:!1}}),G=p({base:`
    group flex items-center justify-center rounded-pill min-w-16 relative px-fourpulse gap-twopulse border-quarterpulse text-text-neutral-alternative
    bg-action-fill-neutral-secondary-enabled border-action-border-neutral-secondary-enabled
    hover:border-action-border-neutral-secondary-hovered hover:bg-action-fill-neutral-secondary-hovered
    active:bg-action-fill-neutral-secondary-pressed active:border-action-border-neutral-secondary-pressed cursor:pointer
  `,variants:{size:{sm:"",md:"h-medium",ml:"h-mediumlarge"},readOnly:{true:`
          border-action-border-neutral-secondary-enabled border-quarterpulse bg-action-fill-neutral-secondary-enabled
          hover:bg-action-fill-neutral-secondary-enabled hover:border-action-border-neutral-secondary-enabled
          active:border-action-border-neutral-secondary-enabled active:bg-action-fill-neutral-secondary-enabled
        `},disabled:{true:`
          cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
          hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
          active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
        `},checked:{true:`
          border-action-border-neutral-secondary-enabled border-halfpulse bg-action-fill-neutral-secondary-activated pl-twopulse text-text-neutral
          hover:text-text-neutral
        `}},compoundVariants:[{disabled:!0,checked:!0,class:`
        cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
        hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
        active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
      `}],defaultVariants:{size:"md",disabled:!1,checked:!1}}),F=p({base:`
    group flex items-center justify-center rounded-pill min-w-10 relative px-twopulse py-onepulse gap-onepulse border-quarterpulse text-text-neutral-alternative
    bg-action-fill-neutral-secondary-enabled border-action-border-neutral-secondary-enabled
    active:bg-action-fill-neutral-secondary-pressed active:border-action-border-neutral-secondary-pressed cursor:pointer
    hover:border-action-border-neutral-secondary-hovered hover:bg-action-fill-neutral-secondary-hovered
  `,variants:{size:{sm:"h-small",md:"h-medium",ml:"h-medium"},disabled:{true:`
          cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
          hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
          active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
        `},readOnly:{true:`
          cursor-not-allowed text-text-neutral-readonly border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
          hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
          active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
        `},checked:{true:"border-action-border-neutral-secondary-enabled border-quarterpulse"}},compoundVariants:[{disabled:!0,checked:!0,class:`
        cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
        hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
        active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
      `},{checked:!0,readOnly:!0,class:`
        cursor-not-allowed text-text-neutral-readonly border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
        hover:bg-action-fill-neutral-secondary-disabled hover:border-action-border-neutral-secondary-disabled
        active:border-action-border-neutral-secondary-disabled active:bg-action-fill-neutral-secondary-disabled
      `}],defaultVariants:{size:"md",disabled:!1,checked:!1}}),Y=p({base:`
    group flex items-center justify-center rounded-pill min-w-[64px] relative px-twopulse gap-twopulse border-quarterpulse text-[length:var(--font-size-threeandhalfpulse)] text-text-neutral-alternative outline-none
    bg-action-fill-neutral-secondary-enabled border-action-border-neutral-secondary-enabled
  `,variants:{size:{sm:"h-medium",md:"h-medium",ml:"h-mediumlarge"},disabled:{false:`
        has-hover:bg-action-fill-neutral-secondary-hovered has-hover:border-action-border-neutral-secondary-hovered
        active:bg-action-fill-neutral-secondary-pressed active:border-action-fill-neutral-secondary-pressed cursor:pointer
        focus-visible:outline-action-border-focused
      `,true:`
        cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
      `},hasChecked:{true:`
        border-action-border-neutral-secondary-activated border-halfpulse bg-action-fill-neutral-secondary-activated text-text-neutral
        enabled:has-hover:border-quarterpulse enabled:has-hover:bg-action-fill-neutral-secondary-hovered enabled:has-hover:border-action-border-neutral-secondary-hovered
        enabled:active:border-quarterpulse enabled:active:bg-action-fill-neutral-secondary-pressed enabled:active:border-action-border-neutral-secondary-pressed
      `}},compoundVariants:[{disabled:!0,hasChecked:!0,class:`
        cursor-not-allowed border-action-border-neutral-secondary-disabled border-quarterpulse bg-action-fill-neutral-secondary-disabled
      `}],defaultVariants:{size:"md",disabled:!1,checked:!1}}),$=p({base:"flex h-extrasmall items-center justify-center font-bold text-text-neutral-alternative leading-small",variants:{size:{sm:"text-threeandhalfpulse",md:"h-medium min-w-medium text-threeandhalfpulse",ml:"h-mediumlarge min-w-mediumlarge text-threeandhalfpulse"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled"},readonly:{true:"cursor-not-allowed text-text-neutral-readonly"},checked:{true:"text-action-text-neutral"}},compoundVariants:[{checked:!0,disabled:!0,class:"cursor-not-allowed text-text-neutral-disabled"}],defaultVariants:{disabled:!1,checked:!1}}),I=p({base:`
        hidden
      `}),J=p({base:`
       hidden group-has-[:checked]:block
      `,variants:{size:{sm:"h-small",md:"h-tiny",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),Q=p({base:"",variants:{size:{sm:"h-small",md:"h-small",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),W=p({base:"flex items-center",variants:{size:{sm:"h-small",md:"h-extrasmall",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),X=p({base:` flex justify-center items-center rounded-pill border-none bg-text-neutral text-threepulse text-text-neutral-inverse
  `,variants:{size:{sm:"h-extrasmall w-extrasmall",md:"h-extrasmall w-extrasmall",ml:"h-small w-small"},disabled:{true:"cursor-not-allowed bg-text-neutral-disabled"}}});var C=require("react/jsx-runtime"),j=e=>{let{__scopeChips:r,id:o,name:t,value:a,children:l,onChange:s}=e,{size:i="sm",disabled:n,checked:c,readOnly:u}=b("Chips",r),x=(0,Z.useRef)(null),g=n||u;return(0,C.jsxs)("label",{className:F({checked:c,disabled:n,size:i,readOnly:u}),"aria-disabled":n,style:{cursor:n||u?"not-allowed":"pointer"},children:[(0,C.jsx)("input",{ref:x,type:"checkbox",className:I(),id:o,disabled:n,name:t,value:a,checked:c,onChange:s,readOnly:u}),l,c&&(0,C.jsx)("span",{className:Q({size:i}),children:(0,C.jsx)(h,{size:"small",symbol:"rdicon-dismiss",color:n?"colorTextNeutralDisabled":"colorTextDangerAlternative"})})]})};var re=require("react/jsx-runtime"),ee=e=>{let{__scopeChips:r,children:o}=e,{size:t,disabled:a,checked:l}=b("Label",r);return(0,re.jsx)("span",{className:$({disabled:a,size:t,checked:l}),children:o})};var te=require("react");var oe=require("react");function z(){let[e,r]=(0,oe.useState)("");return{selectedValue:e,setSelectedValue:r,iconSizeMapping:{sm:"extra-small",md:"extra-small",ml:"small"}}}var f=require("react/jsx-runtime"),ae=e=>{let{__scopeChips:r,children:o,icon:t,onChange:a=()=>{},count:l=0}=e,{size:s="md",disabled:i,checked:n,readOnly:c}=b("Chips",r),{iconSizeMapping:u}=z(),x=(0,te.useRef)(null),g=n||l>0,N=t||"rdicon-options-filter",R=O=>{if(i||c){O.preventDefault();return}a&&a(O)};return(0,f.jsx)("div",{className:w(),children:(0,f.jsxs)("button",{type:"button",className:Y({size:s,disabled:i||c,hasChecked:g}),ref:x,onClick:R,disabled:i||c,children:[(0,f.jsx)("span",{className:W({size:s}),children:(0,f.jsx)(h,{size:u[s],symbol:N,color:i?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),o,l>0&&(0,f.jsx)("span",{className:X({size:s,disabled:i}),children:l>9?"9+":l})]})})};var se=require("react");var y=require("react/jsx-runtime"),ne=e=>{let{__scopeChips:r,id:o,name:t,value:a,children:l,onChange:s}=e,{size:i="md",disabled:n,readOnly:c,checked:u}=b("Chips",r),{iconSizeMapping:x}=z(),g=(0,se.useRef)(null),N=R=>{if(n||c){R.preventDefault();return}s&&s()};return(0,y.jsx)("button",{ref:g,className:w(),type:"button",disabled:n||c,onClick:N,id:o,name:t,value:a,children:(0,y.jsxs)("label",{className:G({checked:u,disabled:n,size:i,readOnly:c}),"aria-disabled":n,children:[(0,y.jsx)("input",{type:"checkbox",className:I(),id:o,disabled:n,name:t,value:a,checked:u,readOnly:!0,tabIndex:-1}),(0,y.jsx)("span",{className:J({size:i}),children:(0,y.jsx)(h,{size:x[i],symbol:"rdicon-checkmark",color:n?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),l]})})};var ce=require("react/jsx-runtime"),V="Chips",ie=e=>{let s=e,{size:r,children:o,disabled:t,__scopeChips:a}=s,l=P(s,["size","children","disabled","__scopeChips"]);return(0,ce.jsx)(ge,T(m({},e),{size:r,disabled:t,scope:a,children:o}))};ie.displayName=V;var[ve]=(0,le.createContextScope)(V),[ge,b]=ve(V),de={Root:ie,Single:ne,Label:ee,Input:j,Multiple:ae};0&&(module.exports={Chips});
//# sourceMappingURL=index.cjs.map