wimui 0.47.8 → 0.47.10

package/dist/components/ai/ModelSelector/ModelSelector.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./model-selector.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),u=(e,t=`$`)=>`${t}${e}`,d=o.default.forwardRef(({models:e,value:d,defaultValue:f,onChange:p,size:m=`md`,disabled:h=!1,fullWidth:g=!1,showPricing:_=!0,showContext:v=!0,labels:y,className:b,...x},S)=>{let{placeholder:C=`Select a model`,contextLabel:w=`Context`,inputLabel:T=`In`,outputLabel:E=`Out`,perTokensLabel:D=`/1M`,triggerAriaLabel:O=`Select a model`}=y??{},k=d!==void 0,[A,j]=(0,o.useState)(f),M=k?d:A,N=e.find(e=>e.id===M),[P,F]=(0,o.useState)(!1),[I,L]=(0,o.useState)(-1),R=(0,o.useRef)(null),z=(0,o.useRef)(null),B=(0,o.useId)(),V=`${B}-listbox`,H=(0,o.useCallback)(e=>{R.current=e,typeof S==`function`?S(e):S&&(S.current=e)},[S]);(0,o.useEffect)(()=>{if(!P)return;let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[P]);let U=e=>{e.disabled||(k||j(e.id),p?.(e.id,e),F(!1))},W=t=>{if(!h){if(t.key===`ArrowDown`||t.key===`Enter`||t.key===` `){if(t.preventDefault(),!P){F(!0);let t=e.findIndex(e=>e.id===M);L(t>=0?t:0)}}else t.key===`Escape`&&F(!1)}},G=t=>{L(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},K=t=>{if(t.key===`ArrowDown`)t.preventDefault(),G(1);else if(t.key===`ArrowUp`)t.preventDefault(),G(-1);else if(t.key===`Enter`||t.key===` `){t.preventDefault();let n=e[I];n&&U(n)}else t.key===`Escape`&&(t.preventDefault(),F(!1),R.current?.querySelector(`button`)?.focus())};(0,o.useEffect)(()=>{P&&I>=0&&(z.current?.querySelectorAll(`[role="option"]`)?.[I])?.scrollIntoView({block:`nearest`})},[I,P]);let q=e=>{let t=[];if(v&&e.contextLength&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[w,` `,l(e.contextLength)]},`ctx`)),_&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[T,` `,u(n,i),D]},`in`)),r!==void 0&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[E,` `,u(r,i),D]},`out`))}return t.length===0?null:(0,c.jsx)(`span`,{className:a.default.metaRow,children:t})};return(0,c.jsxs)(`div`,{ref:H,className:(0,s.default)(`wim-model-selector`,a.default.root,a.default[m],g&&a.default.fullWidth,h&&a.default.disabled,b),...x,children:[(0,c.jsxs)(`button`,{type:`button`,className:a.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":P,"aria-controls":P?V:void 0,"aria-label":O,disabled:h,onClick:()=>{if(h)return;F(e=>!e);let t=e.findIndex(e=>e.id===M);L(t>=0?t:0)},onKeyDown:W,children:[(0,c.jsx)(`span`,{className:a.default.triggerLabel,children:N?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`span`,{className:a.default.triggerName,children:N.name}),N.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:N.badge})]}):(0,c.jsx)(`span`,{className:a.default.placeholder,children:C})}),(0,c.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,s.default)(a.default.chevron,P&&a.default.chevronOpen)})]}),(0,c.jsx)(t.Transition,{show:P,preset:`scale`,unmount:!0,className:a.default.dropdownWrapper,children:(0,c.jsx)(`ul`,{ref:z,id:V,role:`listbox`,tabIndex:-1,className:a.default.dropdown,onKeyDown:K,"aria-activedescendant":I>=0?`${B}-opt-${I}`:void 0,children:e.map((e,t)=>{let r=e.id===M;return(0,c.jsxs)(`li`,{id:`${B}-opt-${t}`,role:`option`,"aria-selected":r,"aria-disabled":e.disabled||void 0,className:(0,s.default)(a.default.option,t===I&&a.default.active,e.disabled&&a.default.optionDisabled),onMouseEnter:()=>L(t),onClick:()=>U(e),children:[(0,c.jsx)(`span`,{className:a.default.check,"aria-hidden":`true`,children:r&&(0,c.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,c.jsxs)(`span`,{className:a.default.optionBody,children:[(0,c.jsxs)(`span`,{className:a.default.optionHeader,children:[(0,c.jsx)(`span`,{className:a.default.optionName,children:e.name}),e.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:e.badge})]}),e.description&&(0,c.jsx)(`span`,{className:a.default.description,children:e.description}),q(e)]})]},e.id)})})})]})});d.displayName=`ModelSelector`,exports.ModelSelector=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/check.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./model-selector.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=e=>e>=1e6?`${(e/1e6).toFixed(e%1e6==0?0:1)}M`:e>=1e3?`${(e/1e3).toFixed(e%1e3==0?0:1)}K`:String(e),u=(e,t=`$`)=>`${t}${e}`,d=o.default.forwardRef(({models:e,value:d,defaultValue:f,onChange:p,size:m=`md`,disabled:h=!1,fullWidth:g=!1,showPricing:_=!0,showContext:v=!0,labels:y,className:b,...x},S)=>{let{placeholder:C=`Select a model`,contextLabel:w=`Context`,inputLabel:T=`In`,outputLabel:E=`Out`,perTokensLabel:D=`/1M`,triggerAriaLabel:O=`Select a model`}=y??{},k=d!==void 0,[A,j]=(0,o.useState)(f),M=k?d:A,N=e.find(e=>e.id===M),[P,F]=(0,o.useState)(!1),[I,L]=(0,o.useState)(-1),R=(0,o.useRef)(null),z=(0,o.useRef)(null),B=(0,o.useId)(),V=`${B}-listbox`,H=(0,o.useCallback)(e=>{R.current=e,typeof S==`function`?S(e):S&&(S.current=e)},[S]);(0,o.useEffect)(()=>{if(!P)return;let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[P]);let U=e=>{e.disabled||(k||j(e.id),p?.(e.id,e),F(!1))},W=t=>{if(!h){if(t.key===`ArrowDown`||t.key===`Enter`||t.key===` `){if(t.preventDefault(),!P){F(!0);let t=e.findIndex(e=>e.id===M);L(t>=0?t:0)}}else t.key===`Escape`&&F(!1)}},G=t=>{L(n=>{let r=n;for(let n=0;n<e.length&&(r=(r+t+e.length)%e.length,e[r]?.disabled);n++);return r})},K=t=>{if(t.key===`ArrowDown`)t.preventDefault(),G(1);else if(t.key===`ArrowUp`)t.preventDefault(),G(-1);else if(t.key===`Enter`||t.key===` `){t.preventDefault();let n=e[I];n&&U(n)}else t.key===`Escape`&&(t.preventDefault(),F(!1),R.current?.querySelector(`button`)?.focus())};(0,o.useEffect)(()=>{P&&I>=0&&(z.current?.querySelectorAll(`[role="option"]`)?.[I])?.scrollIntoView({block:`nearest`})},[I,P]);let q=e=>{let t=[];if(v&&e.contextLength&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[w,` `,l(e.contextLength)]},`ctx`)),_&&e.pricing){let{input:n,output:r,currency:i}=e.pricing;n!==void 0&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[T,` `,u(n,i),D]},`in`)),r!==void 0&&t.push((0,c.jsxs)(`span`,{className:a.default.meta,children:[E,` `,u(r,i),D]},`out`))}return t.length===0?null:(0,c.jsx)(`span`,{className:a.default.metaRow,children:t})};return(0,c.jsxs)(`div`,{ref:H,className:(0,s.default)(`wim-model-selector`,a.default.root,a.default[m],g&&a.default.fullWidth,h&&a.default.disabled,b),...x,children:[(0,c.jsxs)(`button`,{type:`button`,className:a.default.trigger,"aria-haspopup":`listbox`,"aria-expanded":P,"aria-controls":P?V:void 0,"aria-label":O,disabled:h,onClick:()=>{if(h)return;F(e=>!e);let t=e.findIndex(e=>e.id===M);L(t>=0?t:0)},onKeyDown:W,children:[(0,c.jsx)(`span`,{className:a.default.triggerLabel,children:N?(0,c.jsxs)(c.Fragment,{children:[(0,c.jsx)(`span`,{className:a.default.triggerName,children:N.name}),N.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:N.badge})]}):(0,c.jsx)(`span`,{className:a.default.placeholder,children:C})}),(0,c.jsx)(i.Icon,{component:r.default,size:`sm`,className:(0,s.default)(a.default.chevron,P&&a.default.chevronOpen)})]}),(0,c.jsx)(t.Transition,{show:P,preset:`scale`,unmount:!0,className:a.default.dropdownWrapper,children:(0,c.jsx)(`ul`,{ref:z,id:V,role:`listbox`,"aria-label":O,tabIndex:0,className:a.default.dropdown,onKeyDown:K,"aria-activedescendant":I>=0?`${B}-opt-${I}`:void 0,children:e.map((e,t)=>{let r=e.id===M;return(0,c.jsxs)(`li`,{id:`${B}-opt-${t}`,role:`option`,"aria-selected":r,"aria-disabled":e.disabled||void 0,className:(0,s.default)(a.default.option,t===I&&a.default.active,e.disabled&&a.default.optionDisabled),onMouseEnter:()=>L(t),onClick:()=>U(e),children:[(0,c.jsx)(`span`,{className:a.default.check,"aria-hidden":`true`,children:r&&(0,c.jsx)(i.Icon,{component:n.default,size:`sm`})}),(0,c.jsxs)(`span`,{className:a.default.optionBody,children:[(0,c.jsxs)(`span`,{className:a.default.optionHeader,children:[(0,c.jsx)(`span`,{className:a.default.optionName,children:e.name}),e.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:e.badge})]}),e.description&&(0,c.jsx)(`span`,{className:a.default.description,children:e.description}),q(e)]})]},e.id)})})})]})});d.displayName=`ModelSelector`,exports.ModelSelector=d;

package/dist/components/ai/ModelSelector/ModelSelector.js

@@ -128,7 +128,8 @@ var h = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1
 				ref: G,
 				id: q,
 				role: "listbox",
-				tabIndex: -1,
+				"aria-label": P,
+				tabIndex: 0,
 				className: i.dropdown,
 				onKeyDown: Q,
 				"aria-activedescendant": H >= 0 ? `${K}-opt-${H}` : void 0,

package/dist/components/feedback/Snackbar/snackbar.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_wrapper_jrjaq_3`,t=`_root_jrjaq_41`,n=`_hasCloseButton_jrjaq_58`,r=`_visible_jrjaq_73`,i=`_content_jrjaq_77`,a=`_icon_jrjaq_83`,o=`_message_jrjaq_91`,s=`_actions_jrjaq_96`,c=`_actionButton_jrjaq_102`,l=`_closeButton_jrjaq_106`,u=`_success_jrjaq_134`,d=`_danger_jrjaq_139`,f=`_warning_jrjaq_144`,p=`_info_jrjaq_150`,m={wrapper:e,"top-left":`_top-left_jrjaq_11`,"top-center":`_top-center_jrjaq_16`,"top-right":`_top-right_jrjaq_21`,"bottom-left":`_bottom-left_jrjaq_26`,"bottom-center":`_bottom-center_jrjaq_31`,"bottom-right":`_bottom-right_jrjaq_36`,root:t,hasCloseButton:n,visible:r,content:i,icon:a,message:o,actions:s,actionButton:c,closeButton:l,success:u,danger:d,warning:f,info:p};exports.actionButton=c,exports.actions=s,exports.closeButton=l,exports.content=i,exports.danger=d,exports.default=m,exports.hasCloseButton=n,exports.icon=a,exports.info=p,exports.message=o,exports.root=t,exports.success=u,exports.visible=r,exports.warning=f,exports.wrapper=e;
+var e=`_wrapper_1n28t_3`,t=`_root_1n28t_41`,n=`_hasCloseButton_1n28t_64`,r=`_visible_1n28t_79`,i=`_content_1n28t_83`,a=`_icon_1n28t_89`,o=`_message_1n28t_97`,s=`_actions_1n28t_102`,c=`_actionButton_1n28t_108`,l=`_closeButton_1n28t_112`,u=`_success_1n28t_140`,d=`_danger_1n28t_144`,f=`_warning_1n28t_148`,p=`_info_1n28t_153`,m={wrapper:e,"top-left":`_top-left_1n28t_11`,"top-center":`_top-center_1n28t_16`,"top-right":`_top-right_1n28t_21`,"bottom-left":`_bottom-left_1n28t_26`,"bottom-center":`_bottom-center_1n28t_31`,"bottom-right":`_bottom-right_1n28t_36`,root:t,hasCloseButton:n,visible:r,content:i,icon:a,message:o,actions:s,actionButton:c,closeButton:l,success:u,danger:d,warning:f,info:p};exports.actionButton=c,exports.actions=s,exports.closeButton=l,exports.content=i,exports.danger=d,exports.default=m,exports.hasCloseButton=n,exports.icon=a,exports.info=p,exports.message=o,exports.root=t,exports.success=u,exports.visible=r,exports.warning=f,exports.wrapper=e;

package/dist/components/feedback/Snackbar/snackbar.module.js

@@ -1,13 +1,13 @@
 "use client";
 //#region src/components/feedback/Snackbar/snackbar.module.scss
-var e = "_wrapper_jrjaq_3", t = "_root_jrjaq_41", n = "_hasCloseButton_jrjaq_58", r = "_visible_jrjaq_73", i = "_content_jrjaq_77", a = "_icon_jrjaq_83", o = "_message_jrjaq_91", s = "_actions_jrjaq_96", c = "_actionButton_jrjaq_102", l = "_closeButton_jrjaq_106", u = "_success_jrjaq_134", d = "_danger_jrjaq_139", f = "_warning_jrjaq_144", p = "_info_jrjaq_150", m = {
+var e = "_wrapper_1n28t_3", t = "_root_1n28t_41", n = "_hasCloseButton_1n28t_64", r = "_visible_1n28t_79", i = "_content_1n28t_83", a = "_icon_1n28t_89", o = "_message_1n28t_97", s = "_actions_1n28t_102", c = "_actionButton_1n28t_108", l = "_closeButton_1n28t_112", u = "_success_1n28t_140", d = "_danger_1n28t_144", f = "_warning_1n28t_148", p = "_info_1n28t_153", m = {
 	wrapper: e,
-	"top-left": "_top-left_jrjaq_11",
-	"top-center": "_top-center_jrjaq_16",
-	"top-right": "_top-right_jrjaq_21",
-	"bottom-left": "_bottom-left_jrjaq_26",
-	"bottom-center": "_bottom-center_jrjaq_31",
-	"bottom-right": "_bottom-right_jrjaq_36",
+	"top-left": "_top-left_1n28t_11",
+	"top-center": "_top-center_1n28t_16",
+	"top-right": "_top-right_1n28t_21",
+	"bottom-left": "_bottom-left_1n28t_26",
+	"bottom-center": "_bottom-center_1n28t_31",
+	"bottom-right": "_bottom-right_1n28t_36",
 	root: t,
 	hasCloseButton: n,
 	visible: r,

package/dist/components/form/Cascader/Cascader.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("./cascader.module.cjs"),s=require("../FieldTemplate/FieldTemplate.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var f=({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:v,className:ee,disabled:y=!1,defaultValue:b,id:te,expandTrigger:x=`click`,separator:S=` / `,allowClear:C=!1,"aria-label":w,width:ne,fullWidth:T=!1,...re})=>{let E=(0,c.useId)(),D=te||`wim-cascader-${E}`,O=h?`${D}-label`:void 0,k=g?`${D}-error`:void 0,A=`${D}-trigger`,j=`${D}-popup`,[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)(b||[]),[I,L]=(0,c.useState)([]),[R,z]=(0,c.useState)(-1),[B,V]=(0,c.useState)([]),[H,U]=(0,c.useState)(!1),W=(0,c.useRef)(null),G=(0,c.useRef)(null),K=f!==void 0,q=K?f:P;(0,c.useEffect)(()=>{let e=e=>{W.current&&!W.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,c.useEffect)(()=>{if(M&&R>=0){let e=B[R],t=`${D}-menu-${R}-option-${e}`,n=W.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,M,D]);let J=()=>{if(!y){let e=!M;N(e),e?(L(q||[]),z(0),V([0])):z(-1)}},Y=()=>{if(!q||q.length===0)return null;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,u.jsxs)(c.default.Fragment,{children:[e,n<t.length-1&&(0,u.jsx)(`span`,{children:S})]},n))},X=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(K||F(r),p){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}p(r,t)}N(!1),G.current?.focus()}},ie=e=>{e?.stopPropagation(),!y&&(K||F([]),p&&p([],[]))},ae=(e,t)=>{x===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},oe=t=>{if(U(!0),y)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),J());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&X(e,R);break}case`Escape`:t.preventDefault(),N(!1),z(-1),G.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:M&&(N(!1),z(-1))}},Z=[e],Q=e;for(let e=0;e<I.length;e++){let t=I[e],n=Q.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)Z.push(n.children),Q=n.children;else break}let $=Y(),se=()=>{if(!q||q.length===0)return``;let t=[],n=e;for(let e of q){let r=n.find(t=>t.value===e);if(r)t.push(d(r.label)),n=r.children||[];else break}return t.join(S)};return(0,u.jsx)(s.FieldTemplate,{label:h,error:g,required:_,layout:v,labelId:O,errorId:k,className:(0,l.default)(`wim-cascader`,ee),children:(0,u.jsxs)(`div`,{className:o.default.root,ref:W,onMouseMove:()=>U(!1),"data-keyboard-nav":H,...re,children:[(0,u.jsx)(a.InputBase,{disabled:y,allowClear:C,hasValue:!!$,onClear:ie,intent:g?`danger`:`default`,width:ne,fullWidth:T,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,l.default)(M&&o.default.open),children:(0,u.jsx)(`div`,{id:A,ref:G,className:(0,l.default)(o.default.trigger,y&&o.default.disabled),onClick:J,onKeyDown:oe,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":y,"aria-labelledby":O,"aria-label":O?void 0:w||se()||d(m),"aria-describedby":k,"aria-required":_,"aria-invalid":!!g,"aria-activedescendant":M&&R>=0?`${D}-menu-${R}-option-${B[R]}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(o.default.value,!$&&o.default.placeholder),children:$||m})})}),(0,u.jsx)(t.Transition,{show:M&&!y,preset:`fade`,id:j,className:o.default.dropdown,children:Z.map((e,t)=>(0,u.jsx)(`div`,{className:o.default.menu,role:`listbox`,children:e.map((e,a)=>{let s=I[t]===e.value,c=R===t&&B[t]===a,d=q[t]===e.value,f=e.children&&e.children.length>0;return(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.menuItem,d&&o.default.selected),active:c||s,disabled:e.disabled,onClick:n=>{n.stopPropagation(),X(e,t)},onMouseEnter:()=>{ae(e,t),z(t),V(e=>[...e.slice(0,t),a])},rightSection:f?(0,u.jsx)(r.Icon,{component:n.default,size:`sm`}):void 0,role:`option`,id:`${D}-menu-${t}-option-${a}`,"aria-selected":d,tabIndex:-1,children:e.label},e.value)})},t))})]})})};f.displayName=`Cascader`,exports.Cascader=f;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-right.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("./cascader.module.cjs"),s=require("../FieldTemplate/FieldTemplate.cjs");let c=require("react");c=e.__toESM(c,1);let l=require("classnames");l=e.__toESM(l,1);let u=require("react/jsx-runtime");function d(e){return typeof e==`string`?e:typeof e==`number`?String(e):``}var f=({options:e=[],value:f,onChange:p,placeholder:m,label:h,error:g,required:_,layout:ee,className:v,disabled:y=!1,defaultValue:te,id:ne,expandTrigger:b=`click`,separator:x=` / `,allowClear:S=!1,"aria-label":C,width:w,fullWidth:re=!1,...T})=>{let E=(0,c.useId)(),D=ne||`wim-cascader-${E}`,O=h?`${D}-label`:void 0,k=g?`${D}-error`:void 0,A=`${D}-trigger`,j=`${D}-popup`,[M,N]=(0,c.useState)(!1),[P,F]=(0,c.useState)(te||[]),[I,L]=(0,c.useState)([]),[R,z]=(0,c.useState)(-1),[B,V]=(0,c.useState)([]),[ie,H]=(0,c.useState)(!1),U=(0,c.useRef)(null),W=(0,c.useRef)(null),G=f!==void 0,K=G?f:P;(0,c.useEffect)(()=>{let e=e=>{U.current&&!U.current.contains(e.target)&&N(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,c.useEffect)(()=>{if(M&&R>=0){let e=B[R],t=`${D}-menu-${R}-option-${e}`,n=U.current?.querySelector(`#${t}`);n&&n.scrollIntoView({block:`nearest`,behavior:`smooth`})}},[R,B,M,D]);let q=()=>{if(!y){let e=!M;N(e),e?(L(K||[]),z(0),V([0])):z(-1)}},J=()=>{if(!K||K.length===0)return null;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(r.label),n=r.children||[];else break}return t.length===0?null:t.map((e,n)=>(0,u.jsxs)(c.default.Fragment,{children:[e,n<t.length-1&&(0,u.jsx)(`span`,{children:x})]},n))},Y=(t,n)=>{if(t.disabled)return;let r=[...I.slice(0,n),t.value];if(L(r),!t.children||t.children.length===0){if(G||F(r),p){let t=[],n=e;for(let e of r){let r=n.find(t=>t.value===e);r&&(t.push(r),n=r.children||[])}p(r,t)}N(!1),W.current?.focus()}},ae=e=>{e?.stopPropagation(),!y&&(G||F([]),p&&p([],[]))},oe=(e,t)=>{b===`hover`&&!e.disabled&&L([...I.slice(0,t),e.value])},se=t=>{if(H(!0),y)return;if(!M){(t.key===`Enter`||t.key===` `||t.key===`ArrowDown`||t.key===`ArrowDown`&&t.altKey)&&(t.preventDefault(),q());return}let n=[e],r=e;for(let e=0;e<I.length;e++){let t=I[e],i=r.find(e=>e.value===t);if(i&&i.children&&i.children.length>0)n.push(i.children),r=i.children;else break}let i=n[R]||[],a=B[R]||0;switch(t.key){case`ArrowDown`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.min(a+1,i.length-1),t});break;case`ArrowUp`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=Math.max(a-1,0),t});break;case`ArrowRight`:{t.preventDefault();let e=i[a];e&&e.children&&e.children.length>0&&(L([...I.slice(0,R),e.value]),z(R+1),V(e=>[...e.slice(0,R+1),0]));break}case`ArrowLeft`:t.preventDefault(),R>0&&(z(R-1),V(e=>e.slice(0,R)));break;case`Enter`:case` `:{t.preventDefault();let e=i[a];e&&Y(e,R);break}case`Escape`:t.preventDefault(),N(!1),z(-1),W.current?.focus();break;case`Home`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=0,t});break;case`End`:t.preventDefault(),V(e=>{let t=[...e];return t[R]=i.length-1,t});break;case`Tab`:M&&(N(!1),z(-1))}},X=[e],Z=e;for(let e=0;e<I.length;e++){let t=I[e],n=Z.find(e=>e.value===t);if(n&&n.children&&n.children.length>0)X.push(n.children),Z=n.children;else break}let Q=J(),$=()=>{if(!K||K.length===0)return``;let t=[],n=e;for(let e of K){let r=n.find(t=>t.value===e);if(r)t.push(d(r.label)),n=r.children||[];else break}return t.join(x)};return(0,u.jsx)(s.FieldTemplate,{label:h,error:g,required:_,layout:ee,labelId:O,errorId:k,className:(0,l.default)(`wim-cascader`,v),children:(0,u.jsxs)(`div`,{className:o.default.root,ref:U,onMouseMove:()=>H(!1),"data-keyboard-nav":ie,...T,children:[(0,u.jsx)(a.InputBase,{disabled:y,allowClear:S,hasValue:!!Q,onClear:ae,intent:g?`danger`:`default`,width:w,fullWidth:re,rightIcons:[{name:`ChevronDownIcon`,rotated:M}],className:(0,l.default)(M&&o.default.open),children:(0,u.jsx)(`div`,{id:A,ref:W,className:(0,l.default)(o.default.trigger,y&&o.default.disabled),onClick:q,onKeyDown:se,tabIndex:y?-1:0,role:`combobox`,"aria-expanded":M,"aria-controls":M?j:void 0,"aria-haspopup":`listbox`,"aria-disabled":y,"aria-labelledby":O,"aria-label":O?void 0:C||$()||d(m),"aria-describedby":k,"aria-required":_,"aria-invalid":!!g,"aria-activedescendant":M&&R>=0?`${D}-menu-${R}-option-${B[R]}`:void 0,children:(0,u.jsx)(`div`,{className:(0,l.default)(o.default.value,!Q&&o.default.placeholder),children:Q||m})})}),(0,u.jsx)(t.Transition,{show:M&&!y,preset:`fade`,id:j,className:o.default.dropdown,children:X.map((e,t)=>(0,u.jsx)(`div`,{className:o.default.menu,role:`listbox`,"aria-labelledby":O,"aria-label":O?void 0:C||$()||d(m),children:e.map((e,a)=>{let s=I[t]===e.value,c=R===t&&B[t]===a,d=K[t]===e.value,f=e.children&&e.children.length>0;return(0,u.jsx)(i.BaseListItem,{className:(0,l.default)(o.default.menuItem,d&&o.default.selected),active:c||s,disabled:e.disabled,onClick:n=>{n.stopPropagation(),Y(e,t)},onMouseEnter:()=>{oe(e,t),z(t),V(e=>[...e.slice(0,t),a])},rightSection:f?(0,u.jsx)(r.Icon,{component:n.default,size:`sm`}):void 0,role:`option`,id:`${D}-menu-${t}-option-${a}`,"aria-selected":d,tabIndex:-1,children:e.label},e.value)})},t))})]})})};f.displayName=`Cascader`,exports.Cascader=f;

package/dist/components/form/Cascader/Cascader.js

@@ -13,31 +13,31 @@ import { jsx as p, jsxs as m } from "react/jsx-runtime";
 function h(e) {
 	return typeof e == "string" ? e : typeof e == "number" ? String(e) : "";
 }
-var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: ee, className: te, disabled: C = !1, defaultValue: w, id: T, expandTrigger: ne = "click", separator: E = " / ", allowClear: re = !1, "aria-label": ie, width: ae, fullWidth: oe = !1, ...D }) => {
-	let O = l(), k = T || `wim-cascader-${O}`, A = b ? `${k}-label` : void 0, j = x ? `${k}-error` : void 0, se = `${k}-trigger`, M = `${k}-popup`, [N, P] = d(!1), [ce, F] = d(w || []), [I, L] = d([]), [R, z] = d(-1), [B, V] = d([]), [H, U] = d(!1), W = u(null), G = u(null), K = _ !== void 0, q = K ? _ : ce;
+var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, error: x, required: S, layout: C, className: ee, disabled: w = !1, defaultValue: te, id: ne, expandTrigger: re = "click", separator: T = " / ", allowClear: ie = !1, "aria-label": E, width: ae, fullWidth: oe = !1, ...se }) => {
+	let D = l(), O = ne || `wim-cascader-${D}`, k = b ? `${O}-label` : void 0, A = x ? `${O}-error` : void 0, j = `${O}-trigger`, M = `${O}-popup`, [N, P] = d(!1), [F, I] = d(te || []), [L, R] = d([]), [z, B] = d(-1), [V, H] = d([]), [ce, U] = d(!1), W = u(null), G = u(null), K = _ !== void 0, q = K ? _ : F;
 	c(() => {
 		let e = (e) => {
 			W.current && !W.current.contains(e.target) && P(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, []), c(() => {
-		if (N && R >= 0) {
-			let e = B[R], t = `${k}-menu-${R}-option-${e}`, n = W.current?.querySelector(`#${t}`);
+		if (N && z >= 0) {
+			let e = V[z], t = `${O}-menu-${z}-option-${e}`, n = W.current?.querySelector(`#${t}`);
 			n && n.scrollIntoView({
 				block: "nearest",
 				behavior: "smooth"
 			});
 		}
 	}, [
-		R,
-		B,
+		z,
+		V,
 		N,
-		k
+		O
 	]);
 	let J = () => {
-		if (!C) {
+		if (!w) {
 			let e = !N;
-			P(e), e ? (L(q || []), z(0), V([0])) : z(-1);
+			P(e), e ? (R(q || []), B(0), H([0])) : B(-1);
 		}
 	}, le = () => {
 		if (!q || q.length === 0) return null;
@@ -47,12 +47,12 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 			if (r) e.push(r.label), t = r.children || [];
 			else break;
 		}
-		return e.length === 0 ? null : e.map((t, n) => /* @__PURE__ */ m(s.Fragment, { children: [t, n < e.length - 1 && /* @__PURE__ */ p("span", { children: E })] }, n));
+		return e.length === 0 ? null : e.map((t, n) => /* @__PURE__ */ m(s.Fragment, { children: [t, n < e.length - 1 && /* @__PURE__ */ p("span", { children: T })] }, n));
 	}, Y = (e, t) => {
 		if (e.disabled) return;
-		let n = [...I.slice(0, t), e.value];
-		if (L(n), !e.children || e.children.length === 0) {
-			if (K || F(n), v) {
+		let n = [...L.slice(0, t), e.value];
+		if (R(n), !e.children || e.children.length === 0) {
+			if (K || I(n), v) {
 				let e = [], t = g;
 				for (let r of n) {
 					let n = t.find((e) => e.value === r);
@@ -63,75 +63,75 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 			P(!1), G.current?.focus();
 		}
 	}, ue = (e) => {
-		e?.stopPropagation(), !C && (K || F([]), v && v([], []));
-	}, X = (e, t) => {
-		ne === "hover" && !e.disabled && L([...I.slice(0, t), e.value]);
-	}, de = (e) => {
-		if (U(!0), C) return;
+		e?.stopPropagation(), !w && (K || I([]), v && v([], []));
+	}, de = (e, t) => {
+		re === "hover" && !e.disabled && R([...L.slice(0, t), e.value]);
+	}, fe = (e) => {
+		if (U(!0), w) return;
 		if (!N) {
 			(e.key === "Enter" || e.key === " " || e.key === "ArrowDown" || e.key === "ArrowDown" && e.altKey) && (e.preventDefault(), J());
 			return;
 		}
 		let t = [g], n = g;
-		for (let e = 0; e < I.length; e++) {
-			let r = I[e], i = n.find((e) => e.value === r);
+		for (let e = 0; e < L.length; e++) {
+			let r = L[e], i = n.find((e) => e.value === r);
 			if (i && i.children && i.children.length > 0) t.push(i.children), n = i.children;
 			else break;
 		}
-		let r = t[R] || [], i = B[R] || 0;
+		let r = t[z] || [], i = V[z] || 0;
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), V((e) => {
+				e.preventDefault(), H((e) => {
 					let t = [...e];
-					return t[R] = Math.min(i + 1, r.length - 1), t;
+					return t[z] = Math.min(i + 1, r.length - 1), t;
 				});
 				break;
 			case "ArrowUp":
-				e.preventDefault(), V((e) => {
+				e.preventDefault(), H((e) => {
 					let t = [...e];
-					return t[R] = Math.max(i - 1, 0), t;
+					return t[z] = Math.max(i - 1, 0), t;
 				});
 				break;
 			case "ArrowRight": {
 				e.preventDefault();
 				let t = r[i];
-				t && t.children && t.children.length > 0 && (L([...I.slice(0, R), t.value]), z(R + 1), V((e) => [...e.slice(0, R + 1), 0]));
+				t && t.children && t.children.length > 0 && (R([...L.slice(0, z), t.value]), B(z + 1), H((e) => [...e.slice(0, z + 1), 0]));
 				break;
 			}
 			case "ArrowLeft":
-				e.preventDefault(), R > 0 && (z(R - 1), V((e) => e.slice(0, R)));
+				e.preventDefault(), z > 0 && (B(z - 1), H((e) => e.slice(0, z)));
 				break;
 			case "Enter":
 			case " ": {
 				e.preventDefault();
 				let t = r[i];
-				t && Y(t, R);
+				t && Y(t, z);
 				break;
 			}
 			case "Escape":
-				e.preventDefault(), P(!1), z(-1), G.current?.focus();
+				e.preventDefault(), P(!1), B(-1), G.current?.focus();
 				break;
 			case "Home":
-				e.preventDefault(), V((e) => {
+				e.preventDefault(), H((e) => {
 					let t = [...e];
-					return t[R] = 0, t;
+					return t[z] = 0, t;
 				});
 				break;
 			case "End":
-				e.preventDefault(), V((e) => {
+				e.preventDefault(), H((e) => {
 					let t = [...e];
-					return t[R] = r.length - 1, t;
+					return t[z] = r.length - 1, t;
 				});
 				break;
-			case "Tab": N && (P(!1), z(-1));
+			case "Tab": N && (P(!1), B(-1));
 		}
-	}, Z = [g], Q = g;
-	for (let e = 0; e < I.length; e++) {
-		let t = I[e], n = Q.find((e) => e.value === t);
-		if (n && n.children && n.children.length > 0) Z.push(n.children), Q = n.children;
+	}, X = [g], Z = g;
+	for (let e = 0; e < L.length; e++) {
+		let t = L[e], n = Z.find((e) => e.value === t);
+		if (n && n.children && n.children.length > 0) X.push(n.children), Z = n.children;
 		else break;
 	}
-	let $ = le(), fe = () => {
+	let Q = le(), $ = () => {
 		if (!q || q.length === 0) return "";
 		let e = [], t = g;
 		for (let n of q) {
@@ -139,26 +139,26 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 			if (r) e.push(h(r.label)), t = r.children || [];
 			else break;
 		}
-		return e.join(E);
+		return e.join(T);
 	};
 	return /* @__PURE__ */ p(o, {
 		label: b,
 		error: x,
 		required: S,
-		layout: ee,
-		labelId: A,
-		errorId: j,
-		className: f("wim-cascader", te),
+		layout: C,
+		labelId: k,
+		errorId: A,
+		className: f("wim-cascader", ee),
 		children: /* @__PURE__ */ m("div", {
 			className: a.root,
 			ref: W,
 			onMouseMove: () => U(!1),
-			"data-keyboard-nav": H,
-			...D,
+			"data-keyboard-nav": ce,
+			...se,
 			children: [/* @__PURE__ */ p(i, {
-				disabled: C,
-				allowClear: re,
-				hasValue: !!$,
+				disabled: w,
+				allowClear: ie,
+				hasValue: !!Q,
 				onClear: ue,
 				intent: x ? "danger" : "default",
 				width: ae,
@@ -169,38 +169,40 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 				}],
 				className: f(N && a.open),
 				children: /* @__PURE__ */ p("div", {
-					id: se,
+					id: j,
 					ref: G,
-					className: f(a.trigger, C && a.disabled),
+					className: f(a.trigger, w && a.disabled),
 					onClick: J,
-					onKeyDown: de,
-					tabIndex: C ? -1 : 0,
+					onKeyDown: fe,
+					tabIndex: w ? -1 : 0,
 					role: "combobox",
 					"aria-expanded": N,
 					"aria-controls": N ? M : void 0,
 					"aria-haspopup": "listbox",
-					"aria-disabled": C,
-					"aria-labelledby": A,
-					"aria-label": A ? void 0 : ie || fe() || h(y),
-					"aria-describedby": j,
+					"aria-disabled": w,
+					"aria-labelledby": k,
+					"aria-label": k ? void 0 : E || $() || h(y),
+					"aria-describedby": A,
 					"aria-required": S,
 					"aria-invalid": !!x,
-					"aria-activedescendant": N && R >= 0 ? `${k}-menu-${R}-option-${B[R]}` : void 0,
+					"aria-activedescendant": N && z >= 0 ? `${O}-menu-${z}-option-${V[z]}` : void 0,
 					children: /* @__PURE__ */ p("div", {
-						className: f(a.value, !$ && a.placeholder),
-						children: $ || y
+						className: f(a.value, !Q && a.placeholder),
+						children: Q || y
 					})
 				})
 			}), /* @__PURE__ */ p(e, {
-				show: N && !C,
+				show: N && !w,
 				preset: "fade",
 				id: M,
 				className: a.dropdown,
-				children: Z.map((e, i) => /* @__PURE__ */ p("div", {
+				children: X.map((e, i) => /* @__PURE__ */ p("div", {
 					className: a.menu,
 					role: "listbox",
+					"aria-labelledby": k,
+					"aria-label": k ? void 0 : E || $() || h(y),
 					children: e.map((e, o) => {
-						let s = I[i] === e.value, c = R === i && B[i] === o, l = q[i] === e.value, u = e.children && e.children.length > 0;
+						let s = L[i] === e.value, c = z === i && V[i] === o, l = q[i] === e.value, u = e.children && e.children.length > 0;
 						return /* @__PURE__ */ p(r, {
 							className: f(a.menuItem, l && a.selected),
 							active: c || s,
@@ -209,14 +211,14 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 								t.stopPropagation(), Y(e, i);
 							},
 							onMouseEnter: () => {
-								X(e, i), z(i), V((e) => [...e.slice(0, i), o]);
+								de(e, i), B(i), H((e) => [...e.slice(0, i), o]);
 							},
 							rightSection: u ? /* @__PURE__ */ p(n, {
 								component: t,
 								size: "sm"
 							}) : void 0,
 							role: "option",
-							id: `${k}-menu-${i}-option-${o}`,
+							id: `${O}-menu-${i}-option-${o}`,
 							"aria-selected": l,
 							tabIndex: -1,
 							children: e.label

package/dist/components/form/Combobox/combobox.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_fs1wh_3`,t=`_fullWidth_fs1wh_8`,n=`_input_fs1wh_11`,r=`_dropdown_fs1wh_32`,i=`_list_fs1wh_47`,a=`_option_fs1wh_52`,o=`_selected_fs1wh_56`,s=`_empty_fs1wh_61`,c={root:e,fullWidth:t,input:n,dropdown:r,list:i,option:a,selected:o,empty:s};exports.default=c,exports.dropdown=r,exports.empty=s,exports.fullWidth=t,exports.input=n,exports.list=i,exports.option=a,exports.root=e,exports.selected=o;
+var e=`_root_106uf_3`,t=`_fullWidth_106uf_8`,n=`_input_106uf_11`,r=`_dropdown_106uf_32`,i=`_list_106uf_37`,a=`_option_106uf_60`,o=`_selected_106uf_64`,s=`_empty_106uf_69`,c={root:e,fullWidth:t,input:n,dropdown:r,list:i,option:a,selected:o,empty:s};exports.default=c,exports.dropdown=r,exports.empty=s,exports.fullWidth=t,exports.input=n,exports.list=i,exports.option=a,exports.root=e,exports.selected=o;

package/dist/components/form/Combobox/combobox.module.js

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/form/Combobox/combobox.module.scss
-var e = "_root_fs1wh_3", t = "_fullWidth_fs1wh_8", n = "_input_fs1wh_11", r = "_dropdown_fs1wh_32", i = "_list_fs1wh_47", a = "_option_fs1wh_52", o = "_selected_fs1wh_56", s = "_empty_fs1wh_61", c = {
+var e = "_root_106uf_3", t = "_fullWidth_106uf_8", n = "_input_106uf_11", r = "_dropdown_106uf_32", i = "_list_106uf_37", a = "_option_106uf_60", o = "_selected_106uf_64", s = "_empty_106uf_69", c = {
 	root: e,
 	fullWidth: t,
 	input: n,

package/dist/components/form/DatePicker/DatePicker.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../layout/Transition/Transition.cjs"),r=require("../../overlay/FocusTrap/FocusTrap.cjs"),i=require("../InputBase/InputBase.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Input/input.module.cjs"),s=require("../../data-display/Calendar/Calendar.cjs"),c=require("../../_internal/mergeRefs.cjs"),l=require("./date-picker.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.forwardRef)(({intent:e=`default`,variant:p=`outline`,fullWidth:m=!1,className:h,disabled:g,value:_,defaultValue:v,onChange:y,format:b=`YYYY-MM-DD`,clearable:x=!0,placeholder:S,minDate:ee,maxDate:te,disabledDates:ne,label:C,error:w,required:T,layout:re,id:E,labels:D,width:O,asChild:k=!1,children:A,...j},M)=>{let[N,P]=(0,u.useState)(!1),[F,I]=(0,u.useState)(v||null),L=(0,u.useRef)(null),R=(0,u.useRef)(null),z=c.mergeRefs(L,M),B=(0,u.useId)(),V=E||`wim-datepicker-${B}`,H=`${V}-dropdown`,U=C?`${V}-label`:void 0,W=w?`${V}-error`:void 0,G=_!==void 0,K=G?_:F,q=S??D?.placeholder,J=g,Y=w?`danger`:e;(0,u.useEffect)(()=>{let e=e=>{L.current&&!L.current.contains(e.target)&&P(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,u.useEffect)(()=>{let e=e=>{e.key===`Escape`&&N&&(P(!1),R.current?.focus())};return N&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[N]);let X=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return b.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},Z=e=>{G||I(e),y?.(e),P(!1),R.current?.focus()},Q=e=>{e?.stopPropagation(),J||(G||I(null),y?.(null))},$=()=>{J||P(!N)};return(0,u.useEffect)(()=>{if(N){let e=setTimeout(()=>{let e=L.current?.querySelector(`[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():L.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[N]),(0,f.jsx)(a.FieldTemplate,{label:C,error:w,required:T,layout:re,labelId:U,htmlFor:V,errorId:W,className:h,children:(0,f.jsxs)(k?t.Root:`div`,{ref:z,className:(0,d.default)(`wim-date-picker`,l.default.root,m&&l.default.fullWidth),children:[(0,f.jsxs)(t.Slottable,{children:[(0,f.jsx)(i.InputBase,{intent:Y,variant:p,width:O,fullWidth:m,disabled:J,allowClear:x,hasValue:!!K,onClear:Q,rightIcons:[{name:`ChevronDownIcon`,rotated:N,onClick:$}],children:(0,f.jsx)(`input`,{id:V,ref:R,type:`text`,readOnly:!0,role:`combobox`,className:(0,d.default)(o.default.root,l.default.input),value:X(K),placeholder:q,disabled:J,onClick:$,onKeyDown:e=>{J||(e.key===`Escape`?(P(!1),R.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!N))&&(e.preventDefault(),P(!N)))},"aria-haspopup":`dialog`,"aria-expanded":N,"aria-controls":N?H:void 0,"aria-invalid":Y===`danger`,"aria-describedby":W,"aria-labelledby":U,"aria-required":T,...j})}),(0,f.jsx)(n.Transition,{show:N&&!g,preset:`fade`,id:H,className:l.default.dropdown,children:(0,f.jsx)(r.FocusTrap,{active:N,initialFocus:!1,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":U,children:(0,f.jsx)(s.Calendar,{value:K??void 0,onChange:Z})})})})]}),A]})})});p.displayName=`DatePicker`,exports.DatePicker=p,exports.default=p;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../i18n/useWimTranslation.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../InputBase/InputBase.cjs"),o=require("../FieldTemplate/FieldTemplate.cjs"),s=require("../Input/input.module.cjs"),c=require("../../data-display/Calendar/Calendar.cjs"),l=require("../../_internal/mergeRefs.cjs"),u=require("./date-picker.module.cjs");let d=require("react");d=e.__toESM(d,1);let f=require("classnames");f=e.__toESM(f,1);let p=require("react/jsx-runtime");var m=(0,d.forwardRef)(({intent:e=`default`,variant:m=`outline`,fullWidth:h=!1,className:g,disabled:_,value:v,defaultValue:y,onChange:b,format:x=`YYYY-MM-DD`,clearable:S=!0,placeholder:C,minDate:ee,maxDate:te,disabledDates:ne,label:w,error:T,required:E,layout:D,id:re,labels:O,width:k,asChild:A=!1,children:j,...M},N)=>{let[P,F]=(0,d.useState)(!1),[I,L]=(0,d.useState)(y||null),R=(0,d.useRef)(null),z=(0,d.useRef)(null),B=l.mergeRefs(R,N),{t:V}=n.useWimTranslation(`components`),H=(0,d.useId)(),U=re||`wim-datepicker-${H}`,W=`${U}-dropdown`,G=w?`${U}-label`:void 0,K=T?`${U}-error`:void 0,q=v!==void 0,J=q?v:I,Y=C??O?.placeholder,X=_,Z=T?`danger`:e;(0,d.useEffect)(()=>{let e=e=>{R.current&&!R.current.contains(e.target)&&F(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[]),(0,d.useEffect)(()=>{let e=e=>{e.key===`Escape`&&P&&(F(!1),z.current?.focus())};return P&&document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[P]);let Q=e=>{if(!e)return``;let t=e.getFullYear(),n=String(e.getMonth()+1).padStart(2,`0`),r=String(e.getDate()).padStart(2,`0`);return x.replace(`YYYY`,String(t)).replace(`MM`,n).replace(`DD`,r)},ie=e=>{q||L(e),b?.(e),F(!1),z.current?.focus()},ae=e=>{e?.stopPropagation(),X||(q||L(null),b?.(null))},$=()=>{X||F(!P)};return(0,d.useEffect)(()=>{if(P){let e=setTimeout(()=>{let e=R.current?.querySelector(`[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus`);e?e.focus():R.current?.querySelector(`[data-calendar-day]:not([data-other-month]):not(:disabled)`)?.focus()},50);return()=>clearTimeout(e)}},[P]),(0,p.jsx)(o.FieldTemplate,{label:w,error:T,required:E,layout:D,labelId:G,htmlFor:U,errorId:K,className:g,children:(0,p.jsxs)(A?t.Root:`div`,{ref:B,className:(0,f.default)(`wim-date-picker`,u.default.root,h&&u.default.fullWidth),children:[(0,p.jsxs)(t.Slottable,{children:[(0,p.jsx)(a.InputBase,{intent:Z,variant:m,width:k,fullWidth:h,disabled:X,allowClear:S,hasValue:!!J,onClear:ae,rightIcons:[{name:`ChevronDownIcon`,rotated:P,onClick:$}],children:(0,p.jsx)(`input`,{id:U,ref:z,type:`text`,readOnly:!0,role:`combobox`,className:(0,f.default)(s.default.root,u.default.input),value:Q(J),placeholder:Y,disabled:X,onClick:$,onKeyDown:e=>{X||(e.key===`Escape`?(F(!1),z.current?.focus()):(e.key===`Enter`||e.key===` `||e.key===`ArrowDown`&&(e.altKey||!P))&&(e.preventDefault(),F(!P)))},"aria-haspopup":`dialog`,"aria-expanded":P,"aria-controls":P?W:void 0,"aria-invalid":Z===`danger`,"aria-describedby":K,"aria-labelledby":G,"aria-required":E,...M})}),(0,p.jsx)(r.Transition,{show:P&&!_,preset:`fade`,id:W,className:u.default.dropdown,children:(0,p.jsx)(i.FocusTrap,{active:P,initialFocus:!1,children:(0,p.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":G,"aria-label":G?void 0:M[`aria-label`]??V(`datepicker.dialog`),children:(0,p.jsx)(c.Calendar,{value:J??void 0,onChange:ie})})})})]}),j]})})});m.displayName=`DatePicker`,exports.DatePicker=m,exports.default=m;

package/dist/components/form/DatePicker/DatePicker.js

@@ -1,42 +1,43 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { Transition as n } from "../../layout/Transition/Transition.js";
-import { FocusTrap as r } from "../../overlay/FocusTrap/FocusTrap.js";
-import { InputBase as i } from "../InputBase/InputBase.js";
-import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
-import o from "../Input/input.module.js";
-import { Calendar as ee } from "../../data-display/Calendar/Calendar.js";
-import { mergeRefs as s } from "../../_internal/mergeRefs.js";
-import c from "./date-picker.module.js";
-import { forwardRef as l, useEffect as u, useId as te, useRef as d, useState as f } from "react";
+import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
+import { Transition as r } from "../../layout/Transition/Transition.js";
+import { FocusTrap as ee } from "../../overlay/FocusTrap/FocusTrap.js";
+import { InputBase as te } from "../InputBase/InputBase.js";
+import { FieldTemplate as ne } from "../FieldTemplate/FieldTemplate.js";
+import i from "../Input/input.module.js";
+import { Calendar as a } from "../../data-display/Calendar/Calendar.js";
+import { mergeRefs as o } from "../../_internal/mergeRefs.js";
+import s from "./date-picker.module.js";
+import { forwardRef as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
 import p from "classnames";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/form/DatePicker/DatePicker.tsx
-var g = l(({ intent: l = "default", variant: g = "outline", fullWidth: _ = !1, className: v, disabled: y, value: b, defaultValue: x, onChange: S, format: C = "YYYY-MM-DD", clearable: w = !0, placeholder: T, minDate: ne, maxDate: re, disabledDates: ie, label: E, error: D, required: O, layout: ae, id: k, labels: A, width: j, asChild: M = !1, children: N, ...P }, F) => {
-	let [I, L] = f(!1), [R, z] = f(x || null), B = d(null), V = d(null), H = s(B, F), U = te(), W = k || `wim-datepicker-${U}`, G = `${W}-dropdown`, K = E ? `${W}-label` : void 0, q = D ? `${W}-error` : void 0, J = b !== void 0, Y = J ? b : R, X = T ?? A?.placeholder, Z = y, Q = D ? "danger" : l;
-	u(() => {
+var g = c(({ intent: c = "default", variant: g = "outline", fullWidth: _ = !1, className: v, disabled: y, value: b, defaultValue: x, onChange: S, format: C = "YYYY-MM-DD", clearable: w = !0, placeholder: T, minDate: re, maxDate: ie, disabledDates: ae, label: E, error: D, required: O, layout: oe, id: k, labels: A, width: j, asChild: M = !1, children: N, ...P }, F) => {
+	let [I, L] = f(!1), [R, z] = f(x || null), B = d(null), V = d(null), H = o(B, F), { t: U } = n("components"), W = u(), G = k || `wim-datepicker-${W}`, K = `${G}-dropdown`, q = E ? `${G}-label` : void 0, J = D ? `${G}-error` : void 0, Y = b !== void 0, X = Y ? b : R, se = T ?? A?.placeholder, Z = y, Q = D ? "danger" : c;
+	l(() => {
 		let e = (e) => {
 			B.current && !B.current.contains(e.target) && L(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, []), u(() => {
+	}, []), l(() => {
 		let e = (e) => {
 			e.key === "Escape" && I && (L(!1), V.current?.focus());
 		};
 		return I && document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
 	}, [I]);
-	let oe = (e) => {
+	let ce = (e) => {
 		if (!e) return "";
 		let t = e.getFullYear(), n = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
 		return C.replace("YYYY", String(t)).replace("MM", n).replace("DD", r);
-	}, se = (e) => {
-		J || z(e), S?.(e), L(!1), V.current?.focus();
-	}, ce = (e) => {
-		e?.stopPropagation(), Z || (J || z(null), S?.(null));
+	}, le = (e) => {
+		Y || z(e), S?.(e), L(!1), V.current?.focus();
+	}, ue = (e) => {
+		e?.stopPropagation(), Z || (Y || z(null), S?.(null));
 	}, $ = () => {
 		Z || L(!I);
 	};
-	return u(() => {
+	return l(() => {
 		if (I) {
 			let e = setTimeout(() => {
 				let e = B.current?.querySelector("[data-calendar-day][data-selected]:not(:disabled), [data-calendar-day]:focus");
@@ -44,41 +45,41 @@ var g = l(({ intent: l = "default", variant: g = "outline", fullWidth: _ = !1, c
 			}, 50);
 			return () => clearTimeout(e);
 		}
-	}, [I]), /* @__PURE__ */ m(a, {
+	}, [I]), /* @__PURE__ */ m(ne, {
 		label: E,
 		error: D,
 		required: O,
-		layout: ae,
-		labelId: K,
-		htmlFor: W,
-		errorId: q,
+		layout: oe,
+		labelId: q,
+		htmlFor: G,
+		errorId: J,
 		className: v,
 		children: /* @__PURE__ */ h(M ? e : "div", {
 			ref: H,
-			className: p("wim-date-picker", c.root, _ && c.fullWidth),
-			children: [/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(i, {
+			className: p("wim-date-picker", s.root, _ && s.fullWidth),
+			children: [/* @__PURE__ */ h(t, { children: [/* @__PURE__ */ m(te, {
 				intent: Q,
 				variant: g,
 				width: j,
 				fullWidth: _,
 				disabled: Z,
 				allowClear: w,
-				hasValue: !!Y,
-				onClear: ce,
+				hasValue: !!X,
+				onClear: ue,
 				rightIcons: [{
 					name: "ChevronDownIcon",
 					rotated: I,
 					onClick: $
 				}],
 				children: /* @__PURE__ */ m("input", {
-					id: W,
+					id: G,
 					ref: V,
 					type: "text",
 					readOnly: !0,
 					role: "combobox",
-					className: p(o.root, c.input),
-					value: oe(Y),
-					placeholder: X,
+					className: p(i.root, s.input),
+					value: ce(X),
+					placeholder: se,
 					disabled: Z,
 					onClick: $,
 					onKeyDown: (e) => {
@@ -86,28 +87,29 @@ var g = l(({ intent: l = "default", variant: g = "outline", fullWidth: _ = !1, c
 					},
 					"aria-haspopup": "dialog",
 					"aria-expanded": I,
-					"aria-controls": I ? G : void 0,
+					"aria-controls": I ? K : void 0,
 					"aria-invalid": Q === "danger",
-					"aria-describedby": q,
-					"aria-labelledby": K,
+					"aria-describedby": J,
+					"aria-labelledby": q,
 					"aria-required": O,
 					...P
 				})
-			}), /* @__PURE__ */ m(n, {
+			}), /* @__PURE__ */ m(r, {
 				show: I && !y,
 				preset: "fade",
-				id: G,
-				className: c.dropdown,
-				children: /* @__PURE__ */ m(r, {
+				id: K,
+				className: s.dropdown,
+				children: /* @__PURE__ */ m(ee, {
 					active: I,
 					initialFocus: !1,
 					children: /* @__PURE__ */ m("div", {
 						role: "dialog",
 						"aria-modal": "true",
-						"aria-labelledby": K,
-						children: /* @__PURE__ */ m(ee, {
-							value: Y ?? void 0,
-							onChange: se
+						"aria-labelledby": q,
+						"aria-label": q ? void 0 : P["aria-label"] ?? U("datepicker.dialog"),
+						children: /* @__PURE__ */ m(a, {
+							value: X ?? void 0,
+							onChange: le
 						})
 					})
 				})

package/dist/components/form/PhoneInput/PhoneInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-down.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("./phone-input.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=[{code:`US`,name:`United States`,dialCode:`1`,flag:`🇺🇸`},{code:`JP`,name:`Japan`,dialCode:`81`,flag:`🇯🇵`},{code:`GB`,name:`United Kingdom`,dialCode:`44`,flag:`🇬🇧`},{code:`AU`,name:`Australia`,dialCode:`61`,flag:`🇦🇺`},{code:`DE`,name:`Germany`,dialCode:`49`,flag:`🇩🇪`},{code:`FR`,name:`France`,dialCode:`33`,flag:`🇫🇷`},{code:`CN`,name:`China`,dialCode:`86`,flag:`🇨🇳`},{code:`KR`,name:`South Korea`,dialCode:`82`,flag:`🇰🇷`},{code:`IN`,name:`India`,dialCode:`91`,flag:`🇮🇳`},{code:`BR`,name:`Brazil`,dialCode:`55`,flag:`🇧🇷`}],u=(0,o.forwardRef)(({value:e=``,onChange:u,countryCode:d=`US`,onCountryChange:f,placeholder:p=`000-0000-0000`,disabled:m=!1,error:h,required:g=!1,label:_,layout:v=`vertical`,className:y,fullWidth:b=!1,...x},S)=>{let C=`wim-phone-input-${(0,o.useId)()}`,w=_?`${C}-label`:void 0,T=h?`${C}-error`:void 0,[E,D]=(0,o.useState)(!1),O=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=e=>{O.current&&!O.current.contains(e.target)&&D(!1)};return E&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[E]);let k=l.find(e=>e.code===d)??l[0],A=e=>{u?.(e.target.value)};return(0,c.jsx)(i.FieldTemplate,{label:_,labelId:w,htmlFor:C,required:g,error:h,errorId:T,layout:v,className:y,children:(0,c.jsxs)(`div`,{ref:O,className:(0,s.default)(`wim-phone-input`,a.default.root,b&&a.default.fullWidth,m&&a.default.disabled,h&&a.default.danger),"data-testid":`phone-input-root`,...x,children:[(0,c.jsxs)(`div`,{className:a.default.countryWrapper,children:[(0,c.jsxs)(`button`,{type:`button`,className:a.default.countryTrigger,onClick:()=>!m&&D(!E),disabled:m,"aria-haspopup":`listbox`,"aria-expanded":E,"aria-labelledby":w,"aria-label":_?void 0:`Select country`,children:[(0,c.jsx)(`span`,{"aria-hidden":`true`,style:{fontSize:`1.2em`},children:k.flag}),(0,c.jsxs)(`span`,{children:[`+`,k.dialCode]}),(0,c.jsx)(r.Icon,{component:n.default,size:`sm`,className:(0,s.default)(a.default.chevron,E&&a.default.chevronOpen)})]}),(0,c.jsx)(t.Transition,{show:E,preset:`fade`,className:a.default.dropdown,children:(0,c.jsx)(`ul`,{className:a.default.countryList,role:`listbox`,children:l.map(e=>(0,c.jsxs)(`li`,{className:(0,s.default)(a.default.countryOption,k.code===e.code&&a.default.selected),onClick:()=>{f?.(e.code),D(!1)},onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),f?.(e.code),D(!1))},tabIndex:0,role:`option`,"aria-selected":k.code===e.code,children:[(0,c.jsx)(`span`,{"aria-hidden":`true`,children:e.flag}),(0,c.jsx)(`span`,{className:a.default.countryName,children:e.name}),(0,c.jsxs)(`span`,{className:a.default.countryCode,children:[`+`,e.dialCode]})]},e.code))})})]}),(0,c.jsx)(`div`,{className:a.default.divider,"aria-hidden":`true`}),(0,c.jsx)(`input`,{id:C,ref:S,type:`tel`,value:e,onChange:A,placeholder:p,disabled:m,className:a.default.number,"aria-invalid":!!h,"aria-describedby":T})]})})});u.displayName=`PhoneInput`,exports.PHONE_COUNTRIES=l,exports.PhoneInput=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../layout/Transition/Transition.cjs"),n=require("../../../icon/chevron-down.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("./phone-input.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=[{code:`US`,name:`United States`,dialCode:`1`,flag:`🇺🇸`},{code:`JP`,name:`Japan`,dialCode:`81`,flag:`🇯🇵`},{code:`GB`,name:`United Kingdom`,dialCode:`44`,flag:`🇬🇧`},{code:`AU`,name:`Australia`,dialCode:`61`,flag:`🇦🇺`},{code:`DE`,name:`Germany`,dialCode:`49`,flag:`🇩🇪`},{code:`FR`,name:`France`,dialCode:`33`,flag:`🇫🇷`},{code:`CN`,name:`China`,dialCode:`86`,flag:`🇨🇳`},{code:`KR`,name:`South Korea`,dialCode:`82`,flag:`🇰🇷`},{code:`IN`,name:`India`,dialCode:`91`,flag:`🇮🇳`},{code:`BR`,name:`Brazil`,dialCode:`55`,flag:`🇧🇷`}],u=(0,o.forwardRef)(({value:e=``,onChange:u,countryCode:d=`US`,onCountryChange:f,placeholder:p=`000-0000-0000`,disabled:m=!1,error:h,required:g=!1,label:_,layout:v=`vertical`,className:y,fullWidth:b=!1,...x},S)=>{let C=`wim-phone-input-${(0,o.useId)()}`,w=_?`${C}-label`:void 0,T=_?void 0:`Select country`,E=h?`${C}-error`:void 0,[D,O]=(0,o.useState)(!1),k=(0,o.useRef)(null);(0,o.useEffect)(()=>{let e=e=>{k.current&&!k.current.contains(e.target)&&O(!1)};return D&&document.addEventListener(`mousedown`,e),()=>{document.removeEventListener(`mousedown`,e)}},[D]);let A=l.find(e=>e.code===d)??l[0],j=e=>{u?.(e.target.value)};return(0,c.jsx)(i.FieldTemplate,{label:_,labelId:w,htmlFor:C,required:g,error:h,errorId:E,layout:v,className:y,children:(0,c.jsxs)(`div`,{ref:k,className:(0,s.default)(`wim-phone-input`,a.default.root,b&&a.default.fullWidth,m&&a.default.disabled,h&&a.default.danger),"data-testid":`phone-input-root`,...x,children:[(0,c.jsxs)(`div`,{className:a.default.countryWrapper,children:[(0,c.jsxs)(`button`,{type:`button`,className:a.default.countryTrigger,onClick:()=>!m&&O(!D),disabled:m,"aria-haspopup":`listbox`,"aria-expanded":D,"aria-labelledby":w,"aria-label":T,children:[(0,c.jsx)(`span`,{"aria-hidden":`true`,style:{fontSize:`1.2em`},children:A.flag}),(0,c.jsxs)(`span`,{children:[`+`,A.dialCode]}),(0,c.jsx)(r.Icon,{component:n.default,size:`sm`,className:(0,s.default)(a.default.chevron,D&&a.default.chevronOpen)})]}),(0,c.jsx)(t.Transition,{show:D,preset:`fade`,className:a.default.dropdown,children:(0,c.jsx)(`ul`,{className:a.default.countryList,role:`listbox`,"aria-labelledby":_?w:void 0,"aria-label":T,children:l.map(e=>(0,c.jsxs)(`li`,{className:(0,s.default)(a.default.countryOption,A.code===e.code&&a.default.selected),onClick:()=>{f?.(e.code),O(!1)},onKeyDown:t=>{(t.key===`Enter`||t.key===` `)&&(t.preventDefault(),f?.(e.code),O(!1))},tabIndex:0,role:`option`,"aria-selected":A.code===e.code,children:[(0,c.jsx)(`span`,{"aria-hidden":`true`,children:e.flag}),(0,c.jsx)(`span`,{className:a.default.countryName,children:e.name}),(0,c.jsxs)(`span`,{className:a.default.countryCode,children:[`+`,e.dialCode]})]},e.code))})})]}),(0,c.jsx)(`div`,{className:a.default.divider,"aria-hidden":`true`}),(0,c.jsx)(`input`,{id:C,ref:S,type:`tel`,value:e,onChange:j,placeholder:p,disabled:m,className:a.default.number,"aria-invalid":!!h,"aria-describedby":E})]})})});u.displayName=`PhoneInput`,exports.PHONE_COUNTRIES=l,exports.PhoneInput=u;