haze-ui 1.12.0 → 1.12.2

package/dist/components/NumberInput/NumberInputCore.js

@@ -0,0 +1,56 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                          */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/lib/components/NumberInput/NumberInputCore.tsx
+var r = "haze-NumberInputCore__wrapper", i = "haze-NumberInputCore__input", a = "haze-NumberInputCore__stepBtn", o = "haze-NumberInputCore__inputSm", s = "haze-NumberInputCore__inputMd", c = "haze-NumberInputCore__inputLg", l = "haze-NumberInputCore__btnSm", u = "haze-NumberInputCore__btnMd", d = "haze-NumberInputCore__btnLg", f = {
+	sm: o,
+	md: s,
+	lg: c
+}, p = {
+	sm: l,
+	md: u,
+	lg: d
+};
+function m({ value: o, onChange: s, onNativeChange: c, min: l, max: u, step: d = 1, size: m = "md", className: h, ...g }) {
+	let _ = (e) => {
+		let t = Math.round(e * 1e10) / 1e10;
+		return l !== void 0 && t < l ? l : u !== void 0 && t > u ? u : t;
+	};
+	return /* @__PURE__ */ n("div", {
+		className: e([r, h]),
+		children: [
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: () => s(_(o - d)),
+				disabled: l !== void 0 && o <= l,
+				"aria-label": "Decrease",
+				className: e([a, p[m]]),
+				children: "−"
+			}),
+			/* @__PURE__ */ t("input", {
+				type: "number",
+				value: o,
+				min: l,
+				max: u,
+				step: d,
+				onChange: (e) => {
+					let t = Number(e.target.value);
+					Number.isNaN(t) || s(_(t)), c?.(e);
+				},
+				...g,
+				className: e([i, f[m]])
+			}),
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				onClick: () => s(_(o + d)),
+				disabled: u !== void 0 && o >= u,
+				"aria-label": "Increase",
+				className: e([a, p[m]]),
+				children: "+"
+			})
+		]
+	});
+}
+//#endregion
+export { m as default };

package/dist/components/OTPInput/OTPInput.js

@@ -1,51 +1,17 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                   */
+import e from "./OTPInputCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
-import { useCallback as r, useRef as i } from "react";
 //#region src/lib/components/OTPInput/OTPInput.tsx
-var a = "haze-OTPInput__container", o = "haze-OTPInput__cell";
-function s({ length: s = 6, value: c, onChange: l, className: u }) {
-	let [d, f] = n(c, ""), p = i([]), m = r((e, t) => {
-		let n = d.split("");
-		n[e] = t.slice(-1);
-		let r = n.join("").slice(0, s);
-		f(r), l?.(r), t && e < s - 1 && p.current[e + 1]?.focus();
-	}, [
-		d,
-		s,
-		f,
-		l
-	]), h = r((e, t) => {
-		t.key === "Backspace" && !d[e] && e > 0 && p.current[e - 1]?.focus();
-	}, [d]), g = r((e) => {
-		e.preventDefault();
-		let t = e.clipboardData.getData("text").slice(0, s);
-		f(t), l?.(t);
-		let n = Math.min(t.length, s - 1);
-		p.current[n]?.focus();
-	}, [
-		s,
-		f,
-		l
-	]);
-	return /* @__PURE__ */ t("div", {
-		className: e([a, u]),
-		children: Array.from({ length: s }, (n, r) => /* @__PURE__ */ t("input", {
-			ref: (e) => {
-				p.current[r] = e;
-			},
-			type: "text",
-			inputMode: "numeric",
-			maxLength: 1,
-			value: d[r] ?? "",
-			onChange: (e) => m(r, e.target.value),
-			onKeyDown: (e) => h(r, e),
-			onPaste: g,
-			className: e([o])
-		}, r))
+function r({ length: r, value: i, onChange: a, className: o }) {
+	let [s, c] = n(i, "");
+	return /* @__PURE__ */ t(e, {
+		length: r,
+		value: s,
+		onChange: (e) => {
+			c(e), a?.(e);
+		},
+		className: o
 	});
 }
 //#endregion
-export { s as default };
+export { r as default };

package/dist/components/OTPInput/OTPInputCore.js

@@ -0,0 +1,43 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                       */
+import { jsx as t } from "react/jsx-runtime";
+import { useCallback as n, useRef as r } from "react";
+//#region src/lib/components/OTPInput/OTPInputCore.tsx
+var i = "haze-OTPInputCore__container", a = "haze-OTPInputCore__cell";
+function o({ length: o = 6, value: s, onChange: c, className: l }) {
+	let u = r([]), d = n((e, t) => {
+		let n = s.split("");
+		n[e] = t.slice(-1), c(n.join("").slice(0, o)), t && e < o - 1 && u.current[e + 1]?.focus();
+	}, [
+		s,
+		o,
+		c
+	]), f = n((e, t) => {
+		t.key === "Backspace" && !s[e] && e > 0 && u.current[e - 1]?.focus();
+	}, [s]), p = n((e) => {
+		e.preventDefault();
+		let t = e.clipboardData.getData("text").slice(0, o);
+		c(t);
+		let n = Math.min(t.length, o - 1);
+		u.current[n]?.focus();
+	}, [o, c]);
+	return /* @__PURE__ */ t("div", {
+		className: e([i, l]),
+		children: Array.from({ length: o }, (n, r) => /* @__PURE__ */ t("input", {
+			ref: (e) => {
+				u.current[r] = e;
+			},
+			type: "text",
+			inputMode: "numeric",
+			maxLength: 1,
+			value: s[r] ?? "",
+			onChange: (e) => d(r, e.target.value),
+			onKeyDown: (e) => f(r, e),
+			onPaste: p,
+			className: e([a])
+		}, r))
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,33 +1,18 @@
-
-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 { useState as i } from "react";
+import e from "./PasswordInputCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
 //#region src/lib/components/PasswordInput/PasswordInput.tsx
-var a = "haze-PasswordInput__wrapper", o = "haze-PasswordInput__input", s = "haze-PasswordInput__toggle";
-function c({ value: c, onChange: l, placeholder: u, disabled: d, className: f }) {
-	let [p, m] = r(c, ""), [h, g] = i(!1);
-	return /* @__PURE__ */ n("div", {
-		className: e([a, f]),
-		children: [/* @__PURE__ */ t("input", {
-			type: h ? "text" : "password",
-			value: p,
-			onChange: (e) => {
-				m(e.target.value), l?.(e.target.value);
-			},
-			placeholder: u,
-			disabled: d,
-			className: e([o])
-		}), /* @__PURE__ */ t("button", {
-			type: "button",
-			onClick: () => g(!h),
-			tabIndex: -1,
-			"aria-label": h ? "Hide password" : "Show password",
-			className: e([s]),
-			children: h ? "🙈" : "👁"
-		})]
+function r({ value: r, onChange: i, placeholder: a, disabled: o, className: s }) {
+	let [c, l] = n(r, "");
+	return /* @__PURE__ */ t(e, {
+		value: c,
+		onChange: (e) => {
+			l(e), i?.(e);
+		},
+		placeholder: a,
+		disabled: o,
+		className: s
 	});
 }
 //#endregion
-export { c as default };
+export { r as default };

package/dist/components/PasswordInput/PasswordInputCore.js

@@ -0,0 +1,30 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                            */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+//#region src/lib/components/PasswordInput/PasswordInputCore.tsx
+var i = "haze-PasswordInputCore__wrapper", a = "haze-PasswordInputCore__input", o = "haze-PasswordInputCore__toggle";
+function s({ value: s, onChange: c, placeholder: l, disabled: u, className: d }) {
+	let [f, p] = r(!1);
+	return /* @__PURE__ */ n("div", {
+		className: e([i, d]),
+		children: [/* @__PURE__ */ t("input", {
+			type: f ? "text" : "password",
+			value: s,
+			onChange: (e) => c(e.target.value),
+			placeholder: l,
+			disabled: u,
+			className: e([a])
+		}), /* @__PURE__ */ t("button", {
+			type: "button",
+			onClick: () => p(!f),
+			tabIndex: -1,
+			"aria-label": f ? "Hide password" : "Show password",
+			className: e([o]),
+			children: f ? "🙈" : "👁"
+		})]
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/Radio/RadioGroup.js

@@ -1,25 +1,16 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-import { RadioProvider as t } from "./RadioContext.js";
-/* empty css                     */
-import { jsx as n } from "react/jsx-runtime";
-import { useControl as r } from "react-use-control";
-import { useId as i } from "react";
+import e from "./RadioGroupCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
 //#region src/lib/components/Radio/RadioGroup.tsx
-var a = "haze-RadioGroup__base";
-function o({ value: o, name: s, className: c, children: l }) {
-	let [u, d] = r(o, ""), f = i();
-	return /* @__PURE__ */ n("fieldset", {
-		className: e([a, c]),
-		children: n(t, {
-			value: {
-				name: s ?? f,
-				value: u,
-				setValue: d
-			},
-			children: l
-		})
+function r({ value: r, name: i, className: a, children: o }) {
+	let [s, c] = n(r, "");
+	return /* @__PURE__ */ t(e, {
+		value: s,
+		onChange: c,
+		name: i,
+		className: a,
+		children: o
 	});
 }
 //#endregion
-export { o as default };
+export { r as default };

package/dist/components/Radio/RadioGroupCore.js

@@ -0,0 +1,24 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+import { RadioProvider as t } from "./RadioContext.js";
+/* empty css                         */
+import { jsx as n } from "react/jsx-runtime";
+import { useId as r } from "react";
+//#region src/lib/components/Radio/RadioGroupCore.tsx
+var i = "haze-RadioGroupCore__base";
+function a({ value: a, onChange: o, name: s, className: c, children: l }) {
+	let u = r();
+	return /* @__PURE__ */ n("fieldset", {
+		className: e([i, c]),
+		children: n(t, {
+			value: {
+				name: s ?? u,
+				value: a,
+				setValue: o
+			},
+			children: l
+		})
+	});
+}
+//#endregion
+export { a as default };

package/dist/components/Rating/Rating.js

@@ -1,50 +1,18 @@
-
-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 { useState as i } from "react";
+import e from "./RatingCore.js";
+import { jsx as t } from "react/jsx-runtime";
+import { useControl as n } from "react-use-control";
 //#region src/lib/components/Rating/Rating.tsx
-var a = "haze-Rating__container", o = "haze-Rating__star", s = "haze-Rating__starActive";
-function c({ value: c, count: l = 5, allowHalf: u = !1, onChange: d, className: f }) {
-	let [p, m] = r(c, 0), [h, g] = i(null), _ = (e) => {
-		let t = e + 1;
-		m(t), d?.(t);
-	}, v = h ?? p;
-	return /* @__PURE__ */ t("div", {
-		role: "radiogroup",
-		className: e([a, f]),
-		children: Array.from({ length: l }, (r, i) => {
-			let a = v >= i + 1, c = u && v >= i + .5 && v < i + 1;
-			return /* @__PURE__ */ t("span", {
-				role: "radio",
-				"aria-checked": p >= i + 1 ? "true" : "false",
-				"aria-label": `${i + 1} star${i > 0 ? "s" : ""}`,
-				onClick: () => _(i),
-				onMouseEnter: () => g(i + 1),
-				onMouseLeave: () => g(null),
-				className: e([o, (a || c) && s]),
-				children: /* @__PURE__ */ n("svg", {
-					width: "18",
-					height: "18",
-					viewBox: "0 0 24 24",
-					fill: a ? "currentColor" : c ? "url(#half)" : "none",
-					stroke: "currentColor",
-					strokeWidth: "2",
-					children: [c && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("linearGradient", {
-						id: "half",
-						children: [/* @__PURE__ */ t("stop", {
-							offset: "50%",
-							stopColor: "currentColor"
-						}), /* @__PURE__ */ t("stop", {
-							offset: "50%",
-							stopColor: "transparent"
-						})]
-					}) }), /* @__PURE__ */ t("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })]
-				})
-			}, i);
-		})
+function r({ value: r, count: i, allowHalf: a, onChange: o, className: s }) {
+	let [c, l] = n(r, 0);
+	return /* @__PURE__ */ t(e, {
+		value: c,
+		onChange: (e) => {
+			l(e), o?.(e);
+		},
+		count: i,
+		allowHalf: a,
+		className: s
 	});
 }
 //#endregion
-export { c as default };
+export { r as default };

package/dist/components/Rating/RatingCore.js

@@ -0,0 +1,48 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                     */
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useState as r } from "react";
+//#region src/lib/components/Rating/RatingCore.tsx
+var i = "haze-RatingCore__container", a = "haze-RatingCore__star", o = "haze-RatingCore__starActive";
+function s({ value: s, onChange: c, count: l = 5, allowHalf: u = !1, className: d }) {
+	let [f, p] = r(null), m = (e) => {
+		c(e + 1);
+	}, h = f ?? s;
+	return /* @__PURE__ */ t("div", {
+		role: "radiogroup",
+		className: e([i, d]),
+		children: Array.from({ length: l }, (r, i) => {
+			let c = h >= i + 1, l = u && h >= i + .5 && h < i + 1;
+			return /* @__PURE__ */ t("span", {
+				role: "radio",
+				"aria-checked": s >= i + 1 ? "true" : "false",
+				"aria-label": `${i + 1} star${i > 0 ? "s" : ""}`,
+				onClick: () => m(i),
+				onMouseEnter: () => p(i + 1),
+				onMouseLeave: () => p(null),
+				className: e([a, (c || l) && o]),
+				children: /* @__PURE__ */ n("svg", {
+					width: "18",
+					height: "18",
+					viewBox: "0 0 24 24",
+					fill: c ? "currentColor" : l ? "url(#half)" : "none",
+					stroke: "currentColor",
+					strokeWidth: "2",
+					children: [l && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ n("linearGradient", {
+						id: "half",
+						children: [/* @__PURE__ */ t("stop", {
+							offset: "50%",
+							stopColor: "currentColor"
+						}), /* @__PURE__ */ t("stop", {
+							offset: "50%",
+							stopColor: "transparent"
+						})]
+					}) }), /* @__PURE__ */ t("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })]
+				})
+			}, i);
+		})
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/Segmented/Segmented.js

@@ -1,43 +1,18 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                    */
+import e from "./SegmentedCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Segmented/Segmented.tsx
-var r = "haze-Segmented__container", i = {
-	sm: "haze-Segmented__sm",
-	md: "haze-Segmented__md",
-	lg: "haze-Segmented__lg"
-}, a = "haze-Segmented__btn", o = "haze-Segmented__activeBtn";
-function s(e) {
-	return typeof e == "string" ? {
-		value: e,
-		label: e,
-		disabled: !1
-	} : e;
-}
-function c({ options: c, value: l, onChange: u, size: d = "md", className: f }) {
-	let [p, m] = n(l, ""), h = (e) => {
-		m(e), u?.(e);
-	};
-	return /* @__PURE__ */ t("div", {
-		role: "group",
-		className: e([
-			r,
-			i[d],
-			f
-		]),
-		children: c.map((n) => {
-			let { value: r, label: i, disabled: c } = s(n);
-			return /* @__PURE__ */ t("button", {
-				type: "button",
-				disabled: c,
-				onClick: () => h(r),
-				className: e([a, p === r && o]),
-				children: i
-			}, r);
-		})
+function r({ options: r, value: i, onChange: a, size: o, className: s }) {
+	let [c, l] = n(i, "");
+	return /* @__PURE__ */ t(e, {
+		options: r,
+		value: c,
+		onChange: (e) => {
+			l(e), a?.(e);
+		},
+		size: o,
+		className: s
 	});
 }
 //#endregion
-export { c as default };
+export { r as default };

package/dist/components/Segmented/SegmentedCore.js

@@ -0,0 +1,39 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                        */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Segmented/SegmentedCore.tsx
+var n = "haze-SegmentedCore__container", r = {
+	sm: "haze-SegmentedCore__sm",
+	md: "haze-SegmentedCore__md",
+	lg: "haze-SegmentedCore__lg"
+}, i = "haze-SegmentedCore__btn", a = "haze-SegmentedCore__activeBtn";
+function o(e) {
+	return typeof e == "string" ? {
+		value: e,
+		label: e,
+		disabled: !1
+	} : e;
+}
+function s({ options: s, value: c, onChange: l, size: u = "md", className: d }) {
+	return /* @__PURE__ */ t("div", {
+		role: "group",
+		className: e([
+			n,
+			r[u],
+			d
+		]),
+		children: s.map((n) => {
+			let { value: r, label: s, disabled: u } = o(n);
+			return /* @__PURE__ */ t("button", {
+				type: "button",
+				disabled: u,
+				onClick: () => l(r),
+				className: e([i, c === r && a]),
+				children: s
+			}, r);
+		})
+	});
+}
+//#endregion
+export { s as default };

package/dist/components/Select/Select.js

@@ -1,29 +1,18 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                 */
+import e from "./SelectCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Select/Select.tsx
-var r = "haze-Select__base", i = {
-	sm: "haze-Select__sm",
-	md: "haze-Select__md",
-	lg: "haze-Select__lg"
-};
-function a({ value: a, size: o = "md", className: s, children: c, onChange: l, ...u }) {
-	let [d, f] = n(a, "");
-	return /* @__PURE__ */ t("select", {
-		value: d,
-		onChange: (e) => {
-			f(e.target.value), l?.(e);
-		},
-		...u,
-		className: e([
-			r,
-			i[o],
-			s
-		]),
-		children: c
+function r({ value: r, size: i, className: a, children: o, onChange: s, ...c }) {
+	let [l, u] = n(r, "");
+	return /* @__PURE__ */ t(e, {
+		value: l,
+		onChange: u,
+		onNativeChange: s,
+		size: i,
+		className: a,
+		...c,
+		children: o
 	});
 }
 //#endregion
-export { a as default };
+export { r as default };

package/dist/components/Select/SelectCore.js

@@ -0,0 +1,27 @@
+
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css                     */
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/Select/SelectCore.tsx
+var n = "haze-SelectCore__base", r = {
+	sm: "haze-SelectCore__sm",
+	md: "haze-SelectCore__md",
+	lg: "haze-SelectCore__lg"
+};
+function i({ value: i, onChange: a, onNativeChange: o, size: s = "md", className: c, children: l, ...u }) {
+	return /* @__PURE__ */ t("select", {
+		value: i,
+		onChange: (e) => {
+			a(e.target.value), o?.(e);
+		},
+		...u,
+		className: e([
+			n,
+			r[s],
+			c
+		]),
+		children: l
+	});
+}
+//#endregion
+export { i as default };

package/dist/components/Slider/Slider.js

@@ -1,21 +1,16 @@
-
-import { classnames as e } from "../../utils/classnames.js";
-/* empty css                 */
+import e from "./SliderCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 //#region src/lib/components/Slider/Slider.tsx
-var r = "haze-Slider__base";
-function i({ value: i, className: a, onChange: o, ...s }) {
-	let [c, l] = n(i, 50);
-	return /* @__PURE__ */ t("input", {
-		type: "range",
-		value: c,
-		onChange: (e) => {
-			l(Number(e.target.value)), o?.(e);
-		},
-		...s,
-		className: e([r, a])
+function r({ value: r, className: i, onChange: a, ...o }) {
+	let [s, c] = n(r, 50);
+	return /* @__PURE__ */ t(e, {
+		value: s,
+		onChange: c,
+		onNativeChange: a,
+		className: i,
+		...o
 	});
 }
 //#endregion
-export { i as default };
+export { r as default };

package/dist/components/Slider/SliderCore.js

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