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