haze-ui 1.32.0 → 1.34.0

package/dist/components/PasswordInput/PasswordInputCore.js

@@ -4,35 +4,46 @@ import { classnames as e } from "../../utils/classnames.js";
 import { useStrings as t } from "../LocaleProvider/useStrings.js";
 import n from "../Input/InputCore.js";
 /* empty css                            */
-import { useState as r } from "react";
-import { jsx as i } from "react/jsx-runtime";
+import { c as r } from "react/compiler-runtime";
+import { useState as i } from "react";
+import { jsx as a } from "react/jsx-runtime";
 //#region src/lib/components/PasswordInput/PasswordInputCore.tsx
-var a = "haze-PasswordInputCore__wrapper", o = "haze-PasswordInputCore__toggle";
-function s({ value: s, onChange: c, placeholder: l, disabled: u, className: d, ref: f }) {
-	let [p, m] = r(!1), h = t("passwordInput");
-	return /* @__PURE__ */ i("div", {
+var o = "haze-PasswordInputCore__wrapper", s = "haze-PasswordInputCore__toggle";
+function c(c) {
+	let l = r(21), { value: u, onChange: d, placeholder: f, disabled: p, className: m, ref: h } = c, [g, _] = i(!1), v = t("passwordInput"), y;
+	l[0] === m ? y = l[1] : (y = [o, m], l[0] = m, l[1] = y);
+	let b = g ? "text" : "password", x;
+	l[2] === Symbol.for("react.memo_cache_sentinel") ? (x = [s], l[2] = x) : x = l[2];
+	let S;
+	l[3] === g ? S = l[4] : (S = () => _(!g), l[3] = g, l[4] = S);
+	let C = g ? v.hide : v.show, w = g ? "🙈" : "👁", T;
+	l[5] !== S || l[6] !== C || l[7] !== w ? (T = /* @__PURE__ */ a("button", {
+		"data-slot": "toggle-visibility",
+		"data-section-pointer": "auto",
+		type: "button",
+		onClick: S,
+		tabIndex: -1,
+		"aria-label": C,
+		className: e(x),
+		children: w
+	}), l[5] = S, l[6] = C, l[7] = w, l[8] = T) : T = l[8];
+	let E;
+	l[9] !== p || l[10] !== d || l[11] !== f || l[12] !== h || l[13] !== v.label || l[14] !== b || l[15] !== T || l[16] !== u ? (E = /* @__PURE__ */ a(n, {
+		ref: h,
+		value: u,
+		onChange: d,
+		type: b,
+		"aria-label": v.label,
+		placeholder: f,
+		disabled: p,
+		rightSection: T
+	}), l[9] = p, l[10] = d, l[11] = f, l[12] = h, l[13] = v.label, l[14] = b, l[15] = T, l[16] = u, l[17] = E) : E = l[17];
+	let D;
+	return l[18] !== y || l[19] !== E ? (D = /* @__PURE__ */ a("div", {
 		"data-slot": "password-input",
-		className: e([a, d]),
-		children: i(n, {
-			ref: f,
-			value: s,
-			onChange: c,
-			type: p ? "text" : "password",
-			"aria-label": h.label,
-			placeholder: l,
-			disabled: u,
-			rightSection: /* @__PURE__ */ i("button", {
-				"data-slot": "toggle-visibility",
-				"data-section-pointer": "auto",
-				type: "button",
-				onClick: () => m(!p),
-				tabIndex: -1,
-				"aria-label": p ? h.hide : h.show,
-				className: e([o]),
-				children: p ? "🙈" : "👁"
-			})
-		})
-	});
+		className: e(y),
+		children: E
+	}), l[18] = y, l[19] = E, l[20] = D) : D = l[20], D;
 }
 //#endregion
-export { s as default };
+export { c as default };

package/dist/components/PhoneInput/PhoneInput.js

@@ -0,0 +1,144 @@
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { LocaleContext as t } from "../LocaleProvider/LocaleContext.js";
+import { useStrings as n } from "../LocaleProvider/useStrings.js";
+import r from "../Input/InputCore.js";
+import ee from "../Select/Select.js";
+import te from "../VisuallyHidden/VisuallyHidden.js";
+import { isValidPhone as ne } from "./phone-number.js";
+import { countrySelect as re, root as ie, row as ae } from "./phone-input-styles.js";
+import { c as oe } from "react/compiler-runtime";
+import { useContext as se, useId as ce, useLayoutEffect as le, useRef as ue, useState as de } from "react";
+import { jsx as i, jsxs as fe } from "react/jsx-runtime";
+import { useControl as pe } from "react-use-control";
+import { getCountries as a, getCountryCallingCode as o, parsePhoneNumberFromString as s } from "libphonenumber-js";
+//#region src/lib/components/PhoneInput/PhoneInput.tsx
+function me(e, t) {
+	let n = e.replace(/\D/g, "");
+	return n ? `+${o(t)}${n}` : "";
+}
+function he(e, t) {
+	if (!e) return "";
+	let n = `+${o(t)}`;
+	if (e === n) return "";
+	if (e.startsWith(n)) return e.slice(n.length);
+	let r = s(e);
+	return r ? r.nationalNumber : e.replace(/^\+/, "");
+}
+function c(e) {
+	let t;
+	try {
+		t = new Intl.DisplayNames([e ?? "en"], { type: "region" });
+	} catch {
+		t = void 0;
+	}
+	return (e) => {
+		try {
+			return t?.of(e) ?? e;
+		} catch {
+			return e;
+		}
+	};
+}
+function ge(e) {
+	let t = c(e);
+	return a().map((e) => ({
+		code: e,
+		name: t(e),
+		label: `+${o(e)} ${t(e)}`
+	})).sort((t, n) => t.name.localeCompare(n.name, e)).map(({ code: e, label: t }) => ({
+		value: e,
+		label: t
+	}));
+}
+function l(a) {
+	let c = oe(73), l, u, d, f, p, m, h, g, _, v, y;
+	c[0] === a ? (l = c[1], u = c[2], d = c[3], f = c[4], p = c[5], m = c[6], h = c[7], g = c[8], _ = c[9], v = c[10], y = c[11]) : ({value: y, country: d, onCountryChange: m, onChange: p, size: v, className: u, disabled: f, placeholder: h, "aria-describedby": l, ref: g, ..._} = a, c[0] = a, c[1] = l, c[2] = u, c[3] = d, c[4] = f, c[5] = p, c[6] = m, c[7] = h, c[8] = g, c[9] = _, c[10] = v, c[11] = y);
+	let b = n("phoneInput"), x = se(t)?.locale, S = ce(), [C, w] = pe(y, ""), [T, E, D] = pe(d, "US"), O;
+	c[12] === x ? O = c[13] : (O = ge(x), c[12] = x, c[13] = O);
+	let k = O, A;
+	c[14] !== T || c[15] !== C ? (A = () => he(C, T), c[14] = T, c[15] = C, c[16] = A) : A = c[16];
+	let [j, M] = de(A), N = ue(null), P, F;
+	c[17] !== T || c[18] !== m || c[19] !== E || c[20] !== C ? (P = () => {
+		if (N.current === C) return;
+		N.current = C;
+		let e = C ? s(C) : void 0;
+		if (e?.country && e.country !== T) {
+			E(e.country), m?.(e.country), M(e.nationalNumber);
+			return;
+		}
+		M(he(C, T));
+	}, F = [
+		C,
+		T,
+		E,
+		m
+	], c[17] = T, c[18] = m, c[19] = E, c[20] = C, c[21] = P, c[22] = F) : (P = c[21], F = c[22]), le(P, F);
+	let I;
+	c[23] !== p || c[24] !== w ? (I = (e) => {
+		N.current = e, w(e), p?.(e);
+	}, c[23] = p, c[24] = w, c[25] = I) : I = c[25];
+	let L = I, R;
+	c[26] !== L || c[27] !== T || c[28] !== j || c[29] !== m || c[30] !== E ? (R = (e) => {
+		let t = Array.isArray(e) ? e[0] : e;
+		if (!t || t === T) return;
+		E(t), m?.(t);
+		let n = j.replace(/\D/g, "");
+		n && L(`+${o(t)}${n}`);
+	}, c[26] = L, c[27] = T, c[28] = j, c[29] = m, c[30] = E, c[31] = R) : R = c[31];
+	let z = R, B;
+	c[32] !== T || c[33] !== C ? (B = C !== "" && !ne(C, T), c[32] = T, c[33] = C, c[34] = B) : B = c[34];
+	let V = B, H;
+	c[35] !== l || c[36] !== S || c[37] !== V ? (H = [l, V ? S : void 0].filter(Boolean).join(" ") || void 0, c[35] = l, c[36] = S, c[37] = V, c[38] = H) : H = c[38];
+	let U = H, W;
+	c[39] === u ? W = c[40] : (W = [ie, u], c[39] = u, c[40] = W);
+	let G;
+	c[41] === Symbol.for("react.memo_cache_sentinel") ? (G = [ae], c[41] = G) : G = c[41];
+	let K;
+	c[42] !== D || c[43] !== f || c[44] !== z || c[45] !== k || c[46] !== v || c[47] !== b.countryLabel ? (K = /* @__PURE__ */ i(ee, {
+		className: re,
+		value: D,
+		onValuesChange: z,
+		options: k,
+		size: v,
+		disabled: f,
+		"aria-label": b.countryLabel
+	}), c[42] = D, c[43] = f, c[44] = z, c[45] = k, c[46] = v, c[47] = b.countryLabel, c[48] = K) : K = c[48];
+	let q;
+	c[49] !== L || c[50] !== T ? (q = (e) => {
+		M(e), L(me(e, T));
+	}, c[49] = L, c[50] = T, c[51] = q) : q = c[51];
+	let J = h ?? b.placeholder, Y = V || void 0, X;
+	c[52] !== U || c[53] !== f || c[54] !== j || c[55] !== g || c[56] !== _ || c[57] !== v || c[58] !== q || c[59] !== J || c[60] !== Y ? (X = /* @__PURE__ */ i(r, {
+		ref: g,
+		value: j,
+		onChange: q,
+		size: v,
+		disabled: f,
+		placeholder: J,
+		inputMode: "tel",
+		"aria-invalid": Y,
+		"aria-describedby": U,
+		..._
+	}), c[52] = U, c[53] = f, c[54] = j, c[55] = g, c[56] = _, c[57] = v, c[58] = q, c[59] = J, c[60] = Y, c[61] = X) : X = c[61];
+	let Z;
+	c[62] !== K || c[63] !== X ? (Z = /* @__PURE__ */ fe("div", {
+		"data-slot": "field",
+		className: e(G),
+		children: [K, X]
+	}), c[62] = K, c[63] = X, c[64] = Z) : Z = c[64];
+	let Q;
+	c[65] !== S || c[66] !== V || c[67] !== b.invalid ? (Q = V && /* @__PURE__ */ i(te, {
+		role: "status",
+		id: S,
+		children: b.invalid
+	}), c[65] = S, c[66] = V, c[67] = b.invalid, c[68] = Q) : Q = c[68];
+	let $;
+	return c[69] !== Z || c[70] !== Q || c[71] !== W ? ($ = /* @__PURE__ */ fe("div", {
+		"data-slot": "phone-input",
+		className: e(W),
+		children: [Z, Q]
+	}), c[69] = Z, c[70] = Q, c[71] = W, c[72] = $) : $ = c[72], $;
+}
+//#endregion
+export { l as default };

package/dist/components/PhoneInput/index.js

@@ -0,0 +1,4 @@
+"use client";
+import { isValidPhone as e } from "./phone-number.js";
+import t from "./PhoneInput.js";
+export { t as PhoneInput, e as isValidPhone };

package/dist/components/PhoneInput/phone-input-styles.js

@@ -0,0 +1,7 @@
+
+"use client";
+/* empty css                             */
+//#region src/lib/components/PhoneInput/phone-input-styles.ts
+var e = "haze-phone-input-styles__root", t = "haze-phone-input-styles__row", n = "haze-phone-input-styles__countrySelect";
+//#endregion
+export { n as countrySelect, e as root, t as row };

package/dist/components/PhoneInput/phone-number.js

@@ -0,0 +1,8 @@
+"use client";
+import { isValidPhoneNumber as e } from "libphonenumber-js";
+//#region src/lib/components/PhoneInput/phone-number.ts
+function t(t, n) {
+	return t ? e(t, n) : !1;
+}
+//#endregion
+export { t as isValidPhone };

package/dist/components/Plan/Plan.js

@@ -0,0 +1,115 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+/* empty css               */
+import { c as t } from "react/compiler-runtime";
+import { Children as n, isValidElement as r, useId as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/lib/components/Plan/Plan.tsx
+var s = "haze-Plan__root", c = "haze-Plan__header", l = "haze-Plan__titleStyle", u = "haze-Plan__summaryStyle", d = "haze-Plan__progressTrack", f = "haze-Plan__progressFill", p = "haze-Plan__list", m = "haze-Plan__item", h = "haze-Plan__indicator", g = "haze-Plan__indicatorPending", _ = "haze-Plan__indicatorActive", v = "haze-Plan__indicatorDone", y = "haze-Plan__indicatorError", b = "haze-Plan__indicatorSkipped", x = "haze-Plan__body", S = "haze-Plan__labelStyle", C = "haze-Plan__labelDone", w = "haze-Plan__labelSkipped", T = "haze-Plan__descriptionStyle", E = {
+	pending: g,
+	active: _,
+	done: v,
+	error: y,
+	skipped: b
+}, D = {
+	pending: void 0,
+	active: void 0,
+	done: C,
+	error: void 0,
+	skipped: w
+}, O = {
+	done: "✓",
+	error: "!"
+};
+function k({ label: t, description: n, status: r = "pending", className: i, ...s }) {
+	return /* @__PURE__ */ o("li", {
+		"data-slot": "plan-item",
+		...s,
+		className: e([m, i]),
+		children: [/* @__PURE__ */ a("span", {
+			"data-slot": "plan-indicator",
+			"aria-hidden": "true",
+			className: e([h, E[r]]),
+			children: O[r]
+		}), /* @__PURE__ */ o("div", {
+			"data-slot": "plan-body",
+			className: e(x),
+			children: [/* @__PURE__ */ a("div", {
+				"data-slot": "plan-label",
+				className: e([S, D[r]]),
+				children: t
+			}), n !== void 0 && /* @__PURE__ */ a("div", {
+				"data-slot": "plan-description",
+				className: e(T),
+				children: n
+			})]
+		})]
+	});
+}
+function A(r) {
+	let m = t(30), h, g, _, v, y;
+	m[0] === r ? (h = m[1], g = m[2], _ = m[3], v = m[4], y = m[5]) : ({title: y, summary: v, children: h, className: g, ..._} = r, m[0] = r, m[1] = h, m[2] = g, m[3] = _, m[4] = v, m[5] = y);
+	let b = i(), x, S;
+	if (m[6] !== h) {
+		let e = n.toArray(h).filter(M);
+		S = e.length, x = e.filter(j), m[6] = h, m[7] = x, m[8] = S;
+	} else x = m[7], S = m[8];
+	let C = x.length, w;
+	m[9] === g ? w = m[10] : (w = [s, g], m[9] = g, m[10] = w);
+	let T;
+	m[11] !== C || m[12] !== v || m[13] !== y || m[14] !== b || m[15] !== S ? (T = (y !== void 0 || S > 0) && /* @__PURE__ */ o("div", {
+		"data-slot": "plan-header",
+		className: e(c),
+		children: [y !== void 0 && /* @__PURE__ */ a("div", {
+			id: b,
+			"data-slot": "plan-title",
+			className: e(l),
+			children: y
+		}), S > 0 && /* @__PURE__ */ a("span", {
+			"data-slot": "plan-summary",
+			className: e(u),
+			children: v ? v(C, S) : `${C} / ${S}`
+		})]
+	}), m[11] = C, m[12] = v, m[13] = y, m[14] = b, m[15] = S, m[16] = T) : T = m[16];
+	let E;
+	m[17] !== C || m[18] !== y || m[19] !== b || m[20] !== S ? (E = S > 0 && /* @__PURE__ */ a("div", {
+		"data-slot": "plan-progress",
+		role: "progressbar",
+		"aria-labelledby": y === void 0 ? void 0 : b,
+		"aria-valuemin": 0,
+		"aria-valuemax": S,
+		"aria-valuenow": C,
+		className: e(d),
+		children: a("div", {
+			"data-slot": "plan-progress-fill",
+			style: { width: `${Math.round(C / S * 100)}%` },
+			className: e(f)
+		})
+	}), m[17] = C, m[18] = y, m[19] = b, m[20] = S, m[21] = E) : E = m[21];
+	let D;
+	m[22] === h ? D = m[23] : (D = /* @__PURE__ */ a("ul", {
+		"data-slot": "plan-list",
+		className: e(p),
+		children: h
+	}), m[22] = h, m[23] = D);
+	let O;
+	return m[24] !== _ || m[25] !== w || m[26] !== T || m[27] !== E || m[28] !== D ? (O = /* @__PURE__ */ o("div", {
+		"data-slot": "plan",
+		..._,
+		className: e(w),
+		children: [
+			T,
+			E,
+			D
+		]
+	}), m[24] = _, m[25] = w, m[26] = T, m[27] = E, m[28] = D, m[29] = O) : O = m[29], O;
+}
+function j(e) {
+	return e.props.status === "done";
+}
+function M(e) {
+	return r(e) && e.type === k;
+}
+//#endregion
+export { k as PlanItem, A as default };

package/dist/components/Plan/index.js

@@ -0,0 +1,3 @@
+"use client";
+import e, { PlanItem as t } from "./Plan.js";
+export { e as Plan, t as PlanItem };

package/dist/components/Popconfirm/Popconfirm.js

@@ -0,0 +1,152 @@
+
+"use client";
+import { classnames as e } from "../../utils/classnames.js";
+import { useStrings as t } from "../LocaleProvider/useStrings.js";
+import n from "../Button/Button.js";
+import { mergeRefs as r } from "../../utils/refs.js";
+import { FloatingPanel as i, useFloating as a } from "../../utils/floating.js";
+import { useFocusScope as o } from "../../utils/focus-scope.js";
+/* empty css                     */
+import { useEffect as s, useId as c, useImperativeHandle as l, useRef as u, useState as d } from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { useControl as m } from "react-use-control";
+//#region src/lib/components/Popconfirm/Popconfirm.tsx
+var h = "haze-Popconfirm__container", ee = "haze-Popconfirm__triggerDisabled", g = "haze-Popconfirm__panelVisuals", _ = "haze-Popconfirm__body", v = "haze-Popconfirm__iconSlot", y = "haze-Popconfirm__textColumn", b = "haze-Popconfirm__titleStyle", x = "haze-Popconfirm__descriptionStyle", S = "haze-Popconfirm__actions", C = "haze-Popconfirm__okDangerTokens";
+function w(e) {
+	return typeof e == "object" && !!e && typeof e.then == "function";
+}
+function T({ title: T, description: E, okText: D, cancelText: O, okVariant: k = "primary", icon: A, onConfirm: j, onCancel: M, placement: N = "top", open: P, disabled: F = !1, className: I, children: L, ref: te, ...R }) {
+	let [z, B] = m(P, !1), [V, H] = d(null), U = t("confirmDialog"), W = D ?? U.confirm, G = O ?? U.cancel, K = c(), q = `haze-popconfirm-title-${K}`, J = `haze-popconfirm-description-${K}`, Y = u(null), X = u(null), Z = a({
+		open: z,
+		setOpen: B,
+		triggerRef: Y,
+		panelRef: X,
+		animated: !0
+	}), Q = o({
+		enabled: z,
+		autoFocus: !1
+	});
+	l(te, () => ({
+		open: () => {
+			F || B(!0);
+		},
+		close: () => {
+			B(!1);
+		},
+		focusTrigger: () => {
+			Y.current?.focus();
+		}
+	}), [B, F]);
+	let $ = (e) => {
+		if (V === e) return;
+		let t = (e === "ok" ? j : M)?.();
+		if (!w(t)) {
+			B(!1);
+			return;
+		}
+		H(e), t.then(() => {
+			H(null), B(!1);
+		}, () => {
+			H(null);
+		});
+	};
+	s(() => {
+		z && Z.shown && X.current?.focus();
+	}, [
+		z,
+		Z.shown,
+		X
+	]);
+	let ne = (e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), e.stopPropagation(), $("cancel");
+			return;
+		}
+		e.key === "Enter" && e.target === e.currentTarget && (e.preventDefault(), $("ok"));
+	};
+	return /* @__PURE__ */ p("span", {
+		"data-slot": "popconfirm",
+		className: h,
+		children: [/* @__PURE__ */ f("span", {
+			ref: Y,
+			"data-slot": "trigger",
+			role: "button",
+			tabIndex: F ? -1 : 0,
+			"aria-disabled": F || void 0,
+			"aria-haspopup": "dialog",
+			"aria-expanded": z,
+			"aria-controls": K,
+			style: Z.triggerStyle,
+			onPointerDown: F ? void 0 : Z.onTriggerPointerDown,
+			onClick: F ? void 0 : Z.onTriggerClick,
+			onKeyDown: (e) => {
+				if (!F) {
+					if (e.key === "Enter" || e.key === " ") {
+						e.preventDefault(), Z.onTriggerClick();
+						return;
+					}
+					e.key === "Escape" && z && (e.preventDefault(), e.stopPropagation(), $("cancel"));
+				}
+			},
+			className: e([ee]),
+			children: L
+		}), /* @__PURE__ */ p(i, {
+			ref: r(X, Q),
+			behavior: Z,
+			placement: N,
+			visualClass: g,
+			className: I,
+			...R,
+			id: K,
+			role: "dialog",
+			tabIndex: -1,
+			"aria-labelledby": T === void 0 ? void 0 : q,
+			"aria-describedby": E === void 0 ? void 0 : J,
+			onKeyDown: ne,
+			children: [/* @__PURE__ */ p("div", {
+				"data-slot": "body",
+				className: e([_]),
+				children: [A !== void 0 && /* @__PURE__ */ f("span", {
+					"data-slot": "icon",
+					className: e([v]),
+					children: A
+				}), (T !== void 0 || E !== void 0) && /* @__PURE__ */ p("div", {
+					"data-slot": "text",
+					className: e([y]),
+					children: [T !== void 0 && /* @__PURE__ */ f("div", {
+						id: q,
+						"data-slot": "title",
+						className: e([b]),
+						children: T
+					}), E !== void 0 && /* @__PURE__ */ f("div", {
+						id: J,
+						"data-slot": "description",
+						className: e([x]),
+						children: E
+					})]
+				})]
+			}), /* @__PURE__ */ p("div", {
+				"data-slot": "actions",
+				className: e([S]),
+				children: [/* @__PURE__ */ f(n, {
+					"data-slot": "cancel",
+					variant: "outline",
+					size: "sm",
+					loading: V === "cancel",
+					onClick: () => $("cancel"),
+					children: G
+				}), /* @__PURE__ */ f(n, {
+					"data-slot": "ok",
+					variant: "solid",
+					size: "sm",
+					className: k === "danger" ? C : void 0,
+					loading: V === "ok",
+					onClick: () => $("ok"),
+					children: W
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { T as default };

package/dist/components/Popconfirm/index.js

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

package/dist/components/Popover/Popover.js

@@ -3,59 +3,74 @@
 import { classnames as e } from "../../utils/classnames.js";
 import { FloatingPanel as t, useFloating as n } from "../../utils/floating.js";
 /* empty css                  */
-import { useId as r, useImperativeHandle as i, useMemo as a, useRef as o } from "react";
+import { c as r } from "react/compiler-runtime";
+import { useId as i, useImperativeHandle as a, useRef as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useControl as l } from "react-use-control";
 //#region src/lib/components/Popover/Popover.tsx
 var u = "haze-Popover__container", d = "haze-Popover__panelVisuals";
-function f({ content: f, open: p, collisionPadding: m, classNames: h, className: g, children: _, ref: v }) {
-	let [y, b] = l(p, !1), x = r(), S = o(null), C = o(null), w = a(() => m === void 0 ? void 0 : { collisionPadding: m }, [m]), T = n({
-		open: y,
-		setOpen: b,
-		triggerRef: S,
-		panelRef: C,
+function f(f) {
+	let p = r(31), { content: m, open: h, collisionPadding: g, classNames: _, className: v, children: y, ref: b } = f, [x, S] = l(h, !1), C = i(), w = o(null), T = o(null), E;
+	p[0] === g ? E = p[1] : (E = g === void 0 ? void 0 : { collisionPadding: g }, p[0] = g, p[1] = E);
+	let D = E, O;
+	p[2] !== D || p[3] !== x || p[4] !== S ? (O = {
+		open: x,
+		setOpen: S,
+		triggerRef: w,
+		panelRef: T,
 		animated: !0,
-		collision: w
-	});
-	return i(v, () => ({
+		collision: D
+	}, p[2] = D, p[3] = x, p[4] = S, p[5] = O) : O = p[5];
+	let k = n(O), A, j;
+	p[6] === S ? (A = p[7], j = p[8]) : (A = () => ({
 		open: () => {
-			b(!0);
+			S(!0);
 		},
 		close: () => {
-			b(!1);
+			S(!1);
 		},
 		focusTrigger: () => {
-			S.current?.focus();
+			w.current?.focus();
 		}
-	}), [b]), /* @__PURE__ */ c("span", {
+	}), j = [S], p[6] = S, p[7] = A, p[8] = j), a(b, A, j);
+	let M = _?.trigger, N;
+	p[9] === k ? N = p[10] : (N = (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), k.onTriggerClick());
+	}, p[9] = k, p[10] = N);
+	let P;
+	p[11] !== y || p[12] !== k.onTriggerClick || p[13] !== k.onTriggerPointerDown || p[14] !== k.triggerStyle || p[15] !== C || p[16] !== x || p[17] !== M || p[18] !== N ? (P = /* @__PURE__ */ s("span", {
+		ref: w,
+		"data-slot": "trigger",
+		className: M,
+		style: k.triggerStyle,
+		role: "button",
+		tabIndex: 0,
+		"aria-haspopup": "true",
+		"aria-expanded": x,
+		"aria-controls": C,
+		onPointerDown: k.onTriggerPointerDown,
+		onClick: k.onTriggerClick,
+		onKeyDown: N,
+		children: y
+	}), p[11] = y, p[12] = k.onTriggerClick, p[13] = k.onTriggerPointerDown, p[14] = k.triggerStyle, p[15] = C, p[16] = x, p[17] = M, p[18] = N, p[19] = P) : P = p[19];
+	let F = _?.content, I;
+	p[20] !== v || p[21] !== F ? (I = e(v, F), p[20] = v, p[21] = F, p[22] = I) : I = p[22];
+	let L;
+	p[23] !== m || p[24] !== k || p[25] !== C || p[26] !== I ? (L = /* @__PURE__ */ s(t, {
+		ref: T,
+		behavior: k,
+		placement: "bottom-span",
+		id: C,
+		visualClass: d,
+		className: I,
+		children: m
+	}), p[23] = m, p[24] = k, p[25] = C, p[26] = I, p[27] = L) : L = p[27];
+	let R;
+	return p[28] !== L || p[29] !== P ? (R = /* @__PURE__ */ c("span", {
 		"data-slot": "popover",
 		className: u,
-		children: [/* @__PURE__ */ s("span", {
-			ref: S,
-			"data-slot": "trigger",
-			className: h?.trigger,
-			style: T.triggerStyle,
-			role: "button",
-			tabIndex: 0,
-			"aria-haspopup": "true",
-			"aria-expanded": y,
-			"aria-controls": x,
-			onPointerDown: T.onTriggerPointerDown,
-			onClick: T.onTriggerClick,
-			onKeyDown: (e) => {
-				(e.key === "Enter" || e.key === " ") && (e.preventDefault(), T.onTriggerClick());
-			},
-			children: _
-		}), /* @__PURE__ */ s(t, {
-			ref: C,
-			behavior: T,
-			placement: "bottom-span",
-			id: x,
-			visualClass: d,
-			className: e(g, h?.content),
-			children: f
-		})]
-	});
+		children: [P, L]
+	}), p[28] = L, p[29] = P, p[30] = R) : R = p[30], R;
 }
 //#endregion
 export { f as default };