wimui 0.51.1 → 0.52.0

package/dist/components/form/SignaturePad/SignaturePad.js

@@ -1,126 +1,133 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
-import { Button as t } from "../Button/Button.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import r from "./signature-pad.module.js";
-import { useCallback as i, useEffect as a, useId as o, useLayoutEffect 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";
+import { commonNs as t } from "../../../i18n/generated/common.js";
+import { componentsNs as n } from "../../../i18n/generated/components.js";
+import { Button as r } from "../Button/Button.js";
+import { formNs as i } from "../../../i18n/generated/form.js";
+import { FieldTemplate as a } from "../FieldTemplate/FieldTemplate.js";
+import o from "./signature-pad.module.js";
+import { useCallback as s, useEffect as c, useId as l, useLayoutEffect as u, useRef as d, useState as f } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
 //#region src/components/form/SignaturePad/SignaturePad.tsx
-var p = ({ width: p = 400, height: m = 200, penColor: h = "var(--wim-color-text-primary)", penWidth: g = 2, onChange: _, clearLabel: v, disabled: y = !1, className: b, style: x, label: S, error: C, required: w, layout: T = "vertical", canvasAriaLabel: E }) => {
-	let { t: D } = e(["common", "components"]), O = v ?? D("signature.clear", {
+var g = ({ width: g = 400, height: _ = 200, penColor: v = "var(--wim-color-text-primary)", penWidth: y = 2, onChange: b, clearLabel: x, disabled: S = !1, className: C, style: w, label: T, error: E, required: D, layout: O = "vertical", canvasAriaLabel: k }) => {
+	let { t: A } = e([
+		t,
+		n,
+		i
+	]), j = x ?? A("signature.clear", {
 		ns: "components",
-		defaultValue: D("button.clear")
-	}), k = E ?? D("a11y.signature_canvas"), A = c(null), j = c(!1), [M, N] = l(!0), P = `wim-signature-pad-${o()}`, F = S ? `${P}-label` : void 0, I = C ? `${P}-error` : void 0, L = i((e) => {
-		if (e.startsWith("var(") && A.current) {
+		defaultValue: A("button.clear")
+	}), M = k ?? A("a11y.signature_canvas"), N = d(null), P = d(!1), [F, I] = f(!0), L = `wim-signature-pad-${l()}`, R = T ? `${L}-label` : void 0, z = E ? `${L}-error` : void 0, B = s((e) => {
+		if (e.startsWith("var(") && N.current) {
 			let t = e.match(/var\((--[^)]+)\)/)?.[1];
-			if (t) return getComputedStyle(A.current).getPropertyValue(t).trim() || "#000";
+			if (t) return getComputedStyle(N.current).getPropertyValue(t).trim() || "#000";
 		}
 		return e;
 	}, []);
-	s(() => {
-		if (!A.current) return;
-		let e = A.current, t = e.getContext("2d");
+	u(() => {
+		if (!N.current) return;
+		let e = N.current, t = e.getContext("2d");
 		if (!t) return;
 		let n = window.devicePixelRatio || 1;
-		e.width = p * n, e.height = m * n, t.scale(n, n), t.lineCap = "round", t.lineJoin = "round";
-	}, [p, m]);
-	let R = i((e) => {
-		if (!A.current) return null;
-		let t = A.current.getBoundingClientRect(), n, r;
+		e.width = g * n, e.height = _ * n, t.scale(n, n), t.lineCap = "round", t.lineJoin = "round";
+	}, [g, _]);
+	let V = s((e) => {
+		if (!N.current) return null;
+		let t = N.current.getBoundingClientRect(), n, r;
 		if ("touches" in e) {
 			if (e.touches.length === 0) return null;
 			n = e.touches[0].clientX, r = e.touches[0].clientY;
 		} else n = e.clientX, r = e.clientY;
-		let i = n - t.left, a = r - t.top, o = p / t.width, s = m / t.height;
+		let i = n - t.left, a = r - t.top, o = g / t.width, s = _ / t.height;
 		return {
 			x: i * o,
 			y: a * s
 		};
-	}, [p, m]), z = (e) => {
-		if (y) return;
-		let t = R(e);
-		if (!t || !A.current) return;
-		let n = A.current.getContext("2d");
-		n && (j.current = !0, n.beginPath(), n.moveTo(t.x, t.y), n.strokeStyle = L(h), n.lineWidth = g);
-	}, B = (e) => {
-		if (!j.current || y || !A.current) return;
-		let t = R(e);
+	}, [g, _]), H = (e) => {
+		if (S) return;
+		let t = V(e);
+		if (!t || !N.current) return;
+		let n = N.current.getContext("2d");
+		n && (P.current = !0, n.beginPath(), n.moveTo(t.x, t.y), n.strokeStyle = B(v), n.lineWidth = y);
+	}, U = (e) => {
+		if (!P.current || S || !N.current) return;
+		let t = V(e);
 		if (!t) return;
-		let n = A.current.getContext("2d");
-		n && (n.lineTo(t.x, t.y), n.stroke(), N(!1));
-	}, V = () => {
-		if (j.current && (j.current = !1, _ && A.current)) {
-			let e = A.current, t = e.getContext("2d");
-			_(!t || t.getImageData(0, 0, e.width, e.height).data.every((e, t) => t % 4 != 3 || e === 0) ? null : e.toDataURL());
+		let n = N.current.getContext("2d");
+		n && (n.lineTo(t.x, t.y), n.stroke(), I(!1));
+	}, W = () => {
+		if (P.current && (P.current = !1, b && N.current)) {
+			let e = N.current, t = e.getContext("2d");
+			b(!t || t.getImageData(0, 0, e.width, e.height).data.every((e, t) => t % 4 != 3 || e === 0) ? null : e.toDataURL());
 		}
-	}, H = c(V);
-	s(() => {
-		H.current = V;
-	}), a(() => {
-		let e = () => H.current();
+	}, G = d(W);
+	u(() => {
+		G.current = W;
+	}), c(() => {
+		let e = () => G.current();
 		return window.addEventListener("mouseup", e), () => window.removeEventListener("mouseup", e);
 	}, []);
-	let U = c(!1);
-	return /* @__PURE__ */ d(n, {
-		label: S,
-		error: C,
-		required: w,
-		layout: T,
-		labelId: F,
-		errorId: I,
-		className: b,
-		children: /* @__PURE__ */ f("div", {
-			className: u("wim-signature-pad", r.root, y && r.disabled, C && r.danger),
-			style: x,
-			children: [/* @__PURE__ */ d("div", {
-				className: r.canvasContainer,
+	let K = d(!1);
+	return /* @__PURE__ */ m(a, {
+		label: T,
+		error: E,
+		required: D,
+		layout: O,
+		labelId: R,
+		errorId: z,
+		className: C,
+		children: /* @__PURE__ */ h("div", {
+			className: p("wim-signature-pad", o.root, S && o.disabled, E && o.danger),
+			style: w,
+			children: [/* @__PURE__ */ m("div", {
+				className: o.canvasContainer,
 				style: {
-					width: p,
+					width: g,
 					maxWidth: "100%",
-					aspectRatio: `${p} / ${m}`,
+					aspectRatio: `${g} / ${_}`,
 					height: "auto"
 				},
-				children: /* @__PURE__ */ d("canvas", {
-					ref: A,
+				children: /* @__PURE__ */ m("canvas", {
+					ref: N,
 					"data-testid": "signature-canvas",
-					className: r.canvas,
+					className: o.canvas,
 					style: {
 						width: "100%",
 						height: "100%",
 						display: "block"
 					},
-					onMouseDown: z,
-					onMouseMove: B,
-					onMouseUp: V,
-					onTouchStart: z,
-					onTouchMove: B,
-					onTouchEnd: V,
-					"aria-labelledby": S ? F : void 0,
-					"aria-describedby": I,
+					onMouseDown: H,
+					onMouseMove: U,
+					onMouseUp: W,
+					onTouchStart: H,
+					onTouchMove: U,
+					onTouchEnd: W,
+					"aria-labelledby": T ? R : void 0,
+					"aria-describedby": z,
 					role: "img",
-					"aria-label": S ? void 0 : k
+					"aria-label": T ? void 0 : M
 				})
-			}), /* @__PURE__ */ d("div", {
-				className: r.footer,
-				children: /* @__PURE__ */ d(t, {
+			}), /* @__PURE__ */ m("div", {
+				className: o.footer,
+				children: /* @__PURE__ */ m(r, {
 					variant: "outline",
 					size: "sm",
 					"data-testid": "signature-clear",
 					onMouseDown: () => {
-						U.current = !0;
+						K.current = !0;
 					},
 					onClick: () => {
-						if (!U.current || (U.current = !1, y || !A.current)) return;
-						let e = A.current, t = e.getContext("2d");
-						t && (t.clearRect(0, 0, e.width, e.height), N(!0), _ && _(null));
+						if (!K.current || (K.current = !1, S || !N.current)) return;
+						let e = N.current, t = e.getContext("2d");
+						t && (t.clearRect(0, 0, e.width, e.height), I(!0), b && b(null));
 					},
-					disabled: y || M,
-					children: O
+					disabled: S || F,
+					children: j
 				})
 			})]
 		})
 	});
 };
 //#endregion
-export { p as SignaturePad };
+export { g as SignaturePad };

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

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

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

package/dist/components/form/TagInput/TagInput.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("../FieldTemplate/FieldTemplate.cjs"),i=require("../../data-display/Tag/Tag.cjs"),a=require("./tag-input.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(({value:e,defaultValue:l=[],onChange:u,placeholder:d,disabled:f=!1,intent:p=`default`,variant:m=`outline`,fullWidth:h=!1,width:g,label:_,error:v,required:y,layout:b,allowDelete:x=!0,maxTags:S,className:C,...w},T)=>{let[E,D]=(0,o.useState)(l),[O,k]=(0,o.useState)(``),A=(0,o.useRef)(null),j=e!==void 0,M=j?e:E,N=d,P=e=>{k(e.target.value)},F=e=>{let t=e.trim();if(!t)return;if(M.includes(t)){k(``);return}if(S&&M.length>=S)return;let n=[...M,t];j||D(n),u?.(n),k(``)},I=e=>{if(f||!x)return;let t=M.filter(t=>t!==e);j||D(t),u?.(t)},L=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),F(O)):e.key===`Backspace`&&O===``&&M.length>0&&I(M[M.length-1])},R=()=>{A.current?.focus()},{t:z}=t.useWimTranslation(`form`),B=(0,o.useId)(),V=w.id||`wim-tag-input-${B}`,H=v?`${V}-error`:void 0,U=_?`${V}-label`:void 0,W=v?`danger`:p;return(0,c.jsx)(r.FieldTemplate,{ref:T,label:_,error:v,required:y,layout:b,labelId:U,htmlFor:V,errorId:H,className:(0,s.default)(`wim-tag-input`,C),children:(0,c.jsx)(n.InputBase,{intent:W,variant:m,fullWidth:h,width:g,disabled:f,className:a.default.inputBase,styles:{inner:a.default.inputBaseInner},children:(0,c.jsx)(`div`,{className:(0,s.default)(a.default.container,{[a.default.disabled]:f}),onClick:R,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&R()},role:`presentation`,children:(0,c.jsxs)(`div`,{className:a.default.tagList,children:[M.map(e=>(0,c.jsx)(i.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:f,onDelete:x&&!f?()=>I(e):void 0,className:a.default.tag,children:e},e)),(0,c.jsx)(`input`,{id:V,ref:A,type:`text`,value:O,onChange:P,onKeyDown:L,disabled:f,placeholder:M.length===0?N:``,className:a.default.input,"aria-invalid":W===`danger`,"aria-describedby":H,"aria-labelledby":_?U:void 0,"aria-label":_?void 0:z(`tag_input.input_label`),"aria-required":y})]})})})})});l.displayName=`TagInput`,exports.TagInput=l;
+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("../../data-display/Tag/Tag.cjs"),o=require("./tag-input.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(({value:e,defaultValue:u=[],onChange:d,placeholder:f,disabled:p=!1,intent:m=`default`,variant:h=`outline`,fullWidth:g=!1,width:_,label:v,error:y,required:b,layout:x,allowDelete:S=!0,maxTags:C,className:w,...T},E)=>{let[D,O]=(0,s.useState)(u),[k,A]=(0,s.useState)(``),j=(0,s.useRef)(null),M=e!==void 0,N=M?e:D,P=f,F=e=>{A(e.target.value)},I=e=>{let t=e.trim();if(!t)return;if(N.includes(t)){A(``);return}if(C&&N.length>=C)return;let n=[...N,t];M||O(n),d?.(n),A(``)},L=e=>{if(p||!S)return;let t=N.filter(t=>t!==e);M||O(t),d?.(t)},R=e=>{e.key===`Enter`||e.key===`,`?(e.preventDefault(),I(k)):e.key===`Backspace`&&k===``&&N.length>0&&L(N[N.length-1])},z=()=>{j.current?.focus()},{t:B}=t.useWimTranslation(r.formNs),V=(0,s.useId)(),H=T.id||`wim-tag-input-${V}`,U=y?`${H}-error`:void 0,W=v?`${H}-label`:void 0,G=y?`danger`:m;return(0,l.jsx)(i.FieldTemplate,{ref:E,label:v,error:y,required:b,layout:x,labelId:W,htmlFor:H,errorId:U,className:(0,c.default)(`wim-tag-input`,w),children:(0,l.jsx)(n.InputBase,{intent:G,variant:h,fullWidth:g,width:_,disabled:p,className:o.default.inputBase,styles:{inner:o.default.inputBaseInner},children:(0,l.jsx)(`div`,{className:(0,c.default)(o.default.container,{[o.default.disabled]:p}),onClick:z,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&z()},role:`presentation`,children:(0,l.jsxs)(`div`,{className:o.default.tagList,children:[N.map(e=>(0,l.jsx)(a.Tag,{variant:`solid`,intent:`neutral`,size:`sm`,disabled:p,onDelete:S&&!p?()=>L(e):void 0,className:o.default.tag,children:e},e)),(0,l.jsx)(`input`,{id:H,ref:j,type:`text`,value:k,onChange:F,onKeyDown:R,disabled:p,placeholder:N.length===0?P:``,className:o.default.input,"aria-invalid":G===`danger`,"aria-describedby":U,"aria-labelledby":v?W:void 0,"aria-label":v?void 0:B(`tag_input.input_label`),"aria-required":b})]})})})})});u.displayName=`TagInput`,exports.TagInput=u;

package/dist/components/form/TagInput/TagInput.js

@@ -1,91 +1,92 @@
 "use client";
 import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
 import { InputBase as t } from "../InputBase/InputBase.js";
-import { FieldTemplate as n } from "../FieldTemplate/FieldTemplate.js";
-import { Tag as r } from "../../data-display/Tag/Tag.js";
-import i from "./tag-input.module.js";
-import a, { 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 { formNs as n } from "../../../i18n/generated/form.js";
+import { FieldTemplate as r } from "../FieldTemplate/FieldTemplate.js";
+import { Tag as i } from "../../data-display/Tag/Tag.js";
+import a from "./tag-input.module.js";
+import o, { 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/TagInput/TagInput.tsx
-var f = a.forwardRef(({ value: a, defaultValue: f = [], onChange: p, placeholder: m, disabled: h = !1, intent: g = "default", variant: _ = "outline", fullWidth: v = !1, width: y, label: b, error: x, required: S, layout: C, allowDelete: w = !0, maxTags: T, className: E, ...D }, O) => {
-	let [k, A] = c(f), [j, M] = c(""), N = s(null), P = a !== void 0, F = P ? a : k, I = m, L = (e) => {
-		M(e.target.value);
-	}, R = (e) => {
+var p = o.forwardRef(({ value: o, defaultValue: p = [], onChange: m, placeholder: h, disabled: g = !1, intent: _ = "default", variant: v = "outline", fullWidth: y = !1, width: b, label: x, error: S, required: C, layout: w, allowDelete: T = !0, maxTags: E, className: D, ...O }, k) => {
+	let [A, j] = l(p), [M, N] = l(""), P = c(null), F = o !== void 0, I = F ? o : A, L = h, R = (e) => {
+		N(e.target.value);
+	}, z = (e) => {
 		let t = e.trim();
 		if (!t) return;
-		if (F.includes(t)) {
-			M("");
+		if (I.includes(t)) {
+			N("");
 			return;
 		}
-		if (T && F.length >= T) return;
-		let n = [...F, t];
-		P || A(n), p?.(n), M("");
-	}, z = (e) => {
-		if (h || !w) return;
-		let t = F.filter((t) => t !== e);
-		P || A(t), p?.(t);
+		if (E && I.length >= E) return;
+		let n = [...I, t];
+		F || j(n), m?.(n), N("");
 	}, B = (e) => {
-		e.key === "Enter" || e.key === "," ? (e.preventDefault(), R(j)) : e.key === "Backspace" && j === "" && F.length > 0 && z(F[F.length - 1]);
-	}, V = () => {
-		N.current?.focus();
-	}, { t: H } = e("form"), U = o(), W = D.id || `wim-tag-input-${U}`, G = x ? `${W}-error` : void 0, K = b ? `${W}-label` : void 0, q = x ? "danger" : g;
-	return /* @__PURE__ */ u(n, {
-		ref: O,
-		label: b,
-		error: x,
-		required: S,
-		layout: C,
-		labelId: K,
-		htmlFor: W,
-		errorId: G,
-		className: l("wim-tag-input", E),
-		children: /* @__PURE__ */ u(t, {
-			intent: q,
-			variant: _,
-			fullWidth: v,
-			width: y,
-			disabled: h,
-			className: i.inputBase,
-			styles: { inner: i.inputBaseInner },
-			children: /* @__PURE__ */ u("div", {
-				className: l(i.container, { [i.disabled]: h }),
-				onClick: V,
+		if (g || !T) return;
+		let t = I.filter((t) => t !== e);
+		F || j(t), m?.(t);
+	}, V = (e) => {
+		e.key === "Enter" || e.key === "," ? (e.preventDefault(), z(M)) : e.key === "Backspace" && M === "" && I.length > 0 && B(I[I.length - 1]);
+	}, H = () => {
+		P.current?.focus();
+	}, { t: U } = e(n), W = s(), G = O.id || `wim-tag-input-${W}`, K = S ? `${G}-error` : void 0, q = x ? `${G}-label` : void 0, J = S ? "danger" : _;
+	return /* @__PURE__ */ d(r, {
+		ref: k,
+		label: x,
+		error: S,
+		required: C,
+		layout: w,
+		labelId: q,
+		htmlFor: G,
+		errorId: K,
+		className: u("wim-tag-input", D),
+		children: /* @__PURE__ */ d(t, {
+			intent: J,
+			variant: v,
+			fullWidth: y,
+			width: b,
+			disabled: g,
+			className: a.inputBase,
+			styles: { inner: a.inputBaseInner },
+			children: /* @__PURE__ */ d("div", {
+				className: u(a.container, { [a.disabled]: g }),
+				onClick: H,
 				onKeyDown: (e) => {
-					(e.key === "Enter" || e.key === " ") && V();
+					(e.key === "Enter" || e.key === " ") && H();
 				},
 				role: "presentation",
-				children: /* @__PURE__ */ d("div", {
-					className: i.tagList,
-					children: [F.map((e) => /* @__PURE__ */ u(r, {
+				children: /* @__PURE__ */ f("div", {
+					className: a.tagList,
+					children: [I.map((e) => /* @__PURE__ */ d(i, {
 						variant: "solid",
 						intent: "neutral",
 						size: "sm",
-						disabled: h,
-						onDelete: w && !h ? () => z(e) : void 0,
-						className: i.tag,
+						disabled: g,
+						onDelete: T && !g ? () => B(e) : void 0,
+						className: a.tag,
 						children: e
-					}, e)), /* @__PURE__ */ u("input", {
-						id: W,
-						ref: N,
+					}, e)), /* @__PURE__ */ d("input", {
+						id: G,
+						ref: P,
 						type: "text",
-						value: j,
-						onChange: L,
-						onKeyDown: B,
-						disabled: h,
-						placeholder: F.length === 0 ? I : "",
-						className: i.input,
-						"aria-invalid": q === "danger",
-						"aria-describedby": G,
-						"aria-labelledby": b ? K : void 0,
-						"aria-label": b ? void 0 : H("tag_input.input_label"),
-						"aria-required": S
+						value: M,
+						onChange: R,
+						onKeyDown: V,
+						disabled: g,
+						placeholder: I.length === 0 ? L : "",
+						className: a.input,
+						"aria-invalid": J === "danger",
+						"aria-describedby": K,
+						"aria-labelledby": x ? q : void 0,
+						"aria-label": x ? void 0 : U("tag_input.input_label"),
+						"aria-required": C
 					})]
 				})
 			})
 		})
 	});
 });
-f.displayName = "TagInput";
+p.displayName = "TagInput";
 //#endregion
-export { f as TagInput };
+export { p as TagInput };

package/dist/components/form/ThemeToggle/ThemeToggle.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/monitor.cjs"),r=require("../../../icon/moon.cjs"),i=require("../../../icon/sun.cjs"),a=require("../../media/Icon/Icon.cjs"),o=require("../../../theme.cjs"),s=require("./theme-toggle.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={light:i.default,dark:r.default,system:n.default},f=`wim-theme`,p=e=>e===`light`||e===`dark`||e===`system`,m=c.default.forwardRef(({value:e,defaultValue:n=`system`,onChange:r,modes:i=[`light`,`dark`],variant:m=`icon`,size:h=`md`,storageKey:g=f,applyToDocument:_=!0,labels:v,className:y,asChild:b=!1,children:x,...S},C)=>{let{light:w=`Light`,dark:T=`Dark`,system:E=`System`,toggle:D=`Toggle theme`}=v??{},O={light:w,dark:T,system:E},k=e!==void 0,[A,j]=(0,c.useState)(()=>{if(typeof window<`u`&&g){let e=window.localStorage.getItem(g);if(p(e)&&i.includes(e))return e}return i.includes(n)?n:i[0]}),M=k?e:A;(0,c.useEffect)(()=>{_&&o.setWimTheme(M)},[M,_]);let N=(0,c.useCallback)(e=>{k||j(e),typeof window<`u`&&g&&window.localStorage.setItem(g,e),r?.(e)},[k,g,r]),P=()=>{let e=i[(i.indexOf(M)+1)%i.length];N(e)},F=b?t.Root:`div`;return m===`segmented`?(0,u.jsxs)(F,{ref:C,role:`group`,"aria-label":D,className:(0,l.default)(s.default.segmented,s.default[h],y),...S,children:[i.map(e=>{let t=e===M;return(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(s.default.segment,t&&s.default.active),"aria-pressed":t,"aria-label":O[e],title:O[e],onClick:()=>N(e),children:(0,u.jsx)(a.Icon,{component:d[e],size:`sm`})},e)}),(0,u.jsx)(t.Slottable,{children:x})]}):(0,u.jsxs)(F,{ref:C,className:(0,l.default)(`wim-theme-toggle`,s.default.root,y),...S,children:[(0,u.jsx)(`button`,{type:`button`,className:(0,l.default)(s.default.iconButton,s.default[h]),"aria-label":`${D} (${O[M]})`,title:O[M],onClick:P,children:(0,u.jsx)(a.Icon,{component:d[M],size:`sm`})}),(0,u.jsx)(t.Slottable,{children:x})]})});m.displayName=`ThemeToggle`,exports.ThemeToggle=m;
+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/monitor.cjs"),a=require("../../../icon/moon.cjs"),o=require("../../../icon/sun.cjs"),s=require("../../media/Icon/Icon.cjs"),c=require("../../../theme.cjs"),l=require("./theme-toggle.module.cjs");let u=require("react");u=e.__toESM(u,1);let d=require("classnames");d=e.__toESM(d,1);let f=require("react/jsx-runtime");var p={light:o.default,dark:a.default,system:i.default},m=`wim-theme`,h=e=>e===`light`||e===`dark`||e===`system`,g=u.default.forwardRef(({value:e,defaultValue:i=`system`,onChange:a,modes:o=[`light`,`dark`],variant:g=`icon`,size:_=`md`,storageKey:v=m,applyToDocument:y=!0,labels:b,className:x,asChild:S=!1,children:C,...w},T)=>{let{t:E}=n.useWimTranslation(r.commonNs),{light:D=E(`common.light`),dark:O=E(`common.dark`),system:k=E(`theme.system`),toggle:A=E(`theme.toggle`)}=b??{},j={light:D,dark:O,system:k},M=e!==void 0,[N,P]=(0,u.useState)(()=>{if(typeof window<`u`&&v){let e=window.localStorage.getItem(v);if(h(e)&&o.includes(e))return e}return o.includes(i)?i:o[0]}),F=M?e:N;(0,u.useEffect)(()=>{y&&c.setWimTheme(F)},[F,y]);let I=(0,u.useCallback)(e=>{M||P(e),typeof window<`u`&&v&&window.localStorage.setItem(v,e),a?.(e)},[M,v,a]),L=()=>{let e=o[(o.indexOf(F)+1)%o.length];I(e)},R=S?t.Root:`div`;return g===`segmented`?(0,f.jsxs)(R,{ref:T,role:`group`,"aria-label":A,className:(0,d.default)(`wim-theme-toggle`,l.default.segmented,l.default[_],x),...w,children:[o.map(e=>{let t=e===F;return(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.segment,t&&l.default.active),"aria-pressed":t,"aria-label":j[e],title:j[e],onClick:()=>I(e),children:(0,f.jsx)(s.Icon,{component:p[e],size:_})},e)}),(0,f.jsx)(t.Slottable,{children:C})]}):(0,f.jsxs)(R,{ref:T,className:(0,d.default)(`wim-theme-toggle`,l.default.root,x),...w,children:[(0,f.jsx)(`button`,{type:`button`,className:(0,d.default)(l.default.iconButton,l.default[_]),"aria-label":`${A} (${j[F]})`,title:j[F],onClick:L,children:(0,f.jsx)(s.Icon,{component:p[F],size:_})}),(0,f.jsx)(t.Slottable,{children:C})]})});g.displayName=`ThemeToggle`,exports.ThemeToggle=g;