wimui 0.63.0 → 0.63.1

package/dist/components/form/Rating/Rating.js

@@ -1,103 +1,104 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import n from "../../../icon/star.js";
-import { Icon as r } from "../../media/Icon/Icon.js";
-import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
-import a from "./rating.module.js";
-import { useId as o, useRef as s, useState as c } from "react";
-import l from "classnames";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { composeEventHandlers as n } from "../../_internal/composeEventHandlers.js";
+import r from "../../../icon/star.js";
+import { Icon as i } from "../../media/Icon/Icon.js";
+import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
+import o from "./rating.module.js";
+import { useId as s, useRef as c, useState as l } from "react";
+import u from "classnames";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/components/form/Rating/Rating.tsx
-var f = ({ value: f, defaultValue: p = 0, count: m = 5, allowHalf: h = !1, disabled: g = !1, readOnly: _ = !1, size: v = "md", onChange: y, className: b, label: x, error: S, required: C, layout: w = "vertical", labels: T = {}, asChild: E = !1, children: D, ...O }) => {
-	let { star: k = (e) => `${e} star${e === 1 ? "" : "s"}`, readonly: A = (e, t) => `Rating: ${e} out of ${t}` } = T, j = f !== void 0, [M, N] = c(p), [P, F] = c(null), I = o(), L = `wim-rating-label-${I}`, R = `wim-rating-error-${I}`, z = s([]), B = j ? f : M, V = P === null ? B : P, H = (e, t) => {
-		if (g || _) return;
+var p = ({ value: p, defaultValue: m = 0, count: h = 5, allowHalf: g = !1, disabled: _ = !1, readOnly: v = !1, size: y = "md", onChange: b, className: x, label: S, error: C, required: w, layout: T = "vertical", labels: E = {}, asChild: D = !1, children: O, ...k }) => {
+	let { star: A = (e) => `${e} star${e === 1 ? "" : "s"}`, readonly: j = (e, t) => `Rating: ${e} out of ${t}` } = E, M = p !== void 0, [N, P] = l(m), [F, I] = l(null), L = s(), R = `wim-rating-label-${L}`, z = `wim-rating-error-${L}`, B = c([]), V = M ? p : N, H = F === null ? V : F, U = (e, t) => {
+		if (_ || v) return;
 		let n = e + 1;
-		if (h) {
+		if (g) {
 			let e = t.currentTarget.getBoundingClientRect();
 			t.clientX - e.left <= e.width / 2 && (n -= .5);
 		}
-		F(n);
-	}, U = () => {
-		g || _ || F(null);
-	}, W = (e) => {
-		g || _ || (j || N(e), y?.(e));
-	}, G = (() => {
-		if (B === 0) return 0;
-		for (let e = 0; e < m; e++) {
+		I(n);
+	}, W = () => {
+		_ || v || I(null);
+	}, G = (e) => {
+		_ || v || (M || P(e), b?.(e));
+	}, K = (() => {
+		if (V === 0) return 0;
+		for (let e = 0; e < h; e++) {
 			let t = e + 1;
-			if (B === t || h && B === t - .5) return e;
+			if (V === t || g && V === t - .5) return e;
 		}
 		return 0;
-	})(), K = (e, t) => {
-		if (g || _) return;
-		let n = h ? .5 : 1;
+	})(), q = (e, t) => {
+		if (_ || v) return;
+		let n = g ? .5 : 1;
 		if (t.key === "ArrowRight" || t.key === "ArrowUp") {
 			t.preventDefault();
-			let e = Math.min(m, B + n), r = Math.min(Math.ceil(e) - 1, m - 1);
-			W(e), z.current[r]?.focus();
+			let e = Math.min(h, V + n), r = Math.min(Math.ceil(e) - 1, h - 1);
+			G(e), B.current[r]?.focus();
 		} else if (t.key === "ArrowLeft" || t.key === "ArrowDown") {
 			t.preventDefault();
-			let e = Math.max(0, B - n), r = e === 0 ? 0 : Math.ceil(e) - 1;
-			W(e), z.current[r]?.focus();
-		} else t.key === "Home" ? (t.preventDefault(), W(0), z.current[0]?.focus()) : t.key === "End" && (t.preventDefault(), W(m), z.current[m - 1]?.focus());
-	}, q = (e) => {
-		let t = e + 1, i = V >= t, o = !i && V >= t - .5, s = B === t || h && B === t - .5;
-		return /* @__PURE__ */ d("div", {
+			let e = Math.max(0, V - n), r = e === 0 ? 0 : Math.ceil(e) - 1;
+			G(e), B.current[r]?.focus();
+		} else t.key === "Home" ? (t.preventDefault(), G(0), B.current[0]?.focus()) : t.key === "End" && (t.preventDefault(), G(h), B.current[h - 1]?.focus());
+	}, J = (e) => {
+		let t = e + 1, n = H >= t, a = !n && H >= t - .5, s = V === t || g && V === t - .5;
+		return /* @__PURE__ */ f("div", {
 			ref: (t) => {
-				z.current[e] = t;
+				B.current[e] = t;
 			},
-			className: l(a.star, i && a.full, o && a.half),
-			onMouseMove: (t) => H(e, t),
+			className: u(o.star, n && o.full, a && o.half),
+			onMouseMove: (t) => U(e, t),
 			onClick: (e) => {
 				let n = e.currentTarget.getBoundingClientRect(), r = e.clientX - n.left, i = t;
-				h && r <= n.width / 2 && (i -= .5), W(i);
+				g && r <= n.width / 2 && (i -= .5), G(i);
 			},
 			onKeyDown: (n) => {
-				n.key === "Enter" || n.key === " " ? (n.preventDefault(), W(t)) : K(e, n);
+				n.key === "Enter" || n.key === " " ? (n.preventDefault(), G(t)) : q(e, n);
 			},
-			role: _ ? "presentation" : "radio",
-			tabIndex: g || _ ? -1 : e === G ? 0 : -1,
-			"aria-checked": _ ? void 0 : s,
-			"aria-label": _ ? void 0 : k(e + 1),
-			children: [/* @__PURE__ */ u("div", {
-				className: a.background,
-				children: /* @__PURE__ */ u(r, {
-					component: n,
-					size: v,
-					className: a.icon
+			role: v ? "presentation" : "radio",
+			tabIndex: _ || v ? -1 : e === K ? 0 : -1,
+			"aria-checked": v ? void 0 : s,
+			"aria-label": v ? void 0 : A(e + 1),
+			children: [/* @__PURE__ */ d("div", {
+				className: o.background,
+				children: /* @__PURE__ */ d(i, {
+					component: r,
+					size: y,
+					className: o.icon
 				})
-			}), /* @__PURE__ */ u("div", {
-				className: a.foreground,
-				children: /* @__PURE__ */ u(r, {
-					component: n,
-					size: v,
-					className: a.icon
+			}), /* @__PURE__ */ d("div", {
+				className: o.foreground,
+				children: /* @__PURE__ */ d(i, {
+					component: r,
+					size: y,
+					className: o.icon
 				})
 			})]
 		}, e);
-	}, J = Array.from({ length: m }, (e, t) => q(t));
-	return /* @__PURE__ */ u(i, {
-		label: x,
-		error: S,
-		required: C,
-		layout: w,
-		labelId: L,
-		errorId: R,
-		className: b,
-		children: /* @__PURE__ */ d(E ? e : "div", {
-			className: l("wim-rating", a.root, a[v], g && a.disabled),
-			onMouseLeave: _ ? void 0 : U,
-			role: _ ? "img" : "radiogroup",
-			"aria-label": _ ? A(B, m) : void 0,
-			"aria-labelledby": !_ && x ? L : void 0,
-			"aria-disabled": !_ && g ? !0 : void 0,
-			"aria-required": _ ? void 0 : C,
-			"aria-describedby": !_ && S ? R : void 0,
-			"aria-invalid": !_ && S ? !0 : void 0,
-			...O,
-			children: [J, /* @__PURE__ */ u(t, { children: D })]
+	}, Y = Array.from({ length: h }, (e, t) => J(t));
+	return /* @__PURE__ */ d(a, {
+		label: S,
+		error: C,
+		required: w,
+		layout: T,
+		labelId: R,
+		errorId: z,
+		className: x,
+		children: /* @__PURE__ */ f(D ? e : "div", {
+			className: u("wim-rating", o.root, o[y], _ && o.disabled),
+			role: v ? "img" : "radiogroup",
+			"aria-label": v ? j(V, h) : void 0,
+			"aria-labelledby": !v && S ? R : void 0,
+			"aria-disabled": !v && _ ? !0 : void 0,
+			"aria-required": v ? void 0 : w,
+			"aria-describedby": !v && C ? z : void 0,
+			"aria-invalid": !v && C ? !0 : void 0,
+			...k,
+			onMouseLeave: n(k.onMouseLeave, v ? void 0 : W),
+			children: [Y, /* @__PURE__ */ d(t, { children: O })]
 		})
 	});
 };
 //#endregion
-export { f as Rating };
+export { p as Rating };

package/dist/components/form/Slider/Slider.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("../FieldTemplate/FieldTemplate.cjs"),r=require("../../../utilities/slider-utils.cjs"),i=require("./slider.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=(0,a.forwardRef)(({value:e,defaultValue:c=0,min:l=0,max:u=100,step:d=1,disabled:f=!1,onChange:p,onAfterChange:m,className:h,name:g,label:_,error:v,required:y,layout:b=`vertical`,id:x,"aria-label":S,"aria-labelledby":C,"aria-describedby":w,asChild:T=!1,styles:E,children:D,...O},k)=>{let A=e!==void 0,[j,M]=(0,a.useState)(c),N=A?e:j,P=(0,a.useRef)(null),F=(0,a.useRef)(null),I=(0,a.useRef)(null),L=(0,a.useRef)(null),R=(0,a.useRef)(!1),z=(0,a.useRef)(N),B=(0,a.useId)(),V=x||B,H=`wim-slider-label-${V}`,U=`wim-slider-error-${V}`,{calculateValue:W}=r.useSliderCommon(l,u,d),G=(0,a.useCallback)(e=>(e-l)/(u-l)*100,[l,u]),K=(0,a.useCallback)(e=>{let t=G(e);I.current&&(I.current.style.width=`${t}%`),F.current&&(F.current.style.left=`${t}%`,F.current.setAttribute(`aria-valuenow`,String(e))),L.current&&(L.current.value=String(e))},[G]);(0,a.useEffect)(()=>{R.current||K(N)},[N,K]);let q=e=>{if(f)return;R.current=!0;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=W(t,P.current);z.current=n,K(n),p?.(n),e.preventDefault()},J=(0,a.useCallback)(e=>{if(!R.current||f)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=W(t,P.current);z.current=n,K(n),p?.(n)},[f,W,p,K]),Y=(0,a.useCallback)(()=>{if(R.current){R.current=!1;let e=z.current;A||M(e),m?.(e)}},[A,m]);(0,a.useEffect)(()=>(document.addEventListener(`mousemove`,J),document.addEventListener(`mouseup`,Y),document.addEventListener(`touchmove`,J,{passive:!1}),document.addEventListener(`touchend`,Y),()=>{document.removeEventListener(`mousemove`,J),document.removeEventListener(`mouseup`,Y),document.removeEventListener(`touchmove`,J),document.removeEventListener(`touchend`,Y)}),[J,Y]);let X=e=>{if(f)return;let t;if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=Math.max(l,N-d);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=Math.min(u,N+d);else if(e.key===`Home`)t=l;else if(e.key===`End`)t=u;else return;A||M(t),p?.(t),e.preventDefault()},Z=G(N);return(0,s.jsx)(n.FieldTemplate,{label:_,error:v,required:y,layout:b,labelId:H,errorId:U,className:h,styles:E,children:(0,s.jsxs)(T?t.Root:`div`,{role:`presentation`,className:(0,o.default)(`wim-slider`,i.default.root,f&&i.default.disabled,v&&i.default.danger),onMouseDown:q,onTouchStart:q,ref:k,...O,children:[(0,s.jsxs)(`div`,{className:i.default.trackContainer,ref:P,children:[(0,s.jsx)(`div`,{ref:I,className:i.default.track,style:{width:`${Z}%`}}),(0,s.jsx)(`div`,{ref:F,className:i.default.thumb,style:{left:`${Z}%`},role:`slider`,"aria-valuemin":l,"aria-valuemax":u,"aria-valuenow":N,"aria-disabled":f,"aria-labelledby":_?H:C,"aria-label":_?void 0:S,"aria-describedby":[w,v?U:void 0].filter(Boolean).join(` `)||void 0,"aria-invalid":v?!0:void 0,tabIndex:f?-1:0,onKeyDown:X})]}),(0,s.jsx)(`input`,{ref:L,type:`hidden`,name:g,value:N}),T?(0,s.jsx)(t.Slottable,{children:D}):null]})})});c.displayName=`Slider`,exports.Slider=c,exports.default=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../FieldTemplate/FieldTemplate.cjs"),i=require("../../../utilities/slider-utils.cjs"),a=require("./slider.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.forwardRef)(({value:e,defaultValue:l=0,min:u=0,max:d=100,step:f=1,disabled:p=!1,onChange:m,onAfterChange:h,className:g,name:_,label:v,error:y,required:b,layout:x=`vertical`,id:S,"aria-label":C,"aria-labelledby":w,"aria-describedby":T,asChild:E=!1,styles:D,children:O,...k},A)=>{let j=e!==void 0,[M,N]=(0,o.useState)(l),P=j?e:M,F=(0,o.useRef)(null),I=(0,o.useRef)(null),L=(0,o.useRef)(null),R=(0,o.useRef)(null),z=(0,o.useRef)(!1),B=(0,o.useRef)(P),V=(0,o.useId)(),H=S||V,U=`wim-slider-label-${H}`,W=`wim-slider-error-${H}`,{calculateValue:G}=i.useSliderCommon(u,d,f),K=(0,o.useCallback)(e=>(e-u)/(d-u)*100,[u,d]),q=(0,o.useCallback)(e=>{let t=K(e);L.current&&(L.current.style.width=`${t}%`),I.current&&(I.current.style.left=`${t}%`,I.current.setAttribute(`aria-valuenow`,String(e))),R.current&&(R.current.value=String(e))},[K]);(0,o.useEffect)(()=>{z.current||q(P)},[P,q]);let J=e=>{if(p)return;z.current=!0;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=G(t,F.current);B.current=n,q(n),m?.(n),e.preventDefault()},Y=(0,o.useCallback)(e=>{if(!z.current||p)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=G(t,F.current);B.current=n,q(n),m?.(n)},[p,G,m,q]),X=(0,o.useCallback)(()=>{if(z.current){z.current=!1;let e=B.current;j||N(e),h?.(e)}},[j,h]);(0,o.useEffect)(()=>(document.addEventListener(`mousemove`,Y),document.addEventListener(`mouseup`,X),document.addEventListener(`touchmove`,Y,{passive:!1}),document.addEventListener(`touchend`,X),()=>{document.removeEventListener(`mousemove`,Y),document.removeEventListener(`mouseup`,X),document.removeEventListener(`touchmove`,Y),document.removeEventListener(`touchend`,X)}),[Y,X]);let Z=e=>{if(p)return;let t;if(e.key===`ArrowLeft`||e.key===`ArrowDown`)t=Math.max(u,P-f);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)t=Math.min(d,P+f);else if(e.key===`Home`)t=u;else if(e.key===`End`)t=d;else return;j||N(t),m?.(t),e.preventDefault()},Q=K(P);return(0,c.jsx)(r.FieldTemplate,{label:v,error:y,required:b,layout:x,labelId:U,errorId:W,className:g,styles:D,children:(0,c.jsxs)(E?t.Root:`div`,{role:`presentation`,className:(0,s.default)(`wim-slider`,a.default.root,p&&a.default.disabled,y&&a.default.danger),ref:A,...k,onMouseDown:n.composeEventHandlers(k.onMouseDown,J),onTouchStart:n.composeEventHandlers(k.onTouchStart,J),children:[(0,c.jsxs)(`div`,{className:a.default.trackContainer,ref:F,children:[(0,c.jsx)(`div`,{ref:L,className:a.default.track,style:{width:`${Q}%`}}),(0,c.jsx)(`div`,{ref:I,className:a.default.thumb,style:{left:`${Q}%`},role:`slider`,"aria-valuemin":u,"aria-valuemax":d,"aria-valuenow":P,"aria-disabled":p,"aria-labelledby":v?U:w,"aria-label":v?void 0:C,"aria-describedby":[T,y?W:void 0].filter(Boolean).join(` `)||void 0,"aria-invalid":y?!0:void 0,tabIndex:p?-1:0,onKeyDown:Z})]}),(0,c.jsx)(`input`,{ref:R,type:`hidden`,name:_,value:P}),E?(0,c.jsx)(t.Slottable,{children:O}):null]})})});l.displayName=`Slider`,exports.Slider=l,exports.default=l;

package/dist/components/form/Slider/Slider.js

@@ -1,106 +1,107 @@
 "use client";
 import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import { useSliderCommon as r } from "../../../utilities/slider-utils.js";
-import i from "./slider.module.js";
-import { forwardRef as a, useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { composeEventHandlers as n } from "../../_internal/composeEventHandlers.js";
+import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
+import { useSliderCommon as i } from "../../../utilities/slider-utils.js";
+import a from "./slider.module.js";
+import { forwardRef as o, useCallback as s, useEffect as c, useId as l, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/form/Slider/Slider.tsx
-var m = a(({ value: a, defaultValue: m = 0, min: h = 0, max: g = 100, step: _ = 1, disabled: v = !1, onChange: y, onAfterChange: b, className: x, name: S, label: C, error: w, required: T, layout: E = "vertical", id: ee, "aria-label": te, "aria-labelledby": ne, "aria-describedby": D, asChild: O = !1, styles: k, children: A, ...j }, M) => {
-	let N = a !== void 0, [P, F] = u(m), I = N ? a : P, L = l(null), R = l(null), z = l(null), B = l(null), V = l(!1), H = l(I), U = c(), W = ee || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = r(h, g, _), J = o((e) => (e - h) / (g - h) * 100, [h, g]), Y = o((e) => {
+var h = o(({ value: o, defaultValue: h = 0, min: g = 0, max: _ = 100, step: v = 1, disabled: y = !1, onChange: b, onAfterChange: x, className: S, name: C, label: w, error: T, required: E, layout: ee = "vertical", id: te, "aria-label": ne, "aria-labelledby": re, "aria-describedby": D, asChild: O = !1, styles: k, children: A, ...j }, M) => {
+	let N = o !== void 0, [P, F] = d(h), I = N ? o : P, L = u(null), R = u(null), z = u(null), B = u(null), V = u(!1), H = u(I), U = l(), W = te || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = i(g, _, v), J = s((e) => (e - g) / (_ - g) * 100, [g, _]), Y = s((e) => {
 		let t = J(e);
 		z.current && (z.current.style.width = `${t}%`), R.current && (R.current.style.left = `${t}%`, R.current.setAttribute("aria-valuenow", String(e))), B.current && (B.current.value = String(e));
 	}, [J]);
-	s(() => {
+	c(() => {
 		V.current || Y(I);
 	}, [I, Y]);
 	let X = (e) => {
-		if (v) return;
+		if (y) return;
 		V.current = !0;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
-		H.current = n, Y(n), y?.(n), e.preventDefault();
-	}, Z = o((e) => {
-		if (!V.current || v) return;
+		H.current = n, Y(n), b?.(n), e.preventDefault();
+	}, Z = s((e) => {
+		if (!V.current || y) return;
 		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
-		H.current = n, Y(n), y?.(n);
+		H.current = n, Y(n), b?.(n);
 	}, [
-		v,
-		q,
 		y,
+		q,
+		b,
 		Y
-	]), Q = o(() => {
+	]), Q = s(() => {
 		if (V.current) {
 			V.current = !1;
 			let e = H.current;
-			N || F(e), b?.(e);
+			N || F(e), x?.(e);
 		}
-	}, [N, b]);
-	s(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
+	}, [N, x]);
+	c(() => (document.addEventListener("mousemove", Z), document.addEventListener("mouseup", Q), document.addEventListener("touchmove", Z, { passive: !1 }), document.addEventListener("touchend", Q), () => {
 		document.removeEventListener("mousemove", Z), document.removeEventListener("mouseup", Q), document.removeEventListener("touchmove", Z), document.removeEventListener("touchend", Q);
 	}), [Z, Q]);
-	let re = (e) => {
-		if (v) return;
+	let ie = (e) => {
+		if (y) return;
 		let t;
-		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(h, I - _);
-		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(g, I + _);
-		else if (e.key === "Home") t = h;
-		else if (e.key === "End") t = g;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(g, I - v);
+		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(_, I + v);
+		else if (e.key === "Home") t = g;
+		else if (e.key === "End") t = _;
 		else return;
-		N || F(t), y?.(t), e.preventDefault();
+		N || F(t), b?.(t), e.preventDefault();
 	}, $ = J(I);
-	return /* @__PURE__ */ f(n, {
-		label: C,
-		error: w,
-		required: T,
-		layout: E,
+	return /* @__PURE__ */ p(r, {
+		label: w,
+		error: T,
+		required: E,
+		layout: ee,
 		labelId: G,
 		errorId: K,
-		className: x,
+		className: S,
 		styles: k,
-		children: /* @__PURE__ */ p(O ? e : "div", {
+		children: /* @__PURE__ */ m(O ? e : "div", {
 			role: "presentation",
-			className: d("wim-slider", i.root, v && i.disabled, w && i.danger),
-			onMouseDown: X,
-			onTouchStart: X,
+			className: f("wim-slider", a.root, y && a.disabled, T && a.danger),
 			ref: M,
 			...j,
+			onMouseDown: n(j.onMouseDown, X),
+			onTouchStart: n(j.onTouchStart, X),
 			children: [
-				/* @__PURE__ */ p("div", {
-					className: i.trackContainer,
+				/* @__PURE__ */ m("div", {
+					className: a.trackContainer,
 					ref: L,
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ p("div", {
 						ref: z,
-						className: i.track,
+						className: a.track,
 						style: { width: `${$}%` }
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ p("div", {
 						ref: R,
-						className: i.thumb,
+						className: a.thumb,
 						style: { left: `${$}%` },
 						role: "slider",
-						"aria-valuemin": h,
-						"aria-valuemax": g,
+						"aria-valuemin": g,
+						"aria-valuemax": _,
 						"aria-valuenow": I,
-						"aria-disabled": v,
-						"aria-labelledby": C ? G : ne,
-						"aria-label": C ? void 0 : te,
-						"aria-describedby": [D, w ? K : void 0].filter(Boolean).join(" ") || void 0,
-						"aria-invalid": w ? !0 : void 0,
-						tabIndex: v ? -1 : 0,
-						onKeyDown: re
+						"aria-disabled": y,
+						"aria-labelledby": w ? G : re,
+						"aria-label": w ? void 0 : ne,
+						"aria-describedby": [D, T ? K : void 0].filter(Boolean).join(" ") || void 0,
+						"aria-invalid": T ? !0 : void 0,
+						tabIndex: y ? -1 : 0,
+						onKeyDown: ie
 					})]
 				}),
-				/* @__PURE__ */ f("input", {
+				/* @__PURE__ */ p("input", {
 					ref: B,
 					type: "hidden",
-					name: S,
+					name: C,
 					value: I
 				}),
-				O ? /* @__PURE__ */ f(t, { children: A }) : null
+				O ? /* @__PURE__ */ p(t, { children: A }) : null
 			]
 		})
 	});
 });
-m.displayName = "Slider";
+h.displayName = "Slider";
 //#endregion
-export { m as Slider, m as default };
+export { h as Slider, h as default };

package/dist/components/form/SmartSearchInput/SmartSearchInput.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../InputBase/InputBase.cjs"),r=require("../../../i18n/generated/form.cjs"),i=require("../FieldTemplate/FieldTemplate.cjs"),a=require("../../../hooks/useAutoResize.cjs"),o=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),s=require("./smart-search-input.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=(0,c.forwardRef)(({intent:e=`default`,variant:d=`outline`,fullWidth:f=!1,width:p,label:m,error:h,required:g,layout:_,maxRows:v=8,allowClear:y=!0,onClear:b,onSubmit:x,onChange:S,value:C,defaultValue:w=``,placeholder:T,disabled:E,className:D,id:O,maxLength:k,"aria-label":A,...j},M)=>{let{t:N}=t.useWimTranslation(r.formNs),P=C!==void 0,[F,I]=c.default.useState(w),L=P?C:F,R=a.useAutoResize(L,v);c.default.useImperativeHandle(M,()=>R.current);let z=(0,c.useId)(),B=O||`smart-search-${z}`,V=h?`${B}-error`:void 0,H=m?`${B}-label`:void 0,U=(0,c.useCallback)(e=>{let t=e.target.value;P||I(t),S?.(t)},[P,S]),W=(0,c.useCallback)(()=>{L.trim()&&!E&&x?.(L.trim())},[L,E,x]),G=(0,c.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),W())},[W]),K=()=>{P||I(``),S?.(``),b?.(),R.current?.focus()},q=h?`danger`:e;return(0,u.jsx)(i.FieldTemplate,{label:m,error:h,required:g,layout:_,htmlFor:B,labelId:H,errorId:V,className:(0,l.default)(`wim-smart-search-input`,D,f&&s.default.fullWidth),children:(0,u.jsxs)(`div`,{className:s.default.container,children:[(0,u.jsx)(n.InputBase,{intent:q,variant:d,fullWidth:f,width:p,disabled:E,leftIcon:`SearchIcon`,styles:{icon:s.default.icon,icons:s.default.icons},allowClear:y,hasValue:!!L,onClear:K,children:(0,u.jsx)(`textarea`,{id:B,ref:R,className:(0,l.default)(s.default.textarea,s.default[d]),value:L,onChange:U,onKeyDown:G,placeholder:T,rows:1,disabled:E,maxLength:k,"aria-label":A??(m?void 0:N(`smart_search.input_label`)),...j})}),(0,u.jsx)(o.FieldCharacterCount,{count:L.length,maxLength:k,className:s.default.charCount})]})})});d.displayName=`SmartSearchInput`,exports.SmartSearchInput=d;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../i18n/useWimTranslation.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../InputBase/InputBase.cjs"),i=require("../../../i18n/generated/form.cjs"),a=require("../FieldTemplate/FieldTemplate.cjs"),o=require("../../../hooks/useAutoResize.cjs"),s=require("../../_internal/FieldCharacterCount/FieldCharacterCount.cjs"),c=require("./smart-search-input.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.forwardRef)(({intent:e=`default`,variant:f=`outline`,fullWidth:p=!1,width:m,label:h,error:g,required:_,layout:v,maxRows:y=8,allowClear:b=!0,onClear:x,onSubmit:S,onChange:C,value:w,defaultValue:T=``,placeholder:E,disabled:D,className:O,id:k,maxLength:A,"aria-label":j,...M},N)=>{let{t:P}=t.useWimTranslation(i.formNs),F=w!==void 0,[I,L]=l.default.useState(T),R=F?w:I,z=o.useAutoResize(R,y);l.default.useImperativeHandle(N,()=>z.current);let B=(0,l.useId)(),V=k||`smart-search-${B}`,H=g?`${V}-error`:void 0,U=h?`${V}-label`:void 0,W=(0,l.useCallback)(e=>{let t=e.target.value;F||L(t),C?.(t)},[F,C]),G=(0,l.useCallback)(()=>{R.trim()&&!D&&S?.(R.trim())},[R,D,S]),K=(0,l.useCallback)(e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),G())},[G]),q=()=>{F||L(``),C?.(``),x?.(),z.current?.focus()},J=g?`danger`:e;return(0,d.jsx)(a.FieldTemplate,{label:h,error:g,required:_,layout:v,htmlFor:V,labelId:U,errorId:H,className:(0,u.default)(`wim-smart-search-input`,O,p&&c.default.fullWidth),children:(0,d.jsxs)(`div`,{className:c.default.container,children:[(0,d.jsx)(r.InputBase,{intent:J,variant:f,fullWidth:p,width:m,disabled:D,leftIcon:`SearchIcon`,styles:{icon:c.default.icon,icons:c.default.icons},allowClear:b,hasValue:!!R,onClear:q,children:(0,d.jsx)(`textarea`,{id:V,ref:z,className:(0,u.default)(c.default.textarea,c.default[f]),value:R,onChange:W,placeholder:E,rows:1,disabled:D,maxLength:A,"aria-label":j??(h?void 0:P(`smart_search.input_label`)),...M,onKeyDown:n.composeEventHandlers(M.onKeyDown,K)})}),(0,d.jsx)(s.FieldCharacterCount,{count:R.length,maxLength:A,className:c.default.charCount})]})})});f.displayName=`SmartSearchInput`,exports.SmartSearchInput=f;

package/dist/components/form/SmartSearchInput/SmartSearchInput.js

@@ -1,79 +1,80 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { InputBase as t } from "../InputBase/InputBase.js";
-import { formNs as n } from "../../../i18n/generated/form.js";
-import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
-import { useAutoResize as i } from "../../../hooks/useAutoResize.js";
-import { FieldCharacterCount as a } from "../../_internal/FieldCharacterCount/FieldCharacterCount.js";
-import o from "./smart-search-input.module.js";
-import s, { forwardRef as c, useCallback as l, useId as u } from "react";
-import d from "classnames";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { composeEventHandlers as t } from "../../_internal/composeEventHandlers.js";
+import { InputBase as n } from "../InputBase/InputBase.js";
+import { formNs as r } from "../../../i18n/generated/form.js";
+import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
+import { useAutoResize as a } from "../../../hooks/useAutoResize.js";
+import { FieldCharacterCount as o } from "../../_internal/FieldCharacterCount/FieldCharacterCount.js";
+import s from "./smart-search-input.module.js";
+import c, { forwardRef as l, useCallback as u, useId as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
 //#region src/components/form/SmartSearchInput/SmartSearchInput.tsx
-var m = c(({ intent: c = "default", variant: m = "outline", fullWidth: h = !1, width: g, label: _, error: v, required: y, layout: b, maxRows: x = 8, allowClear: S = !0, onClear: C, onSubmit: w, onChange: T, value: E, defaultValue: D = "", placeholder: O, disabled: k, className: A, id: j, maxLength: M, "aria-label": N, ...P }, F) => {
-	let { t: I } = e(n), L = E !== void 0, [R, z] = s.useState(D), B = L ? E : R, V = i(B, x);
-	s.useImperativeHandle(F, () => V.current);
-	let H = u(), U = j || `smart-search-${H}`, W = v ? `${U}-error` : void 0, G = _ ? `${U}-label` : void 0, K = l((e) => {
+var h = l(({ intent: l = "default", variant: h = "outline", fullWidth: g = !1, width: _, label: v, error: y, required: b, layout: x, maxRows: S = 8, allowClear: C = !0, onClear: w, onSubmit: T, onChange: E, value: D, defaultValue: O = "", placeholder: k, disabled: A, className: j, id: M, maxLength: N, "aria-label": P, ...F }, I) => {
+	let { t: L } = e(r), R = D !== void 0, [z, B] = c.useState(O), V = R ? D : z, H = a(V, S);
+	c.useImperativeHandle(I, () => H.current);
+	let U = d(), W = M || `smart-search-${U}`, G = y ? `${W}-error` : void 0, K = v ? `${W}-label` : void 0, q = u((e) => {
 		let t = e.target.value;
-		L || z(t), T?.(t);
-	}, [L, T]), q = l(() => {
-		B.trim() && !k && w?.(B.trim());
+		R || B(t), E?.(t);
+	}, [R, E]), J = u(() => {
+		V.trim() && !A && T?.(V.trim());
 	}, [
-		B,
-		k,
-		w
-	]), J = l((e) => {
-		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), q());
-	}, [q]), Y = () => {
-		L || z(""), T?.(""), C?.(), V.current?.focus();
-	}, X = v ? "danger" : c;
-	return /* @__PURE__ */ f(r, {
-		label: _,
-		error: v,
-		required: y,
-		layout: b,
-		htmlFor: U,
-		labelId: G,
-		errorId: W,
-		className: d("wim-smart-search-input", A, h && o.fullWidth),
-		children: /* @__PURE__ */ p("div", {
-			className: o.container,
-			children: [/* @__PURE__ */ f(t, {
-				intent: X,
-				variant: m,
-				fullWidth: h,
-				width: g,
-				disabled: k,
+		V,
+		A,
+		T
+	]), Y = u((e) => {
+		e.key === "Enter" && !e.shiftKey && (e.preventDefault(), J());
+	}, [J]), X = () => {
+		R || B(""), E?.(""), w?.(), H.current?.focus();
+	}, Z = y ? "danger" : l;
+	return /* @__PURE__ */ p(i, {
+		label: v,
+		error: y,
+		required: b,
+		layout: x,
+		htmlFor: W,
+		labelId: K,
+		errorId: G,
+		className: f("wim-smart-search-input", j, g && s.fullWidth),
+		children: /* @__PURE__ */ m("div", {
+			className: s.container,
+			children: [/* @__PURE__ */ p(n, {
+				intent: Z,
+				variant: h,
+				fullWidth: g,
+				width: _,
+				disabled: A,
 				leftIcon: "SearchIcon",
 				styles: {
-					icon: o.icon,
-					icons: o.icons
+					icon: s.icon,
+					icons: s.icons
 				},
-				allowClear: S,
-				hasValue: !!B,
-				onClear: Y,
-				children: /* @__PURE__ */ f("textarea", {
-					id: U,
-					ref: V,
-					className: d(o.textarea, o[m]),
-					value: B,
-					onChange: K,
-					onKeyDown: J,
-					placeholder: O,
+				allowClear: C,
+				hasValue: !!V,
+				onClear: X,
+				children: /* @__PURE__ */ p("textarea", {
+					id: W,
+					ref: H,
+					className: f(s.textarea, s[h]),
+					value: V,
+					onChange: q,
+					placeholder: k,
 					rows: 1,
-					disabled: k,
-					maxLength: M,
-					"aria-label": N ?? (_ ? void 0 : I("smart_search.input_label")),
-					...P
+					disabled: A,
+					maxLength: N,
+					"aria-label": P ?? (v ? void 0 : L("smart_search.input_label")),
+					...F,
+					onKeyDown: t(F.onKeyDown, Y)
 				})
-			}), /* @__PURE__ */ f(a, {
-				count: B.length,
-				maxLength: M,
-				className: o.charCount
+			}), /* @__PURE__ */ p(o, {
+				count: V.length,
+				maxLength: N,
+				className: s.charCount
 			})]
 		})
 	});
 });
-m.displayName = "SmartSearchInput";
+h.displayName = "SmartSearchInput";
 //#endregion
-export { m as SmartSearchInput };
+export { h as SmartSearchInput };

package/dist/components/form/TimePicker/TimePicker.cjs

@@ -1,2 +1,2 @@
 "use client";
-const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../Input/input.module.cjs"),r=require("../Input/Input.cjs"),i=require("./time-picker.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=(0,a.forwardRef)(({intent:e=`default`,variant:c=`outline`,fullWidth:l=!1,className:u,disabled:d,allowClear:f=!0,value:p,defaultValue:m,onChange:h,...g},_)=>{let v=p!==void 0,[y,b]=(0,a.useState)(m??``),x=v?p:y,S=(0,a.useRef)(null),C=t.useMergedRef(_,S),w=f&&!!x&&!d,T=w?void 0:`ClockIcon`;return(0,s.jsx)(r.Input,{ref:C,type:`time`,allowClear:w,intent:e,variant:c,fullWidth:l,className:(0,o.default)(`wim-time-picker`,u),inputClassName:(0,o.default)(n.default.root,i.default.input),disabled:d,value:p,defaultValue:m,onChange:e=>{v||b(e.target.value),h?.(e)},rightIcon:T,rightIconColor:d||w?void 0:`primary`,onRightIconClick:w?void 0:()=>{S.current?.showPicker?.()},rightIconDecorative:!0,...g})});c.displayName=`TimePicker`,exports.TimePicker=c;
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../hooks/useMergedRef.cjs"),n=require("../../_internal/composeEventHandlers.cjs"),r=require("../Input/input.module.cjs"),i=require("../Input/Input.cjs"),a=require("./time-picker.module.cjs");let o=require("react");o=e.__toESM(o,1);let s=require("classnames");s=e.__toESM(s,1);let c=require("react/jsx-runtime");var l=(0,o.forwardRef)(({intent:e=`default`,variant:l=`outline`,fullWidth:u=!1,className:d,disabled:f,allowClear:p=!0,value:m,defaultValue:h,onChange:g,..._},v)=>{let y=m!==void 0,[b,x]=(0,o.useState)(h??``),S=y?m:b,C=(0,o.useRef)(null),w=t.useMergedRef(v,C),T=p&&!!S&&!f,E=T?void 0:`ClockIcon`,D=e=>{y||x(e.target.value),g?.(e)},O=()=>{C.current?.showPicker?.()};return(0,c.jsx)(i.Input,{ref:w,type:`time`,allowClear:T,intent:e,variant:l,fullWidth:u,className:(0,s.default)(`wim-time-picker`,d),inputClassName:(0,s.default)(r.default.root,a.default.input),disabled:f,value:m,defaultValue:h,onChange:D,rightIcon:E,rightIconColor:f||T?void 0:`primary`,rightIconDecorative:!0,..._,onRightIconClick:T?_.onRightIconClick:n.composeEventHandlers(_.onRightIconClick,O)})});l.displayName=`TimePicker`,exports.TimePicker=l;