wimui 0.62.2 → 0.63.1

package/dist/components/form/RangeSlider/RangeSlider.js

@@ -2,159 +2,160 @@
 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 { commonNs as r } from "../../../i18n/generated/common.js";
-import { FieldTemplate as i } from "../FieldTemplate/FieldTemplate.js";
-import { useSliderCommon as a } from "../../../utilities/slider-utils.js";
-import o from "./range-slider.module.js";
-import { useCallback as s, useEffect as c, useId as ee, useRef as l, useState as te } from "react";
-import u from "classnames";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { composeEventHandlers as i } from "../../_internal/composeEventHandlers.js";
+import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
+import { useSliderCommon as o } from "../../../utilities/slider-utils.js";
+import s from "./range-slider.module.js";
+import { useCallback as c, useEffect as l, useId as ee, useRef as u, useState as d } from "react";
+import f from "classnames";
+import { jsx as p, jsxs as te } from "react/jsx-runtime";
 //#region src/components/form/RangeSlider/RangeSlider.tsx
-var p = ({ value: p, defaultValue: ne = [20, 80], min: m = 0, max: h = 100, step: g = 1, allowCross: _ = !1, disabled: v = !1, onChange: y, onAfterChange: b, className: re, name: x, label: S, error: C, required: ie, layout: ae = "vertical", id: oe, "aria-label": se, "aria-labelledby": w, "aria-describedby": ce, asChild: le = !1, children: ue, ...de }) => {
-	let { t: T } = n(r), E = p !== void 0, fe = ee(), D = oe || fe, pe = `wim-range-slider-label-${D}`, me = `wim-range-slider-error-${D}`, he = [ce, C ? me : void 0].filter(Boolean).join(" ") || void 0, O = S || se, k = `wim-range-slider-start-${D}`, A = `wim-range-slider-end-${D}`, j = (e) => !O && w ? `${w} ${e}` : void 0, { clamp: M, calculateValue: N } = a(m, h, g), P = [M(ne[0], m, h), M(ne[1], m, h)];
-	P[0] > P[1] && P.sort((e, t) => e - t);
-	let [ge, F] = te(P), I = E ? p : ge, L = l(null), R = l(null), z = l(null), B = l(null), V = l(null), H = l(null), [U, W] = te(null), G = l(null), K = l([...I]), q = s((e) => (e - m) / (h - m) * 100, [m, h]), J = s((e) => {
-		let t = q(e[0]), n = q(e[1]);
-		R.current && (R.current.style.left = `${t}%`, R.current.setAttribute("aria-valuenow", String(e[0])), R.current.setAttribute("aria-valuemax", String(e[1]))), z.current && (z.current.style.left = `${n}%`, z.current.setAttribute("aria-valuenow", String(e[1])), z.current.setAttribute("aria-valuemin", String(e[0]))), B.current && (B.current.style.left = `${t}%`, B.current.style.width = `${n - t}%`), V.current && (V.current.value = String(e[0])), H.current && (H.current.value = String(e[1]));
-	}, [q]);
-	c(() => {
-		U || J(I);
+var m = ({ value: m, defaultValue: ne = [20, 80], min: h = 0, max: g = 100, step: _ = 1, allowCross: v = !1, disabled: y = !1, onChange: b, onAfterChange: re, className: ie, name: x, label: S, error: C, required: ae, layout: oe = "vertical", id: se, "aria-label": ce, "aria-labelledby": w, "aria-describedby": le, asChild: ue = !1, children: de, ...T }) => {
+	let { t: E } = n(r), D = m !== void 0, fe = ee(), O = se || fe, pe = `wim-range-slider-label-${O}`, me = `wim-range-slider-error-${O}`, he = [le, C ? me : void 0].filter(Boolean).join(" ") || void 0, k = S || ce, A = `wim-range-slider-start-${O}`, j = `wim-range-slider-end-${O}`, M = (e) => !k && w ? `${w} ${e}` : void 0, { clamp: N, calculateValue: P } = o(h, g, _), F = [N(ne[0], h, g), N(ne[1], h, g)];
+	F[0] > F[1] && F.sort((e, t) => e - t);
+	let [ge, I] = d(F), L = D ? m : ge, R = u(null), z = u(null), B = u(null), V = u(null), H = u(null), U = u(null), [W, G] = d(null), K = u(null), q = u([...L]), J = c((e) => (e - h) / (g - h) * 100, [h, g]), Y = c((e) => {
+		let t = J(e[0]), n = J(e[1]);
+		z.current && (z.current.style.left = `${t}%`, z.current.setAttribute("aria-valuenow", String(e[0])), z.current.setAttribute("aria-valuemax", String(e[1]))), B.current && (B.current.style.left = `${n}%`, B.current.setAttribute("aria-valuenow", String(e[1])), B.current.setAttribute("aria-valuemin", String(e[0]))), V.current && (V.current.style.left = `${t}%`, V.current.style.width = `${n - t}%`), H.current && (H.current.value = String(e[0])), U.current && (U.current.value = String(e[1]));
+	}, [J]);
+	l(() => {
+		W || Y(L);
 	}, [
-		I,
-		U,
-		J
+		L,
+		W,
+		Y
 	]);
-	let Y = (e, t) => {
-		v || (K.current = [...I], G.current = t, W(t), e.stopPropagation(), e.preventDefault());
+	let X = (e, t) => {
+		y || (q.current = [...L], K.current = t, G(t), e.stopPropagation(), e.preventDefault());
 	}, _e = (e) => {
-		if (v) return;
-		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = N(t, L.current), r = Math.abs(I[0] - n), i = Math.abs(I[1] - n), a;
-		a = r < i ? "min" : i < r ? "max" : n < I[0] ? "min" : "max", G.current = a, W(a);
-		let o = [...K.current];
-		a === "min" ? o[0] = Math.min(n, _ ? h : o[1]) : o[1] = Math.max(n, _ ? m : o[0]), K.current = o, J(o), y?.(o);
-	}, X = s((e) => {
-		if (!G.current || v) return;
-		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = N(t, L.current), r = [...K.current];
-		G.current === "min" ? r[0] = Math.min(n, _ ? h : r[1]) : r[1] = Math.max(n, _ ? m : r[0]), K.current = r, J(r), y?.(r);
+		if (y) return;
+		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = P(t, R.current), r = Math.abs(L[0] - n), i = Math.abs(L[1] - n), a;
+		a = r < i ? "min" : i < r ? "max" : n < L[0] ? "min" : "max", K.current = a, G(a);
+		let o = [...q.current];
+		a === "min" ? o[0] = Math.min(n, v ? g : o[1]) : o[1] = Math.max(n, v ? h : o[0]), q.current = o, Y(o), b?.(o);
+	}, Z = c((e) => {
+		if (!K.current || y) return;
+		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = P(t, R.current), r = [...q.current];
+		K.current === "min" ? r[0] = Math.min(n, v ? g : r[1]) : r[1] = Math.max(n, v ? h : r[0]), q.current = r, Y(r), b?.(r);
 	}, [
-		v,
 		y,
-		_,
-		N,
-		m,
+		b,
+		v,
+		P,
 		h,
-		J
-	]), Z = s(() => {
-		if (G.current) {
-			G.current = null, W(null);
-			let e = K.current;
-			E || F([...e]), b?.(e);
+		g,
+		Y
+	]), Q = c(() => {
+		if (K.current) {
+			K.current = null, G(null);
+			let e = q.current;
+			D || I([...e]), re?.(e);
 		}
-	}, [E, b]);
-	c(() => (document.addEventListener("mousemove", X), document.addEventListener("mouseup", Z), document.addEventListener("touchmove", X, { passive: !1 }), document.addEventListener("touchend", Z), () => {
-		document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", Z), document.removeEventListener("touchmove", X), document.removeEventListener("touchend", Z);
-	}), [X, Z]);
-	let Q = (e, t) => {
-		if (v) return;
-		let n = [...I], r = t === "min" ? n[0] : n[1], i;
-		if (e.key === "ArrowLeft" || e.key === "ArrowDown") i = Math.max(m, r - g);
-		else if (e.key === "ArrowRight" || e.key === "ArrowUp") i = Math.min(h, r + g);
-		else if (e.key === "Home") i = m;
-		else if (e.key === "End") i = h;
+	}, [D, re]);
+	l(() => (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 ve = (e, t) => {
+		if (y) return;
+		let n = [...L], r = t === "min" ? n[0] : n[1], i;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") i = Math.max(h, r - _);
+		else if (e.key === "ArrowRight" || e.key === "ArrowUp") i = Math.min(g, r + _);
+		else if (e.key === "Home") i = h;
+		else if (e.key === "End") i = g;
 		else return;
 		if (t === "min") {
-			let e = _ ? h : n[1];
+			let e = v ? g : n[1];
 			n[0] = Math.min(i, e);
 		} else {
-			let e = _ ? m : n[0];
+			let e = v ? h : n[0];
 			n[1] = Math.max(i, e);
 		}
-		E || F(n), y?.(n), e.preventDefault();
-	}, $ = q(I[0]), ve = q(I[1]);
-	return /* @__PURE__ */ d(i, {
+		D || I(n), b?.(n), e.preventDefault();
+	}, $ = J(L[0]), ye = J(L[1]);
+	return /* @__PURE__ */ p(a, {
 		label: S,
 		error: C,
-		required: ie,
-		layout: ae,
+		required: ae,
+		layout: oe,
 		labelId: pe,
 		errorId: me,
-		className: re,
-		children: /* @__PURE__ */ f(le ? e : "div", {
+		className: ie,
+		children: /* @__PURE__ */ te(ue ? e : "div", {
 			role: "presentation",
 			"data-testid": "range-slider-root",
-			className: u("wim-range-slider", o.root, v && o.disabled, C && o.danger),
-			onMouseDown: _e,
-			onTouchStart: _e,
-			...de,
+			className: f("wim-range-slider", s.root, y && s.disabled, C && s.danger),
+			...T,
+			onMouseDown: (e) => i(T.onMouseDown, _e)(e),
+			onTouchStart: (e) => i(T.onTouchStart, _e)(e),
 			children: [
-				/* @__PURE__ */ f("div", {
-					className: o.trackContainer,
-					ref: L,
+				/* @__PURE__ */ te("div", {
+					className: s.trackContainer,
+					ref: R,
 					children: [
-						/* @__PURE__ */ d("div", {
-							ref: B,
-							className: o.track,
+						/* @__PURE__ */ p("div", {
+							ref: V,
+							className: s.track,
 							style: {
 								left: `${$}%`,
-								width: `${ve - $}%`
+								width: `${ye - $}%`
 							}
 						}),
-						/* @__PURE__ */ d("div", {
-							ref: R,
-							className: u(o.thumb, U === "min" && o.active),
+						/* @__PURE__ */ p("div", {
+							ref: z,
+							className: f(s.thumb, W === "min" && s.active),
 							style: { left: `${$}%` },
 							role: "slider",
-							"aria-valuemin": m,
-							"aria-valuemax": I[1],
-							"aria-valuenow": I[0],
-							"aria-disabled": v,
-							id: k,
-							"aria-labelledby": j(k),
-							"aria-label": O ? T("rangeSlider.start_of", { label: O }) : T("rangeSlider.start"),
+							"aria-valuemin": h,
+							"aria-valuemax": L[1],
+							"aria-valuenow": L[0],
+							"aria-disabled": y,
+							id: A,
+							"aria-labelledby": M(A),
+							"aria-label": k ? E("rangeSlider.start_of", { label: k }) : E("rangeSlider.start"),
 							"aria-describedby": he,
 							"aria-invalid": C ? !0 : void 0,
-							tabIndex: v ? -1 : 0,
-							onMouseDown: (e) => Y(e, "min"),
-							onTouchStart: (e) => Y(e, "min"),
-							onKeyDown: (e) => Q(e, "min")
+							tabIndex: y ? -1 : 0,
+							onMouseDown: (e) => X(e, "min"),
+							onTouchStart: (e) => X(e, "min"),
+							onKeyDown: (e) => ve(e, "min")
 						}),
-						/* @__PURE__ */ d("div", {
-							ref: z,
-							className: u(o.thumb, U === "max" && o.active),
-							style: { left: `${ve}%` },
+						/* @__PURE__ */ p("div", {
+							ref: B,
+							className: f(s.thumb, W === "max" && s.active),
+							style: { left: `${ye}%` },
 							role: "slider",
-							"aria-valuemin": I[0],
-							"aria-valuemax": h,
-							"aria-valuenow": I[1],
-							"aria-disabled": v,
-							id: A,
-							"aria-labelledby": j(A),
-							"aria-label": O ? T("rangeSlider.end_of", { label: O }) : T("rangeSlider.end"),
+							"aria-valuemin": L[0],
+							"aria-valuemax": g,
+							"aria-valuenow": L[1],
+							"aria-disabled": y,
+							id: j,
+							"aria-labelledby": M(j),
+							"aria-label": k ? E("rangeSlider.end_of", { label: k }) : E("rangeSlider.end"),
 							"aria-describedby": he,
 							"aria-invalid": C ? !0 : void 0,
-							tabIndex: v ? -1 : 0,
-							onMouseDown: (e) => Y(e, "max"),
-							onTouchStart: (e) => Y(e, "max"),
-							onKeyDown: (e) => Q(e, "max")
+							tabIndex: y ? -1 : 0,
+							onMouseDown: (e) => X(e, "max"),
+							onTouchStart: (e) => X(e, "max"),
+							onKeyDown: (e) => ve(e, "max")
 						})
 					]
 				}),
-				/* @__PURE__ */ d("input", {
-					ref: V,
+				/* @__PURE__ */ p("input", {
+					ref: H,
 					type: "hidden",
 					name: x ? `${x}-min` : "",
-					value: I[0]
+					value: L[0]
 				}),
-				/* @__PURE__ */ d("input", {
-					ref: H,
+				/* @__PURE__ */ p("input", {
+					ref: U,
 					type: "hidden",
 					name: x ? `${x}-max` : "",
-					value: I[1]
+					value: L[1]
 				}),
-				/* @__PURE__ */ d(t, { children: ue })
+				/* @__PURE__ */ p(t, { children: de })
 			]
 		})
 	});
 };
-p.displayName = "RangeSlider";
+m.displayName = "RangeSlider";
 //#endregion
-export { p as RangeSlider };
+export { m as RangeSlider };

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

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;