@leaflink/stash 49.4.1 → 50.0.0

package/dist/DatePicker.vue.d.ts

@@ -151,83 +151,83 @@ declare interface DatePickerProps {
 }
 
 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;
+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;
+"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;
+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;
+onBlur?: (() => any) | undefined;
+"onUpdate:model-value"?: ((date: string | number | Date) => any) | undefined;
 }>, {
-    name: string;
-    disabled: boolean;
-    mode: "time" | "date" | "dateTime";
-    label: string;
-    id: string;
-    addBottomSpace: boolean;
-    errorText: string;
-    hintText: string;
-    placeholder: string;
-    modelValue: string;
-    enableTeleport: boolean;
-    timeZone: string;
-    format: string;
-    availableDates: DateRangeSource_2[];
-    disabledDates: DateRangeSource_2[];
-    hideClearButton: boolean;
-    isInputReadonly: boolean;
-    maxDate: Date;
-    minDate: Date;
-    maxPage: {
-        month: number;
-        year: number;
-    };
-    minPage: {
-        month: number;
-        year: number;
-    };
+name: string;
+disabled: boolean;
+mode: "time" | "date" | "dateTime";
+label: string;
+id: string;
+addBottomSpace: boolean;
+errorText: string;
+hintText: string;
+placeholder: string;
+modelValue: string;
+enableTeleport: boolean;
+timeZone: string;
+format: string;
+availableDates: DateRangeSource_2[];
+disabledDates: DateRangeSource_2[];
+hideClearButton: boolean;
+isInputReadonly: boolean;
+maxDate: Date;
+minDate: Date;
+maxPage: {
+month: number;
+year: number;
+};
+minPage: {
+month: number;
+year: number;
+};
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     hint?(_: {}): any;
 }>;

package/dist/DescriptionList.js

@@ -1,5 +1,5 @@
 import { defineComponent as d, provide as n, openBlock as s, createElementBlock as i, normalizeClass as o, renderSlot as l } from "vue";
-import { D as r } from "./DescriptionList.keys-c906ce05.js";
+import { D as r } from "./DescriptionList.keys-BHlHYV6b.js";
 var c = /* @__PURE__ */ ((e) => (e.Columns = "columns", e.Inline = "inline", e.Stacked = "stacked", e.SpaceBetween = "space-between", e))(c || {});
 const p = ["data-variant"], f = /* @__PURE__ */ d({
   __name: "DescriptionList",

package/dist/{DescriptionList.keys-c906ce05.js → DescriptionList.keys-BHlHYV6b.js}

@@ -4,4 +4,4 @@ const I = {
 export {
   I as D
 };
-//# sourceMappingURL=DescriptionList.keys-c906ce05.js.map
+//# sourceMappingURL=DescriptionList.keys-BHlHYV6b.js.map

package/dist/{DescriptionList.keys-c906ce05.js.map → DescriptionList.keys-BHlHYV6b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"DescriptionList.keys-c906ce05.js","sources":["../src/components/DescriptionList/DescriptionList.keys.ts"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { DescriptionListInjection } from './DescriptionList.types';\n\nexport const DESCRIPTION_LIST_INJECTION: Injection<DescriptionListInjection> = {\n  key: Symbol('DATA_VIEW_SORTING_INJECTION_KEY'),\n};\n"],"names":["DESCRIPTION_LIST_INJECTION"],"mappings":"AAGO,MAAMA,IAAkE;AAAA,EAC7E,KAAK,OAAO,iCAAiC;AAC/C;"}
+{"version":3,"file":"DescriptionList.keys-BHlHYV6b.js","sources":["../src/components/DescriptionList/DescriptionList.keys.ts"],"sourcesContent":["import { Injection } from '../../../types/utils';\nimport { DescriptionListInjection } from './DescriptionList.types';\n\nexport const DESCRIPTION_LIST_INJECTION: Injection<DescriptionListInjection> = {\n  key: Symbol('DATA_VIEW_SORTING_INJECTION_KEY'),\n};\n"],"names":["DESCRIPTION_LIST_INJECTION"],"mappings":"AAGO,MAAMA,IAAkE;AAAA,EAC7E,KAAK,OAAO,iCAAiC;AAC/C;"}

package/dist/DescriptionList.vue.d.ts

@@ -34,14 +34,14 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 declare const _default: __VLS_WithTemplateSlots<DefineComponent<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DescriptionListProps>, {
-    variant: string;
-    divide: boolean;
+variant: string;
+divide: boolean;
 }>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<DescriptionListProps>, {
-    variant: string;
-    divide: boolean;
+variant: string;
+divide: boolean;
 }>>> & Readonly<{}>, {
-    variant: "inline" | "stacked" | "columns" | "space-between";
-    divide: boolean;
+variant: "inline" | "stacked" | "columns" | "space-between";
+divide: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/DescriptionListDetail.js

@@ -1,5 +1,5 @@
 import { defineComponent as a, inject as n, openBlock as o, createElementBlock as r, normalizeClass as c, unref as i, renderSlot as d } from "vue";
-import { D as l } from "./DescriptionList.keys-c906ce05.js";
+import { D as l } from "./DescriptionList.keys-BHlHYV6b.js";
 const p = ["data-variant"], h = /* @__PURE__ */ a({
   __name: "DescriptionListDetail",
   setup(m) {

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, {}, any>, {
+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

@@ -1,5 +1,5 @@
 import { defineComponent as n, inject as o, openBlock as r, createElementBlock as p, normalizeClass as d, unref as t, renderSlot as c } from "vue";
-import { D as l } from "./DescriptionList.keys-c906ce05.js";
+import { D as l } from "./DescriptionList.keys-BHlHYV6b.js";
 const w = ["data-divide", "data-variant"], v = /* @__PURE__ */ n({
   __name: "DescriptionListGroup",
   setup(m) {

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, {}, any>, {
+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

@@ -1,5 +1,5 @@
 import { defineComponent as o, inject as r, openBlock as i, createElementBlock as n, normalizeClass as c, unref as e, renderSlot as d, createCommentVNode as m } from "vue";
-import { D as l } from "./DescriptionList.keys-c906ce05.js";
+import { D as l } from "./DescriptionList.keys-BHlHYV6b.js";
 const p = ["data-variant"], w = {
   key: 0,
   class: "tw-hidden md:tw-inline"

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

package/dist/Dialog.js

@@ -1,15 +1,11 @@
-import { defineComponent as A, useSlots as H, useAttrs as K, useCssModule as L, ref as T, computed as s, watchEffect as q, nextTick as F, openBlock as l, createBlock as f, Transition as P, withCtx as m, createElementBlock as p, mergeProps as Y, unref as e, withKeys as j, createElementVNode as a, normalizeClass as o, createCommentVNode as i, toDisplayString as _, renderSlot as G, createTextVNode as S, createVNode as J } from "vue";
+import { defineComponent as A, useSlots as H, useAttrs as K, useCssModule as L, ref as T, computed as s, watchEffect as q, nextTick as F, openBlock as l, createBlock as f, Transition as P, withCtx as m, createElementBlock as _, mergeProps as Y, unref as e, withKeys as j, createElementVNode as a, normalizeClass as o, createCommentVNode as c, toDisplayString as p, renderSlot as G, createTextVNode as S, createVNode as J } from "vue";
 import y from "lodash-es/capitalize";
 import O from "lodash-es/uniqueId";
-import { S as B, b as g, a as I } from "./statusLevels-a8b041f4.js";
-import { t as c } from "./locale.js";
+import { S as B, b as g, a as I } from "./statusLevels-D8EgtE_L.js";
+import { t as d } from "./locale.js";
 import z from "./Button.js";
 import Q from "./Icon.js";
-import { _ as R } from "./_plugin-vue_export-helper-dad06003.js";
-import "lodash-es/get";
-import "./Button.vue_used_vue_type_style_index_0_lang.module-4dabc2a9.js";
-import "./index-9e1095ef.js";
-import "./Icon.vue_used_vue_type_style_index_0_lang.module-eb359559.js";
+import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
   key: 0,
   class: "tw-mb-0"
@@ -21,9 +17,9 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
     open: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     dangerZone: { type: Boolean, default: !1 },
-    header: { default: c("ll.areYouSure") },
+    header: { default: d("ll.areYouSure") },
     description: { default: "" },
-    cancelText: { default: c("ll.cancel") },
+    cancelText: { default: d("ll.cancel") },
     confirmText: { default: "" },
     onConfirm: { type: Function, default: () => {
     } },
@@ -32,7 +28,7 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
   },
   emits: ["update:open", "cancel"],
   setup(D, { emit: M }) {
-    const t = D, b = M, h = H(), v = K(), n = L(), w = O("dialog-header-"), r = T(!1), d = T(), E = s(() => t.confirmText || (t.alert ? c("ll.okay") : c("ll.confirm"))), x = s(() => !!h.default || t.description), N = s(
+    const t = D, b = M, h = H(), v = K(), n = L(), w = O("dialog-header-"), r = T(!1), i = T(), E = s(() => t.confirmText || (t.alert ? d("ll.okay") : d("ll.confirm"))), x = s(() => !!h.default || t.description), N = s(
       () => t.status ? B[y(t.status)] : B.Info
     ), V = s(
       () => t.status ? g[y(t.status)] : g.Info
@@ -53,15 +49,15 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
       }
     }
     return q(() => {
-      t.open && d.value && F(function() {
-        d.value.focus();
+      t.open && i.value && F(function() {
+        i.value.focus();
       });
-    }), (u, dt) => (l(), f(P, { name: "fade" }, {
+    }), (u, it) => (l(), f(P, { name: "fade" }, {
       default: m(() => [
-        t.open ? (l(), p("dialog", Y({
+        t.open ? (l(), _("dialog", Y({
           key: 0,
           ref_key: "root",
-          ref: d,
+          ref: i,
           open: t.open,
           tabindex: "0",
           "aria-labelledby": e(w),
@@ -94,18 +90,18 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
                   name: N.value,
                   title: V.value,
                   class: o(`tw-text-${k.value}`)
-                }, null, 8, ["name", "title", "class"])) : i("", !0),
+                }, null, 8, ["name", "title", "class"])) : c("", !0),
                 a("h3", {
                   id: e(w),
                   class: o({ "tw-ml-1.5 tw-mt-px": t.status })
-                }, _(t.header), 11, W)
+                }, p(t.header), 11, W)
               ], 2),
-              x.value ? (l(), p("p", X, [
-                e(h).default ? G(u.$slots, "default", { key: 0 }) : (l(), p("span", {
+              x.value ? (l(), _("p", X, [
+                e(h).default ? G(u.$slots, "default", { key: 0 }) : (l(), _("span", {
                   key: 1,
                   innerHTML: t.description
                 }, null, 8, tt))
-              ])) : i("", !0)
+              ])) : c("", !0)
             ], 2),
             a("footer", {
               class: o(["stash-dialog__footer", e(n).footer]),
@@ -115,14 +111,14 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
                 a("div", {
                   class: o({ "button-grid": !t.alert })
                 }, [
-                  t.alert ? i("", !0) : (l(), f(z, {
+                  t.alert ? c("", !0) : (l(), f(z, {
                     key: 0,
                     "data-test": "button|cancel",
                     secondary: "",
                     onClick: C
                   }, {
                     default: m(() => [
-                      S(_(t.cancelText), 1)
+                      S(p(t.cancelText), 1)
                     ]),
                     _: 1
                   })),
@@ -137,7 +133,7 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
                     onClick: Z
                   }, {
                     default: m(() => [
-                      S(_(E.value), 1)
+                      S(p(E.value), 1)
                     ]),
                     _: 1
                   }, 8, ["disabled", "is-loading", "color", "class"])
@@ -145,21 +141,21 @@ const U = ["open", "aria-labelledby", "data-test"], W = ["id"], X = {
               ])
             ], 2)
           ], 2)
-        ], 16, U)) : i("", !0)
+        ], 16, U)) : c("", !0)
       ]),
       _: 3
     }));
   }
-}), at = "_dialog_1fzac_2", st = "_body_1fzac_19", lt = "_grey_1fzac_32", nt = "_content_1fzac_42", rt = "_footer_1fzac_47", it = {
+}), at = "_dialog_1fzac_2", st = "_body_1fzac_19", lt = "_grey_1fzac_32", nt = "_content_1fzac_42", rt = "_footer_1fzac_47", ct = {
   dialog: at,
   body: st,
   grey: lt,
   content: nt,
   footer: rt
-}, ct = {
-  $style: it
-}, kt = /* @__PURE__ */ R(ot, [["__cssModules", ct]]);
+}, dt = {
+  $style: ct
+}, ht = /* @__PURE__ */ R(ot, [["__cssModules", dt]]);
 export {
-  kt as default
+  ht as default
 };
 //# sourceMappingURL=Dialog.js.map

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-center\" :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,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,KAKPE,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;AAEjB,YAAA;AACI,gBAAAZ,EAAM,UAAU6B,CAAK;AAAA,QAAA,UAC3B;AACA,UAAAjB,EAAa,QAAQ;AAAA,QACvB;AAAA;AAAA,IACF;AAEA,WAAAkB,EAAY,MAAM;AACZ,MAAA9B,EAAM,QAAQc,EAAK,SAErBiB,EAAS,WAAY;AACnB,QAAAjB,EAAK,MAAM;MAAM,CAClB;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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-center\" :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,KACRC,IAAQC,KACRC,IAAUC,KACVC,IAAWC,EAAS,gBAAgB,GAEpCC,IAAeC,EAAI,EAAK,GACxBC,IAAOD,KAKPE,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;AAEjB,YAAA;AACI,gBAAAZ,EAAM,UAAU6B,CAAK;AAAA,QAAA,UAC3B;AACA,UAAAjB,EAAa,QAAQ;AAAA,QACvB;AAAA;AAAA,IACF;AAEA,WAAAkB,EAAY,MAAM;AACZ,MAAA9B,EAAM,QAAQc,EAAK,SAErBiB,EAAS,WAAY;AACnB,QAAAjB,EAAK,MAAM;MAAM,CAClB;AAAA,IACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/Dialog.vue.d.ts

@@ -33,44 +33,44 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
 };
 
 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;
+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;
+"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;
+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;
+onCancel?: (() => any) | undefined;
+"onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-    disabled: boolean;
-    header: string;
-    open: boolean;
-    description: string;
-    dangerZone: boolean;
-    cancelText: string;
-    confirmText: string;
-    onConfirm: (event: Event) => void | Promise<void>;
-    alert: boolean;
-    status: "error" | "warning" | "info" | "success";
+disabled: boolean;
+header: string;
+open: boolean;
+description: string;
+dangerZone: boolean;
+cancelText: string;
+confirmText: string;
+onConfirm: (event: Event) => void | Promise<void>;
+alert: boolean;
+status: "error" | "warning" | "info" | "success";
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;

package/dist/Divider.js

@@ -1,5 +1,5 @@
 import { openBlock as t, createElementBlock as s, normalizeClass as r, renderSlot as o } from "vue";
-import { _ as a } from "./_plugin-vue_export-helper-dad06003.js";
+import { _ as a } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const c = "_separator_5w47w_2", l = {
   separator: c
 }, n = {

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,OAAMC,EAAA,CAAA,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,EAOa,CAAA,uDAA8DC,EAAA,OAAO,SAAS,CAAA;AAAA,IAAE,MAAK;AAAA;IAC9FC,EAAaD,EAAA,QAAA,SAAA;AAAA;;;;;"}

package/dist/Divider.vue.d.ts

@@ -3,7 +3,7 @@ import { ComponentProvideOptions } from 'vue';
 import { DefineComponent } from 'vue';
 import { PublicProps } from 'vue';
 
-declare const _default: DefineComponent<any, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<any> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const _default: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _default;
 
 export { }