haze-ui 1.32.0 → 1.34.0

package/dist/components/Command/Command.js

@@ -3,23 +3,25 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { mergeRefs as n } from "../../utils/refs.js";
-import { getEnabledMenuItems as r, useMenuKeyboard as i, useRovingTabindex as a } from "../../utils/menuKeyboard.js";
-import o from "../Kbd/Kbd.js";
-import { collectCommandItems as s, commandItemMatches as c } from "./command-filter.js";
+import r from "../VirtualList/VirtualList.js";
+import { getEnabledMenuItems as i, useMenuKeyboard as a, useRovingTabindex as o } from "../../utils/menuKeyboard.js";
+import s from "../Kbd/Kbd.js";
+import { collectCommandItems as c, commandItemScore as l, flattenCommandChildren as u, isCommandItemElement as d, orderCommandChildren as f } from "./command-filter.js";
 /* empty css                  */
-import { Children as l, createContext as u, useContext as d, useId as f, useMemo as p, useRef as m } from "react";
-import { jsx as h, jsxs as g } from "react/jsx-runtime";
-import { useControl as _ } from "react-use-control";
+import { c as p } from "react/compiler-runtime";
+import { Children as m, createContext as h, useContext as g, useEffect as _, useId as v, useMemo as y, useRef as b } from "react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useControl as C } from "react-use-control";
 //#region src/lib/components/Command/Command.tsx
-var v = "[role=\"option\"]", y = u(void 0);
-function b() {
-	let e = d(y);
+var w = "[role=\"option\"]", T = h(void 0);
+function E() {
+	let e = g(T);
 	if (!e) throw Error("Command sub-components must be used within <Command>");
 	return e;
 }
-var x = "haze-Command__base";
-function S({ query: t, shouldFilter: n = !0, onItemSelect: r, children: i, className: a }) {
-	let [o, s] = _(t, ""), c = m(null), l = m(null), u = f(), d = p(() => ({
+var D = "haze-Command__base";
+function O({ query: t, shouldFilter: n = !0, onItemSelect: r, children: i, className: a }) {
+	let [o, s] = C(t, ""), c = b(null), l = b(null), u = v(), d = y(() => ({
 		query: o,
 		setQuery: s,
 		shouldFilter: n,
@@ -34,112 +36,195 @@ function S({ query: t, shouldFilter: n = !0, onItemSelect: r, children: i, class
 		r,
 		u
 	]);
-	return /* @__PURE__ */ h(y.Provider, {
+	return /* @__PURE__ */ x(T.Provider, {
 		value: d,
-		children: h("div", {
+		children: x("div", {
 			"data-slot": "command",
 			role: "combobox",
 			"aria-expanded": !0,
 			"aria-controls": u,
-			className: e([x, a]),
+			className: e([D, a]),
 			children: i
 		})
 	});
 }
-var C = "haze-Command__inputStyle";
-function w({ placeholder: t, className: i, ref: a }) {
-	let { query: o, setQuery: s, inputRef: c, listRef: l } = b();
-	return /* @__PURE__ */ h("input", {
-		ref: n(c, a),
+var k = "haze-Command__inputStyle";
+function A(t) {
+	let r = p(16), { placeholder: a, className: o, ref: s } = t, { query: c, setQuery: l, inputRef: u, listRef: d } = E(), f;
+	r[0] !== u || r[1] !== s ? (f = n(u, s), r[0] = u, r[1] = s, r[2] = f) : f = r[2];
+	let m;
+	r[3] === o ? m = r[4] : (m = [k, o], r[3] = o, r[4] = m);
+	let h;
+	r[5] === l ? h = r[6] : (h = (e) => l(e.target.value), r[5] = l, r[6] = h);
+	let g;
+	r[7] === d ? g = r[8] : (g = (e) => {
+		if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+		e.preventDefault();
+		let t = i(d.current, w);
+		(e.key === "ArrowDown" ? t[0] : t[t.length - 1])?.focus();
+	}, r[7] = d, r[8] = g);
+	let _;
+	return r[9] !== a || r[10] !== c || r[11] !== f || r[12] !== m || r[13] !== h || r[14] !== g ? (_ = /* @__PURE__ */ x("input", {
+		ref: f,
 		"data-slot": "input",
 		type: "text",
-		placeholder: t,
-		value: o,
-		onChange: (e) => s(e.target.value),
-		onKeyDown: (e) => {
-			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
-			e.preventDefault();
-			let t = r(l.current, v);
-			(e.key === "ArrowDown" ? t[0] : t[t.length - 1])?.focus();
-		},
-		className: e([C, i])
-	});
+		placeholder: a,
+		value: c,
+		onChange: h,
+		onKeyDown: g,
+		className: e(m)
+	}), r[9] = a, r[10] = c, r[11] = f, r[12] = m, r[13] = h, r[14] = g, r[15] = _) : _ = r[15], _;
 }
-var T = "haze-Command__listStyle", E = "haze-Command__emptyStyle";
-function D({ children: n, empty: r, className: o }) {
-	let { inputRef: l, listRef: u, listId: d, shouldFilter: f, query: p } = b(), m = t("command");
-	a({
-		menuRef: u,
+var j = 37, M = 300, N = "haze-Command__listStyle", P = "haze-Command__listVirtualPort", F = "haze-Command__emptyStyle";
+function I(n) {
+	let i = p(52), { children: s, empty: d, virtualized: m, className: h } = n, { inputRef: g, listRef: v, listId: y, shouldFilter: b, query: C } = E(), T = t("command"), D;
+	i[0] === v ? D = i[1] : (D = {
+		menuRef: v,
 		active: !0,
-		selector: v
-	});
-	let _ = i({
-		menuRef: u,
-		selector: v,
-		onClose: () => l.current?.focus()
-	}), y = s(n, M), x = f && y.length > 0 && !y.some((e) => c(e.props, p));
-	return /* @__PURE__ */ g("div", {
-		ref: u,
+		selector: w
+	}, i[0] = v, i[1] = D), o(D);
+	let O;
+	i[2] === g ? O = i[3] : (O = () => g.current?.focus(), i[2] = g, i[3] = O);
+	let k;
+	i[4] !== v || i[5] !== O ? (k = {
+		menuRef: v,
+		selector: w,
+		onClose: O
+	}, i[4] = v, i[5] = O, i[6] = k) : k = i[6];
+	let A = a(k), I;
+	if (i[7] !== s || i[8] !== C || i[9] !== b) {
+		let e = c(s, W);
+		I = b && e.length > 0 && !e.some((e) => l(e.props, C) !== null), i[7] = s, i[8] = C, i[9] = b, i[10] = I;
+	} else I = i[10];
+	let B = I, V;
+	i[11] === s ? V = i[12] : (V = u(s), i[11] = s, i[12] = V);
+	let H = V, U;
+	i[13] === H ? U = i[14] : (U = H.every(z), i[13] = H, i[14] = U);
+	let G = U, K, q;
+	i[15] !== G || i[16] !== m ? (K = () => {
+		m && !G && console.warn("CommandList: `virtualized` supports flat <CommandItem> children only — rendering the list without virtualization.");
+	}, q = [m, G], i[15] = G, i[16] = m, i[17] = K, i[18] = q) : (K = i[17], q = i[18]), _(K, q);
+	let J;
+	i[19] !== H || i[20] !== C || i[21] !== b ? (J = f(H, W, b, C), i[19] = H, i[20] = C, i[21] = b, i[22] = J) : J = i[22];
+	let Y = J, X;
+	i[23] !== d || i[24] !== B || i[25] !== T ? (X = B && /* @__PURE__ */ x("div", {
+		"data-slot": "empty",
+		role: "option",
+		"aria-selected": !1,
+		"aria-disabled": "true",
+		className: e([F]),
+		children: d ?? T.noResults
+	}), i[23] = d, i[24] = B, i[25] = T, i[26] = X) : X = i[26];
+	let Z = X;
+	if (m && G) {
+		let t = typeof m == "object" ? m : void 0, n = t?.itemHeight ?? j, a;
+		i[27] === Y ? a = i[28] : (a = Y.filter(R), i[27] = Y, i[28] = a);
+		let o = a, s;
+		i[29] === h ? s = i[30] : (s = [h], i[29] = h, i[30] = s);
+		let c;
+		i[31] !== t?.height || i[32] !== t?.overscan || i[33] !== Z || i[34] !== n || i[35] !== o ? (c = o.length > 0 ? /* @__PURE__ */ x(r, {
+			"data-virtualized": !0,
+			items: o,
+			height: Math.min(t?.height ?? M, o.length * n),
+			itemHeight: n,
+			overscan: t?.overscan,
+			renderItem: L,
+			className: P
+		}) : Z, i[31] = t?.height, i[32] = t?.overscan, i[33] = Z, i[34] = n, i[35] = o, i[36] = c) : c = i[36];
+		let l;
+		return i[37] !== A || i[38] !== y || i[39] !== v || i[40] !== s || i[41] !== c ? (l = /* @__PURE__ */ x("div", {
+			ref: v,
+			"data-slot": "list",
+			role: "listbox",
+			id: y,
+			onKeyDown: A,
+			className: e(s),
+			children: c
+		}), i[37] = A, i[38] = y, i[39] = v, i[40] = s, i[41] = c, i[42] = l) : l = i[42], l;
+	}
+	let Q;
+	i[43] === h ? Q = i[44] : (Q = [N, h], i[43] = h, i[44] = Q);
+	let $;
+	return i[45] !== Z || i[46] !== A || i[47] !== y || i[48] !== v || i[49] !== Y || i[50] !== Q ? ($ = /* @__PURE__ */ S("div", {
+		ref: v,
 		"data-slot": "list",
 		role: "listbox",
-		id: d,
-		onKeyDown: _,
-		className: e([T, o]),
-		children: [n, x && /* @__PURE__ */ h("div", {
-			"data-slot": "empty",
-			role: "option",
-			"aria-selected": !1,
-			"aria-disabled": "true",
-			className: e([E]),
-			children: r ?? m.noResults
-		})]
-	});
+		id: y,
+		onKeyDown: A,
+		className: e(Q),
+		children: [Y, Z]
+	}), i[45] = Z, i[46] = A, i[47] = y, i[48] = v, i[49] = Y, i[50] = Q, i[51] = $) : $ = i[51], $;
+}
+function L(e) {
+	return e;
+}
+function R(e) {
+	return d(e, W);
+}
+function z(e) {
+	return d(e, W);
 }
-var O = "haze-Command__groupHeading";
-function k({ heading: t, children: n, className: r }) {
-	let { shouldFilter: i, query: a } = b(), o = f(), u = s(n, M);
-	return (u.length === 0 ? l.count(n) > 0 : !i || u.some((e) => c(e.props, a))) ? /* @__PURE__ */ g("div", {
+var B = "haze-Command__groupHeading";
+function V(t) {
+	let n = p(14), { heading: r, children: i, className: a } = t, { shouldFilter: o, query: s } = E(), d = v(), h = c(i, W);
+	if (!(h.length === 0 ? m.count(i) > 0 : !o || h.some((e) => l(e.props, s) !== null))) return null;
+	let g;
+	n[0] !== i || n[1] !== s || n[2] !== o ? (g = f(u(i), W, o, s), n[0] = i, n[1] = s, n[2] = o, n[3] = g) : g = n[3];
+	let _ = g, y = r === void 0 ? void 0 : d, b;
+	n[4] === a ? b = n[5] : (b = [a], n[4] = a, n[5] = b);
+	let C;
+	n[6] !== r || n[7] !== d ? (C = r !== void 0 && /* @__PURE__ */ x("div", {
+		id: d,
+		"data-slot": "group-label",
+		className: e([B]),
+		children: r
+	}), n[6] = r, n[7] = d, n[8] = C) : C = n[8];
+	let w;
+	return n[9] !== _ || n[10] !== y || n[11] !== b || n[12] !== C ? (w = /* @__PURE__ */ S("div", {
 		"data-slot": "group",
 		role: "group",
-		"aria-labelledby": t === void 0 ? void 0 : o,
-		className: e([r]),
-		children: [t !== void 0 && /* @__PURE__ */ h("div", {
-			id: o,
-			"data-slot": "group-label",
-			className: e([O]),
-			children: t
-		}), n]
-	}) : null;
+		"aria-labelledby": y,
+		className: e(b),
+		children: [C, _]
+	}), n[9] = _, n[10] = y, n[11] = b, n[12] = C, n[13] = w) : w = n[13], w;
 }
-var A = "haze-Command__itemStyle", j = "haze-Command__itemWithShortcut";
-function M({ children: t, value: n, keywords: r, shortcut: i, className: a, onSelect: s }) {
-	let { shouldFilter: l, query: u, onItemSelect: d } = b();
-	if (l && !c({
-		value: n,
-		keywords: r,
-		children: t
-	}, u)) return null;
-	let f = () => {
-		s?.(), d?.();
-	};
-	return /* @__PURE__ */ g("div", {
+var H = "haze-Command__itemStyle", U = "haze-Command__itemWithShortcut";
+function W(t) {
+	let n = p(16), { children: r, value: i, keywords: a, shortcut: o, className: c, onSelect: u } = t, { shouldFilter: d, query: f, onItemSelect: m } = E();
+	if (d && l({
+		value: i,
+		keywords: a,
+		children: r
+	}, f) === null) return null;
+	let h;
+	n[0] !== m || n[1] !== u ? (h = () => {
+		u?.(), m?.();
+	}, n[0] = m, n[1] = u, n[2] = h) : h = n[2];
+	let g = h, _ = o !== void 0 && U, v;
+	n[3] !== c || n[4] !== _ ? (v = [
+		H,
+		_,
+		c
+	], n[3] = c, n[4] = _, n[5] = v) : v = n[5];
+	let y;
+	n[6] === g ? y = n[7] : (y = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), g());
+	}, n[6] = g, n[7] = y);
+	let b;
+	n[8] === o ? b = n[9] : (b = o !== void 0 && /* @__PURE__ */ x(s, {
+		size: "sm",
+		children: o
+	}), n[8] = o, n[9] = b);
+	let C;
+	return n[10] !== g || n[11] !== r || n[12] !== v || n[13] !== y || n[14] !== b ? (C = /* @__PURE__ */ S("div", {
 		"data-slot": "item",
 		role: "option",
 		tabIndex: -1,
-		onClick: f,
-		onKeyDown: (e) => {
-			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), f());
-		},
-		className: e([
-			A,
-			i !== void 0 && j,
-			a
-		]),
-		children: [t, i !== void 0 && /* @__PURE__ */ h(o, {
-			size: "sm",
-			children: i
-		})]
-	});
+		onClick: g,
+		onKeyDown: y,
+		className: e(v),
+		children: [r, b]
+	}), n[10] = g, n[11] = r, n[12] = v, n[13] = y, n[14] = b, n[15] = C) : C = n[15], C;
 }
 //#endregion
-export { k as CommandGroup, w as CommandInput, M as CommandItem, D as CommandList, S as default };
+export { V as CommandGroup, A as CommandInput, W as CommandItem, I as CommandList, O as default };

package/dist/components/Command/CommandDialog.js

@@ -4,45 +4,60 @@ import e from "../Dialog/Dialog.js";
 import t, { CommandInput as n } from "./Command.js";
 import { useHotkeys as r } from "../../hooks/useHotkeys.js";
 /* empty css                        */
-import { useCallback as i, useEffect as a, useRef as o } from "react";
+import { c as i } from "react/compiler-runtime";
+import { useEffect as a, useRef 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/Command/CommandDialog.tsx
 var u = "haze-CommandDialog__panel", d = "haze-CommandDialog__panelTitle", f = "haze-CommandDialog__palette";
-function p({ open: p, onOpenChange: m, hotkey: h, title: g, placeholder: _, children: v, className: y }) {
-	let [b, x, S] = l(p, !1), C = o(null), w = i(() => {
-		let e = !b;
-		x(e), m?.(e);
-	}, [
-		b,
-		x,
-		m
-	]), T = i(() => {
-		x(!1), m?.(!1);
-	}, [x, m]);
-	return r(h === void 0 ? {} : { [h]: w }, {
-		enabled: h !== void 0,
+function p(p) {
+	let m = i(30), { open: h, onOpenChange: g, hotkey: _, title: v, placeholder: y, children: b, className: x } = p, [S, C, w] = l(h, !1), T = o(null), E;
+	m[0] !== g || m[1] !== S || m[2] !== C ? (E = () => {
+		let e = !S;
+		C(e), g?.(e);
+	}, m[0] = g, m[1] = S, m[2] = C, m[3] = E) : E = m[3];
+	let D = E, O;
+	m[4] !== g || m[5] !== C ? (O = () => {
+		C(!1), g?.(!1);
+	}, m[4] = g, m[5] = C, m[6] = O) : O = m[6];
+	let k = O, A;
+	m[7] !== _ || m[8] !== D ? (A = _ === void 0 ? {} : { [_]: D }, m[7] = _, m[8] = D, m[9] = A) : A = m[9];
+	let j = _ !== void 0, M;
+	m[10] === j ? M = m[11] : (M = {
+		enabled: j,
 		allowInInput: !0
-	}), a(() => {
-		b && C.current?.focus();
-	}, [b]), /* @__PURE__ */ s(e, {
-		open: S,
-		onClose: () => m?.(!1),
-		title: g,
-		classNames: {
-			root: u,
-			header: d
-		},
-		className: y,
-		children: c(t, {
-			className: f,
-			onItemSelect: T,
-			children: [/* @__PURE__ */ s(n, {
-				ref: C,
-				placeholder: _
-			}), v]
-		})
-	});
+	}, m[10] = j, m[11] = M), r(A, M);
+	let N, P;
+	m[12] === S ? (N = m[13], P = m[14]) : (N = () => {
+		S && T.current?.focus();
+	}, P = [S], m[12] = S, m[13] = N, m[14] = P), a(N, P);
+	let F;
+	m[15] === g ? F = m[16] : (F = () => g?.(!1), m[15] = g, m[16] = F);
+	let I;
+	m[17] === Symbol.for("react.memo_cache_sentinel") ? (I = {
+		root: u,
+		header: d
+	}, m[17] = I) : I = m[17];
+	let L;
+	m[18] === y ? L = m[19] : (L = /* @__PURE__ */ s(n, {
+		ref: T,
+		placeholder: y
+	}), m[18] = y, m[19] = L);
+	let R;
+	m[20] !== b || m[21] !== k || m[22] !== L ? (R = /* @__PURE__ */ c(t, {
+		className: f,
+		onItemSelect: k,
+		children: [L, b]
+	}), m[20] = b, m[21] = k, m[22] = L, m[23] = R) : R = m[23];
+	let z;
+	return m[24] !== x || m[25] !== w || m[26] !== R || m[27] !== F || m[28] !== v ? (z = /* @__PURE__ */ s(e, {
+		open: w,
+		onClose: F,
+		title: v,
+		classNames: I,
+		className: x,
+		children: R
+	}), m[24] = x, m[25] = w, m[26] = R, m[27] = F, m[28] = v, m[29] = z) : z = m[29], z;
 }
 //#endregion
 export { p as default };

package/dist/components/Command/command-filter.js

@@ -1,16 +1,86 @@
 "use client";
-import { Children as e, isValidElement as t } from "react";
+import { Children as e, Fragment as t, cloneElement as n, isValidElement as r } from "react";
 //#region src/lib/components/Command/command-filter.ts
-function n(e) {
-	return typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(n).join("") : t(e) ? n(e.props.children) : "";
+var i = 16, a = 12, o = 8, s = 12, c = 2, l = 12, u = /* @__PURE__ */ new Set([
+	" ",
+	"	",
+	"/",
+	"-",
+	"_",
+	".",
+	":"
+]);
+function d(e, t) {
+	if (t === 0) return !0;
+	let n = e.charAt(t - 1);
+	if (u.has(n)) return !0;
+	let r = e.charAt(t);
+	return r !== r.toLowerCase() && n === n.toLowerCase();
 }
-function r(e, t) {
-	if (!t) return !0;
-	let r = t.toLowerCase();
-	return (e.value ?? n(e.children)).toLowerCase().includes(r) ? !0 : (e.keywords ?? []).some((e) => e.toLowerCase().includes(r));
+function f(e, t) {
+	if (e === "") return {
+		matched: !0,
+		score: 0
+	};
+	let n = e.toLowerCase(), r = t.toLowerCase(), u = 0, f = 0, p = -2;
+	for (let e = 0; e < n.length; e++) {
+		let m = r.indexOf(n.charAt(e), f);
+		if (m === -1) return {
+			matched: !1,
+			score: 0
+		};
+		let h = i;
+		m === p + 1 && (h += a), d(t, m) && (h += o), e === 0 && m === 0 && (h += s);
+		let g = m - f;
+		g > 0 && (h -= Math.min(l, g * c)), u += h, p = m, f = m + 1;
+	}
+	return {
+		matched: !0,
+		score: u
+	};
 }
-function i(n, r) {
-	return e.toArray(n).flatMap((e) => t(e) ? e.type === r ? [e] : i(e.props.children, r) : []);
+function p(e) {
+	return typeof e == "string" ? e : typeof e == "number" || typeof e == "boolean" ? String(e) : Array.isArray(e) ? e.map(p).join("") : r(e) ? p(e.props.children) : "";
+}
+function m(e, t) {
+	if (t === "") return 0;
+	let n = null, r = [e.value ?? p(e.children)];
+	for (let t of e.keywords ?? []) r.push(t);
+	for (let e of r) {
+		let { matched: r, score: i } = f(t, e);
+		r && (n === null || i > n) && (n = i);
+	}
+	return n;
+}
+function h(e, t) {
+	return r(e) && e.type === t;
+}
+function g(i) {
+	return e.toArray(i).flatMap((e) => {
+		if (r(e) && e.type === t) {
+			let t = e.key ?? "";
+			return g(e.props.children).map((e) => r(e) ? n(e, { key: `${t}/${e.key ?? ""}` }) : e);
+		}
+		return [e];
+	});
+}
+function _(e, t, n, r) {
+	if (!n || r === "") return e;
+	let i = [];
+	e.forEach((e, n) => {
+		if (!h(e, t)) return;
+		let a = m(e.props, r);
+		a !== null && i.push({
+			child: e,
+			score: a,
+			index: n
+		});
+	}), i.sort((e, t) => t.score - e.score || e.index - t.index);
+	let a = 0;
+	return e.map((e) => h(e, t) ? i[a++]?.child ?? null : e);
+}
+function v(t, n) {
+	return e.toArray(t).flatMap((e) => r(e) ? e.type === n ? [e] : v(e.props.children, n) : []);
 }
 //#endregion
-export { i as collectCommandItems, r as commandItemMatches, n as commandItemText };
+export { v as collectCommandItems, m as commandItemScore, p as commandItemText, g as flattenCommandChildren, f as fuzzyMatch, h as isCommandItemElement, _ as orderCommandChildren };

package/dist/components/ConfigProvider/ConfigContext.js

@@ -3,44 +3,13 @@ import { createContext as e } from "react";
 //#region src/lib/components/ConfigProvider/ConfigContext.ts
 var t = e(void 0);
 function n(e, t) {
-	return e === void 0 ? t ?? {} : t === void 0 ? e : {
-		Button: {
-			...e.Button ?? {},
-			...t.Button ?? {}
-		},
-		ButtonLink: {
-			...e.ButtonLink ?? {},
-			...t.ButtonLink ?? {}
-		},
-		Toast: {
-			...e.Toast ?? {},
-			...t.Toast ?? {}
-		},
-		Tooltip: {
-			...e.Tooltip ?? {},
-			...t.Tooltip ?? {}
-		},
-		HoverCard: {
-			...e.HoverCard ?? {},
-			...t.HoverCard ?? {}
-		},
-		Drawer: {
-			...e.Drawer ?? {},
-			...t.Drawer ?? {}
-		},
-		Select: {
-			...e.Select ?? {},
-			...t.Select ?? {}
-		},
-		Combobox: {
-			...e.Combobox ?? {},
-			...t.Combobox ?? {}
-		},
-		TagGroup: {
-			...e.TagGroup ?? {},
-			...t.TagGroup ?? {}
-		}
-	};
+	if (e === void 0) return t ?? {};
+	if (t === void 0) return e;
+	let n = [.../* @__PURE__ */ new Set([...Object.keys(e), ...Object.keys(t)])];
+	return Object.fromEntries(n.map((n) => [n, {
+		...e[n] ?? {},
+		...t[n] ?? {}
+	}]));
 }
 //#endregion
 export { t as ConfigContext, n as mergeConfig };

package/dist/components/ConfigProvider/ConfigProvider.js

@@ -1,14 +1,22 @@
 "use client";
 import { ConfigContext as e, mergeConfig as t } from "./ConfigContext.js";
-import { useContext as n, useMemo as r } from "react";
+import { c as n } from "react/compiler-runtime";
+import { useContext as r } from "react";
 import { jsx as i } from "react/jsx-runtime";
 //#region src/lib/components/ConfigProvider/ConfigProvider.tsx
-function a({ defaults: a, children: o }) {
-	let s = n(e), c = r(() => t(s, a), [s, a]);
-	return /* @__PURE__ */ i(e.Provider, {
-		value: c,
-		children: o
-	});
+function a(a) {
+	let o = n(9), { defaults: s, density: c, children: l } = a, u = r(e), d = u?.defaults, f;
+	o[0] !== s || o[1] !== d ? (f = t(d, s), o[0] = s, o[1] = d, o[2] = f) : f = o[2];
+	let p = c ?? u?.density ?? "normal", m;
+	o[3] !== f || o[4] !== p ? (m = {
+		defaults: f,
+		density: p
+	}, o[3] = f, o[4] = p, o[5] = m) : m = o[5];
+	let h = m, g;
+	return o[6] !== l || o[7] !== h ? (g = /* @__PURE__ */ i(e.Provider, {
+		value: h,
+		children: l
+	}), o[6] = l, o[7] = h, o[8] = g) : g = o[8], g;
 }
 //#endregion
 export { a as default };

package/dist/components/ConfigProvider/useConfigDefaults.js

@@ -4,7 +4,10 @@ import { useContext as t } from "react";
 //#region src/lib/components/ConfigProvider/useConfigDefaults.ts
 var n = Object.freeze({});
 function r(r) {
-	return t(e)?.[r] ?? n;
+	return t(e)?.defaults[r] ?? n;
+}
+function i() {
+	return t(e)?.density ?? "normal";
 }
 //#endregion
-export { r as useConfigDefaults };
+export { r as useConfigDefaults, i as useConfigDensity };