@shtabapp/ui-kit 1.26.0 → 1.28.0

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [@shtabapp/ui-kit-v1.28.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.27.0...@shtabapp/ui-kit@1.28.0) (2026-06-22)
+
+### Features
+
+- avatar icon & badge ([fe43db5](https://gitlab.com/mstikharev/shtab-ui-kit/commit/fe43db59a550f63653e4db264b443f4b69fc72f1))
+
+## [@shtabapp/ui-kit-v1.27.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.26.0...@shtabapp/ui-kit@1.27.0) (2026-06-11)
+
+### Features
+
+- docs ([d5d8ccb](https://gitlab.com/mstikharev/shtab-ui-kit/commit/d5d8ccbd483d7e292dce18b98b7fc602de17e642))
+
+### Bug Fixes
+
+- **components:** make vue-router truly optional at build time ([16c10d5](https://gitlab.com/mstikharev/shtab-ui-kit/commit/16c10d5c9192d162f80d005c4e5662e05e26409b))
+
 ## [@shtabapp/ui-kit-v1.26.0](https://gitlab.com/mstikharev/shtab-ui-kit/compare/@shtabapp/ui-kit@1.25.2...@shtabapp/ui-kit@1.26.0) (2026-06-11)
 
 ### Features

package/README.md

@@ -1,37 +1,115 @@
-# @shtabapp/ui-kit
+<div align="center">
 
-Композитные Vue 3 компоненты Shtab UI Kit, собранные на токенах и примитивах.
+# Shtab UI Kit
 
-## Установка
+**Библиотека Vue 3 компонентов и design tokens, на которых построен [Shtab](https://shtab.app)**
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@shtabapp/ui-kit">
+    <img src="https://img.shields.io/npm/v/%40shtabapp%2Fui-kit?color=4f6df5&label=npm" alt="npm version">
+  </a>
+  <a href="https://www.npmjs.com/package/@shtabapp/ui-kit">
+    <img src="https://img.shields.io/npm/dm/%40shtabapp%2Fui-kit?color=4f6df5" alt="Downloads">
+  </a>
+  <a href="https://www.npmjs.com/package/@shtabapp/ui-kit">
+    <img src="https://img.shields.io/npm/l/%40shtabapp%2Fui-kit?color=4f6df5" alt="License">
+  </a>
+  <img src="https://img.shields.io/badge/Vue-3.5%2B-42b883?logo=vue.js&logoColor=white" alt="Vue 3.5+">
+  <img src="https://img.shields.io/badge/TypeScript-strict-3178c6?logo=typescript&logoColor=white" alt="TypeScript">
+</p>
+
+<p align="center">
+  <a href="https://ui.shtab.app">📖 Документация</a> ·
+  <a href="https://ui.shtab.app/storybook/">🎨 Storybook</a> ·
+  <a href="https://ui.shtab.app/getting-started/installation">⚡ Установка</a>
+</p>
+
+</div>
+
+---
+
+## 🚀 Возможности
+
+- 🧩 **30+ компонентов** — формы, overlay, списки и графики: `SButton`, `SInput`, `SSelect`, `SDropdown`, `SList`, `SChartLine` и другие
+- 🎨 **Design tokens** — светлая и тёмная темы, брендовые цветовые пресеты, CSS custom properties и CSS Layers
+- 🌳 **Tree-shaking** — точечный subpath-импорт каждого компонента: `@shtabapp/ui-kit/button`
+- 🦾 **TypeScript** — строго типизированные props, события, слоты и `v-model`
+- 🤖 **AI-ready** — собственный [MCP-сервер](https://www.npmjs.com/package/@shtabapp/ui-kit-mcp) и [llms.txt](https://ui.shtab.app/llms.txt) для AI-ассистентов
+
+## ⚡ Быстрый старт
 
 ```bash
 pnpm add @shtabapp/ui-kit
 ```
 
-`@shtabapp/ui-kit-tokens` и `@shtabapp/ui-kit-primitives` устанавливаются автоматически как зависимости.
-
-## Использование
+Подключите стили **до** стилей приложения и оберните корень в `.s-ui-root`:
 
 ```ts
+// main.ts
 import '@shtabapp/ui-kit/styles.css'
+```
+
+```vue
+<template>
+  <SButton appearance="major" variant="main" icon-left="plus"> Создать задачу </SButton>
+</template>
 
+<script setup lang="ts">
 import { SButton } from '@shtabapp/ui-kit/button'
-import { SIcon } from '@shtabapp/ui-kit/icon'
-import { setDocumentTheme } from '@shtabapp/ui-kit/tokens'
+</script>
 ```
 
-JS-API `@shtabapp/ui-kit-tokens` и `@shtabapp/ui-kit-primitives` полностью реэкспортируется отсюда — и из корневого barrel, и через subpath-входы (`./tokens`, `./icon`, `./spinner`, `./progress-bar`, `./skeleton`).
+Переключение темы:
+
+```ts
+import { setDocumentTheme, EThemeName } from '@shtabapp/ui-kit/tokens'
+
+setDocumentTheme(EThemeName.Dark)
+```
+
+Подробности — в [руководстве по установке](https://ui.shtab.app/getting-started/installation): агрегат стилей и гранулярные входы, `<Suspense>` для асинхронного `SIcon`, точечный импорт.
+
+## 📖 Документация
+
+| Раздел                                                          | Что внутри                                         |
+| --------------------------------------------------------------- | -------------------------------------------------- |
+| [Установка](https://ui.shtab.app/getting-started/installation)  | Пакеты, стили, точечный импорт                     |
+| [Design tokens](https://ui.shtab.app/foundations/design-tokens) | Палитра, семантические токены, размеры             |
+| [Темизация](https://ui.shtab.app/foundations/theming)           | Светлая/тёмная тема, брендовые пресеты             |
+| [Паттерны](https://ui.shtab.app/patterns/forms)                 | Формы, overlay, списки, графики                    |
+| [Storybook](https://ui.shtab.app/storybook/)                    | Интерактивная галерея всех компонентов и состояний |
+
+## 🤖 Для AI-ассистентов
+
+Подключите [MCP-сервер](https://ui.shtab.app/llm/mcp-server) — и Claude Code, Cursor или VS Code будут верстать на актуальном API библиотеки:
+
+```bash
+claude mcp add shtab-ui-kit -- npx -y @shtabapp/ui-kit-mcp
+```
+
+Или используйте машиночитаемую документацию: [llms.txt](https://ui.shtab.app/llms.txt) · [llms-full.txt](https://ui.shtab.app/llms-full.txt).
+
+## 🌐 Экосистема
+
+| Пакет                                                                                    | Назначение                                                  |
+| ---------------------------------------------------------------------------------------- | ----------------------------------------------------------- |
+| [@shtabapp/ui-kit](https://www.npmjs.com/package/@shtabapp/ui-kit)                       | Составные компоненты — основной пакет                       |
+| [@shtabapp/ui-kit-primitives](https://www.npmjs.com/package/@shtabapp/ui-kit-primitives) | Примитивы: `SIcon`, `SSpinner`, `SProgressBar`, `SSkeleton` |
+| [@shtabapp/ui-kit-tokens](https://www.npmjs.com/package/@shtabapp/ui-kit-tokens)         | Design tokens, темы, CSS layers                             |
+| [@shtabapp/ui-kit-mcp](https://www.npmjs.com/package/@shtabapp/ui-kit-mcp)               | MCP-сервер для AI-ассистентов                               |
 
-`styles.css` — агрегат, подключающий слои в правильном порядке (tokens → primitives → components). Гранулярные входы: `@shtabapp/ui-kit-tokens/styles.css`, `@shtabapp/ui-kit-primitives/styles.css`, `@shtabapp/ui-kit/components.css`.
+`tokens` и `primitives` устанавливаются автоматически как зависимости, их JS-API полностью реэкспортируется из `@shtabapp/ui-kit` — включая subpath-входы (`./tokens`, `./icon`, `./spinner`, `./progress-bar`, `./skeleton`).
 
-## Peer dependencies
+## ⚙️ Peer dependencies
 
-- `vue` `^3.5.0`
-- `@vueuse/core` `^14.0.0`
-- `chart.js` `^4.4.0` (для chart-компонентов)
-- `@tanstack/vue-virtual` `^3.0.0`
-- `vue-router` `^4.5.0` (опционально)
+| Пакет                   | Версия    |                           |
+| ----------------------- | --------- | ------------------------- |
+| `vue`                   | `^3.5.0`  |                           |
+| `@vueuse/core`          | `^14.0.0` |                           |
+| `chart.js`              | `^4.4.0`  | для chart-компонентов     |
+| `@tanstack/vue-virtual` | `^3.0.0`  | для виртуализации списков |
+| `vue-router`            | `^4.5.0`  | опционально               |
 
-## Лицензия
+## 📑 Лицензия
 
-MIT
+[MIT](https://opensource.org/licenses/MIT)

package/dist/SAvatar-CRq0LG8U.cjs

@@ -0,0 +1 @@
+let e=require("vue"),t=require("@shtabapp/ui-kit-primitives");var n=`data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.8432%204.68368C17.1178%204.39139%2017.5777%204.37698%2017.87%204.65154C18.1623%204.92611%2018.1767%205.38606%2017.9022%205.67836L8.48261%2015.5803C8.34546%2015.7262%208.15429%2015.809%207.95407%2015.8091C7.75368%2015.8091%207.56183%2015.7263%207.42459%2015.5803L1.9671%209.77108C1.69255%209.47878%201.70696%209.01883%201.99925%208.74426C2.29155%208.4697%202.7515%208.48411%203.02607%208.7764L7.95313%2014.0221L16.8432%204.68368Z'%20fill='currentColor'/%3e%3cpath%20d='M16.5%204.36284C16.9523%203.88141%2017.7106%203.8557%2018.1923%204.30773C18.6737%204.76002%2018.6972%205.51837%2018.2451%206L8.82637%2015.9032C8.60063%2016.1428%208.2835%2016.2797%207.95383%2016.2798C7.62409%2016.2797%207.30753%2016.1439%207.08128%2015.9032L1.6233%2010.0939C1.17096%209.61231%201.19687%208.85401%201.6784%208.40166C2.15998%207.94983%202.91615%207.97328%203.36838%208.45447L7.95153%2013.3338L16.5%204.36284ZM17.5471%204.99428C17.4441%204.89817%2017.2832%204.90315%2017.1866%205.00576L8.29596%2014.3441C8.20723%2014.4386%208.08339%2014.4932%207.95383%2014.4934C7.824%2014.4934%207.69828%2014.4388%207.6094%2014.3441L2.68412%209.0974C2.58752%208.99469%202.4243%208.98983%202.32133%209.08592C2.21838%209.18263%202.21334%209.34572%202.30985%209.44871L7.76784%2015.258C7.81594%2015.3091%207.8831%2015.3383%207.95383%2015.3384C8.02411%2015.3383%208.09131%2015.3096%208.13982%2015.258L17.5585%205.35708C17.6312%205.27976%2017.6473%205.16832%2017.6068%205.07695L17.5471%204.99428Z'%20fill='currentColor'/%3e%3c/svg%3e`,r=`data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.7772%2010C16.7772%206.25708%2013.743%203.22282%2010%203.22282C8.33943%203.22282%206.81926%203.81952%205.64038%204.81123L15.3637%2014.1394C16.2492%2012.9939%2016.7772%2011.5597%2016.7772%2010ZM3.22278%2010C3.22278%2013.743%206.25705%2016.7773%2010%2016.7773C11.6605%2016.7773%2013.1798%2016.1796%2014.3587%2015.1879L4.63533%205.85977C3.74982%207.00522%203.22278%208.4403%203.22278%2010ZM18.2295%2010C18.2295%2012.2109%2017.3569%2014.2196%2015.9386%2015.6975C14.4418%2017.2572%2012.3337%2018.2295%2010%2018.2295C5.45498%2018.2295%201.77052%2014.5451%201.77052%2010C1.77052%207.78918%202.64314%205.78051%204.06142%204.30256C5.55821%202.74284%207.66627%201.77056%2010%201.77056C14.545%201.77056%2018.2295%205.45502%2018.2295%2010Z'%20fill='currentColor'/%3e%3cpath%20d='M17.7588%2010C17.7588%205.71474%2014.2853%202.24127%2010%202.24127C7.79957%202.24127%205.81142%203.15815%204.39964%204.62929C3.06266%206.02308%202.24124%207.9159%202.24124%2010C2.24124%2014.2853%205.7147%2017.7588%2010%2017.7588C12.2004%2017.7588%2014.1886%2016.8419%2015.6004%2015.3708C16.9373%2013.977%2017.7588%2012.0842%2017.7588%2010ZM4.9599%205.52021L14.6842%2014.8496L15.0608%2015.2101L14.6612%2015.5476C13.401%2016.6077%2011.7756%2017.2468%2010%2017.2468C5.99733%2017.2468%202.75328%2014.0027%202.75328%2010C2.75328%208.33248%203.31738%206.79777%204.26416%205.57302L4.58333%205.15741L4.9599%205.52021ZM16.3076%2010C16.3076%206.5168%2013.4832%203.69245%2010%203.69245C8.64349%203.69245%207.3891%204.12123%206.36057%204.84972L15.295%2013.4213C15.9342%2012.4354%2016.3076%2011.2627%2016.3076%2010ZM3.69242%2010C3.69242%2013.4833%206.51676%2016.3076%2010%2016.3076C11.3562%2016.3076%2012.6087%2015.8767%2013.6371%2015.1481L4.70273%206.57645C4.06363%207.56245%203.69242%208.737%203.69242%2010ZM17.2467%2010C17.2467%2011.6679%2016.6824%2013.2025%2015.7358%2014.4271L15.4167%2014.8404L4.93694%204.78773L5.33877%204.45249C6.59924%203.39218%208.22467%202.75332%2010%202.75332C14.0027%202.75332%2017.2467%205.99737%2017.2467%2010ZM18.7002%2010C18.7002%2012.337%2017.7766%2014.4609%2016.2777%2016.0229C14.696%2017.6712%2012.467%2018.7002%2010%2018.7002C5.19527%2018.7002%201.2998%2014.8048%201.2998%2010C1.2998%207.66305%202.22335%205.53918%203.72227%203.97718C5.30405%202.32889%207.53297%201.29984%2010%201.29984C14.8047%201.29984%2018.7002%205.19531%2018.7002%2010Z'%20fill='currentColor'/%3e%3c/svg%3e`,i=function(e){return e.SIZE_80=`80`,e.SIZE_72=`72`,e.SIZE_64=`64`,e.SIZE_56=`56`,e.SIZE_48=`48`,e.SIZE_40=`40`,e.SIZE_32=`32`,e.SIZE_24=`24`,e.SIZE_20=`20`,e.SIZE_16=`16`,e}({}),a=function(e){return e.CIRCLE=`circle`,e.SQUARE=`square`,e}({}),o=function(e){return e.TEAL=`teal`,e.CYAN=`cyan`,e.INDIGO=`indigo`,e.VIOLET=`violet`,e.PINK=`pink`,e.SURFACE=`surface`,e}({}),s=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e}({}),c=function(e){return e.DEFAULT=`default`,e.ONLINE=`online`,e.OFFLINE=`offline`,e.RECENTLY=`recently`,e.ERROR=`error`,e.TRACK=`track`,e.DONE=`done`,e.CONTROLLER=`controller`,e.FAVORITE=`favorite`,e.PIN=`pin`,e.PRIVATE=`private`,e}({}),l=function(e){return e.SMALL=`s`,e.MEDIUM=`m`,e.LARGE=`l`,e}({}),u={key:0,class:`s-ui-avatar-badge__dot`},d=16,f=(0,e.defineComponent)({__name:`SAvatarBadge`,props:{badge:{},size:{}},setup(i){let a=[c.DEFAULT,c.ONLINE,c.OFFLINE,c.RECENTLY,c.ERROR],o={[c.TRACK]:t.ESIconName.playFill,[c.CONTROLLER]:t.ESIconName.controlFill,[c.FAVORITE]:t.ESIconName.starFill,[c.PIN]:t.ESIconName.pinFill},s={[c.DONE]:n,[c.PRIVATE]:r},l=(0,e.computed)(()=>i.badge?[`s-ui-avatar-badge--size-${i.size}`,`s-ui-avatar-badge--type-${i.badge}`]:[]),f=(0,e.computed)(()=>i.badge?a.includes(i.badge):!1),p=(0,e.computed)(()=>i.badge&&s[i.badge]||``),m=(0,e.computed)(()=>p.value?{"--s-ui-avatar-badge-local-icon-url":`url("${p.value}")`}:{}),h=(0,e.computed)(()=>i.badge&&o[i.badge]||t.ESIconName.circleMiniFill);return(n,r)=>i.badge?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:0,class:(0,e.normalizeClass)([`s-ui-avatar-badge`,l.value]),"aria-hidden":`true`},[f.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,u)):p.value?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:1,class:`s-ui-avatar-badge__local-icon`,style:(0,e.normalizeStyle)(m.value)},null,4)):((0,e.openBlock)(),(0,e.createBlock)((0,e.unref)(t.SIcon),{key:2,class:`s-ui-avatar-badge__icon`,name:h.value,size:d},null,8,[`name`]))],2)):(0,e.createCommentVNode)(``,!0)}}),p=e=>e.startsWith(`#`),m=e=>p(e)?`s-ui-avatar--color-custom`:`s-ui-avatar--color-${e}`,h=e=>({"--s-ui-avatar-background":e}),g={[i.SIZE_80]:`s-ui-typography-heading-h3-semibold`,[i.SIZE_72]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_64]:`s-ui-typography-heading-h4-semibold`,[i.SIZE_56]:`s-ui-typography-label-16-medium`,[i.SIZE_48]:`s-ui-typography-label-16-medium`,[i.SIZE_40]:`s-ui-typography-label-16-medium`,[i.SIZE_32]:`s-ui-typography-label-14-medium`,[i.SIZE_24]:`s-ui-typography-label-12-medium`,[i.SIZE_20]:`s-ui-typography-label-12-medium`,[i.SIZE_16]:`s-ui-typography-label-10-medium`},_={[i.SIZE_80]:40,[i.SIZE_72]:40,[i.SIZE_64]:40,[i.SIZE_56]:32,[i.SIZE_48]:32,[i.SIZE_40]:24,[i.SIZE_32]:24,[i.SIZE_24]:20,[i.SIZE_20]:16,[i.SIZE_16]:16},v={[i.SIZE_80]:l.LARGE,[i.SIZE_72]:l.LARGE,[i.SIZE_64]:l.MEDIUM,[i.SIZE_56]:l.MEDIUM,[i.SIZE_48]:l.SMALL,[i.SIZE_40]:l.SMALL,[i.SIZE_32]:l.SMALL,[i.SIZE_24]:l.SMALL,[i.SIZE_20]:l.SMALL,[i.SIZE_16]:l.SMALL},y=[`aria-disabled`],b={class:`s-ui-avatar__content`},x=[`src`,`alt`],S={key:1,class:`s-ui-avatar__icon`},C=[`role`,`aria-label`],w={key:0,class:`s-ui-avatar__name`},T=(0,e.defineComponent)({inheritAttrs:!1,__name:`SAvatar`,props:{alt:{},badge:{},bordered:{type:Boolean,default:!0},color:{default:()=>o.TEAL},disabled:{type:Boolean,default:!1},icon:{},iconBackground:{default:()=>s.NEUTRAL},initialLength:{default:1},name:{},shape:{default:()=>a.CIRCLE},showName:{type:Boolean,default:!0},size:{default:()=>i.SIZE_40},src:{}},setup(n){let r=(0,e.useAttrs)(),i=(0,e.ref)(!1),a=e=>typeof e==`number`||typeof e==`string`,o=(0,e.computed)(()=>{if(a(r.tabindex))return r.tabindex;if(a(r.tabIndex))return r.tabIndex}),s=(0,e.computed)(()=>a(r.tabindex)||a(r.tabIndex)),c=(0,e.computed)(()=>n.disabled?-1:s.value?o.value:0),l=(0,e.computed)(()=>({...r,tabindex:c.value})),u=(0,e.computed)(()=>[`s-ui-avatar--size-${n.size}`,`s-ui-avatar--shape-${n.shape}`,m(n.color),`s-ui-avatar--icon-background-${n.iconBackground}`,{"s-ui-avatar--bordered":n.bordered,"s-ui-avatar--disabled":n.disabled,"s-ui-avatar--icon":E.value,"s-ui-avatar--photo":T.value}]),d=(0,e.computed)(()=>{if(!E.value&&p(n.color))return h(n.color)}),T=(0,e.computed)(()=>!!(n.src&&!i.value)),E=(0,e.computed)(()=>!!(!T.value&&n.icon)),D=e=>{let t=e.split(/\s+/).filter(Boolean);if(t.length===1){let e=t[0];if(e)return e}return t.map(e=>e.slice(0,1)).join(``)},O=(0,e.computed)(()=>n.name?D(n.name):``),k=(0,e.computed)(()=>n.alt?n.alt:n.name?n.name:O.value),A=(0,e.computed)(()=>{if(n.alt)return n.alt;if(n.name)return n.name}),j=(0,e.computed)(()=>O.value.slice(0,Math.max(n.initialLength,0))),M=(0,e.computed)(()=>g[n.size]),N=(0,e.computed)(()=>_[n.size]),P=(0,e.computed)(()=>v[n.size]),F=()=>{i.value=!0};return(0,e.watch)(()=>n.src,()=>{i.value=!1}),(r,a)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,(0,e.mergeProps)(l.value,{class:[`s-ui-avatar`,u.value],style:d.value,"aria-disabled":n.disabled||void 0}),[(0,e.createElementVNode)(`span`,b,[n.src&&!i.value?((0,e.openBlock)(),(0,e.createElementBlock)(`img`,{key:0,class:`s-ui-avatar__image`,src:n.src,alt:k.value,onError:F},null,40,x)):n.icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,S,[(0,e.createVNode)((0,e.unref)(t.SIcon),{name:n.icon,size:N.value,"aria-label":A.value},null,8,[`name`,`size`,`aria-label`])])):((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:2,class:(0,e.normalizeClass)([`s-ui-avatar__initials`,M.value]),role:n.alt?`img`:void 0,"aria-label":n.alt},(0,e.toDisplayString)(j.value),11,C)),(0,e.createVNode)(f,{badge:n.badge,size:P.value},null,8,[`badge`,`size`])]),n.showName&&n.name?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,w,(0,e.toDisplayString)(n.name),1)):(0,e.createCommentVNode)(``,!0)],16,y))}});Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return T}});

package/dist/SAvatar-kB6E-fX6.js

@@ -0,0 +1,187 @@
+import { computed as e, createBlock as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createVNode as a, defineComponent as o, mergeProps as s, normalizeClass as c, normalizeStyle as l, openBlock as u, ref as d, toDisplayString as f, unref as p, useAttrs as m, watch as h } from "vue";
+import { ESIconName as g, SIcon as _ } from "@shtabapp/ui-kit-primitives";
+//#region src/components/SAvatar/icons/checkBold.svg
+var v = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.8432%204.68368C17.1178%204.39139%2017.5777%204.37698%2017.87%204.65154C18.1623%204.92611%2018.1767%205.38606%2017.9022%205.67836L8.48261%2015.5803C8.34546%2015.7262%208.15429%2015.809%207.95407%2015.8091C7.75368%2015.8091%207.56183%2015.7263%207.42459%2015.5803L1.9671%209.77108C1.69255%209.47878%201.70696%209.01883%201.99925%208.74426C2.29155%208.4697%202.7515%208.48411%203.02607%208.7764L7.95313%2014.0221L16.8432%204.68368Z'%20fill='currentColor'/%3e%3cpath%20d='M16.5%204.36284C16.9523%203.88141%2017.7106%203.8557%2018.1923%204.30773C18.6737%204.76002%2018.6972%205.51837%2018.2451%206L8.82637%2015.9032C8.60063%2016.1428%208.2835%2016.2797%207.95383%2016.2798C7.62409%2016.2797%207.30753%2016.1439%207.08128%2015.9032L1.6233%2010.0939C1.17096%209.61231%201.19687%208.85401%201.6784%208.40166C2.15998%207.94983%202.91615%207.97328%203.36838%208.45447L7.95153%2013.3338L16.5%204.36284ZM17.5471%204.99428C17.4441%204.89817%2017.2832%204.90315%2017.1866%205.00576L8.29596%2014.3441C8.20723%2014.4386%208.08339%2014.4932%207.95383%2014.4934C7.824%2014.4934%207.69828%2014.4388%207.6094%2014.3441L2.68412%209.0974C2.58752%208.99469%202.4243%208.98983%202.32133%209.08592C2.21838%209.18263%202.21334%209.34572%202.30985%209.44871L7.76784%2015.258C7.81594%2015.3091%207.8831%2015.3383%207.95383%2015.3384C8.02411%2015.3383%208.09131%2015.3096%208.13982%2015.258L17.5585%205.35708C17.6312%205.27976%2017.6473%205.16832%2017.6068%205.07695L17.5471%204.99428Z'%20fill='currentColor'/%3e%3c/svg%3e", y = "data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M16.7772%2010C16.7772%206.25708%2013.743%203.22282%2010%203.22282C8.33943%203.22282%206.81926%203.81952%205.64038%204.81123L15.3637%2014.1394C16.2492%2012.9939%2016.7772%2011.5597%2016.7772%2010ZM3.22278%2010C3.22278%2013.743%206.25705%2016.7773%2010%2016.7773C11.6605%2016.7773%2013.1798%2016.1796%2014.3587%2015.1879L4.63533%205.85977C3.74982%207.00522%203.22278%208.4403%203.22278%2010ZM18.2295%2010C18.2295%2012.2109%2017.3569%2014.2196%2015.9386%2015.6975C14.4418%2017.2572%2012.3337%2018.2295%2010%2018.2295C5.45498%2018.2295%201.77052%2014.5451%201.77052%2010C1.77052%207.78918%202.64314%205.78051%204.06142%204.30256C5.55821%202.74284%207.66627%201.77056%2010%201.77056C14.545%201.77056%2018.2295%205.45502%2018.2295%2010Z'%20fill='currentColor'/%3e%3cpath%20d='M17.7588%2010C17.7588%205.71474%2014.2853%202.24127%2010%202.24127C7.79957%202.24127%205.81142%203.15815%204.39964%204.62929C3.06266%206.02308%202.24124%207.9159%202.24124%2010C2.24124%2014.2853%205.7147%2017.7588%2010%2017.7588C12.2004%2017.7588%2014.1886%2016.8419%2015.6004%2015.3708C16.9373%2013.977%2017.7588%2012.0842%2017.7588%2010ZM4.9599%205.52021L14.6842%2014.8496L15.0608%2015.2101L14.6612%2015.5476C13.401%2016.6077%2011.7756%2017.2468%2010%2017.2468C5.99733%2017.2468%202.75328%2014.0027%202.75328%2010C2.75328%208.33248%203.31738%206.79777%204.26416%205.57302L4.58333%205.15741L4.9599%205.52021ZM16.3076%2010C16.3076%206.5168%2013.4832%203.69245%2010%203.69245C8.64349%203.69245%207.3891%204.12123%206.36057%204.84972L15.295%2013.4213C15.9342%2012.4354%2016.3076%2011.2627%2016.3076%2010ZM3.69242%2010C3.69242%2013.4833%206.51676%2016.3076%2010%2016.3076C11.3562%2016.3076%2012.6087%2015.8767%2013.6371%2015.1481L4.70273%206.57645C4.06363%207.56245%203.69242%208.737%203.69242%2010ZM17.2467%2010C17.2467%2011.6679%2016.6824%2013.2025%2015.7358%2014.4271L15.4167%2014.8404L4.93694%204.78773L5.33877%204.45249C6.59924%203.39218%208.22467%202.75332%2010%202.75332C14.0027%202.75332%2017.2467%205.99737%2017.2467%2010ZM18.7002%2010C18.7002%2012.337%2017.7766%2014.4609%2016.2777%2016.0229C14.696%2017.6712%2012.467%2018.7002%2010%2018.7002C5.19527%2018.7002%201.2998%2014.8048%201.2998%2010C1.2998%207.66305%202.22335%205.53918%203.72227%203.97718C5.30405%202.32889%207.53297%201.29984%2010%201.29984C14.8047%201.29984%2018.7002%205.19531%2018.7002%2010Z'%20fill='currentColor'/%3e%3c/svg%3e", b = /* @__PURE__ */ function(e) {
+	return e.SIZE_80 = "80", e.SIZE_72 = "72", e.SIZE_64 = "64", e.SIZE_56 = "56", e.SIZE_48 = "48", e.SIZE_40 = "40", e.SIZE_32 = "32", e.SIZE_24 = "24", e.SIZE_20 = "20", e.SIZE_16 = "16", e;
+}({}), x = /* @__PURE__ */ function(e) {
+	return e.CIRCLE = "circle", e.SQUARE = "square", e;
+}({}), S = /* @__PURE__ */ function(e) {
+	return e.TEAL = "teal", e.CYAN = "cyan", e.INDIGO = "indigo", e.VIOLET = "violet", e.PINK = "pink", e.SURFACE = "surface", e;
+}({}), C = /* @__PURE__ */ function(e) {
+	return e.NEUTRAL = "neutral", e.MAIN = "main", e;
+}({}), w = /* @__PURE__ */ function(e) {
+	return e.DEFAULT = "default", e.ONLINE = "online", e.OFFLINE = "offline", e.RECENTLY = "recently", e.ERROR = "error", e.TRACK = "track", e.DONE = "done", e.CONTROLLER = "controller", e.FAVORITE = "favorite", e.PIN = "pin", e.PRIVATE = "private", e;
+}({}), T = /* @__PURE__ */ function(e) {
+	return e.SMALL = "s", e.MEDIUM = "m", e.LARGE = "l", e;
+}({}), E = {
+	key: 0,
+	class: "s-ui-avatar-badge__dot"
+}, D = 16, O = /* @__PURE__ */ o({
+	__name: "SAvatarBadge",
+	props: {
+		badge: {},
+		size: {}
+	},
+	setup(i) {
+		let a = [
+			w.DEFAULT,
+			w.ONLINE,
+			w.OFFLINE,
+			w.RECENTLY,
+			w.ERROR
+		], o = {
+			[w.TRACK]: g.playFill,
+			[w.CONTROLLER]: g.controlFill,
+			[w.FAVORITE]: g.starFill,
+			[w.PIN]: g.pinFill
+		}, s = {
+			[w.DONE]: v,
+			[w.PRIVATE]: y
+		}, d = e(() => i.badge ? [`s-ui-avatar-badge--size-${i.size}`, `s-ui-avatar-badge--type-${i.badge}`] : []), f = e(() => i.badge ? a.includes(i.badge) : !1), m = e(() => i.badge && s[i.badge] || ""), h = e(() => m.value ? { "--s-ui-avatar-badge-local-icon-url": `url("${m.value}")` } : {}), b = e(() => i.badge && o[i.badge] || g.circleMiniFill);
+		return (e, a) => i.badge ? (u(), r("span", {
+			key: 0,
+			class: c(["s-ui-avatar-badge", d.value]),
+			"aria-hidden": "true"
+		}, [f.value ? (u(), r("span", E)) : m.value ? (u(), r("span", {
+			key: 1,
+			class: "s-ui-avatar-badge__local-icon",
+			style: l(h.value)
+		}, null, 4)) : (u(), t(p(_), {
+			key: 2,
+			class: "s-ui-avatar-badge__icon",
+			name: b.value,
+			size: D
+		}, null, 8, ["name"]))], 2)) : n("", !0);
+	}
+}), k = (e) => e.startsWith("#"), A = (e) => k(e) ? "s-ui-avatar--color-custom" : `s-ui-avatar--color-${e}`, j = (e) => ({ "--s-ui-avatar-background": e }), M = {
+	[b.SIZE_80]: "s-ui-typography-heading-h3-semibold",
+	[b.SIZE_72]: "s-ui-typography-heading-h4-semibold",
+	[b.SIZE_64]: "s-ui-typography-heading-h4-semibold",
+	[b.SIZE_56]: "s-ui-typography-label-16-medium",
+	[b.SIZE_48]: "s-ui-typography-label-16-medium",
+	[b.SIZE_40]: "s-ui-typography-label-16-medium",
+	[b.SIZE_32]: "s-ui-typography-label-14-medium",
+	[b.SIZE_24]: "s-ui-typography-label-12-medium",
+	[b.SIZE_20]: "s-ui-typography-label-12-medium",
+	[b.SIZE_16]: "s-ui-typography-label-10-medium"
+}, N = {
+	[b.SIZE_80]: 40,
+	[b.SIZE_72]: 40,
+	[b.SIZE_64]: 40,
+	[b.SIZE_56]: 32,
+	[b.SIZE_48]: 32,
+	[b.SIZE_40]: 24,
+	[b.SIZE_32]: 24,
+	[b.SIZE_24]: 20,
+	[b.SIZE_20]: 16,
+	[b.SIZE_16]: 16
+}, P = {
+	[b.SIZE_80]: T.LARGE,
+	[b.SIZE_72]: T.LARGE,
+	[b.SIZE_64]: T.MEDIUM,
+	[b.SIZE_56]: T.MEDIUM,
+	[b.SIZE_48]: T.SMALL,
+	[b.SIZE_40]: T.SMALL,
+	[b.SIZE_32]: T.SMALL,
+	[b.SIZE_24]: T.SMALL,
+	[b.SIZE_20]: T.SMALL,
+	[b.SIZE_16]: T.SMALL
+}, F = ["aria-disabled"], I = { class: "s-ui-avatar__content" }, L = ["src", "alt"], R = {
+	key: 1,
+	class: "s-ui-avatar__icon"
+}, z = ["role", "aria-label"], B = {
+	key: 0,
+	class: "s-ui-avatar__name"
+}, V = /* @__PURE__ */ o({
+	inheritAttrs: !1,
+	__name: "SAvatar",
+	props: {
+		alt: {},
+		badge: {},
+		bordered: {
+			type: Boolean,
+			default: !0
+		},
+		color: { default: () => S.TEAL },
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		icon: {},
+		iconBackground: { default: () => C.NEUTRAL },
+		initialLength: { default: 1 },
+		name: {},
+		shape: { default: () => x.CIRCLE },
+		showName: {
+			type: Boolean,
+			default: !0
+		},
+		size: { default: () => b.SIZE_40 },
+		src: {}
+	},
+	setup(t) {
+		let o = m(), l = d(!1), g = (e) => typeof e == "number" || typeof e == "string", v = e(() => {
+			if (g(o.tabindex)) return o.tabindex;
+			if (g(o.tabIndex)) return o.tabIndex;
+		}), y = e(() => g(o.tabindex) || g(o.tabIndex)), b = e(() => t.disabled ? -1 : y.value ? v.value : 0), x = e(() => ({
+			...o,
+			tabindex: b.value
+		})), S = e(() => [
+			`s-ui-avatar--size-${t.size}`,
+			`s-ui-avatar--shape-${t.shape}`,
+			A(t.color),
+			`s-ui-avatar--icon-background-${t.iconBackground}`,
+			{
+				"s-ui-avatar--bordered": t.bordered,
+				"s-ui-avatar--disabled": t.disabled,
+				"s-ui-avatar--icon": T.value,
+				"s-ui-avatar--photo": w.value
+			}
+		]), C = e(() => {
+			if (!T.value && k(t.color)) return j(t.color);
+		}), w = e(() => !!(t.src && !l.value)), T = e(() => !!(!w.value && t.icon)), E = (e) => {
+			let t = e.split(/\s+/).filter(Boolean);
+			if (t.length === 1) {
+				let e = t[0];
+				if (e) return e;
+			}
+			return t.map((e) => e.slice(0, 1)).join("");
+		}, D = e(() => t.name ? E(t.name) : ""), V = e(() => t.alt ? t.alt : t.name ? t.name : D.value), H = e(() => {
+			if (t.alt) return t.alt;
+			if (t.name) return t.name;
+		}), U = e(() => D.value.slice(0, Math.max(t.initialLength, 0))), W = e(() => M[t.size]), G = e(() => N[t.size]), K = e(() => P[t.size]), q = () => {
+			l.value = !0;
+		};
+		return h(() => t.src, () => {
+			l.value = !1;
+		}), (e, o) => (u(), r("span", s(x.value, {
+			class: ["s-ui-avatar", S.value],
+			style: C.value,
+			"aria-disabled": t.disabled || void 0
+		}), [i("span", I, [t.src && !l.value ? (u(), r("img", {
+			key: 0,
+			class: "s-ui-avatar__image",
+			src: t.src,
+			alt: V.value,
+			onError: q
+		}, null, 40, L)) : t.icon ? (u(), r("span", R, [a(p(_), {
+			name: t.icon,
+			size: G.value,
+			"aria-label": H.value
+		}, null, 8, [
+			"name",
+			"size",
+			"aria-label"
+		])])) : (u(), r("span", {
+			key: 2,
+			class: c(["s-ui-avatar__initials", W.value]),
+			role: t.alt ? "img" : void 0,
+			"aria-label": t.alt
+		}, f(U.value), 11, z)), a(O, {
+			badge: t.badge,
+			size: K.value
+		}, null, 8, ["badge", "size"])]), t.showName && t.name ? (u(), r("span", B, f(t.name), 1)) : n("", !0)], 16, F));
+	}
+});
+//#endregion
+export { x as a, C as i, w as n, b as o, S as r, V as t };

package/dist/{SAvatarGroup-CpXYyENT.js → SAvatarGroup-Buja-Gw9.js}

@@ -1,4 +1,4 @@
-import { i as e, t } from "./SAvatar-CGxQaW36.js";
+import { o as e, t } from "./SAvatar-kB6E-fX6.js";
 import { t as n } from "./SOverflowGroup-CVSon6Eg.js";
 import { cloneVNode as r, computed as i, createBlock as a, createElementVNode as o, defineComponent as s, normalizeClass as c, openBlock as l, renderSlot as u, toDisplayString as d, withCtx as f } from "vue";
 //#region src/components/SAvatarGroup/SAvatarGroup.types.ts

package/dist/{SAvatarGroup-UZFNjjwz.cjs → SAvatarGroup-Cc4sBQjA.cjs}

@@ -1 +1 @@
-const e=require("./SAvatar-C9YzCOKj.cjs"),t=require("./SOverflowGroup-DyVUzkNu.cjs");let n=require("vue");var r=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),i={class:`s-ui-avatar-group__overflow`},a=(0,n.defineComponent)({__name:`SAvatarGroup`,props:{disabled:{type:Boolean,default:!1},maxVisible:{},size:{default:()=>r.SMALL}},setup(a){let o=(0,n.computed)(()=>[`s-ui-avatar-group--size-${a.size}`,{"s-ui-avatar-group--disabled":a.disabled}]),s={[r.EXTRA_SMALL]:e.i.SIZE_16,[r.SMALL]:e.i.SIZE_20,[r.MEDIUM]:e.i.SIZE_24},c=(0,n.computed)(()=>s[a.size]),l=(e,t)=>({"--s-ui-avatar-group-item-z-index":e-t}),u=(t,r)=>t.type===e.t?(0,n.cloneVNode)(t,{...a.disabled?{disabled:!0}:{},showName:!1,size:c.value,style:l(r.visibleCount,r.visibleIndex)}):t;return(e,r)=>((0,n.openBlock)(),(0,n.createBlock)(t.t,{class:(0,n.normalizeClass)([`s-ui-avatar-group`,o.value]),role:`group`,"aria-disabled":a.disabled||void 0,"cluster-class":`s-ui-avatar-group__cluster`,"max-visible":a.maxVisible,"map-vnode":u},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createElementVNode)(`span`,i,(0,n.toDisplayString)(e),1)]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`aria-disabled`,`max-visible`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});
+const e=require("./SAvatar-CRq0LG8U.cjs"),t=require("./SOverflowGroup-DyVUzkNu.cjs");let n=require("vue");var r=function(e){return e.EXTRA_SMALL=`extra-small`,e.SMALL=`small`,e.MEDIUM=`medium`,e}({}),i={class:`s-ui-avatar-group__overflow`},a=(0,n.defineComponent)({__name:`SAvatarGroup`,props:{disabled:{type:Boolean,default:!1},maxVisible:{},size:{default:()=>r.SMALL}},setup(a){let o=(0,n.computed)(()=>[`s-ui-avatar-group--size-${a.size}`,{"s-ui-avatar-group--disabled":a.disabled}]),s={[r.EXTRA_SMALL]:e.o.SIZE_16,[r.SMALL]:e.o.SIZE_20,[r.MEDIUM]:e.o.SIZE_24},c=(0,n.computed)(()=>s[a.size]),l=(e,t)=>({"--s-ui-avatar-group-item-z-index":e-t}),u=(t,r)=>t.type===e.t?(0,n.cloneVNode)(t,{...a.disabled?{disabled:!0}:{},showName:!1,size:c.value,style:l(r.visibleCount,r.visibleIndex)}):t;return(e,r)=>((0,n.openBlock)(),(0,n.createBlock)(t.t,{class:(0,n.normalizeClass)([`s-ui-avatar-group`,o.value]),role:`group`,"aria-disabled":a.disabled||void 0,"cluster-class":`s-ui-avatar-group__cluster`,"max-visible":a.maxVisible,"map-vnode":u},{overflow:(0,n.withCtx)(({overflowLabel:e})=>[(0,n.createElementVNode)(`span`,i,(0,n.toDisplayString)(e),1)]),default:(0,n.withCtx)(()=>[(0,n.renderSlot)(e.$slots,`default`)]),_:3},8,[`class`,`aria-disabled`,`max-visible`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return a}});

package/dist/{SButton-fFytCz5D.cjs → SButton-CHxE2l-X.cjs}

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

package/dist/{SButton-DI04KG06.js → SButton-D5yFE3W2.js}

@@ -2,7 +2,7 @@ import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
 import { t as r } from "./context-C3WoLJS4.js";
 import { a as i } from "./useSelectionGroup-cKj38lEN.js";
 import { n as a, t as o } from "./useSelectLink-DClG5hGA.js";
-import { n as s, t as c } from "./useLink-Zo9A_RCf.js";
+import { n as s, t as c } from "./useLink-Com5VhOk.js";
 import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createVNode as h, defineComponent as g, inject as _, mergeProps as v, normalizeClass as y, openBlock as b, renderSlot as x, resolveDynamicComponent as S, toValue as C, unref as w, useAttrs as T, useTemplateRef as E, withCtx as D } from "vue";
 import { SIcon as O, SSpinner as k } from "@shtabapp/ui-kit-primitives";
 //#region src/components/SButton/SButton.vue?vue&type=script&setup=true&lang.ts

package/dist/{SCard-BF6CapA9.cjs → SCard-BR2R5VQd.cjs}

@@ -1 +1 @@
-const e=require("./useLink-CvN7IK0Z.cjs"),t=require("./SCheckbox-CYy7tfoS.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.r).EXTRA_SMALL,tabindex:-1},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});
+const e=require("./useLink-1LLWpdDZ.cjs"),t=require("./SCheckbox-CYy7tfoS.cjs");let n=require("vue"),r=require("@shtabapp/ui-kit-primitives");var i=function(e){return e.CARD=`card`,e.LIST=`list`,e}({}),a={key:0,class:`s-ui-card__content s-ui-card__content--skeleton`},o={class:`s-ui-card__content`},s={class:`s-ui-card__icon`,"aria-hidden":`true`},c={class:`s-ui-card__text`},l={key:0,class:`s-ui-card__title s-ui-typography-heading-h6-semibold`},u={key:1,class:`s-ui-card__subtitle s-ui-typography-body-12-regular`},d={key:0,class:`s-ui-card__meta s-ui-typography-label-12-medium`},f={key:0,class:`s-ui-card__selected-indicator`,"aria-hidden":`true`},p=(0,n.defineComponent)({inheritAttrs:!1,__name:`SCard`,props:(0,n.mergeModels)({layout:{default:()=>i.CARD},title:{},subtitle:{},icon:{default:`page`},selectable:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},skeleton:{type:Boolean,default:!1},link:{},exact:{type:Boolean,default:!1},replace:{type:Boolean,default:!1}},{selected:{type:Boolean,default:!1},selectedModifiers:{}}),emits:(0,n.mergeModels)([`click`,`keydown`],[`update:selected`]),setup(p,{emit:m}){let h=(0,n.useModel)(p,`selected`),g=m,_=(0,n.useSlots)(),v=(0,n.useAttrs)(),y=e.t(()=>p.link,()=>p.exact,()=>p.replace),b=y.linkPresentation,x=(0,n.computed)(()=>p.disabled||p.skeleton),S=y.isLink,C=(0,n.computed)(()=>b.value.mode===`none`?`div`:b.value.rootTag),w=(0,n.computed)(()=>{if(x.value)return-1;if(!S.value)return 0}),T=(0,n.computed)(()=>({"aria-busy":p.skeleton?!0:void 0,"aria-disabled":x.value?!0:void 0,"aria-pressed":p.selectable&&!x.value&&!S.value&&h.value?!0:void 0,role:x.value||S.value?void 0:`button`,tabindex:w.value,...e.n(b.value,{replace:p.replace})})),E=(0,n.computed)(()=>({...T.value,...v})),D=(0,n.computed)(()=>p.selectable&&!x.value),O=(0,n.computed)(()=>p.layout===i.LIST?r.ESSkeletonType.S_CARD_LIST:r.ESSkeletonType.S_CARD),k=(0,n.computed)(()=>[`s-ui-card--layout-${p.layout}`,{"s-ui-card--selected":h.value,"s-ui-card--selectable":p.selectable,"s-ui-card--disabled":p.disabled,"s-ui-card--skeleton":p.skeleton,"s-ui-card--link":S.value,"s-ui-card--with-subtitle":!!(p.subtitle||_.subtitle)}]),A=e=>{if(x.value){e.preventDefault();return}if(y.isRouterLink.value){g(`click`,e);return}p.selectable&&(h.value=!h.value),g(`click`,e)},j=[`Enter`,` `,`Spacebar`],M=[`Enter`,` `],N=e=>{if(!x.value){if(g(`keydown`,e),y.isRouterLink.value&&j.includes(e.key)){e.preventDefault(),y.navigate();return}S.value||M.includes(e.key)&&(e.preventDefault(),e.currentTarget instanceof HTMLElement&&e.currentTarget.click())}};return(e,i)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(C.value),(0,n.mergeProps)({class:[`s-ui-card`,k.value]},E.value,{onClick:A,onKeydown:N}),{default:(0,n.withCtx)(()=>[p.skeleton?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,a,[(0,n.createVNode)((0,n.unref)(r.SSkeleton),{class:`s-ui-card__skeleton`,type:O.value},null,8,[`type`])])):((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,{key:1},[(0,n.createElementVNode)(`div`,o,[(0,n.createElementVNode)(`span`,s,[(0,n.renderSlot)(e.$slots,`icon`,{},()=>[(0,n.createVNode)((0,n.unref)(r.SIcon),{name:p.icon,size:16},null,8,[`name`])])]),(0,n.createElementVNode)(`span`,c,[p.title||_.title?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,l,[(0,n.renderSlot)(e.$slots,`title`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.title),1)])])):(0,n.createCommentVNode)(``,!0),p.subtitle||_.subtitle?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,u,[(0,n.renderSlot)(e.$slots,`subtitle`,{},()=>[(0,n.createTextVNode)((0,n.toDisplayString)(p.subtitle),1)])])):(0,n.createCommentVNode)(``,!0)]),_.meta?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,d,[(0,n.renderSlot)(e.$slots,`meta`)])):(0,n.createCommentVNode)(``,!0)]),D.value?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,f,[(0,n.renderSlot)(e.$slots,`selected-indicator`,{},()=>[(0,n.createVNode)((0,n.unref)(t.t),{"model-value":h.value,size:(0,n.unref)(t.r).EXTRA_SMALL,tabindex:-1},null,8,[`model-value`,`size`])])])):(0,n.createCommentVNode)(``,!0)],64))]),_:3},16,[`class`]))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return p}});

package/dist/{SCard-qqo16_wT.js → SCard-CrU67ok0.js}

@@ -1,4 +1,4 @@
-import { n as e, t } from "./useLink-Zo9A_RCf.js";
+import { n as e, t } from "./useLink-Com5VhOk.js";
 import { r as n, t as r } from "./SCheckbox-BMKYFfrB.js";
 import { Fragment as i, computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeModels as p, mergeProps as m, openBlock as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useAttrs as b, useModel as x, useSlots as S, withCtx as C } from "vue";
 import { ESSkeletonType as w, SIcon as T, SSkeleton as E } from "@shtabapp/ui-kit-primitives";

package/dist/{SInput-A659aRIu.cjs → SInput-Bno-hQ-b.cjs}

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

package/dist/{SInput-oIwQ2B1r.js → SInput-W2257ZAC.js}

@@ -1,5 +1,5 @@
 import { n as e, r as t, t as n } from "./SButton.types-CpdHQtyx.js";
-import { t as r } from "./SButton-DI04KG06.js";
+import { t as r } from "./SButton-D5yFE3W2.js";
 import { n as ee, t as i } from "./SInlineMessage-Dirk5RwO.js";
 import { t as te } from "./SLabel-yzcX4qp5.js";
 import { n as a, t as o } from "./useFieldMessages-Cb06My1W.js";

package/dist/{SList-s90xxyCL.js → SList-9BpZD3aT.js}

@@ -1,5 +1,5 @@
 import { n as e, o as t, r as n, t as r } from "./useSelectionGroup-cKj38lEN.js";
-import { r as i, t as a } from "./SListItem-pDfLBCNA.js";
+import { r as i, t as a } from "./SListItem-BAWj5_pk.js";
 import { Fragment as o, computed as s, createBlock as c, createElementBlock as l, createElementVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, nextTick as ee, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as te, renderList as ne, renderSlot as _, toValue as v, unref as y, useId as re, useModel as b, useSlots as ie, useTemplateRef as x } from "vue";
 import { ESIconName as S } from "@shtabapp/ui-kit-primitives";
 import { useInfiniteScroll as C } from "@vueuse/core";

package/dist/{SList-ptf_BOAm.cjs → SList-D-J6fBrQ.cjs}

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

package/dist/{SListItem-DnQa1Q4k.cjs → SListItem-4OTUkahk.cjs}

@@ -1 +1 @@
-const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./SButton-fFytCz5D.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`sListInjectionKey`),o=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e.ERROR=`error`,e}({}),s=[`id`,`tabindex`,`aria-selected`,`aria-disabled`,`aria-readonly`,`aria-busy`,`aria-expanded`],c={key:0,class:`s-ui-list-item__level`},l={class:`s-ui-list-item__body`},u={key:0,class:`s-ui-list-item__icon-left`},d={class:`s-ui-list-item__text`},f={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},p={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},m={key:1,class:`s-ui-list-item__title-action`},h={key:1,class:`s-ui-list-item__actions`},g={class:`s-ui-list-item__actions-reveal`},_={class:`s-ui-list-item__actions-inner`},v={key:0,class:`s-ui-list-item__trailing`},y={key:1,class:`s-ui-list-item__action-end`},b=16,x=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,S=(0,r.defineComponent)({__name:`SListItem`,props:{depth:{default:0},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>o.NEUTRAL},tiny:{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:{},rowKey:{},revealRight:{type:Boolean}},emits:[`click`,`toggleExpand`,`keydown`],setup(o,{expose:S,emit:C}){let w=C,T=(0,r.computed)(()=>({disabled:o.disabled,readonly:o.readonly})),E=(0,r.useSlots)(),D=(0,r.useTemplateRef)(`listItemElementRef`),O=(0,r.inject)(a,null),k=t.n({group:()=>O,value:()=>o.rowKey,el:()=>D.value,disabled:()=>o.disabled||o.loading,interactive:()=>!o.readonly&&!o.loading}),A=(0,r.computed)(()=>!!(E.trailing||E.right||E[`action-end`])),j=(0,r.computed)(()=>O&&o.rowKey?O.isExpanded(o.rowKey):o.expanded),M=(0,r.computed)(()=>k.isInGroup.value?k.isActive.value:o.selected),N=(0,r.computed)(()=>O&&o.rowKey?O.activeKey()===o.rowKey:o.active),P=(0,r.computed)(()=>o.revealRight===void 0?O?O.revealRight():!1:o.revealRight),F=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),I=(0,r.computed)(()=>{if(O?.usesActiveDescendantNavigation())return-1;if(!(o.disabled||o.readonly||o.loading))return k.tabIndex.value===void 0?0:k.tabIndex.value}),L=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),R=(0,r.computed)(()=>[`s-ui-list-item--variant-${o.variant}`,{"s-ui-list-item--tiny":o.tiny,"s-ui-list-item--selected":M.value,"s-ui-list-item--active":N.value,"s-ui-list-item--disabled":o.disabled,"s-ui-list-item--readonly":o.readonly,"s-ui-list-item--loading":o.loading,"s-ui-list-item--expandable":o.expandable,"s-ui-list-item--reveal-right":P.value}]),z=()=>{if(!(o.disabled||o.readonly||o.loading)){if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)}},B=e=>e.target instanceof Element&&!!e.target.closest(x),V=e=>{o.disabled||o.readonly||o.loading||B(e)||(O&&o.rowKey&&O.setActiveKey(o.rowKey),k.isInGroup.value&&k.handleClick(),w(`click`,e))},H=e=>{o.disabled||o.readonly||o.loading||(k.isInGroup.value&&k.handleKeydown(e),w(`keydown`,e))};return S({listItemElementRef:D}),(t,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:D,id:F.value,class:(0,r.normalizeClass)([`s-ui-list-item`,R.value]),style:(0,r.normalizeStyle)(L.value),tabindex:I.value,role:`option`,"aria-selected":M.value?!0:void 0,"aria-disabled":o.disabled||o.loading?!0:void 0,"aria-readonly":o.readonly?!0:void 0,"aria-busy":o.loading?!0:void 0,"aria-expanded":o.expandable&&!o.loading?j.value:void 0,onClick:V,onKeydown:H},[o.loading?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SSkeleton),{key:0,type:(0,r.unref)(i.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[o.expandable||o.depth||(0,r.unref)(E).level?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(t.$slots,`level`,{},()=>[o.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":j.value}]),appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,icon:`chevronMiniRight`,disabled:o.disabled||o.readonly,tabindex:-1,"aria-label":j.value?`Collapse`:`Expand`,onClick:(0,r.withModifiers)(z,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,l,[o.iconLeft||(0,r.unref)(E)[`icon-left`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.renderSlot)(t.$slots,`icon-left`,{},()=>[o.iconLeft?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:o.iconLeft,size:b},null,8,[`name`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,d,[o.title||(0,r.unref)(E).title?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f,[(0,r.renderSlot)(t.$slots,`title`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.title),1)])])):(0,r.createCommentVNode)(``,!0),o.subtitle||(0,r.unref)(E).subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p,[(0,r.renderSlot)(t.$slots,`subtitle`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.subtitle),1)])])):(0,r.createCommentVNode)(``,!0)]),(0,r.unref)(E)[`title-action`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,m,[(0,r.renderSlot)(t.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)]),A.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[(0,r.createElementVNode)(`div`,g,[(0,r.createElementVNode)(`div`,_,[(0,r.unref)(E).trailing?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[(0,r.renderSlot)(t.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$slots,`right`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value))),(0,r.unref)(E)[`action-end`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,y,[(0,r.renderSlot)(t.$slots,`action-end`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)],64))],46,s))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});
+const e=require("./SButton.types-UKroD-ev.cjs"),t=require("./useSelectLink-DDdMmsJB.cjs"),n=require("./SButton-CHxE2l-X.cjs");let r=require("vue"),i=require("@shtabapp/ui-kit-primitives");var a=Symbol(`sListInjectionKey`),o=function(e){return e.NEUTRAL=`neutral`,e.MAIN=`main`,e.ERROR=`error`,e}({}),s=[`id`,`tabindex`,`aria-selected`,`aria-disabled`,`aria-readonly`,`aria-busy`,`aria-expanded`],c={key:0,class:`s-ui-list-item__level`},l={class:`s-ui-list-item__body`},u={key:0,class:`s-ui-list-item__icon-left`},d={class:`s-ui-list-item__text`},f={key:0,class:`s-ui-list-item__title s-ui-typography-label-14-medium`},p={key:1,class:`s-ui-list-item__subtitle s-ui-typography-body-12-regular`},m={key:1,class:`s-ui-list-item__title-action`},h={key:1,class:`s-ui-list-item__actions`},g={class:`s-ui-list-item__actions-reveal`},_={class:`s-ui-list-item__actions-inner`},v={key:0,class:`s-ui-list-item__trailing`},y={key:1,class:`s-ui-list-item__action-end`},b=16,x=`.s-ui-list-item__expand, .s-ui-list-item__title-action, .s-ui-list-item__actions`,S=(0,r.defineComponent)({__name:`SListItem`,props:{depth:{default:0},expandable:{type:Boolean,default:!1},expanded:{type:Boolean,default:!1},variant:{default:()=>o.NEUTRAL},tiny:{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:{},rowKey:{},revealRight:{type:Boolean}},emits:[`click`,`toggleExpand`,`keydown`],setup(o,{expose:S,emit:C}){let w=C,T=(0,r.computed)(()=>({disabled:o.disabled,readonly:o.readonly})),E=(0,r.useSlots)(),D=(0,r.useTemplateRef)(`listItemElementRef`),O=(0,r.inject)(a,null),k=t.n({group:()=>O,value:()=>o.rowKey,el:()=>D.value,disabled:()=>o.disabled||o.loading,interactive:()=>!o.readonly&&!o.loading}),A=(0,r.computed)(()=>!!(E.trailing||E.right||E[`action-end`])),j=(0,r.computed)(()=>O&&o.rowKey?O.isExpanded(o.rowKey):o.expanded),M=(0,r.computed)(()=>k.isInGroup.value?k.isActive.value:o.selected),N=(0,r.computed)(()=>O&&o.rowKey?O.activeKey()===o.rowKey:o.active),P=(0,r.computed)(()=>o.revealRight===void 0?O?O.revealRight():!1:o.revealRight),F=(0,r.computed)(()=>{if(!(!O||!o.rowKey))return O.getItemOptionId(o.rowKey)}),I=(0,r.computed)(()=>{if(O?.usesActiveDescendantNavigation())return-1;if(!(o.disabled||o.readonly||o.loading))return k.tabIndex.value===void 0?0:k.tabIndex.value}),L=(0,r.computed)(()=>({"--s-ui-list-item-depth":String(o.depth)})),R=(0,r.computed)(()=>[`s-ui-list-item--variant-${o.variant}`,{"s-ui-list-item--tiny":o.tiny,"s-ui-list-item--selected":M.value,"s-ui-list-item--active":N.value,"s-ui-list-item--disabled":o.disabled,"s-ui-list-item--readonly":o.readonly,"s-ui-list-item--loading":o.loading,"s-ui-list-item--expandable":o.expandable,"s-ui-list-item--reveal-right":P.value}]),z=()=>{if(!(o.disabled||o.readonly||o.loading)){if(O&&o.rowKey){O.toggleExpanded(o.rowKey);return}w(`toggleExpand`)}},B=e=>e.target instanceof Element&&!!e.target.closest(x),V=e=>{o.disabled||o.readonly||o.loading||B(e)||(O&&o.rowKey&&O.setActiveKey(o.rowKey),k.isInGroup.value&&k.handleClick(),w(`click`,e))},H=e=>{o.disabled||o.readonly||o.loading||(k.isInGroup.value&&k.handleKeydown(e),w(`keydown`,e))};return S({listItemElementRef:D}),(t,a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{ref_key:`listItemElementRef`,ref:D,id:F.value,class:(0,r.normalizeClass)([`s-ui-list-item`,R.value]),style:(0,r.normalizeStyle)(L.value),tabindex:I.value,role:`option`,"aria-selected":M.value?!0:void 0,"aria-disabled":o.disabled||o.loading?!0:void 0,"aria-readonly":o.readonly?!0:void 0,"aria-busy":o.loading?!0:void 0,"aria-expanded":o.expandable&&!o.loading?j.value:void 0,onClick:V,onKeydown:H},[o.loading?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SSkeleton),{key:0,type:(0,r.unref)(i.ESSkeletonType).S_LIST_ITEM},null,8,[`type`])):((0,r.openBlock)(),(0,r.createElementBlock)(r.Fragment,{key:1},[o.expandable||o.depth||(0,r.unref)(E).level?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,c,[(0,r.renderSlot)(t.$slots,`level`,{},()=>[o.expandable?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(n.t),{key:0,class:(0,r.normalizeClass)([`s-ui-list-item__expand`,{"s-ui-list-item__expand--expanded":j.value}]),appearance:(0,r.unref)(e.t).BARE,variant:(0,r.unref)(e.r).NEUTRAL,size:(0,r.unref)(e.n).SMALL,icon:`chevronMiniRight`,disabled:o.disabled||o.readonly,tabindex:-1,"aria-label":j.value?`Collapse`:`Expand`,onClick:(0,r.withModifiers)(z,[`stop`])},null,8,[`class`,`appearance`,`variant`,`size`,`disabled`,`aria-label`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,l,[o.iconLeft||(0,r.unref)(E)[`icon-left`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,u,[(0,r.renderSlot)(t.$slots,`icon-left`,{},()=>[o.iconLeft?((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(i.SIcon),{key:0,name:o.iconLeft,size:b},null,8,[`name`])):(0,r.createCommentVNode)(``,!0)])])):(0,r.createCommentVNode)(``,!0),(0,r.createElementVNode)(`div`,d,[o.title||(0,r.unref)(E).title?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,f,[(0,r.renderSlot)(t.$slots,`title`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.title),1)])])):(0,r.createCommentVNode)(``,!0),o.subtitle||(0,r.unref)(E).subtitle?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,p,[(0,r.renderSlot)(t.$slots,`subtitle`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(o.subtitle),1)])])):(0,r.createCommentVNode)(``,!0)]),(0,r.unref)(E)[`title-action`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,m,[(0,r.renderSlot)(t.$slots,`title-action`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)]),A.value?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,h,[(0,r.createElementVNode)(`div`,g,[(0,r.createElementVNode)(`div`,_,[(0,r.unref)(E).trailing?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,v,[(0,r.renderSlot)(t.$slots,`trailing`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0),(0,r.renderSlot)(t.$slots,`right`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value))),(0,r.unref)(E)[`action-end`]?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,y,[(0,r.renderSlot)(t.$slots,`action-end`,(0,r.normalizeProps)((0,r.guardReactiveProps)(T.value)))])):(0,r.createCommentVNode)(``,!0)])])])):(0,r.createCommentVNode)(``,!0)],64))],46,s))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return S}});