@shtabapp/ui-kit 1.65.0 → 1.67.0

package/dist/useFloatingOverlay-Dp44TxvN.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=.5,m=e=>e>p,h=(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}},g=(e,t)=>m(t===`top`?e.top:t===`bottom`?e.bottom:t===`left`?e.left:e.right),_=e=>m(e.top)||m(e.bottom)||m(e.left)||m(e.right),v=(e,t)=>t===n.TOP||t===n.BOTTOM?m(e.left)||m(e.right):m(e.top)||m(e.bottom),y=(e,t)=>e.bottom>t.top&&e.top<t.bottom&&e.right>t.left&&e.left<t.right,b=(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)}},x=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},S=(e,t,n)=>Math.min(Math.max(t,e),n),C=(e,t,n)=>e===`y`?{x:t.x,y:S(t.y+n.top,t.y,t.y-n.bottom)}:{x:S(t.x+n.left,t.x,t.x-n.right),y:t.y},w=e=>e===n.TOP||e===n.BOTTOM?{mainAxis:`x`,crossAxis:`y`}:{mainAxis:`y`,crossAxis:`x`},T=(e,t,n,i)=>i===r.START?e:i===r.END?e+t-n:e+(t-n)/2,E=(e,t,r,i)=>r.side===n.BOTTOM?{x:T(e.left,e.width,t.width,r.align),y:e.bottom+i}:r.side===n.TOP?{x:T(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:T(e.top,e.height,t.height,r.align)}:{x:e.right+i,y:T(e.top,e.height,t.height,r.align)},D=(e,t)=>({top:e.y,left:e.x,right:e.x+t.width,bottom:e.y+t.height,width:t.width,height:t.height}),O=(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},k=(e,t,n,r,i)=>t<=n?S(t,e,n):S(r,e,i),A=(e,t,n,r,i,a)=>{let{mainAxis:o}=w(t),{x:s,y:c}=e,l=O(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=k(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=k(s,i,a,l.min,l.max)}return{x:s,y:c}},j=(e,t,n)=>{let{anchorSide:r,referenceRect:i,viewportRect:a,viewportPadding:o,mainAxis:s=!0,crossAxis:c=!1}=n,l=h(D(e,t),a,o),{mainAxis:u,crossAxis:d}=w(r),f={x:e.x,y:e.y};return s&&(f=C(u,f,l)),c&&(f=C(d,f,l)),A(f,r,i,t,a,o)},M=e=>e===n.TOP?`top`:e===n.BOTTOM?`bottom`:e===n.LEFT?`left`:`right`,N=(e,t,n)=>{let r=t.bottom-n;return Math.max(0,Math.floor(r-e.y))},P=e=>{let t=s(e.placement),n=e.flip?[t,x(t)]:[t],r={anchor:t,coordinates:E(e.referenceRect,e.floatingSize,t,e.offset),strategy:o.PREFERRED};for(let i of n){let n=E(e.referenceRect,e.floatingSize,i,e.offset);if(!g(h(D(n,e.floatingSize),e.viewportRect,e.viewportPadding),M(i.side)))return{anchor:i,coordinates:n,strategy:i===t?o.PREFERRED:o.FLIP};r={anchor:i,coordinates:n,strategy:o.FLIP}}return r},F=(e,t)=>!e.shift||!_(h(D(t.coordinates,e.floatingSize),e.viewportRect,e.viewportPadding))?t:{...t,coordinates:j(t.coordinates,e.floatingSize,{anchorSide:t.anchor.side,referenceRect:e.referenceRect,viewportRect:e.viewportRect,viewportPadding:e.viewportPadding}),strategy:o.SHIFT},I=(e,t)=>{if(!e.fitViewport)return{coordinates:t.coordinates,strategy:t.strategy,maxHeight:void 0};let r=N(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}},L=e=>{let t=F(e,P(e)),n=I(e,t);return{x:n.coordinates.x,y:n.coordinates.y,resolvedPlacement:c(t.anchor),strategy:n.strategy,maxHeight:n.maxHeight}},R=()=>{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}},z=e=>({top:e.top,left:e.left,right:e.right,bottom:e.bottom,width:e.width,height:e.height}),B=/auto|scroll|overlay|hidden|clip/,V=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>B.test(e))},H=(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)}},U=e=>{let t=R();if(!e)return t;let n=e.parentElement;for(;n;)V(n)&&(t=H(t,n.getBoundingClientRect())),n=n.parentElement;return t},W=/auto|scroll|overlay/,G=e=>{let t=window.getComputedStyle(e);return[t.overflow,t.overflowX,t.overflowY].some(e=>W.test(e))},K=e=>{let t=[],n=e?.parentElement??null;for(;n;)G(n)&&t.push(n),n=n.parentElement;return t},q=e=>e?e instanceof HTMLElement?e:e.$el instanceof HTMLElement?e.$el:null:null,J=e=>{let t=e.trim();if(!t)return;let n=parseFloat(t);if(!Number.isNaN(n))return n},Y=e=>{let t=getComputedStyle(e);return{arrowSize:J(t.getPropertyValue(`--s-ui-dropdown-arrow-size`))??12,arrowPadding:J(t.getPropertyValue(`--s-ui-dropdown-arrow-padding`))??8}},X=(e,t,n)=>{if(!n)return t;let r=e.firstElementChild;if(!(r instanceof HTMLElement))return Math.max(e.scrollHeight,t);let i=Math.max(0,t-r.clientHeight);return r.scrollHeight+i},Z=(t,n)=>(0,e.toValue)(t??n),Q=(e,t)=>e&&t instanceof HTMLElement?Y(t):{arrowSize:12,arrowPadding:8},$=(e,t,n,r,i,a,o,c)=>{let l=b(i,o),u=h(D(t,r),a,o),d=y(n,l),f=s(e.resolvedPlacement).side,p=c?!v(u,f):!_(u);return d&&p},ee=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=q((0,e.toValue)(n.reference));for(let e of K(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:Z(n.matchReferenceWidth,!1),fitViewport:Z(n.fitViewport,!1),shift:Z(n.shift,!1),baseOffset:Z(n.offset,8),viewportPadding:Z(n.viewportPadding,8),hasArrow:Z(n.arrow,!1),placement:Z(n.placement,i.BOTTOM_START),flip:Z(n.flip,!0),boundary:Z(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=q((0,e.toValue)(n.reference)),i=(0,e.toValue)(n.panel);if(!t||!i)return;let u=_(),d=z(t.getBoundingClientRect()),f=z(i.getBoundingClientRect());l.value=Math.round(d.width);let p=i.firstElementChild,{arrowSize:m,arrowPadding:h}=Q(u.hasArrow,p),g=u.hasArrow?u.baseOffset+m/2:u.baseOffset,y={width:u.matchReferenceWidth&&d.width>0?d.width:f.width,height:X(i,f.height,u.fitViewport)},b=U(t),x=u.boundary===a.VIEWPORT?R():b,S=L({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:Math.round(S.x),y:Math.round(S.y)},o.value=S.maxHeight===void 0?void 0:Math.floor(S.maxHeight),s.value=S.resolvedPlacement;let C={width:y.width,height:o.value??y.height};c.value=$(S,r.value,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)(()=>q((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)(()=>q((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 L}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return ee}});

package/dist/{useFloatingOverlay-QcumEYEq.js → useFloatingOverlay-b9_eDGNE.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 = .5, x = (e) => e > b, S = (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) => {
+}, C = (e, t) => x(t === "top" ? e.top : t === "bottom" ? e.bottom : t === "left" ? e.left : e.right), w = (e) => x(e.top) || x(e.bottom) || x(e.left) || x(e.right), T = (e, t) => t === l.TOP || t === l.BOTTOM ? x(e.left) || x(e.right) : x(e.top) || x(e.bottom), E = (e, t) => e.bottom > t.top && e.top < t.bottom && e.right > t.left && e.left < t.right, D = (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 ? {
+}, O = (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" ? {
+}, k = (e, t, n) => Math.min(Math.max(t, e), n), A = (e, t, n) => e === "y" ? {
 	x: t.x,
-	y: E(t.y + n.top, t.y, t.y - n.bottom)
+	y: k(t.y + n.top, t.y, t.y - n.bottom)
 } : {
-	x: E(t.x + n.left, t.x, t.x - n.right),
+	x: k(t.x + n.left, t.x, t.x - n.right),
 	y: t.y
-}, O = (e) => e === l.TOP || e === l.BOTTOM ? {
+}, j = (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),
+}, M = (e, t, n, r) => r === u.START ? e : r === u.END ? e + t - n : e + (t - n) / 2, N = (e, t, n, r) => n.side === l.BOTTOM ? {
+	x: M(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: M(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: M(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: M(e.top, e.height, t.height, n.align)
+}, P = (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" ? {
+}), F = (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);
+}, I = (e, t, n, r, i) => t <= n ? k(t, e, n) : k(r, e, i), L = (e, t, n, r, i, a) => {
+	let { mainAxis: o } = j(t), { x: s, y: c } = e, l = F(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 = I(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 = I(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 = {
+}, R = (e, t, n) => {
+	let { anchorSide: r, referenceRect: i, viewportRect: a, viewportPadding: o, mainAxis: s = !0, crossAxis: c = !1 } = n, l = S(P(e, t), a, o), { mainAxis: u, crossAxis: d } = j(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 = A(u, f, l)), c && (f = A(d, f, l)), L(f, r, i, t, a, o);
+}, z = (e) => e === l.TOP ? "top" : e === l.BOTTOM ? "bottom" : e === l.LEFT ? "left" : "right", B = (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 = {
+}, V = (e) => {
+	let t = m(e.placement), n = e.flip ? [t, O(t)] : [t], r = {
 		anchor: t,
-		coordinates: A(e.referenceRect, e.floatingSize, t, e.offset),
-		strategy: f.PREFERRED
+		coordinates: N(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 = N(e.referenceRect, e.floatingSize, i, e.offset);
+		if (!C(S(P(n, e.floatingSize), e.viewportRect, e.viewportPadding), z(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 : {
+}, H = (e, t) => !e.shift || !w(S(P(t.coordinates, e.floatingSize), e.viewportRect, e.viewportPadding)) ? t : {
 	...t,
-	coordinates: F(t.coordinates, e.floatingSize, {
+	coordinates: R(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
+}, U = (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 = B(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);
+}, W = (e) => {
+	let t = H(e, V(e)), n = U(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 = () => {
+}, G = () => {
 	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) => ({
+}, K = (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) => {
+}), q = /auto|scroll|overlay|hidden|clip/, J = (e) => {
 	let t = window.getComputedStyle(e);
 	return [
 		t.overflow,
 		t.overflowX,
 		t.overflowY
-	].some((e) => W.test(e));
-}, K = (e, t) => {
+	].some((e) => q.test(e));
+}, Y = (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,64 @@ var l = /* @__PURE__ */ function(e) {
 		width: Math.max(0, i - r),
 		height: Math.max(0, a - n)
 	};
-}, q = (e) => {
-	let t = H();
+}, X = (e) => {
+	let t = G();
 	if (!e) return t;
 	let n = e.parentElement;
-	for (; n;) G(n) && (t = K(t, n.getBoundingClientRect())), n = n.parentElement;
+	for (; n;) J(n) && (t = Y(t, n.getBoundingClientRect())), n = n.parentElement;
 	return t;
-}, J = /auto|scroll|overlay/, Y = (e) => {
+}, ee = /auto|scroll|overlay/, te = (e) => {
 	let t = window.getComputedStyle(e);
 	return [
 		t.overflow,
 		t.overflowX,
 		t.overflowY
-	].some((e) => J.test(e));
-}, X = (e) => {
+	].some((e) => ee.test(e));
+}, ne = (e) => {
 	let t = [], n = e?.parentElement ?? null;
-	for (; n;) Y(n) && t.push(n), n = n.parentElement;
+	for (; n;) te(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) => {
+}, re = (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) => {
+}, ie = (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) : {
+	if (!(r instanceof HTMLElement)) return Math.max(e.scrollHeight, t);
+	let i = Math.max(0, t - r.clientHeight);
+	return r.scrollHeight + i;
+}, $ = (e, t) => i(e ?? t), ae = (e, t) => e && t instanceof HTMLElement ? re(t) : {
 	arrowSize: 12,
 	arrowPadding: 8
-}, re = (e, t, n, r, i, a) => {
-	let o = w(r, i), s = y(j({
-		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 = [];
+}, oe = (e, t, n, r, i, a, o, s) => {
+	let c = D(i, o), l = S(P(t, r), a, o), u = E(n, c), d = m(e.resolvedPlacement).side, f = s ? !T(l, d) : !w(l);
+	return u && f;
+}, se = (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 ne(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 +350,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 +368,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 = K(e.getBoundingClientRect()), a = K(t.getBoundingClientRect());
+		g.value = Math.round(r.width);
+		let o = t.firstElementChild, { arrowSize: s, arrowPadding: c } = ae(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: ie(t, a.height, n.fitViewport)
+		}, v = X(e), y = n.boundary === f.VIEWPORT ? G() : v, b = W({
 			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: Math.round(b.x),
+			y: Math.round(b.y)
+		}, p.value = b.maxHeight === void 0 ? void 0 : Math.floor(b.maxHeight), m.value = b.resolvedPlacement;
+		let x = {
+			width: _.width,
+			height: p.value ?? _.height
 		};
-		m.value = re(v, r, y, _, n.viewportPadding, n.shift), w(n.hasArrow, {
+		h.value = oe(b, u.value, 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 +420,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 +449,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, W as n, p as r, se as t };

package/package.json

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

package/dist/SButton-BN-PppY7.cjs

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