haze-ui 1.33.0 → 1.34.0

package/dist/components/Splitter/Splitter.js

@@ -4,13 +4,14 @@ import { classnames as e } from "../../utils/classnames.js";
 import { getDirection as t } from "../../utils/direction.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";
 /* empty css                   */
-import { Children as r, cloneElement as i, createContext as a, isValidElement as o, useContext as s, useRef as c } from "react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { isControl as d, useControl as ee, useThru as f, watch as p } from "react-use-control";
+import { c as r } from "react/compiler-runtime";
+import { Children as i, cloneElement as a, createContext as o, isValidElement as s, useContext as c, useRef as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { isControl as ee, useControl as te, useThru as f, watch as p } from "react-use-control";
 //#region src/lib/components/Splitter/Splitter.tsx
-var m = a(null);
+var m = o(null);
 function h() {
-	if (s(m) === null) throw Error("SplitterPane must be used within <Splitter>");
+	if (c(m) === null) throw Error("SplitterPane must be used within <Splitter>");
 }
 var g = 5, _ = 2 ** 53 - 1, v = (e) => Math.round(e * 100) / 100;
 function y(e, t, n) {
@@ -22,13 +23,13 @@ function b(e, t, n) {
 		hi: Math.min(e.max, n - t.min)
 	};
 }
-var te = "haze-Splitter__splitterBase", ne = "haze-Splitter__splitterHorizontal", x = "haze-Splitter__splitterVertical";
-function S({ orientation: a = "horizontal", sizes: s, onSizesChange: h, children: S, className: C, ...N }) {
-	let P = r.toArray(S).filter(o).map((e) => {
+var ne = "haze-Splitter__splitterBase", re = "haze-Splitter__splitterHorizontal", x = "haze-Splitter__splitterVertical";
+function S({ orientation: r = "horizontal", sizes: o, onSizesChange: c, children: h, className: S, ...C }) {
+	let P = i.toArray(h).filter(s).map((e) => {
 		if (e.type !== w) throw Error("Splitter children must be <SplitterPane> elements");
 		return e;
-	}), F = P.length, I = () => Array.from({ length: F }, () => 100 / F), L = d(s), [R, ae] = ee(f(L ? s : void 0, p((e) => h?.(e))), L ? I : s ?? I), z = (e) => {
-		let t = R[e];
+	}), F = P.length, I = () => Array.from({ length: F }, () => 100 / F), L = ee(o), [ae, R] = te(f(L ? o : void 0, p((e) => c?.(e))), L ? I : o ?? I), z = (e) => {
+		let t = ae[e];
 		return t === void 0 ? 100 / F : t;
 	}, B = (e) => {
 		let t = P[e]?.props;
@@ -36,7 +37,7 @@ function S({ orientation: a = "horizontal", sizes: s, onSizesChange: h, children
 			min: t?.min ?? 0,
 			max: t?.max ?? Infinity
 		};
-	}, V = c(null), H = c(null), U = n("splitter"), W = c(/* @__PURE__ */ new Map()), G = (e) => P[e]?.props.collapsible === !0, K = (e) => z(e) === 0, q = (e) => {
+	}, V = l(null), H = l(null), U = n("splitter"), W = l(/* @__PURE__ */ new Map()), G = (e) => P[e]?.props.collapsible === !0, K = (e) => z(e) === 0, q = (e) => {
 		let t = B(e);
 		return K(e) ? {
 			...t,
@@ -50,20 +51,20 @@ function S({ orientation: a = "horizontal", sizes: s, onSizesChange: h, children
 			let s = e === n ? o : r - o;
 			X(n, s, r);
 		} else W.current.set(e, z(e)), X(n, e === n ? 0 : r, r);
-	}, Y = () => a === "horizontal" && t(V.current) === "rtl", X = (e, t, n) => {
+	}, Y = () => r === "horizontal" && t(V.current) === "rtl", X = (e, t, n) => {
 		let r = v(t), i = v(n - r);
-		ae((t) => {
+		R((t) => {
 			if (e + 1 >= t.length || t[e] === r) return t;
 			let n = t.slice();
 			return n[e] = r, n[e + 1] = i, n;
 		});
-	}, Z = (e) => a === "horizontal" ? e.clientX : e.clientY, oe = () => {
+	}, Z = (e) => r === "horizontal" ? e.clientX : e.clientY, oe = () => {
 		let e = V.current;
 		if (e === null) return 0;
 		let t = 0;
 		for (let n of e.querySelectorAll("[data-slot='pane']")) {
 			let e = n.getBoundingClientRect();
-			t += a === "horizontal" ? e.width : e.height;
+			t += r === "horizontal" ? e.width : e.height;
 		}
 		return t;
 	}, se = (e, t) => {
@@ -100,27 +101,27 @@ function S({ orientation: a = "horizontal", sizes: s, onSizesChange: h, children
 			t.releasePointerCapture(e.pointerId);
 		} catch {}
 	}, le = (e, t) => {
-		let n = a === "horizontal" ? "ArrowRight" : "ArrowDown", r = a === "horizontal" ? "ArrowLeft" : "ArrowUp", { key: i } = t;
-		if (i !== n && i !== r && i !== "Home" && i !== "End") return;
+		let n = r === "horizontal" ? "ArrowRight" : "ArrowDown", i = r === "horizontal" ? "ArrowLeft" : "ArrowUp", { key: a } = t;
+		if (a !== n && a !== i && a !== "Home" && a !== "End") return;
 		let o = z(e) + z(e + 1), { lo: s, hi: c } = b(q(e), q(e + 1), o), l = z(e);
 		t.preventDefault();
-		let u = Y(), d = y(l + (i === n ? u ? -5 : g : i === r ? u ? g : -5 : i === "Home" ? -_ : _), s, c);
+		let u = Y(), d = y(l + (a === n ? u ? -5 : g : a === i ? u ? g : -5 : a === "Home" ? -_ : _), s, c);
 		d !== l && X(e, d, o);
 	}, $ = [];
 	return P.forEach((t, n) => {
 		if (n > 0) {
-			let t = n - 1, r = z(t) + z(n), { lo: i, hi: o } = b(q(t), q(n), r);
-			$.push(/* @__PURE__ */ u("div", {
+			let t = n - 1, i = z(t) + z(n), { lo: a, hi: o } = b(q(t), q(n), i);
+			$.push(/* @__PURE__ */ d("div", {
 				"data-slot": "divider",
-				className: e([T, a === "horizontal" ? re : E]),
+				className: e([T, r === "horizontal" ? E : D]),
 				children: [
-					/* @__PURE__ */ l("div", {
+					/* @__PURE__ */ u("div", {
 						"data-slot": "divider-handle",
 						role: "separator",
-						"aria-orientation": a === "horizontal" ? "vertical" : "horizontal",
+						"aria-orientation": r === "horizontal" ? "vertical" : "horizontal",
 						tabIndex: 0,
 						"aria-valuenow": Math.round(z(t)),
-						"aria-valuemin": Math.round(i),
+						"aria-valuemin": Math.round(a),
 						"aria-valuemax": Math.round(o),
 						onKeyDown: (e) => le(t, e),
 						onPointerDown: (e) => se(t, e),
@@ -129,71 +130,80 @@ function S({ orientation: a = "horizontal", sizes: s, onSizesChange: h, children
 						onPointerCancel: Q,
 						className: e([ie])
 					}),
-					G(t) && /* @__PURE__ */ l("button", {
+					G(t) && /* @__PURE__ */ u("button", {
 						type: "button",
 						"data-slot": "divider-collapse",
 						"data-side": "lead",
 						"aria-expanded": !K(t),
 						"aria-label": K(t) ? U.expandLead : U.collapseLead,
 						onClick: () => J(t, n),
-						className: e([O, a === "horizontal" ? k : j]),
-						children: D
+						className: e([k, r === "horizontal" ? A : M]),
+						children: O
 					}, `splitter-collapse-lead-${n}`),
-					G(n) && /* @__PURE__ */ l("button", {
+					G(n) && /* @__PURE__ */ u("button", {
 						type: "button",
 						"data-slot": "divider-collapse",
 						"data-side": "trail",
 						"aria-expanded": !K(n),
 						"aria-label": K(n) ? U.expandTrail : U.collapseTrail,
 						onClick: () => J(n, t),
-						className: e([O, a === "horizontal" ? A : M]),
-						children: D
+						className: e([k, r === "horizontal" ? j : N]),
+						children: O
 					}, `splitter-collapse-trail-${n}`)
 				]
 			}, `splitter-divider-${n}`));
 		}
-		$.push(i(t, { style: {
+		$.push(a(t, { style: {
 			...t.props.style,
 			flexGrow: z(n)
 		} }));
-	}), /* @__PURE__ */ l(m.Provider, {
+	}), /* @__PURE__ */ u(m.Provider, {
 		value: !0,
-		children: l("div", {
+		children: u("div", {
 			ref: V,
 			"data-slot": "splitter",
-			...N,
+			...C,
 			className: e([
-				te,
-				a === "horizontal" ? ne : x,
-				C
+				ne,
+				r === "horizontal" ? re : x,
+				S
 			]),
 			children: $
 		})
 	});
 }
 var C = "haze-Splitter__paneBase";
-function w({ min: t, max: n, collapsible: r, children: i, className: a, ...o }) {
-	return h(), /* @__PURE__ */ l("div", {
+function w(t) {
+	let n = r(10), i, a, o;
+	if (n[0] !== t) {
+		let { min: e, max: r, collapsible: s, children: c, className: l, ...u } = t;
+		i = c, a = l, o = u, n[0] = t, n[1] = i, n[2] = a, n[3] = o;
+	} else i = n[1], a = n[2], o = n[3];
+	h();
+	let s;
+	n[4] === a ? s = n[5] : (s = [C, a], n[4] = a, n[5] = s);
+	let c;
+	return n[6] !== i || n[7] !== o || n[8] !== s ? (c = /* @__PURE__ */ u("div", {
 		"data-slot": "pane",
 		...o,
-		className: e([C, a]),
+		className: e(s),
 		children: i
-	});
+	}), n[6] = i, n[7] = o, n[8] = s, n[9] = c) : c = n[9], c;
 }
-var T = "haze-Splitter__dividerBase", re = "haze-Splitter__dividerHorizontal", E = "haze-Splitter__dividerVertical", ie = "haze-Splitter__dividerHandle", D = /* @__PURE__ */ l("svg", {
+var T = "haze-Splitter__dividerBase", E = "haze-Splitter__dividerHorizontal", D = "haze-Splitter__dividerVertical", ie = "haze-Splitter__dividerHandle", O = /* @__PURE__ */ u("svg", {
 	width: "12",
 	height: "12",
 	viewBox: "0 0 16 16",
 	fill: "none",
 	"aria-hidden": "true",
 	focusable: "false",
-	children: l("path", {
+	children: u("path", {
 		d: "M10.5 3 5.5 8l5 5",
 		stroke: "currentColor",
 		strokeWidth: "1.75",
 		strokeLinecap: "round",
 		strokeLinejoin: "round"
 	})
-}), O = "haze-Splitter__collapseButtonBase", k = "haze-Splitter__collapseLeadHorizontal", A = "haze-Splitter__collapseTrailHorizontal", j = "haze-Splitter__collapseLeadVertical", M = "haze-Splitter__collapseTrailVertical";
+}), k = "haze-Splitter__collapseButtonBase", A = "haze-Splitter__collapseLeadHorizontal", j = "haze-Splitter__collapseTrailHorizontal", M = "haze-Splitter__collapseLeadVertical", N = "haze-Splitter__collapseTrailVertical";
 //#endregion
 export { S as Splitter, w as SplitterPane };

package/dist/components/StatusBar/StatusBar.js

@@ -1,5 +1,4 @@
 
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { jsx as t, jsxs as n } from "react/jsx-runtime";

package/dist/components/StatusBar/index.js

@@ -1,3 +1,2 @@
-"use client";
 import e, { StatusItem as t } from "./StatusBar.js";
 export { e as StatusBar, t as StatusItem };

package/dist/components/StepTimeline/StepTimeline.js

@@ -2,43 +2,109 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { useId as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControl as o } from "react-use-control";
 //#region src/lib/components/StepTimeline/StepTimeline.tsx
-var r = "haze-StepTimeline__list", i = "haze-StepTimeline__item", a = "haze-StepTimeline__marker", o = "haze-StepTimeline__markerPending", s = "haze-StepTimeline__markerActive", c = "haze-StepTimeline__markerDone", l = "haze-StepTimeline__markerError", u = "haze-StepTimeline__body", d = "haze-StepTimeline__labelStyle", f = "haze-StepTimeline__descriptionStyle", p = {
-	pending: o,
-	active: s,
-	done: c,
-	error: l
+var s = "haze-StepTimeline__list", c = "haze-StepTimeline__item", l = "haze-StepTimeline__itemStacked", u = "haze-StepTimeline__headerButton", d = "haze-StepTimeline__marker", f = "haze-StepTimeline__markerPending", p = "haze-StepTimeline__markerActive", m = "haze-StepTimeline__markerRunning", h = "haze-StepTimeline__markerDone", g = "haze-StepTimeline__markerError", _ = "haze-StepTimeline__body", v = "haze-StepTimeline__labelRow", y = "haze-StepTimeline__labelStyle", b = "haze-StepTimeline__timeStyle", x = "haze-StepTimeline__descriptionStyle", S = "haze-StepTimeline__chevron", C = "haze-StepTimeline__chevronOpen", w = "haze-StepTimeline__panelStyle", T = "haze-StepTimeline__subSteps", E = () => {
+	let e = t(1), n;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (n = /* @__PURE__ */ i("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 16 16",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: i("path", { d: "M6 4l4 4-4 4" })
+	}), e[0] = n) : n = e[0], n;
+}, D = {
+	pending: f,
+	active: p,
+	running: m,
+	done: h,
+	error: g
 };
-function m({ label: r, description: o, status: s = "pending", className: c }) {
-	return /* @__PURE__ */ n("div", {
+function O({ label: t, description: s, status: f = "pending", time: p, icon: m, collapsible: h = !1, content: g, open: O, onOpenChange: A, children: j, className: M }) {
+	let [N, P] = o(O, !1), F = n(), I = g != null || j != null, L = h && I, R = () => {
+		let e = !N;
+		P(e), A?.(e);
+	}, z = m ?? (f === "done" ? "✓" : f === "error" ? "!" : void 0), B = /* @__PURE__ */ i("div", {
+		"data-slot": "dot",
+		className: e([d, D[f]]),
+		children: z
+	}), V = /* @__PURE__ */ a("div", {
+		"data-slot": "content",
+		className: e([_]),
+		children: [/* @__PURE__ */ a("div", {
+			"data-slot": "label-row",
+			className: e([v]),
+			children: [/* @__PURE__ */ i("div", {
+				"data-slot": "label",
+				className: e([y]),
+				children: t
+			}), p != null && /* @__PURE__ */ i("span", {
+				"data-slot": "time",
+				className: e([b]),
+				children: p
+			})]
+		}), s && /* @__PURE__ */ i("div", {
+			"data-slot": "description",
+			className: e([x]),
+			children: s
+		})]
+	});
+	return /* @__PURE__ */ a("div", {
 		"data-slot": "item",
-		className: e([i, c]),
-		children: [/* @__PURE__ */ n("div", {
-			"data-slot": "dot",
-			className: e([a, p[s]]),
-			children: [s === "done" && "✓", s === "error" && "!"]
-		}), /* @__PURE__ */ n("div", {
-			"data-slot": "content",
+		"data-status": f,
+		className: e([
+			c,
+			L && l,
+			M
+		]),
+		children: [L ? /* @__PURE__ */ a("button", {
+			type: "button",
+			"data-slot": "header",
+			"aria-expanded": N,
+			"aria-controls": F,
+			onClick: R,
 			className: e([u]),
-			children: [/* @__PURE__ */ t("div", {
-				"data-slot": "label",
-				className: e([d]),
-				children: r
-			}), o && /* @__PURE__ */ t("div", {
-				"data-slot": "description",
-				className: e([f]),
-				children: o
+			children: [
+				B,
+				V,
+				/* @__PURE__ */ i("span", {
+					"data-slot": "icon",
+					"aria-hidden": "true",
+					className: e([S, N && C]),
+					children: /* @__PURE__ */ i(E, {})
+				})
+			]
+		}) : /* @__PURE__ */ a(r, { children: [B, V] }), I && /* @__PURE__ */ a("div", {
+			"data-slot": "panel",
+			id: L ? F : void 0,
+			hidden: L && !N,
+			className: e([w]),
+			children: [g, j != null && /* @__PURE__ */ i("div", {
+				"data-slot": "sub-steps",
+				className: e([T]),
+				children: /* @__PURE__ */ i(k, { children: j })
 			})]
 		})]
 	});
 }
-function h({ children: n, className: i }) {
-	return /* @__PURE__ */ t("div", {
+function k(n) {
+	let r = t(5), { children: a, className: o } = n, c;
+	r[0] === o ? c = r[1] : (c = [s, o], r[0] = o, r[1] = c);
+	let l;
+	return r[2] !== a || r[3] !== c ? (l = /* @__PURE__ */ i("div", {
 		"data-slot": "step-timeline",
-		className: e([r, i]),
-		children: n
-	});
+		className: e(c),
+		children: a
+	}), r[2] = a, r[3] = c, r[4] = l) : l = r[4], l;
 }
 //#endregion
-export { m as StepTimelineItem, h as default };
+export { O as StepTimelineItem, k as default };

package/dist/components/Stepper/Stepper.js

@@ -3,26 +3,40 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { StepperProvider as t } from "./StepperContext.js";
 /* empty css                  */
-import { Children as n, cloneElement as r, isValidElement as i } from "react";
-import { jsx as a } from "react/jsx-runtime";
-import { useControl as o } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { Children as r, cloneElement as i, isValidElement as a } from "react";
+import { jsx as o } from "react/jsx-runtime";
+import { useControl as s } from "react-use-control";
 //#region src/lib/components/Stepper/Stepper.tsx
-var s = "haze-Stepper__stepper";
-function c({ activeStep: c, children: l, className: u }) {
-	let [d, f] = o(c, 0), p = n.count(l);
-	return /* @__PURE__ */ a(t, {
-		value: {
-			activeStep: d,
-			setActiveStep: f,
-			totalSteps: p
-		},
-		children: a("div", {
-			"data-slot": "stepper",
-			role: "list",
-			className: e([s, u]),
-			children: n.map(l, (e, t) => i(e) ? r(e, { index: t }) : e)
-		})
-	});
+var c = "haze-Stepper__stepper";
+function l(i) {
+	let a = n(16), { activeStep: l, children: d, className: f } = i, [p, m] = s(l, 0), h;
+	a[0] === d ? h = a[1] : (h = r.count(d), a[0] = d, a[1] = h);
+	let g = h, _;
+	a[2] !== p || a[3] !== m || a[4] !== g ? (_ = {
+		activeStep: p,
+		setActiveStep: m,
+		totalSteps: g
+	}, a[2] = p, a[3] = m, a[4] = g, a[5] = _) : _ = a[5];
+	let v;
+	a[6] === f ? v = a[7] : (v = [c, f], a[6] = f, a[7] = v);
+	let y;
+	a[8] === d ? y = a[9] : (y = r.map(d, u), a[8] = d, a[9] = y);
+	let b;
+	a[10] !== v || a[11] !== y ? (b = /* @__PURE__ */ o("div", {
+		"data-slot": "stepper",
+		role: "list",
+		className: e(v),
+		children: y
+	}), a[10] = v, a[11] = y, a[12] = b) : b = a[12];
+	let x;
+	return a[13] !== _ || a[14] !== b ? (x = /* @__PURE__ */ o(t, {
+		value: _,
+		children: b
+	}), a[13] = _, a[14] = b, a[15] = x) : x = a[15], x;
+}
+function u(e, t) {
+	return a(e) ? i(e, { index: t }) : e;
 }
 //#endregion
-export { c as default };
+export { l as default };

package/dist/components/StreamingText/StreamingText.js

@@ -3,86 +3,88 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                        */
-import { memo as n, useEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { memo as r, useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/lib/components/StreamingText/StreamingText.tsx
-var c = 1200, l = "haze-StreamingText__wrapper", u = "haze-StreamingText__cursor", d = "haze-StreamingText__srOnly", f = 512;
-function p(e, t) {
+var l = 1200, u = "haze-StreamingText__wrapper", d = "haze-StreamingText__cursor", f = "haze-StreamingText__srOnly", p = 512;
+function m(e, t) {
 	let n = e.tail + t;
-	t === "\n" || n.length >= f ? (e.finalized = [...e.finalized, n], e.tail = "") : e.tail = n;
+	t === "\n" || n.length >= p ? (e.finalized = [...e.finalized, n], e.tail = "") : e.tail = n;
 }
-function m(e) {
+function h(e) {
 	let t = {
 		finalized: [],
 		tail: ""
 	};
-	for (let n of e) p(t, n);
+	for (let n of e) m(t, n);
 	return t;
 }
-var h = n(function({ text: e }) {
-	return /* @__PURE__ */ o("span", { children: e });
+var g = r(function(e) {
+	let t = n(2), { text: r } = e, i;
+	return t[0] === r ? i = t[1] : (i = /* @__PURE__ */ s("span", { children: r }), t[0] = r, t[1] = i), i;
 });
-function g({ text: n, speed: f = 20, announceInterval: g = c, onComplete: _, showCursor: v = !0, className: y }) {
-	let b = t("streamingText"), [x, S] = a(""), C = i(!1), [w, T] = a(""), E = i(""), D = i(null), O = i({
+function _({ text: n, speed: r = 20, announceInterval: p = l, onComplete: _, showCursor: v = !0, className: y }) {
+	let b = t("streamingText"), [x, S] = o(""), C = a(!1), [w, T] = o(""), E = a(""), D = a(null), O = a({
 		finalized: [],
 		tail: ""
 	});
-	O.current.tail.length + O.current.finalized.reduce((e, t) => e + t.length, 0) !== x.length && (O.current = m(x));
-	let { finalized: k, tail: A } = O.current, j = A ? [...k, A] : k, [M, N] = a(n);
+	O.current.tail.length + O.current.finalized.reduce((e, t) => e + t.length, 0) !== x.length && (O.current = h(x));
+	let { finalized: k, tail: A } = O.current, j = A ? [...k, A] : k, [M, N] = o(n);
 	n !== M && (N(n), S(""), T(""));
 	let P = x.length >= n.length;
-	return r(() => {
+	return i(() => {
 		E.current = x;
-	}, [x]), r(() => {
+	}, [x]), i(() => {
 		if (P) {
 			C.current || (C.current = !0, _?.());
 			return;
 		}
 		C.current = !1;
 		let e = setTimeout(() => {
-			p(O.current, n.charAt(x.length)), S(n.slice(0, x.length + 1));
-		}, f);
+			m(O.current, n.charAt(x.length)), S(n.slice(0, x.length + 1));
+		}, r);
 		return () => clearTimeout(e);
 	}, [
 		P,
 		x,
 		n,
-		f,
+		r,
 		_
-	]), r(() => {
+	]), i(() => {
 		if (P || D.current !== null) return;
 		w === "" && T(b.generating);
 		let e = setTimeout(() => {
 			D.current = null, T(E.current);
-		}, g);
+		}, p);
 		D.current = e;
 	}, [
 		x,
 		P,
 		w,
-		g,
+		p,
 		b.generating
-	]), r(() => {
+	]), i(() => {
 		P && (D.current !== null && (clearTimeout(D.current), D.current = null), T(n));
-	}, [P, n]), r(() => () => {
+	}, [P, n]), i(() => () => {
 		D.current !== null && clearTimeout(D.current);
-	}, []), /* @__PURE__ */ s("span", {
+	}, []), /* @__PURE__ */ c("span", {
 		"data-slot": "streaming-text",
-		className: e([l, y]),
-		children: [/* @__PURE__ */ o("span", {
+		className: e([u, y]),
+		children: [/* @__PURE__ */ s("span", {
 			"data-slot": "live-region",
 			role: "status",
-			className: e([d]),
+			className: e([f]),
 			children: w
-		}), /* @__PURE__ */ s("span", {
+		}), /* @__PURE__ */ c("span", {
 			"data-slot": "content",
 			"aria-busy": !P || void 0,
-			children: [j.map((e, t) => /* @__PURE__ */ o(h, { text: e }, t)), v && !P && /* @__PURE__ */ o("span", {
+			children: [j.map((e, t) => /* @__PURE__ */ s(g, { text: e }, t)), v && !P && /* @__PURE__ */ s("span", {
 				"data-slot": "caret",
-				className: e([u])
+				className: e([d])
 			})]
 		})]
 	});
 }
 //#endregion
-export { g as default };
+export { _ as default };

package/dist/components/Switch/Switch.js

@@ -1,19 +1,31 @@
 "use client";
-import e from "./SwitchCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { NativeBooleanField as e } from "../../utils/native-form.js";
+import t from "./SwitchCore.js";
+import { c as n } from "react/compiler-runtime";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { useControl as o } from "react-use-control";
 //#region src/lib/components/Switch/Switch.tsx
-function r({ checked: r, size: i, className: a, onClick: o, ref: s, ...c }) {
-	let [l, u] = n(r, !1);
-	return /* @__PURE__ */ t(e, {
-		ref: s,
-		checked: l,
-		onChange: u,
-		onNativeClick: o,
-		size: i,
-		className: a,
-		...c
-	});
+function s(s) {
+	let c = n(22), l, u, d, f, p, m, h;
+	c[0] === s ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7]) : ({checked: l, size: h, className: u, onClick: f, name: d, ref: p, ...m} = s, c[0] = s, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m, c[7] = h);
+	let [g, _] = o(l, !1), v;
+	c[8] !== g || c[9] !== u || c[10] !== f || c[11] !== p || c[12] !== m || c[13] !== _ || c[14] !== h ? (v = /* @__PURE__ */ i(t, {
+		ref: p,
+		checked: g,
+		onChange: _,
+		onNativeClick: f,
+		size: h,
+		className: u,
+		...m
+	}), c[8] = g, c[9] = u, c[10] = f, c[11] = p, c[12] = m, c[13] = _, c[14] = h, c[15] = v) : v = c[15];
+	let y;
+	c[16] !== g || c[17] !== d ? (y = /* @__PURE__ */ i(e, {
+		name: d,
+		type: "checkbox",
+		checked: g
+	}), c[16] = g, c[17] = d, c[18] = y) : y = c[18];
+	let b;
+	return c[19] !== v || c[20] !== y ? (b = /* @__PURE__ */ a(r, { children: [v, y] }), c[19] = v, c[20] = y, c[21] = b) : b = c[21], b;
 }
 //#endregion
-export { r as default };
+export { s as default };