@rdsaude/pulso-react-components/dist/components/input-multi-select/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 jt=Object.create;var H=Object.defineProperty,er=Object.defineProperties,tr=Object.getOwnPropertyDescriptor,rr=Object.getOwnPropertyDescriptors,or=Object.getOwnPropertyNames,Y=Object.getOwnPropertySymbols,lr=Object.getPrototypeOf,ie=Object.prototype.hasOwnProperty,De=Object.prototype.propertyIsEnumerable;var ke=(t,r,e)=>r in t?H(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,p=(t,r)=>{for(var e in r||(r={}))ie.call(r,e)&&ke(t,e,r[e]);if(Y)for(var e of Y(r))De.call(r,e)&&ke(t,e,r[e]);return t},f=(t,r)=>er(t,rr(r));var b=(t,r)=>{var e={};for(var l in t)ie.call(t,l)&&r.indexOf(l)<0&&(e[l]=t[l]);if(t!=null&&Y)for(var l of Y(t))r.indexOf(l)<0&&De.call(t,l)&&(e[l]=t[l]);return e};var de=(t,r)=>{for(var e in r)H(t,e,{get:r[e],enumerable:!0})},Oe=(t,r,e,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let o of or(r))!ie.call(t,o)&&o!==e&&H(t,o,{get:()=>r[o],enumerable:!(l=tr(r,o))||l.enumerable});return t};var C=(t,r,e)=>(e=t!=null?jt(lr(t)):{},Oe(r||!t||!t.__esModule?H(e,"default",{value:t,enumerable:!0}):e,t)),ar=t=>Oe(H({},"__esModule",{value:!0}),t);var xr={};de(xr,{InputMultiSelect:()=>S});module.exports=ar(xr);var M=require("react"),qe=C(require("react"),1);var Be=C(require("react"),1);var J=C(require("react"),1),g=require("@raiadrogasil/pulso-design-tokens");var Ee=C(require("react"),1),nr=require("react/jsx-runtime"),Ve=Ee.createContext({currentTheme:"rdsaudesistemas"});function k(){let t=J.useMemo(()=>({rdsaudesistemas:g.RDSAUDESISTEMAS_TOKENS,drogasil:g.DROGASIL_TOKENS,raia:g.RAIA_TOKENS,subscription:g.SUBSCRIPTION_TOKENS,prime:g.PRIME_TOKENS}),[]),r=J.useContext(Ve);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:e}=r;return p(p({},g.GLOBALS_TOKENS),t[e])}var Ae=require("react/jsx-runtime");function h(o){var i=o,{symbol:t="rdicon-default",size:r="small",color:e="colorActionFillBrandPrimaryEnabled"}=i,l=b(i,["symbol","size","color"]);let n=k(),s=Be.useMemo(()=>({tiny:n.sizingTiny,"extra-small":n.sizingExtrasmall,small:n.sizingSmall,medium:n.sizingMedium}),[]);return(0,Ae.jsx)("i",f(p({},l),{className:t,style:{fontSize:s[r],color:n[e],display:"inline-flex"}}))}h.displayName="Icon";var X=require("react"),Z=(t,r)=>{var l;let e=(l=X.Children.toArray(t))==null?void 0:l.filter(o=>(0,X.isValidElement)(o));return e.map((o,i)=>{let n=r.find(a=>o.type===a.child),s=e.reduce((a,d,u)=>(d==null?void 0:d.type)===o.type&&u<=i?a+1:a,0);return n&&s<=(n==null?void 0:n.amount)?o:null})};var Le=require("tailwind-variants"),m=(0,Le.createTV)({twMerge:!0,twMergeConfig:{extend:{classGroups:{"font-size":[{text:["threepulse","threeandhalfpulse"]}],"border-width":[{border:["quarterpulse","halfpulse"]}],"--tw-ring-inset":[{ring:["none","quarterpulse","halfpulse"]}]}}}});var _e=m({base:`
    group flex w-full items-center justify-between gap-onepulse
    bg-forms-fill border-forms-none overflow-hidden cursor-pointer
    min-w-[calc(var(--sizing-huge)_+_var(--sizing-tiny))] focus-visible:outline-none
    `,variants:{size:{md:"min-h-medium rounded-form px-threepulse",ml:"min-h-mediumlarge rounded-form px-threepulse",lg:"min-h-large rounded-form px-threepulse",xl:"min-h-extralarge rounded-largecontainer px-threepulse"},hasError:{true:""},disabled:{true:""},filled:{true:""},readonly:{true:""},active:{true:""},hasTwoItems:{true:""}},compoundVariants:[{hasError:!0,active:!0,class:`
          border-forms-border-error bg-forms-fill-error
          border-halfpulse
        `},{hasError:!0,filled:!0,active:!1,class:`
          border border-forms-border-error bg-forms-fill-error
          hover:border-forms-border-error hover:border-halfpulse
          focus:border-forms-border-error focus:border-halfpulse
          active:border-forms-border-error active:border-halfpulse
        `},{hasError:!0,filled:!1,active:!1,class:`
          border-forms-border-error border-quarterpulse bg-forms-fill 
          hover:border-forms-border-error hover:bg-forms-fill-hovered hover:border-halfpulse
          focus:border-forms-border-error focus:border-halfpulse
          active:border-forms-border-error active:border-halfpulse
        `},{readonly:!0,filled:!0,class:`
          border border-forms-border-readonly bg-forms-fill-readonly
          hover:border-forms-border-readonly hover:border-quarterpulse
          focus:border-forms-border-readonly focus:border-quarterpulse
          active:border-forms-border-readonly active:border-quarterpulse
        `},{readonly:!0,filled:!1,class:`
          border border-forms-border-readonly bg-forms-fill-readonly
          hover:border-forms-border-readonly hover:border-quarterpulse
          focus:border-forms-border-readonly focus:border-quarterpulse
          active:border-forms-border-readonly active:border-quarterpulse

        `},{disabled:!0,filled:!0,class:`
          border border-forms-border-disabled bg-forms-fill-disabled
          hover:border-forms-border-disabled hover:border-quarterpulse
          focus:border-forms-border-disabled focus:border-quarterpulse
          active:border-forms-border-disabled active:border-quarterpulse
        `},{disabled:!0,filled:!1,class:`
          border border-forms-border-disabled bg-forms-fill-disabled
          hover:border-forms-border-disabled hover:border-quarterpulse
          focus:border-forms-border-disabled focus:border-quarterpulse
          active:border-forms-border-disabled active:border-quarterpulse
        `},{active:!0,filled:!0,readonly:!1,disabled:!1,hasError:!1,class:"cursor-pointer border-forms-border-focused border-forms-border-focused border-halfpulse bg-forms-fill-focused active:border-forms-border-focused active:border-halfpulse"},{active:!0,readonly:!1,disabled:!1,hasError:!1,filled:!1,class:"cursor-pointer border border-forms-border-focused border-forms-border-focused border-halfpulse bg-forms-fill-focused"},{active:!1,hasError:!1,disabled:!1,readonly:!1,filled:!0,class:"border border-forms-border-filled border-quarterpulse bg-forms-fill-filled hover:border-halfpulse focus:border-forms-border-focused focus:border-halfpulse focus:bg-forms-fill-focused active:border-forms-border-focused active:border-halfpulse active:bg-forms-fill-focused"},{active:!1,hasError:!1,disabled:!1,readonly:!1,filled:!1,class:`
          focus-simple:cursor-pointer
          focus:border-halfpulse focus:border-forms-border-focused focus:cursor-pointer
          hover:border-none hover:bg-forms-fill-hovered
        `},{size:"md",hasTwoItems:!1,class:"h-medium"},{size:"ml",hasTwoItems:!1,class:"h-mediumlarge"},{size:"lg",hasTwoItems:!1,class:"h-large"},{size:"xl",hasTwoItems:!1,class:"h-extralarge"}],defaultVariants:{size:"ml",isFocused:!1,hasError:!1,readonly:!1,disabled:!1}});var He=require("react/jsx-runtime"),Fe=l=>{var o=l,{children:t,__scopeInputMultiSelect:r}=o,e=b(o,["children","__scopeInputMultiSelect"]);let{disabled:i,hasError:n,size:s,readonly:a,isActive:d,setActive:u}=I("InputMultiSelectActions",r),c=!!(e.selectedItemsQuantity&&e.selectedItemsQuantity>0),y=!!(e.selectedItemsQuantity&&e.selectedItemsQuantity>1),v=(0,M.useMemo)(()=>a?"colorTextNeutralReadonly":i?"colorTextNeutralDisabled":"colorTextNeutralDefault",[i,a]);return(0,M.useEffect)(()=>{u(!!e.isActive)},[e.isActive]),(0,He.jsx)("button",f(p({},e),{onClick:x=>{u(!d),e.onClick&&e.onClick(x)},className:_e({active:d||e.isActive,size:s,disabled:i,hasError:n,readonly:a,filled:c,hasTwoItems:y}),"aria-disabled":i,children:Z(M.Children.map(t,x=>(0,M.isValidElement)(x)&&x.type===h?qe.default.cloneElement(x,{color:v}):x),[{child:S.Icon,amount:1},{child:S.Field,amount:1},{child:S.Quantity,amount:4},{child:S.ClearButton,amount:1},{child:h,amount:1}])}))};var at=require("react");var T={};de(T,{Icon:()=>me,IconDualColor:()=>ye,Root:()=>pe});var E=C(require("react"),1),Ye=require("@ark-ui/react/factory");var Qe=C(require("react"),1);var D=C(require("react"),1);function ce(t,r){let{targets:e,props:l,keyPrefix:o="inject",asChild:i}=r,n=D.Children.map(t,(s,a)=>{var y,v;if(!D.isValidElement(s))return s;let d=(v=(y=s.type)==null?void 0:y.displayName)!=null?v:"",u=e.includes(d),c=s.props;return D.cloneElement(s,f(p({},u?l:{}),{key:`${o}-${a.toString()}`}),ce(c==null?void 0:c.children,{targets:e,props:l,keyPrefix:o,asChild:c==null?void 0:c.asChild}))});return i?n==null?void 0:n[0]:n}function j(t,{targets:r,props:e,asChild:l}){let o=Qe.useId();return ce(t,{targets:r,props:e,asChild:l,keyPrefix:o})}var Ke=require("clsx"),Ge=require("tailwind-merge"),Q=(...t)=>(0,Ge.twMerge)((0,Ke.clsx)(...t));var Ue=C(require("react"),1);var O=require("react/jsx-runtime");function $e({color:t="brand",srText:r}){let e=k(),o=Ue.useMemo(()=>({brand:e.colorActionFillBrandPrimaryEnabled,neutral:e.colorTextNeutralReadonly,black:e.colorTextNeutralDefault,white:e.colorTextNeutralInverse}),[e])[t];return(0,O.jsx)("div",{role:"status",className:Q("grid size-8 place-items-center"),"aria-label":r,children:(0,O.jsxs)("svg",{className:Q("size-6 animate-spin fill-none"),viewBox:"0 0 24 24",children:[(0,O.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:o}),(0,O.jsx)("title",{children:r})]})})}var sr=m({slots:{root:["inline-flex shrink-0 cursor-pointer items-center justify-center whitespace-nowrap","gap-x-[var(--spacing-inline-twopulse)] rounded-full","outline-[var(--color-action-border-focused)] outline-offset-2","font-inherit font-bold tracking-[var(--letter-spacing-default)]","focus-visible:outline-2","disabled:cursor-not-allowed disabled:text-[var(--color-text-neutral-disabled)]"]},variants:{variant:{"brand-primary":{root:["bg-[var(--color-action-fill-brand-primary-enabled)]","text-[var(--color-text-neutral-inverse)]","enabled:hover:bg-[var(--color-action-fill-brand-primary-hovered)]","active:bg-[var(--color-action-fill-brand-primary-pressed)]","disabled:bg-[var(--color-action-fill-brand-primary-disabled)]"]},"neutral-secondary":{root:["ring-[var(--color-action-border-neutral-secondary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-secondary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-secondary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-secondary-hovered)]","active:ring-[var(--color-action-border-neutral-secondary-pressed)]","active:bg-[var(--color-action-fill-neutral-secondary-pressed)]","disabled:ring-[var(--color-action-border-neutral-secondary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-secondary-disabled)]"]},"neutral-tertiary":{root:["ring-[var(--color-action-border-neutral-tertiary-enabled)]","ring-[length:var(--border-width-quarterpulse)]","bg-[var(--color-action-fill-neutral-tertiary-enabled)]","text-[var(--color-text-neutral-default)]","enabled:hover:ring-[var(--color-action-border-neutral-tertiary-hovered)]","enabled:hover:bg-[var(--color-action-fill-neutral-tertiary-hovered)]","active:ring-[var(--color-action-border-neutral-tertiary-pressed)]","active:bg-[var(--color-action-fill-neutral-tertiary-pressed)]","disabled:ring-[var(--color-action-border-neutral-tertiary-disabled)]","disabled:bg-[var(--color-action-fill-neutral-tertiary-disabled)]"]}},size:{md:{root:["h-[var(--sizing-medium)] min-w-8 px-[var(--padding-inset-fourpulse)]","text-[length:var(--font-size-threepulse)]","leading-[var(--line-height-medium)]"]},ml:{root:["h-[var(--sizing-mediumlarge)] min-w-10 px-[var(--padding-inset-fourpulse)]"]},lg:{root:["h-[var(--sizing-large)] min-w-12 px-[var(--padding-inset-fivepulse)]"]},xl:{root:["h-[var(--sizing-extralarge)] min-w-14 px-[var(--padding-inset-sixpulse)]"]}},asIconOnly:{true:{root:"aspect-square px-0"}}},compoundVariants:[{size:["ml","lg"],class:{root:["text-[length:var(--font-size-threeandhalfpulse)]","leading-[var(--line-height-small)]"]}}],defaultVariants:{variant:"brand-primary",size:"ml",asIconOnly:!1}}),{root:We}=sr();var ue=require("react/jsx-runtime");function pe(d){var u=d,{children:t,className:r,variant:e="brand-primary",size:l,disabled:o,loading:i,asChild:n,full:s}=u,a=b(u,["children","className","variant","size","disabled","loading","asChild","full"]);let c=j(t,{targets:["ButtonIcon","ButtonIconDualColor"],props:{variant:e,size:l,disabled:o},asChild:n}),y=!o&&i,v={"brand-primary":"white","neutral-secondary":"black","neutral-tertiary":"black"},x={"aria-live":"polite","aria-busy":!0},N=E.useCallback(()=>{var we,ze;if(E.Children.count(t)===1&&E.isValidElement(t)){let Zt=(ze=(we=t.type)==null?void 0:we.displayName)!=null?ze:"";return["ButtonIcon","ButtonIconDualColor"].includes(Zt)}return!1},[t]);return(0,ue.jsx)(Ye.ark.button,f(p(p({},a),y&&x),{className:Q(We({variant:e,size:l,asIconOnly:N(),className:y&&"pointer-events-none"}),s&&"w-full",r),disabled:o,"data-scope":"button",children:y?(0,ue.jsx)($e,{color:v[e]}):c}))}pe.displayName="ButtonRoot";var Je=require("react");var Xe=require("react/jsx-runtime");function me({variant:t,size:r,disabled:e,iconColor:l,symbol:o}){let i={md:"extra-small",ml:"small",lg:"small",xl:"small"},n={"brand-primary":"colorTextNeutralInverse","neutral-secondary":"colorTextNeutralDefault","neutral-tertiary":"colorTextNeutralDefault"},s=(0,Je.useMemo)(()=>e?"colorTextNeutralDisabled":l||n[t],[e,t]),a=i[r];return(0,Xe.jsx)(h,{color:s,size:a,symbol:o})}me.displayName="ButtonIcon";var K={};de(K,{Bottom:()=>he,Root:()=>fe,Top:()=>be});var Ze=require("@ark-ui/react/factory");var je=require("react/jsx-runtime");function fe(i){var n=i,{children:t,size:r="small",disabled:e=!1,asChild:l}=n,o=b(n,["children","size","disabled","asChild"]);let s=j(t,{targets:["IconDualColorTop","IconDualColorBottom"],props:{size:r,disabled:e},asChild:l});return(0,je.jsx)(Ze.ark.div,f(p({"data-testid":"icon-dual-color-root","aria-label":"\xCDcones","aria-disabled":e,asChild:l},o),{className:"relative flex [&>[data-icon=top]]:absolute",children:s}))}fe.displayName="IconDualColorRoot";var et=require("react/jsx-runtime");function be(i){var n=i,{children:t,color:r="colorActionTextOnbrandDefault",size:e,disabled:l}=n,o=b(n,["children","color","size","disabled"]);return(0,et.jsx)(h,f(p({"data-testid":"icon-dual-color-top","data-icon":"top","data-size":e,color:l?"colorTextNeutralDisabled":r,size:e},o),{children:t}))}be.displayName="IconDualColorTop";var tt=require("react/jsx-runtime");function he(i){var n=i,{children:t,color:r="colorTextNeutralDefault",size:e,disabled:l}=n,o=b(n,["children","color","size","disabled"]);return(0,tt.jsx)(h,f(p({"data-testid":"icon-dual-color-bottom","data-icon":"bottom","data-size":e,color:l?"colorTextNeutralDisabled":r,size:e},o),{children:t}))}he.displayName="IconDualColorBottom";var rt=require("react/jsx-runtime");function ye(e){var l=e,{size:t="ml"}=l,r=b(l,["size"]);let o={md:"extra-small",ml:"small",lg:"small",xl:"small"};return(0,rt.jsx)(K.Root,f(p({},r),{size:o[t]}))}ye.displayName="ButtonIconDualColor";var ot=m({base:"input-text-clear-button group-active:hidden",variants:{size:{md:"-mr-[0.375rem]",ml:"-mr-[0.5rem]",lg:"-mr-[0.5rem]",xl:"-mr-[0.5rem]"},readOnly:{true:"invisible hidden"},disabled:{true:"invisible hidden"},isActive:{true:""}},compoundVariants:[{readOnly:!1,disabled:!1,isActive:!0,class:"peer-focus/field:peer-[:not(:placeholder-shown)]/field:visible peer-focus/field:peer-[:not(:placeholder-shown)]/field:flex group-hover:peer-[:not(:placeholder-shown)]/field:flex"}],defaultVariants:{readOnly:!1,disabled:!1}}),lt=m({base:"px-none",variants:{size:{md:"h-medium w-medium",ml:"h-mediumlarge w-mediumlarge",lg:"h-mediumlarge w-mediumlarge",xl:"h-mediumlarge w-mediumlarge"}}});var ee=require("react/jsx-runtime"),nt=e=>{var l=e,{__scopeInputMultiSelect:t}=l,r=b(l,["__scopeInputMultiSelect"]);let{size:o,disabled:i,isActive:n,readonly:s}=I("InputMultiSelectClearButton",t),a=(0,at.useMemo)(()=>{switch(o){case"md":return"md";default:return"ml"}},[o]);return(0,ee.jsx)("div",{className:ot({size:o,disabled:i,isActive:n,readOnly:s}),"aria-disabled":i,children:(0,ee.jsx)(T.Root,f(p({},r),{size:a,disabled:i,variant:"neutral-tertiary",className:lt({size:a}),children:(0,ee.jsx)(T.Icon,{symbol:"rdicon-dismiss-circle-outline"})}))})};var it=require("react");var st=m({base:`
    peer/field h-small flex w-[100%] bg-[transparent] !font-rdmodern font-regular text-text-neutral-alternative tracking-tiny leading-small
    placeholder:opacity-transparent focus-visible:border-none focus-visible:outline-none
  `,variants:{size:{md:"text-threepulse",ml:"text-threeandhalfpulse",lg:"text-threeandhalfpulse",xl:"text-threeandhalfpulse"},readOnly:{true:"text-text-neutral-readonly"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""},isActive:{true:"text-text-neutral"}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed text-text-neutral-readonly"}],defaultVariants:{readOnly:!1,disabled:!1}});var dt=require("react/jsx-runtime"),xe=(0,it.forwardRef)((i,o)=>{var n=i,{__scopeInputMultiSelect:t,onFocus:r,onBlur:e}=n,l=b(n,["__scopeInputMultiSelect","onFocus","onBlur"]);let{disabled:s,readonly:a,size:d,isActive:u,setActive:c}=I("InputMultiSelectField",t),y=x=>{c(!0),r==null||r(x)},v=x=>{c(!1),e==null||e(x)};return(0,dt.jsx)("input",f(p({},l),{ref:o,disabled:s,readOnly:a,placeholder:"Placeholder is hidden",className:st({disabled:s,readOnly:a,isActive:u,size:d}),onFocus:y,onBlur:v}))});xe.displayName="InputMultiSelectField";var ut=require("react");var ct=m({base:"flex w-full flex-wrap items-center justify-start gap-onepulse px-onepulse text-left font-rdmodern font-semibold text-text-neutral-alternative text-threepulse",variants:{hasError:{true:"text-text-danger-alternative",false:""},readOnly:{true:"cursor-not-allowed text-text-neutral-readonly"},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""}},compoundVariants:[{readOnly:!0,disabled:!1,class:"text-text-neutral-readonly"}],defaultVariants:{error:!1,disabled:!1,readOnly:!1}});var V=require("react/jsx-runtime"),pt=i=>{var n=i,{withIcon:t,iconName:r="rdicon-warning-circle",children:e,__scopeInputMultiSelect:l}=n,o=b(n,["withIcon","iconName","children","__scopeInputMultiSelect"]);let{disabled:s,hasError:a,readonly:d}=I("InputMultiSelectHelperText",l),u=a?"rdicon-warning-circle":r,c=(0,ut.useMemo)(()=>d?"colorTextNeutralReadonly":s?"colorTextNeutralDisabled":a?"colorTextDangerAlternative":"colorTextNeutralAlternative",[s,a,d]);return e?(0,V.jsxs)("div",f(p({},o),{"aria-disabled":s,className:ct({hasError:a,disabled:s,readOnly:d}),children:[t&&(0,V.jsx)("div",{className:"flex items-center",children:(0,V.jsx)(h,{symbol:u,color:c,size:"tiny"})}),(0,V.jsx)("span",{className:"line-clamp-2 flex-1",children:e})]})):null};var mt=require("react");var ve=require("react/jsx-runtime");function ft(l){var o=l,{__scopeInputMultiSelect:t,color:r="colorTextNeutralDefault"}=o,e=b(o,["__scopeInputMultiSelect","color"]);let{size:i,disabled:n,readonly:s}=I("InputMultiSelectField",t),a=(0,mt.useMemo)(()=>{let u={md:"extra-small",ml:"small",lg:"small",xl:"small"};return u==null?void 0:u[i]},[i]),d=()=>s?"colorTextNeutralReadonly":n?"colorTextNeutralDisabled":"colorTextNeutralDefault";return(0,ve.jsx)("div",{className:"flex items-center",children:(0,ve.jsx)(h,f(p({},e),{color:d(),size:a}))})}var bt=m({base:`
      w-full align-middle m-none p-none
      text-left font-rdmodern font-regular tracking-tiny text-text-neutral text-nowrap truncate leading
      `,variants:{size:{md:"text-threepulse leading-[150%]",ml:"text-threeandhalfpulse leading-[140%]",lg:"text-threeandhalfpulse leading-[140%]",xl:"text-threeandhalfpulse leading-[140%]"},readOnly:{true:"",false:""},disabled:{true:"cursor-not-allowed text-text-neutral-disabled",false:""}},compoundVariants:[{readOnly:!0,disabled:!1,class:"cursor-not-allowed text-text-neutral-readonly"}],defaultVariants:{disabled:!1,readOnly:!1}});var Ie=require("react/jsx-runtime"),ht=t=>{let n=t,{__scopeInputMultiSelect:r,children:e}=n,l=b(n,["__scopeInputMultiSelect","children"]),{disabled:o,size:i}=I("InputMultiSelectLabel",r);return e?(0,Ie.jsx)("div",{className:"flex h-extrasmall w-full items-center rounded-none border-none px-onepulse text-left",children:(0,Ie.jsx)("label",f(p({},l),{className:bt({disabled:o,size:i}),"aria-disabled":o,children:e}))}):null};var le=require("react");var Et=require("@radix-ui/react-context");var Mt=require("react");var te=m({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}}),yt=m({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}}),xt=m({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}}),vt=m({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}}),It=m({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}}),re=m({base:`
        hidden
      `}),gt=m({base:`
       hidden group-has-[:checked]:block
      `,variants:{size:{sm:"h-small",md:"h-tiny",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),Ct=m({base:"",variants:{size:{sm:"h-small",md:"h-small",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),St=m({base:"flex items-center",variants:{size:{sm:"h-small",md:"h-extrasmall",ml:"h-small"},disabled:{true:"cursor-not-allowed"}}}),Pt=m({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 B=require("react/jsx-runtime"),Tt=t=>{let{__scopeChips:r,id:e,name:l,value:o,children:i,onChange:n}=t,{size:s="sm",disabled:a,checked:d,readOnly:u}=R("Chips",r),c=(0,Mt.useRef)(null),y=a||u;return(0,B.jsxs)("label",{className:xt({checked:d,disabled:a,size:s,readOnly:u}),"aria-disabled":a,style:{cursor:a||u?"not-allowed":"pointer"},children:[(0,B.jsx)("input",{ref:c,type:"checkbox",className:re(),id:e,disabled:a,name:l,value:o,checked:d,onChange:n,readOnly:u}),i,d&&(0,B.jsx)("span",{className:Ct({size:s}),children:(0,B.jsx)(h,{size:"small",symbol:"rdicon-dismiss",color:a?"colorTextNeutralDisabled":"colorTextDangerAlternative"})})]})};var Nt=require("react/jsx-runtime"),Rt=t=>{let{__scopeChips:r,children:e}=t,{size:l,disabled:o,checked:i}=R("Label",r);return(0,Nt.jsx)("span",{className:It({disabled:o,size:l,checked:i}),children:e})};var zt=require("react");var wt=require("react");function oe(){let[t,r]=(0,wt.useState)("");return{selectedValue:t,setSelectedValue:r,iconSizeMapping:{sm:"extra-small",md:"extra-small",ml:"small"}}}var w=require("react/jsx-runtime"),kt=t=>{let{__scopeChips:r,children:e,icon:l,onChange:o=()=>{},count:i=0}=t,{size:n="md",disabled:s,checked:a,readOnly:d}=R("Chips",r),{iconSizeMapping:u}=oe(),c=(0,zt.useRef)(null),y=a||i>0,v=l||"rdicon-options-filter",x=N=>{if(s||d){N.preventDefault();return}o&&o(N)};return(0,w.jsx)("div",{className:te(),children:(0,w.jsxs)("button",{type:"button",className:vt({size:n,disabled:s||d,hasChecked:y}),ref:c,onClick:x,disabled:s||d,children:[(0,w.jsx)("span",{className:St({size:n}),children:(0,w.jsx)(h,{size:u[n],symbol:v,color:s?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),e,i>0&&(0,w.jsx)("span",{className:Pt({size:n,disabled:s}),children:i>9?"9+":i})]})})};var Dt=require("react");var z=require("react/jsx-runtime"),Ot=t=>{let{__scopeChips:r,id:e,name:l,value:o,children:i,onChange:n}=t,{size:s="md",disabled:a,readOnly:d,checked:u}=R("Chips",r),{iconSizeMapping:c}=oe(),y=(0,Dt.useRef)(null),v=x=>{if(a||d){x.preventDefault();return}n&&n()};return(0,z.jsx)("button",{ref:y,className:te(),type:"button",disabled:a||d,onClick:v,id:e,name:l,value:o,children:(0,z.jsxs)("label",{className:yt({checked:u,disabled:a,size:s,readOnly:d}),"aria-disabled":a,children:[(0,z.jsx)("input",{type:"checkbox",className:re(),id:e,disabled:a,name:l,value:o,checked:u,readOnly:!0,tabIndex:-1}),(0,z.jsx)("span",{className:gt({size:s}),children:(0,z.jsx)(h,{size:c[s],symbol:"rdicon-checkmark",color:a?"colorTextNeutralDisabled":"colorTextNeutralDefault"})}),i]})})};var Bt=require("react/jsx-runtime"),ge="Chips",Vt=t=>{let n=t,{size:r,children:e,disabled:l,__scopeChips:o}=n,i=b(n,["size","children","disabled","__scopeChips"]);return(0,Bt.jsx)(dr,f(p({},t),{size:r,disabled:l,scope:o,children:e}))};Vt.displayName=ge;var[ir]=(0,Et.createContextScope)(ge),[dr,R]=ir(ge),G={Root:Vt,Single:Ot,Label:Rt,Input:Tt,Multiple:kt};var At=m({base:"flex w-full flex-wrap gap-1"}),wl=m({base:"flex h-[2rem] max-h-[2.5rem] items-center justify-center gap-onepulse rounded-[999px] border border-[#9E9E9E] px-twopulse py-onepulse font-bold text-[#575757] text-sm"}),zl=m({base:"flex rotate-45"});var U=require("react/jsx-runtime");function Lt({labels:t,removeItem:r,__scopeInputMultiSelect:e}){let{disabled:l,readonly:o,size:i}=I("InputMultiSelectLabel",e),n=(0,le.useCallback)((a,d)=>d?`+${a}`:a.slice(0,1).toUpperCase()+a.slice(1),[]),s=(0,le.useMemo)(()=>i==="lg"||i==="xl"?"ml":"sm",[i]);return(0,U.jsx)("div",{className:At(),children:t.map(({id:a,label:d,oversized:u})=>{let c=n(d,u);return(0,U.jsx)(G.Root,{id:a,name:c,disabled:l,readOnly:o,value:"",size:s,checked:!u,children:(0,U.jsx)(G.Input,{id:a,name:c,value:"",onChange:()=>r(a),children:(0,U.jsx)(G.Label,{children:c})})},a)})})}var Yt=require("@radix-ui/react-context");var Jt=require("react");var Ut=require("react");var Ce=require("react/jsx-runtime"),A=()=>(0,Ce.jsx)("div",{className:"x-full flex py-onepulse","data-testid":"separator",children:(0,Ce.jsx)("div",{className:"flex-1 border-border-neutral border-hairline","data-testid":"divider-line"})});var Se=require("react/jsx-runtime"),Pe=({controls:t,testID:r})=>(0,Se.jsx)("div",{"data-testid":r,className:"x-full flex items-center gap-threepulse border-border-neutral border-t-[length:var(--border-width-quarterpulse)] bg-fill-neutral p-threepulse ",children:t.slice(0,2).map((e,l)=>{let o=e.type==="confirm"?"brand-primary":"neutral-tertiary";return(0,Se.jsx)(T.Root,{size:"lg",variant:o,onClick:e.handler,className:"flex-1",children:e.label},String(l))})});var Kt=require("@radix-ui/react-context"),se=C(require("react"),1);var L=require("react/jsx-runtime");function ae({children:t,title:r}){let e=!!(r!=null&&r.length);return(0,L.jsxs)("div",{className:"flex flex-col",children:[(0,L.jsx)(A,{}),(0,L.jsx)("div",{className:"px-fivepulse py-twopulse",children:e&&(0,L.jsx)("h2",{className:"font-bold text-rdmodern text-text-neutral-readonly text-threeandhalfpulse leading-small",children:r})}),t]})}var $=require("react");var _t=m({base:"flex items-center space-x-2",variants:{type:{single:"px-twopulse py-onepulse",multi:"px-twopulse py-onepulse"}}}),Hl=m({base:"gap-onepulse p-onepulse"}),qt=m({base:["bg-action-fill-neutral-tertiary-enabled","border-border-neutral-tertiary-enabled","border-none","duration-100 ease-in","focus:border-x-halfpulse","focus:border-y-halfpulse","focus:border-action-border-focused","focus:rounded-pill","hover:bg-action-fill-neutral-tertiary-hovered","hover:border-action-border-neutral-tertiary-hovered","hover:rounded-pill","disabled:cursor-not-allowed","disabled:bg-action-fill-neutral-tertiary-disabled","disabled:border-action-border-neutral-tertiary-disabled","disabled:border-none","active:bg-action-fill-neutral-tertiary-pressed","active:border-action-border-neutral-tertiary-pressed","active:rounded-pill","px-twopulse","py-onepulse"]});var P=require("react/jsx-runtime");function ne({type:t="multi",content:r,checked:e,customColor:l,disabled:o,testID:i,onPress:n}){let[s,a]=(0,$.useState)(!1),d=!!r.prefixIcon,u=!!r.description,c=(0,$.useCallback)(()=>a(!0),[]),y=(0,$.useCallback)(()=>a(!1),[]),v=x=>{let N=d?23:25;return x&&x.length>N?`${x.substr(0,N)}...`:x};return(0,P.jsx)("button",{onMouseDown:c,onMouseUp:y,onClick:n,"data-testid":i,disabled:o,type:"button",className:qt(),children:(0,P.jsxs)("div",{className:_t({type:t}),children:[t==="multi"&&(0,P.jsx)("div",{className:"flex items-center p-onepulse",children:(0,P.jsx)(h,{symbol:e?"rdicon-checkbox-checked":"rdicon-checkbox-unchecked",color:o?"colorTextNeutralDisabled":e?l||"colorActionFillBrandPrimaryEnabled":"colorTextNeutralDefault",size:"small"})}),d&&(0,P.jsx)(h,{symbol:r.prefixIcon,color:o?"colorTextNeutralDisabled":"colorTextNeutralDefault",size:"small"}),(0,P.jsxs)("div",{className:"flex flex-1 flex-col items-start gap-halfpulse p-onepulse ",children:[(0,P.jsx)("p",{className:`tracking font-rdmodern font-regular text-threeandhalfpulse leading-small ${o?"text-text-neutral-disabled":"text-text-neutral"}`,children:r.label}),u&&(0,P.jsx)("p",{className:`tracking font-rdmodern font-regular text-threepulse leading-small ${o?"text-text-neutral-disabled":"text-text-neutral-placeholder"}`,children:v(r.description)})]}),t==="single"&&e&&(0,P.jsx)(h,{symbol:"rdicon-checkmark",color:"colorTextSuccessAlternative",size:"small"})]})})}var W=C(require("react"),1);var Ft=C(require("react"),1);function Me(t){return Ft.default.isValidElement(t)&&t.type===ne}var Ht=require("react/jsx-runtime"),cr="Only Fragment, OptionMenu.Item and Group components are allowed as children of OptionMenu.List. Please remove or replace any other elements.",ur=0,pr=()=>{let t=Date.now().toString(36),r=(++ur).toString(36);return`${t}-${r}`};function Te(r){var t=b(r,[]);let{__scopeOptionMenu:e,children:l,testID:o}=t,i=k(),{type:n}=Qt("OptionMenuList",e),s=[];return W.default.Children.forEach(l,a=>{if(W.default.isValidElement(a)){if(a.type===W.default.Fragment){let d=a.props.children;s.push(d);return}if(Me(a)||a.type===ae||a.type===A)s.push(a);else throw new Error(cr)}}),s=s.map(a=>Me(a)?W.default.cloneElement(a,{key:pr(),type:n}):a),(0,Ht.jsx)("div",{className:"flex max-h-80 flex-col overflow-y-auto px-onepulse py-onepulse","data-testid":o,children:s})}var _=require("react/jsx-runtime"),Gt="OptionMenu",mr=t=>{let{type:r,children:e,customEmptyMessage:l="N\xE3o foi encontrado nenhum resultado.",testID:o,__scopeOptionMenu:i}=t,n=se.default.Children.map(e,s=>{if(se.default.isValidElement(s)&&(s.type===Te||s.type===Pe))return s});return(0,_.jsx)(br,{scope:i,type:r,"data-testid":o,children:(0,_.jsx)("div",{className:"rounded-form border-border-neutral border-quarterpulse bg-fill-neutral py-onepulse",children:se.default.Children.count(e)>0?(0,_.jsx)("div",{className:"flex-grow",children:n}):(0,_.jsx)("div",{className:"flex items-start justify-center",children:(0,_.jsx)("p",{className:"tracking px-onepulse py-twopulse font-regular text-rdmodern text-text-neutral text-threeandhalfpulse leading-small",children:l})})})})},[fr]=(0,Kt.createContextScope)(Gt),[br,Qt]=fr(Gt),q={Root:mr,Footer:Pe,Divider:A,Item:ne,List:Te,Group:ae};var F=require("react/jsx-runtime"),$t=({labels:t,selectedLabels:r,onCancel:e,onConfirm:l,__scopeInputMultiSelect:o})=>{let{isActive:i,setActive:n}=I("InputMultiSelectActions",o),[s,a]=(0,Ut.useState)(r),d=c=>!!s.find(({id:y})=>y===c),u=(c,y)=>{a(c?s.filter(({id:v})=>v!==y.id):[...s,y])};return(0,F.jsxs)(q.Root,{children:[(0,F.jsx)(q.List,{children:t.map(c=>(0,F.jsx)(q.Item,{type:"multi",checked:d(c.id),content:{label:c.label,value:c.id},customColor:"colorTextNeutralDefault",onPress:()=>u(d(c.id),c)},c.id))}),(0,F.jsx)(q.Footer,{controls:[{type:"cancel",label:"Cancelar",handler:()=>{n(!i),e()}},{type:"confirm",label:"Confirmar",handler:()=>{n(!i),l(s)}}]})]})};var Wt=m({base:"flex w-full min-w-[calc(var(--sizing-gigantic)_+_var(--sizing-gigantic))] flex-col gap-halfpulse",variants:{disabled:{true:"opacity-50"},readonly:{true:"opacity-75"}}});var Re=require("react/jsx-runtime"),Ne="InputMultiSelect",Xt=t=>{let{size:r="ml",children:e,__scopeInputMultiSelect:l}=t,[o,i]=(0,Jt.useState)(!1);return(0,Re.jsx)(yr,f(p({},t),{size:r,scope:l,isActive:o,setActive:i,children:(0,Re.jsx)("div",{className:Wt({disabled:t.disabled,readonly:t.readonly}),children:Z(e,[{child:S.Label,amount:1},{child:S.Actions,amount:1},{child:S.HelperText,amount:1},{child:S.Dropdown,amount:1}])})}))};Xt.displayName=Ne;var[hr]=(0,Yt.createContextScope)(Ne),[yr,I]=hr(Ne),S={Root:Xt,Label:ht,HelperText:pt,Actions:Fe,ClearButton:nt,Icon:ft,Field:xe,Quantity:Lt,Dropdown:$t};0&&(module.exports={InputMultiSelect});
//# sourceMappingURL=index.cjs.map