haze-ui 1.6.1 → 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

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,11 +1,12 @@
+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: t("div", {
 			className: e([r]),

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 = {

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

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

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";

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,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/Checkbox/Checkbox.tsx

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";

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,10 +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();
+		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",
@@ -35,14 +37,14 @@ function p({ value: p, open: m, options: h, placeholder: g, className: _ }) {
 		}), /* @__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";

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

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,
@@ -33,7 +33,7 @@ function l({ open: l, onOpenChange: u, children: d, className: f }) {
 		},
 		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

package/dist/components/Datepicker/Datepicker.js

@@ -1,6 +1,6 @@
-import e from "./Calendar.js";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "./Calendar.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, useRef as o } from "react";
@@ -16,7 +16,7 @@ function d({ value: d, open: f, min: p, max: m, placeholder: h = "Select date",
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
 	}, [y, b]), /* @__PURE__ */ r("div", {
 		ref: x,
-		className: t([s, g]),
+		className: e([s, g]),
 		children: [/* @__PURE__ */ n("input", {
 			readOnly: !0,
 			className: c,
@@ -26,8 +26,8 @@ function d({ value: d, open: f, min: p, max: m, placeholder: h = "Select date",
 			"aria-haspopup": "dialog",
 			"aria-expanded": y
 		}), /* @__PURE__ */ n("div", {
-			className: t([l, !y && u]),
-			children: /* @__PURE__ */ n(e, {
+			className: e([l, !y && u]),
+			children: /* @__PURE__ */ n(t, {
 				value: _,
 				min: p,
 				max: m,

package/dist/components/Dialog/Dialog.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 { useEffect as r, useRef as i } from "react";

package/dist/components/DiffViewer/DiffViewer.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 { useMemo as r } from "react";
 //#region src/lib/components/DiffViewer/DiffViewer.tsx

package/dist/components/Disclosure/Disclosure.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 { useEffect as i, useRef as a } from "react";

package/dist/components/Divider/Divider.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/Divider/Divider.tsx
 var n = "haze-Divider__base", r = "haze-Divider__horizontal", i = "haze-Divider__vertical";

package/dist/components/Drawer/Drawer.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 { useEffect as r, useRef as i } from "react";

package/dist/components/DropdownMenu/DropdownMenu.js

@@ -1,6 +1,6 @@
-import { DropdownMenuProvider as e } from "./DropdownMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { DropdownMenuProvider as t } from "./DropdownMenuContext.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 } from "react";
@@ -21,14 +21,14 @@ function c({ open: c, onOpenChange: l, children: u, className: d }) {
 			m.current && !m.current.contains(e.target) && h(!1);
 		};
 		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-	}, [f, h]), /* @__PURE__ */ n(e, {
+	}, [f, h]), /* @__PURE__ */ n(t, {
 		value: {
 			open: f,
 			setOpen: h
 		},
 		children: n("div", {
 			ref: m,
-			className: t([s, d]),
+			className: e([s, d]),
 			children: u
 		})
 	});

package/dist/components/DropdownMenu/DropdownMenuContent.js

@@ -1,6 +1,6 @@
-import { useDropdownMenuContext as e } from "./DropdownMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useDropdownMenuContext as t } from "./DropdownMenuContext.js";
 /* empty css                              */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/DropdownMenu/DropdownMenuContent.tsx
 var r = "haze-DropdownMenuContent__content", i = {
@@ -9,9 +9,9 @@ var r = "haze-DropdownMenuContent__content", i = {
 	end: "haze-DropdownMenuContent__alignEnd"
 };
 function a({ children: a, align: o = "start", className: s }) {
-	let { open: c } = e();
+	let { open: c } = t();
 	return c ? /* @__PURE__ */ n("div", {
-		className: t([
+		className: e([
 			r,
 			i[o],
 			s

package/dist/components/DropdownMenu/DropdownMenuItem.js

@@ -1,18 +1,18 @@
-import { useDropdownMenuContext as e } from "./DropdownMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useDropdownMenuContext as t } from "./DropdownMenuContext.js";
 /* empty css                           */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/DropdownMenu/DropdownMenuItem.tsx
 var r = "haze-DropdownMenuItem__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/DropdownMenu/DropdownMenuSeparator.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/DropdownMenu/DropdownMenuSeparator.tsx
 var n = "haze-DropdownMenuSeparator__separator";

package/dist/components/DropdownMenu/DropdownMenuTrigger.js

@@ -1,15 +1,15 @@
-import { useDropdownMenuContext as e } from "./DropdownMenuContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useDropdownMenuContext as t } from "./DropdownMenuContext.js";
 /* empty css                              */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/DropdownMenu/DropdownMenuTrigger.tsx
 var r = "haze-DropdownMenuTrigger__trigger";
 function i({ children: i, className: a }) {
-	let { setOpen: o } = e();
+	let { setOpen: o } = t();
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		onClick: () => o((e) => !e),
-		className: t([r, a]),
+		className: e([r, a]),
 		children: i
 	});
 }

package/dist/components/Empty/Empty.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/Empty/Empty.tsx
 var r = "haze-Empty__base", i = "haze-Empty__imageStyle", a = "haze-Empty__descStyle", o = "haze-Empty__actionStyle", s = /* @__PURE__ */ n("svg", {