haze-ui 1.6.0 → 1.7.0

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: /* @__PURE__ */ n("div", {
+		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
@@ -32,7 +32,7 @@ function v({ checked: o, size: s = "md", className: c, onClick: l, ...u }) {
 			d && i,
 			c
 		]),
-		children: /* @__PURE__ */ t("span", { className: e([
+		children: t("span", { className: e([
 			a,
 			g[s],
 			d && _[s]

package/dist/components/Table/Table.js

@@ -1,12 +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/Table/Table.tsx
 var n = "haze-Table__wrapper", r = "haze-Table__base", i = "haze-Table__stripedStyle", a = "haze-Table__borderedStyle";
 function o({ striped: o = !1, bordered: s = !1, className: c, children: l }) {
 	return /* @__PURE__ */ t("div", {
 		className: e([n]),
-		children: /* @__PURE__ */ t("table", {
+		children: t("table", {
 			className: e([
 				r,
 				o && i,

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: /* @__PURE__ */ 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";

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

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

package/dist/components/ThinkingIndicator/ThinkingIndicator.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/ThinkingIndicator/ThinkingIndicator.tsx
 var r = "haze-ThinkingIndicator__wrapper", i = "haze-ThinkingIndicator__dots", a = "haze-ThinkingIndicator__dot", o = "haze-ThinkingIndicator__dot2", s = "haze-ThinkingIndicator__dot3";

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

package/dist/components/Timeline/Timeline.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/Timeline/Timeline.tsx
 var r = "haze-Timeline__base";

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

package/dist/components/TokenCounter/TokenCounter.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/TokenCounter/TokenCounter.tsx
 var r = "haze-TokenCounter__wrapper", i = "haze-TokenCounter__bar", a = "haze-TokenCounter__fill", o = "haze-TokenCounter__fillNormal", s = "haze-TokenCounter__fillWarning", c = "haze-TokenCounter__fillDanger", l = "haze-TokenCounter__info", u = "haze-TokenCounter__count";

package/dist/components/ToolCallCard/ToolCallCard.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/ToolCallCard/ToolCallCard.tsx
 var r = "haze-ToolCallCard__card", i = "haze-ToolCallCard__header", a = "haze-ToolCallCard__statusIcon", o = "haze-ToolCallCard__statusPending", s = "haze-ToolCallCard__statusRunning", c = "haze-ToolCallCard__statusDone", l = "haze-ToolCallCard__statusError", u = "haze-ToolCallCard__body", d = "haze-ToolCallCard__section", f = "haze-ToolCallCard__sectionLabel", p = "haze-ToolCallCard__content", m = {

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

package/dist/components/Transfer/Transfer.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";
@@ -10,14 +10,6 @@ function f({ dataSource: f, targetKeys: p, onChange: m, className: h }) {
 		y((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
 	}, T = (e) => {
 		x((t) => t.includes(e) ? t.filter((t) => t !== e) : [...t, e]);
-	}, E = () => {
-		if (v.length === 0) return;
-		let e = [...g, ...v];
-		_(e), m?.(e, "right", v), y([]);
-	}, D = () => {
-		if (b.length === 0) return;
-		let e = g.filter((e) => !b.includes(e));
-		_(e), m?.(e, "left", b), x([]);
 	};
 	return /* @__PURE__ */ n("div", {
 		className: e([a, h]),
@@ -50,14 +42,22 @@ function f({ dataSource: f, targetKeys: p, onChange: m, className: h }) {
 				children: [/* @__PURE__ */ t("button", {
 					type: "button",
 					disabled: v.length === 0,
-					onClick: E,
+					onClick: () => {
+						if (v.length === 0) return;
+						let e = [...g, ...v];
+						_(e), m?.(e, "right", v), y([]);
+					},
 					"aria-label": ">",
 					className: e([d]),
 					children: "›"
 				}), /* @__PURE__ */ t("button", {
 					type: "button",
 					disabled: b.length === 0,
-					onClick: D,
+					onClick: () => {
+						if (b.length === 0) return;
+						let e = g.filter((e) => !b.includes(e));
+						_(e), m?.(e, "left", b), x([]);
+					},
 					"aria-label": "<",
 					className: e([d]),
 					children: "‹"

package/dist/components/Tree/Tree.js

@@ -1,22 +1,22 @@
-import e from "./TreeItem.js";
-import { findNodeByKey as t, getChildKeys as n, getParentKey as r } from "./utils.js";
+import { classnames as e } from "../../utils/classnames.js";
+import t from "./TreeItem.js";
+import { findNodeByKey as n, getChildKeys as r, getParentKey as i } from "./utils.js";
 /* empty css               */
-import { classnames as i } from "babel-runtime-jsx-plus";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import { useControl as s } from "react-use-control";
 import { useMemo as c } from "react";
 //#region src/lib/components/Tree/Tree.tsx
 var l = "haze-Tree__base", u = "haze-Tree__group";
-function d(e, t, r) {
-	if (r) return {
+function d(e, t, n) {
+	if (n) return {
 		checked: e,
 		halfChecked: []
 	};
 	let i = new Set(e), a = /* @__PURE__ */ new Set(), o = /* @__PURE__ */ new Set(), s = (e) => {
-		for (let r of e) if (r.children?.length) {
-			s(r.children);
-			let e = n(t, r.key), c = e.filter((e) => i.has(e));
-			c.length === 0 ? o.add(r.key) : c.length < e.length && (a.add(r.key), o.add(r.key));
+		for (let n of e) if (n.children?.length) {
+			s(n.children);
+			let e = r(t, n.key), c = e.filter((e) => i.has(e));
+			c.length === 0 ? o.add(n.key) : c.length < e.length && (a.add(n.key), o.add(n.key));
 		}
 	};
 	return s(t), {
@@ -31,56 +31,56 @@ function f({ treeData: f, multiple: p = !1, checkable: m = !1, checkStrictly: h
 		h
 	]), B = z.checked, V = z.halfChecked;
 	function H(e) {
-		let n = M.includes(e), r = n ? M.filter((t) => t !== e) : [...M, e];
+		let t = M.includes(e), r = t ? M.filter((t) => t !== e) : [...M, e];
 		N(r), k?.(r, {
-			expanded: !n,
-			node: t(f, e)
+			expanded: !t,
+			node: n(f, e)
 		});
 	}
 	function U(e) {
-		let n = t(f, e);
-		if (!n?.selectable && n?.selectable !== void 0 || !g) return;
+		let t = n(f, e);
+		if (!t?.selectable && t?.selectable !== void 0 || !g) return;
 		let r;
 		r = p ? P.indexOf(e) >= 0 ? P.filter((t) => t !== e) : [...P, e] : P.includes(e) ? [] : [e], F(r), A?.(r, {
 			selected: r.includes(e),
-			selectedNodes: r.map((e) => t(f, e)).filter(Boolean),
-			node: n
+			selectedNodes: r.map((e) => n(f, e)).filter(Boolean),
+			node: t
 		});
 	}
 	function W(e) {
-		if (!m || t(f, e)?.disableCheckbox) return;
-		let i = B.includes(e), a;
-		if (h) a = i ? B.filter((t) => t !== e) : [...B, e];
+		if (!m || n(f, e)?.disableCheckbox) return;
+		let t = B.includes(e), a;
+		if (h) a = t ? B.filter((t) => t !== e) : [...B, e];
 		else {
-			let t = n(f, e);
-			if (i) {
-				a = B.filter((n) => n !== e && !t.includes(n));
-				let n = r(f, e);
-				for (; n;) a = a.filter((e) => e !== n), n = r(f, n);
+			let n = r(f, e);
+			if (t) {
+				a = B.filter((t) => t !== e && !n.includes(t));
+				let t = i(f, e);
+				for (; t;) a = a.filter((e) => e !== t), t = i(f, t);
 			} else {
-				let i = [e, ...t].filter((e) => !B.includes(e));
-				a = [...B, ...i];
-				let o = r(f, e);
-				for (; o;) n(f, o).every((e) => a.includes(e)) && !a.includes(o) && a.push(o), o = r(f, o);
+				let t = [e, ...n].filter((e) => !B.includes(e));
+				a = [...B, ...t];
+				let o = i(f, e);
+				for (; o;) r(f, o).every((e) => a.includes(e)) && !a.includes(o) && a.push(o), o = i(f, o);
 			}
 		}
 		let o = d(a, f, h);
 		L(h ? a : o.checked), j?.(h ? a : o, {
-			checked: !i,
-			checkedNodes: a.map((e) => t(f, e)).filter(Boolean),
-			node: t(f, e),
+			checked: !t,
+			checkedNodes: a.map((e) => n(f, e)).filter(Boolean),
+			node: n(f, e),
 			halfCheckedKeys: o.halfChecked
 		});
 	}
-	function G(t, n, r) {
-		return t.map((s, c) => {
-			let l = !!s.children?.length, d = M.includes(s.key), f = P.includes(s.key), p = B.includes(s.key), h = V.includes(s.key), T = p ? "checked" : h ? "halfChecked" : "unchecked", E = c === t.length - 1, D = [...r, E];
+	function G(n, r, i) {
+		return n.map((s, c) => {
+			let l = !!s.children?.length, d = M.includes(s.key), f = P.includes(s.key), p = B.includes(s.key), h = V.includes(s.key), T = p ? "checked" : h ? "halfChecked" : "unchecked", E = c === n.length - 1, D = [...i, E];
 			return /* @__PURE__ */ o("div", {
 				role: "group",
-				className: i(u),
-				children: [/* @__PURE__ */ a(e, {
+				className: e(u),
+				children: [/* @__PURE__ */ a(t, {
 					node: s,
-					level: n,
+					level: r,
 					expanded: d,
 					selected: f,
 					checked: T,
@@ -99,13 +99,13 @@ function f({ treeData: f, multiple: p = !1, checkable: m = !1, checkStrictly: h
 					onToggle: () => H(s.key),
 					onSelect: () => U(s.key),
 					onCheck: () => W(s.key)
-				}), l && d && /* @__PURE__ */ a("div", { children: G(s.children, n + 1, D) })]
+				}), l && d && /* @__PURE__ */ a("div", { children: G(s.children, r + 1, D) })]
 			}, s.key);
 		});
 	}
 	return /* @__PURE__ */ a("div", {
 		role: "tree",
-		className: i([l, O]),
+		className: e([l, O]),
 		children: G(f, 0, [])
 	});
 }

package/dist/components/Tree/TreeItem.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/Tree/TreeItem.tsx
 var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeItem__selectedStyle", o = "haze-TreeItem__disabledStyle", s = "haze-TreeItem__switcher", c = "haze-TreeItem__switcherExpanded", l = "haze-TreeItem__checkbox", u = "haze-TreeItem__checkboxChecked", d = "haze-TreeItem__checkboxHalfChecked", f = "haze-TreeItem__nodeIcon", p = "haze-TreeItem__title", m = "haze-TreeItem__loadingIcon", h = "haze-TreeItem__indentLine", g = "haze-TreeItem__indentLineWithBorder", _ = () => /* @__PURE__ */ t("svg", {
@@ -9,7 +9,7 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: /* @__PURE__ */ t("path", { d: "M4 2l4 4-4 4" })
+	children: t("path", { d: "M4 2l4 4-4 4" })
 }), v = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 12 12",
 	fill: "none",
@@ -17,18 +17,18 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 	strokeWidth: "2",
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
-	children: /* @__PURE__ */ t("path", { d: "M2 6l3 3 5-5" })
+	children: t("path", { d: "M2 6l3 3 5-5" })
 }), y = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 12 12",
 	fill: "none",
 	stroke: "currentColor",
 	strokeWidth: "2",
 	strokeLinecap: "round",
-	children: /* @__PURE__ */ t("path", { d: "M2 6h8" })
+	children: t("path", { d: "M2 6h8" })
 }), b = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
-	children: /* @__PURE__ */ t("path", { d: "M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9z" })
+	children: t("path", { d: "M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v7a1.5 1.5 0 0 1-1.5 1.5h-11A1.5 1.5 0 0 1 1 12.5v-9z" })
 }), x = () => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
@@ -39,7 +39,7 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 }), S = () => /* @__PURE__ */ t("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
-	children: /* @__PURE__ */ t("path", { d: "M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.414a2 2 0 0 0-.586-1.414L10.586.172A2 2 0 0 0 9.172 0H4zm1 1a1 1 0 0 1 1-1h3.172a1 1 0 0 1 .707.293l2.121 2.121a1 1 0 0 1 .293.707V13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V1z" })
+	children: t("path", { d: "M4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.414a2 2 0 0 0-.586-1.414L10.586.172A2 2 0 0 0 9.172 0H4zm1 1a1 1 0 0 1 1-1h3.172a1 1 0 0 1 .707.293l2.121 2.121a1 1 0 0 1 .293.707V13a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V1z" })
 }), C = () => /* @__PURE__ */ n("svg", {
 	viewBox: "0 0 16 16",
 	fill: "currentColor",
@@ -50,7 +50,7 @@ var r = "haze-TreeItem__item", i = "haze-TreeItem__blockItem", a = "haze-TreeIte
 });
 function w({ node: w, level: T, expanded: E, selected: D, checked: O, disabled: k, checkable: A, selectable: j, blockNode: M, showLine: N, showIcon: P, switcherIcon: F, loadingIcon: I, loading: L, titleRender: R, iconRender: z, isLast: B, onToggle: V, onSelect: H, onCheck: U }) {
 	let W = !!w.children?.length, G = w.isLeaf ?? !W, K = Array.from({ length: T }, (e, t) => ({ showLine: N && !B[t] })), q = R ? R(w) : w.title, J = z ? z(w) : w.icon;
-	return /* @__PURE__ */ t("div", { children: /* @__PURE__ */ n("div", {
+	return /* @__PURE__ */ t("div", { children: n("div", {
 		role: "treeitem",
 		"aria-selected": D,
 		"aria-expanded": G ? void 0 : E,

package/dist/components/Typography/Typography.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/Typography/Typography.tsx
 var n = "haze-Typography__titleBase", r = {
@@ -10,7 +10,8 @@ var n = "haze-Typography__titleBase", r = {
 	5: "haze-Typography__5"
 };
 function i({ level: i = 1, className: a, children: o }) {
-	return /* @__PURE__ */ t(`h${i}`, {
+	let s = `h${i}`;
+	return /* @__PURE__ */ t(s, {
 		className: e([
 			n,
 			r[i],

package/dist/components/Upload/Upload.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 { useCallback as i, useRef as a } from "react";
 //#region src/lib/components/Upload/Upload.tsx
@@ -10,17 +10,17 @@ function l({ accept: l, multiple: u = !1, onChange: d, className: f, children: p
 	}, []), g = i((e) => {
 		let t = Array.from(e.target.files || []);
 		t.length > 0 && d?.(t), e.target.value = "";
-	}, [d]);
+	}, [d]), _ = i((e) => {
+		e.preventDefault();
+		let t = Array.from(e.dataTransfer.files);
+		t.length > 0 && d?.(t);
+	}, [d]), v = i((e) => {
+		e.preventDefault();
+	}, []);
 	return /* @__PURE__ */ r("div", {
 		onClick: h,
-		onDrop: i((e) => {
-			e.preventDefault();
-			let t = Array.from(e.dataTransfer.files);
-			t.length > 0 && d?.(t);
-		}, [d]),
-		onDragOver: i((e) => {
-			e.preventDefault();
-		}, []),
+		onDrop: _,
+		onDragOver: v,
 		role: "button",
 		tabIndex: 0,
 		className: e([o, f]),

package/dist/components/VirtualList/VirtualList.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, useRef as i, useState as a } from "react";
 //#region src/lib/components/VirtualList/VirtualList.tsx
@@ -17,7 +17,7 @@ function c({ items: c, height: l, itemHeight: u, renderItem: d, overscan: f = 5,
 		ref: g,
 		style: { height: l },
 		className: e([o, p]),
-		children: /* @__PURE__ */ t("div", {
+		children: t("div", {
 			style: { height: v },
 			className: e([s]),
 			children: x.map((e, n) => /* @__PURE__ */ t("div", {