wimui 0.23.17 → 0.24.0

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":V,"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`,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;

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

@@ -90,7 +90,7 @@ var h = (e) => e >= 1e6 ? `${(e / 1e6).toFixed(e % 1e6 == 0 ? 0 : 1)}M` : e >= 1
 			className: i.trigger,
 			"aria-haspopup": "listbox",
 			"aria-expanded": B,
-			"aria-controls": q,
+			"aria-controls": B ? q : void 0,
 			"aria-label": P,
 			disabled: x,
 			onClick: () => {

package/dist/components/ai/SourceCitation/SourceCitation.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/external-link.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./source-citation.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}}var l=({title:e,url:a,description:l,index:u,domain:d,className:f})=>{let{t:p}=t.useWimTranslation(`form`),m=d??(a?c(a):void 0),h=u==null?e:p(`source_citation.source_label`,{index:u}),g=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:i.default.header,children:[u!=null&&(0,s.jsx)(`span`,{className:i.default.index,"aria-hidden":`true`,children:u}),(0,s.jsx)(`span`,{className:i.default.title,children:e}),a&&(0,s.jsx)(r.Icon,{component:n.default,size:`xs`,className:i.default.externalIcon,"aria-hidden":`true`})]}),m&&(0,s.jsx)(`div`,{className:i.default.domain,children:m}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]});return a?(0,s.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,className:(0,o.default)(`wim-source-citation`,i.default.root,i.default.link,f),"aria-label":h,children:g}):(0,s.jsx)(`div`,{className:(0,o.default)(`wim-source-citation`,i.default.root,f),"aria-label":h,children:g})},u=a.default.forwardRef(({sources:e,className:t,...n},r)=>(0,s.jsx)(`div`,{ref:r,className:(0,o.default)(i.default.list,t),...n,children:e.map((e,t)=>(0,s.jsx)(l,{index:t+1,...e},e.url??e.title))}));u.displayName=`SourceCitationList`,exports.SourceCitation=l,exports.SourceCitationList=u;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/external-link.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./source-citation.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");function c(e){try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}}var l=({title:e,url:a,description:l,index:u,domain:d,className:f})=>{let{t:p}=t.useWimTranslation(`form`),m=d??(a?c(a):void 0),h=u==null?e:p(`source_citation.source_label`,{index:u}),g=(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(`div`,{className:i.default.header,children:[u!=null&&(0,s.jsx)(`span`,{className:i.default.index,"aria-hidden":`true`,children:u}),(0,s.jsx)(`span`,{className:i.default.title,children:e}),a&&(0,s.jsx)(r.Icon,{component:n.default,size:`xs`,className:i.default.externalIcon,"aria-hidden":`true`})]}),m&&(0,s.jsx)(`div`,{className:i.default.domain,children:m}),l&&(0,s.jsx)(`p`,{className:i.default.description,children:l})]});return a?(0,s.jsx)(`a`,{href:a,target:`_blank`,rel:`noopener noreferrer`,className:(0,o.default)(`wim-source-citation`,i.default.root,i.default.link,f),"aria-label":h,children:g}):(0,s.jsx)(`div`,{className:(0,o.default)(`wim-source-citation`,i.default.root,f),role:`group`,"aria-label":h,children:g})},u=a.default.forwardRef(({sources:e,className:t,...n},r)=>(0,s.jsx)(`div`,{ref:r,className:(0,o.default)(i.default.list,t),...n,children:e.map((e,t)=>(0,s.jsx)(l,{index:t+1,...e},e.url??e.title))}));u.displayName=`SourceCitationList`,exports.SourceCitation=l,exports.SourceCitationList=u;

package/dist/components/ai/SourceCitation/SourceCitation.js

@@ -54,6 +54,7 @@ var u = ({ title: i, url: u, description: d, index: f, domain: p, className: m }
 		children: v
 	}) : /* @__PURE__ */ s("div", {
 		className: a("wim-source-citation", r.root, m),
+		role: "group",
 		"aria-label": _,
 		children: v
 	});

package/dist/components/ai/ThoughtProcess/thought-process.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_7inxn_4`,t=`_thinking_7inxn_23`,n=`_header_7inxn_41`,r=`_chevron_7inxn_65`,i=`_expanded_7inxn_70`,a=`_title_7inxn_73`,o=`_bodyWrapper_7inxn_78`,s=`_open_7inxn_83`,c=`_body_7inxn_78`,l=`_item_7inxn_108`,u=`_content_7inxn_111`,d=`_label_7inxn_114`,f=`_text_7inxn_130`,p=`_connector_7inxn_135`,m=`_spinner_7inxn_138`,h=`_pending_7inxn_157`,g=`_error_7inxn_160`,_=`_streaming_7inxn_166`,v={root:e,thinking:t,"thought-pulse":`_thought-pulse_7inxn_1`,header:n,chevron:r,expanded:i,title:a,bodyWrapper:o,open:s,body:c,item:l,content:u,label:d,text:f,connector:p,spinner:m,"thought-spin":`_thought-spin_7inxn_1`,pending:h,error:g,streaming:_,"cursor-blink":`_cursor-blink_7inxn_1`};exports.body=c,exports.bodyWrapper=o,exports.chevron=r,exports.connector=p,exports.content=u,exports.default=v,exports.error=g,exports.expanded=i,exports.header=n,exports.item=l,exports.label=d,exports.open=s,exports.pending=h,exports.root=e,exports.spinner=m,exports.streaming=_,exports.text=f,exports.thinking=t,exports.title=a;
+var e=`_root_cw67w_4`,t=`_thinking_cw67w_23`,n=`_header_cw67w_41`,r=`_chevron_cw67w_73`,i=`_expanded_cw67w_78`,a=`_title_cw67w_81`,o=`_bodyWrapper_cw67w_86`,s=`_open_cw67w_91`,c=`_body_cw67w_86`,l=`_item_cw67w_116`,u=`_content_cw67w_119`,d=`_label_cw67w_122`,f=`_text_cw67w_138`,p=`_connector_cw67w_143`,m=`_spinner_cw67w_146`,h=`_pending_cw67w_165`,g=`_error_cw67w_168`,_=`_streaming_cw67w_174`,v={root:e,thinking:t,"thought-pulse":`_thought-pulse_cw67w_1`,header:n,chevron:r,expanded:i,title:a,bodyWrapper:o,open:s,body:c,item:l,content:u,label:d,text:f,connector:p,spinner:m,"thought-spin":`_thought-spin_cw67w_1`,pending:h,error:g,streaming:_,"cursor-blink":`_cursor-blink_cw67w_1`};exports.body=c,exports.bodyWrapper=o,exports.chevron=r,exports.connector=p,exports.content=u,exports.default=v,exports.error=g,exports.expanded=i,exports.header=n,exports.item=l,exports.label=d,exports.open=s,exports.pending=h,exports.root=e,exports.spinner=m,exports.streaming=_,exports.text=f,exports.thinking=t,exports.title=a;

package/dist/components/ai/ThoughtProcess/thought-process.module.js

@@ -1,9 +1,9 @@
 "use client";
 //#region src/components/ai/ThoughtProcess/thought-process.module.scss
-var e = "_root_7inxn_4", t = "_thinking_7inxn_23", n = "_header_7inxn_41", r = "_chevron_7inxn_65", i = "_expanded_7inxn_70", a = "_title_7inxn_73", o = "_bodyWrapper_7inxn_78", s = "_open_7inxn_83", c = "_body_7inxn_78", l = "_item_7inxn_108", u = "_content_7inxn_111", d = "_label_7inxn_114", f = "_text_7inxn_130", p = "_connector_7inxn_135", m = "_spinner_7inxn_138", h = "_pending_7inxn_157", g = "_error_7inxn_160", _ = "_streaming_7inxn_166", v = {
+var e = "_root_cw67w_4", t = "_thinking_cw67w_23", n = "_header_cw67w_41", r = "_chevron_cw67w_73", i = "_expanded_cw67w_78", a = "_title_cw67w_81", o = "_bodyWrapper_cw67w_86", s = "_open_cw67w_91", c = "_body_cw67w_86", l = "_item_cw67w_116", u = "_content_cw67w_119", d = "_label_cw67w_122", f = "_text_cw67w_138", p = "_connector_cw67w_143", m = "_spinner_cw67w_146", h = "_pending_cw67w_165", g = "_error_cw67w_168", _ = "_streaming_cw67w_174", v = {
 	root: e,
 	thinking: t,
-	"thought-pulse": "_thought-pulse_7inxn_1",
+	"thought-pulse": "_thought-pulse_cw67w_1",
 	header: n,
 	chevron: r,
 	expanded: i,
@@ -17,11 +17,11 @@ var e = "_root_7inxn_4", t = "_thinking_7inxn_23", n = "_header_7inxn_41", r = "
 	text: f,
 	connector: p,
 	spinner: m,
-	"thought-spin": "_thought-spin_7inxn_1",
+	"thought-spin": "_thought-spin_cw67w_1",
 	pending: h,
 	error: g,
 	streaming: _,
-	"cursor-blink": "_cursor-blink_7inxn_1"
+	"cursor-blink": "_cursor-blink_cw67w_1"
 };
 //#endregion
 export { c as body, o as bodyWrapper, r as chevron, p as connector, u as content, v as default, g as error, i as expanded, n as header, l as item, d as label, s as open, h as pending, e as root, m as spinner, _ as streaming, f as text, t as thinking, a as title };

package/dist/components/data-display/JsonViewer/JsonViewer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-down.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../../icon/trash.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../form/IconButton/IconButton.cjs"),c=require("./json-viewer.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(e,t,n)=>{if(t.length===0)return n;let[r,...i]=t;if(Array.isArray(e)){let t=[...e];return t[r]=f(e[r],i,n),t}else if(typeof e==`object`&&e)return{...e,[r]:f(e[r],i,n)};return e},p=(e,t)=>{if(t.length===0)return e;let[n,...r]=t;if(t.length===1){if(Array.isArray(e))return e.filter((e,t)=>t!==n);if(typeof e==`object`&&e){let t={...e};return delete t[n],t}return e}if(Array.isArray(e)){let t=[...e];return t[n]=p(e[n],r),t}else if(typeof e==`object`&&e)return{...e,[n]:p(e[n],r)};return e},m=(e,t,n)=>{if(t.length===0)return Array.isArray(e)?[...e,``]:typeof e==`object`&&e?{...e,[n||`new_key`]:``}:e;let[r,...i]=t;if(Array.isArray(e)){let t=[...e];return t[r]=m(e[r],i,n),t}else if(typeof e==`object`&&e)return{...e,[r]:m(e[r],i,n)};return e},h=({value:e,onSave:t,className:n})=>{let[r,i]=(0,l.useState)(!1),[a,o]=(0,l.useState)(String(e)),s=l.default.useRef(null);l.default.useEffect(()=>{r&&s.current&&s.current.focus()},[r]);let f=()=>{i(!1);let n=a;typeof e==`number`&&(n=Number(a)),typeof e==`boolean`&&(n=a===`true`),a===`null`&&(n=null),t(n)};return r?(0,d.jsx)(`input`,{ref:s,className:c.default.input,value:a,onChange:e=>o(e.target.value),onBlur:f,onKeyDown:e=>{e.key===`Enter`&&f(),e.key===`Escape`&&i(!1)}}):(0,d.jsx)(`span`,{role:`button`,tabIndex:0,className:(0,u.default)(c.default.value,n,c.default.editable),onClick:()=>i(!0),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i(!0))},children:typeof e==`string`?`"${e}"`:String(e)})},g=({label:e,value:s,depth:f,currentDepth:p,path:m,editable:_,onUpdate:v,onDelete:y,onAdd:b})=>{let{t:x}=t.useWimTranslation(),[S,C]=(0,l.useState)(p<f),w=typeof s==`object`&&!!s,T=Array.isArray(s),E=()=>C(!S),D=()=>_?(0,d.jsxs)(`div`,{className:c.default.actions,children:[w&&(0,d.jsx)(`button`,{type:`button`,className:c.default.nodeAction,onClick:e=>{e.stopPropagation(),b(m)},title:x(`jsonViewer.addItem`),"aria-label":x(`jsonViewer.addItem`),children:(0,d.jsx)(o.Icon,{component:i.default,size:`xs`})}),p>0&&(0,d.jsx)(`button`,{type:`button`,className:(0,u.default)(c.default.nodeAction,c.default.delete),onClick:e=>{e.stopPropagation(),y(m)},title:x(`jsonViewer.deleteItem`),"aria-label":x(`jsonViewer.deleteItem`),children:(0,d.jsx)(o.Icon,{component:a.default,size:`xs`})})]}):null;if(!w)return(0,d.jsxs)(`div`,{className:c.default.node,children:[e&&(0,d.jsxs)(`span`,{className:c.default.key,children:[e,`:`]}),_?(0,d.jsx)(h,{value:s,onSave:e=>v(m,e),className:c.default[s===null?`null`:typeof s]}):(0,d.jsx)(`span`,{className:(0,u.default)(c.default.value,c.default[s===null?`null`:typeof s]),children:typeof s==`string`?`"${s}"`:String(s)}),D()]});let O=T?s.length===0:Object.keys(s).length===0;return(0,d.jsxs)(`div`,{className:c.default.node,children:[(0,d.jsxs)(`div`,{className:c.default.headerRow,children:[(0,d.jsxs)(`div`,{role:`button`,tabIndex:O?-1:0,className:(0,u.default)(c.default.header,!O&&c.default.collapsible),onClick:O?void 0:E,onKeyDown:e=>{!O&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),E())},children:[!O&&(0,d.jsx)(o.Icon,{component:S?n.default:r.default,size:`sm`,className:c.default.toggle}),e&&(0,d.jsxs)(`span`,{className:c.default.key,children:[e,`:`]}),(0,d.jsx)(`span`,{className:c.default.bracket,children:T?`[`:`{`}),!S&&!O&&(0,d.jsx)(`span`,{className:c.default.ellipsis,children:`...`}),!S&&(0,d.jsx)(`span`,{className:c.default.bracket,children:T?`]`:`}`}),S&&(0,d.jsx)(`span`,{className:c.default.count,children:T?`${s.length} items`:`${Object.keys(s).length} keys`})]}),D()]}),S&&!O&&(0,d.jsx)(`div`,{className:c.default.children,children:T?s.map((e,t)=>(0,d.jsx)(g,{value:e,depth:f,currentDepth:p+1,path:[...m,t],editable:_,onUpdate:v,onDelete:y,onAdd:b},t)):Object.entries(s).map(([e,t])=>(0,d.jsx)(g,{label:e,value:t,depth:f,currentDepth:p+1,path:[...m,e],editable:_,onUpdate:v,onDelete:y,onAdd:b},e))}),S&&(0,d.jsx)(`div`,{className:c.default.footer,children:(0,d.jsx)(`span`,{className:c.default.bracket,children:T?`]`:`}`})})]})},_=l.default.forwardRef(({data:e,expandDepth:n=1,showCopy:r=!0,showToolbar:i=!0,editable:a=!1,onChange:o,className:h,..._},v)=>{let{t:y}=t.useWimTranslation(),[b,x]=(0,l.useState)(e),[S,C]=(0,l.useState)(e),w=(0,l.useId)();e!==S&&(x(e),C(e));let T=(0,l.useCallback)((e,t)=>{x(n=>{let r=f(n,e,t);return o?.(r),r})},[o]),E=(0,l.useCallback)(e=>{x(t=>{let n=p(t,e);return o?.(n),n})},[o]),D=(0,l.useCallback)(e=>{x(t=>{let n=m(t,e);return o?.(n),n})},[o]),O=()=>{navigator.clipboard.writeText(JSON.stringify(b,null,2))};return(0,d.jsxs)(`div`,{ref:v,className:(0,u.default)(`wim-json-viewer`,c.default.root,h),"aria-labelledby":i?w:void 0,..._,children:[i&&(0,d.jsxs)(`div`,{className:c.default.toolbar,children:[(0,d.jsx)(`span`,{id:w,className:c.default.title,children:y(a?`jsonViewer.edit`:`jsonViewer.title`)}),r&&(0,d.jsx)(s.IconButton,{iconName:`CopyIcon`,variant:`ghost`,size:`sm`,onClick:O,"aria-label":y(`jsonViewer.copy`)})]}),(0,d.jsx)(`div`,{className:c.default.tree,children:(0,d.jsx)(g,{value:b,depth:n,currentDepth:0,path:[],editable:a,onUpdate:T,onDelete:E,onAdd:D})})]})});_.displayName=`JsonViewer`,exports.JsonViewer=_;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../icon/chevron-down.cjs"),r=require("../../../icon/chevron-right.cjs"),i=require("../../../icon/plus.cjs"),a=require("../../../icon/trash.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../form/IconButton/IconButton.cjs"),c=require("./json-viewer.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=(e,t,n)=>{if(t.length===0)return n;let[r,...i]=t;if(Array.isArray(e)){let t=[...e];return t[r]=f(e[r],i,n),t}else if(typeof e==`object`&&e)return{...e,[r]:f(e[r],i,n)};return e},p=(e,t)=>{if(t.length===0)return e;let[n,...r]=t;if(t.length===1){if(Array.isArray(e))return e.filter((e,t)=>t!==n);if(typeof e==`object`&&e){let t={...e};return delete t[n],t}return e}if(Array.isArray(e)){let t=[...e];return t[n]=p(e[n],r),t}else if(typeof e==`object`&&e)return{...e,[n]:p(e[n],r)};return e},m=(e,t,n)=>{if(t.length===0)return Array.isArray(e)?[...e,``]:typeof e==`object`&&e?{...e,[n||`new_key`]:``}:e;let[r,...i]=t;if(Array.isArray(e)){let t=[...e];return t[r]=m(e[r],i,n),t}else if(typeof e==`object`&&e)return{...e,[r]:m(e[r],i,n)};return e},h=({value:e,onSave:t,className:n})=>{let[r,i]=(0,l.useState)(!1),[a,o]=(0,l.useState)(String(e)),s=l.default.useRef(null);l.default.useEffect(()=>{r&&s.current&&s.current.focus()},[r]);let f=()=>{i(!1);let n=a;typeof e==`number`&&(n=Number(a)),typeof e==`boolean`&&(n=a===`true`),a===`null`&&(n=null),t(n)};return r?(0,d.jsx)(`input`,{ref:s,className:c.default.input,value:a,onChange:e=>o(e.target.value),onBlur:f,onKeyDown:e=>{e.key===`Enter`&&f(),e.key===`Escape`&&i(!1)}}):(0,d.jsx)(`span`,{role:`button`,tabIndex:0,className:(0,u.default)(c.default.value,n,c.default.editable),onClick:()=>i(!0),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),i(!0))},children:typeof e==`string`?`"${e}"`:String(e)})},g=({label:e,value:s,depth:f,currentDepth:p,path:m,editable:_,onUpdate:v,onDelete:y,onAdd:b})=>{let{t:x}=t.useWimTranslation(),[S,C]=(0,l.useState)(p<f),w=typeof s==`object`&&!!s,T=Array.isArray(s),E=()=>C(!S),D=()=>_?(0,d.jsxs)(`div`,{className:c.default.actions,children:[w&&(0,d.jsx)(`button`,{type:`button`,className:c.default.nodeAction,onClick:e=>{e.stopPropagation(),b(m)},title:x(`jsonViewer.addItem`),"aria-label":x(`jsonViewer.addItem`),children:(0,d.jsx)(o.Icon,{component:i.default,size:`xs`})}),p>0&&(0,d.jsx)(`button`,{type:`button`,className:(0,u.default)(c.default.nodeAction,c.default.delete),onClick:e=>{e.stopPropagation(),y(m)},title:x(`jsonViewer.deleteItem`),"aria-label":x(`jsonViewer.deleteItem`),children:(0,d.jsx)(o.Icon,{component:a.default,size:`xs`})})]}):null;if(!w)return(0,d.jsxs)(`div`,{className:c.default.node,children:[e&&(0,d.jsxs)(`span`,{className:c.default.key,children:[e,`:`]}),_?(0,d.jsx)(h,{value:s,onSave:e=>v(m,e),className:c.default[s===null?`null`:typeof s]}):(0,d.jsx)(`span`,{className:(0,u.default)(c.default.value,c.default[s===null?`null`:typeof s]),children:typeof s==`string`?`"${s}"`:String(s)}),D()]});let O=T?s.length===0:Object.keys(s).length===0;return(0,d.jsxs)(`div`,{className:c.default.node,children:[(0,d.jsxs)(`div`,{className:c.default.headerRow,children:[(0,d.jsxs)(`div`,{role:`button`,tabIndex:O?-1:0,className:(0,u.default)(c.default.header,!O&&c.default.collapsible),onClick:O?void 0:E,onKeyDown:e=>{!O&&(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),E())},children:[!O&&(0,d.jsx)(o.Icon,{component:S?n.default:r.default,size:`sm`,className:c.default.toggle}),e&&(0,d.jsxs)(`span`,{className:c.default.key,children:[e,`:`]}),(0,d.jsx)(`span`,{className:c.default.bracket,children:T?`[`:`{`}),!S&&!O&&(0,d.jsx)(`span`,{className:c.default.ellipsis,children:`...`}),!S&&(0,d.jsx)(`span`,{className:c.default.bracket,children:T?`]`:`}`}),S&&(0,d.jsx)(`span`,{className:c.default.count,children:T?`${s.length} items`:`${Object.keys(s).length} keys`})]}),D()]}),S&&!O&&(0,d.jsx)(`div`,{className:c.default.children,children:T?s.map((e,t)=>(0,d.jsx)(g,{value:e,depth:f,currentDepth:p+1,path:[...m,t],editable:_,onUpdate:v,onDelete:y,onAdd:b},t)):Object.entries(s).map(([e,t])=>(0,d.jsx)(g,{label:e,value:t,depth:f,currentDepth:p+1,path:[...m,e],editable:_,onUpdate:v,onDelete:y,onAdd:b},e))}),S&&(0,d.jsx)(`div`,{className:c.default.footer,children:(0,d.jsx)(`span`,{className:c.default.bracket,children:T?`]`:`}`})})]})},_=l.default.forwardRef(({data:e,expandDepth:n=1,showCopy:r=!0,showToolbar:i=!0,editable:a=!1,onChange:o,className:h,..._},v)=>{let{t:y}=t.useWimTranslation(),[b,x]=(0,l.useState)(e),[S,C]=(0,l.useState)(e),w=(0,l.useId)();e!==S&&(x(e),C(e));let T=(0,l.useCallback)((e,t)=>{x(n=>{let r=f(n,e,t);return o?.(r),r})},[o]),E=(0,l.useCallback)(e=>{x(t=>{let n=p(t,e);return o?.(n),n})},[o]),D=(0,l.useCallback)(e=>{x(t=>{let n=m(t,e);return o?.(n),n})},[o]),O=()=>{navigator.clipboard.writeText(JSON.stringify(b,null,2))};return(0,d.jsxs)(`div`,{ref:v,className:(0,u.default)(`wim-json-viewer`,c.default.root,h),role:i?`group`:void 0,"aria-labelledby":i?w:void 0,..._,children:[i&&(0,d.jsxs)(`div`,{className:c.default.toolbar,children:[(0,d.jsx)(`span`,{id:w,className:c.default.title,children:y(a?`jsonViewer.edit`:`jsonViewer.title`)}),r&&(0,d.jsx)(s.IconButton,{iconName:`CopyIcon`,variant:`ghost`,size:`sm`,onClick:O,"aria-label":y(`jsonViewer.copy`)})]}),(0,d.jsx)(`div`,{className:c.default.tree,children:(0,d.jsx)(g,{value:b,depth:n,currentDepth:0,path:[],editable:a,onUpdate:T,onDelete:E,onAdd:D})})]})});_.displayName=`JsonViewer`,exports.JsonViewer=_;

package/dist/components/data-display/JsonViewer/JsonViewer.js

@@ -230,6 +230,7 @@ var h = (e, t, n) => {
 	return /* @__PURE__ */ m("div", {
 		ref: x,
 		className: f("wim-json-viewer", s.root, v),
+		role: i ? "group" : void 0,
 		"aria-labelledby": i ? D : void 0,
 		...b,
 		children: [i && /* @__PURE__ */ m("div", {

package/dist/components/data-display/Kanban/Kanban.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("../../../i18n/useWimTranslation.cjs"),r=require("../../../icon/more-horizontal.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./kanban.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=(0,o.forwardRef)(({columns:e,onMove:r,onCardMove:i,className:l,forceMobileUI:d=!1,children:f,asChild:m=!1,...g},_)=>{let{t:v}=n.useWimTranslation(`common`),[y,b]=(0,o.useState)(null),[x,S]=(0,o.useState)(null),[C,w]=(0,o.useState)(null),T=r||i,E=(e,t,n)=>{b({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},D=(e,t)=>{e.preventDefault(),S(t)},O=(e,t)=>{e.preventDefault(),S(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);T?.(r,n,t),b(null)},k=(e,t,n)=>{T?.(e,t,n),w(null)},A=o.default.useMemo(()=>{if(e)return e;let t=[];return o.default.Children.forEach(f,e=>{if(o.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[f,e]),j=()=>f||(e?e.map(e=>(0,c.jsx)(h,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,c.jsx)(p,{id:e.id,children:e.content},e.id))},e.id)):null),M=m?t.Root:`div`;return(0,c.jsx)(u.Provider,{value:{draggedItem:y,dragOverColumn:x,setDragOverColumn:S,handleDragStart:E,handleDragOver:D,handleDrop:O,handleMobileMove:k,activeMobileMenu:C,setActiveMobileMenu:w,columns:A},children:(0,c.jsx)(M,{...g,ref:_,className:(0,s.default)(`wim-kanban`,a.default.root,d&&a.default.touch,l),role:`region`,"aria-label":v(`a11y.kanban_board`),tabIndex:0,children:(0,c.jsx)(t.Slottable,{children:j()})})})}),u=o.default.createContext(null),d=()=>{let e=o.default.useContext(u);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},f=({id:e,title:t,cardCount:n,children:r,className:i})=>{let{dragOverColumn:o,handleDragOver:l,handleDrop:u,setDragOverColumn:f}=d();return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.column,{[a.default.dragOver]:o===e},i),onDragOver:t=>l(t,e),onDrop:t=>u(t,e),onDragLeave:()=>f(null),children:[(0,c.jsxs)(`div`,{className:a.default.columnHeader,children:[(0,c.jsx)(`div`,{className:a.default.columnTitle,children:t}),n!==void 0&&(0,c.jsx)(`div`,{className:a.default.columnCount,"aria-label":`${n} cards`,children:n})]}),(0,c.jsx)(`div`,{className:a.default.columnBody,children:r})]})},p=({id:e,children:t,disabled:l,className:u})=>{let{t:f}=n.useWimTranslation(`common`),{draggedItem:p,handleDragStart:h,handleMobileMove:g,activeMobileMenu:_,setActiveMobileMenu:v,columns:y}=d(),b=o.default.useContext(m);return(0,c.jsxs)(`div`,{className:(0,s.default)(a.default.card,{[a.default.dragging]:p?.itemId===e,[a.default.disabled]:l},u),draggable:!l,onDragStart:t=>b&&h(t,e,b),children:[(0,c.jsx)(`div`,{className:a.default.cardContent,children:t}),(0,c.jsxs)(`div`,{className:a.default.cardMove,children:[(0,c.jsx)(`button`,{type:`button`,className:a.default.cardMoveBtn,onClick:()=>v(_===e?null:e),"aria-label":f(`a11y.move_card`),disabled:l,children:(0,c.jsx)(i.Icon,{component:r.default,size:`sm`})}),_===e&&(0,c.jsx)(`div`,{className:a.default.cardMoveMenu,role:`listbox`,"aria-label":f(`a11y.move_to_column`),children:y.filter(e=>e.id!==b).map(t=>(0,c.jsx)(`button`,{type:`button`,className:a.default.cardMoveOption,onClick:()=>b&&g(e,b,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},m=o.default.createContext(null),h=e=>(0,c.jsx)(m.Provider,{value:e.id,children:(0,c.jsx)(f,{...e})}),g=l;g.Column=h,g.Card=p,l.displayName=`Kanban`,g.displayName=`KanbanBoard`,f.displayName=`KanbanColumn`,p.displayName=`KanbanCard`,h.displayName=`KanbanColumnWrapper`,exports.Kanban=l,exports.KanbanBoard=g,exports.default=g,exports.KanbanCard=p,exports.KanbanColumn=f;
+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/VisuallyHidden/VisuallyHidden.cjs"),i=require("../../../icon/more-horizontal.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./kanban.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("classnames");c=e.__toESM(c,1);let l=require("react/jsx-runtime");var u=(0,s.forwardRef)(({columns:e,onMove:r,onCardMove:i,className:a,forceMobileUI:u=!1,children:f,asChild:p=!1,...h},_)=>{let{t:v}=n.useWimTranslation(`common`),[y,b]=(0,s.useState)(null),[x,S]=(0,s.useState)(null),[C,w]=(0,s.useState)(null),T=r||i,E=(e,t,n)=>{b({itemId:t,columnId:n}),e.dataTransfer.setData(`text/plain`,`${n}:${t}`),e.dataTransfer.effectAllowed=`move`},D=(e,t)=>{e.preventDefault(),S(t)},O=(e,t)=>{e.preventDefault(),S(null);let[n,r]=e.dataTransfer.getData(`text/plain`).split(`:`);T?.(r,n,t),b(null)},k=(e,t,n)=>{T?.(e,t,n),w(null)},A=s.default.useMemo(()=>{if(e)return e;let t=[];return s.default.Children.forEach(f,e=>{if(s.default.isValidElement(e)){let n=e.props;typeof n.id==`string`&&typeof n.title==`string`&&t.push({id:n.id,title:n.title,items:[]})}}),t},[f,e]),j=()=>f||(e?e.map(e=>(0,l.jsx)(g,{id:e.id,title:e.title,cardCount:e.items.length,children:e.items.map(e=>(0,l.jsx)(m,{id:e.id,children:e.content},e.id))},e.id)):null),M=p?t.Root:`div`;return(0,l.jsx)(d.Provider,{value:{draggedItem:y,dragOverColumn:x,setDragOverColumn:S,handleDragStart:E,handleDragOver:D,handleDrop:O,handleMobileMove:k,activeMobileMenu:C,setActiveMobileMenu:w,columns:A},children:(0,l.jsx)(M,{...h,ref:_,className:(0,c.default)(`wim-kanban`,o.default.root,u&&o.default.touch,a),role:`region`,"aria-label":v(`a11y.kanban_board`),tabIndex:0,children:(0,l.jsx)(t.Slottable,{children:j()})})})}),d=s.default.createContext(null),f=()=>{let e=s.default.useContext(d);if(!e)throw Error(`Kanban compound components must be used within Kanban`);return e},p=({id:e,title:t,cardCount:i,children:a,className:s})=>{let{dragOverColumn:u,handleDragOver:d,handleDrop:p,setDragOverColumn:m}=f(),{t:h}=n.useWimTranslation(`common`);return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.column,{[o.default.dragOver]:u===e},s),onDragOver:t=>d(t,e),onDrop:t=>p(t,e),onDragLeave:()=>m(null),children:[(0,l.jsxs)(`div`,{className:o.default.columnHeader,children:[(0,l.jsx)(`div`,{className:o.default.columnTitle,children:t}),i!==void 0&&(0,l.jsxs)(`div`,{className:o.default.columnCount,children:[(0,l.jsx)(`span`,{"aria-hidden":`true`,children:i}),(0,l.jsx)(r.VisuallyHidden,{children:h(`a11y.kanban_column_count`,{count:i})})]})]}),(0,l.jsx)(`div`,{className:o.default.columnBody,children:a})]})},m=({id:e,children:t,disabled:r,className:u})=>{let{t:d}=n.useWimTranslation(`common`),{draggedItem:p,handleDragStart:m,handleMobileMove:g,activeMobileMenu:_,setActiveMobileMenu:v,columns:y}=f(),b=s.default.useContext(h);return(0,l.jsxs)(`div`,{className:(0,c.default)(o.default.card,{[o.default.dragging]:p?.itemId===e,[o.default.disabled]:r},u),draggable:!r,onDragStart:t=>b&&m(t,e,b),children:[(0,l.jsx)(`div`,{className:o.default.cardContent,children:t}),(0,l.jsxs)(`div`,{className:o.default.cardMove,children:[(0,l.jsx)(`button`,{type:`button`,className:o.default.cardMoveBtn,onClick:()=>v(_===e?null:e),"aria-label":d(`a11y.move_card`),disabled:r,children:(0,l.jsx)(a.Icon,{component:i.default,size:`sm`})}),_===e&&(0,l.jsx)(`div`,{className:o.default.cardMoveMenu,role:`listbox`,"aria-label":d(`a11y.move_to_column`),children:y.filter(e=>e.id!==b).map(t=>(0,l.jsx)(`button`,{type:`button`,className:o.default.cardMoveOption,onClick:()=>b&&g(e,b,t.id),role:`option`,"aria-selected":!1,children:t.title},t.id))})]})]})},h=s.default.createContext(null),g=e=>(0,l.jsx)(h.Provider,{value:e.id,children:(0,l.jsx)(p,{...e})}),_=u;_.Column=g,_.Card=m,u.displayName=`Kanban`,_.displayName=`KanbanBoard`,p.displayName=`KanbanColumn`,m.displayName=`KanbanCard`,g.displayName=`KanbanColumnWrapper`,exports.Kanban=u,exports.KanbanBoard=_,exports.default=_,exports.KanbanCard=m,exports.KanbanColumn=p;

package/dist/components/data-display/Kanban/Kanban.js

@@ -1,15 +1,16 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as n } from "../../../i18n/useWimTranslation.js";
-import r from "../../../icon/more-horizontal.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
-import a from "./kanban.module.js";
-import o, { forwardRef as s, useState as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { VisuallyHidden as r } from "../../layout/VisuallyHidden/VisuallyHidden.js";
+import i from "../../../icon/more-horizontal.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import o from "./kanban.module.js";
+import s, { forwardRef as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/data-display/Kanban/Kanban.tsx
-var f = s(({ columns: r, onMove: i, onCardMove: s, className: d, forceMobileUI: f = !1, children: m, asChild: h = !1, ..._ }, y) => {
-	let { t: b } = n("common"), [x, S] = c(null), [C, w] = c(null), [T, E] = c(null), D = i || s, O = (e, t, n) => {
+var p = c(({ columns: r, onMove: i, onCardMove: a, className: c, forceMobileUI: f = !1, children: p, asChild: h = !1, ...g }, v) => {
+	let { t: b } = n("common"), [x, S] = l(null), [C, w] = l(null), [T, E] = l(null), D = i || a, O = (e, t, n) => {
 		S({
 			itemId: t,
 			columnId: n
@@ -22,11 +23,11 @@ var f = s(({ columns: r, onMove: i, onCardMove: s, className: d, forceMobileUI:
 		D?.(r, n, t), S(null);
 	}, j = (e, t, n) => {
 		D?.(e, t, n), E(null);
-	}, M = o.useMemo(() => {
+	}, M = s.useMemo(() => {
 		if (r) return r;
 		let e = [];
-		return o.Children.forEach(m, (t) => {
-			if (o.isValidElement(t)) {
+		return s.Children.forEach(p, (t) => {
+			if (s.isValidElement(t)) {
 				let n = t.props;
 				typeof n.id == "string" && typeof n.title == "string" && e.push({
 					id: n.id,
@@ -35,16 +36,16 @@ var f = s(({ columns: r, onMove: i, onCardMove: s, className: d, forceMobileUI:
 				});
 			}
 		}), e;
-	}, [m, r]), N = () => m || (r ? r.map((e) => /* @__PURE__ */ u(v, {
+	}, [p, r]), N = () => p || (r ? r.map((e) => /* @__PURE__ */ d(y, {
 		id: e.id,
 		title: e.title,
 		cardCount: e.items.length,
-		children: e.items.map((e) => /* @__PURE__ */ u(g, {
+		children: e.items.map((e) => /* @__PURE__ */ d(_, {
 			id: e.id,
 			children: e.content
 		}, e.id))
 	}, e.id)) : null), P = h ? e : "div";
-	return /* @__PURE__ */ u(p.Provider, {
+	return /* @__PURE__ */ d(m.Provider, {
 		value: {
 			draggedItem: x,
 			dragOverColumn: C,
@@ -57,73 +58,75 @@ var f = s(({ columns: r, onMove: i, onCardMove: s, className: d, forceMobileUI:
 			setActiveMobileMenu: E,
 			columns: M
 		},
-		children: /* @__PURE__ */ u(P, {
-			..._,
-			ref: y,
-			className: l("wim-kanban", a.root, f && a.touch, d),
+		children: /* @__PURE__ */ d(P, {
+			...g,
+			ref: v,
+			className: u("wim-kanban", o.root, f && o.touch, c),
 			role: "region",
 			"aria-label": b("a11y.kanban_board"),
 			tabIndex: 0,
-			children: /* @__PURE__ */ u(t, { children: N() })
+			children: /* @__PURE__ */ d(t, { children: N() })
 		})
 	});
-}), p = o.createContext(null), m = () => {
-	let e = o.useContext(p);
+}), m = s.createContext(null), h = () => {
+	let e = s.useContext(m);
 	if (!e) throw Error("Kanban compound components must be used within Kanban");
 	return e;
-}, h = ({ id: e, title: t, cardCount: n, children: r, className: i }) => {
-	let { dragOverColumn: o, handleDragOver: s, handleDrop: c, setDragOverColumn: f } = m();
-	return /* @__PURE__ */ d("div", {
-		className: l(a.column, { [a.dragOver]: o === e }, i),
-		onDragOver: (t) => s(t, e),
-		onDrop: (t) => c(t, e),
-		onDragLeave: () => f(null),
-		children: [/* @__PURE__ */ d("div", {
-			className: a.columnHeader,
-			children: [/* @__PURE__ */ u("div", {
-				className: a.columnTitle,
+}, g = ({ id: e, title: t, cardCount: i, children: a, className: s }) => {
+	let { dragOverColumn: c, handleDragOver: l, handleDrop: p, setDragOverColumn: m } = h(), { t: g } = n("common");
+	return /* @__PURE__ */ f("div", {
+		className: u(o.column, { [o.dragOver]: c === e }, s),
+		onDragOver: (t) => l(t, e),
+		onDrop: (t) => p(t, e),
+		onDragLeave: () => m(null),
+		children: [/* @__PURE__ */ f("div", {
+			className: o.columnHeader,
+			children: [/* @__PURE__ */ d("div", {
+				className: o.columnTitle,
 				children: t
-			}), n !== void 0 && /* @__PURE__ */ u("div", {
-				className: a.columnCount,
-				"aria-label": `${n} cards`,
-				children: n
+			}), i !== void 0 && /* @__PURE__ */ f("div", {
+				className: o.columnCount,
+				children: [/* @__PURE__ */ d("span", {
+					"aria-hidden": "true",
+					children: i
+				}), /* @__PURE__ */ d(r, { children: g("a11y.kanban_column_count", { count: i }) })]
 			})]
-		}), /* @__PURE__ */ u("div", {
-			className: a.columnBody,
-			children: r
+		}), /* @__PURE__ */ d("div", {
+			className: o.columnBody,
+			children: a
 		})]
 	});
-}, g = ({ id: e, children: t, disabled: s, className: c }) => {
-	let { t: f } = n("common"), { draggedItem: p, handleDragStart: h, handleMobileMove: g, activeMobileMenu: v, setActiveMobileMenu: y, columns: b } = m(), x = o.useContext(_);
-	return /* @__PURE__ */ d("div", {
-		className: l(a.card, {
-			[a.dragging]: p?.itemId === e,
-			[a.disabled]: s
+}, _ = ({ id: e, children: t, disabled: r, className: c }) => {
+	let { t: l } = n("common"), { draggedItem: p, handleDragStart: m, handleMobileMove: g, activeMobileMenu: _, setActiveMobileMenu: y, columns: b } = h(), x = s.useContext(v);
+	return /* @__PURE__ */ f("div", {
+		className: u(o.card, {
+			[o.dragging]: p?.itemId === e,
+			[o.disabled]: r
 		}, c),
-		draggable: !s,
-		onDragStart: (t) => x && h(t, e, x),
-		children: [/* @__PURE__ */ u("div", {
-			className: a.cardContent,
+		draggable: !r,
+		onDragStart: (t) => x && m(t, e, x),
+		children: [/* @__PURE__ */ d("div", {
+			className: o.cardContent,
 			children: t
-		}), /* @__PURE__ */ d("div", {
-			className: a.cardMove,
-			children: [/* @__PURE__ */ u("button", {
+		}), /* @__PURE__ */ f("div", {
+			className: o.cardMove,
+			children: [/* @__PURE__ */ d("button", {
 				type: "button",
-				className: a.cardMoveBtn,
-				onClick: () => y(v === e ? null : e),
-				"aria-label": f("a11y.move_card"),
-				disabled: s,
-				children: /* @__PURE__ */ u(i, {
-					component: r,
+				className: o.cardMoveBtn,
+				onClick: () => y(_ === e ? null : e),
+				"aria-label": l("a11y.move_card"),
+				disabled: r,
+				children: /* @__PURE__ */ d(a, {
+					component: i,
 					size: "sm"
 				})
-			}), v === e && /* @__PURE__ */ u("div", {
-				className: a.cardMoveMenu,
+			}), _ === e && /* @__PURE__ */ d("div", {
+				className: o.cardMoveMenu,
 				role: "listbox",
-				"aria-label": f("a11y.move_to_column"),
-				children: b.filter((e) => e.id !== x).map((t) => /* @__PURE__ */ u("button", {
+				"aria-label": l("a11y.move_to_column"),
+				children: b.filter((e) => e.id !== x).map((t) => /* @__PURE__ */ d("button", {
 					type: "button",
-					className: a.cardMoveOption,
+					className: o.cardMoveOption,
 					onClick: () => x && g(e, x, t.id),
 					role: "option",
 					"aria-selected": !1,
@@ -132,10 +135,10 @@ var f = s(({ columns: r, onMove: i, onCardMove: s, className: d, forceMobileUI:
 			})]
 		})]
 	});
-}, _ = o.createContext(null), v = (e) => /* @__PURE__ */ u(_.Provider, {
+}, v = s.createContext(null), y = (e) => /* @__PURE__ */ d(v.Provider, {
 	value: e.id,
-	children: /* @__PURE__ */ u(h, { ...e })
-}), y = f;
-y.Column = v, y.Card = g, f.displayName = "Kanban", y.displayName = "KanbanBoard", h.displayName = "KanbanColumn", g.displayName = "KanbanCard", v.displayName = "KanbanColumnWrapper";
+	children: /* @__PURE__ */ d(g, { ...e })
+}), b = p;
+b.Column = y, b.Card = _, p.displayName = "Kanban", b.displayName = "KanbanBoard", g.displayName = "KanbanColumn", _.displayName = "KanbanCard", y.displayName = "KanbanColumnWrapper";
 //#endregion
-export { f as Kanban, y as KanbanBoard, y as default, g as KanbanCard, h as KanbanColumn };
+export { p as Kanban, b as KanbanBoard, b as default, _ as KanbanCard, g as KanbanColumn };

package/dist/components/feedback/Alert/alert.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_tokgo_3`,t=`_icon_tokgo_16`,n=`_content_tokgo_23`,r=`_title_tokgo_29`,i=`_description_tokgo_36`,a=`_close_tokgo_46`,o=`_info_tokgo_84`,s=`_success_tokgo_92`,c=`_warning_tokgo_100`,l=`_danger_tokgo_108`,u={root:e,icon:t,content:n,title:r,description:i,close:a,default:`_default_tokgo_77`,info:o,success:s,warning:c,danger:l};exports.close=a,exports.content=n,exports.danger=l,exports.default=u,exports.description=i,exports.icon=t,exports.info=o,exports.root=e,exports.success=s,exports.title=r,exports.warning=c;
+var e=`_root_fwr7f_3`,t=`_icon_fwr7f_16`,n=`_content_fwr7f_23`,r=`_title_fwr7f_32`,i=`_description_fwr7f_42`,a=`_close_fwr7f_52`,o=`_info_fwr7f_90`,s=`_success_fwr7f_98`,c=`_warning_fwr7f_106`,l=`_danger_fwr7f_114`,u={root:e,icon:t,content:n,title:r,description:i,close:a,default:`_default_fwr7f_83`,info:o,success:s,warning:c,danger:l};exports.close=a,exports.content=n,exports.danger=l,exports.default=u,exports.description=i,exports.icon=t,exports.info=o,exports.root=e,exports.success=s,exports.title=r,exports.warning=c;

package/dist/components/feedback/Alert/alert.module.js

@@ -1,13 +1,13 @@
 "use client";
 //#region src/components/feedback/Alert/alert.module.scss
-var e = "_root_tokgo_3", t = "_icon_tokgo_16", n = "_content_tokgo_23", r = "_title_tokgo_29", i = "_description_tokgo_36", a = "_close_tokgo_46", o = "_info_tokgo_84", s = "_success_tokgo_92", c = "_warning_tokgo_100", l = "_danger_tokgo_108", u = {
+var e = "_root_fwr7f_3", t = "_icon_fwr7f_16", n = "_content_fwr7f_23", r = "_title_fwr7f_32", i = "_description_fwr7f_42", a = "_close_fwr7f_52", o = "_info_fwr7f_90", s = "_success_fwr7f_98", c = "_warning_fwr7f_106", l = "_danger_fwr7f_114", u = {
 	root: e,
 	icon: t,
 	content: n,
 	title: r,
 	description: i,
 	close: a,
-	default: "_default_tokgo_77",
+	default: "_default_fwr7f_83",
 	info: o,
 	success: s,
 	warning: c,

package/dist/components/feedback/Toast/toast.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_1mwqs_3`,t=`_root_1mwqs_38`,n=`_icon_1mwqs_54`,r=`_content_1mwqs_61`,i=`_title_1mwqs_67`,a=`_description_1mwqs_73`,o=`_closeButton_1mwqs_81`,s=`_info_1mwqs_118`,c=`_success_1mwqs_125`,l=`_warning_1mwqs_132`,u=`_danger_1mwqs_139`,d=`_enter_1mwqs_146`,f=`_enterFrom_1mwqs_149`,p=`_enterTo_1mwqs_153`,m=`_leave_1mwqs_157`,h=`_leaveFrom_1mwqs_160`,g=`_leaveTo_1mwqs_164`,_={container:e,"top-right":`_top-right_1mwqs_12`,"top-left":`_top-left_1mwqs_16`,"top-center":`_top-center_1mwqs_20`,"bottom-right":`_bottom-right_1mwqs_25`,"bottom-left":`_bottom-left_1mwqs_29`,"bottom-center":`_bottom-center_1mwqs_33`,root:t,icon:n,content:r,title:i,description:a,closeButton:o,default:`_default_1mwqs_111`,info:s,success:c,warning:l,danger:u,enter:d,enterFrom:f,enterTo:p,leave:m,leaveFrom:h,leaveTo:g};exports.closeButton=o,exports.container=e,exports.content=r,exports.danger=u,exports.default=_,exports.description=a,exports.enter=d,exports.enterFrom=f,exports.enterTo=p,exports.icon=n,exports.info=s,exports.leave=m,exports.leaveFrom=h,exports.leaveTo=g,exports.root=t,exports.success=c,exports.title=i,exports.warning=l;
+var e=`_container_us3v4_3`,t=`_root_us3v4_38`,n=`_icon_us3v4_54`,r=`_content_us3v4_61`,i=`_title_us3v4_70`,a=`_description_us3v4_79`,o=`_closeButton_us3v4_87`,s=`_info_us3v4_124`,c=`_success_us3v4_131`,l=`_warning_us3v4_138`,u=`_danger_us3v4_145`,d=`_enter_us3v4_152`,f=`_enterFrom_us3v4_155`,p=`_enterTo_us3v4_159`,m=`_leave_us3v4_163`,h=`_leaveFrom_us3v4_166`,g=`_leaveTo_us3v4_170`,_={container:e,"top-right":`_top-right_us3v4_12`,"top-left":`_top-left_us3v4_16`,"top-center":`_top-center_us3v4_20`,"bottom-right":`_bottom-right_us3v4_25`,"bottom-left":`_bottom-left_us3v4_29`,"bottom-center":`_bottom-center_us3v4_33`,root:t,icon:n,content:r,title:i,description:a,closeButton:o,default:`_default_us3v4_117`,info:s,success:c,warning:l,danger:u,enter:d,enterFrom:f,enterTo:p,leave:m,leaveFrom:h,leaveTo:g};exports.closeButton=o,exports.container=e,exports.content=r,exports.danger=u,exports.default=_,exports.description=a,exports.enter=d,exports.enterFrom=f,exports.enterTo=p,exports.icon=n,exports.info=s,exports.leave=m,exports.leaveFrom=h,exports.leaveTo=g,exports.root=t,exports.success=c,exports.title=i,exports.warning=l;

package/dist/components/feedback/Toast/toast.module.js

@@ -1,20 +1,20 @@
 "use client";
 //#region src/components/feedback/Toast/toast.module.scss
-var e = "_container_1mwqs_3", t = "_root_1mwqs_38", n = "_icon_1mwqs_54", r = "_content_1mwqs_61", i = "_title_1mwqs_67", a = "_description_1mwqs_73", o = "_closeButton_1mwqs_81", s = "_info_1mwqs_118", c = "_success_1mwqs_125", l = "_warning_1mwqs_132", u = "_danger_1mwqs_139", d = "_enter_1mwqs_146", f = "_enterFrom_1mwqs_149", p = "_enterTo_1mwqs_153", m = "_leave_1mwqs_157", h = "_leaveFrom_1mwqs_160", g = "_leaveTo_1mwqs_164", _ = {
+var e = "_container_us3v4_3", t = "_root_us3v4_38", n = "_icon_us3v4_54", r = "_content_us3v4_61", i = "_title_us3v4_70", a = "_description_us3v4_79", o = "_closeButton_us3v4_87", s = "_info_us3v4_124", c = "_success_us3v4_131", l = "_warning_us3v4_138", u = "_danger_us3v4_145", d = "_enter_us3v4_152", f = "_enterFrom_us3v4_155", p = "_enterTo_us3v4_159", m = "_leave_us3v4_163", h = "_leaveFrom_us3v4_166", g = "_leaveTo_us3v4_170", _ = {
 	container: e,
-	"top-right": "_top-right_1mwqs_12",
-	"top-left": "_top-left_1mwqs_16",
-	"top-center": "_top-center_1mwqs_20",
-	"bottom-right": "_bottom-right_1mwqs_25",
-	"bottom-left": "_bottom-left_1mwqs_29",
-	"bottom-center": "_bottom-center_1mwqs_33",
+	"top-right": "_top-right_us3v4_12",
+	"top-left": "_top-left_us3v4_16",
+	"top-center": "_top-center_us3v4_20",
+	"bottom-right": "_bottom-right_us3v4_25",
+	"bottom-left": "_bottom-left_us3v4_29",
+	"bottom-center": "_bottom-center_us3v4_33",
 	root: t,
 	icon: n,
 	content: r,
 	title: i,
 	description: a,
 	closeButton: o,
-	default: "_default_1mwqs_111",
+	default: "_default_us3v4_117",
 	info: s,
 	success: c,
 	warning: l,

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));break}},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":j,"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: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));break}},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;

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

@@ -179,7 +179,7 @@ var g = ({ options: g = [], value: _, onChange: v, placeholder: y, label: b, err
 					tabIndex: C ? -1 : 0,
 					role: "combobox",
 					"aria-expanded": N,
-					"aria-controls": M,
+					"aria-controls": N ? M : void 0,
 					"aria-haspopup": "listbox",
 					"aria-disabled": C,
 					"aria-labelledby": A,

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

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1tyu7_283`,t=`_label_1tyu7_288`,n=`_trigger_1tyu7_295`,r=`_disabled_1tyu7_308`,i=`_open_1tyu7_314`,a=`_value_1tyu7_322`,o=`_placeholder_1tyu7_323`,s=`_icon_1tyu7_326`,c=`_clear_1tyu7_346`,l=`_dropdown_1tyu7_358`,u=`_menu_1tyu7_377`,d=`_menuItem_1tyu7_406`,f=`_active_1tyu7_406`,p=`_selected_1tyu7_414`,m={"wim-docs-container":`_wim-docs-container_1tyu7_87`,"wim-t":`_wim-t_1tyu7_250`,"react-flow":`_react-flow_1tyu7_273`,"react-flow__edges":`_react-flow__edges_1tyu7_274`,"react-flow__connectionline":`_react-flow__connectionline_1tyu7_275`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;
+var e=`_root_y7w3m_319`,t=`_label_y7w3m_324`,n=`_trigger_y7w3m_331`,r=`_disabled_y7w3m_344`,i=`_open_y7w3m_350`,a=`_value_y7w3m_358`,o=`_placeholder_y7w3m_359`,s=`_icon_y7w3m_362`,c=`_clear_y7w3m_382`,l=`_dropdown_y7w3m_394`,u=`_menu_y7w3m_413`,d=`_menuItem_y7w3m_442`,f=`_active_y7w3m_442`,p=`_selected_y7w3m_450`,m={"wim-docs-container":`_wim-docs-container_y7w3m_87`,"wim-t":`_wim-t_y7w3m_286`,"react-flow":`_react-flow_y7w3m_309`,"react-flow__edges":`_react-flow__edges_y7w3m_310`,"react-flow__connectionline":`_react-flow__connectionline_y7w3m_311`,root:e,label:t,trigger:n,disabled:r,open:i,value:a,placeholder:o,icon:s,clear:c,dropdown:l,menu:u,menuItem:d,active:f,selected:p};exports.active=f,exports.clear=c,exports.default=m,exports.disabled=r,exports.dropdown=l,exports.icon=s,exports.label=t,exports.menu=u,exports.menuItem=d,exports.open=i,exports.placeholder=o,exports.root=e,exports.selected=p,exports.trigger=n,exports.value=a;

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

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/Cascader/cascader.module.scss
-var e = "_root_1tyu7_283", t = "_label_1tyu7_288", n = "_trigger_1tyu7_295", r = "_disabled_1tyu7_308", i = "_open_1tyu7_314", a = "_value_1tyu7_322", o = "_placeholder_1tyu7_323", s = "_icon_1tyu7_326", c = "_clear_1tyu7_346", l = "_dropdown_1tyu7_358", u = "_menu_1tyu7_377", d = "_menuItem_1tyu7_406", f = "_active_1tyu7_406", p = "_selected_1tyu7_414", m = {
-	"wim-docs-container": "_wim-docs-container_1tyu7_87",
-	"wim-t": "_wim-t_1tyu7_250",
-	"react-flow": "_react-flow_1tyu7_273",
-	"react-flow__edges": "_react-flow__edges_1tyu7_274",
-	"react-flow__connectionline": "_react-flow__connectionline_1tyu7_275",
+var e = "_root_y7w3m_319", t = "_label_y7w3m_324", n = "_trigger_y7w3m_331", r = "_disabled_y7w3m_344", i = "_open_y7w3m_350", a = "_value_y7w3m_358", o = "_placeholder_y7w3m_359", s = "_icon_y7w3m_362", c = "_clear_y7w3m_382", l = "_dropdown_y7w3m_394", u = "_menu_y7w3m_413", d = "_menuItem_y7w3m_442", f = "_active_y7w3m_442", p = "_selected_y7w3m_450", m = {
+	"wim-docs-container": "_wim-docs-container_y7w3m_87",
+	"wim-t": "_wim-t_y7w3m_286",
+	"react-flow": "_react-flow_y7w3m_309",
+	"react-flow__edges": "_react-flow__edges_y7w3m_310",
+	"react-flow__connectionline": "_react-flow__connectionline_y7w3m_311",
 	root: e,
 	label: t,
 	trigger: n,

package/dist/components/form/SignaturePad/signature-pad.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_1hhrf_295`,t=`_disabled_1hhrf_313`,n=`_canvasContainer_1hhrf_317`,r=`_danger_1hhrf_286`,i=`_canvas_1hhrf_317`,a=`_footer_1hhrf_341`,o={"wim-docs-container":`_wim-docs-container_1hhrf_87`,"wim-t":`_wim-t_1hhrf_250`,"react-flow":`_react-flow_1hhrf_273`,"react-flow__edges":`_react-flow__edges_1hhrf_274`,"react-flow__connectionline":`_react-flow__connectionline_1hhrf_275`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;
+var e=`_root_1e7mg_331`,t=`_disabled_1e7mg_349`,n=`_canvasContainer_1e7mg_353`,r=`_danger_1e7mg_322`,i=`_canvas_1e7mg_353`,a=`_footer_1e7mg_377`,o={"wim-docs-container":`_wim-docs-container_1e7mg_87`,"wim-t":`_wim-t_1e7mg_286`,"react-flow":`_react-flow_1e7mg_309`,"react-flow__edges":`_react-flow__edges_1e7mg_310`,"react-flow__connectionline":`_react-flow__connectionline_1e7mg_311`,root:e,disabled:t,canvasContainer:n,danger:r,canvas:i,footer:a};exports.canvas=i,exports.canvasContainer=n,exports.danger=r,exports.default=o,exports.disabled=t,exports.footer=a,exports.root=e;

package/dist/components/form/SignaturePad/signature-pad.module.js

@@ -1,11 +1,11 @@
 "use client";
 //#region src/components/form/SignaturePad/signature-pad.module.scss
-var e = "_root_1hhrf_295", t = "_disabled_1hhrf_313", n = "_canvasContainer_1hhrf_317", r = "_danger_1hhrf_286", i = "_canvas_1hhrf_317", a = "_footer_1hhrf_341", o = {
-	"wim-docs-container": "_wim-docs-container_1hhrf_87",
-	"wim-t": "_wim-t_1hhrf_250",
-	"react-flow": "_react-flow_1hhrf_273",
-	"react-flow__edges": "_react-flow__edges_1hhrf_274",
-	"react-flow__connectionline": "_react-flow__connectionline_1hhrf_275",
+var e = "_root_1e7mg_331", t = "_disabled_1e7mg_349", n = "_canvasContainer_1e7mg_353", r = "_danger_1e7mg_322", i = "_canvas_1e7mg_353", a = "_footer_1e7mg_377", o = {
+	"wim-docs-container": "_wim-docs-container_1e7mg_87",
+	"wim-t": "_wim-t_1e7mg_286",
+	"react-flow": "_react-flow_1e7mg_309",
+	"react-flow__edges": "_react-flow__edges_1e7mg_310",
+	"react-flow__connectionline": "_react-flow__connectionline_1e7mg_311",
 	root: e,
 	disabled: t,
 	canvasContainer: n,

package/dist/components/form/Transfer/Transfer.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Checkbox/Checkbox.cjs"),s=require("../../data-display/VirtualList/VirtualList.cjs"),c=require("./transfer.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=36,p=50,m=({data:e,title:t,listType:n,id:r,disabled:a,selectedKeys:m,focusedKey:h,setFocusedKey:g,onSelect:_,onSelectAll:v,onKeyDown:y,labels:b={},className:x})=>{let{noData:S=`No Data`}=b,C=(0,l.useRef)(null),w=(0,l.useRef)(null),[T,E]=(0,l.useState)(0);(0,l.useEffect)(()=>{let e=C.current;if(!e)return;let t=new ResizeObserver(([e])=>{E(Math.floor(e.contentRect.height))});return t.observe(e),()=>t.disconnect()},[]),(0,l.useEffect)(()=>{if(!h||!w.current||T===0)return;let t=e.findIndex(e=>e.key===h);if(t===-1)return;let n=w.current,r=t*f,i=r+f;r<n.scrollTop?n.scrollTop=r:i>n.scrollTop+T&&(n.scrollTop=i-T)},[h,e,T]);let D=e.filter(e=>!e.disabled).map(e=>e.key),O=m.filter(e=>D.includes(e)),k=D.length>0&&O.length===D.length,A=O.length>0&&O.length<D.length,j=h&&e.some(e=>e.key===h)?`${r}-${n}-option-${h}`:void 0,M=e.length>=p&&T>0,N=(t,o)=>(0,d.jsx)(i.BaseListItem,{id:`${r}-${n}-option-${t.key}`,className:(0,u.default)(c.default.item,h===t.key&&c.default.active),disabled:a||t.disabled,active:h===t.key,onClick:()=>{t.disabled||(g(t.key),_(t.key))},role:`option`,"aria-selected":m.includes(t.key),"aria-disabled":a||t.disabled,"aria-setsize":M?e.length:void 0,"aria-posinset":M?o+1:void 0,icon:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.checkboxVisual,m.includes(t.key)&&c.default.checked,(a||t.disabled)&&c.default.disabled),"aria-hidden":`true`}),children:t.title},t.key),P=typeof t==`string`?t:``;return(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.list,x),children:[(0,d.jsxs)(`div`,{className:c.default.header,children:[(0,d.jsx)(o.Checkbox,{checked:k,indeterminate:A,onChange:()=>v(D,n),disabled:a||D.length===0,children:(0,d.jsx)(`span`,{className:c.default.headerTitle,title:P,children:t})}),(0,d.jsxs)(`span`,{className:c.default.headerCount,children:[O.length,`/`,e.length]})]}),(0,d.jsx)(`div`,{ref:C,className:c.default.body,role:e.length>0?`listbox`:void 0,"aria-multiselectable":e.length>0?`true`:void 0,"aria-label":P,"aria-activedescendant":e.length>0?j:void 0,"aria-disabled":a||void 0,tabIndex:e.length===0?-1:0,onKeyDown:t=>y(t,n,e),onFocus:()=>{if(!h){let t=e.find(e=>!e.disabled);t&&g(t.key)}},style:M?{overflow:`hidden`,padding:0}:void 0,children:e.length===0?(0,d.jsx)(`div`,{className:c.default.empty,"aria-live":`polite`,children:S}):M?(0,d.jsx)(s.VirtualList,{items:e,itemHeight:f,height:T,renderItem:N,itemRole:`none`,ref:w,role:`presentation`}):e.map((e,t)=>N(e,t))})]})},h=({dataSource:e=[],targetKeys:i,onChange:o,titles:s=[`Source`,`Target`],className:f,style:p,disabled:h=!1,label:g,error:_,required:v,layout:y=`vertical`,labels:b={}})=>{let{t:x}=t.useWimTranslation(`form`),{moveToTarget:S=x(`transfer.move_to_target`),moveToSource:C=x(`transfer.move_to_source`),statusMovedToTarget:w=e=>x(`transfer.status_moved_to_target`,{count:e}),statusMovedToSource:T=e=>x(`transfer.status_moved_to_source`,{count:e})}=b,[E,D]=(0,l.useState)([]),[O,k]=(0,l.useState)(i||[]),A=`wim-transfer-${(0,l.useId)()}`,j=g?`${A}-label`:void 0,M=_?`${A}-error`:void 0,N=i!==void 0&&!!o,P=N?i:O,F=(0,l.useMemo)(()=>e.filter(e=>!P.includes(e.key)),[e,P]),I=(0,l.useMemo)(()=>e.filter(e=>P.includes(e.key)),[e,P]),[L,R]=(0,l.useState)(null),[z,B]=(0,l.useState)(null),[V,H]=(0,l.useState)(``),U=(0,l.useRef)(null);L&&!F.some(e=>e.key===L)&&R(null),z&&!I.some(e=>e.key===z)&&B(null);let W=e=>{h||D(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},G=(e,t)=>{if(h)return;let n=e;n.every(e=>E.includes(e))?D(e=>e.filter(e=>!n.includes(e))):D(e=>[...new Set([...e,...n])])},K=e=>{if(h)return;let t=e===`toRight`?F.map(e=>e.key):I.map(e=>e.key),n=E.filter(e=>t.includes(e));if(n.length===0)return;let r=e===`toRight`?[...P,...n]:P.filter(e=>!n.includes(e));N||k(r),o&&o(r,e,n),D(e=>e.filter(e=>!n.includes(e)));let i=e===`toRight`?w(n.length):T(n.length);U.current&&clearTimeout(U.current),H(``),U.current=setTimeout(()=>H(i),50)},q=(e,t,n)=>{let r=e.filter(e=>!e.disabled);if(r.length===0)return null;if(t===null)return n===1?r[0].key:r[r.length-1].key;let i=r.findIndex(e=>e.key===t);return i===-1?r[0].key:r[(i+n+r.length)%r.length].key},J=(e,t,n)=>{if(h)return;let r=t===`source`?L:z,i=t===`source`?R:B;if(e.key===`ArrowDown`)e.preventDefault(),i(q(n,r,1));else if(e.key===`ArrowUp`)e.preventDefault(),i(q(n,r,-1));else if(e.key===`Home`){e.preventDefault();let t=n.find(e=>!e.disabled);t&&i(t.key)}else if(e.key===`End`){e.preventDefault();let t=[...n].reverse().find(e=>!e.disabled);t&&i(t.key)}else if(e.key===` `){e.preventDefault();let t=n.find(e=>e.key===r);t&&!t.disabled&&W(t.key)}else e.key===`Enter`&&(e.preventDefault(),K(t===`source`?`toRight`:`toLeft`))},Y=E.filter(e=>F.some(t=>t.key===e)).length===0,X=E.filter(e=>I.some(t=>t.key===e)).length===0;return(0,d.jsx)(a.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:j,errorId:M,className:f,children:(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.container,`wim-transfer`),children:[(0,d.jsx)(n.VisuallyHidden,{"aria-live":`polite`,"aria-atomic":`true`,children:V}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.root,h&&c.default.disabled),style:p,role:`group`,"aria-labelledby":g?j:void 0,"aria-describedby":M,children:[(0,d.jsx)(m,{className:`wim-transfer__list`,data:F,title:s[0],listType:`source`,id:A,disabled:h,selectedKeys:E,focusedKey:L,setFocusedKey:R,onSelect:W,onSelectAll:G,onKeyDown:J,labels:b}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.operation,`wim-transfer__operation`),children:[(0,d.jsx)(r.Button,{variant:`outline`,size:`sm`,className:c.default.button,onClick:()=>K(`toRight`),disabled:h||Y,icon:`ChevronRightIcon`,"aria-label":S}),(0,d.jsx)(r.Button,{variant:`outline`,size:`sm`,className:c.default.button,onClick:()=>K(`toLeft`),disabled:h||X,icon:`ChevronLeftIcon`,"aria-label":C})]}),(0,d.jsx)(m,{className:`wim-transfer__list`,data:I,title:s[1],listType:`target`,id:A,disabled:h,selectedKeys:E,focusedKey:z,setFocusedKey:B,onSelect:W,onSelectAll:G,onKeyDown:J,labels:b})]})]})})};exports.Transfer=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Button/Button.cjs"),i=require("../../_internal/BaseListItem/BaseListItem.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../Checkbox/Checkbox.cjs"),s=require("../../data-display/VirtualList/VirtualList.cjs"),c=require("./transfer.module.cjs");let l=require("react");l=e.__toESM(l,1);let u=require("classnames");u=e.__toESM(u,1);let d=require("react/jsx-runtime");var f=36,p=50,m=({data:e,title:t,listType:n,id:r,disabled:a,selectedKeys:m,focusedKey:h,setFocusedKey:g,onSelect:_,onSelectAll:v,onKeyDown:y,labels:b={},className:x})=>{let{noData:S=`No Data`}=b,C=(0,l.useRef)(null),w=(0,l.useRef)(null),[T,E]=(0,l.useState)(0);(0,l.useEffect)(()=>{let e=C.current;if(!e)return;let t=new ResizeObserver(([e])=>{E(Math.floor(e.contentRect.height))});return t.observe(e),()=>t.disconnect()},[]),(0,l.useEffect)(()=>{if(!h||!w.current||T===0)return;let t=e.findIndex(e=>e.key===h);if(t===-1)return;let n=w.current,r=t*f,i=r+f;r<n.scrollTop?n.scrollTop=r:i>n.scrollTop+T&&(n.scrollTop=i-T)},[h,e,T]);let D=e.filter(e=>!e.disabled).map(e=>e.key),O=m.filter(e=>D.includes(e)),k=D.length>0&&O.length===D.length,A=O.length>0&&O.length<D.length,j=h&&e.some(e=>e.key===h)?`${r}-${n}-option-${h}`:void 0,M=e.length>=p&&T>0,N=(t,o)=>(0,d.jsx)(i.BaseListItem,{id:`${r}-${n}-option-${t.key}`,className:(0,u.default)(c.default.item,h===t.key&&c.default.active),disabled:a||t.disabled,active:h===t.key,onClick:()=>{t.disabled||(g(t.key),_(t.key))},role:`option`,"aria-selected":m.includes(t.key),"aria-disabled":a||t.disabled,"aria-setsize":M?e.length:void 0,"aria-posinset":M?o+1:void 0,icon:(0,d.jsx)(`div`,{className:(0,u.default)(c.default.checkboxVisual,m.includes(t.key)&&c.default.checked,(a||t.disabled)&&c.default.disabled),"aria-hidden":`true`}),children:t.title},t.key),P=typeof t==`string`?t:``;return(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.list,x),children:[(0,d.jsxs)(`div`,{className:c.default.header,children:[(0,d.jsx)(o.Checkbox,{checked:k,indeterminate:A,onChange:()=>v(D,n),disabled:a||D.length===0,children:(0,d.jsx)(`span`,{className:c.default.headerTitle,title:P,children:t})}),(0,d.jsxs)(`span`,{className:c.default.headerCount,children:[O.length,`/`,e.length]})]}),(0,d.jsx)(`div`,{ref:C,className:c.default.body,role:e.length>0?`listbox`:`group`,"aria-multiselectable":e.length>0?`true`:void 0,"aria-label":P,"aria-activedescendant":e.length>0?j:void 0,"aria-disabled":a||void 0,tabIndex:e.length===0?-1:0,onKeyDown:t=>y(t,n,e),onFocus:()=>{if(!h){let t=e.find(e=>!e.disabled);t&&g(t.key)}},style:M?{overflow:`hidden`,padding:0}:void 0,children:e.length===0?(0,d.jsx)(`div`,{className:c.default.empty,"aria-live":`polite`,children:S}):M?(0,d.jsx)(s.VirtualList,{items:e,itemHeight:f,height:T,renderItem:N,itemRole:`none`,ref:w,role:`presentation`}):e.map((e,t)=>N(e,t))})]})},h=({dataSource:e=[],targetKeys:i,onChange:o,titles:s=[`Source`,`Target`],className:f,style:p,disabled:h=!1,label:g,error:_,required:v,layout:y=`vertical`,labels:b={}})=>{let{t:x}=t.useWimTranslation(`form`),{moveToTarget:S=x(`transfer.move_to_target`),moveToSource:C=x(`transfer.move_to_source`),statusMovedToTarget:w=e=>x(`transfer.status_moved_to_target`,{count:e}),statusMovedToSource:T=e=>x(`transfer.status_moved_to_source`,{count:e})}=b,[E,D]=(0,l.useState)([]),[O,k]=(0,l.useState)(i||[]),A=`wim-transfer-${(0,l.useId)()}`,j=g?`${A}-label`:void 0,M=_?`${A}-error`:void 0,N=i!==void 0&&!!o,P=N?i:O,F=(0,l.useMemo)(()=>e.filter(e=>!P.includes(e.key)),[e,P]),I=(0,l.useMemo)(()=>e.filter(e=>P.includes(e.key)),[e,P]),[L,R]=(0,l.useState)(null),[z,B]=(0,l.useState)(null),[V,H]=(0,l.useState)(``),U=(0,l.useRef)(null);L&&!F.some(e=>e.key===L)&&R(null),z&&!I.some(e=>e.key===z)&&B(null);let W=e=>{h||D(t=>t.includes(e)?t.filter(t=>t!==e):[...t,e])},G=(e,t)=>{if(h)return;let n=e;n.every(e=>E.includes(e))?D(e=>e.filter(e=>!n.includes(e))):D(e=>[...new Set([...e,...n])])},K=e=>{if(h)return;let t=e===`toRight`?F.map(e=>e.key):I.map(e=>e.key),n=E.filter(e=>t.includes(e));if(n.length===0)return;let r=e===`toRight`?[...P,...n]:P.filter(e=>!n.includes(e));N||k(r),o&&o(r,e,n),D(e=>e.filter(e=>!n.includes(e)));let i=e===`toRight`?w(n.length):T(n.length);U.current&&clearTimeout(U.current),H(``),U.current=setTimeout(()=>H(i),50)},q=(e,t,n)=>{let r=e.filter(e=>!e.disabled);if(r.length===0)return null;if(t===null)return n===1?r[0].key:r[r.length-1].key;let i=r.findIndex(e=>e.key===t);return i===-1?r[0].key:r[(i+n+r.length)%r.length].key},J=(e,t,n)=>{if(h)return;let r=t===`source`?L:z,i=t===`source`?R:B;if(e.key===`ArrowDown`)e.preventDefault(),i(q(n,r,1));else if(e.key===`ArrowUp`)e.preventDefault(),i(q(n,r,-1));else if(e.key===`Home`){e.preventDefault();let t=n.find(e=>!e.disabled);t&&i(t.key)}else if(e.key===`End`){e.preventDefault();let t=[...n].reverse().find(e=>!e.disabled);t&&i(t.key)}else if(e.key===` `){e.preventDefault();let t=n.find(e=>e.key===r);t&&!t.disabled&&W(t.key)}else e.key===`Enter`&&(e.preventDefault(),K(t===`source`?`toRight`:`toLeft`))},Y=E.filter(e=>F.some(t=>t.key===e)).length===0,X=E.filter(e=>I.some(t=>t.key===e)).length===0;return(0,d.jsx)(a.FieldTemplate,{label:g,error:_,required:v,layout:y,labelId:j,errorId:M,className:f,children:(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.container,`wim-transfer`),children:[(0,d.jsx)(n.VisuallyHidden,{"aria-live":`polite`,"aria-atomic":`true`,children:V}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.root,h&&c.default.disabled),style:p,role:`group`,"aria-labelledby":g?j:void 0,"aria-describedby":M,children:[(0,d.jsx)(m,{className:`wim-transfer__list`,data:F,title:s[0],listType:`source`,id:A,disabled:h,selectedKeys:E,focusedKey:L,setFocusedKey:R,onSelect:W,onSelectAll:G,onKeyDown:J,labels:b}),(0,d.jsxs)(`div`,{className:(0,u.default)(c.default.operation,`wim-transfer__operation`),children:[(0,d.jsx)(r.Button,{variant:`outline`,size:`sm`,className:c.default.button,onClick:()=>K(`toRight`),disabled:h||Y,icon:`ChevronRightIcon`,"aria-label":S}),(0,d.jsx)(r.Button,{variant:`outline`,size:`sm`,className:c.default.button,onClick:()=>K(`toLeft`),disabled:h||X,icon:`ChevronLeftIcon`,"aria-label":C})]}),(0,d.jsx)(m,{className:`wim-transfer__list`,data:I,title:s[1],listType:`target`,id:A,disabled:h,selectedKeys:E,focusedKey:z,setFocusedKey:B,onSelect:W,onSelectAll:G,onKeyDown:J,labels:b})]})]})})};exports.Transfer=h;

package/dist/components/form/Transfer/Transfer.js

@@ -75,7 +75,7 @@ var g = 36, _ = 50, v = ({ data: e, title: t, listType: n, id: i, disabled: l, s
 		}), /* @__PURE__ */ m("div", {
 			ref: E,
 			className: s.body,
-			role: e.length > 0 ? "listbox" : void 0,
+			role: e.length > 0 ? "listbox" : "group",
 			"aria-multiselectable": e.length > 0 ? "true" : void 0,
 			"aria-label": L,
 			"aria-activedescendant": e.length > 0 ? P : void 0,

package/dist/components/form/Transfer/transfer.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_container_34dgu_281`,t=`_root_34dgu_291`,n=`_list_34dgu_310`,r=`_header_34dgu_339`,i=`_headerTitle_34dgu_354`,a=`_disabled_34dgu_360`,o=`_headerCount_34dgu_370`,s=`_body_34dgu_381`,c=`_itemList_34dgu_408`,l=`_item_34dgu_408`,u=`_checkboxVisual_34dgu_422`,d=`_checked_34dgu_448`,f=`_active_34dgu_465`,p=`_operation_34dgu_478`,m=`_button_34dgu_490`,h=`_empty_34dgu_498`,g={"wim-docs-container":`_wim-docs-container_34dgu_87`,"wim-t":`_wim-t_34dgu_250`,"react-flow":`_react-flow_34dgu_273`,"react-flow__edges":`_react-flow__edges_34dgu_274`,"react-flow__connectionline":`_react-flow__connectionline_34dgu_275`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;
+var e=`_container_1eafe_317`,t=`_root_1eafe_327`,n=`_list_1eafe_346`,r=`_header_1eafe_375`,i=`_headerTitle_1eafe_390`,a=`_disabled_1eafe_396`,o=`_headerCount_1eafe_406`,s=`_body_1eafe_417`,c=`_itemList_1eafe_444`,l=`_item_1eafe_444`,u=`_checkboxVisual_1eafe_458`,d=`_checked_1eafe_484`,f=`_active_1eafe_501`,p=`_operation_1eafe_514`,m=`_button_1eafe_526`,h=`_empty_1eafe_534`,g={"wim-docs-container":`_wim-docs-container_1eafe_87`,"wim-t":`_wim-t_1eafe_286`,"react-flow":`_react-flow_1eafe_309`,"react-flow__edges":`_react-flow__edges_1eafe_310`,"react-flow__connectionline":`_react-flow__connectionline_1eafe_311`,container:e,root:t,list:n,header:r,headerTitle:i,disabled:a,headerCount:o,body:s,itemList:c,item:l,checkboxVisual:u,checked:d,active:f,operation:p,button:m,empty:h};exports.active=f,exports.body=s,exports.button=m,exports.checkboxVisual=u,exports.checked=d,exports.container=e,exports.default=g,exports.disabled=a,exports.empty=h,exports.header=r,exports.headerCount=o,exports.headerTitle=i,exports.item=l,exports.itemList=c,exports.list=n,exports.operation=p,exports.root=t;