@adyen/bento-vue3 1.35.1 → 1.36.0

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/vue2/src/components/checkbox/checkbox.vue.d.ts

@@ -234,10 +234,10 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     disabled: boolean;
     tag: Partial<{
         label: string;
-        variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
+        variant: import("../tag").BentoTagVariant | `${import("../tag").BentoTagVariant}`;
         truncate: number;
     }> & Omit<{
-        readonly variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../tag").BentoTagVariant;
+        readonly variant: import("../tag").BentoTagVariant | `${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">;
@@ -251,205 +251,41 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
 }, {}, {
     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: {
@@ -625,7 +461,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 +500,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: {
@@ -686,7 +522,7 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
         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: {

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

@@ -307,7 +307,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             default: boolean;
         };
         modelValue: {
-            type: PropType<import("../../checkbox.types").BentoCheckboxType | BentoCheckboxGroupItems>;
+            type: PropType<import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | BentoCheckboxGroupItems>;
             default: boolean;
         };
         optional: {
@@ -351,7 +351,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
         contentSlotAvailable: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
         hasContentSlot: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<boolean>;
         hasSlot: (name: string) => boolean;
-        onChange: (newValue: import("../../checkbox.types").BentoCheckboxType | BentoCheckboxGroupItems) => void;
+        onChange: (newValue: import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | BentoCheckboxGroupItems) => void;
         t: (key: "required" | "checkbox" | "optional", values?: import("vue-i18n").default.Values) => string;
     }, {}, {}, {}, 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, BentoCheckboxEvent[], BentoCheckboxEvent, 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<{
         ariaLabel: {
@@ -375,7 +375,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             default: boolean;
         };
         modelValue: {
-            type: PropType<import("../../checkbox.types").BentoCheckboxType | BentoCheckboxGroupItems>;
+            type: PropType<import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | BentoCheckboxGroupItems>;
             default: boolean;
         };
         optional: {
@@ -407,10 +407,10 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
         disabled: boolean;
         tag: Partial<{
             label: string;
-            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant;
+            variant: import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant | `${import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant}`;
             truncate: number;
         }> & Omit<{
-            readonly variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant;
+            readonly variant: import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant | `${import("../../../../../../core/src/components/tag/tag.types").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">;
@@ -420,209 +420,45 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
         readonly: boolean;
         hasError: boolean;
         indeterminate: boolean;
-        modelValue: import("../../checkbox.types").BentoCheckboxType | BentoCheckboxGroupItems;
+        modelValue: import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | 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("../../../../../../core/src/components/tag/tag.types").BentoTagVariant | `${import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant}`>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant>;
+            } & {
                 default: import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant;
-                validator: (value: import("../../../../../../core/src/components/tag/tag.types").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("../../../../../../core/src/components/tag/tag.types").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("../../../../../../core/src/components/tag/tag.types").BentoTagVariant | `${import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant}`>;
+                type: PropType<"blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant>;
+            } & {
                 default: import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant;
-                validator: (value: import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant) => boolean;
             };
             truncate: {
-                type: NumberConstructor;
+                type: PropType<number>;
+            } & {
                 default: any;
             };
         }>> & Readonly<{}>, {
             label: string;
-            variant: "blue" | "green" | "grey" | "orange" | "red" | "white" | import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant;
+            variant: import("../../../../../../core/src/components/tag/tag.types").BentoTagVariant | `${import("../../../../../../core/src/components/tag/tag.types").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("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement>;
-                    } & {
-                        default: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement;
-                    };
-                    large: {
-                        type: PropType<boolean>;
-                    } & {
-                        default: boolean;
-                    };
-                    medium: {
-                        type: PropType<boolean>;
-                    } & {
-                        default: boolean;
-                    };
-                    variant: {
-                        type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant>;
-                    } & {
-                        default: import("../../../../../../core/src/components/typography/typography.types").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("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement | `${import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement}`;
-                    large: boolean;
-                    medium: boolean;
-                    variant: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant | `${import("../../../../../../core/src/components/typography/typography.types").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("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement>;
-                    } & {
-                        default: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement;
-                    };
-                    large: {
-                        type: PropType<boolean>;
-                    } & {
-                        default: boolean;
-                    };
-                    medium: {
-                        type: PropType<boolean>;
-                    } & {
-                        default: boolean;
-                    };
-                    variant: {
-                        type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant>;
-                    } & {
-                        default: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant;
-                    };
-                }>> & Readonly<{}>, {}, {}, {}, {}, {
-                    wide: boolean;
-                    stronger: boolean;
-                    strongest: boolean;
-                    el: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement | `${import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement}`;
-                    large: boolean;
-                    medium: boolean;
-                    variant: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant | `${import("../../../../../../core/src/components/typography/typography.types").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("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement>;
-                } & {
-                    default: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement;
-                };
-                large: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                medium: {
-                    type: PropType<boolean>;
-                } & {
-                    default: boolean;
-                };
-                variant: {
-                    type: PropType<"body" | "caption" | "title" | "subtitle" | import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant>;
-                } & {
-                    default: import("../../../../../../core/src/components/typography/typography.types").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("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement | `${import("../../../../../../core/src/components/typography/typography.types").BentoTypographyElement}`;
-                large: boolean;
-                medium: boolean;
-                variant: import("../../../../../../core/src/components/typography/typography.types").BentoTypographyVariant | `${import("../../../../../../core/src/components/typography/typography.types").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: {
@@ -798,7 +634,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                 default: boolean;
             };
             modelValue: {
-                type: PropType<import("../../checkbox.types").BentoCheckboxType | import("../../../internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
+                type: PropType<import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
                 default: boolean;
             };
             readonly: {
@@ -837,7 +673,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
                 default: boolean;
             };
             modelValue: {
-                type: PropType<import("../../checkbox.types").BentoCheckboxType | import("../../../internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
+                type: PropType<import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems>;
                 default: boolean;
             };
             readonly: {
@@ -859,7 +695,7 @@ declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.
             ariaDescribedby: string;
             hasError: boolean;
             indeterminate: boolean;
-            modelValue: import("../../checkbox.types").BentoCheckboxType | import("../../../internal/checkbox-input/checkbox-input.types").CheckboxInputGroupItems;
+            modelValue: import("../../../../../../core/src/components/internal/checkbox-input/checkbox-input.types").CheckboxInputType | 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: {

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.d.ts

@@ -10,6 +10,7 @@ export declare const DATAGRID_SELECT_WIDTH = 32;
 export declare const DATAGRID_SELECT_WIDTH_WITH_SELECT_ALL_PAGES_ENABLED = 56;
 export declare const DATAGRID_CELL_OFFSET_INITIAL = 1;
 export declare const DATAGRID_CELL_OFFSET_PADDING = 16;
+export declare const DATAGRID_TEMPLATE_EXTRA_PADDING = 20;
 /**
  * Calculates the width of the columns using width, minWidth and/or a fluid number.
  *

package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts

@@ -10,4 +10,5 @@ export interface CalculateColumnWidthOptions {
     hasColumnPanel?: Ref<boolean>;
     hasSelectableColumn?: Ref<boolean>;
     hasSelectableAcrossPages?: Ref<boolean>;
+    isDataGridTemplate?: boolean;
 }

package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts

@@ -220,11 +220,11 @@ declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typ
     value: Date;
     label: string;
     disabled: boolean;
-    description: string;
     isDateDisabled: any;
     firstDayOfWeek: any;
     min: any;
     max: any;
+    description: string;
     tooltipText: string;
     optional: boolean;
     errorMessage: string;