wimui 0.51.1 → 0.52.0

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":`carousel`,...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":`slide`,"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,22 +1,23 @@
 "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 ee, { forwardRef as o, useCallback as s, useEffect as c, useMemo as l, useRef as u, useState as d } from "react";
+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 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("components"), N = {
+	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 }),
 		...E
-	}, P = l(() => ee.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);
+	}, 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);
@@ -50,9 +51,9 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 			}
 			V(!0), z((e) => e - 1);
 		}
-	}, [B, S]), Q = (e) => {
+	}, [B, S]), ne = (e) => {
 		B || (S ? (V(!0), z(e + F)) : z(e));
-	}, te = () => {
+	}, re = () => {
 		S && (V(!1), R >= F * 2 ? z(R - F) : R < F && z(R + F));
 	};
 	c(() => (_ && !H && F > W && (G.current = window.setInterval(X, v)), () => {
@@ -65,19 +66,19 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		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 * $;
+	let $ = 100 / W, se = -R * $;
 	return /* @__PURE__ */ h(j, {
 		ref: A,
 		className: f("wim-carousel", a.root, x === "outside" && a.controlsOutside, D),
@@ -85,10 +86,10 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 		onMouseLeave: () => U(!1),
 		onFocus: () => U(!0),
 		onBlur: () => U(!1),
-		onKeyDown: ne,
+		onKeyDown: ie,
 		tabIndex: 0,
 		role: "region",
-		"aria-roledescription": "carousel",
+		"aria-roledescription": M("carousel.roledescription"),
 		...k,
 		children: [
 			/* @__PURE__ */ m("div", {
@@ -96,11 +97,11 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 				children: /* @__PURE__ */ m("div", {
 					ref: K,
 					className: f(a.track, B && a.transition),
-					style: { transform: `translateX(${oe}%)` },
-					onTransitionEnd: te,
-					onTouchStart: re,
-					onTouchMove: ie,
-					onTouchEnd: ae,
+					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: {
@@ -112,7 +113,7 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 							} : {}
 						},
 						role: "group",
-						"aria-roledescription": "slide",
+						"aria-roledescription": M("carousel.slide_roledescription"),
 						"aria-label": N.slideLabel(t % F + 1),
 						children: e
 					}, t))
@@ -125,7 +126,7 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 				disabled: !S && R === 0,
 				tabIndex: -1,
 				children: /* @__PURE__ */ m(i, {
-					component: n,
+					component: r,
 					size: "md"
 				})
 			}), /* @__PURE__ */ m("button", {
@@ -135,7 +136,7 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 				disabled: !S && R >= F - W,
 				tabIndex: -1,
 				children: /* @__PURE__ */ m(i, {
-					component: r,
+					component: ee,
 					size: "md"
 				})
 			})] }),
@@ -145,7 +146,7 @@ var g = (e, t) => typeof e == "number" ? e : e ? t >= 1280 && e.xl ? e.xl : t >=
 					let n = S ? R % F === t : R === t;
 					return /* @__PURE__ */ m("button", {
 						className: f(a.indicator, n && a.active),
-						onClick: () => Q(t),
+						onClick: () => ne(t),
 						"aria-label": N.goToSlide(t + 1),
 						"aria-current": n ? "true" : "false"
 					}, t);

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;

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

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

package/dist/components/data-display/Countdown/Countdown.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("./countdown.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=e=>e instanceof Date?e.getTime():new Date(e).getTime(),c=e=>String(e).padStart(2,`0`),l=(e,t)=>{let n=Math.floor(e/86400),r=Math.floor(t?e/3600:e%86400/3600),i=Math.floor(e%3600/60),a=e%60,o=[];return!t&&n>0&&o.push({unit:`day`,value:n}),(o.length>0||r>0)&&o.push({unit:`hour`,value:r}),o.push({unit:`minute`,value:i}),o.push({unit:`second`,value:a}),o},u=i.default.forwardRef(({target:e,baseDate:u,variant:d=`digital`,size:f=`md`,locale:p,unitDisplay:m=`short`,paused:h=!1,onComplete:g,completedContent:_,fallback:v,asChild:y=!1,className:b,children:x,...S},C)=>{let{t:w,i18n:T}=n.useWimTranslation(`data-display`),E=p??T?.language??`en`,D=y?t.Root:`time`,O=s(e),k=!Number.isNaN(O),A=u!==void 0,[j,M]=i.default.useState(()=>Date.now()),N=A?s(u):j,P=k?Math.max(0,O-N):0,F=k&&P<=0,I=!A&&!h&&k&&!F;i.default.useEffect(()=>{!h&&!A&&M(Date.now())},[h,A]),i.default.useEffect(()=>{if(!I)return;let e=(O-Date.now())%1e3||1e3,t=window.setTimeout(()=>M(Date.now()),e);return()=>window.clearTimeout(t)},[I,O,j]);let L=i.default.useRef(!1);i.default.useEffect(()=>{L.current=!1},[O]),i.default.useEffect(()=>{k&&!A&&F&&(L.current||(L.current=!0,g?.()))},[F,A,k,g]);let R=i.default.useMemo(()=>new Map,[E]),z=(e,t)=>{let n=`${e}-${t}`,r=R.get(n);if(!r){let i={style:`unit`,unit:e,unitDisplay:t};try{r=new Intl.NumberFormat(E,i)}catch{r=new Intl.NumberFormat(`en`,i)}R.set(n,r)}return r},B=e=>z(e.unit,m).formatToParts(e.value).filter(e=>e.type===`unit`).map(e=>e.value).join(``);if(!k)return(0,o.jsxs)(D,{ref:C,className:(0,a.default)(`wim-countdown`,r.default.root,b),...S,children:[(0,o.jsx)(t.Slottable,{children:x}),v]});let V=Math.floor(P/1e3),H=l(V,d===`digital`),U=F&&_!==void 0,W=l(V,!1).map(e=>z(e.unit,`long`).format(e.value)).join(` `);return(0,o.jsxs)(D,{ref:C,role:`timer`,"aria-label":U?void 0:w(`countdown.remaining`,{time:W}),className:(0,a.default)(`wim-countdown`,r.default.root,r.default[d],r.default[f],b),dateTime:new Date(O).toISOString(),...S,children:[(0,o.jsx)(t.Slottable,{children:x}),U?_:d===`digital`?H.map((e,t)=>(0,o.jsxs)(i.default.Fragment,{children:[t>0&&(0,o.jsx)(`span`,{className:r.default.separator,"aria-hidden":`true`,children:`:`}),(0,o.jsx)(`span`,{className:r.default.value,children:c(e.value)})]},e.unit)):H.map(e=>(0,o.jsxs)(`span`,{className:r.default.segment,children:[(0,o.jsx)(`span`,{className:r.default.value,children:e.unit===`day`?String(e.value):c(e.value)}),(0,o.jsx)(`span`,{className:r.default.label,children:B(e)})]},e.unit))]})});u.displayName=`Countdown`,exports.Countdown=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/data-display.cjs"),i=require("./countdown.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=e=>e instanceof Date?e.getTime():new Date(e).getTime(),l=e=>String(e).padStart(2,`0`),u=(e,t)=>{let n=Math.floor(e/86400),r=Math.floor(t?e/3600:e%86400/3600),i=Math.floor(e%3600/60),a=e%60,o=[];return!t&&n>0&&o.push({unit:`day`,value:n}),(o.length>0||r>0)&&o.push({unit:`hour`,value:r}),o.push({unit:`minute`,value:i}),o.push({unit:`second`,value:a}),o},d=a.default.forwardRef(({target:e,baseDate:d,variant:f=`digital`,size:p=`md`,locale:m,unitDisplay:h=`short`,paused:g=!1,onComplete:_,completedContent:v,fallback:y,asChild:b=!1,className:x,children:S,...C},w)=>{let{t:T,i18n:E}=n.useWimTranslation(r.dataDisplayNs),D=m??E?.language??`en`,O=b?t.Root:`time`,k=c(e),A=!Number.isNaN(k),j=d!==void 0,[M,N]=a.default.useState(()=>Date.now()),P=j?c(d):M,F=A?Math.max(0,k-P):0,I=A&&F<=0,L=!j&&!g&&A&&!I;a.default.useEffect(()=>{!g&&!j&&N(Date.now())},[g,j]),a.default.useEffect(()=>{if(!L)return;let e=(k-Date.now())%1e3||1e3,t=window.setTimeout(()=>N(Date.now()),e);return()=>window.clearTimeout(t)},[L,k,M]);let R=a.default.useRef(!1);a.default.useEffect(()=>{R.current=!1},[k]),a.default.useEffect(()=>{A&&!j&&I&&(R.current||(R.current=!0,_?.()))},[I,j,A,_]);let z=a.default.useMemo(()=>new Map,[D]),B=(e,t)=>{let n=`${e}-${t}`,r=z.get(n);if(!r){let i={style:`unit`,unit:e,unitDisplay:t};try{r=new Intl.NumberFormat(D,i)}catch{r=new Intl.NumberFormat(`en`,i)}z.set(n,r)}return r},V=e=>B(e.unit,h).formatToParts(e.value).filter(e=>e.type===`unit`).map(e=>e.value).join(``);if(!A)return(0,s.jsxs)(O,{ref:w,className:(0,o.default)(`wim-countdown`,i.default.root,x),...C,children:[(0,s.jsx)(t.Slottable,{children:S}),y]});let H=Math.floor(F/1e3),U=u(H,f===`digital`),W=I&&v!==void 0,G=u(H,!1).map(e=>B(e.unit,`long`).format(e.value)).join(` `);return(0,s.jsxs)(O,{ref:w,role:`timer`,"aria-label":W?void 0:T(`countdown.remaining`,{time:G}),className:(0,o.default)(`wim-countdown`,i.default.root,i.default[f],i.default[p],x),dateTime:new Date(k).toISOString(),...C,children:[(0,s.jsx)(t.Slottable,{children:S}),W?v:f===`digital`?U.map((e,t)=>(0,s.jsxs)(a.default.Fragment,{children:[t>0&&(0,s.jsx)(`span`,{className:i.default.separator,"aria-hidden":`true`,children:`:`}),(0,s.jsx)(`span`,{className:i.default.value,children:l(e.value)})]},e.unit)):U.map(e=>(0,s.jsxs)(`span`,{className:i.default.segment,children:[(0,s.jsx)(`span`,{className:i.default.value,children:e.unit===`day`?String(e.value):l(e.value)}),(0,s.jsx)(`span`,{className:i.default.label,children:V(e)})]},e.unit))]})});d.displayName=`Countdown`,exports.Countdown=d;