haze-ui 1.33.0 → 1.34.0

package/dist/components/TimeGrid/time-grid-styles.js

@@ -0,0 +1,7 @@
+
+"use client";
+/* empty css                           */
+//#region src/lib/components/TimeGrid/time-grid-styles.ts
+var e = "haze-time-grid-styles__timeGridBase", t = "haze-time-grid-styles__timeGridButton", n = "haze-time-grid-styles__timeGridButtonSelected";
+//#endregion
+export { e as timeGridBase, t as timeGridButton, n as timeGridButtonSelected };

package/dist/components/TimePicker/TimePicker.js

@@ -1,36 +1,37 @@
 "use client";
-import e from "./TimePickerCore.js";
-import t from "./TimePickerPanel.js";
-import { jsx as n } from "react/jsx-runtime";
-import { useControl as r } from "react-use-control";
+import { useConfigDefaults as e } from "../ConfigProvider/useConfigDefaults.js";
+import t from "./TimePickerCore.js";
+import n from "./TimePickerPanel.js";
+import { jsx as r } from "react/jsx-runtime";
+import { useControl as i } from "react-use-control";
 //#region src/lib/components/TimePicker/TimePicker.tsx
-function i({ value: i, open: a, onChange: o, format: s = "HH:mm", hourStep: c = 1, minuteStep: l = 1, secondStep: u = 1, use12Hours: d = !1, disabledTime: f, native: p = !1, placeholder: m, className: h, ref: g, ..._ }) {
-	let [v, y] = r(i, ""), [b, x] = r(a, !1), S = (e) => {
-		y(e), o?.(e);
+function a({ value: a, open: o, onChange: s, format: c, hourStep: l = 1, minuteStep: u = 1, secondStep: d = 1, use12Hours: f, disabledTime: p, native: m = !1, placeholder: h, className: g, ref: _, ...v }) {
+	let [y, b] = i(a, ""), [x, S] = i(o, !1), C = e("TimePicker"), w = c ?? C.format ?? "HH:mm", T = f ?? C.use12Hours ?? !1, E = (e) => {
+		b(e), s?.(e);
 	};
-	return p ? /* @__PURE__ */ n(e, {
-		ref: g,
-		value: v,
-		onChange: S,
-		placeholder: m,
-		className: h,
-		..._
-	}) : /* @__PURE__ */ n(t, {
-		ref: g,
-		value: v,
-		onChange: S,
-		open: b,
-		onOpenChange: x,
-		format: s,
-		hourStep: c,
-		minuteStep: l,
-		secondStep: u,
-		use12Hours: d,
-		disabledTime: f,
-		placeholder: m,
-		className: h,
-		..._
+	return m ? /* @__PURE__ */ r(t, {
+		ref: _,
+		value: y,
+		onChange: E,
+		placeholder: h,
+		className: g,
+		...v
+	}) : /* @__PURE__ */ r(n, {
+		ref: _,
+		value: y,
+		onChange: E,
+		open: x,
+		onOpenChange: S,
+		format: w,
+		hourStep: l,
+		minuteStep: u,
+		secondStep: d,
+		use12Hours: T,
+		disabledTime: p,
+		placeholder: h,
+		className: g,
+		...v
 	});
 }
 //#endregion
-export { i as default };
+export { a as default };

package/dist/components/TimePicker/TimePickerCore.js

@@ -2,20 +2,28 @@
 "use client";
 import { classnames as e } from "../../utils/classnames.js";
 /* empty css                         */
-import { jsx as t } from "react/jsx-runtime";
+import { c as t } from "react/compiler-runtime";
+import { jsx as n } from "react/jsx-runtime";
 //#region src/lib/components/TimePicker/TimePickerCore.tsx
-var n = "haze-TimePickerCore__input";
-function r({ value: r, onChange: i, placeholder: a, className: o, ref: s, ...c }) {
-	return /* @__PURE__ */ t("input", {
-		ref: s,
+var r = "haze-TimePickerCore__input";
+function i(i) {
+	let a = t(18), 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]) : ({value: d, onChange: s, placeholder: c, className: o, ref: l, ...u} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d);
+	let f;
+	a[7] === o ? f = a[8] : (f = [r, o], a[7] = o, a[8] = f);
+	let p;
+	a[9] === s ? p = a[10] : (p = (e) => s(e.target.value), a[9] = s, a[10] = p);
+	let m;
+	return a[11] !== c || a[12] !== l || a[13] !== u || a[14] !== f || a[15] !== p || a[16] !== d ? (m = /* @__PURE__ */ n("input", {
+		ref: l,
 		"data-slot": "input",
 		type: "time",
-		value: r,
-		placeholder: a,
-		onChange: (e) => i(e.target.value),
-		...c,
-		className: e([n, o])
-	});
+		value: d,
+		placeholder: c,
+		onChange: p,
+		...u,
+		className: e(f)
+	}), a[11] = c, a[12] = l, a[13] = u, a[14] = f, a[15] = p, a[16] = d, a[17] = m) : m = a[17], m;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/Timeline/Timeline.js

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

package/dist/components/Timeline/index.js

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

package/dist/components/Toast/ToastContainer.js

@@ -5,89 +5,119 @@ import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import { useConfigDefaults as n } from "../ConfigProvider/useConfigDefaults.js";
 import { Presence as r } from "../../utils/presence.js";
 import i from "./Toast.js";
-import { ToastProvider as a, applyToastPatch as o, deferredCopyKey as s } from "./ToastContext.js";
-import { nextToastId as c, subscribeToastChannel as l } from "./toast-channel.js";
+import { ToastProvider as a, applyToastPatch as ee, deferredCopyKey as o } from "./ToastContext.js";
+import { nextToastId as s, subscribeToastChannel as te } from "./toast-channel.js";
 /* empty css                         */
-import { useCallback as u, useEffect as d, useRef as f, useState as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { c as ne } from "react/compiler-runtime";
+import { useEffect as c, useRef as re, useState as l } from "react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
 //#region src/lib/components/Toast/ToastContainer.tsx
-var g = "haze-ToastContainer__containerBase", _ = {
+var f = "haze-ToastContainer__containerBase", p = {
 	"top-left": "haze-ToastContainer__top-left",
 	"top-right": "haze-ToastContainer__top-right",
 	"bottom-left": "haze-ToastContainer__bottom-left",
 	"bottom-right": "haze-ToastContainer__bottom-right"
 };
-function v({ children: v, maxCount: y, placement: b, classNames: x }) {
-	let S = n("Toast"), C = b ?? S.placement ?? "bottom-right", w = y ?? S.maxCount, [T, E] = p([]), [D, O] = p([]), k = f([]);
-	d(() => {
-		k.current = T;
-	}, [T]);
-	let A = u((e) => {
-		E((t) => {
+function m(m) {
+	let h = ne(39), { children: g, maxCount: ie, placement: _, classNames: v } = m, y = n("Toast"), b = _ ?? y.placement ?? "bottom-right", x = ie ?? y.maxCount, S;
+	h[0] === Symbol.for("react.memo_cache_sentinel") ? (S = [], h[0] = S) : S = h[0];
+	let [C, w] = l(S), T;
+	h[1] === Symbol.for("react.memo_cache_sentinel") ? (T = [], h[1] = T) : T = h[1];
+	let [E, D] = l(T), O;
+	h[2] === Symbol.for("react.memo_cache_sentinel") ? (O = [], h[2] = O) : O = h[2];
+	let k = re(O), A, j;
+	h[3] === C ? (A = h[4], j = h[5]) : (A = () => {
+		k.current = C;
+	}, j = [C], h[3] = C, h[4] = A, h[5] = j), c(A, j);
+	let M;
+	h[6] === x ? M = h[7] : (M = (e) => {
+		w((t) => {
 			let n = [...t, e];
-			return w === void 0 || n.length <= w ? n : n.slice(n.length - w);
+			return x === void 0 || n.length <= x ? n : n.slice(n.length - x);
 		});
-	}, [w]), j = u((e) => {
-		let t = c();
-		return A({
+	}, h[6] = x, h[7] = M);
+	let N = M, P;
+	h[8] === N ? P = h[9] : (P = (e) => {
+		let t = s();
+		return N({
 			...e,
 			id: t
 		}), t;
-	}, [A]), M = u((e, t) => {
-		E((n) => n.map((n) => n.id === e ? o(n, t) : n));
-	}, []), N = u((e) => {
-		O((t) => t.includes(e) ? t : [...t, e]);
-	}, []), P = u((e) => {
-		E((t) => t.filter((t) => t.id !== e)), O((t) => t.filter((t) => t !== e));
-	}, []), F = u((e) => {
+	}, h[8] = N, h[9] = P);
+	let F = P, I;
+	h[10] === Symbol.for("react.memo_cache_sentinel") ? (I = (e, t) => {
+		w((n) => n.map((n) => n.id === e ? ee(n, t) : n));
+	}, h[10] = I) : I = h[10];
+	let L = I, R;
+	h[11] === Symbol.for("react.memo_cache_sentinel") ? (R = (e) => {
+		D((t) => t.includes(e) ? t : [...t, e]);
+	}, h[11] = R) : R = h[11];
+	let z = R, B;
+	h[12] === Symbol.for("react.memo_cache_sentinel") ? (B = (e) => {
+		w((t) => t.filter((t) => t.id !== e)), D((t) => t.filter((t) => t !== e));
+	}, h[12] = B) : B = h[12];
+	let V = B, H;
+	h[13] === Symbol.for("react.memo_cache_sentinel") ? (H = (e) => {
 		if (e === void 0) {
-			k.current.forEach((e) => N(e.id));
+			k.current.forEach((e) => z(e.id));
 			return;
 		}
-		N(e);
-	}, [N]);
-	d(() => l({
-		onToast: A,
-		onDismiss: F,
-		onUpdate: M
-	}), [
-		A,
-		F,
-		M
-	]);
-	let I = t("toast");
-	return /* @__PURE__ */ h(a, {
-		value: {
-			toasts: T,
-			addToast: j,
-			removeToast: N,
-			updateToast: M
-		},
-		children: [v, /* @__PURE__ */ m("div", {
-			"data-slot": "toast-container",
-			className: e([
-				g,
-				_[C],
-				x?.viewport
-			]),
-			children: T.map((e) => {
-				let t = s(e.content);
-				return /* @__PURE__ */ m(r, {
-					present: !D.includes(e.id),
-					onExited: () => P(e.id),
-					children: /* @__PURE__ */ m(i, {
-						variant: e.variant,
-						duration: e.duration,
-						action: e.action,
-						title: e.title,
-						onClose: () => N(e.id),
-						classNames: x,
-						children: t ? I[t] : e.content
-					})
-				}, e.id);
-			})
-		})]
-	});
+		z(e);
+	}, h[13] = H) : H = h[13];
+	let U = H, W, G;
+	h[14] === N ? (W = h[15], G = h[16]) : (W = () => te({
+		onToast: N,
+		onDismiss: U,
+		onUpdate: L
+	}), G = [
+		N,
+		U,
+		L
+	], h[14] = N, h[15] = W, h[16] = G), c(W, G);
+	let K = t("toast"), q;
+	h[17] !== F || h[18] !== C ? (q = {
+		toasts: C,
+		addToast: F,
+		removeToast: z,
+		updateToast: L
+	}, h[17] = F, h[18] = C, h[19] = q) : q = h[19];
+	let J = p[b], Y = v?.viewport, X;
+	h[20] !== J || h[21] !== Y ? (X = [
+		f,
+		J,
+		Y
+	], h[20] = J, h[21] = Y, h[22] = X) : X = h[22];
+	let Z;
+	if (h[23] !== v || h[24] !== E || h[25] !== K || h[26] !== C) {
+		let e;
+		h[28] !== v || h[29] !== E || h[30] !== K ? (e = (e) => {
+			let t = o(e.content);
+			return /* @__PURE__ */ u(r, {
+				present: !E.includes(e.id),
+				onExited: () => V(e.id),
+				children: u(i, {
+					variant: e.variant,
+					duration: e.duration,
+					action: e.action,
+					title: e.title,
+					onClose: () => z(e.id),
+					classNames: v,
+					children: t ? K[t] : e.content
+				})
+			}, e.id);
+		}, h[28] = v, h[29] = E, h[30] = K, h[31] = e) : e = h[31], Z = C.map(e), h[23] = v, h[24] = E, h[25] = K, h[26] = C, h[27] = Z;
+	} else Z = h[27];
+	let Q;
+	h[32] !== X || h[33] !== Z ? (Q = /* @__PURE__ */ u("div", {
+		"data-slot": "toast-container",
+		className: e(X),
+		children: Z
+	}), h[32] = X, h[33] = Z, h[34] = Q) : Q = h[34];
+	let $;
+	return h[35] !== g || h[36] !== q || h[37] !== Q ? ($ = /* @__PURE__ */ d(a, {
+		value: q,
+		children: [g, Q]
+	}), h[35] = g, h[36] = q, h[37] = Q, h[38] = $) : $ = h[38], $;
 }
 //#endregion
-export { v as default, _ as toastPlacements };
+export { m as default, p as toastPlacements };

package/dist/components/Toggle/Toggle.js

@@ -1,20 +1,23 @@
 "use client";
 import e from "./ToggleCore.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/Toggle/Toggle.tsx
-function r({ pressed: r, size: i, square: a, className: o, onClick: s, ref: c, ...l }) {
-	let [u, d] = n(r, !1);
-	return /* @__PURE__ */ t(e, {
-		ref: c,
-		pressed: u,
-		onPressedChange: d,
+function i(i) {
+	let a = t(17), o, s, c, l, u, d, f;
+	a[0] === i ? (o = a[1], s = a[2], c = a[3], l = a[4], u = a[5], d = a[6], f = a[7]) : ({pressed: c, size: d, square: f, className: o, onClick: s, ref: l, ...u} = i, a[0] = i, a[1] = o, a[2] = s, a[3] = c, a[4] = l, a[5] = u, a[6] = d, a[7] = f);
+	let [p, m] = r(c, !1), h;
+	return a[8] !== o || a[9] !== s || a[10] !== p || a[11] !== l || a[12] !== u || a[13] !== m || a[14] !== d || a[15] !== f ? (h = /* @__PURE__ */ n(e, {
+		ref: l,
+		pressed: p,
+		onPressedChange: m,
 		onNativeClick: s,
-		size: i,
-		square: a,
+		size: d,
+		square: f,
 		className: o,
-		...l
-	});
+		...u
+	}), a[8] = o, a[9] = s, a[10] = p, a[11] = l, a[12] = u, a[13] = m, a[14] = d, a[15] = f, a[16] = h) : h = a[16], h;
 }
 //#endregion
-export { r as default };
+export { i as default };

package/dist/components/TokenCounter/TokenCounter.js

@@ -3,38 +3,63 @@
 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 { c as n } from "react/compiler-runtime";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/lib/components/TokenCounter/TokenCounter.tsx
-var i = "haze-TokenCounter__wrapper", a = "haze-TokenCounter__bar", o = "haze-TokenCounter__fill", s = "haze-TokenCounter__fillNormal", c = "haze-TokenCounter__fillWarning", l = "haze-TokenCounter__fillDanger", u = "haze-TokenCounter__info", d = "haze-TokenCounter__count";
-function f({ used: f, max: p, label: m, className: h }) {
-	let g = p > 0 ? Math.min(100, f / p * 100) : 0, _ = g > 90 ? l : g > 70 ? c : s, v = t("tokenCounter");
-	return /* @__PURE__ */ r("div", {
+var a = "haze-TokenCounter__wrapper", o = "haze-TokenCounter__bar", s = "haze-TokenCounter__fill", c = "haze-TokenCounter__fillNormal", l = "haze-TokenCounter__fillWarning", u = "haze-TokenCounter__fillDanger", d = "haze-TokenCounter__info", f = "haze-TokenCounter__count";
+function p(p) {
+	let m = n(28), { used: h, max: g, label: _, className: v } = p, y = g > 0 ? Math.min(100, h / g * 100) : 0, b = y > 90 ? u : y > 70 ? l : c, x = t("tokenCounter"), S;
+	m[0] === v ? S = m[1] : (S = [a, v], m[0] = v, m[1] = S);
+	let C;
+	m[2] === Symbol.for("react.memo_cache_sentinel") ? (C = [d], m[2] = C) : C = m[2];
+	let w = _ || x.label, T;
+	m[3] === w ? T = m[4] : (T = /* @__PURE__ */ r("span", {
+		"data-slot": "label",
+		children: w
+	}), m[3] = w, m[4] = T);
+	let E;
+	m[5] === Symbol.for("react.memo_cache_sentinel") ? (E = [f], m[5] = E) : E = m[5];
+	let D;
+	m[6] === h ? D = m[7] : (D = h.toLocaleString(), m[6] = h, m[7] = D);
+	let O;
+	m[8] === g ? O = m[9] : (O = g.toLocaleString(), m[8] = g, m[9] = O);
+	let k;
+	m[10] !== D || m[11] !== O ? (k = /* @__PURE__ */ i("span", {
+		"data-slot": "value",
+		className: e(E),
+		children: [
+			D,
+			" / ",
+			O
+		]
+	}), m[10] = D, m[11] = O, m[12] = k) : k = m[12];
+	let A;
+	m[13] !== T || m[14] !== k ? (A = /* @__PURE__ */ i("div", {
+		className: e(C),
+		children: [T, k]
+	}), m[13] = T, m[14] = k, m[15] = A) : A = m[15];
+	let j;
+	m[16] === Symbol.for("react.memo_cache_sentinel") ? (j = [o], m[16] = j) : j = m[16];
+	let M;
+	m[17] === b ? M = m[18] : (M = [s, b], m[17] = b, m[18] = M);
+	let N = `${y}%`, P;
+	m[19] === N ? P = m[20] : (P = { width: N }, m[19] = N, m[20] = P);
+	let F;
+	m[21] !== M || m[22] !== P ? (F = /* @__PURE__ */ r("div", {
+		"data-slot": "track",
+		className: e(j),
+		children: r("div", {
+			"data-slot": "fill",
+			style: P,
+			className: e(M)
+		})
+	}), m[21] = M, m[22] = P, m[23] = F) : F = m[23];
+	let I;
+	return m[24] !== S || m[25] !== F || m[26] !== A ? (I = /* @__PURE__ */ i("div", {
 		"data-slot": "token-counter",
-		className: e([i, h]),
-		children: [/* @__PURE__ */ r("div", {
-			className: e([u]),
-			children: [/* @__PURE__ */ n("span", {
-				"data-slot": "label",
-				children: m || v.label
-			}), /* @__PURE__ */ r("span", {
-				"data-slot": "value",
-				className: e([d]),
-				children: [
-					f.toLocaleString(),
-					" / ",
-					p.toLocaleString()
-				]
-			})]
-		}), /* @__PURE__ */ n("div", {
-			"data-slot": "track",
-			className: e([a]),
-			children: /* @__PURE__ */ n("div", {
-				"data-slot": "fill",
-				style: { width: `${g}%` },
-				className: e([o, _])
-			})
-		})]
-	});
+		className: e(S),
+		children: [A, F]
+	}), m[24] = S, m[25] = F, m[26] = A, m[27] = I) : I = m[27], I;
 }
 //#endregion
-export { f as default };
+export { p as default };

package/dist/components/Toolbar/Toolbar.js

@@ -5,12 +5,14 @@ import { getDirection as t } from "../../utils/direction.js";
 import { getEnabledMenuItems as n, useRovingTabindex as r } from "../../utils/menuKeyboard.js";
 import { ToolbarProvider as i } from "./ToolbarContext.js";
 /* empty css                  */
-import { useCallback as a, useRef as o } from "react";
+import { c as a } from "react/compiler-runtime";
+import { useRef as o } from "react";
 import { jsx as s } from "react/jsx-runtime";
 //#region src/lib/components/Toolbar/Toolbar.tsx
 var c = "[data-haze-toolbar-item]:not([disabled])", l = "haze-Toolbar__toolbar", u = "haze-Toolbar__vertical";
 function d(e, r) {
-	return a((i) => {
+	let i = a(3), o;
+	return i[0] !== e || i[1] !== r ? (o = (i) => {
 		let a = e === "horizontal" && t(r.current) === "rtl", o = e === "horizontal" ? a ? "ArrowLeft" : "ArrowRight" : "ArrowDown", s = e === "horizontal" ? a ? "ArrowRight" : "ArrowLeft" : "ArrowUp";
 		if (i.key !== o && i.key !== s && i.key !== "Home" && i.key !== "End") return;
 		let l = n(r.current, c);
@@ -30,7 +32,7 @@ function d(e, r) {
 				d(l.length - 1);
 				return;
 		}
-	}, [e, r]);
+	}, i[0] = e, i[1] = r, i[2] = o) : o = i[2], o;
 }
 function f({ orientation: t = "horizontal", className: n, children: a, ...f }) {
 	let p = o(null);

package/dist/components/Toolbar/ToolbarSeparator.js

@@ -3,22 +3,27 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { useToolbarOrientation as t } from "./ToolbarContext.js";
 /* empty css                           */
-import { jsx as n } from "react/jsx-runtime";
+import { c as n } from "react/compiler-runtime";
+import { jsx as r } from "react/jsx-runtime";
 //#region src/lib/components/Toolbar/ToolbarSeparator.tsx
-var r = "haze-ToolbarSeparator__separator", i = "haze-ToolbarSeparator__horizontalRule";
-function a({ className: a, ...o }) {
-	let s = t() === "vertical";
-	return /* @__PURE__ */ n("div", {
+var i = "haze-ToolbarSeparator__separator", a = "haze-ToolbarSeparator__horizontalRule";
+function o(o) {
+	let s = n(10), c, l;
+	s[0] === o ? (c = s[1], l = s[2]) : ({className: c, ...l} = o, s[0] = o, s[1] = c, s[2] = l);
+	let u = t() === "vertical", d = u ? "horizontal" : "vertical", f = u && a, p;
+	s[3] !== c || s[4] !== f ? (p = [
+		i,
+		f,
+		c
+	], s[3] = c, s[4] = f, s[5] = p) : p = s[5];
+	let m;
+	return s[6] !== l || s[7] !== d || s[8] !== p ? (m = /* @__PURE__ */ r("div", {
 		"data-slot": "separator",
 		role: "separator",
-		"aria-orientation": s ? "horizontal" : "vertical",
-		...o,
-		className: e([
-			r,
-			s && i,
-			a
-		])
-	});
+		"aria-orientation": d,
+		...l,
+		className: e(p)
+	}), s[6] = l, s[7] = d, s[8] = p, s[9] = m) : m = s[9], m;
 }
 //#endregion
-export { a as default };
+export { o as default };

package/dist/components/Tooltip/Tooltip.js

@@ -14,50 +14,57 @@ var f = "haze-Tooltip__wrapper", p = "haze-Tooltip__bubble", m = {
 	left: "left",
 	right: "right"
 };
-function h({ content: h, position: g = "top", delay: _, open: v, collisionPadding: y, className: b, children: x }) {
-	let S = t("Tooltip"), C = _ ?? S.delay ?? 150, [w, T] = d(v, !1), E = o(), D = c(null), O = c(null), k = m[g], A = s(() => y === void 0 ? void 0 : { collisionPadding: y }, [y]), j = r({
-		open: w,
-		setOpen: T,
-		triggerRef: D,
-		panelRef: O,
+function h({ content: h, position: g = "top", delay: _, open: v, collisionPadding: y, classNames: b, className: x, ref: S, children: C }) {
+	let w = t("Tooltip"), T = _ ?? w.delay ?? 150, [E, D] = d(v, !1), O = o(), k = c(null), A = c(null), j = m[g], M = s(() => y === void 0 ? void 0 : { collisionPadding: y }, [y]), N = r({
+		open: E,
+		setOpen: D,
+		triggerRef: k,
+		panelRef: A,
 		animated: !0
 	});
 	i({
-		behavior: j,
-		placement: k,
-		collision: A
+		behavior: N,
+		placement: j,
+		collision: M
 	});
-	let M = c(0);
-	a(() => () => window.clearTimeout(M.current), []);
-	let N = () => {
-		window.clearTimeout(M.current), M.current = window.setTimeout(() => T(!0), C);
-	}, P = () => {
-		window.clearTimeout(M.current), T(!1);
+	let P = c(0);
+	a(() => () => window.clearTimeout(P.current), []);
+	let F = () => {
+		window.clearTimeout(P.current), P.current = window.setTimeout(() => D(!0), T);
+	}, I = () => {
+		window.clearTimeout(P.current), D(!1);
 	};
 	return /* @__PURE__ */ u("span", {
+		ref: S,
 		"data-slot": "tooltip",
-		className: e([f, b]),
+		className: e([
+			f,
+			x,
+			b?.root
+		]),
 		children: [/* @__PURE__ */ l("span", {
-			ref: D,
+			ref: k,
 			"data-slot": "trigger",
-			style: j.triggerStyle,
-			"aria-describedby": E,
-			onMouseEnter: N,
-			onMouseLeave: P,
-			onFocus: N,
-			onBlur: P,
-			children: x
+			style: N.triggerStyle,
+			"aria-describedby": O,
+			onMouseEnter: F,
+			onMouseLeave: I,
+			onFocus: F,
+			onBlur: I,
+			className: e([b?.trigger]),
+			children: C
 		}), /* @__PURE__ */ l("span", {
-			id: E,
-			ref: O,
+			id: O,
+			ref: A,
 			"data-slot": "content",
 			role: "tooltip",
-			"data-state": j.dataState,
-			...j.panelAttrs,
+			"data-state": N.dataState,
+			...N.panelAttrs,
 			className: e([
 				p,
-				...j.panelClasses,
-				...n(j, k, j.direction)
+				...N.panelClasses,
+				...n(N, j, N.direction),
+				b?.content
 			]),
 			children: h
 		})]