haze-ui 1.33.0 → 1.34.0

package/dist/components/ChatInput/ChatInput.js

@@ -3,27 +3,31 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 /* empty css                    */
-import { useCallback as n, useRef as r } from "react";
-import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
-import { useControl as s } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { useCallback as r, useRef as i } from "react";
+import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
+import { useControl as c } from "react-use-control";
 //#region src/lib/components/ChatInput/ChatInput.tsx
-var c = "haze-ChatInput__wrapper", l = "haze-ChatInput__textarea", u = "haze-ChatInput__sendBtn", d = () => /* @__PURE__ */ a("svg", {
-	width: "12",
-	height: "12",
-	viewBox: "0 0 12 12",
-	fill: "currentColor",
-	"aria-hidden": "true",
-	focusable: "false",
-	children: a("rect", {
-		x: "2",
-		y: "2",
-		width: "8",
-		height: "8",
-		rx: "1.5"
-	})
-});
-function f({ value: f, onSend: p, generating: m = !1, onStop: h, placeholder: g, disabled: _, maxLength: v, className: y }) {
-	let [b, x] = s(f, ""), S = r(null), C = t("chatInput"), w = t("chat"), T = g ?? C.placeholder, E = n(() => {
+var l = "haze-ChatInput__wrapper", u = "haze-ChatInput__textarea", d = "haze-ChatInput__sendBtn", f = () => {
+	let e = n(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ o("svg", {
+		width: "12",
+		height: "12",
+		viewBox: "0 0 12 12",
+		fill: "currentColor",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: o("rect", {
+			x: "2",
+			y: "2",
+			width: "8",
+			height: "8",
+			rx: "1.5"
+		})
+	}), e[0] = t) : t = e[0], t;
+};
+function p({ value: n, onSend: p, generating: m = !1, onStop: h, placeholder: g, disabled: _, maxLength: v, className: y }) {
+	let [b, x] = c(n, ""), S = i(null), C = t("chatInput"), w = t("chat"), T = g ?? C.placeholder, E = r(() => {
 		if (m) {
 			h?.();
 			return;
@@ -38,10 +42,10 @@ function f({ value: f, onSend: p, generating: m = !1, onStop: h, placeholder: g,
 		p,
 		x
 	]);
-	return /* @__PURE__ */ o("div", {
+	return /* @__PURE__ */ s("div", {
 		"data-slot": "chat-input",
-		className: e([c, y]),
-		children: [/* @__PURE__ */ a("textarea", {
+		className: e([l, y]),
+		children: [/* @__PURE__ */ o("textarea", {
 			ref: S,
 			"data-slot": "input",
 			value: b,
@@ -55,17 +59,17 @@ function f({ value: f, onSend: p, generating: m = !1, onStop: h, placeholder: g,
 			disabled: _,
 			maxLength: v,
 			rows: 1,
-			className: e([l])
-		}), /* @__PURE__ */ a("button", {
+			className: e([u])
+		}), /* @__PURE__ */ o("button", {
 			"data-slot": m ? "stop-button" : "send-button",
 			type: "button",
 			onClick: E,
 			disabled: _ || !m && !b.trim(),
 			"aria-label": m ? w.stopGeneration : C.send,
-			className: e([u]),
-			children: m ? /* @__PURE__ */ a(d, {}) : /* @__PURE__ */ a(i, { children: "↑" })
+			className: e([d]),
+			children: m ? /* @__PURE__ */ o(f, {}) : /* @__PURE__ */ o(a, { children: "↑" })
 		})]
 	});
 }
 //#endregion
-export { f as default };
+export { p as default };

package/dist/components/ChatMessage/ChatMessage.js

@@ -4,122 +4,129 @@ import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { useClipboard as n } from "../../hooks/useClipboard.js";
 /* empty css                      */
-import { useEffect as r, useRef as i, useState as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { useEffect as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/lib/components/ChatMessage/ChatMessage.tsx
-var c = 1500, l = 1200, u = "haze-ChatMessage__actionsRow", d = "haze-ChatMessage__wrapper", f = "haze-ChatMessage__wrapperUser", p = "haze-ChatMessage__avatarSlot", m = "haze-ChatMessage__body", h = "haze-ChatMessage__header", g = "haze-ChatMessage__headerUser", _ = "haze-ChatMessage__bubble", v = "haze-ChatMessage__bubbleUser", y = "haze-ChatMessage__bubbleAssistant", b = "haze-ChatMessage__bubbleSystem", x = "haze-ChatMessage__statusText", S = "haze-ChatMessage__statusError", C = "haze-ChatMessage__actionBtn", w = "haze-ChatMessage__actionBtnCopied", T = "haze-ChatMessage__srOnly";
-function E(e) {
+var l = 1500, u = 1200, d = "haze-ChatMessage__actionsRow", f = "haze-ChatMessage__wrapper", p = "haze-ChatMessage__wrapperUser", m = "haze-ChatMessage__avatarSlot", h = "haze-ChatMessage__body", g = "haze-ChatMessage__header", _ = "haze-ChatMessage__headerUser", v = "haze-ChatMessage__bubble", y = "haze-ChatMessage__bubbleUser", b = "haze-ChatMessage__bubbleAssistant", x = "haze-ChatMessage__bubbleSystem", S = "haze-ChatMessage__statusText", C = "haze-ChatMessage__statusError", w = "haze-ChatMessage__actionBtn", T = "haze-ChatMessage__actionBtnCopied", E = "haze-ChatMessage__srOnly";
+function D(e) {
 	if (!e) return "";
 	if (e.querySelector("[data-slot='live-region']") === null) return e.textContent;
 	let t = e.cloneNode(!0);
 	for (let e of t.querySelectorAll("[data-slot='live-region']")) e.remove();
 	return t.textContent;
 }
-var D = {
-	user: v,
-	assistant: y,
-	system: b
-}, O = () => /* @__PURE__ */ s("svg", {
-	width: "14",
-	height: "14",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	"aria-hidden": "true",
-	focusable: "false",
-	children: [/* @__PURE__ */ o("rect", {
-		x: "9",
-		y: "9",
-		width: "13",
-		height: "13",
-		rx: "2",
-		ry: "2"
-	}), /* @__PURE__ */ o("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
-}), k = () => /* @__PURE__ */ o("svg", {
-	width: "14",
-	height: "14",
-	viewBox: "0 0 24 24",
-	fill: "none",
-	stroke: "currentColor",
-	strokeWidth: "2",
-	strokeLinecap: "round",
-	strokeLinejoin: "round",
-	"aria-hidden": "true",
-	focusable: "false",
-	children: o("path", { d: "M20 6 9 17l-5-5" })
-});
-function A({ role: v, avatar: y, name: b, timestamp: A, status: j, streaming: M = !1, copyable: N = !1, actions: P, children: F, className: I }) {
-	let L = v === "user", R = t("chatMessage"), z = t("chat"), B = t("streamingText"), V = i(null), { copied: H, copy: U } = n(c), W = N || P !== void 0, [G, K] = a(""), q = i(!1);
-	return r(() => {
+var O = {
+	user: y,
+	assistant: b,
+	system: x
+}, k = () => {
+	let e = r(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ c("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: [/* @__PURE__ */ s("rect", {
+			x: "9",
+			y: "9",
+			width: "13",
+			height: "13",
+			rx: "2",
+			ry: "2"
+		}), /* @__PURE__ */ s("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })]
+	}), e[0] = t) : t = e[0], t;
+}, A = () => {
+	let e = r(1), t;
+	return e[0] === Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ s("svg", {
+		width: "14",
+		height: "14",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2",
+		strokeLinecap: "round",
+		strokeLinejoin: "round",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: s("path", { d: "M20 6 9 17l-5-5" })
+	}), e[0] = t) : t = e[0], t;
+};
+function j({ role: r, avatar: y, name: b, timestamp: x, status: j, streaming: M = !1, copyable: N = !1, actions: P, children: F, className: I }) {
+	let L = r === "user", R = t("chatMessage"), z = t("chat"), B = t("streamingText"), V = a(null), { copied: H, copy: U } = n(l), W = N || P !== void 0, [G, K] = o(""), q = a(!1);
+	return i(() => {
 		if (!M) {
-			q.current && (q.current = !1, K(E(V.current)));
+			q.current && (q.current = !1, K(D(V.current)));
 			return;
 		}
 		q.current = !0, K(B.generating);
 		let e = setInterval(() => {
-			K(E(V.current));
-		}, l);
+			K(D(V.current));
+		}, u);
 		return () => clearInterval(e);
-	}, [M, B.generating]), /* @__PURE__ */ s("div", {
+	}, [M, B.generating]), /* @__PURE__ */ c("div", {
 		"data-slot": "chat-message",
 		"data-chat-actions": W ? !0 : void 0,
 		className: e([
-			d,
-			L && f,
+			f,
+			L && p,
 			I
 		]),
-		children: [v !== "system" && /* @__PURE__ */ o("div", {
+		children: [r !== "system" && /* @__PURE__ */ s("div", {
 			"data-slot": "avatar",
-			className: e([p]),
-			children: y || (v === "user" ? "U" : "A")
-		}), /* @__PURE__ */ s("div", {
-			"data-slot": "body",
 			className: e([m]),
+			children: y || (r === "user" ? "U" : "A")
+		}), /* @__PURE__ */ c("div", {
+			"data-slot": "body",
+			className: e([h]),
 			children: [
-				(b || A) && /* @__PURE__ */ s("div", {
+				(b || x) && /* @__PURE__ */ c("div", {
 					"data-slot": "header",
-					className: e([h, L && g]),
-					children: [b && /* @__PURE__ */ o("span", {
+					className: e([g, L && _]),
+					children: [b && /* @__PURE__ */ s("span", {
 						"data-slot": "name",
 						children: b
-					}), A && /* @__PURE__ */ o("span", {
+					}), x && /* @__PURE__ */ s("span", {
 						"data-slot": "timestamp",
-						children: A
+						children: x
 					})]
 				}),
-				/* @__PURE__ */ o("div", {
+				/* @__PURE__ */ s("div", {
 					"data-slot": "bubble",
 					ref: V,
 					"aria-busy": M || void 0,
-					className: e([_, D[v]]),
+					className: e([v, O[r]]),
 					children: F
 				}),
-				v === "assistant" && /* @__PURE__ */ o("span", {
+				r === "assistant" && /* @__PURE__ */ s("span", {
 					"data-slot": "live-region",
 					role: "status",
-					className: e([T]),
+					className: e([E]),
 					children: G
 				}),
-				W && /* @__PURE__ */ s("div", {
+				W && /* @__PURE__ */ c("div", {
 					"data-slot": "actions",
-					className: e([u]),
-					children: [N && /* @__PURE__ */ o("button", {
+					className: e([d]),
+					children: [N && /* @__PURE__ */ s("button", {
 						type: "button",
 						"data-slot": "copy-button",
 						onClick: () => {
-							U(E(V.current));
+							U(D(V.current));
 						},
 						"aria-label": z.copy,
-						className: e([C, H && w]),
-						children: o(H ? k : O, {})
+						className: e([w, H && T]),
+						children: s(H ? A : k, {})
 					}), P]
 				}),
-				j && /* @__PURE__ */ s("div", {
+				j && /* @__PURE__ */ c("div", {
 					"data-slot": "status",
-					className: e([x, j === "error" && S]),
+					className: e([S, j === "error" && C]),
 					children: [
 						j === "sending" && R.sending,
 						j === "sent" && R.sent,
@@ -131,4 +138,4 @@ function A({ role: v, avatar: y, name: b, timestamp: A, status: j, streaming: M
 	});
 }
 //#endregion
-export { A as default };
+export { j as default };

package/dist/components/Checkbox/Checkbox.js

@@ -1,19 +1,22 @@
 "use client";
 import e from "./CheckboxCore.js";
-import { jsx as t } from "react/jsx-runtime";
-import { useControl as n } from "react-use-control";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
+import { useControl as r } from "react-use-control";
 //#region src/lib/components/Checkbox/Checkbox.tsx
-function r({ checked: r, className: i, label: a, onChange: o, ref: s, ...c }) {
-	let [l, u] = n(r, !1);
-	return /* @__PURE__ */ t(e, {
-		ref: s,
-		checked: l,
-		onChange: u,
-		onNativeChange: o,
-		className: i,
-		label: a,
-		...c
-	});
+function i(i) {
+	let a = t(15), o, s, c, l, u, d;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6]) : ({checked: o, className: s, label: c, onChange: l, ref: u, ...d} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d);
+	let [f, p] = r(o, !1), m;
+	return a[7] !== f || a[8] !== s || a[9] !== c || a[10] !== l || a[11] !== u || a[12] !== d || a[13] !== p ? (m = /* @__PURE__ */ n(e, {
+		ref: u,
+		checked: f,
+		onChange: p,
+		onNativeChange: l,
+		className: s,
+		label: c,
+		...d
+	}), a[7] = f, a[8] = s, a[9] = c, a[10] = l, a[11] = u, a[12] = d, a[13] = p, a[14] = m) : m = a[14], m;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/Checkbox/CheckboxCore.js

@@ -2,26 +2,37 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                       */
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/lib/components/Checkbox/CheckboxCore.tsx
-var r = "haze-CheckboxCore__base", i = "haze-CheckboxCore__labelText";
-function a({ checked: a, onChange: o, onNativeChange: s, className: c, label: l, ref: u, ...d }) {
-	let f = /* @__PURE__ */ t("input", {
-		ref: u,
+var i = "haze-CheckboxCore__base", a = "haze-CheckboxCore__labelText";
+function o(o) {
+	let s = t(22), c, l, u, d, f, p, m;
+	s[0] === o ? (c = s[1], l = s[2], u = s[3], d = s[4], f = s[5], p = s[6], m = s[7]) : ({checked: c, onChange: d, onNativeChange: f, className: l, label: u, ref: p, ...m} = o, s[0] = o, s[1] = c, s[2] = l, s[3] = u, s[4] = d, s[5] = f, s[6] = p, s[7] = m);
+	let h;
+	s[8] === l ? h = s[9] : (h = [i, l], s[8] = l, s[9] = h);
+	let g;
+	s[10] !== d || s[11] !== f ? (g = (e) => {
+		d(e.target.checked), f?.(e);
+	}, s[10] = d, s[11] = f, s[12] = g) : g = s[12];
+	let _;
+	s[13] !== c || s[14] !== p || s[15] !== m || s[16] !== h || s[17] !== g ? (_ = /* @__PURE__ */ n("input", {
+		ref: p,
 		type: "checkbox",
 		"data-slot": "checkbox",
-		checked: a,
-		onChange: (e) => {
-			o(e.target.checked), s?.(e);
-		},
-		...d,
-		className: e([r, c])
-	});
-	return l === void 0 ? f : /* @__PURE__ */ n("label", {
+		checked: c,
+		onChange: g,
+		...m,
+		className: e(h)
+	}), s[13] = c, s[14] = p, s[15] = m, s[16] = h, s[17] = g, s[18] = _) : _ = s[18];
+	let v = _;
+	if (u === void 0) return v;
+	let y;
+	return s[19] !== v || s[20] !== u ? (y = /* @__PURE__ */ r("label", {
 		"data-slot": "label",
-		className: e(i),
-		children: [f, l]
-	});
+		className: e(a),
+		children: [v, u]
+	}), s[19] = v, s[20] = u, s[21] = y) : y = s[21], y;
 }
 //#endregion
-export { a as default };
+export { o as default };

package/dist/components/Chip/Chip.js

@@ -1,49 +1,34 @@
-
-"use client";
 import { classnames as e } from "../../utils/classnames.js";
-import { useStrings as t } from "../LocaleProvider/useStrings.js";
-/* empty css               */
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { base as t, outlineColors as n, solidColors as r } from "./chip-styles.js";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
 //#region src/lib/components/Chip/Chip.tsx
-var i = "haze-Chip__base", a = {
-	default: "haze-Chip__default",
-	primary: "haze-Chip__primary",
-	success: "haze-Chip__success",
-	warning: "haze-Chip__warning",
-	danger: "haze-Chip__danger"
-}, o = {
-	default: "haze-Chip__default",
-	primary: "haze-Chip__primary",
-	success: "haze-Chip__success",
-	warning: "haze-Chip__warning",
-	danger: "haze-Chip__danger"
-}, s = "haze-Chip__iconStyle", c = "haze-Chip__closeBtn";
-function l({ variant: l = "solid", color: u = "default", icon: d, onClose: f, className: p, children: m }) {
-	let h = t("chip"), g = l === "outline" ? o[u] : a[u];
-	return /* @__PURE__ */ r("span", {
+function o({ variant: o = "solid", color: s = "default", icon: c, onClose: l, removeLabel: u = "Remove", className: d, children: f, ref: p }) {
+	let m = o === "outline" ? n[s] : r[s];
+	return /* @__PURE__ */ a("span", {
+		ref: p,
 		"data-slot": "chip",
 		className: e([
-			i,
-			g,
-			p
+			t,
+			m,
+			d
 		]),
 		children: [
-			d && /* @__PURE__ */ n("span", {
+			c && /* @__PURE__ */ i("span", {
 				"data-slot": "icon",
-				className: e([s]),
-				children: d
+				className: e(["haze-chip-styles__iconStyle"]),
+				children: c
 			}),
-			m,
-			f && /* @__PURE__ */ n("button", {
+			f,
+			l && /* @__PURE__ */ i("button", {
 				"data-slot": "remove-button",
 				type: "button",
-				onClick: f,
-				"aria-label": h.remove,
-				className: e([c]),
+				onClick: l,
+				"aria-label": u,
+				className: e(["haze-chip-styles__closeBtn"]),
 				children: "×"
 			})
 		]
 	});
 }
 //#endregion
-export { l as default };
+export { o as default };

package/dist/components/Chip/chip-styles.js

@@ -0,0 +1,23 @@
+
+/* empty css                      */
+//#region src/lib/components/Chip/chip-styles.ts
+var e = "haze-chip-styles__base", t = {
+	default: "haze-chip-styles__default",
+	primary: "haze-chip-styles__primary",
+	success: "haze-chip-styles__success",
+	warning: "haze-chip-styles__warning",
+	danger: "haze-chip-styles__danger",
+	info: "haze-chip-styles__info"
+}, n = {
+	default: "haze-chip-styles__default",
+	primary: "haze-chip-styles__primary",
+	success: "haze-chip-styles__success",
+	warning: "haze-chip-styles__warning",
+	danger: "haze-chip-styles__danger",
+	info: "haze-chip-styles__info"
+}, r = {
+	solid: t,
+	outline: n
+}, i = "haze-chip-styles__iconStyle", a = "haze-chip-styles__closeBtn";
+//#endregion
+export { e as base, r as chipVariants, a as closeBtn, i as iconStyle, n as outlineColors, t as solidColors };

package/dist/components/Chip/index.js

@@ -1,3 +1,3 @@
-"use client";
-import e from "./Chip.js";
-export { e as Chip };
+import { chipVariants as e } from "./chip-styles.js";
+import t from "./Chip.js";
+export { t as Chip, e as chipVariants };

package/dist/components/CodeBlock/CodeBlock.js

@@ -1,4 +1,5 @@
 
+"use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                    */
 import { useEffect as t, useMemo as n, useState as r } from "react";

package/dist/components/CodeBlock/index.js

@@ -1,2 +1,3 @@
+"use client";
 import e from "./CodeBlock.js";
 export { e as CodeBlock };

package/dist/components/Collapsible/Collapsible.js

@@ -3,69 +3,78 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { Presence as t } from "../../utils/presence.js";
 /* empty css                      */
-import { createContext as n, useContext as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
-import { useControl as a } from "react-use-control";
+import { c as n } from "react/compiler-runtime";
+import { createContext as r, useContext as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
+import { useControl as o } from "react-use-control";
 //#region src/lib/components/Collapsible/Collapsible.tsx
-var o = n(void 0);
-function s() {
-	let e = r(o);
+var s = r(void 0);
+function c() {
+	let e = i(s);
 	if (!e) throw Error("Collapsible sub-components must be used within <Collapsible>");
 	return e;
 }
-var c = "haze-Collapsible__base";
-function l({ open: t, defaultOpen: n = !1, classNames: r, children: s, className: l }) {
-	let [u, d] = a(t, n);
-	return /* @__PURE__ */ i(o.Provider, {
+var l = "haze-Collapsible__base";
+function u({ open: t, defaultOpen: n = !1, classNames: r, children: i, className: c }) {
+	let [u, d] = o(t, n);
+	return /* @__PURE__ */ a(s.Provider, {
 		value: {
 			open: u,
 			toggle: () => d((e) => !e),
 			classNames: r
 		},
-		children: i("div", {
+		children: a("div", {
 			"data-slot": "collapsible",
 			className: e([
-				c,
 				l,
+				c,
 				r?.root
 			]),
-			children: s
+			children: i
 		})
 	});
 }
-var u = "haze-Collapsible__triggerStyle";
-function d({ children: t, className: n }) {
-	let { toggle: r, classNames: a } = s();
-	return /* @__PURE__ */ i("button", {
+var d = "haze-Collapsible__triggerStyle";
+function f(t) {
+	let r = n(7), { children: i, className: o } = t, { toggle: s, classNames: l } = c(), u = l?.trigger, f;
+	r[0] !== o || r[1] !== u ? (f = [
+		d,
+		o,
+		u
+	], r[0] = o, r[1] = u, r[2] = f) : f = r[2];
+	let p;
+	return r[3] !== i || r[4] !== f || r[5] !== s ? (p = /* @__PURE__ */ a("button", {
 		type: "button",
 		"data-slot": "trigger",
-		onClick: r,
-		className: e([
-			u,
-			n,
-			a?.trigger
-		]),
-		children: t
-	});
+		onClick: s,
+		className: e(f),
+		children: i
+	}), r[3] = i, r[4] = f, r[5] = s, r[6] = p) : p = r[6], p;
 }
-var f = "haze-Collapsible__contentOuter", p = "haze-Collapsible__contentInner";
-function m({ children: n, className: r }) {
-	let { open: a, classNames: o } = s();
-	return /* @__PURE__ */ i(t, {
-		present: a,
-		children: i("div", {
-			"data-slot": "content",
-			className: e([
-				f,
-				r,
-				o?.content
-			]),
-			children: /* @__PURE__ */ i("div", {
-				className: e(p),
-				children: n
-			})
-		})
-	});
+var p = "haze-Collapsible__contentOuter", m = "haze-Collapsible__contentInner";
+function h(r) {
+	let i = n(11), { children: o, className: s } = r, { open: l, classNames: u } = c(), d = u?.content, f;
+	i[0] !== s || i[1] !== d ? (f = [
+		p,
+		s,
+		d
+	], i[0] = s, i[1] = d, i[2] = f) : f = i[2];
+	let h;
+	i[3] === o ? h = i[4] : (h = /* @__PURE__ */ a("div", {
+		className: e(m),
+		children: o
+	}), i[3] = o, i[4] = h);
+	let g;
+	i[5] !== f || i[6] !== h ? (g = /* @__PURE__ */ a("div", {
+		"data-slot": "content",
+		className: e(f),
+		children: h
+	}), i[5] = f, i[6] = h, i[7] = g) : g = i[7];
+	let _;
+	return i[8] !== l || i[9] !== g ? (_ = /* @__PURE__ */ a(t, {
+		present: l,
+		children: g
+	}), i[8] = l, i[9] = g, i[10] = _) : _ = i[10], _;
 }
 //#endregion
-export { l as Collapsible, m as CollapsibleContent, d as CollapsibleTrigger };
+export { u as Collapsible, h as CollapsibleContent, f as CollapsibleTrigger };