@adyen/bento-vue3 1.35.1 → 1.37.0

package/dist/@types/packages/core/src/components/checkbox/checkbox.types.d.ts

@@ -0,0 +1,9 @@
+import type { BentoTagProps } from "../tag/tag.types";
+import type { CheckboxInputType as BentoCheckboxType, MultiCheckboxInputType as BentoMultiCheckboxType } from "../internal/checkbox-input/checkbox-input.types";
+import { CheckboxInputState as BentoCheckboxState } from "../internal/checkbox-input/checkbox-input.types";
+export { BentoCheckboxState, BentoCheckboxType, BentoMultiCheckboxType };
+export declare enum BentoCheckboxEvent {
+    UPDATE = "update:model-value",
+    INPUT = "input"
+}
+export type BentoCheckboxTag = BentoTagProps;

package/dist/@types/packages/{vue2/src/components/checkbox → core/src}/components/checkbox-group/checkbox-group.types.d.ts

@@ -1,4 +1,4 @@
-import type { BentoCheckboxTag } from "../..";
+import type { BentoCheckboxTag } from "../checkbox/checkbox.types";
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */

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

@@ -1,3 +1,17 @@
+export interface BentoTagProps {
+    /**
+     * The label text content of the Tag.
+     */
+    label?: string;
+    /**
+     * The number of characters to limit the number of displayed characters for the tag text, truncating it with an ellipsis of three dots "...".
+     */
+    truncate?: number;
+    /**
+     * The variant variant of tag
+     */
+    variant?: BentoTagVariant | `${BentoTagVariant}`;
+}
 /**
  * @deprecated for usage with properties since version 2.0. Use the string literal instead.
  */

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

@@ -0,0 +1,11 @@
+import { PopperContainerPositionBasic } from "../popper-container/popper-container.types";
+export declare const BentoTooltipPosition: {
+    TOP: PopperContainerPositionBasic.TOP;
+    RIGHT: PopperContainerPositionBasic.RIGHT;
+    BOTTOM: PopperContainerPositionBasic.BOTTOM;
+    LEFT: PopperContainerPositionBasic.LEFT;
+};
+export type BentoTooltipPosition = PopperContainerPositionBasic;
+export declare enum BentoTooltipState {
+    HIDDEN = "hidden"
+}

package/dist/@types/packages/core/src/utils/ts/index.d.ts

@@ -0,0 +1 @@
+export * from './generate-uid';

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

@@ -1,6 +1,6 @@
 import { PropType } from "../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
-import { BentoCheckboxEvent, BentoCheckboxTag, BentoCheckboxType } from './checkbox.types';
-import { BentoCheckboxGroupItems } from './components/checkbox-group/checkbox-group.types';
+import { BentoCheckboxEvent, BentoCheckboxTag, BentoCheckboxType } from "../../../../core/src/components/checkbox/checkbox.types";
+import { BentoCheckboxGroupItems } from "../../../../core/src/components/checkbox-group/checkbox-group.types";
 /**
  * Checkboxes are used to make a binary choice about an option.
  * The label tag area is also clickable.
@@ -232,224 +232,52 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     required: boolean;
     value: string | number;
     disabled: boolean;
-    tag: Partial<{
-        label: string;
-        variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
-        truncate: number;
-    }> & Omit<{
-        readonly variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
-        readonly label?: string;
-        readonly truncate?: number;
-    } & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").VNodeProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").AllowedComponentProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentCustomProps, "label" | "variant" | "truncate">;
+    tag: import("../tag").BentoTagProps;
     optional: boolean;
     errorMessage: string;
-    ariaLabel: string;
     readonly: boolean;
+    ariaLabel: string;
     hasError: boolean;
     indeterminate: boolean;
     modelValue: BentoCheckboxType | BentoCheckboxGroupItems;
 }, {}, {
     BentoTag: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
         label: {
-            type: StringConstructor;
+            type: PropType<string>;
+        } & {
             default: any;
         };
         variant: {
-            type: PropType<import("../tag").BentoTagVariant | `${import("../tag").BentoTagVariant}`>;
+            type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant>;
+        } & {
             default: import("../tag").BentoTagVariant;
-            validator: (value: import("../tag").BentoTagVariant) => boolean;
         };
         truncate: {
-            type: NumberConstructor;
+            type: PropType<number>;
+        } & {
             default: any;
         };
-    }>, {
-        computedAriaLabel: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        textFromSlot: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        formattedText: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
-        tagConditionalClasses: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<{
-            [x: string]: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
-        }>;
-        shouldShowTooltip: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
-    }, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
+    }>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
         label: {
-            type: StringConstructor;
+            type: PropType<string>;
+        } & {
             default: any;
         };
         variant: {
-            type: PropType<import("../tag").BentoTagVariant | `${import("../tag").BentoTagVariant}`>;
+            type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant>;
+        } & {
             default: import("../tag").BentoTagVariant;
-            validator: (value: import("../tag").BentoTagVariant) => boolean;
         };
         truncate: {
-            type: NumberConstructor;
+            type: PropType<number>;
+        } & {
             default: any;
         };
     }>> & Readonly<{}>, {
         label: string;
-        variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
+        variant: import("../tag").BentoTagVariant | `${import("../tag").BentoTagVariant}`;
         truncate: number;
-    }, {}, {
-        BentoTypography: {
-            new (...args: any[]): import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-                wide: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                stronger: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                strongest: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                el: {
-                    type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-                } & {
-                    default: import("../typography").BentoTypographyElement;
-                };
-                large: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                medium: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
-                } & {
-                    default: import("../typography").BentoTypographyVariant;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
-                wide: boolean;
-                stronger: boolean;
-                strongest: boolean;
-                el: import("../typography").BentoTypographyElement | `${import("../typography").BentoTypographyElement}`;
-                large: boolean;
-                medium: boolean;
-                variant: import("../typography").BentoTypographyVariant | `${import("../typography").BentoTypographyVariant}`;
-            }, true, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalComponents, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalDirectives, string, {}, any, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, {
-                P: {};
-                B: {};
-                D: {};
-                C: {};
-                M: {};
-                Defaults: {};
-            }, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-                wide: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                stronger: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                strongest: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                el: {
-                    type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-                } & {
-                    default: import("../typography").BentoTypographyElement;
-                };
-                large: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                medium: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
-                } & {
-                    default: import("../typography").BentoTypographyVariant;
-                };
-            }>> & Readonly<{}>, {}, {}, {}, {}, {
-                wide: boolean;
-                stronger: boolean;
-                strongest: boolean;
-                el: import("../typography").BentoTypographyElement | `${import("../typography").BentoTypographyElement}`;
-                large: boolean;
-                medium: boolean;
-                variant: import("../typography").BentoTypographyVariant | `${import("../typography").BentoTypographyVariant}`;
-            }>;
-            __isFragment?: never;
-            __isTeleport?: never;
-            __isSuspense?: never;
-        } & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsBase<Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
-            wide: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            stronger: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            strongest: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            el: {
-                type: PropType<"div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span" | import("../typography").BentoTypographyElement>;
-            } & {
-                default: import("../typography").BentoTypographyElement;
-            };
-            large: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            medium: {
-                type: PropType<boolean>;
-            } & {
-                default: boolean;
-            };
-            variant: {
-                type: PropType<"body" | "caption" | "title" | "subtitle" | import("../typography").BentoTypographyVariant>;
-            } & {
-                default: import("../typography").BentoTypographyVariant;
-            };
-        }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, {
-            wide: boolean;
-            stronger: boolean;
-            strongest: boolean;
-            el: import("../typography").BentoTypographyElement | `${import("../typography").BentoTypographyElement}`;
-            large: boolean;
-            medium: boolean;
-            variant: import("../typography").BentoTypographyVariant | `${import("../typography").BentoTypographyVariant}`;
-        }, {}, string, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalComponents, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").GlobalDirectives, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions> & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").VNodeProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").AllowedComponentProps & import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentCustomProps & (new () => {
-            $slots: {
-                default: (_: {}) => any;
-            };
-        });
-    }, {
-        BentoTooltipDirective: {
-            bind(el: any, binding: any): void;
-            update(el: any, binding: any): void;
-            unbind(el: any): void;
-            beforeMount(el: any, binding: any): void;
-            mounted(el: any, binding: any): void;
-            updated(el: any, binding: any): void;
-            unmounted(el: any): void;
-        };
-    }, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
+    }, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
     BentoTypography: {
         new (...args: any[]): import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").CreateComponentPublicInstanceWithMixins<Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
             wide: {
@@ -487,6 +315,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             } & {
                 default: import("../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, {
             wide: boolean;
             stronger: boolean;
@@ -538,6 +369,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             } & {
                 default: import("../typography").BentoTypographyVariant;
             };
+            richText: {
+                type: PropType<boolean>;
+            };
         }>> & Readonly<{}>, {}, {}, {}, {}, {
             wide: boolean;
             stronger: boolean;
@@ -586,6 +420,9 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         } & {
             default: import("../typography").BentoTypographyVariant;
         };
+        richText: {
+            type: PropType<boolean>;
+        };
     }>> & Readonly<{}>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, {
         wide: boolean;
         stronger: boolean;
@@ -625,7 +462,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             default: boolean;
         };
         modelValue: {
-            type: PropType<BentoCheckboxType | import("../internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
+            type: PropType<BentoCheckboxType | import("../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
             default: boolean;
         };
         readonly: {
@@ -664,7 +501,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
             default: boolean;
         };
         modelValue: {
-            type: PropType<BentoCheckboxType | import("../internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
+            type: PropType<BentoCheckboxType | import("../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
             default: boolean;
         };
         readonly: {
@@ -681,12 +518,12 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         value: string | number;
         disabled: boolean;
         id: string;
-        ariaLabel: string;
         readonly: boolean;
+        ariaLabel: string;
         ariaDescribedby: string;
         hasError: boolean;
         indeterminate: boolean;
-        modelValue: BentoCheckboxType | import("../internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems;
+        modelValue: BentoCheckboxType | import("../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems;
     }, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
     ErrorMessage: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<{
         errorMessage: {