@adyen/bento-vue3 1.26.0 → 1.28.0

package/dist/@types/packages/vue2/src/components/internal/radio-input/index.d.ts

@@ -1,3 +1,3 @@
 export { default as RadioInput } from './radio-input.vue';
-export type { RadioInputValue } from './radio-input.types';
-export { RadioInputStateClass } from './radio-input.types';
+export type { RadioInputValue } from "../../../../../core/src/components/radio-input/radio-input.types";
+export { RadioInputStateClass } from "../../../../../core/src/components/radio-input/radio-input.types";

package/dist/@types/packages/vue2/src/components/internal/radio-input/radio-input.vue.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from "../../../../../vue3/node_modules/vue";
-import { RadioInputValue } from './radio-input.types';
+import { RadioInputValue } from "../../../../../core/src/components/radio-input/radio-input.types";
 /**
  * Internal component that renders a radio input (without label)
  *

package/dist/@types/packages/vue2/src/components/segmented-control/components/segmented-control-button/segmented-control-button.vue.d.ts

@@ -1,122 +1,82 @@
-import { ComputedRef } from "../../../../../../vue3/node_modules/vue";
 /**
  * Internal component to be used within the BentoSegmentedControl component only
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * The string the button will showcase
+     * Disable the radio button (optional)
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    disabled?: boolean;
     /**
-     * Indicates the value of the input that will be returned when it's selected
+     * Renders the button with a 100% width
      */
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
+    fullWidth?: boolean;
+    /**
+     * The string the button will showcase
+     */
+    label: string;
     /**
      * This property should not be used directly.
      * It will be used by v-model directive on the segmented control component
      */
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: any;
-    };
+    modelValue?: string | number;
     /**
-     * Disable the radio button (optional)
+     * Renders the button with a truncated text if the space is not enough to render the whole content
      */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    truncate?: boolean;
     /**
-     * Renders the button with a 100% width
+     * Indicates the value of the input that will be returned when it's selected
      */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    value: string | number;
     /**
-     * Renders the button with a truncated text if the space is not enough to render the whole content
+     * Renders the button with centered text in case the text has to wrap multiple lines
      */
-    truncate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    wrap?: boolean;
+}>, {
+    disabled: boolean;
+    fullWidth: boolean;
+    modelValue: any;
+    truncate: boolean;
+    wrap: boolean;
+}>, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string | number) => void;
+}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
-     * Renders the button with centered text in case the text has to wrap multiple lines
+     * Disable the radio button (optional)
      */
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    segmentedControlButtonLabel: import("../../../../../../vue3/node_modules/vue").Ref<any>;
-    segmentedControlButtonId: string;
-    isChecked: ComputedRef<boolean>;
-    conditionalClasses: ComputedRef<{
-        'b-segmented-control-button--hug-content': boolean;
-        'b-segmented-control-button--full-width': boolean;
-        'b-segmented-control-button--truncate': boolean;
-        'b-segmented-control-button--wrap': boolean;
-    }>;
-    onClick: () => void;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, "update:model-value"[], "update:model-value", import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    disabled?: boolean;
     /**
-     * The string the button will showcase
+     * Renders the button with a 100% width
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    fullWidth?: boolean;
     /**
-     * Indicates the value of the input that will be returned when it's selected
+     * The string the button will showcase
      */
-    value: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
+    label: string;
     /**
      * This property should not be used directly.
      * It will be used by v-model directive on the segmented control component
      */
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        default: any;
-    };
-    /**
-     * Disable the radio button (optional)
-     */
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    modelValue?: string | number;
     /**
-     * Renders the button with a 100% width
+     * Renders the button with a truncated text if the space is not enough to render the whole content
      */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    truncate?: boolean;
     /**
-     * Renders the button with a truncated text if the space is not enough to render the whole content
+     * Indicates the value of the input that will be returned when it's selected
      */
-    truncate: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    value: string | number;
     /**
      * Renders the button with centered text in case the text has to wrap multiple lines
      */
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:model-value"?: (...args: any[]) => any;
+    wrap?: boolean;
+}>, {
+    disabled: boolean;
+    fullWidth: boolean;
+    modelValue: any;
+    truncate: boolean;
+    wrap: boolean;
+}>>> & {
+    "onUpdate:model-value"?: (value: string | number) => any;
 }, {
     disabled: boolean;
     truncate: boolean;
@@ -125,3 +85,17 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
     fullWidth: boolean;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/dist/@types/packages/vue2/src/components/segmented-control/segmented-control.types.d.ts

@@ -3,6 +3,9 @@ export interface BentoSegmentedControlItem {
     value: string | number;
     disabled?: boolean;
 }
+/**
+ * @deprecated from version 2.0.0. Use "@update:model-value" or "v-model" instead
+ */
 export declare enum BentoSegmentedControlEvent {
     UPDATE = "update:model-value"
 }

package/dist/@types/packages/vue2/src/components/segmented-control/segmented-control.vue.d.ts

@@ -1,5 +1,4 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
-import { BentoSegmentedControlEvent, BentoSegmentedControlItem } from './segmented-control.types';
+import { BentoSegmentedControlItem } from './segmented-control.types';
 /**
  * @example
  * import { BentoSegmentedControl } from '@adyen/bento-vue2';
@@ -15,110 +14,79 @@ import { BentoSegmentedControlEvent, BentoSegmentedControlItem } from './segment
  *     `
  * }
  */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
-    /**
-     * Items that will populate the segmented control.
-     */
-    items: {
-        type: PropType<BentoSegmentedControlItem[]>;
-        required: true;
-        validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
-    };
-    /**
-     * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
-     */
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
-    /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
-     */
+declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Accessible name describing the segmented control.
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
      */
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
+    ariaLabel?: string;
     /**
      * If set to true, renders the component full width.
      */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    /**
-     * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
-     */
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}, {
-    computedAriaLabel: import("../../../../vue3/node_modules/vue").ComputedRef<string>;
-    inputValue: import("../../../../vue3/node_modules/vue").Ref<string | number>;
-    segmentedControlRef: import("../../../../vue3/node_modules/vue").Ref<any>;
-    segmentedControlButtonRef: import("../../../../vue3/node_modules/vue").Ref<any>;
-    computedItems: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        tooltipText: string;
-        label: string;
-        value: string | number;
-        disabled?: boolean;
-    }[]>;
-    truncate: import("../../../../vue3/node_modules/vue").ComputedRef<boolean>;
-    conditionalClasses: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-segmented-control--hug': boolean;
-        'b-segmented-control--full-width': boolean;
-        'b-segmented-control--truncate': boolean;
-        'b-segmented-control--wrap': boolean;
-    }>;
-    onInput: (value: any) => void;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoSegmentedControlEvent[], BentoSegmentedControlEvent, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    fullWidth?: boolean;
     /**
      * Items that will populate the segmented control.
      */
-    items: {
-        type: PropType<BentoSegmentedControlItem[]>;
-        required: true;
-        validator: (arr: Array<BentoSegmentedControlItem[]>) => boolean;
-    };
+    items: BentoSegmentedControlItem[];
     /**
      * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
      */
-    modelValue: {
-        type: (StringConstructor | NumberConstructor)[];
-        required: true;
-    };
+    modelValue: string | number;
     /**
-     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
+     * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
      */
+    wrap?: boolean;
+}>, {
+    ariaLabel: any;
+    fullWidth: boolean;
+    wrap: boolean;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
+    "update:model-value": (value: string | number) => void;
+}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Accessible name describing the segmented control.
+     * @deprecated from version 2.0.0. Use the aria-label attribute instead.
      */
-    ariaLabel: {
-        type: StringConstructor;
-        default: any;
-    };
+    ariaLabel?: string;
     /**
      * If set to true, renders the component full width.
      */
-    fullWidth: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
+    fullWidth?: boolean;
+    /**
+     * Items that will populate the segmented control.
+     */
+    items: BentoSegmentedControlItem[];
+    /**
+     * Determines the selected value of the group. Corresponds to the BentoSegmentedControlItem's value.
+     */
+    modelValue: string | number;
     /**
      * If set to true, wraps the items in the segmented control to show their content whenever these don't fit in the available space anymore.
      */
-    wrap: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & {
-    "onUpdate:model-value"?: (...args: any[]) => any;
+    wrap?: boolean;
+}>, {
+    ariaLabel: any;
+    fullWidth: boolean;
+    wrap: boolean;
+}>>> & {
+    "onUpdate:model-value"?: (value: string | number) => any;
 }, {
     wrap: boolean;
     ariaLabel: string;
     fullWidth: boolean;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

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

@@ -1,4 +1,3 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoStatusVariant } from './status.types';
 /**
  * A Status component is used to indicate a
@@ -16,21 +15,25 @@ import { BentoStatusVariant } from './status.types';
  *     `
  * }
  */
-declare const _default: import("../../../../vue3/node_modules/vue").DefineComponent<{
-    variant: {
-        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    variant: BentoStatusVariant | `${BentoStatusVariant}`;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    variant: BentoStatusVariant | `${BentoStatusVariant}`;
+}>>>, {}>, {
+    default: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
         required: true;
-        validator: (type: BentoStatusVariant) => boolean;
     };
-}, {
-    conditionalClass: import("../../../../vue3/node_modules/vue").ComputedRef<{
-        [x: string]: boolean;
-    }>;
-}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
-    variant: {
-        type: PropType<"blue" | "green" | "red" | "yellow" | "grey" | "orange" | BentoStatusVariant>;
-        required: true;
-        validator: (type: BentoStatusVariant) => boolean;
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
     };
-}>>, {}>;
-export default _default;
+};

package/dist/@types/packages/vue2/src/components/structured-list/components/structered-list-item/structured-list-item.vue.d.ts

@@ -1,4 +1,3 @@
-import { PropType, Ref } from "../../../../../../vue3/node_modules/vue";
 /**
  * This is an item of the `BentoStructuredList` meant to be used only with that component.
  * It consists of a label/value pair, and also the optional copy and search modifiers.
@@ -24,88 +23,71 @@ import { PropType, Ref } from "../../../../../../vue3/node_modules/vue";
  *     `
  * }
  */
-declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
     /**
      * Label to display for the value
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    label: string;
     /**
      * Text to display in info icon tooltip in the label to display for the value
      */
-    labelInfo: {
-        type: StringConstructor;
-        default: any;
-    };
+    labelInfo?: string;
     /**
      * Text to copy when the user clicks `Copy` icon
      */
-    copy: {
-        type: StringConstructor;
-        default: any;
-    };
+    copy?: string;
     /**
      * Function to trigger when user clicks `Search` icon
      */
-    search: {
-        type: PropType<(event: Event) => void>;
-        default: any;
-    };
+    search?: (event: Event) => void;
     /**
      * Text to display when the user hovers over `Search` icon
      */
-    searchTooltip: {
-        type: StringConstructor;
-        default: any;
-    };
-}, {
-    conditionalClasses: import("../../../../../../vue3/node_modules/vue").ComputedRef<{
-        'b-structured-list-item--condensed': boolean;
-    }>;
-    labelTypographyVariant: import("../../../../../../vue3/node_modules/vue").ComputedRef<"caption" | "body">;
-    labelsWidth: Ref<string>;
-}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    searchTooltip?: string;
+    /**
+     * Truncates the value of the item
+     */
+    truncate?: boolean;
+}>, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     /**
      * Label to display for the value
      */
-    label: {
-        type: StringConstructor;
-        required: true;
-    };
+    label: string;
     /**
      * Text to display in info icon tooltip in the label to display for the value
      */
-    labelInfo: {
-        type: StringConstructor;
-        default: any;
-    };
+    labelInfo?: string;
     /**
      * Text to copy when the user clicks `Copy` icon
      */
-    copy: {
-        type: StringConstructor;
-        default: any;
-    };
+    copy?: string;
     /**
      * Function to trigger when user clicks `Search` icon
      */
-    search: {
-        type: PropType<(event: Event) => void>;
-        default: any;
-    };
+    search?: (event: Event) => void;
     /**
      * Text to display when the user hovers over `Search` icon
      */
-    searchTooltip: {
-        type: StringConstructor;
-        default: any;
-    };
-}>>, {
-    search: (event: Event) => void;
-    copy: string;
-    labelInfo: string;
-    searchTooltip: string;
+    searchTooltip?: string;
+    /**
+     * Truncates the value of the item
+     */
+    truncate?: boolean;
+}>>>, {}>, {
+    default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/@types/packages/vue2/src/components/structured-list/structured-list.vue.d.ts

@@ -1,4 +1,3 @@
-import { PropType } from "../../../../vue3/node_modules/vue";
 import { BentoStructuredListLayoutOptions } from './structured-list.types';
 /**
  * This is a list used to display pairs of information in a clear and organized manner.
@@ -23,14 +22,11 @@ import { BentoStructuredListLayoutOptions } from './structured-list.types';
  *     `
  * }
  */
-declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_modules/vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Width of the labels container, in pixels. Overrides layout prop.
      */
-    labelsWidth: {
-        type: NumberConstructor;
-        default: any;
-    };
+    labelsWidth?: number;
     /**
      * The layout of the label value pair in percentage.
      * If labelsWidth is set, layout will be overriden by the static pixel value.
@@ -43,19 +39,15 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * '42-58'
      * '50-50'
      */
-    layout: {
-        type: PropType<BentoStructuredListLayoutOptions>;
-        default: string;
-        validator: (value: BentoStructuredListLayoutOptions) => boolean;
-    };
-}, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<{
+    layout?: BentoStructuredListLayoutOptions;
+}>, {
+    labelsWidth: any;
+    layout: string;
+}>, {}, unknown, {}, {}, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../vue3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../vue3/node_modules/vue").VNodeProps & import("../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../vue3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Width of the labels container, in pixels. Overrides layout prop.
      */
-    labelsWidth: {
-        type: NumberConstructor;
-        default: any;
-    };
+    labelsWidth?: number;
     /**
      * The layout of the label value pair in percentage.
      * If labelsWidth is set, layout will be overriden by the static pixel value.
@@ -68,18 +60,31 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
      * '42-58'
      * '50-50'
      */
-    layout: {
-        type: PropType<BentoStructuredListLayoutOptions>;
-        default: string;
-        validator: (value: BentoStructuredListLayoutOptions) => boolean;
-    };
-}>>, {
+    layout?: BentoStructuredListLayoutOptions;
+}>, {
+    labelsWidth: any;
+    layout: string;
+}>>>, {
     layout: BentoStructuredListLayoutOptions;
     labelsWidth: number;
 }>, {
     default: (_: {}) => any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import("../../../../vue3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import("../../../../vue3/node_modules/vue").PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;