wimui 0.51.1 → 0.52.0

package/dist/components/media/Video/components/VideoControls.js

@@ -1,178 +1,179 @@
 "use client";
 import { useWimTranslation as e } from "../../../../i18n/useWimTranslation.js";
-import t from "../../../../icon/chevron-left.js";
-import n from "../../../../icon/chevron-right.js";
-import r from "../../../../icon/document.js";
-import i from "../../../../icon/maximize.js";
-import a from "../../../../icon/minimize.js";
-import o from "../../../../icon/monitor.js";
-import s from "../../../../icon/mute.js";
-import c from "../../../../icon/pause.js";
-import l from "../../../../icon/play.js";
-import u from "../../../../icon/settings.js";
-import d from "../../../../icon/volume.js";
-import { Icon as f } from "../../Icon/Icon.js";
+import { commonNs as t } from "../../../../i18n/generated/common.js";
+import n from "../../../../icon/chevron-left.js";
+import r from "../../../../icon/chevron-right.js";
+import i from "../../../../icon/document.js";
+import a from "../../../../icon/maximize.js";
+import o from "../../../../icon/minimize.js";
+import s from "../../../../icon/monitor.js";
+import c from "../../../../icon/mute.js";
+import l from "../../../../icon/pause.js";
+import u from "../../../../icon/play.js";
+import d from "../../../../icon/settings.js";
+import f from "../../../../icon/volume.js";
+import { Icon as p } from "../../Icon/Icon.js";
 import "react";
-import p from "classnames";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import m from "classnames";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
 //#region src/components/media/Video/components/VideoControls.tsx
-function g({ playlist: g, advancedControls: _, currentPlayIndex: v, setCurrentPlayIndex: y, skip: b, isPlaying: x, togglePlay: S, currentTime: C, duration: w, handleSeek: T, volume: E, isMuted: D, toggleMute: O, handleVolumeChange: k, activeMenu: A, setActiveMenu: j, togglePiP: M, isFullscreen: N, toggleFullscreen: P, formatTime: F, labels: I = {}, styles: L }) {
-	let { t: R } = e("common"), { playlist: z = R("a11y.playlist"), skipBackward: B = R("a11y.skip_backward"), skipForward: V = R("a11y.skip_forward"), play: H = R("a11y.play"), pause: U = R("a11y.pause"), nextTrack: W = R("a11y.next_track"), seek: G = R("a11y.seek"), mute: K = R("a11y.mute"), unmute: q = R("a11y.unmute"), volume: J = R("a11y.volume"), settings: Y = R("a11y.settings"), pip: X = R("a11y.picture_in_picture"), fullscreen: Z = R("a11y.fullscreen"), exitFullscreen: Q = R("a11y.exit_fullscreen") } = I;
-	return /* @__PURE__ */ h("div", {
-		className: p(L.controlsBottom),
+function _({ playlist: _, advancedControls: v, currentPlayIndex: y, setCurrentPlayIndex: b, skip: x, isPlaying: S, togglePlay: C, currentTime: w, duration: T, handleSeek: E, volume: D, isMuted: O, toggleMute: k, handleVolumeChange: A, activeMenu: j, setActiveMenu: M, togglePiP: N, isFullscreen: P, toggleFullscreen: F, formatTime: I, labels: L = {}, styles: R }) {
+	let { t: z } = e(t), { playlist: B = z("a11y.playlist"), skipBackward: V = z("a11y.skip_backward"), skipForward: H = z("a11y.skip_forward"), play: U = z("a11y.play"), pause: W = z("a11y.pause"), nextTrack: G = z("a11y.next_track"), seek: K = z("a11y.seek"), mute: q = z("a11y.mute"), unmute: J = z("a11y.unmute"), volume: Y = z("a11y.volume"), settings: X = z("a11y.settings"), pip: Z = z("a11y.picture_in_picture"), fullscreen: Q = z("a11y.fullscreen"), exitFullscreen: $ = z("a11y.exit_fullscreen") } = L;
+	return /* @__PURE__ */ g("div", {
+		className: m(R.controlsBottom),
 		children: [
-			g && g.length > 0 && _ && /* @__PURE__ */ m("button", {
+			_ && _.length > 0 && v && /* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), j(A === "playlist" ? null : "playlist");
+					e.stopPropagation(), M(j === "playlist" ? null : "playlist");
 				},
-				"aria-label": z,
-				children: /* @__PURE__ */ m(f, {
-					component: r,
+				"aria-label": B,
+				children: /* @__PURE__ */ h(p, {
+					component: i,
 					size: "sm"
 				})
 			}),
-			_ && /* @__PURE__ */ m("button", {
+			v && /* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), b(-10);
+					e.stopPropagation(), x(-10);
 				},
-				"aria-label": B,
-				children: /* @__PURE__ */ m(f, {
-					component: t,
+				"aria-label": V,
+				children: /* @__PURE__ */ h(p, {
+					component: n,
 					size: "sm"
 				})
 			}),
-			/* @__PURE__ */ m("button", {
+			/* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn, L.btnPlay),
+				className: m(R.btn, R.btnPlay),
 				onClick: (e) => {
-					e.stopPropagation(), S();
+					e.stopPropagation(), C();
 				},
-				"aria-label": x ? U : H,
-				children: /* @__PURE__ */ m(f, {
-					component: x ? c : l,
+				"aria-label": S ? W : U,
+				children: /* @__PURE__ */ h(p, {
+					component: S ? l : u,
 					size: "sm"
 				})
 			}),
-			_ && /* @__PURE__ */ m("button", {
+			v && /* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), b(10);
+					e.stopPropagation(), x(10);
 				},
-				"aria-label": V,
-				children: /* @__PURE__ */ m(f, {
-					component: n,
+				"aria-label": H,
+				children: /* @__PURE__ */ h(p, {
+					component: r,
 					size: "sm"
 				})
 			}),
-			g && g.length > 0 && _ && /* @__PURE__ */ m("button", {
+			_ && _.length > 0 && v && /* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), v < g.length - 1 && y((e) => e + 1);
+					e.stopPropagation(), y < _.length - 1 && b((e) => e + 1);
 				},
-				disabled: v >= g.length - 1,
-				style: { opacity: v >= g.length - 1 ? .5 : 1 },
-				"aria-label": W,
-				children: /* @__PURE__ */ m(f, {
-					component: n,
+				disabled: y >= _.length - 1,
+				style: { opacity: y >= _.length - 1 ? .5 : 1 },
+				"aria-label": G,
+				children: /* @__PURE__ */ h(p, {
+					component: r,
 					size: "md"
 				})
 			}),
-			/* @__PURE__ */ h("div", {
-				className: p(L.timeContainer),
+			/* @__PURE__ */ g("div", {
+				className: m(R.timeContainer),
 				children: [
-					/* @__PURE__ */ m("span", {
-						className: L.timeCurrent,
-						children: F(C)
+					/* @__PURE__ */ h("span", {
+						className: R.timeCurrent,
+						children: I(w)
 					}),
-					/* @__PURE__ */ h("div", {
-						className: p(L.progressContainer),
-						children: [/* @__PURE__ */ m("input", {
+					/* @__PURE__ */ g("div", {
+						className: m(R.progressContainer),
+						children: [/* @__PURE__ */ h("input", {
 							type: "range",
 							min: "0",
-							max: w || 0,
-							value: C,
-							onChange: T,
-							className: p(L.progress),
-							"aria-label": G,
+							max: T || 0,
+							value: w,
+							onChange: E,
+							className: m(R.progress),
+							"aria-label": K,
 							onClick: (e) => e.stopPropagation()
-						}), /* @__PURE__ */ m("div", {
-							className: p(L.progressFill),
-							style: { width: `${C / (w || 1) * 100}%` }
+						}), /* @__PURE__ */ h("div", {
+							className: m(R.progressFill),
+							style: { width: `${w / (T || 1) * 100}%` }
 						})]
 					}),
-					/* @__PURE__ */ m("span", {
-						className: L.timeTotal,
-						children: F(w)
+					/* @__PURE__ */ h("span", {
+						className: R.timeTotal,
+						children: I(T)
 					})
 				]
 			}),
-			/* @__PURE__ */ h("div", {
-				className: p(L.volumeContainer),
-				children: [/* @__PURE__ */ m("button", {
+			/* @__PURE__ */ g("div", {
+				className: m(R.volumeContainer),
+				children: [/* @__PURE__ */ h("button", {
 					type: "button",
-					className: p(L.btn),
+					className: m(R.btn),
 					onClick: (e) => {
-						e.stopPropagation(), O();
+						e.stopPropagation(), k();
 					},
-					"aria-label": D ? q : K,
-					children: /* @__PURE__ */ m(f, {
-						component: D || E === 0 ? s : d,
+					"aria-label": O ? J : q,
+					children: /* @__PURE__ */ h(p, {
+						component: O || D === 0 ? c : f,
 						size: "sm"
 					})
-				}), /* @__PURE__ */ m("input", {
+				}), /* @__PURE__ */ h("input", {
 					type: "range",
 					min: "0",
 					max: "1",
 					step: "0.1",
-					value: D ? 0 : E,
+					value: O ? 0 : D,
 					onChange: (e) => {
-						e.stopPropagation(), k(e);
+						e.stopPropagation(), A(e);
 					},
-					className: p(L.volume),
-					"aria-label": J,
+					className: m(R.volume),
+					"aria-label": Y,
 					onClick: (e) => e.stopPropagation()
 				})]
 			}),
-			_ && /* @__PURE__ */ m("button", {
+			v && /* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), j(A === "main" ? null : "main");
+					e.stopPropagation(), M(j === "main" ? null : "main");
 				},
-				"aria-label": Y,
-				children: /* @__PURE__ */ m(f, {
-					component: u,
+				"aria-label": X,
+				children: /* @__PURE__ */ h(p, {
+					component: d,
 					size: "sm"
 				})
 			}),
-			_ && /* @__PURE__ */ m("button", {
+			v && /* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), M();
+					e.stopPropagation(), N();
 				},
-				"aria-label": X,
-				title: X,
-				children: /* @__PURE__ */ m(f, {
-					component: o,
+				"aria-label": Z,
+				title: Z,
+				children: /* @__PURE__ */ h(p, {
+					component: s,
 					size: "sm"
 				})
 			}),
-			/* @__PURE__ */ m("button", {
+			/* @__PURE__ */ h("button", {
 				type: "button",
-				className: p(L.btn),
+				className: m(R.btn),
 				onClick: (e) => {
-					e.stopPropagation(), P();
+					e.stopPropagation(), F();
 				},
-				"aria-label": N ? Q : Z,
-				children: /* @__PURE__ */ m(f, {
-					component: N ? a : i,
+				"aria-label": P ? $ : Q,
+				children: /* @__PURE__ */ h(p, {
+					component: P ? o : a,
 					size: "sm"
 				})
 			})
@@ -180,4 +181,4 @@ function g({ playlist: g, advancedControls: _, currentPlayIndex: v, setCurrentPl
 	});
 }
 //#endregion
-export { g as VideoControls };
+export { _ as VideoControls };

package/dist/components/navigation/BackTop/BackTop.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/chevron-up.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./backtop.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=o.default.forwardRef(({target:e=()=>window,visibilityHeight:l=400,onClick:u,children:d,className:f,style:p,"aria-label":m,asChild:h=!1},g)=>{let{t:_}=n.useWimTranslation(`common`),[v,y]=(0,o.useState)(!1),b=(0,o.useCallback)(e=>e===window||e instanceof Window?window.pageYOffset||document.documentElement.scrollTop:e instanceof Document?document.documentElement.scrollTop:e.scrollTop,[]),x=(0,o.useCallback)(()=>{let t=e();if(!t)return;let n=b(t);y(n>l)},[e,l,b]);(0,o.useEffect)(()=>{let t=e();if(t)return requestAnimationFrame(x),t.addEventListener(`scroll`,x),()=>{t.removeEventListener(`scroll`,x)}},[e,x]);let S=t=>{let n=e();n&&(n===window||n instanceof Window?window.scrollTo({top:0,behavior:`smooth`}):n instanceof Document?document.documentElement.scrollTo({top:0,behavior:`smooth`}):n.scrollTo({top:0,behavior:`smooth`}),u?.(t))},C=(0,c.jsx)(`div`,{className:a.default.content,children:(0,c.jsx)(i.Icon,{component:r.default,className:a.default.icon})});return(0,c.jsx)(h?t.Root:`div`,{ref:g,className:(0,s.default)(`wim-back-top`,a.default.root,!v&&a.default.hidden,f),style:p,onClick:S,role:`button`,tabIndex:0,"aria-label":m??_(`a11y.back_to_top`),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()},children:(0,c.jsx)(t.Slottable,{children:d||C})})});l.displayName=`BackTop`,exports.BackTop=l,exports.default=l;
+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("../../../i18n/generated/common.cjs"),i=require("../../../icon/chevron-up.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./backtop.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=s.default.forwardRef(({target:e=()=>window,visibilityHeight:u=400,onClick:d,children:f,className:p,style:m,"aria-label":h,asChild:g=!1},_)=>{let{t:v}=n.useWimTranslation(r.commonNs),[y,b]=(0,s.useState)(!1),x=(0,s.useCallback)(e=>e===window||e instanceof Window?window.pageYOffset||document.documentElement.scrollTop:e instanceof Document?document.documentElement.scrollTop:e.scrollTop,[]),S=(0,s.useCallback)(()=>{let t=e();if(!t)return;let n=x(t);b(n>u)},[e,u,x]);(0,s.useEffect)(()=>{let t=e();if(t)return requestAnimationFrame(S),t.addEventListener(`scroll`,S),()=>{t.removeEventListener(`scroll`,S)}},[e,S]);let C=t=>{let n=e();n&&(n===window||n instanceof Window?window.scrollTo({top:0,behavior:`smooth`}):n instanceof Document?document.documentElement.scrollTo({top:0,behavior:`smooth`}):n.scrollTo({top:0,behavior:`smooth`}),d?.(t))},w=(0,l.jsx)(`div`,{className:o.default.content,children:(0,l.jsx)(a.Icon,{component:i.default,className:o.default.icon})});return(0,l.jsx)(g?t.Root:`div`,{ref:_,className:(0,c.default)(`wim-back-top`,o.default.root,!y&&o.default.hidden,p),style:m,onClick:C,role:`button`,tabIndex:0,"aria-label":h??v(`a11y.back_to_top`),onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&e.currentTarget.click()},children:(0,l.jsx)(t.Slottable,{children:f||w})})});u.displayName=`BackTop`,exports.BackTop=u,exports.default=u;

package/dist/components/navigation/BackTop/BackTop.js

@@ -1,32 +1,33 @@
 "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/chevron-up.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
-import a from "./backtop.module.js";
-import o, { useCallback as s, useEffect as c, useState as l } from "react";
-import u from "classnames";
-import { jsx as d } from "react/jsx-runtime";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import i from "../../../icon/chevron-up.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import o from "./backtop.module.js";
+import s, { useCallback as c, useEffect as l, useState as u } from "react";
+import d from "classnames";
+import { jsx as f } from "react/jsx-runtime";
 //#region src/components/navigation/BackTop/BackTop.tsx
-var f = o.forwardRef(({ target: o = () => window, visibilityHeight: f = 400, onClick: p, children: m, className: h, style: g, "aria-label": _, asChild: v = !1 }, y) => {
-	let { t: b } = n("common"), [x, S] = l(!1), C = s((e) => e === window || e instanceof Window ? window.pageYOffset || document.documentElement.scrollTop : e instanceof Document ? document.documentElement.scrollTop : e.scrollTop, []), w = s(() => {
-		let e = o();
+var p = s.forwardRef(({ target: s = () => window, visibilityHeight: p = 400, onClick: m, children: h, className: g, style: _, "aria-label": v, asChild: y = !1 }, b) => {
+	let { t: x } = n(r), [S, C] = u(!1), w = c((e) => e === window || e instanceof Window ? window.pageYOffset || document.documentElement.scrollTop : e instanceof Document ? document.documentElement.scrollTop : e.scrollTop, []), T = c(() => {
+		let e = s();
 		if (!e) return;
-		let t = C(e);
-		S(t > f);
+		let t = w(e);
+		C(t > p);
 	}, [
-		o,
-		f,
-		C
+		s,
+		p,
+		w
 	]);
-	c(() => {
-		let e = o();
-		if (e) return requestAnimationFrame(w), e.addEventListener("scroll", w), () => {
-			e.removeEventListener("scroll", w);
+	l(() => {
+		let e = s();
+		if (e) return requestAnimationFrame(T), e.addEventListener("scroll", T), () => {
+			e.removeEventListener("scroll", T);
 		};
-	}, [o, w]);
-	let T = (e) => {
-		let t = o();
+	}, [s, T]);
+	let E = (e) => {
+		let t = s();
 		t && (t === window || t instanceof Window ? window.scrollTo({
 			top: 0,
 			behavior: "smooth"
@@ -36,28 +37,28 @@ var f = o.forwardRef(({ target: o = () => window, visibilityHeight: f = 400, onC
 		}) : t.scrollTo({
 			top: 0,
 			behavior: "smooth"
-		}), p?.(e));
-	}, E = /* @__PURE__ */ d("div", {
-		className: a.content,
-		children: /* @__PURE__ */ d(i, {
-			component: r,
-			className: a.icon
+		}), m?.(e));
+	}, D = /* @__PURE__ */ f("div", {
+		className: o.content,
+		children: /* @__PURE__ */ f(a, {
+			component: i,
+			className: o.icon
 		})
 	});
-	return /* @__PURE__ */ d(v ? e : "div", {
-		ref: y,
-		className: u("wim-back-top", a.root, !x && a.hidden, h),
-		style: g,
-		onClick: T,
+	return /* @__PURE__ */ f(y ? e : "div", {
+		ref: b,
+		className: d("wim-back-top", o.root, !S && o.hidden, g),
+		style: _,
+		onClick: E,
 		role: "button",
 		tabIndex: 0,
-		"aria-label": _ ?? b("a11y.back_to_top"),
+		"aria-label": v ?? x("a11y.back_to_top"),
 		onKeyDown: (e) => {
 			(e.key === "Enter" || e.key === " ") && e.currentTarget.click();
 		},
-		children: /* @__PURE__ */ d(t, { children: m || E })
+		children: /* @__PURE__ */ f(t, { children: h || D })
 	});
 });
-f.displayName = "BackTop";
+p.displayName = "BackTop";
 //#endregion
-export { f as BackTop, f as default };
+export { p as BackTop, p as default };

package/dist/components/navigation/Breadcrumb/Breadcrumb.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/chevron-right.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("./breadcrumb.module.cjs"),o=require("../Link/Link.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)(({items:e,separator:s,size:u=`md`,className:d,ariaLabel:f,asChild:p,...m},h)=>{let{t:g}=n.useWimTranslation(`common`),_=f??g(`a11y.breadcrumb`),v=p?t.Root:`nav`,y=(0,l.jsx)(i.Icon,{component:r.default,size:u,className:a.default.separatorIcon});return(0,l.jsx)(v,{ref:h,"aria-label":_,className:(0,c.default)(`wim-breadcrumb`,a.default.root,a.default[u],d),onKeyDown:e=>{let t=e.currentTarget,n=Array.from(t.querySelectorAll(`.${a.default.link}, .${a.default.label}.${a.default.current}`)),r=n.indexOf(document.activeElement);r!==-1&&(e.key===`ArrowRight`?(e.preventDefault(),n[(r+1)%n.length].focus()):e.key===`ArrowLeft`&&(e.preventDefault(),n[(r-1+n.length)%n.length].focus()))},...m,children:(0,l.jsx)(`ol`,{className:a.default.list,children:e.map((t,n)=>{let r=n===e.length-1;return(0,l.jsxs)(`li`,{className:a.default.item,children:[(0,l.jsx)(`div`,{className:a.default.content,children:t.href&&!r?(0,l.jsx)(o.Link,{href:t.href,size:u,priority:`secondary`,iconName:t.iconName,className:a.default.link,styles:{label:a.default.linkLabel},children:t.label}):(0,l.jsxs)(`span`,{className:(0,c.default)(a.default.label,r&&a.default.current),"aria-current":r?`page`:void 0,tabIndex:r?0:void 0,role:r?`link`:void 0,children:[t.iconName&&(0,l.jsx)(i.Icon,{name:t.iconName,size:u,className:a.default.labelIcon}),t.label]})}),!r&&(0,l.jsx)(`span`,{className:a.default.separator,"aria-hidden":`true`,children:s||y})]},n)})})})});u.displayName=`Breadcrumb`,exports.Breadcrumb=u;
+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("../../../i18n/generated/common.cjs"),i=require("../../../icon/chevron-right.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("./breadcrumb.module.cjs"),s=require("../Link/Link.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=(0,c.forwardRef)(({items:e,separator:c,size:d=`md`,className:f,ariaLabel:p,asChild:m,...h},g)=>{let{t:_}=n.useWimTranslation(r.commonNs),v=p??_(`a11y.breadcrumb`),y=m?t.Root:`nav`,b=(0,u.jsx)(a.Icon,{component:i.default,size:d,className:o.default.separatorIcon});return(0,u.jsx)(y,{ref:g,"aria-label":v,className:(0,l.default)(`wim-breadcrumb`,o.default.root,o.default[d],f),onKeyDown:e=>{let t=e.currentTarget,n=Array.from(t.querySelectorAll(`.${o.default.link}, .${o.default.label}.${o.default.current}`)),r=n.indexOf(document.activeElement);r!==-1&&(e.key===`ArrowRight`?(e.preventDefault(),n[(r+1)%n.length].focus()):e.key===`ArrowLeft`&&(e.preventDefault(),n[(r-1+n.length)%n.length].focus()))},...h,children:(0,u.jsx)(`ol`,{className:o.default.list,children:e.map((t,n)=>{let r=n===e.length-1;return(0,u.jsxs)(`li`,{className:o.default.item,children:[(0,u.jsx)(`div`,{className:o.default.content,children:t.href&&!r?(0,u.jsx)(s.Link,{href:t.href,size:d,priority:`secondary`,iconName:t.iconName,className:o.default.link,styles:{label:o.default.linkLabel},children:t.label}):(0,u.jsxs)(`span`,{className:(0,l.default)(o.default.label,r&&o.default.current),"aria-current":r?`page`:void 0,tabIndex:r?0:void 0,role:r?`link`:void 0,children:[t.iconName&&(0,u.jsx)(a.Icon,{name:t.iconName,size:d,className:o.default.labelIcon}),t.label]})}),!r&&(0,u.jsx)(`span`,{className:o.default.separator,"aria-hidden":`true`,children:c||b})]},n)})})})});d.displayName=`Breadcrumb`,exports.Breadcrumb=d;

package/dist/components/navigation/Breadcrumb/Breadcrumb.js

@@ -1,66 +1,67 @@
 "use client";
 import { Root as e } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
 import { useWimTranslation as t } from "../../../i18n/useWimTranslation.js";
-import n from "../../../icon/chevron-right.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import i from "./breadcrumb.module.js";
-import { Link as a } from "../Link/Link.js";
-import { forwardRef as o } from "react";
-import s from "classnames";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { commonNs as n } from "../../../i18n/generated/common.js";
+import r from "../../../icon/chevron-right.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import a from "./breadcrumb.module.js";
+import { Link as o } from "../Link/Link.js";
+import { forwardRef as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/navigation/Breadcrumb/Breadcrumb.tsx
-var u = o(({ items: o, separator: u, size: d = "md", className: f, ariaLabel: p, asChild: m, ...h }, g) => {
-	let { t: _ } = t("common"), v = p ?? _("a11y.breadcrumb"), y = m ? e : "nav", b = /* @__PURE__ */ c(r, {
-		component: n,
-		size: d,
-		className: i.separatorIcon
+var d = s(({ items: s, separator: d, size: f = "md", className: p, ariaLabel: m, asChild: h, ...g }, _) => {
+	let { t: v } = t(n), y = m ?? v("a11y.breadcrumb"), b = h ? e : "nav", x = /* @__PURE__ */ l(i, {
+		component: r,
+		size: f,
+		className: a.separatorIcon
 	});
-	return /* @__PURE__ */ c(y, {
-		ref: g,
-		"aria-label": v,
-		className: s("wim-breadcrumb", i.root, i[d], f),
+	return /* @__PURE__ */ l(b, {
+		ref: _,
+		"aria-label": y,
+		className: c("wim-breadcrumb", a.root, a[f], p),
 		onKeyDown: (e) => {
-			let t = e.currentTarget, n = Array.from(t.querySelectorAll(`.${i.link}, .${i.label}.${i.current}`)), r = n.indexOf(document.activeElement);
+			let t = e.currentTarget, n = Array.from(t.querySelectorAll(`.${a.link}, .${a.label}.${a.current}`)), r = n.indexOf(document.activeElement);
 			r !== -1 && (e.key === "ArrowRight" ? (e.preventDefault(), n[(r + 1) % n.length].focus()) : e.key === "ArrowLeft" && (e.preventDefault(), n[(r - 1 + n.length) % n.length].focus()));
 		},
-		...h,
-		children: /* @__PURE__ */ c("ol", {
-			className: i.list,
-			children: o.map((e, t) => {
-				let n = t === o.length - 1;
-				return /* @__PURE__ */ l("li", {
-					className: i.item,
-					children: [/* @__PURE__ */ c("div", {
-						className: i.content,
-						children: e.href && !n ? /* @__PURE__ */ c(a, {
+		...g,
+		children: /* @__PURE__ */ l("ol", {
+			className: a.list,
+			children: s.map((e, t) => {
+				let n = t === s.length - 1;
+				return /* @__PURE__ */ u("li", {
+					className: a.item,
+					children: [/* @__PURE__ */ l("div", {
+						className: a.content,
+						children: e.href && !n ? /* @__PURE__ */ l(o, {
 							href: e.href,
-							size: d,
+							size: f,
 							priority: "secondary",
 							iconName: e.iconName,
-							className: i.link,
-							styles: { label: i.linkLabel },
+							className: a.link,
+							styles: { label: a.linkLabel },
 							children: e.label
-						}) : /* @__PURE__ */ l("span", {
-							className: s(i.label, n && i.current),
+						}) : /* @__PURE__ */ u("span", {
+							className: c(a.label, n && a.current),
 							"aria-current": n ? "page" : void 0,
 							tabIndex: n ? 0 : void 0,
 							role: n ? "link" : void 0,
-							children: [e.iconName && /* @__PURE__ */ c(r, {
+							children: [e.iconName && /* @__PURE__ */ l(i, {
 								name: e.iconName,
-								size: d,
-								className: i.labelIcon
+								size: f,
+								className: a.labelIcon
 							}), e.label]
 						})
-					}), !n && /* @__PURE__ */ c("span", {
-						className: i.separator,
+					}), !n && /* @__PURE__ */ l("span", {
+						className: a.separator,
 						"aria-hidden": "true",
-						children: u || b
+						children: d || x
 					})]
 				}, t);
 			})
 		})
 	});
 });
-u.displayName = "Breadcrumb";
+d.displayName = "Breadcrumb";
 //#endregion
-export { u as Breadcrumb };
+export { d as Breadcrumb };

package/dist/components/navigation/CommandPalette/CommandPalette.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../icon/search.cjs"),o=require("../../media/Icon/Icon.cjs"),s=require("../../_internal/BaseListItem/BaseListItem.cjs"),c=require("./command-palette.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=(0,l.createContext)(void 0),p=()=>{let e=(0,l.useContext)(f);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},m=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,l.useState)(!1),[a,o]=(0,l.useState)(``),[s,c]=(0,l.useState)(0),[u,p]=(0,l.useState)(!1),m=(0,l.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,l.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,l.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,l.useCallback)(()=>{--m.current},[]);m.current=0,(0,l.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),p(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=l.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:u,setIsKeyboardNavigating:p}),[g,_,a,s,v,y,u]);return(0,d.jsx)(f.Provider,{value:b,children:e})},h=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=p(),a=e=>{i(e.detail===0),r(!0)};return t&&l.default.isValidElement(e)?l.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,u.default)(n,e.props.className)}):(0,d.jsx)(`button`,{className:(0,u.default)(c.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},g=({children:e,className:a,"aria-label":o})=>{let{t:s}=t.useWimTranslation(`components`),{open:f,onOpenChange:m,activeIndex:h,setActiveIndex:g,isKeyboardNavigating:_,setIsKeyboardNavigating:v}=p(),y=(0,l.useRef)(null);return(0,d.jsx)(n.Portal,{children:(0,d.jsx)(r.Transition,{show:f,preset:`fade`,children:(0,d.jsx)(`div`,{role:`presentation`,className:c.default.overlay,onClick:e=>{e.target===e.currentTarget&&m(!1)},children:(0,d.jsx)(r.Transition,{show:f,preset:`scale`,children:(0,d.jsx)(i.FocusTrap,{active:f,children:(0,d.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":o??s(`command_palette.label`),className:(0,u.default)(`wim-command-palette`,c.default.content,a),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!y.current){y.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-y.current.x)**2+(e.clientY-y.current.y)**2)>10&&v(!1),y.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":_,onKeyDown:e=>{v(!0);let t=e.currentTarget.querySelectorAll(`.${c.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),g(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),g(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),g(0)):e.key===`End`?(e.preventDefault(),g(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${h}`)?.click()))},children:e})})})})})})},_=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:s,setActiveIndex:u,activeIndex:f}=p(),m=(0,l.useRef)(null);return(0,l.useEffect)(()=>{m.current?.focus()},[]),(0,d.jsxs)(`div`,{className:c.default.inputWrapper,children:[(0,d.jsx)(o.Icon,{component:a.default,size:`sm`}),(0,d.jsx)(`input`,{ref:m,className:c.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;s(t),u(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${f}`}),r&&(0,d.jsx)(`div`,{className:c.default.inputRight,children:r})]})},v=({children:e})=>(0,d.jsx)(`div`,{className:c.default.list,role:`listbox`,id:`wim-command-palette-listbox`,children:e}),y=({children:e,heading:t})=>{let n=l.default.useId();return(0,d.jsxs)(`div`,{className:c.default.group,role:`group`,"aria-labelledby":t?n:void 0,children:[t&&(0,d.jsx)(`div`,{id:n,className:c.default.groupHeading,"aria-hidden":`true`,children:t}),e]})},b=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:u,onOpenChange:f}=p(),[m]=(0,l.useState)(()=>u()),h=a===m;return(0,l.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${m}`)?.scrollIntoView({block:`nearest`})},[h,i,m]),(0,d.jsx)(s.BaseListItem,{role:`option`,id:`wim-command-palette-item-${m}`,"aria-selected":h,className:c.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,d.jsx)(`div`,{className:c.default.shortcut,children:r.map(e=>(0,d.jsx)(`kbd`,{className:c.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(m),onClick:()=>{i||(t?.(),f(!1))},children:e})},x=({children:e})=>{let{t:n}=t.useWimTranslation(`components`),r=e??n(`command_palette.no_results`),{open:i,search:a}=p(),[o,s]=(0,l.useState)(!1);return(0,l.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${c.default.item}`);s(e.length===0)},0);return()=>clearTimeout(e)}},[i,a]),!i||!o?null:(0,d.jsx)(`div`,{className:c.default.empty,children:r})},S=({children:e})=>(0,d.jsx)(`div`,{className:c.default.footer,children:e});exports.CommandPalette=m,exports.CommandPaletteContent=g,exports.CommandPaletteEmpty=x,exports.CommandPaletteFooter=S,exports.CommandPaletteGroup=y,exports.CommandPaletteInput=_,exports.CommandPaletteItem=b,exports.CommandPaletteList=v,exports.CommandPaletteTrigger=h;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../overlay/Portal/Portal.cjs"),r=require("../../layout/Transition/Transition.cjs"),i=require("../../overlay/FocusTrap/FocusTrap.cjs"),a=require("../../../i18n/generated/components.cjs"),o=require("../../../icon/search.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../_internal/BaseListItem/BaseListItem.cjs"),l=require("./command-palette.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p=(0,u.createContext)(void 0),m=()=>{let e=(0,u.useContext)(p);if(!e)throw Error(`CommandPalette sub-components must be used within a CommandPalette`);return e},h=({children:e,open:t,onOpenChange:n})=>{let[r,i]=(0,u.useState)(!1),[a,o]=(0,u.useState)(``),[s,c]=(0,u.useState)(0),[l,d]=(0,u.useState)(!1),m=(0,u.useRef)(0),h=t!==void 0,g=h?t:r,_=(0,u.useCallback)(e=>{h||i(e),n?.(e),e||(o(``),c(0))},[h,n]),v=(0,u.useCallback)(()=>{let e=m.current;return m.current+=1,e},[]),y=(0,u.useCallback)(()=>{--m.current},[]);m.current=0,(0,u.useEffect)(()=>{let e=e=>{(e.metaKey||e.ctrlKey)&&e.key===`k`&&(e.preventDefault(),d(!0),_(!g)),e.key===`Escape`&&g&&_(!1)};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[g,_]);let b=u.default.useMemo(()=>({open:g,onOpenChange:_,search:a,setSearch:o,activeIndex:s,setActiveIndex:c,registerItem:v,unregisterItem:y,isKeyboardNavigating:l,setIsKeyboardNavigating:d}),[g,_,a,s,v,y,l]);return(0,f.jsx)(p.Provider,{value:b,children:e})},g=({children:e,asChild:t,className:n})=>{let{onOpenChange:r,setIsKeyboardNavigating:i}=m(),a=e=>{i(e.detail===0),r(!0)};return t&&u.default.isValidElement(e)?u.default.cloneElement(e,{onClick:t=>{e.props.onClick?.(t),a(t)},className:(0,d.default)(n,e.props.className)}):(0,f.jsx)(`button`,{className:(0,d.default)(l.default.trigger,n),onClick:a,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&i(!0)},children:e})},_=({children:e,className:o,"aria-label":s})=>{let{t:c}=t.useWimTranslation(a.componentsNs),{open:p,onOpenChange:h,activeIndex:g,setActiveIndex:_,isKeyboardNavigating:v,setIsKeyboardNavigating:y}=m(),b=(0,u.useRef)(null);return(0,f.jsx)(n.Portal,{children:(0,f.jsx)(r.Transition,{show:p,preset:`fade`,children:(0,f.jsx)(`div`,{role:`presentation`,className:l.default.overlay,onClick:e=>{e.target===e.currentTarget&&h(!1)},children:(0,f.jsx)(r.Transition,{show:p,preset:`scale`,children:(0,f.jsx)(i.FocusTrap,{active:p,children:(0,f.jsx)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-label":s??c(`command_palette.label`),className:(0,d.default)(`wim-command-palette`,l.default.content,o),onClick:e=>e.stopPropagation(),onMouseMove:e=>{if(!b.current){b.current={x:e.clientX,y:e.clientY};return}Math.sqrt((e.clientX-b.current.x)**2+(e.clientY-b.current.y)**2)>10&&y(!1),b.current={x:e.clientX,y:e.clientY}},"data-keyboard-nav":v,onKeyDown:e=>{y(!0);let t=e.currentTarget.querySelectorAll(`.${l.default.item}:not([aria-disabled="true"])`).length;t!==0&&(e.key===`ArrowDown`?(e.preventDefault(),_(e=>(e+1)%t)):e.key===`ArrowUp`?(e.preventDefault(),_(e=>(e-1+t)%t)):e.key===`Home`?(e.preventDefault(),_(0)):e.key===`End`?(e.preventDefault(),_(t-1)):e.key===`Enter`&&(e.preventDefault(),document.getElementById(`wim-command-palette-item-${g}`)?.click()))},children:e})})})})})})},v=({placeholder:e,value:t,onChange:n,rightSection:r})=>{let{search:i,setSearch:a,setActiveIndex:c,activeIndex:d}=m(),p=(0,u.useRef)(null);return(0,u.useEffect)(()=>{p.current?.focus()},[]),(0,f.jsxs)(`div`,{className:l.default.inputWrapper,children:[(0,f.jsx)(s.Icon,{component:o.default,size:`sm`}),(0,f.jsx)(`input`,{ref:p,className:l.default.input,placeholder:e,value:t??i,onChange:e=>{let t=e.target.value;a(t),c(0),n?.(t)},role:`combobox`,"aria-autocomplete":`list`,"aria-expanded":!0,"aria-controls":`wim-command-palette-listbox`,"aria-activedescendant":`wim-command-palette-item-${d}`}),r&&(0,f.jsx)(`div`,{className:l.default.inputRight,children:r})]})},y=({children:e})=>(0,f.jsx)(`div`,{className:l.default.list,role:`listbox`,id:`wim-command-palette-listbox`,children:e}),b=({children:e,heading:t})=>{let n=u.default.useId();return(0,f.jsxs)(`div`,{className:l.default.group,role:`group`,"aria-labelledby":t?n:void 0,children:[t&&(0,f.jsx)(`div`,{id:n,className:l.default.groupHeading,"aria-hidden":`true`,children:t}),e]})},x=({children:e,onSelect:t,icon:n,shortcut:r,disabled:i})=>{let{activeIndex:a,setActiveIndex:o,registerItem:s,onOpenChange:d}=m(),[p]=(0,u.useState)(()=>s()),h=a===p;return(0,u.useEffect)(()=>{h&&!i&&document.getElementById(`wim-command-palette-item-${p}`)?.scrollIntoView({block:`nearest`})},[h,i,p]),(0,f.jsx)(c.BaseListItem,{role:`option`,id:`wim-command-palette-item-${p}`,"aria-selected":h,className:l.default.item,active:h,disabled:i,icon:n,rightSection:r&&(0,f.jsx)(`div`,{className:l.default.shortcut,children:r.map(e=>(0,f.jsx)(`kbd`,{className:l.default.kbd,children:e},e))}),onMouseEnter:()=>!i&&o(p),onClick:()=>{i||(t?.(),d(!1))},children:e})},S=({children:e})=>{let{t:n}=t.useWimTranslation(a.componentsNs),r=e??n(`command_palette.no_results`),{open:i,search:o}=m(),[s,c]=(0,u.useState)(!1);return(0,u.useEffect)(()=>{if(i){let e=setTimeout(()=>{let e=document.querySelectorAll(`.${l.default.item}`);c(e.length===0)},0);return()=>clearTimeout(e)}},[i,o]),!i||!s?null:(0,f.jsx)(`div`,{className:l.default.empty,children:r})},C=({children:e})=>(0,f.jsx)(`div`,{className:l.default.footer,children:e});exports.CommandPalette=h,exports.CommandPaletteContent=_,exports.CommandPaletteEmpty=S,exports.CommandPaletteFooter=C,exports.CommandPaletteGroup=b,exports.CommandPaletteInput=v,exports.CommandPaletteItem=x,exports.CommandPaletteList=y,exports.CommandPaletteTrigger=g;