@shtabapp/ui-kit 1.79.0 → 1.81.0

package/package.json

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

package/dist/SBadge-d1GOPFP-.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.DANGER=`danger`,e.MAIN=`main`,e.SUCCESS=`success`,e.WARNING=`warning`,e.GRAY=`gray`,e.WHITE=`white`,e.BILLING=`billing`,e.DISABLED=`disabled`,e}({}),r=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),i=function(e){return e.TOP_END=`top-end`,e.TOP_START=`top-start`,e.BOTTOM_END=`bottom-end`,e.BOTTOM_START=`bottom-start`,e}({}),a={key:0,class:`s-ui-badge-anchor`},o=[`aria-label`],s={key:1,class:`s-ui-badge__dot`},c={key:2,class:`s-ui-badge__label s-ui-typography-label-10-medium`},l=[`aria-label`],u={key:1,class:`s-ui-badge__dot`},d={key:2,class:`s-ui-badge__label s-ui-typography-label-10-medium`},f=16,p=(0,e.defineComponent)({__name:`SBadge`,props:{anchored:{type:Boolean,default:!1},color:{default:()=>n.DANGER},value:{},max:{},label:{},icon:{},size:{default:()=>r.SMALL},placement:{default:()=>i.TOP_END},offsetX:{default:0},offsetY:{default:0}},setup(n){let i=(0,e.useSlots)(),p=(0,e.computed)(()=>!!(i.default||n.anchored)),m=(0,e.computed)(()=>typeof n.value==`number`),h=(0,e.computed)(()=>typeof n.value==`number`?n.max&&n.value>n.max?`${n.max}+`:String(n.value):``),g=(0,e.computed)(()=>h.value.length===1),_=(0,e.computed)(()=>!!n.icon),v=(0,e.computed)(()=>!_.value&&!m.value),y=(0,e.computed)(()=>[`s-ui-badge--color-${n.color}`,{"s-ui-badge--anchored":p.value,"s-ui-badge--single":g.value&&!_.value,"s-ui-badge--with-dot":v.value,"s-ui-badge--with-icon":_.value,[`s-ui-badge--size-${n.size}`]:n.size!==r.SMALL||_.value||v.value,[`s-ui-badge--placement-${n.placement}`]:p.value}]),b=(0,e.computed)(()=>{if(p.value)return{"--s-ui-badge-offset-x":`${n.offsetX}px`,"--s-ui-badge-offset-y":`${n.offsetY}px`}}),x=(0,e.computed)(()=>{if(n.label)return n.label;if(n.icon)return n.icon;if(h.value)return h.value});return(r,p)=>(0,e.unref)(i).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(r.$slots,`default`),(0,e.createElementVNode)(`span`,{class:(0,e.normalizeClass)([`s-ui-badge`,y.value]),style:(0,e.normalizeStyle)(b.value),"aria-label":x.value},[n.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-badge__icon`,name:n.icon,size:f},null,8,[`name`])):v.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s)):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,c,(0,e.toDisplayString)(h.value),1))],14,o)])):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:1,class:(0,e.normalizeClass)([`s-ui-badge`,y.value]),style:(0,e.normalizeStyle)(b.value),"aria-label":x.value},[n.icon?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-badge__icon`,name:n.icon,size:f},null,8,[`name`])):v.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,u)):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,d,(0,e.toDisplayString)(h.value),1))],14,l))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/SDropdown-CPfoNHbg.cjs

@@ -1 +0,0 @@
-const e=require("./useFloatingOverlay-CwGCMrig.cjs");let t=require("vue"),n=require("@shtabapp/ui-kit-primitives"),r=require("@vueuse/core");var i=768,a=e=>{let n=(0,t.ref)(e.value),r=(0,t.ref)(e.value);return(0,t.watch)(e,e=>{if(e){n.value=!0,r.value=!0;return}n.value=!1},{flush:`sync`}),{isPanelShown:n,isPanelActive:r,handlePanelAfterLeave:()=>{e.value||(r.value=!1)}}},o=(e,n)=>{let i=(0,r.useMediaQuery)((0,t.computed)(()=>`(max-width: ${((0,t.toValue)(n)||768)-.02}px)`));return(0,t.computed)(()=>(0,t.toValue)(e)&&i.value)},s=Symbol(`SDropdown`),c=e=>{let n=(0,t.inject)(s,null),r=(0,t.shallowReactive)(new Set),i=(0,t.computed)(()=>[...r].filter(e=>e.isOpen())),a=(0,t.computed)(()=>i.value.length>0),o=(0,t.computed)(()=>i.value.flatMap(e=>e.getElements())),c={isOpen:()=>(0,t.toValue)(e.open),getElements:()=>{let n=(0,t.toValue)(e.element);return n?[n,...o.value]:o.value}};return(0,t.provide)(s,{registerChild:e=>{r.add(e)},unregisterChild:e=>{r.delete(e)}}),n&&(n.registerChild(c),(0,t.onScopeDispose)(()=>n.unregisterChild(c))),{hasOpenChild:a,descendantElements:o}},l=e=>{if(!e)return null;let t=e.getBoundingClientRect();if(t.width>0||t.height>0)return e;let n=e.firstElementChild;return n instanceof HTMLElement?n:e},u={OVERDRAG_LIMIT:50,CLOSE_DISTANCE_RATIO:.3,CLOSE_DISTANCE_LIMIT:140,CLOSE_VELOCITY:.5,SETTLE_TIMEOUT:400,INTERACTIVE_SELECTOR:`button, a[href], input, select, textarea, [role="button"], [contenteditable="true"]`},d=e=>{let n=(0,t.shallowRef)(0),i=(0,t.shallowRef)(!1),a=(0,t.shallowRef)(!1),o=null,s=0,c=0,l=0,d=0,f=0,p,m=(0,t.computed)(()=>i.value||a.value),h=()=>{clearTimeout(p),p=void 0,a.value=!1},g=()=>{a.value=!0,clearTimeout(p),p=setTimeout(h,u.SETTLE_TIMEOUT)},_=()=>{o=null,n.value=0,i.value=!1,h()},v=()=>(0,t.toValue)(e.popup)?.offsetHeight??0,y=()=>{let e=d-s;if(e<=0)return!1;let t=f-l;return(t>0?(d-c)/t:0)>=u.CLOSE_VELOCITY?!0:e>=Math.min(v()*u.CLOSE_DISTANCE_RATIO,u.CLOSE_DISTANCE_LIMIT)},b=e=>{o===null&&(e.pointerType===`mouse`&&e.button!==0||e.target instanceof Element&&e.target.closest(u.INTERACTIVE_SELECTOR)||(o=e.pointerId,s=e.clientY,d=e.clientY,c=e.clientY,f=e.timeStamp,l=e.timeStamp,h(),i.value=!0))},x=e=>{o===e.pointerId&&(c=d,l=f,d=e.clientY,f=e.timeStamp,n.value=Math.max(e.clientY-s,-u.OVERDRAG_LIMIT))},S=t=>{if(o===t.pointerId){if(o=null,i.value=!1,y()){a.value=!0,n.value=v()+u.OVERDRAG_LIMIT,e.onClose();return}if(n.value===0){h();return}g(),n.value=0}};return(0,r.useEventListener)(()=>(0,t.toValue)(e.handle),`pointerdown`,b),(0,r.useEventListener)(window,`pointermove`,x),(0,r.useEventListener)(window,`pointerup`,S),(0,r.useEventListener)(window,`pointercancel`,S),(0,r.useEventListener)(()=>(0,t.toValue)(e.popup),`transitionend`,e=>{e.propertyName!==`transform`||i.value||n.value!==0||h()}),(0,t.onScopeDispose)(()=>{clearTimeout(p)}),{isActive:m,popupStyles:(0,t.computed)(()=>{if(m.value)return{transform:`translate3d(0, ${n.value}px, 0)`,transition:a.value?`transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)`:`none`}}),reset:_}},f=[`aria-label`],p={class:`s-ui-dropdown-sheet__side`},m={class:`s-ui-dropdown-sheet__title`},h={class:`s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end`},g=[`id`],_=(0,t.defineComponent)({__name:`SDropdownSheet`,props:{open:{type:Boolean},title:{default:``},dismissOnOverlayClick:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},hasOpenDescendant:{type:Boolean,default:!1},contentId:{}},emits:[`close`],setup(i,{expose:a,emit:o}){let s=o,{t:c}=(0,n.useUiKitI18n)(),l=(0,t.useTemplateRef)(`overlayRef`),u=(0,t.useTemplateRef)(`popupRef`),_=(0,t.useTemplateRef)(`headerRef`),v=()=>s(`close`),{isActive:y,popupStyles:b,reset:x}=d({handle:_,popup:u,onClose:v}),S=(0,r.useScrollLock)(()=>typeof document>`u`?null:document.body),C=()=>{i.dismissOnOverlayClick&&v()},w=e=>{y.value&&e.stopPropagation()},T=()=>x(),E=null,D=()=>{let e=document.activeElement;E=e instanceof HTMLElement?e:null},O=async()=>{await(0,t.nextTick)();let e=u.value;!e||e.contains(document.activeElement)||e.focus({preventScroll:!0})},k=()=>{let e=E,t=!!u.value?.contains(document.activeElement);E=null,!(!t||!e?.isConnected)&&e.focus({preventScroll:!0})};return(0,t.watch)(()=>i.open,e=>{if(S.value=e,e){D(),O();return}k()},{immediate:!0}),e.n({open:()=>i.open,enabled:()=>i.dismissOnEscape,hasOpenDescendant:()=>i.hasOpenDescendant,onDismiss:v}),(0,t.onBeforeUnmount)(()=>{S.value=!1}),a({overlayElement:l}),(e,n)=>((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{name:`s-ui-dropdown-sheet`,onAfterLeave:T},{default:(0,t.withCtx)(()=>[i.open?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,ref_key:`overlayRef`,ref:l,class:`s-ui-dropdown-sheet`,onClick:C},[(0,t.createElementVNode)(`div`,{ref_key:`popupRef`,ref:u,class:`s-ui-dropdown-sheet__popup`,style:(0,t.normalizeStyle)((0,t.unref)(b)),role:`dialog`,"aria-modal":`true`,"aria-label":i.title||(0,t.unref)(c)(`dropdown.sheet`),tabindex:`-1`,onClickCapture:w,onClick:n[0]||=(0,t.withModifiers)(()=>{},[`stop`])},[(0,t.createElementVNode)(`header`,{ref_key:`headerRef`,ref:_,class:`s-ui-dropdown-sheet__header`},[n[1]||=(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown-sheet__handle`,"aria-hidden":`true`},null,-1),(0,t.createElementVNode)(`div`,p,[(0,t.renderSlot)(e.$slots,`header-left`)]),(0,t.createElementVNode)(`div`,m,(0,t.toDisplayString)(i.title),1),(0,t.createElementVNode)(`div`,h,[(0,t.renderSlot)(e.$slots,`header-right`)])],512),(0,t.createElementVNode)(`div`,{id:i.contentId,class:`s-ui-dropdown-sheet__content`},[(0,t.renderSlot)(e.$slots,`default`)],8,g)],44,f)],512)):(0,t.createCommentVNode)(``,!0)]),_:3}))}}),v=[`id`],y=[`data-placement`],b={class:`s-ui-dropdown__content`},x=(0,t.defineComponent)({inheritAttrs:!1,__name:`SDropdown`,props:(0,t.mergeModels)({placement:{default:()=>e.s.BOTTOM_START},offset:{default:8},flip:{type:Boolean,default:!0},shift:{type:Boolean,default:!0},matchReferenceWidth:{type:Boolean,default:!1},fitViewport:{type:Boolean,default:!1},surfaceClass:{},teleportTo:{type:[String,Boolean],default:`body`},dismissOnClickOutside:{type:Boolean,default:!0},dismissOnEscape:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},reference:{default:null},contentId:{},viewportPadding:{default:8},boundary:{default:()=>e.o.CLIPPING_ANCESTORS},block:{type:Boolean,default:!1},arrow:{type:Boolean,default:!1},showOnHover:{type:Boolean,default:!1},hoverLeaveDelay:{default:100},sheet:{type:Boolean,default:!0},sheetBreakpoint:{default:()=>768},sheetTitle:{default:``}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:[`update:modelValue`],setup(n,{expose:i}){let s=(0,t.useModel)(n,`modelValue`),u=o(()=>n.sheet,()=>n.sheetBreakpoint),{isPanelShown:d,isPanelActive:f,handlePanelAfterLeave:p}=a(s),m=e=>{s.value=e},h=()=>m(!1),g=(0,t.useSlots)(),x=(0,t.useTemplateRef)(`triggerWrapperRef`),S=(0,t.useTemplateRef)(`panelRef`),C=(0,t.useTemplateRef)(`sheetRef`),{hasOpenChild:w,descendantElements:T}=c({open:s,element:(0,t.computed)(()=>u.value?C.value?.overlayElement??null:S.value)}),E=(0,t.useId)(),D=(0,t.useId)(),O=(0,t.computed)(()=>n.contentId??E),k=(0,t.computed)(()=>g.trigger?l(x.value):n.reference),A=(0,t.computed)(()=>n.teleportTo!==!1),j=(0,t.computed)(()=>n.teleportTo===!1?`body`:n.teleportTo),M=e.s.BOTTOM_START,N=()=>{n.disabled||m(!0)},P=()=>{n.disabled||(s.value=!s.value)},F=(0,t.computed)(()=>({id:D,"aria-expanded":s.value,"aria-haspopup":`dialog`,"aria-controls":O.value})),{panelStyles:I,panelMaxHeight:L,resolvedPlacement:R,arrowStyles:z,isArrowOverflow:B,isPositionReady:V,updatePosition:H}=e.t({open:()=>f.value&&!u.value,onOpenChange:m,reference:()=>k.value,panel:()=>S.value,placement:()=>n.placement,offset:()=>n.offset,flip:()=>n.flip,shift:()=>n.shift,matchReferenceWidth:()=>n.matchReferenceWidth,fitViewport:()=>n.fitViewport,dismissOnClickOutside:()=>n.dismissOnClickOutside,dismissOnEscape:()=>n.dismissOnEscape,viewportPadding:()=>n.viewportPadding,arrow:()=>n.arrow,boundary:()=>n.boundary,clickOutsideIgnore:T,hasOpenDescendant:w}),U=(0,t.computed)(()=>n.showOnHover&&!u.value),W=(0,t.computed)(()=>U.value?e.r(k.value):null),G=(0,t.computed)(()=>U.value?S.value:null),K=(0,r.useElementHover)(W,{delayLeave:n.hoverLeaveDelay}),q=(0,r.useElementHover)(G,{delayLeave:n.hoverLeaveDelay});(0,t.watch)([K,q,w,U,()=>n.disabled],()=>{if(U.value){if(n.disabled){m(!1);return}m(K.value||q.value||w.value)}});let J=(0,t.computed)(()=>!!L.value),Y=(0,t.computed)(()=>{if(L.value)return{maxHeight:`${L.value}px`}});return(0,t.watch)(()=>n.disabled,e=>{e&&s.value&&(s.value=!1)}),i({updatePosition:H,show:N,close:h,toggle:P}),(e,r)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[(0,t.unref)(g).trigger?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,(0,t.mergeProps)({key:0,ref_key:`triggerWrapperRef`,ref:x,class:[`s-ui-dropdown`,{"s-ui-dropdown--block":n.block}]},e.$attrs),[(0,t.renderSlot)(e.$slots,`trigger`,{open:s.value,toggle:P,close:h,isSheet:(0,t.unref)(u),triggerProps:F.value})],16)):(0,t.createCommentVNode)(``,!0),((0,t.openBlock)(),(0,t.createBlock)(t.Teleport,{to:j.value,disabled:!A.value},[(0,t.unref)(u)?((0,t.openBlock)(),(0,t.createBlock)(_,{key:0,ref_key:`sheetRef`,ref:C,open:s.value,title:n.sheetTitle,"dismiss-on-overlay-click":n.dismissOnClickOutside,"dismiss-on-escape":n.dismissOnEscape,"has-open-descendant":(0,t.unref)(w),"content-id":O.value,onClose:h},{"header-left":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-left`,{close:h})]),"header-right":(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`sheet-header-right`,{close:h})]),default:(0,t.withCtx)(()=>[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(M),isSheet:!0,close:h})]),_:3},8,[`open`,`title`,`dismiss-on-overlay-click`,`dismiss-on-escape`,`has-open-descendant`,`content-id`])):((0,t.openBlock)(),(0,t.createBlock)(t.Transition,{key:1,name:`s-ui-dropdown`,onAfterLeave:(0,t.unref)(p)},{default:(0,t.withCtx)(()=>[(0,t.unref)(d)?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,id:O.value,ref_key:`panelRef`,ref:S,class:(0,t.normalizeClass)([`s-ui-dropdown__panel`,{"s-ui-dropdown__panel--match-reference-width":n.matchReferenceWidth,"s-ui-dropdown__panel--ready":(0,t.unref)(V)}]),style:(0,t.normalizeStyle)((0,t.unref)(I)),role:`dialog`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([`s-ui-dropdown__surface`,[n.surfaceClass,{"s-ui-dropdown__surface--fit-viewport":J.value,"s-ui-dropdown__surface--with-arrow":n.arrow}]]),style:(0,t.normalizeStyle)(Y.value),"data-placement":(0,t.unref)(R)},[n.arrow?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:0,class:(0,t.normalizeClass)([`s-ui-dropdown__arrow`,{"s-ui-dropdown__arrow--overflow":(0,t.unref)(B)}]),style:(0,t.normalizeStyle)((0,t.unref)(z)),"aria-hidden":`true`},[...r[0]||=[(0,t.createElementVNode)(`span`,{class:`s-ui-dropdown__arrow-shape`},null,-1)]],6)):(0,t.createCommentVNode)(``,!0),(0,t.createElementVNode)(`div`,b,[(0,t.renderSlot)(e.$slots,`content`,{resolvedPlacement:(0,t.unref)(R),isSheet:!1,close:h})])],14,y)],14,v)):(0,t.createCommentVNode)(``,!0)]),_:3},8,[`onAfterLeave`]))],8,[`to`,`disabled`]))],64))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return x}});

package/dist/SDropdown-DvPW3_WP.js

@@ -1,400 +0,0 @@
-import { n as e, o as t, r as n, s as r, t as i } from "./useFloatingOverlay-TxzVisMJ.js";
-import { Fragment as a, Teleport as o, Transition as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, defineComponent as p, inject as m, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeStyle as y, onBeforeUnmount as b, onScopeDispose as x, openBlock as S, provide as C, ref as w, renderSlot as T, shallowReactive as E, shallowRef as D, toDisplayString as O, toValue as k, unref as A, useId as j, useModel as M, useSlots as ee, useTemplateRef as N, watch as P, withCtx as F, withModifiers as I } from "vue";
-import { useUiKitI18n as L } from "@shtabapp/ui-kit-primitives";
-import { useElementHover as R, useEventListener as z, useMediaQuery as B, useScrollLock as V } from "@vueuse/core";
-//#region src/components/SDropdown/SDropdown.types.ts
-var H = 768, te = (e) => {
-	let t = w(e.value), n = w(e.value);
-	return P(e, (e) => {
-		if (e) {
-			t.value = !0, n.value = !0;
-			return;
-		}
-		t.value = !1;
-	}, { flush: "sync" }), {
-		isPanelShown: t,
-		isPanelActive: n,
-		handlePanelAfterLeave: () => {
-			e.value || (n.value = !1);
-		}
-	};
-}, ne = (e, t) => {
-	let n = B(c(() => `(max-width: ${(k(t) || 768) - .02}px)`));
-	return c(() => k(e) && n.value);
-}, U = Symbol("SDropdown"), re = (e) => {
-	let t = m(U, null), n = E(/* @__PURE__ */ new Set()), r = c(() => [...n].filter((e) => e.isOpen())), i = c(() => r.value.length > 0), a = c(() => r.value.flatMap((e) => e.getElements())), o = {
-		isOpen: () => k(e.open),
-		getElements: () => {
-			let t = k(e.element);
-			return t ? [t, ...a.value] : a.value;
-		}
-	};
-	return C(U, {
-		registerChild: (e) => {
-			n.add(e);
-		},
-		unregisterChild: (e) => {
-			n.delete(e);
-		}
-	}), t && (t.registerChild(o), x(() => t.unregisterChild(o))), {
-		hasOpenChild: i,
-		descendantElements: a
-	};
-}, ie = (e) => {
-	if (!e) return null;
-	let t = e.getBoundingClientRect();
-	if (t.width > 0 || t.height > 0) return e;
-	let n = e.firstElementChild;
-	return n instanceof HTMLElement ? n : e;
-}, W = {
-	OVERDRAG_LIMIT: 50,
-	CLOSE_DISTANCE_RATIO: .3,
-	CLOSE_DISTANCE_LIMIT: 140,
-	CLOSE_VELOCITY: .5,
-	SETTLE_TIMEOUT: 400,
-	INTERACTIVE_SELECTOR: "button, a[href], input, select, textarea, [role=\"button\"], [contenteditable=\"true\"]"
-}, G = (e) => {
-	let t = D(0), n = D(!1), r = D(!1), i = null, a = 0, o = 0, s = 0, l = 0, u = 0, d, f = c(() => n.value || r.value), p = () => {
-		clearTimeout(d), d = void 0, r.value = !1;
-	}, m = () => {
-		r.value = !0, clearTimeout(d), d = setTimeout(p, W.SETTLE_TIMEOUT);
-	}, h = () => {
-		i = null, t.value = 0, n.value = !1, p();
-	}, g = () => k(e.popup)?.offsetHeight ?? 0, _ = () => {
-		let e = l - a;
-		if (e <= 0) return !1;
-		let t = u - s;
-		return (t > 0 ? (l - o) / t : 0) >= W.CLOSE_VELOCITY ? !0 : e >= Math.min(g() * W.CLOSE_DISTANCE_RATIO, W.CLOSE_DISTANCE_LIMIT);
-	}, v = (e) => {
-		i === null && (e.pointerType === "mouse" && e.button !== 0 || e.target instanceof Element && e.target.closest(W.INTERACTIVE_SELECTOR) || (i = e.pointerId, a = e.clientY, l = e.clientY, o = e.clientY, u = e.timeStamp, s = e.timeStamp, p(), n.value = !0));
-	}, y = (e) => {
-		i === e.pointerId && (o = l, s = u, l = e.clientY, u = e.timeStamp, t.value = Math.max(e.clientY - a, -W.OVERDRAG_LIMIT));
-	}, b = (a) => {
-		if (i === a.pointerId) {
-			if (i = null, n.value = !1, _()) {
-				r.value = !0, t.value = g() + W.OVERDRAG_LIMIT, e.onClose();
-				return;
-			}
-			if (t.value === 0) {
-				p();
-				return;
-			}
-			m(), t.value = 0;
-		}
-	};
-	return z(() => k(e.handle), "pointerdown", v), z(window, "pointermove", y), z(window, "pointerup", b), z(window, "pointercancel", b), z(() => k(e.popup), "transitionend", (e) => {
-		e.propertyName !== "transform" || n.value || t.value !== 0 || p();
-	}), x(() => {
-		clearTimeout(d);
-	}), {
-		isActive: f,
-		popupStyles: c(() => {
-			if (f.value) return {
-				transform: `translate3d(0, ${t.value}px, 0)`,
-				transition: r.value ? "transform var(--s-ui-transition-duration-slow) var(--s-ui-transition-easing-standard)" : "none"
-			};
-		}),
-		reset: h
-	};
-}, K = ["aria-label"], q = { class: "s-ui-dropdown-sheet__side" }, J = { class: "s-ui-dropdown-sheet__title" }, Y = { class: "s-ui-dropdown-sheet__side s-ui-dropdown-sheet__side--end" }, X = ["id"], ae = /* @__PURE__ */ p({
-	__name: "SDropdownSheet",
-	props: {
-		open: { type: Boolean },
-		title: { default: "" },
-		dismissOnOverlayClick: {
-			type: Boolean,
-			default: !0
-		},
-		dismissOnEscape: {
-			type: Boolean,
-			default: !0
-		},
-		hasOpenDescendant: {
-			type: Boolean,
-			default: !1
-		},
-		contentId: {}
-	},
-	emits: ["close"],
-	setup(t, { expose: n, emit: r }) {
-		let i = r, { t: a } = L(), o = N("overlayRef"), c = N("popupRef"), p = N("headerRef"), m = () => i("close"), { isActive: h, popupStyles: g, reset: v } = G({
-			handle: p,
-			popup: c,
-			onClose: m
-		}), x = V(() => typeof document > "u" ? null : document.body), C = () => {
-			t.dismissOnOverlayClick && m();
-		}, w = (e) => {
-			h.value && e.stopPropagation();
-		}, E = () => v(), D = null, k = () => {
-			let e = document.activeElement;
-			D = e instanceof HTMLElement ? e : null;
-		}, j = async () => {
-			await _();
-			let e = c.value;
-			!e || e.contains(document.activeElement) || e.focus({ preventScroll: !0 });
-		}, M = () => {
-			let e = D, t = !!c.value?.contains(document.activeElement);
-			D = null, !(!t || !e?.isConnected) && e.focus({ preventScroll: !0 });
-		};
-		return P(() => t.open, (e) => {
-			if (x.value = e, e) {
-				k(), j();
-				return;
-			}
-			M();
-		}, { immediate: !0 }), e({
-			open: () => t.open,
-			enabled: () => t.dismissOnEscape,
-			hasOpenDescendant: () => t.hasOpenDescendant,
-			onDismiss: m
-		}), b(() => {
-			x.value = !1;
-		}), n({ overlayElement: o }), (e, n) => (S(), l(s, {
-			name: "s-ui-dropdown-sheet",
-			onAfterLeave: E
-		}, {
-			default: F(() => [t.open ? (S(), d("div", {
-				key: 0,
-				ref_key: "overlayRef",
-				ref: o,
-				class: "s-ui-dropdown-sheet",
-				onClick: C
-			}, [f("div", {
-				ref_key: "popupRef",
-				ref: c,
-				class: "s-ui-dropdown-sheet__popup",
-				style: y(A(g)),
-				role: "dialog",
-				"aria-modal": "true",
-				"aria-label": t.title || A(a)("dropdown.sheet"),
-				tabindex: "-1",
-				onClickCapture: w,
-				onClick: n[0] ||= I(() => {}, ["stop"])
-			}, [f("header", {
-				ref_key: "headerRef",
-				ref: p,
-				class: "s-ui-dropdown-sheet__header"
-			}, [
-				n[1] ||= f("span", {
-					class: "s-ui-dropdown-sheet__handle",
-					"aria-hidden": "true"
-				}, null, -1),
-				f("div", q, [T(e.$slots, "header-left")]),
-				f("div", J, O(t.title), 1),
-				f("div", Y, [T(e.$slots, "header-right")])
-			], 512), f("div", {
-				id: t.contentId,
-				class: "s-ui-dropdown-sheet__content"
-			}, [T(e.$slots, "default")], 8, X)], 44, K)], 512)) : u("", !0)]),
-			_: 3
-		}));
-	}
-}), oe = ["id"], se = ["data-placement"], ce = { class: "s-ui-dropdown__content" }, Z = /* @__PURE__ */ p({
-	inheritAttrs: !1,
-	__name: "SDropdown",
-	props: /*@__PURE__*/ h({
-		placement: { default: () => r.BOTTOM_START },
-		offset: { default: 8 },
-		flip: {
-			type: Boolean,
-			default: !0
-		},
-		shift: {
-			type: Boolean,
-			default: !0
-		},
-		matchReferenceWidth: {
-			type: Boolean,
-			default: !1
-		},
-		fitViewport: {
-			type: Boolean,
-			default: !1
-		},
-		surfaceClass: {},
-		teleportTo: {
-			type: [String, Boolean],
-			default: "body"
-		},
-		dismissOnClickOutside: {
-			type: Boolean,
-			default: !0
-		},
-		dismissOnEscape: {
-			type: Boolean,
-			default: !0
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		reference: { default: null },
-		contentId: {},
-		viewportPadding: { default: 8 },
-		boundary: { default: () => t.CLIPPING_ANCESTORS },
-		block: {
-			type: Boolean,
-			default: !1
-		},
-		arrow: {
-			type: Boolean,
-			default: !1
-		},
-		showOnHover: {
-			type: Boolean,
-			default: !1
-		},
-		hoverLeaveDelay: { default: 100 },
-		sheet: {
-			type: Boolean,
-			default: !0
-		},
-		sheetBreakpoint: { default: () => 768 },
-		sheetTitle: { default: "" }
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: ["update:modelValue"],
-	setup(e, { expose: t }) {
-		let p = M(e, "modelValue"), m = ne(() => e.sheet, () => e.sheetBreakpoint), { isPanelShown: h, isPanelActive: _, handlePanelAfterLeave: b } = te(p), x = (e) => {
-			p.value = e;
-		}, C = () => x(!1), w = ee(), E = N("triggerWrapperRef"), D = N("panelRef"), O = N("sheetRef"), { hasOpenChild: k, descendantElements: I } = re({
-			open: p,
-			element: c(() => m.value ? O.value?.overlayElement ?? null : D.value)
-		}), L = j(), z = j(), B = c(() => e.contentId ?? L), V = c(() => w.trigger ? ie(E.value) : e.reference), H = c(() => e.teleportTo !== !1), U = c(() => e.teleportTo === !1 ? "body" : e.teleportTo), W = r.BOTTOM_START, G = () => {
-			e.disabled || x(!0);
-		}, K = () => {
-			e.disabled || (p.value = !p.value);
-		}, q = c(() => ({
-			id: z,
-			"aria-expanded": p.value,
-			"aria-haspopup": "dialog",
-			"aria-controls": B.value
-		})), { panelStyles: J, panelMaxHeight: Y, resolvedPlacement: X, arrowStyles: Z, isArrowOverflow: le, isPositionReady: ue, updatePosition: de } = i({
-			open: () => _.value && !m.value,
-			onOpenChange: x,
-			reference: () => V.value,
-			panel: () => D.value,
-			placement: () => e.placement,
-			offset: () => e.offset,
-			flip: () => e.flip,
-			shift: () => e.shift,
-			matchReferenceWidth: () => e.matchReferenceWidth,
-			fitViewport: () => e.fitViewport,
-			dismissOnClickOutside: () => e.dismissOnClickOutside,
-			dismissOnEscape: () => e.dismissOnEscape,
-			viewportPadding: () => e.viewportPadding,
-			arrow: () => e.arrow,
-			boundary: () => e.boundary,
-			clickOutsideIgnore: I,
-			hasOpenDescendant: k
-		}), Q = c(() => e.showOnHover && !m.value), fe = c(() => Q.value ? n(V.value) : null), pe = c(() => Q.value ? D.value : null), $ = R(fe, { delayLeave: e.hoverLeaveDelay }), me = R(pe, { delayLeave: e.hoverLeaveDelay });
-		P([
-			$,
-			me,
-			k,
-			Q,
-			() => e.disabled
-		], () => {
-			if (Q.value) {
-				if (e.disabled) {
-					x(!1);
-					return;
-				}
-				x($.value || me.value || k.value);
-			}
-		});
-		let he = c(() => !!Y.value), ge = c(() => {
-			if (Y.value) return { maxHeight: `${Y.value}px` };
-		});
-		return P(() => e.disabled, (e) => {
-			e && p.value && (p.value = !1);
-		}), t({
-			updatePosition: de,
-			show: G,
-			close: C,
-			toggle: K
-		}), (t, n) => (S(), d(a, null, [A(w).trigger ? (S(), d("span", g({
-			key: 0,
-			ref_key: "triggerWrapperRef",
-			ref: E,
-			class: ["s-ui-dropdown", { "s-ui-dropdown--block": e.block }]
-		}, t.$attrs), [T(t.$slots, "trigger", {
-			open: p.value,
-			toggle: K,
-			close: C,
-			isSheet: A(m),
-			triggerProps: q.value
-		})], 16)) : u("", !0), (S(), l(o, {
-			to: U.value,
-			disabled: !H.value
-		}, [A(m) ? (S(), l(ae, {
-			key: 0,
-			ref_key: "sheetRef",
-			ref: O,
-			open: p.value,
-			title: e.sheetTitle,
-			"dismiss-on-overlay-click": e.dismissOnClickOutside,
-			"dismiss-on-escape": e.dismissOnEscape,
-			"has-open-descendant": A(k),
-			"content-id": B.value,
-			onClose: C
-		}, {
-			"header-left": F(() => [T(t.$slots, "sheet-header-left", { close: C })]),
-			"header-right": F(() => [T(t.$slots, "sheet-header-right", { close: C })]),
-			default: F(() => [T(t.$slots, "content", {
-				resolvedPlacement: A(W),
-				isSheet: !0,
-				close: C
-			})]),
-			_: 3
-		}, 8, [
-			"open",
-			"title",
-			"dismiss-on-overlay-click",
-			"dismiss-on-escape",
-			"has-open-descendant",
-			"content-id"
-		])) : (S(), l(s, {
-			key: 1,
-			name: "s-ui-dropdown",
-			onAfterLeave: A(b)
-		}, {
-			default: F(() => [A(h) ? (S(), d("div", {
-				key: 0,
-				id: B.value,
-				ref_key: "panelRef",
-				ref: D,
-				class: v(["s-ui-dropdown__panel", {
-					"s-ui-dropdown__panel--match-reference-width": e.matchReferenceWidth,
-					"s-ui-dropdown__panel--ready": A(ue)
-				}]),
-				style: y(A(J)),
-				role: "dialog"
-			}, [f("div", {
-				class: v(["s-ui-dropdown__surface", [e.surfaceClass, {
-					"s-ui-dropdown__surface--fit-viewport": he.value,
-					"s-ui-dropdown__surface--with-arrow": e.arrow
-				}]]),
-				style: y(ge.value),
-				"data-placement": A(X)
-			}, [e.arrow ? (S(), d("div", {
-				key: 0,
-				class: v(["s-ui-dropdown__arrow", { "s-ui-dropdown__arrow--overflow": A(le) }]),
-				style: y(A(Z)),
-				"aria-hidden": "true"
-			}, [...n[0] ||= [f("span", { class: "s-ui-dropdown__arrow-shape" }, null, -1)]], 6)) : u("", !0), f("div", ce, [T(t.$slots, "content", {
-				resolvedPlacement: A(X),
-				isSheet: !1,
-				close: C
-			})])], 14, se)], 14, oe)) : u("", !0)]),
-			_: 3
-		}, 8, ["onAfterLeave"]))], 8, ["to", "disabled"]))], 64));
-	}
-});
-//#endregion
-export { H as n, Z as t };

package/dist/SListItem-B3MQgu4Q.js

@@ -1,227 +0,0 @@
-import { i as e, n as t, r as n, t as r } from "./SButton-B21hubD2.js";
-import { n as i } from "./useSelectLink-2aCIYmF6.js";
-import { Fragment as ee, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, defineComponent as d, guardReactiveProps as f, inject as te, mergeProps as ne, normalizeClass as re, normalizeProps as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as ie, useTemplateRef as ae, withModifiers as oe } from "vue";
-import { ESSkeletonType as v, SIcon as y, SSkeleton as se, useUiKitI18n as ce } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SList/utils/context.ts
-var b = Symbol("sListInjectionKey"), x = /* @__PURE__ */ function(e) {
-	return e.NEUTRAL = "neutral", e.SECONDARY = "secondary", e.MAIN = "main", e.ERROR = "error", e.BILLING = "billing", e;
-}({}), S = /* @__PURE__ */ function(e) {
-	return e.OPTION = "option", e.TREEITEM = "treeitem", e.MENUITEM = "menuitem", e.MENUITEMCHECKBOX = "menuitemcheckbox", e.MENUITEMRADIO = "menuitemradio", e.BUTTON = "button", e.LINK = "link", e.NONE = "none", e;
-}({}), C = new Set([S.OPTION, S.TREEITEM]), w = new Set([S.MENUITEMCHECKBOX, S.MENUITEMRADIO]), T = new Set([
-	S.TREEITEM,
-	S.MENUITEM,
-	S.BUTTON,
-	S.LINK
-]), E = ({ role: e, selected: t }) => ({
-	"aria-selected": C.has(e) && t ? !0 : void 0,
-	"aria-checked": w.has(e) ? t : void 0
-}), D = ({ role: e, expandable: t, expanded: n, loading: r, depth: i }) => ({
-	"aria-expanded": T.has(e) && t && !r ? n : void 0,
-	"aria-level": e === S.TREEITEM ? i + 1 : void 0
-}), O = ({ disabled: e, readonly: t, loading: n }) => ({
-	"aria-disabled": e || t || n ? !0 : void 0,
-	"aria-busy": n ? !0 : void 0
-}), k = (e) => e.role === S.NONE ? { role: e.role } : {
-	role: e.role,
-	...E(e),
-	...D(e),
-	...O(e)
-}, A = ["id", "tabindex"], j = {
-	key: 0,
-	class: "s-ui-list-item__level"
-}, M = { class: "s-ui-list-item__body" }, N = {
-	key: 0,
-	class: "s-ui-list-item__icon-left"
-}, P = { class: "s-ui-list-item__text" }, F = {
-	key: 0,
-	class: "s-ui-list-item__title s-ui-typography-label-14-medium"
-}, I = {
-	key: 1,
-	class: "s-ui-list-item__subtitle s-ui-typography-body-12-regular"
-}, L = {
-	key: 1,
-	class: "s-ui-list-item__title-action"
-}, R = {
-	key: 1,
-	class: "s-ui-list-item__actions"
-}, z = { class: "s-ui-list-item__actions-reveal" }, B = { class: "s-ui-list-item__actions-inner" }, V = {
-	key: 0,
-	class: "s-ui-list-item__trailing"
-}, H = {
-	key: 1,
-	class: "s-ui-list-item__action-end"
-}, U = ".s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions", W = 16, G = "a, button, input, select, textarea, [role=\"button\"], [role=\"link\"], [contenteditable=\"true\"]", K = /* @__PURE__ */ d({
-	__name: "SListItem",
-	props: {
-		depth: { default: 0 },
-		hasLevel: {
-			type: Boolean,
-			default: !1
-		},
-		expandable: {
-			type: Boolean,
-			default: !1
-		},
-		expanded: {
-			type: Boolean,
-			default: !1
-		},
-		variant: { default: () => x.NEUTRAL },
-		tiny: {
-			type: Boolean,
-			default: !1
-		},
-		compact: {
-			type: Boolean,
-			default: !1
-		},
-		flush: {
-			type: Boolean,
-			default: !1
-		},
-		selected: {
-			type: Boolean,
-			default: !1
-		},
-		active: {
-			type: Boolean,
-			default: !1
-		},
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		readonly: {
-			type: Boolean,
-			default: !1
-		},
-		loading: {
-			type: Boolean,
-			default: !1
-		},
-		title: {},
-		subtitle: {},
-		iconLeft: {},
-		iconLeftSize: {},
-		rowKey: {},
-		revealRight: { type: Boolean },
-		expandOnClick: { type: Boolean },
-		role: {}
-	},
-	emits: [
-		"click",
-		"toggleExpand",
-		"keydown"
-	],
-	setup(d, { expose: C, emit: w }) {
-		let T = w, E = a(() => ({
-			disabled: d.disabled,
-			readonly: d.readonly
-		})), D = ie(), O = ae("listItemElementRef"), K = te(b, null), { t: q } = ce(), J = i({
-			group: () => K,
-			value: () => d.rowKey,
-			el: () => O.value,
-			disabled: () => d.disabled || d.loading,
-			interactive: () => !d.readonly && !d.loading
-		}), le = a(() => d.variant === x.BILLING && !d.disabled), ue = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], Y = a(() => K && d.rowKey ? K.isExpanded(d.rowKey) : d.expanded), de = a(() => Y.value ? q("listItem.collapse") : q("listItem.expand")), X = a(() => J.isInGroup.value ? J.isActive.value : d.selected), fe = a(() => K && d.rowKey ? K.activeKey() === d.rowKey : d.active), pe = a(() => d.revealRight ? !0 : K ? K.revealRight() : !1), me = a(() => d.expandOnClick ? !0 : K ? K.expandOnClick() : !1), he = a(() => {
-			if (!(!K || !d.rowKey)) return K.getItemOptionId(d.rowKey);
-		}), Z = a(() => d.role ? d.role : K ? K.itemRole() : S.BUTTON), ge = a(() => k({
-			role: Z.value,
-			selected: X.value,
-			expandable: d.expandable,
-			expanded: Y.value,
-			disabled: d.disabled,
-			readonly: d.readonly,
-			loading: d.loading,
-			depth: d.depth
-		})), _e = a(() => {
-			if (K?.usesActiveDescendantNavigation()) return -1;
-			if (!(d.disabled || d.readonly || d.loading || Z.value === S.NONE)) return J.tabIndex.value === void 0 ? 0 : J.tabIndex.value;
-		}), Q = a(() => ({
-			"--s-ui-list-item-depth": String(d.depth),
-			"--s-ui-list-item-icon-size": d.iconLeftSize === void 0 ? void 0 : `${d.iconLeftSize}px`
-		})), ve = a(() => [`s-ui-list-item--variant-${d.variant}`, {
-			"s-ui-list-item--tiny": d.tiny,
-			"s-ui-list-item--compact": d.compact,
-			"s-ui-list-item--flush": d.flush,
-			"s-ui-list-item--selected": X.value,
-			"s-ui-list-item--active": fe.value,
-			"s-ui-list-item--disabled": d.disabled,
-			"s-ui-list-item--readonly": d.readonly,
-			"s-ui-list-item--loading": d.loading,
-			"s-ui-list-item--expandable": d.expandable,
-			"s-ui-list-item--reveal-right": pe.value
-		}]), $ = () => {
-			if (K && d.rowKey) {
-				K.toggleExpanded(d.rowKey);
-				return;
-			}
-			T("toggleExpand");
-		}, ye = () => {
-			d.disabled || d.readonly || d.loading || $();
-		}, be = (e) => e.target instanceof Element && !!e.target.closest(U) && !!e.target.closest(G), xe = (e) => {
-			d.disabled || d.readonly || d.loading || be(e) || (d.expandable && me.value && (K && d.rowKey ? K.toggleExpanded(d.rowKey) : T("toggleExpand")), K && d.rowKey && K.setActiveKey(d.rowKey), J.isInGroup.value && J.handleClick(), T("click", e));
-		}, Se = (e) => !d.expandable || K?.handlesTreeKeyboardNavigation() || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.key === "ArrowRight" === Y.value ? !1 : (e.preventDefault(), $(), !0), Ce = (e) => K || J.isInGroup.value || !ue.includes(e.key) || e.target !== O.value ? !1 : (e.preventDefault(), O.value?.click(), !0), we = (e) => {
-			d.disabled || d.readonly || d.loading || (!Se(e) && !Ce(e) && J.isInGroup.value && J.handleKeydown(e), T("keydown", e));
-		};
-		return C({ listItemElementRef: O }), (i, a) => (m(), c("div", ne({
-			ref_key: "listItemElementRef",
-			ref: O,
-			id: he.value,
-			class: ["s-ui-list-item", ve.value],
-			style: Q.value,
-			tabindex: _e.value
-		}, ge.value, {
-			onClick: xe,
-			onKeydown: we
-		}), [d.loading ? (m(), o(_(se), {
-			key: 0,
-			type: _(v).S_LIST_ITEM
-		}, null, 8, ["type"])) : (m(), c(ee, { key: 1 }, [
-			d.expandable || d.depth || d.hasLevel || _(D).level ? (m(), c("div", j, [h(i.$slots, "level", {}, () => [d.expandable ? (m(), o(_(r), {
-				key: 0,
-				class: re(["s-ui-list-item__expand", { "s-ui-list-item__expand--expanded": Y.value }]),
-				appearance: _(t).BARE,
-				variant: _(e).NEUTRAL,
-				size: _(n).SMALL,
-				icon: "chevronMiniRight",
-				disabled: d.disabled || d.readonly,
-				tabindex: -1,
-				"aria-label": de.value,
-				onClick: oe(ye, ["stop"])
-			}, null, 8, [
-				"class",
-				"appearance",
-				"variant",
-				"size",
-				"disabled",
-				"aria-label"
-			])) : s("", !0)])])) : s("", !0),
-			l("div", M, [
-				d.iconLeft || _(D)["icon-left"] ? (m(), c("div", N, [h(i.$slots, "icon-left", {}, () => [d.iconLeft ? (m(), o(_(y), {
-					key: 0,
-					name: d.iconLeft,
-					size: d.iconLeftSize ?? W,
-					billing: le.value
-				}, null, 8, [
-					"name",
-					"size",
-					"billing"
-				])) : s("", !0)])])) : s("", !0),
-				l("div", P, [d.title || _(D).title ? (m(), c("span", F, [h(i.$slots, "title", {}, () => [u(g(d.title), 1)])])) : s("", !0), d.subtitle || _(D).subtitle ? (m(), c("span", I, [h(i.$slots, "subtitle", {}, () => [u(g(d.subtitle), 1)])])) : s("", !0)]),
-				_(D)["title-action"] ? (m(), c("div", L, [h(i.$slots, "title-action", p(f(E.value)))])) : s("", !0)
-			]),
-			_(D).trailing || _(D).right || _(D)["action-end"] ? (m(), c("div", R, [l("div", z, [l("div", B, [
-				_(D).trailing ? (m(), c("div", V, [h(i.$slots, "trailing", p(f(E.value)))])) : s("", !0),
-				h(i.$slots, "right", p(f(E.value))),
-				_(D)["action-end"] ? (m(), c("div", H, [h(i.$slots, "action-end", p(f(E.value)))])) : s("", !0)
-			])])])) : s("", !0)
-		], 64))], 16, A));
-	}
-});
-//#endregion
-export { b as i, S as n, x as r, K as t };