@leaflink/stash 52.0.3 → 53.1.0

package/dist/ModuleHeader.js

@@ -1,13 +1,13 @@
-import { defineComponent as M, useCssModule as C, useSlots as S, ref as B, inject as $, computed as u, createElementBlock as r, openBlock as l, normalizeClass as n, unref as a, createElementVNode as i, createCommentVNode as m, renderSlot as o, createBlock as p, resolveDynamicComponent as _, withCtx as b, createTextVNode as V, toDisplayString as g } from "vue";
-import { M as v } from "./Module.keys-CEsrW2f0.js";
+import { defineComponent as M, useCssModule as C, useSlots as S, ref as B, inject as $, computed as u, createElementBlock as r, openBlock as l, normalizeClass as n, unref as a, createElementVNode as i, createCommentVNode as m, renderSlot as o, createBlock as _, resolveDynamicComponent as b, withCtx as g, createTextVNode as V, toDisplayString as v } from "vue";
+import { M as y } from "./Module.keys-CEsrW2f0.js";
 import { M as c } from "./Module.types-B1FfGGac.js";
 import { _ as E } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const N = { class: "tw-flex tw-items-center" }, z = {
+const N = { class: "flex items-center" }, z = {
   class: "stash-module-header__content__text",
   "data-test": "stash-module-header|content-text"
 }, D = {
   key: 0,
-  class: "tw-mb-0 tw-mt-3"
+  class: "mb-0 mt-3"
 }, O = /* @__PURE__ */ M({
   name: "ll-module-header",
   __name: "ModuleHeader",
@@ -18,12 +18,12 @@ const N = { class: "tw-flex tw-items-center" }, z = {
     preventActionsWrap: { type: Boolean, default: !1 },
     underline: { type: Boolean, default: !1 }
   },
-  setup(y) {
-    const t = y, k = C(), s = S(), d = B(), w = $(v.key, v.defaults);
-    if (!w.variant)
+  setup(k) {
+    const t = k, w = C(), s = S(), d = B(), f = $(y.key, y.defaults);
+    if (!f.variant)
       throw new Error("<ModuleHeader> must be used within a <Module> component.");
-    d.value = w.variant.value;
-    const f = u(() => {
+    d.value = f.variant.value;
+    const h = u(() => {
       let e;
       switch (t.size) {
         case "small":
@@ -40,61 +40,61 @@ const N = { class: "tw-flex tw-items-center" }, z = {
           break;
       }
       return e;
-    }), x = u(() => s.default ? s.default({}).length === 1 && typeof s.default({})[0].children == "string" && typeof s.default({})[0].type == "symbol" : !1), h = u(() => {
+    }), x = u(() => s.default ? s.default({}).length === 1 && typeof s.default({})[0].children == "string" && typeof s.default({})[0].type == "symbol" : !1), p = u(() => {
       const e = ["box", "table", "list"].includes(d.value);
-      return e && !t.underline ? "tw-mb-3 lg:tw-mb-6" : e && t.underline ? "tw-mb-3" : "";
+      return e && !t.underline ? "mb-3 lg:mb-6" : e && t.underline ? "mb-3" : "";
     });
     return (e, I) => (l(), r("header", {
-      class: n(["stash-module-header tw-flex tw-flex-wrap tw-justify-between", {
-        "tw-rounded-t tw-border-b tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-px-6": d.value === a(c).Card,
-        "tw-mb-6 tw-rounded tw-bg-white tw-px-3 tw-pt-3 tw-shadow lg:tw-mb-0 lg:tw-rounded-b-none lg:tw-px-6 lg:tw-pt-6 lg:tw-shadow-none": d.value === a(c).List,
-        "tw-mb-3 tw-border-b tw-border-ice-200 lg:tw-mb-6": t.underline,
-        "tw-mb-6 tw-rounded-t tw-bg-white tw-px-3 tw-pt-3 lg:tw-mb-0 lg:tw-px-6 lg:tw-pt-6": d.value === a(c).Table
+      class: n(["stash-module-header flex flex-wrap justify-between", {
+        "rounded-t border-b border-ice-500 bg-ice-100 p-3 lg:px-6": d.value === a(c).Card,
+        "mb-6 rounded bg-white px-3 pt-3 shadow lg:mb-0 lg:rounded-b-none lg:px-6 lg:pt-6 lg:shadow-none": d.value === a(c).List,
+        "mb-3 border-b border-ice-200 lg:mb-6": t.underline,
+        "mb-6 rounded-t bg-white px-3 pt-3 lg:mb-0 lg:px-6 lg:pt-6": d.value === a(c).Table
       }]),
       "data-test": "stash-module-header"
     }, [
       i("div", {
-        class: n(["stash-module-header__content tw-mr-6", h.value]),
+        class: n(["stash-module-header__content mr-6", p.value]),
         "data-test": "stash-module-header|content"
       }, [
         i("div", N, [
           a(s).media && t.size === "large" ? (l(), r("div", {
             key: 0,
-            class: n(["stash-module-header__content__media tw-mr-3", a(k).media]),
+            class: n(["stash-module-header__content__media mr-3", a(w).media]),
             "data-test": "stash-module-header|content-media"
           }, [
             o(e.$slots, "media")
           ], 2)) : m("", !0),
           i("div", z, [
-            a(s).title ? o(e.$slots, "title", { key: 0 }) : x.value ? (l(), p(_(f.value), {
+            a(s).title ? o(e.$slots, "title", { key: 0 }) : x.value ? (l(), _(b(h.value), {
               key: 1,
-              class: "stash-module-header__default_slot_string tw-my-0",
+              class: "stash-module-header__default_slot_string my-0",
               "data-test": "stash-module-header|default-slot-text"
             }, {
-              default: b(() => [
+              default: g(() => [
                 o(e.$slots, "default")
               ]),
               _: 3
             })) : o(e.$slots, "default", { key: 2 }, () => [
-              (l(), p(_(f.value), { class: "tw-my-0" }, {
-                default: b(() => [
-                  V(g(t.title), 1)
+              (l(), _(b(h.value), { class: "my-0" }, {
+                default: g(() => [
+                  V(v(t.title), 1)
                 ]),
                 _: 1
               }))
             ]),
             o(e.$slots, "description", {}, () => [
-              t.description ? (l(), r("p", D, g(t.description), 1)) : m("", !0)
+              t.description ? (l(), r("p", D, v(t.description), 1)) : m("", !0)
             ])
           ])
         ])
       ], 2),
       a(s).actions ? (l(), r("div", {
         key: 0,
-        class: n(["stash-module-header__actions tw-self-center", [
-          h.value,
+        class: n(["stash-module-header__actions self-center", [
+          p.value,
           {
-            "tw-w-full lg:tw-w-auto": !t.preventActionsWrap
+            "w-full lg:w-auto": !t.preventActionsWrap
           }
         ]]),
         "data-test": "stash-module-header|actions"
@@ -103,7 +103,7 @@ const N = { class: "tw-flex tw-items-center" }, z = {
       ], 2)) : m("", !0)
     ], 2));
   }
-}), T = "_media_ktx8r_3", j = {
+}), T = "_media_2ebhk_4", j = {
   media: T
 }, H = {
   $style: j

package/dist/ModuleHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleHeader.js","sources":["../src/components/ModuleHeader/ModuleHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject, ref, useCssModule, useSlots } from 'vue';\n\n  import { MODULE_INJECTION } from '../Module/Module.keys';\n  import { ModuleVariant } from '../Module/Module.types';\n\n  defineOptions({\n    name: 'll-module-header',\n  });\n\n  export interface ModuleHeaderProps {\n    /**\n     * Header title. Will get overridden by the `title` slot if provided.\n     */\n    title?: string;\n\n    /**\n     * Size of the header.\n     *\n     * - `small` = `h4`\n     * - `medium` = `h3`\n     * - `large` = `h2`\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /**\n     * Header description, aka subtitle. Will get overridden by the `description` slot if provided.\n     */\n    description?: string;\n\n    /**\n     * Stop the actions slot from force-wrapping on medium and smalls screens.\n     */\n    preventActionsWrap?: boolean;\n\n    /**\n     * Displays a border at the bottom\n     */\n    underline?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ModuleHeaderProps>(), {\n    title: '',\n    size: 'medium',\n    description: '',\n    preventActionsWrap: false,\n    underline: false,\n  });\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  // get the module variant from the parent module\n  const moduleVariant = ref();\n  const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n  if (!moduleInjectedValues.variant) {\n    throw new Error('<ModuleHeader> must be used within a <Module> component.');\n  }\n  moduleVariant.value = moduleInjectedValues.variant.value;\n\n  const is = computed(() => {\n    let component: string;\n\n    switch (props.size) {\n      case 'small':\n        component = 'h4';\n        break;\n\n      case 'medium':\n        component = 'h3';\n        break;\n\n      case 'large':\n        component = 'h2';\n        break;\n\n      default:\n        component = 'h3';\n        break;\n    }\n\n    return component;\n  });\n\n  const isDefaultSlotSimpleString = computed(() => {\n    if (!slots.default) {\n      return false;\n    }\n\n    const defaultSlot = slots.default({});\n    return (\n      defaultSlot.length === 1 &&\n      typeof slots.default({})[0].children === 'string' &&\n      typeof slots.default({})[0].type === 'symbol'\n    );\n  });\n\n  const marginBottomClasses = computed(() => {\n    const isBoxOrTableOrList = ['box', 'table', 'list'].includes(moduleVariant.value);\n\n    if (isBoxOrTableOrList && !props.underline) {\n      return 'tw-mb-3 lg:tw-mb-6';\n    } else if (isBoxOrTableOrList && props.underline) {\n      return 'tw-mb-3';\n    } else {\n      return '';\n    }\n  });\n</script>\n\n<template>\n  <header\n    class=\"stash-module-header tw-flex tw-flex-wrap tw-justify-between\"\n    :class=\"{\n      'tw-rounded-t tw-border-b tw-border-ice-500 tw-bg-ice-100 tw-p-3 lg:tw-px-6':\n        moduleVariant === ModuleVariant.Card,\n      'tw-mb-6 tw-rounded tw-bg-white tw-px-3 tw-pt-3 tw-shadow lg:tw-mb-0 lg:tw-rounded-b-none lg:tw-px-6 lg:tw-pt-6 lg:tw-shadow-none':\n        moduleVariant === ModuleVariant.List,\n      'tw-mb-3 tw-border-b tw-border-ice-200 lg:tw-mb-6': props.underline,\n      'tw-mb-6 tw-rounded-t tw-bg-white tw-px-3 tw-pt-3 lg:tw-mb-0 lg:tw-px-6 lg:tw-pt-6':\n        moduleVariant === ModuleVariant.Table,\n    }\"\n    data-test=\"stash-module-header\"\n  >\n    <div\n      class=\"stash-module-header__content tw-mr-6\"\n      :class=\"marginBottomClasses\"\n      data-test=\"stash-module-header|content\"\n    >\n      <div class=\"tw-flex tw-items-center\">\n        <div\n          v-if=\"slots.media && props.size === 'large'\"\n          class=\"stash-module-header__content__media tw-mr-3\"\n          :class=\"classes.media\"\n          data-test=\"stash-module-header|content-media\"\n        >\n          <!-- @slot Place an illustration that sits next to the header title & description. -->\n          <slot name=\"media\"></slot>\n        </div>\n\n        <div class=\"stash-module-header__content__text\" data-test=\"stash-module-header|content-text\">\n          <!--\n            @slot Header title. **Deprecated**: Use the default slot or the `title` prop instead.\n          -->\n          <slot v-if=\"slots.title\" name=\"title\"></slot>\n\n          <template v-else-if=\"isDefaultSlotSimpleString\">\n            <component\n              :is=\"is\"\n              class=\"stash-module-header__default_slot_string tw-my-0\"\n              data-test=\"stash-module-header|default-slot-text\"\n            >\n              <!-- @slot Header title. -->\n              <slot></slot>\n            </component>\n          </template>\n          <!-- @slot Header title. Falls back to the `title` prop. -->\n          <slot v-else>\n            <component :is=\"is\" class=\"tw-my-0\">{{ props.title }}</component>\n          </slot>\n\n          <!--\n            @slot Header description, aka subtitle. Falls back to the `description` prop.\n          -->\n          <slot name=\"description\">\n            <p v-if=\"props.description\" class=\"tw-mb-0 tw-mt-3\">{{ props.description }}</p>\n          </slot>\n        </div>\n      </div>\n    </div>\n\n    <!-- todo: how can we pass a prop/class to actions in order to top align vs middle align? -->\n    <div\n      v-if=\"slots.actions\"\n      class=\"stash-module-header__actions tw-self-center\"\n      :class=\"[\n        marginBottomClasses,\n        {\n          'tw-w-full lg:tw-w-auto': !props.preventActionsWrap,\n        },\n      ]\"\n      data-test=\"stash-module-header|actions\"\n    >\n      <!-- @slot Add action buttons or other CTAs. -->\n      <slot name=\"actions\"></slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media {\n    max-height: 58px;\n    max-width: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","moduleVariant","ref","moduleInjectedValues","inject","MODULE_INJECTION","is","computed","component","isDefaultSlotSimpleString","marginBottomClasses","isBoxOrTableOrList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GAORC,IAAUC,EAAA,GACVC,IAAQC,EAAA,GAGRC,IAAgBC,EAAA,GAChBC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AACnF,QAAI,CAACF,EAAqB;AACxB,YAAM,IAAI,MAAM,0DAA0D;AAE5E,IAAAF,EAAc,QAAQE,EAAqB,QAAQ;AAEnD,UAAMG,IAAKC,EAAS,MAAM;AACxB,UAAIC;AAEJ,cAAQb,EAAM,MAAA;AAAA,QACZ,KAAK;AACH,UAAAa,IAAY;AACZ;AAAA,QAEF,KAAK;AACH,UAAAA,IAAY;AACZ;AAAA,QAEF,KAAK;AACH,UAAAA,IAAY;AACZ;AAAA,QAEF;AACE,UAAAA,IAAY;AACZ;AAAA,MAAA;AAGJ,aAAOA;AAAA,IACT,CAAC,GAEKC,IAA4BF,EAAS,MACpCR,EAAM,UAISA,EAAM,QAAQ,EAAE,EAEtB,WAAW,KACvB,OAAOA,EAAM,QAAQ,CAAA,CAAE,EAAE,CAAC,EAAE,YAAa,YACzC,OAAOA,EAAM,QAAQ,CAAA,CAAE,EAAE,CAAC,EAAE,QAAS,WAP9B,EASV,GAEKW,IAAsBH,EAAS,MAAM;AACzC,YAAMI,IAAqB,CAAC,OAAO,SAAS,MAAM,EAAE,SAASV,EAAc,KAAK;AAEhF,aAAIU,KAAsB,CAAChB,EAAM,YACxB,uBACEgB,KAAsBhB,EAAM,YAC9B,YAEA;AAAA,IAEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ModuleHeader.js","sources":["../src/components/ModuleHeader/ModuleHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, inject, ref, useCssModule, useSlots } from 'vue';\n\n  import { MODULE_INJECTION } from '../Module/Module.keys';\n  import { ModuleVariant } from '../Module/Module.types';\n\n  defineOptions({\n    name: 'll-module-header',\n  });\n\n  export interface ModuleHeaderProps {\n    /**\n     * Header title. Will get overridden by the `title` slot if provided.\n     */\n    title?: string;\n\n    /**\n     * Size of the header.\n     *\n     * - `small` = `h4`\n     * - `medium` = `h3`\n     * - `large` = `h2`\n     */\n    size?: 'small' | 'medium' | 'large';\n\n    /**\n     * Header description, aka subtitle. Will get overridden by the `description` slot if provided.\n     */\n    description?: string;\n\n    /**\n     * Stop the actions slot from force-wrapping on medium and smalls screens.\n     */\n    preventActionsWrap?: boolean;\n\n    /**\n     * Displays a border at the bottom\n     */\n    underline?: boolean;\n  }\n\n  const props = withDefaults(defineProps<ModuleHeaderProps>(), {\n    title: '',\n    size: 'medium',\n    description: '',\n    preventActionsWrap: false,\n    underline: false,\n  });\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  // get the module variant from the parent module\n  const moduleVariant = ref();\n  const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n  if (!moduleInjectedValues.variant) {\n    throw new Error('<ModuleHeader> must be used within a <Module> component.');\n  }\n  moduleVariant.value = moduleInjectedValues.variant.value;\n\n  const is = computed(() => {\n    let component: string;\n\n    switch (props.size) {\n      case 'small':\n        component = 'h4';\n        break;\n\n      case 'medium':\n        component = 'h3';\n        break;\n\n      case 'large':\n        component = 'h2';\n        break;\n\n      default:\n        component = 'h3';\n        break;\n    }\n\n    return component;\n  });\n\n  const isDefaultSlotSimpleString = computed(() => {\n    if (!slots.default) {\n      return false;\n    }\n\n    const defaultSlot = slots.default({});\n    return (\n      defaultSlot.length === 1 &&\n      typeof slots.default({})[0].children === 'string' &&\n      typeof slots.default({})[0].type === 'symbol'\n    );\n  });\n\n  const marginBottomClasses = computed(() => {\n    const isBoxOrTableOrList = ['box', 'table', 'list'].includes(moduleVariant.value);\n\n    if (isBoxOrTableOrList && !props.underline) {\n      return 'mb-3 lg:mb-6';\n    } else if (isBoxOrTableOrList && props.underline) {\n      return 'mb-3';\n    } else {\n      return '';\n    }\n  });\n</script>\n\n<template>\n  <header\n    class=\"stash-module-header flex flex-wrap justify-between\"\n    :class=\"{\n      'rounded-t border-b border-ice-500 bg-ice-100 p-3 lg:px-6': moduleVariant === ModuleVariant.Card,\n      'mb-6 rounded bg-white px-3 pt-3 shadow lg:mb-0 lg:rounded-b-none lg:px-6 lg:pt-6 lg:shadow-none':\n        moduleVariant === ModuleVariant.List,\n      'mb-3 border-b border-ice-200 lg:mb-6': props.underline,\n      'mb-6 rounded-t bg-white px-3 pt-3 lg:mb-0 lg:px-6 lg:pt-6': moduleVariant === ModuleVariant.Table,\n    }\"\n    data-test=\"stash-module-header\"\n  >\n    <div class=\"stash-module-header__content mr-6\" :class=\"marginBottomClasses\" data-test=\"stash-module-header|content\">\n      <div class=\"flex items-center\">\n        <div\n          v-if=\"slots.media && props.size === 'large'\"\n          class=\"stash-module-header__content__media mr-3\"\n          :class=\"classes.media\"\n          data-test=\"stash-module-header|content-media\"\n        >\n          <!-- @slot Place an illustration that sits next to the header title & description. -->\n          <slot name=\"media\"></slot>\n        </div>\n\n        <div class=\"stash-module-header__content__text\" data-test=\"stash-module-header|content-text\">\n          <!--\n            @slot Header title. **Deprecated**: Use the default slot or the `title` prop instead.\n          -->\n          <slot v-if=\"slots.title\" name=\"title\"></slot>\n\n          <template v-else-if=\"isDefaultSlotSimpleString\">\n            <component\n              :is=\"is\"\n              class=\"stash-module-header__default_slot_string my-0\"\n              data-test=\"stash-module-header|default-slot-text\"\n            >\n              <!-- @slot Header title. -->\n              <slot></slot>\n            </component>\n          </template>\n          <!-- @slot Header title. Falls back to the `title` prop. -->\n          <slot v-else>\n            <component :is=\"is\" class=\"my-0\">{{ props.title }}</component>\n          </slot>\n\n          <!--\n            @slot Header description, aka subtitle. Falls back to the `description` prop.\n          -->\n          <slot name=\"description\">\n            <p v-if=\"props.description\" class=\"mb-0 mt-3\">{{ props.description }}</p>\n          </slot>\n        </div>\n      </div>\n    </div>\n\n    <!-- todo: how can we pass a prop/class to actions in order to top align vs middle align? -->\n    <div\n      v-if=\"slots.actions\"\n      class=\"stash-module-header__actions self-center\"\n      :class=\"[\n        marginBottomClasses,\n        {\n          'w-full lg:w-auto': !props.preventActionsWrap,\n        },\n      ]\"\n      data-test=\"stash-module-header|actions\"\n    >\n      <!-- @slot Add action buttons or other CTAs. -->\n      <slot name=\"actions\"></slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  @layer utilities {\n    /* max size for media/marketing illustration icons we would be passing to the slot */\n    .media {\n      max-height: 58px;\n      max-width: 58px;\n    }\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","moduleVariant","ref","moduleInjectedValues","inject","MODULE_INJECTION","is","computed","component","isDefaultSlotSimpleString","marginBottomClasses","isBoxOrTableOrList"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyCE,UAAMA,IAAQC,GAORC,IAAUC,EAAA,GACVC,IAAQC,EAAA,GAGRC,IAAgBC,EAAA,GAChBC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AACnF,QAAI,CAACF,EAAqB;AACxB,YAAM,IAAI,MAAM,0DAA0D;AAE5E,IAAAF,EAAc,QAAQE,EAAqB,QAAQ;AAEnD,UAAMG,IAAKC,EAAS,MAAM;AACxB,UAAIC;AAEJ,cAAQb,EAAM,MAAA;AAAA,QACZ,KAAK;AACH,UAAAa,IAAY;AACZ;AAAA,QAEF,KAAK;AACH,UAAAA,IAAY;AACZ;AAAA,QAEF,KAAK;AACH,UAAAA,IAAY;AACZ;AAAA,QAEF;AACE,UAAAA,IAAY;AACZ;AAAA,MAAA;AAGJ,aAAOA;AAAA,IACT,CAAC,GAEKC,IAA4BF,EAAS,MACpCR,EAAM,UAISA,EAAM,QAAQ,EAAE,EAEtB,WAAW,KACvB,OAAOA,EAAM,QAAQ,CAAA,CAAE,EAAE,CAAC,EAAE,YAAa,YACzC,OAAOA,EAAM,QAAQ,CAAA,CAAE,EAAE,CAAC,EAAE,QAAS,WAP9B,EASV,GAEKW,IAAsBH,EAAS,MAAM;AACzC,YAAMI,IAAqB,CAAC,OAAO,SAAS,MAAM,EAAE,SAASV,EAAc,KAAK;AAEhF,aAAIU,KAAsB,CAAChB,EAAM,YACxB,iBACEgB,KAAsBhB,EAAM,YAC9B,SAEA;AAAA,IAEX,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/MoreActions.js

@@ -1,31 +1,31 @@
-import { ref as I, onUnmounted as se, nextTick as V, onMounted as ue, onUpdated as re, onDeactivated as ce, onBeforeUnmount as oe, watch as X, defineComponent as de, useSlots as fe, computed as W, useTemplateRef as U, createElementBlock as ve, openBlock as H, normalizeStyle as z, createBlock as Y, createElementVNode as ee, createCommentVNode as me, resolveDynamicComponent as he, normalizeClass as te, unref as C, withCtx as P, renderSlot as G, createVNode as le, createTextVNode as pe, toDisplayString as ge } from "vue";
-import we from "lodash-es/uniqueId";
-import { b as K, c as Ae, d as Ie, e as Te } from "./index-C14LhAwV.js";
+import { ref as T, onUnmounted as se, nextTick as V, onMounted as ue, onUpdated as re, onDeactivated as ce, onBeforeUnmount as oe, watch as X, defineComponent as de, useSlots as fe, computed as W, useTemplateRef as U, createElementBlock as ve, openBlock as H, normalizeStyle as z, createBlock as Y, createElementVNode as ee, createCommentVNode as me, resolveDynamicComponent as he, normalizeClass as te, unref as C, withCtx as P, renderSlot as G, createVNode as le, createTextVNode as pe, toDisplayString as ge } from "vue";
+import Ae from "lodash-es/uniqueId";
+import { b as K, c as Ie, d as Te, e as be } from "./index-DBV9Uz0C.js";
 import { DEBOUNCE as k } from "./constants.js";
-import { t as be } from "./locale.js";
-import Oe from "./Button.js";
-import ye from "./Dropdown.js";
-import Ee from "./Icon.js";
+import { t as Oe } from "./locale.js";
+import ye from "./Button.js";
+import Ee from "./Dropdown.js";
+import we from "./Icon.js";
 import Z from "lodash-es/debounce";
 import { _ as Se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 function _e(e = {}) {
-  const { duration: t = 300, initialVisible: a = !1 } = e, [n, l] = K(a), [o, i] = K(a), [s, d] = K(!1), c = I(null);
+  const { duration: t = 300, initialVisible: a = !1 } = e, [n, l] = K(a), [o, i] = K(a), [s, d] = K(!1), c = T(null);
   function g() {
     c.value !== null && (clearTimeout(c.value), c.value = null);
   }
   function v(r) {
     g(), n.value !== r && l(), o.value !== r && i(), s.value && d();
   }
-  function w(r) {
+  function A(r) {
     g(), r ? (n.value || l(), o.value || i(), s.value && d()) : (o.value && i(), s.value || d(), c.value = setTimeout(() => {
       n.value && l(), s.value && d(), c.value = null;
     }, t));
   }
-  function A() {
-    w(!0);
+  function I() {
+    A(!0);
   }
   function h() {
-    w(!1);
+    A(!1);
   }
   function u() {
     g();
@@ -36,8 +36,8 @@ function _e(e = {}) {
     isVisible: n,
     shouldShow: o,
     shouldHide: s,
-    toggle: w,
-    show: A,
+    toggle: A,
+    show: I,
     hide: h,
     setVisible: v,
     cleanup: u
@@ -87,12 +87,12 @@ function Be(e, t) {
 function ne(e, t, a) {
   const n = L.get(e);
   if (n && (clearTimeout(n), L.delete(e)), a.has(t))
-    e.removeAttribute(p.PROCESSED), e.classList.add("tw-invisible");
+    e.removeAttribute(p.PROCESSED), e.classList.add("invisible");
   else {
     const l = setTimeout(() => {
       e.isConnected && e.setAttribute(p.PROCESSED, "true"), L.delete(e);
     }, k.FAST);
-    L.set(e, l), e.classList.remove("tw-invisible");
+    L.set(e, l), e.classList.remove("invisible");
   }
 }
 function J(e, t) {
@@ -102,7 +102,7 @@ function J(e, t) {
     e.querySelectorAll(`[${p.ACTION_ID}]`)
   ).filter((l) => l.querySelectorAll(`[${p.ACTION_ID}]`).length === 0).forEach((l) => {
     const o = l.getAttribute(p.ACTION_ID);
-    o && t.has(o) ? l.classList.remove("tw-hidden") : l.classList.add("tw-hidden");
+    o && t.has(o) ? l.classList.remove("hidden") : l.classList.add("hidden");
   });
 }
 function Ce({
@@ -112,7 +112,7 @@ function Ce({
   trackerElementRef: n,
   onOverflowChange: l
 }) {
-  const o = I(!1), i = I(""), s = Ae(n);
+  const o = T(!1), i = T(""), s = Ie(n);
   function d(h, u, r) {
     t.value.clear(), h.forEach((f) => t.value.add(f)), u.forEach((f) => {
       const m = r.get(f) || f.getAttribute(p.ACTION_ID) || void 0;
@@ -124,10 +124,10 @@ function Ce({
       o.value = !1;
       return;
     }
-    const h = Array.from(e.value.children), u = ie(h), r = /* @__PURE__ */ new Set(), f = window.getComputedStyle(e.value), m = f.columnGap || f.gap, b = m ? parseFloat(m) : 0;
-    h.forEach((_, y) => {
-      const O = u.get(_) || _.getAttribute(p.ACTION_ID) || void 0, E = _.getBoundingClientRect();
-      (y < h.length - 1 ? E.right + b : E.right) > s.left.value && O && r.add(O);
+    const h = Array.from(e.value.children), u = ie(h), r = /* @__PURE__ */ new Set(), f = window.getComputedStyle(e.value), m = f.columnGap || f.gap, O = m ? parseFloat(m) : 0;
+    h.forEach((_, E) => {
+      const y = u.get(_) || _.getAttribute(p.ACTION_ID) || void 0, w = _.getBoundingClientRect();
+      (E < h.length - 1 ? w.right + O : w.right) > s.left.value && y && r.add(y);
     });
     const S = Array.from(t.value).sort().join(","), B = Array.from(r).sort().join(",");
     S !== B && (d(r, h, u), J(a.value, t.value), l && i.value !== B && (i.value = B, V(() => {
@@ -138,18 +138,18 @@ function Ce({
   function v() {
     o.value || !e.value || !n.value || (o.value = !0, g());
   }
-  function w() {
+  function A() {
     s.update();
   }
-  function A() {
+  function I() {
     g.cancel(), o.value = !1;
   }
   return {
     calculateOverflow: v,
     applyElementVisibility: ne,
     updateOverflowState: d,
-    updateTrackerBounding: w,
-    cleanup: A,
+    updateTrackerBounding: A,
+    cleanup: I,
     isProcessing: o
   };
 }
@@ -163,12 +163,12 @@ function Me({
   hasMoreActionsSlot: i,
   onOverflowChange: s
 }) {
-  const d = I(!1), {
+  const d = T(!1), {
     calculateOverflow: c,
     applyElementVisibility: g,
     updateOverflowState: v,
-    updateTrackerBounding: w,
-    cleanup: A,
+    updateTrackerBounding: A,
+    cleanup: I,
     isProcessing: h
   } = Ce({
     actionsContainerRef: e,
@@ -181,12 +181,12 @@ function Me({
   function m() {
     t.value.clear(), l.value = 0;
   }
-  function b() {
+  function O() {
     r && (r(), r = null), f && (f(), f = null);
   }
   const S = Z(
     () => {
-      !e.value || !i.value || (j(e.value), b(), A(), y());
+      !e.value || !i.value || (j(e.value), O(), I(), E());
     },
     k.FAST,
     { leading: !1, trailing: !0 }
@@ -194,25 +194,25 @@ function Me({
   function B() {
     if (!e.value || !i.value)
       return;
-    const O = Array.from(e.value.children), E = ie(O), $ = new Set(E.values());
+    const y = Array.from(e.value.children), w = ie(y), $ = new Set(w.values());
     Be(t.value, $);
-    const { stop: q } = Ie(e, () => {
-      w(), c();
+    const { stop: q } = Te(e, () => {
+      A(), c();
     });
     r = q;
-    const { stop: T } = Te(
-      O,
+    const { stop: b } = be(
+      y,
       (M) => {
         if (h.value)
           return;
         let D = !1;
         const N = new Set(t.value);
         if (M.forEach((R) => {
-          const F = R.target, x = E.get(F) || F.getAttribute(p.ACTION_ID) || void 0;
+          const F = R.target, x = w.get(F) || F.getAttribute(p.ACTION_ID) || void 0;
           R.intersectionRatio === 1 ? x && N.has(x) && (N.delete(x), D = !0) : x && !N.has(x) && (N.add(x), D = !0);
         }), D) {
           const R = Array.from(t.value).sort().join(","), F = Array.from(N).sort().join(",");
-          R !== F && (v(N, O, E), J(a.value, t.value), s && V(() => {
+          R !== F && (v(N, y, w), J(a.value, t.value), s && V(() => {
             s();
           }));
         }
@@ -221,8 +221,8 @@ function Me({
         root: e.value
       }
     );
-    f = T, O.forEach((M) => {
-      const D = E.get(M) || M.getAttribute(p.ACTION_ID) || "";
+    f = b, y.forEach((M) => {
+      const D = w.get(M) || M.getAttribute(p.ACTION_ID) || "";
       g(M, D, t.value);
     }), c(), J(a.value, t.value);
   }
@@ -234,7 +234,7 @@ function Me({
       // Only watch direct children
     })));
   }
-  const y = Z(
+  const E = Z(
     () => {
       d.value || (d.value = !0, _(), d.value = !1);
     },
@@ -244,11 +244,11 @@ function Me({
   ue(() => {
     i.value && (j(e.value), _());
   }), re(() => {
-    i.value && (j(e.value), e.value && Array.from(e.value.children).length === 0 && m(), b(), A(), y());
+    i.value && (j(e.value), e.value && Array.from(e.value.children).length === 0 && m(), O(), I(), E());
   }), ce(() => {
-    b(), A(), S.cancel(), y.cancel(), u && (u.disconnect(), u = null);
+    O(), I(), S.cancel(), E.cancel(), u && (u.disconnect(), u = null);
   }), oe(() => {
-    b(), A(), S.cancel(), y.cancel(), u && (u.disconnect(), u = null);
+    O(), I(), S.cancel(), E.cancel(), u && (u.disconnect(), u = null);
   });
 }
 function Ne({
@@ -267,7 +267,7 @@ function Ne({
       return i + c;
     }
     return i;
-  }, o = I(0);
+  }, o = T(0);
   return X(n, (i) => {
     i && e.value && V(() => {
       const s = l();
@@ -279,7 +279,7 @@ function Ne({
   };
 }
 function xe({ actionsContainerRef: e, overflowIds: t }) {
-  const a = I(0), n = I(!1), l = I(!1);
+  const a = T(0), n = T(!1), l = T(!1);
   let o = null;
   const i = () => {
     if (!e.value) {
@@ -288,13 +288,13 @@ function xe({ actionsContainerRef: e, overflowIds: t }) {
     }
     let c = 0;
     const g = Array.from(e.value.children);
-    g.forEach((v, w) => {
-      const A = v.getAttribute(p.ACTION_ID), h = !A || !t.value.has(A), u = v.classList.contains("tw-invisible");
+    g.forEach((v, A) => {
+      const I = v.getAttribute(p.ACTION_ID), h = !I || !t.value.has(I), u = v.classList.contains("invisible");
       if (h && !u) {
         const r = v.getBoundingClientRect();
-        if (c += r.width, w < g.length - 1 && e.value) {
-          const f = window.getComputedStyle(e.value), m = f.columnGap || f.gap, b = m ? parseFloat(m) : 0;
-          c += b;
+        if (c += r.width, A < g.length - 1 && e.value) {
+          const f = window.getComputedStyle(e.value), m = f.columnGap || f.gap, O = m ? parseFloat(m) : 0;
+          c += O;
         }
       }
     }), a.value = c;
@@ -325,14 +325,14 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
   props: {
     actionsContainerClass: { default: void 0 },
     actionsContainerTag: { default: "div" },
-    moreButtonText: { default: () => be("ll.more") },
+    moreButtonText: { default: () => Oe("ll.more") },
     width: { default: void 0 },
     dropdownMode: { default: "default" },
     moreButtonAlign: { default: "separate" }
   },
   setup(e) {
-    const t = e, a = fe(), n = W(() => !!a["more-actions"]), l = U("actionsContainerRef"), o = U("moreDropdownRef"), i = U("moreDropdownMenuRef"), s = U("trackerElementRef"), d = I(/* @__PURE__ */ new Set()), c = I(!1), g = we(Q.MORE_MENU), v = I(null), w = I(!1), {
-      isVisible: A,
+    const t = e, a = fe(), n = W(() => !!a["more-actions"]), l = U("actionsContainerRef"), o = U("moreDropdownRef"), i = U("moreDropdownMenuRef"), s = U("trackerElementRef"), d = T(/* @__PURE__ */ new Set()), c = T(!1), g = Ae(Q.MORE_MENU), v = T(null), A = T(!1), {
+      isVisible: I,
       shouldShow: h,
       toggle: u
     } = _e({
@@ -344,14 +344,14 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
       moreButtonAlign: t.moreButtonAlign,
       hasOverflowActions: r
     }), {
-      visibleElementsWidth: b,
+      visibleElementsWidth: O,
       isRecalculatingWithDelay: S,
       calculateVisibleElementsWidthDelayed: B,
       cleanup: _
     } = xe({
       actionsContainerRef: l,
       overflowIds: d
-    }), y = W(() => n.value && r.value && !S.value && w.value), O = W(() => c.value.toString()), E = W(() => y.value ? `calc(100% - ${m.value}px)` : "100%"), $ = W(() => t.moreButtonAlign === "together" ? { left: `${b.value}px`, right: "auto" } : { right: "0", left: "auto" });
+    }), E = W(() => n.value && r.value && !S.value && A.value), y = W(() => c.value.toString()), w = W(() => E.value ? `calc(100% - ${m.value}px)` : "100%"), $ = W(() => t.moreButtonAlign === "together" ? { left: `${O.value}px`, right: "auto" } : { right: "0", left: "auto" });
     Me({
       actionsContainerRef: l,
       overflowIds: d,
@@ -363,21 +363,21 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
       onOverflowChange: B
     }), X(
       () => n.value && r.value && !S.value,
-      (T) => {
-        v.value && (clearTimeout(v.value), v.value = null), T ? v.value = setTimeout(() => {
-          w.value = !0;
-        }, k.FAST) : w.value = !1;
+      (b) => {
+        v.value && (clearTimeout(v.value), v.value = null), b ? v.value = setTimeout(() => {
+          A.value = !0;
+        }, k.FAST) : A.value = !1;
       }
-    ), X(y, (T) => {
-      u(T);
+    ), X(E, (b) => {
+      u(b);
     });
-    function q(T) {
-      c.value = T;
+    function q(b) {
+      c.value = b;
     }
     return oe(() => {
       _(), v.value && clearTimeout(v.value);
-    }), (T, M) => (H(), ve("div", {
-      class: "stash-more-actions tw-relative tw-overflow-x-hidden",
+    }), (b, M) => (H(), ve("div", {
+      class: "stash-more-actions relative overflow-x-hidden",
       "data-test": "stash-more-actions",
       style: z({ width: t.width })
     }, [
@@ -386,16 +386,13 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
         ref: l,
         "data-test": "stash-more-actions__container",
         style: z({
-          width: E.value,
+          width: w.value,
           minWidth: C(m) ? `${C(m)}px` : void 0
         }),
-        class: te([
-          "stash-more-actions__container tw-flex tw-items-center tw-gap-2 tw-overflow-x-hidden",
-          t.actionsContainerClass
-        ])
+        class: te(["stash-more-actions__container flex items-center gap-2 overflow-x-hidden", t.actionsContainerClass])
       }, {
         default: P(() => [
-          G(T.$slots, "default")
+          G(b.$slots, "default")
         ]),
         _: 3
       }, 8, ["style", "class"])),
@@ -414,33 +411,33 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
           zIndex: C(De).TRACKER
         })
       }, null, 4),
-      n.value ? (H(), Y(ye, {
+      n.value ? (H(), Y(Ee, {
         key: 0,
         ref_key: "moreDropdownRef",
         ref: o,
         class: te([
-          "!tw-absolute tw-top-0",
-          C(h) ? "tw-animate-fade-in" : "tw-animate-fade-out",
-          { "tw-invisible": !C(A) }
+          "!absolute top-0",
+          C(h) ? "animate-fade-in" : "animate-fade-out",
+          { invisible: !C(I) }
         ]),
         style: z($.value),
         onToggle: q
       }, {
         toggle: P(({ toggle: D }) => [
-          G(T.$slots, "toggle", {
+          G(b.$slots, "toggle", {
             toggle: D,
             isOpen: c.value
           }, () => [
-            le(Oe, {
-              class: "button tw-border-gray-500 tw-text-gray-500 tw-flex tw-w-full tw-items-center tw-justify-between tw-border",
+            le(ye, {
+              class: "button -border-gray-500 text-gray-500 flex w-full items-center justify-between -border",
               secondary: "",
-              "aria-expanded": O.value,
+              "aria-expanded": y.value,
               onClick: D
             }, {
               default: P(() => [
                 pe(ge(t.moreButtonText) + " ", 1),
-                le(Ee, {
-                  class: "tw-ml-1.5",
+                le(we, {
+                  class: "-ml-1.5",
                   name: "action-dots"
                 })
               ]),
@@ -454,9 +451,9 @@ const We = ["id"], Ve = /* @__PURE__ */ de({
             ref_key: "moreDropdownMenuRef",
             ref: i,
             "data-test": "stash-more-actions__dropdown",
-            class: "tw-flex tw-flex-col tw-gap-1.5 tw-p-1.5"
+            class: "flex flex-col gap-1.5 p-1.5"
           }, [
-            G(T.$slots, "more-actions")
+            G(b.$slots, "more-actions")
           ], 8, We)
         ]),
         _: 3