cja-phoenix 1.2.11 → 1.2.12

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "cja-phoenix",
   "configKey": "cja-phoenix",
-  "version": "1.2.11",
+  "version": "1.2.12",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/assets/scss/mixins/_funnel.scss

@@ -0,0 +1,15 @@
+@use "../variables" as *;
+
+@mixin funnel-divider {
+  margin: 32px 0;
+  border-color: $light-grey;
+  border-style: solid;
+  border-bottom-width: 0;
+}
+
+@mixin funnel-form($width: 360px) {
+  display: grid;
+  grid-template-columns: min(100%, $width);
+  justify-content: center;
+  gap: 32px;
+}

package/dist/runtime/assets/scss/mixins/_index.scss

@@ -1,5 +1,8 @@
 @use "../variables" as *;
 
+@forward "funnel";
+@forward "results";
+
 @mixin text-gradient-dark-blue {
   display: inline-block; /* inline-block assures gradient display across all text */
   background-image: linear-gradient(90deg, $extra-dark-blue, $main-blue);
@@ -24,20 +27,6 @@
   transition: all 0.4s ease-in-out;
 }
 
-@mixin funnel-divider {
-  margin: 32px 0;
-  border-color: $light-grey;
-  border-style: solid;
-  border-bottom-width: 0;
-}
-
-@mixin funnel-form($width: 360px) {
-  display: grid;
-  grid-template-columns: min(100%, $width);
-  justify-content: center;
-  gap: 32px;
-}
-
 @mixin fade-transition($duration: 0.6s) {
   .fade-enter-active,
   .fade-leave-active {

package/dist/runtime/assets/scss/mixins/_results.scss

@@ -0,0 +1,234 @@
+@use "../variables" as *;
+
+@mixin results-info {
+  .sidebar-product-info {
+    display: grid;
+    grid-template-rows: auto 1fr auto;
+    height: 100%;
+    background: $white;
+    box-shadow: $box-shadow-m;
+    overflow: hidden;
+
+    .sidebar-header {
+      display: grid;
+      grid-template-columns: 100px 1fr auto;
+      align-items: center;
+      padding: 24px;
+      gap: 20px;
+      box-shadow: $box-shadow-s;
+
+      @media screen and (min-width: $break-md-min) {
+        grid-template-columns: 115px 1fr auto;
+        padding: 24px 48px;
+        gap: 48px;
+      }
+
+      .product-image {
+        img {
+          display: block;
+          width: 100%;
+        }
+      }
+
+      .product-title {
+        font-size: 13px;
+        line-height: 17px;
+      }
+
+      .btn-container button {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border: none;
+        background: none;
+        width: 24px;
+        height: 24px;
+        font-size: 14px;
+        padding: 0;
+        cursor: pointer;
+        transition: all 0.2s ease-in-out;
+        color: $dark-blue;
+
+        &:hover {
+          color: $main-blue;
+        }
+      }
+    }
+
+    .sidebar-body {
+      padding: 24px;
+      overflow-y: auto;
+
+      @media screen and (min-width: $break-md-min) {
+        padding: 24px 40px;
+      }
+
+      .product-data {
+        margin-bottom: 32px;
+
+        .title {
+          font-size: 16px;
+          font-weight: 700;
+          line-height: 20px;
+          margin-bottom: 16px;
+        }
+
+        .data-list {
+          display: grid;
+          grid-template-columns: repeat(2, 1fr);
+          gap: 16px;
+
+          .data-group {
+            display: grid;
+            align-items: center;
+            gap: 16px;
+
+            &:not(.bordered):not(.highlight) {
+              @media screen and (min-width: $break-sm-min) {
+                padding: 12px 16px;
+                border-radius: 8px;
+                border: 1px solid $light-grey;
+              }
+            }
+
+            &.bordered {
+              padding: 12px 16px;
+              border-radius: 8px;
+              border: 1px solid $light-grey;
+            }
+
+            &.highlight {
+              padding: 12px 16px;
+              border-radius: 8px;
+              background: $light-blue;
+              grid-area: 1 / 1 / 2 / 2;
+
+              .data-item {
+                .item-title {
+                  font-size: 13px;
+                  line-height: 17px;
+                }
+
+                .item-amount {
+                  font-size: 24px;
+                  font-weight: 800;
+                }
+              }
+            }
+
+            .data-item {
+              display: flex;
+              flex-direction: column;
+              justify-content: center;
+              gap: 4px;
+              font-size: 14px;
+              line-height: 18px;
+
+              .item-amount {
+                font-weight: 700;
+              }
+            }
+          }
+        }
+      }
+
+      .info-section {
+        + .info-section {
+          border-top: 1px solid $light-grey;
+          padding-top: 16px;
+          margin-top: 16px;
+        }
+
+        :deep(.collapse-header .header-wrapper) {
+          font-size: 16px;
+          font-weight: 700;
+          line-height: 28px;
+        }
+
+        :deep(.content-container .collapse-header .header-wrapper) {
+          color: $main-blue;
+          font-size: 14px;
+          font-weight: 700;
+          line-height: 28px;
+        }
+      }
+
+      .features-list {
+        display: grid;
+        gap: 8px;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+
+        li {
+          display: grid;
+          grid-template-columns: auto 1fr;
+          gap: 4px 16px;
+
+          .icon {
+            font-size: 16px;
+            line-height: 21px;
+
+            &.m-cgg-icon--check {
+              color: $main-green;
+            }
+
+            &.m-cgg-icon--cross {
+              color: $alert-red;
+            }
+          }
+
+          .text {
+            color: text-grey;
+            font-size: 14px;
+            line-height: 21px;
+          }
+        }
+      }
+
+      .info-list {
+        display: flex;
+        flex-direction: column;
+        gap: 8px;
+        list-style: none;
+        padding: 0;
+        margin: 0;
+
+        li {
+          display: flex;
+          justify-content: space-between;
+          gap: 16px;
+          font-size: 14px;
+          line-height: 28px;
+          padding-top: 8px;
+          border-top: 1px solid $disabled-grey;
+
+          .item-title {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+
+            .m-cgg-icon--question {
+              color: $main-blue;
+            }
+          }
+
+          .item-amount {
+            font-weight: 700;
+          }
+        }
+      }
+    }
+
+    .sidebar-footer {
+      display: grid;
+      padding: 24px;
+      box-shadow: $box-shadow-s;
+
+      @media screen and (min-width: $break-xs-min) {
+        justify-content: center;
+        grid-template-columns: 200px;
+      }
+    }
+  }
+}

package/dist/runtime/components/CjaButton.d.vue.ts

@@ -0,0 +1,33 @@
+import type { AnchorHTMLAttributes } from 'vue';
+import type { Icon } from '../types/Icon.js';
+type __VLS_Props = {
+    type?: 'primary' | 'secondary' | 'tertiary';
+    color?: 'blue' | 'orange' | 'white' | 'light-blue' | 'gradient-green-blue';
+    textAlign?: 'center' | 'left' | 'right';
+    size?: 'sm' | 'md' | 'lg';
+    shadow?: boolean;
+    iconRight?: Icon;
+    iconLeft?: Icon;
+    iconOnly?: boolean;
+    loading?: boolean;
+    href?: AnchorHTMLAttributes['href'];
+    target?: AnchorHTMLAttributes['target'];
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "primary" | "secondary" | "tertiary";
+    size: "sm" | "md" | "lg";
+    color: "blue" | "orange" | "white" | "light-blue" | "gradient-green-blue";
+    textAlign: "center" | "left" | "right";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/CjaButton.vue.d.ts

@@ -17,13 +17,14 @@ declare var __VLS_12: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     type: "primary" | "secondary" | "tertiary";
     size: "sm" | "md" | "lg";
     color: "blue" | "orange" | "white" | "light-blue" | "gradient-green-blue";
     textAlign: "center" | "left" | "right";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/CollapseContainer.d.vue.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    active?: boolean;
+    scrollToContent?: {
+        element: HTMLElement;
+    };
+};
+declare var __VLS_1: {}, __VLS_12: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_1) => any;
+} & {
+    content?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    toggleCollapse: () => void;
+    openCollapse: () => void;
+    closeCollapse: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "toggle:collapse": (...args: any[]) => void;
+    "open:collapse": (...args: any[]) => void;
+    "close:collapse": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onToggle:collapse"?: ((...args: any[]) => any) | undefined;
+    "onOpen:collapse"?: ((...args: any[]) => any) | undefined;
+    "onClose:collapse"?: ((...args: any[]) => any) | undefined;
+}>, {
+    active: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/CollapseContainer.vue.d.ts

@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
     content?: (props: typeof __VLS_12) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     toggleCollapse: () => void;
     openCollapse: () => void;
     closeCollapse: () => void;
@@ -25,7 +25,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
 }>, {
     active: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/ContentTabs.d.vue.ts

@@ -0,0 +1,23 @@
+type __VLS_Props = {
+    defaultTab: number;
+    tabs: string[];
+};
+declare var __VLS_7: number, __VLS_8: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    activeTab: import("vue").Ref<number, number>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "tab:changed": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onTab:changed"?: ((...args: any[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ContentTabs.vue.d.ts

@@ -6,14 +6,15 @@ declare var __VLS_7: number, __VLS_8: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_7>]?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     activeTab: import("vue").Ref<number, number>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "tab:changed": (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     "onTab:changed"?: ((...args: any[]) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/Drawer.d.vue.ts

@@ -0,0 +1,52 @@
+type __VLS_Props = {
+    defaultActive?: boolean;
+    type?: 'vertical-top' | 'vertical-bottom' | 'horizontal-left' | 'horizontal-right';
+    maxWidth?: {
+        md?: string;
+        lg?: string;
+        xl?: string;
+    };
+    position?: {
+        left?: string;
+        top?: string;
+        right?: string;
+        bottom?: string;
+    };
+    height?: string;
+    backdrop?: boolean;
+    disableDocumentScroll?: boolean;
+    overlapMenu?: boolean;
+};
+declare var __VLS_16: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    active: import("vue").Ref<boolean, boolean>;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+    toggleDrawer: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    open: (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
+}>, {
+    type: "vertical-top" | "vertical-bottom" | "horizontal-left" | "horizontal-right";
+    defaultActive: boolean;
+    maxWidth: {
+        md?: string;
+        lg?: string;
+        xl?: string;
+    };
+    backdrop: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Drawer.vue.d.ts

@@ -21,7 +21,7 @@ declare var __VLS_16: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     active: import("vue").Ref<boolean, boolean>;
     openDrawer: () => void;
     closeDrawer: () => void;
@@ -42,7 +42,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     };
     backdrop: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/FixedContainer.d.vue.ts

@@ -0,0 +1,37 @@
+type __VLS_Props = {
+    active?: boolean;
+    scrollThreshold?: number;
+    scrollLimitEl?: HTMLElement;
+    fixWidth?: boolean;
+    size?: {
+        height?: string;
+        width?: string;
+    };
+    position?: {
+        left?: string;
+        top?: string;
+        right?: string;
+        bottom?: string;
+    };
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    positionFixed: import("vue").Ref<boolean, boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    active: boolean;
+    scrollThreshold: number;
+    fixWidth: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/FixedContainer.vue.d.ts

@@ -20,14 +20,15 @@ type __VLS_Slots = {} & {
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
     positionFixed: import("vue").Ref<boolean, boolean>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     active: boolean;
     scrollThreshold: number;
     fixWidth: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/GridContainer.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/GridContainer.vue.d.ts

@@ -2,8 +2,9 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/GridItem.d.vue.ts

@@ -0,0 +1,29 @@
+import type { GridItemOffsetDesktop, GridItemOffsetMobile, GridItemSizeDesktop, GridItemSizeMobile } from '../types/Grid.js';
+type __VLS_Props = {
+    sizeSm?: GridItemSizeMobile;
+    offsetSm?: GridItemOffsetMobile;
+    sizeMd?: GridItemSizeMobile;
+    offsetMd?: GridItemOffsetMobile;
+    sizeLg?: GridItemSizeDesktop;
+    offsetLg?: GridItemOffsetDesktop;
+    sizeXl?: GridItemSizeDesktop;
+    offsetXl?: GridItemOffsetDesktop;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    sizeSm: GridItemSizeMobile;
+    sizeMd: GridItemSizeMobile;
+    sizeLg: GridItemSizeDesktop;
+    sizeXl: GridItemSizeDesktop;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/GridItem.vue.d.ts

@@ -13,13 +13,14 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     sizeSm: GridItemSizeMobile;
     sizeMd: GridItemSizeMobile;
     sizeLg: GridItemSizeDesktop;
     sizeXl: GridItemSizeDesktop;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/components/InfoMessage.d.vue.ts

@@ -0,0 +1,28 @@
+type __VLS_Props = {
+    toggle?: boolean;
+    color: 'blue' | 'green' | 'red' | 'yellow' | 'dark-white';
+    border?: boolean;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    title?: (props: typeof __VLS_3) => any;
+} & {
+    description?: (props: typeof __VLS_5) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "btn:close": (...args: any[]) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onBtn:close"?: ((...args: any[]) => any) | undefined;
+}>, {
+    border: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};