wimui 0.23.17 → 0.24.1

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/charts/AreaChart/AreaChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./area-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,yDomain:l=[0,`auto`],height:u=300,width:d=`100%`,title:f,smooth:p=!0,animated:m=!1})=>(0,a.jsxs)(`div`,{className:`wim-area-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.AreaChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:l,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Area,{type:p?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],fillOpacity:c?.9:.18,stackId:c?`stack`:void 0,isAnimationActive:m},e))]})})})]});exports.AreaChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./area-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,yDomain:l=[0,`auto`],height:u=300,width:d=`100%`,title:f,smooth:p=!0,animated:m=!1})=>(0,a.jsxs)(`div`,{className:`wim-area-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.AreaChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:l,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),i.map((e,t)=>(0,a.jsx)(o.Area,{type:p?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],fillOpacity:c?.9:.18,stackId:c?`stack`:void 0,isAnimationActive:m},e))]})})})]});exports.AreaChart=s;

package/dist/components/charts/AreaChart/AreaChart.js

@@ -52,7 +52,8 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, yDomain: v = [0, "aut
 					}),
 					/* @__PURE__ */ i(l, {
 						verticalAlign: "top",
-						height: 36
+						height: 36,
+						...n.legend
 					}),
 					h.map((e, n) => /* @__PURE__ */ i(o, {
 						type: S ? "monotone" : "linear",

package/dist/components/charts/BarChart/BarChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./bar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,yDomain:l=[0,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-bar-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.BarChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,interval:0,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:l,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Bar,{dataKey:e,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stackId:c?`stack`:void 0,radius:c?0:[4,4,0,0],stroke:c?`var(--wim-color-surface)`:void 0,strokeWidth:c?2:void 0,isAnimationActive:p},e))]})})})]});exports.BarChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./bar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,stacked:c=!1,yDomain:l=[0,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-bar-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.BarChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,interval:0,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:l,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),i.map((e,t)=>(0,a.jsx)(o.Bar,{dataKey:e,fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stackId:c?`stack`:void 0,radius:c?0:[4,4,0,0],stroke:c?`var(--wim-color-surface)`:void 0,strokeWidth:c?2:void 0,isAnimationActive:p},e))]})})})]});exports.BarChart=s;

package/dist/components/charts/BarChart/BarChart.js

@@ -53,7 +53,8 @@ var m = ({ data: m, keys: h, xAxisKey: g, stacked: _ = !1, yDomain: v = [0, "aut
 					}),
 					/* @__PURE__ */ i(l, {
 						verticalAlign: "top",
-						height: 36
+						height: 36,
+						...n.legend
 					}),
 					h.map((e, n) => /* @__PURE__ */ i(o, {
 						dataKey: e,

package/dist/components/charts/LineChart/LineChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./line-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,height:c=300,width:l=`100%`,title:u,smooth:d=!1,yDomain:f=[0,`auto`],animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-line-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.LineChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:f,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Line,{type:d?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,dot:{r:4,strokeWidth:2,fill:`var(--wim-color-primary-fill)`},activeDot:{r:6},isAnimationActive:p},e))]})})})]});exports.LineChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./line-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,xAxisKey:s,height:c=300,width:l=`100%`,title:u,smooth:d=!1,yDomain:f=[0,`auto`],animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-line-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.LineChart,{data:e,margin:{top:5,right:30,left:0,bottom:5},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid,vertical:!1}),(0,a.jsx)(o.XAxis,{dataKey:s,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.YAxis,{width:44,domain:f,...n.CHART_THEME.axis,tickLine:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),i.map((e,t)=>(0,a.jsx)(o.Line,{type:d?`monotone`:`linear`,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,dot:{r:4,strokeWidth:2,fill:`var(--wim-color-primary-fill)`},activeDot:{r:6},isAnimationActive:p},e))]})})})]});exports.LineChart=s;

package/dist/components/charts/LineChart/LineChart.js

@@ -52,7 +52,8 @@ var m = ({ data: m, keys: h, xAxisKey: g, height: _ = 300, width: v = "100%", ti
 					}),
 					/* @__PURE__ */ i(s, {
 						verticalAlign: "top",
-						height: 36
+						height: 36,
+						...n.legend
 					}),
 					h.map((e, n) => /* @__PURE__ */ i(c, {
 						type: b ? "monotone" : "linear",

package/dist/components/charts/PieChart/PieChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./pie-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,height:i=300,width:s=`100%`,title:c,donut:l=!1,animated:u=!1})=>(0,a.jsxs)(`div`,{className:`wim-pie-chart ${r.default.root}`,style:{width:s},children:[c&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:c}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:i},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.PieChart,{children:[(0,a.jsx)(o.Pie,{data:e,cx:`50%`,cy:`50%`,labelLine:!1,innerRadius:l?`60%`:0,outerRadius:`80%`,paddingAngle:0,dataKey:`value`,isAnimationActive:u,children:e.map((e,t)=>(0,a.jsx)(o.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stroke:`var(--wim-color-surface)`,strokeWidth:2},`cell-${t}`))}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36})]})})})]});exports.PieChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./pie-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,height:i=300,width:s=`100%`,title:c,donut:l=!1,animated:u=!1})=>(0,a.jsxs)(`div`,{className:`wim-pie-chart ${r.default.root}`,style:{width:s},children:[c&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:c}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:i},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.PieChart,{children:[(0,a.jsx)(o.Pie,{data:e,cx:`50%`,cy:`50%`,labelLine:!1,innerRadius:l?`60%`:0,outerRadius:`80%`,paddingAngle:0,dataKey:`value`,isAnimationActive:u,children:e.map((e,t)=>(0,a.jsx)(o.Cell,{fill:n.CHART_COLORS[t%n.CHART_COLORS.length],stroke:`var(--wim-color-surface)`,strokeWidth:2},`cell-${t}`))}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend})]})})})]});exports.PieChart=s;

package/dist/components/charts/PieChart/PieChart.js

@@ -40,7 +40,8 @@ var f = ({ data: f, height: p = 300, width: m = "100%", title: h, donut: g = !1,
 				/* @__PURE__ */ i(d, { contentStyle: n.tooltip.contentStyle }),
 				/* @__PURE__ */ i(s, {
 					verticalAlign: "top",
-					height: 36
+					height: 36,
+					...n.legend
 				})
 			] })
 		})

package/dist/components/charts/RadarChart/RadarChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./radar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,indexKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-radar-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.RadarChart,{cx:`50%`,cy:`50%`,outerRadius:`80%`,data:e,children:[(0,a.jsx)(o.PolarGrid,{stroke:n.CHART_THEME.grid.stroke}),(0,a.jsx)(o.PolarAngleAxis,{dataKey:s,...n.CHART_THEME.axis}),(0,a.jsx)(o.PolarRadiusAxis,{tick:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),i.map((e,t)=>(0,a.jsx)(o.Radar,{name:e,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fill:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fillOpacity:.18,isAnimationActive:d},e))]})})})]});exports.RadarChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./radar-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,keys:i,indexKey:s,height:c=300,width:l=`100%`,title:u,animated:d=!1})=>(0,a.jsxs)(`div`,{className:`wim-radar-chart ${r.default.root}`,style:{width:l},children:[u&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:u}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:c},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.RadarChart,{cx:`50%`,cy:`50%`,outerRadius:`80%`,data:e,children:[(0,a.jsx)(o.PolarGrid,{stroke:n.CHART_THEME.grid.stroke}),(0,a.jsx)(o.PolarAngleAxis,{dataKey:s,...n.CHART_THEME.axis}),(0,a.jsx)(o.PolarRadiusAxis,{tick:!1,axisLine:!1}),(0,a.jsx)(o.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),i.map((e,t)=>(0,a.jsx)(o.Radar,{name:e,dataKey:e,stroke:n.CHART_COLORS[t%n.CHART_COLORS.length],fill:n.CHART_COLORS[t%n.CHART_COLORS.length],strokeWidth:2,fillOpacity:.18,isAnimationActive:d},e))]})})})]});exports.RadarChart=s;

package/dist/components/charts/RadarChart/RadarChart.js

@@ -41,7 +41,8 @@ var m = ({ data: m, keys: h, indexKey: g, height: _ = 300, width: v = "100%", ti
 					}),
 					/* @__PURE__ */ i(o, {
 						verticalAlign: "top",
-						height: 36
+						height: 36,
+						...n.legend
 					}),
 					h.map((e, n) => /* @__PURE__ */ i(u, {
 						name: e,

package/dist/components/charts/ScatterChart/ScatterChart.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./scatter-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisName:i=`X`,yAxisName:s=`Y`,xDomain:c=[`auto`,`auto`],yDomain:l=[`auto`,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-scatter-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:20,bottom:20,left:0},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid}),(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,name:i,unit:``,domain:c,...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,name:s,unit:``,domain:l,width:44,...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`z`,range:[60,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36}),(0,a.jsx)(o.Scatter,{name:`Data Points`,data:e,fill:n.CHART_COLORS[0],isAnimationActive:p})]})})})]});exports.ScatterChart=s;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("./scatter-chart.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("react/jsx-runtime"),o=require("recharts");var s=({data:e,xAxisName:i=`X`,yAxisName:s=`Y`,xDomain:c=[`auto`,`auto`],yDomain:l=[`auto`,`auto`],height:u=300,width:d=`100%`,title:f,animated:p=!1})=>(0,a.jsxs)(`div`,{className:`wim-scatter-chart ${r.default.root}`,style:{width:d},children:[f&&(0,a.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:f}),(0,a.jsx)(`div`,{className:r.default.container,style:{height:u},children:(0,a.jsx)(o.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,a.jsxs)(o.ScatterChart,{margin:{top:20,right:20,bottom:20,left:0},children:[(0,a.jsx)(o.CartesianGrid,{...n.CHART_THEME.grid}),(0,a.jsx)(o.XAxis,{type:`number`,dataKey:`x`,name:i,unit:``,domain:c,...n.CHART_THEME.axis}),(0,a.jsx)(o.YAxis,{type:`number`,dataKey:`y`,name:s,unit:``,domain:l,width:44,...n.CHART_THEME.axis}),(0,a.jsx)(o.ZAxis,{type:`number`,dataKey:`z`,range:[60,400]}),(0,a.jsx)(o.Tooltip,{cursor:n.CHART_THEME.tooltip.cursor,contentStyle:n.CHART_THEME.tooltip.contentStyle}),(0,a.jsx)(o.Legend,{verticalAlign:`top`,height:36,...n.CHART_THEME.legend}),(0,a.jsx)(o.Scatter,{name:`Data Points`,data:e,fill:n.CHART_COLORS[0],isAnimationActive:p})]})})})]});exports.ScatterChart=s;

package/dist/components/charts/ScatterChart/ScatterChart.js

@@ -57,7 +57,8 @@ var h = ({ data: h, xAxisName: g = "X", yAxisName: _ = "Y", xDomain: v = ["auto"
 					}),
 					/* @__PURE__ */ i(s, {
 						verticalAlign: "top",
-						height: 36
+						height: 36,
+						...n.legend
 					}),
 					/* @__PURE__ */ i(l, {
 						name: "Data Points",

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;