haze-ui 1.32.0 → 1.34.0

package/dist/components/NavigationMenu/NavigationMenuList.js

@@ -0,0 +1,59 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { getDirection as t } from "../../utils/direction.js";
+import { useNavigationMenuContext as n } from "./NavigationMenuContext.js";
+/* empty css                             */
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/components/NavigationMenu/NavigationMenuList.tsx
+var a = "[data-haze-navigation-menu-trigger]:not([disabled])", o = "haze-NavigationMenuList__list";
+function s(t) {
+	let a = r(15), s, l, u, d;
+	a[0] === t ? (s = a[1], l = a[2], u = a[3], d = a[4]) : ({className: l, onKeyDown: u, children: s, ...d} = t, a[0] = t, a[1] = s, a[2] = l, a[3] = u, a[4] = d);
+	let { classNames: f } = n(), p = c, m = f?.list, h;
+	a[5] !== l || a[6] !== m ? (h = [
+		o,
+		m,
+		l
+	], a[5] = l, a[6] = m, a[7] = h) : h = a[7];
+	let g;
+	a[8] === u ? g = a[9] : (g = (e) => {
+		u?.(e), p(e);
+	}, a[8] = u, a[9] = g);
+	let _;
+	return a[10] !== s || a[11] !== d || a[12] !== h || a[13] !== g ? (_ = /* @__PURE__ */ i("ul", {
+		role: "list",
+		"data-slot": "list",
+		onKeyDown: g,
+		...d,
+		className: e(h),
+		children: s
+	}), a[10] = s, a[11] = d, a[12] = h, a[13] = g, a[14] = _) : _ = a[14], _;
+}
+function c(e) {
+	let n = t(e.currentTarget) === "rtl", r = n ? "ArrowLeft" : "ArrowRight", i = n ? "ArrowRight" : "ArrowLeft", { key: o } = e;
+	if (o !== r && o !== i && o !== "Home" && o !== "End") return;
+	let s = Array.from(e.currentTarget.querySelectorAll(a));
+	if (s.length === 0) return;
+	let c = s.findIndex(l);
+	switch (e.preventDefault(), o) {
+		case r:
+			s[(c + 1 + s.length) % s.length]?.focus();
+			return;
+		case i:
+			s[(c - 1 + s.length) % s.length]?.focus();
+			return;
+		case "Home":
+			s[0]?.focus();
+			return;
+		case "End":
+			s[s.length - 1]?.focus();
+			return;
+	}
+}
+function l(e) {
+	return e === document.activeElement;
+}
+//#endregion
+export { s as default };

package/dist/components/NavigationMenu/NavigationMenuTrigger.js

@@ -0,0 +1,82 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useNavigationMenuContext as t, useNavigationMenuItemContext as n } from "./NavigationMenuContext.js";
+/* empty css                                */
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/components/NavigationMenu/NavigationMenuTrigger.tsx
+var a = "haze-NavigationMenuTrigger__base", o = "haze-NavigationMenuTrigger__active";
+function s(s) {
+	let c = r(69), l, u, d, f, p, m, h, g, _;
+	c[0] === s ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7], g = c[8], _ = c[9]) : ({className: u, onClick: f, onMouseEnter: h, onMouseLeave: g, onFocus: p, onBlur: d, onKeyDown: m, children: l, ..._} = 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, c[8] = g, c[9] = _);
+	let { hoverTrigger: v, scheduleClose: y, cancelHoverTimers: b, setActiveValue: x, contentId: S, triggerId: C, classNames: w } = t(), { value: T, open: E, floating: D, triggerRef: O, hasContent: k } = n(), A;
+	c[10] === D.panelRef.current ? A = c[11] : (A = () => {
+		let e = D.panelRef.current;
+		return e !== null && document.activeElement instanceof Node && e.contains(document.activeElement);
+	}, c[10] = D.panelRef.current, c[11] = A);
+	let j = A, M;
+	c[12] !== b || c[13] !== D || c[14] !== k || c[15] !== f ? (M = (e) => {
+		f?.(e), k && !e.defaultPrevented && (b(), D.onTriggerClick());
+	}, c[12] = b, c[13] = D, c[14] = k, c[15] = f, c[16] = M) : M = c[16];
+	let N = M, P;
+	c[17] !== b || c[18] !== D.panelRef.current || c[19] !== d || c[20] !== y ? (P = (e) => {
+		d?.(e);
+		let t = e.relatedTarget, n = D.panelRef.current;
+		if (t instanceof Node && n?.contains(t)) {
+			b();
+			return;
+		}
+		y();
+	}, c[17] = b, c[18] = D.panelRef.current, c[19] = d, c[20] = y, c[21] = P) : P = c[21];
+	let F = P, I;
+	c[22] !== b || c[23] !== m || c[24] !== E || c[25] !== x ? (I = (e) => {
+		m?.(e), e.key === "Escape" && E && (b(), x(null));
+	}, c[22] = b, c[23] = m, c[24] = E, c[25] = x, c[26] = I) : I = c[26];
+	let L = I, R;
+	c[27] !== k || c[28] !== C || c[29] !== T ? (R = k ? C(T) : void 0, c[27] = k, c[28] = C, c[29] = T, c[30] = R) : R = c[30];
+	let z = k ? E : void 0, B;
+	c[31] !== S || c[32] !== k || c[33] !== T ? (B = k ? S(T) : void 0, c[31] = S, c[32] = k, c[33] = T, c[34] = B) : B = c[34];
+	let V;
+	c[35] !== k || c[36] !== v || c[37] !== h || c[38] !== T ? (V = (e) => {
+		h?.(e), k && v(T);
+	}, c[35] = k, c[36] = v, c[37] = h, c[38] = T, c[39] = V) : V = c[39];
+	let H;
+	c[40] !== j || c[41] !== g || c[42] !== y ? (H = (e) => {
+		g?.(e), !j() && y();
+	}, c[40] = j, c[41] = g, c[42] = y, c[43] = H) : H = c[43];
+	let U;
+	c[44] !== k || c[45] !== v || c[46] !== p || c[47] !== T ? (U = (e) => {
+		p?.(e), k && v(T);
+	}, c[44] = k, c[45] = v, c[46] = p, c[47] = T, c[48] = U) : U = c[48];
+	let W = E && o, G = w?.trigger, K;
+	c[49] !== u || c[50] !== W || c[51] !== G ? (K = [
+		a,
+		W,
+		G,
+		u
+	], c[49] = u, c[50] = W, c[51] = G, c[52] = K) : K = c[52];
+	let q;
+	return c[53] !== l || c[54] !== D.onTriggerPointerDown || c[55] !== D.triggerStyle || c[56] !== F || c[57] !== N || c[58] !== L || c[59] !== _ || c[60] !== U || c[61] !== K || c[62] !== R || c[63] !== z || c[64] !== B || c[65] !== V || c[66] !== H || c[67] !== O ? (q = /* @__PURE__ */ i("button", {
+		type: "button",
+		ref: O,
+		"data-haze-navigation-menu-trigger": "",
+		"data-slot": "trigger",
+		id: R,
+		style: D.triggerStyle,
+		"aria-expanded": z,
+		"aria-controls": B,
+		onPointerDown: D.onTriggerPointerDown,
+		onClick: N,
+		onMouseEnter: V,
+		onMouseLeave: H,
+		onFocus: U,
+		onBlur: F,
+		onKeyDown: L,
+		..._,
+		className: e(K),
+		children: l
+	}), c[53] = l, c[54] = D.onTriggerPointerDown, c[55] = D.triggerStyle, c[56] = F, c[57] = N, c[58] = L, c[59] = _, c[60] = U, c[61] = K, c[62] = R, c[63] = z, c[64] = B, c[65] = V, c[66] = H, c[67] = O, c[68] = q) : q = c[68], q;
+}
+//#endregion
+export { s as default };

package/dist/components/NavigationMenu/index.js

@@ -0,0 +1,7 @@
+"use client";
+import e from "./NavigationMenu.js";
+import t from "./NavigationMenuList.js";
+import n from "./NavigationMenuContent.js";
+import r from "./NavigationMenuItem.js";
+import i from "./NavigationMenuTrigger.js";
+export { e as NavigationMenu, n as NavigationMenuContent, r as NavigationMenuItem, t as NavigationMenuList, i as NavigationMenuTrigger };

package/dist/components/NumberInput/NumberInput.js

@@ -1,22 +1,26 @@
 "use client";
-import e from "./NumberInputCore.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 "./NumberInputCore.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/NumberInput/NumberInput.tsx
-function r({ value: r, min: i, max: a, step: o, size: s, className: c, onChange: l, ref: u, ...d }) {
-	let [f, p] = n(r, 0);
-	return /* @__PURE__ */ t(e, {
-		ref: u,
-		value: f,
-		onChange: p,
-		onNativeChange: l,
-		min: i,
-		max: a,
-		step: o,
-		size: s,
-		className: c,
-		...d
-	});
+function a(a) {
+	let o = n(21), s, c, l, u, d, f, p, m, h;
+	o[0] === a ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6], p = o[7], m = o[8], h = o[9]) : ({value: h, min: l, max: c, step: m, size: p, className: s, onChange: u, ref: d, ...f} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f, o[7] = p, o[8] = m, o[9] = h);
+	let [g, _] = i(h, 0), v = e("NumberInput"), y = m ?? v.step, b = p ?? v.size, x;
+	return o[10] !== s || o[11] !== c || o[12] !== l || o[13] !== u || o[14] !== d || o[15] !== f || o[16] !== _ || o[17] !== y || o[18] !== b || o[19] !== g ? (x = /* @__PURE__ */ r(t, {
+		ref: d,
+		value: g,
+		onChange: _,
+		onNativeChange: u,
+		min: l,
+		max: c,
+		step: y,
+		size: b,
+		className: s,
+		...f
+	}), o[10] = s, o[11] = c, o[12] = l, o[13] = u, o[14] = d, o[15] = f, o[16] = _, o[17] = y, o[18] = b, o[19] = g, o[20] = x) : x = o[20], x;
 }
 //#endregion
-export { r as default };
+export { a as default };

package/dist/components/NumberInput/NumberInputCore.js

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

package/dist/components/NumberInput/index.js

@@ -1,4 +1,5 @@
 "use client";
-import e from "./NumberInputCore.js";
-import t from "./NumberInput.js";
-export { t as NumberInput, e as NumberInputCore };
+import { btnSizes as e, inputSizes as t } from "./number-input-styles.js";
+import n from "./NumberInputCore.js";
+import r from "./NumberInput.js";
+export { r as NumberInput, n as NumberInputCore, e as btnSizes, t as inputSizes };

package/dist/components/NumberInput/number-input-styles.js

@@ -0,0 +1,15 @@
+
+"use client";
+/* empty css                              */
+//#region src/lib/components/NumberInput/number-input-styles.ts
+var e = "haze-number-input-styles__inputSm", t = "haze-number-input-styles__inputMd", n = "haze-number-input-styles__inputLg", r = "haze-number-input-styles__btnSm", i = "haze-number-input-styles__btnMd", a = "haze-number-input-styles__btnLg", o = {
+	sm: e,
+	md: t,
+	lg: n
+}, s = {
+	sm: r,
+	md: i,
+	lg: a
+};
+//#endregion
+export { s as btnSizes, o as inputSizes };

package/dist/components/OTPInput/OTPInput.js

@@ -1,19 +1,32 @@
 "use client";
-import e from "./OTPInputCore.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 "./OTPInputCore.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/OTPInput/OTPInput.tsx
-function r({ length: r, value: i, onChange: a, className: o, ref: s }) {
-	let [c, l] = n(i, "");
-	return /* @__PURE__ */ t(e, {
-		ref: s,
-		length: r,
-		value: c,
-		onChange: (e) => {
-			l(e), a?.(e);
-		},
-		className: o
-	});
+function s(s) {
+	let c = n(17), { length: l, value: u, onChange: d, className: f, name: p, ref: m } = s, [h, g] = o(u, ""), _;
+	c[0] !== d || c[1] !== g ? (_ = (e) => {
+		g(e), d?.(e);
+	}, c[0] = d, c[1] = g, c[2] = _) : _ = c[2];
+	let v;
+	c[3] !== f || c[4] !== l || c[5] !== m || c[6] !== _ || c[7] !== h ? (v = /* @__PURE__ */ i(t, {
+		ref: m,
+		length: l,
+		value: h,
+		onChange: _,
+		className: f
+	}), c[3] = f, c[4] = l, c[5] = m, c[6] = _, c[7] = h, c[8] = v) : v = c[8];
+	let y;
+	c[9] === h ? y = c[10] : (y = h === "" ? [] : [h], c[9] = h, c[10] = y);
+	let b;
+	c[11] !== p || c[12] !== y ? (b = /* @__PURE__ */ i(e, {
+		name: p,
+		values: y
+	}), c[11] = p, c[12] = y, c[13] = b) : b = c[13];
+	let x;
+	return c[14] !== v || c[15] !== b ? (x = /* @__PURE__ */ a(r, { children: [v, b] }), c[14] = v, c[15] = b, c[16] = x) : x = c[16], x;
 }
 //#endregion
-export { r as default };
+export { s as default };

package/dist/components/Pagination/Pagination.js

@@ -3,151 +3,149 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { formatString as t } from "../LocaleProvider/locale.js";
 import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import { useConfigDefaults as r } from "../ConfigProvider/useConfigDefaults.js";
+import { sizes as i } from "./pagination-styles.js";
 /* empty css                     */
-import { useEffect as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useControl as s } from "react-use-control";
+import { useEffect 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/Pagination/Pagination.tsx
-var c = "haze-Pagination__nav", l = "haze-Pagination__btn", u = "haze-Pagination__activeBtn", d = "haze-Pagination__ellipsis", f = "haze-Pagination__ellipsisJumpBtn", p = "haze-Pagination__auxText", m = "haze-Pagination__control", h = "haze-Pagination__jumperInput", g = {
-	sm: "haze-Pagination__sm",
-	md: "haze-Pagination__md",
-	lg: "haze-Pagination__lg"
-}, _ = 5, v = [
+var u = "haze-Pagination__nav", d = "haze-Pagination__btn", f = "haze-Pagination__activeBtn", p = "haze-Pagination__ellipsis", m = "haze-Pagination__ellipsisJumpBtn", h = "haze-Pagination__auxText", g = "haze-Pagination__control", _ = "haze-Pagination__jumperInput", v = 5, y = [
 	10,
 	20,
 	50,
 	100
 ];
-function y(e, t) {
+function b(e, t) {
 	if (t <= 7) return Array.from({ length: t }, (e, t) => t + 1);
 	let n = [1];
 	e > 3 && n.push("...");
 	for (let r = Math.max(2, e - 1); r <= Math.min(t - 1, e + 1); r++) n.push(r);
 	return e < t - 2 && n.push("..."), n.push(t), n;
 }
-function b({ page: b, total: x, pageSize: S, pageSizeOptions: C, showSizeChanger: w = !1, showQuickJumper: T = !1, showTotal: E, simple: D = !1, ellipsisJump: O = !1, onPageChange: k, size: A = "md", className: j, ...M }) {
-	let [N, P] = s(b, 1), [F, I] = s(S, 10), [L, R] = s(void 0, D ? "1" : ""), z = n("pagination"), B = Math.max(1, Math.ceil(x / F)), V = y(N, B);
-	r(() => {
-		D && R(String(N));
+function x({ page: x, total: S, pageSize: C, pageSizeOptions: w, showSizeChanger: T = !1, showQuickJumper: E = !1, showTotal: D, simple: O = !1, ellipsisJump: k = !1, onPageChange: A, size: j, className: M, ...N }) {
+	let [P, F] = l(x, 1), [I, L] = l(C, 10), [R, z] = l(void 0, O ? "1" : ""), B = n("pagination"), V = r("Pagination"), H = j ?? V.size ?? "md", U = Math.max(1, Math.ceil(S / I)), W = b(P, U);
+	a(() => {
+		O && z(String(P));
 	}, [
-		N,
-		D,
-		R
+		P,
+		O,
+		z
 	]);
-	let H = (e, t) => {
-		let n = Math.max(1, Math.ceil(x / t)), r = Math.min(Math.max(1, e), n);
-		t !== F && I(t), r !== N && P(r), (r !== N || t !== F) && k?.(r, t);
-	}, U = () => {
-		let e = parseInt(L, 10);
+	let G = (e, t) => {
+		let n = Math.max(1, Math.ceil(S / t)), r = Math.min(Math.max(1, e), n);
+		t !== I && L(t), r !== P && F(r), (r !== P || t !== I) && A?.(r, t);
+	}, K = () => {
+		let e = parseInt(R, 10);
 		if (Number.isNaN(e)) {
-			R(D ? String(N) : "");
+			z(O ? String(P) : "");
 			return;
 		}
-		let t = Math.min(Math.max(1, e), B);
-		R(String(t)), H(t, F);
-	}, W = x === 0 ? 0 : (N - 1) * F + 1, G = Math.min(N * F, x), K = C ?? [...v], q = K.includes(F) ? K : [...K, F].sort((e, t) => e - t);
-	return /* @__PURE__ */ o("nav", {
+		let t = Math.min(Math.max(1, e), U);
+		z(String(t)), G(t, I);
+	}, q = S === 0 ? 0 : (P - 1) * I + 1, J = Math.min(P * I, S), Y = w ?? [...y], X = Y.includes(I) ? Y : [...Y, I].sort((e, t) => e - t);
+	return /* @__PURE__ */ c("nav", {
 		"data-slot": "pagination",
-		...M,
+		...N,
 		className: e([
-			c,
-			g[A],
-			j
+			u,
+			i[H],
+			M
 		]),
 		children: [
-			E ? /* @__PURE__ */ a("span", {
+			D ? /* @__PURE__ */ s("span", {
 				"data-slot": "total",
-				className: e([p]),
-				children: E(x, [W, G])
+				className: e([h]),
+				children: D(S, [q, J])
 			}) : null,
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ s("button", {
 				"data-slot": "prev",
 				type: "button",
-				disabled: N <= 1,
-				onClick: () => H(N - 1, F),
-				"aria-label": z.previous,
-				className: e([l]),
+				disabled: P <= 1,
+				onClick: () => G(P - 1, I),
+				"aria-label": B.previous,
+				className: e([d]),
 				children: "‹"
 			}),
-			D ? /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("input", {
+			O ? /* @__PURE__ */ c(o, { children: [/* @__PURE__ */ s("input", {
 				"data-slot": "input",
 				type: "text",
-				value: L,
-				"aria-label": z.jumperLabel,
-				onChange: (e) => R(e.target.value),
+				value: R,
+				"aria-label": B.jumperLabel,
+				onChange: (e) => z(e.target.value),
 				onKeyDown: (e) => {
-					e.key === "Enter" && U();
+					e.key === "Enter" && K();
 				},
-				className: e([h])
-			}), /* @__PURE__ */ o("span", {
+				className: e([_])
+			}), /* @__PURE__ */ c("span", {
 				"data-slot": "total",
-				className: e([p]),
-				children: ["/ ", B]
-			})] }) : V.map((n, r) => n === "..." ? O ? /* @__PURE__ */ a("button", {
+				className: e([h]),
+				children: ["/ ", U]
+			})] }) : W.map((n, r) => n === "..." ? k ? /* @__PURE__ */ s("button", {
 				"data-slot": "ellipsis",
 				type: "button",
-				"aria-label": t(V.indexOf(N) > r ? z.ellipsisBackward : z.ellipsisForward, { count: _ }),
-				onClick: () => H(V.indexOf(N) > r ? N - _ : N + _, F),
-				className: e([d, f]),
+				"aria-label": t(W.indexOf(P) > r ? B.ellipsisBackward : B.ellipsisForward, { count: v }),
+				onClick: () => G(W.indexOf(P) > r ? P - v : P + v, I),
+				className: e([p, m]),
 				children: "…"
-			}, `e${r}`) : /* @__PURE__ */ a("span", {
+			}, `e${r}`) : /* @__PURE__ */ s("span", {
 				"data-slot": "ellipsis",
-				className: e([d]),
+				className: e([p]),
 				children: "…"
-			}, `e${r}`) : /* @__PURE__ */ a("button", {
+			}, `e${r}`) : /* @__PURE__ */ s("button", {
 				"data-slot": "item",
 				type: "button",
-				"aria-current": n === N ? "page" : void 0,
-				onClick: () => H(n, F),
-				className: e([l, n === N && u]),
+				"aria-current": n === P ? "page" : void 0,
+				onClick: () => G(n, I),
+				className: e([d, n === P && f]),
 				children: n
 			}, n)),
-			/* @__PURE__ */ a("button", {
+			/* @__PURE__ */ s("button", {
 				"data-slot": "next",
 				type: "button",
-				disabled: N >= B,
-				onClick: () => H(N + 1, F),
-				"aria-label": z.next,
-				className: e([l]),
+				disabled: P >= U,
+				onClick: () => G(P + 1, I),
+				"aria-label": B.next,
+				className: e([d]),
 				children: "›"
 			}),
-			w ? /* @__PURE__ */ a("select", {
+			T ? /* @__PURE__ */ s("select", {
 				"data-slot": "size-changer",
-				value: String(F),
-				"aria-label": z.sizeLabel,
-				onChange: (e) => H(1, parseInt(e.target.value, 10)),
-				className: e([m]),
-				children: q.map((e) => /* @__PURE__ */ a("option", {
+				value: String(I),
+				"aria-label": B.sizeLabel,
+				onChange: (e) => G(1, parseInt(e.target.value, 10)),
+				className: e([g]),
+				children: X.map((e) => /* @__PURE__ */ s("option", {
 					"data-slot": "option",
 					value: String(e),
-					children: t(z.sizeOption, { count: e })
+					children: t(B.sizeOption, { count: e })
 				}, e))
 			}) : null,
-			T && !D ? /* @__PURE__ */ o(i, { children: [
-				z.jumperPrefix ? /* @__PURE__ */ a("span", {
+			E && !O ? /* @__PURE__ */ c(o, { children: [
+				B.jumperPrefix ? /* @__PURE__ */ s("span", {
 					"data-slot": "prefix",
-					className: e([p]),
-					children: z.jumperPrefix
+					className: e([h]),
+					children: B.jumperPrefix
 				}) : null,
-				/* @__PURE__ */ a("input", {
+				/* @__PURE__ */ s("input", {
 					"data-slot": "input",
 					type: "text",
-					value: L,
-					"aria-label": z.jumperLabel,
-					onChange: (e) => R(e.target.value),
+					value: R,
+					"aria-label": B.jumperLabel,
+					onChange: (e) => z(e.target.value),
 					onKeyDown: (e) => {
-						e.key === "Enter" && U();
+						e.key === "Enter" && K();
 					},
-					className: e([h])
+					className: e([_])
 				}),
-				z.jumperSuffix ? /* @__PURE__ */ a("span", {
+				B.jumperSuffix ? /* @__PURE__ */ s("span", {
 					"data-slot": "suffix",
-					className: e([p]),
-					children: z.jumperSuffix
+					className: e([h]),
+					children: B.jumperSuffix
 				}) : null
 			] }) : null
 		]
 	});
 }
 //#endregion
-export { b as default };
+export { x as default };

package/dist/components/Pagination/pagination-styles.js

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

package/dist/components/PasswordInput/PasswordInput.js

@@ -1,20 +1,23 @@
 "use client";
 import e from "./PasswordInputCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+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/PasswordInput/PasswordInput.tsx
-function r({ value: r, onChange: i, placeholder: a, disabled: o, className: s, ref: c }) {
-	let [l, u] = n(r, "");
-	return /* @__PURE__ */ t(e, {
-		ref: c,
-		value: l,
-		onChange: (e) => {
-			u(e), i?.(e);
-		},
-		placeholder: a,
-		disabled: o,
-		className: s
-	});
+function i(i) {
+	let a = t(10), { value: o, onChange: s, placeholder: c, disabled: l, className: u, ref: d } = i, [f, p] = r(o, ""), m;
+	a[0] !== s || a[1] !== p ? (m = (e) => {
+		p(e), s?.(e);
+	}, a[0] = s, a[1] = p, a[2] = m) : m = a[2];
+	let h;
+	return a[3] !== u || a[4] !== l || a[5] !== c || a[6] !== d || a[7] !== m || a[8] !== f ? (h = /* @__PURE__ */ n(e, {
+		ref: d,
+		value: f,
+		onChange: m,
+		placeholder: c,
+		disabled: l,
+		className: u
+	}), a[3] = u, a[4] = l, a[5] = c, a[6] = d, a[7] = m, a[8] = f, a[9] = h) : h = a[9], h;
 }
 //#endregion
-export { r as default };
+export { i as default };