wimui 0.64.4 → 0.64.6

package/dist/ai/code-diff-viewer.js

@@ -1,3 +1,2 @@
 "use client";
-import { CodeDiffViewer as e } from "../components/ai/CodeDiffViewer/CodeDiffViewer.js";
-export { e as CodeDiffViewer };
+export { CodeDiffViewer } from "../components/ai/CodeDiffViewer/CodeDiffViewer.js";

package/dist/ai/interactive-graph.js

@@ -1,3 +1,2 @@
 "use client";
-import { InteractiveGraph as e } from "../components/ai/InteractiveGraph/InteractiveGraph.js";
-export { e as InteractiveGraph };
+export { InteractiveGraph } from "../components/ai/InteractiveGraph/InteractiveGraph.js";

package/dist/ai/markdown-renderer.js

@@ -1,3 +1,2 @@
 "use client";
-import { MarkdownRenderer as e } from "../components/ai/MarkdownRenderer/MarkdownRenderer.js";
-export { e as MarkdownRenderer };
+export { MarkdownRenderer } from "../components/ai/MarkdownRenderer/MarkdownRenderer.js";

package/dist/ai/streaming-text.js

@@ -1,3 +1,2 @@
 "use client";
-import { StreamingText as e } from "../components/ai/StreamingText/StreamingText.js";
-export { e as StreamingText };
+export { StreamingText } from "../components/ai/StreamingText/StreamingText.js";

package/dist/components/_internal/observeMove.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=(e,t)=>{if(typeof IntersectionObserver>`u`)return()=>{};let n=e.ownerDocument?.documentElement;if(!n)return()=>{};let r=null,i,a=()=>{clearTimeout(i),r?.disconnect(),r=null},o=(s,c=1)=>{a();let{left:l,top:u,width:d,height:f}=e.getBoundingClientRect();if(s&&t(),!d||!f)return;let p=[-Math.floor(u),-Math.floor(n.clientWidth-(l+d)),-Math.floor(n.clientHeight-(u+f)),-Math.floor(l)].map(e=>`${e}px`).join(` `),m=!0;r=new IntersectionObserver(t=>{let n=t[0].intersectionRatio;if(typeof n!=`number`){a();return}let r=e.getBoundingClientRect();if(m&&(Math.abs(r.left-l)>=1||Math.abs(r.top-u)>=1)){o(!0);return}if(n!==c){if(!m){o(!0);return}n?o(!1,n):i=setTimeout(()=>o(!1,1e-7),1e3)}m=!1},{rootMargin:p,threshold:Math.max(0,Math.min(1,c))||1}),r.observe(e)};return o(!1),a};exports.observeMove=e;
+var e=(e,t)=>{if(typeof IntersectionObserver>`u`)return()=>{};let n=e.ownerDocument?.documentElement;if(!n)return()=>{};let r=null,i,a=()=>{clearTimeout(i),r?.disconnect(),r=null},o=(s,c=1)=>{a();let{left:l,top:u,width:d,height:f}=e.getBoundingClientRect();if(s&&t(),!d||!f)return;let p=[-Math.floor(u),-Math.floor(n.clientWidth-(l+d)),-Math.floor(n.clientHeight-(u+f)),-Math.floor(l)].map(e=>`${e}px`).join(` `),m=!0;r=new IntersectionObserver(t=>{let n=t[0].intersectionRatio;if(typeof n!=`number`){a();return}let r=e.getBoundingClientRect();if(m&&(Math.abs(r.left-l)>=1||Math.abs(r.top-u)>=1))o(!0);else{if(n!==c){if(!m){o(!0);return}n?o(!1,n):i=setTimeout(()=>o(!1,1e-7),1e3)}m=!1}},{rootMargin:p,threshold:Math.max(0,Math.min(1,c))||1}),r.observe(e)};return o(!1),a};exports.observeMove=e;

package/dist/components/_internal/observeMove.js

@@ -23,18 +23,17 @@ var e = (e, t) => {
 				return;
 			}
 			let r = e.getBoundingClientRect();
-			if (m && (Math.abs(r.left - l) >= 1 || Math.abs(r.top - u) >= 1)) {
-				o(!0);
-				return;
-			}
-			if (n !== c) {
-				if (!m) {
-					o(!0);
-					return;
+			if (m && (Math.abs(r.left - l) >= 1 || Math.abs(r.top - u) >= 1)) o(!0);
+			else {
+				if (n !== c) {
+					if (!m) {
+						o(!0);
+						return;
+					}
+					n ? o(!1, n) : i = setTimeout(() => o(!1, 1e-7), 1e3);
 				}
-				n ? o(!1, n) : i = setTimeout(() => o(!1, 1e-7), 1e3);
+				m = !1;
 			}
-			m = !1;
 		}, {
 			rootMargin: p,
 			threshold: Math.max(0, Math.min(1, c)) || 1

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("../../../i18n/generated/form.cjs"),a=require("./source-citation.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");function l(e){try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}}var u=({title:e,url:o,description:u,index:d,domain:f,className:p,"aria-label":m,"aria-labelledby":h})=>{let{t:g}=t.useWimTranslation(i.formNs),_=f??(o?l(o):void 0),v=d==null?e:g(`source_citation.source_label`,{index:d}),y=h?void 0:m??v,b=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:a.default.header,children:[d!=null&&(0,c.jsx)(`span`,{className:a.default.index,"aria-hidden":`true`,children:d}),(0,c.jsx)(`span`,{className:a.default.title,children:e}),o&&(0,c.jsx)(r.Icon,{component:n.default,size:`xs`,className:a.default.externalIcon,"aria-hidden":`true`})]}),_&&(0,c.jsx)(`div`,{className:a.default.domain,children:_}),u&&(0,c.jsx)(`p`,{className:a.default.description,children:u})]});return o?(0,c.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,className:(0,s.default)(`wim-source-citation`,a.default.root,a.default.link,p),"aria-label":y,"aria-labelledby":h,children:b}):(0,c.jsx)(`div`,{className:(0,s.default)(`wim-source-citation`,a.default.root,p),role:`group`,"aria-label":y,"aria-labelledby":h,children:b})},d=o.default.forwardRef(({sources:e,className:t,...n},r)=>(0,c.jsx)(`div`,{ref:r,className:(0,s.default)(a.default.list,t),...n,children:e.map((e,t)=>(0,c.jsx)(u,{index:t+1,...e},e.url??e.title))}));d.displayName=`SourceCitationList`,exports.SourceCitation=u,exports.SourceCitationList=d;
+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("../../../i18n/generated/form.cjs"),a=require("./source-citation.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");function l(e){try{return new URL(e).hostname.replace(/^www\./,``)}catch{return e}}var u=({title:e,url:o,description:u,index:d,domain:f,className:p,"aria-label":m,"aria-labelledby":h})=>{let{t:g}=t.useWimTranslation(i.formNs),_=f??(o?l(o):void 0),v=d==null?e:g(`source_citation.source_label`,{index:d}),y=h?void 0:m??v,b=(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)(`div`,{className:a.default.header,children:[d!=null&&(0,c.jsx)(`span`,{className:a.default.index,"aria-hidden":`true`,children:d}),(0,c.jsx)(`span`,{className:a.default.title,children:e}),o&&(0,c.jsx)(r.Icon,{component:n.default,size:`xs`,className:a.default.externalIcon,"aria-hidden":`true`})]}),_&&(0,c.jsx)(`div`,{className:a.default.domain,children:_}),u&&(0,c.jsx)(`p`,{className:a.default.description,children:u})]});return o?(0,c.jsx)(`a`,{href:o,target:`_blank`,rel:`noopener noreferrer`,className:(0,s.default)(`wim-source-citation`,a.default.root,a.default.link,p),"aria-label":h?void 0:m,"aria-labelledby":h,children:b}):(0,c.jsx)(`div`,{className:(0,s.default)(`wim-source-citation`,a.default.root,p),role:`group`,"aria-label":y,"aria-labelledby":h,children:b})},d=o.default.forwardRef(({sources:e,className:t,...n},r)=>(0,c.jsx)(`div`,{ref:r,className:(0,s.default)(a.default.list,t),...n,children:e.map((e,t)=>(0,c.jsx)(u,{index:t+1,...e},e.url??e.title))}));d.displayName=`SourceCitationList`,exports.SourceCitation=u,exports.SourceCitationList=d;

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

@@ -51,7 +51,7 @@ var d = ({ title: a, url: d, description: f, index: p, domain: m, className: h,
 		target: "_blank",
 		rel: "noopener noreferrer",
 		className: o("wim-source-citation", i.root, i.link, h),
-		"aria-label": x,
+		"aria-label": _ ? void 0 : g,
 		"aria-labelledby": _,
 		children: S
 	}) : /* @__PURE__ */ c("div", {

package/dist/components/charts/SankeyChart/SankeyChart.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("../../_internal/ChartDataTable.cjs"),i=require("../../_internal/chartTableData.cjs"),a=require("./warn-unknown-node.cjs"),o=require("./sankey-chart.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("recharts");var u=12,d=24,f=8,p=({x:e=0,y:t=0,width:r=0,height:i=0,index:a=0,payload:s})=>{let l=(s?.targetNodes?.length??0)===0;return(0,c.jsxs)(`g`,{children:[(0,c.jsx)(`rect`,{x:e,y:t,width:r,height:i,fill:n.CHART_COLORS[a%n.CHART_COLORS.length],rx:2}),(0,c.jsx)(`text`,{className:o.default.label,x:l?e-f:e+r+f,y:t+i/2,textAnchor:l?`end`:`start`,dominantBaseline:`middle`,children:s?.name})]})},m=({sourceX:e=0,targetX:t=0,sourceY:r=0,targetY:i=0,sourceControlX:a=0,targetControlX:o=0,linkWidth:s=0,payload:l,colorIndexOf:u})=>{let d=l?.source?.name,f=(d===void 0?void 0:u?.get(d))??0;return(0,c.jsx)(`path`,{d:`M${e},${r}C${a},${r} ${o},${i} ${t},${i}`,fill:`none`,stroke:n.CHART_COLORS[f%n.CHART_COLORS.length],strokeWidth:s,strokeOpacity:.28})},h=({nodes:e,links:s,height:f=300,width:h=`100%`,title:g,"aria-label":_})=>{let v=_??g,y=new Map;e.forEach((e,t)=>{if(y.has(e)){a.warnDuplicateSankeyNode(e);return}y.set(e,t)});let b=s.filter(t=>{let n=y.has(t.source)?y.has(t.target)?null:t.target:t.source;return n===null||(a.warnUnknownSankeyNode(n,e),!1)}),x=i.linkTable(b);return(0,c.jsxs)(`div`,{className:`wim-sankey-chart ${o.default.root}`,style:{width:h},role:v?`figure`:void 0,"aria-label":v,children:[g&&(0,c.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:g}),(0,c.jsx)(`div`,{className:o.default.container,style:{height:f},"aria-hidden":`true`,children:(0,c.jsx)(l.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,c.jsx)(l.Sankey,{...n.CHART_HIDDEN_A11Y_PROPS,data:{nodes:e.map(e=>({name:e})),links:b.map(e=>({source:y.get(e.source),target:y.get(e.target),value:e.value}))},nodeWidth:u,nodePadding:d,margin:{top:8,right:8,bottom:8,left:8},node:(0,c.jsx)(p,{}),link:(0,c.jsx)(m,{colorIndexOf:y}),children:(0,c.jsx)(l.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor})})})}),(0,c.jsx)(r.ChartDataTable,{caption:v,columns:x.columns,rows:x.rows})]})};exports.SankeyChart=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../typography/Title/Title.cjs"),n=require("../../helpers.cjs"),r=require("../../_internal/ChartDataTable.cjs"),i=require("../../_internal/chartTableData.cjs"),a=require("./warn-unknown-node.cjs"),o=require("./sankey-chart.module.cjs");let s=require("react");s=e.__toESM(s,1);let c=require("react/jsx-runtime"),l=require("recharts");var u=12,d=24,f=8,p=({x:e=0,y:t=0,width:r=0,height:i=0,index:a=0,payload:s})=>{let l=(s?.targetNodes?.length??0)===0;return(0,c.jsxs)(`g`,{children:[(0,c.jsx)(`rect`,{x:e,y:t,width:r,height:i,fill:n.CHART_COLORS[a%n.CHART_COLORS.length],rx:2}),(0,c.jsx)(`text`,{className:o.default.label,x:l?e-f:e+r+f,y:t+i/2,textAnchor:l?`end`:`start`,dominantBaseline:`middle`,children:s?.name})]})},m=({sourceX:e=0,targetX:t=0,sourceY:r=0,targetY:i=0,sourceControlX:a=0,targetControlX:o=0,linkWidth:s=0,payload:l,colorIndexOf:u})=>{let d=l?.source?.name,f=(d===void 0?void 0:u?.get(d))??0;return(0,c.jsx)(`path`,{d:`M${e},${r}C${a},${r} ${o},${i} ${t},${i}`,fill:`none`,stroke:n.CHART_COLORS[f%n.CHART_COLORS.length],strokeWidth:s,strokeOpacity:.28})},h=({nodes:e,links:s,height:f=300,width:h=`100%`,title:g,"aria-label":_})=>{let v=_??g,y=new Map;e.forEach((e,t)=>{y.has(e)?a.warnDuplicateSankeyNode(e):y.set(e,t)});let b=s.filter(t=>{let n=y.has(t.source)?y.has(t.target)?null:t.target:t.source;return n===null||(a.warnUnknownSankeyNode(n,e),!1)}),x=i.linkTable(b);return(0,c.jsxs)(`div`,{className:`wim-sankey-chart ${o.default.root}`,style:{width:h},role:v?`figure`:void 0,"aria-label":v,children:[g&&(0,c.jsx)(t.Title,{tag:`h3`,size:`md`,style:{marginBottom:`var(--wim-spacing-md)`},children:g}),(0,c.jsx)(`div`,{className:o.default.container,style:{height:f},"aria-hidden":`true`,children:(0,c.jsx)(l.ResponsiveContainer,{width:`100%`,height:`100%`,children:(0,c.jsx)(l.Sankey,{...n.CHART_HIDDEN_A11Y_PROPS,data:{nodes:e.map(e=>({name:e})),links:b.map(e=>({source:y.get(e.source),target:y.get(e.target),value:e.value}))},nodeWidth:u,nodePadding:d,margin:{top:8,right:8,bottom:8,left:8},node:(0,c.jsx)(p,{}),link:(0,c.jsx)(m,{colorIndexOf:y}),children:(0,c.jsx)(l.Tooltip,{contentStyle:n.CHART_THEME.tooltip.contentStyle,cursor:n.CHART_THEME.tooltip.cursor})})})}),(0,c.jsx)(r.ChartDataTable,{caption:v,columns:x.columns,rows:x.rows})]})};exports.SankeyChart=h;

package/dist/components/charts/SankeyChart/SankeyChart.js

@@ -38,11 +38,7 @@ var m = 12, h = 24, g = 8, _ = ({ x: e = 0, y: n = 0, width: r = 0, height: i =
 }, y = ({ nodes: t, links: g, height: y = 300, width: b = "100%", title: x, "aria-label": S }) => {
 	let C = S ?? x, w = /* @__PURE__ */ new Map();
 	t.forEach((e, t) => {
-		if (w.has(e)) {
-			o(e);
-			return;
-		}
-		w.set(e, t);
+		w.has(e) ? o(e) : w.set(e, t);
 	});
 	let T = g.filter((e) => {
 		let n = w.has(e.source) ? w.has(e.target) ? null : e.target : e.source;

package/dist/components/data-display/Accordion/Accordion.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("../../_internal/composeEventHandlers.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./accordion.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.createContext)(null),u=()=>{let e=(0,o.useContext)(l);if(!e)throw Error(`Accordion components must be used within an Accordion`);return e},d=(0,o.forwardRef)(function({type:e=`single`,defaultValue:n,value:r,onChange:i,collapsible:u=!0,className:d,children:f,id:p,asChild:m,...h},g){let _=(0,o.useId)(),v=p||_,[y,b]=(0,o.useState)(()=>n?Array.isArray(n)?n:[n]:[]),x=o.default.useRef(null),S=e=>{x.current=e,typeof g==`function`?g(e):g&&(g.current=e)},C=r!==void 0,w=(0,o.useMemo)(()=>{let e=C?r:y;return Array.isArray(e)?e:e?[e]:[]},[C,r,y]),T=(0,o.useCallback)(t=>{let n;n=e===`single`?w.includes(t)&&u?[]:[t]:w.includes(t)?w.filter(e=>e!==t):[...w,t],C||b(n),i?.(e===`single`?n[0]??``:n)},[w,u,C,i,e]),E=m?t.Root:`div`;return(0,c.jsx)(l.Provider,{value:{value:w,onValueChange:T,type:e,accordionId:v,containerRef:x},children:(0,c.jsx)(E,{ref:S,className:(0,s.default)(`wim-accordion`,a.default.root,d),...h,children:f})})}),f=(0,o.createContext)(null),p=(0,o.forwardRef)(function({value:e,disabled:n=!1,className:r,children:i,asChild:o,...l},d){let{value:p,accordionId:m}=u(),h=p.includes(e),g=`wim-accordion-trigger-${m}-${e}`,_=`wim-accordion-content-${m}-${e}`,v=o?t.Root:`div`;return(0,c.jsx)(f.Provider,{value:{value:e,disabled:n,isLogicOpen:h,triggerId:g,contentId:_},children:(0,c.jsx)(v,{ref:d,className:(0,s.default)(a.default.item,n&&a.default.disabled,h&&a.default.open,r),...l,children:i})})}),m=(0,o.forwardRef)(function({children:e,className:l,asChild:d,...p},m){let{onValueChange:h}=u(),g=(0,o.useContext)(f);if(!g)throw Error(`AccordionTrigger must be used within AccordionItem`);let _=e=>{if(g.disabled){e.preventDefault();return}h(g.value)},{containerRef:v}=u(),y=e=>{if(g.disabled)return;let t=Array.from(v.current?.querySelectorAll(`.${a.default.trigger}:not(:disabled)`)||[]),n=t.indexOf(e.currentTarget);switch(e.key){case`ArrowDown`:e.preventDefault(),t[(n+1)%t.length]?.focus();break;case`ArrowUp`:e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus()}p.onKeyDown?.(e)};return(0,c.jsxs)(d?t.Root:`button`,{ref:m,type:d?void 0:`button`,id:g.triggerId,className:(0,s.default)(a.default.trigger,l),"aria-expanded":g.isLogicOpen,"aria-controls":g.contentId,"aria-disabled":g.disabled,disabled:g.disabled,...p,onKeyDown:y,onClick:n.composeEventHandlers(p.onClick,_),children:[(0,c.jsx)(`span`,{className:a.default.triggerContent,children:e}),(0,c.jsx)(i.Icon,{component:r.default,className:(0,s.default)(a.default.chevron,g.isLogicOpen&&a.default.open)})]})}),h=(0,o.forwardRef)(function({children:e,className:n,asChild:r,...i},l){let u=(0,o.useContext)(f);if(!u)throw Error(`AccordionContent must be used within AccordionItem`);return(0,c.jsx)(r?t.Root:`div`,{ref:l,id:u.contentId,role:`region`,"aria-labelledby":u.triggerId,className:(0,s.default)(a.default.content,u.isLogicOpen&&a.default.open,n),...i,children:(0,c.jsx)(`div`,{className:a.default.contentInner,children:(0,c.jsx)(`div`,{className:a.default.contentBody,children:e})})})}),g=d;g.Item=p,g.Trigger=m,g.Content=h,g.displayName=`Accordion`,p.displayName=`Accordion.Item`,m.displayName=`Accordion.Trigger`,h.displayName=`Accordion.Content`,exports.Accordion=g,exports.default=g,exports.AccordionContent=h,exports.AccordionItem=p,exports.AccordionTrigger=m;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../../icon/chevron-down.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./accordion.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.createContext)(null),u=()=>{let e=(0,o.useContext)(l);if(!e)throw Error(`Accordion components must be used within an Accordion`);return e},d=(0,o.forwardRef)(function({type:e=`single`,defaultValue:n,value:r,onChange:i,collapsible:u=!0,className:d,children:f,id:p,asChild:m,...h},g){let _=(0,o.useId)(),v=p||_,[y,b]=(0,o.useState)(()=>n?Array.isArray(n)?n:[n]:[]),x=o.default.useRef(null),S=e=>{x.current=e,typeof g==`function`?g(e):g&&(g.current=e)},C=r!==void 0,w=(0,o.useMemo)(()=>{let e=C?r:y;return Array.isArray(e)?e:e?[e]:[]},[C,r,y]),T=(0,o.useCallback)(t=>{let n;n=e===`single`?w.includes(t)&&u?[]:[t]:w.includes(t)?w.filter(e=>e!==t):[...w,t],C||b(n),i?.(e===`single`?n[0]??``:n)},[w,u,C,i,e]),E=m?t.Root:`div`;return(0,c.jsx)(l.Provider,{value:{value:w,onValueChange:T,type:e,accordionId:v,containerRef:x},children:(0,c.jsx)(E,{ref:S,className:(0,s.default)(`wim-accordion`,a.default.root,d),...h,children:f})})}),f=(0,o.createContext)(null),p=(0,o.forwardRef)(function({value:e,disabled:n=!1,className:r,children:i,asChild:o,...l},d){let{value:p,accordionId:m}=u(),h=p.includes(e),g=`wim-accordion-trigger-${m}-${e}`,_=`wim-accordion-content-${m}-${e}`,v=o?t.Root:`div`;return(0,c.jsx)(f.Provider,{value:{value:e,disabled:n,isLogicOpen:h,triggerId:g,contentId:_},children:(0,c.jsx)(v,{ref:d,className:(0,s.default)(a.default.item,n&&a.default.disabled,h&&a.default.open,r),...l,children:i})})}),m=(0,o.forwardRef)(function({children:e,className:l,asChild:d,...p},m){let{onValueChange:h}=u(),g=(0,o.useContext)(f);if(!g)throw Error(`AccordionTrigger must be used within AccordionItem`);let _=e=>{g.disabled?e.preventDefault():h(g.value)},{containerRef:v}=u(),y=e=>{if(g.disabled)return;let t=Array.from(v.current?.querySelectorAll(`.${a.default.trigger}:not(:disabled)`)||[]),n=t.indexOf(e.currentTarget);switch(e.key){case`ArrowDown`:e.preventDefault(),t[(n+1)%t.length]?.focus();break;case`ArrowUp`:e.preventDefault(),t[(n-1+t.length)%t.length]?.focus();break;case`Home`:e.preventDefault(),t[0]?.focus();break;case`End`:e.preventDefault(),t[t.length-1]?.focus()}p.onKeyDown?.(e)};return(0,c.jsxs)(d?t.Root:`button`,{ref:m,type:d?void 0:`button`,id:g.triggerId,className:(0,s.default)(a.default.trigger,l),"aria-expanded":g.isLogicOpen,"aria-controls":g.contentId,"aria-disabled":g.disabled,disabled:g.disabled,...p,onKeyDown:y,onClick:n.composeEventHandlers(p.onClick,_),children:[(0,c.jsx)(`span`,{className:a.default.triggerContent,children:e}),(0,c.jsx)(i.Icon,{component:r.default,className:(0,s.default)(a.default.chevron,g.isLogicOpen&&a.default.open)})]})}),h=(0,o.forwardRef)(function({children:e,className:n,asChild:r,...i},l){let u=(0,o.useContext)(f);if(!u)throw Error(`AccordionContent must be used within AccordionItem`);return(0,c.jsx)(r?t.Root:`div`,{ref:l,id:u.contentId,role:`region`,"aria-labelledby":u.triggerId,className:(0,s.default)(a.default.content,u.isLogicOpen&&a.default.open,n),...i,children:(0,c.jsx)(`div`,{className:a.default.contentInner,children:(0,c.jsx)(`div`,{className:a.default.contentBody,children:e})})})}),g=d;g.Item=p,g.Trigger=m,g.Content=h,g.displayName=`Accordion`,p.displayName=`Accordion.Item`,m.displayName=`Accordion.Trigger`,h.displayName=`Accordion.Content`,exports.Accordion=g,exports.default=g,exports.AccordionContent=h,exports.AccordionItem=p,exports.AccordionTrigger=m;

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

@@ -68,11 +68,7 @@ var g = o(null), _ = () => {
 	let { onValueChange: d } = _(), f = l(y);
 	if (!f) throw Error("AccordionTrigger must be used within AccordionItem");
 	let g = (e) => {
-		if (f.disabled) {
-			e.preventDefault();
-			return;
-		}
-		d(f.value);
+		f.disabled ? e.preventDefault() : d(f.value);
 	}, { containerRef: v } = _(), b = (e) => {
 		if (f.disabled) return;
 		let t = Array.from(v.current?.querySelectorAll(`.${i.trigger}:not(:disabled)`) || []), n = t.indexOf(e.currentTarget);

package/dist/components/data-display/Carousel/Carousel.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("../../../hooks/useMergedRef.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),ee=require("../../../i18n/generated/components.cjs"),a=require("../../../icon/chevron-left.cjs"),te=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./carousel.module.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");var d=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,f=(0,c.forwardRef)(({children:e,autoPlay:f=!1,interval:p=5e3,showIndicators:m=!0,showControls:ne=!0,controlsPlacement:re=`overlay`,loop:h=!0,slidesToShow:g=1,aspectRatio:_,objectFit:v=`cover`,labels:y,className:b,asChild:x,...ie},ae)=>{let oe=x?t.Root:`div`,{t:S}=n.useWimTranslation(ee.componentsNs),C={slideLabel:e=>S(`carousel.slide`,{number:e}),prevSlide:S(`carousel.prev_slide`),nextSlide:S(`carousel.next_slide`),goToSlide:e=>S(`carousel.go_to_slide`,{number:e}),slideStatus:(e,t)=>S(`carousel.slide_status`,{current:e,total:t}),...y},w=x&&c.default.isValidElement(e)?e.props.children:e,T=(0,c.useMemo)(()=>c.default.Children.toArray(w),[w]),E=T.length,[D,O]=(0,c.useState)(typeof window<`u`?window.innerWidth:0),[k,A]=(0,c.useState)(h?E:0),[j,M]=(0,c.useState)(!1),[N,P]=(0,c.useState)(!1),F=d(g,D),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=(0,c.useRef)(null),B=(0,c.useRef)(null),V=(0,c.useRef)(null),H=(0,c.useRef)(null),U=r.useMergedRef(ae,H);(0,c.useEffect)(()=>{let e=()=>O(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let W=(0,c.useMemo)(()=>!h||E===0?T:[...T,...T,...T],[T,h,E]),G=(0,c.useCallback)(()=>{if(!j){if(!h){A(e=>Math.min(e+1,E-F));return}M(!0),A(e=>e+1)}},[j,h,E,F]),K=(0,c.useCallback)(()=>{if(!j){if(!h){A(e=>Math.max(e-1,0));return}M(!0),A(e=>e-1)}},[j,h]),se=e=>{j||(h?(M(!0),A(e+E)):A(e))},ce=()=>{h&&(M(!1),k>=E*2?A(k-E):k<E&&A(k+E))};(0,c.useEffect)(()=>(f&&!N&&E>F&&(I.current=window.setInterval(G,p)),()=>{I.current&&window.clearInterval(I.current)}),[f,p,G,E,F,N]);let[le,ue]=(0,c.useState)(``),q=h?k%E:k,J=h?E-1:Math.max(E-F,0),Y=e=>{j||e===q||ue(C.slideStatus(e+1,E))},de=e=>{Y(e),se(e)},X=()=>{let e=h?(q-1+E)%E:Math.max(q-1,0);Y(e),!h&&e===0&&document.activeElement===B.current&&H.current?.focus(),K()},Z=()=>{let e=h?(q+1)%E:Math.min(q+1,J);Y(e),!h&&e===J&&document.activeElement===V.current&&H.current?.focus(),G()},fe=e=>{e.key===`ArrowLeft`?X():e.key===`ArrowRight`&&Z()},pe=e=>{R.current=e.targetTouches[0].clientX},me=e=>{z.current=e.targetTouches[0].clientX},he=()=>{if(!R.current||!z.current)return;let e=R.current-z.current;e>50?G():e<-50&&K(),R.current=null,z.current=null};if(E===0)return null;let Q=100/F,ge=-k*Q,$=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(i.VisuallyHidden,{role:`status`,"aria-atomic":`true`,children:le}),(0,u.jsx)(`div`,{className:s.default.viewport,children:(0,u.jsx)(`div`,{ref:L,className:(0,l.default)(s.default.track,j&&s.default.transition),style:{transform:`translateX(${ge}%)`},onTransitionEnd:ce,onTouchStart:pe,onTouchMove:me,onTouchEnd:he,children:W.map((e,t)=>(0,u.jsx)(`div`,{className:(0,l.default)(s.default.item,_&&s.default.hasAspectRatio),style:{flex:`0 0 ${Q}%`,width:`${Q}%`,..._?{aspectRatio:_,"--wim-carousel-object-fit":v}:{}},role:`group`,"aria-roledescription":S(`carousel.slide_roledescription`),"aria-label":C.slideLabel(t%E+1),children:e},t))})}),ne&&E>F&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`button`,{ref:B,className:(0,l.default)(s.default.control,s.default.prev),onClick:X,"aria-label":C.prevSlide,disabled:!h&&k===0,children:(0,u.jsx)(o.Icon,{component:a.default,size:`md`})}),(0,u.jsx)(`button`,{ref:V,className:(0,l.default)(s.default.control,s.default.next),onClick:Z,"aria-label":C.nextSlide,disabled:!h&&k>=E-F,children:(0,u.jsx)(o.Icon,{component:te.default,size:`md`})})]}),m&&E>1&&(0,u.jsx)(`div`,{className:s.default.indicators,children:T.map((e,t)=>{let n=h?k%E===t:k===t;return(0,u.jsx)(`button`,{className:(0,l.default)(s.default.indicator,n&&s.default.active),onClick:()=>de(t),"aria-label":C.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]});return(0,u.jsx)(oe,{ref:U,className:(0,l.default)(`wim-carousel`,s.default.root,re===`outside`&&s.default.controlsOutside,b),onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),onFocus:()=>P(!0),onBlur:()=>P(!1),onKeyDown:fe,tabIndex:0,role:`region`,"aria-roledescription":S(`carousel.roledescription`),...ie,children:x?(0,u.jsx)(t.Slottable,{child:e,children:()=>$}):$})});f.displayName=`Carousel`,exports.Carousel=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("../../../hooks/useMergedRef.cjs"),i=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),ee=require("../../../i18n/generated/components.cjs"),a=require("../../../icon/chevron-left.cjs"),te=require("../../../icon/chevron-right.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("./carousel.module.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");var d=(e,t)=>typeof e==`number`?e:e?t>=1280&&e.xl?e.xl:t>=1024&&e.lg?e.lg:t>=768&&e.md?e.md:t>=640&&e.sm?e.sm:e.base||1:1,f=(0,c.forwardRef)(({children:e,autoPlay:f=!1,interval:p=5e3,showIndicators:m=!0,showControls:ne=!0,controlsPlacement:re=`overlay`,loop:h=!0,slidesToShow:g=1,aspectRatio:_,objectFit:v=`cover`,labels:y,className:b,asChild:x,...ie},ae)=>{let oe=x?t.Root:`div`,{t:S}=n.useWimTranslation(ee.componentsNs),C={slideLabel:e=>S(`carousel.slide`,{number:e}),prevSlide:S(`carousel.prev_slide`),nextSlide:S(`carousel.next_slide`),goToSlide:e=>S(`carousel.go_to_slide`,{number:e}),slideStatus:(e,t)=>S(`carousel.slide_status`,{current:e,total:t}),...y},w=x&&c.default.isValidElement(e)?e.props.children:e,T=(0,c.useMemo)(()=>c.default.Children.toArray(w),[w]),E=T.length,[D,O]=(0,c.useState)(typeof window<`u`?window.innerWidth:0),[k,A]=(0,c.useState)(h?E:0),[j,M]=(0,c.useState)(!1),[N,P]=(0,c.useState)(!1),F=d(g,D),I=(0,c.useRef)(null),L=(0,c.useRef)(null),R=(0,c.useRef)(null),z=(0,c.useRef)(null),B=(0,c.useRef)(null),V=(0,c.useRef)(null),H=(0,c.useRef)(null),U=r.useMergedRef(ae,H);(0,c.useEffect)(()=>{let e=()=>O(window.innerWidth);return window.addEventListener(`resize`,e),()=>window.removeEventListener(`resize`,e)},[]);let W=(0,c.useMemo)(()=>!h||E===0?T:[...T,...T,...T],[T,h,E]),G=(0,c.useCallback)(()=>{j||(h?(M(!0),A(e=>e+1)):A(e=>Math.min(e+1,E-F)))},[j,h,E,F]),K=(0,c.useCallback)(()=>{j||(h?(M(!0),A(e=>e-1)):A(e=>Math.max(e-1,0)))},[j,h]),se=e=>{j||(h?(M(!0),A(e+E)):A(e))},ce=()=>{h&&(M(!1),k>=E*2?A(k-E):k<E&&A(k+E))};(0,c.useEffect)(()=>(f&&!N&&E>F&&(I.current=window.setInterval(G,p)),()=>{I.current&&window.clearInterval(I.current)}),[f,p,G,E,F,N]);let[le,ue]=(0,c.useState)(``),q=h?k%E:k,J=h?E-1:Math.max(E-F,0),Y=e=>{j||e===q||ue(C.slideStatus(e+1,E))},de=e=>{Y(e),se(e)},X=()=>{let e=h?(q-1+E)%E:Math.max(q-1,0);Y(e),!h&&e===0&&document.activeElement===B.current&&H.current?.focus(),K()},Z=()=>{let e=h?(q+1)%E:Math.min(q+1,J);Y(e),!h&&e===J&&document.activeElement===V.current&&H.current?.focus(),G()},fe=e=>{e.key===`ArrowLeft`?X():e.key===`ArrowRight`&&Z()},pe=e=>{R.current=e.targetTouches[0].clientX},me=e=>{z.current=e.targetTouches[0].clientX},he=()=>{if(!R.current||!z.current)return;let e=R.current-z.current;e>50?G():e<-50&&K(),R.current=null,z.current=null};if(E===0)return null;let Q=100/F,ge=-k*Q,$=(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(i.VisuallyHidden,{role:`status`,"aria-atomic":`true`,children:le}),(0,u.jsx)(`div`,{className:s.default.viewport,children:(0,u.jsx)(`div`,{ref:L,className:(0,l.default)(s.default.track,j&&s.default.transition),style:{transform:`translateX(${ge}%)`},onTransitionEnd:ce,onTouchStart:pe,onTouchMove:me,onTouchEnd:he,children:W.map((e,t)=>(0,u.jsx)(`div`,{className:(0,l.default)(s.default.item,_&&s.default.hasAspectRatio),style:{flex:`0 0 ${Q}%`,width:`${Q}%`,..._?{aspectRatio:_,"--wim-carousel-object-fit":v}:{}},role:`group`,"aria-roledescription":S(`carousel.slide_roledescription`),"aria-label":C.slideLabel(t%E+1),children:e},t))})}),ne&&E>F&&(0,u.jsxs)(u.Fragment,{children:[(0,u.jsx)(`button`,{ref:B,className:(0,l.default)(s.default.control,s.default.prev),onClick:X,"aria-label":C.prevSlide,disabled:!h&&k===0,children:(0,u.jsx)(o.Icon,{component:a.default,size:`md`})}),(0,u.jsx)(`button`,{ref:V,className:(0,l.default)(s.default.control,s.default.next),onClick:Z,"aria-label":C.nextSlide,disabled:!h&&k>=E-F,children:(0,u.jsx)(o.Icon,{component:te.default,size:`md`})})]}),m&&E>1&&(0,u.jsx)(`div`,{className:s.default.indicators,children:T.map((e,t)=>{let n=h?k%E===t:k===t;return(0,u.jsx)(`button`,{className:(0,l.default)(s.default.indicator,n&&s.default.active),onClick:()=>de(t),"aria-label":C.goToSlide(t+1),"aria-current":n?`true`:`false`},t)})})]});return(0,u.jsx)(oe,{ref:U,className:(0,l.default)(`wim-carousel`,s.default.root,re===`outside`&&s.default.controlsOutside,b),onMouseEnter:()=>P(!0),onMouseLeave:()=>P(!1),onFocus:()=>P(!0),onBlur:()=>P(!1),onKeyDown:fe,tabIndex:0,role:`region`,"aria-roledescription":S(`carousel.roledescription`),...ie,children:x?(0,u.jsx)(t.Slottable,{child:e,children:()=>$}):$})});f.displayName=`Carousel`,exports.Carousel=f;

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

@@ -37,26 +37,14 @@ var ie = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >
 		y,
 		k
 	]), G = c(() => {
-		if (!N) {
-			if (!y) {
-				M((e) => Math.min(e + 1, k - L));
-				return;
-			}
-			P(!0), M((e) => e + 1);
-		}
+		N || (y ? (P(!0), M((e) => e + 1)) : M((e) => Math.min(e + 1, k - L)));
 	}, [
 		N,
 		y,
 		k,
 		L
 	]), K = c(() => {
-		if (!N) {
-			if (!y) {
-				M((e) => Math.max(e - 1, 0));
-				return;
-			}
-			P(!0), M((e) => e - 1);
-		}
+		N || (y ? (P(!0), M((e) => e - 1)) : M((e) => Math.max(e - 1, 0)));
 	}, [N, y]), he = (e) => {
 		N || (y ? (P(!0), M(e + k)) : M(e));
 	}, ge = () => {

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/plus.cjs"),ee=require("../../../icon/trash.cjs"),i=require("../../media/Icon/Icon.cjs");;/* empty css                                               */const a=require("./node-graph.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"),l=require("@xyflow/react");var u=[`Backspace`,`Delete`],d=180,f=80;function p(e){let t=1,n=new Set(e.map(e=>e.id));for(;n.has(`node-${t}`);)t+=1;return`node-${t}`}function m(e){if(e.length===0)return{x:f,y:f};let t=Math.max(...e.map(e=>e.position.x)),n=e[e.length-1]?.position.y??f;return{x:t+d,y:n}}var h=o.default.forwardRef(({nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y=!0,nodesConnectable:b=!0,deleteKeyCode:x,showMiniMap:S=!1,showControls:C=!0,backgroundVariant:w=l.BackgroundVariant.Dots,fitView:T=!0,fitViewOptions:E,defaultEdgeOptions:D,className:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(n.commonNs),N=k??M(`nodeGraph.label`),P=M(`nodeGraph.add_node`),F=M(`nodeGraph.node_name`),I=M(`nodeGraph.new_node`),L=M(`a11y.delete`),R=x===void 0?[...u]:x,z=R!=null,[B,V]=(0,o.useState)(!1),[H,U]=(0,o.useState)(``),W=(0,o.useRef)(null),G=(0,o.useMemo)(()=>e.filter(e=>e.selected),[e]),K=(0,o.useMemo)(()=>d.filter(e=>e.selected),[d]),q=G.length>0||K.length>0,J=H.trim(),Y=R==null?void 0:Array.isArray(R)?R.join(` `):R;(0,o.useEffect)(()=>{B&&W.current?.focus()},[B]);let X=(0,o.useCallback)(()=>{z&&J&&(f([{type:`add`,item:{id:p(e),position:m(e),data:{label:J}}}]),V(!1),U(``))},[z,J,e,f]),Z=(0,o.useCallback)(()=>{if(z){if(!B){V(!0);return}X()}},[z,B,X]),Q=(0,o.useCallback)(e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),X()),e.key===`Escape`&&(e.preventDefault(),V(!1),U(``))},[X]),te=(0,o.useCallback)(()=>{if(!z||!q)return;let e=new Set(G.map(e=>e.id)),t=new Set(K.map(e=>e.id));for(let n of d)(e.has(n.source)||e.has(n.target))&&t.add(n.id);t.size>0&&h([...t].map(e=>({type:`remove`,id:e}))),e.size>0&&f([...e].map(e=>({type:`remove`,id:e})))},[z,q,G,K,d,h,f]),$=(0,o.useCallback)(e=>{e.stopPropagation()},[]);return(0,c.jsxs)(`div`,{ref:j,className:(0,s.default)(`wim-node-graph`,a.default.root,O),role:`region`,"aria-label":N,...A,children:[(0,c.jsxs)(l.ReactFlow,{nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y,nodesConnectable:b,deleteKeyCode:R,fitView:T,fitViewOptions:E,defaultEdgeOptions:D,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:w,className:a.default.background}),C&&(0,c.jsx)(l.Controls,{className:a.default.controls}),S&&(0,c.jsx)(l.MiniMap,{className:a.default.miniMap})]}),z&&(0,c.jsxs)(`div`,{className:a.default.tools,children:[B&&(0,c.jsx)(`input`,{ref:W,className:(0,s.default)(`nodrag`,`nopan`,a.default.name),value:H,onChange:e=>U(e.target.value),onKeyDown:Q,onPointerDown:$,onMouseDown:$,"aria-label":F,placeholder:I}),(0,c.jsxs)(`div`,{className:a.default.toolRow,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:B&&!J,onClick:Z,onPointerDown:$,onMouseDown:$,"aria-label":P,"aria-expanded":B,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),P]}),(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:!q,onClick:te,onPointerDown:$,onMouseDown:$,"aria-label":L,"aria-keyshortcuts":Y,children:[(0,c.jsx)(i.Icon,{component:ee.default,size:`sm`}),L]})]})]})]})});h.displayName=`NodeGraph`,exports.NodeGraph=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../icon/plus.cjs"),ee=require("../../../icon/trash.cjs"),i=require("../../media/Icon/Icon.cjs");;/* empty css                                               */const a=require("./node-graph.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"),l=require("@xyflow/react");var u=[`Backspace`,`Delete`],d=180,f=80;function p(e){let t=1,n=new Set(e.map(e=>e.id));for(;n.has(`node-${t}`);)t+=1;return`node-${t}`}function m(e){if(e.length===0)return{x:f,y:f};let t=Math.max(...e.map(e=>e.position.x)),n=e[e.length-1]?.position.y??f;return{x:t+d,y:n}}var h=o.default.forwardRef(({nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y=!0,nodesConnectable:b=!0,deleteKeyCode:x,showMiniMap:S=!1,showControls:C=!0,backgroundVariant:w=l.BackgroundVariant.Dots,fitView:T=!0,fitViewOptions:E,defaultEdgeOptions:D,className:O,"aria-label":k,...A},j)=>{let{t:M}=t.useWimTranslation(n.commonNs),N=k??M(`nodeGraph.label`),P=M(`nodeGraph.add_node`),F=M(`nodeGraph.node_name`),I=M(`nodeGraph.new_node`),L=M(`a11y.delete`),R=x===void 0?[...u]:x,z=R!=null,[B,V]=(0,o.useState)(!1),[H,U]=(0,o.useState)(``),W=(0,o.useRef)(null),G=(0,o.useMemo)(()=>e.filter(e=>e.selected),[e]),K=(0,o.useMemo)(()=>d.filter(e=>e.selected),[d]),q=G.length>0||K.length>0,J=H.trim(),Y=R==null?void 0:Array.isArray(R)?R.join(` `):R;(0,o.useEffect)(()=>{B&&W.current?.focus()},[B]);let X=(0,o.useCallback)(()=>{z&&J&&(f([{type:`add`,item:{id:p(e),position:m(e),data:{label:J}}}]),V(!1),U(``))},[z,J,e,f]),Z=(0,o.useCallback)(()=>{z&&(B?X():V(!0))},[z,B,X]),Q=(0,o.useCallback)(e=>{e.stopPropagation(),e.key===`Enter`&&(e.preventDefault(),X()),e.key===`Escape`&&(e.preventDefault(),V(!1),U(``))},[X]),te=(0,o.useCallback)(()=>{if(!z||!q)return;let e=new Set(G.map(e=>e.id)),t=new Set(K.map(e=>e.id));for(let n of d)(e.has(n.source)||e.has(n.target))&&t.add(n.id);t.size>0&&h([...t].map(e=>({type:`remove`,id:e}))),e.size>0&&f([...e].map(e=>({type:`remove`,id:e})))},[z,q,G,K,d,h,f]),$=(0,o.useCallback)(e=>{e.stopPropagation()},[]);return(0,c.jsxs)(`div`,{ref:j,className:(0,s.default)(`wim-node-graph`,a.default.root,O),role:`region`,"aria-label":N,...A,children:[(0,c.jsxs)(l.ReactFlow,{nodes:e,edges:d,onNodesChange:f,onEdgesChange:h,onConnect:g,nodeTypes:_,edgeTypes:v,nodesDraggable:y,nodesConnectable:b,deleteKeyCode:R,fitView:T,fitViewOptions:E,defaultEdgeOptions:D,className:a.default.flow,children:[(0,c.jsx)(l.Background,{variant:w,className:a.default.background}),C&&(0,c.jsx)(l.Controls,{className:a.default.controls}),S&&(0,c.jsx)(l.MiniMap,{className:a.default.miniMap})]}),z&&(0,c.jsxs)(`div`,{className:a.default.tools,children:[B&&(0,c.jsx)(`input`,{ref:W,className:(0,s.default)(`nodrag`,`nopan`,a.default.name),value:H,onChange:e=>U(e.target.value),onKeyDown:Q,onPointerDown:$,onMouseDown:$,"aria-label":F,placeholder:I}),(0,c.jsxs)(`div`,{className:a.default.toolRow,children:[(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:B&&!J,onClick:Z,onPointerDown:$,onMouseDown:$,"aria-label":P,"aria-expanded":B,children:[(0,c.jsx)(i.Icon,{component:r.default,size:`sm`}),P]}),(0,c.jsxs)(`button`,{type:`button`,className:(0,s.default)(`nodrag`,`nopan`,a.default.tool),disabled:!q,onClick:te,onPointerDown:$,onMouseDown:$,"aria-label":L,"aria-keyshortcuts":Y,children:[(0,c.jsx)(i.Icon,{component:ee.default,size:`sm`}),L]})]})]})]})});h.displayName=`NodeGraph`,exports.NodeGraph=h;

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

@@ -48,13 +48,7 @@ var b = o.forwardRef(({ nodes: o, edges: _, onNodesChange: v, onEdgesChange: b,
 		o,
 		v
 	]), ce = s(() => {
-		if (H) {
-			if (!U) {
-				W(!0);
-				return;
-			}
-			Q();
-		}
+		H && (U ? Q() : W(!0));
 	}, [
 		H,
 		U,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),a=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),o=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),s=require("./schedule-view.module.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"),d=require("@fullcalendar/react");d=e.__toESM(d,1);let f=require("@fullcalendar/timegrid");f=e.__toESM(f,1);let p=require("@fullcalendar/daygrid");p=e.__toESM(p,1);let m=require("@fullcalendar/interaction");m=e.__toESM(m,1);var h=[i.default,a.default,o.default],g=[f.default,p.default,m.default],_={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},v=c.default.forwardRef(({events:e=[],initialView:i=`timeGridWeek`,editable:a=!0,selectable:o=!0,onEventClick:f,onEventDrop:p,onEventChange:m,onDateSelect:v,unselectAuto:y=!0,slotMinTime:b=`08:00:00`,slotMaxTime:x=`20:00:00`,slotDuration:S=`00:30:00`,locale:C=`en`,className:w,"aria-label":T,...E},D)=>{let{t:O}=t.useWimTranslation(n.commonNs),k=T??O(`scheduleView.label`),A=(0,c.useRef)(null),j=(0,c.useRef)(null),M=r.useMergedRef(D,j);return(0,c.useEffect)(()=>{let e=j.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`)),e.querySelectorAll(`.fc-scroller`).forEach(e=>{let t=e;t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1?t.setAttribute(`tabindex`,`0`):t.getAttribute(`tabindex`)===`0`&&t.removeAttribute(`tabindex`)})};t();let n=new MutationObserver(t);n.observe(e,{childList:!0,subtree:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return r?.observe(e),()=>{n.disconnect(),r?.disconnect()}},[]),(0,u.jsx)(`div`,{ref:M,className:(0,l.default)(`wim-schedule-view`,s.default.root,w),role:`region`,"aria-label":k,...E,children:(0,u.jsx)(d.default,{ref:A,plugins:g,initialView:i,headerToolbar:_,events:e,editable:a,selectable:o,selectMirror:!0,unselectAuto:y,dayMaxEvents:!0,weekends:!0,slotMinTime:b,slotMaxTime:x,slotDuration:S,locale:C,locales:h,eventColor:`var(--wim-color-primary)`,eventTextColor:`var(--wim-color-text-on-primary)`,eventClick:f,eventDrop:p,eventChange:m,select:v,height:`auto`})})});v.displayName=`ScheduleView`,exports.ScheduleView=v;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../../hooks/useMergedRef.cjs"),i=require("../../../node_modules/@fullcalendar/core/locales/ja.cjs"),a=require("../../../node_modules/@fullcalendar/core/locales/pt.cjs"),o=require("../../../node_modules/@fullcalendar/core/locales/pt-br.cjs"),s=require("./schedule-view.module.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"),d=require("@fullcalendar/react");d=e.__toESM(d,1);let f=require("@fullcalendar/timegrid");f=e.__toESM(f,1);let p=require("@fullcalendar/daygrid");p=e.__toESM(p,1);let m=require("@fullcalendar/interaction");m=e.__toESM(m,1);var h=[i.default,a.default,o.default],g=[f.default,p.default,m.default],_={left:`prev,next today`,center:`title`,right:`dayGridMonth,timeGridWeek,timeGridDay`},v=c.default.forwardRef(({events:e=[],initialView:i=`timeGridWeek`,editable:a=!0,selectable:o=!0,onEventClick:f,onEventDrop:p,onEventChange:m,onDateSelect:v,unselectAuto:y=!0,slotMinTime:b=`08:00:00`,slotMaxTime:x=`20:00:00`,slotDuration:S=`00:30:00`,locale:C=`en`,className:w,"aria-label":T,...E},D)=>{let{t:O}=t.useWimTranslation(n.commonNs),k=T??O(`scheduleView.label`),A=(0,c.useRef)(null),j=(0,c.useRef)(null),M=r.useMergedRef(D,j);return(0,c.useEffect)(()=>{let e=j.current;if(!e)return;let t=()=>{e.querySelectorAll(`.fc-icon[role="img"]:not([aria-hidden])`).forEach(e=>e.setAttribute(`aria-hidden`,`true`)),e.querySelectorAll(`td.fc-daygrid-day[aria-labelledby]`).forEach(e=>{e.querySelector(`.fc-daygrid-event`)&&e.removeAttribute(`aria-labelledby`)}),e.querySelectorAll(`a.fc-more-link:not([role])`).forEach(e=>e.setAttribute(`role`,`button`)),e.querySelectorAll(`.fc-scroller`).forEach(e=>{let t=e;t.scrollHeight>t.clientHeight+1||t.scrollWidth>t.clientWidth+1?t.setAttribute(`tabindex`,`0`):t.getAttribute(`tabindex`)===`0`&&t.removeAttribute(`tabindex`)})};t();let n=new MutationObserver(t);n.observe(e,{childList:!0,subtree:!0});let r=typeof ResizeObserver>`u`?null:new ResizeObserver(t);return r?.observe(e),()=>{n.disconnect(),r?.disconnect()}},[]),(0,u.jsx)(`div`,{ref:M,className:(0,l.default)(`wim-schedule-view`,s.default.root,w),role:`region`,"aria-label":k,...E,children:(0,u.jsx)(d.default,{ref:A,plugins:g,initialView:i,headerToolbar:_,events:e,editable:a,selectable:o,selectMirror:!0,unselectAuto:y,dayMaxEvents:!0,weekends:!0,slotMinTime:b,slotMaxTime:x,slotDuration:S,locale:C,locales:h,eventColor:`var(--wim-color-primary)`,eventTextColor:`var(--wim-color-text-on-primary)`,eventClick:f,eventDrop:p,eventChange:m,select:v,height:`auto`})})});v.displayName=`ScheduleView`,exports.ScheduleView=v;

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

@@ -32,7 +32,9 @@ var g = [
 		let e = M.current;
 		if (!e) return;
 		let t = () => {
-			e.querySelectorAll(".fc-icon[role=\"img\"]:not([aria-hidden])").forEach((e) => e.setAttribute("aria-hidden", "true")), e.querySelectorAll("a.fc-more-link:not([role])").forEach((e) => e.setAttribute("role", "button")), e.querySelectorAll(".fc-scroller").forEach((e) => {
+			e.querySelectorAll(".fc-icon[role=\"img\"]:not([aria-hidden])").forEach((e) => e.setAttribute("aria-hidden", "true")), e.querySelectorAll("td.fc-daygrid-day[aria-labelledby]").forEach((e) => {
+				e.querySelector(".fc-daygrid-event") && e.removeAttribute("aria-labelledby");
+			}), e.querySelectorAll("a.fc-more-link:not([role])").forEach((e) => e.setAttribute("role", "button")), e.querySelectorAll(".fc-scroller").forEach((e) => {
 				let t = e;
 				t.scrollHeight > t.clientHeight + 1 || t.scrollWidth > t.clientWidth + 1 ? t.setAttribute("tabindex", "0") : t.getAttribute("tabindex") === "0" && t.removeAttribute("tabindex");
 			});

package/dist/components/data-display/SwipeAction/SwipeAction.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("../../_internal/composeEventHandlers.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./swipe-action.module.cjs"),a=require("./SwipeableList.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=o.default.forwardRef(({as:e=`div`,leftActions:l=[],rightActions:u=[],children:d,asChild:f=!1,id:p,closeOnAction:m=!0,fullSwipe:h,className:g,..._},v)=>{let y=(0,o.useId)(),b=p||y,x=a.useSwipeableList(),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(!1),E=(0,o.useRef)(0),D=(0,o.useRef)(0),O=(0,o.useRef)(null);(0,o.useImperativeHandle)(v,()=>({close:()=>{C(0),x?.reportClose(b)}}));let k=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(w){k.current=!0;return}if(k.current){let e=setTimeout(()=>{k.current=!1},100);return()=>clearTimeout(e)}x?.openedId&&x.openedId!==b&&C(0)},[x?.openedId,b,w]);let A=l.length*80,j=u.length*80,M=A>0&&(h===`left`||h===`both`),N=j>0&&(h===`right`||h===`both`),P=O.current?.offsetWidth??0,F=e=>Math.max(e+40,P/2),I=w&&M&&S>=F(A)?`left`:w&&N&&-S>=F(j)?`right`:null,L=e=>{E.current=`touches`in e?e.touches[0].clientX:e.clientX,D.current=S,T(!0)},R=e=>{if(!w)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-E.current,n=D.current+t;Math.abs(t)>5&&x?.openedId!==b&&x?.reportOpen(b),n>A&&!M&&(n=A+(n-A)*.3),n<-j&&!N&&(n=-j+(n+j)*.3),C(n)},z=(e=!0)=>{if(w){if(T(!1),I){let t=I===`left`?l[0]:u[u.length-1];if(e){G(t),m||(C(I===`left`?A:-j),x?.reportOpen(b));return}}S>A/2?(C(A),x?.reportOpen(b)):S<-j/2?(C(-j),x?.reportOpen(b)):(C(0),x?.reportClose(b))}},B=f?t.Root:`div`,V=(0,o.useRef)(null),H=A>0||j>0,U=e=>{let t=e===`left`?A:-j;S!==t&&C(t),x?.reportOpen(b)},W=e=>{let t=e.relatedTarget;t&&O.current?.contains(t)||S!==0&&!w&&(C(0),x?.reportClose(b))},G=(e,t)=>{e.onClick(),m&&(C(0),x?.reportClose(b),t&&document.activeElement===t&&V.current?.focus())},K=(e,t,n)=>{let a=e===`left`?M:N,o=e===`left`?Math.max(0,S):Math.max(0,-S),l=e===`left`?0:t.length-1;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.actions,i.default[e],a&&o>n&&i.default.stretched,I===e&&i.default.armed),style:{width:a?Math.max(n,o):n,"--_action-w":`80px`},children:t.map((t,n)=>(0,c.jsxs)(`button`,{className:(0,s.default)(i.default.action,t.intent&&i.default[t.intent],a&&n===l&&i.default.outer),style:{backgroundColor:t.color},onFocus:()=>U(e),onClick:e=>G(t,e.currentTarget),type:`button`,children:[(0,c.jsx)(r.Icon,{name:t.icon,size:`md`}),(0,c.jsx)(`span`,{className:i.default.label,children:t.label})]},n))})};return(0,c.jsxs)(e,{ref:O,className:(0,s.default)(`wim-swipe-action`,i.default.container,g),..._,onMouseLeave:n.composeEventHandlers(_.onMouseLeave,()=>z(!1)),onBlur:n.composeEventHandlers(_.onBlur,W),children:[(0,c.jsx)(B,{ref:V,className:i.default.content,tabIndex:H?-1:void 0,style:{transform:`translateX(${S}px)`,transition:w?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:L,onTouchMove:R,onTouchEnd:()=>z(),onMouseDown:L,onMouseMove:R,onMouseUp:()=>z(),children:d}),A>0&&K(`left`,l,A),j>0&&K(`right`,u,j)]})});l.displayName=`SwipeAction`,exports.SwipeAction=l;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../../media/Icon/Icon.cjs"),i=require("./swipe-action.module.cjs"),a=require("./SwipeableList.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=o.default.forwardRef(({as:e=`div`,leftActions:l=[],rightActions:u=[],children:d,asChild:f=!1,id:p,closeOnAction:m=!0,fullSwipe:h,className:g,..._},v)=>{let y=(0,o.useId)(),b=p||y,x=a.useSwipeableList(),[S,C]=(0,o.useState)(0),[w,T]=(0,o.useState)(!1),E=(0,o.useRef)(0),D=(0,o.useRef)(0),O=(0,o.useRef)(null);(0,o.useImperativeHandle)(v,()=>({close:()=>{C(0),x?.reportClose(b)}}));let k=(0,o.useRef)(!1);(0,o.useEffect)(()=>{if(w)k.current=!0;else{if(k.current){let e=setTimeout(()=>{k.current=!1},100);return()=>clearTimeout(e)}x?.openedId&&x.openedId!==b&&C(0)}},[x?.openedId,b,w]);let A=l.length*80,j=u.length*80,M=A>0&&(h===`left`||h===`both`),N=j>0&&(h===`right`||h===`both`),P=O.current?.offsetWidth??0,F=e=>Math.max(e+40,P/2),I=w&&M&&S>=F(A)?`left`:w&&N&&-S>=F(j)?`right`:null,L=e=>{E.current=`touches`in e?e.touches[0].clientX:e.clientX,D.current=S,T(!0)},R=e=>{if(!w)return;let t=(`touches`in e?e.touches[0].clientX:e.clientX)-E.current,n=D.current+t;Math.abs(t)>5&&x?.openedId!==b&&x?.reportOpen(b),n>A&&!M&&(n=A+(n-A)*.3),n<-j&&!N&&(n=-j+(n+j)*.3),C(n)},z=(e=!0)=>{if(w){if(T(!1),I){let t=I===`left`?l[0]:u[u.length-1];if(e){G(t),m||(C(I===`left`?A:-j),x?.reportOpen(b));return}}S>A/2?(C(A),x?.reportOpen(b)):S<-j/2?(C(-j),x?.reportOpen(b)):(C(0),x?.reportClose(b))}},B=f?t.Root:`div`,V=(0,o.useRef)(null),H=A>0||j>0,U=e=>{let t=e===`left`?A:-j;S!==t&&C(t),x?.reportOpen(b)},W=e=>{let t=e.relatedTarget;t&&O.current?.contains(t)||S!==0&&!w&&(C(0),x?.reportClose(b))},G=(e,t)=>{e.onClick(),m&&(C(0),x?.reportClose(b),t&&document.activeElement===t&&V.current?.focus())},K=(e,t,n)=>{let a=e===`left`?M:N,o=e===`left`?Math.max(0,S):Math.max(0,-S),l=e===`left`?0:t.length-1;return(0,c.jsx)(`div`,{className:(0,s.default)(i.default.actions,i.default[e],a&&o>n&&i.default.stretched,I===e&&i.default.armed),style:{width:a?Math.max(n,o):n,"--_action-w":`80px`},children:t.map((t,n)=>(0,c.jsxs)(`button`,{className:(0,s.default)(i.default.action,t.intent&&i.default[t.intent],a&&n===l&&i.default.outer),style:{backgroundColor:t.color},onFocus:()=>U(e),onClick:e=>G(t,e.currentTarget),type:`button`,children:[(0,c.jsx)(r.Icon,{name:t.icon,size:`md`}),(0,c.jsx)(`span`,{className:i.default.label,children:t.label})]},n))})};return(0,c.jsxs)(e,{ref:O,className:(0,s.default)(`wim-swipe-action`,i.default.container,g),..._,onMouseLeave:n.composeEventHandlers(_.onMouseLeave,()=>z(!1)),onBlur:n.composeEventHandlers(_.onBlur,W),children:[(0,c.jsx)(B,{ref:V,className:i.default.content,tabIndex:H?-1:void 0,style:{transform:`translateX(${S}px)`,transition:w?`none`:`transform 0.4s cubic-bezier(0.16, 1, 0.3, 1)`},onTouchStart:L,onTouchMove:R,onTouchEnd:()=>z(),onMouseDown:L,onMouseMove:R,onMouseUp:()=>z(),children:d}),A>0&&K(`left`,l,A),j>0&&K(`right`,u,j)]})});l.displayName=`SwipeAction`,exports.SwipeAction=l;

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

@@ -15,17 +15,16 @@ var m = a.forwardRef(({ as: a = "div", leftActions: m = [], rightActions: h = []
 	} }));
 	let P = l(!1);
 	o(() => {
-		if (k) {
-			P.current = !0;
-			return;
-		}
-		if (P.current) {
-			let e = setTimeout(() => {
-				P.current = !1;
-			}, 100);
-			return () => clearTimeout(e);
+		if (k) P.current = !0;
+		else {
+			if (P.current) {
+				let e = setTimeout(() => {
+					P.current = !1;
+				}, 100);
+				return () => clearTimeout(e);
+			}
+			E?.openedId && E.openedId !== T && O(0);
 		}
-		E?.openedId && E.openedId !== T && O(0);
 	}, [
 		E?.openedId,
 		T,

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/minus.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./layoutTree.cjs"),o=require("./tree-diagram.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=200,d=64,f=24,p=48,m=(e,t=[])=>{for(let n of e)n.children?.length&&(t.push(n.value),m(n.children,t));return t},h=(e,t=new Map)=>{for(let n of e)t.set(n.value,n),n.children&&h(n.children,t);return t},g=e=>typeof e.label==`string`?e.label:e.value,_=s.default.forwardRef(({nodes:e,orientation:_=`vertical`,expandedValues:v,defaultExpandedValues:y,onExpandedChange:b,selectedValue:x,onSelect:S,renderNode:C,nodeWidth:w=u,nodeHeight:T=d,labels:E,className:D,"aria-label":O,...k},A)=>{let{t:j}=t.useWimTranslation(n.componentsNs),M=s.default.useId(),N=E?.expand??(e=>j(`treediagram.expand`,{label:e})),P=E?.collapse??(e=>j(`treediagram.collapse`,{label:e})),[F,I]=(0,s.useState)(()=>y??m(e)),L=v??F,R=(0,s.useMemo)(()=>new Set(L),[L]),z=(0,s.useCallback)(e=>{v===void 0&&I(e),b?.(e)},[v,b]),B=(0,s.useCallback)(e=>z(R.has(e)?L.filter(t=>t!==e):[...L,e]),[L,R,z]),V=(0,s.useMemo)(()=>h(e),[e]),H=(0,s.useMemo)(()=>a.layoutTree(e,{nodeWidth:w,nodeHeight:T,siblingGap:f,levelGap:p,orientation:_,isExpanded:e=>R.has(e)}),[e,w,T,_,R]),U=(0,s.useMemo)(()=>new Map(H.nodes.map(e=>[e.value,e])),[H]),[W,G]=(0,s.useState)(null),K=W!==null&&U.has(W)?W:null,q=K??x??H.nodes[0]?.value??null,J=(0,s.useRef)(new Map),Y=(0,s.useRef)(!1);(0,s.useEffect)(()=>{if(W===null||U.has(W))return;let e=W,t=e=>{for(let[t,n]of V)if(n.children?.some(t=>t.value===e))return t;return null};for(;e&&!U.has(e);)e=t(e);G(e??null),Y.current=!0},[W,U,V]),(0,s.useEffect)(()=>{if(!Y.current||K===null)return;Y.current=!1;let e=J.current.get(K);e?.focus(),e?.scrollIntoView?.({block:`nearest`,inline:`nearest`})},[K]);let X=e=>{e!==void 0&&(Y.current=!0,G(e))},Z=(e,t,n)=>{let r=H.nodes,i=R.has(t.value);switch(e.key){case`ArrowDown`:X(r[n+1]?.value);break;case`ArrowUp`:X(r[n-1]?.value);break;case`Home`:X(r[0]?.value);break;case`End`:X(r[r.length-1]?.value);break;case`ArrowRight`:t.hasChildren&&!i?B(t.value):t.hasChildren&&X(r[n+1]?.value);break;case`ArrowLeft`:t.hasChildren&&i?B(t.value):t.parent!==null&&X(t.parent);break;case`Enter`:case` `:if(!S)return;S(t.value);break;default:return}e.preventDefault()},Q=_===`vertical`,$=(e,t)=>{if(Q){let n=e.x+w/2,r=e.y+T,i=t.x+w/2;return`M${n} ${r}V${r+p/2}H${i}V${t.y}`}let n=e.x+w,r=e.y+T/2,i=t.y+T/2;return`M${n} ${r}H${n+p/2}V${i}H${t.x}`};return(0,l.jsx)(`div`,{ref:A,role:`tree`,"aria-label":O??j(`treediagram.aria`),"aria-orientation":_,className:(0,c.default)(`wim-tree-diagram`,o.default.root,Q?o.default.vertical:o.default.horizontal,D),...k,children:(0,l.jsxs)(`div`,{className:o.default.canvas,style:{width:H.width,height:H.height},children:[(0,l.jsx)(`svg`,{className:o.default.edges,width:H.width,height:H.height,"aria-hidden":`true`,focusable:`false`,children:H.edges.map(e=>(0,l.jsx)(`path`,{d:$(U.get(e.from),U.get(e.to))},`${e.from}>${e.to}`))}),H.nodes.map((e,t)=>{let n=V.get(e.value),a=R.has(e.value),s=x===e.value,u={depth:e.depth,expanded:a,selected:s,hiddenCount:e.hiddenCount},d=g(n);return(0,l.jsxs)(`div`,{ref:t=>{t?J.current.set(e.value,t):J.current.delete(e.value)},role:`treeitem`,"aria-level":e.depth+1,"aria-setsize":e.setSize,"aria-posinset":e.posInSet,"aria-expanded":e.hasChildren?a:void 0,"aria-selected":S?s:void 0,tabIndex:e.value===q?0:-1,"data-value":e.value,"aria-labelledby":C||!n.description?`${M}-${t}`:`${M}-${t} ${M}-${t}-d`,className:(0,c.default)(o.default.node,s&&o.default.selected,S&&o.default.selectable),style:{left:e.x,top:e.y,width:w,height:T},title:d,onKeyDown:n=>Z(n,e,t),onFocus:()=>G(e.value),onClick:S?()=>S(e.value):void 0,children:[C?(0,l.jsx)(`span`,{id:`${M}-${t}`,className:o.default.custom,children:C(n,u)}):(0,l.jsxs)(`span`,{className:o.default.content,children:[n.avatar&&(0,l.jsx)(`span`,{className:o.default.avatar,children:n.avatar}),(0,l.jsxs)(`span`,{className:o.default.text,children:[(0,l.jsx)(`span`,{id:`${M}-${t}`,className:o.default.label,children:n.label}),n.description&&(0,l.jsx)(`span`,{id:`${M}-${t}-d`,className:o.default.description,children:n.description})]})]}),e.hasChildren&&(0,l.jsx)(`button`,{type:`button`,tabIndex:-1,className:o.default.toggle,"aria-label":a?P(d):N(d),onClick:t=>{t.stopPropagation(),B(e.value)},children:a?(0,l.jsx)(i.Icon,{component:r.default,size:`xs`}):`+${e.hiddenCount}`})]},e.value)})]})})});_.displayName=`TreeDiagram`,exports.TreeDiagram=_;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/components.cjs"),r=require("../../../icon/minus.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./layoutTree.cjs"),o=require("./tree-diagram.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=200,d=64,f=24,p=48,m=(e,t=[])=>{for(let n of e)n.children?.length&&(t.push(n.value),m(n.children,t));return t},h=(e,t=new Map)=>{for(let n of e)t.set(n.value,n),n.children&&h(n.children,t);return t},g=e=>typeof e.label==`string`?e.label:e.value,_=s.default.forwardRef(({nodes:e,orientation:_=`vertical`,expandedValues:v,defaultExpandedValues:y,onExpandedChange:b,selectedValue:x,onSelect:S,renderNode:C,nodeWidth:w=u,nodeHeight:T=d,labels:E,className:D,"aria-label":O,...k},A)=>{let{t:j}=t.useWimTranslation(n.componentsNs),M=s.default.useId(),N=E?.expand??(e=>j(`treediagram.expand`,{label:e})),P=E?.collapse??(e=>j(`treediagram.collapse`,{label:e})),[F,I]=(0,s.useState)(()=>y??m(e)),L=v??F,R=(0,s.useMemo)(()=>new Set(L),[L]),z=(0,s.useCallback)(e=>{v===void 0&&I(e),b?.(e)},[v,b]),B=(0,s.useCallback)(e=>z(R.has(e)?L.filter(t=>t!==e):[...L,e]),[L,R,z]),V=(0,s.useMemo)(()=>h(e),[e]),H=(0,s.useMemo)(()=>a.layoutTree(e,{nodeWidth:w,nodeHeight:T,siblingGap:f,levelGap:p,orientation:_,isExpanded:e=>R.has(e)}),[e,w,T,_,R]),U=(0,s.useMemo)(()=>new Map(H.nodes.map(e=>[e.value,e])),[H]),[W,G]=(0,s.useState)(null),K=W!==null&&U.has(W)?W:null,q=K??x??H.nodes[0]?.value??null,J=(0,s.useRef)(new Map),Y=(0,s.useRef)(!1);(0,s.useEffect)(()=>{if(W===null||U.has(W))return;let e=W,t=e=>{for(let[t,n]of V)if(n.children?.some(t=>t.value===e))return t;return null};for(;e&&!U.has(e);)e=t(e);G(e??null),Y.current=!0},[W,U,V]),(0,s.useEffect)(()=>{if(!Y.current||K===null)return;Y.current=!1;let e=J.current.get(K);e?.focus(),e?.scrollIntoView?.({block:`nearest`,inline:`nearest`})},[K]);let X=e=>{e!==void 0&&(Y.current=!0,G(e))},Z=(e,t,n)=>{let r=H.nodes,i=R.has(t.value);switch(e.key){case`ArrowDown`:X(r[n+1]?.value);break;case`ArrowUp`:X(r[n-1]?.value);break;case`Home`:X(r[0]?.value);break;case`End`:X(r[r.length-1]?.value);break;case`ArrowRight`:t.hasChildren&&!i?B(t.value):t.hasChildren&&X(r[n+1]?.value);break;case`ArrowLeft`:t.hasChildren&&i?B(t.value):t.parent!==null&&X(t.parent);break;case`Enter`:case` `:if(!S)return;S(t.value);break;default:return}e.preventDefault()},Q=_===`vertical`,$=(e,t)=>{if(Q){let n=e.x+w/2,r=e.y+T,i=t.x+w/2;return`M${n} ${r}V${r+p/2}H${i}V${t.y}`}let n=e.x+w,r=e.y+T/2,i=t.y+T/2;return`M${n} ${r}H${n+p/2}V${i}H${t.x}`};return(0,l.jsx)(`div`,{ref:A,role:`tree`,"aria-label":O??j(`treediagram.aria`),"aria-orientation":_,className:(0,c.default)(`wim-tree-diagram`,o.default.root,Q?o.default.vertical:o.default.horizontal,D),...k,children:(0,l.jsxs)(`div`,{className:o.default.canvas,style:{width:H.width,height:H.height},children:[(0,l.jsx)(`svg`,{className:o.default.edges,width:H.width,height:H.height,"aria-hidden":`true`,focusable:`false`,children:H.edges.map(e=>(0,l.jsx)(`path`,{d:$(U.get(e.from),U.get(e.to))},`${e.from}>${e.to}`))}),H.nodes.map((e,t)=>{let n=V.get(e.value),a=R.has(e.value),s=x===e.value,u={depth:e.depth,expanded:a,selected:s,hiddenCount:e.hiddenCount},d=g(n);return(0,l.jsxs)(`div`,{ref:t=>{t?J.current.set(e.value,t):J.current.delete(e.value)},role:`treeitem`,"aria-level":e.depth+1,"aria-setsize":e.setSize,"aria-posinset":e.posInSet,"aria-expanded":e.hasChildren?a:void 0,"aria-selected":S?s:void 0,tabIndex:e.value===q?0:-1,"data-value":e.value,"aria-labelledby":[!C&&n.avatar&&`${M}-${t}-a`,`${M}-${t}`,!C&&n.description&&`${M}-${t}-d`,e.hasChildren&&!a&&`${M}-${t}-c`].filter(Boolean).join(` `),className:(0,c.default)(o.default.node,s&&o.default.selected,S&&o.default.selectable),style:{left:e.x,top:e.y,width:w,height:T},title:d,onKeyDown:n=>Z(n,e,t),onFocus:()=>G(e.value),onClick:S?()=>S(e.value):void 0,children:[C?(0,l.jsx)(`span`,{id:`${M}-${t}`,className:o.default.custom,children:C(n,u)}):(0,l.jsxs)(`span`,{className:o.default.content,children:[n.avatar&&(0,l.jsx)(`span`,{id:`${M}-${t}-a`,className:o.default.avatar,children:n.avatar}),n.avatar&&` `,(0,l.jsxs)(`span`,{className:o.default.text,children:[(0,l.jsx)(`span`,{id:`${M}-${t}`,className:o.default.label,children:n.label}),n.description&&` `,n.description&&(0,l.jsx)(`span`,{id:`${M}-${t}-d`,className:o.default.description,children:n.description})]})]}),e.hasChildren&&` `,e.hasChildren&&(0,l.jsx)(`button`,{type:`button`,tabIndex:-1,className:o.default.toggle,"aria-label":a?P(d):`${N(d)} +${e.hiddenCount}`,onClick:t=>{t.stopPropagation(),B(e.value)},children:a?(0,l.jsx)(i.Icon,{component:r.default,size:`xs`}):(0,l.jsxs)(`span`,{id:`${M}-${t}-c`,children:[`+`,e.hiddenCount]})})]},e.value)})]})})});_.displayName=`TreeDiagram`,exports.TreeDiagram=_;

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

@@ -9,33 +9,33 @@ import o, { useCallback as s, useEffect as c, useMemo as l, useRef as u, useStat
 import f from "classnames";
 import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/data-display/TreeDiagram/TreeDiagram.tsx
-var h = 200, ee = 64, g = 24, _ = 48, v = (e, t = []) => {
-	for (let n of e) n.children?.length && (t.push(n.value), v(n.children, t));
+var h = 200, g = 64, _ = 24, v = 48, y = (e, t = []) => {
+	for (let n of e) n.children?.length && (t.push(n.value), y(n.children, t));
 	return t;
-}, y = (e, t = /* @__PURE__ */ new Map()) => {
-	for (let n of e) t.set(n.value, n), n.children && y(n.children, t);
+}, b = (e, t = /* @__PURE__ */ new Map()) => {
+	for (let n of e) t.set(n.value, n), n.children && b(n.children, t);
 	return t;
-}, b = (e) => typeof e.label == "string" ? e.label : e.value, x = o.forwardRef(({ nodes: x, orientation: S = "vertical", expandedValues: C, defaultExpandedValues: w, onExpandedChange: T, selectedValue: E, onSelect: D, renderNode: O, nodeWidth: k = h, nodeHeight: A = ee, labels: j, className: te, "aria-label": ne, ...M }, N) => {
-	let { t: P } = e(t), F = o.useId(), I = j?.expand ?? ((e) => P("treediagram.expand", { label: e })), L = j?.collapse ?? ((e) => P("treediagram.collapse", { label: e })), [R, z] = d(() => w ?? v(x)), B = C ?? R, V = l(() => new Set(B), [B]), H = s((e) => {
-		C === void 0 && z(e), T?.(e);
-	}, [C, T]), U = s((e) => H(V.has(e) ? B.filter((t) => t !== e) : [...B, e]), [
+}, x = (e) => typeof e.label == "string" ? e.label : e.value, S = o.forwardRef(({ nodes: S, orientation: C = "vertical", expandedValues: w, defaultExpandedValues: T, onExpandedChange: E, selectedValue: D, onSelect: O, renderNode: k, nodeWidth: A = h, nodeHeight: j = g, labels: M, className: ee, "aria-label": te, ...ne }, N) => {
+	let { t: P } = e(t), F = o.useId(), I = M?.expand ?? ((e) => P("treediagram.expand", { label: e })), L = M?.collapse ?? ((e) => P("treediagram.collapse", { label: e })), [R, z] = d(() => T ?? y(S)), B = w ?? R, V = l(() => new Set(B), [B]), H = s((e) => {
+		w === void 0 && z(e), E?.(e);
+	}, [w, E]), U = s((e) => H(V.has(e) ? B.filter((t) => t !== e) : [...B, e]), [
 		B,
 		V,
 		H
-	]), W = l(() => y(x), [x]), G = l(() => i(x, {
-		nodeWidth: k,
-		nodeHeight: A,
-		siblingGap: g,
-		levelGap: _,
-		orientation: S,
+	]), W = l(() => b(S), [S]), G = l(() => i(S, {
+		nodeWidth: A,
+		nodeHeight: j,
+		siblingGap: _,
+		levelGap: v,
+		orientation: C,
 		isExpanded: (e) => V.has(e)
 	}), [
-		x,
-		k,
-		A,
 		S,
+		A,
+		j,
+		C,
 		V
-	]), K = l(() => new Map(G.nodes.map((e) => [e.value, e])), [G]), [q, J] = d(null), Y = q !== null && K.has(q) ? q : null, re = Y ?? E ?? G.nodes[0]?.value ?? null, X = u(/* @__PURE__ */ new Map()), Z = u(!1);
+	]), K = l(() => new Map(G.nodes.map((e) => [e.value, e])), [G]), [q, J] = d(null), Y = q !== null && K.has(q) ? q : null, re = Y ?? D ?? G.nodes[0]?.value ?? null, X = u(/* @__PURE__ */ new Map()), Z = u(!1);
 	c(() => {
 		if (q === null || K.has(q)) return;
 		let e = q, t = (e) => {
@@ -82,27 +82,27 @@ var h = 200, ee = 64, g = 24, _ = 48, v = (e, t = []) => {
 				break;
 			case "Enter":
 			case " ":
-				if (!D) return;
-				D(t.value);
+				if (!O) return;
+				O(t.value);
 				break;
 			default: return;
 		}
 		e.preventDefault();
-	}, $ = S === "vertical", ae = (e, t) => {
+	}, $ = C === "vertical", ae = (e, t) => {
 		if ($) {
-			let n = e.x + k / 2, r = e.y + A, i = t.x + k / 2;
-			return `M${n} ${r}V${r + _ / 2}H${i}V${t.y}`;
+			let n = e.x + A / 2, r = e.y + j, i = t.x + A / 2;
+			return `M${n} ${r}V${r + v / 2}H${i}V${t.y}`;
 		}
-		let n = e.x + k, r = e.y + A / 2, i = t.y + A / 2;
-		return `M${n} ${r}H${n + _ / 2}V${i}H${t.x}`;
+		let n = e.x + A, r = e.y + j / 2, i = t.y + j / 2;
+		return `M${n} ${r}H${n + v / 2}V${i}H${t.x}`;
 	};
 	return /* @__PURE__ */ p("div", {
 		ref: N,
 		role: "tree",
-		"aria-label": ne ?? P("treediagram.aria"),
-		"aria-orientation": S,
-		className: f("wim-tree-diagram", a.root, $ ? a.vertical : a.horizontal, te),
-		...M,
+		"aria-label": te ?? P("treediagram.aria"),
+		"aria-orientation": C,
+		className: f("wim-tree-diagram", a.root, $ ? a.vertical : a.horizontal, ee),
+		...ne,
 		children: /* @__PURE__ */ m("div", {
 			className: a.canvas,
 			style: {
@@ -117,12 +117,12 @@ var h = 200, ee = 64, g = 24, _ = 48, v = (e, t = []) => {
 				focusable: "false",
 				children: G.edges.map((e) => /* @__PURE__ */ p("path", { d: ae(K.get(e.from), K.get(e.to)) }, `${e.from}>${e.to}`))
 			}), G.nodes.map((e, t) => {
-				let i = W.get(e.value), o = V.has(e.value), s = E === e.value, c = {
+				let i = W.get(e.value), o = V.has(e.value), s = D === e.value, c = {
 					depth: e.depth,
 					expanded: o,
 					selected: s,
 					hiddenCount: e.hiddenCount
-				}, l = b(i);
+				}, l = x(i);
 				return /* @__PURE__ */ m("div", {
 					ref: (t) => {
 						t ? X.current.set(e.value, t) : X.current.delete(e.value);
@@ -132,60 +132,81 @@ var h = 200, ee = 64, g = 24, _ = 48, v = (e, t = []) => {
 					"aria-setsize": e.setSize,
 					"aria-posinset": e.posInSet,
 					"aria-expanded": e.hasChildren ? o : void 0,
-					"aria-selected": D ? s : void 0,
+					"aria-selected": O ? s : void 0,
 					tabIndex: e.value === re ? 0 : -1,
 					"data-value": e.value,
-					"aria-labelledby": O || !i.description ? `${F}-${t}` : `${F}-${t} ${F}-${t}-d`,
-					className: f(a.node, s && a.selected, D && a.selectable),
+					"aria-labelledby": [
+						!k && i.avatar && `${F}-${t}-a`,
+						`${F}-${t}`,
+						!k && i.description && `${F}-${t}-d`,
+						e.hasChildren && !o && `${F}-${t}-c`
+					].filter(Boolean).join(" "),
+					className: f(a.node, s && a.selected, O && a.selectable),
 					style: {
 						left: e.x,
 						top: e.y,
-						width: k,
-						height: A
+						width: A,
+						height: j
 					},
 					title: l,
 					onKeyDown: (n) => ie(n, e, t),
 					onFocus: () => J(e.value),
-					onClick: D ? () => D(e.value) : void 0,
-					children: [O ? /* @__PURE__ */ p("span", {
-						id: `${F}-${t}`,
-						className: a.custom,
-						children: O(i, c)
-					}) : /* @__PURE__ */ m("span", {
-						className: a.content,
-						children: [i.avatar && /* @__PURE__ */ p("span", {
-							className: a.avatar,
-							children: i.avatar
-						}), /* @__PURE__ */ m("span", {
-							className: a.text,
-							children: [/* @__PURE__ */ p("span", {
-								id: `${F}-${t}`,
-								className: a.label,
-								children: i.label
-							}), i.description && /* @__PURE__ */ p("span", {
-								id: `${F}-${t}-d`,
-								className: a.description,
-								children: i.description
-							})]
-						})]
-					}), e.hasChildren && /* @__PURE__ */ p("button", {
-						type: "button",
-						tabIndex: -1,
-						className: a.toggle,
-						"aria-label": o ? L(l) : I(l),
-						onClick: (t) => {
-							t.stopPropagation(), U(e.value);
-						},
-						children: o ? /* @__PURE__ */ p(r, {
-							component: n,
-							size: "xs"
-						}) : `+${e.hiddenCount}`
-					})]
+					onClick: O ? () => O(e.value) : void 0,
+					children: [
+						k ? /* @__PURE__ */ p("span", {
+							id: `${F}-${t}`,
+							className: a.custom,
+							children: k(i, c)
+						}) : /* @__PURE__ */ m("span", {
+							className: a.content,
+							children: [
+								i.avatar && /* @__PURE__ */ p("span", {
+									id: `${F}-${t}-a`,
+									className: a.avatar,
+									children: i.avatar
+								}),
+								i.avatar && " ",
+								/* @__PURE__ */ m("span", {
+									className: a.text,
+									children: [
+										/* @__PURE__ */ p("span", {
+											id: `${F}-${t}`,
+											className: a.label,
+											children: i.label
+										}),
+										i.description && " ",
+										i.description && /* @__PURE__ */ p("span", {
+											id: `${F}-${t}-d`,
+											className: a.description,
+											children: i.description
+										})
+									]
+								})
+							]
+						}),
+						e.hasChildren && " ",
+						e.hasChildren && /* @__PURE__ */ p("button", {
+							type: "button",
+							tabIndex: -1,
+							className: a.toggle,
+							"aria-label": o ? L(l) : `${I(l)} +${e.hiddenCount}`,
+							onClick: (t) => {
+								t.stopPropagation(), U(e.value);
+							},
+							children: o ? /* @__PURE__ */ p(r, {
+								component: n,
+								size: "xs"
+							}) : /* @__PURE__ */ m("span", {
+								id: `${F}-${t}-c`,
+								children: ["+", e.hiddenCount]
+							})
+						})
+					]
 				}, e.value);
 			})]
 		})
 	});
 });
-x.displayName = "TreeDiagram";
+S.displayName = "TreeDiagram";
 //#endregion
-export { x as TreeDiagram };
+export { S as TreeDiagram };