@skyservice-developers/vue-dev-kit 1.5.12 → 2.0.0

package/README.md

@@ -1,33 +1,99 @@
 # @skyservice-developers/vue-dev-kit
 
-Vue developer toolkit — компоненти для розробки мінідодатків. Підтримує Vue 2.7+ та Vue 3.4+.
+Vue 3 developer toolkit для Skyservice mini-apps: UI компоненти + TypeScript SDK (iframe bridge + HTTP API клієнт).
+
+> **v2.0.0 breaking changes:**
+> - Vue 2 більше не підтримується (тільки Vue 3.4+).
+> - Додано повноцінний SDK (`bridge` + `SkyserviceAPI`), раніше опублікований як окремий пакет `skyservice-sdk` (задепрекейтнутий).
+> - Старі utils `shared/utils/parentBridge` та `shared/utils/webviewCheck` замінені типізованим SDK. Якщо ви імпортували їх напряму — переходьте на `@skyservice-developers/vue-dev-kit/sdk`.
 
 ## Встановлення
 
 ```bash
-npm install @skyservice-developers/vue-dev-kit --legacy-peer-deps
+npm install @skyservice-developers/vue-dev-kit
 ```
 
 ## Підключення
 
-### Vue 3
+### Компоненти + SDK (разом)
 
 ```js
-import '@skyservice-developers/vue-dev-kit/vue3/style.css'
-import { Header, Modal, Dialog, SkyButton, SkySelect } from '@skyservice-developers/vue-dev-kit'
+import '@skyservice-developers/vue-dev-kit/style.css'
+import {
+  Header, Modal, Dialog, SkyButton, SkySelect,
+  navigate, SkyserviceAPI, isInsideIframe,
+} from '@skyservice-developers/vue-dev-kit'
 ```
 
-### Vue 2
+### Тільки SDK (без Vue залежностей)
 
-```js
-import '@skyservice-developers/vue-dev-kit/vue2/style.css'
-import { Header, Modal, Dialog, SkyButton, SkySelect } from '@skyservice-developers/vue-dev-kit/vue2'
+```ts
+import {
+  navigate, exit, getToken, getCompany,
+  setRocketMode, notify, SkyserviceAPI,
+  isInsideIframe, webviewCheck,
+} from '@skyservice-developers/vue-dev-kit/sdk'
+```
+
+> Шлях `/vue3` залишено як alias на корінь для зворотної сумісності з v1.
+
+---
+
+## SDK
+
+### Bridge — комунікація з Dashboard через iframe
+
+Mini-app працює в iframe всередині Dashboard. Bridge обгортає `window.postMessage` типізованими функціями.
+
+```ts
+import {
+  navigate, exit, getBack,
+  getStoreData, getLocalStorageData, getWindowData,
+  getCompany, getUser, getToken, getLang, getProductCategories,
+  setLocalStorage, setRocketMode,
+  trackVisit, openExternalLink, openCrispChat,
+  notify, notifyError, notifyWarn,
+  isInsideIframe, onMessage,
+  setSenderId, getSenderId,
+} from '@skyservice-developers/vue-dev-kit/sdk'
+
+const token = await getToken()            // → string | null
+const company = await getCompany()        // → об'єкт з Vuex store
+setLocalStorage('userPref', { theme: 'dark' })
+notify('Збережено')
+navigate('/products/42')
+```
+
+Всі гетери повертають `Promise<T | null>` — `null` при таймауті або якщо додаток відкритий поза iframe. `null` не ламає `await` — просто треба перевірити результат.
+
+### SkyserviceAPI — HTTP клієнт
+
+Прямі запити до Skyservice API. Працює всюди (браузер, Node, edge), не потребує iframe.
+
+```ts
+import { SkyserviceAPI, getToken } from '@skyservice-developers/vue-dev-kit/sdk'
+
+const token = await getToken()
+const api = new SkyserviceAPI({
+  token,
+  domain: 'api.skyservice.online',
+  // companyId: 'optional',
+})
+
+const tradepoints = await api.getTradepoints()
+const categories = await api.getCategoryTree(tradepointId)
+const products = await api.getProducts({ tradepointId })
 ```
 
-> **Vue 2:** якщо модалки не відображаються, встановіть `portal-vue`:
-> ```bash
-> npm install portal-vue
-> ```
+### Webview detection
+
+```ts
+import {
+  isInsideIframe, isWebview,
+  isIosWebview, isAndroidWebview, isCefWebview,
+  webviewCheck,
+} from '@skyservice-developers/vue-dev-kit/sdk'
+```
 
 ---
 
@@ -296,15 +362,30 @@ import { Header, Modal, Dialog, SkyButton, SkySelect } from '@skyservice-develop
 ## Розробка
 
 ```bash
-npm install --legacy-peer-deps
+npm install
 
 # Playground (live preview компонентів)
 npm run playground
 
-# Білд
+# Білд (компоненти + SDK → dist/)
 npm run build
 ```
 
+## Структура проекту
+
+```
+src/
+├── index.ts           # публічний API (компоненти + SDK)
+├── components/        # Vue 3 компоненти (.vue + index.ts)
+├── sdk/               # TypeScript SDK
+│   ├── bridge.ts      # iframe postMessage API
+│   ├── api.ts         # SkyserviceAPI HTTP клієнт
+│   ├── webview.ts     # детекція webview/iframe
+│   ├── types.ts       # DTO типи (Tradepoint, Category, Product)
+│   └── index.ts
+└── styles/
+```
+
 ## Ліцензія
 
 MIT © Skyservice-POS

package/dist/api-BOvdjB3h.js

@@ -0,0 +1,266 @@
+import I from "ua-parser-js";
+const l = "DASHBOARD", b = 5e3;
+let S = 0, d = null;
+function k() {
+  return `sdk_${Date.now()}_${++S}`;
+}
+function E() {
+  return "APP_" + Math.random().toString(36).slice(2, 10);
+}
+function T(e) {
+  d = e;
+}
+function m() {
+  return d || (d = E()), d;
+}
+function a(e) {
+  window.parent.postMessage(
+    {
+      ...e,
+      sender: m(),
+      target: e.target || l
+    },
+    "*"
+  );
+}
+function w(e, t, r = b) {
+  return y() ? new Promise((n) => {
+    const o = k(), i = m(), c = setTimeout(() => {
+      window.removeEventListener("message", u), n(null);
+    }, r);
+    function u(v) {
+      const s = v.data;
+      (s == null ? void 0 : s.type) === "DATA_RESPONSE" && (s == null ? void 0 : s.requestId) === o && (!s.target || s.target === i) && (clearTimeout(c), window.removeEventListener("message", u), n(s.data ?? null));
+    }
+    window.addEventListener("message", u), a({ type: "DATA_REQUEST", requestId: o, source: e, key: t });
+  }) : Promise.resolve(null);
+}
+function D(e) {
+  a({ type: "navigate", path: e });
+}
+function A() {
+  a({ type: "exit" });
+}
+const q = A;
+function g(e) {
+  return w("store", e);
+}
+function p(e) {
+  return w("localStorage", e);
+}
+function U(e) {
+  return w("window", e);
+}
+function R() {
+  return g("company");
+}
+function W() {
+  return g("user");
+}
+function $() {
+  return p("token");
+}
+function x() {
+  return p("lang");
+}
+function M() {
+  return g("productCategories");
+}
+function B(e, t) {
+  a({ type: "setLocalStorage", key: e, value: t });
+}
+function O(e) {
+  a({ type: "setRocketMode", value: e });
+}
+function j(e, t) {
+  a({ type: "trackVisit", name: e, path: t });
+}
+function N(e) {
+  a({ type: "openExternalLink", url: e });
+}
+function z() {
+  a({ type: "openCrispChat" });
+}
+function F(e) {
+  a({ type: "notification", text: e });
+}
+function G(e) {
+  a({ type: "notification", text: e, variant: "error" });
+}
+function H(e) {
+  a({ type: "notification", text: e, variant: "warn" });
+}
+function y() {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}
+const Q = y;
+function V(e) {
+  function t(r) {
+    var n;
+    ((n = r.data) == null ? void 0 : n.sender) === l && e(r.data);
+  }
+  return window.addEventListener("message", t), () => window.removeEventListener("message", t);
+}
+function f() {
+  if (typeof window > "u") return "browser";
+  if (window.webkit != null && window.webkit.messageHandlers !== void 0)
+    try {
+      if (I(navigator.userAgent).browser.name === "WebKit") return "ios_webview";
+    } catch (e) {
+      console.error(e);
+    }
+  return typeof Android < "u" ? "android_webview" : typeof window.cefQuery < "u" ? "cef_webview" : "browser";
+}
+function K() {
+  return f() === "ios_webview";
+}
+function Y() {
+  return f() === "android_webview";
+}
+function J() {
+  return f() === "cef_webview";
+}
+function X() {
+  return f() !== "browser";
+}
+class Z {
+  constructor(t) {
+    this.token = t.token, this.companyId = t.companyId;
+    const r = t.domain.replace("dashboard", "api");
+    this.baseUrl = r.startsWith("http") ? r : `https://${r}`;
+  }
+  // --- Low-level ---
+  async request(t) {
+    const r = new URLSearchParams({
+      token: this.token,
+      ...this.companyId ? { companyId: this.companyId } : {},
+      ...t
+    }), n = await fetch(`${this.baseUrl}/?${r}`);
+    if (!n.ok)
+      throw new Error(`Skyservice API error: ${n.status}`);
+    const o = await n.json();
+    if (o.status !== "done")
+      throw new Error(`Skyservice API returned status: ${o.status}`);
+    return o.data;
+  }
+  // --- Tradepoints ---
+  /**
+   * Get all tradepoints for the current company.
+   * Filters out deleted and frozen by default.
+   */
+  async getTradepoints(t) {
+    const r = await this.request({
+      section: "tradepoints",
+      action: "getTradepoints"
+    });
+    return t != null && t.includeDeleted ? r.items : r.items.filter((n) => !n.deleted && !n.frozen);
+  }
+  // --- Categories ---
+  /**
+   * Get the full category tree, cleaned from POS-specific bloat.
+   *
+   * Returns only fields relevant for menu building:
+   * `id`, `pid`, `name`, `active`, `background`, `show`, `img`, `children`.
+   *
+   * If `tradepointId` is provided, filters to categories visible for that tradepoint.
+   */
+  async getCategoryTree(t) {
+    const r = await this.request({
+      section: "productCategory",
+      action: "getCategories",
+      ...t ? { tradepointId: String(t) } : {}
+    });
+    return h(r, t);
+  }
+  // --- Products ---
+  /**
+   * Get products, cleaned from POS-specific fields.
+   *
+   * Filters out ingredients by default — returns only sellable items
+   * (type `product` or `techcard`).
+   *
+   * If `tradepointId` is provided, scopes to that tradepoint.
+   */
+  async getProducts(t) {
+    const r = await this.request({
+      section: "products",
+      action: "getProducts",
+      pagelimit: "9999",
+      ot: "desc",
+      of: "nomenclatureId",
+      ...t != null && t.tradepointId ? { tradepointId: String(t.tradepointId) } : {}
+    });
+    return _(r.items, t == null ? void 0 : t.includeInactive);
+  }
+}
+function h(e, t) {
+  var n, o;
+  const r = [];
+  for (const i of e) {
+    if (t != null && !((n = i.tradepointShow) == null ? void 0 : n[String(t)]))
+      continue;
+    const c = {
+      id: i.id,
+      pid: i.pid,
+      name: i.name,
+      active: i.active,
+      background: i.background,
+      show: i.show
+    };
+    i.img && (c.img = i.img), (o = i.children) != null && o.length && (c.children = h(i.children, t)), r.push(c);
+  }
+  return r;
+}
+const L = /* @__PURE__ */ new Set(["product", "techcard"]), P = "/img/no.png";
+function _(e, t) {
+  const r = [];
+  for (const n of e)
+    L.has(n.type) && (!t && !n.active || r.push({
+      id: n.id,
+      name: n.nomenclatureName,
+      price: n.price,
+      categoryId: n.categoryId,
+      categoryName: n.categoryTitle || "",
+      active: n.active,
+      type: n.type,
+      unit: n.unit,
+      logo: n.logo && n.logo !== P ? n.logo : ""
+    }));
+  return r;
+}
+export {
+  T as A,
+  j as B,
+  f as C,
+  Z as S,
+  R as a,
+  x as b,
+  p as c,
+  M as d,
+  A as e,
+  m as f,
+  q as g,
+  g as h,
+  $ as i,
+  W as j,
+  U as k,
+  Y as l,
+  J as m,
+  Q as n,
+  y as o,
+  K as p,
+  X as q,
+  D as r,
+  F as s,
+  G as t,
+  H as u,
+  V as v,
+  z as w,
+  N as x,
+  B as y,
+  O as z
+};

package/dist/api-D5C6FvTr.cjs

@@ -0,0 +1 @@
+"use strict";const b=require("ua-parser-js"),m="DASHBOARD",k=5e3;let S=0,f=null;function E(){return`sdk_${Date.now()}_${++S}`}function L(){return"APP_"+Math.random().toString(36).slice(2,10)}function A(e){f=e}function w(){return f||(f=L()),f}function o(e){window.parent.postMessage({...e,sender:w(),target:e.target||m},"*")}function l(e,t,r=k){return p()?new Promise(n=>{const a=E(),i=w(),c=setTimeout(()=>{window.removeEventListener("message",d),n(null)},r);function d(I){const s=I.data;(s==null?void 0:s.type)==="DATA_RESPONSE"&&(s==null?void 0:s.requestId)===a&&(!s.target||s.target===i)&&(clearTimeout(c),window.removeEventListener("message",d),n(s.data??null))}window.addEventListener("message",d),o({type:"DATA_REQUEST",requestId:a,source:e,key:t})}):Promise.resolve(null)}function C(e){o({type:"navigate",path:e})}function v(){o({type:"exit"})}const P=v;function g(e){return l("store",e)}function y(e){return l("localStorage",e)}function D(e){return l("window",e)}function T(){return g("company")}function _(){return g("user")}function W(){return y("token")}function q(){return y("lang")}function U(){return g("productCategories")}function R(e,t){o({type:"setLocalStorage",key:e,value:t})}function M(e){o({type:"setRocketMode",value:e})}function $(e,t){o({type:"trackVisit",name:e,path:t})}function x(e){o({type:"openExternalLink",url:e})}function B(){o({type:"openCrispChat"})}function O(e){o({type:"notification",text:e})}function N(e){o({type:"notification",text:e,variant:"error"})}function V(e){o({type:"notification",text:e,variant:"warn"})}function p(){try{return window.self!==window.top}catch{return!0}}const j=p;function F(e){function t(r){var n;((n=r.data)==null?void 0:n.sender)===m&&e(r.data)}return window.addEventListener("message",t),()=>window.removeEventListener("message",t)}function u(){if(typeof window>"u")return"browser";if(window.webkit!=null&&window.webkit.messageHandlers!==void 0)try{if(b(navigator.userAgent).browser.name==="WebKit")return"ios_webview"}catch(e){console.error(e)}return typeof Android<"u"?"android_webview":typeof window.cefQuery<"u"?"cef_webview":"browser"}function G(){return u()==="ios_webview"}function H(){return u()==="android_webview"}function Q(){return u()==="cef_webview"}function z(){return u()!=="browser"}class K{constructor(t){this.token=t.token,this.companyId=t.companyId;const r=t.domain.replace("dashboard","api");this.baseUrl=r.startsWith("http")?r:`https://${r}`}async request(t){const r=new URLSearchParams({token:this.token,...this.companyId?{companyId:this.companyId}:{},...t}),n=await fetch(`${this.baseUrl}/?${r}`);if(!n.ok)throw new Error(`Skyservice API error: ${n.status}`);const a=await n.json();if(a.status!=="done")throw new Error(`Skyservice API returned status: ${a.status}`);return a.data}async getTradepoints(t){const r=await this.request({section:"tradepoints",action:"getTradepoints"});return t!=null&&t.includeDeleted?r.items:r.items.filter(n=>!n.deleted&&!n.frozen)}async getCategoryTree(t){const r=await this.request({section:"productCategory",action:"getCategories",...t?{tradepointId:String(t)}:{}});return h(r,t)}async getProducts(t){const r=await this.request({section:"products",action:"getProducts",pagelimit:"9999",ot:"desc",of:"nomenclatureId",...t!=null&&t.tradepointId?{tradepointId:String(t.tradepointId)}:{}});return X(r.items,t==null?void 0:t.includeInactive)}}function h(e,t){var n,a;const r=[];for(const i of e){if(t!=null&&!((n=i.tradepointShow)==null?void 0:n[String(t)]))continue;const c={id:i.id,pid:i.pid,name:i.name,active:i.active,background:i.background,show:i.show};i.img&&(c.img=i.img),(a=i.children)!=null&&a.length&&(c.children=h(i.children,t)),r.push(c)}return r}const Y=new Set(["product","techcard"]),J="/img/no.png";function X(e,t){const r=[];for(const n of e)Y.has(n.type)&&(!t&&!n.active||r.push({id:n.id,name:n.nomenclatureName,price:n.price,categoryId:n.categoryId,categoryName:n.categoryTitle||"",active:n.active,type:n.type,unit:n.unit,logo:n.logo&&n.logo!==J?n.logo:""}));return r}exports.SkyserviceAPI=K;exports.exit=v;exports.getBack=P;exports.getCompany=T;exports.getLang=q;exports.getLocalStorageData=y;exports.getProductCategories=U;exports.getSenderId=w;exports.getStoreData=g;exports.getToken=W;exports.getUser=_;exports.getWindowData=D;exports.isAndroidWebview=H;exports.isCefWebview=Q;exports.isInIframe=j;exports.isInsideIframe=p;exports.isIosWebview=G;exports.isWebview=z;exports.navigate=C;exports.notify=O;exports.notifyError=N;exports.notifyWarn=V;exports.onMessage=F;exports.openCrispChat=B;exports.openExternalLink=x;exports.setLocalStorage=R;exports.setRocketMode=M;exports.setSenderId=A;exports.trackVisit=$;exports.webviewCheck=u;

package/dist/components/BaseTeleport.vue.d.ts

@@ -0,0 +1,14 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    to: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    to: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/Dialog.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "close" | "update:modelValue" | "save", ...args: any[]) => void;
+    modelValue: boolean;
+    title: string;
+    subtitle: string;
+    zIndex: string | number;
+    closeText: string;
+    closeOnEsc: boolean;
+    mode: string;
+    $props: {
+        readonly modelValue?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly subtitle?: string | undefined;
+        readonly zIndex?: string | number | undefined;
+        readonly closeText?: string | undefined;
+        readonly closeOnEsc?: boolean | undefined;
+        readonly mode?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    buttons?(_: {}): any;
+};

package/dist/components/DialogModal.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "close" | "update:modelValue" | "save", ...args: any[]) => void;
+    modelValue: boolean;
+    title: string;
+    subtitle: string;
+    zIndex: string | number;
+    closeText: string;
+    closeOnEsc: boolean;
+    hasButtons: boolean;
+    $props: {
+        readonly modelValue?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly subtitle?: string | undefined;
+        readonly zIndex?: string | number | undefined;
+        readonly closeText?: string | undefined;
+        readonly closeOnEsc?: boolean | undefined;
+        readonly hasButtons?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    buttons?(_: {}): any;
+};

package/dist/components/DialogNext.vue.d.ts

@@ -0,0 +1,28 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "close" | "update:modelValue" | "save", ...args: any[]) => void;
+    modelValue: boolean;
+    title: string;
+    subtitle: string;
+    zIndex: string | number;
+    closeText: string;
+    closeOnEsc: boolean;
+    hasButtons: boolean;
+    $props: {
+        readonly modelValue?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly subtitle?: string | undefined;
+        readonly zIndex?: string | number | undefined;
+        readonly closeText?: string | undefined;
+        readonly closeOnEsc?: boolean | undefined;
+        readonly hasButtons?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    buttons?(_: {}): any;
+};

package/dist/components/Header.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "navigate" | "back", ...args: any[]) => void;
+    title: string;
+    subtitle: string;
+    showBackButton: boolean;
+    backButtonTitle: string;
+    backEvent: Function;
+    dropdownItems: unknown[];
+    dropdownTitle: string;
+    visitLabel: string;
+    trackPageName: string;
+    trackPagePath: string;
+    appId: string;
+    $props: {
+        readonly title?: string | undefined;
+        readonly subtitle?: string | undefined;
+        readonly showBackButton?: boolean | undefined;
+        readonly backButtonTitle?: string | undefined;
+        readonly backEvent?: Function | undefined;
+        readonly dropdownItems?: unknown[] | undefined;
+        readonly dropdownTitle?: string | undefined;
+        readonly visitLabel?: string | undefined;
+        readonly trackPageName?: string | undefined;
+        readonly trackPagePath?: string | undefined;
+        readonly appId?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    title?(_: {}): any;
+    subtitle?(_: {}): any;
+    default?(_: {}): any;
+};

package/dist/components/Modal.vue.d.ts

@@ -0,0 +1,30 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    $emit: (event: "close" | "update:modelValue", ...args: any[]) => void;
+    modelValue: boolean;
+    title: string;
+    subtitle: string;
+    closeOnEsc: boolean;
+    closeTitle: string;
+    closeOnOverlay: boolean;
+    width: string;
+    height: string;
+    $props: {
+        readonly modelValue?: boolean | undefined;
+        readonly title?: string | undefined;
+        readonly subtitle?: string | undefined;
+        readonly closeOnEsc?: boolean | undefined;
+        readonly closeTitle?: string | undefined;
+        readonly closeOnOverlay?: boolean | undefined;
+        readonly width?: string | undefined;
+        readonly height?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+    footer?(_: {}): any;
+};

package/dist/components/SkyButton.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import('vue').DefineComponent<{}, {
+    variant: string;
+    loading: boolean;
+    disabled: boolean;
+    block: boolean;
+    icon: boolean;
+    $props: {
+        readonly variant?: string | undefined;
+        readonly loading?: boolean | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly block?: boolean | undefined;
+        readonly icon?: boolean | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};

package/dist/components/SkySelect.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: import('vue').DefineComponent<{}, {
+    $emit: (event: "update:modelValue", ...args: any[]) => void;
+    modelValue: null;
+    disabled: boolean;
+    block: boolean;
+    options: unknown[];
+    placeholder: string;
+    $props: {
+        readonly modelValue?: null | undefined;
+        readonly disabled?: boolean | undefined;
+        readonly block?: boolean | undefined;
+        readonly options?: unknown[] | undefined;
+        readonly placeholder?: string | undefined;
+    };
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/components/index.d.ts

@@ -0,0 +1,8 @@
+export { default as Header } from './Header.vue';
+export { default as Dialog } from './Dialog.vue';
+export { default as DialogModal } from './DialogModal.vue';
+export { default as DialogNext } from './DialogNext.vue';
+export { default as Modal } from './Modal.vue';
+export { default as SkyButton } from './SkyButton.vue';
+export { default as SkySelect } from './SkySelect.vue';
+export { default as BaseTeleport } from './BaseTeleport.vue';

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+
+export * from './components';
+export * from './sdk';