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

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,66 +1,54 @@
+/** __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;
     /**
      * 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;
-    /**
-     * 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;
     message: string;
     state: string;
     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;
@@ -73,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];
+} & {};

package/lib/components/CheckboxWrapperWrapper.vue.js

@@ -1,21 +1,22 @@
-import { defineComponent as p, ref as f, onMounted as l, onUpdated as s, openBlock as d, createBlock as c, resolveDynamicComponent as m, unref as u, withCtx as i, renderSlot as h } from "vue";
+import { defineComponent as p, ref as l, onMounted as f, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as c, unref as m, withCtx as i, renderSlot as h } from "vue";
 import { getPrefixedTagName as C, syncProperties as o } from "../../utils.js";
 const k = /* @__PURE__ */ p({
   __name: "CheckboxWrapperWrapper",
   props: {
     hideLabel: { default: !1 },
     label: { default: "" },
+    loading: { type: Boolean, default: !1 },
     message: { default: "" },
     state: { default: "none" },
     theme: { default: "light" }
   },
-  setup(n) {
-    const t = n, a = C("p-checkbox-wrapper"), e = f();
-    return l(() => {
+  setup(a) {
+    const t = a, n = C("p-checkbox-wrapper"), e = l();
+    return f(() => {
       o(e.value, t);
     }), s(() => {
       o(e.value, t);
-    }), (r, _) => (d(), c(m(u(a)), {
+    }), (r, _) => (d(), u(c(m(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -1,49 +1,36 @@
+/** __vue_virtual_code_placeholder */
 import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+type PContentWrapperProps = {
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    backgroundColor?: "default" | "transparent" | undefined;
+    backgroundColor?: ContentWrapperBackgroundColor;
     /**
      * Has no effect anymore
      * @deprecated since v3.0.0, will be removed with next major release
      */
-    theme?: "light" | "dark" | undefined;
+    theme?: Theme;
     /**
      * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
      */
-    width?: "extended" | "basic" | "fluid" | "narrow" | "full" | undefined;
-}>, {
+    width?: ContentWrapperWidth;
+};
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PContentWrapperProps>, {
     backgroundColor: string;
     theme: string;
     width: 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<{
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    backgroundColor?: "default" | "transparent" | undefined;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    theme?: "light" | "dark" | undefined;
-    /**
-     * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
-     */
-    width?: "extended" | "basic" | "fluid" | "narrow" | "full" | 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<PContentWrapperProps>, {
     backgroundColor: string;
     theme: string;
     width: string;
 }>>>, {
-    theme: Theme;
-    width: ContentWrapperWidth;
-    backgroundColor: ContentWrapperBackgroundColor;
+    theme: "light" | "dark";
+    width: "extended" | "basic" | "fluid" | "narrow" | "full";
+    backgroundColor: "default" | "transparent";
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -56,12 +43,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/CrestWrapper.vue.d.ts

@@ -1,36 +1,25 @@
-import type { SelectedAriaAttributes, CrestTarget } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';
+type PCrestProps = {
     /**
      * Add ARIA attributes.
      */
-    aria?: SelectedAriaAttributes<"aria-label"> | undefined;
+    aria?: SelectedAriaAttributes<CrestAriaAttribute>;
     /**
      * When providing an url then the component will be rendered as `<a>`.
      */
-    href?: string | undefined;
+    href?: string;
     /**
      * Target attribute where the link should be opened.
      */
-    target?: string | undefined;
-}>, {
+    target?: CrestTarget;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PCrestProps>, {
     target: 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;
-    /**
-     * When providing an url then the component will be rendered as `<a>`.
-     */
-    href?: string | undefined;
-    /**
-     * Target attribute where the link should be opened.
-     */
-    target?: string | 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<PCrestProps>, {
     target: string;
 }>>>, {
-    target: CrestTarget;
+    target: string;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -43,7 +32,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/DisplayWrapper.vue.d.ts

@@ -1,74 +1,51 @@
-import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, Theme } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
+type PDisplayProps = {
     /**
      * Text alignment of the component.
      */
-    align?: "center" | "left" | "right" | undefined;
+    align?: DisplayAlign;
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "inherit" | "primary" | undefined;
+    color?: DisplayColor;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
-    ellipsis?: boolean | undefined;
+    ellipsis?: boolean;
     /**
      * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
+    size?: BreakpointCustomizable<DisplaySize>;
     /**
      * Sets a custom HTML tag depending on the usage of the display component.
      */
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+    tag?: DisplayTag;
     /**
      * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PDisplayProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
     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<{
-    /**
-     * Text alignment of the component.
-     */
-    align?: "center" | "left" | "right" | undefined;
-    /**
-     * Basic text color variations depending on theme property.
-     */
-    color?: "inherit" | "primary" | undefined;
-    /**
-     * Adds an ellipsis to a single line of text if it overflows.
-     */
-    ellipsis?: boolean | undefined;
-    /**
-     * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
-     */
-    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
-    /**
-     * Sets a custom HTML tag depending on the usage of the display component.
-     */
-    tag?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    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<PDisplayProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
     size: string;
     theme: string;
 }>>>, {
-    size: BreakpointCustomizable<DisplaySize>;
-    theme: Theme;
-    align: DisplayAlign;
-    color: DisplayColor;
+    size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
+    theme: "light" | "dark";
+    align: "center" | "left" | "right";
+    color: "inherit" | "primary";
     ellipsis: boolean;
 }>, {
-    default: (_: {}) => any;
+    default?(_: {}): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -81,12 +58,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/DividerWrapper.vue.d.ts

@@ -1,50 +1,35 @@
-import type { DividerColor, BreakpointCustomizable, DividerDirection, Theme } from '../types';
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+/** __vue_virtual_code_placeholder */
+import type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';
+type PDividerProps = {
     /**
      * Defines color depending on theme.
      */
-    color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
+    color?: DividerColor;
     /**
      * Defines direction.
      */
-    direction?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
+    direction?: BreakpointCustomizable<DividerDirection>;
     /**
      * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
      */
-    orientation?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
+    orientation?: BreakpointCustomizable<DividerOrientation>;
     /**
      * Adapts color depending on theme.
      */
-    theme?: "light" | "dark" | undefined;
-}>, {
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PDividerProps>, {
     color: string;
     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<{
-    /**
-     * Defines color depending on theme.
-     */
-    color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
-    /**
-     * Defines direction.
-     */
-    direction?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
-     */
-    orientation?: BreakpointCustomizable<"horizontal" | "vertical"> | 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<PDividerProps>, {
     color: string;
     direction: string;
     theme: string;
 }>>>, {
-    theme: Theme;
-    direction: BreakpointCustomizable<DividerDirection>;
-    color: DividerColor;
+    theme: "light" | "dark";
+    direction: BreakpointCustomizable<"horizontal" | "vertical">;
+    color: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high";
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
@@ -57,7 +42,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];
+} & {};