wimui 0.51.2 → 0.52.2

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

@@ -1,100 +1,102 @@
 "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 { Tooltip as r, TooltipContent as i, TooltipTrigger as a } from "../../overlay/Tooltip/Tooltip.js";
-import o from "./calendar-heatmap.module.js";
-import s, { useMemo as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import { componentsNs as i } from "../../../i18n/generated/components.js";
+import { Tooltip as a, TooltipContent as o, TooltipTrigger as s } from "../../overlay/Tooltip/Tooltip.js";
+import c from "./calendar-heatmap.module.js";
+import l, { useMemo as u } from "react";
+import d from "classnames";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
 //#region src/components/data-display/CalendarHeatmap/CalendarHeatmap.tsx
-var f = s.forwardRef(({ data: s = [], year: f = (/* @__PURE__ */ new Date()).getFullYear(), getColorLevel: p = (e) => e === 0 ? 0 : e < 3 ? 1 : e < 6 ? 2 : e < 9 ? 3 : 4, className: m, tooltipFormatter: h, asChild: g = !1, children: _, ...v }, y) => {
-	let { t: b } = n("common"), x = g ? e : "div", S = c(() => {
+var m = l.forwardRef(({ data: l = [], year: m = (/* @__PURE__ */ new Date()).getFullYear(), getColorLevel: h = (e) => e === 0 ? 0 : e < 3 ? 1 : e < 6 ? 2 : e < 9 ? 3 : 4, className: g, tooltipFormatter: _, asChild: v = !1, children: y, ...b }, x) => {
+	let { t: S } = n([r, i]), C = v ? e : "div", w = u(() => {
 		let e = /* @__PURE__ */ new Map();
-		return s.forEach((t) => e.set(t.date, t.count)), e;
-	}, [s]), C = c(() => {
-		let e = [], t = new Date(f, 0, 1), n = new Date(t);
+		return l.forEach((t) => e.set(t.date, t.count)), e;
+	}, [l]), T = u(() => {
+		let e = [], t = new Date(m, 0, 1), n = new Date(t);
 		n.setDate(n.getDate() - n.getDay());
 		for (let t = 0; t < 53; t++) {
 			let t = [];
 			for (let e = 0; e < 7; e++) {
-				let e = n.toISOString().split("T")[0], r = S.get(e) || 0;
+				let e = n.toISOString().split("T")[0], r = w.get(e) || 0;
 				t.push({
 					date: e,
 					count: r,
-					level: p(r)
+					level: h(r)
 				}), n.setDate(n.getDate() + 1);
 			}
-			if (e.push(t), n.getFullYear() > f && n.getMonth() > 0) break;
+			if (e.push(t), n.getFullYear() > m && n.getMonth() > 0) break;
 		}
 		return e;
 	}, [
-		f,
-		S,
-		p
-	]), w = [
-		b("sun"),
-		b("mon"),
-		b("tue"),
-		b("wed"),
-		b("thu"),
-		b("fri"),
-		b("sat")
+		m,
+		w,
+		h
+	]), E = [
+		S("sun"),
+		S("mon"),
+		S("tue"),
+		S("wed"),
+		S("thu"),
+		S("fri"),
+		S("sat")
 	];
-	return /* @__PURE__ */ d(x, {
-		className: l("wim-calendar-heatmap", o.root, m),
-		ref: y,
-		...v,
+	return /* @__PURE__ */ p(C, {
+		className: d("wim-calendar-heatmap", c.root, g),
+		ref: x,
+		...b,
 		children: [
-			/* @__PURE__ */ u(t, { children: _ }),
-			/* @__PURE__ */ u("div", {
-				className: o.internalWrapper,
-				children: /* @__PURE__ */ d("div", {
-					className: o.grid,
+			/* @__PURE__ */ f(t, { children: y }),
+			/* @__PURE__ */ f("div", {
+				className: c.internalWrapper,
+				children: /* @__PURE__ */ p("div", {
+					className: c.grid,
 					role: "grid",
 					"aria-readonly": "true",
-					children: [/* @__PURE__ */ u("div", {
-						className: o.labels,
-						children: w.map((e, t) => /* @__PURE__ */ u("span", { children: e }, t))
-					}), C.map((e, t) => /* @__PURE__ */ u("div", {
-						className: o.week,
+					children: [/* @__PURE__ */ f("div", {
+						className: c.labels,
+						children: E.map((e, t) => /* @__PURE__ */ f("span", { children: e }, t))
+					}), T.map((e, t) => /* @__PURE__ */ f("div", {
+						className: c.week,
 						role: "row",
 						children: e.map((e) => {
-							let t = h ? h(e.date, e.count) : `${e.date}: ${e.count} activities`;
-							return /* @__PURE__ */ d(r, { children: [/* @__PURE__ */ u(a, {
+							let t = _ ? _(e.date, e.count) : `${e.date}: ${e.count} activities`;
+							return /* @__PURE__ */ p(a, { children: [/* @__PURE__ */ f(s, {
 								asChild: !0,
-								children: /* @__PURE__ */ u("div", {
-									className: l(o.cell, o[`level${e.level}`]),
+								children: /* @__PURE__ */ f("div", {
+									className: d(c.cell, c[`level${e.level}`]),
 									"data-date": e.date,
 									"data-count": e.count,
 									role: "gridcell",
 									"aria-label": `${e.count} activities on ${e.date}`,
 									"aria-selected": !1
 								})
-							}), /* @__PURE__ */ u(i, { children: t })] }, e.date);
+							}), /* @__PURE__ */ f(o, { children: t })] }, e.date);
 						})
 					}, t))]
 				})
 			}),
-			/* @__PURE__ */ d("div", {
-				className: o.footer,
+			/* @__PURE__ */ p("div", {
+				className: c.footer,
 				children: [
-					/* @__PURE__ */ u("span", { children: b("calendar_heatmap.less") }),
-					/* @__PURE__ */ u("div", {
-						className: o.legend,
+					/* @__PURE__ */ f("span", { children: S("calendar_heatmap.less") }),
+					/* @__PURE__ */ f("div", {
+						className: c.legend,
 						children: [
 							0,
 							1,
 							2,
 							3,
 							4
-						].map((e) => /* @__PURE__ */ u("div", { className: l(o.cell, o[`level${e}`]) }, e))
+						].map((e) => /* @__PURE__ */ f("div", { className: d(c.cell, c[`level${e}`]) }, e))
 					}),
-					/* @__PURE__ */ u("span", { children: b("calendar_heatmap.more") })
+					/* @__PURE__ */ f("span", { children: S("calendar_heatmap.more") })
 				]
 			})
 		]
 	});
 });
-f.displayName = "CalendarHeatmap";
+m.displayName = "CalendarHeatmap";
 //#endregion
-export { f as CalendarHeatmap };
+export { m as CalendarHeatmap };

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

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

@@ -1,37 +1,38 @@
 "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-left.js";
-import r from "../../../icon/chevron-right.js";
+import { componentsNs as n } from "../../../i18n/generated/components.js";
+import r from "../../../icon/chevron-left.js";
+import ee from "../../../icon/chevron-right.js";
 import { Icon as i } from "../../media/Icon/Icon.js";
 import a from "./carousel.module.js";
-import o, { forwardRef as s, useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
-import p from "classnames";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
+import te, { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/data-display/Carousel/Carousel.tsx
-var _ = (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, v = s(({ children: s, autoPlay: v = !1, interval: y = 5e3, showIndicators: b = !0, showControls: x = !0, controlsPlacement: S = "overlay", loop: C = !0, slidesToShow: w = 1, aspectRatio: T, objectFit: E = "cover", labels: D, className: O, asChild: ee, ...k }, A) => {
-	let j = ee ? e : "div", { t: M } = t("components"), N = {
+var g = (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, _ = o(({ children: o, autoPlay: _ = !1, interval: v = 5e3, showIndicators: y = !0, showControls: b = !0, controlsPlacement: x = "overlay", loop: S = !0, slidesToShow: C = 1, aspectRatio: w, objectFit: T = "cover", labels: E, className: D, asChild: O, ...k }, A) => {
+	let j = O ? e : "div", { t: M } = t(n), N = {
 		slideLabel: (e) => M("carousel.slide", { number: e }),
 		prevSlide: M("carousel.prev_slide"),
 		nextSlide: M("carousel.next_slide"),
 		goToSlide: (e) => M("carousel.go_to_slide", { number: e }),
-		...D
-	}, P = u(() => o.Children.toArray(s), [s]), F = P.length, [I, L] = f(typeof window < "u" ? window.innerWidth : 0), [R, z] = f(C ? F : 0), [B, V] = f(!1), [H, U] = f(!1), W = _(w, I), G = d(null), K = d(null), q = d(null), J = d(null);
-	l(() => {
+		...E
+	}, P = l(() => te.Children.toArray(o), [o]), F = P.length, [I, L] = d(typeof window < "u" ? window.innerWidth : 0), [R, z] = d(S ? F : 0), [B, V] = d(!1), [H, U] = d(!1), W = g(C, I), G = u(null), K = u(null), q = u(null), J = u(null);
+	c(() => {
 		let e = () => L(window.innerWidth);
 		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
 	}, []);
-	let Y = u(() => !C || F === 0 ? P : [
+	let Y = l(() => !S || F === 0 ? P : [
 		...P,
 		...P,
 		...P
 	], [
 		P,
-		C,
+		S,
 		F
-	]), X = c(() => {
+	]), X = s(() => {
 		if (!B) {
-			if (!C) {
+			if (!S) {
 				z((e) => Math.min(e + 1, F - W));
 				return;
 			}
@@ -39,76 +40,76 @@ var _ = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		}
 	}, [
 		B,
-		C,
+		S,
 		F,
 		W
-	]), Z = c(() => {
+	]), Z = s(() => {
 		if (!B) {
-			if (!C) {
+			if (!S) {
 				z((e) => Math.max(e - 1, 0));
 				return;
 			}
 			V(!0), z((e) => e - 1);
 		}
-	}, [B, C]), Q = (e) => {
-		B || (C ? (V(!0), z(e + F)) : z(e));
-	}, te = () => {
-		C && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
+	}, [B, S]), ne = (e) => {
+		B || (S ? (V(!0), z(e + F)) : z(e));
+	}, re = () => {
+		S && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
 	};
-	l(() => (v && !H && F > W && (G.current = window.setInterval(X, y)), () => {
+	c(() => (_ && !H && F > W && (G.current = window.setInterval(X, v)), () => {
 		G.current && window.clearInterval(G.current);
 	}), [
+		_,
 		v,
-		y,
 		X,
 		F,
 		W,
 		H
 	]);
-	let ne = (e) => {
+	let ie = (e) => {
 		e.key === "ArrowLeft" ? Z() : e.key === "ArrowRight" && X();
-	}, re = (e) => {
+	}, Q = (e) => {
 		q.current = e.targetTouches[0].clientX;
-	}, ie = (e) => {
+	}, ae = (e) => {
 		J.current = e.targetTouches[0].clientX;
-	}, ae = () => {
+	}, oe = () => {
 		if (!q.current || !J.current) return;
 		let e = q.current - J.current;
 		e > 50 ? X() : e < -50 && Z(), q.current = null, J.current = null;
 	};
 	if (F === 0) return null;
-	let $ = 100 / W, oe = -R * $;
-	return /* @__PURE__ */ g(j, {
+	let $ = 100 / W, se = -R * $;
+	return /* @__PURE__ */ h(j, {
 		ref: A,
-		className: p("wim-carousel", a.root, S === "outside" && a.controlsOutside, O),
+		className: f("wim-carousel", a.root, x === "outside" && a.controlsOutside, D),
 		onMouseEnter: () => U(!0),
 		onMouseLeave: () => U(!1),
 		onFocus: () => U(!0),
 		onBlur: () => U(!1),
-		onKeyDown: ne,
+		onKeyDown: ie,
 		tabIndex: 0,
 		role: "region",
 		"aria-roledescription": M("carousel.roledescription"),
 		...k,
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ m("div", {
 				className: a.viewport,
-				children: /* @__PURE__ */ h("div", {
+				children: /* @__PURE__ */ m("div", {
 					ref: K,
-					className: p(a.track, B && a.transition),
-					style: { transform: `translateX(${oe}%)` },
-					onTransitionEnd: te,
-					onTouchStart: re,
-					onTouchMove: ie,
-					onTouchEnd: ae,
-					children: Y.map((e, t) => /* @__PURE__ */ h("div", {
-						className: p(a.item, T && a.hasAspectRatio),
+					className: f(a.track, B && a.transition),
+					style: { transform: `translateX(${se}%)` },
+					onTransitionEnd: re,
+					onTouchStart: Q,
+					onTouchMove: ae,
+					onTouchEnd: oe,
+					children: Y.map((e, t) => /* @__PURE__ */ m("div", {
+						className: f(a.item, w && a.hasAspectRatio),
 						style: {
 							flex: `0 0 ${$}%`,
 							width: `${$}%`,
-							...T ? {
-								aspectRatio: T,
-								"--wim-carousel-object-fit": E
+							...w ? {
+								aspectRatio: w,
+								"--wim-carousel-object-fit": T
 							} : {}
 						},
 						role: "group",
@@ -118,34 +119,34 @@ var _ = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 					}, t))
 				})
 			}),
-			x && F > W && /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
-				className: p(a.control, a.prev),
+			b && F > W && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+				className: f(a.control, a.prev),
 				onClick: Z,
 				"aria-label": N.prevSlide,
-				disabled: !C && R === 0,
+				disabled: !S && R === 0,
 				tabIndex: -1,
-				children: /* @__PURE__ */ h(i, {
-					component: n,
+				children: /* @__PURE__ */ m(i, {
+					component: r,
 					size: "md"
 				})
-			}), /* @__PURE__ */ h("button", {
-				className: p(a.control, a.next),
+			}), /* @__PURE__ */ m("button", {
+				className: f(a.control, a.next),
 				onClick: X,
 				"aria-label": N.nextSlide,
-				disabled: !C && R >= F - W,
+				disabled: !S && R >= F - W,
 				tabIndex: -1,
-				children: /* @__PURE__ */ h(i, {
-					component: r,
+				children: /* @__PURE__ */ m(i, {
+					component: ee,
 					size: "md"
 				})
 			})] }),
-			b && F > 1 && /* @__PURE__ */ h("div", {
+			y && F > 1 && /* @__PURE__ */ m("div", {
 				className: a.indicators,
 				children: P.map((e, t) => {
-					let n = C ? R % F === t : R === t;
-					return /* @__PURE__ */ h("button", {
-						className: p(a.indicator, n && a.active),
-						onClick: () => Q(t),
+					let n = S ? R % F === t : R === t;
+					return /* @__PURE__ */ m("button", {
+						className: f(a.indicator, n && a.active),
+						onClick: () => ne(t),
 						"aria-label": N.goToSlide(t + 1),
 						"aria-current": n ? "true" : "false"
 					}, t);
@@ -154,6 +155,6 @@ var _ = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		]
 	});
 });
-v.displayName = "Carousel";
+_.displayName = "Carousel";
 //#endregion
-export { v as Carousel };
+export { _ as Carousel };

package/dist/components/data-display/Carousel/carousel.module.cjs

@@ -1,2 +1,2 @@
 "use client";
-var e=`_root_37g3d_23`,t=`_controlsOutside_37g3d_49`,n=`_viewport_37g3d_55`,r=`_control_37g3d_49`,i=`_prev_37g3d_79`,a=`_next_37g3d_82`,o=`_indicators_37g3d_85`,s=`_indicator_37g3d_85`,c=`_track_37g3d_100`,l=`_transition_37g3d_104`,u=`_item_37g3d_107`,d=`_hasAspectRatio_37g3d_112`,f=`_active_37g3d_188`,p={root:e,controlsOutside:t,viewport:n,control:r,prev:i,next:a,indicators:o,indicator:s,track:c,transition:l,item:u,hasAspectRatio:d,active:f};exports.active=f,exports.control=r,exports.controlsOutside=t,exports.default=p,exports.hasAspectRatio=d,exports.indicator=s,exports.indicators=o,exports.item=u,exports.next=a,exports.prev=i,exports.root=e,exports.track=c,exports.transition=l,exports.viewport=n;
+var e=`_root_e88p0_23`,t=`_controlsOutside_e88p0_49`,n=`_viewport_e88p0_55`,r=`_control_e88p0_49`,i=`_prev_e88p0_82`,a=`_next_e88p0_85`,o=`_indicators_e88p0_88`,s=`_indicator_e88p0_88`,c=`_track_e88p0_103`,l=`_transition_e88p0_107`,u=`_item_e88p0_110`,d=`_hasAspectRatio_e88p0_115`,f=`_active_e88p0_194`,p={root:e,controlsOutside:t,viewport:n,control:r,prev:i,next:a,indicators:o,indicator:s,track:c,transition:l,item:u,hasAspectRatio:d,active:f};exports.active=f,exports.control=r,exports.controlsOutside=t,exports.default=p,exports.hasAspectRatio=d,exports.indicator=s,exports.indicators=o,exports.item=u,exports.next=a,exports.prev=i,exports.root=e,exports.track=c,exports.transition=l,exports.viewport=n;

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

@@ -1,6 +1,6 @@
 "use client";
 //#region src/components/data-display/Carousel/carousel.module.scss
-var e = "_root_37g3d_23", t = "_controlsOutside_37g3d_49", n = "_viewport_37g3d_55", r = "_control_37g3d_49", i = "_prev_37g3d_79", a = "_next_37g3d_82", o = "_indicators_37g3d_85", s = "_indicator_37g3d_85", c = "_track_37g3d_100", l = "_transition_37g3d_104", u = "_item_37g3d_107", d = "_hasAspectRatio_37g3d_112", f = "_active_37g3d_188", p = {
+var e = "_root_e88p0_23", t = "_controlsOutside_e88p0_49", n = "_viewport_e88p0_55", r = "_control_e88p0_49", i = "_prev_e88p0_82", a = "_next_e88p0_85", o = "_indicators_e88p0_88", s = "_indicator_e88p0_88", c = "_track_e88p0_103", l = "_transition_e88p0_107", u = "_item_e88p0_110", d = "_hasAspectRatio_e88p0_115", f = "_active_e88p0_194", p = {
 	root: e,
 	controlsOutside: t,
 	viewport: n,

package/dist/components/data-display/Chip/Chip.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/close.cjs"),i=require("../../media/Icon/Icon.cjs"),a=require("../../_internal/mergeRefs.cjs"),o=require("./chip.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(({asChild:e=!1,children:s,content:u,onClick:d,onDelete:f,avatar:p,icon:m,selected:h=!1,disabled:g=!1,intent:_=`neutral`,variant:v=`solid`,size:y=`md`,deleteAriaLabel:b,className:x,...S},C)=>{let{t:w}=n.useWimTranslation(`common`),T=b??w(`a11y.delete`);if(e&&f)throw Error("[wimui] Chip: `asChild` cannot be combined with `onDelete`. Use a removable Chip without asChild, or put the delete control on the slotted child yourself.");let E=e?t.Root:d?`button`:`span`,D=u??s;return(0,l.jsxs)(E,{ref:a.mergeRefs(C),className:(0,c.default)(`wim-chip`,o.default.root,o.default[_],o.default[v],o.default[y],h&&o.default.selected,d&&!g&&o.default.clickable,g&&o.default.disabled,x),onClick:g?void 0:d,...!e&&d?{disabled:g}:{},type:e?void 0:d?`button`:void 0,...S,children:[p&&(0,l.jsx)(`span`,{className:o.default.avatar,children:p}),!p&&m&&(0,l.jsx)(`span`,{className:o.default.icon,children:m}),e?(0,l.jsx)(t.Slottable,{children:D}):(0,l.jsx)(`span`,{className:o.default.label,children:D}),f&&!g&&(0,l.jsx)(`button`,{type:`button`,className:o.default.delete,"data-chip-delete":!0,onClick:e=>{e.stopPropagation(),f(e)},"aria-label":T,children:(0,l.jsx)(i.Icon,{component:r.default,size:`sm`})})]})});u.displayName=`Chip`,exports.Chip=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/close.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../_internal/mergeRefs.cjs"),s=require("./chip.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=c.default.forwardRef(({asChild:e=!1,children:c,content:d,onClick:f,onDelete:p,avatar:m,icon:h,selected:g=!1,disabled:_=!1,intent:v=`neutral`,variant:y=`solid`,size:b=`md`,deleteAriaLabel:x,className:S,...C},w)=>{let{t:T}=n.useWimTranslation(r.commonNs),E=x??T(`a11y.delete`);if(e&&p)throw Error("[wimui] Chip: `asChild` cannot be combined with `onDelete`. Use a removable Chip without asChild, or put the delete control on the slotted child yourself.");let D=e?t.Root:f?`button`:`span`,O=d??c;return(0,u.jsxs)(D,{ref:o.mergeRefs(w),className:(0,l.default)(`wim-chip`,s.default.root,s.default[v],s.default[y],s.default[b],g&&s.default.selected,f&&!_&&s.default.clickable,_&&s.default.disabled,S),onClick:_?void 0:f,...!e&&f?{disabled:_}:{},type:e?void 0:f?`button`:void 0,...C,children:[m&&(0,u.jsx)(`span`,{className:s.default.avatar,children:m}),!m&&h&&(0,u.jsx)(`span`,{className:s.default.icon,children:h}),e?(0,u.jsx)(t.Slottable,{children:O}):(0,u.jsx)(`span`,{className:s.default.label,children:O}),p&&!_&&(0,u.jsx)(`button`,{type:`button`,className:s.default.delete,"data-chip-delete":!0,onClick:e=>{e.stopPropagation(),p(e)},"aria-label":E,children:(0,u.jsx)(a.Icon,{component:i.default,size:`sm`})})]})});d.displayName=`Chip`,exports.Chip=d;

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

@@ -1,54 +1,55 @@
 "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/close.js";
-import { Icon as i } from "../../media/Icon/Icon.js";
-import { mergeRefs as a } from "../../_internal/mergeRefs.js";
-import o from "./chip.module.js";
-import s from "react";
-import c from "classnames";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { commonNs as r } from "../../../i18n/generated/common.js";
+import i from "../../../icon/close.js";
+import { Icon as a } from "../../media/Icon/Icon.js";
+import { mergeRefs as o } from "../../_internal/mergeRefs.js";
+import s from "./chip.module.js";
+import c from "react";
+import l from "classnames";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/components/data-display/Chip/Chip.tsx
-var d = s.forwardRef(({ asChild: s = !1, children: d, content: f, onClick: p, onDelete: m, avatar: h, icon: g, selected: _ = !1, disabled: v = !1, intent: y = "neutral", variant: b = "solid", size: x = "md", deleteAriaLabel: S, className: C, ...w }, T) => {
-	let { t: E } = n("common"), D = S ?? E("a11y.delete");
-	if (s && m) throw Error("[wimui] Chip: `asChild` cannot be combined with `onDelete`. Use a removable Chip without asChild, or put the delete control on the slotted child yourself.");
-	let O = s ? e : p ? "button" : "span", k = f ?? d;
-	return /* @__PURE__ */ u(O, {
-		ref: a(T),
-		className: c("wim-chip", o.root, o[y], o[b], o[x], _ && o.selected, p && !v && o.clickable, v && o.disabled, C),
-		onClick: v ? void 0 : p,
-		...!s && p ? { disabled: v } : {},
-		type: s ? void 0 : p ? "button" : void 0,
-		...w,
+var f = c.forwardRef(({ asChild: c = !1, children: f, content: p, onClick: m, onDelete: h, avatar: g, icon: _, selected: v = !1, disabled: y = !1, intent: b = "neutral", variant: x = "solid", size: S = "md", deleteAriaLabel: C, className: w, ...T }, E) => {
+	let { t: D } = n(r), O = C ?? D("a11y.delete");
+	if (c && h) throw Error("[wimui] Chip: `asChild` cannot be combined with `onDelete`. Use a removable Chip without asChild, or put the delete control on the slotted child yourself.");
+	let k = c ? e : m ? "button" : "span", A = p ?? f;
+	return /* @__PURE__ */ d(k, {
+		ref: o(E),
+		className: l("wim-chip", s.root, s[b], s[x], s[S], v && s.selected, m && !y && s.clickable, y && s.disabled, w),
+		onClick: y ? void 0 : m,
+		...!c && m ? { disabled: y } : {},
+		type: c ? void 0 : m ? "button" : void 0,
+		...T,
 		children: [
-			h && /* @__PURE__ */ l("span", {
-				className: o.avatar,
-				children: h
-			}),
-			!h && g && /* @__PURE__ */ l("span", {
-				className: o.icon,
+			g && /* @__PURE__ */ u("span", {
+				className: s.avatar,
 				children: g
 			}),
-			s ? /* @__PURE__ */ l(t, { children: k }) : /* @__PURE__ */ l("span", {
-				className: o.label,
-				children: k
+			!g && _ && /* @__PURE__ */ u("span", {
+				className: s.icon,
+				children: _
+			}),
+			c ? /* @__PURE__ */ u(t, { children: A }) : /* @__PURE__ */ u("span", {
+				className: s.label,
+				children: A
 			}),
-			m && !v && /* @__PURE__ */ l("button", {
+			h && !y && /* @__PURE__ */ u("button", {
 				type: "button",
-				className: o.delete,
+				className: s.delete,
 				"data-chip-delete": !0,
 				onClick: (e) => {
-					e.stopPropagation(), m(e);
+					e.stopPropagation(), h(e);
 				},
-				"aria-label": D,
-				children: /* @__PURE__ */ l(i, {
-					component: r,
+				"aria-label": O,
+				children: /* @__PURE__ */ u(a, {
+					component: i,
 					size: "sm"
 				})
 			})
 		]
 	});
 });
-d.displayName = "Chip";
+f.displayName = "Chip";
 //#endregion
-export { d as Chip };
+export { f as Chip };

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

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),r=require("../Avatar/Avatar.cjs"),i=require("./comment.module.cjs");let a=require("react");a=e.__toESM(a,1);let o=require("classnames");o=e.__toESM(o,1);let s=require("react/jsx-runtime");var c=a.default.forwardRef(({id:e,author:c,timestamp:l,children:u,replies:d,edited:f=!1,replyingTo:p,editingId:m,composer:h,editor:g,onReply:_,onEdit:v,onDelete:y,actions:b,className:x,...S},C)=>{let{t:w}=t.useWimTranslation(`common`),T=`${e}-author`,E=m!==void 0&&m===e,D=p!==void 0&&p===e,O={reply:_,edit:v,delete:y},k=[`reply`,`edit`,`delete`].filter(e=>O[e]!==void 0);return(0,s.jsxs)(`article`,{ref:C,"aria-labelledby":T,className:(0,o.default)(`wim-comment`,i.default.root,x),...S,children:[(0,s.jsxs)(`div`,{className:i.default.head,children:[(0,s.jsx)(r.Avatar,{src:c.avatarSrc,initials:c.initials,size:`sm`,alt:``,"aria-hidden":`true`}),(0,s.jsxs)(`div`,{className:i.default.meta,children:[(0,s.jsx)(`span`,{id:T,className:i.default.author,children:c.name}),c.badge&&(0,s.jsx)(`span`,{className:i.default.badge,children:c.badge}),l&&(0,s.jsx)(`span`,{className:i.default.timestamp,children:l}),f&&(0,s.jsx)(`span`,{className:i.default.edited,children:w(`comment.edited`)})]})]}),(0,s.jsx)(`div`,{className:i.default.body,children:E?g:u}),(k.length>0||b)&&(0,s.jsxs)(`div`,{className:i.default.actions,children:[k.map(t=>(0,s.jsxs)(`button`,{type:`button`,className:i.default.action,onClick:()=>O[t]?.(e),children:[w(`comment.${t}`),(0,s.jsxs)(n.VisuallyHidden,{children:[` `,w(`comment.action_context`,{name:c.name})]})]},t)),b]}),D&&h&&(0,s.jsx)(`div`,{className:i.default.composer,children:h}),d&&(0,s.jsx)(`ul`,{className:i.default.replies,children:a.default.Children.map(d,(e,t)=>(0,s.jsx)(`li`,{className:i.default.reply,children:e},t))})]})});c.displayName=`Comment`,exports.Comment=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../../i18n/generated/common.cjs"),r=require("../../layout/VisuallyHidden/VisuallyHidden.cjs"),i=require("../Avatar/Avatar.cjs"),a=require("./comment.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(({id:e,author:l,timestamp:u,children:d,replies:f,edited:p=!1,replyingTo:m,editingId:h,composer:g,editor:_,onReply:v,onEdit:y,onDelete:b,actions:x,className:S,...C},w)=>{let{t:T}=t.useWimTranslation(n.commonNs),E=`${e}-author`,D=h!==void 0&&h===e,O=m!==void 0&&m===e,k={reply:v,edit:y,delete:b},A=[`reply`,`edit`,`delete`].filter(e=>k[e]!==void 0);return(0,c.jsxs)(`article`,{ref:w,"aria-labelledby":E,className:(0,s.default)(`wim-comment`,a.default.root,S),...C,children:[(0,c.jsxs)(`div`,{className:a.default.head,children:[(0,c.jsx)(i.Avatar,{src:l.avatarSrc,initials:l.initials,size:`sm`,alt:``,"aria-hidden":`true`}),(0,c.jsxs)(`div`,{className:a.default.meta,children:[(0,c.jsx)(`span`,{id:E,className:a.default.author,children:l.name}),l.badge&&(0,c.jsx)(`span`,{className:a.default.badge,children:l.badge}),u&&(0,c.jsx)(`span`,{className:a.default.timestamp,children:u}),p&&(0,c.jsx)(`span`,{className:a.default.edited,children:T(`comment.edited`)})]})]}),(0,c.jsx)(`div`,{className:a.default.body,children:D?_:d}),(A.length>0||x)&&(0,c.jsxs)(`div`,{className:a.default.actions,children:[A.map(t=>(0,c.jsxs)(`button`,{type:`button`,className:a.default.action,onClick:()=>k[t]?.(e),children:[T(`comment.${t}`),(0,c.jsxs)(r.VisuallyHidden,{children:[` `,T(`comment.action_context`,{name:l.name})]})]},t)),x]}),O&&g&&(0,c.jsx)(`div`,{className:a.default.composer,children:g}),f&&(0,c.jsx)(`ul`,{className:a.default.replies,children:o.default.Children.map(f,(e,t)=>(0,c.jsx)(`li`,{className:a.default.reply,children:e},t))})]})});l.displayName=`Comment`,exports.Comment=l;