@leaflink/stash 51.9.2 → 51.10.0

package/dist/Module.vue.d.ts

@@ -2,32 +2,9 @@ import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { ComputedRef } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
 import { InjectionKey } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from '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;
@@ -53,13 +30,9 @@ declare interface BoxProps {
     radius?: 'none' | 'rounded';
 }
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModuleProps>, {
-variant: string;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModuleProps>, {
-variant: string;
-}>>> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ModuleProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ModuleProps> & Readonly<{}>, {
 variant: "table" | "list" | "box" | "card";
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/ModuleContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleContent.js","sources":["../src/components/ModuleContent/ModuleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject, onBeforeMount, ref, 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-content',\n  });\n\n  const slots = useSlots();\n  const moduleVariant = ref();\n\n  onBeforeMount(() => {\n    const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n    if (!moduleInjectedValues.variant) {\n      throw new Error('ModuleContent must be used within a Module component.');\n    }\n    moduleVariant.value = moduleInjectedValues.variant.value;\n  });\n</script>\n\n<template>\n  <div\n    class=\"stash-module-content tw-flex-1\"\n    data-test=\"stash-module-content\"\n    :class=\"{\n      'tw-px-3 tw-py-6 lg:tw-px-6': moduleVariant === ModuleVariant.Card,\n      'tw-border-t tw-border-ice-200': moduleVariant === ModuleVariant.Table || moduleVariant === ModuleVariant.List,\n    }\"\n  >\n    <div\n      v-if=\"slots['top-left'] || slots['top-right']\"\n      class=\"stash-module-content__top-slots tw-flex tw-flex-wrap tw-items-center tw-justify-between\"\n      data-test=\"stash-module-content|top-slots\"\n    >\n      <!--\n        For styling purposes, we always render both slots. In the scenario where only a top-right is\n        provided, the div wrappers ensure space-between works and puts top-right on the right side.\n      -->\n      <div class=\"tw-mb-6 tw-mr-6\" data-test=\"stash-module-content|top-left-slot\"><slot name=\"top-left\"></slot></div>\n      <div class=\"tw-mb-6\" data-test=\"stash-module-content|top-right-slot\"><slot name=\"top-right\"></slot></div>\n    </div>\n\n    <slot></slot>\n  </div>\n</template>\n"],"names":["slots","useSlots","moduleVariant","ref","onBeforeMount","moduleInjectedValues","inject","MODULE_INJECTION"],"mappings":";;;;;;;;;;;;;;;;;AAUE,UAAMA,IAAQC,EAAS,GACjBC,IAAgBC,EAAI;AAE1B,WAAAC,EAAc,MAAM;AAClB,YAAMC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AAC/E,UAAA,CAACF,EAAqB;AAClB,cAAA,IAAI,MAAM,uDAAuD;AAE3D,MAAAH,EAAA,QAAQG,EAAqB,QAAQ;AAAA,IAAA,CACpD;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ModuleContent.js","sources":["../src/components/ModuleContent/ModuleContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject, onBeforeMount, ref, 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-content',\n  });\n\n  const slots = useSlots();\n  const moduleVariant = ref();\n\n  onBeforeMount(() => {\n    const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n    if (!moduleInjectedValues.variant) {\n      throw new Error('ModuleContent must be used within a Module component.');\n    }\n    moduleVariant.value = moduleInjectedValues.variant.value;\n  });\n</script>\n\n<template>\n  <div\n    class=\"stash-module-content tw-flex-1\"\n    data-test=\"stash-module-content\"\n    :class=\"{\n      'tw-px-3 tw-py-6 lg:tw-px-6': moduleVariant === ModuleVariant.Card,\n      'tw-border-t tw-border-ice-200': moduleVariant === ModuleVariant.Table || moduleVariant === ModuleVariant.List,\n    }\"\n  >\n    <div\n      v-if=\"slots['top-left'] || slots['top-right']\"\n      class=\"stash-module-content__top-slots tw-flex tw-flex-wrap tw-items-center tw-justify-between\"\n      data-test=\"stash-module-content|top-slots\"\n    >\n      <!--\n        For styling purposes, we always render both slots. In the scenario where only a top-right is\n        provided, the div wrappers ensure space-between works and puts top-right on the right side.\n      -->\n      <div class=\"tw-mb-6 tw-mr-6\" data-test=\"stash-module-content|top-left-slot\"><slot name=\"top-left\"></slot></div>\n      <div class=\"tw-mb-6\" data-test=\"stash-module-content|top-right-slot\"><slot name=\"top-right\"></slot></div>\n    </div>\n\n    <slot></slot>\n  </div>\n</template>\n"],"names":["slots","useSlots","moduleVariant","ref","onBeforeMount","moduleInjectedValues","inject","MODULE_INJECTION","_createElementBlock","_unref","ModuleVariant","_openBlock","_hoisted_1","_createElementVNode","_hoisted_2","_renderSlot","_ctx","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;;AAUE,UAAMA,IAAQC,EAAA,GACRC,IAAgBC,EAAA;AAEtB,WAAAC,EAAc,MAAM;AAClB,YAAMC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AACnF,UAAI,CAACF,EAAqB;AACxB,cAAM,IAAI,MAAM,uDAAuD;AAEzE,MAAAH,EAAc,QAAQG,EAAqB,QAAQ;AAAA,IACrD,CAAC,mBAIDG,EAsBM,OAAA;AAAA,MArBJ,UAAM,kCAAgC;AAAA,sCAEQN,EAAA,UAAkBO,EAAAC,CAAA,EAAc;AAAA,yCAA6CR,EAAA,UAAkBO,KAAc,SAASP,EAAA,UAAkBO,EAAAC,CAAA,EAAc;AAAA,MAAA;MADpM,aAAU;AAAA,IAAA;MAOFD,EAAAT,CAAA,iBAAqBS,EAAAT,CAAA,EAAK,WAAA,KADlCW,EAAA,GAAAH,EAWM,OAXNI,GAWM;AAAA,QAFJC,EAA+G,OAA/GC,GAA+G;AAAA,UAAnCC,EAA6BC,EAAA,QAAA,UAAA;AAAA,QAAA;QACzGH,EAAyG,OAAzGI,GAAyG;AAAA,UAApCF,EAA8BC,EAAA,QAAA,WAAA;AAAA,QAAA;;MAGrGD,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/ModuleContent.vue.d.ts

@@ -9,9 +9,9 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
-    "top-left"?(_: {}): any;
-    "top-right"?(_: {}): any;
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
+    'top-left'?(_: {}): any;
+    'top-right'?(_: {}): any;
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/ModuleFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModuleFooter.js","sources":["../src/components/ModuleFooter/ModuleFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject, onBeforeMount, ref } from 'vue';\n\n  import { MODULE_INJECTION } from '../Module/Module.keys';\n  import { ModuleVariant } from '../Module/Module.types';\n\n  const moduleVariant = ref();\n\n  onBeforeMount(() => {\n    const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n    if (!moduleInjectedValues.variant) {\n      throw new Error('ModuleContent must be used within a Module component.');\n    }\n    moduleVariant.value = moduleInjectedValues.variant.value;\n  });\n</script>\n\n<template>\n  <div\n    class=\"stash-module-footer tw-flex tw-flex-wrap tw-justify-between\"\n    :class=\"{\n      'tw-rounded-b tw-border-b tw-border-ice-500 tw-px-3 tw-pb-6 tw-pt-0 lg:tw-px-6':\n        moduleVariant === ModuleVariant.Card,\n      'tw-rounded tw-bg-white tw-p-3 tw-shadow lg:tw-rounded-t-none lg:tw-px-6 lg:tw-shadow-none':\n        moduleVariant === ModuleVariant.Table || moduleVariant === ModuleVariant.List,\n      'tw-mb-0 tw-pt-3 lg:tw-pt-6': moduleVariant === ModuleVariant.Box,\n    }\"\n    data-test=\"stash-module-footer\"\n  >\n    <slot></slot>\n  </div>\n</template>\n"],"names":["moduleVariant","ref","onBeforeMount","moduleInjectedValues","inject","MODULE_INJECTION"],"mappings":";;;;;;AAME,UAAMA,IAAgBC,EAAI;AAE1B,WAAAC,EAAc,MAAM;AAClB,YAAMC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AAC/E,UAAA,CAACF,EAAqB;AAClB,cAAA,IAAI,MAAM,uDAAuD;AAE3D,MAAAH,EAAA,QAAQG,EAAqB,QAAQ;AAAA,IAAA,CACpD;;;;;;;;;;;;"}
+{"version":3,"file":"ModuleFooter.js","sources":["../src/components/ModuleFooter/ModuleFooter.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject, onBeforeMount, ref } from 'vue';\n\n  import { MODULE_INJECTION } from '../Module/Module.keys';\n  import { ModuleVariant } from '../Module/Module.types';\n\n  const moduleVariant = ref();\n\n  onBeforeMount(() => {\n    const moduleInjectedValues = inject(MODULE_INJECTION.key, MODULE_INJECTION.defaults);\n    if (!moduleInjectedValues.variant) {\n      throw new Error('ModuleContent must be used within a Module component.');\n    }\n    moduleVariant.value = moduleInjectedValues.variant.value;\n  });\n</script>\n\n<template>\n  <div\n    class=\"stash-module-footer tw-flex tw-flex-wrap tw-justify-between\"\n    :class=\"{\n      'tw-rounded-b tw-border-b tw-border-ice-500 tw-px-3 tw-pb-6 tw-pt-0 lg:tw-px-6':\n        moduleVariant === ModuleVariant.Card,\n      'tw-rounded tw-bg-white tw-p-3 tw-shadow lg:tw-rounded-t-none lg:tw-px-6 lg:tw-shadow-none':\n        moduleVariant === ModuleVariant.Table || moduleVariant === ModuleVariant.List,\n      'tw-mb-0 tw-pt-3 lg:tw-pt-6': moduleVariant === ModuleVariant.Box,\n    }\"\n    data-test=\"stash-module-footer\"\n  >\n    <slot></slot>\n  </div>\n</template>\n"],"names":["moduleVariant","ref","onBeforeMount","moduleInjectedValues","inject","MODULE_INJECTION","_createElementBlock","_unref","ModuleVariant","_renderSlot","_ctx"],"mappings":";;;;;;AAME,UAAMA,IAAgBC,EAAA;AAEtB,WAAAC,EAAc,MAAM;AAClB,YAAMC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AACnF,UAAI,CAACF,EAAqB;AACxB,cAAM,IAAI,MAAM,uDAAuD;AAEzE,MAAAH,EAAc,QAAQG,EAAqB,QAAQ;AAAA,IACrD,CAAC,mBAIDG,EAYM,OAAA;AAAA,MAXJ,UAAM,+DAA6D;AAAA,yFACsCN,EAAA,UAAkBO,EAAAC,CAAA,EAAc;AAAA,qGAAiHR,EAAA,UAAkBO,KAAc,SAASP,EAAA,UAAkBO,EAAAC,CAAA,EAAc;AAAA,sCAA0CR,EAAA,UAAkBO,EAAAC,CAAA,EAAc;AAAA,MAAA;MAO7Y,aAAU;AAAA,IAAA;MAEVC,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}

package/dist/ModuleFooter.vue.d.ts

@@ -9,7 +9,7 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

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,GACvBC,IAAQC,EAAS,GAGjBC,IAAgBC,EAAI,GACpBC,IAAuBC,EAAOC,EAAiB,KAAKA,EAAiB,QAAQ;AAC/E,QAAA,CAACF,EAAqB;AAClB,YAAA,IAAI,MAAM,0DAA0D;AAE9D,IAAAF,EAAA,QAAQE,EAAqB,QAAQ;AAE7C,UAAAG,IAAKC,EAAS,MAAM;AACpB,UAAAC;AAEJ,cAAQb,EAAM,MAAM;AAAA,QAClB,KAAK;AACS,UAAAa,IAAA;AACZ;AAAA,QAEF,KAAK;AACS,UAAAA,IAAA;AACZ;AAAA,QAEF,KAAK;AACS,UAAAA,IAAA;AACZ;AAAA,QAEF;AACc,UAAAA,IAAA;AACZ;AAAA,MAAA;AAGG,aAAAA;AAAA,IAAA,CACR,GAEKC,IAA4BF,EAAS,MACpCR,EAAM,UAISA,EAAM,QAAQ,EAAE,EAEtB,WAAW,KACvB,OAAOA,EAAM,QAAQ,CAAE,CAAA,EAAE,CAAC,EAAE,YAAa,YACzC,OAAOA,EAAM,QAAQ,CAAE,CAAA,EAAE,CAAC,EAAE,QAAS,WAP9B,EASV,GAEKW,IAAsBH,EAAS,MAAM;AACnC,YAAAI,IAAqB,CAAC,OAAO,SAAS,MAAM,EAAE,SAASV,EAAc,KAAK;AAE5E,aAAAU,KAAsB,CAAChB,EAAM,YACxB,uBACEgB,KAAsBhB,EAAM,YAC9B,YAEA;AAAA,IACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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","_createElementBlock","_unref","ModuleVariant","_createElementVNode","_normalizeClass","_hoisted_1","_renderSlot","_ctx","_hoisted_2","_openBlock","_createBlock","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_hoisted_3"],"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;2BAIDiB,EA2ES,UAAA;AAAA,MA1EP,UAAM,+DAA6D;AAAA,sFACmCX,EAAA,UAAkBY,EAAAC,CAAA,EAAc;AAAA,4IAAwJb,EAAA,UAAkBY,EAAAC,CAAA,EAAc;AAAA,QAAgE,oDAAAnB,EAAM;AAAA,6FAA8GM,EAAA,UAAkBY,EAAAC,CAAA,EAAc;AAAA,MAAA;MASlhB,aAAU;AAAA,IAAA;MAEVC,EA6CM,OAAA;AAAA,QA5CJ,OAAKC,EAAA,CAAC,wCACEN,EAAA,KAAmB,CAAA;AAAA,QAC3B,aAAU;AAAA,MAAA;QAEVK,EAuCM,OAvCNE,GAuCM;AAAA,UArCIJ,EAAAd,CAAA,EAAM,SAASJ,EAAM,SAAI,gBADjCiB,EAQM,OAAA;AAAA;YANJ,OAAKI,EAAA,CAAC,+CACEH,EAAAhB,CAAA,EAAQ,KAAK,CAAA;AAAA,YACrB,aAAU;AAAA,UAAA;YAGVqB,EAA0BC,EAAA,QAAA,OAAA;AAAA,UAAA;UAG5BJ,EA2BM,OA3BNK,GA2BM;AAAA,YAvBQP,EAAAd,CAAA,EAAM,QAAlBmB,EAA6CC,EAAA,QAAA,SAAA,EAAA,KAAA,GAAA,IAExBV,EAAA,SACnBY,EAAA,GAAAC,EAOYC,EANLjB,EAAA,KAAE,GAAA;AAAA;cACP,OAAM;AAAA,cACN,aAAU;AAAA,YAAA;yBAGV,MAAa;AAAA,gBAAbY,EAAaC,EAAA,QAAA,SAAA;AAAA,cAAA;;kBAIjBD,EAEOC,iCAFP,MAEO;AAAA,eADLE,EAAA,GAAAC,EAAiEC,EAAjDjB,EAAA,KAAE,GAAA,EAAE,OAAM,aAAS;AAAA,2BAAC,MAAiB;AAAA,kBAAdkB,EAAAC,EAAA9B,EAAM,KAAK,GAAA,CAAA;AAAA,gBAAA;;;;YAMpDuB,EAEOC,6BAFP,MAEO;AAAA,cADIxB,EAAM,eAAf0B,EAAA,GAAAT,EAA+E,KAA/Ec,GAA+ED,EAAxB9B,EAAM,WAAW,GAAA,CAAA;;;;;MAQxEkB,EAAAd,CAAA,EAAM,gBADda,EAaM,OAAA;AAAA;QAXJ,UAAM,+CAA6C;AAAA,UACjCF,EAAA;AAAA;YAAoE,0BAAA,CAAAf,EAAM;AAAA,UAAA;AAAA;QAM5F,aAAU;AAAA,MAAA;QAGVuB,EAA4BC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;"}

package/dist/ModuleHeader.vue.d.ts

@@ -1,65 +1,31 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from '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<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModuleHeaderProps>, {
-title: string;
-size: string;
-description: string;
-preventActionsWrap: boolean;
-underline: boolean;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ModuleHeaderProps>, {
-title: string;
-size: string;
-description: string;
-preventActionsWrap: boolean;
-underline: boolean;
-}>>> & Readonly<{}>, {
-title: string;
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ModuleHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ModuleHeaderProps> & Readonly<{}>, {
 size: "small" | "large" | "medium";
 description: string;
+title: string;
 preventActionsWrap: boolean;
 underline: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>, {
     media?(_: {}): any;
     title?(_: {}): any;
     default?(_: {}): any;
+    default?(_: {}): any;
     description?(_: {}): any;
     actions?(_: {}): any;
 }>;
 export default _default;
 
-export declare interface ModuleHeaderProps {
+declare interface ModuleHeaderProps {
     /**
      * Header title. Will get overridden by the `title` slot if provided.
      */

package/dist/ObfuscateText.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObfuscateText.js","sources":["../src/components/ObfuscateText/ObfuscateText.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref } from 'vue';\n\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({ name: 'll-obfuscate-text' });\n\n  import obfuscateText, { ObfuscateTextOptions } from '../../utils/obfuscateText';\n\n  export interface ObfuscateTextProps extends ObfuscateTextOptions {\n    /**\n     * The full text\n     */\n    text: string;\n\n    /**\n     * Whether to obfuscate all characters.\n     * @deprecated omit the lengthToKeep prop to achieve the same result\n     */\n    obfuscateAll?: boolean;\n\n    /**\n     * Displays a button for toggling text visibility\n     */\n    showToggle?: boolean;\n  }\n\n  const isFullTextVisible = ref(false);\n\n  const props = withDefaults(defineProps<ObfuscateTextProps>(), {\n    maskChar: '•',\n    maskCharCount: 10,\n    lengthToKeep: 0,\n    position: 'start',\n    obfuscateAll: false,\n    showToggle: false,\n  });\n\n  const obfuscatedText = computed(() => {\n    if (props.showToggle && isFullTextVisible.value) {\n      return props.text;\n    }\n\n    if (props.obfuscateAll) {\n      return props.maskChar.repeat(props.maskCharCount);\n    }\n\n    return obfuscateText(props.text, {\n      maskChar: props.maskChar,\n      maskCharCount: props.maskCharCount,\n      lengthToKeep: props.lengthToKeep,\n      position: props.position,\n    });\n  });\n</script>\n\n<template>\n  <span class=\"stash-obfuscate-text\" data-test=\"stash-obfuscate-text\">\n    {{ obfuscatedText }}\n    <Button\n      v-if=\"props.showToggle\"\n      class=\"tw-ml-1 tw-size-auto tw-p-0\"\n      icon\n      type=\"button\"\n      @click=\"isFullTextVisible = !isFullTextVisible\"\n    >\n      <Icon\n        :name=\"isFullTextVisible ? 'hide' : 'show'\"\n        class=\"tw-cursor-pointer\"\n        :class=\"isFullTextVisible ? 'stash-obfuscate-text__hide-toggle-icon' : 'stash-obfuscate-text__show-toggle-icon'\"\n        :data-test=\"\n          isFullTextVisible ? 'stash-obfuscate-text|hide-toggle-icon' : 'stash-obfuscate-text|show-toggle-icon'\n        \"\n      />\n    </Button>\n  </span>\n</template>\n"],"names":["isFullTextVisible","ref","props","__props","obfuscatedText","computed","obfuscateText"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BQ,UAAAA,IAAoBC,EAAI,EAAK,GAE7BC,IAAQC,GASRC,IAAiBC,EAAS,MAC1BH,EAAM,cAAcF,EAAkB,QACjCE,EAAM,OAGXA,EAAM,eACDA,EAAM,SAAS,OAAOA,EAAM,aAAa,IAG3CI,EAAcJ,EAAM,MAAM;AAAA,MAC/B,UAAUA,EAAM;AAAA,MAChB,eAAeA,EAAM;AAAA,MACrB,cAAcA,EAAM;AAAA,MACpB,UAAUA,EAAM;AAAA,IAAA,CACjB,CACF;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ObfuscateText.js","sources":["../src/components/ObfuscateText/ObfuscateText.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, ref } from 'vue';\n\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  defineOptions({ name: 'll-obfuscate-text' });\n\n  import obfuscateText, { ObfuscateTextOptions } from '../../utils/obfuscateText';\n\n  export interface ObfuscateTextProps extends ObfuscateTextOptions {\n    /**\n     * The full text\n     */\n    text: string;\n\n    /**\n     * Whether to obfuscate all characters.\n     * @deprecated omit the lengthToKeep prop to achieve the same result\n     */\n    obfuscateAll?: boolean;\n\n    /**\n     * Displays a button for toggling text visibility\n     */\n    showToggle?: boolean;\n  }\n\n  const isFullTextVisible = ref(false);\n\n  const props = withDefaults(defineProps<ObfuscateTextProps>(), {\n    maskChar: '•',\n    maskCharCount: 10,\n    lengthToKeep: 0,\n    position: 'start',\n    obfuscateAll: false,\n    showToggle: false,\n  });\n\n  const obfuscatedText = computed(() => {\n    if (props.showToggle && isFullTextVisible.value) {\n      return props.text;\n    }\n\n    if (props.obfuscateAll) {\n      return props.maskChar.repeat(props.maskCharCount);\n    }\n\n    return obfuscateText(props.text, {\n      maskChar: props.maskChar,\n      maskCharCount: props.maskCharCount,\n      lengthToKeep: props.lengthToKeep,\n      position: props.position,\n    });\n  });\n</script>\n\n<template>\n  <span class=\"stash-obfuscate-text\" data-test=\"stash-obfuscate-text\">\n    {{ obfuscatedText }}\n    <Button\n      v-if=\"props.showToggle\"\n      class=\"tw-ml-1 tw-size-auto tw-p-0\"\n      icon\n      type=\"button\"\n      @click=\"isFullTextVisible = !isFullTextVisible\"\n    >\n      <Icon\n        :name=\"isFullTextVisible ? 'hide' : 'show'\"\n        class=\"tw-cursor-pointer\"\n        :class=\"isFullTextVisible ? 'stash-obfuscate-text__hide-toggle-icon' : 'stash-obfuscate-text__show-toggle-icon'\"\n        :data-test=\"\n          isFullTextVisible ? 'stash-obfuscate-text|hide-toggle-icon' : 'stash-obfuscate-text|show-toggle-icon'\n        \"\n      />\n    </Button>\n  </span>\n</template>\n"],"names":["isFullTextVisible","ref","props","__props","obfuscatedText","computed","obfuscateText","_openBlock","_createElementBlock","_hoisted_1","_createTextVNode","_toDisplayString","_createBlock","Button","_cache","$event","_createVNode","Icon","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;AA4BE,UAAMA,IAAoBC,EAAI,EAAK,GAE7BC,IAAQC,GASRC,IAAiBC,EAAS,MAC1BH,EAAM,cAAcF,EAAkB,QACjCE,EAAM,OAGXA,EAAM,eACDA,EAAM,SAAS,OAAOA,EAAM,aAAa,IAG3CI,EAAcJ,EAAM,MAAM;AAAA,MAC/B,UAAUA,EAAM;AAAA,MAChB,eAAeA,EAAM;AAAA,MACrB,cAAcA,EAAM;AAAA,MACpB,UAAUA,EAAM;AAAA,IAAA,CACjB,CACF;sBAIDK,EAAA,GAAAC,EAkBO,QAlBPC,GAkBO;AAAA,MAjBFC,EAAAC,EAAAP,EAAA,KAAc,IAAG,KACpB,CAAA;AAAA,MACQF,EAAM,mBADdU,EAeSC,GAAA;AAAA;QAbP,OAAM;AAAA,QACN,MAAA;AAAA,QACA,MAAK;AAAA,QACJ,SAAKC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAEf,EAAA,QAAiB,CAAIA,EAAA;AAAA,MAAA;mBAE7B,MAOE;AAAA,UAPFgB,EAOEC,GAAA;AAAA,YANC,MAAMjB,EAAA,QAAiB,SAAA;AAAA,YACxB,OAAKkB,EAAA,CAAC,qBACElB,EAAA,QAAiB,2CAAA,wCAAA,CAAA;AAAA,YACxB,aAAsBA,EAAA,QAAiB,0CAAA;AAAA,UAAA;;;;;;;"}

package/dist/ObfuscateText.vue.d.ts

@@ -1,53 +1,16 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from '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 const _default: DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ObfuscateTextProps>, {
-maskChar: string;
-maskCharCount: number;
-lengthToKeep: number;
-position: string;
-obfuscateAll: boolean;
-showToggle: boolean;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<ObfuscateTextProps>, {
-maskChar: string;
-maskCharCount: number;
-lengthToKeep: number;
-position: string;
-obfuscateAll: boolean;
-showToggle: boolean;
-}>>> & Readonly<{}>, {
+declare const _default: DefineComponent<ObfuscateTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ObfuscateTextProps> & Readonly<{}>, {
 position: "start" | "end";
 maskChar: string;
 maskCharCount: number;
 lengthToKeep: number;
 obfuscateAll: boolean;
 showToggle: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLSpanElement>;
 export default _default;
 
 declare interface ObfuscateTextOptions {
@@ -71,7 +34,7 @@ declare interface ObfuscateTextOptions {
     position?: 'start' | 'end';
 }
 
-export declare interface ObfuscateTextProps extends ObfuscateTextOptions {
+declare interface ObfuscateTextProps extends ObfuscateTextOptions {
     /**
      * The full text
      */

package/dist/PageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","sources":["../src/components/PageContent/PageContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule, useSlots } from 'vue';\n\n  defineOptions({\n    name: 'll-page-content',\n  });\n\n  export interface PageContentProps {\n    /**\n     * The active page navigation tab. If provided, the PageContent will render a tab panel as its root element.\n     */\n    activeTab?: string;\n  }\n\n  const props = withDefaults(defineProps<PageContentProps>(), {\n    activeTab: undefined,\n  });\n\n  const slots = useSlots();\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div\n    :id=\"props.activeTab ? `tabpanel-${props.activeTab}` : undefined\"\n    class=\"stash-page-content\"\n    :class=\"[\n      classes.root,\n      {\n        [classes['stash-page-content--has-sidebar']]: !!slots.sidebar,\n      },\n    ]\"\n    data-test=\"stash-page-content\"\n    :role=\"props.activeTab ? 'tabpanel' : undefined\"\n  >\n    <div :class=\"classes['stash-page-content__main']\">\n      <!-- @slot Default content -->\n      <slot name=\"default\"></slot>\n    </div>\n\n    <aside v-if=\"!!slots.sidebar\" :class=\"classes['stash-page-content__sidebar']\">\n      <!-- @slot Sidebar content -->\n      <slot name=\"sidebar\"></slot>\n    </aside>\n  </div>\n</template>\n\n<style module>\n  .root {\n    max-width: theme('width.container'); /* 1400px */\n    padding-inline: var(--grid-gutter);\n    position: relative;\n    margin-inline: auto;\n    width: 100%;\n  }\n\n  .stash-page-content--has-sidebar {\n    display: flex;\n    flex-direction: column;\n    gap: var(--grid-gutter);\n  }\n\n  .stash-page-content--has-sidebar .stash-page-content__main {\n    flex: 1; /* 12 cols */\n    min-width: 0;\n  }\n\n  .stash-page-content--has-sidebar .stash-page-content__sidebar {\n    flex: 0;\n    min-width: 0;\n  }\n\n  @media screen('lg') {\n    .stash-page-content--has-sidebar {\n      flex-direction: row;\n    }\n\n    .stash-page-content--has-sidebar .stash-page-content__main {\n      flex: 3; /* 9 cols */\n    }\n\n    .stash-page-content--has-sidebar .stash-page-content__sidebar {\n      flex: 1; /* 3 cols */\n    }\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","classes","useCssModule"],"mappings":";;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAS,GACjBC,IAAUC,EAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PageContent.js","sources":["../src/components/PageContent/PageContent.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { useCssModule, useSlots } from 'vue';\n\n  defineOptions({\n    name: 'll-page-content',\n  });\n\n  export interface PageContentProps {\n    /**\n     * The active page navigation tab. If provided, the PageContent will render a tab panel as its root element.\n     */\n    activeTab?: string;\n  }\n\n  const props = withDefaults(defineProps<PageContentProps>(), {\n    activeTab: undefined,\n  });\n\n  const slots = useSlots();\n  const classes = useCssModule();\n</script>\n\n<template>\n  <div\n    :id=\"props.activeTab ? `tabpanel-${props.activeTab}` : undefined\"\n    class=\"stash-page-content\"\n    :class=\"[\n      classes.root,\n      {\n        [classes['stash-page-content--has-sidebar']]: !!slots.sidebar,\n      },\n    ]\"\n    data-test=\"stash-page-content\"\n    :role=\"props.activeTab ? 'tabpanel' : undefined\"\n  >\n    <div :class=\"classes['stash-page-content__main']\">\n      <!-- @slot Default content -->\n      <slot name=\"default\"></slot>\n    </div>\n\n    <aside v-if=\"!!slots.sidebar\" :class=\"classes['stash-page-content__sidebar']\">\n      <!-- @slot Sidebar content -->\n      <slot name=\"sidebar\"></slot>\n    </aside>\n  </div>\n</template>\n\n<style module>\n  .root {\n    max-width: theme('width.container'); /* 1400px */\n    padding-inline: var(--grid-gutter);\n    position: relative;\n    margin-inline: auto;\n    width: 100%;\n  }\n\n  .stash-page-content--has-sidebar {\n    display: flex;\n    flex-direction: column;\n    gap: var(--grid-gutter);\n  }\n\n  .stash-page-content--has-sidebar .stash-page-content__main {\n    flex: 1; /* 12 cols */\n    min-width: 0;\n  }\n\n  .stash-page-content--has-sidebar .stash-page-content__sidebar {\n    flex: 0;\n    min-width: 0;\n  }\n\n  @media screen('lg') {\n    .stash-page-content--has-sidebar {\n      flex-direction: row;\n    }\n\n    .stash-page-content--has-sidebar .stash-page-content__main {\n      flex: 3; /* 9 cols */\n    }\n\n    .stash-page-content--has-sidebar .stash-page-content__sidebar {\n      flex: 1; /* 3 cols */\n    }\n  }\n</style>\n"],"names":["props","__props","slots","useSlots","classes","useCssModule","_createElementBlock","_unref","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;;;;;AAcE,UAAMA,IAAQC,GAIRC,IAAQC,EAAA,GACRC,IAAUC,EAAA;2BAIhBC,EAqBM,OAAA;AAAA,MApBH,IAAIN,EAAM,wBAAwBA,EAAM,SAAS,KAAK;AAAA,MACvD,UAAM,sBAAoB;AAAA,QACVO,EAAAH,CAAA,EAAQ;AAAA;WAAuBG,EAAAH,CAAA,EAAO,iCAAA,CAAA,GAAA,CAAA,CAAwCG,EAAAL,CAAA,EAAM;AAAA,QAAA;AAAA;MAMpG,aAAU;AAAA,MACT,MAAMF,EAAM,yBAAyB;AAAA,IAAA;MAEtCQ,EAGM,OAAA;AAAA,QAHA,SAAOD,EAAAH,CAAA,EAAO,0BAAA,CAAA;AAAA,MAAA;QAElBK,EAA4BC,EAAA,QAAA,SAAA;AAAA,MAAA;MAGfH,EAAAL,CAAA,EAAM,gBAArBI,EAGQ,SAAA;AAAA;QAHuB,SAAOC,EAAAH,CAAA,EAAO,6BAAA,CAAA;AAAA,MAAA;QAE3CK,EAA4BC,EAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;"}

package/dist/PageContent.vue.d.ts

@@ -1,50 +1,23 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from '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<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageContentProps>, {
-activeTab: undefined;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageContentProps>, {
-activeTab: undefined;
-}>>> & Readonly<{}>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<PageContentProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PageContentProps> & Readonly<{}>, {
 activeTab: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
     sidebar?(_: {}): any;
 }>;
 export default _default;
 
-export declare interface PageContentProps {
+declare interface PageContentProps {
     /**
      * The active page navigation tab. If provided, the PageContent will render a tab panel as its root element.
      */

package/dist/PageHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageHeader.js","sources":["../src/components/PageHeader/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  export interface PageHeaderProps {\n    /**\n     * The title of the page.\n     */\n    title?: string;\n    /**\n     * The description of the page.\n     */\n    description?: string;\n  }\n\n  defineOptions({\n    name: 'll-page-header',\n  });\n\n  const props = withDefaults(defineProps<PageHeaderProps>(), {\n    title: undefined,\n    description: undefined,\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const hasActions = computed<boolean>(() => !!(slots['primary-action'] || slots['secondary-action']));\n</script>\n\n<template>\n  <header\n    class=\"stash-page-header\"\n    :class=\"[classes.root, { [classes.grid]: hasActions }]\"\n    data-test=\"stash-page-header\"\n  >\n    <div class=\"tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1\">\n      <div v-if=\"slots.media\" class=\"stash-page-header__media tw-mr-3 tw-self-center\" :class=\"classes.mediaTest\">\n        <!-- @slot Receives a custom media -->\n        <slot name=\"media\"></slot>\n      </div>\n\n      <div>\n        <!-- @slot Receives a custom title -->\n        <slot name=\"title\">\n          <h1 v-if=\"props.title\" class=\"stash-page-header__title tw-my-0\">{{ props.title }}</h1>\n        </slot>\n\n        <!-- @slot Receives a custom description -->\n        <slot name=\"description\">\n          <p v-if=\"props.description\" class=\"stash-page-header__description tw-mb-0 tw-mt-1.5\">\n            {{ props.description }}\n          </p>\n        </slot>\n      </div>\n    </div>\n\n    <div\n      v-if=\"hasActions\"\n      class=\"stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1\"\n      :class=\"classes.actions\"\n    >\n      <!-- @slot Receives a custom secondary action -->\n      <slot name=\"secondary-action\"> </slot>\n      <!-- @slot Receives a custom primary action -->\n      <slot name=\"primary-action\"> </slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  .root {\n    border-bottom: 0;\n    display: grid;\n    gap: var(--grid-gutter);\n    margin: 0 auto;\n    max-width: theme('width.container');\n    padding: theme('spacing.6') var(--grid-gutter) theme('spacing.12');\n    width: 100%;\n  }\n\n  @media screen('lg') {\n    .root.grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  .actions {\n    align-self: flex-end;\n    flex-direction: column-reverse;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .actions {\n      column-gap: var(--grid-gutter);\n      flex-direction: row;\n      row-gap: 0;\n    }\n  }\n\n  @media screen('lg') {\n    .actions {\n      align-items: flex-end;\n      flex-direction: row;\n      justify-content: flex-end;\n    }\n  }\n\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media-test {\n    max-width: 58px;\n    max-height: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","hasActions","computed"],"mappings":";;;;;;;;;;;;;;;;AAkBE,UAAMA,IAAQC,GAKRC,IAAUC,EAAa,GACvBC,IAAQC,EAAS,GAEjBC,IAAaC,EAAkB,MAAM,CAAC,EAAEH,EAAM,gBAAgB,KAAKA,EAAM,kBAAkB,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"PageHeader.js","sources":["../src/components/PageHeader/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { computed, useCssModule, useSlots } from 'vue';\n\n  export interface PageHeaderProps {\n    /**\n     * The title of the page.\n     */\n    title?: string;\n    /**\n     * The description of the page.\n     */\n    description?: string;\n  }\n\n  defineOptions({\n    name: 'll-page-header',\n  });\n\n  const props = withDefaults(defineProps<PageHeaderProps>(), {\n    title: undefined,\n    description: undefined,\n  });\n\n  const classes = useCssModule();\n  const slots = useSlots();\n\n  const hasActions = computed<boolean>(() => !!(slots['primary-action'] || slots['secondary-action']));\n</script>\n\n<template>\n  <header\n    class=\"stash-page-header\"\n    :class=\"[classes.root, { [classes.grid]: hasActions }]\"\n    data-test=\"stash-page-header\"\n  >\n    <div class=\"tw-col-span-full tw-flex tw-items-center lg:tw-col-span-1\">\n      <div v-if=\"slots.media\" class=\"stash-page-header__media tw-mr-3 tw-self-center\" :class=\"classes.mediaTest\">\n        <!-- @slot Receives a custom media -->\n        <slot name=\"media\"></slot>\n      </div>\n\n      <div>\n        <!-- @slot Receives a custom title -->\n        <slot name=\"title\">\n          <h1 v-if=\"props.title\" class=\"stash-page-header__title tw-my-0\">{{ props.title }}</h1>\n        </slot>\n\n        <!-- @slot Receives a custom description -->\n        <slot name=\"description\">\n          <p v-if=\"props.description\" class=\"stash-page-header__description tw-mb-0 tw-mt-1.5\">\n            {{ props.description }}\n          </p>\n        </slot>\n      </div>\n    </div>\n\n    <div\n      v-if=\"hasActions\"\n      class=\"stash-page-header__actions tw-col-span-full tw-flex lg:tw-col-span-1\"\n      :class=\"classes.actions\"\n    >\n      <!-- @slot Receives a custom secondary action -->\n      <slot name=\"secondary-action\"> </slot>\n      <!-- @slot Receives a custom primary action -->\n      <slot name=\"primary-action\"> </slot>\n    </div>\n  </header>\n</template>\n\n<style module>\n  .root {\n    border-bottom: 0;\n    display: grid;\n    gap: var(--grid-gutter);\n    margin: 0 auto;\n    max-width: theme('width.container');\n    padding: theme('spacing.6') var(--grid-gutter) theme('spacing.12');\n    width: 100%;\n  }\n\n  @media screen('lg') {\n    .root.grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  .actions {\n    align-self: flex-end;\n    flex-direction: column-reverse;\n    row-gap: var(--grid-gutter);\n  }\n\n  @media screen('md') {\n    .actions {\n      column-gap: var(--grid-gutter);\n      flex-direction: row;\n      row-gap: 0;\n    }\n  }\n\n  @media screen('lg') {\n    .actions {\n      align-items: flex-end;\n      flex-direction: row;\n      justify-content: flex-end;\n    }\n  }\n\n  /* max size for media/marketing illustration icons we would be passing to the slot */\n  .media-test {\n    max-width: 58px;\n    max-height: 58px;\n  }\n</style>\n"],"names":["props","__props","classes","useCssModule","slots","useSlots","hasActions","computed","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_openBlock","_hoisted_2","_toDisplayString","_hoisted_3"],"mappings":";;;;;;;;;;;;;;;;AAkBE,UAAMA,IAAQC,GAKRC,IAAUC,EAAA,GACVC,IAAQC,EAAA,GAERC,IAAaC,EAAkB,MAAM,CAAC,EAAEH,EAAM,gBAAgB,KAAKA,EAAM,kBAAkB,EAAE;2BAInGI,EAoCS,UAAA;AAAA,MAnCP,OAAKC,EAAA,CAAC,qBAAmB,CAChBC,EAAAR,CAAA,EAAQ,MAAI,EAAA,CAAKQ,EAAAR,CAAA,EAAQ,IAAI,GAAGI,EAAA,MAAA,CAAU,CAAA,CAAA;AAAA,MACnD,aAAU;AAAA,IAAA;MAEVK,EAmBM,OAnBNC,GAmBM;AAAA,QAlBOF,EAAAN,CAAA,EAAM,cAAjBI,EAGM,OAAA;AAAA;UAHkB,OAAKC,EAAA,CAAC,mDAA0DC,EAAAR,CAAA,EAAQ,SAAS,CAAA;AAAA,QAAA;UAEvGW,EAA0BC,EAAA,QAAA,OAAA;AAAA,QAAA;QAG5BH,EAYM,OAAA,MAAA;AAAA,UAVJE,EAEOC,uBAFP,MAEO;AAAA,YADKd,EAAM,SAAhBe,EAAA,GAAAP,EAAsF,MAAtFQ,GAAsFC,EAAnBjB,EAAM,KAAK,GAAA,CAAA;;UAIhFa,EAIOC,6BAJP,MAIO;AAAA,YAHId,EAAM,eAAfe,EAAA,GAAAP,EAEI,KAFJU,GAEID,EADCjB,EAAM,WAAW,GAAA,CAAA;;;;MAOpBM,EAAA,cADRE,EASM,OAAA;AAAA;QAPJ,OAAKC,EAAA,CAAC,wEACEC,EAAAR,CAAA,EAAQ,OAAO,CAAA;AAAA,MAAA;QAGvBW,EAAsCC,EAAA,QAAA,kBAAA;AAAA,QAEtCD,EAAoCC,EAAA,QAAA,gBAAA;AAAA,MAAA;;;;;;;;;;;"}

package/dist/PageHeader.vue.d.ts

@@ -1,56 +1,27 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
-import { ExtractPropTypes } from 'vue';
-import { PropType } from 'vue';
 import { PublicProps } from '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<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageHeaderProps>, {
-title: undefined;
-description: undefined;
-}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PageHeaderProps>, {
-title: undefined;
-description: undefined;
-}>>> & Readonly<{}>, {
-title: string;
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<PageHeaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<PageHeaderProps> & Readonly<{}>, {
 description: string;
-}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+title: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLElement>, {
     media?(_: {}): any;
     title?(_: {}): any;
     description?(_: {}): any;
-    "secondary-action"?(_: {}): any;
-    "primary-action"?(_: {}): any;
+    'secondary-action'?(_: {}): any;
+    'primary-action'?(_: {}): any;
 }>;
 export default _default;
 
-export declare interface PageHeaderProps {
+declare interface PageHeaderProps {
     /**
      * The title of the page.
      */

package/dist/PageNavigation.js

@@ -1,13 +1,13 @@
-import { defineComponent as g, ref as x, watch as I, onMounted as _, createElementBlock as i, openBlock as u, createVNode as T, withCtx as p, Fragment as V, renderList as k, createBlock as N, unref as B, createTextVNode as C, toDisplayString as U } from "vue";
-import y from "@leaflink/snitch";
-import s from "lodash-es/kebabCase";
-import { useRoute as P, useRouter as D } from "vue-router";
-import E from "./Tab.js";
-import F from "./Tabs.js";
-const L = {
+import { defineComponent as b, ref as g, watch as x, onMounted as I, createElementBlock as f, openBlock as s, createVNode as _, withCtx as p, Fragment as T, renderList as V, createBlock as k, unref as N, createTextVNode as B, toDisplayString as C } from "vue";
+import R from "@leaflink/snitch";
+import d from "lodash-es/kebabCase";
+import { useRoute as U, useRouter as y } from "vue-router";
+import M from "./Tab.js";
+import P from "./Tabs.js";
+const D = {
   class: "stash-page-navigation container",
   "data-test": "stash-page-navigation"
-}, z = /* @__PURE__ */ g({
+}, q = /* @__PURE__ */ b({
   name: "ll-page-navigation",
   __name: "PageNavigation",
   props: {
@@ -16,59 +16,59 @@ const L = {
     items: {}
   },
   emits: ["update:modelValue", "change"],
-  setup(v, { emit: h }) {
-    const n = v, c = h;
-    n.activeIndex && y.info("The `activeIndex` prop is deprecated. Use `v-model` instead.");
-    const r = P(), f = D(), d = x("");
-    function o(t) {
-      t !== d.value && (d.value = t, c("update:modelValue", t));
+  setup(v, { emit: m }) {
+    const a = v, u = m;
+    a.activeIndex && R.info("The `activeIndex` prop is deprecated. Use `v-model` instead.");
+    const o = U(), c = y(), l = g("");
+    function r(t) {
+      t !== l.value && (l.value = t, u("update:modelValue", t));
     }
-    return I(
-      () => n.modelValue,
-      (t, e) => {
-        if (e === t) return;
-        const a = n.items.findIndex((l) => s(l.label) === t);
-        c("change", a), o(t);
+    return x(
+      () => a.modelValue,
+      (t, n) => {
+        if (n === t) return;
+        const e = a.items.findIndex((i) => d(i.label) === t);
+        u("change", e), r(t);
       }
-    ), _(() => {
-      if (!n.items.length) return;
-      if (n.activeIndex !== void 0) {
-        const e = n.items[n.activeIndex];
-        o(s(e.label));
+    ), I(() => {
+      if (!a.items.length) return;
+      if (a.activeIndex !== void 0) {
+        const n = a.items[a.activeIndex];
+        r(d(n.label));
         return;
       }
-      if (n.modelValue !== d.value) {
-        o(n.modelValue);
+      if (a.modelValue !== l.value) {
+        r(a.modelValue);
         return;
       }
-      if (!f) return;
-      const t = n.items.find((e) => {
-        if (e != null && e.disabled || !(e != null && e.to) && !(e != null && e.href)) return;
-        const { path: a } = f.resolve((e == null ? void 0 : e.to) || (e == null ? void 0 : e.href));
-        if (a === r.path)
+      if (!c) return;
+      const t = a.items.find((n) => {
+        if (n?.disabled || !n?.to && !n?.href) return;
+        const { path: e } = c.resolve(n?.to || n?.href);
+        if (e === o.path)
           return !0;
-        if (!r.path.includes(a)) return;
-        const l = (r.path.length - r.path.lastIndexOf("/")) * -1, b = r.path.slice(0, l);
-        return a === b;
+        if (!o.path.includes(e)) return;
+        const i = (o.path.length - o.path.lastIndexOf("/")) * -1, h = o.path.slice(0, i);
+        return e === h;
       });
-      t && o((t == null ? void 0 : t.value) || s(t.label));
-    }), (t, e) => (u(), i("nav", L, [
-      T(F, {
-        "active-tab": d.value,
-        "onUpdate:activeTab": o
+      t && r(t?.value || d(t.label));
+    }), (t, n) => (s(), f("nav", D, [
+      _(P, {
+        "active-tab": l.value,
+        "onUpdate:activeTab": r
       }, {
         default: p(() => [
-          (u(!0), i(V, null, k(n.items, (a, l) => (u(), N(E, {
-            key: a.label,
-            value: (a == null ? void 0 : a.value) || B(s)(a.label),
-            to: a.to,
-            href: a.href,
-            badge: a.badge,
-            disabled: a.disabled,
-            "data-id": l
+          (s(!0), f(T, null, V(a.items, (e, i) => (s(), k(M, {
+            key: e.label,
+            value: e?.value || N(d)(e.label),
+            to: e.to,
+            href: e.href,
+            badge: e.badge,
+            disabled: e.disabled,
+            "data-id": i
           }, {
             default: p(() => [
-              C(U(a.label), 1)
+              B(C(e.label), 1)
             ]),
             _: 2
           }, 1032, ["value", "to", "href", "badge", "disabled", "data-id"]))), 128))
@@ -79,6 +79,6 @@ const L = {
   }
 });
 export {
-  z as default
+  q as default
 };
 //# sourceMappingURL=PageNavigation.js.map