@kiva/kv-components 7.6.3 → 8.0.0

package/dist/vue/KvCarousel.vue.d.ts

@@ -0,0 +1,135 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    multipleSlidesVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emblaOptions: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    autoplayOptions: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    fadeEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slidesToScroll: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    slideMaxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    asideControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDotted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controlsTopRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    componentSlotKeys: import('vue').ComputedRef<string[]>;
+    currentIndex: import('vue').Ref<any, any>;
+    embla: import('vue').Ref<any, any>;
+    goToSlide: (index: number) => void;
+    handleUserInteraction: (index: number | null, interactionType: string) => Promise<void>;
+    isAriaHidden: (index: number) => boolean;
+    isAutoplaying: import('vue').Ref<boolean, boolean>;
+    mdiArrowLeft: string;
+    mdiArrowRight: string;
+    mdiChevronLeft: string;
+    mdiChevronRight: string;
+    nextIndex: import('vue').ComputedRef<any>;
+    previousIndex: import('vue').ComputedRef<number>;
+    reInit: () => void;
+    reInitVisible: () => void;
+    rootEl: import('vue').Ref<any, any>;
+    slideIndicatorCount: import('vue').Ref<number, number>;
+    slideIndicatorListLength: () => number;
+    slides: import('vue').Ref<any[], any[]>;
+    toggleAutoPlay: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "interact-carousel")[], "change" | "interact-carousel", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    multipleSlidesVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emblaOptions: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    autoplayOptions: {
+        type: ObjectConstructor;
+        default(): {};
+    };
+    fadeEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    slidesToScroll: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    slideMaxWidth: {
+        type: StringConstructor;
+        default: string;
+    };
+    asideControls: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    isDotted: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inCircle: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    controlsTopRight: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    onChange?: (...args: any[]) => any;
+    "onInteract-carousel"?: (...args: any[]) => any;
+}>, {
+    autoplayOptions: Record<string, any>;
+    fadeEnabled: boolean;
+    emblaOptions: Record<string, any>;
+    slidesToScroll: string;
+    multipleSlidesVisible: boolean;
+    slideMaxWidth: string;
+    asideControls: boolean;
+    isDotted: boolean;
+    inCircle: boolean;
+    controlsTopRight: boolean;
+}, {}, {
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/vue/KvCarousel2.js

@@ -0,0 +1,142 @@
+import { mdiArrowLeft as b, mdiArrowRight as v, mdiChevronLeft as x, mdiChevronRight as B } from "@mdi/js";
+import { carouselUtil as C } from "../utils/carousels.js";
+import S from "./KvMaterialIcon.js";
+const K = {
+  name: "KvCarousel",
+  components: {
+    KvMaterialIcon: S
+  },
+  props: {
+    /**
+     * Should multiple slides be visible at a time.
+     * If true, a width must be set for each individual
+     * carousel slide or slideMaxWidth must
+     * be used.
+     * */
+    multipleSlidesVisible: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Options for the embla carousel - // https://davidcetinkaya.github.io/embla-carousel/api#options
+     * */
+    emblaOptions: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * Options for the autoplay plugin - // https://www.embla-carousel.com/plugins/autoplay/#options
+     * */
+    autoplayOptions: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    /**
+     * Enable fade plugin - // https://www.embla-carousel.com/plugins/fade/
+     * */
+    fadeEnabled: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * The type of logic to implement when deciding how many slides
+     * to scroll when pressing the next/prev button
+     * `visible, auto`
+     * */
+    slidesToScroll: {
+      type: String,
+      default: "auto",
+      validator: (e) => ["visible", "auto"].indexOf(e) !== -1
+    },
+    /**
+     * CSS value and unit to set the max width on responsive slides.
+     * Slide will be responsive full width until the max width value
+     * is reached - example value: '32.5rem'
+     * */
+    slideMaxWidth: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Aside controls version of the carousel
+     * */
+    asideControls: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Dotted controls version of the carousel
+     * */
+    isDotted: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Enables carousel slides to have a circle effect
+     * */
+    inCircle: {
+      type: Boolean,
+      default: !1
+    },
+    /**
+     * Position carousel controls in the top right corner
+     * */
+    controlsTopRight: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: [
+    "change",
+    "interact-carousel"
+  ],
+  setup(e, { emit: t, slots: o }) {
+    const {
+      componentSlotKeys: l,
+      currentIndex: a,
+      embla: i,
+      goToSlide: n,
+      handleUserInteraction: r,
+      isAriaHidden: s,
+      isAutoplaying: d,
+      nextIndex: u,
+      previousIndex: p,
+      reInit: f,
+      reInitVisible: c,
+      rootEl: m,
+      slideIndicatorCount: y,
+      slideIndicatorListLength: g,
+      slides: h,
+      toggleAutoPlay: I
+    } = C(e, { emit: t, slots: o }, {});
+    return {
+      componentSlotKeys: l,
+      currentIndex: a,
+      embla: i,
+      goToSlide: n,
+      handleUserInteraction: r,
+      isAriaHidden: s,
+      isAutoplaying: d,
+      mdiArrowLeft: b,
+      mdiArrowRight: v,
+      mdiChevronLeft: x,
+      mdiChevronRight: B,
+      nextIndex: u,
+      previousIndex: p,
+      reInit: f,
+      reInitVisible: c,
+      rootEl: m,
+      slideIndicatorCount: y,
+      slideIndicatorListLength: g,
+      slides: h,
+      toggleAutoPlay: I
+    };
+  }
+};
+export {
+  K as default
+};

package/dist/vue/KvCartModal.css

@@ -1 +1 @@
-.screen[data-v-4af12153]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#0003}.modal[data-v-4af12153]{width:100%;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}@media (min-width: 45.875rem){.modal[data-v-4af12153]{position:absolute;right:0}}.modal[data-v-4af12153]{max-height:90%}.container[data-v-4af12153]{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 45.875rem){.modal[data-v-4af12153]{max-width:24.5rem}}
+.screen[data-v-3fa0c68d]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background-color:#0003}.modal[data-v-3fa0c68d]{width:100%;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-bg-opacity: 1;background-color:rgba(var(--bg-primary),var(--tw-bg-opacity, 1))}@media (min-width: 45.875rem){.modal[data-v-3fa0c68d]{position:absolute;right:0}}.modal[data-v-3fa0c68d]{max-height:90%}.container[data-v-3fa0c68d]{position:absolute;top:0;right:0;bottom:0;left:0}@media (min-width: 45.875rem){.modal[data-v-3fa0c68d]{max-width:24.5rem}}

package/dist/vue/KvCartModal.js

@@ -1,118 +1,18 @@
-import { toRefs as I, ref as w, computed as p, watch as K, onMounted as F, onBeforeUnmount as P, resolveComponent as g, openBlock as C, createBlock as R, Transition as j, withCtx as h, withDirectives as D, createElementVNode as o, withModifiers as y, renderSlot as S, createVNode as b, createElementBlock as M, createCommentVNode as T, createTextVNode as L, toDisplayString as B, vShow as U, nextTick as q } from "vue";
-import { mdiClose as z, mdiCheckCircle as G } from "@mdi/js";
-import { useFocusTrap as H } from "@vueuse/integrations/useFocusTrap";
-import { hideOthers as J } from "../vendor/aria-hidden/dist/es2015/index.js";
-import { unlockScroll as Q, lockScroll as W } from "../utils/scrollLock.js";
-import { unlockPrintSingleEl as X, lockPrintSingleEl as Y } from "../utils/printing.js";
-import Z from "./KvButton.js";
-import $ from "./KvMaterialIcon.js";
+import p from "./KvCartModal2.js";
+import { resolveComponent as w, openBlock as i, createBlock as u, Transition as x, withCtx as c, withDirectives as b, createElementVNode as o, withModifiers as a, renderSlot as v, createVNode as s, createElementBlock as f, createCommentVNode as k, createTextVNode as y, toDisplayString as m, vShow as g } from "vue";
 import "./KvCartModal.css";
-import tt from "../_virtual/_plugin-vue_export-helper.js";
-const et = {
-  components: {
-    KvMaterialIcon: $,
-    KvButton: Z
-  },
-  props: {
-    /**
-     * Whether the dialog is open or not
-     * */
-    visible: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The dialog has no close X button, clicking the screen does not close,
-     * pressing ESC does not close.
-     * */
-    preventClose: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * The number of loans in the basket
-     * */
-    basketCount: {
-      type: Number,
-      default: 0
-    },
-    /**
-     * Category name for the CTA button
-     * */
-    categoryName: {
-      type: String,
-      default: ""
-    }
-  },
-  emits: [
-    "cart-modal-closed"
-  ],
-  setup(a, { emit: t }) {
-    const {
-      visible: l,
-      preventClose: e
-    } = I(a), c = w(null), i = w(null), d = w(null), u = w(), n = p(() => [
-      c.value
-      // This cart modal
-    ]), x = p(() => !!a.categoryName), N = p(() => x.value ? `Support another ${a.categoryName}` : `View basket (${a.basketCount})`), {
-      activate: _,
-      deactivate: E
-    } = H(n, {
-      allowOutsideClick: !0
-      // allow clicking outside the cart modal to close it
-    });
-    let v = null, m = null;
-    const s = (r = "") => {
-      c.value && i.value && (E(), i.value.scrollTop = 0, X(i.value)), Q(), v && (v(), v = null), document.removeEventListener("keyup", m), t("cart-modal-closed", { type: r });
-    };
-    m = (r) => {
-      r && r.key === "Escape" && !e.value && s();
-    };
-    const A = () => {
-      e.value || s("background");
-    }, f = () => {
-      l.value && (document.addEventListener("keyup", m), q(() => {
-        c.value && i.value && (_(), v = J(c.value), Y(i.value)), W();
-      }));
-    }, O = (r) => {
-      s(r);
-    }, k = () => {
-      e.value || (u.value = setTimeout(() => {
-        t("cart-modal-closed", { type: "time" });
-      }, 1e4));
-    }, V = () => {
-      e.value || clearTimeout(u.value);
-    };
-    return K(l, () => {
-      l.value ? (f(), k()) : s();
-    }), F(() => {
-      l.value && (f(), k());
-    }), P(() => s()), {
-      mdiClose: z,
-      mdiCheckCircle: G,
-      onKeyUp: m,
-      onScreenClick: A,
-      hide: s,
-      show: f,
-      controlsRef: d,
-      handleClick: O,
-      clearAutomaticClose: V,
-      setAutomaticClose: k,
-      ctaText: N,
-      showCategoryOption: x
-    };
-  }
-}, ot = { class: "container" }, lt = { class: "tw-flex tw-pt-2 tw-px-2.5" }, nt = { class: "tw-flex tw-flex-grow tw-gap-1 tw-items-center tw-pb-2" }, at = {
+import h from "../_virtual/_plugin-vue_export-helper.js";
+const _ = { class: "container" }, M = { class: "tw-flex tw-pt-2 tw-px-2.5" }, B = { class: "tw-flex tw-flex-grow tw-gap-1 tw-items-center tw-pb-2" }, N = {
   id: "kvCartModalBody",
   ref: "kvCartModalBody",
   class: "tw-flex tw-gap-2"
-}, it = {
+}, S = {
   ref: "controlsRef",
   class: "tw-flex-shrink-0 tw-flex tw-justify-end tw-gap-x-2.5 tw-px-2.5 tw-pb-2 tw-flex-col tw-gap-1"
 };
-function st(a, t, l, e, c, i) {
-  const d = g("kv-material-icon"), u = g("kv-button");
-  return C(), R(j, {
+function A(r, t, l, e, V, T) {
+  const d = w("kv-material-icon"), C = w("kv-button");
+  return i(), u(x, {
     "enter-active-class": "tw-transition-opacity tw-duration-300",
     "leave-active-class": "tw-transition-opacity tw-duration-300",
     "enter-class": "tw-opacity-0",
@@ -120,13 +20,13 @@ function st(a, t, l, e, c, i) {
     "leave-class": "tw-opacity-full",
     "leave-to-class": "tw-opacity-0"
   }, {
-    default: h(() => [
-      D(o("div", {
+    default: c(() => [
+      b(o("div", {
         class: "screen",
-        onClick: t[6] || (t[6] = y((...n) => e.onScreenClick && e.onScreenClick(...n), ["stop", "prevent"]))
+        onClick: t[6] || (t[6] = a((...n) => e.onScreenClick && e.onScreenClick(...n), ["stop", "prevent"]))
       }, [
         o("div", null, [
-          o("div", ot, [
+          o("div", _, [
             o("div", {
               ref: "kvCartModal",
               tabindex: "-1",
@@ -134,26 +34,26 @@ function st(a, t, l, e, c, i) {
               class: "modal",
               "aria-modal": "true",
               "aria-label": "Added to basket",
-              onClick: t[3] || (t[3] = y(() => {
+              onClick: t[3] || (t[3] = a(() => {
               }, ["stop"])),
               onMouseenter: t[4] || (t[4] = (n) => e.clearAutomaticClose()),
               onMouseleave: t[5] || (t[5] = (n) => e.setAutomaticClose())
             }, [
-              o("div", lt, [
-                o("div", nt, [
-                  S(a.$slots, "header", {}, () => [
-                    b(d, {
+              o("div", M, [
+                o("div", B, [
+                  v(r.$slots, "header", {}, () => [
+                    s(d, {
                       class: "tw-w-3.5 tw-h-3.5 tw-text-brand",
                       icon: e.mdiCheckCircle
                     }, null, 8, ["icon"]),
                     t[7] || (t[7] = o("p", { class: "tw-flex-1 tw-font-medium tw-text-center" }, " Added to basket ", -1))
                   ], !0),
-                  l.preventClose ? T("", !0) : (C(), M("button", {
+                  l.preventClose ? k("", !0) : (i(), f("button", {
                     key: 0,
                     class: "tw-grid tw-content-center tw-justify-center tw-ml-auto tw-w-6 tw-h-6 tw--m-2 hover:tw-text-action-highlight",
-                    onClick: t[0] || (t[0] = y((n) => e.hide("x-button"), ["stop"]))
+                    onClick: t[0] || (t[0] = a((n) => e.hide("x-button"), ["stop"]))
                   }, [
-                    b(d, {
+                    s(d, {
                       class: "tw-w-3.5 tw-h-3.5",
                       icon: e.mdiClose
                     }, null, 8, ["icon"]),
@@ -161,38 +61,38 @@ function st(a, t, l, e, c, i) {
                   ]))
                 ])
               ]),
-              o("div", at, [
-                S(a.$slots, "content", {}, void 0, !0)
+              o("div", N, [
+                v(r.$slots, "content", {}, void 0, !0)
               ], 512),
-              o("div", it, [
-                b(u, {
+              o("div", S, [
+                s(C, {
                   class: "tw-w-full",
                   onClick: t[1] || (t[1] = (n) => e.handleClick(
                     e.showCategoryOption ? "support-another" : "view-basket"
                   ))
                 }, {
-                  default: h(() => [
-                    L(B(e.ctaText), 1)
+                  default: c(() => [
+                    y(m(e.ctaText), 1)
                   ]),
                   _: 1
                 }),
-                e.showCategoryOption ? (C(), M("button", {
+                e.showCategoryOption ? (i(), f("button", {
                   key: 0,
                   class: "tw-text-action tw-pt-1.5 tw-font-medium",
                   onClick: t[2] || (t[2] = (n) => e.handleClick("view-basket"))
-                }, " No thanks, go to basket (" + B(l.basketCount) + ") ", 1)) : T("", !0)
+                }, " No thanks, go to basket (" + m(l.basketCount) + ") ", 1)) : k("", !0)
               ], 512)
             ], 544)
           ])
         ])
       ], 512), [
-        [U, l.visible]
+        [g, l.visible]
       ])
     ]),
     _: 3
   });
 }
-const Ct = /* @__PURE__ */ tt(et, [["render", st], ["__scopeId", "data-v-4af12153"]]);
+const I = /* @__PURE__ */ h(p, [["render", A], ["__scopeId", "data-v-3fa0c68d"]]);
 export {
-  Ct as default
+  I as default
 };

package/dist/vue/KvCartModal.vue.d.ts

@@ -0,0 +1,163 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    basketCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    categoryName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    mdiClose: string;
+    mdiCheckCircle: string;
+    onKeyUp: any;
+    onScreenClick: () => void;
+    hide: (closedBy?: string) => void;
+    show: () => void;
+    controlsRef: import('vue').Ref<any, any>;
+    handleClick: (cta: any) => void;
+    clearAutomaticClose: () => void;
+    setAutomaticClose: () => void;
+    ctaText: import('vue').ComputedRef<string>;
+    showCategoryOption: import('vue').ComputedRef<boolean>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "cart-modal-closed"[], "cart-modal-closed", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    visible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    preventClose: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    basketCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+    categoryName: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onCart-modal-closed"?: (...args: any[]) => any;
+}>, {
+    visible: boolean;
+    preventClose: boolean;
+    basketCount: number;
+    categoryName: string;
+}, {}, {
+    KvMaterialIcon: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        icon: {
+            type: StringConstructor;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        icon: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    KvButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>, {
+        buttonRef: import('vue').Ref<any, any>;
+        buttonInnerRef: import('vue').Ref<any, any>;
+        computedClass: import('vue').ComputedRef<string>;
+        computedType: import('vue').ComputedRef<string>;
+        isDisabled: import('vue').ComputedRef<boolean>;
+        loadingColor: import('vue').ComputedRef<"white" | "brand" | "black">;
+        onClick: (event: any) => void;
+        tag: import('vue').ComputedRef<"button" | "router-link" | "a">;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        to: {
+            type: (StringConstructor | ObjectConstructor)[];
+            default: any;
+        };
+        href: {
+            type: StringConstructor;
+            default: any;
+        };
+        type: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        variant: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+        state: {
+            type: StringConstructor;
+            default: string;
+            validator(value: string): boolean;
+        };
+    }>> & Readonly<{
+        onClick?: (...args: any[]) => any;
+    }>, {
+        to: string | Record<string, any>;
+        type: string;
+        href: string;
+        variant: string;
+        state: string;
+    }, {}, {
+        KvLoadingSpinner: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            size: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+            color: {
+                type: StringConstructor;
+                default: string;
+                validator(value: string): boolean;
+            };
+        }>> & Readonly<{}>, {
+            size: string;
+            color: string;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;