@ulu/frontend-vue 0.2.0-beta.2 → 0.2.0-beta.4

package/dist/plugins/popovers/defaults.js

@@ -0,0 +1,114 @@
+const e = {
+  /**
+   * Default Plugin Options
+   * @type {Object}
+   */
+  plugin: {
+    /**
+     * The directive name to use (default 'ulu-tooltip' = <el v-ulu-tooltip="'hello world'">)
+     * @type {String}
+     */
+    directiveName: "ulu-tooltip"
+  },
+  /**
+   * Default Popover Options
+   */
+  popover: {
+    /**
+    * Include the floating-ui inline middleware (for inline elements that wrap)
+    * @type {Boolean}
+    */
+    inline: !0,
+    /**
+    * Delay when using the directive
+    * @type {Number}
+    */
+    delay: 500,
+    /**
+    * Placement for floating-ui)
+    * @type {String}
+    */
+    placement: "bottom",
+    /**
+    * Strategy for floating-ui (strategy)
+    * @type {String}
+    */
+    strategy: "absolute",
+    /**
+    * Include the floating-ui offset middleware, 
+    * @type {Number}
+    */
+    offset: 16,
+    /**
+    * Include the floating-ui arrow middleware
+    * @type {Boolean}
+    */
+    arrow: !0
+  },
+  /**
+   * Default Tooltip Options
+   * @type {Object}
+   */
+  tooltip: {
+    /**
+     * The element that the tooltip should be rendered within
+     * - Default bottom of the body if this is unset
+     * - Doesn't need to be inline for accessibility since tooltips are just an enhancement
+     *   content displayed within them should be hidden for assistive devices, 
+     *   they are not visible to assistive devices
+     * @type {String}
+     */
+    teleportTo: null,
+    /**
+     * Optional class binding for tooltip element
+     * @type {String|Object|Array}
+     */
+    class: null,
+    /**
+     * Events to show tooltip on
+     * @type {Array.<String>}
+     */
+    showEvents: ["pointerenter", "focus"],
+    /**
+     * Events to hide tooltip on
+     * @type {Array.<String>}
+     */
+    hideEvents: ["pointerleave", "blur"],
+    /**
+     * Content should be output as plain HTML (ie v-html)
+     * - Note don't include interactive elements in tooltips!
+     * @type {Boolean}
+     */
+    isHtml: !1,
+    /**
+     * Element for floating ui to use as reference (can be virtual) or vue ref to element
+     * @type {Node|Object}
+     */
+    trigger: null,
+    /**
+     * The content of the tooltip (String, Reactive ref or HTML [see isHtml option])
+     * @type {String|Object}
+     */
+    content: null,
+    /**
+     * Delay when using the directive
+     * @type {Number}
+     */
+    delay: 500,
+    /**
+     * Callback that is passed { update, isPositioned } for manual things
+     */
+    onReady: null,
+    /**
+     * Use a specific component inside tooltip
+     */
+    component: null,
+    /**
+     * Props to be passed to component (ie. v-bind="componentProps")
+     */
+    componentProps: {}
+  }
+};
+export {
+  e as default
+};

package/dist/{types/plugins → plugins}/popovers/index.d.ts

@@ -1,3 +1,4 @@
+import { useTooltip } from './useTooltip.js';
 /**
  * Install the UluPopovers plugin.
  * @param {object} app - The Vue app instance.
@@ -17,7 +18,6 @@ export const TOOLTIP_STATE_KEY: "uluTooltipState";
  */
 export const TOOLTIP_ID: "ulu-global-tooltip";
 export { useTooltip };
-export { default as useTooltipFollow } from "./useTooltipFollow.js";
+export { default as useTooltipFollow } from './useTooltipFollow.js';
 export function resolveTooltipConfig(rawConfig: any, tooltipDefaults: object): object | null;
-import { useTooltip } from './useTooltip.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/plugins/popovers/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/index.js"],"names":[],"mappings":"AAiDA;;;;GAIG;AACH,qCAHW,MAAM,gBACN,MAAM,QAgJhB;AA9LD;;GAEG;AACH,kCAAmC,mBAAmB,CAAC;AAEvD;;GAEG;AACH,gCAAiC,iBAAiB,CAAC;AAEnD;;GAEG;AACH,yBAA0B,oBAAoB,CAAC;;;AAcxC,gDAJI,GAAC,mBACD,MAAM,GACJ,MAAM,GAAC,IAAI,CAgBvB;2BA3C0B,iBAAiB"}

package/dist/plugins/popovers/index.js

@@ -0,0 +1,81 @@
+import { reactive as L, markRaw as y } from "vue";
+import A from "./UluTooltipDisplay.vue.js";
+import _ from "./UluPopover.vue.js";
+import g from "./defaults.js";
+const P = "uluPopoverOptions", O = "uluTooltipState", D = "ulu-global-tooltip", T = (s, u) => {
+  if (s === !1 || s === null) return null;
+  let i = s;
+  return (typeof i != "object" || Array.isArray(i)) && (i = { content: i }), i.component && (i.component = y(i.component)), { ...u, ...i };
+};
+function K(s, u = {}) {
+  const i = {
+    plugin: { ...g.plugin, ...u.plugin || {} },
+    popover: { ...g.popover, ...u.popover || {} },
+    tooltip: { ...g.tooltip, ...u.tooltip || {} }
+  };
+  s.provide(P, i);
+  const o = L({
+    visible: !1,
+    trigger: null,
+    config: {}
+  }), h = (e, r) => {
+    if (e && !r.teleportTo) {
+      const t = e.closest("dialog");
+      t && (r.teleportTo = t);
+    }
+    o.trigger && o.trigger !== e && o.trigger?.removeAttribute && o.trigger.removeAttribute("aria-describedby"), e?.setAttribute && e.setAttribute("aria-describedby", D), o.trigger = e, o.config = r, o.visible = !0;
+  }, f = () => {
+    o.trigger?.removeAttribute && o.trigger.removeAttribute("aria-describedby"), o.visible = !1;
+  };
+  s.provide(O, {
+    state: o,
+    show: h,
+    hide: f
+  }), s.component("UluTooltipDisplay", A), s.component("UluPopover", _);
+  const v = /* @__PURE__ */ new WeakMap(), b = i.popover, w = i.tooltip, E = { ...b, ...w };
+  s.directive(i.plugin.directiveName, {
+    mounted(e, r) {
+      const t = T(r.value, E);
+      if (!t) return;
+      let n = null;
+      const c = () => {
+        n || (n = setTimeout(() => {
+          h(e, t);
+        }, t.delay));
+      }, d = () => {
+        clearTimeout(n), n = null, f();
+      }, { showEvents: p, hideEvents: m } = t;
+      p.forEach((a) => e.addEventListener(a, c)), m.forEach((a) => e.addEventListener(a, d)), v.set(e, { show: c, hide: d, showEvents: p, hideEvents: m });
+    },
+    updated(e, r) {
+      const t = v.get(e);
+      t && (t.showEvents.forEach((l) => e.removeEventListener(l, t.show)), t.hideEvents.forEach((l) => e.removeEventListener(l, t.hide)));
+      const n = T(r.value, E);
+      if (!n) {
+        o.trigger === e && f();
+        return;
+      }
+      let c = null;
+      const d = () => {
+        c || (c = setTimeout(() => {
+          h(e, n);
+        }, n.delay));
+      }, p = () => {
+        clearTimeout(c), c = null, f();
+      }, { showEvents: m, hideEvents: a } = n;
+      m.forEach((l) => e.addEventListener(l, d)), a.forEach((l) => e.addEventListener(l, p)), v.set(e, { show: d, hide: p, showEvents: m, hideEvents: a }), o.visible && o.trigger === e && h(e, n);
+    },
+    beforeUnmount(e) {
+      o.visible && o.trigger === e && f();
+      const r = v.get(e);
+      r && (r.showEvents.forEach((t) => e.removeEventListener(t, r.show)), r.hideEvents.forEach((t) => e.removeEventListener(t, r.hide)), v.delete(e));
+    }
+  });
+}
+export {
+  P as POPOVER_OPTIONS_KEY,
+  D as TOOLTIP_ID,
+  O as TOOLTIP_STATE_KEY,
+  K as default,
+  T as resolveTooltipConfig
+};

package/dist/plugins/popovers/useTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltip.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useTooltip.js"],"names":[],"mappings":"AAGA;;;;;GAKG;AACH,8BAFa;IAAC,WAAW,WAAW;IAAC,WAAW,WAAW;IAAC,YAAY,EAAE,MAAM,CAAA;CAAC,CAmBhF"}

package/dist/plugins/popovers/useTooltip.js

@@ -0,0 +1,16 @@
+import { useRequiredInject as e } from "../../composables/useRequiredInject.js";
+import { POPOVER_OPTIONS_KEY as n, TOOLTIP_STATE_KEY as r, resolveTooltipConfig as T } from "./index.js";
+function h() {
+  const o = e(r), t = e(n), s = { ...t.popover, ...t.tooltip };
+  return {
+    showTooltip: (p, l) => {
+      const i = T(l, s);
+      i && o.show(p, i);
+    },
+    hideTooltip: o.hide,
+    tooltipState: o.state
+  };
+}
+export {
+  h as useTooltip
+};

package/dist/{types/plugins → plugins}/popovers/useTooltipFollow.d.ts

@@ -1,6 +1,6 @@
 export default function useTooltipFollow(userOptions: any): {
-    x: import("vue").Ref<number, number>;
-    y: import("vue").Ref<number, number>;
+    x: import('vue').Ref<number, number>;
+    y: import('vue').Ref<number, number>;
     show(): void;
     hide(): void;
     update(changes: any): void;

package/dist/plugins/popovers/useTooltipFollow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTooltipFollow.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/useTooltipFollow.js"],"names":[],"mappings":"AAKA;;;;;;EA4DC"}

package/dist/plugins/popovers/useTooltipFollow.js

@@ -0,0 +1,47 @@
+import { ref as a, computed as d } from "vue";
+import { useRequiredInject as p } from "../../composables/useRequiredInject.js";
+import { POPOVER_OPTIONS_KEY as m, TOOLTIP_STATE_KEY as g } from "./index.js";
+import s from "./defaults.js";
+function x(i) {
+  const n = p(g), e = p(m);
+  i.content || console.warn("Missing content for 'useTooltipFollow' tooltip", i);
+  let r;
+  const t = a(0), o = a(0), u = d(() => ({
+    getBoundingClientRect() {
+      return {
+        width: 0,
+        height: 0,
+        x: t.value,
+        y: o.value,
+        top: o.value,
+        left: t.value,
+        right: t.value,
+        bottom: o.value
+      };
+    }
+  })), f = e ? e.popover : s.popover, c = e ? e.tooltip : s.tooltip, v = {
+    ...{ ...f, ...c },
+    content: i.content,
+    inline: !1,
+    // Following cursor is never inline
+    onReady({ update: l }) {
+      r = l;
+    }
+  };
+  return {
+    x: t,
+    y: o,
+    show() {
+      n.show(u.value, v);
+    },
+    hide() {
+      n.state.trigger === u.value && n.hide();
+    },
+    update(l) {
+      t.value = l.x, o.value = l.y, r && r();
+    }
+  };
+}
+export {
+  x as default
+};

package/dist/{types/plugins → plugins}/toast/UluToast.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     /**
      * Toast configuration
      */
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
 }>, {}, {}, {}, {
     handleAction(event: any, action: any): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /**
      * Toast configuration
      */
@@ -39,14 +39,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{}>, {
     classes: Record<string, any>;
 }, {}, {
-    UluIcon: import("vue").DefineComponent<{}, {
-        $props: Partial<{
-            readonly spaced: boolean;
-            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-        }>;
+    UluIcon: import('vue').DefineComponent<{}, {
         spaced: boolean;
         icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+        $props: {
+            readonly spaced?: boolean | undefined;
+            readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+        };
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=UluToast.vue.d.ts.map

package/dist/plugins/toast/UluToast.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluToast.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToast.vue"],"names":[],"mappings":"AAiDA;;IA+FM;;OAEG;;IAEH;;OAEG;;;;;;;;;;;;;;IANH;;OAEG;;IAEH;;OAEG"}

package/dist/plugins/toast/UluToast.vue.js

@@ -0,0 +1,101 @@
+import k from "../../components/elements/UluIcon.vue.js";
+import { resolveComponent as b, createElementBlock as o, openBlock as e, normalizeClass as s, createCommentVNode as a, createElementVNode as d, renderSlot as _, createBlock as f, toDisplayString as i, Fragment as h, renderList as v, createVNode as C } from "vue";
+import B from "../../_virtual/_plugin-vue_export-helper.js";
+const U = {
+  name: "UluToast",
+  components: {
+    UluIcon: k
+  },
+  props: {
+    /**
+     * Toast configuration
+     */
+    toast: Object,
+    /**
+     * Icons for each element { icon, header, content, date, actions, action, closeButton, title, body, closeButton }
+     */
+    classes: {
+      type: Object,
+      default: () => ({
+        content: "type-small",
+        date: "type-small-x",
+        actions: "type-small-x",
+        action: "button button--small button--outline",
+        closeButton: "button button--icon button--transparent"
+      })
+    }
+  },
+  methods: {
+    handleAction(n, c) {
+      const { toast: t } = this;
+      this.toast.close(), this.$nextTick(() => {
+        c(n, t, c);
+      });
+    }
+  }
+}, g = ["onClick"];
+function x(n, c, t, I, N, m) {
+  const u = b("UluIcon");
+  return e(), o("div", {
+    class: s(["toast", [
+      {
+        "toast--persistent": !t.toast.duration
+      },
+      t.toast?.class
+    ]])
+  }, [
+    t.toast.icon || n.$slots.icon ? (e(), o("div", {
+      key: 0,
+      class: s(["toast__icon", t.classes.icon])
+    }, [
+      _(n.$slots, "icon", { toast: t.toast }, () => [
+        t.toast.icon ? (e(), f(u, {
+          key: 0,
+          icon: t.toast.icon
+        }, null, 8, ["icon"])) : a("", !0)
+      ])
+    ], 2)) : a("", !0),
+    d("div", {
+      class: s(["toast__content", t.classes.content])
+    }, [
+      _(n.$slots, "content", { toast: t.toast }, () => [
+        t.toast.title ? (e(), o("div", {
+          key: 0,
+          class: s(["toast__header", t.classes.header])
+        }, [
+          d("strong", {
+            class: s(["toast__title", t.classes.title])
+          }, i(t.toast.title), 3),
+          t.toast.date ? (e(), o("span", {
+            key: 0,
+            class: s(["toast__date", t.classes.date])
+          }, i(t.toast.date), 3)) : a("", !0)
+        ], 2)) : a("", !0),
+        t.toast.description ? (e(), o("div", {
+          key: 1,
+          class: s(["toast__body", t.classes.body])
+        }, i(t.toast.description), 3)) : a("", !0)
+      ])
+    ], 2),
+    t.toast.actions?.length ? (e(), o("div", {
+      key: 1,
+      class: s(["toast__actions", t.classes.actions])
+    }, [
+      (e(!0), o(h, null, v(t.toast.actions, (l, r) => (e(), o("button", {
+        key: r,
+        class: s(["toast__action", t.classes.action]),
+        onClick: (y) => m.handleAction(y, l)
+      }, i(l.label), 11, g))), 128))
+    ], 2)) : a("", !0),
+    d("button", {
+      class: s(["toast__close", t.classes.closeButton]),
+      onClick: c[0] || (c[0] = (...l) => t.toast.close && t.toast.close(...l))
+    }, [
+      C(u, { icon: "type:close" })
+    ], 2)
+  ], 2);
+}
+const A = /* @__PURE__ */ B(U, [["render", x]]);
+export {
+  A as default
+};

package/dist/plugins/toast/UluToastDisplay.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {
+    toasts: never[];
+    pluginOptions: {
+        teleportTo: string;
+        position: string[];
+    };
+}, {
+    classes(): string[];
+}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=UluToastDisplay.vue.d.ts.map

package/dist/plugins/toast/UluToastDisplay.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UluToastDisplay.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/UluToastDisplay.vue"],"names":[],"mappings":"AAiBA;"}

package/dist/plugins/toast/UluToastDisplay.vue.js

@@ -0,0 +1,40 @@
+import { store as l } from "./store.js";
+import { createBlock as a, openBlock as e, Teleport as p, createVNode as c, TransitionGroup as m, normalizeClass as u, withCtx as d, createElementBlock as f, Fragment as _, renderList as g, resolveDynamicComponent as C } from "vue";
+/* empty css                     */
+import T from "../../_virtual/_plugin-vue_export-helper.js";
+const k = {
+  name: "UluTooltipDisplay",
+  data() {
+    const { toasts: t, pluginOptions: o } = l;
+    return { toasts: t, pluginOptions: o };
+  },
+  computed: {
+    classes() {
+      const { position: t } = this.pluginOptions;
+      return t.map((n) => `toast-container--${n}`);
+    }
+  }
+};
+function x(t, o, n, y, r, i) {
+  return e(), a(p, {
+    to: r.pluginOptions.teleportTo
+  }, [
+    c(m, {
+      class: u(["toast-container", i.classes]),
+      name: "toast-animation",
+      tag: "div"
+    }, {
+      default: d(() => [
+        (e(!0), f(_, null, g(r.toasts, (s) => (e(), a(C(s.component), {
+          key: s.uid,
+          toast: s
+        }, null, 8, ["toast"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["class"])
+  ], 8, ["to"]);
+}
+const v = /* @__PURE__ */ T(k, [["render", x]]);
+export {
+  v as default
+};

package/dist/{types/plugins → plugins}/toast/defaults.d.ts

@@ -30,12 +30,12 @@ declare namespace _default {
             classes: Record<string, any>;
         }, {}, {
             UluIcon: import("vue").DefineComponent<{}, {
-                $props: Partial<{
-                    readonly spaced: boolean;
-                    readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-                }>;
                 spaced: boolean;
                 icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+                $props: {
+                    readonly spaced?: boolean | undefined;
+                    readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+                };
             }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
         }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
         let duration: number;

package/dist/plugins/toast/defaults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaults.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/defaults.js"],"names":[],"mappings":""}

package/dist/plugins/toast/defaults.js

@@ -0,0 +1,29 @@
+import { markRaw as o } from "vue";
+import t from "./UluToast.vue.js";
+const a = {
+  toastOptions: {
+    /**
+     * Component used to render the toast in the display
+     */
+    component: o(t),
+    /**
+     * Duration of toast
+     */
+    duration: 6e3,
+    // 8.5s
+    /**
+     * Array of actions { label, click }
+     */
+    actions: []
+  },
+  pluginOptions: {
+    teleportTo: "body",
+    /**
+     * Position of the toast container (holds toasts)
+     */
+    position: ["top", "right"]
+  }
+};
+export {
+  a as default
+};

package/dist/plugins/toast/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/index.js"],"names":[],"mappings":"AAIA;;GAEG;AACH,kEASC"}

package/dist/plugins/toast/index.js

@@ -0,0 +1,9 @@
+import { store as s, api as l } from "./store.js";
+import i from "./UluToast.vue.js";
+import a from "./UluToastDisplay.vue.js";
+function e(o, t = {}) {
+  s.setPluginOptions(t?.plugin), s.setToastOptions(t?.toast), o.component("UluToast", i), o.component("UluToastDisplay", a), o.config.globalProperties.$uluToast = l, o.provide("uluToast", l);
+}
+export {
+  e as default
+};

package/dist/{types/plugins → plugins}/toast/store.d.ts

@@ -8,7 +8,7 @@ export const store: {
         position: string[];
     };
     toastOptions: {
-        component: import("vue").Raw<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        component: import('vue').Raw<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
             toast: ObjectConstructor;
             classes: {
                 type: ObjectConstructor;
@@ -22,7 +22,7 @@ export const store: {
             };
         }>, {}, {}, {}, {
             handleAction(event: any, action: any): void;
-        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
             toast: ObjectConstructor;
             classes: {
                 type: ObjectConstructor;
@@ -37,15 +37,15 @@ export const store: {
         }>> & Readonly<{}>, {
             classes: Record<string, any>;
         }, {}, {
-            UluIcon: import("vue").DefineComponent<{}, {
-                $props: Partial<{
-                    readonly spaced: boolean;
-                    readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-                }>;
+            UluIcon: import('vue').DefineComponent<{}, {
                 spaced: boolean;
                 icon?: string | boolean | Record<string, any> | unknown[] | undefined;
-            }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-        }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+                $props: {
+                    readonly spaced?: boolean | undefined;
+                    readonly icon?: string | boolean | Record<string, any> | unknown[] | undefined;
+                };
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+        }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>>;
         duration: number;
         actions: never[];
     };

package/dist/plugins/toast/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/store.js"],"names":[],"mappings":"AAMA;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwBG;;IAMD;;;;OAIG;IACH,sBAHW,MAAM,OAYhB;IACD;;;OAGG;IACH,gCAKC;IACD;;OAEG;IACH,2BAEC"}

package/dist/plugins/toast/store.js

@@ -0,0 +1,57 @@
+import { reactive as r } from "vue";
+import n from "./defaults.js";
+const { assign: i } = Object;
+let a = 0;
+const o = r({
+  toasts: [],
+  /**
+   * Saveable 
+   */
+  pluginOptions: n.pluginOptions,
+  toastOptions: n.toastOptions,
+  setToastOptions(s) {
+    return this.toastOptions = i({}, this.toastOptions, s), this.pluginOptions;
+  },
+  setPluginOptions(s) {
+    return this.pluginOptions = i({}, this.pluginOptions, s), this.pluginOptions;
+  },
+  createToast(s) {
+    const t = `toast-${++a}`;
+    return i({}, this.toastOptions, s, {
+      uid: t,
+      close() {
+        p.remove(t);
+      }
+    });
+  }
+}), p = {
+  /**
+   * 
+   * @param {Object} options Toast options
+   * @returns Toast object (to be used to remove)
+   */
+  add(s) {
+    const t = o.createToast(s);
+    return o.toasts.unshift(t), t.duration && setTimeout(() => {
+      this.remove(t.uid);
+    }, t.duration), t;
+  },
+  /**
+   * 
+   * @param {Object} toast Toast uid
+   */
+  remove(s) {
+    const t = o.toasts.findIndex((e) => e.uid === s);
+    t > -1 && o.toasts.splice(t, 1);
+  },
+  /**
+   * Remove all toasts
+   */
+  removeAll() {
+    o.toasts = [];
+  }
+};
+export {
+  p as api,
+  o as store
+};

package/dist/plugins/toast/useToast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../lib/plugins/toast/useToast.js"],"names":[],"mappings":"AAWO,4BAPM,MAAM,CAalB"}

package/dist/resolver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../lib/resolver.js"],"names":[],"mappings":"AAQA;;;;;GAKG;AACH,iEAHG;IAA+B,QAAQ,EAA/B,KAAK,QAAQ;CACrB,OAeF"}