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

package/README.md

@@ -1,33 +1,108 @@
 # @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 = SkyserviceAPI.create({
+  token,
+  domain: 'api.skyservice.online',
+  companyId,
+  appId,
+  // developerId: 'optional',
+})
+
+const tradepoints = await api.getTradepoints()
+const categories = await api.getCategoryTree(tradepointId)
+const products = await api.getProducts({ tradepointId })
+
+// Активація/деактивація міні-додатку
+await api.setAppActive({ isActive: true, settings: { foo: 'bar' } })
+await api.setAppActive({ isActive: false })
 ```
 
-> **Vue 2:** якщо модалки не відображаються, встановіть `portal-vue`:
-> ```bash
-> npm install portal-vue
-> ```
+> `SkyserviceAPI.create()` — factory; прямий виклик `new SkyserviceAPI(...)` недоступний.
+> `setAppActive` завжди ходить на `api.cabinet.developer.skyservice.online` (хардкод).
+
+### Webview detection
+
+```ts
+import {
+  isInsideIframe, isWebview,
+  isIosWebview, isAndroidWebview, isCefWebview,
+  webviewCheck,
+} from '@skyservice-developers/vue-dev-kit/sdk'
+```
 
 ---
 
@@ -296,15 +371,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-CZ2GQABL.js

@@ -0,0 +1,309 @@
+import S from "ua-parser-js";
+const g = "DASHBOARD", b = 5e3;
+let k = 0, u = null;
+function A() {
+  return `sdk_${Date.now()}_${++k}`;
+}
+function E() {
+  return "APP_" + Math.random().toString(36).slice(2, 10);
+}
+function R(t) {
+  u = t;
+}
+function l() {
+  return u || (u = E()), u;
+}
+function o(t) {
+  window.parent.postMessage(
+    {
+      ...t,
+      sender: l(),
+      target: t.target || g
+    },
+    "*"
+  );
+}
+function w(t, e, r = b) {
+  return h() ? new Promise((n) => {
+    const a = A(), i = l(), 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: t, key: e });
+  }) : Promise.resolve(null);
+}
+function U(t) {
+  o({ type: "navigate", path: t });
+}
+function L() {
+  o({ type: "exit" });
+}
+const $ = L;
+function p(t) {
+  return w("store", t);
+}
+function y(t) {
+  return w("localStorage", t);
+}
+function O(t) {
+  return w("window", t);
+}
+function W() {
+  return p("company");
+}
+function q() {
+  return p("user");
+}
+function x() {
+  return y("token");
+}
+function B() {
+  return y("lang");
+}
+function M() {
+  return p("productCategories");
+}
+function N(t, e) {
+  o({ type: "setLocalStorage", key: t, value: e });
+}
+function j(t) {
+  o({ type: "setRocketMode", value: t });
+}
+function G(t, e) {
+  o({ type: "trackVisit", name: t, path: e });
+}
+function z(t) {
+  o({ type: "openExternalLink", url: t });
+}
+function F() {
+  o({ type: "openCrispChat" });
+}
+function H(t) {
+  o({ type: "notification", text: t });
+}
+function Q(t) {
+  o({ type: "notification", text: t, variant: "error" });
+}
+function V(t) {
+  o({ type: "notification", text: t, variant: "warn" });
+}
+function h() {
+  try {
+    return window.self !== window.top;
+  } catch {
+    return !0;
+  }
+}
+const J = h;
+function K(t) {
+  function e(r) {
+    var n;
+    ((n = r.data) == null ? void 0 : n.sender) === g && t(r.data);
+  }
+  return window.addEventListener("message", e), () => window.removeEventListener("message", e);
+}
+function f() {
+  if (typeof window > "u") return "browser";
+  if (window.webkit != null && window.webkit.messageHandlers !== void 0)
+    try {
+      if (S(navigator.userAgent).browser.name === "WebKit") return "ios_webview";
+    } catch (t) {
+      console.error(t);
+    }
+  return typeof Android < "u" ? "android_webview" : typeof window.cefQuery < "u" ? "cef_webview" : "browser";
+}
+function Y() {
+  return f() === "ios_webview";
+}
+function X() {
+  return f() === "android_webview";
+}
+function Z() {
+  return f() === "cef_webview";
+}
+function ee() {
+  return f() !== "browser";
+}
+const _ = "https://api.cabinet.developer.skyservice.online";
+class m {
+  constructor(e) {
+    this.token = e.token, this.companyId = e.companyId, this.appId = e.appId, this.developerId = e.developerId;
+    const r = e.domain.replace("dashboard", "api");
+    this.baseUrl = r.startsWith("http") ? r : `https://${r}`;
+  }
+  /** Factory — create a new SkyserviceAPI instance. */
+  static create(e) {
+    return new m(e);
+  }
+  // --- Low-level ---
+  async get(e) {
+    const r = new URLSearchParams({
+      token: this.token,
+      companyId: this.companyId,
+      ...e
+    }), 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 post(e, r, n) {
+    const a = new URLSearchParams({
+      token: this.token,
+      ...r
+    }), i = await fetch(`${e}/?${a}`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(n)
+    });
+    if (!i.ok)
+      throw new Error(`Skyservice API error: ${i.status}`);
+    return i.json();
+  }
+  // --- Tradepoints ---
+  /**
+   * Get all tradepoints for the current company.
+   * Filters out deleted and frozen by default.
+   */
+  async getTradepoints(e) {
+    const r = await this.get({
+      section: "tradepoints",
+      action: "getTradepoints"
+    });
+    return e != null && e.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(e) {
+    const r = await this.get({
+      section: "productCategory",
+      action: "getCategories",
+      ...e ? { tradepointId: String(e) } : {}
+    });
+    return v(r, e);
+  }
+  // --- 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(e) {
+    const r = await this.get({
+      section: "products",
+      action: "getProducts",
+      pagelimit: "9999",
+      ot: "desc",
+      of: "nomenclatureId",
+      ...e != null && e.tradepointId ? { tradepointId: String(e.tradepointId) } : {}
+    });
+    return C(r.items, e == null ? void 0 : e.includeInactive);
+  }
+  // --- Integrations ---
+  /**
+   * Activate or deactivate the mini-app for the current company.
+   *
+   * Sends POST to `api.cabinet.developer.skyservice.online`:
+   * - `isActive: true`  → `section=integrations&action=activateApp`
+   * - `isActive: false` → `section=integrations&action=deactivateApp`
+   *
+   * `settings` are sent only when activating.
+   */
+  async setAppActive({
+    isActive: e,
+    settings: r
+  }) {
+    const n = e ? "activateApp" : "deactivateApp", a = {
+      company_id: this.companyId,
+      app_id: this.appId,
+      ...this.developerId !== void 0 && { developer_id: this.developerId },
+      ...e && r !== void 0 && { settings: r }
+    };
+    return this.post(_, {
+      section: "integrations",
+      action: n
+    }, a);
+  }
+}
+function v(t, e) {
+  var n, a;
+  const r = [];
+  for (const i of t) {
+    if (e != null && !((n = i.tradepointShow) == null ? void 0 : n[String(e)]))
+      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 = v(i.children, e)), r.push(c);
+  }
+  return r;
+}
+const P = /* @__PURE__ */ new Set(["product", "techcard"]), T = "/img/no.png";
+function C(t, e) {
+  const r = [];
+  for (const n of t)
+    P.has(n.type) && (!e && !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 !== T ? n.logo : ""
+    }));
+  return r;
+}
+export {
+  R as A,
+  G as B,
+  f as C,
+  m as S,
+  W as a,
+  B as b,
+  y as c,
+  M as d,
+  L as e,
+  l as f,
+  $ as g,
+  p as h,
+  x as i,
+  q as j,
+  O as k,
+  X as l,
+  Z as m,
+  J as n,
+  h as o,
+  Y as p,
+  ee as q,
+  U as r,
+  H as s,
+  Q as t,
+  V as u,
+  K as v,
+  F as w,
+  z as x,
+  N as y,
+  j as z
+};

package/dist/api-JFgUnzEe.cjs

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

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;
+};