wimui 0.1.0

package/dist/components/form/QueryBuilder/QueryBuilder.js

@@ -0,0 +1,393 @@
+"use client";
+import { useWimTranslation as e } from "../../../i18n/useWimTranslation.js";
+import { Button as t } from "../Button/Button.js";
+import { Input as n } from "../Input/Input.js";
+import { DatePicker as r } from "../DatePicker/DatePicker.js";
+import { NumberInput as i } from "../NumberInput/NumberInput.js";
+import { SegmentedControl as a } from "../SegmentedControl/SegmentedControl.js";
+import { Select as o } from "../Select/Select.js";
+import { Switch as s } from "../Switch/Switch.js";
+import { IconButton as c } from "../IconButton/IconButton.js";
+import l from "./querybuilder.module.js";
+import { useCallback as u, useId as d, useRef as f, useState as ee } from "react";
+import p from "classnames";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/form/QueryBuilder/QueryBuilder.tsx
+var g = 0, _ = () => typeof window < "u" && window.__VRT__ ? (g += 1, `vrt-id-${g}`) : Math.random().toString(36).substring(2, 11), v = {
+	string: [
+		{
+			label: "Equals",
+			value: "=",
+			key: "equal"
+		},
+		{
+			label: "Does not equal",
+			value: "!=",
+			key: "not_equal"
+		},
+		{
+			label: "Contains",
+			value: "contains",
+			key: "contains"
+		},
+		{
+			label: "Starts with",
+			value: "starts_with",
+			key: "starts_with"
+		},
+		{
+			label: "Ends with",
+			value: "ends_with",
+			key: "ends_with"
+		},
+		{
+			label: "Is null",
+			value: "is_null",
+			key: "is_null"
+		},
+		{
+			label: "Is not null",
+			value: "is_not_null",
+			key: "is_not_null"
+		}
+	],
+	number: [
+		{
+			label: "Equals",
+			value: "=",
+			key: "equal"
+		},
+		{
+			label: "Does not equal",
+			value: "!=",
+			key: "not_equal"
+		},
+		{
+			label: "Greater than",
+			value: ">",
+			key: "greater_than"
+		},
+		{
+			label: "Less than",
+			value: "<",
+			key: "less_than"
+		},
+		{
+			label: "Greater than or equal",
+			value: ">=",
+			key: "greater_than_or_equal"
+		},
+		{
+			label: "Less than or equal",
+			value: "<=",
+			key: "less_than_or_equal"
+		},
+		{
+			label: "Is null",
+			value: "is_null",
+			key: "is_null"
+		},
+		{
+			label: "Is not null",
+			value: "is_not_null",
+			key: "is_not_null"
+		}
+	],
+	date: [
+		{
+			label: "Equals",
+			value: "=",
+			key: "equal"
+		},
+		{
+			label: "Does not equal",
+			value: "!=",
+			key: "not_equal"
+		},
+		{
+			label: "After",
+			value: ">",
+			key: "after"
+		},
+		{
+			label: "Before",
+			value: "<",
+			key: "before"
+		},
+		{
+			label: "After or on",
+			value: ">=",
+			key: "after_or_on"
+		},
+		{
+			label: "Before or on",
+			value: "<=",
+			key: "before_or_on"
+		},
+		{
+			label: "Is null",
+			value: "is_null",
+			key: "is_null"
+		},
+		{
+			label: "Is not null",
+			value: "is_not_null",
+			key: "is_not_null"
+		}
+	],
+	boolean: [
+		{
+			label: "Equals",
+			value: "=",
+			key: "equal"
+		},
+		{
+			label: "Does not equal",
+			value: "!=",
+			key: "not_equal"
+		},
+		{
+			label: "Is null",
+			value: "is_null",
+			key: "is_null"
+		},
+		{
+			label: "Is not null",
+			value: "is_not_null",
+			key: "is_not_null"
+		}
+	]
+}, y = ({ fields: g, query: y, defaultQuery: b, onChange: x, maxDepth: S = 3, className: C, id: w, labels: te = {} }) => {
+	let { t: T } = e("components"), { ruleAdded: E = T("query.builder.rule_added"), groupAdded: D = T("query.builder.group_added"), removed: O = T("query.builder.removed"), ruleAriaLabel: k = T("query.builder.rule"), fieldAriaLabel: A = T("query.builder.field"), operatorAriaLabel: j = T("query.builder.operator"), valueAriaLabel: M = T("query.builder.value"), trueLabel: N = T("query.builder.true"), falseLabel: P = T("query.builder.false"), removeRuleAriaLabel: F = T("query.builder.remove_rule"), removeGroupAriaLabel: I = T("query.builder.remove_group"), addRuleLabel: L = T("query.builder.add_rule"), addGroupLabel: R = T("query.builder.add_group"), regionAriaLabel: z = T("query.builder.region_label"), combinatorAriaLabel: B = T("query.builder.combinator"), operators: V = {} } = te, H = d(), U = w || `wim-qb-${H}`, W = f(null), [G, K] = ee(b || {
+		id: _(),
+		combinator: "and",
+		not: !1,
+		rules: []
+	}), q = y === void 0 ? G : y, J = u((e) => {
+		W.current && (W.current.textContent = "", setTimeout(() => {
+			W.current && (W.current.textContent = e);
+		}, 50));
+	}, []), Y = u((e) => {
+		y === void 0 && K(e), x?.(e);
+	}, [y, x]), X = (e, t) => {
+		let n = (r) => r.id === e ? {
+			...r,
+			...t
+		} : {
+			...r,
+			rules: r.rules.map((r) => r.id === e ? {
+				...r,
+				...t
+			} : "rules" in r ? n(r) : r)
+		};
+		Y(n(q));
+	}, Z = (e) => {
+		let t = g[0], n = {
+			id: _(),
+			field: t?.name || "",
+			operator: "=",
+			value: t?.type === "boolean" ? !1 : ""
+		}, r = (t) => t.id === e ? {
+			...t,
+			rules: [...t.rules, n]
+		} : {
+			...t,
+			rules: t.rules.map((e) => "rules" in e ? r(e) : e)
+		};
+		Y(r(q)), J(E);
+	}, ne = (e) => {
+		let t = {
+			id: _(),
+			combinator: "and",
+			not: !1,
+			rules: []
+		}, n = (r) => r.id === e ? {
+			...r,
+			rules: [...r.rules, t]
+		} : {
+			...r,
+			rules: r.rules.map((e) => "rules" in e ? n(e) : e)
+		};
+		Y(n(q)), J(D);
+	}, Q = (e) => {
+		let t = (n) => ({
+			...n,
+			rules: n.rules.filter((t) => t.id !== e).map((e) => "rules" in e ? t(e) : e)
+		});
+		Y(t(q)), J(O);
+	}, $ = (e, n, r) => /* @__PURE__ */ h("div", {
+		role: "group",
+		"aria-label": `${e.combinator.toUpperCase()} group`,
+		className: p(l.group, n > 0 && l.nested, r && l.excluded),
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: l.groupHeader,
+				children: [/* @__PURE__ */ h("div", {
+					className: l.groupHeaderLeft,
+					children: [/* @__PURE__ */ m(a, {
+						size: "md",
+						options: [{
+							label: "AND",
+							value: "and"
+						}, {
+							label: "OR",
+							value: "or"
+						}],
+						value: e.combinator,
+						onChange: (t) => X(e.id, { combinator: t }),
+						"aria-label": B,
+						styles: {
+							root: l.segmentedControl,
+							item: l.segmentedControlItem,
+							slider: l.segmentedControlSlider
+						}
+					}), /* @__PURE__ */ m(s, {
+						size: "md",
+						checked: e.not,
+						onChange: (t) => X(e.id, { not: t.target.checked }),
+						children: "NOT"
+					})]
+				}), n > 0 && /* @__PURE__ */ m(c, {
+					iconName: "TrashIcon",
+					"aria-label": I,
+					variant: "ghost",
+					size: "md",
+					color: "danger",
+					onClick: () => Q(e.id),
+					className: l.removeGroup
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: l.ruleList,
+				children: e.rules.map((e) => "rules" in e ? $(e, n + 1, r) : re(e))
+			}),
+			/* @__PURE__ */ h("div", {
+				className: l.groupActions,
+				children: [/* @__PURE__ */ m(t, {
+					size: "md",
+					variant: "ghost",
+					icon: "PlusIcon",
+					onClick: () => Z(e.id),
+					children: L
+				}), n < S && /* @__PURE__ */ m(t, {
+					size: "md",
+					variant: "ghost",
+					icon: "PlusIcon",
+					onClick: () => ne(e.id),
+					children: R
+				})]
+			})
+		]
+	}, e.id), re = (e) => {
+		let t = g.find((t) => t.name === e.field)?.type || "string", a = v[t].map((e) => ({
+			...e,
+			label: V[e.key] || e.label
+		})), s = (t) => {
+			let n = g.find((e) => e.name === t);
+			X(e.id, {
+				field: t,
+				operator: "=",
+				value: n?.type === "boolean" ? !1 : ""
+			});
+		}, u = e.operator === "is_null" || e.operator === "is_not_null";
+		return /* @__PURE__ */ m("div", {
+			className: l.rule,
+			role: "group",
+			"aria-label": k,
+			children: /* @__PURE__ */ h("div", {
+				className: l.ruleFields,
+				children: [
+					/* @__PURE__ */ m(o, {
+						className: l.field,
+						options: g.map((e) => ({
+							label: e.label,
+							value: e.name
+						})),
+						value: e.field,
+						onChange: s,
+						"aria-label": A,
+						fullWidth: !0,
+						styles: {
+							root: l.select,
+							trigger: l.selectTrigger,
+							inputBase: { root: l.inputBase }
+						}
+					}),
+					/* @__PURE__ */ m(o, {
+						className: l.operator,
+						options: a.map((e) => ({
+							label: e.label,
+							value: e.value
+						})),
+						value: e.operator,
+						onChange: (t) => X(e.id, { operator: t }),
+						"aria-label": j,
+						fullWidth: !0,
+						styles: {
+							root: l.select,
+							trigger: l.selectTrigger,
+							inputBase: { root: l.inputBase }
+						}
+					}),
+					!u && /* @__PURE__ */ m("div", {
+						className: l.value,
+						children: t === "number" ? /* @__PURE__ */ m(i, {
+							value: typeof e.value == "boolean" ? void 0 : e.value ?? void 0,
+							onChange: (t) => X(e.id, { value: t.target.value }),
+							"aria-label": M
+						}) : t === "date" ? /* @__PURE__ */ m(r, {
+							value: typeof e.value == "string" || typeof e.value == "number" ? new Date(e.value) : void 0,
+							onChange: (t) => X(e.id, { value: t ? t.toISOString() : "" }),
+							"aria-label": M
+						}) : t === "boolean" ? /* @__PURE__ */ m(o, {
+							options: [{
+								label: N,
+								value: "true"
+							}, {
+								label: P,
+								value: "false"
+							}],
+							value: String(e.value),
+							onChange: (t) => X(e.id, { value: t === "true" }),
+							"aria-label": M,
+							fullWidth: !0,
+							styles: {
+								root: l.select,
+								trigger: l.selectTrigger,
+								inputBase: { root: l.inputBase }
+							}
+						}) : /* @__PURE__ */ m(n, {
+							value: typeof e.value == "boolean" ? void 0 : e.value ?? void 0,
+							onChange: (t) => X(e.id, { value: t.target.value }),
+							"aria-label": M,
+							styles: { root: l.inputBase }
+						})
+					}),
+					/* @__PURE__ */ m(c, {
+						iconName: "TrashIcon",
+						"aria-label": F,
+						variant: "ghost",
+						size: "md",
+						color: "danger",
+						onClick: () => Q(e.id),
+						className: l.removeRule
+					})
+				]
+			})
+		}, e.id);
+	};
+	return /* @__PURE__ */ h("div", {
+		id: U,
+		role: "region",
+		"aria-label": z,
+		className: p("wim-query-builder", l.root, C),
+		children: [/* @__PURE__ */ m("div", {
+			ref: W,
+			"aria-live": "polite",
+			"aria-atomic": "true",
+			className: l.srOnly
+		}), $(q, 0, !1)]
+	});
+};
+//#endregion
+export { y as QueryBuilder };

package/dist/components/form/QueryBuilder/index.d.ts

@@ -0,0 +1 @@
+export * from './QueryBuilder';

package/dist/components/form/QueryBuilder/querybuilder.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_z1ix2_3`,t=`_removeRule_z1ix2_10`,n=`_removeGroup_z1ix2_11`,r=`_group_z1ix2_50`,i=`_excluded_z1ix2_63`,a=`_ruleList_z1ix2_66`,o=`_nested_z1ix2_70`,s=`_groupHeader_z1ix2_77`,c=`_groupHeaderLeft_z1ix2_88`,l=`_segmentedControl_z1ix2_96`,u=`_segmentedControlItem_z1ix2_101`,d=`_segmentedControlSlider_z1ix2_106`,f=`_rule_z1ix2_66`,p=`_slideIn_z1ix2_1`,m=`_groupActions_z1ix2_145`,h=`_ruleFields_z1ix2_164`,g=`_operator_z1ix2_180`,_=`_select_z1ix2_183`,v=`_inputBase_z1ix2_187`,y=`_selectTrigger_z1ix2_188`,b=`_value_z1ix2_196`,x=`_field_z1ix2_213`,S=`_srOnly_z1ix2_233`,C={root:e,removeRule:t,removeGroup:n,group:r,excluded:i,ruleList:a,nested:o,groupHeader:s,groupHeaderLeft:c,segmentedControl:l,segmentedControlItem:u,segmentedControlSlider:d,rule:f,slideIn:p,groupActions:m,ruleFields:h,operator:g,select:_,inputBase:v,selectTrigger:y,value:b,field:x,srOnly:S};exports.default=C,exports.excluded=i,exports.field=x,exports.group=r,exports.groupActions=m,exports.groupHeader=s,exports.groupHeaderLeft=c,exports.inputBase=v,exports.nested=o,exports.operator=g,exports.removeGroup=n,exports.removeRule=t,exports.root=e,exports.rule=f,exports.ruleFields=h,exports.ruleList=a,exports.segmentedControl=l,exports.segmentedControlItem=u,exports.segmentedControlSlider=d,exports.select=_,exports.selectTrigger=y,exports.slideIn=p,exports.srOnly=S,exports.value=b;

package/dist/components/form/QueryBuilder/querybuilder.module.js

@@ -0,0 +1,29 @@
+"use client";
+//#region src/components/form/QueryBuilder/querybuilder.module.scss
+var e = "_root_z1ix2_3", t = "_removeRule_z1ix2_10", n = "_removeGroup_z1ix2_11", r = "_group_z1ix2_50", i = "_excluded_z1ix2_63", a = "_ruleList_z1ix2_66", o = "_nested_z1ix2_70", s = "_groupHeader_z1ix2_77", c = "_groupHeaderLeft_z1ix2_88", l = "_segmentedControl_z1ix2_96", u = "_segmentedControlItem_z1ix2_101", d = "_segmentedControlSlider_z1ix2_106", f = "_rule_z1ix2_66", p = "_slideIn_z1ix2_1", m = "_groupActions_z1ix2_145", h = "_ruleFields_z1ix2_164", g = "_operator_z1ix2_180", _ = "_select_z1ix2_183", v = "_inputBase_z1ix2_187", y = "_selectTrigger_z1ix2_188", b = "_value_z1ix2_196", x = "_field_z1ix2_213", S = "_srOnly_z1ix2_233", C = {
+	root: e,
+	removeRule: t,
+	removeGroup: n,
+	group: r,
+	excluded: i,
+	ruleList: a,
+	nested: o,
+	groupHeader: s,
+	groupHeaderLeft: c,
+	segmentedControl: l,
+	segmentedControlItem: u,
+	segmentedControlSlider: d,
+	rule: f,
+	slideIn: p,
+	groupActions: m,
+	ruleFields: h,
+	operator: g,
+	select: _,
+	inputBase: v,
+	selectTrigger: y,
+	value: b,
+	field: x,
+	srOnly: S
+};
+//#endregion
+export { C as default, i as excluded, x as field, r as group, m as groupActions, s as groupHeader, c as groupHeaderLeft, v as inputBase, o as nested, g as operator, n as removeGroup, t as removeRule, e as root, f as rule, h as ruleFields, a as ruleList, l as segmentedControl, u as segmentedControlItem, d as segmentedControlSlider, _ as select, y as selectTrigger, p as slideIn, S as srOnly, b as value };

package/dist/components/form/Radio/Radio.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("./radio.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,error:c=!1,className:l,disabled:u,...d},f)=>{let p=n.useMergedRef((0,i.useRef)(null),f);return(0,o.jsxs)(e?t.Root:`label`,{className:(0,a.default)(`wim-radio`,r.default.root,u&&r.default.disabled,l),children:[(0,o.jsx)(`input`,{type:`radio`,className:(0,a.default)(r.default.input,c&&r.default.danger),disabled:u,ref:p,...d}),(0,o.jsx)(t.Slottable,{children:s})]})});s.displayName=`Radio`,exports.Radio=s;

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

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+    /** Label content rendered next to the radio */
+    children?: React.ReactNode;
+    /** Whether to display as an error state (aria-invalid is not supported on the radio role, so it is applied on the RadioGroup side) */
+    error?: boolean;
+}
+/**
+ * Radio component for single selection from a list.
+ */
+export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/form/Radio/Radio.js

@@ -0,0 +1,24 @@
+"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 "./radio.module.js";
+import i, { useRef as a } from "react";
+import o from "classnames";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/components/form/Radio/Radio.tsx
+var l = i.forwardRef(({ asChild: i = !1, children: l, error: u = !1, className: d, disabled: f, ...p }, m) => {
+	let h = n(a(null), m);
+	return /* @__PURE__ */ c(i ? e : "label", {
+		className: o("wim-radio", r.root, f && r.disabled, d),
+		children: [/* @__PURE__ */ s("input", {
+			type: "radio",
+			className: o(r.input, u && r.danger),
+			disabled: f,
+			ref: h,
+			...p
+		}), /* @__PURE__ */ s(t, { children: l })]
+	});
+});
+l.displayName = "Radio";
+//#endregion
+export { l as Radio };

package/dist/components/form/Radio/radio.module.cjs

@@ -0,0 +1,2 @@
+"use client";
+var e=`_root_1uxst_15`,t=`_disabled_1uxst_26`,n=`_input_1uxst_30`,r=`_danger_1uxst_6`,i={root:e,disabled:t,input:n,danger:r};exports.danger=r,exports.default=i,exports.disabled=t,exports.input=n,exports.root=e;

package/dist/components/form/Radio/radio.module.js

@@ -0,0 +1,10 @@
+"use client";
+//#region src/components/form/Radio/radio.module.scss
+var e = "_root_1uxst_15", t = "_disabled_1uxst_26", n = "_input_1uxst_30", r = "_danger_1uxst_6", i = {
+	root: e,
+	disabled: t,
+	input: n,
+	danger: r
+};
+//#endregion
+export { r as danger, i as default, t as disabled, n as input, e as root };

package/dist/components/form/RadioGroup/RadioGroup.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("../Radio/Radio.cjs"),i=require("./radio-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-radio-group-${(0,a.useId)()}`,E=`${T}-label`,D=h?`${T}-error`:void 0,O=S?c:C,k=e=>{S||w(e),u&&u(e)};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-radio-group`,i.default.root,d===`horizontal`&&i.default.horizontal),role:`radiogroup`,"aria-labelledby":m?E:void 0,"aria-describedby":D,"aria-required":g,"aria-invalid":!!h,children:[(0,s.jsx)(t.Slottable,{children:e.map(e=>(0,s.jsx)(r.Radio,{value:e.value,checked:O===e.value,disabled:_||e.disabled,error:!!h,name:f,onChange:()=>k(e.value),children:e.label},e.value))}),y]})})});c.displayName=`RadioGroup`,exports.RadioGroup=c,exports.default=c;

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

@@ -0,0 +1,35 @@
+import { default as React } from 'react';
+type Option = {
+    label: string;
+    value: string;
+    disabled?: boolean;
+};
+export interface RadioGroupProps extends Omit<React.ComponentPropsWithoutRef<"div">, "onChange" | "defaultValue"> {
+    /** List of radio options */
+    options: Option[];
+    /** Selected value (controlled) */
+    value?: string;
+    /** Initially selected value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when the selected value changes */
+    onChange?: (value: string) => void;
+    /** Layout direction of the radio buttons */
+    direction?: "vertical" | "horizontal";
+    /** Name attribute shared by the radio 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;
+}
+/**
+ * RadioGroup component to manage multiple radio buttons.
+ */
+export declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default RadioGroup;

package/dist/components/form/RadioGroup/RadioGroup.js

@@ -0,0 +1,44 @@
+"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 { Radio as r } from "../Radio/Radio.js";
+import i from "./radio-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/RadioGroup/RadioGroup.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-radio-group-${o()}`, k = `${O}-label`, A = v ? `${O}-error` : void 0, j = T ? d : E, M = (e) => {
+		T || D(e), p && p(e);
+	};
+	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-radio-group", i.root, m === "horizontal" && i.horizontal),
+			role: "radiogroup",
+			"aria-labelledby": _ ? k : void 0,
+			"aria-describedby": A,
+			"aria-required": y,
+			"aria-invalid": !!v,
+			children: [/* @__PURE__ */ l(t, { children: a.map((e) => /* @__PURE__ */ l(r, {
+				value: e.value,
+				checked: j === e.value,
+				disabled: b || e.disabled,
+				error: !!v,
+				name: h,
+				onChange: () => M(e.value),
+				children: e.label
+			}, e.value)) }), S]
+		})
+	});
+});
+d.displayName = "RadioGroup";
+//#endregion
+export { d as RadioGroup, d as default };

package/dist/components/form/RadioGroup/radio-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/RadioGroup/radio-group.module.js

@@ -0,0 +1,8 @@
+"use client";
+//#region src/components/form/RadioGroup/radio-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/RangeSlider/RangeSlider.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("../../../utilities/slider-utils.cjs"),i=require("./range-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=({value:e,defaultValue:c=[20,80],min:l=0,max:u=100,step:d=1,allowCross:f=!1,disabled:p=!1,onChange:m,onAfterChange:h,className:g,name:_,label:v,error:y,required:ee,layout:te=`vertical`,id:ne,"aria-label":b,"aria-labelledby":x,asChild:S=!1,children:re,...C})=>{let w=e!==void 0,T=(0,a.useId)(),E=ne||T,D=`wim-range-slider-label-${E}`,O=`wim-range-slider-error-${E}`,{clamp:k,calculateValue:A}=r.useSliderCommon(l,u,d),j=[k(c[0],l,u),k(c[1],l,u)];j[0]>j[1]&&j.sort((e,t)=>e-t);let[M,N]=(0,a.useState)(j),P=w?e:M,F=(0,a.useRef)(null),I=(0,a.useRef)(null),L=(0,a.useRef)(null),R=(0,a.useRef)(null),z=(0,a.useRef)(null),B=(0,a.useRef)(null),[V,H]=(0,a.useState)(null),U=(0,a.useRef)(null),W=(0,a.useRef)([...P]),G=(0,a.useCallback)(e=>(e-l)/(u-l)*100,[l,u]),K=(0,a.useCallback)(e=>{let t=G(e[0]),n=G(e[1]);I.current&&(I.current.style.left=`${t}%`,I.current.setAttribute(`aria-valuenow`,String(e[0])),I.current.setAttribute(`aria-valuemax`,String(e[1]))),L.current&&(L.current.style.left=`${n}%`,L.current.setAttribute(`aria-valuenow`,String(e[1])),L.current.setAttribute(`aria-valuemin`,String(e[0]))),R.current&&(R.current.style.left=`${t}%`,R.current.style.width=`${n-t}%`),z.current&&(z.current.value=String(e[0])),B.current&&(B.current.value=String(e[1]))},[G]);(0,a.useEffect)(()=>{V||K(P)},[P,V,K]);let q=(e,t)=>{p||(W.current=[...P],U.current=t,H(t),e.stopPropagation(),e.preventDefault())},J=e=>{if(p)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=A(t,F.current),r=Math.abs(P[0]-n),i=Math.abs(P[1]-n),a;a=r<i?`min`:i<r?`max`:n<P[0]?`min`:`max`,U.current=a,H(a);let o=[...W.current];a===`min`?o[0]=Math.min(n,f?u:o[1]):o[1]=Math.max(n,f?l:o[0]),W.current=o,K(o),m?.(o)},Y=(0,a.useCallback)(e=>{if(!U.current||p)return;let t=`touches`in e?e.touches[0].clientX:e.clientX,n=A(t,F.current),r=[...W.current];U.current===`min`?r[0]=Math.min(n,f?u:r[1]):r[1]=Math.max(n,f?l:r[0]),W.current=r,K(r),m?.(r)},[p,m,f,A,l,u,K]),X=(0,a.useCallback)(()=>{if(U.current){U.current=null,H(null);let e=W.current;w||N([...e]),h?.(e)}},[w,h]);(0,a.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,t)=>{if(p)return;let n=[...P],r=t===`min`?n[0]:n[1],i;if(e.key===`ArrowLeft`||e.key===`ArrowDown`)i=Math.max(l,r-d);else if(e.key===`ArrowRight`||e.key===`ArrowUp`)i=Math.min(u,r+d);else if(e.key===`Home`)i=l;else if(e.key===`End`)i=u;else return;if(t===`min`){let e=f?u:n[1];n[0]=Math.min(i,e)}else{let e=f?l:n[0];n[1]=Math.max(i,e)}w||N(n),m?.(n),e.preventDefault()},Q=G(P[0]),$=G(P[1]);return(0,s.jsx)(n.FieldTemplate,{label:v,error:y,required:ee,layout:te,labelId:D,errorId:O,className:g,children:(0,s.jsxs)(S?t.Root:`div`,{role:`presentation`,"data-testid":`range-slider-root`,className:(0,o.default)(`wim-range-slider`,i.default.root,p&&i.default.disabled,y&&i.default.danger),onMouseDown:J,onTouchStart:J,...C,children:[(0,s.jsxs)(`div`,{className:i.default.trackContainer,ref:F,children:[(0,s.jsx)(`div`,{ref:R,className:i.default.track,style:{left:`${Q}%`,width:`${$-Q}%`}}),(0,s.jsx)(`div`,{ref:I,className:(0,o.default)(i.default.thumb,V===`min`&&i.default.active),style:{left:`${Q}%`},role:`slider`,"aria-valuemin":l,"aria-valuemax":P[1],"aria-valuenow":P[0],"aria-disabled":p,"aria-labelledby":v?D:x,"aria-label":v?`Start ${v}`:b||`Start`,"aria-describedby":y?O:void 0,"aria-invalid":y?!0:void 0,tabIndex:p?-1:0,onMouseDown:e=>q(e,`min`),onTouchStart:e=>q(e,`min`),onKeyDown:e=>Z(e,`min`)}),(0,s.jsx)(`div`,{ref:L,className:(0,o.default)(i.default.thumb,V===`max`&&i.default.active),style:{left:`${$}%`},role:`slider`,"aria-valuemin":P[0],"aria-valuemax":u,"aria-valuenow":P[1],"aria-disabled":p,"aria-labelledby":v?D:x,"aria-label":v?`End ${v}`:b||`End`,"aria-describedby":y?O:void 0,"aria-invalid":y?!0:void 0,tabIndex:p?-1:0,onMouseDown:e=>q(e,`max`),onTouchStart:e=>q(e,`max`),onKeyDown:e=>Z(e,`max`)})]}),(0,s.jsx)(`input`,{ref:z,type:`hidden`,name:_?`${_}-min`:``,value:P[0]}),(0,s.jsx)(`input`,{ref:B,type:`hidden`,name:_?`${_}-max`:``,value:P[1]}),(0,s.jsx)(t.Slottable,{children:re})]})})};c.displayName=`RangeSlider`,exports.RangeSlider=c;

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

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+type RangeSliderProps = Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> & {
+    /** Current value [min, max] (controlled) */
+    value?: [number, number];
+    /** Default value [min, max] (uncontrolled) */
+    defaultValue?: [number, number];
+    /** Minimum value */
+    min?: number;
+    /** Maximum value */
+    max?: number;
+    /** Step value */
+    step?: number;
+    /** Whether both handles may hold the same value (they never cross) */
+    allowCross?: boolean;
+    /** Whether the slider is disabled */
+    disabled?: boolean;
+    /** Callback when the value changes */
+    onChange?: (value: [number, number]) => void;
+    /** Callback when dragging ends */
+    onAfterChange?: (value: [number, number]) => void;
+    /** Additional class names */
+    className?: string;
+    /** Name attribute */
+    name?: string;
+    /** Accessible label */
+    label?: string;
+    /** Error message */
+    error?: string;
+    /** Whether to show the required indicator */
+    required?: boolean;
+    /** Layout direction of label and field */
+    layout?: "vertical" | "horizontal";
+    /** Custom ID */
+    id?: string;
+    /** Accessible label when no visible label is provided */
+    "aria-label"?: string;
+    /** ID of the element that labels the slider */
+    "aria-labelledby"?: string;
+    /** Whether to render as a child element. */
+    asChild?: boolean;
+};
+/**
+ * Slider component for selecting a range (start and end).
+ */
+export declare const RangeSlider: {
+    ({ value, defaultValue, min, max, step, allowCross, disabled, onChange, onAfterChange, className, name, label, error, required, layout, id: customId, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, asChild, children, ...props }: RangeSliderProps): React.JSX.Element;
+    displayName: string;
+};
+export {};