@noxickon/onyx 6.6.0 → 6.7.1

package/dist/components/ResponsiveOverlay/ResponsiveOverlay.js

@@ -1,228 +1,264 @@
 import { createCompoundContext as e } from "../../internal/context/createCompoundContext/createCompoundContext.js";
 import { OxAlertDialog as t } from "../AlertDialog/index.js";
-import { OxDialog as n } from "../Dialog/index.js";
-import { OxDrawer as r } from "../Drawer/index.js";
-import { useOxBreakpointUp as i } from "../../hooks/useBreakpoint/useBreakpoint.js";
-import { responsiveOverlayVariants as a } from "./ResponsiveOverlay.styles.js";
-import { c as o } from "react/compiler-runtime";
-import { useState as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { OxPopover as n } from "../Popover/index.js";
+import { OxDialog as r } from "../Dialog/index.js";
+import { OxDrawer as i } from "../Drawer/index.js";
+import { useOxBreakpointUp as a } from "../../hooks/useBreakpoint/useBreakpoint.js";
+import { responsiveOverlayVariants as o } from "./ResponsiveOverlay.styles.js";
+import { c as s } from "react/compiler-runtime";
+import { useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/components/ResponsiveOverlay/ResponsiveOverlay.tsx
-var { Provider: u, useRequiredContext: d } = e("OxResponsiveOverlay"), f = /* @__PURE__ */ new Set([
+var { Provider: d, useRequiredContext: f } = e("OxResponsiveOverlay"), p = /* @__PURE__ */ new Set([
 	"close-press",
 	"imperative-action",
 	"none"
 ]);
-function p(e, t) {
-	return e ? "drawer" : t ? "alertDialog" : "dialog";
+function m(e, t, n, r) {
+	return e ? "drawer" : r ? "alertDialog" : t && n === "popover" ? "popover" : "dialog";
 }
-function m(e) {
-	let a = o(36), { below: l, children: d, defaultOpen: m, headerExtra: h, mobile: g, mobileSide: _, onOpenChange: v, open: y, tone: b } = e, x = l === void 0 ? "md" : l, S = g === void 0 ? "sheet" : g, C = _ === void 0 ? "bottom" : _, w = i(x), T = y !== void 0, [E, D] = s(m ?? !1), O = T ? y : E, k = !w && S === "sheet", A;
-	a[0] !== k || a[1] !== b ? (A = p(k, b), a[0] = k, a[1] = b, a[2] = A) : A = a[2];
-	let j = A, M = !w && S === "fullscreen", N = j === "drawer" && b !== void 0, P;
-	a[3] !== T || a[4] !== N || a[5] !== v ? (P = (e, t) => {
-		!e && N && !f.has(t.reason) || (T || D(e), v?.(e, t));
-	}, a[3] = T, a[4] = N, a[5] = v, a[6] = P) : P = a[6];
-	let F = P, I;
-	a[7] !== h || a[8] !== M || a[9] !== j || a[10] !== b ? (I = {
-		fullScreen: M,
-		headerExtra: h,
-		root: j,
-		tone: b
-	}, a[7] = h, a[8] = M, a[9] = j, a[10] = b, a[11] = I) : I = a[11];
-	let L = I, R;
-	a[12] !== d || a[13] !== L ? (R = /* @__PURE__ */ c(u, {
-		value: L,
-		children: d
-	}), a[12] = d, a[13] = L, a[14] = R) : R = a[14];
-	let z = R;
-	if (j === "drawer") {
+function h(e) {
+	let o = s(46), { below: u, children: f, defaultOpen: h, desktop: g, desktopAlign: _, desktopSide: v, headerExtra: y, mobile: b, mobileSide: x, onOpenChange: S, open: C, tone: w } = e, T = u === void 0 ? "md" : u, E = g === void 0 ? "dialog" : g, D = _ === void 0 ? "center" : _, O = v === void 0 ? "bottom" : v, k = b === void 0 ? "sheet" : b, A = x === void 0 ? "bottom" : x, j = a(T), M = C !== void 0, [N, P] = c(h ?? !1), F = M ? C : N, I = !j && k === "sheet", L;
+	o[0] !== E || o[1] !== j || o[2] !== I || o[3] !== w ? (L = m(I, j, E, w), o[0] = E, o[1] = j, o[2] = I, o[3] = w, o[4] = L) : L = o[4];
+	let R = L, z = !j && k === "fullscreen", B = R === "drawer" && w !== void 0, V;
+	o[5] !== M || o[6] !== B || o[7] !== S ? (V = (e, t) => {
+		!e && B && !p.has(t.reason) || (M || P(e), S?.(e, t));
+	}, o[5] = M, o[6] = B, o[7] = S, o[8] = V) : V = o[8];
+	let H = V, U;
+	o[9] !== D || o[10] !== O || o[11] !== y || o[12] !== z || o[13] !== R || o[14] !== w ? (U = {
+		desktopAlign: D,
+		desktopSide: O,
+		fullScreen: z,
+		headerExtra: y,
+		root: R,
+		tone: w
+	}, o[9] = D, o[10] = O, o[11] = y, o[12] = z, o[13] = R, o[14] = w, o[15] = U) : U = o[15];
+	let W = U, G;
+	o[16] !== f || o[17] !== W ? (G = /* @__PURE__ */ l(d, {
+		value: W,
+		children: f
+	}), o[16] = f, o[17] = W, o[18] = G) : G = o[18];
+	let K = G;
+	if (R === "drawer") {
 		let e;
-		a[15] === F ? e = a[16] : (e = (e, t) => F(e, { reason: t.reason }), a[15] = F, a[16] = e);
+		o[19] === H ? e = o[20] : (e = (e, t) => H(e, { reason: t.reason }), o[19] = H, o[20] = e);
 		let t;
-		return a[17] !== O || a[18] !== z || a[19] !== N || a[20] !== C || a[21] !== e ? (t = /* @__PURE__ */ c(r, {
-			disablePointerDismissal: N,
-			open: O,
-			side: C,
+		return o[21] !== F || o[22] !== K || o[23] !== B || o[24] !== A || o[25] !== e ? (t = /* @__PURE__ */ l(i, {
+			disablePointerDismissal: B,
+			open: F,
+			side: A,
 			onOpenChange: e,
-			children: z
-		}), a[17] = O, a[18] = z, a[19] = N, a[20] = C, a[21] = e, a[22] = t) : t = a[22], t;
+			children: K
+		}), o[21] = F, o[22] = K, o[23] = B, o[24] = A, o[25] = e, o[26] = t) : t = o[26], t;
 	}
-	if (j === "alertDialog") {
+	if (R === "alertDialog") {
 		let e;
-		a[23] === F ? e = a[24] : (e = (e, t) => F(e, { reason: t.reason }), a[23] = F, a[24] = e);
+		o[27] === H ? e = o[28] : (e = (e, t) => H(e, { reason: t.reason }), o[27] = H, o[28] = e);
 		let n;
-		return a[25] !== O || a[26] !== z || a[27] !== e || a[28] !== b ? (n = /* @__PURE__ */ c(t, {
-			open: O,
-			tone: b,
+		return o[29] !== F || o[30] !== K || o[31] !== e || o[32] !== w ? (n = /* @__PURE__ */ l(t, {
+			open: F,
+			tone: w,
+			onOpenChange: e,
+			children: K
+		}), o[29] = F, o[30] = K, o[31] = e, o[32] = w, o[33] = n) : n = o[33], n;
+	}
+	if (R === "popover") {
+		let e;
+		o[34] === H ? e = o[35] : (e = (e, t) => H(e, { reason: t.reason }), o[34] = H, o[35] = e);
+		let t;
+		return o[36] !== F || o[37] !== K || o[38] !== e ? (t = /* @__PURE__ */ l(n, {
+			open: F,
 			onOpenChange: e,
-			children: z
-		}), a[25] = O, a[26] = z, a[27] = e, a[28] = b, a[29] = n) : n = a[29], n;
+			children: K
+		}), o[36] = F, o[37] = K, o[38] = e, o[39] = t) : t = o[39], t;
 	}
-	let B;
-	a[30] === F ? B = a[31] : (B = (e, t) => F(e, { reason: t.reason }), a[30] = F, a[31] = B);
-	let V;
-	return a[32] !== O || a[33] !== z || a[34] !== B ? (V = /* @__PURE__ */ c(n, {
-		open: O,
-		onOpenChange: B,
-		children: z
-	}), a[32] = O, a[33] = z, a[34] = B, a[35] = V) : V = a[35], V;
+	let q;
+	o[40] === H ? q = o[41] : (q = (e, t) => H(e, { reason: t.reason }), o[40] = H, o[41] = q);
+	let J;
+	return o[42] !== F || o[43] !== K || o[44] !== q ? (J = /* @__PURE__ */ l(r, {
+		open: F,
+		onOpenChange: q,
+		children: K
+	}), o[42] = F, o[43] = K, o[44] = q, o[45] = J) : J = o[45], J;
 }
-function h(e) {
-	let i = o(9), { children: a, className: s } = e, { root: l } = d();
-	if (l === "drawer") {
+function g(e) {
+	let a = s(12), { children: o, className: c } = e, { root: u } = f();
+	if (u === "drawer") {
 		let e;
-		return i[0] !== a || i[1] !== s ? (e = /* @__PURE__ */ c(r.Trigger, {
-			className: s,
-			children: a
-		}), i[0] = a, i[1] = s, i[2] = e) : e = i[2], e;
+		return a[0] !== o || a[1] !== c ? (e = /* @__PURE__ */ l(i.Trigger, {
+			className: c,
+			children: o
+		}), a[0] = o, a[1] = c, a[2] = e) : e = a[2], e;
 	}
-	if (l === "alertDialog") {
+	if (u === "alertDialog") {
 		let e;
-		return i[3] !== a || i[4] !== s ? (e = /* @__PURE__ */ c(t.Trigger, {
-			className: s,
-			children: a
-		}), i[3] = a, i[4] = s, i[5] = e) : e = i[5], e;
+		return a[3] !== o || a[4] !== c ? (e = /* @__PURE__ */ l(t.Trigger, {
+			className: c,
+			children: o
+		}), a[3] = o, a[4] = c, a[5] = e) : e = a[5], e;
 	}
-	let u;
-	return i[6] !== a || i[7] !== s ? (u = /* @__PURE__ */ c(n.Trigger, {
-		className: s,
-		children: a
-	}), i[6] = a, i[7] = s, i[8] = u) : u = i[8], u;
+	if (u === "popover") {
+		let e;
+		return a[6] !== o || a[7] !== c ? (e = /* @__PURE__ */ l(n.Trigger, {
+			className: c,
+			children: o
+		}), a[6] = o, a[7] = c, a[8] = e) : e = a[8], e;
+	}
+	let d;
+	return a[9] !== o || a[10] !== c ? (d = /* @__PURE__ */ l(r.Trigger, {
+		className: c,
+		children: o
+	}), a[9] = o, a[10] = c, a[11] = d) : d = a[11], d;
 }
-function g(e) {
-	let i = o(14), { children: s, className: u } = e, { fullScreen: f, root: p, tone: m } = d(), h, g, _;
-	if (i[0] !== s || i[1] !== u || i[2] !== f || i[3] !== p || i[4] !== m) {
-		_ = Symbol.for("react.early_return_sentinel");
+function _(e) {
+	let a = s(16), { children: c, className: d } = e, { desktopAlign: p, desktopSide: m, fullScreen: h, root: g, tone: _ } = f(), v, y, b;
+	if (a[0] !== c || a[1] !== d || a[2] !== p || a[3] !== m || a[4] !== h || a[5] !== g || a[6] !== _) {
+		b = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let e = a({
-				fullScreen: f,
-				root: p
+			let e = o({
+				fullScreen: h,
+				root: g
 			});
-			if (p === "drawer") {
+			if (g === "drawer") {
 				let t;
-				i[8] === m ? t = i[9] : (t = m === void 0 && /* @__PURE__ */ c(r.Handle, {}), i[8] = m, i[9] = t), _ = /* @__PURE__ */ l(r.Content, {
-					className: e.content({ class: u }),
-					children: [t, s]
+				a[10] === _ ? t = a[11] : (t = _ === void 0 && /* @__PURE__ */ l(i.Handle, {}), a[10] = _, a[11] = t), b = /* @__PURE__ */ u(i.Content, {
+					className: e.content({ class: d }),
+					children: [t, c]
 				});
 				break bb0;
 			}
-			if (p === "alertDialog") {
-				_ = /* @__PURE__ */ c(t.Content, {
-					className: e.content({ class: u }),
+			if (g === "alertDialog") {
+				b = /* @__PURE__ */ l(t.Content, {
+					className: e.content({ class: d }),
 					scroll: "inside",
-					children: s
+					children: c
+				});
+				break bb0;
+			}
+			if (g === "popover") {
+				b = /* @__PURE__ */ l(n.Content, {
+					align: p,
+					className: e.content({ class: d }),
+					side: m,
+					children: c
 				});
 				break bb0;
 			}
-			h = n.Content, g = e.content({ class: u });
+			v = r.Content, y = e.content({ class: d });
 		}
-		i[0] = s, i[1] = u, i[2] = f, i[3] = p, i[4] = m, i[5] = h, i[6] = g, i[7] = _;
-	} else h = i[5], g = i[6], _ = i[7];
-	if (_ !== Symbol.for("react.early_return_sentinel")) return _;
-	let v;
-	return i[10] !== h || i[11] !== s || i[12] !== g ? (v = /* @__PURE__ */ c(h, {
-		className: g,
+		a[0] = c, a[1] = d, a[2] = p, a[3] = m, a[4] = h, a[5] = g, a[6] = _, a[7] = v, a[8] = y, a[9] = b;
+	} else v = a[7], y = a[8], b = a[9];
+	if (b !== Symbol.for("react.early_return_sentinel")) return b;
+	let x;
+	return a[12] !== v || a[13] !== c || a[14] !== y ? (x = /* @__PURE__ */ l(v, {
+		className: y,
 		scroll: "inside",
-		children: s
-	}), i[10] = h, i[11] = s, i[12] = g, i[13] = v) : v = i[13], v;
+		children: c
+	}), a[12] = v, a[13] = c, a[14] = y, a[15] = x) : x = a[15], x;
 }
-function _(e, i, a) {
-	return c(e === "drawer" ? r.Title : e === "alertDialog" ? t.Title : n.Title, {
-		className: i,
-		children: a
+function v(e, a, o) {
+	return l(e === "drawer" ? i.Title : e === "alertDialog" ? t.Title : e === "popover" ? n.Title : r.Title, {
+		className: a,
+		children: o
 	});
 }
-function v(e) {
-	let t = o(13), { children: n, className: r } = e, { headerExtra: i, root: s } = d(), u, f, p, m;
-	if (t[0] !== n || t[1] !== r || t[2] !== i || t[3] !== s) {
-		let e = a();
-		u = e.header(), f = "responsive-overlay-header", p = _(s, e.title({ class: r }), n), m = i ? /* @__PURE__ */ c("div", {
+function y(e) {
+	let t = s(13), { children: n, className: r } = e, { headerExtra: i, root: a } = f(), c, d, p, m;
+	if (t[0] !== n || t[1] !== r || t[2] !== i || t[3] !== a) {
+		let e = o();
+		c = e.header(), d = "responsive-overlay-header", p = v(a, e.title({ class: r }), n), m = i ? /* @__PURE__ */ l("div", {
 			className: e.headerExtra(),
 			"data-ox-slot": "responsive-overlay-header-extra",
 			children: i
-		}) : null, t[0] = n, t[1] = r, t[2] = i, t[3] = s, t[4] = u, t[5] = f, t[6] = p, t[7] = m;
-	} else u = t[4], f = t[5], p = t[6], m = t[7];
+		}) : null, t[0] = n, t[1] = r, t[2] = i, t[3] = a, t[4] = c, t[5] = d, t[6] = p, t[7] = m;
+	} else c = t[4], d = t[5], p = t[6], m = t[7];
 	let h;
-	return t[8] !== u || t[9] !== f || t[10] !== p || t[11] !== m ? (h = /* @__PURE__ */ l("div", {
-		className: u,
-		"data-ox-slot": f,
+	return t[8] !== c || t[9] !== d || t[10] !== p || t[11] !== m ? (h = /* @__PURE__ */ u("div", {
+		className: c,
+		"data-ox-slot": d,
 		children: [p, m]
-	}), t[8] = u, t[9] = f, t[10] = p, t[11] = m, t[12] = h) : h = t[12], h;
+	}), t[8] = c, t[9] = d, t[10] = p, t[11] = m, t[12] = h) : h = t[12], h;
 }
-function y(e) {
-	let i = o(10), { children: s, className: l } = e, { root: u } = d(), f, p, m;
-	if (i[0] !== s || i[1] !== l || i[2] !== u) {
-		m = Symbol.for("react.early_return_sentinel");
+function b(e) {
+	let a = s(10), { children: c, className: u } = e, { root: d } = f(), p, m, h;
+	if (a[0] !== c || a[1] !== u || a[2] !== d) {
+		h = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let e = a();
-			if (u === "drawer") {
-				m = /* @__PURE__ */ c(r.Description, {
-					className: e.description({ class: l }),
-					children: s
+			let e = o();
+			if (d === "drawer") {
+				h = /* @__PURE__ */ l(i.Description, {
+					className: e.description({ class: u }),
+					children: c
+				});
+				break bb0;
+			}
+			if (d === "alertDialog") {
+				h = /* @__PURE__ */ l(t.Description, {
+					className: e.description({ class: u }),
+					children: c
 				});
 				break bb0;
 			}
-			if (u === "alertDialog") {
-				m = /* @__PURE__ */ c(t.Description, {
-					className: e.description({ class: l }),
-					children: s
+			if (d === "popover") {
+				h = /* @__PURE__ */ l(n.Description, {
+					className: e.description({ class: u }),
+					children: c
 				});
 				break bb0;
 			}
-			f = n.Description, p = e.description({ class: l });
+			p = r.Description, m = e.description({ class: u });
 		}
-		i[0] = s, i[1] = l, i[2] = u, i[3] = f, i[4] = p, i[5] = m;
-	} else f = i[3], p = i[4], m = i[5];
-	if (m !== Symbol.for("react.early_return_sentinel")) return m;
-	let h;
-	return i[6] !== f || i[7] !== s || i[8] !== p ? (h = /* @__PURE__ */ c(f, {
-		className: p,
-		children: s
-	}), i[6] = f, i[7] = s, i[8] = p, i[9] = h) : h = i[9], h;
+		a[0] = c, a[1] = u, a[2] = d, a[3] = p, a[4] = m, a[5] = h;
+	} else p = a[3], m = a[4], h = a[5];
+	if (h !== Symbol.for("react.early_return_sentinel")) return h;
+	let g;
+	return a[6] !== p || a[7] !== c || a[8] !== m ? (g = /* @__PURE__ */ l(p, {
+		className: m,
+		children: c
+	}), a[6] = p, a[7] = c, a[8] = m, a[9] = g) : g = a[9], g;
 }
-function b(e) {
-	let t = o(8), { children: n, className: i } = e, { root: s } = d();
-	if (s === "drawer") {
+function x(e) {
+	let t = s(8), { children: n, className: r } = e, { root: a } = f();
+	if (a === "drawer") {
 		let e;
-		return t[0] !== n || t[1] !== i ? (e = /* @__PURE__ */ c(r.Body, {
-			className: i,
+		return t[0] !== n || t[1] !== r ? (e = /* @__PURE__ */ l(i.Body, {
+			className: r,
 			children: n
-		}), t[0] = n, t[1] = i, t[2] = e) : e = t[2], e;
+		}), t[0] = n, t[1] = r, t[2] = e) : e = t[2], e;
 	}
-	let l;
-	t[3] === i ? l = t[4] : (l = a().body({ class: i }), t[3] = i, t[4] = l);
+	let c;
+	t[3] === r ? c = t[4] : (c = o().body({ class: r }), t[3] = r, t[4] = c);
 	let u;
-	return t[5] !== n || t[6] !== l ? (u = /* @__PURE__ */ c("div", {
-		className: l,
+	return t[5] !== n || t[6] !== c ? (u = /* @__PURE__ */ l("div", {
+		className: c,
 		"data-ox-slot": "responsive-overlay-body",
 		children: n
-	}), t[5] = n, t[6] = l, t[7] = u) : u = t[7], u;
+	}), t[5] = n, t[6] = c, t[7] = u) : u = t[7], u;
 }
-function x(e) {
-	let t = o(8), { children: n, className: i } = e, { root: s } = d(), l, u;
-	if (t[0] !== n || t[1] !== i || t[2] !== s) {
+function S(e) {
+	let t = s(8), { children: n, className: r } = e, { root: a } = f(), c, u;
+	if (t[0] !== n || t[1] !== r || t[2] !== a) {
 		u = Symbol.for("react.early_return_sentinel");
 		bb0: {
-			let e = a();
-			if (s === "drawer") {
-				u = /* @__PURE__ */ c(r.Footer, {
-					className: e.drawerFooter({ class: i }),
+			let e = o();
+			if (a === "drawer") {
+				u = /* @__PURE__ */ l(i.Footer, {
+					className: e.drawerFooter({ class: r }),
 					children: n
 				});
 				break bb0;
 			}
-			l = e.footer({ class: i });
+			c = e.footer({ class: r });
 		}
-		t[0] = n, t[1] = i, t[2] = s, t[3] = l, t[4] = u;
-	} else l = t[3], u = t[4];
+		t[0] = n, t[1] = r, t[2] = a, t[3] = c, t[4] = u;
+	} else c = t[3], u = t[4];
 	if (u !== Symbol.for("react.early_return_sentinel")) return u;
-	let f;
-	return t[5] !== n || t[6] !== l ? (f = /* @__PURE__ */ c("div", {
-		className: l,
+	let d;
+	return t[5] !== n || t[6] !== c ? (d = /* @__PURE__ */ l("div", {
+		className: c,
 		"data-ox-slot": "responsive-overlay-actions",
 		children: n
-	}), t[5] = n, t[6] = l, t[7] = f) : f = t[7], f;
+	}), t[5] = n, t[6] = c, t[7] = d) : d = t[7], d;
 }
 //#endregion
-export { x as OxResponsiveOverlayActions, b as OxResponsiveOverlayBody, g as OxResponsiveOverlayContent, y as OxResponsiveOverlayDescription, m as OxResponsiveOverlayRoot, v as OxResponsiveOverlayTitle, h as OxResponsiveOverlayTrigger };
+export { S as OxResponsiveOverlayActions, x as OxResponsiveOverlayBody, _ as OxResponsiveOverlayContent, b as OxResponsiveOverlayDescription, h as OxResponsiveOverlayRoot, y as OxResponsiveOverlayTitle, g as OxResponsiveOverlayTrigger };

package/dist/components/ResponsiveOverlay/ResponsiveOverlay.styles.d.ts

@@ -8,6 +8,9 @@ export declare const responsiveOverlayVariants: import('tailwind-variants').TVRe
             content: string;
         };
         drawer: {};
+        popover: {
+            content: string[];
+        };
     };
     fullScreen: {
         true: {
@@ -33,6 +36,9 @@ export declare const responsiveOverlayVariants: import('tailwind-variants').TVRe
             content: string;
         };
         drawer: {};
+        popover: {
+            content: string[];
+        };
     };
     fullScreen: {
         true: {
@@ -49,7 +55,7 @@ export declare const responsiveOverlayVariants: import('tailwind-variants').TVRe
     body: string;
     footer: string[];
     drawerFooter: string;
-}, import('tailwind-variants').TVReturnType<{
+}, import('tailwind-variants').TVReturnTypeLike<{
     root: {
         dialog: {
             content: string;
@@ -58,6 +64,9 @@ export declare const responsiveOverlayVariants: import('tailwind-variants').TVRe
             content: string;
         };
         drawer: {};
+        popover: {
+            content: string[];
+        };
     };
     fullScreen: {
         true: {
@@ -74,5 +83,5 @@ export declare const responsiveOverlayVariants: import('tailwind-variants').TVRe
     body: string;
     footer: string[];
     drawerFooter: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;
 export type ResponsiveOverlayVariants = VariantProps<typeof responsiveOverlayVariants>;

package/dist/components/ResponsiveOverlay/ResponsiveOverlay.styles.js

@@ -16,7 +16,8 @@ var o = e({
 		root: {
 			dialog: { content: "p-0" },
 			alertDialog: { content: "p-0" },
-			drawer: {}
+			drawer: {},
+			popover: { content: ["p-0", "max-h-[min(28rem,var(--available-height))]"] }
 		},
 		fullScreen: {
 			true: { content: [

package/dist/components/ResponsiveOverlay/ResponsiveOverlay.types.d.ts

@@ -1,9 +1,13 @@
 import { ReactNode } from 'react';
 import { DrawerSide } from '../Drawer';
+import { OxPopoverContentProps } from '../Popover';
 import { OxBreakpoint } from '../../hooks/useBreakpoint/useBreakpoint.types';
-type ResponsiveOverlayRoot = 'dialog' | 'alertDialog' | 'drawer';
+type ResponsiveOverlayRoot = 'dialog' | 'alertDialog' | 'drawer' | 'popover';
 type ResponsiveOverlayTone = 'danger' | 'warning';
 type ResponsiveOverlayMobileMode = 'sheet' | 'fullscreen';
+type ResponsiveOverlayDesktopMode = 'dialog' | 'popover';
+type ResponsiveOverlayDesktopSide = NonNullable<OxPopoverContentProps['side']>;
+type ResponsiveOverlayDesktopAlign = NonNullable<OxPopoverContentProps['align']>;
 interface ResponsiveOverlayOpenChangeDetails {
     reason: string;
 }
@@ -11,6 +15,9 @@ interface OxResponsiveOverlayProps {
     below?: OxBreakpoint;
     children?: ReactNode;
     defaultOpen?: boolean;
+    desktop?: ResponsiveOverlayDesktopMode;
+    desktopAlign?: ResponsiveOverlayDesktopAlign;
+    desktopSide?: ResponsiveOverlayDesktopSide;
     headerExtra?: ReactNode;
     mobile?: ResponsiveOverlayMobileMode;
     mobileSide?: DrawerSide;
@@ -42,4 +49,4 @@ interface OxResponsiveOverlayActionsProps {
     children: ReactNode;
     className?: string;
 }
-export type { OxResponsiveOverlayActionsProps, OxResponsiveOverlayBodyProps, OxResponsiveOverlayContentProps, OxResponsiveOverlayDescriptionProps, OxResponsiveOverlayProps, OxResponsiveOverlayTitleProps, OxResponsiveOverlayTriggerProps, ResponsiveOverlayMobileMode, ResponsiveOverlayOpenChangeDetails, ResponsiveOverlayRoot, ResponsiveOverlayTone, };
+export type { OxResponsiveOverlayActionsProps, OxResponsiveOverlayBodyProps, OxResponsiveOverlayContentProps, OxResponsiveOverlayDescriptionProps, OxResponsiveOverlayProps, OxResponsiveOverlayTitleProps, OxResponsiveOverlayTriggerProps, ResponsiveOverlayDesktopAlign, ResponsiveOverlayDesktopMode, ResponsiveOverlayDesktopSide, ResponsiveOverlayMobileMode, ResponsiveOverlayOpenChangeDetails, ResponsiveOverlayRoot, ResponsiveOverlayTone, };

package/dist/components/ResponsiveOverlay/index.d.ts

@@ -8,4 +8,4 @@ declare const OxResponsiveOverlay: typeof OxResponsiveOverlayRoot & {
     Actions: typeof OxResponsiveOverlayActions;
 };
 export { OxResponsiveOverlay };
-export type { OxResponsiveOverlayActionsProps, OxResponsiveOverlayBodyProps, OxResponsiveOverlayContentProps, OxResponsiveOverlayDescriptionProps, OxResponsiveOverlayProps, OxResponsiveOverlayTitleProps, OxResponsiveOverlayTriggerProps, ResponsiveOverlayMobileMode, ResponsiveOverlayOpenChangeDetails, ResponsiveOverlayTone, } from './ResponsiveOverlay.types';
+export type { OxResponsiveOverlayActionsProps, OxResponsiveOverlayBodyProps, OxResponsiveOverlayContentProps, OxResponsiveOverlayDescriptionProps, OxResponsiveOverlayProps, OxResponsiveOverlayTitleProps, OxResponsiveOverlayTriggerProps, ResponsiveOverlayDesktopAlign, ResponsiveOverlayDesktopMode, ResponsiveOverlayDesktopSide, ResponsiveOverlayMobileMode, ResponsiveOverlayOpenChangeDetails, ResponsiveOverlayTone, } from './ResponsiveOverlay.types';

package/dist/components/ScrollArea/ScrollArea.styles.d.ts

@@ -1,23 +1,23 @@
 export declare const scrollAreaVariants: import('tailwind-variants').TVReturnType<{
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            scrollbar?: import('tailwind-merge').ClassNameValue;
-            viewport?: import('tailwind-merge').ClassNameValue;
-            corner?: import('tailwind-merge').ClassNameValue;
-            thumb?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+            scrollbar?: import('tailwind-variants').ClassValue;
+            viewport?: import('tailwind-variants').ClassValue;
+            corner?: import('tailwind-variants').ClassValue;
+            thumb?: import('tailwind-variants').ClassValue;
         };
     };
 } | {
     [x: string]: {
-        [x: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            scrollbar?: import('tailwind-merge').ClassNameValue;
-            viewport?: import('tailwind-merge').ClassNameValue;
-            corner?: import('tailwind-merge').ClassNameValue;
-            thumb?: import('tailwind-merge').ClassNameValue;
+        [x: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+            scrollbar?: import('tailwind-variants').ClassValue;
+            viewport?: import('tailwind-variants').ClassValue;
+            corner?: import('tailwind-variants').ClassValue;
+            thumb?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -29,13 +29,13 @@ export declare const scrollAreaVariants: import('tailwind-variants').TVReturnTyp
     corner: string;
 }, undefined, {
     [key: string]: {
-        [key: string]: import('tailwind-merge').ClassNameValue | {
-            content?: import('tailwind-merge').ClassNameValue;
-            root?: import('tailwind-merge').ClassNameValue;
-            scrollbar?: import('tailwind-merge').ClassNameValue;
-            viewport?: import('tailwind-merge').ClassNameValue;
-            corner?: import('tailwind-merge').ClassNameValue;
-            thumb?: import('tailwind-merge').ClassNameValue;
+        [key: string]: import('tailwind-variants').ClassValue | {
+            root?: import('tailwind-variants').ClassValue;
+            content?: import('tailwind-variants').ClassValue;
+            scrollbar?: import('tailwind-variants').ClassValue;
+            viewport?: import('tailwind-variants').ClassValue;
+            corner?: import('tailwind-variants').ClassValue;
+            thumb?: import('tailwind-variants').ClassValue;
         };
     };
 } | {}, {
@@ -45,11 +45,11 @@ export declare const scrollAreaVariants: import('tailwind-variants').TVReturnTyp
     scrollbar: string[];
     thumb: string[];
     corner: string;
-}, import('tailwind-variants').TVReturnType<unknown, {
+}, import('tailwind-variants').TVReturnTypeLike<unknown, {
     root: string;
     viewport: string[];
     content: string;
     scrollbar: string[];
     thumb: string[];
     corner: string;
-}, undefined, unknown, unknown, undefined>>;
+}>>;

package/dist/components/ScrollArea/ScrollArea2.js

@@ -7,13 +7,13 @@ import { ScrollArea as i } from "@base-ui/react/scroll-area";
 function a(a) {
 	let o = t(28), s, c, l, u, d, f, p, m, h, g, _, v;
 	o[0] === a ? (s = o[1], c = o[2], l = o[3], u = o[4], d = o[5], f = o[6], p = o[7], m = o[8], h = o[9], g = o[10], _ = o[11], v = o[12]) : ({children: s, className: c, contentClassName: l, cornerClassName: u, fade: p, keepMounted: m, orientation: h, scrollbarClassName: f, thumbClassName: g, viewportClassName: _, viewportRef: v, ...d} = a, o[0] = a, o[1] = s, o[2] = c, o[3] = l, o[4] = u, o[5] = d, o[6] = f, o[7] = p, o[8] = m, o[9] = h, o[10] = g, o[11] = _, o[12] = v);
-	let y = p === void 0 ? !1 : p, b = m === void 0 ? !1 : m, x = h === void 0 ? "vertical" : h, S = x === "vertical" || x === "both", C = x === "horizontal" || x === "both", w = y ? x : void 0, T;
+	let y = p !== void 0 && p, b = m !== void 0 && m, x = h === void 0 ? "vertical" : h, S = x === "vertical" || x === "both", C = x === "horizontal" || x === "both", w = y ? x : void 0, T;
 	if (o[13] !== s || o[14] !== c || o[15] !== l || o[16] !== u || o[17] !== w || o[18] !== C || o[19] !== S || o[20] !== b || o[21] !== x || o[22] !== d || o[23] !== f || o[24] !== g || o[25] !== _ || o[26] !== v) {
 		let t = e();
 		T = /* @__PURE__ */ r(i.Root, {
+			"data-ox-slot": "scroll-area",
 			...d,
 			className: t.root({ class: c }),
-			"data-ox-slot": "scroll-area",
 			children: [
 				/* @__PURE__ */ n(i.Viewport, {
 					className: t.viewport({ class: _ }),

package/dist/components/Select/Select.js

@@ -19,7 +19,7 @@ function u(e) {
 function d(e) {
 	let t = n(16), r, a, u, d, f;
 	t[0] === e ? (r = t[1], a = t[2], u = t[3], d = t[4], f = t[5]) : ({children: r, className: a, icon: u, showIcon: f, ...d} = e, t[0] = e, t[1] = r, t[2] = a, t[3] = u, t[4] = d, t[5] = f);
-	let p = f === void 0 ? !0 : f, m;
+	let p = f === void 0 || f, m;
 	t[6] === a ? m = t[7] : (m = l.trigger({ class: a }), t[6] = a, t[7] = m);
 	let h;
 	t[8] !== u || t[9] !== p ? (h = p ? /* @__PURE__ */ o(c.Icon, {