haze-ui 1.6.0 → 1.7.0

package/dist/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Accordion/Accordion.tsx
 var n = "haze-Accordion__base";

package/dist/components/Accordion/AccordionItem.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Accordion/AccordionItem.tsx
 var r = "haze-AccordionItem__item", i = "haze-AccordionItem__summary", a = "haze-AccordionItem__content";

package/dist/components/Affix/Affix.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Affix/Affix.tsx
 var n = "haze-Affix__affix", r = "haze-Affix__posTop", i = "haze-Affix__posBottom";

package/dist/components/Alert/Alert.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 //#region src/lib/components/Alert/Alert.tsx
@@ -11,11 +11,7 @@ var i = "haze-Alert__base", a = {
 }, o = "haze-Alert__contentStyle", s = "haze-Alert__closeBtn";
 function c({ visible: c, onClose: l, variant: u = "info", closable: d = !1, className: f, children: p }) {
 	let [m, h] = r(c, !0);
-	if (!m) return null;
-	let g = () => {
-		h(!1), l?.();
-	};
-	return /* @__PURE__ */ n("div", {
+	return m ? /* @__PURE__ */ n("div", {
 		role: "alert",
 		className: e([
 			i,
@@ -29,10 +25,12 @@ function c({ visible: c, onClose: l, variant: u = "info", closable: d = !1, clas
 			type: "button",
 			className: s,
 			"aria-label": "Close",
-			onClick: g,
+			onClick: () => {
+				h(!1), l?.();
+			},
 			children: "×"
 		})]
-	});
+	}) : null;
 }
 //#endregion
 export { c as default };

package/dist/components/ApprovalCard/ApprovalCard.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/ApprovalCard/ApprovalCard.tsx
 var r = "haze-ApprovalCard__card", i = "haze-ApprovalCard__header", a = "haze-ApprovalCard__body", o = "haze-ApprovalCard__desc", s = "haze-ApprovalCard__content", c = "haze-ApprovalCard__actions", l = "haze-ApprovalCard__btn", u = "haze-ApprovalCard__denyBtn", d = "haze-ApprovalCard__approveBtn";

package/dist/components/AspectRatio/AspectRatio.js

@@ -1,13 +1,14 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                      */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/AspectRatio/AspectRatio.tsx
 var n = "haze-AspectRatio__wrapper", r = "haze-AspectRatio__inner";
 function i({ ratio: i = 16 / 9, children: a, className: o }) {
+	let s = `${1 / i * 100}%`;
 	return /* @__PURE__ */ t("div", {
-		style: { paddingBottom: `${1 / i * 100}%` },
+		style: { paddingBottom: s },
 		className: e([n, o]),
-		children: /* @__PURE__ */ t("div", {
+		children: t("div", {
 			className: e([r]),
 			children: a
 		})

package/dist/components/Avatar/Avatar.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                 */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useState as n } from "react";
 //#region src/lib/components/Avatar/Avatar.tsx

package/dist/components/BackToTop/BackToTop.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useCallback as n, useEffect as r, useState as i } from "react";
 //#region src/lib/components/BackToTop/BackToTop.tsx

package/dist/components/Badge/Badge.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Badge/Badge.tsx
 var n = "haze-Badge__base", r = {
@@ -12,15 +12,16 @@ var n = "haze-Badge__base", r = {
 	sm: "haze-Badge__sm",
 	md: "haze-Badge__md"
 };
-function a({ variant: a = "default", size: o = "md", className: s, children: c }) {
+function a({ variant: a = "default", size: o = "md", className: s, style: c, children: l }) {
 	return /* @__PURE__ */ t("span", {
+		style: c,
 		className: e([
 			n,
 			r[a],
 			i[o],
 			s
 		]),
-		children: c
+		children: l
 	});
 }
 //#endregion

package/dist/components/Banner/Banner.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                 */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 //#region src/lib/components/Banner/Banner.tsx

package/dist/components/BottomSheet/BottomSheet.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                      */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 //#region src/lib/components/BottomSheet/BottomSheet.tsx
@@ -11,7 +11,7 @@ function s({ open: s, onClose: c, children: l, className: u }) {
 			f(!1), c?.();
 		},
 		className: e([i, u]),
-		children: /* @__PURE__ */ n("div", {
+		children: n("div", {
 			onClick: (e) => e.stopPropagation(),
 			className: e([a]),
 			children: [/* @__PURE__ */ t("div", { className: e([o]) }), l]

package/dist/components/Breadcrumb/Breadcrumb.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                     */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { Children as r } from "react";
 //#region src/lib/components/Breadcrumb/Breadcrumb.tsx
@@ -9,7 +9,7 @@ function s({ separator: s = "/", className: c, children: l }) {
 	return /* @__PURE__ */ t("nav", {
 		"aria-label": "Breadcrumb",
 		className: e([i, c]),
-		children: /* @__PURE__ */ t("ol", {
+		children: t("ol", {
 			className: a,
 			children: u.map((e, r) => /* @__PURE__ */ n("li", {
 				"aria-current": r === u.length - 1 ? "page" : void 0,

package/dist/components/Breadcrumb/BreadcrumbItem.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                         */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Breadcrumb/BreadcrumbItem.tsx
 var n = "haze-BreadcrumbItem__link", r = "haze-BreadcrumbItem__current";

package/dist/components/Button/Button.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                 */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Button/Button.tsx
 var n = "haze-Button__base", r = {

package/dist/components/Card/Card.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css               */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Card/Card.tsx
 var n = "haze-Card__base", r = {

package/dist/components/Carousel/Carousel.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useControl as i } from "react-use-control";
 import { Children as a, useEffect as o, useRef as s } from "react";
@@ -7,7 +7,7 @@ import { Children as a, useEffect as o, useRef as s } from "react";
 var c = "haze-Carousel__wrapper", l = "haze-Carousel__track", u = "haze-Carousel__navBtn", d = "haze-Carousel__prevBtn", f = "haze-Carousel__nextBtn", p = "haze-Carousel__indicators", m = "haze-Carousel__dot", h = "haze-Carousel__dotActive";
 function g({ value: g, autoPlay: _ = !1, interval: v = 5e3, className: y, children: b }) {
 	let [x, S] = i(g, 0), C = s(null), w = a.count(b);
-	o(() => {
+	return o(() => {
 		let e = C.current;
 		if (!e) return;
 		let t = e.children[x];
@@ -27,9 +27,7 @@ function g({ value: g, autoPlay: _ = !1, interval: v = 5e3, className: y, childr
 		v,
 		w,
 		S
-	]);
-	let T = () => S((e) => (e - 1 + w) % w), E = () => S((e) => (e + 1) % w);
-	return /* @__PURE__ */ r("div", {
+	]), /* @__PURE__ */ r("div", {
 		role: "region",
 		"aria-roledescription": "carousel",
 		"aria-label": "Carousel",
@@ -41,14 +39,14 @@ function g({ value: g, autoPlay: _ = !1, interval: v = 5e3, className: y, childr
 		}), w > 1 && /* @__PURE__ */ r(t, { children: [
 			/* @__PURE__ */ n("button", {
 				type: "button",
-				onClick: T,
+				onClick: () => S((e) => (e - 1 + w) % w),
 				"aria-label": "Previous slide",
 				className: e([u, d]),
 				children: "‹"
 			}),
 			/* @__PURE__ */ n("button", {
 				type: "button",
-				onClick: E,
+				onClick: () => S((e) => (e + 1) % w),
 				"aria-label": "Next slide",
 				className: e([u, f]),
 				children: "›"

package/dist/components/Carousel/CarouselSlide.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Carousel/CarouselSlide.tsx
 var n = "haze-CarouselSlide__slide";

package/dist/components/ChatContainer/ChatContainer.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useEffect as n, useRef as r } from "react";
 //#region src/lib/components/ChatContainer/ChatContainer.tsx

package/dist/components/ChatInput/ChatInput.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 import { useCallback as i, useRef as a } from "react";

package/dist/components/ChatMessage/ChatMessage.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                      */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/ChatMessage/ChatMessage.tsx
 var r = "haze-ChatMessage__wrapper", i = "haze-ChatMessage__wrapperUser", a = "haze-ChatMessage__avatarSlot", o = "haze-ChatMessage__body", s = "haze-ChatMessage__header", c = "haze-ChatMessage__headerUser", l = "haze-ChatMessage__bubble", u = "haze-ChatMessage__bubbleUser", d = "haze-ChatMessage__bubbleAssistant", f = "haze-ChatMessage__bubbleSystem", p = "haze-ChatMessage__statusText", m = "haze-ChatMessage__statusError", h = {

package/dist/components/Checkbox/Checkbox.js

@@ -1,20 +1,23 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
 //#region src/lib/components/Checkbox/Checkbox.tsx
-var r = "haze-Checkbox__base";
-function i({ checked: i, className: a, onChange: o, ...s }) {
-	let [c, l] = n(i, !1);
-	return /* @__PURE__ */ t("input", {
+var i = "haze-Checkbox__base", a = "haze-Checkbox__labelText";
+function o({ checked: o, className: s, label: c, onChange: l, ...u }) {
+	let [d, f] = r(o, !1), p = /* @__PURE__ */ t("input", {
 		type: "checkbox",
-		checked: c,
+		checked: d,
 		onChange: (e) => {
-			l(e.target.checked), o?.(e);
+			f(e.target.checked), l?.(e);
 		},
-		...s,
-		className: e([r, a])
+		...u,
+		className: e([i, s])
+	});
+	return c === void 0 ? p : /* @__PURE__ */ n("label", {
+		className: e(a),
+		children: [p, c]
 	});
 }
 //#endregion
-export { i as default };
+export { o as default };

package/dist/components/Chip/Chip.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css               */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/Chip/Chip.tsx
 var r = "haze-Chip__base", i = {
@@ -16,10 +16,11 @@ var r = "haze-Chip__base", i = {
 	danger: "haze-Chip__danger"
 }, o = "haze-Chip__iconStyle", s = "haze-Chip__closeBtn";
 function c({ variant: c = "solid", color: l = "default", icon: u, onClose: d, className: f, children: p }) {
+	let m = c === "outline" ? a[l] : i[l];
 	return /* @__PURE__ */ n("span", {
 		className: e([
 			r,
-			c === "outline" ? a[l] : i[l],
+			m,
 			f
 		]),
 		children: [

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/CodeBlock/CodeBlock.tsx
 var r = "haze-CodeBlock__block", i = "haze-CodeBlock__pre", a = "haze-CodeBlock__lang";

package/dist/components/Collapsible/Collapsible.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                      */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 import { createContext as r, useContext as i } from "react";
@@ -18,7 +18,7 @@ function c({ open: r, defaultOpen: i = !1, children: o, className: c }) {
 			open: l,
 			toggle: () => u((e) => !e)
 		},
-		children: /* @__PURE__ */ t("div", {
+		children: t("div", {
 			className: e([s, c]),
 			children: o
 		})

package/dist/components/ColorPicker/ColorPicker.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                      */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 //#region src/lib/components/ColorPicker/ColorPicker.tsx

package/dist/components/Combobox/Combobox.js

@@ -1,6 +1,6 @@
-import e from "./ComboboxOption.js";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "./ComboboxOption.js";
 /* empty css                   */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import { useControl as i } from "react-use-control";
 import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
@@ -12,12 +12,12 @@ function p({ value: p, open: m, options: h, placeholder: g, className: _ }) {
 		T(-1);
 	}, [b]);
 	let k = (e) => {
-		y(e), x(h.find((t) => t.value === e)?.label ?? e), C(!1), D.current?.focus();
-	}, A = (e) => {
-		e.key === "ArrowDown" ? (e.preventDefault(), T((e) => Math.min(e + 1, O.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), T((e) => Math.max(e - 1, 0))) : e.key === "Enter" && w >= 0 && O[w] ? (e.preventDefault(), k(O[w].value)) : e.key === "Escape" && C(!1);
+		y(e);
+		let t = h.find((t) => t.value === e)?.label ?? e;
+		x(t), C(!1), D.current?.focus();
 	};
 	return /* @__PURE__ */ r("div", {
-		className: t([l, _]),
+		className: e([l, _]),
 		children: [/* @__PURE__ */ n("input", {
 			ref: D,
 			role: "combobox",
@@ -31,18 +31,20 @@ function p({ value: p, open: m, options: h, placeholder: g, className: _ }) {
 				x(e.target.value), C(!0);
 			},
 			onFocus: () => C(!0),
-			onKeyDown: A
+			onKeyDown: (e) => {
+				e.key === "ArrowDown" ? (e.preventDefault(), T((e) => Math.min(e + 1, O.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), T((e) => Math.max(e - 1, 0))) : e.key === "Enter" && w >= 0 && O[w] ? (e.preventDefault(), k(O[w].value)) : e.key === "Escape" && C(!1);
+			}
 		}), /* @__PURE__ */ n("div", {
 			id: E,
 			role: "listbox",
-			className: t([d, !S && f]),
-			children: O.map((t, r) => /* @__PURE__ */ n(e, {
-				value: t.value,
+			className: e([d, !S && f]),
+			children: O.map((e, r) => /* @__PURE__ */ n(t, {
+				value: e.value,
 				highlighted: r === w,
-				selected: t.value === v,
+				selected: e.value === v,
 				onSelect: k,
-				children: t.label
-			}, t.value))
+				children: e.label
+			}, e.value))
 		})]
 	});
 }

package/dist/components/Combobox/ComboboxOption.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                         */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Combobox/ComboboxOption.tsx
 var n = "haze-ComboboxOption__option", r = "haze-ComboboxOption__highlightedStyle", i = "haze-ComboboxOption__selectedStyle";

package/dist/components/Command/Command.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                  */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 import { useControl as n } from "react-use-control";
 import { createContext as r, useContext as i, useMemo as a } from "react";
@@ -18,7 +18,7 @@ function l({ query: r, children: i, className: s }) {
 	}), [l, u]);
 	return /* @__PURE__ */ t(o.Provider, {
 		value: d,
-		children: /* @__PURE__ */ t("div", {
+		children: t("div", {
 			role: "combobox",
 			className: e([c, s]),
 			children: i

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                        */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 //#region src/lib/components/ConfirmDialog/ConfirmDialog.tsx
@@ -13,7 +13,7 @@ function p({ open: p, onClose: m, onConfirm: h, onCancel: g, title: _, children:
 	return /* @__PURE__ */ t("div", {
 		onClick: T,
 		className: e([i, S]),
-		children: /* @__PURE__ */ n("div", {
+		children: n("div", {
 			onClick: (e) => e.stopPropagation(),
 			className: e([a]),
 			children: [

package/dist/components/Container/Container.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Container/Container.tsx
 var n = "haze-Container__container", r = {

package/dist/components/ContextMenu/ContextMenu.js

@@ -1,6 +1,6 @@
-import { ContextMenuProvider as e } from "./ContextMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { ContextMenuProvider as t } from "./ContextMenuContext.js";
 /* empty css                      */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 import { useCallback as i, useEffect as a, useRef as o, useState as s } from "react";
@@ -23,7 +23,7 @@ function l({ open: l, onOpenChange: u, children: d, className: f }) {
 			y.current && !y.current.contains(e.target) && b(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [p, b]), /* @__PURE__ */ n(e, {
+	}, [p, b]), /* @__PURE__ */ n(t, {
 		value: {
 			open: p,
 			setOpen: b,
@@ -31,9 +31,9 @@ function l({ open: l, onOpenChange: u, children: d, className: f }) {
 			y: _,
 			setPosition: x
 		},
-		children: /* @__PURE__ */ n("div", {
+		children: n("div", {
 			ref: y,
-			className: t([c, f]),
+			className: e([c, f]),
 			children: d
 		})
 	});

package/dist/components/ContextMenu/ContextMenuContent.js

@@ -1,17 +1,17 @@
-import { useContextMenuContext as e } from "./ContextMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useContextMenuContext as t } from "./ContextMenuContext.js";
 /* empty css                             */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/ContextMenu/ContextMenuContent.tsx
 var r = "haze-ContextMenuContent__content";
 function i({ children: i, className: a }) {
-	let { open: o, x: s, y: c } = e();
+	let { open: o, x: s, y: c } = t();
 	return o ? /* @__PURE__ */ n("div", {
 		style: {
 			left: s,
 			top: c
 		},
-		className: t([r, a]),
+		className: e([r, a]),
 		children: i
 	}) : null;
 }

package/dist/components/ContextMenu/ContextMenuItem.js

@@ -1,18 +1,18 @@
-import { useContextMenuContext as e } from "./ContextMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useContextMenuContext as t } from "./ContextMenuContext.js";
 /* empty css                          */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/ContextMenu/ContextMenuItem.tsx
 var r = "haze-ContextMenuItem__item";
 function i({ children: i, onClick: a, disabled: o, className: s }) {
-	let { setOpen: c } = e();
+	let { setOpen: c } = t();
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		onClick: () => {
 			o || (a?.(), c(!1));
 		},
 		disabled: o,
-		className: t([r, s]),
+		className: e([r, s]),
 		children: i
 	});
 }

package/dist/components/ContextMenu/ContextMenuSeparator.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                               */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/ContextMenu/ContextMenuSeparator.tsx
 var n = "haze-ContextMenuSeparator__separator";

package/dist/components/ContextMenu/ContextMenuTrigger.js

@@ -1,16 +1,16 @@
-import { useContextMenuContext as e } from "./ContextMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useContextMenuContext as t } from "./ContextMenuContext.js";
 /* empty css                             */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/ContextMenu/ContextMenuTrigger.tsx
 var r = "haze-ContextMenuTrigger__trigger";
 function i({ children: i, className: a }) {
-	let { setOpen: o, setPosition: s } = e();
+	let { setOpen: o, setPosition: s } = t();
 	return /* @__PURE__ */ n("div", {
 		onContextMenu: (e) => {
 			e.preventDefault(), s(e.clientX, e.clientY), o(!0);
 		},
-		className: t([r, a]),
+		className: e([r, a]),
 		children: i
 	});
 }

package/dist/components/ConversationList/ConversationItem.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                           */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 //#region src/lib/components/ConversationList/ConversationItem.tsx
 var r = "haze-ConversationItem__item", i = "haze-ConversationItem__activeItem", a = "haze-ConversationItem__body", o = "haze-ConversationItem__titleStyle", s = "haze-ConversationItem__subtitleStyle", c = "haze-ConversationItem__endSlot";

package/dist/components/ConversationList/ConversationList.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                           */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/ConversationList/ConversationList.tsx
 var n = "haze-ConversationList__list";

package/dist/components/DateRangePicker/DateRangePicker.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                          */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useControl as r } from "react-use-control";
 //#region src/lib/components/DateRangePicker/DateRangePicker.tsx

package/dist/components/Datepicker/Calendar.js

@@ -1,5 +1,5 @@
+import { classnames as e } from "../../utils/classnames.js";
 /* empty css                   */
-import { classnames as e } from "babel-runtime-jsx-plus";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import { useState as r } from "react";
 //#region src/lib/components/Datepicker/Calendar.tsx