@shtabapp/ui-kit 1.75.0 → 1.76.0

package/dist/useAriaAttrs-CxGRTeye.js

@@ -0,0 +1,15 @@
+import { useAttrs as e } from "vue";
+//#region src/composables/useAriaAttrs.ts
+var t = "aria-", n = (e) => e.startsWith(t), r = () => {
+	let t = e();
+	return {
+		getRootAttrs: () => Object.fromEntries(Object.entries(t).filter(([e]) => !n(e))),
+		getAriaAttrs: () => Object.fromEntries(Object.entries(t).filter(([e]) => n(e))),
+		getAriaAttr: (e) => {
+			let n = t[e];
+			if (!(typeof n != "string" || !n)) return n;
+		}
+	};
+};
+//#endregion
+export { r as t };

package/dist/useAriaAttrs-D748yeJ_.cjs

@@ -0,0 +1 @@
+let e=require("vue");var t=`aria-`,n=e=>e.startsWith(t),r=()=>{let t=(0,e.useAttrs)();return{getRootAttrs:()=>Object.fromEntries(Object.entries(t).filter(([e])=>!n(e))),getAriaAttrs:()=>Object.fromEntries(Object.entries(t).filter(([e])=>n(e))),getAriaAttr:e=>{let n=t[e];if(!(typeof n!=`string`||!n))return n}}};Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return r}});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.75.0",
+  "version": "1.76.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-primitives": "^1.35.0",
-    "@shtabapp/ui-kit-tokens": "^1.21.0"
+    "@shtabapp/ui-kit-primitives": "^1.36.0",
+    "@shtabapp/ui-kit-tokens": "^1.22.0"
   },
   "devDependencies": {
     "@atlaskit/pragmatic-drag-and-drop": "^3.0.0",

package/dist/SCheckbox-BMkOc5cn.js

@@ -1,102 +0,0 @@
-import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, renderSlot as l, unref as u, useModel as d, useSlots as f, useTemplateRef as p, vModelCheckbox as m, watch as h, withDirectives as g } from "vue";
-import { SIcon as _ } from "@shtabapp/ui-kit-primitives";
-//#region src/components/SCheckbox/SCheckbox.types.ts
-var v = /* @__PURE__ */ function(e) {
-	return e.EXTRA_SMALL = "extra-small", e.SMALL = "small", e;
-}({}), y = /* @__PURE__ */ function(e) {
-	return e.MAIN = "main", e.SUCCESS = "success", e;
-}({}), b = /* @__PURE__ */ function(e) {
-	return e.LEFT = "left", e.RIGHT = "right", e;
-}({}), x = [
-	"disabled",
-	"name",
-	"value"
-], S = { class: "s-ui-checkbox__control" }, C = {
-	key: 0,
-	class: "s-ui-checkbox__content"
-}, w = {
-	key: 0,
-	class: "s-ui-checkbox__label s-ui-typography-label-14-medium"
-}, T = {
-	key: 1,
-	class: "s-ui-checkbox__description s-ui-typography-body-12-regular"
-}, E = 16, D = /* @__PURE__ */ a({
-	__name: "SCheckbox",
-	props: /*@__PURE__*/ o({
-		color: { default: () => y.MAIN },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		indeterminate: {
-			type: Boolean,
-			default: !1
-		},
-		labelPlacement: { default: () => b.RIGHT },
-		name: {},
-		size: { default: () => v.EXTRA_SMALL },
-		value: {}
-	}, {
-		modelValue: {
-			type: Boolean,
-			default: !1
-		},
-		modelModifiers: {}
-	}),
-	emits: /*@__PURE__*/ o(["change"], ["update:modelValue"]),
-	setup(a, { emit: o }) {
-		let v = d(a, "modelValue"), y = o, D = f(), O = p("checkboxInputRef"), k = e(() => v.value), A = () => {
-			let e = O.value;
-			e && (e.indeterminate = a.indeterminate);
-		};
-		h([
-			O,
-			() => a.indeterminate,
-			k
-		], A, {
-			immediate: !0,
-			flush: "post"
-		});
-		let j = e(() => k.value && !a.indeterminate), M = e(() => [
-			`s-ui-checkbox--size-${a.size}`,
-			`s-ui-checkbox--color-${a.color}`,
-			{
-				"s-ui-checkbox--checked": k.value,
-				"s-ui-checkbox--indeterminate": a.indeterminate,
-				"s-ui-checkbox--disabled": a.disabled,
-				"s-ui-checkbox--label-left": a.labelPlacement === b.LEFT
-			}
-		]), N = (e) => {
-			if (!(e.target instanceof HTMLInputElement)) return;
-			let t = e.target.checked;
-			A(), y("change", t);
-		};
-		return (e, o) => (c(), r("label", { class: s(["s-ui-checkbox", [M.value, { "s-ui-checkbox--control-only": !u(D).default && !u(D).description }]]) }, [
-			g(i("input", {
-				ref_key: "checkboxInputRef",
-				ref: O,
-				"onUpdate:modelValue": o[0] ||= (e) => v.value = e,
-				type: "checkbox",
-				class: "s-ui-checkbox__input",
-				disabled: a.disabled,
-				name: a.name,
-				value: a.value,
-				onChange: N
-			}, null, 40, x), [[m, v.value]]),
-			i("span", S, [j.value ? (c(), t(u(_), {
-				key: 0,
-				class: "s-ui-checkbox__icon",
-				name: "checkMini",
-				size: E
-			})) : a.indeterminate ? (c(), t(u(_), {
-				key: 1,
-				class: "s-ui-checkbox__icon",
-				name: "minusMini",
-				size: E
-			})) : n("", !0)]),
-			u(D).default || u(D).description ? (c(), r("span", C, [u(D).default ? (c(), r("span", w, [l(e.$slots, "default")])) : n("", !0), u(D).description ? (c(), r("span", T, [l(e.$slots, "description")])) : n("", !0)])) : n("", !0)
-		], 2));
-	}
-});
-//#endregion
-export { v as i, y as n, b as r, D as t };

package/dist/SCheckbox-DnnC5mOH.cjs

@@ -1 +0,0 @@
-let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e}({}),r=function(e){return e.MAIN=`main`,e.SUCCESS=`success`,e}({}),i=function(e){return e.LEFT=`left`,e.RIGHT=`right`,e}({}),a=[`disabled`,`name`,`value`],o={class:`s-ui-checkbox__control`},s={key:0,class:`s-ui-checkbox__content`},c={key:0,class:`s-ui-checkbox__label s-ui-typography-label-14-medium`},l={key:1,class:`s-ui-checkbox__description s-ui-typography-body-12-regular`},u=16,d=(0,e.defineComponent)({__name:`SCheckbox`,props:(0,e.mergeModels)({color:{default:()=>r.MAIN},disabled:{type:Boolean,default:!1},indeterminate:{type:Boolean,default:!1},labelPlacement:{default:()=>i.RIGHT},name:{},size:{default:()=>n.EXTRA_SMALL},value:{}},{modelValue:{type:Boolean,default:!1},modelModifiers:{}}),emits:(0,e.mergeModels)([`change`],[`update:modelValue`]),setup(n,{emit:r}){let d=(0,e.useModel)(n,`modelValue`),f=r,p=(0,e.useSlots)(),m=(0,e.useTemplateRef)(`checkboxInputRef`),h=(0,e.computed)(()=>d.value),g=()=>{let e=m.value;e&&(e.indeterminate=n.indeterminate)};(0,e.watch)([m,()=>n.indeterminate,h],g,{immediate:!0,flush:`post`});let _=(0,e.computed)(()=>h.value&&!n.indeterminate),v=(0,e.computed)(()=>[`s-ui-checkbox--size-${n.size}`,`s-ui-checkbox--color-${n.color}`,{"s-ui-checkbox--checked":h.value,"s-ui-checkbox--indeterminate":n.indeterminate,"s-ui-checkbox--disabled":n.disabled,"s-ui-checkbox--label-left":n.labelPlacement===i.LEFT}]),y=e=>{if(!(e.target instanceof HTMLInputElement))return;let t=e.target.checked;g(),f(`change`,t)};return(r,i)=>((0,e.openBlock)(),(0,e.createElementBlock)(`label`,{class:(0,e.normalizeClass)([`s-ui-checkbox`,[v.value,{"s-ui-checkbox--control-only":!(0,e.unref)(p).default&&!(0,e.unref)(p).description}]])},[(0,e.withDirectives)((0,e.createElementVNode)(`input`,{ref_key:`checkboxInputRef`,ref:m,"onUpdate:modelValue":i[0]||=e=>d.value=e,type:`checkbox`,class:`s-ui-checkbox__input`,disabled:n.disabled,name:n.name,value:n.value,onChange:y},null,40,a),[[e.vModelCheckbox,d.value]]),(0,e.createElementVNode)(`span`,o,[_.value?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:0,class:`s-ui-checkbox__icon`,name:`checkMini`,size:u})):n.indeterminate?((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:1,class:`s-ui-checkbox__icon`,name:`minusMini`,size:u})):(0,e.createCommentVNode)(``,!0)]),(0,e.unref)(p).default||(0,e.unref)(p).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s,[(0,e.unref)(p).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,c,[(0,e.renderSlot)(r.$slots,`default`)])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(p).description?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,l,[(0,e.renderSlot)(r.$slots,`description`)])):(0,e.createCommentVNode)(``,!0)])):(0,e.createCommentVNode)(``,!0)],2))}});Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return d}});

package/dist/SInput-B4So5LGW.cjs

@@ -1 +0,0 @@
-const e=require("./SButton-CLTNdnCK.cjs"),t=require("./SInlineMessage-gjkMiE-W.cjs"),n=require("./SLabel-DLKfepRW.cjs"),r=require("./useFieldMessages-2TaArixP.cjs");let i=require("vue"),a=require("@shtabapp/ui-kit-primitives");var o=function(e){return e.NONE=`none`,e.HORIZONTAL=`horizontal`,e.VERTICAL=`vertical`,e}({}),s=e=>()=>e.hasControlSlot()?e.hasValue()===!0:e.value().length>0,c=[`inert`,`aria-disabled`],l={key:0,class:`s-ui-input__prepend`},u={class:`s-ui-input__row`},d={key:0,class:`s-ui-input__prefix`},f=[`id`,`type`,`name`,`placeholder`,`disabled`,`readonly`,`autocomplete`],p={key:0,class:`s-ui-input__inline`},m={key:1,class:`s-ui-input__clear`},h={key:2,class:`s-ui-input__action`},g=16,_=(0,i.defineComponent)({inheritAttrs:!1,__name:`SInput`,props:(0,i.mergeModels)({label:{},labelProps:{},placeholder:{},helpMessages:{},errorMessages:{},bordered:{type:Boolean,default:!0},reserveMessageSpace:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},clearable:{type:Boolean,default:!1},hasValue:{type:Boolean},focused:{type:Boolean,default:!1},iconLeft:{},iconRight:{},customize:{default:()=>o.NONE},name:{},type:{default:`text`},id:{},autocomplete:{},autofocus:{type:Boolean,default:!1}},{modelValue:{default:``},modelModifiers:{}}),emits:(0,i.mergeModels)([`clear`,`focus`,`blur`],[`update:modelValue`]),setup(_,{expose:v,emit:y}){let b=(0,i.useModel)(_,`modelValue`),{t:x}=(0,a.useUiKitI18n)(),S=y,{rootAttrs:C,controlAttrs:w,errorQa:T}=r.r(),E=(0,i.useSlots)(),D=(0,i.useId)(),O=(0,i.useTemplateRef)(`fieldElementRef`),k=(0,i.useTemplateRef)(`inputElementRef`),{isFocused:A,handleFocus:j,handleFocusOut:M}=r.n({isDisabled:()=>_.disabled,blurField:()=>Z(),emitFocus:e=>S(`focus`,e),emitBlur:e=>S(`blur`,e)}),{normalizedHelpMessages:N,normalizedErrorMessages:P,hasErrorMessages:F,hasHelpMessages:I}=r.t(()=>_.helpMessages,()=>_.errorMessages),L=(0,i.computed)(()=>_.id?_.id:D),R=(0,i.computed)(()=>!!(_.label||E.label)),z=(0,i.computed)(()=>!!(_.iconLeft||E.prefix)),B=(0,i.computed)(()=>_.customize===o.VERTICAL&&!!E.prepend),V=(0,i.computed)(()=>_.customize===o.HORIZONTAL&&!!E.prepend),H=()=>!_.clearable||_.disabled||_.readonly?!1:K(),U=(0,i.computed)(()=>{if(!A.value)return-1}),W=(0,i.computed)(()=>!!(_.iconRight||E.action)),G=(0,i.computed)(()=>!!E.message||I.value||F.value),K=s({hasControlSlot:()=>!!E.control,hasValue:()=>_.hasValue,value:()=>b.value}),q=(0,i.computed)(()=>({"s-ui-input--disabled":_.disabled,"s-ui-input--readonly":_.readonly})),J=(0,i.computed)(()=>[{"s-ui-input__field--bordered":_.bordered,"s-ui-input__field--borderless":!_.bordered,"s-ui-input__field--disabled":_.disabled,"s-ui-input__field--readonly":_.readonly,"s-ui-input__field--error":F.value,"s-ui-input__field--vertical":_.customize===o.VERTICAL,"s-ui-input__field--focused":A.value||_.focused}]),Y=e=>{let t=O.value;t&&t.querySelector(`.s-ui-input__control, .s-ui-select__control, .s-ui-select__search-input, [tabindex]:not([tabindex="-1"])`)?.focus(e)},X=e=>{if(E.control){Y(e);return}k.value?.focus(e)},Z=()=>{if(E.control){let e=document.activeElement;e instanceof HTMLElement&&O.value?.contains(e)&&e.blur();return}k.value?.blur()},Q=e=>{_.disabled||_.readonly||e.target instanceof HTMLElement&&(e.target.closest(`.s-ui-input__prepend, .s-ui-input__inline, .s-ui-input__clear, .s-ui-input__action`)||X())},$=()=>{b.value=``,S(`clear`),X()};return(0,i.onMounted)(()=>{_.autofocus&&(0,i.nextTick)(()=>{X()})}),v({blur:Z,focus:X,fieldElementRef:O,inputElementRef:k}),(r,s)=>((0,i.openBlock)(),(0,i.createElementBlock)(`div`,(0,i.mergeProps)({class:[`s-ui-input`,q.value]},(0,i.unref)(C)),[R.value?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(n.t),(0,i.mergeProps)({key:0},_.labelProps,{"html-for":L.value}),{default:(0,i.withCtx)(()=>[(0,i.renderSlot)(r.$slots,`label`,{},()=>[(0,i.createTextVNode)((0,i.toDisplayString)(_.label),1)])]),_:3},16,[`html-for`])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{ref_key:`fieldElementRef`,ref:O,class:(0,i.normalizeClass)([`s-ui-input__field`,[J.value,{"s-ui-input__field--filled":(0,i.unref)(K)()}]]),inert:_.disabled?!0:void 0,"aria-disabled":_.disabled?!0:void 0,onClick:s[2]||=e=>Q(e),onFocusout:s[3]||=(...e)=>(0,i.unref)(M)&&(0,i.unref)(M)(...e)},[B.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,l,[(0,i.renderSlot)(r.$slots,`prepend`,{disabled:_.disabled})])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,u,[z.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,d,[(0,i.renderSlot)(r.$slots,`prefix`,{disabled:_.disabled},()=>[_.iconLeft?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(a.SIcon),{key:0,name:_.iconLeft,size:g},null,8,[`name`])):(0,i.createCommentVNode)(``,!0)])])):(0,i.createCommentVNode)(``,!0),(0,i.createElementVNode)(`div`,{class:(0,i.normalizeClass)([`s-ui-input__control-wrap`,{"s-ui-input__control-wrap--horizontal":_.customize===(0,i.unref)(o).HORIZONTAL}])},[(0,i.renderSlot)(r.$slots,`control`,{disabled:_.disabled},()=>[(0,i.withDirectives)((0,i.createElementVNode)(`input`,(0,i.mergeProps)({id:L.value,ref_key:`inputElementRef`,ref:k,"onUpdate:modelValue":s[0]||=e=>b.value=e,class:`s-ui-input__control s-ui-typography-body-14-regular`,type:_.type,name:_.name,placeholder:_.placeholder,disabled:_.disabled,readonly:_.readonly,autocomplete:_.autocomplete},(0,i.unref)(w),{onFocus:s[1]||=(...e)=>(0,i.unref)(j)&&(0,i.unref)(j)(...e)}),null,16,f),[[i.vModelDynamic,b.value]])]),V.value?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,p,[(0,i.renderSlot)(r.$slots,`prepend`,{disabled:_.disabled})])):(0,i.createCommentVNode)(``,!0)],2),H()?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,m,[(0,i.createVNode)((0,i.unref)(e.t),{appearance:(0,i.unref)(e.n).BARE,variant:(0,i.unref)(e.i).NEUTRAL,size:(0,i.unref)(e.r).SMALL,icon:`closeMini`,"aria-label":(0,i.unref)(x)(`input.clear`),tabindex:U.value,onClick:(0,i.withModifiers)($,[`stop`])},null,8,[`appearance`,`variant`,`size`,`aria-label`,`tabindex`])])):(0,i.createCommentVNode)(``,!0),W.value?((0,i.openBlock)(),(0,i.createElementBlock)(`span`,h,[(0,i.renderSlot)(r.$slots,`action`,{disabled:_.disabled},()=>[_.iconRight?((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(e.t),{key:0,appearance:(0,i.unref)(e.n).BARE,variant:(0,i.unref)(e.i).NEUTRAL,size:(0,i.unref)(e.r).SMALL,disabled:_.disabled,icon:_.iconRight,tabindex:-1},null,8,[`appearance`,`variant`,`size`,`disabled`,`icon`])):(0,i.createCommentVNode)(``,!0)])])):(0,i.createCommentVNode)(``,!0)])],42,c),G.value||_.reserveMessageSpace?((0,i.openBlock)(),(0,i.createElementBlock)(`div`,{key:1,class:(0,i.normalizeClass)([`s-ui-input__messages`,{"s-ui-input__messages--reserved":_.reserveMessageSpace}])},[(0,i.renderSlot)(r.$slots,`message`,{},()=>[((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(N),(e,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(t.t),{key:`help-${n}`,message:e},null,8,[`message`]))),128)),((0,i.openBlock)(!0),(0,i.createElementBlock)(i.Fragment,null,(0,i.renderList)((0,i.unref)(P),(e,n)=>((0,i.openBlock)(),(0,i.createBlock)((0,i.unref)(t.t),{key:`error-${n}`,message:e,"data-qa":(0,i.unref)(T),"validation-status":(0,i.unref)(t.n).ERROR},null,8,[`message`,`data-qa`,`validation-status`]))),128))])],2)):(0,i.createCommentVNode)(``,!0)],16))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return _}});

package/dist/SList-BuXrkB03.js

@@ -1,465 +0,0 @@
-import { n as e, o as t, r as n, t as r } from "./useSelectionGroup-BCAmPf3R.js";
-import { a as ee, i as te, n as i, r as ne, s as re, t as ie } from "./treeKeyboardNavigation-SmxTdnDz.js";
-import { r as ae, t as a } from "./SListItem-BOSQGRWA.js";
-import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as oe, createSlots as u, createVNode as se, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as ce, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as le, renderList as _, renderSlot as v, unref as y, useId as ue, useModel as b, useSlots as de, useTemplateRef as fe, withCtx as x } from "vue";
-import { ESIconName as S, SSpinner as C, useUiKitI18n as pe } from "@shtabapp/ui-kit-primitives";
-import { useVirtualizer as me } from "@tanstack/vue-virtual";
-//#region src/components/SList/SList.types.ts
-var w = /* @__PURE__ */ function(e) {
-	return e.NONE = "none", e.TWO_X_SMALL = "2x-small", e.X_SMALL = "x-small", e.SMALL = "small", e.MEDIUM = "medium", e.X_MEDIUM = "x-medium", e.LARGE = "large", e.X_LARGE = "x-large", e.TWO_X_LARGE = "2x-large", e;
-}({}), T = w.TWO_X_SMALL, he = {
-	[w.NONE]: "var(--s-ui-space-gap-none)",
-	[w.TWO_X_SMALL]: "var(--s-ui-space-gap-2x-small)",
-	[w.X_SMALL]: "var(--s-ui-space-gap-x-small)",
-	[w.SMALL]: "var(--s-ui-space-gap-small)",
-	[w.MEDIUM]: "var(--s-ui-space-gap-medium)",
-	[w.X_MEDIUM]: "var(--s-ui-space-gap-x-medium)",
-	[w.LARGE]: "var(--s-ui-space-gap-large)",
-	[w.X_LARGE]: "var(--s-ui-space-gap-x-large)",
-	[w.TWO_X_LARGE]: "var(--s-ui-space-gap-2x-large)"
-}, ge = {
-	[w.NONE]: 0,
-	[w.TWO_X_SMALL]: 2,
-	[w.X_SMALL]: 4,
-	[w.SMALL]: 8,
-	[w.MEDIUM]: 12,
-	[w.X_MEDIUM]: 16,
-	[w.LARGE]: 20,
-	[w.X_LARGE]: 24,
-	[w.TWO_X_LARGE]: 32
-}, _e = (e, t) => `s-ui-list-option-${e}-${t}`, E = (e, t) => {
-	let n = e[t];
-	if (typeof n == "string") return n;
-}, D = (e, t) => {
-	let n = e[t];
-	return typeof n == "boolean" ? n : !1;
-}, O = (e) => e in S, ve = (e, t) => {
-	let n = e[t];
-	if (typeof n == "string" && n.length > 0 && O(n)) return n;
-}, ye = ["role", "aria-multiselectable"], be = [
-	"aria-multiselectable",
-	"aria-activedescendant",
-	"tabindex"
-], xe = ["data-index"], Se = {
-	key: 0,
-	class: "s-ui-list__divider",
-	role: "separator"
-}, Ce = {
-	key: 0,
-	class: "s-ui-list__divider",
-	role: "separator"
-}, we = {
-	key: 2,
-	class: "s-ui-list__static"
-}, k = /* @__PURE__ */ d({
-	__name: "SList",
-	props: /*@__PURE__*/ f({
-		items: {},
-		itemKey: {
-			type: [String, Function],
-			default: "id"
-		},
-		childrenKey: { default: "children" },
-		titleKey: { default: "title" },
-		subtitleKey: { default: "subtitle" },
-		iconLeftKey: { default: "iconLeft" },
-		disabledKey: { default: "disabled" },
-		itemProps: { type: Function },
-		selectionMode: { default: () => e.NONE },
-		mandatory: {
-			type: Boolean,
-			default: !1
-		},
-		virtual: { type: Boolean },
-		gap: { default: () => T },
-		estimateItemSize: { default: 36 },
-		overscan: { default: 5 },
-		endReachedDistance: { default: 0 },
-		canLoadMore: { type: Function },
-		height: { default: 320 },
-		maxHeight: {},
-		revealRight: {
-			type: Boolean,
-			default: !1
-		},
-		expandOnClick: {
-			type: Boolean,
-			default: !1
-		},
-		selectedOnTop: {
-			type: Boolean,
-			default: !1
-		},
-		hasMoreChildrenKey: {},
-		loadingMoreChildrenKeys: { default: () => [] }
-	}, {
-		modelValue: {},
-		modelModifiers: {},
-		selected: {},
-		selectedModifiers: {},
-		expanded: { default: () => [] },
-		expandedModifiers: {}
-	}),
-	emits: /*@__PURE__*/ f([
-		"endReached",
-		"loadMoreChildren",
-		"itemClick"
-	], [
-		"update:modelValue",
-		"update:selected",
-		"update:expanded"
-	]),
-	setup(d, { expose: f, emit: S }) {
-		let w = b(d, "modelValue"), T = b(d, "selected"), O = b(d, "expanded"), k = S, A = de(), Te = ue(), j = fe("scrollElementRef"), M = fe("listRootElementRef"), Ee = s(() => ge[d.gap]), N = s(() => d.items !== void 0), P = s(() => N.value ? d.virtual === void 0 ? !0 : d.virtual : !1), { flatRows: F, toggleExpanded: I } = re({
-			items: () => d.items ?? [],
-			childrenKey: () => d.childrenKey,
-			itemKey: () => d.itemKey,
-			expanded: O,
-			hasMoreChildrenKey: () => d.hasMoreChildrenKey,
-			selectedOnTop: () => d.selectedOnTop,
-			selectedKeys: () => T.value
-		}), { t: De } = pe(), L = s(() => new Set(d.loadingMoreChildrenKeys)), R = s(() => De("list.loadMore")), z = (e) => e.loadMoreForKey ? L.value.has(e.loadMoreForKey) : !1, B = (e, t) => {
-			L.value.has(e) || k("loadMoreChildren", {
-				key: e,
-				item: t
-			});
-		}, V = (e) => {
-			e.loadMoreForKey && B(e.loadMoreForKey, e.item);
-		}, H = (e) => ({
-			parentKey: e.loadMoreForKey ?? "",
-			parentItem: e.item,
-			depth: e.depth,
-			loading: z(e),
-			loadMore: () => {
-				V(e);
-			}
-		}), U = me(s(() => ({
-			count: F.value.length,
-			getScrollElement: () => j.value,
-			estimateSize: () => d.estimateItemSize,
-			gap: Ee.value,
-			overscan: d.overscan
-		}))), W = s(() => {
-			if (N.value) return F.value.reduce((e, t) => (t.divider || e.push(t.key), e), []);
-		}), G = s(() => {
-			let e = /* @__PURE__ */ new Set();
-			for (let t of F.value) !t.loadMoreForKey && D(t.item, d.disabledKey) && e.add(t.key);
-			return e;
-		}), K = async (e) => {
-			if (!P.value) return;
-			let t = F.value.findIndex((t) => t.key === e);
-			t !== -1 && (U.value.scrollToIndex(t, { align: "auto" }), await new Promise((e) => {
-				requestAnimationFrame(() => {
-					e();
-				});
-			}), await ce());
-		}, q = (e) => _e(Te, e), J = t({
-			modelValue: () => T.value,
-			onUpdateModelValue: (e) => {
-				T.value = e;
-			},
-			mode: () => d.selectionMode,
-			mandatory: () => d.mandatory,
-			orientation: () => n.VERTICAL,
-			enableTabNavigation: !0,
-			focusMode: () => P.value ? r.ACTIVE_DESCENDANT : r.DOM,
-			orderedValues: W,
-			isValueDisabled: (e) => G.value.has(e),
-			onBeforeFocusItem: async (e) => {
-				await K(e);
-			},
-			onFocusGroup: () => {
-				j.value?.focus();
-			}
-		}), Oe = s(() => N.value && ie(F.value)), Y = () => {
-			if (P.value) {
-				j.value?.focus();
-				return;
-			}
-			M.value?.focus();
-		}, ke = () => {
-			J.focusedValue.value = void 0, w.value = void 0;
-			let e = document.activeElement;
-			e instanceof HTMLElement && e !== j.value && e.blur(), Y();
-		}, X = async (e) => {
-			P.value && await K(e);
-		}, Ae = async (e) => {
-			if (ke(), e.type === "expand" || e.type === "collapse") {
-				I(e.rowKey), J.select(e.rowKey, !1), await X(e.rowKey);
-				return;
-			}
-			J.select(e.rowKey, !1), await X(e.rowKey);
-		}, je = async (e, t) => {
-			if (!Oe.value || e.key !== "ArrowUp" && e.key !== "ArrowDown") return !1;
-			let n = i(t, T.value), r = te(e.key, n, F.value);
-			return r ? (e.preventDefault(), ke(), J.select(r, !1), await X(r), !0) : !1;
-		}, Me = async (e, t) => {
-			if (!Oe.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight") return !1;
-			let n = i(t, T.value), r = ne(e.key, n, F.value);
-			return r ? (e.preventDefault(), await Ae(r), !0) : !1;
-		}, Z = () => {
-			if (w.value) return w.value;
-			let e = i("", T.value);
-			if (e) return e;
-			let t = W.value;
-			if (t) {
-				for (let e of t) if (!G.value.has(e)) return e;
-			}
-		}, Ne = () => Z(), Pe = async (e) => {
-			let t = Ne();
-			t && await Q(e, t);
-		}, Fe = [
-			"Enter",
-			" ",
-			"Spacebar"
-		], Ie = (e, t) => {
-			if (!Fe.includes(e.key)) return !1;
-			let n = F.value.find((e) => e.key === t);
-			return n?.loadMoreForKey ? (e.preventDefault(), B(n.loadMoreForKey, n.item), !0) : !1;
-		}, Q = async (e, t) => {
-			Ie(e, t) || await je(e, t) || await Me(e, t) || (await J.handleItemKeydown(e, t), w.value = J.focusedValue.value, !J.focusedValue.value && !P.value && Y());
-		}, Le = async (e) => {
-			let t = Z();
-			t && await Q(e, t);
-		}, Re = async (e) => {
-			if (P.value || e.target !== M.value) return;
-			let t = Z();
-			t && await Q(e, t);
-		}, ze = async () => {
-			let e = Z();
-			if (!e) {
-				Y();
-				return;
-			}
-			await J.focusItem(e, !1);
-		};
-		le(ae, {
-			mode: () => d.selectionMode,
-			isSelected: J.isSelected,
-			selectItem: J.toggle,
-			registerItem: J.registerItem,
-			getItemTabIndex: J.getItemTabIndex,
-			getGroupTabIndex: J.getGroupTabIndex,
-			handleItemKeydown: Q,
-			activeKey: () => w.value,
-			setActiveKey: (e) => {
-				w.value = e;
-			},
-			isExpanded: (e) => O.value.includes(e),
-			toggleExpanded: (e) => {
-				if (N.value) {
-					I(e);
-					return;
-				}
-				let t = new Set(O.value);
-				t.has(e) ? t.delete(e) : t.add(e), O.value = [...t];
-			},
-			revealRight: () => d.revealRight,
-			expandOnClick: () => d.expandOnClick,
-			getItemOptionId: (e) => {
-				if (P.value) return q(e);
-			},
-			usesActiveDescendantNavigation: () => P.value,
-			handlesTreeKeyboardNavigation: () => N.value
-		});
-		let Be = s(() => U.value.getVirtualItems()), Ve = s(() => Be.value.flatMap((e) => {
-			let t = F.value[e.index];
-			return t ? [{
-				virtualRow: e,
-				flatRow: t
-			}] : [];
-		})), He = s(() => U.value.getTotalSize()), Ue = s(() => ({
-			height: `${He.value}px`,
-			position: "relative",
-			width: "100%"
-		})), We = s(() => {
-			let e = {};
-			return typeof d.height == "number" ? e.height = `${d.height}px` : d.height && (e.height = d.height), d.maxHeight && (typeof d.maxHeight == "number" ? e.maxHeight = `${d.maxHeight}px` : e.maxHeight = d.maxHeight), e;
-		}), Ge = s(() => ({
-			"s-ui-list--virtual": P.value,
-			"s-ui-list--static": !P.value
-		})), Ke = s(() => ({ "--s-ui-list-gap": he[d.gap] })), qe = s(() => ({ "s-ui-list__scroll--flat": N.value && !P.value })), Je = s(() => {
-			if (d.selectionMode === e.MULTIPLE) return !0;
-		}), Ye = s(() => {
-			if (!P.value) return "listbox";
-		}), Xe = s(() => {
-			if (!P.value) return Je.value;
-		}), Ze = s(() => {
-			if (P.value) return J.getGroupTabIndex();
-		}), Qe = s(() => w.value ? w.value : i("", T.value)), $e = s(() => {
-			if (!P.value) return;
-			let e = Qe.value;
-			if (e) return q(e);
-		});
-		ee(() => j.value, {
-			distance: () => d.endReachedDistance,
-			canLoadMore: () => d.canLoadMore?.() ?? !0,
-			onEndReached: () => {
-				k("endReached", { direction: "bottom" });
-			}
-		});
-		let et = (e) => ({
-			position: "absolute",
-			top: 0,
-			left: 0,
-			width: "100%",
-			transform: `translateY(${e.start}px)`
-		}), tt = (e) => {
-			e instanceof HTMLElement && U.value.measureElement(e);
-		}, nt = (e) => {
-			let t = e.item, n = {
-				rowKey: e.key,
-				depth: e.depth,
-				expandable: e.hasChildren,
-				expanded: e.expanded,
-				selected: J.isSelected(e.key),
-				active: w.value === e.key,
-				disabled: D(t, d.disabledKey),
-				title: E(t, d.titleKey),
-				subtitle: E(t, d.subtitleKey),
-				iconLeft: ve(t, d.iconLeftKey),
-				revealRight: d.revealRight,
-				onClick: () => {
-					k("itemClick", {
-						key: e.key,
-						item: e.item
-					});
-				}
-			};
-			return d.itemProps ? {
-				...n,
-				...d.itemProps(t, e)
-			} : n;
-		}, $ = (e) => ({
-			...e,
-			revealRight: d.revealRight,
-			toggleExpanded: () => {
-				I(e.key);
-			}
-		});
-		return f({
-			focusNavigation: ze,
-			handleKeyboardNavigation: Le
-		}), (e, t) => (g(), l("div", {
-			ref_key: "listRootElementRef",
-			ref: M,
-			class: m(["s-ui-list", Ge.value]),
-			style: h(Ke.value),
-			role: Ye.value,
-			"aria-multiselectable": Xe.value,
-			tabindex: "-1",
-			onKeydown: Re
-		}, [N.value && P.value ? (g(), l("div", {
-			key: 0,
-			ref_key: "scrollElementRef",
-			ref: j,
-			class: m(["s-ui-list__scroll", qe.value]),
-			style: h(We.value),
-			role: "listbox",
-			"aria-multiselectable": Je.value,
-			"aria-activedescendant": $e.value,
-			tabindex: Ze.value,
-			onKeydown: Pe
-		}, [oe("div", {
-			class: "s-ui-list__virtual-panel",
-			style: h(Ue.value)
-		}, [(g(!0), l(o, null, _(Ve.value, (t) => (g(), l("div", {
-			key: t.virtualRow.index,
-			class: "s-ui-list__virtual-row",
-			"data-index": t.virtualRow.index,
-			ref_for: !0,
-			ref: tt,
-			style: h(et(t.virtualRow))
-		}, [t.flatRow.divider ? (g(), l("div", Se)) : t.flatRow.loadMoreForKey ? (g(), l(o, { key: 1 }, [y(A).loadMore ? v(e.$slots, "loadMore", p({
-			key: 0,
-			ref_for: !0
-		}, H(t.flatRow))) : (g(), c(y(a), {
-			key: 1,
-			"row-key": t.flatRow.key,
-			depth: t.flatRow.depth,
-			tiny: "",
-			title: R.value,
-			onClick: (e) => V(t.flatRow)
-		}, u({ _: 2 }, [z(t.flatRow) ? {
-			name: "icon-left",
-			fn: x(() => [se(y(C), { size: 16 })]),
-			key: "0"
-		} : void 0]), 1032, [
-			"row-key",
-			"depth",
-			"title",
-			"onClick"
-		]))], 64)) : (g(), l(o, { key: 2 }, [y(A).item ? v(e.$slots, "item", p({
-			key: 0,
-			ref_for: !0
-		}, $(t.flatRow))) : (g(), c(y(a), p({
-			key: 1,
-			ref_for: !0
-		}, nt(t.flatRow)), u({ _: 2 }, [
-			y(A).itemIconLeft ? {
-				name: "icon-left",
-				fn: x(() => [v(e.$slots, "itemIconLeft", p({ ref_for: !0 }, $(t.flatRow)))]),
-				key: "0"
-			} : void 0,
-			y(A).itemTitle ? {
-				name: "title",
-				fn: x(() => [v(e.$slots, "itemTitle", p({ ref_for: !0 }, $(t.flatRow)))]),
-				key: "1"
-			} : void 0,
-			y(A).itemSubtitle ? {
-				name: "subtitle",
-				fn: x(() => [v(e.$slots, "itemSubtitle", p({ ref_for: !0 }, $(t.flatRow)))]),
-				key: "2"
-			} : void 0
-		]), 1040))], 64))], 12, xe))), 128))], 4)], 46, be)) : N.value ? (g(), l("div", {
-			key: 1,
-			ref_key: "scrollElementRef",
-			ref: j,
-			class: m(["s-ui-list__scroll", qe.value]),
-			style: h(We.value)
-		}, [(g(!0), l(o, null, _(y(F), (t) => (g(), l(o, { key: t.key }, [t.divider ? (g(), l("div", Ce)) : t.loadMoreForKey ? (g(), l(o, { key: 1 }, [y(A).loadMore ? v(e.$slots, "loadMore", p({
-			key: 0,
-			ref_for: !0
-		}, H(t))) : (g(), c(y(a), {
-			key: 1,
-			"row-key": t.key,
-			depth: t.depth,
-			tiny: "",
-			title: R.value,
-			onClick: (e) => V(t)
-		}, u({ _: 2 }, [z(t) ? {
-			name: "icon-left",
-			fn: x(() => [se(y(C), { size: 16 })]),
-			key: "0"
-		} : void 0]), 1032, [
-			"row-key",
-			"depth",
-			"title",
-			"onClick"
-		]))], 64)) : (g(), l(o, { key: 2 }, [y(A).item ? v(e.$slots, "item", p({
-			key: 0,
-			ref_for: !0
-		}, $(t))) : (g(), c(y(a), p({
-			key: 1,
-			ref_for: !0
-		}, nt(t)), u({ _: 2 }, [
-			y(A).itemIconLeft ? {
-				name: "icon-left",
-				fn: x(() => [v(e.$slots, "itemIconLeft", p({ ref_for: !0 }, $(t)))]),
-				key: "0"
-			} : void 0,
-			y(A).itemTitle ? {
-				name: "title",
-				fn: x(() => [v(e.$slots, "itemTitle", p({ ref_for: !0 }, $(t)))]),
-				key: "1"
-			} : void 0,
-			y(A).itemSubtitle ? {
-				name: "subtitle",
-				fn: x(() => [v(e.$slots, "itemSubtitle", p({ ref_for: !0 }, $(t)))]),
-				key: "2"
-			} : void 0
-		]), 1040))], 64))], 64))), 128))], 6)) : (g(), l("div", we, [v(e.$slots, "default")]))], 46, ye));
-	}
-});
-//#endregion
-export { w as a, E as i, D as n, ve as r, k as t };

package/dist/SList-CvP0U6U1.cjs

@@ -1 +0,0 @@
-const e=require("./useSelectionGroup-NJvi3hNo.cjs"),t=require("./treeKeyboardNavigation-BOz2SVus.cjs"),n=require("./SListItem-BeaflFVf.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives"),a=require("@tanstack/vue-virtual");var o=function(e){return e.NONE=`none`,e.TWO_X_SMALL=`2x-small`,e.X_SMALL=`x-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e.X_MEDIUM=`x-medium`,e.LARGE=`large`,e.X_LARGE=`x-large`,e.TWO_X_LARGE=`2x-large`,e}({}),s=o.TWO_X_SMALL,ee={[o.NONE]:`var(--s-ui-space-gap-none)`,[o.TWO_X_SMALL]:`var(--s-ui-space-gap-2x-small)`,[o.X_SMALL]:`var(--s-ui-space-gap-x-small)`,[o.SMALL]:`var(--s-ui-space-gap-small)`,[o.MEDIUM]:`var(--s-ui-space-gap-medium)`,[o.X_MEDIUM]:`var(--s-ui-space-gap-x-medium)`,[o.LARGE]:`var(--s-ui-space-gap-large)`,[o.X_LARGE]:`var(--s-ui-space-gap-x-large)`,[o.TWO_X_LARGE]:`var(--s-ui-space-gap-2x-large)`},te={[o.NONE]:0,[o.TWO_X_SMALL]:2,[o.X_SMALL]:4,[o.SMALL]:8,[o.MEDIUM]:12,[o.X_MEDIUM]:16,[o.LARGE]:20,[o.X_LARGE]:24,[o.TWO_X_LARGE]:32},ne=(e,t)=>`s-ui-list-option-${e}-${t}`,c=(e,t)=>{let n=e[t];if(typeof n==`string`)return n},l=(e,t)=>{let n=e[t];return typeof n==`boolean`?n:!1},u=e=>e in i.ESIconName,d=(e,t)=>{let n=e[t];if(typeof n==`string`&&n.length>0&&u(n))return n},re=[`role`,`aria-multiselectable`],ie=[`aria-multiselectable`,`aria-activedescendant`,`tabindex`],ae=[`data-index`],f={key:0,class:`s-ui-list__divider`,role:`separator`},oe={key:0,class:`s-ui-list__divider`,role:`separator`},p={key:2,class:`s-ui-list__static`},m=(0,r.defineComponent)({__name:`SList`,props:(0,r.mergeModels)({items:{},itemKey:{type:[String,Function],default:`id`},childrenKey:{default:`children`},titleKey:{default:`title`},subtitleKey:{default:`subtitle`},iconLeftKey:{default:`iconLeft`},disabledKey:{default:`disabled`},itemProps:{type:Function},selectionMode:{default:()=>e.n.NONE},mandatory:{type:Boolean,default:!1},virtual:{type:Boolean},gap:{default:()=>s},estimateItemSize:{default:36},overscan:{default:5},endReachedDistance:{default:0},canLoadMore:{type:Function},height:{default:320},maxHeight:{},revealRight:{type:Boolean,default:!1},expandOnClick:{type:Boolean,default:!1},selectedOnTop:{type:Boolean,default:!1},hasMoreChildrenKey:{},loadingMoreChildrenKeys:{default:()=>[]}},{modelValue:{},modelModifiers:{},selected:{},selectedModifiers:{},expanded:{default:()=>[]},expandedModifiers:{}}),emits:(0,r.mergeModels)([`endReached`,`loadMoreChildren`,`itemClick`],[`update:modelValue`,`update:selected`,`update:expanded`]),setup(o,{expose:s,emit:u}){let m=(0,r.useModel)(o,`modelValue`),h=(0,r.useModel)(o,`selected`),g=(0,r.useModel)(o,`expanded`),_=u,v=(0,r.useSlots)(),y=(0,r.useId)(),b=(0,r.useTemplateRef)(`scrollElementRef`),x=(0,r.useTemplateRef)(`listRootElementRef`),S=(0,r.computed)(()=>te[o.gap]),C=(0,r.computed)(()=>o.items!==void 0),w=(0,r.computed)(()=>C.value?o.virtual===void 0?!0:o.virtual:!1),{flatRows:T,toggleExpanded:E}=t.s({items:()=>o.items??[],childrenKey:()=>o.childrenKey,itemKey:()=>o.itemKey,expanded:g,hasMoreChildrenKey:()=>o.hasMoreChildrenKey,selectedOnTop:()=>o.selectedOnTop,selectedKeys:()=>h.value}),{t:D}=(0,i.useUiKitI18n)(),O=(0,r.computed)(()=>new Set(o.loadingMoreChildrenKeys)),k=(0,r.computed)(()=>D(`list.loadMore`)),A=e=>e.loadMoreForKey?O.value.has(e.loadMoreForKey):!1,j=(e,t)=>{O.value.has(e)||_(`loadMoreChildren`,{key:e,item:t})},M=e=>{e.loadMoreForKey&&j(e.loadMoreForKey,e.item)},N=e=>({parentKey:e.loadMoreForKey??``,parentItem:e.item,depth:e.depth,loading:A(e),loadMore:()=>{M(e)}}),P=(0,a.useVirtualizer)((0,r.computed)(()=>({count:T.value.length,getScrollElement:()=>b.value,estimateSize:()=>o.estimateItemSize,gap:S.value,overscan:o.overscan}))),F=(0,r.computed)(()=>{if(C.value)return T.value.reduce((e,t)=>(t.divider||e.push(t.key),e),[])}),I=(0,r.computed)(()=>{let e=new Set;for(let t of T.value)!t.loadMoreForKey&&l(t.item,o.disabledKey)&&e.add(t.key);return e}),L=async e=>{if(!w.value)return;let t=T.value.findIndex(t=>t.key===e);t!==-1&&(P.value.scrollToIndex(t,{align:`auto`}),await new Promise(e=>{requestAnimationFrame(()=>{e()})}),await(0,r.nextTick)())},R=e=>ne(y,e),z=e.o({modelValue:()=>h.value,onUpdateModelValue:e=>{h.value=e},mode:()=>o.selectionMode,mandatory:()=>o.mandatory,orientation:()=>e.r.VERTICAL,enableTabNavigation:!0,focusMode:()=>w.value?e.t.ACTIVE_DESCENDANT:e.t.DOM,orderedValues:F,isValueDisabled:e=>I.value.has(e),onBeforeFocusItem:async e=>{await L(e)},onFocusGroup:()=>{b.value?.focus()}}),B=(0,r.computed)(()=>C.value&&t.t(T.value)),V=()=>{if(w.value){b.value?.focus();return}x.value?.focus()},H=()=>{z.focusedValue.value=void 0,m.value=void 0;let e=document.activeElement;e instanceof HTMLElement&&e!==b.value&&e.blur(),V()},U=async e=>{w.value&&await L(e)},W=async e=>{if(H(),e.type===`expand`||e.type===`collapse`){E(e.rowKey),z.select(e.rowKey,!1),await U(e.rowKey);return}z.select(e.rowKey,!1),await U(e.rowKey)},G=async(e,n)=>{if(!B.value||e.key!==`ArrowUp`&&e.key!==`ArrowDown`)return!1;let r=t.n(n,h.value),i=t.i(e.key,r,T.value);return i?(e.preventDefault(),H(),z.select(i,!1),await U(i),!0):!1},K=async(e,n)=>{if(!B.value||e.key!==`ArrowLeft`&&e.key!==`ArrowRight`)return!1;let r=t.n(n,h.value),i=t.r(e.key,r,T.value);return i?(e.preventDefault(),await W(i),!0):!1},q=()=>{if(m.value)return m.value;let e=t.n(``,h.value);if(e)return e;let n=F.value;if(n){for(let e of n)if(!I.value.has(e))return e}},se=()=>q(),ce=async e=>{let t=se();t&&await J(e,t)},le=[`Enter`,` `,`Spacebar`],ue=(e,t)=>{if(!le.includes(e.key))return!1;let n=T.value.find(e=>e.key===t);return n?.loadMoreForKey?(e.preventDefault(),j(n.loadMoreForKey,n.item),!0):!1},J=async(e,t)=>{ue(e,t)||await G(e,t)||await K(e,t)||(await z.handleItemKeydown(e,t),m.value=z.focusedValue.value,!z.focusedValue.value&&!w.value&&V())},de=async e=>{let t=q();t&&await J(e,t)},fe=async e=>{if(w.value||e.target!==x.value)return;let t=q();t&&await J(e,t)},pe=async()=>{let e=q();if(!e){V();return}await z.focusItem(e,!1)};(0,r.provide)(n.r,{mode:()=>o.selectionMode,isSelected:z.isSelected,selectItem:z.toggle,registerItem:z.registerItem,getItemTabIndex:z.getItemTabIndex,getGroupTabIndex:z.getGroupTabIndex,handleItemKeydown:J,activeKey:()=>m.value,setActiveKey:e=>{m.value=e},isExpanded:e=>g.value.includes(e),toggleExpanded:e=>{if(C.value){E(e);return}let t=new Set(g.value);t.has(e)?t.delete(e):t.add(e),g.value=[...t]},revealRight:()=>o.revealRight,expandOnClick:()=>o.expandOnClick,getItemOptionId:e=>{if(w.value)return R(e)},usesActiveDescendantNavigation:()=>w.value,handlesTreeKeyboardNavigation:()=>C.value});let me=(0,r.computed)(()=>P.value.getVirtualItems()),he=(0,r.computed)(()=>me.value.flatMap(e=>{let t=T.value[e.index];return t?[{virtualRow:e,flatRow:t}]:[]})),ge=(0,r.computed)(()=>P.value.getTotalSize()),_e=(0,r.computed)(()=>({height:`${ge.value}px`,position:`relative`,width:`100%`})),Y=(0,r.computed)(()=>{let e={};return typeof o.height==`number`?e.height=`${o.height}px`:o.height&&(e.height=o.height),o.maxHeight&&(typeof o.maxHeight==`number`?e.maxHeight=`${o.maxHeight}px`:e.maxHeight=o.maxHeight),e}),ve=(0,r.computed)(()=>({"s-ui-list--virtual":w.value,"s-ui-list--static":!w.value})),ye=(0,r.computed)(()=>({"--s-ui-list-gap":ee[o.gap]})),X=(0,r.computed)(()=>({"s-ui-list__scroll--flat":C.value&&!w.value})),Z=(0,r.computed)(()=>{if(o.selectionMode===e.n.MULTIPLE)return!0}),be=(0,r.computed)(()=>{if(!w.value)return`listbox`}),xe=(0,r.computed)(()=>{if(!w.value)return Z.value}),Se=(0,r.computed)(()=>{if(w.value)return z.getGroupTabIndex()}),Ce=(0,r.computed)(()=>m.value?m.value:t.n(``,h.value)),we=(0,r.computed)(()=>{if(!w.value)return;let e=Ce.value;if(e)return R(e)});t.a(()=>b.value,{distance:()=>o.endReachedDistance,canLoadMore:()=>o.canLoadMore?.()??!0,onEndReached:()=>{_(`endReached`,{direction:`bottom`})}});let Te=e=>({position:`absolute`,top:0,left:0,width:`100%`,transform:`translateY(${e.start}px)`}),Ee=e=>{e instanceof HTMLElement&&P.value.measureElement(e)},Q=e=>{let t=e.item,n={rowKey:e.key,depth:e.depth,expandable:e.hasChildren,expanded:e.expanded,selected:z.isSelected(e.key),active:m.value===e.key,disabled:l(t,o.disabledKey),title:c(t,o.titleKey),subtitle:c(t,o.subtitleKey),iconLeft:d(t,o.iconLeftKey),revealRight:o.revealRight,onClick:()=>{_(`itemClick`,{key:e.key,item:e.item})}};return o.itemProps?{...n,...o.itemProps(t,e)}:n},$=e=>({...e,revealRight:o.revealRight,toggleExpanded:()=>{E(e.key)}});return s({focusNavigation:pe,handleKeyboardNavigation:de}),(e,t)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listRootElementRef`,ref:x,class:(0,r.normalizeClass)([`s-ui-list`,ve.value]),style:(0,r.normalizeStyle)(ye.value),role:be.value,"aria-multiselectable":xe.value,tabindex:`-1`,onKeydown:fe},[C.value&&w.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:0,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value),role:`listbox`,"aria-multiselectable":Z.value,"aria-activedescendant":we.value,tabindex:Se.value,onKeydown:ce},[(0,r.createElementVNode)(`div`,{class:`s-ui-list__virtual-panel`,style:(0,r.normalizeStyle)(_e.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(he.value,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:t.virtualRow.index,class:`s-ui-list__virtual-row`,"data-index":t.virtualRow.index,ref_for:!0,ref:Ee,style:(0,r.normalizeStyle)(Te(t.virtualRow))},[t.flatRow.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,f)):t.flatRow.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.flatRow.key,depth:t.flatRow.depth,tiny:``,title:k.value,onClick:e=>M(t.flatRow)},(0,r.createSlots)({_:2},[A(t.flatRow)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t.flatRow))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t.flatRow)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t.flatRow)))]),key:`2`}:void 0]),1040))],64))],12,ae))),128))],4)],46,ie)):C.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:1,ref_key:`scrollElementRef`,ref:b,class:(0,r.normalizeClass)([`s-ui-list__scroll`,X.value]),style:(0,r.normalizeStyle)(Y.value)},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)((0,r.unref)(T),t=>((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:t.key},[t.divider?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,oe)):t.loadMoreForKey?((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[(0,r.unref)(v).loadMore?(0,r.renderSlot)(e.$slots,`loadMore`,(0,r.mergeProps)({key:0,ref_for:!0},N(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:1,"row-key":t.key,depth:t.depth,tiny:``,title:k.value,onClick:e=>M(t)},(0,r.createSlots)({_:2},[A(t)?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.createVNode)((0,r.unref)(i.SSpinner),{size:16})]),key:`0`}:void 0]),1032,[`row-key`,`depth`,`title`,`onClick`]))],64)):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:2},[(0,r.unref)(v).item?(0,r.renderSlot)(e.$slots,`item`,(0,r.mergeProps)({key:0,ref_for:!0},$(t))):((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),(0,r.mergeProps)({key:1,ref_for:!0},Q(t)),(0,r.createSlots)({_:2},[(0,r.unref)(v).itemIconLeft?{name:`icon-left`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemIconLeft`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`0`}:void 0,(0,r.unref)(v).itemTitle?{name:`title`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemTitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`1`}:void 0,(0,r.unref)(v).itemSubtitle?{name:`subtitle`,fn:(0,r.withCtx)(()=>[(0,r.renderSlot)(e.$slots,`itemSubtitle`,(0,r.mergeProps)({ref_for:!0},$(t)))]),key:`2`}:void 0]),1040))],64))],64))),128))],6)):((0,r.openBlock)(),(0,r.createElementBlock)(`div`,p,[(0,r.renderSlot)(e.$slots,`default`)]))],46,re))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return m}});