haze-ui 1.12.0 → 1.12.2

package/dist/components/Switch/Switch.js

@@ -1,44 +1,17 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                 */
+import e from "./SwitchCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Switch/Switch.tsx
-var r = "haze-Switch__track", i = "haze-Switch__trackChecked", a = "haze-Switch__thumb", o = "haze-Switch__trackSm", s = "haze-Switch__trackMd", c = "haze-Switch__trackLg", l = "haze-Switch__thumbSm", u = "haze-Switch__thumbMd", d = "haze-Switch__thumbLg", f = "haze-Switch__thumbCheckedSm", p = "haze-Switch__thumbCheckedMd", m = "haze-Switch__thumbCheckedLg", h = {
-	sm: o,
-	md: s,
-	lg: c
-}, g = {
-	sm: l,
-	md: u,
-	lg: d
-}, _ = {
-	sm: f,
-	md: p,
-	lg: m
-};
-function v({ checked: o, size: s = "md", className: c, onClick: l, ...u }) {
-	let [d, f] = n(o, !1);
-	return /* @__PURE__ */ t("button", {
-		type: "button",
-		role: "switch",
-		"aria-checked": d,
-		onClick: (e) => {
-			f((e) => !e), l?.(e);
-		},
-		...u,
-		className: e([
-			r,
-			h[s],
-			d && i,
-			c
-		]),
-		children: t("span", { className: e([
-			a,
-			g[s],
-			d && _[s]
-		]) })
+function r({ checked: r, size: i, className: a, onClick: o, ...s }) {
+	let [c, l] = n(r, !1);
+	return /* @__PURE__ */ t(e, {
+		checked: c,
+		onChange: l,
+		onNativeClick: o,
+		size: i,
+		className: a,
+		...s
 	});
 }
 //#endregion
-export { v as default };
+export { r as default };

package/dist/components/Switch/SwitchCore.js

@@ -0,0 +1,42 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                     */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Switch/SwitchCore.tsx
+var n = "haze-SwitchCore__track", r = "haze-SwitchCore__trackChecked", i = "haze-SwitchCore__thumb", a = "haze-SwitchCore__trackSm", o = "haze-SwitchCore__trackMd", s = "haze-SwitchCore__trackLg", c = "haze-SwitchCore__thumbSm", l = "haze-SwitchCore__thumbMd", u = "haze-SwitchCore__thumbLg", d = "haze-SwitchCore__thumbCheckedSm", f = "haze-SwitchCore__thumbCheckedMd", p = "haze-SwitchCore__thumbCheckedLg", m = {
+	sm: a,
+	md: o,
+	lg: s
+}, h = {
+	sm: c,
+	md: l,
+	lg: u
+}, g = {
+	sm: d,
+	md: f,
+	lg: p
+};
+function _({ checked: a, onChange: o, onNativeClick: s, size: c = "md", className: l, ...u }) {
+	return /* @__PURE__ */ t("button", {
+		type: "button",
+		role: "switch",
+		"aria-checked": a,
+		onClick: (e) => {
+			o(!a), s?.(e);
+		},
+		...u,
+		className: e([
+			n,
+			m[c],
+			a && r,
+			l
+		]),
+		children: t("span", { className: e([
+			i,
+			h[c],
+			a && g[c]
+		]) })
+	});
+}
+//#endregion
+export { _ as default };

package/dist/components/TagInput/TagInput.js

@@ -1,76 +1,22 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                   */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useControl as r } from "react-use-control";
-import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
+import e from "./TagInputCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
 //#region src/lib/components/TagInput/TagInput.tsx
-var c = "haze-TagInput__container", l = "haze-TagInput__listWrap", u = "haze-TagInput__tag", d = "haze-TagInput__removeBtn", f = "haze-TagInput__inputEl";
-function p({ value: p, onChange: m, placeholder: h, maxTags: g, disabled: _, className: v, id: y, "aria-invalid": b, "aria-describedby": x }) {
-	let [S, C] = r(p, []), [w, T] = s(""), E = o(null), D = o(null), O = o(null);
-	a(() => {
-		let e = O.current;
-		if (e === null) return;
-		if (O.current = null, S.length === 0) {
-			D.current?.focus();
-			return;
-		}
-		let t = Math.min(e, S.length - 1);
-		(E.current?.querySelectorAll("[aria-label^=\"Remove \"]"))?.[t]?.focus();
-	}, [S]);
-	let k = i((e) => {
-		let t = e.trim();
-		if (!t || S.includes(t) || g && S.length >= g) return;
-		let n = [...S, t];
-		C(n), m?.(n), T("");
-	}, [
-		S,
-		g,
-		C,
-		m
-	]), A = i((e) => {
-		let t = S.filter((t, n) => n !== e);
-		C(t), m?.(t), O.current = t.length === 0 ? 0 : Math.min(e, t.length - 1);
-	}, [
-		S,
-		C,
-		m
-	]), j = (e) => {
-		e.key === "Enter" || e.key === "," ? (e.preventDefault(), k(w)) : e.key === "Backspace" && !w && S.length > 0 && A(S.length - 1);
-	}, M = h || "Add tag", N = `${S.length} tag${S.length === 1 ? "" : "s"}`;
-	return /* @__PURE__ */ n("div", {
-		ref: E,
-		className: e([c, v]),
-		children: [/* @__PURE__ */ t("ul", {
-			className: e([l]),
-			children: S.map((r, i) => /* @__PURE__ */ n("li", {
-				className: e([u]),
-				children: [r, /* @__PURE__ */ t("button", {
-					type: "button",
-					onClick: () => A(i),
-					onKeyDown: (e) => {
-						e.key === "Backspace" && (e.preventDefault(), A(i));
-					},
-					"aria-label": `Remove ${r}`,
-					disabled: _,
-					className: e([d]),
-					children: "x"
-				})]
-			}, i))
-		}), /* @__PURE__ */ t("input", {
-			ref: D,
-			id: y,
-			"aria-invalid": b,
-			"aria-describedby": x,
-			value: w,
-			onChange: (e) => T(e.target.value),
-			onKeyDown: j,
-			placeholder: S.length === 0 ? h : void 0,
-			"aria-label": S.length > 0 ? `${M}, ${N}` : M,
-			disabled: _,
-			className: e([f])
-		})]
+function r({ value: r, onChange: i, placeholder: a, maxTags: o, disabled: s, className: c, id: l, "aria-invalid": u, "aria-describedby": d }) {
+	let [f, p] = n(r, []);
+	return /* @__PURE__ */ t(e, {
+		value: f,
+		onChange: (e) => {
+			p(e), i?.(e);
+		},
+		placeholder: a,
+		maxTags: o,
+		disabled: s,
+		className: c,
+		id: l,
+		"aria-invalid": u,
+		"aria-describedby": d
 	});
 }
 //#endregion
-export { p as default };
+export { r as default };

package/dist/components/TagInput/TagInputCore.js

@@ -0,0 +1,68 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                       */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useCallback as r, useEffect as i, useRef as a, useState as o } from "react";
+//#region src/lib/components/TagInput/TagInputCore.tsx
+var s = "haze-TagInputCore__container", c = "haze-TagInputCore__listWrap", l = "haze-TagInputCore__tag", u = "haze-TagInputCore__removeBtn", d = "haze-TagInputCore__inputEl";
+function f({ value: f, onChange: p, placeholder: m, maxTags: h, disabled: g, className: _, id: v, "aria-invalid": y, "aria-describedby": b }) {
+	let [x, S] = o(""), C = a(null), w = a(null), T = a(null);
+	i(() => {
+		let e = T.current;
+		if (e === null) return;
+		if (T.current = null, f.length === 0) {
+			w.current?.focus();
+			return;
+		}
+		let t = Math.min(e, f.length - 1);
+		(C.current?.querySelectorAll("[aria-label^=\"Remove \"]"))?.[t]?.focus();
+	}, [f]);
+	let E = r((e) => {
+		let t = e.trim();
+		!t || f.includes(t) || h && f.length >= h || (p([...f, t]), S(""));
+	}, [
+		f,
+		h,
+		p
+	]), D = r((e) => {
+		let t = f.filter((t, n) => n !== e);
+		p(t), T.current = t.length === 0 ? 0 : Math.min(e, t.length - 1);
+	}, [f, p]), O = (e) => {
+		e.key === "Enter" || e.key === "," ? (e.preventDefault(), E(x)) : e.key === "Backspace" && !x && f.length > 0 && D(f.length - 1);
+	}, k = m || "Add tag", A = `${f.length} tag${f.length === 1 ? "" : "s"}`;
+	return /* @__PURE__ */ n("div", {
+		ref: C,
+		className: e([s, _]),
+		children: [/* @__PURE__ */ t("ul", {
+			className: e([c]),
+			children: f.map((r, i) => /* @__PURE__ */ n("li", {
+				className: e([l]),
+				children: [r, /* @__PURE__ */ t("button", {
+					type: "button",
+					onClick: () => D(i),
+					onKeyDown: (e) => {
+						e.key === "Backspace" && (e.preventDefault(), D(i));
+					},
+					"aria-label": `Remove ${r}`,
+					disabled: g,
+					className: e([u]),
+					children: "x"
+				})]
+			}, i))
+		}), /* @__PURE__ */ t("input", {
+			ref: w,
+			id: v,
+			"aria-invalid": y,
+			"aria-describedby": b,
+			value: x,
+			onChange: (e) => S(e.target.value),
+			onKeyDown: O,
+			placeholder: f.length === 0 ? m : void 0,
+			"aria-label": f.length > 0 ? `${k}, ${A}` : k,
+			disabled: g,
+			className: e([d])
+		})]
+	});
+}
+//#endregion
+export { f as default };

package/dist/components/Textarea/Textarea.js

@@ -1,28 +1,17 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                   */
+import e from "./TextareaCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Textarea/Textarea.tsx
-var r = "haze-Textarea__base", i = {
-	sm: "haze-Textarea__sm",
-	md: "haze-Textarea__md",
-	lg: "haze-Textarea__lg"
-};
-function a({ value: a, size: o = "md", className: s, onChange: c, ...l }) {
-	let [u, d] = n(a, "");
-	return /* @__PURE__ */ t("textarea", {
-		value: u,
-		onChange: (e) => {
-			d(e.target.value), c?.(e);
-		},
-		...l,
-		className: e([
-			r,
-			i[o],
-			s
-		])
+function r({ value: r, size: i, className: a, onChange: o, ...s }) {
+	let [c, l] = n(r, "");
+	return /* @__PURE__ */ t(e, {
+		value: c,
+		onChange: l,
+		onNativeChange: o,
+		size: i,
+		className: a,
+		...s
 	});
 }
 //#endregion
-export { a as default };
+export { r as default };

package/dist/components/Textarea/TextareaCore.js

@@ -0,0 +1,26 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                       */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Textarea/TextareaCore.tsx
+var n = "haze-TextareaCore__base", r = {
+	sm: "haze-TextareaCore__sm",
+	md: "haze-TextareaCore__md",
+	lg: "haze-TextareaCore__lg"
+};
+function i({ value: i, onChange: a, onNativeChange: o, size: s = "md", className: c, ...l }) {
+	return /* @__PURE__ */ t("textarea", {
+		value: i,
+		onChange: (e) => {
+			a(e.target.value), o?.(e);
+		},
+		...l,
+		className: e([
+			n,
+			r[s],
+			c
+		])
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/TimePicker/TimePicker.js

@@ -1,23 +1,18 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                     */
+import e from "./TimePickerCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/TimePicker/TimePicker.tsx
-var r = "haze-TimePicker__input";
-function i({ value: i, onChange: a, placeholder: o, className: s, ...c }) {
-	let [l, u] = n(i, "");
-	return /* @__PURE__ */ t("input", {
-		type: "time",
-		value: l,
-		placeholder: o,
+function r({ value: r, onChange: i, placeholder: a, className: o, ...s }) {
+	let [c, l] = n(r, "");
+	return /* @__PURE__ */ t(e, {
+		value: c,
 		onChange: (e) => {
-			let t = e.target.value;
-			u(t), a?.(t);
+			l(e), i?.(e);
 		},
-		...c,
-		className: e([r, s])
+		placeholder: a,
+		className: o,
+		...s
 	});
 }
 //#endregion
-export { i as default };
+export { r as default };

package/dist/components/TimePicker/TimePickerCore.js

@@ -0,0 +1,18 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                         */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/TimePicker/TimePickerCore.tsx
+var n = "haze-TimePickerCore__input";
+function r({ value: r, onChange: i, placeholder: a, className: o, ...s }) {
+	return /* @__PURE__ */ t("input", {
+		type: "time",
+		value: r,
+		placeholder: a,
+		onChange: (e) => i(e.target.value),
+		...s,
+		className: e([n, o])
+	});
+}
+//#endregion
+export { r as default };

package/dist/css/checkbox.css

@@ -1,2 +1,2 @@
 /* haze-ui checkbox — generated by scripts/split-css.mjs, do not edit */
-.haze-Checkbox__base{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:1.125rem;height:1.125rem;margin:.4375rem;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.haze-Checkbox__base:hover{border-color:var(--haze-color-border-hover)}.haze-Checkbox__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Checkbox__base:checked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-Checkbox__base:checked:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.haze-Checkbox__base:disabled{opacity:.5;cursor:not-allowed}.haze-Checkbox__labelText{align-items:center;gap:var(--haze-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}
+.haze-CheckboxCore__base{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-sm);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:1.125rem;height:1.125rem;margin:.4375rem;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.haze-CheckboxCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-CheckboxCore__base:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-CheckboxCore__base:checked{background:var(--haze-color-primary);border-color:var(--haze-color-primary)}.haze-CheckboxCore__base:checked:after{content:"";border:solid var(--haze-color-text-inverse);border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:2px;left:5px;transform:rotate(45deg)}.haze-CheckboxCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-CheckboxCore__labelText{align-items:center;gap:var(--haze-space-2);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}

package/dist/css/color-picker.css

@@ -1,2 +1,2 @@
 /* haze-ui color-picker — generated by scripts/split-css.mjs, do not edit */
-.haze-ColorPicker__container{gap:var(--haze-space-3);font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-ColorPicker__previewRow{align-items:center;gap:var(--haze-space-3);display:flex}.haze-ColorPicker__colorInput{border:2px solid var(--haze-color-border);border-radius:var(--haze-radius-md);cursor:pointer;background:0 0;width:40px;height:40px;padding:0}.haze-ColorPicker__colorInput::-webkit-color-swatch-wrapper{padding:0}.haze-ColorPicker__colorInput::-webkit-color-swatch{border-radius:var(--haze-radius-sm);border:none}.haze-ColorPicker__textInput{height:40px;padding:0 var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-mono);outline:none;flex:1}.haze-ColorPicker__textInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ColorPicker__presetsRow{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-ColorPicker__presetBtn{border-radius:var(--haze-radius-full);cursor:pointer;-webkit-transition:border-color .15s,-webkit-transform .15s;border:2px solid #0000;width:1.75rem;height:1.75rem;transition:border-color .15s,transform .15s}.haze-ColorPicker__presetBtn:hover{transform:scale(1.1)}.haze-ColorPicker__activePreset{border-color:var(--haze-color-text);box-shadow:0 0 0 2px var(--haze-color-bg)}
+.haze-ColorPickerCore__container{gap:var(--haze-space-3);font-family:var(--haze-font-sans);flex-direction:column;display:flex}.haze-ColorPickerCore__previewRow{align-items:center;gap:var(--haze-space-3);display:flex}.haze-ColorPickerCore__colorInput{border:2px solid var(--haze-color-border);border-radius:var(--haze-radius-md);cursor:pointer;background:0 0;width:40px;height:40px;padding:0}.haze-ColorPickerCore__colorInput::-webkit-color-swatch-wrapper{padding:0}.haze-ColorPickerCore__colorInput::-webkit-color-swatch{border-radius:var(--haze-radius-sm);border:none}.haze-ColorPickerCore__textInput{height:40px;padding:0 var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-mono);outline:none;flex:1}.haze-ColorPickerCore__textInput:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-ColorPickerCore__presetsRow{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-2);flex-wrap:wrap;display:flex}.haze-ColorPickerCore__presetBtn{border-radius:var(--haze-radius-full);cursor:pointer;-webkit-transition:border-color .15s,-webkit-transform .15s;border:2px solid #0000;width:1.75rem;height:1.75rem;transition:border-color .15s,transform .15s}.haze-ColorPickerCore__presetBtn:hover{transform:scale(1.1)}.haze-ColorPickerCore__activePreset{border-color:var(--haze-color-text);box-shadow:0 0 0 2px var(--haze-color-bg)}

package/dist/css/date-range-picker.css

@@ -1,2 +1,2 @@
 /* haze-ui date-range-picker — generated by scripts/split-css.mjs, do not edit */
-.haze-DateRangePicker__container{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:inline-flex}.haze-DateRangePicker__input{padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.haze-DateRangePicker__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-DateRangePicker__input:disabled{opacity:.5;cursor:not-allowed}.haze-DateRangePicker__sep{color:var(--haze-color-text-muted);font-size:var(--haze-text-sm)}
+.haze-DateRangePickerCore__container{-webkit-box-flex-wrap:wrap;align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);flex-wrap:wrap;display:inline-flex}.haze-DateRangePickerCore__input{padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.haze-DateRangePickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-DateRangePickerCore__input:disabled{opacity:.5;cursor:not-allowed}.haze-DateRangePickerCore__sep{color:var(--haze-color-text-muted);font-size:var(--haze-text-sm)}

package/dist/css/datepicker.css

@@ -1,3 +1,3 @@
 /* haze-ui datepicker — generated by scripts/split-css.mjs, do not edit */
 .haze-Calendar__calendarWrapper{padding:var(--haze-space-3);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm)}.haze-Calendar__header{-webkit-box-pack:justify;align-items:center;-ms-flex-pack:space-between;margin-bottom:var(--haze-space-2);justify-content:space-between;display:flex}.haze-Calendar__headerBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-1);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1}.haze-Calendar__headerBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__headerBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__headerTitle{font-weight:var(--haze-weight-medium);color:var(--haze-color-text)}.haze-Calendar__grid{display:-ms-grid;-ms-grid-columns:repeat(7, 1fr);text-align:center;grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.haze-Calendar__weekday{padding:var(--haze-space-1);font-weight:var(--haze-weight-medium);color:var(--haze-color-text-muted);font-size:var(--haze-text-xs)}.haze-Calendar__dayBtn{appearance:none;color:var(--haze-color-text);cursor:pointer;padding:var(--haze-space-2);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);background:0 0;border:none;line-height:1.5;transition:background .1s}.haze-Calendar__dayBtn:hover{background:var(--haze-color-bg-subtle)}.haze-Calendar__dayBtn:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Calendar__dayBtn:disabled{opacity:.3;cursor:not-allowed}.haze-Calendar__daySelected{background:var(--haze-color-primary);color:var(--haze-color-text-inverse)}.haze-Calendar__daySelected:hover{background:var(--haze-color-primary-hover)}.haze-Calendar__dayOutside{color:var(--haze-color-text-muted)}
-.haze-Datepicker__wrapper{display:inline-block;position:relative}.haze-Datepicker__input{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.haze-Datepicker__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Datepicker__dropdown{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.haze-Datepicker__hiddenStyle{display:none}
+.haze-DatepickerCore__wrapper{display:inline-block;position:relative}.haze-DatepickerCore__input{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);padding:var(--haze-space-2) var(--haze-space-3);line-height:var(--haze-leading-normal);cursor:pointer;box-sizing:border-box;transition:border-color .15s,box-shadow .15s;display:block}.haze-DatepickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-DatepickerCore__dropdown{z-index:1000;margin-top:var(--haze-space-1);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-lg);background:var(--haze-color-bg);box-shadow:var(--haze-shadow-lg);position:absolute;top:100%;left:0}.haze-DatepickerCore__hiddenStyle{display:none}

package/dist/css/input.css

@@ -1,2 +1,2 @@
 /* haze-ui input — generated by scripts/split-css.mjs, do not edit */
-.haze-Input__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);transition:border-color .15s,box-shadow .15s;display:block}.haze-Input__base:hover{border-color:var(--haze-color-border-hover)}.haze-Input__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Input__base:disabled{opacity:.5;cursor:not-allowed}.haze-Input__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Input__base::placeholder{color:var(--haze-color-text-muted)}.haze-Input__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Input__base::placeholder{color:var(--haze-color-text-muted)}.haze-Input__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-Input__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-Input__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
+.haze-InputCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);transition:border-color .15s,box-shadow .15s;display:block}.haze-InputCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-InputCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-InputCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-InputCore__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-InputCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-InputCore__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-InputCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-InputCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-InputCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-InputCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}

package/dist/css/number-input.css

@@ -1,2 +1,2 @@
 /* haze-ui number-input — generated by scripts/split-css.mjs, do not edit */
-.haze-NumberInput__wrapper{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.haze-NumberInput__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-NumberInput__input{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);text-align:center;-moz-appearance:textfield;border:none;outline:none;width:100%;min-width:0}.haze-NumberInput__input::-webkit-inner-spin-button{appearance:none;margin:0}.haze-NumberInput__input::-webkit-outer-spin-button{appearance:none;margin:0}.haze-NumberInput__stepBtn{appearance:none;background:var(--haze-color-bg-subtle);color:var(--haze-color-text);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;transition:background .1s;display:flex}.haze-NumberInput__stepBtn:hover{background:var(--haze-color-bg-muted)}.haze-NumberInput__stepBtn:active{background:var(--haze-color-border)}.haze-NumberInput__stepBtn:disabled{opacity:.5;cursor:not-allowed}.haze-NumberInput__inputSm{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.haze-NumberInput__inputMd{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-NumberInput__inputLg{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.haze-NumberInput__btnSm{padding:0 var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-NumberInput__btnMd{padding:0 var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-NumberInput__btnLg{padding:0 var(--haze-space-3);font-size:var(--haze-text-base)}
+.haze-NumberInputCore__wrapper{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);align-items:stretch;transition:border-color .15s,box-shadow .15s;display:inline-flex;overflow:hidden}.haze-NumberInputCore__wrapper:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-NumberInputCore__input{background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);text-align:center;-moz-appearance:textfield;border:none;outline:none;width:100%;min-width:0}.haze-NumberInputCore__input::-webkit-inner-spin-button{appearance:none;margin:0}.haze-NumberInputCore__input::-webkit-outer-spin-button{appearance:none;margin:0}.haze-NumberInputCore__stepBtn{appearance:none;background:var(--haze-color-bg-subtle);color:var(--haze-color-text);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;transition:background .1s;display:flex}.haze-NumberInputCore__stepBtn:hover{background:var(--haze-color-bg-muted)}.haze-NumberInputCore__stepBtn:active{background:var(--haze-color-border)}.haze-NumberInputCore__stepBtn:disabled{opacity:.5;cursor:not-allowed}.haze-NumberInputCore__inputSm{padding:var(--haze-space-1);font-size:var(--haze-text-sm)}.haze-NumberInputCore__inputMd{padding:var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-NumberInputCore__inputLg{padding:var(--haze-space-3);font-size:var(--haze-text-base)}.haze-NumberInputCore__btnSm{padding:0 var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-NumberInputCore__btnMd{padding:0 var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-NumberInputCore__btnLg{padding:0 var(--haze-space-3);font-size:var(--haze-text-base)}

package/dist/css/otp-input.css

@@ -1,2 +1,2 @@
 /* haze-ui otp-input — generated by scripts/split-css.mjs, do not edit */
-.haze-OTPInput__container{gap:var(--haze-space-2);font-family:var(--haze-font-sans);display:inline-flex}.haze-OTPInput__cell{text-align:center;width:2.5rem;height:2.75rem;font-size:var(--haze-text-lg);font-family:var(--haze-font-mono);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);outline:none;transition:border-color .15s,box-shadow .15s}.haze-OTPInput__cell:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}
+.haze-OTPInputCore__container{gap:var(--haze-space-2);font-family:var(--haze-font-sans);display:inline-flex}.haze-OTPInputCore__cell{text-align:center;width:2.5rem;height:2.75rem;font-size:var(--haze-text-lg);font-family:var(--haze-font-mono);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);outline:none;transition:border-color .15s,box-shadow .15s}.haze-OTPInputCore__cell:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}

package/dist/css/password-input.css

@@ -1,2 +1,2 @@
 /* haze-ui password-input — generated by scripts/split-css.mjs, do not edit */
-.haze-PasswordInput__wrapper{width:100%;font-family:var(--haze-font-sans);display:inline-flex;position:relative}.haze-PasswordInput__input{width:100%;padding:var(--haze-space-2) var(--haze-space-3);padding-right:var(--haze-space-10);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.haze-PasswordInput__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-PasswordInput__input:disabled{opacity:.5;cursor:not-allowed}.haze-PasswordInput__toggle{right:var(--haze-space-2);padding:var(--haze-space-2);cursor:pointer;min-width:2.5rem;min-height:2.5rem;color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.haze-PasswordInput__toggle:hover{color:var(--haze-color-text)}
+.haze-PasswordInputCore__wrapper{width:100%;font-family:var(--haze-font-sans);display:inline-flex;position:relative}.haze-PasswordInputCore__input{width:100%;padding:var(--haze-space-2) var(--haze-space-3);padding-right:var(--haze-space-10);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);outline:none;transition:border-color .15s,box-shadow .15s}.haze-PasswordInputCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-PasswordInputCore__input:disabled{opacity:.5;cursor:not-allowed}.haze-PasswordInputCore__toggle{right:var(--haze-space-2);padding:var(--haze-space-2);cursor:pointer;min-width:2.5rem;min-height:2.5rem;color:var(--haze-color-text-muted);font-size:var(--haze-text-sm);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.haze-PasswordInputCore__toggle:hover{color:var(--haze-color-text)}

package/dist/css/radio.css

@@ -1,3 +1,3 @@
 /* haze-ui radio — generated by scripts/split-css.mjs, do not edit */
 .haze-Radio__radioInput{appearance:none;border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-full);background:var(--haze-color-bg);cursor:pointer;flex-shrink:0;width:1.125rem;height:1.125rem;margin:.4375rem;transition:background .15s,border-color .15s,box-shadow .15s;position:relative}.haze-Radio__radioInput:hover{border-color:var(--haze-color-border-hover)}.haze-Radio__radioInput:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Radio__radioInput:checked{border-color:var(--haze-color-primary)}.haze-Radio__radioInput:checked:after{content:"";border-radius:var(--haze-radius-full);background:var(--haze-color-primary);width:10px;height:10px;position:absolute;top:3px;left:3px}.haze-Radio__radioInput:disabled{opacity:.5;cursor:not-allowed}.haze-Radio__labelStyle{align-items:center;gap:var(--haze-space-2);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);color:var(--haze-color-text);cursor:pointer;display:inline-flex}
-.haze-RadioGroup__base{gap:var(--haze-space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}
+.haze-RadioGroupCore__base{gap:var(--haze-space-2);border:none;flex-direction:column;margin:0;padding:0;display:flex}

package/dist/css/rating.css

@@ -1,2 +1,2 @@
 /* haze-ui rating — generated by scripts/split-css.mjs, do not edit */
-.haze-Rating__container{gap:var(--haze-space-1);font-family:var(--haze-font-sans);display:inline-flex}.haze-Rating__star{cursor:pointer;width:1.75rem;height:1.75rem;color:var(--haze-color-border);-webkit-transition:color .15s,-webkit-transform .15s;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:inline-flex;position:relative}.haze-Rating__star:hover{transform:scale(1.1)}.haze-Rating__starActive{color:var(--haze-color-warning)}
+.haze-RatingCore__container{gap:var(--haze-space-1);font-family:var(--haze-font-sans);display:inline-flex}.haze-RatingCore__star{cursor:pointer;width:1.75rem;height:1.75rem;color:var(--haze-color-border);-webkit-transition:color .15s,-webkit-transform .15s;justify-content:center;align-items:center;transition:color .15s,transform .15s;display:inline-flex;position:relative}.haze-RatingCore__star:hover{transform:scale(1.1)}.haze-RatingCore__starActive{color:var(--haze-color-warning)}

package/dist/css/segmented.css

@@ -1,2 +1,2 @@
 /* haze-ui segmented — generated by scripts/split-css.mjs, do not edit */
-.haze-Segmented__container{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);gap:2px;padding:2px;display:inline-flex;overflow-x:auto}.haze-Segmented__sm button{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-Segmented__md button{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-Segmented__lg button{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-Segmented__btn{border-radius:var(--haze-radius-sm);color:var(--haze-color-text-secondary);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);white-space:nowrap;background:0 0;border:none;transition:background .15s,color .15s}.haze-Segmented__btn:hover:not(:disabled){color:var(--haze-color-text)}.haze-Segmented__btn:disabled{opacity:.5;cursor:not-allowed}.haze-Segmented__btn:focus-visible{box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-Segmented__activeBtn{background:var(--haze-color-bg);color:var(--haze-color-text);box-shadow:var(--haze-shadow-sm)}
+.haze-SegmentedCore__container{background:var(--haze-color-bg-muted);border-radius:var(--haze-radius-md);font-family:var(--haze-font-sans);gap:2px;padding:2px;display:inline-flex;overflow-x:auto}.haze-SegmentedCore__sm button{padding:var(--haze-space-0) var(--haze-space-2);font-size:var(--haze-text-xs)}.haze-SegmentedCore__md button{padding:var(--haze-space-1) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SegmentedCore__lg button{padding:var(--haze-space-2) var(--haze-space-4);font-size:var(--haze-text-base)}.haze-SegmentedCore__btn{border-radius:var(--haze-radius-sm);color:var(--haze-color-text-secondary);cursor:pointer;font-family:var(--haze-font-sans);font-weight:var(--haze-weight-medium);white-space:nowrap;background:0 0;border:none;transition:background .15s,color .15s}.haze-SegmentedCore__btn:hover:not(:disabled){color:var(--haze-color-text)}.haze-SegmentedCore__btn:disabled{opacity:.5;cursor:not-allowed}.haze-SegmentedCore__btn:focus-visible{box-shadow:0 0 0 2px var(--haze-color-focus-ring);outline:none}.haze-SegmentedCore__activeBtn{background:var(--haze-color-bg);color:var(--haze-color-text);box-shadow:var(--haze-shadow-sm)}

package/dist/css/select.css

@@ -1,2 +1,2 @@
 /* haze-ui select — generated by scripts/split-css.mjs, do not edit */
-.haze-Select__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;padding-right:var(--haze-space-8);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.haze-Select__base:hover{border-color:var(--haze-color-border-hover)}.haze-Select__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Select__base:disabled{opacity:.5;cursor:not-allowed}.haze-Select__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-Select__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-Select__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
+.haze-SelectCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);appearance:none;-webkit-background-position:right var(--haze-space-3) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M2.22 4.47a.75.75 0 0 1 1.06 0L6 7.19l2.72-2.72a.75.75 0 1 1 1.06 1.06L6.53 8.78a.75.75 0 0 1-1.06 0L2.22 5.53a.75.75 0 0 1 0-1.06z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--haze-space-3) center;padding-right:var(--haze-space-8);cursor:pointer;transition:border-color .15s,box-shadow .15s;display:block}.haze-SelectCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-SelectCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SelectCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-SelectCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-SelectCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-SelectCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}

package/dist/css/slider.css

@@ -1,2 +1,2 @@
 /* haze-ui slider — generated by scripts/split-css.mjs, do not edit */
-.haze-Slider__base{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;outline:none;width:100%;height:6px;transition:background .15s}.haze-Slider__base::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.haze-Slider__base::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer}.haze-Slider__base:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Slider__base:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-Slider__base:disabled{opacity:.5;cursor:not-allowed}
+.haze-SliderCore__base{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;outline:none;width:100%;height:6px;transition:background .15s}.haze-SliderCore__base::-webkit-slider-thumb{appearance:none;border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer;transition:background .15s,box-shadow .15s}.haze-SliderCore__base::-moz-range-thumb{border-radius:var(--haze-radius-full);background:var(--haze-color-primary);border:2px solid var(--haze-color-bg);width:1.25rem;height:1.25rem;box-shadow:var(--haze-shadow-sm);cursor:pointer}.haze-SliderCore__base:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:focus-visible::-moz-range-thumb{box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-SliderCore__base:disabled{opacity:.5;cursor:not-allowed}

package/dist/css/switch.css

@@ -1,2 +1,2 @@
 /* haze-ui switch — generated by scripts/split-css.mjs, do not edit */
-.haze-Switch__track{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;align-items:center;padding:2px;transition:background .2s;display:inline-flex;position:relative}.haze-Switch__track:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Switch__track:disabled{opacity:.5;cursor:not-allowed}.haze-Switch__trackChecked{background:var(--haze-color-primary)}.haze-Switch__thumb{border-radius:var(--haze-radius-full);-webkit-transition:-webkit-transform .2s;box-shadow:var(--haze-shadow-sm);background:#fff;transition:transform .2s;display:block}.haze-Switch__trackSm{width:2.25rem;height:1.25rem}.haze-Switch__trackMd{width:40px;height:22px}.haze-Switch__trackLg{width:48px;height:26px}.haze-Switch__thumbSm{width:1rem;height:1rem}.haze-Switch__thumbMd{width:18px;height:18px}.haze-Switch__thumbLg{width:22px;height:22px}.haze-Switch__thumbCheckedSm{transform:translate(1rem)}.haze-Switch__thumbCheckedMd{transform:translate(18px)}.haze-Switch__thumbCheckedLg{transform:translate(22px)}
+.haze-SwitchCore__track{border-radius:var(--haze-radius-full);background:var(--haze-color-bg-muted);cursor:pointer;border:none;align-items:center;padding:2px;transition:background .2s;display:inline-flex;position:relative}.haze-SwitchCore__track:focus-visible{box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-SwitchCore__track:disabled{opacity:.5;cursor:not-allowed}.haze-SwitchCore__trackChecked{background:var(--haze-color-primary)}.haze-SwitchCore__thumb{border-radius:var(--haze-radius-full);-webkit-transition:-webkit-transform .2s;box-shadow:var(--haze-shadow-sm);background:#fff;transition:transform .2s;display:block}.haze-SwitchCore__trackSm{width:2.25rem;height:1.25rem}.haze-SwitchCore__trackMd{width:40px;height:22px}.haze-SwitchCore__trackLg{width:48px;height:26px}.haze-SwitchCore__thumbSm{width:1rem;height:1rem}.haze-SwitchCore__thumbMd{width:18px;height:18px}.haze-SwitchCore__thumbLg{width:22px;height:22px}.haze-SwitchCore__thumbCheckedSm{transform:translate(1rem)}.haze-SwitchCore__thumbCheckedMd{transform:translate(18px)}.haze-SwitchCore__thumbCheckedLg{transform:translate(22px)}

package/dist/css/tag-input.css

@@ -1,2 +1,2 @@
 /* haze-ui tag-input — generated by scripts/split-css.mjs, do not edit */
-.haze-TagInput__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);flex-wrap:wrap;align-items:center;min-height:2.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.haze-TagInput__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TagInput__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-TagInput__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-muted);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);display:inline-flex}.haze-TagInput__removeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagInput__removeBtn:hover{color:var(--haze-color-text)}.haze-TagInput__inputEl{min-width:4rem;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0}
+.haze-TagInputCore__container{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);font-family:var(--haze-font-sans);flex-wrap:wrap;align-items:center;min-height:2.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.haze-TagInputCore__container:focus-within{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TagInputCore__listWrap{-webkit-box-flex-wrap:wrap;gap:var(--haze-space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.haze-TagInputCore__tag{align-items:center;gap:var(--haze-space-1);padding:var(--haze-space-0) var(--haze-space-2);background:var(--haze-color-muted);border-radius:var(--haze-radius-sm);font-size:var(--haze-text-sm);color:var(--haze-color-text);line-height:var(--haze-leading-relaxed);display:inline-flex}.haze-TagInputCore__removeBtn{cursor:pointer;color:var(--haze-color-text-muted);font-size:var(--haze-text-xs);padding:var(--haze-space-1);background:0 0;border:none;align-items:center;min-width:1.5rem;min-height:1.5rem;display:inline-flex}.haze-TagInputCore__removeBtn:hover{color:var(--haze-color-text)}.haze-TagInputCore__inputEl{min-width:4rem;font-size:var(--haze-text-sm);font-family:var(--haze-font-sans);color:var(--haze-color-text);background:0 0;border:none;outline:none;flex:1;padding:0}

package/dist/css/textarea.css

@@ -1,2 +1,2 @@
 /* haze-ui textarea — generated by scripts/split-css.mjs, do not edit */
-.haze-Textarea__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);resize:vertical;transition:border-color .15s,box-shadow .15s;display:block}.haze-Textarea__base:hover{border-color:var(--haze-color-border-hover)}.haze-Textarea__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-Textarea__base:disabled{opacity:.5;cursor:not-allowed}.haze-Textarea__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-Textarea__base::placeholder{color:var(--haze-color-text-muted)}.haze-Textarea__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-Textarea__base::placeholder{color:var(--haze-color-text-muted)}.haze-Textarea__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-Textarea__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-Textarea__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}
+.haze-TextareaCore__base{border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);width:100%;color:var(--haze-color-text);font-family:var(--haze-font-sans);line-height:var(--haze-leading-normal);resize:vertical;transition:border-color .15s,box-shadow .15s;display:block}.haze-TextareaCore__base:hover{border-color:var(--haze-color-border-hover)}.haze-TextareaCore__base:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring);outline:none}.haze-TextareaCore__base:disabled{opacity:.5;cursor:not-allowed}.haze-TextareaCore__base::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__base:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-TextareaCore__base::placeholder{color:var(--haze-color-text-muted)}.haze-TextareaCore__sm{padding:var(--haze-space-1) var(--haze-space-2);font-size:var(--haze-text-sm)}.haze-TextareaCore__md{padding:var(--haze-space-2) var(--haze-space-3);font-size:var(--haze-text-sm)}.haze-TextareaCore__lg{padding:var(--haze-space-3) var(--haze-space-4);font-size:var(--haze-text-base)}

package/dist/css/time-picker.css

@@ -1,2 +1,2 @@
 /* haze-ui time-picker — generated by scripts/split-css.mjs, do not edit */
-.haze-TimePicker__input{width:100%;padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.haze-TimePicker__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TimePicker__input:disabled{opacity:.5;cursor:not-allowed}.haze-TimePicker__input::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-TimePicker__input::placeholder{color:var(--haze-color-text-muted)}.haze-TimePicker__input:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-TimePicker__input::placeholder{color:var(--haze-color-text-muted)}
+.haze-TimePickerCore__input{width:100%;padding:var(--haze-space-2) var(--haze-space-3);border:1px solid var(--haze-color-border);border-radius:var(--haze-radius-md);background:var(--haze-color-bg);color:var(--haze-color-text);font-family:var(--haze-font-sans);font-size:var(--haze-text-sm);outline:none;transition:border-color .15s,box-shadow .15s}.haze-TimePickerCore__input:focus{border-color:var(--haze-color-primary);box-shadow:0 0 0 3px var(--haze-color-focus-ring)}.haze-TimePickerCore__input:disabled{opacity:.5;cursor:not-allowed}.haze-TimePickerCore__input::-webkit-input-placeholder{color:var(--haze-color-text-muted)}.haze-TimePickerCore__input::placeholder{color:var(--haze-color-text-muted)}.haze-TimePickerCore__input:-ms-placeholder-shown{color:var(--haze-color-text-muted)}.haze-TimePickerCore__input::placeholder{color:var(--haze-color-text-muted)}

package/dist/form/FormItem.js

@@ -1,46 +1,46 @@
 
 import { classnames as e } from "../utils/classnames.js";
-import { useFormControl as t } from "./useFormControl.js";
 /* empty css                   */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useId as i } from "react";
-import { useField as a } from "react-f0rm";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useId as r } from "react";
+import { useField as i } from "react-f0rm";
 //#region src/lib/form/FormItem.tsx
-var o = "haze-FormItem__item", s = "haze-FormItem__labelText", c = "haze-FormItem__errorText";
-function l({ form: l, name: u, label: d, validate: f, mode: p, validateDebounce: m, delayError: h, rules: g, className: _, children: v }) {
-	let y = `haze-field-${i()}`, b = `${y}-error`, { onBlur: x, errors: S } = a({
-		form: l,
-		name: u,
-		validate: f,
-		mode: p,
-		validateDebounce: m,
-		delayError: h,
-		rules: g
-	}), C = t(l, u), w = S.length > 0;
-	return /* @__PURE__ */ r("div", {
-		className: e([o, _]),
+var a = "haze-FormItem__item", o = "haze-FormItem__labelText", s = "haze-FormItem__errorText";
+function c({ form: c, name: l, label: u, validate: d, mode: f, validateDebounce: p, delayError: m, rules: h, className: g, children: _ }) {
+	let v = `haze-field-${r()}`, y = `${v}-error`, { value: b, onChange: x, onBlur: S, errors: C } = i({
+		form: c,
+		name: l,
+		validate: d,
+		mode: f,
+		validateDebounce: p,
+		delayError: m,
+		rules: h
+	}), w = C.length > 0;
+	return /* @__PURE__ */ n("div", {
+		className: e([a, g]),
 		children: [
-			d !== void 0 && /* @__PURE__ */ n("label", {
-				htmlFor: y,
-				className: e(s),
-				children: d
+			u !== void 0 && /* @__PURE__ */ t("label", {
+				htmlFor: v,
+				className: e(o),
+				children: u
 			}),
-			v({
-				id: y,
-				errorId: b,
+			_({
+				id: v,
+				errorId: y,
 				invalid: w,
-				errors: S,
-				onBlur: x,
-				control: C
+				errors: C,
+				onBlur: S,
+				value: b,
+				onChange: x
 			}),
-			w && /* @__PURE__ */ n("span", {
-				id: b,
+			w && /* @__PURE__ */ t("span", {
+				id: y,
 				role: "alert",
-				className: e(c),
-				children: S[0].message
+				className: e(s),
+				children: C[0].message
 			})
 		]
 	});
 }
 //#endregion
-export { l as default };
+export { c as default };