@skyservice-developers/vue-dev-kit 2.5.6 → 2.5.7

package/README.md

@@ -31,6 +31,9 @@ import {
   SkyCheckboxFilter,
   // sdk
   navigate, SkyserviceAPI, isInsideIframe,
+  // sky-service-ui-components
+  NotificationElement,
+  notificationModule, globalStore,
 } from '@skyservice-developers/vue-dev-kit'
 ```
 
@@ -704,6 +707,56 @@ Shell-контейнер для карток: ribbon / header / body / footer
 
 ---
 
+## sky-service-ui-components
+
+Бібліотека re-export-ує весь публічний API пакета `sky-service-ui-components`. Окремо встановлювати його не потрібно — він вже входить у залежності `vue-dev-kit`.
+
+### NotificationElement (Web Component)
+
+Кастомний HTML-елемент для відображення тостів. Реєструється автоматично при імпорті.
+
+```ts
+import { NotificationElement } from '@skyservice-developers/vue-dev-kit'
+```
+
+Додай елемент в `index.html` або кореневий компонент:
+
+```html
+<notification-element id="my-notifications"></notification-element>
+```
+
+### notificationModule
+
+Програмний API для показу тостів.
+
+```ts
+import { notificationModule } from '@skyservice-developers/vue-dev-kit'
+
+// Типи: default | success | error | warning | info | loading
+await notificationModule.notify.success({ message: 'Збережено' })
+await notificationModule.notify.error({ message: 'Помилка' })
+await notificationModule.notify.warning({ message: 'Увага' })
+await notificationModule.notify.info({ message: 'Підказка' })
+
+const id = await notificationModule.notify.loading({ message: 'Завантаження...' })
+// Прибрати конкретний тост
+await notificationModule.notify.dismiss(id)
+```
+
+Метод повертає `Promise<string | number | null>` — id тосту або `null` при помилці.
+
+### globalStore
+
+Глобальний стор бібліотеки (Pinia store). Використовується внутрішньо `notificationModule`.
+
+```ts
+import { globalStore } from '@skyservice-developers/vue-dev-kit'
+
+const store = globalStore()
+```
+
+---
+
 ## Теміzація
 
 Всі компоненти підтримують кастомізацію через CSS змінні. Перевизначайте їх глобально або локально:

package/dist/index.d.ts

@@ -2,3 +2,5 @@
 export * from './shared/ui';
 export * from './features';
 export * from './sdk';
+export * from 'sky-service-ui-components';
+export * from 'sky-service-ui-components/modules';