twenty-ui 2.46.0 → 2.47.0

package/dist/input-BEKjAOjS.cjs

@@ -0,0 +1 @@
+const be=require("./theme-1XkFz8Qu.cjs"),S=require("./isDefined-DS2Q42p5.cjs"),F=require("./mergeClassNames-D4lshrT6.cjs"),J=require("./preventDismissingClickActivation-DZxTSLV3.cjs"),I=require("./Button-COxEKIHL.cjs"),le=require("./isRenderableSlot-Guryb6Nf.cjs"),ce=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),m=require("./Dropdown-BBUGkQQV.cjs"),Y=require("./Input-DvL77rvu.cjs"),D=require("./Radio-D_YUizSv.cjs");let ge=require("@base-ui/react/use-render"),d=require("@sniptt/guards"),Z=require("clsx"),x=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"),j=require("@tabler/icons-react");var De="_root_1x3d7_1",we="_label_1x3d7_6",Oe="_flag_1x3d7_14",Q={root:De,label:we,flag:Oe},Ee=({disabled:r,open:t,onOpenChange:n})=>{const a=(0,Ne.useStableCallback)(n);return(0,x.useEffect)(()=>{!r||!t||a(!1)},[r,t,a]),null},Te=({countries:r,value:t,onValueChange:n,searchLabel:a,noCountryLabel:i,noResultsLabel:s})=>{const[u,c]=(0,x.useState)(""),l=J.normalizeSearchText(u.trim()),h=(0,d.isNonEmptyString)(l),g=r.filter(b=>J.normalizeSearchText(b.label).includes(l)),o=J.normalizeSearchText(i).includes(l),_=o||(0,d.isNonEmptyArray)(g),v=o&&(0,e.jsx)(m.Dropdown.OptionItem,{selected:!(0,d.isNonEmptyString)(t),startIcon:(0,e.jsx)("span",{className:Q.flag,"aria-hidden":"true",children:(0,e.jsx)(j.IconCircleOff,{})}),onSelect:()=>n(""),children:i});return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(m.Dropdown.Search,{value:u,onValueChange:c,placeholder:a,"aria-label":a}),_&&(0,e.jsx)(m.Dropdown.Separator,{}),_&&(0,e.jsxs)(m.Dropdown.Section,{scrollable:!0,children:[!h&&v,g.map(b=>(0,e.jsx)(m.Dropdown.OptionItem,{selected:b.value===t,startIcon:(0,e.jsx)("span",{className:Q.flag,"aria-hidden":"true",children:b.flag}),onSelect:()=>n(b.value),children:b.label},b.value)),h&&v]}),!_&&(0,e.jsx)(m.Dropdown.Empty,{children:s})]})},Pe=({ariaLabelledBy:r,ariaLabel:t,visibleLabelId:n})=>{if((0,d.isNonEmptyString)(r))return r;if(!(0,d.isNonEmptyString)(t))return n},H=r=>r.preventBaseUIHandler?.(),qe=({countries:r,value:t,onValueChange:n,label:a,searchLabel:i="Search",noCountryLabel:s="No country",noResultsLabel:u="No results",open:c,onOpenChange:l,popupProps:h,disabled:g=!1,className:o,style:_,render:v,onClick:b,onMouseDown:w,onPointerDown:P,onKeyDown:p,onKeyUp:M,id:k,"aria-label":q,"aria-labelledby":O,"aria-describedby":$,...C})=>{const N=(0,x.useId)(),V=k??N,ee=`${N}-label`,G=`${N}-value`,L=(0,d.isNonEmptyString)(a),E=(0,d.isNonEmptyString)(q)?q:void 0,z=Pe({ariaLabelledBy:O,ariaLabel:E,visibleLabelId:L?ee:void 0}),R=[$,S.isDefined(z)||S.isDefined(E)?G:void 0].filter(d.isNonEmptyString),[ae,se]=(0,x.useState)(!1),f=g||!(0,d.isNonEmptyArray)(r),W=c??ae,B=!f&&W,[U,re]=(0,x.useState)(B),[de,he]=(0,x.useState)(0);U!==B&&(re(B),B&&he(de+1));const ie=r.find(y=>y.value===t),ve=ie?.label??s,fe=S.isDefined(ie)?ie.flag:(0,e.jsx)(j.IconCircleOff,{}),oe=y=>({...y,disabled:f}),xe=F.mergeClassNames((0,Z.clsx)(Y.Input_module_default.input,Y.Input_module_default.md,D.Select_module_default.trigger),o),me=y=>{y&&f||(se(y),l?.(y))};return(0,e.jsxs)("div",{className:Q.root,children:[(0,e.jsx)(Ee,{disabled:f,open:W,onOpenChange:me}),L&&(0,e.jsx)("label",{id:ee,className:Q.label,htmlFor:V,children:a}),(0,e.jsxs)(m.Dropdown.Root,{type:"picker",open:B,onOpenChange:me,children:[(0,e.jsxs)(m.Dropdown.Trigger,{...C,id:V,"aria-label":E,"aria-labelledby":z,"aria-describedby":(0,d.isNonEmptyArray)(R)?R.join(" "):void 0,"aria-disabled":f||void 0,"data-disabled":f?"":void 0,onClick:f?H:b,onMouseDown:f?H:w,onPointerDown:f?H:P,onKeyDown:f?H:p,onKeyUp:f?H:M,className:y=>xe(oe(y)),style:(0,d.isFunction)(_)?y=>_(oe(y)):_,render:(0,d.isFunction)(v)?(y,je)=>v(y,oe(je)):v,children:[(0,e.jsx)("span",{className:Q.flag,"aria-hidden":"true",children:fe}),(0,e.jsx)("span",{className:D.Select_module_default.value,id:G,children:(0,e.jsx)(ce.OverflowingTextWithTooltip,{text:ve})}),(0,e.jsx)("span",{className:D.Select_module_default.icon,"aria-hidden":"true",children:(0,e.jsx)(j.IconChevronDown,{})})]}),(0,e.jsx)(m.Dropdown.Content,{...h,"aria-label":E,"aria-labelledby":z,children:(0,e.jsx)(Te,{countries:r,value:t,onValueChange:n,searchLabel:i,noCountryLabel:s,noResultsLabel:u},de)})]})]})},Re="_trigger_gi29o_1",Be="_chevron_gi29o_35",Fe="_options_gi29o_40",ke="_emptyStatus_gi29o_46",ne={trigger:Re,chevron:Be,options:Fe,emptyStatus:ke},_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:u,render:c,ref:l,...h})=>{const[g,o]=(0,x.useState)(""),_=g.trim().toLowerCase(),v=r.filter(p=>_e(p).toLowerCase().includes(_)),b=(0,d.isNonEmptyArray)(v),w=v.find(({code:p})=>p===t),P=S.isDefined(w)?[w,...v.filter(({code:p})=>p!==t)]:v;return(0,ge.useRender)({render:c,ref:l,props:{...h,className:(0,Z.clsx)(ne.options,u),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(m.Dropdown.Search,{value:g,placeholder:i,"aria-label":i,onValueChange:o,disabled:a}),(0,e.jsx)(m.Dropdown.Separator,{}),b&&(0,e.jsx)(m.Dropdown.Section,{scrollable:!0,children:P.map(p=>(0,e.jsx)(m.Dropdown.OptionItem,{selected:p.code===t,disabled:a||p.disabled,onSelect:()=>n(p.code),children:(0,e.jsx)(ce.OverflowingTextWithTooltip,{text:_e(p)})},p.code))}),(0,e.jsx)(m.Dropdown.Empty,{className:ne.emptyStatus,children:b?null:s})]})}})},Ae=({value:r,className:t,...n})=>(0,e.jsxs)(m.Dropdown.Trigger,{...n,className:F.mergeClassNames(ne.trigger,t),children:[r,(0,e.jsx)(j.IconChevronDown,{"aria-hidden":"true",className:ne.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",T={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,x.useState)(!1);return!(0,d.isNonEmptyString)(r)||n?(0,e.jsx)(j.IconPhotoUp,{size:t.icon.size.lg,"aria-hidden":!0}):(0,e.jsx)("img",{className:T.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:u,errorMessage:c,uploadLabel:l="Upload",removeLabel:h="Remove",abortLabel:g="Abort",accept:o=Je,inputRef:_,onChange:v,"aria-describedby":b,className:w,style:P,dir:p,render:M,ref:k,...q})=>{const O=(0,x.useRef)(null),$=(0,ye.useMergedRefs)(O,_),C=(0,x.useId)(),N=`${C}-helper`,V=`${C}-error`,ee=(0,d.isNonEmptyString)(r),G=(0,d.isNonEmptyString)(u),L=(0,d.isNonEmptyString)(c),E=i||!S.isDefined(t),z=i||!ee||!S.isDefined(n),R=E||s,ae=z||s,se=s&&S.isDefined(a),f=[b,G&&N,L&&V].filter(d.isNonEmptyString).join(" ")||void 0,W=()=>{R||O.current?.click()},B=U=>{const re=U.currentTarget.files?.[0];try{v?.(U)}finally{U.currentTarget.value=""}R||!S.isDefined(re)||t?.(re)};return(0,ge.useRender)({render:M,ref:k,props:{className:(0,Z.clsx)(T.root,w),style:P,dir:p,"aria-busy":s||q["aria-busy"],children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("button",{className:T.preview,type:"button",disabled:E,"aria-disabled":s||void 0,"aria-label":l,"aria-describedby":f,onClick:W,children:(0,e.jsx)(Xe,{src:r},r)}),(0,e.jsxs)("div",{className:T.content,children:[(0,e.jsxs)("div",{className:T.actions,children:[(0,e.jsx)("input",{"aria-label":l,...q,ref:$,className:T.fileInput,dir:p,children:void 0,dangerouslySetInnerHTML:void 0,type:"file",multiple:!1,value:void 0,defaultValue:void 0,accept:o,disabled:R,"aria-describedby":f,hidden:!0,onChange:B}),se?(0,e.jsx)(I.Button,{type:"button",startIcon:(0,e.jsx)(j.IconX,{}),onClick:a,disabled:i,variant:"outline",children:g}):(0,e.jsx)(I.Button,{type:"button",startIcon:(0,e.jsx)(j.IconUpload,{}),onClick:W,disabled:R,focusableWhenDisabled:s&&!E,"aria-describedby":f,variant:"outline",children:l}),(0,e.jsx)(I.Button,{type:"button",startIcon:(0,e.jsx)(j.IconTrash,{}),onClick:n,disabled:ae,focusableWhenDisabled:s&&!z,variant:"outline",children:h})]}),G&&(0,e.jsx)("span",{className:T.helperText,id:N,children:u}),L&&(0,e.jsx)("span",{className:T.errorMessage,id:V,role:"alert",children:c})]})]})}})},Ye="_button_k3e4y_1",Ze={button:Ye},er=({className:r,emphasis:t="standard",size:n,variant:a,...i})=>{const s=(0,x.useContext)(I.ButtonGroupContext),u=n??s?.size??"sm",c=a??s?.variant??"ghost";return(0,e.jsx)(I.Button,{...i,size:u,variant:c,"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,x.useContext)(I.ButtonGroupContext),s=n??i?.variant??"solid";return(0,e.jsx)(I.Button,{...a,elevated:t,variant:s,className:F.mergeClassNames(tr.button,r)})},ue={maximumFractionDigits:15,numberingSystem:"latn",useGrouping:"min2"},ar=({nextValue:r,currentValue:t,reason:n})=>n==="input-blur"&&(0,pe.formatNumber)(r,void 0,ue)===(0,pe.formatNumber)(t,void 0,ue),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},ur=({value:r,defaultValue:t,onValueChange:n,onValueCommitted:a,allowOutOfRange:i=!1,min:s,max:u,step:c=1,disabled:l,readOnly:h,required:g,name:o,form:_,id:v,showButtons:b=!0,decrementLabel:w="Decrease value",incrementLabel:P="Increase value",className:p,...M})=>{const[k,q]=(0,Se.useControlled)({controlled:r,default:t??null,name:"NumberStepper",state:"value"}),O=(0,Ce.useValueAsRef)(k),$=(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,q(C))}};return(0,e.jsxs)(D.NumberField.Root,{value:k,onValueChange:$,onValueCommitted:a,min:s,max:u,allowOutOfRange:i,step:c,smallStep:c,largeStep:c,disabled:l,readOnly:h,required:g,name:o,form:_,id:v,format:ue,className:A.root,children:[b&&(0,e.jsx)(D.NumberField.Decrement,{"aria-label":w,render:(0,e.jsx)(I.Button,{type:"button",size:"sm",className:A.button,startIcon:(0,e.jsx)("span",{className:A.icon,children:(0,e.jsx)(j.IconMinus,{})})})}),(0,e.jsx)(D.NumberField.Input,{...M,form:_,className:F.mergeClassNames((0,Z.clsx)(Y.Input_module_default.input,Y.Input_module_default.sm,A.valueInput),p)}),b&&(0,e.jsx)(D.NumberField.Increment,{"aria-label":P,render:(0,e.jsx)(I.Button,{type:"button",size:"sm",className:A.button,startIcon:(0,e.jsx)("span",{className:A.icon,children:(0,e.jsx)(j.IconPlus,{})})})})]})},cr="_trigger_1fjn7_1",dr="_triggerFlag_1fjn7_31",mr="_optionFlag_1fjn7_32",pr="_chevron_1fjn7_52",_r="_selectedCountryLabel_1fjn7_57",X={trigger:cr,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,u]=(0,x.useState)(""),c=J.normalizeSearchText(s),l=r.filter(({label:o})=>J.normalizeSearchText(o).includes(c)),h=l.find(o=>o.value===t),g=S.isDefined(h)?[h,...l.filter(o=>o.value!==t)]:l;return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(m.Dropdown.Search,{value:s,onValueChange:u,placeholder:a,"aria-label":a}),(0,e.jsx)(m.Dropdown.Separator,{}),(0,e.jsxs)(m.Dropdown.Section,{scrollable:!0,children:[!(0,d.isNonEmptyArray)(g)&&(0,e.jsx)(m.Dropdown.Empty,{children:i}),g.map(o=>{const _=br(o);return(0,e.jsx)(m.Dropdown.OptionItem,{"aria-label":_,selected:o.value===t,onSelect:()=>n(o.value),startIcon:(0,e.jsx)("span",{className:X.optionFlag,"aria-hidden":!0,children:o.flag}),children:(0,e.jsx)(ce.OverflowingTextWithTooltip,{text:(0,e.jsxs)(e.Fragment,{children:[o.label," (",(0,e.jsxs)("bdi",{dir:"ltr",children:["+",o.callingCode]}),")"]}),tooltipContent:_})},o.value)})]})]})},hr=({country:r,className:t,"aria-describedby":n,...a})=>{const i=(0,x.useId)(),s=[S.isDefined(r)&&i,n].filter(d.isNonEmptyString).join(" ")||void 0;return(0,e.jsxs)(m.Dropdown.Trigger,{...a,"aria-describedby":s,className:F.mergeClassNames(X.trigger,t),children:[(0,e.jsx)("span",{className:X.triggerFlag,"aria-hidden":!0,children:r?.flag??(0,e.jsx)(j.IconWorld,{})}),S.isDefined(r)&&(0,e.jsx)("span",{id:i,className:X.selectedCountryLabel,children:r.label}),(0,e.jsx)(j.IconChevronDown,{className:X.chevron,"aria-hidden":!0})]})},vr={Trigger:hr,Options:gr},fr="_wrapper_fz4xu_1",xr="_filterButton_fz4xu_8",jr="_inputGroup_fz4xu_17",yr="_searchIcon_fz4xu_23",te={wrapper:fr,filterButton:xr,inputGroup:jr,searchIcon:yr},Nr=({placeholder:r,filterDropdown:t,size:n="md",id:a,filterButtonAriaLabel:i="Filter","aria-label":s,"aria-labelledby":u,...c})=>{const l=be.useTheme(),h=(0,x.useId)(),g=a??h,o=(0,e.jsx)(I.Button,{variant:"outline",size:n,"aria-label":i,startIcon:(0,e.jsx)(j.IconFilter,{size:l.icon.size.md}),className:te.filterButton});return(0,e.jsxs)("div",{className:te.wrapper,children:[(0,e.jsx)(D.InputGroup,{className:te.inputGroup,size:n,startElement:(0,e.jsx)(j.IconSearch,{className:te.searchIcon,size:l.icon.size.md,"aria-hidden":!0}),children:(0,e.jsx)(Y.Input,{...c,id:g,placeholder:r,"aria-label":(0,d.isNonEmptyString)(u)?void 0:s??r,"aria-labelledby":u})}),t?.(o)]})},Sr="_container_1uovu_1",Cr="_item_1uovu_20",Ir="_iconOnly_1uovu_60",Dr="_icon_1uovu_60",wr="_label_1uovu_79",K={container:Sr,item:Cr,iconOnly:Ir,icon:Dr,label:wr},Or=({className:r,itemWidth:t="equal",options:n,...a})=>(0,e.jsx)(Ie.RadioGroup,{...a,className:F.mergeClassNames(K.container,r),"data-item-width":t,children:n.map(({"aria-label":i,disabled:s,label:u,startIcon:c,value:l})=>(0,e.jsxs)(D.Radio.Root,{value:l,disabled:s,"aria-label":i,className:(0,Z.clsx)(K.item,!le.isRenderableSlot(u)&&K.iconOnly),children:[le.isRenderableSlot(c)&&(0,e.jsx)("span",{className:K.icon,"aria-hidden":!0,children:c}),le.isRenderableSlot(u)&&(0,e.jsx)("span",{className:K.label,children:u})]},l))});Object.defineProperty(exports,"CountrySelect",{enumerable:!0,get:function(){return qe}});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 ur}});Object.defineProperty(exports,"PhoneCountryPicker",{enumerable:!0,get:function(){return vr}});Object.defineProperty(exports,"SearchInput",{enumerable:!0,get:function(){return Nr}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return Or}});

package/dist/input-BUgnp6eA.js

@@ -0,0 +1,559 @@
+import { t as N } from "./isDefined-fMi6eQ4r.js";
+import { Di as Fe, Pn as Ce, So as we, Tn as he, Uc as xe, Wo as ze, Zc as $e, hl as Be, js as Me, pl as De, ts as je } from "./icon-BdXwnJA6.js";
+import { r as ye } from "./theme-B2EaXhye.js";
+import { t as $ } from "./mergeClassNames-ClFMR1v0.js";
+import { n as X } from "./preventDismissingClickActivation-CzWqpjiX.js";
+import { r as Ne, t as k } from "./Button-Cs07psdD.js";
+import { t as ue } from "./isRenderableSlot-DT_depzM.js";
+import { t as ve } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
+import { t as u } from "./Dropdown-CScN_olN.js";
+import { n as ne, t as Ve } from "./Input-DZWl81G_.js";
+import { i as me, n as Ae, r as ae, t as Ge } from "./Radio-BMoQHDe7.js";
+import { useRender as Se } from "@base-ui/react/use-render";
+import { isFunction as fe, isNonEmptyArray as J, isNonEmptyString as I } from "@sniptt/guards";
+import { clsx as Y } from "clsx";
+import { useContext as Oe, useEffect as Le, useId as ie, useRef as Ue, useState as z } from "react";
+import { Fragment as Q, jsx as e, jsxs as p } from "react/jsx-runtime";
+import { useMergedRefs as We } from "@base-ui/utils/useMergedRefs";
+import { useStableCallback as He } from "@base-ui/utils/useStableCallback";
+import { useControlled as qe } from "@base-ui/utils/useControlled";
+import { useValueAsRef as Ke } from "@base-ui/utils/useValueAsRef";
+import { formatNumber as ge } from "@base-ui/utils/formatNumber";
+import { RadioGroup as Xe } from "@base-ui/react/radio-group";
+var Ze = "_root_1x3d7_1", Je = "_label_1x3d7_6", Qe = "_flag_1x3d7_14", Z = {
+  root: Ze,
+  label: Je,
+  flag: Qe
+}, Ye = ({ disabled: r, open: a, onOpenChange: t }) => {
+  const n = He(t);
+  return Le(() => {
+    !r || !a || n(!1);
+  }, [
+    r,
+    a,
+    n
+  ]), null;
+}, er = ({ countries: r, value: a, onValueChange: t, searchLabel: n, noCountryLabel: i, noResultsLabel: o }) => {
+  const [c, d] = z(""), s = X(c.trim()), b = I(s), _ = r.filter((v) => X(v.label).includes(s)), l = X(i).includes(s), h = l || J(_), f = l && /* @__PURE__ */ e(u.OptionItem, {
+    selected: !I(a),
+    startIcon: /* @__PURE__ */ e("span", {
+      className: Z.flag,
+      "aria-hidden": "true",
+      children: /* @__PURE__ */ e(Ce, {})
+    }),
+    onSelect: () => t(""),
+    children: i
+  });
+  return /* @__PURE__ */ p(Q, { children: [
+    /* @__PURE__ */ e(u.Search, {
+      value: c,
+      onValueChange: d,
+      placeholder: n,
+      "aria-label": n
+    }),
+    h && /* @__PURE__ */ e(u.Separator, {}),
+    h && /* @__PURE__ */ p(u.Section, {
+      scrollable: !0,
+      children: [
+        !b && f,
+        _.map((v) => /* @__PURE__ */ e(u.OptionItem, {
+          selected: v.value === a,
+          startIcon: /* @__PURE__ */ e("span", {
+            className: Z.flag,
+            "aria-hidden": "true",
+            children: v.flag
+          }),
+          onSelect: () => t(v.value),
+          children: v.label
+        }, v.value)),
+        b && f
+      ]
+    }),
+    !h && /* @__PURE__ */ e(u.Empty, { children: o })
+  ] });
+}, rr = ({ ariaLabelledBy: r, ariaLabel: a, visibleLabelId: t }) => {
+  if (I(r)) return r;
+  if (!I(a))
+    return t;
+}, H = (r) => r.preventBaseUIHandler?.(), ma = ({ countries: r, value: a, onValueChange: t, label: n, searchLabel: i = "Search", noCountryLabel: o = "No country", noResultsLabel: c = "No results", open: d, onOpenChange: s, popupProps: b, disabled: _ = !1, className: l, style: h, render: f, onClick: v, onMouseDown: O, onPointerDown: E, onKeyDown: m, onKeyUp: j, id: B, "aria-label": F, "aria-labelledby": T, "aria-describedby": V, ...S }) => {
+  const y = ie(), A = B ?? y, ee = `${y}-label`, G = `${y}-value`, L = I(n), P = I(F) ? F : void 0, M = rr({
+    ariaLabelledBy: T,
+    ariaLabel: P,
+    visibleLabelId: L ? ee : void 0
+  }), w = [V, N(M) || N(P) ? G : void 0].filter(I), [le, se] = z(!1), g = _ || !J(r), U = d ?? le, x = !g && U, [W, re] = z(x), [_e, Te] = z(0);
+  W !== x && (re(x), x && Te(_e + 1));
+  const ce = r.find((C) => C.value === a), Pe = ce?.label ?? o, Re = N(ce) ? ce.flag : /* @__PURE__ */ e(Ce, {}), de = (C) => ({
+    ...C,
+    disabled: g
+  }), ke = $(Y(ne.input, ne.md, me.trigger), l), be = (C) => {
+    C && g || (se(C), s?.(C));
+  };
+  return /* @__PURE__ */ p("div", {
+    className: Z.root,
+    children: [
+      /* @__PURE__ */ e(Ye, {
+        disabled: g,
+        open: U,
+        onOpenChange: be
+      }),
+      L && /* @__PURE__ */ e("label", {
+        id: ee,
+        className: Z.label,
+        htmlFor: A,
+        children: n
+      }),
+      /* @__PURE__ */ p(u.Root, {
+        type: "picker",
+        open: x,
+        onOpenChange: be,
+        children: [/* @__PURE__ */ p(u.Trigger, {
+          ...S,
+          id: A,
+          "aria-label": P,
+          "aria-labelledby": M,
+          "aria-describedby": J(w) ? w.join(" ") : void 0,
+          "aria-disabled": g || void 0,
+          "data-disabled": g ? "" : void 0,
+          onClick: g ? H : v,
+          onMouseDown: g ? H : O,
+          onPointerDown: g ? H : E,
+          onKeyDown: g ? H : m,
+          onKeyUp: g ? H : j,
+          className: (C) => ke(de(C)),
+          style: fe(h) ? (C) => h(de(C)) : h,
+          render: fe(f) ? (C, Ee) => f(C, de(Ee)) : f,
+          children: [
+            /* @__PURE__ */ e("span", {
+              className: Z.flag,
+              "aria-hidden": "true",
+              children: Re
+            }),
+            /* @__PURE__ */ e("span", {
+              className: me.value,
+              id: G,
+              children: /* @__PURE__ */ e(ve, { text: Pe })
+            }),
+            /* @__PURE__ */ e("span", {
+              className: me.icon,
+              "aria-hidden": "true",
+              children: /* @__PURE__ */ e(he, {})
+            })
+          ]
+        }), /* @__PURE__ */ e(u.Content, {
+          ...b,
+          "aria-label": P,
+          "aria-labelledby": M,
+          children: /* @__PURE__ */ e(er, {
+            countries: r,
+            value: a,
+            onValueChange: t,
+            searchLabel: i,
+            noCountryLabel: o,
+            noResultsLabel: c
+          }, _e)
+        })]
+      })
+    ]
+  });
+}, ar = "_trigger_gi29o_1", tr = "_chevron_gi29o_35", nr = "_options_gi29o_40", or = "_emptyStatus_gi29o_46", oe = {
+  trigger: ar,
+  chevron: tr,
+  options: nr,
+  emptyStatus: or
+}, Ie = ({ code: r, name: a }) => `${a} (${r})`, ir = ({ currencies: r, value: a, onValueChange: t, disabled: n = !1, searchLabel: i = "Search", emptyLabel: o = "No results", className: c, render: d, ref: s, ...b }) => {
+  const [_, l] = z(""), h = _.trim().toLowerCase(), f = r.filter((m) => Ie(m).toLowerCase().includes(h)), v = J(f), O = f.find(({ code: m }) => m === a), E = N(O) ? [O, ...f.filter(({ code: m }) => m !== a)] : f;
+  return Se({
+    render: d,
+    ref: s,
+    props: {
+      ...b,
+      className: Y(oe.options, c),
+      children: /* @__PURE__ */ p(Q, { children: [
+        /* @__PURE__ */ e(u.Search, {
+          value: _,
+          placeholder: i,
+          "aria-label": i,
+          onValueChange: l,
+          disabled: n
+        }),
+        /* @__PURE__ */ e(u.Separator, {}),
+        v && /* @__PURE__ */ e(u.Section, {
+          scrollable: !0,
+          children: E.map((m) => /* @__PURE__ */ e(u.OptionItem, {
+            selected: m.code === a,
+            disabled: n || m.disabled,
+            onSelect: () => t(m.code),
+            children: /* @__PURE__ */ e(ve, { text: Ie(m) })
+          }, m.code))
+        }),
+        /* @__PURE__ */ e(u.Empty, {
+          className: oe.emptyStatus,
+          children: v ? null : o
+        })
+      ] })
+    }
+  });
+}, lr = ({ value: r, className: a, ...t }) => /* @__PURE__ */ p(u.Trigger, {
+  ...t,
+  className: $(oe.trigger, a),
+  children: [r, /* @__PURE__ */ e(he, {
+    "aria-hidden": "true",
+    className: oe.chevron
+  })]
+}), pa = {
+  Trigger: lr,
+  Options: ir
+}, sr = "_root_u3myi_1", cr = "_preview_u3myi_6", dr = "_image_u3myi_35", ur = "_fileInput_u3myi_48", mr = "_content_u3myi_58", pr = "_actions_u3myi_67", hr = "_helperText_u3myi_73", vr = "_errorMessage_u3myi_78", R = {
+  root: sr,
+  preview: cr,
+  image: dr,
+  fileInput: ur,
+  content: mr,
+  actions: pr,
+  helperText: hr,
+  errorMessage: vr
+}, _r = ({ src: r }) => {
+  const a = ye(), [t, n] = z(!1);
+  return !I(r) || t ? /* @__PURE__ */ e(ze, {
+    size: a.icon.size.lg,
+    "aria-hidden": !0
+  }) : /* @__PURE__ */ e("img", {
+    className: R.image,
+    src: r,
+    alt: "",
+    onError: () => n(!0)
+  });
+}, br = "image/*", ha = ({ src: r, onFileSelect: a, onRemove: t, onAbort: n, disabled: i = !1, isUploading: o = !1, helperText: c, errorMessage: d, uploadLabel: s = "Upload", removeLabel: b = "Remove", abortLabel: _ = "Abort", accept: l = br, inputRef: h, onChange: f, "aria-describedby": v, className: O, style: E, dir: m, render: j, ref: B, ...F }) => {
+  const T = Ue(null), V = We(T, h), S = ie(), y = `${S}-helper`, A = `${S}-error`, ee = I(r), G = I(c), L = I(d), P = i || !N(a), M = i || !ee || !N(t), w = P || o, le = M || o, se = o && N(n), g = [
+    v,
+    G && y,
+    L && A
+  ].filter(I).join(" ") || void 0, U = () => {
+    w || T.current?.click();
+  }, x = (W) => {
+    const re = W.currentTarget.files?.[0];
+    try {
+      f?.(W);
+    } finally {
+      W.currentTarget.value = "";
+    }
+    w || !N(re) || a?.(re);
+  };
+  return Se({
+    render: j,
+    ref: B,
+    props: {
+      className: Y(R.root, O),
+      style: E,
+      dir: m,
+      "aria-busy": o || F["aria-busy"],
+      children: /* @__PURE__ */ p(Q, { children: [/* @__PURE__ */ e("button", {
+        className: R.preview,
+        type: "button",
+        disabled: P,
+        "aria-disabled": o || void 0,
+        "aria-label": s,
+        "aria-describedby": g,
+        onClick: U,
+        children: /* @__PURE__ */ e(_r, { src: r }, r)
+      }), /* @__PURE__ */ p("div", {
+        className: R.content,
+        children: [
+          /* @__PURE__ */ p("div", {
+            className: R.actions,
+            children: [
+              /* @__PURE__ */ e("input", {
+                "aria-label": s,
+                ...F,
+                ref: V,
+                className: R.fileInput,
+                dir: m,
+                children: void 0,
+                dangerouslySetInnerHTML: void 0,
+                type: "file",
+                multiple: !1,
+                value: void 0,
+                defaultValue: void 0,
+                accept: l,
+                disabled: w,
+                "aria-describedby": g,
+                hidden: !0,
+                onChange: x
+              }),
+              se ? /* @__PURE__ */ e(k, {
+                type: "button",
+                startIcon: /* @__PURE__ */ e(Be, {}),
+                onClick: n,
+                disabled: i,
+                variant: "outline",
+                children: _
+              }) : /* @__PURE__ */ e(k, {
+                type: "button",
+                startIcon: /* @__PURE__ */ e($e, {}),
+                onClick: U,
+                disabled: w,
+                focusableWhenDisabled: o && !P,
+                "aria-describedby": g,
+                variant: "outline",
+                children: s
+              }),
+              /* @__PURE__ */ e(k, {
+                type: "button",
+                startIcon: /* @__PURE__ */ e(xe, {}),
+                onClick: t,
+                disabled: le,
+                focusableWhenDisabled: o && !M,
+                variant: "outline",
+                children: b
+              })
+            ]
+          }),
+          G && /* @__PURE__ */ e("span", {
+            className: R.helperText,
+            id: y,
+            children: c
+          }),
+          L && /* @__PURE__ */ e("span", {
+            className: R.errorMessage,
+            id: A,
+            role: "alert",
+            children: d
+          })
+        ]
+      })] })
+    }
+  });
+}, fr = "_button_k3e4y_1", gr = { button: fr }, va = ({ className: r, emphasis: a = "standard", size: t, variant: n, ...i }) => {
+  const o = Oe(Ne), c = t ?? o?.size ?? "sm", d = n ?? o?.variant ?? "ghost";
+  return /* @__PURE__ */ e(k, {
+    ...i,
+    size: c,
+    variant: d,
+    "data-emphasis": a,
+    className: $(gr.button, r)
+  });
+}, Ir = "_button_1fwx7_1", Cr = { button: Ir }, _a = ({ className: r, elevated: a = !0, variant: t, ...n }) => {
+  const i = Oe(Ne), o = t ?? i?.variant ?? "solid";
+  return /* @__PURE__ */ e(k, {
+    ...n,
+    elevated: a,
+    variant: o,
+    className: $(Cr.button, r)
+  });
+}, pe = {
+  maximumFractionDigits: 15,
+  numberingSystem: "latn",
+  useGrouping: "min2"
+}, yr = ({ nextValue: r, currentValue: a, reason: t }) => t === "input-blur" && ge(r, void 0, pe) === ge(a, void 0, pe), Nr = "_root_17bio_1", Sr = "_valueInput_17bio_7", Or = "_button_17bio_14", Tr = "_icon_17bio_32", D = {
+  root: Nr,
+  valueInput: Sr,
+  button: Or,
+  icon: Tr
+}, ba = ({ value: r, defaultValue: a, onValueChange: t, onValueCommitted: n, allowOutOfRange: i = !1, min: o, max: c, step: d = 1, disabled: s, readOnly: b, required: _, name: l, form: h, id: f, showButtons: v = !0, decrementLabel: O = "Decrease value", incrementLabel: E = "Increase value", className: m, ...j }) => {
+  const [B, F] = qe({
+    controlled: r,
+    default: a ?? null,
+    name: "NumberStepper",
+    state: "value"
+  }), T = Ke(B), V = (S, y) => {
+    if (S !== T.current) {
+      if (yr({
+        nextValue: S,
+        currentValue: T.current,
+        reason: y.reason
+      })) {
+        y.cancel();
+        return;
+      }
+      t?.(S, y), !y.isCanceled && (T.current = S, F(S));
+    }
+  };
+  return /* @__PURE__ */ p(ae.Root, {
+    value: B,
+    onValueChange: V,
+    onValueCommitted: n,
+    min: o,
+    max: c,
+    allowOutOfRange: i,
+    step: d,
+    smallStep: d,
+    largeStep: d,
+    disabled: s,
+    readOnly: b,
+    required: _,
+    name: l,
+    form: h,
+    id: f,
+    format: pe,
+    className: D.root,
+    children: [
+      v && /* @__PURE__ */ e(ae.Decrement, {
+        "aria-label": O,
+        render: /* @__PURE__ */ e(k, {
+          type: "button",
+          size: "sm",
+          className: D.button,
+          startIcon: /* @__PURE__ */ e("span", {
+            className: D.icon,
+            children: /* @__PURE__ */ e(we, {})
+          })
+        })
+      }),
+      /* @__PURE__ */ e(ae.Input, {
+        ...j,
+        form: h,
+        className: $(Y(ne.input, ne.sm, D.valueInput), m)
+      }),
+      v && /* @__PURE__ */ e(ae.Increment, {
+        "aria-label": E,
+        render: /* @__PURE__ */ e(k, {
+          type: "button",
+          size: "sm",
+          className: D.button,
+          startIcon: /* @__PURE__ */ e("span", {
+            className: D.icon,
+            children: /* @__PURE__ */ e(je, {})
+          })
+        })
+      })
+    ]
+  });
+}, Pr = "_trigger_1fjn7_1", Rr = "_triggerFlag_1fjn7_31", kr = "_optionFlag_1fjn7_32", Er = "_chevron_1fjn7_52", Fr = "_selectedCountryLabel_1fjn7_57", K = {
+  trigger: Pr,
+  triggerFlag: Rr,
+  optionFlag: kr,
+  chevron: Er,
+  selectedCountryLabel: Fr
+}, wr = ({ label: r, callingCode: a }) => `${r} (+${a})`, xr = ({ countries: r, value: a, onValueChange: t, searchLabel: n = "Search", emptyLabel: i = "No results" }) => {
+  const [o, c] = z(""), d = X(o), s = r.filter(({ label: l }) => X(l).includes(d)), b = s.find((l) => l.value === a), _ = N(b) ? [b, ...s.filter((l) => l.value !== a)] : s;
+  return /* @__PURE__ */ p(Q, { children: [
+    /* @__PURE__ */ e(u.Search, {
+      value: o,
+      onValueChange: c,
+      placeholder: n,
+      "aria-label": n
+    }),
+    /* @__PURE__ */ e(u.Separator, {}),
+    /* @__PURE__ */ p(u.Section, {
+      scrollable: !0,
+      children: [!J(_) && /* @__PURE__ */ e(u.Empty, { children: i }), _.map((l) => {
+        const h = wr(l);
+        return /* @__PURE__ */ e(u.OptionItem, {
+          "aria-label": h,
+          selected: l.value === a,
+          onSelect: () => t(l.value),
+          startIcon: /* @__PURE__ */ e("span", {
+            className: K.optionFlag,
+            "aria-hidden": !0,
+            children: l.flag
+          }),
+          children: /* @__PURE__ */ e(ve, {
+            text: /* @__PURE__ */ p(Q, { children: [
+              l.label,
+              " (",
+              /* @__PURE__ */ p("bdi", {
+                dir: "ltr",
+                children: ["+", l.callingCode]
+              }),
+              ")"
+            ] }),
+            tooltipContent: h
+          })
+        }, l.value);
+      })]
+    })
+  ] });
+}, zr = ({ country: r, className: a, "aria-describedby": t, ...n }) => {
+  const i = ie(), o = [N(r) && i, t].filter(I).join(" ") || void 0;
+  return /* @__PURE__ */ p(u.Trigger, {
+    ...n,
+    "aria-describedby": o,
+    className: $(K.trigger, a),
+    children: [
+      /* @__PURE__ */ e("span", {
+        className: K.triggerFlag,
+        "aria-hidden": !0,
+        children: r?.flag ?? /* @__PURE__ */ e(De, {})
+      }),
+      N(r) && /* @__PURE__ */ e("span", {
+        id: i,
+        className: K.selectedCountryLabel,
+        children: r.label
+      }),
+      /* @__PURE__ */ e(he, {
+        className: K.chevron,
+        "aria-hidden": !0
+      })
+    ]
+  });
+}, fa = {
+  Trigger: zr,
+  Options: xr
+}, $r = "_wrapper_fz4xu_1", Br = "_filterButton_fz4xu_8", Mr = "_inputGroup_fz4xu_17", Dr = "_searchIcon_fz4xu_23", te = {
+  wrapper: $r,
+  filterButton: Br,
+  inputGroup: Mr,
+  searchIcon: Dr
+}, ga = ({ placeholder: r, filterDropdown: a, size: t = "md", id: n, filterButtonAriaLabel: i = "Filter", "aria-label": o, "aria-labelledby": c, ...d }) => {
+  const s = ye(), b = ie(), _ = n ?? b, l = /* @__PURE__ */ e(k, {
+    variant: "outline",
+    size: t,
+    "aria-label": i,
+    startIcon: /* @__PURE__ */ e(Fe, { size: s.icon.size.md }),
+    className: te.filterButton
+  });
+  return /* @__PURE__ */ p("div", {
+    className: te.wrapper,
+    children: [/* @__PURE__ */ e(Ae, {
+      className: te.inputGroup,
+      size: t,
+      startElement: /* @__PURE__ */ e(Me, {
+        className: te.searchIcon,
+        size: s.icon.size.md,
+        "aria-hidden": !0
+      }),
+      children: /* @__PURE__ */ e(Ve, {
+        ...d,
+        id: _,
+        placeholder: r,
+        "aria-label": I(c) ? void 0 : o ?? r,
+        "aria-labelledby": c
+      })
+    }), a?.(l)]
+  });
+}, jr = "_container_1uovu_1", Vr = "_item_1uovu_20", Ar = "_iconOnly_1uovu_60", Gr = "_icon_1uovu_60", Lr = "_label_1uovu_79", q = {
+  container: jr,
+  item: Vr,
+  iconOnly: Ar,
+  icon: Gr,
+  label: Lr
+}, Ia = ({ className: r, itemWidth: a = "equal", options: t, ...n }) => /* @__PURE__ */ e(Xe, {
+  ...n,
+  className: $(q.container, r),
+  "data-item-width": a,
+  children: t.map(({ "aria-label": i, disabled: o, label: c, startIcon: d, value: s }) => /* @__PURE__ */ p(Ge.Root, {
+    value: s,
+    disabled: o,
+    "aria-label": i,
+    className: Y(q.item, !ue(c) && q.iconOnly),
+    children: [ue(d) && /* @__PURE__ */ e("span", {
+      className: q.icon,
+      "aria-hidden": !0,
+      children: d
+    }), ue(c) && /* @__PURE__ */ e("span", {
+      className: q.label,
+      children: c
+    })]
+  }, s))
+});
+export {
+  _a as a,
+  pa as c,
+  ba as i,
+  ma as l,
+  ga as n,
+  va as o,
+  fa as r,
+  ha as s,
+  Ia as t
+};

package/dist/input-Bnu5kNjg.cjs

@@ -0,0 +1 @@
+const B=require("./theme-1XkFz8Qu.cjs"),m=require("./isDefined-DS2Q42p5.cjs"),o=require("./mergeClassNames-D4lshrT6.cjs"),ie=require("./Button-COxEKIHL.cjs"),P=require("./isRenderableSlot-Guryb6Nf.cjs"),T=require("./useProvidedTextDirection-PVaoQCLH.cjs"),u=require("./ListItem.module-B8NeDH1P.cjs"),j=require("./Input-DvL77rvu.cjs"),x=require("./Radio-D_YUizSv.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}});