haze-ui 1.31.0 → 1.32.0

package/dist/components/ConfigProvider/ConfigContext.js

@@ -23,6 +23,22 @@ function n(e, t) {
 		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 ?? {}
 		}
 	};
 }

package/dist/components/ConfirmDialog/confirm.js

@@ -0,0 +1,41 @@
+"use client";
+import e from "./ConfirmDialog.js";
+import { createElement as t } from "react";
+import { flushSync as n } from "react-dom";
+import { createRoot as r } from "react-dom/client";
+//#region src/lib/components/ConfirmDialog/confirm.ts
+function i(i) {
+	let { onConfirm: a, onCancel: o, children: s, ...c } = i;
+	return typeof document > "u" ? Promise.resolve(!1) : new Promise((i) => {
+		let l = document.createElement("div");
+		l.setAttribute("data-haze-confirm-host", ""), document.body.appendChild(l);
+		let u = r(l), d = !1, f = () => {
+			queueMicrotask(() => {
+				u.unmount(), l.remove();
+			});
+		}, p = (r, a) => {
+			d || (d = !0, a?.(), n(() => {
+				u.render(t(e, {
+					...c,
+					children: s,
+					open: !1,
+					onConfirm: () => void 0,
+					onCancel: () => void 0,
+					onClose: () => void 0
+				}));
+			}), f(), i(r));
+		};
+		n(() => {
+			u.render(t(e, {
+				...c,
+				children: s,
+				open: !0,
+				onConfirm: () => p(!0, a),
+				onCancel: () => p(!1, o),
+				onClose: () => p(!1, o)
+			}));
+		});
+	});
+}
+//#endregion
+export { i as confirm };

package/dist/components/ConfirmDialog/index.js

@@ -1,3 +1,4 @@
 "use client";
 import e from "./ConfirmDialog.js";
-export { e as ConfirmDialog };
+import { confirm as t } from "./confirm.js";
+export { e as ConfirmDialog, t as confirm };

package/dist/components/DataTable/DataTable.js

@@ -1,9 +1,9 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import t from "../Input/Input.js";
-import { getDirection as n, useDirection as r } from "../../utils/direction.js";
-import { useStrings as i } from "../LocaleProvider/useStrings.js";
+import { getDirection as t, useDirection as n } from "../../utils/direction.js";
+import { useStrings as r } from "../LocaleProvider/useStrings.js";
+import i from "../Input/Input.js";
 import a from "../VirtualList/VirtualList.js";
 import o from "../Checkbox/CheckboxCore.js";
 import s from "../Skeleton/Skeleton.js";
@@ -59,7 +59,7 @@ function h(e) {
 }
 var xe = "calc(var(--haze-space-3) * 2 + var(--haze-space-5))", Se = "(var(--haze-space-3) * 2 + var(--haze-space-5))", Ce = 34, we = "haze-DataTable__root", Te = "haze-DataTable__scrollArea", Ee = "haze-DataTable__stickyScrollArea", De = "haze-DataTable__virtualArea", g = "haze-DataTable__fixedLayout", Oe = "haze-DataTable__virtualRowTable", _ = "haze-DataTable__tableBase", ke = "haze-DataTable__stickyHead", Ae = "haze-DataTable__sortButton", je = "haze-DataTable__sortIcon", Me = "haze-DataTable__rowHover", Ne = "haze-DataTable__rowSelected", Pe = "haze-DataTable__clickableRow", Fe = "haze-DataTable__checkCell", Ie = "haze-DataTable__checkCellCol", v = "haze-DataTable__fixedCell", y = "haze-DataTable__fixedCellSelected", b = "haze-DataTable__fixedHeadCell", x = "haze-DataTable__fixedLeftEdge", Le = "haze-DataTable__fixedRightEdge", Re = "haze-DataTable__emptyCell", ze = "haze-DataTable__footer", Be = "haze-DataTable__toolbar", Ve = "haze-DataTable__footerMenu", He = "haze-DataTable__columnsTrigger", Ue = "haze-DataTable__toggleRow", We = "haze-DataTable__resizableHead", Ge = "haze-DataTable__resizeHandle", Ke = "haze-DataTable__expander", qe = "haze-DataTable__expanderIcon", Je = "haze-DataTable__panelCell", Ye = "haze-DataTable__treeIndent", Xe = "haze-DataTable__summaryFoot", Ze = "haze-DataTable__stickyFoot", Qe = "haze-DataTable__editableCell";
 function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSelection: et, sorting: T, pageSize: E, page: D, manual: O = !1, pageCount: tt, onPageChange: nt, onSortChange: rt, loading: k = !1, stickyHeader: it = !1, virtualized: A, getRowId: at, onRowClick: j, empty: ot, resizable: M = !1, expanded: st, getRowCanExpand: N, renderExpandedRow: P, subRowsKey: ct = "subRows", columnVisibility: lt, columnToggle: ut = !1, filterable: F = !1, summary: dt, stickyFooter: ft = !1, editable: pt = !1, onCellEdit: mt, className: ht, ...gt }) {
-	let _t = me(T), [vt, yt] = p(he(_t ? T : void 0, ge((e) => rt?.(e))), _t ? [] : T ?? []), [bt, xt] = p(et, {}), St = me(D), [Ct, wt, Tt] = p(he(St ? D : void 0, ge((e) => nt?.(e))), St ? 1 : D ?? 1), [Et, Dt] = p(st, {}), [Ot, kt] = p(lt, {}), [I, L] = fe(null), At = r(), jt = le(), Mt = i("dataTable"), R = A === !0 || typeof A == "object", z = typeof A == "object" ? A.rowHeight : Ce, Nt = typeof A == "object" ? A.overscan : void 0, Pt = E ?? Infinity, Ft = N !== void 0 || P !== void 0, It = N === void 0 && P === void 0 && C.some((e) => {
+	let _t = me(T), [vt, yt] = p(he(_t ? T : void 0, ge((e) => rt?.(e))), _t ? [] : T ?? []), [bt, xt] = p(et, {}), St = me(D), [Ct, wt, Tt] = p(he(St ? D : void 0, ge((e) => nt?.(e))), St ? 1 : D ?? 1), [Et, Dt] = p(st, {}), [Ot, kt] = p(lt, {}), [I, L] = fe(null), At = n(), jt = le(), Mt = r("dataTable"), R = A === !0 || typeof A == "object", z = typeof A == "object" ? A.rowHeight : Ce, Nt = typeof A == "object" ? A.overscan : void 0, Pt = E ?? Infinity, Ft = N !== void 0 || P !== void 0, It = N === void 0 && P === void 0 && C.some((e) => {
 		let t = e[ct];
 		return Array.isArray(t) && t.length > 0;
 	}), Lt = ue(() => S.map((e) => ve(e, {
@@ -176,7 +176,7 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 		t.target instanceof Element && t.target.closest("button, input, select, textarea, a") || j(e, t);
 	} : void 0, Jt = /* @__PURE__ */ d(c, {
 		className: it ? ke : void 0,
-		children: V.map((t, r) => /* @__PURE__ */ f("tr", {
+		children: V.map((n, r) => /* @__PURE__ */ f("tr", {
 			"data-slot": "row",
 			children: [w && r === 0 && /* @__PURE__ */ d(u, {
 				as: "th",
@@ -196,19 +196,19 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 						"aria-label": Mt.selectAll
 					})
 				})
-			}), t.headers.map((t) => {
-				if (t.rowSpan === 0) return null;
-				if (t.isPlaceholder) return /* @__PURE__ */ d(u, {
+			}), n.headers.map((n) => {
+				if (n.rowSpan === 0) return null;
+				if (n.isPlaceholder) return /* @__PURE__ */ d(u, {
 					as: "th",
 					"data-slot": "cell",
 					children: null
-				}, t.placeholderId ?? t.id);
-				let r = t.column.getIsSorted(), i = t.subHeaders.length === 0 ? q.get(t.column.id) : void 0, a = M && t.subHeaders.length === 0 && t.column.getCanResize();
+				}, n.placeholderId ?? n.id);
+				let r = n.column.getIsSorted(), i = n.subHeaders.length === 0 ? q.get(n.column.id) : void 0, a = M && n.subHeaders.length === 0 && n.column.getCanResize();
 				return /* @__PURE__ */ f(u, {
 					as: "th",
 					"data-slot": "cell",
-					colSpan: t.colSpan > 1 ? t.colSpan : void 0,
-					rowSpan: t.rowSpan > 1 ? t.rowSpan : void 0,
+					colSpan: n.colSpan > 1 ? n.colSpan : void 0,
+					rowSpan: n.rowSpan > 1 ? n.rowSpan : void 0,
 					style: h(i),
 					"aria-sort": r === "asc" ? "ascending" : r === "desc" ? "descending" : void 0,
 					className: e([
@@ -216,38 +216,38 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 						i && b,
 						a && We
 					]),
-					children: [t.column.getCanSort() ? /* @__PURE__ */ f("button", {
+					children: [n.column.getCanSort() ? /* @__PURE__ */ f("button", {
 						type: "button",
 						"data-slot": "sort-button",
-						onClick: t.column.getToggleSortingHandler(),
+						onClick: n.column.getToggleSortingHandler(),
 						className: e([Ae]),
-						children: [/* @__PURE__ */ d(B.FlexRender, { header: t }), /* @__PURE__ */ d("span", {
+						children: [/* @__PURE__ */ d(B.FlexRender, { header: n }), /* @__PURE__ */ d("span", {
 							"data-slot": "icon",
 							"aria-hidden": "true",
 							className: e([je]),
 							children: r === "asc" ? "↑" : r === "desc" ? "↓" : "↕"
 						})]
-					}) : /* @__PURE__ */ d(B.FlexRender, { header: t }), a && /* @__PURE__ */ d("div", {
+					}) : /* @__PURE__ */ d(B.FlexRender, { header: n }), a && /* @__PURE__ */ d("div", {
 						role: "separator",
 						"data-slot": "resize-handle",
 						"aria-orientation": "vertical",
-						"aria-label": `Resize ${m(t.column)}`,
+						"aria-label": `Resize ${m(n.column)}`,
 						tabIndex: 0,
 						onMouseDown: (e) => {
-							e.preventDefault(), t.getResizeHandler()(e);
+							e.preventDefault(), n.getResizeHandler()(e);
 						},
-						onDoubleClick: () => t.column.resetSize(),
+						onDoubleClick: () => n.column.resetSize(),
 						onKeyDown: (e) => {
 							if (e.key !== "ArrowLeft" && e.key !== "ArrowRight") return;
 							e.preventDefault();
-							let r = n(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
-							Kt(t, i ? 5 : -5);
+							let r = t(e.currentTarget) === "rtl", i = e.key === "ArrowRight" !== r;
+							Kt(n, i ? 5 : -5);
 						},
 						className: e([Ge])
 					})]
-				}, t.id);
+				}, n.id);
 			})]
-		}, t.id))
+		}, n.id))
 	}), Yt = (e) => `${jt}-${e.replace(/\s+/g, "-")}-panel`, X = (t) => /* @__PURE__ */ f(se, { children: [/* @__PURE__ */ f("tr", {
 		"data-slot": "row",
 		onClick: qt ? (e) => qt(t.original, e) : void 0,
@@ -377,7 +377,7 @@ function S({ columns: S, data: C, sortable: $e = !1, selectable: w = !1, rowSele
 			children: null
 		}), H.map((e) => /* @__PURE__ */ d(u, {
 			"data-slot": "cell",
-			children: e.column.getCanFilter() ? /* @__PURE__ */ d(t, {
+			children: e.column.getCanFilter() ? /* @__PURE__ */ d(i, {
 				size: "sm",
 				"aria-label": `Filter ${m(e.column)}`,
 				placeholder: Mt.filterPlaceholder,

package/dist/components/DateTimePicker/DateTimePicker.js

@@ -0,0 +1,25 @@
+"use client";
+import e from "../Datepicker/Datepicker.js";
+import { jsx as t } from "react/jsx-runtime";
+//#region src/lib/components/DateTimePicker/DateTimePicker.tsx
+function n({ value: n, open: r, min: i, max: a, disabledDate: o, presets: s, showSeconds: c = !1, locale: l, weekStartsOn: u, cellRender: d, placeholder: f, className: p, ref: m }) {
+	return /* @__PURE__ */ t(e, {
+		ref: m,
+		value: n,
+		open: r,
+		picker: "date",
+		min: i,
+		max: a,
+		disabledDate: o,
+		presets: s,
+		showTime: !c || { seconds: !0 },
+		locale: l,
+		weekStartsOn: u,
+		cellRender: d,
+		placeholder: f,
+		className: p,
+		"data-slot": "datetime-picker"
+	});
+}
+//#endregion
+export { n as default };

package/dist/components/DateTimePicker/index.js

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

package/dist/components/Datepicker/Datepicker.js

@@ -3,14 +3,14 @@ import e from "./DatepickerCore.js";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } 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 }) {
-	let [y, b] = n(r, ""), [x, S] = n(i, !1);
+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: y,
-		onChange: b,
-		open: x,
-		onOpenChange: S,
+		value: b,
+		onChange: x,
+		open: S,
+		onOpenChange: C,
 		picker: a,
 		min: o,
 		max: s,
@@ -23,7 +23,8 @@ function r({ value: r, open: i, picker: a, min: o, max: s, disabledDate: c, pres
 		weekStartsOn: m,
 		cellRender: h,
 		placeholder: g,
-		className: _
+		className: _,
+		...y
 	});
 }
 //#endregion

package/dist/components/Datepicker/DatepickerCore.js

@@ -1,98 +1,99 @@
 
 "use client";
-import { formatDate as e, formatWeekValue as t, getISOWeek as n, getISOWeekStartDate as r, parseCivilDate as ee, parseWeekValue as i } from "../Calendar/date.js";
-import { classnames as a } from "../../utils/classnames.js";
-import { mergeRefs as o } from "../../utils/refs.js";
-import { useStrings as te } from "../LocaleProvider/useStrings.js";
-import { FloatingPanel as ne, useFloating as re } from "../../utils/floating.js";
+import { formatDate as e, formatWeekValue as t, getISOWeek as n, getISOWeekStartDate as ee, parseCivilDate as te, parseWeekValue as r } from "../Calendar/date.js";
+import { classnames as i } from "../../utils/classnames.js";
+import { useStrings as a } from "../LocaleProvider/useStrings.js";
+import { mergeRefs as ne } from "../../utils/refs.js";
+import { FloatingPanel as re, useFloating as o } from "../../utils/floating.js";
 import s from "../Calendar/Calendar.js";
-import { applyTimeToCivilDate as c, formatDateTimeValue as l, normalizeTime as ie, splitDateTimeValue as ae, timeOf as oe } from "./datetime.js";
+import { applyTimeToCivilDate as ie, formatDateTimeValue as ae, normalizeTime as oe, splitDateTimeValue as se, timeOf as ce } from "./datetime.js";
 /* empty css                         */
-import { useCallback as u, useId as se, useRef as d, useState as f } from "react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useCallback as c, useId as le, useRef as l, useState as u } from "react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/lib/components/Datepicker/DatepickerCore.tsx
-var h = "haze-DatepickerCore__wrapper", g = "haze-DatepickerCore__input", ce = "haze-DatepickerCore__dropdown", le = "haze-DatepickerCore__presetList", _ = "haze-DatepickerCore__presetRow", v = "haze-DatepickerCore__timeRow", y = "haze-DatepickerCore__timeLabel", b = "haze-DatepickerCore__timeInput";
-function x({ value: x, onChange: S, open: C, onOpenChange: w, picker: T, min: E, max: D, disabledDate: O, presets: k, showTime: A, format: j, parse: M, locale: N, weekStartsOn: P, cellRender: F, placeholder: I = "Select date", className: L, ref: R }) {
-	let z = te("datepicker"), B = d(null), ue = u((e) => o(B, R)(e), [B, R]), V = d(null), H = se(), U = (A === !0 || typeof A == "object") && (T ?? "date") === "date", W = U && typeof A == "object" && A.seconds === !0, G = j !== void 0 || M !== void 0, K = M && x !== "" ? M(x) : null, [de, fe] = f(() => W ? "00:00:00" : "00:00"), q = U && !G ? ae(x) : null, J = K && T === "week" ? n(K.getFullYear(), K.getMonth(), K.getDate()) : null, Y = G ? J ? t(J.year, J.week) : K ? e(K.getFullYear(), K.getMonth(), K.getDate()) : "" : U ? q?.date ?? "" : x, X = G ? U && K ? oe(K, W) : null : q?.time ?? null, Z = X === null ? de : ie(X, W), Q = (e, t) => {
-		if (G && j) {
-			let n = T === "week" ? i(e) : null, a = n ? r(n.year, n.week) : null, o = a && new Date(a.year, a.month, a.day) || ee(e);
-			return o ? j(t === void 0 ? o : c(o, t)) : t === void 0 ? e : `${e} ${t}`;
+var p = "haze-DatepickerCore__wrapper", m = "haze-DatepickerCore__input", h = "haze-DatepickerCore__dropdown", ue = "haze-DatepickerCore__presetList", g = "haze-DatepickerCore__presetRow", _ = "haze-DatepickerCore__timeRow", de = "haze-DatepickerCore__timeLabel", fe = "haze-DatepickerCore__timeInput";
+function v({ value: v, onChange: y, open: b, onOpenChange: x, picker: S, min: C, max: w, disabledDate: T, presets: E, showTime: D, format: O, parse: k, locale: A, weekStartsOn: j, cellRender: M, placeholder: N = "Select date", className: P, ref: F, ...I }) {
+	let L = a("datepicker"), R = l(null), z = c((e) => ne(R, F)(e), [R, F]), B = l(null), V = le(), H = (D === !0 || typeof D == "object") && (S ?? "date") === "date", U = H && typeof D == "object" && D.seconds === !0, W = O !== void 0 || k !== void 0, G = k && v !== "" ? k(v) : null, [pe, K] = u(() => U ? "00:00:00" : "00:00"), q = H && !W ? se(v) : null, J = G && S === "week" ? n(G.getFullYear(), G.getMonth(), G.getDate()) : null, Y = W ? J ? t(J.year, J.week) : G ? e(G.getFullYear(), G.getMonth(), G.getDate()) : "" : H ? q?.date ?? "" : v, X = W ? H && G ? ce(G, U) : null : q?.time ?? null, Z = X === null ? pe : oe(X, U), Q = (e, t) => {
+		if (W && O) {
+			let n = S === "week" ? r(e) : null, i = n ? ee(n.year, n.week) : null, a = i && new Date(i.year, i.month, i.day) || te(e);
+			return a ? O(t === void 0 ? a : ie(a, t)) : t === void 0 ? e : `${e} ${t}`;
 		}
-		return t === void 0 ? e : l(e, t);
-	}, pe = u((e) => w(typeof e == "function" ? e(C) : e), [w, C]), $ = re({
-		open: C,
-		setOpen: pe,
-		triggerRef: B,
-		panelRef: V,
+		return t === void 0 ? e : ae(e, t);
+	}, me = c((e) => x(typeof e == "function" ? e(b) : e), [x, b]), $ = o({
+		open: b,
+		setOpen: me,
+		triggerRef: R,
+		panelRef: B,
 		animated: !0
 	});
-	return /* @__PURE__ */ m("div", {
-		className: a([h, L]),
-		children: [/* @__PURE__ */ p("input", {
-			ref: ue,
+	return /* @__PURE__ */ f("div", {
+		...I,
+		className: i([p, P]),
+		children: [/* @__PURE__ */ d("input", {
+			ref: z,
 			"data-slot": "input",
 			readOnly: !0,
 			style: $.triggerStyle,
-			className: g,
-			value: x,
-			placeholder: I,
+			className: m,
+			value: v,
+			placeholder: N,
 			role: "combobox",
 			"aria-haspopup": "dialog",
-			"aria-expanded": C,
-			"aria-controls": H,
+			"aria-expanded": b,
+			"aria-controls": V,
 			onPointerDown: $.onTriggerPointerDown,
 			onClick: $.onTriggerClick
-		}), /* @__PURE__ */ m(ne, {
-			ref: V,
+		}), /* @__PURE__ */ f(re, {
+			ref: B,
 			behavior: $,
 			placement: "bottom",
-			visualClass: ce,
-			id: H,
+			visualClass: h,
+			id: V,
 			children: [
-				k && k.length > 0 && /* @__PURE__ */ p("div", {
+				E && E.length > 0 && /* @__PURE__ */ d("div", {
 					"data-slot": "presets",
-					className: a([le]),
-					children: k.map((e) => /* @__PURE__ */ p("button", {
+					className: i([ue]),
+					children: E.map((e) => /* @__PURE__ */ d("button", {
 						"data-slot": "preset",
 						type: "button",
 						onClick: () => {
-							S(e.value), w(!1);
+							y(e.value), x(!1);
 						},
-						className: a([_]),
+						className: i([g]),
 						children: e.label
 					}, `${e.label}:${e.value}`))
 				}),
-				/* @__PURE__ */ p(s, {
-					picker: T,
+				/* @__PURE__ */ d(s, {
+					picker: S,
 					value: Y,
-					min: E,
-					max: D,
-					disabledDate: O,
-					locale: N,
-					weekStartsOn: P,
-					cellRender: F,
+					min: C,
+					max: w,
+					disabledDate: T,
+					locale: A,
+					weekStartsOn: j,
+					cellRender: M,
 					onSelect: (e) => {
-						U ? S(Q(e, Z)) : (S(Q(e)), w(!1));
+						H ? y(Q(e, Z)) : (y(Q(e)), x(!1));
 					}
 				}),
-				U && /* @__PURE__ */ m("div", {
+				H && /* @__PURE__ */ f("div", {
 					"data-slot": "footer",
-					className: a([v]),
-					children: [/* @__PURE__ */ p("span", {
+					className: i([_]),
+					children: [/* @__PURE__ */ d("span", {
 						"data-slot": "label",
-						className: a([y]),
-						children: z.time
-					}), /* @__PURE__ */ p("input", {
+						className: i([de]),
+						children: L.time
+					}), /* @__PURE__ */ d("input", {
 						"data-slot": "time-input",
 						type: "time",
-						step: W ? 1 : void 0,
-						"aria-label": z.time,
+						step: U ? 1 : void 0,
+						"aria-label": L.time,
 						value: Z,
 						onChange: (e) => {
-							let t = e.target.value || (W ? "00:00:00" : "00:00");
-							fe(t), Y && S(Q(Y, t));
+							let t = e.target.value || (U ? "00:00:00" : "00:00");
+							K(t), Y && y(Q(Y, t));
 						},
-						className: a([b])
+						className: i([fe])
 					})]
 				})
 			]
@@ -100,4 +101,4 @@ function x({ value: x, onChange: S, open: C, onOpenChange: w, picker: T, min: E,
 	});
 }
 //#endregion
-export { x as default };
+export { v as default };

package/dist/components/Drawer/Drawer.js

@@ -1,77 +1,82 @@
 
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { whenExitSettles as t } from "../../utils/presence.js";
-import { useFocusScope as n } from "../../utils/focus-scope.js";
-import { useViewTransitionFlip as r } from "../../utils/view-transition.js";
+import { useConfigDefaults as t } from "../ConfigProvider/useConfigDefaults.js";
+import { whenExitSettles as n } from "../../utils/presence.js";
+import { useFocusScope as r } from "../../utils/focus-scope.js";
+import { useViewTransitionFlip as i } from "../../utils/view-transition.js";
 /* empty css                 */
-import { useCallback as i, useEffect as a, useImperativeHandle as o, useRef as s } from "react";
-import { jsx as c } from "react/jsx-runtime";
-import { useControl as l } from "react-use-control";
+import { useCallback as a, useEffect as o, useImperativeHandle as s, useRef as c } from "react";
+import { jsx as l } from "react/jsx-runtime";
+import { useControl as u } from "react-use-control";
 //#region src/lib/components/Drawer/Drawer.tsx
-var u = "haze-Drawer__overlay", d = {
+var d = "haze-Drawer__overlay", f = {
 	left: "haze-Drawer__left",
 	right: "haze-Drawer__right",
 	top: "haze-Drawer__top",
 	bottom: "haze-Drawer__bottom"
 };
-function f({ open: f, placement: p = "right", onClose: m, viewTransition: h = !1, className: g, children: _, ref: v }) {
-	let [y, b] = l(f, !1), x = r(h, b), S = s(null);
-	a(() => {
-		if (!y) return;
+function p({ open: p, placement: m = "right", onClose: h, viewTransition: g = !1, className: _, classNames: v, children: y, ref: b }) {
+	let [x, S] = u(p, !1), C = t("Drawer"), w = C.classNames ? {
+		...C.classNames,
+		...v
+	} : v, T = i(g, S), E = c(null);
+	o(() => {
+		if (!x) return;
 		let e = document.activeElement;
-		S.current = e instanceof HTMLElement ? e : null;
-	}, [y]);
-	let C = s(null), w = n({
-		enabled: y,
+		E.current = e instanceof HTMLElement ? e : null;
+	}, [x]);
+	let D = c(null), O = r({
+		enabled: x,
 		trapped: !1
 	});
-	o(v, () => ({
+	s(b, () => ({
 		open: () => {
-			x(!0);
+			T(!0);
 		},
 		close: () => {
-			x(!1);
+			T(!1);
 		},
 		focusTrigger: () => {
-			let e = S.current;
+			let e = E.current;
 			e?.isConnected && e.focus();
 		}
-	}), [x]);
-	let T = i((e) => {
-		C.current = e, w(e);
-	}, [w]);
-	return a(() => {
-		let e = C.current;
+	}), [T]);
+	let k = a((e) => {
+		D.current = e, O(e);
+	}, [O]);
+	return o(() => {
+		let e = D.current;
 		if (e) {
-			if (y && !e.open) e.showModal();
-			else if (!y && e.open) {
-				let n = t(e), r = () => {
+			if (x && !e.open) e.showModal();
+			else if (!x && e.open) {
+				let t = n(e), r = () => {
 					e.getAttribute("data-state") === "closed" && e.close();
 				};
-				n ? n.then(r) : r();
+				t ? t.then(r) : r();
 			}
 		}
-	}, [y]), /* @__PURE__ */ c("dialog", {
-		ref: T,
+	}, [x]), /* @__PURE__ */ l("dialog", {
+		ref: k,
 		"data-slot": "content",
-		"data-state": y ? "open" : "closed",
+		"data-state": x ? "open" : "closed",
 		onClose: () => {
-			b(!1), m?.();
+			S(!1), h?.();
 		},
 		onCancel: (e) => {
-			e.preventDefault(), x(!1);
+			e.preventDefault(), T(!1);
 		},
 		onClick: (e) => {
-			e.target === C.current && x(!1);
+			e.target === D.current && T(!1);
 		},
 		className: e([
-			u,
-			d[p],
-			g
+			d,
+			f[m],
+			_,
+			w?.content
 		]),
-		children: _
+		children: y
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };

package/dist/components/Fieldset/Fieldset.js

@@ -0,0 +1,25 @@
+
+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/Fieldset/Fieldset.tsx
+var r = "haze-Fieldset__fieldset", i = "haze-Fieldset__legend", a = "haze-Fieldset__body";
+function o({ legend: o, disabled: s, className: c, children: l, ...u }) {
+	return /* @__PURE__ */ n("fieldset", {
+		"data-slot": "fieldset",
+		disabled: s,
+		...u,
+		className: e([r, c]),
+		children: [o != null && /* @__PURE__ */ t("legend", {
+			"data-slot": "legend",
+			className: e([i]),
+			children: o
+		}), /* @__PURE__ */ t("div", {
+			"data-slot": "content",
+			className: e([a]),
+			children: l
+		})]
+	});
+}
+//#endregion
+export { o as default };

package/dist/components/Fieldset/index.js

@@ -0,0 +1,2 @@
+import e from "./Fieldset.js";
+export { e as Fieldset };

package/dist/components/Highlight/Highlight.js

@@ -0,0 +1,19 @@
+import e from "../Mark/Mark.js";
+import { Fragment as t, jsx as n } from "react/jsx-runtime";
+//#region src/lib/components/Highlight/Highlight.tsx
+var r = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+function i({ children: i, highlight: a, caseSensitive: o = !1, color: s, ...c }) {
+	let l = (Array.isArray(a) ? a : [a]).filter((e) => e.length > 0).sort((e, t) => t.length - e.length);
+	if (l.length === 0) return /* @__PURE__ */ n(t, { children: i });
+	let u = RegExp(`(${l.map(r).join("|")})`, o ? "g" : "gi"), d = i.split(u), f = (e) => e % 2 == 1, p = [];
+	return d.forEach((t, r) => {
+		t !== "" && (f(r) ? p.push(/* @__PURE__ */ n(e, {
+			"data-slot": "highlight",
+			color: s,
+			...c,
+			children: t
+		}, `${r}-${t}`)) : p.push(t));
+	}), /* @__PURE__ */ n(t, { children: p });
+}
+//#endregion
+export { i as default };

package/dist/components/Highlight/index.js

@@ -0,0 +1,2 @@
+import e from "./Highlight.js";
+export { e as Highlight };

package/dist/components/Indicator/Indicator.js

@@ -0,0 +1,37 @@
+
+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/Indicator/Indicator.tsx
+var r = "haze-Indicator__host", i = "haze-Indicator__badge", a = "haze-Indicator__dot", o = {
+	"top-start": "haze-Indicator__top-start",
+	"top-end": "haze-Indicator__top-end",
+	"bottom-start": "haze-Indicator__bottom-start",
+	"bottom-end": "haze-Indicator__bottom-end"
+}, s = {
+	primary: "haze-Indicator__primary",
+	danger: "haze-Indicator__danger",
+	success: "haze-Indicator__success",
+	warning: "haze-Indicator__warning"
+};
+function c({ label: c, showZero: l = !1, color: u = "danger", position: d = "top-end", className: f, children: p, ...m }) {
+	let h = c == null || c === !1 || c === "", g = !h && !l && c === 0;
+	return /* @__PURE__ */ n("span", {
+		"data-slot": "indicator",
+		...m,
+		className: e([r, f]),
+		children: [p, !g && /* @__PURE__ */ t("span", {
+			"data-slot": h ? "dot" : "badge",
+			"aria-hidden": "true",
+			className: e([
+				i,
+				h && a,
+				s[u],
+				o[d]
+			]),
+			children: h ? "" : c
+		})]
+	});
+}
+//#endregion
+export { c as default };

package/dist/components/Indicator/index.js

@@ -0,0 +1,2 @@
+import e from "./Indicator.js";
+export { e as Indicator };