@shtabapp/ui-kit 1.64.1 → 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.64.1",
+  "version": "1.66.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -274,8 +274,8 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
-    "@shtabapp/ui-kit-tokens": "^1.20.0",
-    "@shtabapp/ui-kit-primitives": "^1.32.0"
+    "@shtabapp/ui-kit-primitives": "^1.32.0",
+    "@shtabapp/ui-kit-tokens": "^1.20.0"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",

package/dist/SButton-9dLbCJvh.cjs

@@ -1 +0,0 @@
-const e=require("./SBadge-d1GOPFP-.cjs"),t=require("./SButton.types-UKroD-ev.cjs"),n=require("./context-kCi2xRHY.cjs"),r=require("./useSelectionGroup-NJvi3hNo.cjs"),i=require("./useSelectLink-DZIAhQ2J.cjs"),a=require("./useLink-1LLWpdDZ.cjs");let o=require("vue"),s=require("@shtabapp/ui-kit-primitives");var c={offsetX:1,offsetY:-1},l={[t.n.SMALL]:{offsetX:-6,offsetY:6},[t.n.MEDIUM]:{offsetX:-7,offsetY:7},[t.n.LARGE]:{offsetX:-8,offsetY:8}},u={[t.n.SMALL]:e.i.SMALL,[t.n.MEDIUM]:e.i.SMALL,[t.n.LARGE]:e.i.MEDIUM},d=({color:t,counterValue:n})=>{if(typeof n==`number`)return{anchored:!0,color:t,offsetX:c.offsetX,offsetY:c.offsetY,placement:e.r.TOP_END,size:e.i.MEDIUM,value:n}},f=({buttonSize:t,color:n,indicator:r})=>{if(!r)return;let i=l[t];return{anchored:!0,color:n,offsetX:i.offsetX,offsetY:i.offsetY,placement:e.r.TOP_END,size:u[t]}},p=({badgeColor:t,counter:n,indicator:r,size:i})=>({buttonBadgeProps:(0,o.computed)(()=>{let a=(0,o.toValue)(t)||e.n.MAIN;return d({color:a,counterValue:(0,o.toValue)(n)})||f({buttonSize:(0,o.toValue)(i),color:a,indicator:(0,o.toValue)(r)})})}),m=[`aria-hidden`],h={key:0,class:`s-ui-button__spinner`,"aria-hidden":`true`},g=(0,o.defineComponent)({inheritAttrs:!1,__name:`SButton`,props:{appearance:{},badgeColor:{},counter:{},disabled:{type:Boolean,default:!1},icon:{},iconLeft:{},iconRight:{},indicator:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},size:{},value:{},variant:{},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},setup(c){let l=(0,o.inject)(n.t,null),u=(0,o.useAttrs)(),d=(0,o.computed)(()=>r.a(c.appearance,l?(0,o.toValue)(l.appearance):void 0,t.t.MAJOR)),f=(0,o.computed)(()=>r.a(c.variant,l?(0,o.toValue)(l.variant):void 0,t.r.MAIN)),g=(0,o.computed)(()=>r.a(c.size,l?(0,o.toValue)(l.size):void 0,t.n.MEDIUM)),_=(0,o.computed)(()=>c.disabled||!!(l&&(0,o.toValue)(l.disabled))),v=(0,o.useTemplateRef)(`buttonRootRef`),{buttonBadgeProps:y}=p({badgeColor:()=>c.badgeColor,counter:()=>c.counter,indicator:()=>c.indicator,size:()=>g.value}),b=a.t(()=>c.link,()=>c.exact,()=>c.replace),x=b.linkPresentation;i.t({isRouterLink:b.isRouterLink,isActive:b.isActive,group:()=>l,value:()=>c.value});let S=(0,o.computed)(()=>{let e=x.value;return e.mode===`none`?`button`:e.rootTag}),C=(0,o.computed)(()=>S.value===`button`),w=(0,o.computed)(()=>_.value||c.loading),T=i.n({group:l,value:()=>c.value,el:v,disabled:_,interactive:()=>!w.value}),E=(0,o.computed)(()=>b.isRouterLink.value?b.isActive.value:T.isActive.value),D=(0,o.computed)(()=>[`s-ui-button`,`s-ui-button--tab-focus`,`s-ui-button--appearance-${d.value}`,`s-ui-button--variant-${f.value}`,`s-ui-button--size-${g.value}`,{"s-ui-button--disabled":_.value,"s-ui-button--loading":c.loading,"s-ui-button--icon-only":c.icon,"s-ui-button--active":E.value,"s-ui-button--link":x.value.mode!==`none`}]),O=(0,o.computed)(()=>({disabled:C.value?w.value:void 0,"aria-busy":c.loading?!0:void 0,"aria-pressed":T.ariaPressed.value,"aria-checked":T.ariaChecked.value,tabindex:T.tabIndex.value,...a.n(x.value,{replace:c.replace})})),k=(0,o.computed)(()=>({...O.value,...u})),A={[t.n.SMALL]:`s-ui-typography-label-12-medium`,[t.n.MEDIUM]:`s-ui-typography-label-14-medium`,[t.n.LARGE]:`s-ui-typography-label-16-medium`},j=(0,o.computed)(()=>A[g.value]),M={[t.n.SMALL]:16,[t.n.MEDIUM]:20,[t.n.LARGE]:24},N=(0,o.computed)(()=>M[g.value]),P=(0,o.computed)(()=>_.value||c.loading?!1:f.value===t.r.BILLING&&d.value!==t.t.MAJOR),F=(0,o.computed)(()=>f.value===t.r.BILLING&&d.value!==t.t.MAJOR),I=e=>{if(!w.value){if(b.isRouterLink.value&&(e.key===`Enter`||e.key===` `||e.key===`Spacebar`)){e.preventDefault(),b.navigate();return}T.handleKeydown(e)}},L=e=>{if(w.value){e.preventDefault(),e.stopPropagation();return}b.isRouterLink.value||T.handleClick()};return(t,n)=>((0,o.openBlock)(),(0,o.createBlock)((0,o.resolveDynamicComponent)(S.value),(0,o.mergeProps)({ref_key:`buttonRootRef`,ref:v,class:D.value},k.value,{onClick:L,onKeydown:I}),{default:(0,o.withCtx)(()=>[(0,o.createElementVNode)(`span`,{class:`s-ui-button__inner`,"aria-hidden":c.loading?!0:void 0},[c.icon?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.SIcon),{key:0,name:c.icon,size:N.value,billing:P.value},null,8,[`name`,`size`,`billing`])):((0,o.openBlock)(),(0,o.createElementBlock)(o.Fragment,{key:1},[c.iconLeft?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.SIcon),{key:0,name:c.iconLeft,size:N.value,billing:P.value},null,8,[`name`,`size`,`billing`])):(0,o.createCommentVNode)(``,!0),(0,o.createElementVNode)(`span`,{class:(0,o.normalizeClass)([`s-ui-button__label`,j.value])},[(0,o.renderSlot)(t.$slots,`default`)],2),c.iconRight?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(s.SIcon),{key:1,name:c.iconRight,size:N.value,billing:P.value},null,8,[`name`,`size`,`billing`])):(0,o.createCommentVNode)(``,!0)],64))],8,m),c.loading?((0,o.openBlock)(),(0,o.createElementBlock)(`span`,h,[(0,o.createVNode)((0,o.unref)(s.SSpinner),{billing:F.value,size:N.value},null,8,[`billing`,`size`])])):(0,o.createCommentVNode)(``,!0),(0,o.unref)(y)?((0,o.openBlock)(),(0,o.createBlock)((0,o.unref)(e.t),(0,o.normalizeProps)((0,o.mergeProps)({key:1},(0,o.unref)(y))),null,16)):(0,o.createCommentVNode)(``,!0)]),_:3},16,[`class`]))}});Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return g}});

package/dist/SButton.types-CpdHQtyx.js

@@ -1,10 +0,0 @@
-//#region src/components/SButton/SButton.types.ts
-var e = /* @__PURE__ */ function(e) {
-	return e.MAJOR = "major", e.MINOR = "minor", e.SURFACE = "surface", e.OUTLINED = "outlined", e.BARE = "bare", e;
-}({}), t = /* @__PURE__ */ function(e) {
-	return e.MAIN = "main", e.NEUTRAL = "neutral", e.DANGER = "danger", e.SUCCESS = "success", e.BILLING = "billing", e;
-}({}), n = /* @__PURE__ */ function(e) {
-	return e.SMALL = "small", e.MEDIUM = "medium", e.LARGE = "large", e;
-}({});
-//#endregion
-export { n, t as r, e as t };

package/dist/SButton.types-UKroD-ev.cjs

@@ -1 +0,0 @@
-var e=function(e){return e.MAJOR=`major`,e.MINOR=`minor`,e.SURFACE=`surface`,e.OUTLINED=`outlined`,e.BARE=`bare`,e}({}),t=function(e){return e.MAIN=`main`,e.NEUTRAL=`neutral`,e.DANGER=`danger`,e.SUCCESS=`success`,e.BILLING=`billing`,e}({}),n=function(e){return e.SMALL=`small`,e.MEDIUM=`medium`,e.LARGE=`large`,e}({});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return e}});

package/dist/SChip-nzYT9SEi.cjs

@@ -1 +0,0 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./SButton-9dLbCJvh.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),a=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),o=[`tabindex`,`aria-disabled`,`inert`],s={class:`s-ui-chip__content`},c={key:0,class:`s-ui-chip__icon`},l={key:1,class:`s-ui-chip__prefix`},u={key:0,class:`s-ui-chip__actions`},d={key:0,class:`s-ui-chip__action-delete`},f=(0,n.defineComponent)({__name:`SChip`,props:{color:{default:()=>i.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>a.SIZE_32},deletable:{type:Boolean,default:!1},selected:{type:Boolean,default:!1}},emits:[`delete`],setup(f,{emit:p}){let m=p,{t:h}=(0,r.useUiKitI18n)(),g=(0,n.useSlots)(),_=(0,n.computed)(()=>f.color===i.BILLING),v=(0,n.computed)(()=>f.disabled?!1:_.value),y=(0,n.computed)(()=>f.disabled?-1:0),b=(0,n.computed)(()=>!!g.actions||f.deletable),x=()=>{m(`delete`)},S=(0,n.computed)(()=>[`s-ui-chip--color-${f.color}`,`s-ui-chip--size-${f.size}`,{"s-ui-chip--disabled":f.disabled,"s-ui-chip--selected":f.selected}]),C=(0,n.computed)(()=>f.size===a.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),w={[a.SIZE_20]:16,[a.SIZE_24]:20,[a.SIZE_32]:20},T=(0,n.computed)(()=>w[f.size]);return(r,i)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`s-ui-chip`,S.value]),tabindex:y.value,role:`group`,"aria-disabled":f.disabled?!0:void 0,inert:f.disabled?!0:void 0},[(0,n.createElementVNode)(`span`,s,[(0,n.unref)(g).icon?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,c,[(0,n.renderSlot)(r.$slots,`icon`,{billing:v.value,disabled:f.disabled,size:T.value})])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(g).prefix?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(r.$slots,`prefix`,{disabled:f.disabled,size:f.size})])):(0,n.createCommentVNode)(``,!0),(0,n.unref)(g).default?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{key:2,class:(0,n.normalizeClass)([`s-ui-chip__label`,C.value])},[(0,n.renderSlot)(r.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0)]),b.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(r.$slots,`actions`,{billing:_.value,disabled:f.disabled}),f.deletable?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.createVNode)((0,n.unref)(t.t),{appearance:(0,n.unref)(e.t).BARE,variant:(0,n.unref)(e.r).NEUTRAL,size:(0,n.unref)(e.n).SMALL,disabled:f.disabled,tabindex:-1,icon:`closeMini`,"aria-label":(0,n.unref)(h)(`chip.delete`),onClick:(0,n.withModifiers)(x,[`stop`])},null,8,[`appearance`,`variant`,`size`,`disabled`,`aria-label`])])):(0,n.createCommentVNode)(``,!0)])):(0,n.createCommentVNode)(``,!0)],10,o))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return f}});