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

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

@@ -1,72 +1,44 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, ModalAriaAttribute, BreakpointCustomizable } from '../types';
+type PModalProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<ModalAriaAttribute>;
     /**
      * If true, the modal will not be closable via backdrop click.
      */
-    disableBackdropClick?: boolean | undefined;
+    disableBackdropClick?: boolean;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
      */
-    disableCloseButton?: boolean | undefined;
+    disableCloseButton?: boolean;
     /**
      * If false, the modal will not have a dismiss button.
      */
-    dismissButton?: boolean | undefined;
+    dismissButton?: boolean;
     /**
      * If true the modal uses max viewport height and width. Should only be used for mobile.
      */
-    fullscreen?: BreakpointCustomizable<boolean> | undefined;
+    fullscreen?: BreakpointCustomizable<boolean>;
     /**
      * The title of the modal
      */
-    heading?: string | undefined;
+    heading?: string;
     /**
      * If true, the modal is open.
      */
     open: boolean;
-}>, {
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModalProps>, {
     disableBackdropClick: boolean;
     dismissButton: boolean;
     fullscreen: boolean;
     open: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: (value?: void | undefined) => void;
-} & {
     dismiss: (value?: void | undefined) => void;
-}, 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"> | undefined;
-    /**
-     * If true, the modal will not be closable via backdrop click.
-     */
-    disableBackdropClick?: boolean | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. If true, the modal will not have a dismiss button.
-     */
-    disableCloseButton?: boolean | undefined;
-    /**
-     * If false, the modal will not have a dismiss button.
-     */
-    dismissButton?: boolean | undefined;
-    /**
-     * If true the modal uses max viewport height and width. Should only be used for mobile.
-     */
-    fullscreen?: BreakpointCustomizable<boolean> | undefined;
-    /**
-     * The title of the modal
-     */
-    heading?: string | undefined;
-    /**
-     * If true, the modal is open.
-     */
-    open: boolean;
-}>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModalProps>, {
     disableBackdropClick: boolean;
     dismissButton: boolean;
     fullscreen: boolean;
@@ -80,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disableBackdropClick: boolean;
     fullscreen: BreakpointCustomizable<boolean>;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -93,12 +65,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/ModelSignatureWrapper.vue.d.ts

@@ -1,53 +1,38 @@
+/** __vue_virtual_code_placeholder */
 import type { ModelSignatureColor, ModelSignatureModel, ModelSignatureSize, Theme } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PModelSignatureProps = {
     /**
      * Adapts the color of the component.
      */
-    color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
+    color?: ModelSignatureColor;
     /**
      * Adapts the model of the component.
      */
-    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
+    model?: ModelSignatureModel;
     /**
      * Adapts the size of the component.
      */
-    size?: "inherit" | "small" | undefined;
+    size?: ModelSignatureSize;
     /**
      * Adapts color depending on theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PModelSignatureProps>, {
     color: string;
     model: string;
     size: 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<{
-    /**
-     * Adapts the color of the component.
-     */
-    color?: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | undefined;
-    /**
-     * Adapts the model of the component.
-     */
-    model?: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo" | undefined;
-    /**
-     * Adapts the size of the component.
-     */
-    size?: "inherit" | "small" | undefined;
-    /**
-     * Adapts color depending on 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<PModelSignatureProps>, {
     color: string;
     model: string;
     size: string;
     theme: string;
 }>>>, {
-    size: ModelSignatureSize;
-    theme: Theme;
-    color: ModelSignatureColor;
-    model: ModelSignatureModel;
+    size: "inherit" | "small";
+    theme: "light" | "dark";
+    color: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high";
+    model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -60,7 +45,10 @@ 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,5 +1,6 @@
-import type { BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { PaginationInternationalization, BreakpointCustomizable, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, Theme } from '../types';
+type PPaginationProps = {
     /**
      * Index of the currently active page.
      */
@@ -7,40 +8,41 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
      */
-    allyLabel?: string | undefined;
+    allyLabel?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
      */
-    allyLabelNext?: string | undefined;
+    allyLabelNext?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
      */
-    allyLabelPage?: string | undefined;
+    allyLabelPage?: string;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
      */
-    allyLabelPrev?: string | undefined;
+    allyLabelPrev?: string;
     /**
      * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
      */
-    intl?: Partial<Record<"page" | "prev" | "next" | "root", string>> | undefined;
+    intl?: PaginationInternationalization;
     /**
      * The total count of items which should be shown per page.
      */
-    itemsPerPage?: number | undefined;
+    itemsPerPage?: number;
     /**
      * The maximum number of page links rendered
      */
-    maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
+    maxNumberOfPageLinks?: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * The total count of items.
      */
     totalItemsCount: number;
-}>, {
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPaginationProps>, {
     activePage: number;
     intl: () => {
         root: string;
@@ -57,50 +59,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     totalItemsCount: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     pageChange: (value: PaginationUpdateEvent) => void;
-} & {
     update: (value: PaginationUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * Index of the currently active page.
-     */
-    activePage: number;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.root` instead. Aria label what the pagination is used for.
-     */
-    allyLabel?: string | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.next` instead. Aria label for next page icon.
-     */
-    allyLabelNext?: string | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.page` instead. Aria label for page navigation.
-     */
-    allyLabelPage?: string | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `intl.prev` instead. Aria label for previous page icon.
-     */
-    allyLabelPrev?: string | undefined;
-    /**
-     * Override the default wordings that are used for aria-labels on the next/prev and page buttons.
-     */
-    intl?: Partial<Record<"page" | "prev" | "next" | "root", string>> | undefined;
-    /**
-     * The total count of items which should be shown per page.
-     */
-    itemsPerPage?: number | undefined;
-    /**
-     * The maximum number of page links rendered
-     */
-    maxNumberOfPageLinks?: BreakpointCustomizable<7 | 5> | undefined;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * The total count of items.
-     */
-    totalItemsCount: number;
-}>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPaginationProps>, {
     activePage: number;
     intl: () => {
         root: string;
@@ -119,11 +79,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onUpdate?: ((value: PaginationUpdateEvent) => any) | undefined;
     onPageChange?: ((value: PaginationUpdateEvent) => any) | undefined;
 }, {
-    theme: Theme;
-    intl: Partial<Record<"page" | "prev" | "next" | "root", string>>;
+    theme: "light" | "dark";
+    intl: PaginationInternationalization;
     activePage: number;
     itemsPerPage: number;
-    maxNumberOfPageLinks: BreakpointCustomizable<PaginationMaxNumberOfPageLinks>;
+    maxNumberOfPageLinks: BreakpointCustomizable<7 | 5>;
     totalItemsCount: number;
 }>;
 export default _default;
@@ -137,7 +97,10 @@ 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_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,49 +1,34 @@
-import type { SelectedAriaAttributes, PopoverDirection, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, PopoverAriaAttribute, PopoverDirection, Theme } from '../types';
+type PPopoverProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
     /**
      * Descriptive text to show additional information when popover is open
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
-    direction?: "top" | "bottom" | "left" | "right" | undefined;
+    direction?: PopoverDirection;
     /**
      * Adapts the popover color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PPopoverProps>, {
     direction: 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<{
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
-    /**
-     * Descriptive text to show additional information when popover is open
-     */
-    description?: string | undefined;
-    /**
-     * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
-     */
-    direction?: "top" | "bottom" | "left" | "right" | undefined;
-    /**
-     * Adapts the popover 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<PPopoverProps>, {
     direction: string;
     theme: string;
 }>>>, {
-    theme: Theme;
-    direction: PopoverDirection;
+    theme: "light" | "dark";
+    direction: "top" | "bottom" | "left" | "right";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -56,12 +41,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/RadioButtonWrapperWrapper.vue.d.ts

@@ -1,53 +1,34 @@
+/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, RadioButtonWrapperState, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PRadioButtonWrapperProps = {
     /**
      * 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;
     /**
      * The message styled depending on validation state.
      */
-    message?: string | undefined;
+    message?: string;
     /**
      * The validation state.
      */
-    state?: "success" | "none" | "error" | undefined;
+    state?: RadioButtonWrapperState;
     /**
      * 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<PRadioButtonWrapperProps>, {
     hideLabel: boolean;
     label: string;
     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;
-    /**
-     * 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<PRadioButtonWrapperProps>, {
     hideLabel: boolean;
     label: string;
     message: string;
@@ -55,12 +36,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: string;
 }>>>, {
     label: string;
-    theme: Theme;
-    state: RadioButtonWrapperState;
+    theme: "light" | "dark";
+    state: "success" | "none" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -73,12 +54,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/ScrollerWrapper.vue.d.ts

@@ -1,79 +1,56 @@
-import type { ScrollerAlignScrollIndicator, ScrollerGradientColor, ScrollerScrollToPosition, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { ScrollerAlignScrollIndicator, SelectedAriaAttributes, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, Theme } from '../types';
+type PScrollerProps = {
     /**
-     * Sets the vertical position of scroll indicator
+     * Sets the vertical position of scroll indicator.
      */
-    alignScrollIndicator?: "top" | "center" | undefined;
+    alignScrollIndicator?: ScrollerAlignScrollIndicator;
+    /**
+     * Add ARIA role.
+     */
+    aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
     /**
      * Adapts the background gradient color of prev and next button.
      */
-    gradientColor?: "background-base" | "background-surface" | undefined;
+    gradientColor?: ScrollerGradientColor;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
      */
-    gradientColorScheme?: "default" | "surface" | undefined;
+    gradientColorScheme?: ScrollerGradientColorScheme;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
      */
-    scrollIndicatorPosition?: "top" | "center" | undefined;
+    scrollIndicatorPosition?: ScrollerScrollIndicatorPosition;
     /**
-     * Scrolls the scroll area to the left either smooth or immediately
+     * Scrolls the scroll area to the left either smooth or immediately.
      */
-    scrollToPosition?: ScrollerScrollToPosition | undefined;
+    scrollToPosition?: ScrollerScrollToPosition;
     /**
-     * Specifies if scrollbar should be shown
+     * Specifies if scrollbar should be shown.
      */
-    scrollbar?: boolean | undefined;
+    scrollbar?: boolean;
     /**
      * Adapts the color when used on dark background.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PScrollerProps>, {
     alignScrollIndicator: string;
     gradientColor: string;
     scrollbar: boolean;
     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<{
-    /**
-     * Sets the vertical position of scroll indicator
-     */
-    alignScrollIndicator?: "top" | "center" | undefined;
-    /**
-     * Adapts the background gradient color of prev and next button.
-     */
-    gradientColor?: "background-base" | "background-surface" | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `gradientColor` instead. Adapts the background gradient color of prev and next button.
-     */
-    gradientColorScheme?: "default" | "surface" | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `alignScrollIndicator` instead. Sets the vertical position of scroll indicator
-     */
-    scrollIndicatorPosition?: "top" | "center" | undefined;
-    /**
-     * Scrolls the scroll area to the left either smooth or immediately
-     */
-    scrollToPosition?: ScrollerScrollToPosition | undefined;
-    /**
-     * Specifies if scrollbar should be shown
-     */
-    scrollbar?: boolean | undefined;
-    /**
-     * Adapts the color when used on dark background.
-     */
-    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<PScrollerProps>, {
     alignScrollIndicator: string;
     gradientColor: string;
     scrollbar: boolean;
     theme: string;
 }>>>, {
-    theme: Theme;
-    alignScrollIndicator: ScrollerAlignScrollIndicator;
-    gradientColor: ScrollerGradientColor;
     scrollbar: boolean;
+    theme: "light" | "dark";
+    alignScrollIndicator: "top" | "center";
+    gradientColor: "background-base" | "background-surface";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -86,12 +63,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];
+} & {};