@leaflink/stash 51.11.0 → 51.12.0

package/dist/DatePicker.vue.d.ts

@@ -3,9 +3,32 @@ import { ComponentProvideOptions } from 'vue';
 import { DateRangeSource } from 'v-calendar/dist/types/src/utils/date/range.d.ts';
 import { DateRangeSource as DateRangeSource_2 } from 'v-calendar/dist/types/src/utils/date/range.js';
 import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
 import { PopoverOptions } from 'v-calendar/dist/types/src/utils/popovers.d.ts';
+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;
@@ -127,26 +150,70 @@ declare interface DatePickerProps {
     addBottomSpace?: boolean;
 }
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<DatePickerProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-blur: () => any;
-"update:model-value": (date: string | number | Date) => any;
-}, string, PublicProps, Readonly<DatePickerProps> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DatePickerProps>, {
+availableDates: undefined;
+addBottomSpace: boolean;
+disabled: boolean;
+disabledDates: undefined;
+errorText: string;
+format: string;
+hideClearButton: boolean;
+hintText: string;
+id: string;
+isInputReadonly: boolean;
+label: string;
+maxDate: undefined;
+maxPage: undefined;
+minDate: undefined;
+minPage: undefined;
+mode: string;
+modelValue: string;
+name: string;
+placeholder: undefined;
+enableTeleport: boolean;
+timeZone: string;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:model-value": (date: string | number | Date) => void;
+blur: () => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DatePickerProps>, {
+availableDates: undefined;
+addBottomSpace: boolean;
+disabled: boolean;
+disabledDates: undefined;
+errorText: string;
+format: string;
+hideClearButton: boolean;
+hintText: string;
+id: string;
+isInputReadonly: boolean;
+label: string;
+maxDate: undefined;
+maxPage: undefined;
+minDate: undefined;
+minPage: undefined;
+mode: string;
+modelValue: string;
+name: string;
+placeholder: undefined;
+enableTeleport: boolean;
+timeZone: string;
+}>>> & Readonly<{
 onBlur?: (() => any) | undefined;
 "onUpdate:model-value"?: ((date: string | number | Date) => any) | undefined;
 }>, {
-id: string;
 name: string;
-label: string;
-placeholder: string;
 disabled: boolean;
 mode: "time" | "date" | "dateTime";
-timeZone: string;
-format: string;
+label: string;
+id: string;
 addBottomSpace: boolean;
 errorText: string;
 hintText: string;
+placeholder: string;
 modelValue: string;
 enableTeleport: boolean;
+format: string;
+timeZone: string;
 availableDates: DateRangeSource_2[];
 disabledDates: DateRangeSource_2[];
 hideClearButton: boolean;
@@ -154,34 +221,16 @@ isInputReadonly: boolean;
 maxDate: Date;
 minDate: Date;
 maxPage: {
-/**
-* As of v3.0.0-alpha.7, all installation methods require manual import of component styles.
-* This is due to Vite build restrictions in libary mode.
-* @see: https://vcalendar.io/getting-started/installation.html#use-plugin
-*/
 month: number;
-/**
-* As of v3.0.0-alpha.7, all installation methods require manual import of component styles.
-* This is due to Vite build restrictions in libary mode.
-* @see: https://vcalendar.io/getting-started/installation.html#use-plugin
-*/
 year: number;
 };
 minPage: {
-/**
-* As of v3.0.0-alpha.7, all installation methods require manual import of component styles.
-* This is due to Vite build restrictions in libary mode.
-* @see: https://vcalendar.io/getting-started/installation.html#use-plugin
-*/
 month: number;
-/**
-* As of v3.0.0-alpha.7, all installation methods require manual import of component styles.
-* This is due to Vite build restrictions in libary mode.
-* @see: https://vcalendar.io/getting-started/installation.html#use-plugin
-*/
 year: number;
 };
-}, {}, {}, {}, string, ComponentProvideOptions, false, any, any>, any>;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    hint?(_: {}): any;
+}>;
 export default _default;
 
 export { }

package/dist/DescriptionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.js","sources":["../src/components/DescriptionList/DescriptionList.types.ts","../src/components/DescriptionList/DescriptionList.vue"],"sourcesContent":["export enum DescriptionListVariant {\n  Columns = 'columns',\n  Inline = 'inline',\n  Stacked = 'stacked',\n  SpaceBetween = 'space-between',\n}\n\nexport type DescriptionListVariants = `${DescriptionListVariant}`;\n\n/**\n * Description List provide/inject keys\n */\nexport interface DescriptionListInjection {\n  /**\n   * Divide the list groups with a border.\n   */\n  divide?: boolean;\n  /**\n   * Different variants of description lists.\n   */\n  variant?: DescriptionListVariants;\n}\n","<script lang=\"ts\">\n  import type { DescriptionListVariants } from './DescriptionList.types';\n\n  export * from './DescriptionList.keys';\n  export * from './DescriptionList.types';\n\n  export interface DescriptionListProps {\n    /**\n     * Divide the list groups with a border.\n     */\n    divide?: boolean;\n    /**\n     * Different variants of description lists.\n     */\n    variant?: DescriptionListVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import { provide } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from './DescriptionList.keys';\n\n  const props = withDefaults(defineProps<DescriptionListProps>(), {\n    variant: 'columns',\n    divide: false,\n  });\n\n  provide(DESCRIPTION_LIST_INJECTION.key, { divide: props.divide, variant: props.variant });\n</script>\n\n<template>\n  <dl\n    :data-variant=\"props.variant\"\n    class=\"stash-description-list tw-text-sm\"\n    :class=\"{\n      'tw-divide-y tw-divide-ice-200': props.divide,\n    }\"\n    data-test=\"stash-description-list\"\n  >\n    <!-- @slot Default slot, for rendering a description list -->\n    <slot></slot>\n  </dl>\n</template>\n./keys\n"],"names":["DescriptionListVariant","props","__props","provide","DESCRIPTION_LIST_INJECTION","_createElementBlock","_renderSlot","_ctx"],"mappings":";;AAAO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,eAAe,iBAJLA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;ACuBV,UAAMC,IAAQC;AAKd,WAAAC,EAAQC,EAA2B,KAAK,EAAE,QAAQH,EAAM,QAAQ,SAASA,EAAM,SAAS,mBAIxFI,EAUK,MAAA;AAAA,MATF,gBAAcJ,EAAM;AAAA,MACrB,UAAM,qCAAmC;AAAA,QACQ,iCAAAA,EAAM;AAAA,MAAA;MAGvD,aAAU;AAAA,IAAA;MAGVK,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"DescriptionList.js","sources":["../src/components/DescriptionList/DescriptionList.types.ts","../src/components/DescriptionList/DescriptionList.vue"],"sourcesContent":["export enum DescriptionListVariant {\n  Columns = 'columns',\n  Inline = 'inline',\n  Stacked = 'stacked',\n  SpaceBetween = 'space-between',\n}\n\nexport type DescriptionListVariants = `${DescriptionListVariant}`;\n\n/**\n * Description List provide/inject keys\n */\nexport interface DescriptionListInjection {\n  /**\n   * Divide the list groups with a border.\n   */\n  divide?: boolean;\n  /**\n   * Different variants of description lists.\n   */\n  variant?: DescriptionListVariants;\n}\n","<script lang=\"ts\">\n  import type { DescriptionListVariants } from './DescriptionList.types';\n\n  export * from './DescriptionList.keys';\n  export * from './DescriptionList.types';\n\n  export interface DescriptionListProps {\n    /**\n     * Divide the list groups with a border.\n     */\n    divide?: boolean;\n    /**\n     * Different variants of description lists.\n     */\n    variant?: DescriptionListVariants;\n  }\n</script>\n\n<script setup lang=\"ts\">\n  import { provide } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from './DescriptionList.keys';\n\n  const props = withDefaults(defineProps<DescriptionListProps>(), {\n    variant: 'columns',\n    divide: false,\n  });\n\n  provide(DESCRIPTION_LIST_INJECTION.key, { divide: props.divide, variant: props.variant });\n</script>\n\n<template>\n  <dl\n    :data-variant=\"props.variant\"\n    class=\"stash-description-list tw-text-sm\"\n    :class=\"{\n      'tw-divide-y tw-divide-ice-200': props.divide,\n    }\"\n    data-test=\"stash-description-list\"\n  >\n    <!-- @slot Default slot, for rendering a description list -->\n    <slot></slot>\n  </dl>\n</template>\n./keys\n"],"names":["DescriptionListVariant","props","__props","provide","DESCRIPTION_LIST_INJECTION"],"mappings":";;AAAO,IAAKA,sBAAAA,OACVA,EAAA,UAAU,WACVA,EAAA,SAAS,UACTA,EAAA,UAAU,WACVA,EAAA,eAAe,iBAJLA,IAAAA,KAAA,CAAA,CAAA;;;;;;;;ACuBV,UAAMC,IAAQC;AAKd,WAAAC,EAAQC,EAA2B,KAAK,EAAE,QAAQH,EAAM,QAAQ,SAASA,EAAM,SAAS;;;;;;;;;;;"}

package/dist/DescriptionList.vue.d.ts

@@ -1,19 +1,48 @@
 import { ComponentOptionsMixin } from 'vue';
 import { ComponentProvideOptions } 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;
     };
 };
 
-declare const _default: __VLS_WithTemplateSlots<DefineComponent<DescriptionListProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<DescriptionListProps> & Readonly<{}>, {
-variant: "columns" | "inline" | "stacked" | "space-between";
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DescriptionListProps>, {
+variant: string;
+divide: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DescriptionListProps>, {
+variant: string;
+divide: boolean;
+}>>> & Readonly<{}>, {
+variant: "inline" | "stacked" | "columns" | "space-between";
 divide: boolean;
-}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDListElement>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/DescriptionListDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListDetail.js","sources":["../src/components/DescriptionListDetail/DescriptionListDetail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dd\n    class=\"stash-description-list-detail tw-flex-1 tw-text-ice-900\"\n    :class=\"{\n      'md:tw-text-right': variant === 'space-between',\n    }\"\n    data-test=\"stash-description-list-detail\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </dd>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant","_createElementBlock","_unref","_renderSlot","_ctx"],"mappings":";;;;;AAKE,UAAMA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wEAAwE;AAE1F,UAAM,EAAE,SAAAG,MAAYH;2BAIpBI,EAUK,MAAA;AAAA,MATH,UAAM,2DAAyD;AAAA,4BAC3BC,EAAAF,CAAA,MAAO;AAAA,MAAA;MAG3C,aAAU;AAAA,MACT,gBAAcE,EAAAF,CAAA;AAAA,IAAA;MAGfG,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"DescriptionListDetail.js","sources":["../src/components/DescriptionListDetail/DescriptionListDetail.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dd\n    class=\"stash-description-list-detail tw-flex-1 tw-text-ice-900\"\n    :class=\"{\n      'md:tw-text-right': variant === 'space-between',\n    }\"\n    data-test=\"stash-description-list-detail\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </dd>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;AAKE,UAAMA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wEAAwE;AAE1F,UAAM,EAAE,SAAAG,MAAYH;;;;;;;;;;;;"}

package/dist/DescriptionListDetail.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, {}, HTMLElement>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/DescriptionListGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListGroup.js","sources":["../src/components/DescriptionListGroup/DescriptionListGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { divide, variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <div\n    class=\"stash-description-list-group\"\n    :class=\"{\n      'md:tw-flex md:tw-items-start md:tw-gap-x-6': variant === 'columns' || variant === 'space-between',\n      'tw-justify-between': variant === 'space-between',\n      'md:tw-flex md:tw-items-start': variant === 'inline',\n      'tw-py-1.5 first:tw-pt-0 last:tw-pb-0': !divide,\n      'tw-py-3 first:tw-pt-0 last:tw-pb-0': divide,\n    }\"\n    data-test=\"stash-description-list-group\"\n    :data-divide=\"divide\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </div>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","divide","variant","_createElementBlock","_unref","_renderSlot","_ctx"],"mappings":";;;;;AAKE,UAAMA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wEAAwE;AAE1F,UAAM,EAAE,QAAAG,GAAQ,SAAAC,EAAA,IAAYJ;2BAI5BK,EAeM,OAAA;AAAA,MAdJ,UAAM,gCAA8B;AAAA,QAC0B,8CAAAC,EAAAF,CAAA,mBAAyBE,EAAAF,CAAA,MAAO;AAAA,8BAAkDE,EAAAF,CAAA,MAAO;AAAA,wCAA4DE,EAAAF,CAAA,MAAO;AAAA,iDAA8DE,EAAAH,CAAA;AAAA,8CAAoDG,EAAAH,CAAA;AAAA,MAAA;MAO5U,aAAU;AAAA,MACT,eAAaG,EAAAH,CAAA;AAAA,MACb,gBAAcG,EAAAF,CAAA;AAAA,IAAA;MAGfG,EAAaC,EAAA,QAAA,SAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"DescriptionListGroup.js","sources":["../src/components/DescriptionListGroup/DescriptionListGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { divide, variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <div\n    class=\"stash-description-list-group\"\n    :class=\"{\n      'md:tw-flex md:tw-items-start md:tw-gap-x-6': variant === 'columns' || variant === 'space-between',\n      'tw-justify-between': variant === 'space-between',\n      'md:tw-flex md:tw-items-start': variant === 'inline',\n      'tw-py-1.5 first:tw-pt-0 last:tw-pb-0': !divide,\n      'tw-py-3 first:tw-pt-0 last:tw-pb-0': divide,\n    }\"\n    data-test=\"stash-description-list-group\"\n    :data-divide=\"divide\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Default slot, for rendering a description detail -->\n    <slot></slot>\n  </div>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","divide","variant"],"mappings":";;;;;AAKE,UAAMA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wEAAwE;AAE1F,UAAM,EAAE,QAAAG,GAAQ,SAAAC,EAAA,IAAYJ;;;;;;;;;;;;;;;;;"}

package/dist/DescriptionListGroup.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, {}, HTMLDivElement>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/DescriptionListTerm.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionListTerm.js","sources":["../src/components/DescriptionListTerm/DescriptionListTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dt\n    class=\"stash-description-list-term tw-flex tw-items-center tw-gap-x-1 tw-font-bold tw-text-ice-900\"\n    :class=\"{\n      'md:tw-max-w-40 md:tw-basis-2/5': variant === 'columns',\n      'tw-mr-1.5': variant === 'inline',\n      'tw-pb-1.5': variant === 'stacked',\n      'tw-pb-1.5 md:tw-pb-0': variant !== 'stacked',\n    }\"\n    data-test=\"stash-description-list-term\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Prepend slot, for rendering a prepended element -->\n    <slot name=\"prepend\"></slot>\n    <!-- @slot Default slot, for rendering a term -->\n    <slot></slot>\n    <!-- @slot Append slot, for rendering an appended element -->\n    <slot name=\"append\"></slot>\n  </dt>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant","_createElementBlock","_unref","_renderSlot","_ctx"],"mappings":";;;;;AAKE,UAAMA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wEAAwE;AAE1F,UAAM,EAAE,SAAAG,MAAYH;2BAIpBI,EAiBK,MAAA;AAAA,MAhBH,UAAM,+FAA6F;AAAA,0CACjDC,EAAAF,CAAA,MAAO;AAAA,qBAAmCE,EAAAF,CAAA,MAAO;AAAA,qBAAkCE,EAAAF,CAAA,MAAO;AAAA,gCAA8CE,EAAAF,CAAA,MAAO;AAAA,MAAA;MAMjM,aAAU;AAAA,MACT,gBAAcE,EAAAF,CAAA;AAAA,IAAA;MAGfG,EAA4BC,EAAA,QAAA,SAAA;AAAA,MAE5BD,EAAaC,EAAA,QAAA,SAAA;AAAA,MAEbD,EAA2BC,EAAA,QAAA,QAAA;AAAA,IAAA;;;"}
+{"version":3,"file":"DescriptionListTerm.js","sources":["../src/components/DescriptionListTerm/DescriptionListTerm.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import { inject } from 'vue';\n\n  import { DESCRIPTION_LIST_INJECTION } from '../DescriptionList/DescriptionList.keys';\n\n  const descriptionListInjectedValues = inject(DESCRIPTION_LIST_INJECTION.key);\n  if (!descriptionListInjectedValues) {\n    throw new Error('DescriptionListDetail must be used within a DescriptionList component.');\n  }\n  const { variant } = descriptionListInjectedValues;\n</script>\n\n<template>\n  <dt\n    class=\"stash-description-list-term tw-flex tw-items-center tw-gap-x-1 tw-font-bold tw-text-ice-900\"\n    :class=\"{\n      'md:tw-max-w-40 md:tw-basis-2/5': variant === 'columns',\n      'tw-mr-1.5': variant === 'inline',\n      'tw-pb-1.5': variant === 'stacked',\n      'tw-pb-1.5 md:tw-pb-0': variant !== 'stacked',\n    }\"\n    data-test=\"stash-description-list-term\"\n    :data-variant=\"variant\"\n  >\n    <!-- @slot Prepend slot, for rendering a prepended element -->\n    <slot name=\"prepend\"></slot>\n    <!-- @slot Default slot, for rendering a term -->\n    <slot></slot>\n    <!-- @slot Append slot, for rendering an appended element -->\n    <slot name=\"append\"></slot>\n  </dt>\n</template>\n"],"names":["descriptionListInjectedValues","inject","DESCRIPTION_LIST_INJECTION","variant"],"mappings":";;;;;AAKE,UAAMA,IAAgCC,EAAOC,EAA2B,GAAG;AAC3E,QAAI,CAACF;AACH,YAAM,IAAI,MAAM,wEAAwE;AAE1F,UAAM,EAAE,SAAAG,MAAYH;;;;;;;;;;;;;;;;;"}

package/dist/DescriptionListTerm.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, {}, HTMLElement>, {
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     prepend?(_: {}): any;
     default?(_: {}): any;
     append?(_: {}): any;

package/dist/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../src/components/Dialog/Dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, ref, useAttrs, useCssModule, useSlots, watchEffect } from 'vue';\n\n  import {\n    StatusColor,\n    StatusColors,\n    StatusIcon,\n    StatusIcons,\n    StatusSeverities,\n    StatusSeverity,\n  } from '../../../types/statusLevels';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface DialogProps {\n    /**\n     * Shows or hides the dialog.\n     * Usage: v-model:open=\"isOpen\"\n     */\n    open?: boolean;\n\n    /**\n     * Whether the confirmation button is enabled or not.\n     */\n    disabled?: boolean;\n\n    /**\n     * Is this a dangerous action? Will turn the confirmation button red.\n     */\n    dangerZone?: boolean;\n\n    /**\n     * Header text.\n     */\n    header?: string;\n\n    /**\n     * Description text.\n     */\n    description?: string;\n\n    /**\n     * Cancel button text.\n     */\n    cancelText?: string;\n\n    /**\n     * Confirm button text.\n     */\n    confirmText?: string;\n\n    /**\n     * Callback function when the confirm button is clicked.\n     */\n    onConfirm?: (event: Event) => Promise<void> | void;\n\n    /**\n     * Treats it like an Alert Dialog, with only the confirmation button showing.\n     *\n     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/alert}\n     */\n    alert?: boolean;\n\n    /**\n     * Adds a top accent border and icon next to the header.\n     * This behaves similarly to the Alert component in respect to the levels, icons, and colors\n     * passing `error` will treat the dialog the same as `dangerZone`\n     */\n    status?: StatusSeverity;\n  }\n\n  const props = withDefaults(defineProps<DialogProps>(), {\n    open: false,\n    disabled: false,\n    dangerZone: false,\n    header: t('ll.areYouSure'),\n    description: '',\n    cancelText: t('ll.cancel'),\n    confirmText: '',\n    onConfirm: () => undefined,\n    alert: false,\n    status: undefined,\n  });\n\n  defineOptions({\n    name: 'll-dialog',\n    inheritAttrs: false,\n  });\n\n  const emits = defineEmits<{\n    (e: 'update:open', value: boolean): void;\n    (e: 'cancel'): void;\n  }>();\n\n  const slots = useSlots();\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const headerId = uniqueId('dialog-header-');\n\n  const isConfirming = ref(false);\n  const root = ref();\n\n  // Set the default confirm button text to \"Confirm\".\n  // If the `alert` prop is true, the default text is \"Okay\".\n  // If the `confirmText` prop is provided, `confirmText` is used whether the alert prop is true.\n  const modifiedConfirmText = computed(() => props.confirmText || (props.alert ? t('ll.okay') : t('ll.confirm')));\n\n  const hasDescription = computed(() => !!slots.default || props.description);\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n  const statusTitle = computed<StatusSeverity>(() =>\n    props.status ? StatusSeverities[capitalize(props.status)] : StatusSeverities.Info,\n  );\n  const statusColor = computed<StatusColor>(() =>\n    props.status ? StatusColors[capitalize(props.status)] : StatusColors.Info,\n  );\n\n  const computedDangerZone = computed(() => props.dangerZone || props.status === StatusSeverities.Error);\n\n  function cancel() {\n    emits('update:open', false);\n    emits('cancel');\n  }\n\n  async function handleConfirm(event: Event) {\n    if (isConfirming.value) {\n      return;\n    }\n\n    isConfirming.value = true;\n\n    try {\n      await props.onConfirm(event);\n    } finally {\n      isConfirming.value = false;\n    }\n  }\n\n  watchEffect(() => {\n    if (props.open && root.value) {\n      // Move focus to confirm button\n      nextTick(function () {\n        root.value.focus();\n      });\n    }\n  });\n</script>\n\n<template>\n  <transition name=\"fade\">\n    <dialog\n      v-if=\"props.open\"\n      ref=\"root\"\n      :open=\"props.open\"\n      tabindex=\"0\"\n      :aria-labelledby=\"headerId\"\n      aria-modal=\"true\"\n      class=\"stash-dialog\"\n      :class=\"classes.dialog\"\n      :data-test=\"attrs['data-test'] || 'll-dialog'\"\n      v-bind=\"attrs\"\n      @keydown.esc=\"cancel\"\n    >\n      <div\n        class=\"stash-dialog__body\"\n        :class=\"[\n          classes.body,\n          `tw-border-${statusColor}`,\n          {\n            'tw-border-t-6': props.status,\n          },\n        ]\"\n        data-test=\"stash-dialog|body\"\n      >\n        <div class=\"stash-dialog__body__content\" :class=\"classes.content\" data-test=\"stash-dialog|body-content\">\n          <div class=\"tw-flex tw-items-start\" :class=\"hasDescription && 'tw-mb-1.5'\">\n            <Icon\n              v-if=\"props.status\"\n              data-test=\"dialog-status-icon\"\n              :name=\"statusIcon\"\n              :title=\"statusTitle\"\n              :class=\"`tw-text-${statusColor}`\"\n            />\n            <h3 :id=\"headerId\" :class=\"{ 'tw-ml-1.5 tw-mt-px': props.status }\">{{ props.header }}</h3>\n          </div>\n\n          <p v-if=\"hasDescription\" class=\"tw-mb-0\">\n            <slot v-if=\"slots.default\"></slot>\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-else v-html=\"props.description\"></span>\n          </p>\n        </div>\n\n        <footer class=\"stash-dialog__footer\" :class=\"classes.footer\" data-test=\"stash-dialog|footer\">\n          <div class=\"tw-text-right\">\n            <div :class=\"{ 'button-grid': !props.alert }\">\n              <Button v-if=\"!props.alert\" data-test=\"button|cancel\" secondary @click=\"cancel\">\n                {{ props.cancelText }}\n              </Button>\n\n              <Button\n                data-test=\"button|confirm\"\n                :disabled=\"props.disabled\"\n                :is-loading=\"isConfirming\"\n                :color=\"computedDangerZone ? 'red' : 'blue'\"\n                :class=\"{\n                  'tw-w-full': props.alert,\n                }\"\n                @click=\"handleConfirm\"\n              >\n                {{ modifiedConfirmText }}\n              </Button>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </dialog>\n  </transition>\n</template>\n\n<style module>\n  .dialog {\n    background: rgb(0 0 0 / 30%);\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    place-content: center;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: theme('zIndex.dialog');\n    width: 100%;\n    height: 100vh;\n  }\n\n  .body {\n    @apply tw-shadow-3xl;\n\n    background: var(--color-white);\n    color: var(--color-ice-700);\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    max-height: 100vh;\n    max-width: 360px;\n    transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');\n    width: 100%;\n\n    &.grey {\n      background: var(--color-ice-200);\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n\n    @media screen('md') {\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  .content {\n    flex-grow: 1;\n    padding: theme('spacing.6') var(--grid-gutter);\n  }\n\n  .footer {\n    background: var(--color-ice-200);\n    border-top: theme('borderWidth.DEFAULT') solid var(--color-ice-500);\n    display: initial; /* TEMP. Will need to fix marketplace `footer` style */\n    padding: theme('spacing.6') var(--grid-gutter);\n\n    @media screen('md') {\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  :global(.fade-enter-from),\n  :global(.fade-leave-active) {\n    .body {\n      transform: translate3d(0, theme('spacing.3'), 0);\n    }\n  }\n</style>\n"],"names":["props","__props","emits","__emit","slots","useSlots","attrs","useAttrs","classes","useCssModule","headerId","uniqueId","isConfirming","ref","root","modifiedConfirmText","computed","t","hasDescription","statusIcon","StatusIcons","capitalize","statusTitle","StatusSeverities","statusColor","StatusColors","computedDangerZone","cancel","handleConfirm","event","watchEffect","nextTick","_createBlock","_Transition","_openBlock","_createElementBlock","_mergeProps","_unref","_createElementVNode","_normalizeClass","Icon","_toDisplayString","_hoisted_2","_hoisted_3","_renderSlot","_ctx","_hoisted_5","Button","_createTextVNode","_createVNode"],"mappings":"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"}
+{"version":3,"file":"Dialog.js","sources":["../src/components/Dialog/Dialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n  import capitalize from 'lodash-es/capitalize';\n  import uniqueId from 'lodash-es/uniqueId';\n  import { computed, nextTick, ref, useAttrs, useCssModule, useSlots, watchEffect } from 'vue';\n\n  import {\n    StatusColor,\n    StatusColors,\n    StatusIcon,\n    StatusIcons,\n    StatusSeverities,\n    StatusSeverity,\n  } from '../../../types/statusLevels';\n  import { t } from '../../locale';\n  import Button from '../Button/Button.vue';\n  import Icon from '../Icon/Icon.vue';\n\n  export interface DialogProps {\n    /**\n     * Shows or hides the dialog.\n     * Usage: v-model:open=\"isOpen\"\n     */\n    open?: boolean;\n\n    /**\n     * Whether the confirmation button is enabled or not.\n     */\n    disabled?: boolean;\n\n    /**\n     * Is this a dangerous action? Will turn the confirmation button red.\n     */\n    dangerZone?: boolean;\n\n    /**\n     * Header text.\n     */\n    header?: string;\n\n    /**\n     * Description text.\n     */\n    description?: string;\n\n    /**\n     * Cancel button text.\n     */\n    cancelText?: string;\n\n    /**\n     * Confirm button text.\n     */\n    confirmText?: string;\n\n    /**\n     * Callback function when the confirm button is clicked.\n     */\n    onConfirm?: (event: Event) => Promise<void> | void;\n\n    /**\n     * Treats it like an Alert Dialog, with only the confirmation button showing.\n     *\n     * @see {@link https://developer.mozilla.org/en-US/docs/Web/API/Window/alert}\n     */\n    alert?: boolean;\n\n    /**\n     * Adds a top accent border and icon next to the header.\n     * This behaves similarly to the Alert component in respect to the levels, icons, and colors\n     * passing `error` will treat the dialog the same as `dangerZone`\n     */\n    status?: StatusSeverity;\n  }\n\n  const props = withDefaults(defineProps<DialogProps>(), {\n    open: false,\n    disabled: false,\n    dangerZone: false,\n    header: t('ll.areYouSure'),\n    description: '',\n    cancelText: t('ll.cancel'),\n    confirmText: '',\n    onConfirm: () => undefined,\n    alert: false,\n    status: undefined,\n  });\n\n  defineOptions({\n    name: 'll-dialog',\n    inheritAttrs: false,\n  });\n\n  const emits = defineEmits<{\n    (e: 'update:open', value: boolean): void;\n    (e: 'cancel'): void;\n  }>();\n\n  const slots = useSlots();\n  const attrs = useAttrs();\n  const classes = useCssModule();\n  const headerId = uniqueId('dialog-header-');\n\n  const isConfirming = ref(false);\n  const root = ref();\n\n  // Set the default confirm button text to \"Confirm\".\n  // If the `alert` prop is true, the default text is \"Okay\".\n  // If the `confirmText` prop is provided, `confirmText` is used whether the alert prop is true.\n  const modifiedConfirmText = computed(() => props.confirmText || (props.alert ? t('ll.okay') : t('ll.confirm')));\n\n  const hasDescription = computed(() => !!slots.default || props.description);\n\n  const statusIcon = computed<StatusIcon>(() =>\n    props.status ? StatusIcons[capitalize(props.status)] : StatusIcons.Info,\n  );\n  const statusTitle = computed<StatusSeverity>(() =>\n    props.status ? StatusSeverities[capitalize(props.status)] : StatusSeverities.Info,\n  );\n  const statusColor = computed<StatusColor>(() =>\n    props.status ? StatusColors[capitalize(props.status)] : StatusColors.Info,\n  );\n\n  const computedDangerZone = computed(() => props.dangerZone || props.status === StatusSeverities.Error);\n\n  function cancel() {\n    emits('update:open', false);\n    emits('cancel');\n  }\n\n  async function handleConfirm(event: Event) {\n    if (isConfirming.value) {\n      return;\n    }\n\n    isConfirming.value = true;\n\n    try {\n      await props.onConfirm(event);\n    } finally {\n      isConfirming.value = false;\n    }\n  }\n\n  watchEffect(() => {\n    if (props.open && root.value) {\n      // Move focus to confirm button\n      nextTick(function () {\n        root.value.focus();\n      });\n    }\n  });\n</script>\n\n<template>\n  <transition name=\"fade\">\n    <dialog\n      v-if=\"props.open\"\n      ref=\"root\"\n      :open=\"props.open\"\n      tabindex=\"0\"\n      :aria-labelledby=\"headerId\"\n      aria-modal=\"true\"\n      class=\"stash-dialog\"\n      :class=\"classes.dialog\"\n      :data-test=\"attrs['data-test'] || 'll-dialog'\"\n      v-bind=\"attrs\"\n      @keydown.esc=\"cancel\"\n    >\n      <div\n        class=\"stash-dialog__body\"\n        :class=\"[\n          classes.body,\n          `tw-border-${statusColor}`,\n          {\n            'tw-border-t-6': props.status,\n          },\n        ]\"\n        data-test=\"stash-dialog|body\"\n      >\n        <div class=\"stash-dialog__body__content\" :class=\"classes.content\" data-test=\"stash-dialog|body-content\">\n          <div class=\"tw-flex tw-items-start\" :class=\"hasDescription && 'tw-mb-1.5'\">\n            <Icon\n              v-if=\"props.status\"\n              data-test=\"dialog-status-icon\"\n              :name=\"statusIcon\"\n              :title=\"statusTitle\"\n              :class=\"`tw-text-${statusColor}`\"\n            />\n            <h3 :id=\"headerId\" :class=\"{ 'tw-ml-1.5 tw-mt-px': props.status }\">{{ props.header }}</h3>\n          </div>\n\n          <p v-if=\"hasDescription\" class=\"tw-mb-0\">\n            <slot v-if=\"slots.default\"></slot>\n            <!-- eslint-disable-next-line vue/no-v-html -->\n            <span v-else v-html=\"props.description\"></span>\n          </p>\n        </div>\n\n        <footer class=\"stash-dialog__footer\" :class=\"classes.footer\" data-test=\"stash-dialog|footer\">\n          <div class=\"tw-text-right\">\n            <div :class=\"{ 'button-grid': !props.alert }\">\n              <Button v-if=\"!props.alert\" data-test=\"button|cancel\" secondary @click=\"cancel\">\n                {{ props.cancelText }}\n              </Button>\n\n              <Button\n                data-test=\"button|confirm\"\n                :disabled=\"props.disabled\"\n                :is-loading=\"isConfirming\"\n                :color=\"computedDangerZone ? 'red' : 'blue'\"\n                :class=\"{\n                  'tw-w-full': props.alert,\n                }\"\n                @click=\"handleConfirm\"\n              >\n                {{ modifiedConfirmText }}\n              </Button>\n            </div>\n          </div>\n        </footer>\n      </div>\n    </dialog>\n  </transition>\n</template>\n\n<style module>\n  .dialog {\n    background: rgb(0 0 0 / 30%);\n    bottom: 0;\n    display: flex;\n    flex-direction: column;\n    left: 0;\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n    place-content: center;\n    position: fixed;\n    right: 0;\n    top: 0;\n    z-index: theme('zIndex.dialog');\n    width: 100%;\n    height: 100vh;\n  }\n\n  .body {\n    @apply tw-shadow-3xl;\n\n    background: var(--color-white);\n    color: var(--color-ice-700);\n    display: flex;\n    flex-direction: column;\n    margin: 0 auto;\n    max-height: 100vh;\n    max-width: 360px;\n    transition: transform theme('transitionDuration.150') theme('transitionTimingFunction.swing');\n    width: 100%;\n\n    &.grey {\n      background: var(--color-ice-200);\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n\n    @media screen('md') {\n      border-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  .content {\n    flex-grow: 1;\n    padding: theme('spacing.6') var(--grid-gutter);\n  }\n\n  .footer {\n    background: var(--color-ice-200);\n    border-top: theme('borderWidth.DEFAULT') solid var(--color-ice-500);\n    display: initial; /* TEMP. Will need to fix marketplace `footer` style */\n    padding: theme('spacing.6') var(--grid-gutter);\n\n    @media screen('md') {\n      border-bottom-left-radius: theme('borderRadius.DEFAULT');\n      border-bottom-right-radius: theme('borderRadius.DEFAULT');\n    }\n  }\n\n  :global(.fade-enter-from),\n  :global(.fade-leave-active) {\n    .body {\n      transform: translate3d(0, theme('spacing.3'), 0);\n    }\n  }\n</style>\n"],"names":["props","__props","emits","__emit","slots","useSlots","attrs","useAttrs","classes","useCssModule","headerId","uniqueId","isConfirming","ref","root","modifiedConfirmText","computed","t","hasDescription","statusIcon","StatusIcons","capitalize","statusTitle","StatusSeverities","statusColor","StatusColors","computedDangerZone","cancel","handleConfirm","event","watchEffect","nextTick"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EE,UAAMA,IAAQC,GAkBRC,IAAQC,GAKRC,IAAQC,EAAA,GACRC,IAAQC,EAAA,GACRC,IAAUC,EAAA,GACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,EAAA,GAKPE,IAAsBC,EAAS,MAAMhB,EAAM,gBAAgBA,EAAM,QAAQiB,EAAE,SAAS,IAAIA,EAAE,YAAY,EAAE,GAExGC,IAAiBF,EAAS,MAAM,CAAC,CAACZ,EAAM,WAAWJ,EAAM,WAAW,GAEpEmB,IAAaH;AAAA,MAAqB,MACtChB,EAAM,SAASoB,EAAYC,EAAWrB,EAAM,MAAM,CAAC,IAAIoB,EAAY;AAAA,IAAA,GAE/DE,IAAcN;AAAA,MAAyB,MAC3ChB,EAAM,SAASuB,EAAiBF,EAAWrB,EAAM,MAAM,CAAC,IAAIuB,EAAiB;AAAA,IAAA,GAEzEC,IAAcR;AAAA,MAAsB,MACxChB,EAAM,SAASyB,EAAaJ,EAAWrB,EAAM,MAAM,CAAC,IAAIyB,EAAa;AAAA,IAAA,GAGjEC,IAAqBV,EAAS,MAAMhB,EAAM,cAAcA,EAAM,WAAWuB,EAAiB,KAAK;AAErG,aAASI,IAAS;AAChB,MAAAzB,EAAM,eAAe,EAAK,GAC1BA,EAAM,QAAQ;AAAA,IAChB;AAEA,mBAAe0B,EAAcC,GAAc;AACzC,UAAI,CAAAjB,EAAa,OAIjB;AAAA,QAAAA,EAAa,QAAQ;AAErB,YAAI;AACF,gBAAMZ,EAAM,UAAU6B,CAAK;AAAA,QAC7B,UAAA;AACE,UAAAjB,EAAa,QAAQ;AAAA,QACvB;AAAA;AAAA,IACF;AAEA,WAAAkB,EAAY,MAAM;AAChB,MAAI9B,EAAM,QAAQc,EAAK,SAErBiB,EAAS,WAAY;AACnB,QAAAjB,EAAK,MAAM,MAAA;AAAA,MACb,CAAC;AAAA,IAEL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Dialog.vue.d.ts

@@ -1,39 +1,82 @@
 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<DialogProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-cancel: () => any;
-"update:open": (value: boolean) => any;
-}, string, PublicProps, Readonly<DialogProps> & Readonly<{
+declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DialogProps>, {
+open: boolean;
+disabled: boolean;
+dangerZone: boolean;
+header: any;
+description: string;
+cancelText: any;
+confirmText: string;
+onConfirm: () => undefined;
+alert: boolean;
+status: undefined;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+"update:open": (value: boolean) => void;
+cancel: () => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DialogProps>, {
+open: boolean;
+disabled: boolean;
+dangerZone: boolean;
+header: any;
+description: string;
+cancelText: any;
+confirmText: string;
+onConfirm: () => undefined;
+alert: boolean;
+status: undefined;
+}>>> & Readonly<{
 onCancel?: (() => any) | undefined;
 "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-description: string;
+disabled: boolean;
 header: string;
 open: boolean;
-disabled: boolean;
+description: string;
 dangerZone: boolean;
 cancelText: string;
 confirmText: string;
 onConfirm: (event: Event) => void | Promise<void>;
 alert: boolean;
 status: "error" | "warning" | "info" | "success";
-}, {}, {}, {}, string, ComponentProvideOptions, false, {
-root: HTMLDialogElement;
-}, any>, {
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
 
-declare interface DialogProps {
+export declare interface DialogProps {
     /**
      * Shows or hides the dialog.
      * Usage: v-model:open="isOpen"

package/dist/Divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.js","sources":["../src/components/Divider/Divider.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-divider',\n  };\n</script>\n\n<template>\n  <div class=\"tw-flex tw-items-center tw-text-center tw-uppercase\" :class=\"$style.separator\" role=\"separator\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  .separator::before,\n  .separator::after {\n    border-bottom: 1px solid var(--color-ice-200);\n    content: '';\n    flex: 1;\n  }\n\n  .separator:not(:empty)::before {\n    margin-right: theme('spacing.3');\n  }\n\n  .separator:not(:empty)::after {\n    margin-left: theme('spacing.3');\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":";;;;GACOA,IAAU;AAAA,EACb,MAAM;;;cAKRC,EAEM,OAAA;AAAA,IAFD,OAAKC,EAAA,CAAC,uDAA8DC,EAAA,OAAO,SAAS,CAAA;AAAA,IAAE,MAAK;AAAA;IAC9FC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}
+{"version":3,"file":"Divider.js","sources":["../src/components/Divider/Divider.vue"],"sourcesContent":["<script>\n  export default {\n    name: 'll-divider',\n  };\n</script>\n\n<template>\n  <div class=\"tw-flex tw-items-center tw-text-center tw-uppercase\" :class=\"$style.separator\" role=\"separator\">\n    <slot></slot>\n  </div>\n</template>\n\n<style module>\n  .separator::before,\n  .separator::after {\n    border-bottom: 1px solid var(--color-ice-200);\n    content: '';\n    flex: 1;\n  }\n\n  .separator:not(:empty)::before {\n    margin-right: theme('spacing.3');\n  }\n\n  .separator:not(:empty)::after {\n    margin-left: theme('spacing.3');\n  }\n</style>\n"],"names":["_sfc_main","_createElementBlock","_normalizeClass","_ctx","_renderSlot"],"mappings":";;;;GACOA,IAAU;AAAA,EACb,MAAM;;;cAKRC,EAEM,OAAA;AAAA,IAFD,OAPPC,EAAA,CAOa,uDAA8DC,EAAA,OAAO,SAAS,CAAA;AAAA,IAAE,MAAK;AAAA;IAC9FC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}