@shtabapp/ui-kit 1.65.0 → 1.66.0

package/dist/{useFloatingOverlay-QcumEYEq.js → useFloatingOverlay-B1BvRxLz.js}

@@ -8,8 +8,10 @@ var l = /* @__PURE__ */ function(e) {
 }({}), d = /* @__PURE__ */ function(e) {
 	return e.TOP = "top", e.TOP_START = "top-start", e.TOP_END = "top-end", e.BOTTOM = "bottom", e.BOTTOM_START = "bottom-start", e.BOTTOM_END = "bottom-end", e.LEFT = "left", e.LEFT_START = "left-start", e.LEFT_END = "left-end", e.RIGHT = "right", e.RIGHT_START = "right-start", e.RIGHT_END = "right-end", e;
 }({}), f = /* @__PURE__ */ function(e) {
+	return e.CLIPPING_ANCESTORS = "clipping-ancestors", e.VIEWPORT = "viewport", e;
+}({}), p = /* @__PURE__ */ function(e) {
 	return e.PREFERRED = "preferred", e.FLIP = "flip", e.SHIFT = "shift", e.SIZE = "size", e;
-}({}), p = (e) => {
+}({}), m = (e) => {
 	switch (e) {
 		case d.TOP: return {
 			side: l.TOP,
@@ -61,8 +63,8 @@ var l = /* @__PURE__ */ function(e) {
 		};
 		default: return e;
 	}
-}, m = (e) => e.side === l.TOP ? e.align === u.START ? d.TOP_START : e.align === u.END ? d.TOP_END : d.TOP : e.side === l.BOTTOM ? e.align === u.START ? d.BOTTOM_START : e.align === u.END ? d.BOTTOM_END : d.BOTTOM : e.side === l.LEFT ? e.align === u.START ? d.LEFT_START : e.align === u.END ? d.LEFT_END : d.LEFT : e.align === u.START ? d.RIGHT_START : e.align === u.END ? d.RIGHT_END : d.RIGHT, h = (e, t, n) => Math.min(Math.max(t, e), n), g = (e) => e === l.TOP ? "bottom" : e === l.BOTTOM ? "top" : e === l.LEFT ? "right" : "left", _ = ({ referenceCenter: e, floatingStart: t, floatingLength: n, crossAxisProperty: r, staticSide: i, staticOffset: a, arrowSize: o, arrowPadding: s }) => {
-	let c = e - t - o / 2, l = h(s, c, n - o - s), u = c - l;
+}, h = (e) => e.side === l.TOP ? e.align === u.START ? d.TOP_START : e.align === u.END ? d.TOP_END : d.TOP : e.side === l.BOTTOM ? e.align === u.START ? d.BOTTOM_START : e.align === u.END ? d.BOTTOM_END : d.BOTTOM : e.side === l.LEFT ? e.align === u.START ? d.LEFT_START : e.align === u.END ? d.LEFT_END : d.LEFT : e.align === u.START ? d.RIGHT_START : e.align === u.END ? d.RIGHT_END : d.RIGHT, g = (e, t, n) => Math.min(Math.max(t, e), n), _ = (e) => e === l.TOP ? "bottom" : e === l.BOTTOM ? "top" : e === l.LEFT ? "right" : "left", v = ({ referenceCenter: e, floatingStart: t, floatingLength: n, crossAxisProperty: r, staticSide: i, staticOffset: a, arrowSize: o, arrowPadding: s }) => {
+	let c = e - t - o / 2, l = g(s, c, n - o - s), u = c - l;
 	return {
 		crossAxisPosition: l,
 		crossAxisProperty: r,
@@ -71,9 +73,9 @@ var l = /* @__PURE__ */ function(e) {
 		centerOffset: u,
 		isOverflow: Math.abs(u) > o / 2
 	};
-}, v = (e) => {
-	let { referenceRect: t, floatingCoordinates: n, floatingSize: r, arrowSize: i, arrowPadding: a } = e, o = p(e.resolvedPlacement), s = g(o.side), c = -(i / 2);
-	return o.side === l.TOP || o.side === l.BOTTOM ? _({
+}, y = (e) => {
+	let { referenceRect: t, floatingCoordinates: n, floatingSize: r, arrowSize: i, arrowPadding: a } = e, o = m(e.resolvedPlacement), s = _(o.side), c = -(i / 2);
+	return o.side === l.TOP || o.side === l.BOTTOM ? v({
 		referenceCenter: t.left + t.width / 2,
 		floatingStart: n.x,
 		floatingLength: r.width,
@@ -82,7 +84,7 @@ var l = /* @__PURE__ */ function(e) {
 		staticOffset: c,
 		arrowSize: i,
 		arrowPadding: a
-	}) : _({
+	}) : v({
 		referenceCenter: t.top + t.height / 2,
 		floatingStart: n.y,
 		floatingLength: r.height,
@@ -92,7 +94,7 @@ var l = /* @__PURE__ */ function(e) {
 		arrowSize: i,
 		arrowPadding: a
 	});
-}, y = (e, t, n) => {
+}, b = (e, t, n) => {
 	let r = t.top + n, i = t.left + n, a = t.right - n, o = t.bottom - n;
 	return {
 		top: r - e.top,
@@ -100,7 +102,7 @@ var l = /* @__PURE__ */ function(e) {
 		left: i - e.left,
 		right: e.right - a
 	};
-}, b = (e, t) => t === "top" ? e.top > 0 : t === "bottom" ? e.bottom > 0 : t === "left" ? e.left > 0 : e.right > 0, x = (e) => e.top > 0 || e.bottom > 0 || e.left > 0 || e.right > 0, S = (e, t) => t === l.TOP || t === l.BOTTOM ? e.left > 0 || e.right > 0 : e.top > 0 || e.bottom > 0, C = (e, t) => e.bottom > t.top && e.top < t.bottom && e.right > t.left && e.left < t.right, w = (e, t) => {
+}, x = (e, t) => t === "top" ? e.top > 0 : t === "bottom" ? e.bottom > 0 : t === "left" ? e.left > 0 : e.right > 0, S = (e) => e.top > 0 || e.bottom > 0 || e.left > 0 || e.right > 0, C = (e, t) => t === l.TOP || t === l.BOTTOM ? e.left > 0 || e.right > 0 : e.top > 0 || e.bottom > 0, w = (e, t) => e.bottom > t.top && e.top < t.bottom && e.right > t.left && e.left < t.right, T = (e, t) => {
 	let n = e.top + t, r = e.left + t, i = e.right - t, a = e.bottom - t;
 	return {
 		top: n,
@@ -110,7 +112,7 @@ var l = /* @__PURE__ */ function(e) {
 		width: Math.max(0, i - r),
 		height: Math.max(0, a - n)
 	};
-}, T = (e) => e.side === l.TOP ? {
+}, E = (e) => e.side === l.TOP ? {
 	...e,
 	side: l.BOTTOM
 } : e.side === l.BOTTOM ? {
@@ -122,101 +124,101 @@ var l = /* @__PURE__ */ function(e) {
 } : {
 	...e,
 	side: l.LEFT
-}, E = (e, t, n) => Math.min(Math.max(t, e), n), D = (e, t, n) => e === "y" ? {
+}, D = (e, t, n) => Math.min(Math.max(t, e), n), O = (e, t, n) => e === "y" ? {
 	x: t.x,
-	y: E(t.y + n.top, t.y, t.y - n.bottom)
+	y: D(t.y + n.top, t.y, t.y - n.bottom)
 } : {
-	x: E(t.x + n.left, t.x, t.x - n.right),
+	x: D(t.x + n.left, t.x, t.x - n.right),
 	y: t.y
-}, O = (e) => e === l.TOP || e === l.BOTTOM ? {
+}, k = (e) => e === l.TOP || e === l.BOTTOM ? {
 	mainAxis: "x",
 	crossAxis: "y"
 } : {
 	mainAxis: "y",
 	crossAxis: "x"
-}, k = (e, t, n, r) => r === u.START ? e : r === u.END ? e + t - n : e + (t - n) / 2, A = (e, t, n, r) => n.side === l.BOTTOM ? {
-	x: k(e.left, e.width, t.width, n.align),
+}, A = (e, t, n, r) => r === u.START ? e : r === u.END ? e + t - n : e + (t - n) / 2, j = (e, t, n, r) => n.side === l.BOTTOM ? {
+	x: A(e.left, e.width, t.width, n.align),
 	y: e.bottom + r
 } : n.side === l.TOP ? {
-	x: k(e.left, e.width, t.width, n.align),
+	x: A(e.left, e.width, t.width, n.align),
 	y: e.top - r - t.height
 } : n.side === l.LEFT ? {
 	x: e.left - r - t.width,
-	y: k(e.top, e.height, t.height, n.align)
+	y: A(e.top, e.height, t.height, n.align)
 } : {
 	x: e.right + r,
-	y: k(e.top, e.height, t.height, n.align)
-}, j = (e, t) => ({
+	y: A(e.top, e.height, t.height, n.align)
+}, M = (e, t) => ({
 	top: e.y,
 	left: e.x,
 	right: e.x + t.width,
 	bottom: e.y + t.height,
 	width: t.width,
 	height: t.height
-}), M = (e, t, n, r) => e === "x" ? {
+}), N = (e, t, n, r) => e === "x" ? {
 	min: t.left + n,
 	max: t.right - n - r.width
 } : {
 	min: t.top + n,
 	max: t.bottom - n - r.height
-}, N = (e, t, n, r, i) => t <= n ? E(t, e, n) : E(r, e, i), P = (e, t, n, r, i, a) => {
-	let { mainAxis: o } = O(t), { x: s, y: c } = e, l = M(o, i, a, r);
+}, P = (e, t, n, r, i) => t <= n ? D(t, e, n) : D(r, e, i), F = (e, t, n, r, i, a) => {
+	let { mainAxis: o } = k(t), { x: s, y: c } = e, l = N(o, i, a, r);
 	if (o === "y") {
 		let e = n.top - r.height, t = n.bottom, i = Math.max(l.min, e), a = Math.min(l.max, t);
-		c = N(c, i, a, l.min, l.max);
+		c = P(c, i, a, l.min, l.max);
 	} else {
 		let e = n.left - r.width, t = n.right, i = Math.max(l.min, e), a = Math.min(l.max, t);
-		s = N(s, i, a, l.min, l.max);
+		s = P(s, i, a, l.min, l.max);
 	}
 	return {
 		x: s,
 		y: c
 	};
-}, F = (e, t, n) => {
-	let { anchorSide: r, referenceRect: i, viewportRect: a, viewportPadding: o, mainAxis: s = !0, crossAxis: c = !1 } = n, l = y(j(e, t), a, o), { mainAxis: u, crossAxis: d } = O(r), f = {
+}, I = (e, t, n) => {
+	let { anchorSide: r, referenceRect: i, viewportRect: a, viewportPadding: o, mainAxis: s = !0, crossAxis: c = !1 } = n, l = b(M(e, t), a, o), { mainAxis: u, crossAxis: d } = k(r), f = {
 		x: e.x,
 		y: e.y
 	};
-	return s && (f = D(u, f, l)), c && (f = D(d, f, l)), P(f, r, i, t, a, o);
-}, I = (e) => e === l.TOP ? "top" : e === l.BOTTOM ? "bottom" : e === l.LEFT ? "left" : "right", L = (e, t, n) => {
+	return s && (f = O(u, f, l)), c && (f = O(d, f, l)), F(f, r, i, t, a, o);
+}, L = (e) => e === l.TOP ? "top" : e === l.BOTTOM ? "bottom" : e === l.LEFT ? "left" : "right", R = (e, t, n) => {
 	let r = t.bottom - n;
 	return Math.max(0, Math.floor(r - e.y));
-}, R = (e) => {
-	let t = p(e.placement), n = e.flip ? [t, T(t)] : [t], r = {
+}, z = (e) => {
+	let t = m(e.placement), n = e.flip ? [t, E(t)] : [t], r = {
 		anchor: t,
-		coordinates: A(e.referenceRect, e.floatingSize, t, e.offset),
-		strategy: f.PREFERRED
+		coordinates: j(e.referenceRect, e.floatingSize, t, e.offset),
+		strategy: p.PREFERRED
 	};
 	for (let i of n) {
-		let n = A(e.referenceRect, e.floatingSize, i, e.offset);
-		if (!b(y(j(n, e.floatingSize), e.viewportRect, e.viewportPadding), I(i.side))) return {
+		let n = j(e.referenceRect, e.floatingSize, i, e.offset);
+		if (!x(b(M(n, e.floatingSize), e.viewportRect, e.viewportPadding), L(i.side))) return {
 			anchor: i,
 			coordinates: n,
-			strategy: i === t ? f.PREFERRED : f.FLIP
+			strategy: i === t ? p.PREFERRED : p.FLIP
 		};
 		r = {
 			anchor: i,
 			coordinates: n,
-			strategy: f.FLIP
+			strategy: p.FLIP
 		};
 	}
 	return r;
-}, z = (e, t) => !e.shift || !x(y(j(t.coordinates, e.floatingSize), e.viewportRect, e.viewportPadding)) ? t : {
+}, B = (e, t) => !e.shift || !S(b(M(t.coordinates, e.floatingSize), e.viewportRect, e.viewportPadding)) ? t : {
 	...t,
-	coordinates: F(t.coordinates, e.floatingSize, {
+	coordinates: I(t.coordinates, e.floatingSize, {
 		anchorSide: t.anchor.side,
 		referenceRect: e.referenceRect,
 		viewportRect: e.viewportRect,
 		viewportPadding: e.viewportPadding
 	}),
-	strategy: f.SHIFT
-}, B = (e, t) => {
+	strategy: p.SHIFT
+}, V = (e, t) => {
 	if (!e.fitViewport) return {
 		coordinates: t.coordinates,
 		strategy: t.strategy,
 		maxHeight: void 0
 	};
-	let n = L(t.coordinates, e.viewportRect, e.viewportPadding), r = e.referenceRect.top - e.offset;
+	let n = R(t.coordinates, e.viewportRect, e.viewportPadding), r = e.referenceRect.top - e.offset;
 	if (t.anchor.side === l.TOP) {
 		let t = e.viewportRect.top + e.viewportPadding, i = Math.max(0, Math.floor(r - t));
 		n = Math.min(n, i);
@@ -230,19 +232,19 @@ var l = /* @__PURE__ */ function(e) {
 			...t.coordinates,
 			y: r - n
 		} : t.coordinates,
-		strategy: f.SIZE,
+		strategy: p.SIZE,
 		maxHeight: n
 	};
-}, V = (e) => {
-	let t = z(e, R(e)), n = B(e, t);
+}, H = (e) => {
+	let t = B(e, z(e)), n = V(e, t);
 	return {
 		x: n.coordinates.x,
 		y: n.coordinates.y,
-		resolvedPlacement: m(t.anchor),
+		resolvedPlacement: h(t.anchor),
 		strategy: n.strategy,
 		maxHeight: n.maxHeight
 	};
-}, H = () => {
+}, U = () => {
 	let e = window.visualViewport;
 	return e ? {
 		top: e.offsetTop,
@@ -259,21 +261,21 @@ var l = /* @__PURE__ */ function(e) {
 		width: window.innerWidth,
 		height: window.innerHeight
 	};
-}, U = (e) => ({
+}, W = (e) => ({
 	top: e.top,
 	left: e.left,
 	right: e.right,
 	bottom: e.bottom,
 	width: e.width,
 	height: e.height
-}), W = /auto|scroll|overlay|hidden|clip/, G = (e) => {
+}), G = /auto|scroll|overlay|hidden|clip/, K = (e) => {
 	let t = window.getComputedStyle(e);
 	return [
 		t.overflow,
 		t.overflowX,
 		t.overflowY
-	].some((e) => W.test(e));
-}, K = (e, t) => {
+	].some((e) => G.test(e));
+}, q = (e, t) => {
 	let n = Math.max(e.top, t.top), r = Math.max(e.left, t.left), i = Math.min(e.right, t.right), a = Math.min(e.bottom, t.bottom);
 	return {
 		top: n,
@@ -283,65 +285,65 @@ var l = /* @__PURE__ */ function(e) {
 		width: Math.max(0, i - r),
 		height: Math.max(0, a - n)
 	};
-}, q = (e) => {
-	let t = H();
+}, J = (e) => {
+	let t = U();
 	if (!e) return t;
 	let n = e.parentElement;
-	for (; n;) G(n) && (t = K(t, n.getBoundingClientRect())), n = n.parentElement;
+	for (; n;) K(n) && (t = q(t, n.getBoundingClientRect())), n = n.parentElement;
 	return t;
-}, J = /auto|scroll|overlay/, Y = (e) => {
+}, Y = /auto|scroll|overlay/, X = (e) => {
 	let t = window.getComputedStyle(e);
 	return [
 		t.overflow,
 		t.overflowX,
 		t.overflowY
-	].some((e) => J.test(e));
-}, X = (e) => {
+	].some((e) => Y.test(e));
+}, ee = (e) => {
 	let t = [], n = e?.parentElement ?? null;
-	for (; n;) Y(n) && t.push(n), n = n.parentElement;
+	for (; n;) X(n) && t.push(n), n = n.parentElement;
 	return t;
 }, Z = (e) => e ? e instanceof HTMLElement ? e : e.$el instanceof HTMLElement ? e.$el : null : null, Q = (e) => {
 	let t = e.trim();
 	if (!t) return;
 	let n = parseFloat(t);
 	if (!Number.isNaN(n)) return n;
-}, ee = (e) => {
+}, te = (e) => {
 	let t = getComputedStyle(e);
 	return {
 		arrowSize: Q(t.getPropertyValue("--s-ui-dropdown-arrow-size")) ?? 12,
 		arrowPadding: Q(t.getPropertyValue("--s-ui-dropdown-arrow-padding")) ?? 8
 	};
-}, te = (e, t, n) => {
+}, ne = (e, t, n) => {
 	if (!n) return t;
 	let r = e.firstElementChild;
 	return r instanceof HTMLElement ? Math.max(r.scrollHeight, t) : Math.max(e.scrollHeight, t);
-}, $ = (e, t) => i(e ?? t), ne = (e, t) => e && t instanceof HTMLElement ? ee(t) : {
+}, $ = (e, t) => i(e ?? t), re = (e, t) => e && t instanceof HTMLElement ? te(t) : {
 	arrowSize: 12,
 	arrowPadding: 8
-}, re = (e, t, n, r, i, a) => {
-	let o = w(r, i), s = y(j({
+}, ie = (e, t, n, r, i, a, o) => {
+	let s = T(r, a), c = b(M({
 		x: e.x,
 		y: e.y
-	}, n), r, i), c = C(t, o), l = p(e.resolvedPlacement).side, u = a ? !S(s, l) : !x(s);
-	return c && u;
-}, ie = (l) => {
-	let u = r(null), f = r(void 0), p = r(d.BOTTOM_START), m = r(!1), h = r(0), g = r(null), _ = r(!1), y = [], b = () => {
-		i(l.open) && E();
-	}, x = () => {
-		for (let e of y) e();
-		y = [];
+	}, n), i, a), l = w(t, s), u = m(e.resolvedPlacement).side, d = o ? !C(c, u) : !S(c);
+	return l && d;
+}, ae = (l) => {
+	let u = r(null), p = r(void 0), m = r(d.BOTTOM_START), h = r(!1), g = r(0), _ = r(null), v = r(!1), b = [], x = () => {
+		i(l.open) && D();
 	}, S = () => {
-		x();
+		for (let e of b) e();
+		b = [];
+	}, C = () => {
+		S();
 		let e = Z(i(l.reference));
-		for (let t of X(e)) t.addEventListener("scroll", b, {
+		for (let t of ee(e)) t.addEventListener("scroll", x, {
 			capture: !0,
 			passive: !0
-		}), y.push(() => {
-			t.removeEventListener("scroll", b, { capture: !0 });
+		}), b.push(() => {
+			t.removeEventListener("scroll", x, { capture: !0 });
 		});
 	};
-	s(window, "scroll", b, { capture: !0 }), s(document, "scroll", b, { capture: !0 }), s(() => document.documentElement, "scroll", b, { capture: !0 }), s(() => window.visualViewport ?? null, "scroll", b, { passive: !0 });
-	let C = () => ({
+	s(window, "scroll", x, { capture: !0 }), s(document, "scroll", x, { capture: !0 }), s(() => document.documentElement, "scroll", x, { capture: !0 }), s(() => window.visualViewport ?? null, "scroll", x, { passive: !0 });
+	let w = () => ({
 		matchReferenceWidth: $(l.matchReferenceWidth, !1),
 		fitViewport: $(l.fitViewport, !1),
 		shift: $(l.shift, !1),
@@ -349,13 +351,14 @@ var l = /* @__PURE__ */ function(e) {
 		viewportPadding: $(l.viewportPadding, 8),
 		hasArrow: $(l.arrow, !1),
 		placement: $(l.placement, d.BOTTOM_START),
-		flip: $(l.flip, !0)
-	}), w = (e, t) => {
+		flip: $(l.flip, !0),
+		boundary: $(l.boundary, f.CLIPPING_ANCESTORS)
+	}), T = (e, t) => {
 		if (!e) {
-			g.value = null, _.value = !1;
+			_.value = null, v.value = !1;
 			return;
 		}
-		let n = v({
+		let n = y({
 			referenceRect: t.referenceRect,
 			floatingCoordinates: {
 				x: t.result.x,
@@ -366,45 +369,45 @@ var l = /* @__PURE__ */ function(e) {
 			arrowSize: t.arrowSize,
 			arrowPadding: t.arrowPadding
 		});
-		g.value = n, _.value = n.isOverflow;
-	}, T = () => {
+		_.value = n, v.value = n.isOverflow;
+	}, E = () => {
 		if (!i(l.open)) return;
 		let e = Z(i(l.reference)), t = i(l.panel);
 		if (!e || !t) return;
-		let n = C(), r = U(e.getBoundingClientRect()), a = U(t.getBoundingClientRect());
-		h.value = Math.round(r.width);
-		let o = t.firstElementChild, { arrowSize: s, arrowPadding: c } = ne(n.hasArrow, o), d = n.hasArrow ? n.baseOffset + s / 2 : n.baseOffset, g = {
+		let n = w(), r = W(e.getBoundingClientRect()), a = W(t.getBoundingClientRect());
+		g.value = Math.round(r.width);
+		let o = t.firstElementChild, { arrowSize: s, arrowPadding: c } = re(n.hasArrow, o), d = n.hasArrow ? n.baseOffset + s / 2 : n.baseOffset, _ = {
 			width: n.matchReferenceWidth && r.width > 0 ? r.width : a.width,
-			height: te(t, a.height, n.fitViewport)
-		}, _ = q(e), v = V({
+			height: ne(t, a.height, n.fitViewport)
+		}, v = J(e), y = n.boundary === f.VIEWPORT ? U() : v, b = H({
 			referenceRect: r,
-			floatingSize: g,
+			floatingSize: _,
 			placement: n.placement,
 			offset: d,
 			flip: n.flip,
 			shift: n.shift,
 			fitViewport: n.fitViewport,
-			viewportRect: _,
+			viewportRect: y,
 			viewportPadding: n.viewportPadding
 		});
 		u.value = {
-			x: v.x,
-			y: v.y
-		}, f.value = v.maxHeight, p.value = v.resolvedPlacement;
-		let y = {
-			width: g.width,
-			height: v.maxHeight ?? g.height
+			x: b.x,
+			y: b.y
+		}, p.value = b.maxHeight, m.value = b.resolvedPlacement;
+		let x = {
+			width: _.width,
+			height: b.maxHeight ?? _.height
 		};
-		m.value = re(v, r, y, _, n.viewportPadding, n.shift), w(n.hasArrow, {
+		h.value = ie(b, r, x, v, y, n.viewportPadding, n.shift), T(n.hasArrow, {
 			referenceRect: r,
-			result: v,
-			renderedFloatingSize: y,
+			result: b,
+			renderedFloatingSize: x,
 			arrowSize: s,
 			arrowPadding: c
 		});
-	}, E = () => {
-		T();
-	}, D = e(() => {
+	}, D = () => {
+		E();
+	}, O = e(() => {
 		let e = i(l.matchReferenceWidth ?? !1);
 		if (!i(l.open) || !u.value) return {
 			position: "fixed",
@@ -418,27 +421,27 @@ var l = /* @__PURE__ */ function(e) {
 			top: "0",
 			left: "0",
 			transform: `translate(${u.value.x}px, ${u.value.y}px)`,
-			visibility: m.value ? "visible" : "hidden",
-			pointerEvents: m.value ? "auto" : "none"
+			visibility: h.value ? "visible" : "hidden",
+			pointerEvents: h.value ? "auto" : "none"
 		};
-		if (e && h.value > 0) {
-			let e = `${Math.round(h.value)}px`;
+		if (e && g.value > 0) {
+			let e = `${Math.round(g.value)}px`;
 			t.width = e, t.minWidth = e, t.maxWidth = e;
 		}
 		return t;
-	}), O = e(() => {
-		if (!i(l.open) || !i(l.arrow ?? !1) || !g.value) return;
-		let e = g.value;
+	}), k = e(() => {
+		if (!i(l.open) || !i(l.arrow ?? !1) || !_.value) return;
+		let e = _.value;
 		return { [e.crossAxisProperty]: `${e.crossAxisPosition}px` };
-	}), k = () => {
+	}), A = () => {
 		l.onOpenChange?.(!1);
 	};
 	return a(() => i(l.open), async (e) => {
 		if (e) {
-			m.value = !1, await t(), S(), E();
+			h.value = !1, await t(), C(), D();
 			return;
 		}
-		m.value = !1, u.value = null, f.value = void 0, g.value = null, _.value = !1, x();
+		h.value = !1, u.value = null, p.value = void 0, _.value = null, v.value = !1, S();
 	}), a([
 		() => i(l.placement ?? d.BOTTOM_START),
 		() => i(l.offset ?? 8),
@@ -447,37 +450,38 @@ var l = /* @__PURE__ */ function(e) {
 		() => i(l.matchReferenceWidth ?? !1),
 		() => i(l.fitViewport ?? !1),
 		() => i(l.viewportPadding ?? 8),
-		() => i(l.arrow ?? !1)
+		() => i(l.arrow ?? !1),
+		() => i(l.boundary ?? f.CLIPPING_ANCESTORS)
 	], async () => {
-		i(l.open) && (m.value = !1, await t(), E());
+		i(l.open) && (h.value = !1, await t(), D());
 	}), c(() => Z(i(l.reference)), () => {
-		i(l.open) && E();
+		i(l.open) && D();
 	}), c(() => i(l.panel), () => {
-		i(l.open) && E();
+		i(l.open) && D();
 	}), s(window, "resize", () => {
-		i(l.open) && E();
+		i(l.open) && D();
 	}), s(() => window.visualViewport ?? null, "resize", () => {
-		i(l.open) && E();
+		i(l.open) && D();
 	}), o(() => i(l.panel), () => {
-		!i(l.open) || !i(l.dismissOnClickOutside ?? !0) || k();
+		!i(l.open) || !i(l.dismissOnClickOutside ?? !0) || A();
 	}, { ignore: [
 		e(() => Z(i(l.reference))),
 		".s-ui-dropdown",
 		".s-ui-dropdown__panel"
 	] }), s(window, "keydown", (e) => {
-		!i(l.open) || !i(l.dismissOnEscape ?? !0) || e.key === "Escape" && k();
+		!i(l.open) || !i(l.dismissOnEscape ?? !0) || e.key === "Escape" && A();
 	}), n(() => {
-		x();
+		S();
 	}), {
-		panelStyles: D,
-		panelMaxHeight: f,
-		resolvedPlacement: p,
-		isPositionReady: m,
-		referenceWidth: h,
-		arrowStyles: O,
-		isArrowOverflow: _,
-		updatePosition: E
+		panelStyles: O,
+		panelMaxHeight: p,
+		resolvedPlacement: m,
+		isPositionReady: h,
+		referenceWidth: g,
+		arrowStyles: k,
+		isArrowOverflow: v,
+		updatePosition: D
 	};
 };
 //#endregion
-export { d as i, V as n, f as r, ie as t };
+export { d as a, f as i, H as n, p as r, ae as t };

package/dist/useFloatingOverlay-CtQBdvS9.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@vueuse/core");var n=function(e){return e.TOP=`top`,e.BOTTOM=`bottom`,e.LEFT=`left`,e.RIGHT=`right`,e}({}),r=function(e){return e.START=`start`,e.END=`end`,e.CENTER=`center`,e}({}),i=function(e){return e.TOP=`top`,e.TOP_START=`top-start`,e.TOP_END=`top-end`,e.BOTTOM=`bottom`,e.BOTTOM_START=`bottom-start`,e.BOTTOM_END=`bottom-end`,e.LEFT=`left`,e.LEFT_START=`left-start`,e.LEFT_END=`left-end`,e.RIGHT=`right`,e.RIGHT_START=`right-start`,e.RIGHT_END=`right-end`,e}({}),a=function(e){return e.CLIPPING_ANCESTORS=`clipping-ancestors`,e.VIEWPORT=`viewport`,e}({}),o=function(e){return e.PREFERRED=`preferred`,e.FLIP=`flip`,e.SHIFT=`shift`,e.SIZE=`size`,e}({}),s=e=>{switch(e){case i.TOP:return{side:n.TOP,align:r.CENTER};case i.TOP_START:return{side:n.TOP,align:r.START};case i.TOP_END:return{side:n.TOP,align:r.END};case i.BOTTOM:return{side:n.BOTTOM,align:r.CENTER};case i.BOTTOM_START:return{side:n.BOTTOM,align:r.START};case i.BOTTOM_END:return{side:n.BOTTOM,align:r.END};case i.LEFT:return{side:n.LEFT,align:r.CENTER};case i.LEFT_START:return{side:n.LEFT,align:r.START};case i.LEFT_END:return{side:n.LEFT,align:r.END};case i.RIGHT:return{side:n.RIGHT,align:r.CENTER};case i.RIGHT_START:return{side:n.RIGHT,align:r.START};case i.RIGHT_END:return{side:n.RIGHT,align:r.END};default:return e}},c=e=>e.side===n.TOP?e.align===r.START?i.TOP_START:e.align===r.END?i.TOP_END:i.TOP:e.side===n.BOTTOM?e.align===r.START?i.BOTTOM_START:e.align===r.END?i.BOTTOM_END:i.BOTTOM:e.side===n.LEFT?e.align===r.START?i.LEFT_START:e.align===r.END?i.LEFT_END:i.LEFT:e.align===r.START?i.RIGHT_START:e.align===r.END?i.RIGHT_END:i.RIGHT,l=(e,t,n)=>Math.min(Math.max(t,e),n),u=e=>e===n.TOP?`bottom`:e===n.BOTTOM?`top`:e===n.LEFT?`right`:`left`,d=({referenceCenter:e,floatingStart:t,floatingLength:n,crossAxisProperty:r,staticSide:i,staticOffset:a,arrowSize:o,arrowPadding:s})=>{let c=e-t-o/2,u=l(s,c,n-o-s),d=c-u;return{crossAxisPosition:u,crossAxisProperty:r,staticSide:i,staticOffset:a,centerOffset:d,isOverflow:Math.abs(d)>o/2}},f=e=>{let{referenceRect:t,floatingCoordinates:r,floatingSize:i,arrowSize:a,arrowPadding:o}=e,c=s(e.resolvedPlacement),l=u(c.side),f=-(a/2);return c.side===n.TOP||c.side===n.BOTTOM?d({referenceCenter:t.left+t.width/2,floatingStart:r.x,floatingLength:i.width,crossAxisProperty:`left`,staticSide:l,staticOffset:f,arrowSize:a,arrowPadding:o}):d({referenceCenter:t.top+t.height/2,floatingStart:r.y,floatingLength:i.height,crossAxisProperty:`top`,staticSide:l,staticOffset:f,arrowSize:a,arrowPadding:o})},p=(e,t,n)=>{let r=t.top+n,i=t.left+n,a=t.right-n,o=t.bottom-n;return{top:r-e.top,bottom:e.bottom-o,left:i-e.left,right:e.right-a}},m=(e,t)=>t===`top`?e.top>0:t===`bottom`?e.bottom>0:t===`left`?e.left>0:e.right>0,h=e=>e.top>0||e.bottom>0||e.left>0||e.right>0,g=(e,t)=>t===n.TOP||t===n.BOTTOM?e.left>0||e.right>0:e.top>0||e.bottom>0,_=(e,t)=>e.bottom>t.top&&e.top<t.bottom&&e.right>t.left&&e.left<t.right,v=(e,t)=>{let n=e.top+t,r=e.left+t,i=e.right-t,a=e.bottom-t;return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},y=e=>e.side===n.TOP?{...e,side:n.BOTTOM}:e.side===n.BOTTOM?{...e,side:n.TOP}:e.side===n.LEFT?{...e,side:n.RIGHT}:{...e,side:n.LEFT},b=(e,t,n)=>Math.min(Math.max(t,e),n),x=(e,t,n)=>e===`y`?{x:t.x,y:b(t.y+n.top,t.y,t.y-n.bottom)}:{x:b(t.x+n.left,t.x,t.x-n.right),y:t.y},S=e=>e===n.TOP||e===n.BOTTOM?{mainAxis:`x`,crossAxis:`y`}:{mainAxis:`y`,crossAxis:`x`},C=(e,t,n,i)=>i===r.START?e:i===r.END?e+t-n:e+(t-n)/2,w=(e,t,r,i)=>r.side===n.BOTTOM?{x:C(e.left,e.width,t.width,r.align),y:e.bottom+i}:r.side===n.TOP?{x:C(e.left,e.width,t.width,r.align),y:e.top-i-t.height}:r.side===n.LEFT?{x:e.left-i-t.width,y:C(e.top,e.height,t.height,r.align)}:{x:e.right+i,y:C(e.top,e.height,t.height,r.align)},T=(e,t)=>({top:e.y,left:e.x,right:e.x+t.width,bottom:e.y+t.height,width:t.width,height:t.height}),E=(e,t,n,r)=>e===`x`?{min:t.left+n,max:t.right-n-r.width}:{min:t.top+n,max:t.bottom-n-r.height},D=(e,t,n,r,i)=>t<=n?b(t,e,n):b(r,e,i),O=(e,t,n,r,i,a)=>{let{mainAxis:o}=S(t),{x:s,y:c}=e,l=E(o,i,a,r);if(o===`y`){let e=n.top-r.height,t=n.bottom,i=Math.max(l.min,e),a=Math.min(l.max,t);c=D(c,i,a,l.min,l.max)}else{let e=n.left-r.width,t=n.right,i=Math.max(l.min,e),a=Math.min(l.max,t);s=D(s,i,a,l.min,l.max)}return{x:s,y:c}},k=(e,t,n)=>{let{anchorSide:r,referenceRect:i,viewportRect:a,viewportPadding:o,mainAxis:s=!0,crossAxis:c=!1}=n,l=p(T(e,t),a,o),{mainAxis:u,crossAxis:d}=S(r),f={x:e.x,y:e.y};return s&&(f=x(u,f,l)),c&&(f=x(d,f,l)),O(f,r,i,t,a,o)},A=e=>e===n.TOP?`top`:e===n.BOTTOM?`bottom`:e===n.LEFT?`left`:`right`,j=(e,t,n)=>{let r=t.bottom-n;return Math.max(0,Math.floor(r-e.y))},M=e=>{let t=s(e.placement),n=e.flip?[t,y(t)]:[t],r={anchor:t,coordinates:w(e.referenceRect,e.floatingSize,t,e.offset),strategy:o.PREFERRED};for(let i of n){let n=w(e.referenceRect,e.floatingSize,i,e.offset);if(!m(p(T(n,e.floatingSize),e.viewportRect,e.viewportPadding),A(i.side)))return{anchor:i,coordinates:n,strategy:i===t?o.PREFERRED:o.FLIP};r={anchor:i,coordinates:n,strategy:o.FLIP}}return r},N=(e,t)=>!e.shift||!h(p(T(t.coordinates,e.floatingSize),e.viewportRect,e.viewportPadding))?t:{...t,coordinates:k(t.coordinates,e.floatingSize,{anchorSide:t.anchor.side,referenceRect:e.referenceRect,viewportRect:e.viewportRect,viewportPadding:e.viewportPadding}),strategy:o.SHIFT},P=(e,t)=>{if(!e.fitViewport)return{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0};let r=j(t.coordinates,e.viewportRect,e.viewportPadding),i=e.referenceRect.top-e.offset;if(t.anchor.side===n.TOP){let t=e.viewportRect.top+e.viewportPadding,n=Math.max(0,Math.floor(i-t));r=Math.min(r,n)}return r>=e.floatingSize.height?{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0}:{coordinates:t.anchor.side===n.TOP?{...t.coordinates,y:i-r}:t.coordinates,strategy:o.SIZE,maxHeight:r}},F=e=>{let t=N(e,M(e)),n=P(e,t);return{x:n.coordinates.x,y:n.coordinates.y,resolvedPlacement:c(t.anchor),strategy:n.strategy,maxHeight:n.maxHeight}},I=()=>{let e=window.visualViewport;return e?{top:e.offsetTop,left:e.offsetLeft,right:e.offsetLeft+e.width,bottom:e.offsetTop+e.height,width:e.width,height:e.height}:{top:0,left:0,right:window.innerWidth,bottom:window.innerHeight,width:window.innerWidth,height:window.innerHeight}},L=e=>({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),R=/auto|scroll|overlay|hidden|clip/,z=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>R.test(e))},B=(e,t)=>{let n=Math.max(e.top,t.top),r=Math.max(e.left,t.left),i=Math.min(e.right,t.right),a=Math.min(e.bottom,t.bottom);return{top:n,left:r,right:i,bottom:a,width:Math.max(0,i-r),height:Math.max(0,a-n)}},V=e=>{let t=I();if(!e)return t;let n=e.parentElement;for(;n;)z(n)&&(t=B(t,n.getBoundingClientRect())),n=n.parentElement;return t},H=/auto|scroll|overlay/,U=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>H.test(e))},W=e=>{let t=[],n=e?.parentElement??null;for(;n;)U(n)&&t.push(n),n=n.parentElement;return t},G=e=>e?e instanceof HTMLElement?e:e.$el instanceof HTMLElement?e.$el:null:null,K=e=>{let t=e.trim();if(!t)return;let n=parseFloat(t);if(!Number.isNaN(n))return n},q=e=>{let t=getComputedStyle(e);return{arrowSize:K(t.getPropertyValue(`--s-ui-dropdown-arrow-size`))??12,arrowPadding:K(t.getPropertyValue(`--s-ui-dropdown-arrow-padding`))??8}},J=(e,t,n)=>{if(!n)return t;let r=e.firstElementChild;return r instanceof HTMLElement?Math.max(r.scrollHeight,t):Math.max(e.scrollHeight,t)},Y=(t,n)=>(0,e.toValue)(t??n),X=(e,t)=>e&&t instanceof HTMLElement?q(t):{arrowSize:12,arrowPadding:8},Z=(e,t,n,r,i,a,o)=>{let c=v(r,a),l=p(T({x:e.x,y:e.y},n),i,a),u=_(t,c),d=s(e.resolvedPlacement).side,f=o?!g(l,d):!h(l);return u&&f},Q=n=>{let r=(0,e.shallowRef)(null),o=(0,e.shallowRef)(void 0),s=(0,e.shallowRef)(i.BOTTOM_START),c=(0,e.shallowRef)(!1),l=(0,e.shallowRef)(0),u=(0,e.shallowRef)(null),d=(0,e.shallowRef)(!1),p=[],m=()=>{(0,e.toValue)(n.open)&&b()},h=()=>{for(let e of p)e();p=[]},g=()=>{h();let t=G((0,e.toValue)(n.reference));for(let e of W(t))e.addEventListener(`scroll`,m,{capture:!0,passive:!0}),p.push(()=>{e.removeEventListener(`scroll`,m,{capture:!0})})};(0,t.useEventListener)(window,`scroll`,m,{capture:!0}),(0,t.useEventListener)(document,`scroll`,m,{capture:!0}),(0,t.useEventListener)(()=>document.documentElement,`scroll`,m,{capture:!0}),(0,t.useEventListener)(()=>window.visualViewport??null,`scroll`,m,{passive:!0});let _=()=>({matchReferenceWidth:Y(n.matchReferenceWidth,!1),fitViewport:Y(n.fitViewport,!1),shift:Y(n.shift,!1),baseOffset:Y(n.offset,8),viewportPadding:Y(n.viewportPadding,8),hasArrow:Y(n.arrow,!1),placement:Y(n.placement,i.BOTTOM_START),flip:Y(n.flip,!0),boundary:Y(n.boundary,a.CLIPPING_ANCESTORS)}),v=(e,t)=>{if(!e){u.value=null,d.value=!1;return}let n=f({referenceRect:t.referenceRect,floatingCoordinates:{x:t.result.x,y:t.result.y},floatingSize:t.renderedFloatingSize,resolvedPlacement:t.result.resolvedPlacement,arrowSize:t.arrowSize,arrowPadding:t.arrowPadding});u.value=n,d.value=n.isOverflow},y=()=>{if(!(0,e.toValue)(n.open))return;let t=G((0,e.toValue)(n.reference)),i=(0,e.toValue)(n.panel);if(!t||!i)return;let u=_(),d=L(t.getBoundingClientRect()),f=L(i.getBoundingClientRect());l.value=Math.round(d.width);let p=i.firstElementChild,{arrowSize:m,arrowPadding:h}=X(u.hasArrow,p),g=u.hasArrow?u.baseOffset+m/2:u.baseOffset,y={width:u.matchReferenceWidth&&d.width>0?d.width:f.width,height:J(i,f.height,u.fitViewport)},b=V(t),x=u.boundary===a.VIEWPORT?I():b,S=F({referenceRect:d,floatingSize:y,placement:u.placement,offset:g,flip:u.flip,shift:u.shift,fitViewport:u.fitViewport,viewportRect:x,viewportPadding:u.viewportPadding});r.value={x:S.x,y:S.y},o.value=S.maxHeight,s.value=S.resolvedPlacement;let C={width:y.width,height:S.maxHeight??y.height};c.value=Z(S,d,C,b,x,u.viewportPadding,u.shift),v(u.hasArrow,{referenceRect:d,result:S,renderedFloatingSize:C,arrowSize:m,arrowPadding:h})},b=()=>{y()},x=(0,e.computed)(()=>{let t=(0,e.toValue)(n.matchReferenceWidth??!1);if(!(0,e.toValue)(n.open)||!r.value)return{position:`fixed`,top:`0`,left:`0`,visibility:`hidden`,pointerEvents:`none`};let i={position:`fixed`,top:`0`,left:`0`,transform:`translate(${r.value.x}px, ${r.value.y}px)`,visibility:c.value?`visible`:`hidden`,pointerEvents:c.value?`auto`:`none`};if(t&&l.value>0){let e=`${Math.round(l.value)}px`;i.width=e,i.minWidth=e,i.maxWidth=e}return i}),S=(0,e.computed)(()=>{if(!(0,e.toValue)(n.open)||!(0,e.toValue)(n.arrow??!1)||!u.value)return;let t=u.value;return{[t.crossAxisProperty]:`${t.crossAxisPosition}px`}}),C=()=>{n.onOpenChange?.(!1)};return(0,e.watch)(()=>(0,e.toValue)(n.open),async t=>{if(t){c.value=!1,await(0,e.nextTick)(),g(),b();return}c.value=!1,r.value=null,o.value=void 0,u.value=null,d.value=!1,h()}),(0,e.watch)([()=>(0,e.toValue)(n.placement??i.BOTTOM_START),()=>(0,e.toValue)(n.offset??8),()=>(0,e.toValue)(n.flip??!0),()=>(0,e.toValue)(n.shift??!1),()=>(0,e.toValue)(n.matchReferenceWidth??!1),()=>(0,e.toValue)(n.fitViewport??!1),()=>(0,e.toValue)(n.viewportPadding??8),()=>(0,e.toValue)(n.arrow??!1),()=>(0,e.toValue)(n.boundary??a.CLIPPING_ANCESTORS)],async()=>{(0,e.toValue)(n.open)&&(c.value=!1,await(0,e.nextTick)(),b())}),(0,t.useResizeObserver)(()=>G((0,e.toValue)(n.reference)),()=>{(0,e.toValue)(n.open)&&b()}),(0,t.useResizeObserver)(()=>(0,e.toValue)(n.panel),()=>{(0,e.toValue)(n.open)&&b()}),(0,t.useEventListener)(window,`resize`,()=>{(0,e.toValue)(n.open)&&b()}),(0,t.useEventListener)(()=>window.visualViewport??null,`resize`,()=>{(0,e.toValue)(n.open)&&b()}),(0,t.onClickOutside)(()=>(0,e.toValue)(n.panel),()=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnClickOutside??!0)||C()},{ignore:[(0,e.computed)(()=>G((0,e.toValue)(n.reference))),`.s-ui-dropdown`,`.s-ui-dropdown__panel`]}),(0,t.useEventListener)(window,`keydown`,t=>{!(0,e.toValue)(n.open)||!(0,e.toValue)(n.dismissOnEscape??!0)||t.key===`Escape`&&C()}),(0,e.onScopeDispose)(()=>{h()}),{panelStyles:x,panelMaxHeight:o,resolvedPlacement:s,isPositionReady:c,referenceWidth:l,arrowStyles:S,isArrowOverflow:d,updatePosition:b}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return Q}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.65.0",
+  "version": "1.66.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",