haze-ui 1.32.0 → 1.34.0

package/dist/components/TagInput/TagInput.js

@@ -1,24 +1,37 @@
 "use client";
-import e from "./TagInputCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { NativeHiddenFields as e } from "../../utils/native-form.js";
+import t from "./TagInputCore.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/TagInput/TagInput.tsx
-function r({ value: r, onChange: i, placeholder: a, maxTags: o, disabled: s, className: c, id: l, "aria-invalid": u, "aria-describedby": d, ref: f }) {
-	let [p, m] = n(r, []);
-	return /* @__PURE__ */ t(e, {
-		ref: f,
-		value: p,
-		onChange: (e) => {
-			m(e), i?.(e);
-		},
-		placeholder: a,
-		maxTags: o,
-		disabled: s,
-		className: c,
-		id: l,
-		"aria-invalid": u,
-		"aria-describedby": d
-	});
+function s(s) {
+	let c = n(21), { value: l, onChange: u, placeholder: d, maxTags: f, disabled: p, className: m, name: h, id: g, "aria-invalid": _, "aria-describedby": v, ref: y } = s, b;
+	c[0] === Symbol.for("react.memo_cache_sentinel") ? (b = [], c[0] = b) : b = c[0];
+	let [x, S] = o(l, b), C;
+	c[1] !== u || c[2] !== S ? (C = (e) => {
+		S(e), u?.(e);
+	}, c[1] = u, c[2] = S, c[3] = C) : C = c[3];
+	let w;
+	c[4] !== v || c[5] !== _ || c[6] !== m || c[7] !== p || c[8] !== g || c[9] !== f || c[10] !== d || c[11] !== y || c[12] !== C || c[13] !== x ? (w = /* @__PURE__ */ i(t, {
+		ref: y,
+		value: x,
+		onChange: C,
+		placeholder: d,
+		maxTags: f,
+		disabled: p,
+		className: m,
+		id: g,
+		"aria-invalid": _,
+		"aria-describedby": v
+	}), c[4] = v, c[5] = _, c[6] = m, c[7] = p, c[8] = g, c[9] = f, c[10] = d, c[11] = y, c[12] = C, c[13] = x, c[14] = w) : w = c[14];
+	let T;
+	c[15] !== h || c[16] !== x ? (T = /* @__PURE__ */ i(e, {
+		name: h,
+		values: x
+	}), c[15] = h, c[16] = x, c[17] = T) : T = c[17];
+	let E;
+	return c[18] !== w || c[19] !== T ? (E = /* @__PURE__ */ a(r, { children: [w, T] }), c[18] = w, c[19] = T, c[20] = E) : E = c[20], E;
 }
 //#endregion
-export { r as default };
+export { s as default };

package/dist/components/Textarea/Textarea.js

@@ -1,19 +1,23 @@
 "use client";
-import e from "./TextareaCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
+import t from "./TextareaCore.js";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
+import { useControl as i } from "react-use-control";
 //#region src/lib/components/Textarea/Textarea.tsx
-function r({ value: r, size: i, className: a, onChange: o, ref: s, ...c }) {
-	let [l, u] = n(r, "");
-	return /* @__PURE__ */ t(e, {
-		ref: s,
-		value: l,
-		onChange: u,
-		onNativeChange: o,
-		size: i,
-		className: a,
-		...c
-	});
+function a(a) {
+	let o = n(15), s, c, l, u, d, f;
+	o[0] === a ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6]) : ({value: f, size: d, className: s, onChange: c, ref: l, ...u} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f);
+	let [p, m] = i(f, ""), h = e("Textarea"), g = d ?? h.size, _;
+	return o[7] !== s || o[8] !== c || o[9] !== l || o[10] !== u || o[11] !== m || o[12] !== g || o[13] !== p ? (_ = /* @__PURE__ */ r(t, {
+		ref: l,
+		value: p,
+		onChange: m,
+		onNativeChange: c,
+		size: g,
+		className: s,
+		...u
+	}), o[7] = s, o[8] = c, o[9] = l, o[10] = u, o[11] = m, o[12] = g, o[13] = p, o[14] = _) : _ = o[14], _;
 }
 //#endregion
-export { r as default };
+export { a as default };

package/dist/components/Textarea/TextareaCore.js

@@ -1,16 +1,13 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
+import { sizes as t } from "./textarea-styles.js";
 /* empty css                       */
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as n } 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"
-};
+var r = "haze-TextareaCore__base";
 function i({ value: i, onChange: a, onNativeChange: o, size: s = "md", className: c, ref: l, ...u }) {
-	return /* @__PURE__ */ t("textarea", {
+	return /* @__PURE__ */ n("textarea", {
 		ref: l,
 		"data-slot": "textarea",
 		value: i,
@@ -19,8 +16,8 @@ function i({ value: i, onChange: a, onNativeChange: o, size: s = "md", className
 		},
 		...u,
 		className: e([
-			n,
-			r[s],
+			r,
+			t[s],
 			c
 		])
 	});

package/dist/components/Textarea/textarea-styles.js

@@ -0,0 +1,11 @@
+
+"use client";
+/* empty css                          */
+//#region src/lib/components/Textarea/textarea-styles.ts
+var e = {
+	sm: "haze-textarea-styles__sm",
+	md: "haze-textarea-styles__md",
+	lg: "haze-textarea-styles__lg"
+};
+//#endregion
+export { e as sizes };

package/dist/components/ThinkingIndicator/ThinkingIndicator.js

@@ -3,36 +3,49 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                            */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/lib/components/ThinkingIndicator/ThinkingIndicator.tsx
-var i = "haze-ThinkingIndicator__wrapper", a = "haze-ThinkingIndicator__dots", o = "haze-ThinkingIndicator__dot", s = "haze-ThinkingIndicator__dot2", c = "haze-ThinkingIndicator__dot3";
-function l({ text: l, className: u }) {
-	let d = t("thinkingIndicator"), f = l ?? d.text;
-	return /* @__PURE__ */ r("div", {
+var a = "haze-ThinkingIndicator__wrapper", o = "haze-ThinkingIndicator__dots", s = "haze-ThinkingIndicator__dot", c = "haze-ThinkingIndicator__dot2", l = "haze-ThinkingIndicator__dot3";
+function u(u) {
+	let d = n(11), { text: f, className: p } = u, m = t("thinkingIndicator"), h = f ?? m.text, g;
+	d[0] === p ? g = d[1] : (g = [a, p], d[0] = p, d[1] = g);
+	let _;
+	d[2] === h ? _ = d[3] : (_ = /* @__PURE__ */ r("span", {
+		"data-slot": "label",
+		children: h
+	}), d[2] = h, d[3] = _);
+	let v;
+	d[4] === Symbol.for("react.memo_cache_sentinel") ? (v = [o], d[4] = v) : v = d[4];
+	let y;
+	d[5] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ r("span", {
+		"data-slot": "dot",
+		className: e([s])
+	}), d[5] = y) : y = d[5];
+	let b;
+	d[6] === Symbol.for("react.memo_cache_sentinel") ? (b = /* @__PURE__ */ r("span", {
+		"data-slot": "dot",
+		className: e([s, c])
+	}), d[6] = b) : b = d[6];
+	let x;
+	d[7] === Symbol.for("react.memo_cache_sentinel") ? (x = /* @__PURE__ */ i("span", {
+		"data-slot": "dots",
+		className: e(v),
+		children: [
+			y,
+			b,
+			/* @__PURE__ */ r("span", {
+				"data-slot": "dot",
+				className: e([s, l])
+			})
+		]
+	}), d[7] = x) : x = d[7];
+	let S;
+	return d[8] !== g || d[9] !== _ ? (S = /* @__PURE__ */ i("div", {
 		"data-slot": "thinking-indicator",
-		className: e([i, u]),
-		children: [/* @__PURE__ */ n("span", {
-			"data-slot": "label",
-			children: f
-		}), /* @__PURE__ */ r("span", {
-			"data-slot": "dots",
-			className: e([a]),
-			children: [
-				/* @__PURE__ */ n("span", {
-					"data-slot": "dot",
-					className: e([o])
-				}),
-				/* @__PURE__ */ n("span", {
-					"data-slot": "dot",
-					className: e([o, s])
-				}),
-				/* @__PURE__ */ n("span", {
-					"data-slot": "dot",
-					className: e([o, c])
-				})
-			]
-		})]
-	});
+		className: e(g),
+		children: [_, x]
+	}), d[8] = g, d[9] = _, d[10] = S) : S = d[10], S;
 }
 //#endregion
-export { l as default };
+export { u as default };

package/dist/components/TimeField/TimeField.js

@@ -0,0 +1,29 @@
+"use client";
+import e from "./TimeFieldCore.js";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
+//#region src/lib/components/TimeField/TimeField.tsx
+function i(i) {
+	let a = t(25), o, s, c, l, u, d, f, p, m, h;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7], p = a[8], m = a[9], h = a[10]) : ({value: h, onChange: u, format: c, use12Hours: m, disabled: s, placeholder: d, labels: l, className: o, ref: f, ...p} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f, a[8] = p, a[9] = m, a[10] = h);
+	let [g, _] = r(h, ""), v;
+	a[11] !== u || a[12] !== _ ? (v = (e) => {
+		_(e), u?.(e);
+	}, a[11] = u, a[12] = _, a[13] = v) : v = a[13];
+	let y = v, b;
+	return a[14] !== o || a[15] !== y || a[16] !== s || a[17] !== c || a[18] !== l || a[19] !== d || a[20] !== f || a[21] !== p || a[22] !== m || a[23] !== g ? (b = /* @__PURE__ */ n(e, {
+		ref: f,
+		value: g,
+		onChange: y,
+		format: c,
+		use12Hours: m,
+		disabled: s,
+		placeholder: d,
+		labels: l,
+		className: o,
+		...p
+	}), a[14] = o, a[15] = y, a[16] = s, a[17] = c, a[18] = l, a[19] = d, a[20] = f, a[21] = p, a[22] = m, a[23] = g, a[24] = b) : b = a[24], b;
+}
+//#endregion
+export { i as default };

package/dist/components/TimeField/TimeFieldCore.js

@@ -0,0 +1,69 @@
+"use client";
+import e from "../DateField/segmented-field.js";
+import { formatTimeValue as t, from12Hour as n, parseTimeValue as r, to12Hour as i } from "../TimePicker/time.js";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/lib/components/TimeField/TimeFieldCore.tsx
+function o({ value: o, onChange: s, format: c = "HH:mm", use12Hours: l = !1, disabled: u, placeholder: d, labels: f, className: p, ref: m, ...h }) {
+	let g = c === "HH:mm:ss", _ = r(o), v = [_ ? l ? i(_.hour) : _.hour : null, _ ? _.minute : null];
+	g && v.push(_ ? _.second : null), l && v.push(_ ? +(_.hour >= 12) : null);
+	let y = [{
+		kind: "numeric",
+		key: "hour",
+		label: f?.hour ?? "Hour",
+		min: +!!l,
+		max: l ? 12 : 23,
+		digits: 2,
+		pad: 2,
+		placeholder: d?.hour ?? "hh",
+		wrap: !0
+	}, {
+		kind: "numeric",
+		key: "minute",
+		label: f?.minute ?? "Minute",
+		min: 0,
+		max: 59,
+		digits: 2,
+		pad: 2,
+		placeholder: d?.minute ?? "mm",
+		wrap: !0
+	}], b = [":"];
+	return g && (y.push({
+		kind: "numeric",
+		key: "second",
+		label: f?.second ?? "Second",
+		min: 0,
+		max: 59,
+		digits: 2,
+		pad: 2,
+		placeholder: d?.second ?? "ss",
+		wrap: !0
+	}), b.push(":")), l && (y.push({
+		kind: "period",
+		key: "dayPeriod",
+		label: f?.dayPeriod ?? "Day period",
+		options: ["AM", "PM"],
+		placeholder: d?.dayPeriod ?? "--"
+	}), b.push(" ")), /* @__PURE__ */ a(e, {
+		ref: m,
+		"data-slot": "time-field",
+		segments: y,
+		separators: b,
+		values: v,
+		value: o,
+		serialize: (e) => {
+			if (e.some((e) => e == null)) return null;
+			let r = e[0], i = e[1], a = g ? e[2] : 0, o = l ? e[e.length - 1] ?? 0 : 0;
+			return t({
+				hour: l ? n(r, o === 1) : r,
+				minute: i,
+				second: a
+			}, c);
+		},
+		onChange: s,
+		disabled: u,
+		className: p,
+		...h
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/TimeField/index.js

@@ -0,0 +1,4 @@
+"use client";
+import e from "./TimeFieldCore.js";
+import t from "./TimeField.js";
+export { t as TimeField, e as TimeFieldCore };

package/dist/components/TimeGrid/TimeGrid.js

@@ -0,0 +1,89 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { NativeHiddenFields as t } from "../../utils/native-form.js";
+import { mergeRefs as n } from "../../utils/refs.js";
+import { timeGridBase as r, timeGridButton as i } from "./time-grid-styles.js";
+import { useRef as a } from "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useControl as l } from "react-use-control";
+//#region src/lib/components/TimeGrid/TimeGrid.tsx
+var u = "00:00", d = "23:00", f = 60, p = 4;
+function m(e) {
+	let t = /^(\d{1,2}):(\d{2})$/.exec(e.trim());
+	if (!t) return null;
+	let n = Number(t[1]), r = Number(t[2]);
+	return Number.isNaN(n) || Number.isNaN(r) || n > 23 || r > 59 ? null : n * 60 + r;
+}
+function h(e) {
+	let t = Math.floor(e / 60), n = e % 60;
+	return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
+}
+function g(e, t, n) {
+	let r = m(e), i = m(t);
+	if (r === null || i === null || r > i || n <= 0) return [];
+	let a = [];
+	for (let e = r; e <= i; e += n) a.push(h(e));
+	return a;
+}
+function _({ value: m, onChange: h, from: _ = u, to: v = d, step: y = f, disabledValues: b, columns: x = p, formatLabel: S, name: C, classNames: w, className: T, style: E, ref: D, ...O }) {
+	let [k, A] = l(m, ""), j = g(_, v, y), M = new Set(b), N = Math.max(1, Math.floor(x)), P = j.findIndex((e) => !M.has(e)), F = j.findLastIndex((e) => !M.has(e)), I = j.indexOf(k), L = I >= 0 && !M.has(k) ? I : P >= 0 ? P : 0, R = a([]), z = (e) => {
+		A(e), h?.(e);
+	}, B = (e, t) => {
+		let n = e + t;
+		for (; n >= 0 && n < j.length && M.has(j[n]);) n += t > 0 ? 1 : -1;
+		return n < 0 || n >= j.length ? null : n;
+	}, V = (e, t) => {
+		let n = {
+			ArrowRight: 1,
+			ArrowLeft: -1,
+			ArrowDown: N,
+			ArrowUp: -N
+		}, r;
+		if (e.key in n) r = B(t, n[e.key]);
+		else if (e.key === "Home") r = P;
+		else if (e.key === "End") r = F;
+		else return;
+		if (e.preventDefault(), r === null || r === t) return;
+		let i = j[r];
+		z(i), R.current[r]?.focus();
+	}, H = (e) => (t) => {
+		R.current[e] = t;
+	};
+	return /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("div", {
+		role: "radiogroup",
+		"data-slot": "time-grid",
+		style: {
+			gridTemplateColumns: `repeat(${N}, minmax(0, 1fr))`,
+			...E
+		},
+		...O,
+		className: e([
+			r,
+			T,
+			w?.root
+		]),
+		children: j.map((t, r) => /* @__PURE__ */ s("button", {
+			ref: r === L ? n(H(r), D) : H(r),
+			type: "button",
+			role: "radio",
+			"aria-checked": t === k,
+			"data-slot": "cell",
+			"data-selected": t === k,
+			disabled: M.has(t),
+			tabIndex: r === L ? 0 : -1,
+			onClick: () => z(t),
+			onKeyDown: (e) => V(e, r),
+			className: e([
+				i,
+				t === k && "haze-time-grid-styles__timeGridButtonSelected",
+				w?.cell
+			]),
+			children: S ? S(t) : t
+		}, t))
+	}), /* @__PURE__ */ s(t, {
+		name: C,
+		values: k === "" ? [] : [k]
+	})] });
+}
+//#endregion
+export { _ as default };

package/dist/components/TimeGrid/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e from "./TimeGrid.js";
+export { e as TimeGrid };

package/dist/components/TimeGrid/time-grid-styles.js

@@ -0,0 +1,7 @@
+
+"use client";
+/* empty css                           */
+//#region src/lib/components/TimeGrid/time-grid-styles.ts
+var e = "haze-time-grid-styles__timeGridBase", t = "haze-time-grid-styles__timeGridButton", n = "haze-time-grid-styles__timeGridButtonSelected";
+//#endregion
+export { e as timeGridBase, t as timeGridButton, n as timeGridButtonSelected };

package/dist/components/TimePicker/TimePicker.js

@@ -1,36 +1,37 @@
 "use client";
-import e from "./TimePickerCore.js";
-import t from "./TimePickerPanel.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useControl as r } from "react-use-control";
+import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
+import t from "./TimePickerCore.js";
+import n from "./TimePickerPanel.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useControl as i } from "react-use-control";
 //#region src/lib/components/TimePicker/TimePicker.tsx
-function i({ value: i, open: a, onChange: o, format: s = "HH:mm", hourStep: c = 1, minuteStep: l = 1, secondStep: u = 1, use12Hours: d = !1, disabledTime: f, native: p = !1, placeholder: m, className: h, ref: g, ..._ }) {
-	let [v, y] = r(i, ""), [b, x] = r(a, !1), S = (e) => {
-		y(e), o?.(e);
+function a({ value: a, open: o, onChange: s, format: c, hourStep: l = 1, minuteStep: u = 1, secondStep: d = 1, use12Hours: f, disabledTime: p, native: m = !1, placeholder: h, className: g, ref: _, ...v }) {
+	let [y, b] = i(a, ""), [x, S] = i(o, !1), C = e("TimePicker"), w = c ?? C.format ?? "HH:mm", T = f ?? C.use12Hours ?? !1, E = (e) => {
+		b(e), s?.(e);
 	};
-	return p ? /* @__PURE__ */ n(e, {
-		ref: g,
-		value: v,
-		onChange: S,
-		placeholder: m,
-		className: h,
-		..._
-	}) : /* @__PURE__ */ n(t, {
-		ref: g,
-		value: v,
-		onChange: S,
-		open: b,
-		onOpenChange: x,
-		format: s,
-		hourStep: c,
-		minuteStep: l,
-		secondStep: u,
-		use12Hours: d,
-		disabledTime: f,
-		placeholder: m,
-		className: h,
-		..._
+	return m ? /* @__PURE__ */ r(t, {
+		ref: _,
+		value: y,
+		onChange: E,
+		placeholder: h,
+		className: g,
+		...v
+	}) : /* @__PURE__ */ r(n, {
+		ref: _,
+		value: y,
+		onChange: E,
+		open: x,
+		onOpenChange: S,
+		format: w,
+		hourStep: l,
+		minuteStep: u,
+		secondStep: d,
+		use12Hours: T,
+		disabledTime: p,
+		placeholder: h,
+		className: g,
+		...v
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };

package/dist/components/TimePicker/TimePickerCore.js

@@ -2,20 +2,28 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                         */
-import { jsx as t } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } 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, ref: s, ...c }) {
-	return /* @__PURE__ */ t("input", {
-		ref: s,
+var r = "haze-TimePickerCore__input";
+function i(i) {
+	let a = t(18), o, s, c, l, u, d;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6]) : ({value: d, onChange: s, placeholder: c, className: o, ref: l, ...u} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d);
+	let f;
+	a[7] === o ? f = a[8] : (f = [r, o], a[7] = o, a[8] = f);
+	let p;
+	a[9] === s ? p = a[10] : (p = (e) => s(e.target.value), a[9] = s, a[10] = p);
+	let m;
+	return a[11] !== c || a[12] !== l || a[13] !== u || a[14] !== f || a[15] !== p || a[16] !== d ? (m = /* @__PURE__ */ n("input", {
+		ref: l,
 		"data-slot": "input",
 		type: "time",
-		value: r,
-		placeholder: a,
-		onChange: (e) => i(e.target.value),
-		...c,
-		className: e([n, o])
-	});
+		value: d,
+		placeholder: c,
+		onChange: p,
+		...u,
+		className: e(f)
+	}), a[11] = c, a[12] = l, a[13] = u, a[14] = f, a[15] = p, a[16] = d, a[17] = m) : m = a[17], m;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/Timeline/Timeline.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/Timeline/index.js

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