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

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];
+} & {};

package/lib/components/ScrollerWrapper.vue.js

@@ -4,6 +4,7 @@ const k = /* @__PURE__ */ a({
   __name: "ScrollerWrapper",
   props: {
     alignScrollIndicator: { default: "center" },
+    aria: null,
     gradientColor: { default: "background-base" },
     gradientColorScheme: null,
     scrollIndicatorPosition: null,
@@ -11,13 +12,13 @@ const k = /* @__PURE__ */ a({
     scrollbar: { type: Boolean, default: !1 },
     theme: { default: "light" }
   },
-  setup(t) {
-    const o = t, n = C("p-scroller"), e = s();
+  setup(n) {
+    const o = n, t = C("p-scroller"), e = s();
     return c(() => {
       r(e.value, o);
     }), p(() => {
       r(e.value, o);
-    }), (l, _) => (d(), f(i(u(n)), {
+    }), (l, _) => (d(), f(i(u(t)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -1,53 +1,35 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SegmentedControlItemIcon } from '../types';
+type PSegmentedControlItemProps = {
     /**
      * Disables the button. No events will be triggered while disabled state is active.
      */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * The icon shown.
      */
-    icon?: import("../types").LinkButtonIconName | undefined;
+    icon?: SegmentedControlItemIcon;
     /**
      * A URL path to a custom icon.
      */
-    iconSource?: string | undefined;
+    iconSource?: string;
     /**
      * The label text.
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
      */
     value: string | number;
-}>, {
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlItemProps>, {
     disabled: boolean;
-}>, {}, 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<{
-    /**
-     * Disables the button. No events will be triggered while disabled state is active.
-     */
-    disabled?: boolean | undefined;
-    /**
-     * The icon shown.
-     */
-    icon?: import("../types").LinkButtonIconName | undefined;
-    /**
-     * A URL path to a custom icon.
-     */
-    iconSource?: string | undefined;
-    /**
-     * The label text.
-     */
-    label?: string | undefined;
-    /**
-     * The value of this item which is emitted by the parent element if it becomes selected. This property is **required**.
-     */
-    value: string | number;
-}>, {
+}>, {}, 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<PSegmentedControlItemProps>, {
     disabled: boolean;
 }>>>, {
     disabled: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -60,12 +42,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/SegmentedControlWrapper.vue.d.ts

@@ -1,45 +1,33 @@
-import type { SegmentedControlUpdateEvent, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SegmentedControlBackgroundColor, SegmentedControlUpdateEvent, Theme } from '../types';
+type PSegmentedControlProps = {
     /**
      * @deprecated since v3.0.0, will be removed with next major release. Background color variations
      */
-    backgroundColor?: "background-surface" | "background-default" | undefined;
+    backgroundColor?: SegmentedControlBackgroundColor;
     /**
      * Adapts the segmented-control color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Sets the initial value of the segmented-control.
      */
-    value?: string | number | undefined;
-}>, {
+    value?: string | number;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlProps>, {
     theme: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     segmentedControlChange: (value: SegmentedControlUpdateEvent) => void;
-} & {
     update: (value: SegmentedControlUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release. Background color variations
-     */
-    backgroundColor?: "background-surface" | "background-default" | undefined;
-    /**
-     * Adapts the segmented-control color depending on the theme.
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Sets the initial value of the segmented-control.
-     */
-    value?: string | number | undefined;
-}>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlProps>, {
     theme: string;
 }>>> & {
     onUpdate?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
     onSegmentedControlChange?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
 }, {
-    theme: Theme;
+    theme: "light" | "dark";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -52,12 +40,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/SelectWrapperWrapper.vue.d.ts

@@ -1,42 +1,44 @@
+/** __vue_virtual_code_placeholder */
 import type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PSelectWrapperProps = {
     /**
      * The description text.
      */
-    description?: string | undefined;
+    description?: string;
     /**
      * Changes the direction to which the dropdown list appears.
      */
-    dropdownDirection?: "auto" | "down" | "up" | undefined;
+    dropdownDirection?: SelectWrapperDropdownDirection;
     /**
      * Filters select options by typing a character
      */
-    filter?: boolean | undefined;
+    filter?: boolean;
     /**
      * Show or hide label. For better accessibility it is 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;
     /**
      * Forces rendering of native browser select dropdown
      */
-    native?: boolean | undefined;
+    native?: boolean;
     /**
      * The validation state.
      */
-    state?: "success" | "none" | "error" | undefined;
+    state?: SelectWrapperState;
     /**
      * Adapts the select color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSelectWrapperProps>, {
     description: string;
     dropdownDirection: string;
     filter: boolean;
@@ -46,44 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     native: boolean;
     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<{
-    /**
-     * The description text.
-     */
-    description?: string | undefined;
-    /**
-     * Changes the direction to which the dropdown list appears.
-     */
-    dropdownDirection?: "auto" | "down" | "up" | undefined;
-    /**
-     * Filters select options by typing a character
-     */
-    filter?: boolean | undefined;
-    /**
-     * Show or hide label. For better accessibility it is 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;
-    /**
-     * Forces rendering of native browser select dropdown
-     */
-    native?: boolean | undefined;
-    /**
-     * The validation state.
-     */
-    state?: "success" | "none" | "error" | undefined;
-    /**
-     * Adapts the select 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<PSelectWrapperProps>, {
     description: string;
     dropdownDirection: string;
     filter: boolean;
@@ -96,15 +61,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     filter: boolean;
     label: string;
-    theme: Theme;
+    theme: "light" | "dark";
     description: string;
-    state: SelectWrapperState;
+    state: "success" | "none" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
-    dropdownDirection: SelectWrapperDropdownDirection;
+    dropdownDirection: "auto" | "down" | "up";
     native: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -117,12 +82,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/SpinnerWrapper.vue.d.ts

@@ -1,39 +1,28 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
+type PSpinnerProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
     /**
      * Size of the spinner.
      */
-    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
+    size?: BreakpointCustomizable<SpinnerSize>;
     /**
      * Adapts the spinner color depending on the theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSpinnerProps>, {
     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<{
-    /**
-     * Add ARIA attributes.
-     */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
-    /**
-     * Size of the spinner.
-     */
-    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
-    /**
-     * Adapts the spinner 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<PSpinnerProps>, {
     size: string;
     theme: string;
 }>>>, {
-    size: BreakpointCustomizable<SpinnerSize>;
-    theme: Theme;
+    size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
+    theme: "light" | "dark";
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -46,7 +35,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];
+} & {};