@adyen/bento-vue2 1.1.0 → 1.2.0

package/dist/@types/packages/vue2/src/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from 'vue';
-import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from '@/components/summary-grid/summary-grid.types';
+import { BentoSummaryGridItemSize, BentoSummaryGridItemTrendDirection } from "../../summary-grid.types";
 import { SummaryGridItemType } from '../summary-grid-item';
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -31,20 +31,23 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }, {
     SummaryGridItemType: typeof SummaryGridItemType;
@@ -78,30 +81,33 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     trendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     secondaryTrend: {
         type: StringConstructor;
         default: any;
     };
     secondaryTrendDirection: {
-        type: PropType<BentoSummaryGridItemTrendDirection>;
+        type: PropType<"positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection>;
         default: BentoSummaryGridItemTrendDirection;
+        validator: (value: BentoSummaryGridItemTrendDirection) => boolean;
     };
     size: {
-        type: PropType<BentoSummaryGridItemSize>;
+        type: PropType<"small" | "medium" | "large" | BentoSummaryGridItemSize>;
         default: BentoSummaryGridItemSize;
+        validator: (value: BentoSummaryGridItemSize) => boolean;
     };
 }>>, {
     copy: string;
-    size: BentoSummaryGridItemSize;
+    size: "small" | "medium" | "large" | BentoSummaryGridItemSize;
     fitContent: boolean;
     infoIconTooltipText: string;
     trend: string;
-    trendDirection: BentoSummaryGridItemTrendDirection;
+    trendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryTrend: string;
-    secondaryTrendDirection: BentoSummaryGridItemTrendDirection;
+    secondaryTrendDirection: "positive" | "negative" | "neutral" | BentoSummaryGridItemTrendDirection;
     secondaryMetric: string;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/summary-grid/summary-grid.types.d.ts

@@ -1,4 +1,4 @@
-import { GridLayoutColumnWidth } from '@/components/internal/grid-layout/grid-layout.types';
+import { GridLayoutColumnWidth } from "../internal/grid-layout/grid-layout.types";
 export declare enum BentoSummaryGridItemSize {
     SMALL = "small",
     MEDIUM = "medium",

package/dist/@types/packages/vue2/src/components/tabs/tabs.vue.d.ts

@@ -1,4 +1,4 @@
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 import { BentoTabsEvent } from './tabs.types';
 declare const _default: import("vue").DefineComponent<{
     activeTabIndex: {

package/dist/@types/packages/vue2/src/components/tag/tag.vue.d.ts

@@ -1,13 +1,13 @@
 import { PropType } from 'vue';
 import { BentoTagVariant } from './tag.types';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     label: {
         type: StringConstructor;
         default: any;
     };
     variant: {
-        type: PropType<BentoTagVariant>;
+        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -20,7 +20,7 @@ declare const _default: import("vue").DefineComponent<{
     textFromSlot: import("vue").ComputedRef<string>;
     formattedText: import("vue").ComputedRef<string>;
     tagConditionalClasses: import("vue").ComputedRef<{
-        [x: string]: BentoTagVariant;
+        [x: string]: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
     }>;
     shouldShowTooltip: import("vue").ComputedRef<boolean>;
     BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -31,7 +31,7 @@ declare const _default: import("vue").DefineComponent<{
         default: any;
     };
     variant: {
-        type: PropType<BentoTagVariant>;
+        type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant>;
         default: BentoTagVariant;
         validator: (value: BentoTagVariant) => boolean;
     };
@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     label: string;
-    variant: BentoTagVariant;
+    variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | BentoTagVariant;
     truncate: number;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { BentoTextareaEvent, BentoTextareaResizeOption } from './textarea.types';
-import { BentoTypographyElement } from '@/components/typography';
-import { BentoButtonVariant } from '@/components/button';
+import { BentoTypographyElement } from "../typography";
+import { BentoButtonVariant } from "../button";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -48,8 +48,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     resizable: {
-        type: PropType<BentoTextareaResizeOption>;
+        type: PropType<"vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
+        validator: (value: BentoTextareaResizeOption) => boolean;
     };
     required: {
         type: BooleanConstructor;
@@ -69,7 +70,7 @@ declare const _default: import("vue").DefineComponent<{
     onFocus: () => void;
     onInput: (event: InputEvent) => void;
     onPressEscape: () => void;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("@/utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
     }>, never, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
@@ -146,8 +147,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     resizable: {
-        type: PropType<BentoTextareaResizeOption>;
+        type: PropType<"vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption>;
         default: BentoTextareaResizeOption;
+        validator: (value: BentoTextareaResizeOption) => boolean;
     };
     required: {
         type: BooleanConstructor;
@@ -171,6 +173,6 @@ declare const _default: import("vue").DefineComponent<{
     optional: boolean;
     clearable: boolean;
     characterLimit: number;
-    resizable: BentoTextareaResizeOption;
+    resizable: "vertical" | "horizontal" | "none" | "both" | BentoTextareaResizeOption;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/timeline/components/timeline-item/timeline-item.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonVariant } from "../../../button";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 import { BentoTimelineDataList, BentoTimelineItemVariant, BentoTimelineTimestamp } from '../../timeline.types';
 declare const _default: import("vue").DefineComponent<{
     additionalTimestamp: {
@@ -18,7 +18,7 @@ declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<Readonly<Partial<{
             label: string;
-            variant: import("@/components/tag").BentoTagVariant;
+            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -26,9 +26,9 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<import("@/components/tag").BentoTagVariant>;
-                default: import("@/components/tag").BentoTagVariant;
-                validator: (value: import("@/components/tag").BentoTagVariant) => boolean;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                default: import("../../../tag").BentoTagVariant;
+                validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
             truncate: {
                 type: NumberConstructor;
@@ -40,9 +40,9 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<import("@/components/tag").BentoTagVariant>;
-                default: import("@/components/tag").BentoTagVariant;
-                validator: (value: import("@/components/tag").BentoTagVariant) => boolean;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                default: import("../../../tag").BentoTagVariant;
+                validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
             truncate: {
                 type: NumberConstructor;
@@ -60,7 +60,7 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     variant: {
-        type: PropType<BentoTimelineItemVariant>;
+        type: PropType<"CrossCircleIcon" | "SquareSmallIcon" | "CheckedCircleIcon" | BentoTimelineItemVariant>;
         default: BentoTimelineItemVariant;
         validator: (value: BentoTimelineItemVariant) => boolean;
     };
@@ -81,7 +81,7 @@ declare const _default: import("vue").DefineComponent<{
     timegapAriaLabel: import("vue").ComputedRef<string>;
     isLastItem: import("vue").ComputedRef<boolean>;
     generateUid: (value: string) => string;
-    t: import("vue-i18n-bridge").ComposerTranslation<import("@/utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
+    t: import("vue-i18n-bridge").ComposerTranslation<import("../../../../utils/ts/i18n").i18nMessages, string, import("@intlify/core-base").RemoveIndexSignature<{
         [x: string]: import("vue-i18n-bridge").LocaleMessageValue<import("vue-i18n-bridge").VueMessageType>;
     }>, never, import("@intlify/core-base")._ResourcePath<{
         [key: string]: string;
@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{
     tag: {
         type: PropType<Readonly<Partial<{
             label: string;
-            variant: import("@/components/tag").BentoTagVariant;
+            variant: "blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant;
             truncate: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             label: {
@@ -116,9 +116,9 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<import("@/components/tag").BentoTagVariant>;
-                default: import("@/components/tag").BentoTagVariant;
-                validator: (value: import("@/components/tag").BentoTagVariant) => boolean;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                default: import("../../../tag").BentoTagVariant;
+                validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
             truncate: {
                 type: NumberConstructor;
@@ -130,9 +130,9 @@ declare const _default: import("vue").DefineComponent<{
                 default: any;
             };
             variant: {
-                type: PropType<import("@/components/tag").BentoTagVariant>;
-                default: import("@/components/tag").BentoTagVariant;
-                validator: (value: import("@/components/tag").BentoTagVariant) => boolean;
+                type: PropType<"blue" | "green" | "red" | "grey" | "orange" | "white" | import("../../../tag").BentoTagVariant>;
+                default: import("../../../tag").BentoTagVariant;
+                validator: (value: import("../../../tag").BentoTagVariant) => boolean;
             };
             truncate: {
                 type: NumberConstructor;
@@ -150,13 +150,13 @@ declare const _default: import("vue").DefineComponent<{
         required: true;
     };
     variant: {
-        type: PropType<BentoTimelineItemVariant>;
+        type: PropType<"CrossCircleIcon" | "SquareSmallIcon" | "CheckedCircleIcon" | BentoTimelineItemVariant>;
         default: BentoTimelineItemVariant;
         validator: (value: BentoTimelineItemVariant) => boolean;
     };
 }>>, {
     description: string;
-    variant: BentoTimelineItemVariant;
+    variant: "CrossCircleIcon" | "SquareSmallIcon" | "CheckedCircleIcon" | BentoTimelineItemVariant;
     tag: any;
     additionalTimestamp: BentoTimelineTimestamp;
     dataList: BentoTimelineDataList;

package/dist/@types/packages/vue2/src/components/timeline/timeline.types.d.ts

@@ -1,5 +1,5 @@
-import { BentoDateFormat } from '@/components/date/date.types';
-import { BentoTag } from '@/components/tag';
+import { BentoDateFormat } from "../date/date.types";
+import { BentoTag } from "../tag";
 import { Ref } from 'vue';
 export declare enum BentoTimelineShowMorePlacement {
     BOTTOM = "bottom",

package/dist/@types/packages/vue2/src/components/toast/components/toast-item/toast-item.vue.d.ts

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { BentoToastItemAction } from './toast-item.types';
-import { BentoButtonVariant } from '@/components/button';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
+import { BentoButtonVariant } from "../../../button";
+import { BentoTypographyElement, BentoTypographyVariant } from "../../../typography";
 declare const _default: import("vue").DefineComponent<{
     text: {
         type: StringConstructor;

package/dist/@types/packages/vue2/src/components/toggle/toggle.types.d.ts

@@ -1,3 +1,7 @@
 export declare enum BentoTogglePropClass {
     LABEL_FIRST = "label-first"
 }
+export declare enum BentoToggleLabelPosition {
+    BEFORE = "before",
+    AFTER = "after"
+}

package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { AdlLabelPosition } from '@/types';
+import { BentoToggleLabelPosition } from './toggle.types';
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
 declare const _default: import("vue").DefineComponent<{
     ariaLabel: {
         type: StringConstructor;
@@ -11,9 +11,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     labelPosition: {
-        type: PropType<AdlLabelPosition>;
-        default: AdlLabelPosition;
-        validator: (value: AdlLabelPosition) => boolean;
+        type: PropType<"after" | "before" | BentoToggleLabelPosition>;
+        default: BentoToggleLabelPosition;
+        validator: (value: BentoToggleLabelPosition) => boolean;
     };
     readonly: {
         type: BooleanConstructor;
@@ -47,9 +47,9 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     labelPosition: {
-        type: PropType<AdlLabelPosition>;
-        default: AdlLabelPosition;
-        validator: (value: AdlLabelPosition) => boolean;
+        type: PropType<"after" | "before" | BentoToggleLabelPosition>;
+        default: BentoToggleLabelPosition;
+        validator: (value: BentoToggleLabelPosition) => boolean;
     };
     readonly: {
         type: BooleanConstructor;
@@ -64,6 +64,6 @@ declare const _default: import("vue").DefineComponent<{
     disabled: boolean;
     ariaLabel: string;
     readonly: boolean;
-    labelPosition: AdlLabelPosition;
+    labelPosition: "after" | "before" | BentoToggleLabelPosition;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/tooltip/tooltip.vue.d.ts

@@ -1,13 +1,13 @@
 import { PropType } from 'vue';
-import { PopperContainerAriaRole, PopperContainerPositionExtended } from '@/components/popper-container';
-import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
-import { VueNodeElement } from '@/types';
+import { PopperContainerAriaRole, PopperContainerPositionExtended } from "../popper-container";
+import { BentoTypographyElement, BentoTypographyVariant } from "../typography";
+import { VueNodeElement } from "../../types";
 export declare const Tooltip: {
     name: string;
     components: {
         BentoTypography: import("vue").DefineComponent<{
             el: {
-                type: PropType<BentoTypographyElement>;
+                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
                 default: BentoTypographyElement;
                 validator: (value: BentoTypographyElement) => boolean;
             };
@@ -20,7 +20,7 @@ export declare const Tooltip: {
                 default: boolean;
             };
             variant: {
-                type: PropType<BentoTypographyVariant>;
+                type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
                 default: BentoTypographyVariant;
                 validator: (value: BentoTypographyVariant) => boolean;
             };
@@ -42,7 +42,7 @@ export declare const Tooltip: {
             }>;
         }, {}, {}, {}, import("vue/types/v3-component-options.js").ComponentOptionsMixin, import("vue/types/v3-component-options.js").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
             el: {
-                type: PropType<BentoTypographyElement>;
+                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
                 default: BentoTypographyElement;
                 validator: (value: BentoTypographyElement) => boolean;
             };
@@ -55,7 +55,7 @@ export declare const Tooltip: {
                 default: boolean;
             };
             variant: {
-                type: PropType<BentoTypographyVariant>;
+                type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
                 default: BentoTypographyVariant;
                 validator: (value: BentoTypographyVariant) => boolean;
             };
@@ -72,11 +72,11 @@ export declare const Tooltip: {
                 default: boolean;
             };
         }>>, {
-            el: BentoTypographyElement;
+            el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement;
             wide: boolean;
             stronger: boolean;
             strongest: boolean;
-            variant: BentoTypographyVariant;
+            variant: "body" | "caption" | "title" | "subtitle" | BentoTypographyVariant;
             medium: boolean;
             large: boolean;
         }>;
@@ -94,7 +94,7 @@ export declare const Tooltip: {
                 required: true;
             };
             position: {
-                type: PropType<import("@/components/popper-container").PopperContainerPosition>;
+                type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -103,7 +103,7 @@ export declare const Tooltip: {
                 default: boolean;
             };
             arrow: {
-                type: PropType<boolean | import("@/components/popper-container").PopperContainerArrowProp>;
+                type: PropType<boolean | import("../popper-container").PopperContainerArrowProp>;
                 default: any;
             };
             offset: {
@@ -124,7 +124,7 @@ export declare const Tooltip: {
                 default: any;
             };
             fallbackPosition: {
-                type: PropType<import("@/components/popper-container").FallbackPositionProp>;
+                type: PropType<import("../popper-container").FallbackPositionProp>;
                 default: any;
             };
             ariaRole: {
@@ -137,7 +137,7 @@ export declare const Tooltip: {
             emittedPosition: any;
         }, {
             strategy(): import("@popperjs/core/index.js").PositioningStrategy;
-            allModifiers(): import("@/components/popper-container").ExtendedModifiers[];
+            allModifiers(): import("../popper-container").ExtendedModifiers[];
             arrowClasses(): string[];
         }, {
             initPopper(): void;
@@ -158,7 +158,7 @@ export declare const Tooltip: {
                 required: true;
             };
             position: {
-                type: PropType<import("@/components/popper-container").PopperContainerPosition>;
+                type: PropType<"left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition>;
                 default: PopperContainerPositionExtended;
                 validator: (value: unknown) => boolean;
             };
@@ -167,7 +167,7 @@ export declare const Tooltip: {
                 default: boolean;
             };
             arrow: {
-                type: PropType<boolean | import("@/components/popper-container").PopperContainerArrowProp>;
+                type: PropType<boolean | import("../popper-container").PopperContainerArrowProp>;
                 default: any;
             };
             offset: {
@@ -188,7 +188,7 @@ export declare const Tooltip: {
                 default: any;
             };
             fallbackPosition: {
-                type: PropType<import("@/components/popper-container").FallbackPositionProp>;
+                type: PropType<import("../popper-container").FallbackPositionProp>;
                 default: any;
             };
             ariaRole: {
@@ -201,12 +201,12 @@ export declare const Tooltip: {
             modifiers: unknown[];
             arrow: any;
             offset: number[];
-            position: import("@/components/popper-container").PopperContainerPosition;
+            position: "left" | "auto" | "top" | "right" | "bottom" | "auto-start" | "auto-end" | "top-start" | "top-end" | "right-start" | "right-end" | "bottom-start" | "bottom-end" | "left-start" | "left-end" | import("../popper-container").PopperContainerPosition;
             matchWidth: boolean;
             ariaLabel: string;
             fixedPositioning: boolean;
             disabledFocusTrap: boolean;
-            fallbackPosition: import("@/components/popper-container").FallbackPositionProp;
+            fallbackPosition: import("../popper-container").FallbackPositionProp;
             ariaRole: PopperContainerAriaRole;
         }>;
     };
@@ -220,8 +220,8 @@ export declare const Tooltip: {
             required: boolean;
         };
         position: {
-            type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
-            default: import("@/components/popper-container").PopperContainerPositionBasic;
+            type: PropType<import("../popper-container").PopperContainerPositionBasic>;
+            default: import("../popper-container").PopperContainerPositionBasic;
             validator: (value: any) => boolean;
         };
         offset: {
@@ -258,8 +258,8 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     position: {
-        type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
-        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        type: PropType<import("../popper-container").PopperContainerPositionBasic>;
+        default: import("../popper-container").PopperContainerPositionBasic;
         validator: (value: any) => boolean;
     };
     offset: {
@@ -293,8 +293,8 @@ declare const _default: import("vue").DefineComponent<{
         required: boolean;
     };
     position: {
-        type: PropType<import("@/components/popper-container").PopperContainerPositionBasic>;
-        default: import("@/components/popper-container").PopperContainerPositionBasic;
+        type: PropType<import("../popper-container").PopperContainerPositionBasic>;
+        default: import("../popper-container").PopperContainerPositionBasic;
         validator: (value: any) => boolean;
     };
     offset: {
@@ -312,7 +312,7 @@ declare const _default: import("vue").DefineComponent<{
 }>>, {
     id: string;
     offset: number;
-    position: import("@/components/popper-container").PopperContainerPositionBasic;
+    position: import("../popper-container").PopperContainerPositionBasic;
     isShown: boolean;
 }>;
 export default _default;

package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts

@@ -2,7 +2,7 @@ import { PropType } from 'vue';
 import { BentoTypographyElement, BentoTypographyVariant } from './typography.types';
 declare const _default: import("vue").DefineComponent<{
     el: {
-        type: PropType<BentoTypographyElement>;
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
         default: BentoTypographyElement;
         validator: (value: BentoTypographyElement) => boolean;
     };
@@ -15,7 +15,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<BentoTypographyVariant>;
+        type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
         default: BentoTypographyVariant;
         validator: (value: BentoTypographyVariant) => boolean;
     };
@@ -37,7 +37,7 @@ declare const _default: import("vue").DefineComponent<{
     }>;
 }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
     el: {
-        type: PropType<BentoTypographyElement>;
+        type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement>;
         default: BentoTypographyElement;
         validator: (value: BentoTypographyElement) => boolean;
     };
@@ -50,7 +50,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     variant: {
-        type: PropType<BentoTypographyVariant>;
+        type: PropType<"body" | "caption" | "title" | "subtitle" | BentoTypographyVariant>;
         default: BentoTypographyVariant;
         validator: (value: BentoTypographyVariant) => boolean;
     };
@@ -67,11 +67,11 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    el: BentoTypographyElement;
+    el: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | BentoTypographyElement;
     wide: boolean;
     stronger: boolean;
     strongest: boolean;
-    variant: BentoTypographyVariant;
+    variant: "body" | "caption" | "title" | "subtitle" | BentoTypographyVariant;
     medium: boolean;
     large: boolean;
 }>;

package/dist/@types/packages/vue2/src/composables/initials.d.ts

@@ -1,3 +1,3 @@
 import { ComputedRef } from 'vue';
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../types";
 export declare const useInitials: (username: MaybeRef<string | null>) => ComputedRef<string | null>;

package/dist/@types/packages/vue2/src/composables/use-checkbox-select-all/use-checkbox-select-all.d.ts

@@ -1,6 +1,6 @@
 import type { ComputedRef } from 'vue';
-import type { BentoListboxMultiSelectValue, Fn } from '@/types';
-import { BentoListboxOptions } from '@/types';
+import type { BentoListboxMultiSelectValue, Fn } from "../../types";
+import { BentoListboxOptions } from "../../types";
 export declare const useCheckboxSelectAll: (selectedItemsList: ComputedRef<BentoListboxMultiSelectValue>, items: ComputedRef<BentoListboxOptions>, selectAll: Fn, unselectAll: Fn) => {
     isAllSelected: ComputedRef<boolean>;
     isIndeterminate: ComputedRef<boolean>;

package/dist/@types/packages/vue2/src/composables/useDynamicImport.d.ts

@@ -1,2 +1,2 @@
-import { MaybeRef } from '@/types';
+import { MaybeRef } from "../types";
 export declare const useDynamicIconImport: (packageName: string, suffixSvgSrc: MaybeRef<string>, fallBackSrc: string) => import("vue").Ref<string>;

package/dist/@types/packages/vue2/src/directives/click-outside/on-click-outside.d.ts

@@ -1,3 +1,3 @@
-import type { MaybeElementRef } from '@/types';
+import type { MaybeElementRef } from "../../types";
 import type { OnClickOutsideHandler, OnClickOutsideOptions } from './types';
 export declare function onClickOutside<T extends OnClickOutsideOptions>(target: MaybeElementRef, handler: OnClickOutsideHandler, options?: T): () => void;

package/dist/@types/packages/vue2/src/directives/click-outside/types.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeElementRef } from '@/types';
+import type { MaybeElementRef } from "../../types";
 export interface OnClickOutsideOptions {
     ignore?: (MaybeElementRef | string)[];
     capture?: boolean;

package/dist/@types/packages/vue2/src/directives/click-outside/useEventListener/index.d.ts

@@ -1,4 +1,4 @@
-import type { Fn, MaybeComputedRef } from '@/types';
+import type { Fn, MaybeComputedRef } from "../../../types";
 import type { Arrayable, GeneralEventListener } from './types';
 export declare function useEventListener<E extends keyof WindowEventMap>(event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;
 export declare function useEventListener<E extends keyof WindowEventMap>(target: Window, event: Arrayable<E>, listener: Arrayable<(this: Window, ev: WindowEventMap[E]) => unknown>, options?: MaybeComputedRef<boolean | AddEventListenerOptions>): Fn;

package/dist/@types/packages/vue2/src/directives/click-outside/utils.d.ts

@@ -1,4 +1,4 @@
-import type { MaybeComputedElementRef, MaybeElement } from '@/types';
+import type { MaybeComputedElementRef, MaybeElement } from "../../types";
 export declare const defaultWindow: Window & typeof globalThis;
 export declare const isIOS: boolean;
 export declare function resolveUnref<T>(r: any): T;