@porsche-design-system/components-vue 3.0.0-rc.1 → 3.0.0-rc.2

package/lib/components/ButtonTileWrapper.vue.d.ts

@@ -1,21 +1,22 @@
-import type { ButtonTileAlign, SelectedAriaAttributes, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
+type PButtonTileProps = {
     /**
      * Alignment of button and description.
      */
-    align?: "top" | "bottom" | undefined;
+    align?: ButtonTileAlign;
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
     /**
      * Aspect ratio of the button-tile.
      */
-    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
     /**
      * Displays the button-tile as compact version with description and button icon only.
      */
-    compact?: BreakpointCustomizable<boolean> | undefined;
+    compact?: BreakpointCustomizable<boolean>;
     /**
      * Description text.
      */
@@ -23,19 +24,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show gradient.
      */
-    gradient?: boolean | undefined;
+    gradient?: boolean;
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: ButtonTileIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Label of the button.
      */
@@ -43,20 +44,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Font size of the description.
      */
-    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
+    size?: BreakpointCustomizable<ButtonTileSize>;
     /**
      * Specifies the type of the button.
      */
-    type?: "reset" | "button" | "submit" | undefined;
+    type?: ButtonTileType;
     /**
      * Font weight of the description.
      */
-    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
-}>, {
+    weight?: BreakpointCustomizable<ButtonTileWeight>;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonTileProps>, {
     align: string;
     aspectRatio: string;
     compact: boolean;
@@ -67,64 +69,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: string;
     type: string;
     weight: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Alignment of button and description.
-     */
-    align?: "top" | "bottom" | undefined;
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
-    /**
-     * Aspect ratio of the button-tile.
-     */
-    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
-    /**
-     * Displays the button-tile as compact version with description and button icon only.
-     */
-    compact?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * Description text.
-     */
-    description: string;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Show gradient.
-     */
-    gradient?: boolean | undefined;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * Label of the button.
-     */
-    label: string;
-    /**
-     * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean | undefined;
-    /**
-     * Font size of the description.
-     */
-    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: "reset" | "button" | "submit" | undefined;
-    /**
-     * Font weight of the description.
-     */
-    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
-}>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonTileProps>, {
     align: string;
     aspectRatio: string;
     compact: boolean;
@@ -136,18 +81,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     weight: string;
 }>>>, {
-    weight: BreakpointCustomizable<ButtonTileWeight>;
+    weight: BreakpointCustomizable<"regular" | "semi-bold">;
+    type: "reset" | "button" | "submit";
     compact: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<ButtonTileSize>;
-    type: ButtonTileType;
+    size: BreakpointCustomizable<"default" | "inherit">;
     disabled: boolean;
-    icon: ButtonTileIcon;
+    icon: import("../types").LinkButtonIconName;
     loading: boolean;
-    align: ButtonTileAlign;
-    aspectRatio: BreakpointCustomizable<ButtonTileAspectRatio>;
+    align: "top" | "bottom";
+    aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
     gradient: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -160,12 +105,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/ButtonWrapper.vue.d.ts

@@ -1,42 +1,44 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
+type PButtonProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * Show or hide label. For better accessibility it is recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: ButtonIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * Adapts the button color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Specifies the type of the button.
      */
-    type?: "reset" | "button" | "submit" | undefined;
+    type?: ButtonType;
     /**
      * The style variant of the button.
      */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-}>, {
+    variant?: ButtonVariant;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonProps>, {
     disabled: boolean;
     hideLabel: boolean;
     icon: string;
@@ -44,44 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
     type: string;
     variant: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * Show or hide label. For better accessibility it is recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The icon shown. By choosing 'none', no icon is displayed.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * Disables the button and shows a loading indicator. No events will be triggered while loading state is active.
-     */
-    loading?: boolean | undefined;
-    /**
-     * Adapts the button color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Specifies the type of the button.
-     */
-    type?: "reset" | "button" | "submit" | undefined;
-    /**
-     * The style variant of the button.
-     */
-    variant?: "primary" | "secondary" | "tertiary" | undefined;
-}>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PButtonProps>, {
     disabled: boolean;
     hideLabel: boolean;
     icon: string;
@@ -90,15 +55,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     variant: string;
 }>>>, {
-    theme: Theme;
-    type: ButtonType;
+    type: "reset" | "button" | "submit";
+    theme: "light" | "dark";
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: ButtonIcon;
+    icon: import("../types").LinkButtonIconName;
     loading: boolean;
-    variant: ButtonVariant;
+    variant: "primary" | "secondary" | "tertiary";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -111,12 +76,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/CarouselWrapper.vue.d.ts

@@ -1,55 +1,57 @@
-import type { CarouselAlignHeader, BreakpointCustomizable, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
+type PCarouselProps = {
     /**
      * Defines which slide to be active (zero-based numbering).
      */
-    activeSlideIndex?: number | undefined;
+    activeSlideIndex?: number;
     /**
      * Alignment of heading and description
      */
-    alignHeader?: "center" | "left" | undefined;
+    alignHeader?: CarouselAlignHeader;
     /**
      * Defines the description used in the carousel.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
      */
-    disablePagination?: BreakpointCustomizable<boolean> | undefined;
+    disablePagination?: BreakpointCustomizable<boolean>;
     /**
      * Defines the heading used in the carousel.
      */
-    heading?: string | undefined;
+    heading?: string;
     /**
      * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
      */
-    intl?: Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | undefined;
+    intl?: CarouselInternationalization;
     /**
      * If false, the carousel will not show pagination bullets at the bottom.
      */
-    pagination?: BreakpointCustomizable<boolean> | undefined;
+    pagination?: BreakpointCustomizable<boolean>;
     /**
      * Whether the slides should rewind from last to first slide and vice versa.
      */
-    rewind?: boolean | undefined;
+    rewind?: boolean;
     /**
      * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
      */
-    slidesPerPage?: "auto" | BreakpointCustomizable<number> | undefined;
+    slidesPerPage?: BreakpointCustomizable<number> | "auto";
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Defines the outer spacings between the carousel and the left and right screen sides.
      */
-    width?: "extended" | "basic" | undefined;
+    width?: CarouselWidth;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    wrapContent?: boolean | undefined;
-}>, {
+    wrapContent?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCarouselProps>, {
     activeSlideIndex: number;
     alignHeader: string;
     pagination: boolean;
@@ -59,59 +61,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     carouselChange: (value: CarouselUpdateEvent) => void;
-} & {
     update: (value: CarouselUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Defines which slide to be active (zero-based numbering).
-     */
-    activeSlideIndex?: number | undefined;
-    /**
-     * Alignment of heading and description
-     */
-    alignHeader?: "center" | "left" | undefined;
-    /**
-     * Defines the description used in the carousel.
-     */
-    description?: string | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
-     */
-    disablePagination?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * Defines the heading used in the carousel.
-     */
-    heading?: string | undefined;
-    /**
-     * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
-     */
-    intl?: Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | undefined;
-    /**
-     * If false, the carousel will not show pagination bullets at the bottom.
-     */
-    pagination?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * Whether the slides should rewind from last to first slide and vice versa.
-     */
-    rewind?: boolean | undefined;
-    /**
-     * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
-     */
-    slidesPerPage?: "auto" | BreakpointCustomizable<number> | undefined;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Defines the outer spacings between the carousel and the left and right screen sides.
-     */
-    width?: "extended" | "basic" | undefined;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    wrapContent?: boolean | undefined;
-}>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCarouselProps>, {
     activeSlideIndex: number;
     alignHeader: string;
     pagination: boolean;
@@ -123,15 +74,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onUpdate?: ((value: CarouselUpdateEvent) => any) | undefined;
     onCarouselChange?: ((value: CarouselUpdateEvent) => any) | undefined;
 }, {
-    theme: Theme;
-    width: CarouselWidth;
+    theme: "light" | "dark";
+    width: "extended" | "basic";
     activeSlideIndex: number;
-    alignHeader: CarouselAlignHeader;
+    alignHeader: "center" | "left";
     pagination: BreakpointCustomizable<boolean>;
     rewind: boolean;
-    slidesPerPage: BreakpointCustomizable<number> | "auto";
+    slidesPerPage: BreakpointCustomizable<number>;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -144,12 +95,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/CheckboxWrapperWrapper.vue.d.ts

@@ -1,62 +1,39 @@
+/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PCheckboxWrapperProps = {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
      */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
+    hideLabel?: BreakpointCustomizable<boolean>;
     /**
      * The label text.
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * Disables the checkbox and shows a loading indicator.
      */
-    loading?: boolean | undefined;
+    loading?: boolean;
     /**
      * The message styled depending on validation state.
      */
-    message?: string | undefined;
+    message?: string;
     /**
      * The validation state.
      */
-    state?: "success" | "none" | "error" | undefined;
+    state?: CheckboxWrapperState;
     /**
      * Adapts the color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCheckboxWrapperProps>, {
     hideLabel: boolean;
     label: string;
     loading: boolean;
     message: string;
     state: string;
     theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Show or hide label. For better accessibility it's recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The label text.
-     */
-    label?: string | undefined;
-    /**
-     * Disables the checkbox and shows a loading indicator.
-     */
-    loading?: boolean | undefined;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string | undefined;
-    /**
-     * The validation state.
-     */
-    state?: "success" | "none" | "error" | undefined;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-}>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCheckboxWrapperProps>, {
     hideLabel: boolean;
     label: string;
     loading: boolean;
@@ -65,13 +42,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
 }>>>, {
     label: string;
-    theme: Theme;
-    state: CheckboxWrapperState;
+    theme: "light" | "dark";
+    state: "success" | "none" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     message: string;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -84,12 +61,19 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
+        $props: __VLS_PropsChildren<S>;
     };
 };
+type __VLS_PropsChildren<S> = {
+    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};