twenty-ui 2.46.0 → 2.48.0

package/dist/input-3D2lXywH.cjs

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

package/dist/input-CJDYNwoO.cjs

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

package/dist/input-DRpDiMRi.js

@@ -0,0 +1,421 @@
+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-D5enZ0Qz.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-DMI1B7o5.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
+};