haze-ui 1.32.0 → 1.34.0

package/dist/components/DataTable/column-filter.js

@@ -0,0 +1,106 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "../Button/Button.js";
+import n from "../Checkbox/CheckboxCore.js";
+import r from "../Popover/Popover.js";
+import i from "../VisuallyHidden/VisuallyHidden.js";
+/* empty css                        */
+import { c as a } from "react/compiler-runtime";
+import { useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { useControl as l } from "react-use-control";
+//#region src/lib/components/DataTable/column-filter.tsx
+var u = "haze-column-filter__filterTrigger", d = "haze-column-filter__filterIcon", f = "haze-column-filter__filterIconActive", p = "haze-column-filter__filterMenu", m = "haze-column-filter__filterOptions", h = "haze-column-filter__filterActions";
+function g(r) {
+	let i = a(22), { label: l, options: u, selected: d, onApply: f } = r, [g, _] = o(d), [v, y] = o(d);
+	d !== v && (y(d), _(d));
+	let b;
+	i[0] === Symbol.for("react.memo_cache_sentinel") ? (b = [p], i[0] = b) : b = i[0];
+	let x = `${l} filters`, S;
+	i[1] === Symbol.for("react.memo_cache_sentinel") ? (S = [m], i[1] = S) : S = i[1];
+	let C;
+	if (i[2] !== g || i[3] !== u) {
+		let e;
+		i[5] === g ? e = i[6] : (e = (e) => /* @__PURE__ */ s(n, {
+			checked: g.includes(e.value),
+			onChange: () => _((t) => t.includes(e.value) ? t.filter((t) => t !== e.value) : [...t, e.value]),
+			label: e.text
+		}, String(e.value)), i[5] = g, i[6] = e), C = u.map(e), i[2] = g, i[3] = u, i[4] = C;
+	} else C = i[4];
+	let w;
+	i[7] !== x || i[8] !== C ? (w = /* @__PURE__ */ s("div", {
+		role: "group",
+		"aria-label": x,
+		"data-slot": "filter-options",
+		className: e(S),
+		children: C
+	}), i[7] = x, i[8] = C, i[9] = w) : w = i[9];
+	let T;
+	i[10] === Symbol.for("react.memo_cache_sentinel") ? (T = [h], i[10] = T) : T = i[10];
+	let E;
+	i[11] === f ? E = i[12] : (E = /* @__PURE__ */ s(t, {
+		size: "sm",
+		variant: "ghost",
+		onClick: () => {
+			f([]);
+		},
+		children: "Reset"
+	}), i[11] = f, i[12] = E);
+	let D;
+	i[13] !== g || i[14] !== f ? (D = /* @__PURE__ */ s(t, {
+		size: "sm",
+		onClick: () => {
+			f(g);
+		},
+		children: "Apply"
+	}), i[13] = g, i[14] = f, i[15] = D) : D = i[15];
+	let O;
+	i[16] !== E || i[17] !== D ? (O = /* @__PURE__ */ c("div", {
+		"data-slot": "filter-actions",
+		className: e(T),
+		children: [E, D]
+	}), i[16] = E, i[17] = D, i[18] = O) : O = i[18];
+	let k;
+	return i[19] !== w || i[20] !== O ? (k = /* @__PURE__ */ c("div", {
+		"data-slot": "column-filter-menu",
+		className: e(b),
+		children: [w, O]
+	}), i[19] = w, i[20] = O, i[21] = k) : k = i[21], k;
+}
+function _(t) {
+	let n = a(22), { label: o, options: p, selected: m, onChange: h } = t, [, _, v] = l(void 0, !1), y = m.length > 0, b;
+	n[0] === Symbol.for("react.memo_cache_sentinel") ? (b = { trigger: u }, n[0] = b) : b = n[0];
+	let x;
+	n[1] !== h || n[2] !== _ ? (x = (e) => {
+		h(e), _(!1);
+	}, n[1] = h, n[2] = _, n[3] = x) : x = n[3];
+	let S;
+	n[4] !== o || n[5] !== p || n[6] !== m || n[7] !== x ? (S = /* @__PURE__ */ s(g, {
+		label: o,
+		options: p,
+		selected: m,
+		onApply: x
+	}), n[4] = o, n[5] = p, n[6] = m, n[7] = x, n[8] = S) : S = n[8];
+	let C = y ? "true" : void 0, w = y && f, T;
+	n[9] === w ? T = n[10] : (T = [d, w], n[9] = w, n[10] = T);
+	let E = y ? "▼" : "▽", D;
+	n[11] !== C || n[12] !== T || n[13] !== E ? (D = /* @__PURE__ */ s("span", {
+		"data-slot": "icon",
+		"data-active": C,
+		"aria-hidden": "true",
+		className: e(T),
+		children: E
+	}), n[11] = C, n[12] = T, n[13] = E, n[14] = D) : D = n[14];
+	let O;
+	n[15] === o ? O = n[16] : (O = /* @__PURE__ */ c(i, { children: ["Filter ", o] }), n[15] = o, n[16] = O);
+	let k;
+	return n[17] !== v || n[18] !== S || n[19] !== D || n[20] !== O ? (k = /* @__PURE__ */ c(r, {
+		open: v,
+		classNames: b,
+		content: S,
+		children: [D, O]
+	}), n[17] = v, n[18] = S, n[19] = D, n[20] = O, n[21] = k) : k = n[21], k;
+}
+//#endregion
+export { _ as default };

package/dist/components/DataTable/column-reorder.js

@@ -0,0 +1,17 @@
+"use client";
+import { horizontalListSortingStrategy as e } from "../../utils/sortable-shared.js";
+import { SortableItem as t, SortableRegion as n } from "../../utils/sortable.js";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+//#region src/lib/components/DataTable/column-reorder.tsx
+function a(t) {
+	let a = r(4), { ids: o, onMove: s, children: c } = t, l;
+	return a[0] !== c || a[1] !== o || a[2] !== s ? (l = /* @__PURE__ */ i(n, {
+		ids: o,
+		strategy: e,
+		onMove: s,
+		children: c
+	}), a[0] = c, a[1] = o, a[2] = s, a[3] = l) : l = a[3], l;
+}
+//#endregion
+export { t as ColumnReorderItem, a as ColumnReorderRegion };

package/dist/components/DataTable/csv.js

@@ -1,29 +1,30 @@
 "use client";
+import { applyColumnFilters as e } from "./filters.js";
 //#region src/lib/components/DataTable/csv.ts
-function e(e) {
+function t(e) {
 	return e.id === void 0 ? "accessorKey" in e ? e.accessorKey : "" : e.id;
 }
-function t(e) {
-	return e.flatMap((e) => "columns" in e && e.columns ? t(e.columns) : [e]);
+function n(e) {
+	return e.flatMap((e) => "columns" in e && e.columns ? n(e.columns) : [e]);
 }
-function n(t, n) {
-	return t.meta?.excludeFromExport || !("accessorKey" in t) && !("accessorFn" in t) ? !1 : n?.[e(t)] !== !1;
+function r(e, n) {
+	return e.meta?.excludeFromExport || !("accessorKey" in e) && !("accessorFn" in e) ? !1 : n?.[t(e)] !== !1;
 }
-function r(e, t) {
+function i(e, t) {
 	if ("accessorFn" in e) return e.accessorFn(t, 0);
 	if ("accessorKey" in e) return t[e.accessorKey];
 }
-function i(e) {
+function a(e) {
 	return e == null ? "" : e instanceof Date ? e.toISOString() : typeof e == "string" || typeof e == "number" || typeof e == "boolean" || typeof e == "bigint" ? String(e) : typeof e == "function" || typeof e == "symbol" ? "" : JSON.stringify(e);
 }
-function a(e) {
+function o(e) {
 	return /["\r\n,]/.test(e) ? `"${e.replace(/"/g, "\"\"")}"` : e;
 }
-function o(o, s, c) {
-	let l = t(s).filter((e) => n(e, c?.columnVisibility));
-	if (l.length === 0) return "";
-	let u = l.map((t) => a(i(typeof t.header == "string" ? t.header : e(t)))).join(","), d = o.map((e) => l.map((t) => a(i(r(t, e)))).join(","));
-	return `${c?.bom === !1 ? "" : ""}${[u, ...d].join("\r\n")}`;
+function s(s, c, l) {
+	let u = n(c).filter((e) => r(e, l?.columnVisibility));
+	if (u.length === 0) return "";
+	let d = u.map((e) => o(a(typeof e.header == "string" ? e.header : t(e)))).join(","), f = e(s, c, l?.filters).map((e) => u.map((t) => o(a(i(t, e)))).join(","));
+	return `${l?.bom === !1 ? "" : ""}${[d, ...f].join("\r\n")}`;
 }
 //#endregion
-export { o as dataTableToCsv };
+export { s as dataTableToCsv };

package/dist/components/DataTable/features.js

@@ -1,25 +1,26 @@
 "use client";
-import { columnFilteringFeature as e, columnResizingFeature as t, columnSizingFeature as n, columnVisibilityFeature as r, createExpandedRowModel as i, createFilteredRowModel as a, createPaginatedRowModel as o, createSortedRowModel as s, filterFn_includesString as c, metaHelper as l, rowExpandingFeature as u, rowPaginationFeature as d, rowSelectionFeature as f, rowSortingFeature as p, sortFn_alphanumeric as m, sortFn_text as h, tableFeatures as g } from "@tanstack/react-table";
+import { columnFilteringFeature as e, columnOrderingFeature as t, columnResizingFeature as n, columnSizingFeature as r, columnVisibilityFeature as i, createExpandedRowModel as a, createFilteredRowModel as o, createPaginatedRowModel as s, createSortedRowModel as c, filterFn_includesString as l, metaHelper as u, rowExpandingFeature as d, rowPaginationFeature as f, rowSelectionFeature as p, rowSortingFeature as m, sortFn_alphanumeric as h, sortFn_text as g, tableFeatures as _ } from "@tanstack/react-table";
 //#region src/lib/components/DataTable/features.ts
-var _ = g({
-	rowPaginationFeature: d,
-	paginatedRowModel: o(),
-	rowSelectionFeature: f,
-	rowSortingFeature: p,
-	sortedRowModel: s(),
+var v = _({
+	rowPaginationFeature: f,
+	paginatedRowModel: s(),
+	rowSelectionFeature: p,
+	rowSortingFeature: m,
+	sortedRowModel: c(),
 	sortFns: {
-		alphanumeric: m,
-		text: h
+		alphanumeric: h,
+		text: g
 	},
-	rowExpandingFeature: u,
-	expandedRowModel: i(),
-	columnVisibilityFeature: r,
+	rowExpandingFeature: d,
+	expandedRowModel: a(),
+	columnVisibilityFeature: i,
+	columnOrderingFeature: t,
 	columnFilteringFeature: e,
-	filteredRowModel: a(),
-	filterFns: { includesString: c },
-	columnSizingFeature: n,
-	columnResizingFeature: t,
-	columnMeta: l()
+	filteredRowModel: o(),
+	filterFns: { includesString: l },
+	columnSizingFeature: r,
+	columnResizingFeature: n,
+	columnMeta: u()
 });
 //#endregion
-export { _ as dataTableFeatures };
+export { v as dataTableFeatures };

package/dist/components/DataTable/filters.js

@@ -0,0 +1,26 @@
+"use client";
+//#region src/lib/components/DataTable/filters.ts
+function e(e) {
+	return e.id === void 0 ? "accessorKey" in e ? e.accessorKey : "" : e.id;
+}
+function t(e) {
+	return e.flatMap((e) => "columns" in e && e.columns ? t(e.columns) : [e]);
+}
+function n(e, t) {
+	if ("accessorFn" in e) return e.accessorFn(t, 0);
+	if ("accessorKey" in e) return t[e.accessorKey];
+}
+function r(r, i, a) {
+	let o = Object.entries(a ?? {}).filter(([, e]) => Array.isArray(e) && e.length > 0);
+	if (o.length === 0) return r;
+	let s = new Map(t(i).map((t) => [e(t), t])), c = o.map(([e, t]) => {
+		let r = s.get(e);
+		return r?.meta?.filters === void 0 ? null : (e) => {
+			let i = n(r, e);
+			return r.meta?.filterFn ? r.meta.filterFn(e, t, i) : t.includes(i);
+		};
+	}).filter((e) => e !== null);
+	return c.length === 0 ? r : r.filter((e) => c.every((t) => t(e)));
+}
+//#endregion
+export { r as applyColumnFilters };

package/dist/components/DateField/DateField.js

@@ -0,0 +1,28 @@
+"use client";
+import e from "./DateFieldCore.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/DateField/DateField.tsx
+function i(i) {
+	let a = t(23), o, s, c, l, u, d, f, p, m;
+	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]) : ({value: m, onChange: u, locale: l, disabled: s, placeholder: d, labels: c, 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);
+	let [h, g] = r(m, ""), _;
+	a[10] !== u || a[11] !== g ? (_ = (e) => {
+		g(e), u?.(e);
+	}, a[10] = u, a[11] = g, a[12] = _) : _ = a[12];
+	let v = _, y;
+	return a[13] !== o || a[14] !== v || a[15] !== s || a[16] !== c || a[17] !== l || a[18] !== d || a[19] !== f || a[20] !== p || a[21] !== h ? (y = /* @__PURE__ */ n(e, {
+		ref: f,
+		value: h,
+		onChange: v,
+		locale: l,
+		disabled: s,
+		placeholder: d,
+		labels: c,
+		className: o,
+		...p
+	}), a[13] = o, a[14] = v, a[15] = s, a[16] = c, a[17] = l, a[18] = d, a[19] = f, a[20] = p, a[21] = h, a[22] = y) : y = a[22], y;
+}
+//#endregion
+export { i as default };

package/dist/components/DateField/DateFieldCore.js

@@ -0,0 +1,94 @@
+"use client";
+import { formatDate as e, getDaysInMonth as t, parseCivilDate as n } from "../Calendar/date.js";
+import r from "./segmented-field.js";
+import { c as i } from "react/compiler-runtime";
+import { jsx as a } from "react/jsx-runtime";
+//#region src/lib/components/DateField/DateFieldCore.tsx
+var o = (n) => {
+	let [r, i, a] = n;
+	return r == null || i == null || a == null || i < 1 || i > 12 || a < 1 || a > t(r, i - 1) ? null : e(r, i - 1, a);
+};
+function s(e) {
+	let t = i(41), s, c, l, u, d, f, p, m, h;
+	t[0] === e ? (s = t[1], c = t[2], l = t[3], u = t[4], d = t[5], f = t[6], p = t[7], m = t[8], h = t[9]) : ({value: h, onChange: d, locale: u, disabled: c, placeholder: f, labels: l, className: s, ref: p, ...m} = e, t[0] = e, t[1] = s, t[2] = c, t[3] = l, t[4] = u, t[5] = d, t[6] = f, t[7] = p, t[8] = m, t[9] = h);
+	let g;
+	if (t[10] !== h) {
+		let e = n(h);
+		g = e ? [
+			e.getFullYear(),
+			e.getMonth() + 1,
+			e.getDate()
+		] : [
+			null,
+			null,
+			null
+		], t[10] = h, t[11] = g;
+	} else g = t[11];
+	let _ = g, v;
+	t[12] === u ? v = t[13] : (v = new Intl.DateTimeFormat(u, { month: "long" }), t[12] = u, t[13] = v);
+	let y = v, b = l?.year ?? "Year", x = f?.year ?? "yyyy", S;
+	t[14] === Symbol.for("react.memo_cache_sentinel") ? (S = (/* @__PURE__ */ new Date()).getFullYear(), t[14] = S) : S = t[14];
+	let C;
+	t[15] !== b || t[16] !== x ? (C = {
+		kind: "numeric",
+		key: "year",
+		label: b,
+		min: 1,
+		max: 9999,
+		digits: 4,
+		pad: 4,
+		placeholder: x,
+		fallback: S
+	}, t[15] = b, t[16] = x, t[17] = C) : C = t[17];
+	let w = l?.month ?? "Month", T = f?.month ?? "mm", E;
+	t[18] === y ? E = t[19] : (E = (e) => y.format(new Date(2026, e - 1, 15)), t[18] = y, t[19] = E);
+	let D;
+	t[20] !== w || t[21] !== T || t[22] !== E ? (D = {
+		kind: "numeric",
+		key: "month",
+		label: w,
+		min: 1,
+		max: 12,
+		digits: 2,
+		pad: 2,
+		placeholder: T,
+		wrap: !0,
+		ariaValueText: E
+	}, t[20] = w, t[21] = T, t[22] = E, t[23] = D) : D = t[23];
+	let O = l?.day ?? "Day", k = f?.day ?? "dd", A;
+	t[24] !== O || t[25] !== k ? (A = {
+		kind: "numeric",
+		key: "day",
+		label: O,
+		min: 1,
+		max: 31,
+		digits: 2,
+		pad: 2,
+		placeholder: k,
+		wrap: !0
+	}, t[24] = O, t[25] = k, t[26] = A) : A = t[26];
+	let j;
+	t[27] !== D || t[28] !== A || t[29] !== C ? (j = [
+		C,
+		D,
+		A
+	], t[27] = D, t[28] = A, t[29] = C, t[30] = j) : j = t[30];
+	let M = j, N;
+	t[31] === Symbol.for("react.memo_cache_sentinel") ? (N = ["/", "/"], t[31] = N) : N = t[31];
+	let P;
+	return t[32] !== s || t[33] !== c || t[34] !== d || t[35] !== p || t[36] !== m || t[37] !== M || t[38] !== h || t[39] !== _ ? (P = /* @__PURE__ */ a(r, {
+		ref: p,
+		"data-slot": "date-field",
+		segments: M,
+		separators: N,
+		values: _,
+		value: h,
+		serialize: o,
+		onChange: d,
+		disabled: c,
+		className: s,
+		...m
+	}), t[32] = s, t[33] = c, t[34] = d, t[35] = p, t[36] = m, t[37] = M, t[38] = h, t[39] = _, t[40] = P) : P = t[40], P;
+}
+//#endregion
+export { s as default };

package/dist/components/DateField/index.js

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

package/dist/components/DateField/segmented-field.js

@@ -0,0 +1,121 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { mergeRefs as t } from "../../utils/refs.js";
+/* empty css                          */
+import { Fragment as n, useRef as r, useState as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/components/DateField/segmented-field.tsx
+var s = "haze-segmented-field__field", c = "haze-segmented-field__disabledField", l = "haze-segmented-field__segment", u = "haze-segmented-field__emptySegment", d = "haze-segmented-field__separator", f = (e, t) => e.kind === "period" ? e.options[t] : String(t).padStart(e.pad, "0");
+function p({ segments: p, separators: m, values: h, value: g, serialize: _, onChange: v, disabled: y = !1, className: b, ref: x, ...S }) {
+	let [C, w] = i(0), [T, E] = i(() => p.map(() => null)), D = r([]), O = r(null), k = (e, t, n) => {
+		let r = p.map((t, n) => e[n] ?? null);
+		return r[t] = n, r;
+	}, A = (e) => p.map((t, n) => {
+		let r = e[n] ?? null;
+		return r === null ? h[n] ?? null : r === "" ? null : Number(r);
+	}), j = A(T), M = j.every((e) => e !== null) && _(j) === null, N = (e) => {
+		let t = _(e);
+		t !== null && (t !== g && v(t), E(p.map(() => null)));
+	}, P = (e) => {
+		let t = Math.min(p.length - 1, Math.max(0, e));
+		w(t), D.current[t]?.focus();
+	}, F = (e, t, n) => {
+		let r = T[t] ?? null, i = r !== null && r !== "" ? r : "", a = i.length >= e.digits ? n : i + n;
+		Number(a) > e.max && (a = n);
+		let o = k(T, t, a);
+		E(o), (a.length >= e.digits || Number(a) * 10 > e.max) && (N(A(o)), t < p.length - 1 && P(t + 1));
+	}, I = (e, t) => {
+		let n = p[e];
+		if (!n) return;
+		let r = j[e] ?? null, i;
+		if (n.kind === "period") i = r === null ? t === 1 ? 0 : 1 : r === 1 ? 0 : 1;
+		else if (r === null) i = n.fallback ?? n.min;
+		else {
+			let e = r;
+			n.wrap ? (i = e + t, i > n.max && (i = n.min), i < n.min && (i = n.max)) : i = Math.min(n.max, Math.max(n.min, e + t));
+		}
+		let a = n.kind === "period" ? String(i) : String(i).padStart(n.pad, "0"), o = k(T, e, a);
+		E(o), N(A(o));
+	}, L = (e, t) => {
+		if (y) return;
+		let n = p[t];
+		if (n) {
+			if (e.key === "ArrowLeft") {
+				e.preventDefault(), P(t - 1);
+				return;
+			}
+			if (e.key === "ArrowRight") {
+				e.preventDefault(), P(t + 1);
+				return;
+			}
+			if (e.key === "Tab") {
+				e.shiftKey && t > 0 ? (e.preventDefault(), P(t - 1)) : !e.shiftKey && t < p.length - 1 ? (e.preventDefault(), P(t + 1)) : N(j);
+				return;
+			}
+			if (e.key === "ArrowUp") {
+				e.preventDefault(), I(t, 1);
+				return;
+			}
+			if (e.key === "ArrowDown") {
+				e.preventDefault(), I(t, -1);
+				return;
+			}
+			if (e.key === "Backspace" || e.key === "Delete") {
+				e.preventDefault(), E(k(T, t, ""));
+				return;
+			}
+			if (n.kind === "period" && /^[ap]$/i.test(e.key)) {
+				e.preventDefault();
+				let n = k(T, t, e.key.toLowerCase() === "p" ? "1" : "0");
+				E(n), N(A(n));
+				return;
+			}
+			n.kind === "numeric" && /^[0-9]$/.test(e.key) && (e.preventDefault(), F(n, t, e.key));
+		}
+	}, R = (e) => {
+		let t = e.relatedTarget;
+		t instanceof Node && O.current?.contains(t) || N(j);
+	};
+	return /* @__PURE__ */ a("div", {
+		role: "group",
+		"data-invalid": M || void 0,
+		ref: O,
+		...S,
+		className: e([
+			s,
+			y && c,
+			b
+		]),
+		children: p.map((r, i) => {
+			let s = j[i] ?? null, c = T[i] ?? null, h = c !== null && c !== "" ? r.kind === "period" ? r.options[Number(c)] : c : s === null ? r.placeholder : f(r, s), g = r.kind === "numeric";
+			return /* @__PURE__ */ o(n, { children: [/* @__PURE__ */ a("span", {
+				role: "spinbutton",
+				"data-slot": "segment",
+				"data-segment": r.key,
+				"aria-label": r.label,
+				"aria-valuemin": g ? r.min : 0,
+				"aria-valuemax": g ? r.max : 1,
+				"aria-valuenow": s === null ? void 0 : s,
+				"aria-valuetext": s === null ? void 0 : g ? r.ariaValueText?.(s) ?? f(r, s) : f(r, s),
+				"aria-disabled": y || void 0,
+				tabIndex: y || i !== C ? -1 : 0,
+				onKeyDown: (e) => L(e, i),
+				onFocus: () => w(i),
+				onBlur: R,
+				ref: t((e) => {
+					D.current[i] = e;
+				}, i === C ? x : void 0),
+				className: e([l, s === null && u]),
+				children: h
+			}), i < p.length - 1 && /* @__PURE__ */ a("span", {
+				"aria-hidden": "true",
+				"data-slot": "separator",
+				className: e(d),
+				children: m[i] ?? ""
+			})] }, r.key);
+		})
+	});
+}
+//#endregion
+export { p as default };

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -2,39 +2,46 @@
 import { useStrings as e } from "../LocaleProvider/useStrings.js";
 import t from "./DateRangePickerCore.js";
 import { commonRangePresets as n } from "./presets.js";
-import { jsx as r } from "react/jsx-runtime";
-import { useControl as i } from "react-use-control";
+import { c as r } from "react/compiler-runtime";
+import { jsx as i } from "react/jsx-runtime";
+import { useControl as a } from "react-use-control";
 //#region src/lib/components/DateRangePicker/DateRangePicker.tsx
-function a(e, t) {
+function o(e, t) {
 	if (e === void 0) return;
 	let r = e === "common" ? ["common"] : e, i = [];
 	for (let e of r) e === "common" ? i.push(...n(t)) : i.push(e);
 	return i;
 }
-function o({ startDate: n, endDate: o, onStartChange: s, onEndChange: c, separator: l, months: u, disabledDate: d, presets: f, className: p }) {
-	let [m, h] = i(n, ""), [g, _] = i(o, ""), v = e("dateRangePicker");
-	return /* @__PURE__ */ r(t, {
-		startDate: m,
-		endDate: g,
-		onStartChange: (e) => {
-			h(e), s?.(e);
-		},
-		onEndChange: (e) => {
-			_(e), c?.(e);
-		},
-		separator: l,
-		months: u,
-		disabledDate: d,
-		presets: a(f, {
-			today: v.presetToday,
-			yesterday: v.presetYesterday,
-			last7Days: v.presetLast7Days,
-			last30Days: v.presetLast30Days,
-			thisMonth: v.presetThisMonth,
-			lastMonth: v.presetLastMonth
-		}),
-		className: p
-	});
+function s(n) {
+	let s = r(24), { startDate: c, endDate: l, onStartChange: u, onEndChange: d, separator: f, months: p, disabledDate: m, presets: h, className: g } = n, [_, v] = a(c, ""), [y, b] = a(l, ""), x = e("dateRangePicker"), S;
+	s[0] !== u || s[1] !== v ? (S = (e) => {
+		v(e), u?.(e);
+	}, s[0] = u, s[1] = v, s[2] = S) : S = s[2];
+	let C;
+	s[3] !== d || s[4] !== b ? (C = (e) => {
+		b(e), d?.(e);
+	}, s[3] = d, s[4] = b, s[5] = C) : C = s[5];
+	let w;
+	s[6] !== h || s[7] !== x.presetLast30Days || s[8] !== x.presetLast7Days || s[9] !== x.presetLastMonth || s[10] !== x.presetThisMonth || s[11] !== x.presetToday || s[12] !== x.presetYesterday ? (w = o(h, {
+		today: x.presetToday,
+		yesterday: x.presetYesterday,
+		last7Days: x.presetLast7Days,
+		last30Days: x.presetLast30Days,
+		thisMonth: x.presetThisMonth,
+		lastMonth: x.presetLastMonth
+	}), s[6] = h, s[7] = x.presetLast30Days, s[8] = x.presetLast7Days, s[9] = x.presetLastMonth, s[10] = x.presetThisMonth, s[11] = x.presetToday, s[12] = x.presetYesterday, s[13] = w) : w = s[13];
+	let T;
+	return s[14] !== g || s[15] !== m || s[16] !== y || s[17] !== p || s[18] !== f || s[19] !== _ || s[20] !== S || s[21] !== C || s[22] !== w ? (T = /* @__PURE__ */ i(t, {
+		startDate: _,
+		endDate: y,
+		onStartChange: S,
+		onEndChange: C,
+		separator: f,
+		months: p,
+		disabledDate: m,
+		presets: w,
+		className: g
+	}), s[14] = g, s[15] = m, s[16] = y, s[17] = p, s[18] = f, s[19] = _, s[20] = S, s[21] = C, s[22] = w, s[23] = T) : T = s[23], T;
 }
 //#endregion
-export { o as default };
+export { s as default };

package/dist/components/Datepicker/Datepicker.js

@@ -1,31 +1,35 @@
 "use client";
-import e from "./DatepickerCore.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 "./DatepickerCore.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/Datepicker/Datepicker.tsx
-function r({ value: r, open: i, picker: a, min: o, max: s, disabledDate: c, presets: l, showTime: u, format: d, parse: f, locale: p, weekStartsOn: m, cellRender: h, placeholder: g, className: _, ref: v, ...y }) {
-	let [b, x] = n(r, ""), [S, C] = n(i, !1);
-	return /* @__PURE__ */ t(e, {
-		ref: v,
-		value: b,
-		onChange: x,
-		open: S,
-		onOpenChange: C,
-		picker: a,
-		min: o,
-		max: s,
-		disabledDate: c,
-		presets: l,
-		showTime: u,
-		format: d,
-		parse: f,
-		locale: p,
-		weekStartsOn: m,
-		cellRender: h,
-		placeholder: g,
-		className: _,
-		...y
-	});
+function a(a) {
+	let o = n(38), s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C;
+	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], g = o[10], _ = o[11], v = o[12], y = o[13], b = o[14], x = o[15], S = o[16], C = o[17]) : ({value: S, open: m, picker: g, min: p, max: f, disabledDate: l, presets: v, showTime: x, format: u, parse: h, locale: d, weekStartsOn: C, cellRender: s, placeholder: _, className: c, ref: y, ...b} = 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, o[10] = g, o[11] = _, o[12] = v, o[13] = y, o[14] = b, o[15] = x, o[16] = S, o[17] = C);
+	let [w, T] = i(S, ""), [E, D] = i(m, !1), O = e("Datepicker"), k = g ?? O.picker, A = C ?? O.weekStartsOn, j;
+	return o[18] !== s || o[19] !== c || o[20] !== l || o[21] !== u || o[22] !== d || o[23] !== f || o[24] !== p || o[25] !== E || o[26] !== h || o[27] !== _ || o[28] !== v || o[29] !== y || o[30] !== b || o[31] !== D || o[32] !== T || o[33] !== x || o[34] !== k || o[35] !== A || o[36] !== w ? (j = /* @__PURE__ */ r(t, {
+		ref: y,
+		value: w,
+		onChange: T,
+		open: E,
+		onOpenChange: D,
+		picker: k,
+		min: p,
+		max: f,
+		disabledDate: l,
+		presets: v,
+		showTime: x,
+		format: u,
+		parse: h,
+		locale: d,
+		weekStartsOn: A,
+		cellRender: s,
+		placeholder: _,
+		className: c,
+		...b
+	}), o[18] = s, o[19] = c, o[20] = l, o[21] = u, o[22] = d, o[23] = f, o[24] = p, o[25] = E, o[26] = h, o[27] = _, o[28] = v, o[29] = y, o[30] = b, o[31] = D, o[32] = T, o[33] = x, o[34] = k, o[35] = A, o[36] = w, o[37] = j) : j = o[37], j;
 }
 //#endregion
-export { r as default };
+export { a as default };

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

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