wimui 0.1.0

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

@@ -0,0 +1,102 @@
+"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 ee } from "react";
+import te from "classnames";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+//#region src/components/form/Slider/Slider.tsx
+var f = a(({ value: a, defaultValue: f = 0, min: p = 0, max: m = 100, step: h = 1, disabled: g = !1, onChange: _, onAfterChange: v, className: y, name: b, label: x, error: S, required: C, layout: w = "vertical", id: T, "aria-label": E, "aria-labelledby": D, asChild: O = !1, styles: k, children: A, ...j }, M) => {
+	let N = a !== void 0, [P, F] = ee(f), 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 = T || U, G = `wim-slider-label-${W}`, K = `wim-slider-error-${W}`, { calculateValue: q } = r(p, m, h), J = o((e) => (e - p) / (m - p) * 100, [p, m]), Y = o((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(() => {
+		V.current || Y(I);
+	}, [I, Y]);
+	let X = (e) => {
+		if (g) 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), _?.(n), e.preventDefault();
+	}, Z = o((e) => {
+		if (!V.current || g) return;
+		let t = "touches" in e ? e.touches[0].clientX : e.clientX, n = q(t, L.current);
+		H.current = n, Y(n), _?.(n);
+	}, [
+		g,
+		q,
+		_,
+		Y
+	]), Q = o(() => {
+		if (V.current) {
+			V.current = !1;
+			let e = H.current;
+			N || F(e), v?.(e);
+		}
+	}, [N, v]);
+	s(() => (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 ne = (e) => {
+		if (g) return;
+		let t;
+		if (e.key === "ArrowLeft" || e.key === "ArrowDown") t = Math.max(p, I - h);
+		else if (e.key === "ArrowRight" || e.key === "ArrowUp") t = Math.min(m, I + h);
+		else if (e.key === "Home") t = p;
+		else if (e.key === "End") t = m;
+		else return;
+		N || F(t), _?.(t), e.preventDefault();
+	}, $ = J(I);
+	return /* @__PURE__ */ u(n, {
+		label: x,
+		error: S,
+		required: C,
+		layout: w,
+		labelId: G,
+		errorId: K,
+		className: y,
+		styles: k,
+		children: /* @__PURE__ */ d(O ? e : "div", {
+			role: "presentation",
+			className: te("wim-slider", i.root, g && i.disabled, S && i.danger),
+			onMouseDown: X,
+			onTouchStart: X,
+			ref: M,
+			...j,
+			children: [/* @__PURE__ */ d(t, { children: [/* @__PURE__ */ d("div", {
+				className: i.trackContainer,
+				ref: L,
+				children: [/* @__PURE__ */ u("div", {
+					ref: z,
+					className: i.track,
+					style: { width: `${$}%` }
+				}), /* @__PURE__ */ u("div", {
+					ref: R,
+					className: i.thumb,
+					style: { left: `${$}%` },
+					role: "slider",
+					"aria-valuemin": p,
+					"aria-valuemax": m,
+					"aria-valuenow": I,
+					"aria-disabled": g,
+					"aria-labelledby": x ? G : D,
+					"aria-label": x ? void 0 : E,
+					"aria-describedby": S ? K : void 0,
+					"aria-invalid": S ? !0 : void 0,
+					tabIndex: g ? -1 : 0,
+					onKeyDown: ne
+				})]
+			}), /* @__PURE__ */ u("input", {
+				ref: B,
+				type: "hidden",
+				name: b,
+				value: I
+			})] }), O ? A : null]
+		})
+	});
+});
+f.displayName = "Slider";
+//#endregion
+export { f as Slider, f as default };

package/dist/components/form/Slider/slider.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_hzwt8_3`,t=`_disabled_hzwt8_12`,n=`_thumb_hzwt8_16`,r=`_danger_hzwt8_19`,i=`_track_hzwt8_19`,a=`_trackContainer_hzwt8_31`,o={root:e,disabled:t,thumb:n,danger:r,track:i,trackContainer:a};exports.danger=r,exports.default=o,exports.disabled=t,exports.root=e,exports.thumb=n,exports.track=i,exports.trackContainer=a;

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

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/form/Slider/slider.module.scss
+var e = "_root_hzwt8_3", t = "_disabled_hzwt8_12", n = "_thumb_hzwt8_16", r = "_danger_hzwt8_19", i = "_track_hzwt8_19", a = "_trackContainer_hzwt8_31", o = {
+	root: e,
+	disabled: t,
+	thumb: n,
+	danger: r,
+	track: i,
+	trackContainer: a
+};
+//#endregion
+export { r as danger, o as default, t as disabled, e as root, n as thumb, i as track, a as trackContainer };

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

@@ -0,0 +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`,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],T&&o.default.disabled),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;

package/dist/components/form/SmartSearchInput/SmartSearchInput.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { FieldIntent, FieldVariant, FieldWidth } from '../../../types/tokens';
+export interface SmartSearchInputProps extends Omit<React.ComponentPropsWithoutRef<"textarea">, "onChange" | "onSubmit"> {
+    /** Semantic intent of the field (e.g. error state) */
+    intent?: FieldIntent;
+    /** Visual style variant of the field */
+    variant?: FieldVariant;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Fixed width of the field (width token, CSS value, or number in px) */
+    width?: FieldWidth | string | number;
+    /** Field label */
+    label?: React.ReactNode;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Maximum number of rows the input grows to before scrolling */
+    maxRows?: number;
+    /** Whether to show a clear button when value is present */
+    allowClear?: boolean;
+    /** Callback when the clear button is clicked */
+    onClear?: () => void;
+    /** Callback when the value is submitted with the Enter key */
+    onSubmit?: (value: string) => void;
+    /** Callback when the value changes */
+    onChange?: (value: string) => void;
+    /** Initial value (uncontrolled) */
+    defaultValue?: string;
+    /** Maximum number of characters */
+    maxLength?: number;
+}
+/**
+ * A search input that automatically expands into a multiline prompt area
+ * when content grows, bridging the gap between standard search and AI prompts.
+ */
+export declare const SmartSearchInput: React.ForwardRefExoticComponent<SmartSearchInputProps & React.RefAttributes<HTMLTextAreaElement>>;

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

@@ -0,0 +1,74 @@
+"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";
+//#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) => {
+		let t = e.target.value;
+		I || R(t), w?.(t);
+	}, [I, w]), K = c(() => {
+		!z.trim() || O || C?.(z.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,
+				leftIcon: "SearchIcon",
+				allowClear: x,
+				hasValue: !!z,
+				onClear: J,
+				children: /* @__PURE__ */ d("textarea", {
+					id: H,
+					ref: B,
+					className: u(a.textarea, a[p], O && a.disabled),
+					value: z,
+					onChange: G,
+					onKeyDown: q,
+					placeholder: D,
+					rows: 1,
+					disabled: O,
+					maxLength: j,
+					"aria-label": M ?? (g ? void 0 : F("smart_search.input_label")),
+					...N
+				})
+			}), /* @__PURE__ */ d(i, {
+				count: z.length,
+				maxLength: j,
+				className: a.charCount
+			})]
+		})
+	});
+});
+p.displayName = "SmartSearchInput";
+//#endregion
+export { p as SmartSearchInput };

package/dist/components/form/SmartSearchInput/smart-search-input.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_container_nw9me_2`,t=`_fullWidth_nw9me_7`,n=`_textarea_nw9me_10`,r=`_charCount_nw9me_38`,i={container:e,fullWidth:t,textarea:n,charCount:r};exports.charCount=r,exports.container=e,exports.default=i,exports.fullWidth=t,exports.textarea=n;

package/dist/components/form/SmartSearchInput/smart-search-input.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/form/SmartSearchInput/smart-search-input.module.scss
+var e = "_container_nw9me_2", t = "_fullWidth_nw9me_7", n = "_textarea_nw9me_10", r = "_charCount_nw9me_38", i = {
+	container: e,
+	fullWidth: t,
+	textarea: n,
+	charCount: r
+};
+//#endregion
+export { r as charCount, e as container, i as default, t as fullWidth, n as textarea };

package/dist/components/form/Switch/Switch.cjs

@@ -0,0 +1,2 @@
+"use client";
+const e=require("../../../_virtual/_rolldown/runtime.cjs"),t=require("../../../node_modules/@radix-ui/react-slot/dist/index.cjs"),n=require("../../../hooks/useMergedRef.cjs"),r=require("./switch.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,children:s,size:c=`md`,error:l=!1,className:u,disabled:d,id:f,...p},m)=>{let h=n.useMergedRef((0,i.useRef)(null),m),g=(0,i.useId)(),_=f||g;return(0,o.jsxs)(e?t.Root:`label`,{htmlFor:e?void 0:_,className:(0,a.default)(`wim-switch`,r.default.root,d&&r.default.disabled,u),children:[(0,o.jsx)(`input`,{id:_,type:`checkbox`,role:`switch`,switch:``,className:(0,a.default)(r.default.input,c!==`md`&&r.default[c],l&&r.default.danger),disabled:d,"aria-invalid":l||void 0,ref:h,...p}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Switch`,exports.Switch=s;

package/dist/components/form/Switch/Switch.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+import { ComponentSizeBasic } from '../../../types/tokens';
+export type SwitchProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    /**
+     * If true, the component will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Size of the switch */
+    size?: ComponentSizeBasic;
+    /** Additional class names */
+    className?: string;
+    /** Label content rendered next to the switch */
+    children?: React.ReactNode;
+    /** Whether to display as an error state (aria-invalid is applied) */
+    error?: boolean;
+};
+/**
+ * Switch component for toggling a single setting on or off.
+ */
+export declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> & {
+    /**
+     * If true, the component will be rendered as its child, merging its props onto that child.
+     */
+    asChild?: boolean;
+    /** Size of the switch */
+    size?: ComponentSizeBasic;
+    /** Additional class names */
+    className?: string;
+    /** Label content rendered next to the switch */
+    children?: React.ReactNode;
+    /** Whether to display as an error state (aria-invalid is applied) */
+    error?: boolean;
+} & React.RefAttributes<HTMLInputElement>>;

package/dist/components/form/Switch/Switch.js

@@ -0,0 +1,29 @@
+"use client";
+import { Root as e, Slottable as t } from "../../../node_modules/@radix-ui/react-slot/dist/index.js";
+import { useMergedRef as n } from "../../../hooks/useMergedRef.js";
+import r from "./switch.module.js";
+import i, { useId as a, useRef as o } from "react";
+import s from "classnames";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/components/form/Switch/Switch.tsx
+var u = i.forwardRef(({ asChild: i = !1, children: u, size: d = "md", error: f = !1, className: p, disabled: m, id: h, ...g }, _) => {
+	let v = n(o(null), _), y = a(), b = h || y;
+	return /* @__PURE__ */ l(i ? e : "label", {
+		htmlFor: i ? void 0 : b,
+		className: s("wim-switch", r.root, m && r.disabled, p),
+		children: [/* @__PURE__ */ c("input", {
+			id: b,
+			type: "checkbox",
+			role: "switch",
+			switch: "",
+			className: s(r.input, d !== "md" && r[d], f && r.danger),
+			disabled: m,
+			"aria-invalid": f || void 0,
+			ref: v,
+			...g
+		}), /* @__PURE__ */ c(t, { children: u })]
+	});
+});
+u.displayName = "Switch";
+//#endregion
+export { u as Switch };

package/dist/components/form/Switch/switch.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1y3fs_15`,t=`_disabled_1y3fs_21`,n=`_input_1y3fs_25`,r=`_sm_1y3fs_70`,i=`_lg_1y3fs_78`,a=`_danger_1y3fs_6`,o={root:e,disabled:t,input:n,sm:r,lg:i,danger:a};exports.danger=a,exports.default=o,exports.disabled=t,exports.input=n,exports.lg=i,exports.root=e,exports.sm=r;

package/dist/components/form/Switch/switch.module.js

@@ -0,0 +1,12 @@
+"use client";
+//#region src/components/form/Switch/switch.module.scss
+var e = "_root_1y3fs_15", t = "_disabled_1y3fs_21", n = "_input_1y3fs_25", r = "_sm_1y3fs_70", i = "_lg_1y3fs_78", a = "_danger_1y3fs_6", o = {
+	root: e,
+	disabled: t,
+	input: n,
+	sm: r,
+	lg: i,
+	danger: a
+};
+//#endregion
+export { a as danger, o as default, t as disabled, n as input, i as lg, e as root, r as sm };

package/dist/components/form/SwitchGroup/SwitchGroup.cjs

@@ -0,0 +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("../Switch/Switch.cjs"),i=require("./switch-group.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)(({options:e,value:c,defaultValue:l=[],onChange:u,direction:d=`vertical`,name:f,className:p,label:m,error:h,required:g,disabled:_,asChild:v=!1,children:y,...b},x)=>{let S=c!==void 0,[C,w]=(0,a.useState)(l),T=`wim-switch-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=(e,t)=>{let n;n=t?[...O||[],e]:(O||[]).filter(t=>t!==e),S||w(n),u&&u(n)};return(0,s.jsx)(n.FieldTemplate,{label:m,error:h,required:g,labelId:E,errorId:D,className:p,children:(0,s.jsxs)(v?t.Root:`div`,{...b,ref:x,className:(0,o.default)(`wim-switch-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`group`,"aria-labelledby":m?E:void 0,"aria-describedby":D,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Switch,{value:e.value,checked:(O||[]).includes(e.value),disabled:_||e.disabled,error:!!h,name:f,onChange:t=>k(e.value,t.target.checked),children:e.label},e.value))}),y]})})});c.displayName=`SwitchGroup`,exports.SwitchGroup=c,exports.default=c;

package/dist/components/form/SwitchGroup/SwitchGroup.d.ts

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+type Option = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export interface SwitchGroupProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> {
+    /** List of switch options */
+    options: Option[];
+    /** Selected values (controlled) */
+    value?: string[];
+    /** Initially selected values (uncontrolled) */
+    defaultValue?: string[];
+    /** Callback when the selected values change */
+    onChange?: (value: string[]) => void;
+    /** Layout direction of the switches */
+    direction?: "vertical" | "horizontal";
+    /** Name attribute shared by the switch inputs */
+    name?: string;
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Group label */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Whether the whole group is disabled */
+    disabled?: boolean;
+}
+/**
+ * SwitchGroup component to manage multiple switches.
+ */
+export declare const SwitchGroup: React.ForwardRefExoticComponent<SwitchGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default SwitchGroup;

package/dist/components/form/SwitchGroup/SwitchGroup.js

@@ -0,0 +1,43 @@
+"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 { Switch as r } from "../Switch/Switch.js";
+import i from "./switch-group.module.js";
+import { forwardRef as a, useId as o, useState as s } from "react";
+import c from "classnames";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/form/SwitchGroup/SwitchGroup.tsx
+var d = a(({ options: a, value: d, defaultValue: f = [], onChange: p, direction: m = "vertical", name: h, className: g, label: _, error: v, required: y, disabled: b, asChild: x = !1, children: S, ...C }, w) => {
+	let T = d !== void 0, [E, D] = s(f), O = `wim-switch-group-${o()}`, k = `${O}-label`, A = v ? `${O}-error` : void 0, j = T ? d : E, M = (e, t) => {
+		let n;
+		n = t ? [...j || [], e] : (j || []).filter((t) => t !== e), T || D(n), p && p(n);
+	};
+	return /* @__PURE__ */ l(n, {
+		label: _,
+		error: v,
+		required: y,
+		labelId: k,
+		errorId: A,
+		className: g,
+		children: /* @__PURE__ */ u(x ? e : "div", {
+			...C,
+			ref: w,
+			className: c("wim-switch-group", i.root, m === "horizontal" && i.horizontal),
+			role: "group",
+			"aria-labelledby": _ ? k : void 0,
+			"aria-describedby": A,
+			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
+				value: e.value,
+				checked: (j || []).includes(e.value),
+				disabled: b || e.disabled,
+				error: !!v,
+				name: h,
+				onChange: (t) => M(e.value, t.target.checked),
+				children: e.label
+			}, e.value)) }), S]
+		})
+	});
+});
+d.displayName = "SwitchGroup";
+//#endregion
+export { d as SwitchGroup, d as default };

package/dist/components/form/SwitchGroup/switch-group.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_hvp3f_2`,t=`_horizontal_hvp3f_7`,n={root:e,horizontal:t};exports.default=n,exports.horizontal=t,exports.root=e;

package/dist/components/form/SwitchGroup/switch-group.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/form/SwitchGroup/switch-group.module.scss
+var e = "_root_hvp3f_2", t = "_horizontal_hvp3f_7", n = {
+	root: e,
+	horizontal: t
+};
+//#endregion
+export { n as default, t as horizontal, e as root };

package/dist/components/form/TagInput/TagInput.cjs

@@ -0,0 +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:`primary`,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;

package/dist/components/form/TagInput/TagInput.d.ts

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { FieldIntent, FieldVariant, FieldWidth } from '../../../types/tokens';
+export interface TagInputProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange"> {
+    /** List of tags (controlled) */
+    value?: string[];
+    /** Initial list of tags (uncontrolled) */
+    defaultValue?: string[];
+    /** Callback when the tags change */
+    onChange?: (tags: string[]) => void;
+    /** Placeholder for the input */
+    placeholder?: string;
+    /** Whether the input is disabled */
+    disabled?: boolean;
+    /** Semantic intent of the field (e.g. error state) */
+    intent?: FieldIntent;
+    /** Visual style variant of the field */
+    variant?: FieldVariant;
+    /** Whether to take full width of parent */
+    fullWidth?: boolean;
+    /** Fixed width of the field (width token, CSS value, or number in px) */
+    width?: FieldWidth | string | number;
+    /** Field label */
+    label?: React.ReactNode;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Whether tags can be deleted */
+    allowDelete?: boolean;
+    /** Maximum number of tags that can be entered */
+    maxTags?: number;
+}
+/**
+ * Input component for managing free-form tags.
+ * Tags are committed with the Enter key or a comma.
+ */
+export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,91 @@
+"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";
+//#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) => {
+		let t = e.trim();
+		if (!t) return;
+		if (F.includes(t)) {
+			M("");
+			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);
+	}, 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,
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && V();
+				},
+				role: "presentation",
+				children: /* @__PURE__ */ d("div", {
+					className: i.tagList,
+					children: [F.map((e) => /* @__PURE__ */ u(r, {
+						variant: "solid",
+						intent: "primary",
+						size: "sm",
+						disabled: h,
+						onDelete: w && !h ? () => z(e) : void 0,
+						className: i.tag,
+						children: e
+					}, e)), /* @__PURE__ */ u("input", {
+						id: W,
+						ref: N,
+						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
+					})]
+				})
+			})
+		})
+	});
+});
+f.displayName = "TagInput";
+//#endregion
+export { f as TagInput };

package/dist/components/form/TagInput/tag-input.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_inputBase_htjwa_2`,t=`_inputBaseInner_htjwa_6`,n=`_container_htjwa_15`,r=`_disabled_htjwa_23`,i=`_tagList_htjwa_27`,a=`_tag_htjwa_27`,o=`_input_htjwa_2`,s={inputBase:e,inputBaseInner:t,container:n,disabled:r,tagList:i,tag:a,input:o};exports.container=n,exports.default=s,exports.disabled=r,exports.input=o,exports.inputBase=e,exports.inputBaseInner=t,exports.tag=a,exports.tagList=i;

package/dist/components/form/TagInput/tag-input.module.js

@@ -0,0 +1,13 @@
+"use client";
+//#region src/components/form/TagInput/tag-input.module.scss
+var e = "_inputBase_htjwa_2", t = "_inputBaseInner_htjwa_6", n = "_container_htjwa_15", r = "_disabled_htjwa_23", i = "_tagList_htjwa_27", a = "_tag_htjwa_27", o = "_input_htjwa_2", s = {
+	inputBase: e,
+	inputBaseInner: t,
+	container: n,
+	disabled: r,
+	tagList: i,
+	tag: a,
+	input: o
+};
+//#endregion
+export { n as container, s as default, r as disabled, o as input, e as inputBase, t as inputBaseInner, a as tag, i as tagList };

package/dist/components/form/Textarea/Textarea.cjs

@@ -0,0 +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("./textarea.module.cjs");let i=require("react");i=e.__toESM(i,1);let a=require("classnames");a=e.__toESM(a,1);let o=require("react/jsx-runtime");var s=i.default.forwardRef(({asChild:e=!1,children:s,intent:c=`default`,variant:l=`outline`,fullWidth:u=!1,fieldSizing:d=`fixed`,className:f,disabled:p,label:m,error:h,required:g,layout:_,id:v,width:y,...b},x)=>{let S=p,C=h?`danger`:c,w=i.default.useId(),T=v||`wim-textarea-${w}`,E=h?`${T}-error`:void 0,D=m?`${T}-label`:void 0,O=typeof y==`string`&&[`xs`,`sm`,`md`,`lg`,`xl`].includes(y),k=y!==void 0&&!O&&!u,A=O&&!u?y:void 0,j=A?r.default[`width${A.charAt(0).toUpperCase()}${A.slice(1)}`]:void 0;return(0,o.jsx)(n.FieldTemplate,{label:m,error:h,required:g,layout:_,labelId:D,errorId:E,className:f,children:(0,o.jsx)(e?t.Root:`textarea`,{id:T,ref:x,className:(0,a.default)(`wim-textarea`,r.default.root,r.default[C],S&&r.default.disabled,r.default[l],u&&r.default.fullWidth,k&&r.default.hasCustomWidth,j,d===`content`&&r.default.fieldSizingContent),style:{...k?{"--wim-input-width":typeof y==`number`?`${y}px`:y}:{},...b.style},disabled:S,"aria-invalid":C===`danger`,"aria-describedby":E,"aria-labelledby":m?D:void 0,"aria-required":g,...b,placeholder:b.placeholder,"aria-label":b[`aria-label`],children:e?(0,o.jsx)(t.Slottable,{children:s}):s})})});s.displayName=`Textarea`,exports.Textarea=s;