@skyservice-developers/vue-dev-kit 2.5.0 → 2.5.1

package/README.md

@@ -22,11 +22,13 @@ import '@skyservice-developers/vue-dev-kit/style.css'
 import {
   // shared/ui
   Header, Modal, Dialog,
-  SkyButton, SkySelect,
+  SkyButton, SkySelect, SkyInput, SkyCheckbox,
   SkyAlert, SkyBadge, SkyLoader,
   SkyCard, SkyCardHeader, SkyCardRow,
   // widgets
   SkyTileCard,
+  // features
+  SkyCheckboxFilter,
   // sdk
   navigate, SkyserviceAPI, isInsideIframe,
 } from '@skyservice-developers/vue-dev-kit'
@@ -358,6 +360,66 @@ import {
 
 ---
 
+### SkyInput
+
+Текстовий input з підтримкою станів `default | success | error` та опціональною підказкою.
+
+```vue
+<SkyInput v-model="name" placeholder="Імʼя" />
+<SkyInput v-model="email" type="email" state="error" hint="Невалідний email" />
+<SkyInput v-model="phone" disabled />
+```
+
+#### Props
+
+| Prop | Тип | За замовчуванням | Опис |
+|------|-----|------------------|------|
+| `modelValue` | `String\|Number` | `''` | Значення (v-model) |
+| `type` | `String` | `'text'` | HTML-тип input |
+| `placeholder` | `String` | `''` | Текст-заглушка |
+| `id` | `String` | — | HTML id |
+| `disabled` | `Boolean` | `false` | Вимкнений стан |
+| `state` | `String` | `'default'` | `'default'` \| `'success'` \| `'error'` |
+| `hint` | `String` | — | Підказка під input (фарбується в колір state) |
+
+---
+
+### SkyCheckbox
+
+Чекбокс з двома режимами: класичний бокс або switch-перемикач. Підтримує v-model з `Boolean` (одиничний) або масивом значень (через `value` prop).
+
+```vue
+<!-- Boolean -->
+<SkyCheckbox v-model="agreed">Погоджуюсь з умовами</SkyCheckbox>
+
+<!-- Масив значень -->
+<SkyCheckbox v-for="opt in options" :key="opt.value" v-model="selected" :value="opt.value">
+  {{ opt.name }}
+</SkyCheckbox>
+
+<!-- Switch -->
+<SkyCheckbox v-model="enabled" switch>Сповіщення</SkyCheckbox>
+
+<SkyCheckbox v-model="disabled" disabled>Заблоковано</SkyCheckbox>
+```
+
+#### Props
+
+| Prop | Тип | За замовчуванням | Опис |
+|------|-----|------------------|------|
+| `modelValue` | `Boolean\|Array` | — | Стан/масив вибраних значень (v-model) |
+| `value` | `String\|Number` | — | Значення для array-режиму |
+| `switch` | `Boolean` | `false` | Режим switch замість чекбоксу |
+| `disabled` | `Boolean` | `false` | Вимкнений стан |
+
+#### Slots
+
+| Slot | Опис |
+|------|------|
+| `default` | Лейбл |
+
+---
+
 ### SkyAlert
 
 Інформаційне повідомлення з 4 тональностями та опціональною іконкою.
@@ -610,6 +672,38 @@ Shell-контейнер для карток: ribbon / header / body / footer
 
 ---
 
+## Features
+
+### SkyCheckboxFilter
+
+Кнопка-фільтр з дропдауном, пошуком і мульти-вибором (через `SkyCheckbox`). Лочить скрол сторінки, поки відкритий. Стилі повторюють адмінку Skymarket 1:1.
+
+```vue
+<SkyCheckboxFilter
+  v-model="selectedCategories"
+  title="Категорії"
+  :options="[
+    { value: 'alc', name: 'Алкоголь' },
+    { value: 'food', name: 'Їжа' },
+  ]"
+/>
+```
+
+#### Props
+
+| Prop | Тип | За замовчуванням | Опис |
+|------|-----|------------------|------|
+| `title` | `String` | — | Заголовок фільтра (показується у тригері) |
+| `options` | `Array<{ value, name }>` | `[]` | Опції для вибору |
+| `modelValue` | `Array<String\|Number>` | `[]` | Вибрані значення (v-model) |
+| `selectAllLabel` | `String` | `'Вибрати всі'` | Лейбл кнопки "Вибрати всі" |
+| `clearLabel` | `String` | `'Очистити'` | Лейбл кнопки "Очистити" |
+| `doneLabel` | `String` | `'Готово'` | Лейбл кнопки "Готово" |
+| `searchPlaceholder` | `String` | `'Пошук'` | Placeholder пошуку |
+| `disabled` | `Boolean` | `false` | Вимкнений стан |
+
+---
+
 ## Теміzація
 
 Всі компоненти підтримують кастомізацію через CSS змінні. Перевизначайте їх глобально або локально:
@@ -678,7 +772,7 @@ src/
 │       ├── Dialog/ DialogModal/ DialogNext/
 │       ├── BaseTeleport/
 │       ├── SkyButton/
-│       ├── SkySelect/
+│       ├── SkySelect/ SkyInput/ SkyCheckbox/
 │       ├── SkyAlert/
 │       ├── SkyBadge/
 │       ├── SkyCard/ SkyCardHeader/ SkyCardRow/
@@ -689,6 +783,9 @@ src/
 ├── widgets/           # композитні віджети
 │   ├── index.ts
 │   └── SkyTileCard/
+├── features/          # фічові блоки (orchestration shared/ui)
+│   ├── index.ts
+│   └── SkyCheckboxFilter/
 ├── sdk/               # TypeScript SDK (без Vue залежностей)
 │   ├── bridge.ts      # iframe postMessage API
 │   ├── api.ts         # SkyserviceAPI HTTP клієнт

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyservice-developers/vue-dev-kit",
-  "version": "2.5.0",
+  "version": "2.5.1",
   "description": "Vue 3 component library + TypeScript SDK (iframe bridge + HTTP API) for Skyservice mini-apps",
   "type": "module",
   "main": "./dist/vue-dev-kit.cjs",