haze-ui 1.6.0 → 1.7.0

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: /* @__PURE__ */ n("div", {
+		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", {

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

package/dist/components/Flex/Flex.js

@@ -1,19 +1,21 @@
+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/Flex/Flex.tsx
 var n = "haze-Flex__base";
-function r({ direction: r = "row", align: i, justify: a, gap: o, wrap: s = !1, className: c, children: l }) {
+function r({ direction: r = "row", align: i, justify: a, gap: o, wrap: s = !1, className: c, style: l, children: u }) {
+	let d = {
+		flexDirection: r,
+		alignItems: i,
+		justifyContent: a,
+		gap: typeof o == "number" ? `${o}px` : o,
+		flexWrap: s ? "wrap" : void 0,
+		...l
+	};
 	return /* @__PURE__ */ t("div", {
-		style: {
-			flexDirection: r,
-			alignItems: i,
-			justifyContent: a,
-			gap: typeof o == "number" ? `${o}px` : o,
-			flexWrap: s ? "wrap" : void 0
-		},
+		style: d,
 		className: e([n, c]),
-		children: l
+		children: u
 	});
 }
 //#endregion

package/dist/components/Grid/Grid.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/Grid/Grid.tsx
 var n = "haze-Grid__base";

package/dist/components/Icon/Icon.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/Icon/Icon.tsx
 var n = "haze-Icon__base", r = "haze-Icon__strokeOnly", i = {

package/dist/components/Image/Image.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/Image/Image.tsx

package/dist/components/InlineEdit/InlineEdit.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, useState as a } from "react";

package/dist/components/Input/Input.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";
 //#region src/lib/components/Input/Input.tsx

package/dist/components/List/List.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/List/List.tsx
 var n = "haze-List__base", r = {

package/dist/components/List/ListItem.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/List/ListItem.tsx
 var n = "haze-ListItem__item";

package/dist/components/LogViewer/LogViewer.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 { useMemo as i } from "react";

package/dist/components/MarkdownRenderer/MarkdownRenderer.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 { useMemo as n } from "react";
 //#region src/lib/components/MarkdownRenderer/MarkdownRenderer.tsx
@@ -15,8 +15,9 @@ function a(e) {
 	return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
 }
 function o({ content: a, className: o }) {
+	let s = n(() => i(a), [a]);
 	return /* @__PURE__ */ t("div", {
-		dangerouslySetInnerHTML: { __html: n(() => i(a), [a]) },
+		dangerouslySetInnerHTML: { __html: s },
 		className: e([r, o])
 	});
 }

package/dist/components/Menu/Menu.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/Menu/MenuItem.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/Menu/MenuItem.tsx
 var n = "haze-MenuItem__item";

package/dist/components/ModelPicker/ModelPicker.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/ModelPicker/ModelPicker.tsx
@@ -8,7 +8,7 @@ function o({ value: o, onChange: s, options: c, disabled: l, className: u }) {
 	let [d, f] = r(o, "");
 	return /* @__PURE__ */ t("div", {
 		className: e([i, u]),
-		children: /* @__PURE__ */ t("select", {
+		children: t("select", {
 			value: d,
 			onChange: (e) => {
 				f(e.target.value), s?.(e.target.value);

package/dist/components/NavigationBar/NavLink.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/NavigationBar/NavLink.tsx
 var n = "haze-NavLink__link", r = "haze-NavLink__activeLink";

package/dist/components/NavigationBar/NavigationBar.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/NavigationBar/NavigationBar.tsx
 var r = "haze-NavigationBar__nav", i = "haze-NavigationBar__brand", a = "haze-NavigationBar__links", o = "haze-NavigationBar__endSlot";

package/dist/components/NumberInput/NumberInput.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/NumberInput/NumberInput.tsx

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

package/dist/components/Pagination/Pagination.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/Pagination/Pagination.tsx

package/dist/components/PasswordInput/PasswordInput.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 { useState as i } from "react";

package/dist/components/Popover/Popover.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 { useId as i } from "react";

package/dist/components/Progress/Progress.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/Progress/Progress.tsx
 var r = "haze-Progress__barBase", i = {
@@ -43,7 +43,7 @@ function m({ value: m = 0, variant: h = "bar", size: g = "md", color: _ = "prima
 				c[g],
 				v
 			]),
-			children: /* @__PURE__ */ n("svg", {
+			children: n("svg", {
 				viewBox: `0 0 ${(r + i) * 2} ${(r + i) * 2}`,
 				children: [/* @__PURE__ */ t("circle", {
 					cx: r + i,
@@ -73,7 +73,7 @@ function m({ value: m = 0, variant: h = "bar", size: g = "md", color: _ = "prima
 			i[g],
 			v
 		]),
-		children: /* @__PURE__ */ t("div", {
+		children: t("div", {
 			style: { width: `${y}%` },
 			className: e([a, o[_]])
 		})

package/dist/components/Radio/Radio.js

@@ -1,13 +1,13 @@
-import { useRadioContext as e } from "./RadioContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useRadioContext as t } from "./RadioContext.js";
 /* empty css                */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/lib/components/Radio/Radio.tsx
 var i = "haze-Radio__radioInput", a = "haze-Radio__labelStyle";
 function o({ value: o, className: s, children: c, ...l }) {
-	let u = e();
+	let u = t();
 	return /* @__PURE__ */ r("label", {
-		className: t([a, s]),
+		className: e([a, s]),
 		children: [/* @__PURE__ */ n("input", {
 			type: "radio",
 			className: i,

package/dist/components/Radio/RadioGroup.js

@@ -1,6 +1,6 @@
-import { RadioProvider as e } from "./RadioContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { RadioProvider as t } from "./RadioContext.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 { useId as i } from "react";
@@ -9,8 +9,8 @@ var a = "haze-RadioGroup__base";
 function o({ value: o, name: s, className: c, children: l }) {
 	let [u, d] = r(o, ""), f = i();
 	return /* @__PURE__ */ n("fieldset", {
-		className: t([a, c]),
-		children: /* @__PURE__ */ n(e, {
+		className: e([a, c]),
+		children: n(t, {
 			value: {
 				name: s ?? f,
 				value: u,

package/dist/components/Rating/Rating.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 { useState as i } from "react";

package/dist/components/Resizable/Resizable.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 { createContext as n, useContext as r, useState as i } from "react";
 //#region src/lib/components/Resizable/Resizable.tsx
@@ -20,7 +20,7 @@ function u({ direction: n = "horizontal", children: r, className: o }) {
 			dragging: f,
 			setDragging: p
 		},
-		children: /* @__PURE__ */ t("div", {
+		children: t("div", {
 			className: e([
 				s,
 				n === "horizontal" ? c : l,
@@ -32,9 +32,9 @@ function u({ direction: n = "horizontal", children: r, className: o }) {
 }
 var d = "haze-Resizable__panelStyle";
 function f({ defaultSize: n = 50, children: r, className: i }) {
-	let { direction: a } = o();
+	let { direction: a } = o(), s = { flex: `0 0 ${n}%` };
 	return /* @__PURE__ */ t("div", {
-		style: { flex: `0 0 ${n}%` },
+		style: s,
 		className: e([d, i]),
 		children: r
 	});

package/dist/components/ScrollArea/ScrollArea.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/ScrollArea/ScrollArea.tsx
 var n = "haze-ScrollArea__base";
 function r({ maxHeight: r, className: i, children: a }) {
+	let o = r === void 0 ? void 0 : { maxHeight: typeof r == "number" ? `${r}px` : r };
 	return /* @__PURE__ */ t("div", {
-		style: r === void 0 ? void 0 : { maxHeight: typeof r == "number" ? `${r}px` : r },
+		style: o,
 		className: e([n, i]),
 		children: a
 	});

package/dist/components/Segmented/Segmented.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";
 //#region src/lib/components/Segmented/Segmented.tsx

package/dist/components/Select/Select.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";
 //#region src/lib/components/Select/Select.tsx

package/dist/components/Skeleton/Skeleton.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/Skeleton/Skeleton.tsx
 var n = "haze-Skeleton__base", r = {
@@ -8,11 +8,12 @@ var n = "haze-Skeleton__base", r = {
 	rectangular: "haze-Skeleton__rectangular"
 };
 function i({ variant: i = "text", width: a, height: o, className: s }) {
+	let c = {
+		width: typeof a == "number" ? `${a}px` : a,
+		height: typeof o == "number" ? `${o}px` : o
+	};
 	return /* @__PURE__ */ t("span", {
-		style: {
-			width: typeof a == "number" ? `${a}px` : a,
-			height: typeof o == "number" ? `${o}px` : o
-		},
+		style: c,
 		className: e([
 			n,
 			r[i],

package/dist/components/Slider/Slider.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";
 //#region src/lib/components/Slider/Slider.tsx

package/dist/components/Spinner/Spinner.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/Spinner/Spinner.tsx
 var r = "haze-Spinner__base", i = {
@@ -16,7 +16,7 @@ function a({ size: a = "md", className: o }) {
 			i[a],
 			o
 		]),
-		children: /* @__PURE__ */ n("svg", {
+		children: n("svg", {
 			viewBox: "0 0 24 24",
 			fill: "none",
 			xmlns: "http://www.w3.org/2000/svg",

package/dist/components/Stat/Stat.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/Stat/Stat.tsx
 var r = "haze-Stat__base", i = "haze-Stat__titleStyle", a = "haze-Stat__valueRow", o = "haze-Stat__valueStyle", s = {

package/dist/components/StepTimeline/StepTimeline.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/StepTimeline/StepTimeline.tsx
 var r = "haze-StepTimeline__list", i = "haze-StepTimeline__item", a = "haze-StepTimeline__marker", o = "haze-StepTimeline__markerPending", s = "haze-StepTimeline__markerActive", c = "haze-StepTimeline__markerDone", l = "haze-StepTimeline__markerError", u = "haze-StepTimeline__body", d = "haze-StepTimeline__labelStyle", f = "haze-StepTimeline__descriptionStyle", p = {