haze-ui 1.6.1 → 1.7.0

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,18 +1,19 @@
+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, 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,
-			...l
-		},
+		style: d,
 		className: e([n, c]),
 		children: u
 	});

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 = {
@@ -13,12 +13,12 @@ function a(e) {
 	return !!(t.stroke || t.strokeWidth || t.fill === "none");
 }
 function o({ icon: o, size: s = "md", className: c, children: l }) {
-	let u = o ? /* @__PURE__ */ t(o, {}) : l;
+	let u = o ? /* @__PURE__ */ t(o, {}) : l, d = o ? !0 : a(u);
 	return /* @__PURE__ */ t("span", {
 		"aria-hidden": "true",
 		className: e([
 			n,
-			(o ? !0 : a(u)) && r,
+			d && r,
 			i[s],
 			c
 		]),

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

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

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

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

package/dist/components/Stepper/Step.js

@@ -1,17 +1,17 @@
-import { useStepperContext as e } from "./StepperContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useStepperContext as t } from "./StepperContext.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/Stepper/Step.tsx
 var i = "haze-Step__step", a = "haze-Step__stepConnector", o = "haze-Step__stepActiveConnector", s = "haze-Step__circle", c = "haze-Step__activeCircle", l = "haze-Step__completedCircle", u = "haze-Step__titleStyle", d = "haze-Step__activeTitle", f = "haze-Step__completedTitle", p = "haze-Step__descStyle";
 function m({ title: m, description: h, className: g, index: _ = 0 }) {
-	let { activeStep: v, totalSteps: y } = e(), b = _ === v, x = _ < v;
+	let { activeStep: v, totalSteps: y } = t(), b = _ === v, x = _ < v;
 	return /* @__PURE__ */ r("div", {
 		role: "listitem",
-		className: t([i, g]),
+		className: e([i, g]),
 		children: [
 			/* @__PURE__ */ n("div", {
-				className: t([
+				className: e([
 					s,
 					b && c,
 					x && l
@@ -19,7 +19,7 @@ function m({ title: m, description: h, className: g, index: _ = 0 }) {
 				children: x ? "✓" : _ + 1
 			}),
 			/* @__PURE__ */ n("div", {
-				className: t([
+				className: e([
 					u,
 					b && d,
 					x && f
@@ -27,10 +27,10 @@ function m({ title: m, description: h, className: g, index: _ = 0 }) {
 				children: m
 			}),
 			h && /* @__PURE__ */ n("div", {
-				className: t([p]),
+				className: e([p]),
 				children: h
 			}),
-			_ < y - 1 && /* @__PURE__ */ n("div", { className: t([a, x && o]) })
+			_ < y - 1 && /* @__PURE__ */ n("div", { className: e([a, x && o]) })
 		]
 	});
 }

package/dist/components/Stepper/Stepper.js

@@ -1,22 +1,22 @@
-import { StepperProvider as e } from "./StepperContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { StepperProvider as t } from "./StepperContext.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 { Children as i, cloneElement as a, isValidElement as o } from "react";
 //#region src/lib/components/Stepper/Stepper.tsx
 var s = "haze-Stepper__stepper";
 function c({ activeStep: c, children: l, className: u }) {
-	let [d, f] = r(c, 0);
-	return /* @__PURE__ */ n(e, {
+	let [d, f] = r(c, 0), p = i.count(l);
+	return /* @__PURE__ */ n(t, {
 		value: {
 			activeStep: d,
 			setActiveStep: f,
-			totalSteps: i.count(l)
+			totalSteps: p
 		},
 		children: n("div", {
 			role: "list",
-			className: t([s, u]),
+			className: e([s, u]),
 			children: i.map(l, (e, t) => o(e) ? a(e, { index: t }) : e)
 		})
 	});

package/dist/components/StreamingText/StreamingText.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 { useEffect as r, useRef as i, useState as a } from "react";
 //#region src/lib/components/StreamingText/StreamingText.tsx

package/dist/components/SwipeAction/SwipeAction.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 { useCallback as r, useRef as i, useState as a } from "react";
 //#region src/lib/components/SwipeAction/SwipeAction.tsx

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

package/dist/components/Table/Table.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/Table/Table.tsx
 var n = "haze-Table__wrapper", r = "haze-Table__base", i = "haze-Table__stripedStyle", a = "haze-Table__borderedStyle";

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

package/dist/components/Table/TableCell.js

@@ -1,4 +1,4 @@
-import { classnames as e } from "babel-runtime-jsx-plus";
+import { classnames as e } from "../../utils/classnames.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableCell.tsx
 function n({ as: n = "td", className: r, children: i, ...a }) {

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

package/dist/components/Table/TableRow.js

@@ -1,4 +1,4 @@
-import { classnames as e } from "babel-runtime-jsx-plus";
+import { classnames as e } from "../../utils/classnames.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/lib/components/Table/TableRow.tsx
 function n({ className: n, children: r }) {

package/dist/components/Tabs/Tab.js

@@ -1,18 +1,18 @@
-import { useTabsContext as e } from "./TabsContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useTabsContext as t } from "./TabsContext.js";
 /* empty css              */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/Tabs/Tab.tsx
 var r = "haze-Tab__base", i = "haze-Tab__active";
 function a({ value: a, className: o, children: s }) {
-	let { value: c, setValue: l } = e(), u = c === a;
+	let { value: c, setValue: l } = t(), u = c === a;
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "tab",
 		"aria-selected": u,
 		"aria-controls": `tabpanel-${a}`,
 		onClick: () => l(a),
-		className: t([
+		className: e([
 			r,
 			u && i,
 			o

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

package/dist/components/Tabs/TabPanel.js

@@ -1,15 +1,15 @@
-import { useTabsContext as e } from "./TabsContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { useTabsContext as t } from "./TabsContext.js";
 /* empty css                   */
-import { classnames as t } from "babel-runtime-jsx-plus";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/Tabs/TabPanel.tsx
 var r = "haze-TabPanel__base", i = "haze-TabPanel__hidden";
 function a({ value: a, className: o, children: s }) {
-	let { value: c } = e(), l = c === a;
+	let { value: c } = t(), l = c === a;
 	return /* @__PURE__ */ n("div", {
 		role: "tabpanel",
 		id: `tabpanel-${a}`,
-		className: t([
+		className: e([
 			r,
 			!l && i,
 			o

package/dist/components/Tabs/Tabs.js

@@ -1,6 +1,6 @@
-import { TabsProvider as e } from "./TabsContext.js";
+import { classnames as e } from "../../utils/classnames.js";
+import { TabsProvider as t } from "./TabsContext.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";
 //#region src/lib/components/Tabs/Tabs.tsx
@@ -8,8 +8,8 @@ var i = "haze-Tabs__base";
 function a({ value: a, className: o, children: s }) {
 	let [c, l] = r(a, "");
 	return /* @__PURE__ */ n("div", {
-		className: t([i, o]),
-		children: n(e, {
+		className: e([i, o]),
+		children: n(t, {
 			value: {
 				value: c,
 				setValue: l

package/dist/components/Tag/Tag.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/Tag/Tag.tsx
 var r = "haze-Tag__base", i = {

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

package/dist/components/TagGroup/TagGroupItem.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/TagGroup/TagGroupItem.tsx
 var r = "haze-TagGroupItem__tag", i = "haze-TagGroupItem__closeBtn";