haze-ui 1.29.0 → 1.30.0

package/dist/components/Datepicker/Datepicker.js

@@ -3,24 +3,27 @@ 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, locale: d, weekStartsOn: f, placeholder: p, className: m, ref: h }) {
-	let [g, _] = n(r, ""), [v, y] = 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 }) {
+	let [y, b] = n(r, ""), [x, S] = n(i, !1);
 	return /* @__PURE__ */ t(e, {
-		ref: h,
-		value: g,
-		onChange: _,
-		open: v,
-		onOpenChange: y,
+		ref: v,
+		value: y,
+		onChange: b,
+		open: x,
+		onOpenChange: S,
 		picker: a,
 		min: o,
 		max: s,
 		disabledDate: c,
 		presets: l,
 		showTime: u,
-		locale: d,
-		weekStartsOn: f,
-		placeholder: p,
-		className: m
+		format: d,
+		parse: f,
+		locale: p,
+		weekStartsOn: m,
+		cellRender: h,
+		placeholder: g,
+		className: _
 	});
 }
 //#endregion

package/dist/components/Datepicker/DatepickerCore.js

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

package/dist/components/Datepicker/datetime.js

@@ -1,14 +1,14 @@
 "use client";
 import { parseCivilDate as e } from "../Calendar/date.js";
 //#region src/lib/components/Datepicker/datetime.ts
-var t = /^(\d{4}-\d{2}-\d{2}) (2[0-3]|[01]\d):([0-5]\d)$/;
+var t = /^(\d{4}-\d{2}-\d{2}) (2[0-3]|[01]\d):([0-5]\d)(?::([0-5]\d))?$/;
 function n(n) {
 	let r = t.exec(n);
 	if (r) {
 		let t = r[1];
 		return e(t) ? {
 			date: t,
-			time: `${r[2]}:${r[3]}`
+			time: r[4] === void 0 ? `${r[2]}:${r[3]}` : `${r[2]}:${r[3]}:${r[4]}`
 		} : null;
 	}
 	return e(n) ? {
@@ -19,5 +19,16 @@ function n(n) {
 function r(e, t) {
 	return `${e} ${t}`;
 }
+function i(e, t) {
+	return t ? e.length === 5 ? `${e}:00` : e : e.slice(0, 5);
+}
+function a(e, t) {
+	let n = (e) => String(e).padStart(2, "0"), r = `${n(e.getHours())}:${n(e.getMinutes())}`;
+	return t ? `${r}:${n(e.getSeconds())}` : r;
+}
+function o(e, t) {
+	let [n = "0", r = "0", i = "0"] = t.split(":");
+	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), Number(n), Number(r), Number(i));
+}
 //#endregion
-export { r as formatDateTimeValue, n as splitDateTimeValue };
+export { o as applyTimeToCivilDate, r as formatDateTimeValue, i as normalizeTime, n as splitDateTimeValue, a as timeOf };

package/dist/components/Descriptions/Descriptions.js

@@ -8,20 +8,25 @@ var r = "haze-Descriptions__root", i = "haze-Descriptions__titleStyle", a = "haz
 function m({ items: m, columns: h = 3, bordered: g = !1, size: _ = "md", title: v, className: y, style: b, ...x }) {
 	let S = Math.max(1, Math.floor(h)), C = _ === "sm" ? f : p;
 	return /* @__PURE__ */ n("div", {
+		"data-slot": "descriptions",
 		style: b,
 		...x,
 		className: e([r, y]),
 		children: [v && /* @__PURE__ */ t("div", {
+			"data-slot": "title",
 			className: e([i]),
 			children: v
 		}), /* @__PURE__ */ t("dl", {
+			"data-slot": "list",
 			style: { gridTemplateColumns: `repeat(${S}, auto minmax(0, 1fr))` },
 			className: e([g ? o : a]),
 			children: m.map(({ key: r, label: i, children: a, span: o = 1 }) => {
 				let f = Math.min(Math.max(o, 1), S);
 				return /* @__PURE__ */ n("div", {
+					"data-slot": "group",
 					className: e([s]),
 					children: [/* @__PURE__ */ t("dt", {
+						"data-slot": "label",
 						className: e([
 							c,
 							C,
@@ -29,6 +34,7 @@ function m({ items: m, columns: h = 3, bordered: g = !1, size: _ = "md", title:
 						]),
 						children: i
 					}), /* @__PURE__ */ t("dd", {
+						"data-slot": "content",
 						style: { gridColumn: `span ${f * 2 - 1}` },
 						className: e([
 							l,

package/dist/components/Dialog/Dialog.js

@@ -5,23 +5,23 @@ 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";
 /* empty css                 */
-import { jsx as i, jsxs as a } from "react/jsx-runtime";
-import { useCallback as o, useEffect as s, useId as c, useImperativeHandle as l, useRef as u } from "react";
+import { useCallback as i, useEffect as a, useId as o, useImperativeHandle as s, useRef as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { useControl as d } from "react-use-control";
 //#region src/lib/components/Dialog/Dialog.tsx
 var f = "haze-Dialog__overlay", p = "haze-Dialog__titleText";
 function m({ open: m, onClose: h, title: g, viewTransition: _ = !1, classNames: v, className: y, children: b, ref: x }) {
-	let [S, C] = d(m, !1), w = r(_, C), T = u(null);
-	s(() => {
+	let [S, C] = d(m, !1), w = r(_, C), T = c(null);
+	a(() => {
 		if (!S) return;
 		let e = document.activeElement;
 		T.current = e instanceof HTMLElement ? e : null;
 	}, [S]);
-	let E = u(null), D = n({
+	let E = c(null), D = n({
 		enabled: S,
 		trapped: !1
-	}), O = `haze-dialog-title-${c()}`;
-	l(x, () => ({
+	}), O = `haze-dialog-title-${o()}`;
+	s(x, () => ({
 		open: () => {
 			w(!0);
 		},
@@ -33,10 +33,10 @@ function m({ open: m, onClose: h, title: g, viewTransition: _ = !1, classNames:
 			e?.isConnected && e.focus();
 		}
 	}), [w]);
-	let k = o((e) => {
+	let k = i((e) => {
 		E.current = e, D(e);
 	}, [D]);
-	return s(() => {
+	return a(() => {
 		let e = E.current;
 		if (e) {
 			if (S && !e.open) e.showModal();
@@ -47,8 +47,9 @@ function m({ open: m, onClose: h, title: g, viewTransition: _ = !1, classNames:
 				n ? n.then(r) : r();
 			}
 		}
-	}, [S]), /* @__PURE__ */ a("dialog", {
+	}, [S]), /* @__PURE__ */ u("dialog", {
 		ref: k,
+		"data-slot": "content",
 		"data-state": S ? "open" : "closed",
 		"aria-labelledby": g === void 0 ? void 0 : O,
 		onClose: () => {
@@ -65,8 +66,9 @@ function m({ open: m, onClose: h, title: g, viewTransition: _ = !1, classNames:
 			y,
 			v?.root
 		]),
-		children: [g !== void 0 && /* @__PURE__ */ i("h2", {
+		children: [g !== void 0 && /* @__PURE__ */ l("h2", {
 			id: O,
+			"data-slot": "title",
 			className: e([p, v?.header]),
 			children: g
 		}), b]

package/dist/components/DiffViewer/DiffViewer.js

@@ -3,8 +3,8 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                     */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useMemo as i } from "react";
+import { useMemo as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/lib/components/DiffViewer/DiffViewer.tsx
 var a = "haze-DiffViewer__wrapper", o = "haze-DiffViewer__header", s = "haze-DiffViewer__body", c = "haze-DiffViewer__line", l = "haze-DiffViewer__lineNum", u = "haze-DiffViewer__lineContent", d = "haze-DiffViewer__added", f = "haze-DiffViewer__removed", p = "haze-DiffViewer__addedPrefix", m = "haze-DiffViewer__removedPrefix";
 function h(e, t) {
@@ -37,37 +37,46 @@ function h(e, t) {
 	return i;
 }
 function g({ oldValue: c, newValue: g, className: v }) {
-	let y = t("diffViewer"), b = i(() => h(c, g), [c, g]);
-	return /* @__PURE__ */ r("div", {
+	let y = t("diffViewer"), b = n(() => h(c, g), [c, g]);
+	return /* @__PURE__ */ i("div", {
+		"data-slot": "diff-viewer",
 		className: e([a, v]),
-		children: [/* @__PURE__ */ n("div", {
+		children: [/* @__PURE__ */ r("div", {
+			"data-slot": "header",
 			className: e([o]),
 			children: y.header
-		}), /* @__PURE__ */ n("div", {
+		}), /* @__PURE__ */ r("div", {
+			"data-slot": "body",
 			className: e([s]),
-			children: b.map((t, i) => /* @__PURE__ */ r("div", {
+			children: b.map((t, n) => /* @__PURE__ */ i("div", {
+				"data-slot": "line",
 				className: e([
 					_,
 					t.type === "added" && d,
 					t.type === "removed" && f
 				]),
 				children: [
-					/* @__PURE__ */ n("span", {
+					/* @__PURE__ */ r("span", {
+						"data-slot": "gutter",
 						className: e([l]),
 						children: t.oldLine ?? ""
 					}),
-					/* @__PURE__ */ n("span", {
+					/* @__PURE__ */ r("span", {
+						"data-slot": "gutter",
 						className: e([l]),
 						children: t.newLine ?? ""
 					}),
-					/* @__PURE__ */ r("span", {
+					/* @__PURE__ */ i("span", {
+						"data-slot": "content",
 						className: e([u]),
 						children: [
-							t.type === "added" && /* @__PURE__ */ n("span", {
+							t.type === "added" && /* @__PURE__ */ r("span", {
+								"data-slot": "sign",
 								className: e([p]),
 								children: "+ "
 							}),
-							t.type === "removed" && /* @__PURE__ */ n("span", {
+							t.type === "removed" && /* @__PURE__ */ r("span", {
+								"data-slot": "sign",
 								className: e([m]),
 								children: "- "
 							}),
@@ -75,7 +84,7 @@ function g({ oldValue: c, newValue: g, className: v }) {
 						]
 					})
 				]
-			}, i))
+			}, n))
 		})]
 	});
 }

package/dist/components/Disclosure/Disclosure.js

@@ -2,22 +2,25 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                     */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { useEffect as r, useRef as i } from "react";
+import { useEffect as t, useRef as n } from "react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 import { useControl as a } from "react-use-control";
 //#region src/lib/components/Disclosure/Disclosure.tsx
 var o = "haze-Disclosure__details", s = "haze-Disclosure__summaryStyle", c = "haze-Disclosure__content";
 function l({ open: l, summary: u, className: d, children: f }) {
-	let [p] = a(l, !1), m = i(null);
-	return r(() => {
+	let [p] = a(l, !1), m = n(null);
+	return t(() => {
 		m.current && (m.current.open = p);
-	}, [p]), /* @__PURE__ */ n("details", {
+	}, [p]), /* @__PURE__ */ i("details", {
 		ref: m,
+		"data-slot": "disclosure",
 		className: e([o, d]),
-		children: [/* @__PURE__ */ t("summary", {
+		children: [/* @__PURE__ */ r("summary", {
+			"data-slot": "trigger",
 			className: s,
 			children: u
-		}), /* @__PURE__ */ t("div", {
+		}), /* @__PURE__ */ r("div", {
+			"data-slot": "content",
 			className: c,
 			children: f
 		})]

package/dist/components/Divider/Divider.js

@@ -6,6 +6,7 @@ import { jsx as t } from "react/jsx-runtime";
 var n = "haze-Divider__base", r = "haze-Divider__horizontal", i = "haze-Divider__vertical";
 function a({ orientation: a = "horizontal", className: o }) {
 	return a === "vertical" ? /* @__PURE__ */ t("div", {
+		"data-slot": "divider",
 		role: "separator",
 		"aria-orientation": "vertical",
 		className: e([
@@ -14,6 +15,7 @@ function a({ orientation: a = "horizontal", className: o }) {
 			o
 		])
 	}) : /* @__PURE__ */ t("hr", {
+		"data-slot": "divider",
 		role: "separator",
 		className: e([
 			n,

package/dist/components/Drawer/Drawer.js

@@ -5,8 +5,8 @@ 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";
 /* empty css                 */
-import { jsx as i } from "react/jsx-runtime";
-import { useCallback as a, useEffect as o, useImperativeHandle as s, useRef as c } from "react";
+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";
 //#region src/lib/components/Drawer/Drawer.tsx
 var u = "haze-Drawer__overlay", d = {
@@ -16,17 +16,17 @@ var u = "haze-Drawer__overlay", d = {
 	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 = c(null);
-	o(() => {
+	let [y, b] = l(f, !1), x = r(h, b), S = s(null);
+	a(() => {
 		if (!y) return;
 		let e = document.activeElement;
 		S.current = e instanceof HTMLElement ? e : null;
 	}, [y]);
-	let C = c(null), w = n({
+	let C = s(null), w = n({
 		enabled: y,
 		trapped: !1
 	});
-	s(v, () => ({
+	o(v, () => ({
 		open: () => {
 			x(!0);
 		},
@@ -38,10 +38,10 @@ function f({ open: f, placement: p = "right", onClose: m, viewTransition: h = !1
 			e?.isConnected && e.focus();
 		}
 	}), [x]);
-	let T = a((e) => {
+	let T = i((e) => {
 		C.current = e, w(e);
 	}, [w]);
-	return o(() => {
+	return a(() => {
 		let e = C.current;
 		if (e) {
 			if (y && !e.open) e.showModal();
@@ -52,8 +52,9 @@ function f({ open: f, placement: p = "right", onClose: m, viewTransition: h = !1
 				n ? n.then(r) : r();
 			}
 		}
-	}, [y]), /* @__PURE__ */ i("dialog", {
+	}, [y]), /* @__PURE__ */ c("dialog", {
 		ref: T,
+		"data-slot": "content",
 		"data-state": y ? "open" : "closed",
 		onClose: () => {
 			b(!1), m?.();

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -2,56 +2,79 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 import { useFloating as t } from "../../utils/floating.js";
-import { DropdownMenuProvider as n } from "./DropdownMenuContext.js";
+import { renderMenuDataItems as n } from "../../utils/menuItems.js";
+import r from "./DropdownMenuCheckboxItem.js";
+import { DropdownMenuProvider as i } from "./DropdownMenuContext.js";
+import a from "./DropdownMenuContent.js";
+import o from "./DropdownMenuGroup.js";
+import s from "./DropdownMenuItem.js";
+import c from "./DropdownMenuRadioGroup.js";
+import l from "./DropdownMenuRadioItem.js";
+import u from "./DropdownMenuSeparator.js";
+import d from "./DropdownMenuSub.js";
+import f from "./DropdownMenuSubContent.js";
+import p from "./DropdownMenuSubTrigger.js";
+import m from "./DropdownMenuTrigger.js";
 /* empty css                       */
-import { jsx as r } from "react/jsx-runtime";
-import { useCallback as i, useId as a, useImperativeHandle as o, useMemo as s, useRef as c } from "react";
-import { useControl as l } from "react-use-control";
+import { useCallback as h, useId as g, useImperativeHandle as _, useMemo as v, useRef as y } from "react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { useControl as C } from "react-use-control";
 //#region src/lib/components/DropdownMenu/DropdownMenu.tsx
-var u = "haze-DropdownMenu__wrapper";
-function d({ open: d, onOpenChange: f, collisionPadding: p, children: m, className: h, ref: g }) {
-	let [_, v] = l(d, !1), y = c(null), b = c(null), x = a(), S = c(null), C = i((e) => {
-		let t = typeof e == "function" ? e(_) : e;
-		v(t), f?.(t);
+var w = "haze-DropdownMenu__wrapper", T = {
+	Item: s,
+	CheckboxItem: r,
+	RadioGroup: c,
+	RadioItem: l,
+	Group: o,
+	Divider: u,
+	Sub: d,
+	SubTrigger: p,
+	SubContent: f
+};
+function E({ open: r, onOpenChange: o, collisionPadding: s, items: c, children: l, className: u, ref: d }) {
+	let [f, p] = C(r, !1), E = y(null), D = y(null), O = g(), k = y(null), A = h((e) => {
+		let t = typeof e == "function" ? e(f) : e;
+		p(t), o?.(t);
 	}, [
-		_,
-		v,
-		f
+		f,
+		p,
+		o
 	]);
-	o(g, () => ({
+	_(d, () => ({
 		open: () => {
-			C(!0);
+			A(!0);
 		},
 		close: () => {
-			C(!1);
+			A(!1);
 		},
 		focusTrigger: () => {
-			y.current?.focus();
+			E.current?.focus();
 		}
-	}), [C]);
-	let w = s(() => p === void 0 ? void 0 : { collisionPadding: p }, [p]), T = t({
-		open: _,
-		setOpen: C,
-		triggerRef: y,
-		panelRef: b,
+	}), [A]);
+	let j = v(() => s === void 0 ? void 0 : { collisionPadding: s }, [s]), M = t({
+		open: f,
+		setOpen: A,
+		triggerRef: E,
+		panelRef: D,
 		animated: !0,
-		collision: w
+		collision: j
 	});
-	return /* @__PURE__ */ r(n, {
+	return /* @__PURE__ */ x(i, {
 		value: {
-			open: _,
-			setOpen: C,
-			triggerRef: y,
-			contentRef: b,
-			contentId: x,
-			focusRequestRef: S,
-			floating: T
+			open: f,
+			setOpen: A,
+			triggerRef: E,
+			contentRef: D,
+			contentId: O,
+			focusRequestRef: k,
+			floating: M
 		},
-		children: r("div", {
-			className: e([u, h]),
-			children: m
+		children: x("div", {
+			"data-slot": "dropdown-menu",
+			className: e([w, u]),
+			children: c === void 0 ? l : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(m, { children: "⋯" }), /* @__PURE__ */ x(a, { children: n(c, T) })] })
 		})
 	});
 }
 //#endregion
-export { d as default };
+export { E as default };