@leaflink/stash 51.11.0 → 51.12.0

package/dist/Toast.vue.d.ts

@@ -1,12 +1,39 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { RenderFunction } from 'vue';
 
-declare const _default: DefineComponent<ToastProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ToastProps> & Readonly<{}>, {
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
+declare const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToastProps>, {
+status: string;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ToastProps>, {
+status: string;
+}>>> & Readonly<{}>, {
 status: "error" | "warning" | "info" | "success";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLLIElement>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
 declare enum StatusSeverities {
@@ -18,7 +45,7 @@ declare enum StatusSeverities {
 
 declare type StatusSeverity = `${StatusSeverities}`;
 
-declare interface ToastProps {
+export declare interface ToastProps {
     /**
      * The toast text.
      */

package/dist/Toasts.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toasts.js","sources":["../src/components/Toasts/Toasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import useToasts from '../../composables/useToasts/useToasts';\n  import Toast from '../Toast/Toast.vue';\n\n  const toasts = useToasts();\n  const classes = useCssModule();\n</script>\n\n<template>\n  <TransitionGroup\n    aria-atomic=\"true\"\n    aria-live=\"polite\"\n    name=\"toasts\"\n    tag=\"ul\"\n    :class=\"classes.root\"\n    class=\"stash-toasts\"\n    data-test=\"stash-toasts\"\n  >\n    <Toast\n      v-for=\"toast in toasts.active\"\n      :key=\"toast.id\"\n      :text=\"toast.text\"\n      :status=\"toast.status\"\n      :offset-top=\"toast.offsetTop\"\n      @click=\"toasts.remove(toast.id)\"\n    />\n  </TransitionGroup>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    min-width: 300px;\n    max-width: calc(320px - theme('spacing.3'));\n    right: theme('spacing.6');\n    top: 0;\n    z-index: 1002;\n    row-gap: theme('spacing[1.5]');\n  }\n</style>\n\n<style>\n  .toasts-enter-active,\n  .toasts-leave-active {\n    transition: all 0.5s ease;\n  }\n\n  .toasts-enter-from,\n  .toasts-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n</style>\n"],"names":["toasts","useToasts","classes","useCssModule","_createBlock","_TransitionGroup","_normalizeClass","_unref","_openBlock","_createElementBlock","_Fragment","_renderList","toast","Toast"],"mappings":";;;;;;;AAME,UAAMA,IAASC,EAAA,GACTC,IAAUC,EAAA;2BAIhBC,EAiBkBC,GAAA;AAAA,MAhBhB,eAAY;AAAA,MACZ,aAAU;AAAA,MACV,MAAK;AAAA,MACL,KAAI;AAAA,MACH,OAAKC,EAAA,CAAEC,EAAAL,CAAA,EAAQ,MACV,cAAc,CAAA;AAAA,MACpB,aAAU;AAAA,IAAA;iBAGR,MAA8B;AAAA,SADhCM,EAAA,EAAA,GAAAC,EAOEC,GAAA,MAAAC,EANgBJ,EAAAP,CAAA,EAAO,SAAhBY,YADTR,EAOES,GAAA;AAAA,UALC,KAAKD,EAAM;AAAA,UACX,MAAMA,EAAM;AAAA,UACZ,QAAQA,EAAM;AAAA,UACd,cAAYA,EAAM;AAAA,UAClB,gBAAOL,EAAAP,CAAA,EAAO,OAAOY,EAAM,EAAE;AAAA,QAAA;;;;;;;;;;"}
+{"version":3,"file":"Toasts.js","sources":["../src/components/Toasts/Toasts.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule } from 'vue';\n\n  import useToasts from '../../composables/useToasts/useToasts';\n  import Toast from '../Toast/Toast.vue';\n\n  const toasts = useToasts();\n  const classes = useCssModule();\n</script>\n\n<template>\n  <TransitionGroup\n    aria-atomic=\"true\"\n    aria-live=\"polite\"\n    name=\"toasts\"\n    tag=\"ul\"\n    :class=\"classes.root\"\n    class=\"stash-toasts\"\n    data-test=\"stash-toasts\"\n  >\n    <Toast\n      v-for=\"toast in toasts.active\"\n      :key=\"toast.id\"\n      :text=\"toast.text\"\n      :status=\"toast.status\"\n      :offset-top=\"toast.offsetTop\"\n      @click=\"toasts.remove(toast.id)\"\n    />\n  </TransitionGroup>\n</template>\n\n<style module>\n  .root {\n    display: flex;\n    flex-direction: column;\n    position: fixed;\n    min-width: 300px;\n    max-width: calc(320px - theme('spacing.3'));\n    right: theme('spacing.6');\n    top: 0;\n    z-index: 1002;\n    row-gap: theme('spacing[1.5]');\n  }\n</style>\n\n<style>\n  .toasts-enter-active,\n  .toasts-leave-active {\n    transition: all 0.5s ease;\n  }\n\n  .toasts-enter-from,\n  .toasts-leave-to {\n    opacity: 0;\n    transform: translateX(30px);\n  }\n</style>\n"],"names":["toasts","useToasts","classes","useCssModule"],"mappings":";;;;;;;AAME,UAAMA,IAASC,EAAA,GACTC,IAAUC,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/ToastsPlugin.js

@@ -1,16 +1,16 @@
-import { createVNode as a, h as m, render as c } from "vue";
-import l from "./Toasts.js";
-const d = "stash-toasts-mount-node", i = {
-  install(n, e) {
-    const o = e?.mountNodeId || d;
-    let t = document.getElementById(o);
-    t || (t = document.createElement("div"), t.id = o, t.dataset.test = d, document.body.appendChild(t)), e?.mountNodeClass && !t.classList.contains(e.mountNodeClass) && t.classList.add(e.mountNodeClass);
-    const s = a(m(l));
-    s.appContext = n._context, c(s, t);
+import { createVNode as n, h as c, render as l } from "vue";
+import o from "./Toasts.js";
+const s = "stash-toasts-mount-node", r = {
+  install(m, e) {
+    const d = (e == null ? void 0 : e.mountNodeId) || s;
+    let t = document.getElementById(d);
+    t || (t = document.createElement("div"), t.id = d, t.dataset.test = s, document.body.appendChild(t)), e != null && e.mountNodeClass && !t.classList.contains(e.mountNodeClass) && t.classList.add(e.mountNodeClass);
+    const a = n(c(o));
+    a.appContext = m._context, l(a, t);
   }
 };
 export {
-  d as DEFAULT_TOASTS_PLUGIN_NODE_ID,
-  i as default
+  s as DEFAULT_TOASTS_PLUGIN_NODE_ID,
+  r as default
 };
 //# sourceMappingURL=ToastsPlugin.js.map

package/dist/ToastsPlugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastsPlugin.js","sources":["../src/plugins/ToastsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Toasts from '../components/Toasts/Toasts.vue';\n\nexport interface ToastsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_TOASTS_PLUGIN_NODE_ID = 'stash-toasts-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: ToastsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_TOASTS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n      mountNode.dataset.test = DEFAULT_TOASTS_PLUGIN_NODE_ID;\n      document.body.appendChild(mountNode);\n    }\n\n    if (options?.mountNodeClass && !mountNode.classList.contains(options.mountNodeClass)) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Toasts));\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["DEFAULT_TOASTS_PLUGIN_NODE_ID","ToastsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Toasts","render"],"mappings":";;AASO,MAAMA,IAAgC,2BAE7CC,IAAuB;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AAC/C,UAAMC,IAAcD,GAAS,eAAeH;AAC5C,QAAIK,IAAY,SAAS,eAAeD,CAAW;AAEnD,IAAKC,MACHA,IAAY,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,GACfC,EAAU,QAAQ,OAAOL,GACzB,SAAS,KAAK,YAAYK,CAAS,IAGjCF,GAAS,kBAAkB,CAACE,EAAU,UAAU,SAASF,EAAQ,cAAc,KACjFE,EAAU,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AACnC,IAAAH,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}
+{"version":3,"file":"ToastsPlugin.js","sources":["../src/plugins/ToastsPlugin.ts"],"sourcesContent":["import { App, createVNode, h, Plugin, render } from 'vue';\n\nimport Toasts from '../components/Toasts/Toasts.vue';\n\nexport interface ToastsPluginOptions {\n  mountNodeClass?: string;\n  mountNodeId?: string;\n}\n\nexport const DEFAULT_TOASTS_PLUGIN_NODE_ID = 'stash-toasts-mount-node';\n\nexport default <Plugin>{\n  install(app: App, options?: ToastsPluginOptions) {\n    const mountNodeId = options?.mountNodeId || DEFAULT_TOASTS_PLUGIN_NODE_ID;\n    let mountNode = document.getElementById(mountNodeId);\n\n    if (!mountNode) {\n      mountNode = document.createElement('div');\n      mountNode.id = mountNodeId;\n      mountNode.dataset.test = DEFAULT_TOASTS_PLUGIN_NODE_ID;\n      document.body.appendChild(mountNode);\n    }\n\n    if (options?.mountNodeClass && !mountNode.classList.contains(options.mountNodeClass)) {\n      mountNode.classList.add(options.mountNodeClass);\n    }\n\n    const vNode = createVNode(h(Toasts));\n    vNode.appContext = app._context;\n\n    render(vNode, mountNode);\n  },\n};\n"],"names":["DEFAULT_TOASTS_PLUGIN_NODE_ID","ToastsPlugin","app","options","mountNodeId","mountNode","vNode","createVNode","h","Toasts","render"],"mappings":";;AASO,MAAMA,IAAgC,2BAE7CC,IAAuB;AAAA,EACrB,QAAQC,GAAUC,GAA+B;AAC/C,UAAMC,KAAcD,KAAA,gBAAAA,EAAS,gBAAeH;AAC5C,QAAIK,IAAY,SAAS,eAAeD,CAAW;AAEnD,IAAKC,MACHA,IAAY,SAAS,cAAc,KAAK,GACxCA,EAAU,KAAKD,GACfC,EAAU,QAAQ,OAAOL,GACzB,SAAS,KAAK,YAAYK,CAAS,IAGjCF,KAAA,QAAAA,EAAS,kBAAkB,CAACE,EAAU,UAAU,SAASF,EAAQ,cAAc,KACjFE,EAAU,UAAU,IAAIF,EAAQ,cAAc;AAGhD,UAAMG,IAAQC,EAAYC,EAAEC,CAAM,CAAC;AACnC,IAAAH,EAAM,aAAaJ,EAAI,UAEvBQ,EAAOJ,GAAOD,CAAS;AAAA,EACzB;AACF;"}

package/dist/Tooltip.js

@@ -1,10 +1,10 @@
-import { defineComponent as b, ref as s, computed as n, createElementBlock as v, openBlock as c, createElementVNode as r, createBlock as g, renderSlot as l, Teleport as S, normalizeStyle as w, unref as T, createTextVNode as E, toDisplayString as $ } from "vue";
-import { u as k, a as B, f as D, o as O, b as z } from "./floating-ui.vue-CL01Y9ER.js";
-import { a as A } from "./index-XZqpB2_R.js";
-const F = {
+import { defineComponent as g, ref as n, computed as r, createElementBlock as S, openBlock as d, createElementVNode as i, createBlock as T, renderSlot as l, Teleport as E, normalizeStyle as f, unref as $, createTextVNode as k, toDisplayString as B } from "vue";
+import { u as D, a as O, f as z, o as A, b as F } from "./floating-ui.vue-DLFiymOf.js";
+import { a as I } from "./index-DA_ft08e.js";
+const P = {
   ref: "wrapper",
   class: "stash-tooltip__wrapper tw-relative tw-inline-flex tw-size-fit"
-}, I = 6, P = 12, V = /* @__PURE__ */ b({
+}, M = 6, N = 12, X = /* @__PURE__ */ g({
   __name: "Tooltip",
   props: {
     disableTeleport: { type: Boolean, default: !1 },
@@ -14,26 +14,27 @@ const F = {
     teleportTo: { default: "#stash-menus-mount-node" },
     text: { default: "" }
   },
-  setup(d) {
-    const f = {
+  setup(u) {
+    const m = {
       top: "bottom",
       right: "left",
       bottom: "top",
       left: "right"
-    }, t = d, a = s(null), i = s(null), p = s(null), { isOutside: u } = A(a), m = n(() => !t.isDisabled && (!u.value || t.isOpen)), h = n(() => t.side), { floatingStyles: y, middlewareData: o, placement: _ } = k(a, p, {
-      whileElementsMounted: B,
-      placement: h,
-      middleware: [D(), O(P), z({ element: i })]
-    }), x = n(() => {
-      const e = f[_.value];
+    }, t = u, a = n(null), p = n(null), c = n(null), { isOutside: h } = I(a), y = r(() => !t.isDisabled && (!h.value || t.isOpen)), _ = r(() => t.side), { floatingStyles: x, middlewareData: o, placement: b } = D(a, c, {
+      whileElementsMounted: O,
+      placement: _,
+      middleware: [z(), A(N), F({ element: p })]
+    }), v = r(() => {
+      var s, w;
+      const e = m[b.value];
       return {
-        left: o.value.arrow?.x != null ? `${o.value.arrow.x}px` : "",
-        top: o.value.arrow?.y != null ? `${o.value.arrow.y}px` : "",
-        [e]: `-${I}px`
+        left: ((s = o.value.arrow) == null ? void 0 : s.x) != null ? `${o.value.arrow.x}px` : "",
+        top: ((w = o.value.arrow) == null ? void 0 : w.y) != null ? `${o.value.arrow.y}px` : "",
+        [e]: `-${M}px`
       };
     });
-    return (e, M) => (c(), v("div", F, [
-      r("span", {
+    return (e, s) => (d(), S("div", P, [
+      i("span", {
         ref_key: "anchor",
         ref: a,
         "data-test": "stash-tooltip|anchor",
@@ -41,31 +42,31 @@ const F = {
       }, [
         l(e.$slots, "default")
       ], 512),
-      (c(), g(S, {
+      (d(), T(E, {
         to: t.teleportTo,
         disabled: t.disableTeleport
       }, [
-        r("div", {
+        i("div", {
           ref_key: "tooltip",
-          ref: p,
+          ref: c,
           "data-test": "stash-tooltip",
           class: "stash-tooltip tw-pointer-events-none tw-z-screen tw-flex tw-w-[148px] tw-flex-col tw-items-center tw-whitespace-normal tw-rounded tw-bg-ice-900 tw-p-3 tw-text-center tw-text-xs tw-text-white tw-opacity-0 tw-shadow tw-transition-opacity",
           role: "tooltip",
-          style: w({
-            ...T(y),
-            opacity: m.value ? 0.95 : 0
+          style: f({
+            ...$(x),
+            opacity: y.value ? 0.95 : 0
           })
         }, [
           l(e.$slots, "icon"),
           l(e.$slots, "content", {}, () => [
-            E($(t.text), 1)
+            k(B(t.text), 1)
           ]),
           l(e.$slots, "secondaryIcon"),
-          r("div", {
+          i("div", {
             ref_key: "floatingArrow",
-            ref: i,
+            ref: p,
             class: "stash-tooltip__arrow tw-absolute tw-z-behind tw-size-[12px] tw-rotate-45 tw-bg-ice-900",
-            style: w(x.value)
+            style: f(v.value)
           }, null, 4)
         ], 4)
       ], 8, ["to", "disabled"]))
@@ -73,6 +74,6 @@ const F = {
   }
 });
 export {
-  V as default
+  X as default
 };
 //# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { arrow, autoUpdate, flip, offset, type Side, useFloating } from '@floating-ui/vue';\n  import { useMouseInElement } from '@vueuse/core';\n  import { computed, ref } from 'vue';\n\n  export type TooltipSide = Side;\n\n  const ARROW_OFFSET_PX = 6;\n  const OFFSET_DISTANCE_PX = 12;\n\n  const SIDE_MAP: Record<TooltipSide, TooltipSide> = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  export interface TooltipSlots {\n    /**\n     * The content to display in the tooltip. This may be text node, an element, or a component.\n     */\n    content: any;\n    /**\n     * The default slot is the element or component to which the tooltip will be anchored.\n     */\n    default: any;\n    /**\n     * A slot for the primary icon. This icon will be displayed before the text or content.\n     */\n    icon: any;\n    /**\n     * A slot for the secondary icon. This icon will be displayed after the text or content.\n     */\n    secondaryIcon: any;\n  }\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n\n  defineSlots<TooltipSlots>();\n\n  export interface TooltipProps {\n    /**\n     * Disables teleporting the popover menu to an external element\n     * @default false\n     */\n    disableTeleport?: boolean;\n    /**\n     * Sets the placement of the menu\n     * @default 'top'\n     */\n    side?: TooltipSide;\n    /**\n     * Disables the tooltip\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets if the menu is open. If not set from the parent context, the menu will be controlled internally.\n     * @default false\n     */\n    isOpen?: boolean;\n    /**\n     * The query selector where the tooltip should be teleported\n     * @default '#stash-menus-mount-node'\n     */\n    teleportTo?: string | HTMLElement;\n    /**\n     * String content to display within the tooltip\n     * @default ''\n     */\n    text?: string;\n  }\n\n  const props = withDefaults(defineProps<TooltipProps>(), {\n    disableTeleport: false,\n    isDisabled: false,\n    isOpen: false,\n    side: 'top',\n    teleportTo: '#stash-menus-mount-node',\n    text: '',\n  });\n\n  const anchor = ref<HTMLElement | null>(null);\n  const floatingArrow = ref<HTMLElement | null>(null);\n  const tooltip = ref<HTMLElement | null>(null);\n\n  const { isOutside } = useMouseInElement(anchor);\n\n  const open = computed(() => !props.isDisabled && (!isOutside.value || props.isOpen));\n  const placementSetting = computed(() => props.side);\n\n  const { floatingStyles, middlewareData, placement } = useFloating(anchor, tooltip, {\n    whileElementsMounted: autoUpdate,\n    placement: placementSetting,\n    middleware: [flip(), offset(OFFSET_DISTANCE_PX), arrow({ element: floatingArrow })],\n  });\n\n  const arrowStyles = computed(() => {\n    const arrowPosition = SIDE_MAP[placement.value];\n\n    return {\n      left: middlewareData.value.arrow?.x != null ? `${middlewareData.value.arrow.x}px` : '',\n      top: middlewareData.value.arrow?.y != null ? `${middlewareData.value.arrow.y}px` : '',\n      [arrowPosition]: `-${ARROW_OFFSET_PX}px`,\n    };\n  });\n</script>\n\n<template>\n  <div ref=\"wrapper\" class=\"stash-tooltip__wrapper tw-relative tw-inline-flex tw-size-fit\">\n    <span ref=\"anchor\" data-test=\"stash-tooltip|anchor\" class=\"stash-tooltip__anchor\">\n      <slot></slot>\n    </span>\n    <Teleport :to=\"props.teleportTo\" :disabled=\"props.disableTeleport\">\n      <div\n        ref=\"tooltip\"\n        data-test=\"stash-tooltip\"\n        class=\"stash-tooltip tw-pointer-events-none tw-z-screen tw-flex tw-w-[148px] tw-flex-col tw-items-center tw-whitespace-normal tw-rounded tw-bg-ice-900 tw-p-3 tw-text-center tw-text-xs tw-text-white tw-opacity-0 tw-shadow tw-transition-opacity\"\n        role=\"tooltip\"\n        :style=\"{\n          ...floatingStyles,\n          opacity: open ? 0.95 : 0,\n        }\"\n      >\n        <slot name=\"icon\"></slot>\n        <slot name=\"content\">{{ props.text }}</slot>\n        <slot name=\"secondaryIcon\"></slot>\n        <div\n          ref=\"floatingArrow\"\n          class=\"stash-tooltip__arrow tw-absolute tw-z-behind tw-size-[12px] tw-rotate-45 tw-bg-ice-900\"\n          :style=\"arrowStyles\"\n        ></div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["ARROW_OFFSET_PX","OFFSET_DISTANCE_PX","SIDE_MAP","props","__props","anchor","ref","floatingArrow","tooltip","isOutside","useMouseInElement","open","computed","placementSetting","floatingStyles","middlewareData","placement","useFloating","autoUpdate","flip","offset","arrow","arrowStyles","arrowPosition","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_renderSlot","_ctx","_createBlock","_Teleport","_normalizeStyle","_unref","_createTextVNode","_toDisplayString"],"mappings":";;;;;;GAOQA,IAAkB,GAClBC,IAAqB;;;;;;;;;;;AAE3B,UAAMC,IAA6C;AAAA,MACjD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GA2DFC,IAAQC,GASRC,IAASC,EAAwB,IAAI,GACrCC,IAAgBD,EAAwB,IAAI,GAC5CE,IAAUF,EAAwB,IAAI,GAEtC,EAAE,WAAAG,EAAA,IAAcC,EAAkBL,CAAM,GAExCM,IAAOC,EAAS,MAAM,CAACT,EAAM,eAAe,CAACM,EAAU,SAASN,EAAM,OAAO,GAC7EU,IAAmBD,EAAS,MAAMT,EAAM,IAAI,GAE5C,EAAE,gBAAAW,GAAgB,gBAAAC,GAAgB,WAAAC,MAAcC,EAAYZ,GAAQG,GAAS;AAAA,MACjF,sBAAsBU;AAAA,MACtB,WAAWL;AAAA,MACX,YAAY,CAACM,EAAA,GAAQC,EAAOnB,CAAkB,GAAGoB,EAAM,EAAE,SAASd,GAAe,CAAC;AAAA,IAAA,CACnF,GAEKe,IAAcV,EAAS,MAAM;AACjC,YAAMW,IAAgBrB,EAASc,EAAU,KAAK;AAE9C,aAAO;AAAA,QACL,MAAMD,EAAe,MAAM,OAAO,KAAK,OAAO,GAAGA,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACpF,KAAKA,EAAe,MAAM,OAAO,KAAK,OAAO,GAAGA,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACnF,CAACQ,CAAa,GAAG,IAAIvB,CAAe;AAAA,MAAA;AAAA,IAExC,CAAC;sBAIDwB,EAAA,GAAAC,EAyBM,OAzBNC,GAyBM;AAAA,MAxBJC,EAEO,QAAA;AAAA,iBAFG;AAAA,QAAJ,KAAItB;AAAA,QAAS,aAAU;AAAA,QAAuB,OAAM;AAAA,MAAA;QACxDuB,EAAaC,EAAA,QAAA,SAAA;AAAA,MAAA;YAEfC,EAoBWC,GAAA;AAAA,QApBA,IAAI5B,EAAM;AAAA,QAAa,UAAUA,EAAM;AAAA,MAAA;QAChDwB,EAkBM,OAAA;AAAA,mBAjBA;AAAA,UAAJ,KAAInB;AAAA,UACJ,aAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACJ,OAAKwB,EAAA;AAAA,eAAiBC,EAAAnB,CAAA;AAAA,qBAAmCH,EAAA,QAAI,OAAA;AAAA,UAAA;;UAK9DiB,EAAyBC,EAAA,QAAA,MAAA;AAAA,UACzBD,EAA4CC,yBAA5C,MAA4C;AAAA,YAApBK,EAAAC,EAAAhC,EAAM,IAAI,GAAA,CAAA;AAAA,UAAA;UAClCyB,EAAkCC,EAAA,QAAA,eAAA;AAAA,UAClCF,EAIO,OAAA;AAAA,qBAHD;AAAA,YAAJ,KAAIpB;AAAA,YACJ,OAAM;AAAA,YACL,SAAOe,EAAA,KAAW;AAAA,UAAA;;;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../src/components/Tooltip/Tooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { arrow, autoUpdate, flip, offset, type Side, useFloating } from '@floating-ui/vue';\n  import { useMouseInElement } from '@vueuse/core';\n  import { computed, ref } from 'vue';\n\n  export type TooltipSide = Side;\n\n  const ARROW_OFFSET_PX = 6;\n  const OFFSET_DISTANCE_PX = 12;\n\n  const SIDE_MAP: Record<TooltipSide, TooltipSide> = {\n    top: 'bottom',\n    right: 'left',\n    bottom: 'top',\n    left: 'right',\n  };\n\n  /* eslint-disable @typescript-eslint/no-explicit-any */\n  export interface TooltipSlots {\n    /**\n     * The content to display in the tooltip. This may be text node, an element, or a component.\n     */\n    content: any;\n    /**\n     * The default slot is the element or component to which the tooltip will be anchored.\n     */\n    default: any;\n    /**\n     * A slot for the primary icon. This icon will be displayed before the text or content.\n     */\n    icon: any;\n    /**\n     * A slot for the secondary icon. This icon will be displayed after the text or content.\n     */\n    secondaryIcon: any;\n  }\n  /* eslint-enable @typescript-eslint/no-explicit-any */\n\n  defineSlots<TooltipSlots>();\n\n  export interface TooltipProps {\n    /**\n     * Disables teleporting the popover menu to an external element\n     * @default false\n     */\n    disableTeleport?: boolean;\n    /**\n     * Sets the placement of the menu\n     * @default 'top'\n     */\n    side?: TooltipSide;\n    /**\n     * Disables the tooltip\n     * @default false\n     */\n    isDisabled?: boolean;\n    /**\n     * Sets if the menu is open. If not set from the parent context, the menu will be controlled internally.\n     * @default false\n     */\n    isOpen?: boolean;\n    /**\n     * The query selector where the tooltip should be teleported\n     * @default '#stash-menus-mount-node'\n     */\n    teleportTo?: string | HTMLElement;\n    /**\n     * String content to display within the tooltip\n     * @default ''\n     */\n    text?: string;\n  }\n\n  const props = withDefaults(defineProps<TooltipProps>(), {\n    disableTeleport: false,\n    isDisabled: false,\n    isOpen: false,\n    side: 'top',\n    teleportTo: '#stash-menus-mount-node',\n    text: '',\n  });\n\n  const anchor = ref<HTMLElement | null>(null);\n  const floatingArrow = ref<HTMLElement | null>(null);\n  const tooltip = ref<HTMLElement | null>(null);\n\n  const { isOutside } = useMouseInElement(anchor);\n\n  const open = computed(() => !props.isDisabled && (!isOutside.value || props.isOpen));\n  const placementSetting = computed(() => props.side);\n\n  const { floatingStyles, middlewareData, placement } = useFloating(anchor, tooltip, {\n    whileElementsMounted: autoUpdate,\n    placement: placementSetting,\n    middleware: [flip(), offset(OFFSET_DISTANCE_PX), arrow({ element: floatingArrow })],\n  });\n\n  const arrowStyles = computed(() => {\n    const arrowPosition = SIDE_MAP[placement.value];\n\n    return {\n      left: middlewareData.value.arrow?.x != null ? `${middlewareData.value.arrow.x}px` : '',\n      top: middlewareData.value.arrow?.y != null ? `${middlewareData.value.arrow.y}px` : '',\n      [arrowPosition]: `-${ARROW_OFFSET_PX}px`,\n    };\n  });\n</script>\n\n<template>\n  <div ref=\"wrapper\" class=\"stash-tooltip__wrapper tw-relative tw-inline-flex tw-size-fit\">\n    <span ref=\"anchor\" data-test=\"stash-tooltip|anchor\" class=\"stash-tooltip__anchor\">\n      <slot></slot>\n    </span>\n    <Teleport :to=\"props.teleportTo\" :disabled=\"props.disableTeleport\">\n      <div\n        ref=\"tooltip\"\n        data-test=\"stash-tooltip\"\n        class=\"stash-tooltip tw-pointer-events-none tw-z-screen tw-flex tw-w-[148px] tw-flex-col tw-items-center tw-whitespace-normal tw-rounded tw-bg-ice-900 tw-p-3 tw-text-center tw-text-xs tw-text-white tw-opacity-0 tw-shadow tw-transition-opacity\"\n        role=\"tooltip\"\n        :style=\"{\n          ...floatingStyles,\n          opacity: open ? 0.95 : 0,\n        }\"\n      >\n        <slot name=\"icon\"></slot>\n        <slot name=\"content\">{{ props.text }}</slot>\n        <slot name=\"secondaryIcon\"></slot>\n        <div\n          ref=\"floatingArrow\"\n          class=\"stash-tooltip__arrow tw-absolute tw-z-behind tw-size-[12px] tw-rotate-45 tw-bg-ice-900\"\n          :style=\"arrowStyles\"\n        ></div>\n      </div>\n    </Teleport>\n  </div>\n</template>\n"],"names":["ARROW_OFFSET_PX","OFFSET_DISTANCE_PX","SIDE_MAP","props","__props","anchor","ref","floatingArrow","tooltip","isOutside","useMouseInElement","open","computed","placementSetting","floatingStyles","middlewareData","placement","useFloating","autoUpdate","flip","offset","arrow","arrowStyles","arrowPosition","_a","_b"],"mappings":";;;;;;GAOQA,IAAkB,GAClBC,IAAqB;;;;;;;;;;;AAE3B,UAAMC,IAA6C;AAAA,MACjD,KAAK;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA,GA2DFC,IAAQC,GASRC,IAASC,EAAwB,IAAI,GACrCC,IAAgBD,EAAwB,IAAI,GAC5CE,IAAUF,EAAwB,IAAI,GAEtC,EAAE,WAAAG,EAAA,IAAcC,EAAkBL,CAAM,GAExCM,IAAOC,EAAS,MAAM,CAACT,EAAM,eAAe,CAACM,EAAU,SAASN,EAAM,OAAO,GAC7EU,IAAmBD,EAAS,MAAMT,EAAM,IAAI,GAE5C,EAAE,gBAAAW,GAAgB,gBAAAC,GAAgB,WAAAC,MAAcC,EAAYZ,GAAQG,GAAS;AAAA,MACjF,sBAAsBU;AAAA,MACtB,WAAWL;AAAA,MACX,YAAY,CAACM,EAAA,GAAQC,EAAOnB,CAAkB,GAAGoB,EAAM,EAAE,SAASd,GAAe,CAAC;AAAA,IAAA,CACnF,GAEKe,IAAcV,EAAS,MAAM;;AACjC,YAAMW,IAAgBrB,EAASc,EAAU,KAAK;AAE9C,aAAO;AAAA,QACL,QAAMQ,IAAAT,EAAe,MAAM,UAArB,gBAAAS,EAA4B,MAAK,OAAO,GAAGT,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACpF,OAAKU,IAAAV,EAAe,MAAM,UAArB,gBAAAU,EAA4B,MAAK,OAAO,GAAGV,EAAe,MAAM,MAAM,CAAC,OAAO;AAAA,QACnF,CAACQ,CAAa,GAAG,IAAIvB,CAAe;AAAA,MAAA;AAAA,IAExC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Tooltip.vue.d.ts

@@ -1,31 +1,63 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
 import { PublicProps } from 'vue';
 import { Side } from '@floating-ui/vue';
 
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+
 declare type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<TooltipProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TooltipProps> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TooltipProps>, {
+disableTeleport: boolean;
+isDisabled: boolean;
+isOpen: boolean;
+side: string;
+teleportTo: string;
+text: string;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TooltipProps>, {
+disableTeleport: boolean;
+isDisabled: boolean;
+isOpen: boolean;
+side: string;
+teleportTo: string;
+text: string;
+}>>> & Readonly<{}>, {
 text: string;
-side: Side;
 isDisabled: boolean;
 teleportTo: string | HTMLElement;
 isOpen: boolean;
+side: Side;
 disableTeleport: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-wrapper: HTMLDivElement;
-anchor: HTMLSpanElement;
-tooltip: HTMLDivElement;
-floatingArrow: HTMLDivElement;
-}, HTMLDivElement>, Readonly<TooltipSlots> & TooltipSlots>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, Readonly<TooltipSlots> & TooltipSlots>;
 export default _default;
 
-declare interface TooltipProps {
+export declare interface TooltipProps {
     /**
      * Disables teleporting the popover menu to an external element
      * @default false
@@ -58,9 +90,9 @@ declare interface TooltipProps {
     text?: string;
 }
 
-declare type TooltipSide = Side;
+export declare type TooltipSide = Side;
 
-declare interface TooltipSlots {
+export declare interface TooltipSlots {
     /**
      * The content to display in the tooltip. This may be text node, an element, or a component.
      */