twenty-ui 2.49.0 → 2.50.0

package/dist/input-ChlFcqIS.cjs

@@ -1 +0,0 @@
-const de=require("./theme-1XkFz8Qu.cjs"),j=require("./isDefined-DS2Q42p5.cjs"),T=require("./doNotTranslate-CHE7WmRS.cjs"),M=require("./mergeClassNames-D4lshrT6.cjs"),H=require("./preventDismissingClickActivation-CIhWvKCu.cjs"),F=require("./Button-DTm1WDzp.cjs"),ne=require("./isRenderableSlot-Guryb6Nf.cjs"),se=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs"),d=require("./Dropdown-Bl4OXCf9.cjs"),J=require("./Input-DvL77rvu.cjs"),R=require("./Radio-Dx6b4SYZ.cjs");let ie=require("@base-ui/react/use-render"),_=require("@sniptt/guards"),A=require("clsx"),f=require("react"),e=require("react/jsx-runtime"),Pe=require("@base-ui/utils/useMergedRefs"),pe=require("@base-ui/utils/useControlled"),Ee=require("@base-ui/utils/useStableCallback"),ke=require("@base-ui/utils/useValueAsRef"),ue=require("@base-ui/utils/formatNumber"),qe=require("@base-ui/react/radio-group"),E=require("@tabler/icons-react");var me=(0,f.createContext)(void 0),Re="country:",be=r=>`${Re}${r}`,he=({countries:r,value:t,defaultValue:n=null,onValueChange:o,disabled:s=!1,noCountryLabel:a=T.doNotTranslate("No country"),children:i})=>{const u=(0,f.useId)(),[c,p]=(0,pe.useControlled)({controlled:t,default:n,name:T.doNotTranslate("CountrySelect"),state:"value"}),v=(0,f.useMemo)(()=>r.map(m=>({...m,selectionValue:be(m.value),searchText:H.normalizeSearchText(m.label)})),[r]),b=(0,f.useMemo)(()=>new Map(v.map(m=>[m.value,m])),[v]),h=s||!(0,_.isNonEmptyArray)(v);return(0,e.jsx)(me.Provider,{value:{countries:v,selectedCountry:(0,_.isNull)(c)?void 0:b.get(c),value:c,disabled:h,noCountryLabel:a,selectionGroupId:u,changeValue:(m,y)=>{if(h){y.cancel();return}o?.(m,y),y.isCanceled||p(m)}},children:i})},_e=({disabled:r,open:t,onOpenChange:n})=>{const o=(0,Ee.useStableCallback)(n);return(0,f.useEffect)(()=>{!r||!t||o(!1)},[r,t,o]),null},Fe="_root_1x3d7_1",Le="_label_1x3d7_6",Ve="_flag_1x3d7_14",Y={root:Fe,label:Le,flag:Ve},$e=({ariaLabelledBy:r,ariaLabel:t,visibleLabelId:n})=>{if((0,_.isNonEmptyString)(r))return r;if(!(0,_.isNonEmptyString)(t))return n},le=()=>{const r=(0,f.useContext)(me);if(!j.isDefined(r))throw new Error(T.doNotTranslate("CountrySelect parts must be inside CountrySelect.Root"));return r},X=r=>r.preventBaseUIHandler?.(),ve=({label:r,wrapperProps:t,children:n,className:o,style:s,render:a,onClick:i,onMouseDown:u,onPointerDown:c,onKeyDown:p,onKeyUp:v,openOnHover:b,id:h,"aria-label":m,"aria-labelledby":y,"aria-describedby":I,...S})=>{const{selectedCountry:C,disabled:g,noCountryLabel:D}=le(),{open:N,setOpen:x}=d.useDropdownContext(),l=(0,f.useId)(),w=h??l,O=`${l}-label`,L=`${l}-value`,B=(0,_.isNonEmptyString)(r),V=(0,_.isNonEmptyString)(m)?m:void 0,P=$e({ariaLabelledBy:y,ariaLabel:V,visibleLabelId:B?O:void 0}),q=[I,(j.isDefined(P)||j.isDefined(V))&&!j.isDefined(n)?L:void 0].filter(_.isNonEmptyString),Q=C?.label??D,z=j.isDefined(C)?C.flag:(0,e.jsx)(E.IconCircleOff,{}),K=k=>({...k,disabled:g}),re=M.mergeClassNames((0,A.clsx)(J.Input_module_default.input,J.Input_module_default.md,R.Select_module_default.trigger),o);return(0,e.jsxs)("div",{...t,className:(0,A.clsx)(Y.root,t?.className),children:[(0,e.jsx)(_e,{disabled:g,open:N,onOpenChange:x}),B&&(0,e.jsx)("label",{id:O,className:Y.label,htmlFor:w,children:r}),(0,e.jsx)(d.Dropdown.Trigger,{...S,id:w,"aria-label":V,"aria-labelledby":P,"aria-describedby":(0,_.isNonEmptyArray)(q)?q.join(" "):void 0,"aria-disabled":g||void 0,openOnHover:g?!1:b,"data-disabled":g?"":void 0,onClick:g?X:i,onMouseDown:g?X:u,onPointerDown:g?X:c,onKeyDown:g?X:p,onKeyUp:g?X:v,className:k=>re(K(k)),style:(0,_.isFunction)(s)?k=>s(K(k)):s,render:(0,_.isFunction)(a)?(k,Z)=>a(k,K(Z)):a,children:n??(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:Y.flag,"aria-hidden":"true",children:z}),(0,e.jsx)("span",{className:R.Select_module_default.value,id:L,children:(0,e.jsx)(se.OverflowingTextWithTooltip,{text:Q})}),(0,e.jsx)("span",{className:R.Select_module_default.icon,"aria-hidden":"true",children:(0,e.jsx)(E.IconChevronDown,{})})]})})]})},Ae="no-country",Be=({searchLabel:r=T.doNotTranslate("Search"),noResultsLabel:t=T.doNotTranslate("No results"),searchProps:n,render:o,...s})=>{const{countries:a,value:i,changeValue:u,disabled:c,noCountryLabel:p,selectionGroupId:v}=le(),{titleId:b,triggerId:h}=d.useDropdownContext(),m=j.isDefined(s["aria-label"])||j.isDefined(s["aria-labelledby"])?void 0:b??h,[y,I]=(0,f.useState)(""),S=H.normalizeSearchText(y.trim()),C=(0,_.isNonEmptyString)(S),g=a.filter(l=>l.searchText.includes(S)),D=H.normalizeSearchText(p).includes(S),N=D||(0,_.isNonEmptyArray)(g),x=D&&(0,e.jsx)(d.Dropdown.OptionItem,{value:"no-country",disabled:c,startIcon:(0,e.jsx)("span",{className:Y.flag,"aria-hidden":"true",children:(0,e.jsx)(E.IconCircleOff,{})}),children:p});return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d.Dropdown.Search,{placeholder:r,"aria-label":r,...n,value:y,onValueChange:I,disabled:c||n?.disabled}),N&&(0,e.jsx)(d.Dropdown.Separator,{}),(0,e.jsxs)(d.Dropdown.SelectionGroup,{...s,"aria-labelledby":s["aria-labelledby"]??m,render:(0,_.isFunction)(o)?l=>o(l,{value:i,multiple:!1}):o,id:v,value:(0,_.isNull)(i)?Ae:be(i),onValueChange:(l,w)=>{u(a.find(O=>O.selectionValue===l)?.value??null,w)},children:[N&&(0,e.jsxs)(d.Dropdown.Section,{scrollable:!0,children:[!C&&x,g.map(l=>(0,e.jsx)(d.Dropdown.OptionItem,{value:l.selectionValue,disabled:c||l.disabled,startIcon:(0,e.jsx)("span",{className:Y.flag,"aria-hidden":"true",children:l.flag}),children:l.label},l.value)),C&&x]}),!N&&(0,e.jsx)(d.Dropdown.Empty,{children:t})]})]})},ge=r=>{const{open:t}=d.useDropdownContext(),[n,o]=(0,f.useState)(t),[s,a]=(0,f.useState)(0);return n!==t&&(o(t),t&&a(s+1)),(0,f.createElement)(Be,{...r,key:s})},Ge=({open:r,defaultOpen:t=!1,onOpenChange:n,onEscapeKeyDown:o,onInteractOutside:s,defaultPage:a,popupProps:i,optionsProps:u,searchLabel:c,noResultsLabel:p,searchProps:v,closeOnSelect:b,...h})=>{const{disabled:m}=le(),[y,I]=(0,f.useState)(t),S=r??y,C=!m&&S,g=l=>{l&&m||(I(l),n?.(l))},D=[h["aria-label"],h.label].find(_.isNonEmptyString),N=j.isDefined(i?.["aria-label"])||j.isDefined(i?.["aria-labelledby"]),x=j.isDefined(u?.["aria-label"])||j.isDefined(u?.["aria-labelledby"]);return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(_e,{disabled:m,open:S,onOpenChange:g}),(0,e.jsxs)(d.Dropdown.Root,{type:"picker",open:C,onOpenChange:g,onEscapeKeyDown:o,onInteractOutside:s,defaultPage:a,children:[(0,e.jsx)(ve,{...h}),(0,e.jsx)(d.Dropdown.Content,{"aria-label":N?void 0:D,"aria-labelledby":N?void 0:h["aria-labelledby"],...i,children:(0,e.jsx)(ge,{"aria-label":x?void 0:D,"aria-labelledby":x?void 0:h["aria-labelledby"],...u,searchLabel:c,noResultsLabel:p,searchProps:v,closeOnSelect:b})})]})]})},Me=({countries:r,value:t,defaultValue:n,onValueChange:o,disabled:s,noCountryLabel:a,...i})=>(0,e.jsx)(he,{countries:r,value:t,defaultValue:n,onValueChange:o,disabled:s,noCountryLabel:a,children:(0,e.jsx)(Ge,{...i})}),ze=Object.assign(Me,{Root:he,Trigger:ve,Options:ge}),Ue="_trigger_18tlx_1",We="_chevron_18tlx_40",He="_options_18tlx_45",Ke="_emptyStatus_18tlx_51",ee={trigger:Ue,chevron:We,options:He,emptyStatus:Ke},fe=(0,f.createContext)(void 0),xe=()=>{const r=(0,f.useContext)(fe);if(!j.isDefined(r))throw new Error(T.doNotTranslate("CurrencyPicker parts must be inside CurrencyPicker.Root"));return r},Ce=({disabled:r=!1,searchable:t=!0,searchLabel:n=T.doNotTranslate("Search"),listLabel:o,emptyLabel:s=T.doNotTranslate("No results"),searchProps:a,className:i,render:u,ref:c,...p})=>{const{state:v,groupId:b,options:h,selectionProps:m}=xe(),{titleId:y,triggerId:I}=d.useDropdownContext(),{value:S,defaultValue:C="",onValueChange:g,...D}=a??{},[N,x]=(0,f.useState)(C),l=S??N,w=t?String(l).trim().toLowerCase():"",O=h.filter(({searchText:P})=>P.includes(w)),L=(0,_.isNonEmptyArray)(O),B=v.disabled||r,V=j.isDefined(o)?void 0:y??I;return(0,ie.useRender)({render:u,ref:c,props:{...p,className:(0,A.clsx)(ee.options,i),children:(0,e.jsxs)(e.Fragment,{children:[t&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d.Dropdown.Search,{placeholder:n,"aria-label":n,...D,value:l,onValueChange:P=>{g?.(P),(0,_.isUndefined)(S)&&x(P)},disabled:B||a?.disabled}),(0,e.jsx)(d.Dropdown.Separator,{})]}),(0,e.jsx)(d.Dropdown.SelectionGroup,{...m,id:b,"aria-label":o,"aria-labelledby":V,children:L&&(0,e.jsx)(d.Dropdown.Section,{scrollable:!0,children:O.map(({currency:P,label:q})=>(0,e.jsx)(d.Dropdown.OptionItem,{value:P.code,disabled:B||P.disabled,children:(0,_.isString)(q)?(0,e.jsx)(se.OverflowingTextWithTooltip,{text:q}):q},P.code))})}),(0,e.jsx)(d.Dropdown.Empty,{className:ee.emptyStatus,children:L?null:s})]})}})},ye=({code:r,name:t})=>`${t} (${r})`,Xe=r=>`${ye(r)} ${r.symbol??""}`,je=({currencies:r,value:t,defaultValue:n=null,onValueChange:o,closeOnSelect:s,disabled:a=!1,selectedFirst:i=!1,getOptionLabel:u=ye,getSearchText:c=Xe,renderValue:p,children:v})=>{const b=(0,f.useId)(),{selections:h,initializeSelection:m}=d.useDropdownContext(),y={value:t,defaultValue:n,onValueChange:o,closeOnSelect:s},I=d.getDropdownSelectionGroupState({props:{...y,id:b},storedState:h.get(b)}),S=I.multiple?null:I.value,C=r.map(x=>({currency:x,label:u(x),searchText:c(x).toLowerCase()})),g=C.find(({currency:x})=>x.code===S),D=i&&j.isDefined(g)?[g,...C.filter(x=>x!==g)]:C,N={value:S,selectedCurrency:g?.currency,disabled:a};return(0,e.jsxs)(fe.Provider,{value:{state:N,groupId:b,options:D,selectionProps:y,renderValue:p},children:[(0,_.isUndefined)(t)&&(0,e.jsx)(d.DropdownSelectionGroupEffect,{id:b,initialState:I,initializeSelection:m}),(0,_.isFunction)(v)?v(N):v]})},Se=({children:r,placeholder:t,disabled:n=!1,className:o,...s})=>{const{state:a,renderValue:i}=xe(),u=j.isDefined(a.value)?a.value:t;return(0,e.jsxs)(d.Dropdown.Trigger,{...s,disabled:a.disabled||n,className:M.mergeClassNames(ee.trigger,o),children:[r??(j.isDefined(i)?i(a):u),(0,e.jsx)(E.IconChevronDown,{"aria-hidden":"true",className:ee.chevron})]})},Ye=({currencies:r,value:t,defaultValue:n,onValueChange:o,closeOnSelect:s,disabled:a,selectedFirst:i,getOptionLabel:u,getSearchText:c,renderValue:p,open:v,defaultOpen:b,onOpenChange:h,onEscapeKeyDown:m,onInteractOutside:y,triggerProps:I,contentProps:S,optionsProps:C,...g})=>(0,e.jsx)(d.Dropdown.Root,{type:"picker",open:v,defaultOpen:b,onOpenChange:h,onEscapeKeyDown:m,onInteractOutside:y,children:(0,e.jsxs)(je,{currencies:r,value:t,defaultValue:n,onValueChange:o,closeOnSelect:s,disabled:a,selectedFirst:i,getOptionLabel:u,getSearchText:c,renderValue:p,children:[(0,e.jsx)(Se,{...g,...I}),(0,e.jsx)(d.Dropdown.Content,{...S,children:(0,e.jsx)(Ce,{...C})})]})}),Je=Object.assign(Ye,{Root:je,Trigger:Se,Options:Ce}),Qe="_root_u3myi_1",Ze="_preview_u3myi_6",er="_image_u3myi_35",rr="_fileInput_u3myi_48",tr="_content_u3myi_58",nr="_actions_u3myi_67",ar="_helperText_u3myi_73",or="_errorMessage_u3myi_78",$={root:Qe,preview:Ze,image:er,fileInput:rr,content:tr,actions:nr,helperText:ar,errorMessage:or},sr=({src:r})=>{const t=de.useTheme(),[n,o]=(0,f.useState)(!1);return!(0,_.isNonEmptyString)(r)||n?(0,e.jsx)(E.IconPhotoUp,{size:t.icon.size.lg,"aria-hidden":!0}):(0,e.jsx)("img",{className:$.image,src:r,alt:"",onError:()=>o(!0)})},ir="image/*",lr=({src:r,onFileSelect:t,onRemove:n,onAbort:o,disabled:s=!1,isUploading:a=!1,helperText:i,errorMessage:u,uploadLabel:c=T.doNotTranslate("Upload"),removeLabel:p=T.doNotTranslate("Remove"),abortLabel:v=T.doNotTranslate("Abort"),accept:b=ir,inputRef:h,onChange:m,"aria-describedby":y,className:I,style:S,dir:C,render:g,ref:D,...N})=>{const x=(0,f.useRef)(null),l=(0,Pe.useMergedRefs)(x,h),w=(0,f.useId)(),O=`${w}-helper`,L=`${w}-error`,B=(0,_.isNonEmptyString)(r),V=(0,_.isNonEmptyString)(i),P=(0,_.isNonEmptyString)(u),q=s||!j.isDefined(t),Q=s||!B||!j.isDefined(n),z=q||a,K=Q||a,re=a&&j.isDefined(o),k=[y,V&&O,P&&L].filter(_.isNonEmptyString).join(" ")||void 0,Z=()=>{z||x.current?.click()},Oe=te=>{const ce=te.currentTarget.files?.[0];try{m?.(te)}finally{te.currentTarget.value=""}z||!j.isDefined(ce)||t?.(ce)};return(0,ie.useRender)({render:g,ref:D,props:{className:(0,A.clsx)($.root,I),style:S,dir:C,"aria-busy":a||N["aria-busy"],children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{className:$.preview,type:"button",disabled:q,"aria-disabled":a||void 0,"aria-label":c,"aria-describedby":k,onClick:Z,children:(0,e.jsx)(sr,{src:r},r)}),(0,e.jsxs)("div",{className:$.content,children:[(0,e.jsxs)("div",{className:$.actions,children:[(0,e.jsx)("input",{"aria-label":c,...N,ref:l,className:$.fileInput,dir:C,children:void 0,dangerouslySetInnerHTML:void 0,type:"file",multiple:!1,value:void 0,defaultValue:void 0,accept:b,disabled:z,"aria-describedby":k,hidden:!0,onChange:Oe}),re?(0,e.jsx)(F.Button,{type:"button",startIcon:(0,e.jsx)(E.IconX,{}),onClick:o,disabled:s,variant:"outline",children:v}):(0,e.jsx)(F.Button,{type:"button",startIcon:(0,e.jsx)(E.IconUpload,{}),onClick:Z,disabled:z,focusableWhenDisabled:a&&!q,"aria-describedby":k,variant:"outline",children:c}),(0,e.jsx)(F.Button,{type:"button",startIcon:(0,e.jsx)(E.IconTrash,{}),onClick:n,disabled:K,focusableWhenDisabled:a&&!Q,variant:"outline",children:p})]}),V&&(0,e.jsx)("span",{className:$.helperText,id:O,children:i}),P&&(0,e.jsx)("span",{className:$.errorMessage,id:L,role:"alert",children:u})]})]})}})},cr="_button_k3e4y_1",ur={button:cr},dr=({className:r,emphasis:t="standard",size:n,variant:o,...s})=>{const a=(0,f.useContext)(F.ButtonGroupContext),i=n??a?.size??"sm",u=o??a?.variant??"ghost";return(0,e.jsx)(F.Button,{...s,size:i,variant:u,"data-emphasis":t,className:M.mergeClassNames(ur.button,r)})},pr="_button_1fwx7_1",mr={button:pr},br=({className:r,elevated:t=!0,variant:n,...o})=>{const s=(0,f.useContext)(F.ButtonGroupContext),a=n??s?.variant??"solid";return(0,e.jsx)(F.Button,{...o,elevated:t,variant:a,className:M.mergeClassNames(mr.button,r)})},oe={maximumFractionDigits:15,numberingSystem:"latn",useGrouping:"min2"},hr=({nextValue:r,currentValue:t,reason:n})=>n==="input-blur"&&(0,ue.formatNumber)(r,void 0,oe)===(0,ue.formatNumber)(t,void 0,oe),_r="_root_17bio_1",vr="_valueInput_17bio_7",gr="_button_17bio_14",fr="_icon_17bio_32",U={root:_r,valueInput:vr,button:gr,icon:fr},xr=({value:r,defaultValue:t,onValueChange:n,onValueCommitted:o,allowOutOfRange:s=!1,min:a,max:i,step:u=1,disabled:c,readOnly:p,required:v,name:b,form:h,id:m,showButtons:y=!0,decrementLabel:I=T.doNotTranslate("Decrease value"),incrementLabel:S=T.doNotTranslate("Increase value"),className:C,...g})=>{const[D,N]=(0,pe.useControlled)({controlled:r,default:t??null,name:T.doNotTranslate("NumberStepper"),state:"value"}),x=(0,ke.useValueAsRef)(D),l=(w,O)=>{if(w!==x.current){if(hr({nextValue:w,currentValue:x.current,reason:O.reason})){O.cancel();return}n?.(w,O),!O.isCanceled&&(x.current=w,N(w))}};return(0,e.jsxs)(R.NumberField.Root,{value:D,onValueChange:l,onValueCommitted:o,min:a,max:i,allowOutOfRange:s,step:u,smallStep:u,largeStep:u,disabled:c,readOnly:p,required:v,name:b,form:h,id:m,format:oe,className:U.root,children:[y&&(0,e.jsx)(R.NumberField.Decrement,{"aria-label":I,render:(0,e.jsx)(F.Button,{type:"button",size:"sm",className:U.button,startIcon:(0,e.jsx)("span",{className:U.icon,children:(0,e.jsx)(E.IconMinus,{})})})}),(0,e.jsx)(R.NumberField.Input,{...g,form:h,className:M.mergeClassNames((0,A.clsx)(J.Input_module_default.input,J.Input_module_default.sm,U.valueInput),C)}),y&&(0,e.jsx)(R.NumberField.Increment,{"aria-label":S,render:(0,e.jsx)(F.Button,{type:"button",size:"sm",className:U.button,startIcon:(0,e.jsx)("span",{className:U.icon,children:(0,e.jsx)(E.IconPlus,{})})})})]})},Cr="_trigger_kh8iq_1",yr="_triggerFlag_kh8iq_35",jr="_optionFlag_kh8iq_36",Sr="_chevron_kh8iq_56",Nr="_selectedCountryLabel_kh8iq_61",Ir="_options_kh8iq_70",Dr="_emptyStatus_kh8iq_76",G={trigger:Cr,triggerFlag:yr,optionFlag:jr,chevron:Sr,selectedCountryLabel:Nr,options:Ir,emptyStatus:Dr},Tr=({label:r,callingCode:t})=>`${r} (+${t})`,wr="⁦",Or="⁩",Pr=({label:r,callingCode:t})=>`${r} (${wr}+${t}${Or})`,Er=({country:r,normalizedSearch:t,callingCodeSearch:n})=>r.searchLabel.includes(t)||r.searchValue.includes(t)||(0,_.isNonEmptyString)(n)&&r.callingCode.includes(n),Ne=(0,f.createContext)(null),Ie=()=>{const r=(0,f.useContext)(Ne);if(!j.isDefined(r))throw new Error(T.doNotTranslate("PhoneCountryPicker parts require PhoneCountryPicker.Root."));return r},De=({searchLabel:r=T.doNotTranslate("Search"),listLabel:t=T.doNotTranslate("Countries"),emptyLabel:n=T.doNotTranslate("No results"),disabled:o=!1,className:s,render:a,ref:i,...u})=>{const{countries:c,value:p,onValueChange:v,disabled:b,closeOnSelect:h}=Ie(),m=b||o,y=(0,f.useId)(),[I,S]=(0,f.useState)(""),C=H.normalizeSearchText(I).trim(),g=C.startsWith("+")?C.slice(1):C,D=c.filter(l=>Er({country:l,normalizedSearch:C,callingCodeSearch:g})),N=D.find(l=>l.value===p),x=j.isDefined(N)?[N,...D.filter(l=>l.value!==p)]:D;return(0,ie.useRender)({render:a,ref:i,props:{...u,className:(0,A.clsx)(G.options,s),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(d.Dropdown.Search,{value:I,onValueChange:S,placeholder:r,"aria-label":r,disabled:m}),(0,e.jsx)(d.Dropdown.Separator,{}),(0,e.jsx)(d.Dropdown.Section,{scrollable:!0,children:(0,e.jsx)(d.Dropdown.SelectionGroup,{id:y,"aria-label":t,value:p,onValueChange:v,closeOnSelect:h,children:x.map(l=>{const w=Tr(l);return(0,e.jsx)(d.Dropdown.OptionItem,{value:l.value,"aria-label":w,disabled:m||l.disabled,startIcon:(0,e.jsx)("span",{className:G.optionFlag,"aria-hidden":!0,children:l.flag}),children:(0,e.jsx)(se.OverflowingTextWithTooltip,{text:(0,e.jsxs)(e.Fragment,{children:[l.label," (",(0,e.jsxs)("bdi",{dir:"ltr",children:["+",l.callingCode]}),")"]}),tooltipContent:Pr(l)})},l.value)})})}),(0,e.jsx)(d.Dropdown.Empty,{className:G.emptyStatus,children:(0,_.isNonEmptyArray)(x)?null:n})]})}})},Te=({children:r,countries:t,value:n,defaultValue:o=null,onValueChange:s,disabled:a=!1,closeOnSelect:i=!0})=>{const[u,c]=(0,f.useState)(o),p=(0,_.isUndefined)(n)?u:n,v=t.map(b=>({...b,searchLabel:H.normalizeSearchText(b.label),searchValue:H.normalizeSearchText(b.value)}));return(0,e.jsx)(Ne.Provider,{value:{countries:v,value:p,disabled:a,closeOnSelect:i,onValueChange:(b,h)=>{s?.(b,h),!h.isCanceled&&(0,_.isUndefined)(n)&&c(b)}},children:r})},we=({children:r,disabled:t=!1,className:n,"aria-describedby":o,...s})=>{const{countries:a,value:i,disabled:u}=Ie(),c=a.find(b=>b.value===i),p=(0,f.useId)(),v=[j.isDefined(c)&&p,o].filter(_.isNonEmptyString).join(" ")||void 0;return(0,e.jsxs)(d.Dropdown.Trigger,{...s,disabled:u||t,"aria-describedby":v,className:M.mergeClassNames(G.trigger,n),children:[r??(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:G.triggerFlag,"aria-hidden":!0,children:c?.flag??(0,e.jsx)(E.IconWorld,{})}),(0,e.jsx)(E.IconChevronDown,{className:G.chevron,"aria-hidden":!0})]}),j.isDefined(c)&&(0,e.jsx)("span",{id:p,className:G.selectedCountryLabel,children:c.label})]})},kr=({countries:r,value:t,defaultValue:n,onValueChange:o,disabled:s,closeOnSelect:a,dropdownProps:i,contentProps:u,optionsProps:c,...p})=>(0,e.jsx)(Te,{countries:r,value:t,defaultValue:n,onValueChange:o,disabled:s,closeOnSelect:a,children:(0,e.jsxs)(d.Dropdown.Root,{...i,type:"picker",children:[(0,e.jsx)(we,{...p}),(0,e.jsx)(d.Dropdown.Content,{width:280,...u,children:(0,e.jsx)(De,{...c})})]})}),qr=Object.assign(kr,{Root:Te,Trigger:we,Options:De}),Rr="_wrapper_c0mqd_1",Fr="_inputGroup_c0mqd_8",Lr="_searchIcon_c0mqd_14",ae={wrapper:Rr,inputGroup:Fr,searchIcon:Lr},Vr=({placeholder:r,actions:t,size:n="md",id:o,"aria-label":s,"aria-labelledby":a,...i})=>{const u=de.useTheme(),c=(0,f.useId)(),p=o??c;return(0,e.jsxs)("div",{className:ae.wrapper,children:[(0,e.jsx)(R.InputGroup,{className:ae.inputGroup,size:n,startElement:(0,e.jsx)(E.IconSearch,{className:ae.searchIcon,size:u.icon.size.md,"aria-hidden":!0}),children:(0,e.jsx)(J.Input,{...i,id:p,placeholder:r,"aria-label":(0,_.isNonEmptyString)(a)?void 0:s??r,"aria-labelledby":a})}),t]})},$r="_container_1eoop_1",Ar="_sm_1eoop_20",Br="_md_1eoop_26",Gr="_item_1eoop_32",Mr="_iconOnly_1eoop_72",zr="_icon_1eoop_72",Ur="_label_1eoop_91",W={container:$r,sm:Ar,md:Br,item:Gr,iconOnly:Mr,icon:zr,label:Ur},Wr=({className:r,itemWidth:t="equal",options:n,size:o="md",...s})=>{const a=(0,f.useId)();return(0,e.jsx)(qe.RadioGroup,{...s,className:M.mergeClassNames((0,A.clsx)(W.container,W[o]),r),"data-item-width":t,children:n.map(({"aria-label":i,disabled:u,label:c,startIcon:p,value:v},b)=>{const h=`${a}-${b}`,m=(0,_.isNonEmptyString)(i);return(0,e.jsxs)(R.Radio.Root,{value:v,disabled:u,"aria-labelledby":h,className:(0,A.clsx)(W.item,!ne.isRenderableSlot(c)&&W.iconOnly),children:[ne.isRenderableSlot(p)&&(0,e.jsx)("span",{className:W.icon,"aria-hidden":!0,children:p}),ne.isRenderableSlot(c)&&(0,e.jsx)("span",{id:m?void 0:h,className:W.label,children:c}),m&&(0,e.jsx)("span",{id:h,hidden:!0,children:i})]},v)})})};Object.defineProperty(exports,"CountrySelect",{enumerable:!0,get:function(){return ze}});Object.defineProperty(exports,"CurrencyPicker",{enumerable:!0,get:function(){return Je}});Object.defineProperty(exports,"ImageInput",{enumerable:!0,get:function(){return lr}});Object.defineProperty(exports,"LightButton",{enumerable:!0,get:function(){return dr}});Object.defineProperty(exports,"MainButton",{enumerable:!0,get:function(){return br}});Object.defineProperty(exports,"NumberStepper",{enumerable:!0,get:function(){return xr}});Object.defineProperty(exports,"PhoneCountryPicker",{enumerable:!0,get:function(){return qr}});Object.defineProperty(exports,"SearchInput",{enumerable:!0,get:function(){return Vr}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return Wr}});

package/dist/input-D1oyk0tD.js

@@ -1,421 +0,0 @@
-import { t as u } from "./isDefined-fMi6eQ4r.js";
-import { Cn as j, So as ue, Tn as de } from "./icon-CUE-QGQK.js";
-import { t as q } from "./theme-B2EaXhye.js";
-import { t } from "./mergeClassNames-ClFMR1v0.js";
-import { r as pe } from "./Button-DIw804CX.js";
-import { t as T } from "./isRenderableSlot-DT_depzM.js";
-import { t as G } from "./useProvidedTextDirection-Dk8LBQeF.js";
-import { n as f, t as c } from "./ListItem.module-BJ9Ttjrc.js";
-import { n as k, r as ve } from "./Input-DZWl81G_.js";
-import { i as h } from "./Radio-BEAztmPu.js";
-import { useRender as z } from "@base-ui/react/use-render";
-import { isFunction as R, isNumber as _e, isUndefined as W } from "@sniptt/guards";
-import { clsx as d } from "clsx";
-import { forwardRef as F, useContext as fe, useLayoutEffect as B, useMemo as he, useRef as be, useState as Ne } from "react";
-import { jsx as o, jsxs as L } from "react/jsx-runtime";
-import { mergeProps as Se } from "@base-ui/react/merge-props";
-import { Input as Ie } from "@base-ui/react/input";
-import { RadioGroup as ge } from "@base-ui/react/radio-group";
-import { Autocomplete as s } from "@base-ui/react/autocomplete";
-import { Checkbox as O } from "@base-ui/react/checkbox";
-import { Field as N } from "@base-ui/react/field";
-import { Select as n } from "@base-ui/react/select";
-import { Slider as S } from "@base-ui/react/slider";
-var Ce = "_inputGroup_17li0_1", Ae = "_positioner_17li0_8", we = "_popup_17li0_12", xe = "_arrow_17li0_31", Te = "_separator_17li0_72", Pe = "_list_17li0_86", ke = "_empty_17li0_93", I = {
-  inputGroup: Ce,
-  positioner: Ae,
-  popup: we,
-  arrow: xe,
-  separator: Te,
-  list: Pe,
-  empty: ke
-}, Le = ({ className: e, ...r }) => /* @__PURE__ */ o(s.Arrow, {
-  ...r,
-  className: t(I.arrow, e)
-}), Ge = ({ className: e, ...r }) => /* @__PURE__ */ o(s.Empty, {
-  ...r,
-  className: t(I.empty, e)
-}), Re = ({ size: e, className: r, ...a }) => {
-  const i = fe(ve), l = e ?? i?.size ?? "md";
-  return /* @__PURE__ */ o(s.Input, {
-    ...a,
-    className: t(d(k.input, k[l]), r),
-    "data-grouped": u(i) || void 0
-  });
-}, Fe = ({ className: e, ...r }) => /* @__PURE__ */ o(s.InputGroup, {
-  ...r,
-  className: t(I.inputGroup, e)
-}), ye = ({ className: e, children: r, startIcon: a, endIcon: i, description: l, descriptionPlacement: m = "inline", ...p }) => /* @__PURE__ */ L(s.Item, {
-  ...p,
-  className: t(c.root, e),
-  "data-color": "neutral",
-  children: [
-    T(a) && /* @__PURE__ */ o("div", {
-      className: c.startIcon,
-      "aria-hidden": !0,
-      children: a
-    }),
-    /* @__PURE__ */ L("div", {
-      className: c.label,
-      children: [/* @__PURE__ */ o("div", {
-        className: c.text,
-        children: r
-      }), T(l) && m === "inline" && /* @__PURE__ */ o("div", {
-        className: d(c.description, c.inlineDescription),
-        children: l
-      })]
-    }),
-    T(l) && m === "end" && /* @__PURE__ */ o("div", {
-      className: d(c.description, c.endDescription),
-      children: l
-    }),
-    T(i) && /* @__PURE__ */ o("div", {
-      className: c.endIcon,
-      "aria-hidden": !0,
-      children: i
-    })
-  ]
-}), De = ({ className: e, ...r }) => /* @__PURE__ */ o(s.List, {
-  ...r,
-  className: t(I.list, e)
-}), Ee = ({ width: e, style: r, className: a, ...i }) => /* @__PURE__ */ o(s.Popup, {
-  ...i,
-  className: t(I.popup, a),
-  style: (l) => ({
-    width: e,
-    minInlineSize: u(e) ? 0 : void 0,
-    ...R(r) ? r(l) : r
-  })
-}), Be = ({ container: e, ...r }) => {
-  const a = q(), i = G();
-  return /* @__PURE__ */ o(s.Portal, {
-    dir: i,
-    ...r,
-    container: W(e) ? a ?? void 0 : e
-  });
-}, Ve = ({ className: e, align: r = "start", sideOffset: a = 8, ...i }) => {
-  const l = G();
-  return /* @__PURE__ */ o(s.Positioner, {
-    dir: l,
-    align: r,
-    sideOffset: a,
-    ...i,
-    className: t(I.positioner, e)
-  });
-}, $e = ({ className: e, ...r }) => /* @__PURE__ */ o(s.Separator, {
-  ...r,
-  className: t(I.separator, e)
-}), je = () => ({
-  Root: s.Root,
-  Value: s.Value,
-  Trigger: s.Trigger,
-  InputGroup: Fe,
-  Input: Re,
-  Icon: s.Icon,
-  Clear: s.Clear,
-  Portal: Be,
-  Backdrop: s.Backdrop,
-  Positioner: Ve,
-  Popup: Ee,
-  Arrow: Le,
-  List: De,
-  Status: s.Status,
-  Group: s.Group,
-  GroupLabel: s.GroupLabel,
-  Item: ye,
-  Row: s.Row,
-  Collection: s.Collection,
-  Empty: Ge,
-  Separator: $e,
-  useFilter: s.useFilter,
-  useFilteredItems: s.useFilteredItems
-}), oo = /* @__PURE__ */ je(), qe = "_container_262rx_1", ze = { container: qe }, ao = ({ attached: e = !0, framed: r = !1, className: a, children: i, variant: l, size: m, color: p, render: g, ref: C, ...A }) => {
-  const w = z({
-    render: g,
-    ref: C,
-    props: {
-      role: "group",
-      "data-attached": e || void 0,
-      "data-framed": r || void 0,
-      ...A,
-      className: d(ze.container, a),
-      children: i
-    }
-  });
-  return /* @__PURE__ */ o(pe.Provider, {
-    value: {
-      variant: l,
-      color: p,
-      size: m
-    },
-    children: w
-  });
-}, H = ({ className: e, ...r }) => /* @__PURE__ */ o(O.Indicator, {
-  ...r,
-  className: t(f.indicator, e)
-}), U = ({ size: e = "sm", variant: r = "solid", shape: a = "square", color: i = "accent", hoverable: l = !0, className: m, ...p }) => /* @__PURE__ */ o(O.Root, {
-  ...p,
-  className: t(d(f.root, f[e], f[r], f[a], f[i], l && f.hoverable), m)
-}), We = ({ children: e, ...r }) => /* @__PURE__ */ L(U, {
-  ...r,
-  children: [/* @__PURE__ */ L(H, { children: [/* @__PURE__ */ o(j, {
-    className: f.check,
-    "aria-hidden": !0
-  }), /* @__PURE__ */ o(ue, {
-    className: f.minus,
-    "aria-hidden": !0
-  })] }), e]
-}), to = Object.assign(We, {
-  Root: U,
-  Indicator: H
-}), Oe = "_description_yrj5x_1", He = { description: Oe }, M = F(({ className: e, ...r }, a) => /* @__PURE__ */ o(N.Description, {
-  ref: a,
-  className: t(He.description, e),
-  ...r
-}));
-M.displayName = "FieldDescription";
-var Ue = "_error_179et_1", Me = { error: Ue }, J = F(({ className: e, ...r }, a) => /* @__PURE__ */ o(N.Error, {
-  ref: a,
-  className: t(Me.error, e),
-  ...r
-}));
-J.displayName = "FieldError";
-var Je = "_label_1yxve_1", Ke = { label: Je }, K = F(({ className: e, ...r }, a) => /* @__PURE__ */ o(N.Label, {
-  ref: a,
-  className: t(Ke.label, e),
-  ...r
-}));
-K.displayName = "FieldLabel";
-var io = {
-  Root: N.Root,
-  Item: N.Item,
-  Label: K,
-  Control: N.Control,
-  Description: M,
-  Error: J,
-  Validity: N.Validity
-}, Qe = "_root_1h79s_1", Xe = { root: Qe }, lo = ({ className: e, ...r }) => /* @__PURE__ */ o(ge, {
-  ...r,
-  className: t(Xe.root, e)
-}), Ye = ({ className: e, ...r }) => /* @__PURE__ */ o(n.GroupLabel, {
-  ...r,
-  className: t(h.groupLabel, e)
-}), Ze = ({ className: e, children: r = /* @__PURE__ */ o(de, {}), ...a }) => /* @__PURE__ */ o(n.Icon, {
-  ...a,
-  className: t(h.icon, e),
-  children: r
-}), er = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Item, {
-  "data-color": "neutral",
-  "data-indicator": "check",
-  ...r,
-  className: t(d(c.root, h.item), e)
-}), rr = ({ className: e, children: r = /* @__PURE__ */ o(j, { className: c.checkIndicator }), ...a }) => /* @__PURE__ */ o(n.ItemIndicator, {
-  ...a,
-  className: t(h.indicator, e),
-  children: r
-}), or = ({ className: e, ...r }) => /* @__PURE__ */ o(n.ItemText, {
-  ...r,
-  className: t(d(c.label, c.text), e)
-}), ar = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Popup, {
-  ...r,
-  className: t(h.popup, e)
-}), tr = ({ container: e, ...r }) => {
-  const a = q(), i = G();
-  return /* @__PURE__ */ o(n.Portal, {
-    dir: i,
-    ...r,
-    container: W(e) ? a ?? void 0 : e
-  });
-}, ir = ({ className: e, ...r }) => {
-  const a = G();
-  return /* @__PURE__ */ o(n.Positioner, {
-    dir: a,
-    ...r,
-    className: t(h.positioner, e)
-  });
-}, lr = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Separator, {
-  ...r,
-  className: t(h.separator, e)
-}), sr = ({ size: e = "md", className: r, ...a }) => /* @__PURE__ */ o(n.Trigger, {
-  ...a,
-  className: t(d(k.input, k[e], h.trigger), r)
-}), nr = ({ className: e, ...r }) => /* @__PURE__ */ o(n.Value, {
-  ...r,
-  className: t(h.value, e)
-}), cr = () => ({
-  Root: n.Root,
-  Label: n.Label,
-  Trigger: sr,
-  Value: nr,
-  Icon: Ze,
-  Portal: tr,
-  Backdrop: n.Backdrop,
-  Positioner: ir,
-  Popup: ar,
-  List: n.List,
-  Item: er,
-  ItemIndicator: rr,
-  ItemText: or,
-  Arrow: n.Arrow,
-  ScrollDownArrow: n.ScrollDownArrow,
-  ScrollUpArrow: n.ScrollUpArrow,
-  Group: n.Group,
-  GroupLabel: Ye,
-  Separator: lr
-}), so = /* @__PURE__ */ cr(), mr = "_root_1mh0w_1", ur = "_accent_1mh0w_16", dr = "_success_1mh0w_20", pr = "_control_1mh0w_24", vr = "_track_1mh0w_42", _r = "_indicator_1mh0w_55", fr = "_thumb_1mh0w_66", hr = "_label_1mh0w_80", br = "_value_1mh0w_81", b = {
-  root: mr,
-  accent: ur,
-  success: dr,
-  control: pr,
-  track: vr,
-  indicator: _r,
-  thumb: fr,
-  label: hr,
-  value: br
-}, Nr = ({ className: e, color: r = "accent", thumbAlignment: a = "edge", ...i }) => /* @__PURE__ */ o(S.Root, {
-  ...i,
-  thumbAlignment: a,
-  className: t(d(b.root, b[r]), e)
-}), Sr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Control, {
-  ...r,
-  className: t(b.control, e)
-}), Ir = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Track, {
-  ...r,
-  className: t(b.track, e)
-}), gr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Indicator, {
-  ...r,
-  className: t(b.indicator, e)
-}), Cr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Thumb, {
-  ...r,
-  className: t(b.thumb, e)
-}), Ar = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Label, {
-  ...r,
-  className: t(b.label, e)
-}), wr = ({ className: e, ...r }) => /* @__PURE__ */ o(S.Value, {
-  ...r,
-  className: t(b.value, e)
-}), no = {
-  Root: Nr,
-  Control: Sr,
-  Track: Ir,
-  Indicator: gr,
-  Thumb: Cr,
-  Label: Ar,
-  Value: wr
-}, xr = ({ controlProps: e, nativeProps: r, state: a, render: i }) => {
-  const { ref: l, ...m } = e, { ref: p, ...g } = r;
-  return z({
-    defaultTagName: "textarea",
-    render: i,
-    state: { ...a },
-    ref: [l ?? null, p ?? null],
-    props: Se(m, g)
-  });
-}, Tr = (e) => u(e) ? _e(e) ? `${e}px` : String(e) : "", V = (e, r) => {
-  if (u(e)) {
-    if (R(e)) return e(r);
-    e.current = r;
-  }
-}, Pr = (...e) => (r) => {
-  const a = e.map((i) => {
-    const l = V(i, r);
-    return R(l) ? l : () => V(i, null);
-  });
-  return () => {
-    for (const i of a) i();
-  };
-}, P = (e) => {
-  e.style.blockSize = "auto";
-  const r = e.offsetHeight - e.clientHeight;
-  e.style.blockSize = `${e.scrollHeight + r}px`;
-}, kr = (e) => {
-  if (!u(globalThis.ResizeObserver)) return;
-  let r, a = e.clientWidth;
-  const i = new ResizeObserver(() => {
-    const l = e.clientWidth;
-    l !== a && (a = l, u(r) && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-      r = void 0, P(e);
-    }));
-  });
-  return i.observe(e), () => {
-    i.disconnect(), u(r) && cancelAnimationFrame(r);
-  };
-}, Lr = "_textarea_1qcvj_1", Gr = "_sm_1qcvj_38", Rr = "_md_1qcvj_42", $ = {
-  textarea: Lr,
-  sm: Gr,
-  md: Rr
-}, co = ({ size: e = "md", autoResize: r = !1, maxRows: a, className: i, style: l, ref: m, render: p, onChange: g, value: C, rows: A, ...w }) => {
-  const [v, Q] = Ne(null), X = he(() => Pr(m, Q), [m]), Y = u(C), y = l?.blockSize, D = be(!1);
-  B(() => {
-    if (!u(v)) return;
-    const _ = D.current;
-    if (D.current = r, r) {
-      P(v);
-      return;
-    }
-    _ && (v.style.blockSize = Tr(y));
-  }, [
-    v,
-    r,
-    C,
-    a,
-    A,
-    e,
-    y
-  ]), B(() => {
-    if (!r || !u(v)) return;
-    let _ = !0;
-    const x = (me) => {
-      requestAnimationFrame(() => {
-        _ && !me.defaultPrevented && P(v);
-      });
-    }, E = v.form, ce = kr(v);
-    return E?.addEventListener("reset", x), () => {
-      _ = !1, E?.removeEventListener("reset", x), ce?.();
-    };
-  }, [
-    v,
-    r,
-    w.form
-  ]);
-  const Z = (_) => {
-    r && !Y && P(_.currentTarget), g?.(_);
-  }, ee = u(a) ? {
-    ...l,
-    "--tw-textarea-max-rows": a
-  } : l, { "aria-describedby": re, id: oe, name: ae, disabled: te, autoFocus: ie, defaultValue: le, onValueChange: se, ...ne } = w;
-  return /* @__PURE__ */ o(Ie, {
-    "aria-describedby": re,
-    id: oe,
-    name: ae,
-    disabled: te,
-    autoFocus: ie,
-    defaultValue: le,
-    onValueChange: se,
-    render: (_, x) => /* @__PURE__ */ o(xr, {
-      controlProps: _,
-      nativeProps: {
-        ...ne,
-        rows: A,
-        onChange: Z,
-        ref: X
-      },
-      state: x,
-      render: p
-    }),
-    value: C,
-    className: t(d($.textarea, $[e]), i),
-    style: ee,
-    "data-auto-resize": r || void 0
-  });
-};
-export {
-  io as a,
-  oo as c,
-  lo as i,
-  no as n,
-  to as o,
-  so as r,
-  ao as s,
-  co as t
-};