twenty-ui 2.52.0 → 2.53.0

package/dist/input-B8_4jnPT.cjs

@@ -0,0 +1 @@
+var cr=Object.create;var Ye=Object.defineProperty;var ur=Object.getOwnPropertyDescriptor;var dr=Object.getOwnPropertyNames;var mr=Object.getPrototypeOf,hr=Object.prototype.hasOwnProperty;var fr=(e,t,r,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of dr(t))!hr.call(e,i)&&i!==r&&Ye(e,i,{get:()=>t[i],enumerable:!(n=ur(t,i))||n.enumerable});return e};var gr=(e,t,r)=>(r=e!=null?cr(mr(e)):{},fr(t||!e||!e.__esModule?Ye(r,"default",{value:e,enumerable:!0}):r,e));const $e=require("./theme-BJRNJNPO.cjs"),S=require("./isDefined-DS2Q42p5.cjs"),de=require("./isRenderableSlot-Guryb6Nf.cjs"),T=require("./doNotTranslate-CHE7WmRS.cjs"),le=require("./mergeClassNames-D4lshrT6.cjs"),me=require("./normalizeSearchText-Do0MELpQ.cjs"),Z=require("./Button-Du8T-dOv.cjs"),De=require("./OverflowingTextWithTooltip-CuWHF8_e.cjs"),vr=require("./Separator-UJVlrTzw.cjs"),N=require("./Dropdown-DaSktKdb.cjs"),he=require("./Input-DS19vWhl.cjs"),H=require("./Radio-BdbEXBOH.cjs"),pr=require("./Skeleton-tXeIy4qq.cjs");let we=require("@base-ui/react/use-render"),k=require("@sniptt/guards"),W=require("clsx"),m=require("react"),o=require("react/jsx-runtime"),ct=require("@base-ui/utils/useMergedRefs"),ut=require("@base-ui/utils/useControlled"),br=require("@base-ui/react/direction-provider"),dt=require("@base-ui/utils/useStableCallback"),jr=require("@base-ui/utils/useValueAsRef"),We=require("@base-ui/utils/formatNumber"),yr=require("@base-ui/react/radio-group"),z=require("@tabler/icons-react");var mt=(0,m.createContext)(void 0),xr="country:",ht=e=>`${xr}${e}`,ft=({countries:e,value:t,defaultValue:r=null,onValueChange:n,disabled:i=!1,noCountryLabel:a=T.doNotTranslate("No country"),children:l})=>{const c=(0,m.useId)(),[s,u]=(0,ut.useControlled)({controlled:t,default:r,name:T.doNotTranslate("CountrySelect"),state:"value"}),f=(0,m.useMemo)(()=>e.map(h=>({...h,selectionValue:ht(h.value),searchText:me.normalizeSearchText(h.label)})),[e]),d=(0,m.useMemo)(()=>new Map(f.map(h=>[h.value,h])),[f]),g=i||!(0,k.isNonEmptyArray)(f);return(0,o.jsx)(mt.Provider,{value:{countries:f,selectedCountry:(0,k.isNull)(s)?void 0:d.get(s),value:s,disabled:g,noCountryLabel:a,selectionGroupId:c,changeValue:(h,p)=>{if(g){p.cancel();return}n?.(h,p),p.isCanceled||u(h)}},children:l})},gt=({disabled:e,open:t,onOpenChange:r})=>{const n=(0,dt.useStableCallback)(r);return(0,m.useEffect)(()=>{!e||!t||n(!1)},[e,t,n]),null},_r="_root_1x3d7_1",wr="_label_1x3d7_6",Cr="_flag_1x3d7_14",ye={root:_r,label:wr,flag:Cr},Sr=({ariaLabelledBy:e,ariaLabel:t,visibleLabelId:r})=>{if((0,k.isNonEmptyString)(e))return e;if(!(0,k.isNonEmptyString)(t))return r},Ve=()=>{const e=(0,m.useContext)(mt);if(!S.isDefined(e))throw new Error(T.doNotTranslate("CountrySelect parts must be inside CountrySelect.Root"));return e},fe=e=>e.preventBaseUIHandler?.(),vt=({label:e,wrapperProps:t,children:r,className:n,style:i,render:a,onClick:l,onMouseDown:c,onPointerDown:s,onKeyDown:u,onKeyUp:f,openOnHover:d,id:g,"aria-label":h,"aria-labelledby":p,"aria-describedby":j,...y})=>{const{selectedCountry:x,disabled:b,noCountryLabel:E}=Ve(),{open:I,setOpen:w}=N.useDropdownContext(),v=(0,m.useId)(),C=g??v,_=`${v}-label`,R=`${v}-value`,M=(0,k.isNonEmptyString)(e),V=(0,k.isNonEmptyString)(h)?h:void 0,A=Sr({ariaLabelledBy:p,ariaLabel:V,visibleLabelId:M?_:void 0}),$=[j,(S.isDefined(A)||S.isDefined(V))&&!S.isDefined(r)?R:void 0].filter(k.isNonEmptyString),P=x?.label??E,D=S.isDefined(x)?x.flag:(0,o.jsx)(z.IconCircleOff,{}),F=B=>({...B,disabled:b}),Q=le.mergeClassNames((0,W.clsx)(he.Input_module_default.input,he.Input_module_default.md,H.Select_module_default.trigger),n);return(0,o.jsxs)("div",{...t,className:(0,W.clsx)(ye.root,t?.className),children:[(0,o.jsx)(gt,{disabled:b,open:I,onOpenChange:w}),M&&(0,o.jsx)("label",{id:_,className:ye.label,htmlFor:C,children:e}),(0,o.jsx)(N.Dropdown.Trigger,{...y,id:C,"aria-label":V,"aria-labelledby":A,"aria-describedby":(0,k.isNonEmptyArray)($)?$.join(" "):void 0,"aria-disabled":b||void 0,openOnHover:b?!1:d,"data-disabled":b?"":void 0,onClick:b?fe:l,onMouseDown:b?fe:c,onPointerDown:b?fe:s,onKeyDown:b?fe:u,onKeyUp:b?fe:f,className:B=>Q(F(B)),style:(0,k.isFunction)(i)?B=>i(F(B)):i,render:(0,k.isFunction)(a)?(B,ce)=>a(B,F(ce)):a,children:r??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:ye.flag,"aria-hidden":"true",children:D}),(0,o.jsx)("span",{className:H.Select_module_default.value,id:R,children:(0,o.jsx)(De.OverflowingTextWithTooltip,{text:P})}),(0,o.jsx)("span",{className:H.Select_module_default.icon,"aria-hidden":"true",children:(0,o.jsx)(z.IconChevronDown,{})})]})})]})},Er="no-country",Ir=({searchLabel:e=T.doNotTranslate("Search"),noResultsLabel:t=T.doNotTranslate("No results"),searchProps:r,render:n,...i})=>{const{countries:a,value:l,changeValue:c,disabled:s,noCountryLabel:u,selectionGroupId:f}=Ve(),{titleId:d,triggerId:g}=N.useDropdownContext(),h=S.isDefined(i["aria-label"])||S.isDefined(i["aria-labelledby"])?void 0:d??g,[p,j]=(0,m.useState)(""),y=me.normalizeSearchText(p.trim()),x=(0,k.isNonEmptyString)(y),b=a.filter(v=>v.searchText.includes(y)),E=me.normalizeSearchText(u).includes(y),I=E||(0,k.isNonEmptyArray)(b),w=E&&(0,o.jsx)(N.Dropdown.OptionItem,{value:"no-country",disabled:s,startIcon:(0,o.jsx)("span",{className:ye.flag,"aria-hidden":"true",children:(0,o.jsx)(z.IconCircleOff,{})}),children:u});return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(N.Dropdown.Search,{placeholder:e,"aria-label":e,...r,value:p,onValueChange:j,disabled:s||r?.disabled}),I&&(0,o.jsx)(N.Dropdown.Separator,{}),(0,o.jsxs)(N.Dropdown.SelectionGroup,{...i,"aria-labelledby":i["aria-labelledby"]??h,render:(0,k.isFunction)(n)?v=>n(v,{value:l,multiple:!1}):n,id:f,value:(0,k.isNull)(l)?Er:ht(l),onValueChange:(v,C)=>{const _=a.find(R=>R.selectionValue===v);c(_?.value??null,C)},children:[I&&(0,o.jsxs)(N.Dropdown.Section,{scrollable:!0,children:[!x&&w,b.map(v=>(0,o.jsx)(N.Dropdown.OptionItem,{value:v.selectionValue,disabled:s||v.disabled,startIcon:(0,o.jsx)("span",{className:ye.flag,"aria-hidden":"true",children:v.flag}),children:v.label},v.value)),x&&w]}),!I&&(0,o.jsx)(N.Dropdown.Empty,{children:t})]})]})},pt=e=>{const{open:t}=N.useDropdownContext(),[r,n]=(0,m.useState)(t),[i,a]=(0,m.useState)(0);return r!==t&&(n(t),t&&a(i+1)),(0,m.createElement)(Ir,{...e,key:i})},Nr=({open:e,defaultOpen:t=!1,onOpenChange:r,onEscapeKeyDown:n,onInteractOutside:i,defaultPage:a,popupProps:l,optionsProps:c,searchLabel:s,noResultsLabel:u,searchProps:f,closeOnSelect:d,...g})=>{const{disabled:h}=Ve(),[p,j]=(0,m.useState)(t),y=e??p,x=!h&&y,b=v=>{v&&h||(j(v),r?.(v))},E=[g["aria-label"],g.label].find(k.isNonEmptyString),I=S.isDefined(l?.["aria-label"])||S.isDefined(l?.["aria-labelledby"]),w=S.isDefined(c?.["aria-label"])||S.isDefined(c?.["aria-labelledby"]);return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(gt,{disabled:h,open:y,onOpenChange:b}),(0,o.jsxs)(N.Dropdown.Root,{type:"picker",open:x,onOpenChange:b,onEscapeKeyDown:n,onInteractOutside:i,defaultPage:a,children:[(0,o.jsx)(vt,{...g}),(0,o.jsx)(N.Dropdown.Content,{"aria-label":I?void 0:E,"aria-labelledby":I?void 0:g["aria-labelledby"],...l,children:(0,o.jsx)(pt,{"aria-label":w?void 0:E,"aria-labelledby":w?void 0:g["aria-labelledby"],...c,searchLabel:s,noResultsLabel:u,searchProps:f,closeOnSelect:d})})]})]})},kr=({countries:e,value:t,defaultValue:r,onValueChange:n,disabled:i,noCountryLabel:a,...l})=>(0,o.jsx)(ft,{countries:e,value:t,defaultValue:r,onValueChange:n,disabled:i,noCountryLabel:a,children:(0,o.jsx)(Nr,{...l})}),Dr=Object.assign(kr,{Root:ft,Trigger:vt,Options:pt}),Rr="_trigger_18tlx_1",Tr="_chevron_18tlx_40",Pr="_options_18tlx_45",Or="_emptyStatus_18tlx_51",Ne={trigger:Rr,chevron:Tr,options:Pr,emptyStatus:Or},bt=(0,m.createContext)(void 0),jt=()=>{const e=(0,m.useContext)(bt);if(!S.isDefined(e))throw new Error(T.doNotTranslate("CurrencyPicker parts must be inside CurrencyPicker.Root"));return e},yt=({disabled:e=!1,searchable:t=!0,searchLabel:r=T.doNotTranslate("Search"),listLabel:n,emptyLabel:i=T.doNotTranslate("No results"),searchProps:a,className:l,render:c,ref:s,...u})=>{const{state:f,groupId:d,options:g,selectionProps:h}=jt(),{titleId:p,triggerId:j}=N.useDropdownContext(),{value:y,defaultValue:x="",onValueChange:b,...E}=a??{},[I,w]=(0,m.useState)(x),v=y??I,C=t?String(v).trim().toLowerCase():"",_=g.filter(({searchText:A})=>A.includes(C)),R=(0,k.isNonEmptyArray)(_),M=f.disabled||e,V=S.isDefined(n)?void 0:p??j;return(0,we.useRender)({render:c,ref:s,props:{...u,className:(0,W.clsx)(Ne.options,l),children:(0,o.jsxs)(o.Fragment,{children:[t&&(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(N.Dropdown.Search,{placeholder:r,"aria-label":r,...E,value:v,onValueChange:A=>{b?.(A),(0,k.isUndefined)(y)&&w(A)},disabled:M||a?.disabled}),(0,o.jsx)(N.Dropdown.Separator,{})]}),(0,o.jsx)(N.Dropdown.SelectionGroup,{...h,id:d,"aria-label":n,"aria-labelledby":V,children:R&&(0,o.jsx)(N.Dropdown.Section,{scrollable:!0,children:_.map(({currency:A,label:$})=>(0,o.jsx)(N.Dropdown.OptionItem,{value:A.code,disabled:M||A.disabled,children:(0,k.isString)($)?(0,o.jsx)(De.OverflowingTextWithTooltip,{text:$}):$},A.code))})}),(0,o.jsx)(N.Dropdown.Empty,{className:Ne.emptyStatus,children:R?null:i})]})}})},xt=({code:e,name:t})=>`${t} (${e})`,Ar=e=>`${xt(e)} ${e.symbol??""}`,_t=({currencies:e,value:t,defaultValue:r=null,onValueChange:n,closeOnSelect:i,disabled:a=!1,selectedFirst:l=!1,getOptionLabel:c=xt,getSearchText:s=Ar,renderValue:u,children:f})=>{const d=(0,m.useId)(),{selections:g,initializeSelection:h}=N.useDropdownContext(),p={value:t,defaultValue:r,onValueChange:n,closeOnSelect:i},j=N.getDropdownSelectionGroupState({props:{...p,id:d},storedState:g.get(d)}),y=j.multiple?null:j.value,x=e.map(w=>({currency:w,label:c(w),searchText:s(w).toLowerCase()})),b=x.find(({currency:w})=>w.code===y),E=l&&S.isDefined(b)?[b,...x.filter(w=>w!==b)]:x,I={value:y,selectedCurrency:b?.currency,disabled:a};return(0,o.jsxs)(bt.Provider,{value:{state:I,groupId:d,options:E,selectionProps:p,renderValue:u},children:[(0,k.isUndefined)(t)&&(0,o.jsx)(N.DropdownSelectionGroupEffect,{id:d,initialState:j,initializeSelection:h}),(0,k.isFunction)(f)?f(I):f]})},wt=({children:e,placeholder:t,disabled:r=!1,className:n,...i})=>{const{state:a,renderValue:l}=jt(),c=S.isDefined(a.value)?a.value:t;return(0,o.jsxs)(N.Dropdown.Trigger,{...i,disabled:a.disabled||r,className:le.mergeClassNames(Ne.trigger,n),children:[e??(S.isDefined(l)?l(a):c),(0,o.jsx)(z.IconChevronDown,{"aria-hidden":"true",className:Ne.chevron})]})},Fr=({currencies:e,value:t,defaultValue:r,onValueChange:n,closeOnSelect:i,disabled:a,selectedFirst:l,getOptionLabel:c,getSearchText:s,renderValue:u,open:f,defaultOpen:d,onOpenChange:g,onEscapeKeyDown:h,onInteractOutside:p,triggerProps:j,contentProps:y,optionsProps:x,...b})=>(0,o.jsx)(N.Dropdown.Root,{type:"picker",open:f,defaultOpen:d,onOpenChange:g,onEscapeKeyDown:h,onInteractOutside:p,children:(0,o.jsxs)(_t,{currencies:e,value:t,defaultValue:r,onValueChange:n,closeOnSelect:i,disabled:a,selectedFirst:l,getOptionLabel:c,getSearchText:s,renderValue:u,children:[(0,o.jsx)(wt,{...b,...j}),(0,o.jsx)(N.Dropdown.Content,{...y,children:(0,o.jsx)(yt,{...x})})]})}),Mr=Object.assign(Fr,{Root:_t,Trigger:wt,Options:yt}),Hr="_calendar_s1e8i_1",$r="_header_s1e8i_9",Vr="_monthSelect_s1e8i_18",Lr="_yearSelect_s1e8i_23",qr="_navigation_s1e8i_28",zr="_chevron_s1e8i_33",ne={calendar:Hr,header:$r,monthSelect:Vr,yearSelect:Lr,navigation:qr,chevron:zr},xe={MIN_YEAR:1,MAX_YEAR:9999,DAYS_PER_WEEK:7,MONTHS_PER_YEAR:12},Br=({isOpenRef:e,onOpenChange:t})=>{const r=(0,dt.useStableCallback)(t);return(0,m.useEffect)(()=>()=>{e.current&&(e.current=!1,r(!1))},[e,r]),null},Ge=({value:e,items:t,onValueChange:r,label:n,disabled:i,portalContainer:a,onOpenChange:l})=>{const c=(0,m.useRef)(!1);return(0,o.jsxs)(H.Select.Root,{value:e,items:t,disabled:i,onOpenChange:s=>{s&&(c.current=!0,l?.(!0))},onOpenChangeComplete:s=>{!s&&c.current&&(c.current=!1,l?.(!1))},onValueChange:s=>{(0,k.isNumber)(s)&&r(s)},children:[(0,o.jsx)(Br,{isOpenRef:c,onOpenChange:l}),(0,o.jsxs)(H.Select.Trigger,{"aria-label":n,children:[(0,o.jsx)(H.Select.Value,{}),(0,o.jsx)(H.Select.Icon,{})]}),(0,o.jsx)(H.Select.Portal,{container:a,children:(0,o.jsx)(H.Select.Positioner,{sideOffset:$e.THEME_COMMON.spacingMultiplicator,alignItemWithTrigger:!1,children:(0,o.jsx)(H.Select.Popup,{children:t.map(({value:s,label:u})=>(0,o.jsxs)(H.Select.Item,{value:s,children:[(0,o.jsx)(H.Select.ItemText,{children:u}),(0,o.jsx)(H.Select.ItemIndicator,{})]},s))})})})]})},Ae=class extends RangeError{constructor({message:e}){super(e),this.name=T.doNotTranslate("DatePickerException")}},Ur=/^(\d{4})-(\d{2})-(\d{2})$/,Yr=10,ke=e=>{const t=e.match(Ur);if(!S.isDefined(t)||e.length!==Yr)throw new Ae({message:T.doNotTranslate("Calendar dates must use the YYYY-MM-DD format.")});const[,r,n,i]=t,a=Number(r),l=Number(n),c=Number(i),s=new Date(0);if(s.setUTCFullYear(a,l-1,c),!(a>=xe.MIN_YEAR&&a<=xe.MAX_YEAR&&s.getUTCFullYear()===a&&s.getUTCMonth()===l-1&&s.getUTCDate()===c))throw new Ae({message:T.doNotTranslate("Calendar dates must be valid dates in years 0001 through 9999.")});return s},Ke=100,Wr=({viewedMonth:e,onPreviousMonth:t,onNextMonth:r,onMonthChange:n,onYearChange:i,isPreviousMonthDisabled:a,isNextMonthDisabled:l,locale:c,previousMonthLabel:s,nextMonthLabel:u,monthLabel:f,yearLabel:d,portalContainer:g,onNavigationOpenChange:h,disabled:p})=>{const j=ke(`${e}-01`),y=j.getUTCFullYear(),x=j.getUTCMonth()+1,b=new Intl.DateTimeFormat(c,{month:"long",calendar:"gregory",timeZone:T.doNotTranslate("UTC")}),E=new Intl.NumberFormat(c,{useGrouping:!1}),I=[];for(let _=1;_<=xe.MONTHS_PER_YEAR;_++){const R=new Date(j);R.setUTCMonth(_-1),I.push({value:_,label:b.format(R)})}const w=[],v=Math.max(xe.MIN_YEAR,y-Ke),C=Math.min(xe.MAX_YEAR,y+Ke);for(let _=v;_<=C;_++)w.push({value:_,label:E.format(_)});return(0,o.jsxs)("div",{className:ne.header,children:[(0,o.jsx)("div",{className:ne.monthSelect,children:(0,o.jsx)(Ge,{value:x,items:I,disabled:p,label:f,portalContainer:g,onOpenChange:_=>h?.({open:_,control:"month"}),onValueChange:n})}),(0,o.jsx)("div",{className:ne.yearSelect,children:(0,o.jsx)(Ge,{value:y,items:w,disabled:p,label:d,portalContainer:g,onOpenChange:_=>h?.({open:_,control:"year"}),onValueChange:i})}),(0,o.jsxs)("div",{className:ne.navigation,children:[(0,o.jsx)(N.LightIconButton,{size:"md",disabled:p||a,"aria-label":s,onClick:t,children:(0,o.jsx)(z.IconChevronLeft,{className:ne.chevron})}),(0,o.jsx)(N.LightIconButton,{size:"md",disabled:p||l,"aria-label":u,onClick:r,children:(0,o.jsx)(z.IconChevronRight,{className:ne.chevron})})]})]})},oe=e=>{const t=ke(e),r=new Date(0);return r.setFullYear(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()),r.setHours(0,0,0,0),r},Gr=({calendarRef:e,engineViewedMonthRef:t,viewedMonth:r})=>((0,m.useEffect)(()=>{t.current!==r&&(e.current?.setPreSelection(oe(`${r}-01`)),t.current=r)},[e,t,r]),null),ge=e=>[e.getFullYear().toString().padStart(4,"0"),(e.getMonth()+1).toString().padStart(2,"0"),e.getDate().toString().padStart(2,"0")].join("-"),Je=(0,m.lazy)(async()=>{const e=(await import("react-datepicker")).default;return{default:"default"in e?e.default:e}}),Kr=({start:e,end:t})=>{if(ke(e),ke(t),e>t)throw new Ae({message:T.doNotTranslate("Calendar highlighted ranges must end on or after their start date.")})},Jr=300,Xr=({value:e,onValueChange:t,onValueSelect:r,viewedMonth:n,onViewedMonthChange:i,highlightedRange:a,readOnly:l=!1,isGridHidden:c=!1,weekStart:s,locale:u,weekdayLabels:f,previousMonthLabel:d,nextMonthLabel:g,monthLabel:h,yearLabel:p,portalContainer:j,onNavigationOpenChange:y,isDateUnavailable:x,disabled:b=!1,isKeyboardNavigationDisabled:E=!1,renderHeader:I,loadingFallback:w,dir:v,render:C,ref:_,className:R,...M})=>{const V=(0,m.useRef)(null),A=(0,m.useRef)(null),$=(0,m.useRef)(e?.slice(0,7)??n),P=(0,br.useDirection)(),D=v==="rtl"||v==="ltr"?v:P;S.isDefined(a)&&Kr(a);const F=O=>{const Y=ge(O).slice(0,7);$.current=Y,Y!==n&&i(Y)},Q=O=>{l||b||!S.isDefined(O)||t(ge(O))},B={ref:V,open:!0,onClickOutside:O=>{A.current===O&&O.preventDefault()},minDate:oe("0001-01-01"),maxDate:oe("9999-12-31"),disabled:b,disabledKeyboardNavigation:E,openToDate:oe(`${n}-01`),calendarStartDay:s,onMonthChange:F,onYearChange:F,filterDate:O=>!x?.(ge(O)),onSelect:O=>{if(l||b||!S.isDefined(O))return;const Y=ge(O);S.isDefined(a)&&Y!==e&&t(Y),r?.(Y)},renderCustomDayName:S.isDefined(f)?({day:O})=>(0,o.jsx)("span",{title:new Intl.DateTimeFormat(u,{weekday:"long"}).format(O),children:f[O.getDay()]}):void 0,renderCustomHeader:({monthDate:O,decreaseMonth:Y,increaseMonth:Ce,changeMonth:ar,changeYear:ir,prevMonthButtonDisabled:sr,nextMonthButtonDisabled:lr})=>{const Ue={viewedMonth:ge(O).slice(0,7),onPreviousMonth:Y,onNextMonth:Ce,onMonthChange:Se=>ar(Se-1),onYearChange:Se=>{const Ee=new Date(O);if(Ee.setFullYear(Se),Ee.getMonth()===O.getMonth()){ir(Se);return}Ee.setDate(0),V.current?.setPreSelection(Ee)},isPreviousMonthDisabled:b||sr,isNextMonthDisabled:b||lr};return S.isDefined(I)?(0,o.jsx)(o.Fragment,{children:I(Ue)}):(0,o.jsx)(Wr,{...Ue,locale:u,previousMonthLabel:d,nextMonthLabel:g,monthLabel:h,yearLabel:p,portalContainer:j,onNavigationOpenChange:y,disabled:b})}},ce=()=>S.isDefined(a)?(0,o.jsx)(Je,{...B,selectsRange:!0,startDate:oe(a.start),endDate:oe(a.end),onChange:()=>{}}):(0,o.jsx)(Je,{...B,selected:S.isDefined(e)?oe(e):null,onChange:Q});return(0,we.useRender)({render:C,ref:_,props:{role:"group",...M,dir:D,onMouseDownCapture:O=>{M.onMouseDownCapture?.(O),A.current=O.nativeEvent},className:(0,W.clsx)(ne.calendar,R),"data-readonly":l||void 0,"data-hide-grid":c||void 0,children:(0,o.jsxs)(m.Suspense,{fallback:w??(0,o.jsx)(pr.Skeleton,{height:Jr}),children:[(0,o.jsx)(Gr,{calendarRef:V,engineViewedMonthRef:$,viewedMonth:n}),ce()]})}})},Zr=Object.defineProperty,Qr=(e,t)=>{for(var r in t)Zr(e,r,{get:t[r],enumerable:!0})},ae={};Qr(ae,{ActiveEmoji:()=>Zt,Empty:()=>Xt,List:()=>Gt,Loading:()=>Jt,Root:()=>Lt,Search:()=>qt,SkinTone:()=>Qt,SkinToneSelector:()=>Kt,Viewport:()=>zt});var Ct="'Apple Color Emoji', 'Noto Color Emoji', 'Twemoji Mozilla', 'Android Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', EmojiSymbols, sans-serif",Le=["none","light","medium-light","medium","medium-dark","dark"];function Re(e){return e.charAt(0).toUpperCase()+e.slice(1)}var K=2,q=null;function Xe(e){try{q??=document.createElement("canvas").getContext("2d",{willReadFrequently:!0})}catch{}if(!q||(queueMicrotask(()=>{q&&(q=null)}),q.canvas.width=K,q.canvas.height=K,q.font=`2px ${Ct}`,q.textBaseline="middle",q.measureText(e).width>=K*2))return!1;q.fillStyle="#00f",q.fillText(e,0,0);let t=q.getImageData(0,0,K,K).data;q.clearRect(0,0,K,K),q.fillStyle="#f00",q.fillText(e,0,0);let r=q.getImageData(0,0,K,K).data;for(let n=0;n<K*K*4;n+=4)if(t[n]!==r[n]||t[n+1]!==r[n+1]||t[n+2]!==r[n+2])return!1;return!0}function St(e,t,r){try{let n=e.getItem(t);if(!n)throw new Error(`No value found for "${t}".`);return r(JSON.parse(n))}catch{return null}}function Et(e,t,r){e.setItem(t,JSON.stringify(r))}function _e(e){return t=>t===void 0?void 0:e(t)}function L(e){if(typeof e!="string")throw new Error;return e}function Ie(e){if(typeof e!="number")throw new Error;return e}function It(e){if(typeof e!="boolean")throw new Error;return e}function ie(e){return t=>{if(typeof t!="object"||t===null)throw new Error;let r={};for(let n in e){let i=t[n];i===void 0&&e[n](void 0),r[n]=e[n](i)}return r}}function je(e){return t=>{if(!Array.isArray(t))throw new Error;return t.length>0&&e(t[0]),t}}var en="frimousse/data",tn=ie({locale:L,emojis:je(ie({emoji:L,category:Ie,label:L,version:Ie,tags:je(L),aliases:_e(je(L)),countryFlag:_e(It),skins:_e(ie({light:L,"medium-light":L,medium:L,"medium-dark":L,dark:L}))})),categories:je(ie({index:Ie,label:L})),skinTones:ie({light:L,"medium-light":L,medium:L,"medium-dark":L,dark:L})});function rn({name:e=en}={}){let t=`${e}/`,r=ie({data:tn,metadata:n=>n});return{get(n){try{return St(localStorage,`${t}${n}`,r)}catch{return null}},set(n,i,...[a]){try{Et(localStorage,`${t}${n}`,{data:i,metadata:a})}catch{}},delete(n){try{localStorage.removeItem(`${t}${n}`)}catch{}},clear(){try{for(let n of Object.keys(localStorage))n.startsWith(t)&&localStorage.removeItem(n)}catch{}}}}var Nt=new Map,Fe=new WeakMap,nn=new Set;function kt({emojiVersion:e,emojibaseUrl:t}){return t??(typeof e=="number"?`https://cdn.jsdelivr.net/npm/emojibase-data@${Math.floor(e)}`:"https://cdn.jsdelivr.net/npm/emojibase-data@latest")}function on(e,t){return(t.resolveEmojiData?Fe.get(t.resolveEmojiData):Nt)?.get(Rt(e,t))?.data}function Dt(e,t,r){let n=sn(e,t),i=n.load?.status==="pending"?n.load:void 0;n.data=r,n.load=void 0,i?.complete();for(let a of nn)a()}async function an(e,t,r){r.signal?.throwIfAborted();let n=await e(t,r);return r.signal?.throwIfAborted(),Dt(t,{...r,resolveEmojiData:e},n),n}function Rt(e,t){return t.resolveEmojiData?JSON.stringify([e,t.emojibaseUrl,t.emojiVersion]):JSON.stringify([e,kt(t)])}function sn(e,t){let r=Nt;if(t.resolveEmojiData){let a=Fe.get(t.resolveEmojiData);r=a??new Map,a||Fe.set(t.resolveEmojiData,r)}let n=Rt(e,t),i=r.get(n);return i||(i={},r.set(n,i)),i}var qe=(e,t)=>`${e}/${t}/data.json`,Tt=(e,t)=>`${e}/${t}/messages.json`,ln=["bn","da","de","en-gb","en","es-mx","es","et","fi","fr","hi","hu","it","ja","ko","lt","ms","nb","nl","pl","pt","ru","sv","th","uk","vi","zh-hant","zh"],Ze="en",Pt=e=>`frimousse/metadata/${e}`,ve=new Map;function Ot(e){return rn({name:`frimousse/data/${e}`})}async function Qe(e,t){try{return(await fetch(e,{method:"HEAD",signal:t})).headers.get("etag")}catch{return null}}async function cn(e,t,r){let[{emojis:n,emojisEtag:i},{messages:a,messagesEtag:l}]=await Promise.all([fetch(qe(e,t),{signal:r}).then(async c=>({emojis:await c.json(),emojisEtag:c.headers.get("etag")})),fetch(Tt(e,t),{signal:r}).then(async c=>({messages:await c.json(),messagesEtag:c.headers.get("etag")}))]);return{emojis:n,messages:a,emojisEtag:i,messagesEtag:l}}async function un(e,t,r){let[n,i]=await Promise.all([Qe(qe(e,t),r),Qe(Tt(e,t),r)]);return{emojisEtag:n,messagesEtag:i}}function dn(e){return e.skins?e.skins.filter(t=>typeof t.tone=="number").reduce((t,r)=>{let n=Le[r.tone];return t[n]=r.emoji,t},{}):void 0}async function et(e,t,r){let{emojis:n,emojisEtag:i,messages:a,messagesEtag:l}=await cn(e,t,r);r?.throwIfAborted();let c=a.subgroups.find(h=>h.key==="country-flag"||h.key==="subdivision-flag"),s=a.groups.filter(h=>h.key!=="component"),u=n.filter(h=>"group"in h),f=s.map(h=>({index:h.order,label:Re(h.message)})),d=a.skinTones.reduce((h,p)=>(h[p.key]=Re(p.message),h),{}),g={locale:t,emojis:u.map(h=>{let p=h.skins?.filter(j=>Array.isArray(j.tone)).map(j=>j.emoji);return{emoji:h.emoji,category:h.group,version:h.version,label:Re(h.label),tags:h.tags??[],countryFlag:c&&h.subgroup===c.order||void 0,skins:dn(h),aliases:p?.length?p:void 0}}),categories:f,skinTones:d};return Ot(e).set(t,g,{emojisEtag:i,messagesEtag:l}),g}function mn(e){let t=new Map;for(let a of e)t.has(a.version)||t.set(a.version,a.emoji);let r=[...t.keys()].sort((a,l)=>l-a),n=r[0]??0,i=Xe("🇪🇺");for(let a of r)if(Xe(t.get(a)))return{emojiVersion:a,countryFlags:i};return{emojiVersion:n,countryFlags:i}}var hn=ie({emojiVersion:_e(Ie),countryFlags:_e(It),revalidated:je(L)});function Me(e){try{return St(sessionStorage,Pt(e),hn)}catch{return null}}function At(e,t){try{Et(sessionStorage,Pt(e),t)}catch{}}function fn(e,t,r){if(r?.aborted)return Promise.reject(r.reason);let n=qe(e,t),i=on(t,{emojibaseUrl:e});if(i)return Promise.resolve(i);let a=ve.get(n);if(!a||a.controller.signal.aborted){let s=new AbortController,u=gn(e,t,s.signal).then(f=>(s.signal.throwIfAborted(),Dt(t,{emojibaseUrl:e},f),f)).finally(()=>{ve.get(n)?.promise===u&&ve.delete(n)});a={promise:u,controller:s,callers:0},ve.set(n,a)}let l=a;l.callers++;let c;return new Promise((s,u)=>{c=()=>u(r?.reason),r?.addEventListener("abort",c,{once:!0}),l.promise.then(s,u)}).finally(()=>{r?.removeEventListener("abort",c),l.callers--,l.callers===0&&ve.get(n)===l&&l.controller.abort()})}async function gn(e,t,r){let n=Me(e),i=Ot(e).get(t),a;if(!i)a=await et(e,t,r);else if(n?.revalidated.includes(t))a=i.data;else try{let{emojisEtag:s,messagesEtag:u}=await un(e,t,r);r.throwIfAborted(),a=!s||!u||s!==i.metadata?.emojisEtag||u!==i.metadata?.messagesEtag?await et(e,t,r):i.data}catch{r.throwIfAborted(),a=i.data}r.throwIfAborted();let l=Me(e),c=l?.revalidated??[];return At(e,{...l,revalidated:c.includes(t)?c:[...c,t]}),a}var Te=async(e,{emojiVersion:t,emojibaseUrl:r,signal:n}={})=>{let i=vn(e),a=kt({emojiVersion:t,emojibaseUrl:r}),l=await fn(a,i,n);n?.throwIfAborted();let c=Me(a),s=c?.emojiVersion!==void 0&&c.countryFlags!==void 0?{emojiVersion:c.emojiVersion,countryFlags:c.countryFlags}:mn(l.emojis);return At(a,{...s,revalidated:c?.revalidated??[i]}),{locale:i,emojis:l.emojis.filter(u=>{let f=u.version<=(t??s.emojiVersion);return u.countryFlag?f&&s.countryFlags:f}),categories:l.categories,skinTones:l.skinTones}};function vn(e){return ln.find(t=>t===e)||(console.warn(`Locale "${e}" is not supported, using "${Ze}" instead.`),Ze)}function tt(e){return Le.includes(e)?e:(console.warn(`Skin tone "${e}" is not valid, using "none" instead.`),"none")}function pn(e,t){let r=[];if(t<=0)return r;for(let n=0,i=e.length;n<i;n+=t)r.push(e.slice(n,n+t));return r}function bn(e,t){if(!t)return e;let r=t.toLowerCase().trim(),n=new WeakMap;return e.filter(i=>{let a=0;i.label.toLowerCase().includes(r)&&(a+=10);for(let l of i.tags)l.toLowerCase().includes(r)&&(a+=1);return a>0?(n.set(i,a),!0):!1}).sort((i,a)=>(n.get(a)??0)-(n.get(i)??0))}function jn(e,t,r,n){let i=bn(e.emojis,n),a=[],l=[],c=[],s={},u=0,f=0;for(let d of i)s[d.category]||(s[d.category]=[]),s[d.category].push({emoji:r&&r!=="none"&&d.skins?d.skins[r]:d.emoji,label:d.label});for(let d of e.categories){let g=s[d.index];if(!g||g.length===0)continue;let h=pn(Array.from(g),t).map(p=>({categoryIndex:u,emojis:p}));a.push(...h),l.push({label:d.label,rowsCount:h.length,startRowIndex:f}),c.push(f),u++,f+=h.length}return{count:i.length,categories:l,categoriesStartRowIndices:c,rows:a,skinTones:e.skinTones}}function yn(e){let t={},r=null,n=null,i=new Set,a=()=>{if(r){t=r,r=null;for(let u of i)u(t)}n=null},l=()=>r??t,c=u=>{r??=t,Object.assign(r,typeof u=="function"?u(l()):u),n||(n=requestAnimationFrame(a))},s=u=>(i.add(u),()=>i.delete(u));return t=e(c,l),{get:l,set:c,subscribe:s}}function xn(e){let[t]=(0,m.useState)(e);return t}function _n(e){let t=(0,m.createContext)(null);return{useStore:()=>{let r=(0,m.useContext)(t);if(!r)throw new Error(e);return r},Provider:({store:r,children:n})=>(0,o.jsx)(t.Provider,{value:r,children:n})}}function G(e,t,r=Object.is){let[n,i]=(0,m.useState)(()=>t(e.get()));return(0,m.useEffect)(()=>e.subscribe(()=>{let a=t(e.get());i(l=>r(l,a)?l:a)}),[e,t,r]),(0,m.useDebugValue)(n),n}function X(e,t,r){return G(e,(0,m.useCallback)(n=>n[t],[t]),r)}var rt=2;function wn(e,t,r,n,i){let a=0;return yn((l,c)=>({locale:t,columns:r,sticky:n,skinTone:i,onEmojiSelect:e,data:null,search:"",interaction:"none",activeColumnIndex:0,activeRowIndex:0,rowHeight:null,categoryHeaderHeight:null,viewportWidth:null,viewportHeight:null,viewportCurrentCategoryIndex:null,viewportStartCategoryIndex:0,viewportStartRowIndex:0,viewportEndRowIndex:0,rootRef:null,searchRef:null,viewportRef:null,listRef:null,updateViewportState:s=>{let u=c(),f=s?.data??u.data,d=s?.categoryHeaderHeight??u.categoryHeaderHeight,g=s?.rowHeight??u.rowHeight,h=s?.viewportHeight??u.viewportHeight;if(!f||f.rows.length===0||!d||!g||!h)return l({...s,viewportStartCategoryIndex:0,viewportStartRowIndex:0,viewportEndRowIndex:0});let p=0,j=0;for(let _ of f.categories)if(j++*d+_.startRowIndex*g<a)p+=d;else break;let y=f.categories.length*d+f.rows.length*g,x=Math.floor(rt*g/2),b=Math.ceil(rt*g/2),E=Math.min(a-p-x,y-h),I=E+h+b,w=Math.max(0,Math.floor(E/g)),v=Math.min(f.rows.length-1,Math.ceil(I/g)),C=f.rows[w]?.categoryIndex;return l(C===void 0&&s?s:{...s,viewportStartCategoryIndex:C,viewportStartRowIndex:w,viewportEndRowIndex:v})},onDataChange:s=>{c().updateViewportState({data:s,activeColumnIndex:0,activeRowIndex:0})},onSearchChange:s=>{l({search:s,interaction:s?"keyboard":"none"})},onActiveEmojiChange:(s,u,f)=>{if(l({interaction:s,activeColumnIndex:u,activeRowIndex:f}),s!=="keyboard")return;let{listRef:d,viewportRef:g,sticky:h,rowHeight:p,viewportHeight:j,categoryHeaderHeight:y}=c(),x=d?.current,b=g?.current;if(!x||!b||!p||!y||!j)return;let E=f;E===0&&b.scrollTo({top:0,behavior:"instant"});let I=x.querySelector(`[aria-rowindex="${E}"]`);if(!(I instanceof HTMLElement))return;let w=I.offsetTop,v=getComputedStyle(I),C=Number.parseFloat(v.scrollMarginTop),_=Number.parseFloat(v.scrollMarginBottom),R=a+C;h&&w<a+j/2&&(R+=y);let M=R+j-_;(w<R||w+p>M)&&b.scrollTo({top:Math.max(w<R+y?w-Math.max(h?y:0,C):w-j+p+_,0),behavior:"instant"})},onActiveEmojiReset:()=>{l({interaction:"none",activeColumnIndex:0,activeRowIndex:0})},onRowHeightChange:s=>{c().updateViewportState({rowHeight:s})},onCategoryHeaderHeightChange:s=>{c().updateViewportState({categoryHeaderHeight:s})},onViewportSizeChange:(s,u)=>{c().updateViewportState({viewportWidth:s,viewportHeight:u})},onViewportScroll:s=>{a=s,c().updateViewportState()}}))}var{useStore:U,Provider:Cn}=_n("EmojiPicker.Root is missing.");function Sn(e){return e.search}function ze(e){return e.interaction==="none"?void 0:e.data?.rows[e.activeRowIndex]?.emojis[e.activeColumnIndex]}function En(e){return e.data===void 0||typeof e.data?.count=="number"&&e.data.count===0}function In(e){return e.data===null||e.viewportHeight===null||e.rowHeight===null||e.categoryHeaderHeight===null}function Ft(e){return e.data?.rows.length}function Nn(e){return e.data?.categories.length}function kn(e){return e.data?.categoriesStartRowIndices}function Dn(e){return e.data?.skinTones}function Mt(e,t){return e?.emoji===t?.emoji}function Rn(e,t){return e?.categoryIndex!==t?.categoryIndex||e?.emojis.length!==t?.emojis.length?!1:!!e?.emojis.every((r,n)=>Mt(r,t?.emojis[n]))}var pe="‍",nt=new RegExp("\\p{Emoji_Modifier_Base}","u"),Tn=/\uFE0F$/,Pn=/\u{1F3FB}|\u{1F3FC}|\u{1F3FD}|\u{1F3FE}|\u{1F3FF}/gu,On={light:"🏻","medium-light":"🏼",medium:"🏽","medium-dark":"🏾",dark:"🏿"};function An(e,t){if(!e.split(pe).some(n=>nt.test(n)))return e;let r=e.split(pe).map(n=>n.replace(Pn,"")).join(pe);return t==="none"?r:r.split(pe).map((n,i,a)=>{let l=a.length>1;return!nt.test(n)||l&&n==="🤝"?n:n.replace(Tn,"")+On[t]}).join(pe)}function Fn(e){return Le.map(t=>({skinTone:t,emoji:An(e,t)}))}function Ht(){return(0,m.useDeferredValue)(G(U(),ze,Mt))}function $t(e="✋"){let t=U(),r=X(t,"skinTone"),n=(0,m.useMemo)(()=>Fn(e),[e]);return[r,(0,m.useCallback)(i=>{t.set({skinTone:i})},[]),n]}function Be(e,t){if(Object.is(e,t))return!0;if(typeof e!="object"||typeof t!="object"||e===null||t===null||Array.isArray(e)!==Array.isArray(t))return!1;let r=Object.keys(e),n=Object.keys(t);return r.length!==n.length?!1:r.every(i=>i in t&&e[i]===t[i])}function Mn(...e){}function Hn(e,t){let r=null;if(typeof window.requestIdleCallback=="function")r=window.requestIdleCallback(e,t);else{let n=Date.now();r=window.setTimeout(()=>{e({didTimeout:!1,timeRemaining:()=>Math.max(0,(t?.timeout??50)-(Date.now()-n))})},10)}return()=>{typeof window.cancelIdleCallback=="function"?window.cancelIdleCallback(r):window.clearTimeout(r)}}var J=typeof window<"u"?m.useLayoutEffect:m.useEffect;function Vt(e){let t=(0,m.useRef)(e);return J(()=>{t.current=e}),(0,m.useCallback)((...r)=>t.current(...r),[])}function $n({emojiVersion:e,emojibaseUrl:t,resolveEmojiData:r=Te}){let[n,i]=(0,m.useState)(void 0),a=U(),l=X(a,"locale"),c=X(a,"columns"),s=X(a,"skinTone"),u=X(a,"search"),f=Vt((d,g)=>r===Te?Te(d,g):an(r,d,g));return(0,m.useEffect)(()=>{let d=new AbortController,g=d.signal;return Promise.resolve().then(()=>f(l,{emojiVersion:e,emojibaseUrl:t,signal:g})).then(h=>{g.aborted||i(h)}).catch(h=>{g.aborted||console.error(h)}),()=>{d.abort()}},[e,t,l,f]),(0,m.useEffect)(()=>{if(n)return Hn(()=>{a.get().onDataChange(jn(n,c,s,u))},{timeout:100})},[n,c,s,u]),null}var Lt=(0,m.forwardRef)(({locale:e="en",columns:t=9,skinTone:r="none",onEmojiSelect:n=Mn,emojiVersion:i,emojibaseUrl:a,resolveEmojiData:l,onFocusCapture:c,onBlurCapture:s,children:u,style:f,sticky:d=!0,...g},h)=>{let p=Vt(n),j=xn(()=>wn(p,e,t,d,tt(r))),[y,x]=(0,m.useState)(!1),b=(0,m.useRef)(null),E=(0,m.useCallback)(v=>{v&&(b.current=v,j.set({rootRef:b}))},[]);J(()=>{j.set({locale:e})},[e]),J(()=>{j.set({columns:t})},[t]),J(()=>{j.set({sticky:d})},[d]),J(()=>{j.set({skinTone:tt(r)})},[r]);let I=(0,m.useCallback)(v=>{c?.(v);let{searchRef:C,viewportRef:_}=j.get(),R=v.target===C?.current||v.target.hasAttribute("frimousse-search"),M=v.target===_?.current||v.target.hasAttribute("frimousse-viewport");v.isDefaultPrevented()||(x(R||M),v.isDefaultPrevented()||(x(R||M),M?j.get().onActiveEmojiChange("keyboard",0,0):R&&j.get().search===""&&j.set({interaction:"none"})))},[c]),w=(0,m.useCallback)(v=>{s?.(v),!v.isDefaultPrevented()&&!v.currentTarget.contains(v.relatedTarget)&&x(!1)},[s]);return J(()=>{y||j.get().onActiveEmojiReset()},[y]),(0,m.useImperativeHandle)(h,()=>b.current),(0,m.useEffect)(()=>{if(!y)return;function v(C){if(C.defaultPrevented||!C.key.startsWith("Arrow")&&C.key!=="Enter")return;let{data:_,onEmojiSelect:R,onActiveEmojiChange:M,interaction:V,activeColumnIndex:A,activeRowIndex:$}=j.get();if(C.key==="Enter"){let P=ze(j.get());P&&(C.preventDefault(),R(P))}if(C.key.startsWith("Arrow")){let P=A,D=$;if(C.preventDefault(),V!=="none"){if(_?.rows&&_.rows.length>0)switch(C.key){case"ArrowLeft":if(P===0){let F=D-1,Q=_.rows[F];Q&&(D=F,P=Q.emojis.length-1)}else P-=1;break;case"ArrowRight":if(P===_.rows[D].emojis.length-1){let F=D+1;_.rows[F]&&(D=F,P=0)}else P+=1;break;case"ArrowUp":{let F=_.rows[D-1];F&&(D-=1,F.emojis[P]||(P=F.emojis.length-1));break}case"ArrowDown":{let F=_.rows[D+1];F&&(D+=1,F.emojis[P]||(P=F.emojis.length-1));break}}M("keyboard",P,D)}else M("keyboard",0,0)}}return document.addEventListener("keydown",v),()=>{document.removeEventListener("keydown",v)}},[y]),J(()=>{let v=null,C=null,_=null,R=null,M=j.subscribe(D=>{b.current&&(v!==D.viewportWidth&&(v=D.viewportWidth,b.current.style.setProperty("--frimousse-viewport-width",`${D.viewportWidth}px`)),C!==D.viewportHeight&&(C=D.viewportHeight,b.current.style.setProperty("--frimousse-viewport-height",`${D.viewportHeight}px`)),_!==D.rowHeight&&(_=D.rowHeight,b.current.style.setProperty("--frimousse-row-height",`${D.rowHeight}px`)),R!==D.categoryHeaderHeight&&(R=D.categoryHeaderHeight,b.current.style.setProperty("--frimousse-category-header-height",`${D.categoryHeaderHeight}px`)))}),{viewportWidth:V,viewportHeight:A,rowHeight:$,categoryHeaderHeight:P}=j.get();return V&&b.current.style.setProperty("--frimousse-viewport-width",`${V}px`),A&&b.current.style.setProperty("--frimousse-viewport-height",`${A}px`),$&&b.current.style.setProperty("--frimousse-row-height",`${$}px`),P&&b.current.style.setProperty("--frimousse-category-header-height",`${P}px`),M},[]),(0,o.jsx)("div",{"data-focused":y?"":void 0,"frimousse-root":"",onBlurCapture:w,onFocusCapture:I,...g,ref:E,style:{"--frimousse-emoji-font":Ct,...f},children:(0,o.jsxs)(Cn,{store:j,children:[(0,o.jsx)($n,{emojibaseUrl:a,emojiVersion:i,resolveEmojiData:l}),u]})})}),qt=(0,m.forwardRef)(({value:e,defaultValue:t,onChange:r,...n},i)=>{let a=U(),l=(0,m.useRef)(null),c=(0,m.useCallback)(d=>{d&&(l.current=d,a.set({searchRef:l}))},[]),s=typeof e=="string",u=(0,m.useRef)(s);(0,m.useEffect)(()=>{process.env.NODE_ENV!=="production"&&u.current!==s&&console.warn(`EmojiPicker.Search is changing from ${u?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}.`),u.current=s},[s]),J(()=>{a.set({search:typeof e=="string"?e:typeof t=="string"?t:""})},[]),J(()=>{typeof e=="string"&&a.get().onSearchChange(e)},[e]);let f=(0,m.useCallback)(d=>{r?.(d),d.isDefaultPrevented()||a.get().onSearchChange(d.target.value)},[r]);return(0,m.useImperativeHandle)(i,()=>l.current),(0,o.jsx)("input",{autoCapitalize:"off",autoComplete:"off",autoCorrect:"off",enterKeyHint:"done","frimousse-search":"",placeholder:"Search…",spellCheck:!1,type:"search",...n,defaultValue:t,onChange:f,ref:c,value:e})}),Vn=(0,m.memo)(()=>{let e=Ht();return e?(0,o.jsx)("div",{"aria-live":"polite",style:{border:0,clip:"rect(0, 0, 0, 0)",height:1,margin:-1,overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:1,wordWrap:"normal"},children:e.label}):null}),zt=(0,m.forwardRef)(({children:e,onScroll:t,onKeyDown:r,style:n,...i},a)=>{let l=U(),c=(0,m.useRef)(null),s=(0,m.useCallback)(g=>{g&&(c.current=g,l.set({viewportRef:c}))},[]),u=G(l,Ft),f=G(l,Nn),d=(0,m.useCallback)(g=>{t?.(g),l.get().onViewportScroll(g.currentTarget.scrollTop)},[t]);return J(()=>{if(!c.current)return;let g=new ResizeObserver(([h])=>{let p=h?.borderBoxSize[0]?.inlineSize??0,j=h?.borderBoxSize[0]?.blockSize??0,{onViewportSizeChange:y,viewportHeight:x,viewportWidth:b}=l.get();(x!==j||b!==p)&&y(p,j)});return g.observe(c.current),l.get().onViewportSizeChange(c.current.offsetWidth,c.current.clientHeight),()=>{g.disconnect()}},[]),(0,m.useImperativeHandle)(a,()=>c.current),(0,o.jsxs)("div",{"frimousse-viewport":"",...i,onScroll:d,ref:s,style:{position:"relative",boxSizing:"border-box",contain:"layout paint",containIntrinsicSize:typeof u=="number"&&typeof f=="number"?`var(--frimousse-viewport-width, auto) calc(${u} * var(--frimousse-row-height) + ${f} * var(--frimousse-category-header-height))`:void 0,overflowY:"auto",overscrollBehavior:"contain",scrollbarGutter:"stable",willChange:"scroll-position",...n},children:[(0,o.jsx)(Vn,{}),e]})});function Bt(e,t,r){return{emoji:{...e,isActive:r},role:"gridcell","aria-colindex":t,"aria-selected":r||void 0,"aria-label":e.label,"data-active":r?"":void 0,"frimousse-emoji":"",style:{fontFamily:"var(--frimousse-emoji-font)"},tabIndex:-1}}function Ut(e,t=!1){return{role:t?void 0:"row","aria-rowindex":t?void 0:e,"frimousse-row":"",style:{contain:t?void 0:"content",height:t?void 0:"var(--frimousse-row-height)",display:"flex"}}}function Yt(e,t){return{"frimousse-category":"",style:{contain:"content",top:t?`calc(${e} * var(--frimousse-category-header-height) + ${t.startRowIndex} * var(--frimousse-row-height))`:void 0,height:t?`calc(var(--frimousse-category-header-height) + ${t.rowsCount} * var(--frimousse-row-height))`:void 0,width:"100%",pointerEvents:"none",position:"absolute"}}}function Wt(e,t=!1,r=!0){return{category:e,"frimousse-category-header":"",style:{contain:t?void 0:"layout paint",height:t?void 0:"var(--frimousse-category-header-height)",pointerEvents:"auto",position:r?"sticky":void 0,top:0}}}function ot(e,t,r,n){return{"frimousse-list-sizer":"",style:{position:"relative",boxSizing:"border-box",height:`calc(${e} * var(--frimousse-row-height) + ${t} * var(--frimousse-category-header-height))`,paddingTop:`calc(${r} * var(--frimousse-row-height) + ${n} * var(--frimousse-category-header-height))`}}}function at(e,t,r){return{"aria-colcount":e,"aria-rowcount":t,"frimousse-list":"",style:{"--frimousse-list-columns":e,...r},role:"grid"}}function Ln(e){e.preventDefault()}var qn=(0,m.memo)(({Emoji:e,emoji:t,columnIndex:r,rowIndex:n})=>{let i=U(),a=G(i,u=>ze(u)?.emoji===t.emoji),l=(0,m.useCallback)(()=>{i.get().onEmojiSelect(t)},[t]),c=(0,m.useCallback)(()=>{i.get().onActiveEmojiChange("pointer",r,n)},[r,n]),s=(0,m.useCallback)(()=>{i.get().onActiveEmojiReset()},[]);return(0,o.jsx)(e,{...Bt(t,r,a),onClick:l,onPointerDown:Ln,onPointerEnter:c,onPointerLeave:s})}),zn=(0,m.memo)(({Row:e,Emoji:t,rowIndex:r})=>{let n=G(U(),i=>i.data?.rows[r],Rn);return n?(0,o.jsx)(e,{...Ut(r),children:n.emojis.map((i,a)=>(0,o.jsx)(qn,{columnIndex:a,Emoji:t,emoji:i,rowIndex:r},i.label))}):null}),Bn=(0,m.memo)(({CategoryHeader:e,categoryIndex:t})=>{let r=U(),n=G(r,a=>a.data?.categories[t],Be),i=X(r,"sticky");return n?(0,o.jsx)("div",{...Yt(t,n),children:(0,o.jsx)(e,{...Wt({label:n.label},!1,i)})}):null}),it=(0,m.memo)(({CategoryHeader:e,Row:t,Emoji:r})=>{let n=(0,m.useRef)(null),i=U(),a=X(i,"columns"),l=(0,m.useMemo)(()=>Array(a).fill({emoji:"🙂",label:""}),[a]),c=(0,m.useMemo)(()=>({label:"Category"}),[]),s=(0,m.useRef)(null),u=(0,m.useRef)(null);return J(()=>{let f=n.current?.parentElement?.parentElement;if(!f||!s.current||!u.current)return;let d=new ResizeObserver(p=>{for(let j of p){let y=j.contentRect.height,{onRowHeightChange:x,onCategoryHeaderHeightChange:b,rowHeight:E,categoryHeaderHeight:I}=i.get();j.target===s.current&&E!==y&&x(y),j.target===u.current&&I!==y&&b(y)}});d.observe(f),d.observe(s.current),d.observe(u.current);let{onRowHeightChange:g,onCategoryHeaderHeightChange:h}=i.get();return g(s.current.clientHeight),h(u.current.clientHeight),()=>{d.disconnect()}},[]),(0,o.jsxs)("div",{"aria-hidden":!0,ref:n,style:{height:0,visibility:"hidden"},children:[(0,o.jsx)("div",{"frimousse-row-sizer":"",ref:s,children:(0,o.jsx)(t,{...Ut(-1,!0),children:l.map((f,d)=>(0,o.jsx)(r,{...Bt(f,d,!1)},d))})}),(0,o.jsx)("div",{...Yt(-1),children:(0,o.jsx)("div",{"frimousse-category-header-sizer":"",ref:u,children:(0,o.jsx)(e,{...Wt(c,!0)})})})]})});function Un({category:e,...t}){return(0,o.jsx)("div",{...t,children:e.label})}function Yn({emoji:e,...t}){return(0,o.jsx)("button",{type:"button",...t,children:e.emoji})}function Wn({...e}){return(0,o.jsx)("div",{...e})}var Gt=(0,m.forwardRef)(({style:e,components:t,...r},n)=>{let i=U(),a=(0,m.useRef)(null),l=(0,m.useCallback)(x=>{x&&(a.current=x,i.set({listRef:a}))},[]),c=t?.CategoryHeader??Un,s=t?.Emoji??Yn,u=t?.Row??Wn,f=X(i,"columns"),d=X(i,"viewportStartRowIndex"),g=X(i,"viewportEndRowIndex"),h=G(i,Ft),p=G(i,kn,Be),j=(0,m.useMemo)(()=>p?.filter(x=>x<d).length??0,[p,d]),y=p?.length??0;return(0,m.useImperativeHandle)(n,()=>a.current),!h||!p||y===0?(0,o.jsx)("div",{...at(f,0,e),...r,children:(0,o.jsx)("div",{...ot(0,0,0,0),children:(0,o.jsx)(it,{CategoryHeader:c,Emoji:s,Row:u})})}):(0,o.jsx)("div",{...at(f,h,e),...r,ref:l,children:(0,o.jsxs)("div",{...ot(h,y,d,j),children:[(0,o.jsx)(it,{CategoryHeader:c,Emoji:s,Row:u}),Array.from({length:g-d+1},(x,b)=>{let E=d+b;return(0,o.jsxs)(m.Fragment,{children:[p.indexOf(E)>=0&&(0,o.jsx)("div",{style:{height:"var(--frimousse-category-header-height)"}}),(0,o.jsx)(zn,{Emoji:s,Row:u,rowIndex:E})]},E)}),Array.from({length:y},(x,b)=>(0,o.jsx)(Bn,{CategoryHeader:c,categoryIndex:b},b))]})})}),Kt=(0,m.forwardRef)(({emoji:e,onClick:t,"aria-label":r="Change skin tone",...n},i)=>{let a=G(U(),Dn,Be),[l,c,s]=$t(e),u=(0,m.useMemo)(()=>Math.max(0,s.findIndex(p=>p.skinTone===l)),[l,s]),f=s[u],d=s[(u+1)%s.length].skinTone,g=d==="none"?void 0:a?.[d],h=(0,m.useCallback)(p=>{t?.(p),p.isDefaultPrevented()||c(d)},[t,c,d]);return(0,o.jsx)("button",{type:"button",...n,"aria-label":r+(g?` (${g})`:""),"aria-live":"polite","frimousse-skin-tone-selector":"",onClick:h,ref:i,children:f.emoji})});function Jt({children:e,...t}){return G(U(),In)?(0,o.jsx)("span",{"frimousse-loading":"",...t,children:e}):null}function Gn({children:e}){return e({search:G(U(),Sn)})}function Xt({children:e,...t}){return G(U(),En)?(0,o.jsx)("span",{"frimousse-empty":"",...t,children:typeof e=="function"?(0,o.jsx)(Gn,{children:e}):e}):null}function Zt({children:e}){return e({emoji:Ht()})}function Qt({children:e,emoji:t}){let[r,n,i]=$t(t);return e({skinTone:r,setSkinTone:n,skinToneVariations:i})}Lt.displayName="EmojiPicker.Root";qt.displayName="EmojiPicker.Search";zt.displayName="EmojiPicker.Viewport";Gt.displayName="EmojiPicker.List";Jt.displayName="EmojiPicker.Loading";Xt.displayName="EmojiPicker.Empty";Kt.displayName="EmojiPicker.SkinToneSelector";Zt.displayName="EmojiPicker.ActiveEmoji";Qt.displayName="EmojiPicker.SkinTone";var Kn="_root_1elk3_1",Jn="_search_1elk3_29",Xn="_viewport_1elk3_33",Zn="_message_1elk3_42",be={root:Kn,search:Jn,viewport:Xn,message:Zn},Qn=({emoji:e,"aria-colindex":t,...r})=>(0,o.jsx)("button",{...r,type:"button",role:"gridcell","aria-colindex":S.isDefined(t)?t+1:void 0,children:e.emoji}),eo=({"aria-rowindex":e,...t})=>(0,o.jsx)("div",{...t,"aria-rowindex":S.isDefined(e)?e+1:void 0}),to="[frimousse-viewport]",ro="[frimousse-emoji][data-active]",no="--frimousse-category-header-height",oo=e=>{const t=e.querySelector(to),r=t?.querySelector(ro);if(!S.isDefined(t)||!S.isDefined(r))return;const n=t.getBoundingClientRect(),i=r.getBoundingClientRect(),a=Number.parseFloat(getComputedStyle(t).getPropertyValue(no)),l=i.top-n.top-a;if(l<0){t.scrollTop+=l;return}const c=i.bottom-n.bottom;c>0&&(t.scrollTop+=c)},ao=T.doNotTranslate("Arrow"),st=T.doNotTranslate("keydown"),lt=T.doNotTranslate("pointerover"),io=({rootRef:e})=>((0,m.useEffect)(()=>{const t=e.current;if(!S.isDefined(t))return;let r;const n=()=>{S.isDefined(r)&&(cancelAnimationFrame(r),r=void 0)},i=a=>{a.defaultPrevented||!a.key.startsWith(ao)||(n(),r=requestAnimationFrame(()=>{r=requestAnimationFrame(()=>{r=void 0,oo(t)})}))};return t.addEventListener(st,i,!0),t.addEventListener(lt,n,!0),()=>{n(),t.removeEventListener(st,i,!0),t.removeEventListener(lt,n,!0)}},[e]),null),so=8,lo=({emojibaseUrl:e,locale:t="en",searchLabel:r,searchPlaceholder:n=r,loadingLabel:i,emptyLabel:a,onEmojiSelect:l,autoFocus:c=!1,className:s,ref:u,...f})=>{const d=(0,m.useRef)(null),g=(0,ct.useMergedRefs)(d,u);return(0,o.jsxs)(ae.Root,{...f,ref:g,className:(0,W.clsx)(be.root,s),emojibaseUrl:e,locale:t,columns:so,onEmojiSelect:({emoji:h})=>l(h),children:[(0,o.jsx)("div",{className:be.search,children:(0,o.jsx)(he.Input,{render:(0,o.jsx)(ae.Search,{}),"aria-label":r,placeholder:n,autoFocus:c})}),(0,o.jsxs)(ae.Viewport,{className:be.viewport,tabIndex:0,children:[(0,o.jsx)(ae.Loading,{className:be.message,children:i}),(0,o.jsx)(ae.Empty,{className:be.message,children:a}),(0,o.jsx)(ae.List,{components:{Row:eo,Emoji:Qn}})]}),(0,o.jsx)(io,{rootRef:d})]})},co="_root_euz6z_1",uo="_surface_euz6z_17",mo="_icon_euz6z_28",ho="_label_euz6z_35",fo="_content_euz6z_42",go="_trailing_euz6z_53",vo="_divider_euz6z_60",te={root:co,surface:uo,icon:mo,label:ho,content:fo,trailing:go,divider:vo},po=({label:e,startIcon:t,trailing:r,trailingProps:n,children:i,labelWidth:a=80,contentPaddingInline:l,isHoverable:c=!1,hasDivider:s=!0,render:u,ref:f,className:d,style:g,...h})=>{const p={"--form-field-row-label-width":H.formatCssLength(a),"--form-field-row-content-padding-inline":S.isDefined(l)?H.formatCssLength(l):void 0,...g};return(0,we.useRender)({render:u,ref:f,props:{role:"group","aria-label":e,...h,"data-clickable":S.isDefined(h.onClick)||void 0,"data-hoverable":c||void 0,className:(0,W.clsx)(te.root,d),style:p,children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{className:te.surface,children:[de.isRenderableSlot(t)&&(0,o.jsx)("span",{className:te.icon,"aria-hidden":"true",children:t}),de.isRenderableSlot(e)&&(0,o.jsx)(De.Text,{render:(0,o.jsx)("span",{}),className:te.label,size:"md",weight:"regular",color:"tertiary","aria-hidden":"true",children:e}),(0,o.jsx)("div",{className:te.content,children:i}),de.isRenderableSlot(r)&&(0,o.jsx)("div",{...n,className:(0,W.clsx)(te.trailing,n?.className),children:r})]}),s&&(0,o.jsx)(vr.Separator,{className:te.divider,"aria-hidden":"true"})]})}})},bo="_root_u3myi_1",jo="_preview_u3myi_6",yo="_image_u3myi_35",xo="_fileInput_u3myi_48",_o="_content_u3myi_58",wo="_actions_u3myi_67",Co="_helperText_u3myi_73",So="_errorMessage_u3myi_78",ee={root:bo,preview:jo,image:yo,fileInput:xo,content:_o,actions:wo,helperText:Co,errorMessage:So},Eo=({src:e})=>{const t=$e.useTheme(),[r,n]=(0,m.useState)(!1);return!(0,k.isNonEmptyString)(e)||r?(0,o.jsx)(z.IconPhotoUp,{size:t.icon.size.lg,"aria-hidden":!0}):(0,o.jsx)("img",{className:ee.image,src:e,alt:"",onError:()=>n(!0)})},Io="image/*",No=({src:e,onFileSelect:t,onRemove:r,onAbort:n,disabled:i=!1,isUploading:a=!1,helperText:l,errorMessage:c,uploadLabel:s=T.doNotTranslate("Upload"),removeLabel:u=T.doNotTranslate("Remove"),abortLabel:f=T.doNotTranslate("Abort"),accept:d=Io,inputRef:g,onChange:h,"aria-describedby":p,className:j,style:y,dir:x,render:b,ref:E,...I})=>{const w=(0,m.useRef)(null),v=(0,ct.useMergedRefs)(w,g),C=(0,m.useId)(),_=`${C}-helper`,R=`${C}-error`,M=(0,k.isNonEmptyString)(e),V=(0,k.isNonEmptyString)(l),A=(0,k.isNonEmptyString)(c),$=i||!S.isDefined(t),P=i||!M||!S.isDefined(r),D=$||a,F=P||a,Q=a&&S.isDefined(n),B=[p,V&&_,A&&R].filter(k.isNonEmptyString).join(" ")||void 0,ce=()=>{D||w.current?.click()},O=Y=>{const Ce=Y.currentTarget.files?.[0];try{h?.(Y)}finally{Y.currentTarget.value=""}D||!S.isDefined(Ce)||t?.(Ce)};return(0,we.useRender)({render:b,ref:E,props:{className:(0,W.clsx)(ee.root,j),style:y,dir:x,"aria-busy":a||I["aria-busy"],children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("button",{className:ee.preview,type:"button",disabled:$,"aria-disabled":a||void 0,"aria-label":s,"aria-describedby":B,onClick:ce,children:(0,o.jsx)(Eo,{src:e},e)}),(0,o.jsxs)("div",{className:ee.content,children:[(0,o.jsxs)("div",{className:ee.actions,children:[(0,o.jsx)("input",{"aria-label":s,...I,ref:v,className:ee.fileInput,dir:x,children:void 0,dangerouslySetInnerHTML:void 0,type:"file",multiple:!1,value:void 0,defaultValue:void 0,accept:d,disabled:D,"aria-describedby":B,hidden:!0,onChange:O}),Q?(0,o.jsx)(Z.Button,{type:"button",startIcon:(0,o.jsx)(z.IconX,{}),onClick:n,disabled:i,variant:"outline",children:f}):(0,o.jsx)(Z.Button,{type:"button",startIcon:(0,o.jsx)(z.IconUpload,{}),onClick:ce,disabled:D,focusableWhenDisabled:a&&!$,"aria-describedby":B,variant:"outline",children:s}),(0,o.jsx)(Z.Button,{type:"button",startIcon:(0,o.jsx)(z.IconTrash,{}),onClick:r,disabled:F,focusableWhenDisabled:a&&!P,variant:"outline",children:u})]}),V&&(0,o.jsx)("span",{className:ee.helperText,id:_,children:l}),A&&(0,o.jsx)("span",{className:ee.errorMessage,id:R,role:"alert",children:c})]})]})}})},ko="_button_k3e4y_1",Do={button:ko},Ro=({className:e,emphasis:t="standard",size:r,variant:n,...i})=>{const a=(0,m.useContext)(Z.ButtonGroupContext),l=r??a?.size??"sm",c=n??a?.variant??"ghost";return(0,o.jsx)(Z.Button,{...i,size:l,variant:c,"data-emphasis":t,className:le.mergeClassNames(Do.button,e)})},To="_button_1mfb6_1",Po={button:To},Oo=({className:e,elevated:t=!0,variant:r,...n})=>{const i=(0,m.useContext)(Z.ButtonGroupContext),a=r??i?.variant??"solid";return(0,o.jsx)(Z.Button,{...n,elevated:t,variant:a,className:le.mergeClassNames(Po.button,e)})},He={maximumFractionDigits:15,numberingSystem:"latn",useGrouping:"min2"},Ao=({nextValue:e,currentValue:t,reason:r})=>r==="input-blur"&&(0,We.formatNumber)(e,void 0,He)===(0,We.formatNumber)(t,void 0,He),Fo="_root_17bio_1",Mo="_valueInput_17bio_7",Ho="_button_17bio_14",$o="_icon_17bio_32",ue={root:Fo,valueInput:Mo,button:Ho,icon:$o},Vo=({value:e,defaultValue:t,onValueChange:r,onValueCommitted:n,allowOutOfRange:i=!1,min:a,max:l,step:c=1,disabled:s,readOnly:u,required:f,name:d,form:g,id:h,showButtons:p=!0,decrementLabel:j=T.doNotTranslate("Decrease value"),incrementLabel:y=T.doNotTranslate("Increase value"),className:x,...b})=>{const[E,I]=(0,ut.useControlled)({controlled:e,default:t??null,name:T.doNotTranslate("NumberStepper"),state:"value"}),w=(0,jr.useValueAsRef)(E),v=(C,_)=>{if(C!==w.current){if(Ao({nextValue:C,currentValue:w.current,reason:_.reason})){_.cancel();return}r?.(C,_),!_.isCanceled&&(w.current=C,I(C))}};return(0,o.jsxs)(H.NumberField.Root,{value:E,onValueChange:v,onValueCommitted:n,min:a,max:l,allowOutOfRange:i,step:c,smallStep:c,largeStep:c,disabled:s,readOnly:u,required:f,name:d,form:g,id:h,format:He,className:ue.root,children:[p&&(0,o.jsx)(H.NumberField.Decrement,{"aria-label":j,render:(0,o.jsx)(Z.Button,{type:"button",size:"sm",className:ue.button,startIcon:(0,o.jsx)("span",{className:ue.icon,children:(0,o.jsx)(z.IconMinus,{})})})}),(0,o.jsx)(H.NumberField.Input,{...b,form:g,className:le.mergeClassNames((0,W.clsx)(he.Input_module_default.input,he.Input_module_default.sm,ue.valueInput),x)}),p&&(0,o.jsx)(H.NumberField.Increment,{"aria-label":y,render:(0,o.jsx)(Z.Button,{type:"button",size:"sm",className:ue.button,startIcon:(0,o.jsx)("span",{className:ue.icon,children:(0,o.jsx)(z.IconPlus,{})})})})]})},Lo="_trigger_kh8iq_1",qo="_triggerFlag_kh8iq_35",zo="_optionFlag_kh8iq_36",Bo="_chevron_kh8iq_56",Uo="_selectedCountryLabel_kh8iq_61",Yo="_options_kh8iq_70",Wo="_emptyStatus_kh8iq_76",se={trigger:Lo,triggerFlag:qo,optionFlag:zo,chevron:Bo,selectedCountryLabel:Uo,options:Yo,emptyStatus:Wo},Go=({label:e,callingCode:t})=>`${e} (+${t})`,Ko="⁦",Jo="⁩",Xo=({label:e,callingCode:t})=>`${e} (${Ko}+${t}${Jo})`,Zo=({country:e,normalizedSearch:t,callingCodeSearch:r})=>e.searchLabel.includes(t)||e.searchValue.includes(t)||(0,k.isNonEmptyString)(r)&&e.callingCode.includes(r),er=(0,m.createContext)(null),tr=()=>{const e=(0,m.useContext)(er);if(!S.isDefined(e))throw new Error(T.doNotTranslate("PhoneCountryPicker parts require PhoneCountryPicker.Root."));return e},rr=({searchLabel:e=T.doNotTranslate("Search"),listLabel:t=T.doNotTranslate("Countries"),emptyLabel:r=T.doNotTranslate("No results"),disabled:n=!1,className:i,render:a,ref:l,...c})=>{const{countries:s,value:u,onValueChange:f,disabled:d,closeOnSelect:g}=tr(),h=d||n,p=(0,m.useId)(),[j,y]=(0,m.useState)(""),x=me.normalizeSearchText(j).trim(),b=x.startsWith("+")?x.slice(1):x,E=s.filter(v=>Zo({country:v,normalizedSearch:x,callingCodeSearch:b})),I=E.find(v=>v.value===u),w=S.isDefined(I)?[I,...E.filter(v=>v.value!==u)]:E;return(0,we.useRender)({render:a,ref:l,props:{...c,className:(0,W.clsx)(se.options,i),children:(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(N.Dropdown.Search,{value:j,onValueChange:y,placeholder:e,"aria-label":e,disabled:h}),(0,o.jsx)(N.Dropdown.Separator,{}),(0,o.jsx)(N.Dropdown.Section,{scrollable:!0,children:(0,o.jsx)(N.Dropdown.SelectionGroup,{id:p,"aria-label":t,value:u,onValueChange:f,closeOnSelect:g,children:w.map(v=>{const C=Go(v);return(0,o.jsx)(N.Dropdown.OptionItem,{value:v.value,"aria-label":C,disabled:h||v.disabled,startIcon:(0,o.jsx)("span",{className:se.optionFlag,"aria-hidden":!0,children:v.flag}),children:(0,o.jsx)(De.OverflowingTextWithTooltip,{text:(0,o.jsxs)(o.Fragment,{children:[v.label," (",(0,o.jsxs)("bdi",{dir:"ltr",children:["+",v.callingCode]}),")"]}),tooltipContent:Xo(v)})},v.value)})})}),(0,o.jsx)(N.Dropdown.Empty,{className:se.emptyStatus,children:(0,k.isNonEmptyArray)(w)?null:r})]})}})},nr=({children:e,countries:t,value:r,defaultValue:n=null,onValueChange:i,disabled:a=!1,closeOnSelect:l=!0})=>{const[c,s]=(0,m.useState)(n),u=(0,k.isUndefined)(r)?c:r,f=t.map(d=>({...d,searchLabel:me.normalizeSearchText(d.label),searchValue:me.normalizeSearchText(d.value)}));return(0,o.jsx)(er.Provider,{value:{countries:f,value:u,disabled:a,closeOnSelect:l,onValueChange:(d,g)=>{i?.(d,g),!g.isCanceled&&(0,k.isUndefined)(r)&&s(d)}},children:e})},or=({children:e,disabled:t=!1,className:r,"aria-describedby":n,...i})=>{const{countries:a,value:l,disabled:c}=tr(),s=a.find(d=>d.value===l),u=(0,m.useId)(),f=[S.isDefined(s)&&u,n].filter(k.isNonEmptyString).join(" ")||void 0;return(0,o.jsxs)(N.Dropdown.Trigger,{...i,disabled:c||t,"aria-describedby":f,className:le.mergeClassNames(se.trigger,r),children:[e??(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("span",{className:se.triggerFlag,"aria-hidden":!0,children:s?.flag??(0,o.jsx)(z.IconWorld,{})}),(0,o.jsx)(z.IconChevronDown,{className:se.chevron,"aria-hidden":!0})]}),S.isDefined(s)&&(0,o.jsx)("span",{id:u,className:se.selectedCountryLabel,children:s.label})]})},Qo=({countries:e,value:t,defaultValue:r,onValueChange:n,disabled:i,closeOnSelect:a,dropdownProps:l,contentProps:c,optionsProps:s,...u})=>(0,o.jsx)(nr,{countries:e,value:t,defaultValue:r,onValueChange:n,disabled:i,closeOnSelect:a,children:(0,o.jsxs)(N.Dropdown.Root,{...l,type:"picker",children:[(0,o.jsx)(or,{...u}),(0,o.jsx)(N.Dropdown.Content,{width:280,...c,children:(0,o.jsx)(rr,{...s})})]})}),ea=Object.assign(Qo,{Root:nr,Trigger:or,Options:rr}),ta="_button_arlbx_1",ra="_content_arlbx_15",na="_emoji_arlbx_21",Pe={button:ta,content:ra,emoji:na},oa=({emoji:e,count:t,pressed:r,onPressedChange:n,onClick:i,className:a,...l})=>(0,o.jsx)(Z.Button,{...l,type:"button",size:"sm",variant:"ghost",color:"neutral","aria-pressed":r,className:(0,W.clsx)(Pe.button,a),onClick:c=>{i?.(c),!c.defaultPrevented&&n(!r)},children:(0,o.jsxs)("span",{className:Pe.content,"aria-hidden":!0,children:[(0,o.jsx)("span",{className:Pe.emoji,children:e}),(0,o.jsx)("span",{children:t})]})}),aa="_wrapper_c0mqd_1",ia="_inputGroup_c0mqd_8",sa="_searchIcon_c0mqd_14",Oe={wrapper:aa,inputGroup:ia,searchIcon:sa},la=({placeholder:e,actions:t,size:r="md",hasFocusRing:n=!1,id:i,"aria-label":a,"aria-labelledby":l,...c})=>{const s=$e.useTheme(),u=(0,m.useId)(),f=i??u;return(0,o.jsxs)("div",{className:Oe.wrapper,children:[(0,o.jsx)(H.InputGroup,{className:Oe.inputGroup,size:r,hasFocusRing:n,startElement:(0,o.jsx)(z.IconSearch,{className:Oe.searchIcon,size:s.icon.size.md,"aria-hidden":!0}),children:(0,o.jsx)(he.Input,{...c,id:f,placeholder:e,"aria-label":(0,k.isNonEmptyString)(l)?void 0:a??e,"aria-labelledby":l})}),t]})},ca="_container_44p06_1",ua="_item_44p06_24",da="_fullWidth_44p06_38",ma="_sm_44p06_42",ha="_md_44p06_48",fa="_iconOnly_44p06_94",ga="_icon_44p06_94",va="_label_44p06_113",re={container:ca,item:ua,fullWidth:da,sm:ma,md:ha,iconOnly:fa,icon:ga,label:va},pa=({className:e,fullWidth:t=!1,itemWidth:r="equal",options:n,size:i="md",variant:a="round",...l})=>{const c=(0,m.useId)();return(0,o.jsx)(yr.RadioGroup,{...l,className:le.mergeClassNames((0,W.clsx)(re.container,re[i],t&&re.fullWidth),e),"data-item-width":r,"data-variant":a,children:n.map(({"aria-label":s,disabled:u,label:f,startIcon:d,value:g},h)=>{const p=`${c}-${h}`,j=(0,k.isNonEmptyString)(s);return(0,o.jsxs)(H.Radio.Root,{value:g,disabled:u,"aria-labelledby":p,className:(0,W.clsx)(re.item,!de.isRenderableSlot(f)&&re.iconOnly),children:[de.isRenderableSlot(d)&&(0,o.jsx)("span",{className:re.icon,"aria-hidden":!0,children:d}),de.isRenderableSlot(f)&&(0,o.jsx)("span",{id:j?void 0:p,className:re.label,children:f}),j&&(0,o.jsx)("span",{id:p,hidden:!0,children:s})]},g)})})};Object.defineProperty(exports,"CountrySelect",{enumerable:!0,get:function(){return Dr}});Object.defineProperty(exports,"CurrencyPicker",{enumerable:!0,get:function(){return Mr}});Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function(){return Xr}});Object.defineProperty(exports,"EmojiPicker",{enumerable:!0,get:function(){return lo}});Object.defineProperty(exports,"FormFieldRow",{enumerable:!0,get:function(){return po}});Object.defineProperty(exports,"ImageInput",{enumerable:!0,get:function(){return No}});Object.defineProperty(exports,"LightButton",{enumerable:!0,get:function(){return Ro}});Object.defineProperty(exports,"MainButton",{enumerable:!0,get:function(){return Oo}});Object.defineProperty(exports,"NumberStepper",{enumerable:!0,get:function(){return Vo}});Object.defineProperty(exports,"PhoneCountryPicker",{enumerable:!0,get:function(){return ea}});Object.defineProperty(exports,"ReactionButton",{enumerable:!0,get:function(){return oa}});Object.defineProperty(exports,"SearchInput",{enumerable:!0,get:function(){return la}});Object.defineProperty(exports,"SegmentedControl",{enumerable:!0,get:function(){return pa}});

package/dist/{input-jkwxjdtI.js → input-Btg-WsT6.js}

@@ -1,79 +1,80 @@
 import { t as m } from "./isDefined-fMi6eQ4r.js";
-import { t as w } from "./isRenderableSlot-DT_depzM.js";
-import { Tt as te, ka as ae } from "./TablerIcons-CqzhliLC.js";
+import { t as k } from "./isRenderableSlot-DT_depzM.js";
+import { Aa as te, Tt as ae } from "./TablerIcons-B6BhOlW_.js";
 import { t as ie } from "./theme-CuGIQBsJ.js";
-import { t as n } from "./mergeClassNames-ClFMR1v0.js";
+import { t as s } from "./mergeClassNames-ClFMR1v0.js";
 import { r as le } from "./Button-Dd8cNsn1.js";
-import { t as D } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { t as z } from "./useProvidedTextDirection-Dk8LBQeF.js";
 import { n as p, t as d } from "./ListItem.module-B31VK9XZ.js";
-import { n as x, r as ne } from "./Input-BKRR1xlO.js";
-import { useRender as $ } from "@base-ui/react/use-render";
-import { isFunction as y, isNumber as se, isUndefined as ce } from "@sniptt/guards";
+import { n as L, r as se } from "./Input-BKRR1xlO.js";
+import { i as ne } from "./Radio-D1PpZdqz.js";
+import { useRender as D } from "@base-ui/react/use-render";
+import { isFunction as y, isUndefined as ce } from "@sniptt/guards";
 import { clsx as b } from "clsx";
-import { forwardRef as G, useContext as me, useLayoutEffect as L, useMemo as ue, useRef as de, useState as pe } from "react";
-import { Fragment as ve, jsx as t, jsxs as F } from "react/jsx-runtime";
+import { forwardRef as G, useContext as me, useLayoutEffect as P, useMemo as ue, useRef as de, useState as pe } from "react";
+import { Fragment as ve, jsx as t, jsxs as S } from "react/jsx-runtime";
 import { mergeProps as _e } from "@base-ui/react/merge-props";
 import { Input as fe } from "@base-ui/react/input";
 import { RadioGroup as he } from "@base-ui/react/radio-group";
 import { Autocomplete as l } from "@base-ui/react/autocomplete";
-import { Checkbox as z } from "@base-ui/react/checkbox";
+import { Checkbox as B } from "@base-ui/react/checkbox";
 import { Field as h } from "@base-ui/react/field";
 import { Slider as N } from "@base-ui/react/slider";
-var be = "_inputGroup_17li0_1", Ne = "_positioner_17li0_8", Ie = "_popup_17li0_12", Ce = "_arrow_17li0_31", ge = "_separator_17li0_72", Fe = "_list_17li0_86", Se = "_empty_17li0_93", I = {
+var be = "_inputGroup_17li0_1", Ne = "_positioner_17li0_8", Ce = "_popup_17li0_12", Ie = "_arrow_17li0_31", ge = "_separator_17li0_72", Se = "_list_17li0_86", Ae = "_empty_17li0_93", C = {
   inputGroup: be,
   positioner: Ne,
-  popup: Ie,
-  arrow: Ce,
+  popup: Ce,
+  arrow: Ie,
   separator: ge,
-  list: Fe,
-  empty: Se
-}, Ae = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Arrow, {
+  list: Se,
+  empty: Ae
+}, Fe = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Arrow, {
   ...r,
-  className: n(I.arrow, e)
-}), we = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Empty, {
+  className: s(C.arrow, e)
+}), ke = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Empty, {
   ...r,
-  className: n(I.empty, e)
-}), Re = ({ size: e, className: r, render: o, ...a }) => {
-  const i = me(ne);
+  className: s(C.empty, e)
+}), we = ({ size: e, className: r, render: o, ...a }) => {
+  const i = me(se);
   if (m(o)) return /* @__PURE__ */ t(l.Input, {
     ...a,
     className: r,
     render: o
   });
-  const s = e ?? i?.size ?? "md";
+  const n = e ?? i?.size ?? "md";
   return /* @__PURE__ */ t(l.Input, {
     ...a,
-    className: n(b(x.input, x[s]), r),
+    className: s(b(L.input, L[n]), r),
     "data-grouped": m(i) || void 0
   });
-}, Te = ({ className: e, ...r }) => /* @__PURE__ */ t(l.InputGroup, {
+}, Re = ({ className: e, ...r }) => /* @__PURE__ */ t(l.InputGroup, {
   ...r,
-  className: n(I.inputGroup, e)
-}), ke = ({ className: e, children: r, startIcon: o, endIcon: a, description: i, descriptionPlacement: s = "inline", ...c }) => /* @__PURE__ */ F(l.Item, {
+  className: s(C.inputGroup, e)
+}), Te = ({ className: e, children: r, startIcon: o, endIcon: a, description: i, descriptionPlacement: n = "inline", ...c }) => /* @__PURE__ */ S(l.Item, {
   ...c,
-  className: n(d.root, e),
+  className: s(d.root, e),
   "data-color": "neutral",
   children: [
-    w(o) && /* @__PURE__ */ t("div", {
+    k(o) && /* @__PURE__ */ t("div", {
       className: d.startIcon,
       "aria-hidden": !0,
       children: o
     }),
-    /* @__PURE__ */ F("div", {
+    /* @__PURE__ */ S("div", {
       className: d.label,
       children: [/* @__PURE__ */ t("div", {
         className: d.text,
         children: r
-      }), w(i) && s === "inline" && /* @__PURE__ */ t("div", {
+      }), k(i) && n === "inline" && /* @__PURE__ */ t("div", {
         className: b(d.description, d.inlineDescription),
         children: i
       })]
     }),
-    w(i) && s === "end" && /* @__PURE__ */ t("div", {
+    k(i) && n === "end" && /* @__PURE__ */ t("div", {
       className: b(d.description, d.endDescription),
       children: i
     }),
-    w(a) && /* @__PURE__ */ t("div", {
+    k(a) && /* @__PURE__ */ t("div", {
       className: d.endIcon,
       "aria-hidden": !0,
       children: a
@@ -81,68 +82,68 @@ var be = "_inputGroup_17li0_1", Ne = "_positioner_17li0_8", Ie = "_popup_17li0_1
   ]
 }), ye = ({ className: e, ...r }) => /* @__PURE__ */ t(l.List, {
   ...r,
-  className: n(I.list, e)
+  className: s(C.list, e)
 }), Ge = ({ width: e, style: r, className: o, ...a }) => /* @__PURE__ */ t(l.Popup, {
   ...a,
-  className: n(I.popup, o),
+  className: s(C.popup, o),
   style: (i) => ({
     width: e,
     minInlineSize: m(e) ? 0 : void 0,
     ...y(r) ? r(i) : r
   })
-}), xe = ({ container: e, ...r }) => {
-  const o = ie(), a = D();
+}), Le = ({ container: e, ...r }) => {
+  const o = ie(), a = z();
   return /* @__PURE__ */ t(l.Portal, {
     dir: a,
     ...r,
     container: ce(e) ? o ?? void 0 : e
   });
-}, Le = ({ className: e, align: r = "start", sideOffset: o = 8, ...a }) => {
-  const i = D();
+}, Pe = ({ className: e, align: r = "start", sideOffset: o = 8, ...a }) => {
+  const i = z();
   return /* @__PURE__ */ t(l.Positioner, {
     dir: i,
     align: r,
     sideOffset: o,
     ...a,
-    className: n(I.positioner, e)
+    className: s(C.positioner, e)
   });
-}, Pe = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Separator, {
+}, xe = ({ className: e, ...r }) => /* @__PURE__ */ t(l.Separator, {
   ...r,
-  className: n(I.separator, e)
+  className: s(C.separator, e)
 }), Ee = () => ({
   Root: l.Root,
   Value: l.Value,
   Trigger: l.Trigger,
-  InputGroup: Te,
-  Input: Re,
+  InputGroup: Re,
+  Input: we,
   Icon: l.Icon,
   Clear: l.Clear,
-  Portal: xe,
+  Portal: Le,
   Backdrop: l.Backdrop,
-  Positioner: Le,
+  Positioner: Pe,
   Popup: Ge,
-  Arrow: Ae,
+  Arrow: Fe,
   List: ye,
   Status: l.Status,
   Group: l.Group,
   GroupLabel: l.GroupLabel,
-  Item: ke,
+  Item: Te,
   Row: l.Row,
   Collection: l.Collection,
-  Empty: we,
-  Separator: Pe,
+  Empty: ke,
+  Separator: xe,
   useFilter: l.useFilter,
   useFilteredItems: l.useFilteredItems
-}), zr = /* @__PURE__ */ Ee(), De = "_container_262rx_1", $e = { container: De }, Br = ({ attached: e = !0, framed: r = !1, className: o, children: a, variant: i, size: s, color: c, render: v, ref: C, ..._ }) => {
-  const u = $({
+}), Vr = /* @__PURE__ */ Ee(), ze = "_container_262rx_1", De = { container: ze }, $r = ({ attached: e = !0, framed: r = !1, className: o, children: a, variant: i, size: n, color: c, render: v, ref: I, ..._ }) => {
+  const u = D({
     render: v,
-    ref: C,
+    ref: I,
     props: {
       role: "group",
       "data-attached": e || void 0,
       "data-framed": r || void 0,
       ..._,
-      className: b($e.container, o),
+      className: b(De.container, o),
       children: a
     }
   });
@@ -150,47 +151,47 @@ var be = "_inputGroup_17li0_1", Ne = "_positioner_17li0_8", Ie = "_popup_17li0_1
     value: {
       variant: i,
       color: c,
-      size: s
+      size: n
     },
     children: u
   });
-}, B = ({ className: e, ...r }) => /* @__PURE__ */ t(z.Indicator, {
+}, V = ({ className: e, ...r }) => /* @__PURE__ */ t(B.Indicator, {
   ...r,
-  className: n(p.indicator, e)
-}), V = ({ size: e = "sm", variant: r = "solid", shape: o = "square", color: a = "accent", hoverable: i = !0, className: s, ...c }) => /* @__PURE__ */ t(z.Root, {
+  className: s(p.indicator, e)
+}), $ = ({ size: e = "sm", variant: r = "solid", shape: o = "square", color: a = "accent", hoverable: i = !0, className: n, ...c }) => /* @__PURE__ */ t(B.Root, {
   ...c,
-  className: n(b(p.root, p[e], p[r], p[o], p[a], i && p.hoverable), s)
-}), ze = ({ children: e, ...r }) => /* @__PURE__ */ F(V, {
+  className: s(b(p.root, p[e], p[r], p[o], p[a], i && p.hoverable), n)
+}), Be = ({ children: e, ...r }) => /* @__PURE__ */ S($, {
   ...r,
-  children: [/* @__PURE__ */ F(B, { children: [/* @__PURE__ */ t(te, {
+  children: [/* @__PURE__ */ S(V, { children: [/* @__PURE__ */ t(ae, {
     className: p.check,
     "aria-hidden": !0
-  }), /* @__PURE__ */ t(ae, {
+  }), /* @__PURE__ */ t(te, {
     className: p.minus,
     "aria-hidden": !0
   })] }), e]
-}), Vr = Object.assign(ze, {
-  Root: V,
-  Indicator: B
-}), Be = "_description_yrj5x_1", Ve = { description: Be }, W = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Description, {
+}), Wr = Object.assign(Be, {
+  Root: $,
+  Indicator: V
+}), Ve = "_description_yrj5x_1", $e = { description: Ve }, W = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Description, {
   ref: o,
-  className: n(Ve.description, e),
+  className: s($e.description, e),
   ...r
 }));
 W.displayName = "FieldDescription";
 var We = "_error_179et_1", je = { error: We }, j = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Error, {
   ref: o,
-  className: n(je.error, e),
+  className: s(je.error, e),
   ...r
 }));
 j.displayName = "FieldError";
 var Oe = "_label_ual6o_1", qe = { label: Oe }, O = G(({ className: e, ...r }, o) => /* @__PURE__ */ t(h.Label, {
   ref: o,
-  className: n(qe.label, e),
+  className: s(qe.label, e),
   ...r
 }));
 O.displayName = "FieldLabel";
-var Wr = {
+var jr = {
   Root: h.Root,
   Item: h.Item,
   Label: O,
@@ -198,9 +199,9 @@ var Wr = {
   Description: W,
   Error: j,
   Validity: h.Validity
-}, He = "_root_1bvm7_1", Me = { root: He }, jr = ({ className: e, orientation: r = "vertical", ...o }) => /* @__PURE__ */ t(he, {
+}, He = "_root_1bvm7_1", Me = { root: He }, Or = ({ className: e, orientation: r = "vertical", ...o }) => /* @__PURE__ */ t(he, {
   ...o,
-  className: n(Me.root, e),
+  className: s(Me.root, e),
   "data-orientation": r
 }), Ue = "_root_1mh0w_1", Je = "_accent_1mh0w_16", Ke = "_success_1mh0w_20", Qe = "_control_1mh0w_24", Xe = "_track_1mh0w_42", Ye = "_indicator_1mh0w_55", Ze = "_thumb_1mh0w_66", er = "_label_1mh0w_80", rr = "_value_1mh0w_81", f = {
   root: Ue,
@@ -215,43 +216,43 @@ var Wr = {
 }, or = ({ className: e, color: r = "accent", thumbAlignment: o = "edge", ...a }) => /* @__PURE__ */ t(N.Root, {
   ...a,
   thumbAlignment: o,
-  className: n(b(f.root, f[r]), e)
+  className: s(b(f.root, f[r]), e)
 }), tr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Control, {
   ...r,
-  className: n(f.control, e)
+  className: s(f.control, e)
 }), ar = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Track, {
   ...r,
-  className: n(f.track, e)
+  className: s(f.track, e)
 }), ir = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Indicator, {
   ...r,
-  className: n(f.indicator, e)
+  className: s(f.indicator, e)
 }), lr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Thumb, {
   ...r,
-  className: n(f.thumb, e)
-}), nr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Label, {
+  className: s(f.thumb, e)
+}), sr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Label, {
   ...r,
-  className: n(f.label, e)
-}), sr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Value, {
+  className: s(f.label, e)
+}), nr = ({ className: e, ...r }) => /* @__PURE__ */ t(N.Value, {
   ...r,
-  className: n(f.value, e)
-}), Or = {
+  className: s(f.value, e)
+}), qr = {
   Root: or,
   Control: tr,
   Track: ar,
   Indicator: ir,
   Thumb: lr,
-  Label: nr,
-  Value: sr
+  Label: sr,
+  Value: nr
 }, cr = ({ controlProps: e, nativeProps: r, state: o, render: a }) => {
-  const { ref: i, ...s } = e, { ref: c, ...v } = r;
-  return $({
+  const { ref: i, ...n } = e, { ref: c, ...v } = r;
+  return D({
     defaultTagName: "textarea",
     render: a,
     state: { ...o },
     ref: [i ?? null, c ?? null],
-    props: _e(s, v)
+    props: _e(n, v)
   });
-}, mr = (e) => m(e) ? se(e) ? `${e}px` : String(e) : "", R = (e) => {
+}, mr = (e) => m(e) ? ne(e) : "", w = (e) => {
   e.style.blockSize = "auto";
   const r = e.offsetHeight - e.clientHeight;
   e.style.blockSize = `${e.scrollHeight + r}px`;
@@ -261,19 +262,19 @@ var Wr = {
   const a = new ResizeObserver(() => {
     const i = e.clientWidth;
     i !== o && (o = i, m(r) && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-      r = void 0, R(e);
+      r = void 0, w(e);
     }));
   });
   return a.observe(e), () => {
     a.disconnect(), m(r) && cancelAnimationFrame(r);
   };
-}, dr = ({ textarea: e, autoResize: r, value: o, maxRows: a, rows: i, size: s, variant: c, consumerBlockSize: v, form: C }) => {
+}, dr = ({ textarea: e, autoResize: r, value: o, maxRows: a, rows: i, size: n, variant: c, consumerBlockSize: v, form: I }) => {
   const _ = de(!1);
-  return L(() => {
+  return P(() => {
     if (!m(e)) return;
     const u = _.current;
     if (_.current = r ?? !1, r) {
-      R(e);
+      w(e);
       return;
     }
     u && (e.style.blockSize = mr(v));
@@ -283,34 +284,34 @@ var Wr = {
     o,
     a,
     i,
-    s,
+    n,
     c,
     v
-  ]), L(() => {
+  ]), P(() => {
     if (!r || !m(e)) return;
     let u = !0;
-    const g = (k) => {
+    const g = (T) => {
       requestAnimationFrame(() => {
-        u && !k.defaultPrevented && R(e);
+        u && !T.defaultPrevented && w(e);
       });
-    }, S = e.form, T = ur(e);
-    return S?.addEventListener("reset", g), () => {
-      u = !1, S?.removeEventListener("reset", g), T?.();
+    }, A = e.form, R = ur(e);
+    return A?.addEventListener("reset", g), () => {
+      u = !1, A?.removeEventListener("reset", g), R?.();
     };
   }, [
     e,
     r,
-    C
+    I
   ]), null;
-}, P = (e, r) => {
+}, x = (e, r) => {
   if (m(e)) {
     if (y(e)) return e(r);
     e.current = r;
   }
 }, pr = (...e) => (r) => {
   const o = e.map((a) => {
-    const i = P(a, r);
-    return y(i) ? i : () => P(a, null);
+    const i = x(a, r);
+    return y(i) ? i : () => x(a, null);
   });
   return () => {
     for (const a of o) a();
@@ -319,14 +320,14 @@ var Wr = {
   textarea: vr,
   sm: _r,
   md: fr
-}, qr = ({ size: e = "md", variant: r = "default", autoResize: o = !1, maxRows: a, className: i, style: s, ref: c, render: v, onChange: C, value: _, rows: u, ...g }) => {
-  const [S, T] = pe(null), k = ue(() => pr(c, T), [c]), q = m(_), H = s?.blockSize, M = (A) => {
-    o && !q && R(A.currentTarget), C?.(A);
+}, Hr = ({ size: e = "md", variant: r = "default", autoResize: o = !1, maxRows: a, className: i, style: n, ref: c, render: v, onChange: I, value: _, rows: u, ...g }) => {
+  const [A, R] = pe(null), T = ue(() => pr(c, R), [c]), q = m(_), H = n?.blockSize, M = (F) => {
+    o && !q && w(F.currentTarget), I?.(F);
   }, U = m(a) ? {
-    ...s,
+    ...n,
     "--tw-textarea-max-rows": a
-  } : s, { "aria-describedby": J, id: K, name: Q, disabled: X, autoFocus: Y, defaultValue: Z, onValueChange: ee, ...re } = g;
-  return /* @__PURE__ */ F(ve, { children: [/* @__PURE__ */ t(fe, {
+  } : n, { "aria-describedby": J, id: K, name: Q, disabled: X, autoFocus: Y, defaultValue: Z, onValueChange: ee, ...re } = g;
+  return /* @__PURE__ */ S(ve, { children: [/* @__PURE__ */ t(fe, {
     "aria-describedby": J,
     id: K,
     name: Q,
@@ -334,24 +335,24 @@ var Wr = {
     autoFocus: Y,
     defaultValue: Z,
     onValueChange: ee,
-    render: (A, oe) => /* @__PURE__ */ t(cr, {
-      controlProps: A,
+    render: (F, oe) => /* @__PURE__ */ t(cr, {
+      controlProps: F,
       nativeProps: {
         ...re,
         rows: u,
         onChange: M,
-        ref: k
+        ref: T
       },
       state: oe,
       render: v
     }),
     value: _,
-    className: n(b(E.textarea, E[e]), i),
+    className: s(b(E.textarea, E[e]), i),
     style: U,
     "data-auto-resize": o || void 0,
     "data-variant": r
   }), /* @__PURE__ */ t(dr, {
-    textarea: S,
+    textarea: A,
     autoResize: o,
     value: _,
     maxRows: a,
@@ -363,11 +364,11 @@ var Wr = {
   })] });
 };
 export {
-  Vr as a,
-  Wr as i,
-  Or as n,
-  Br as o,
-  jr as r,
-  zr as s,
-  qr as t
+  Wr as a,
+  jr as i,
+  qr as n,
+  $r as o,
+  Or as r,
+  Vr as s,
+  Hr as t
 };