@porsche-design-system/components-vue 3.8.0-rc.0 → 3.9.0-rc.0

package/esm/lib/components/SegmentedControlWrapper.vue.d.ts

@@ -1,47 +1,55 @@
-import type { BreakpointCustomizable, SegmentedControlUpdateEvent } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    backgroundColor: {
-        type: import("vue").PropType<"background-surface" | "background-default">;
-    };
-    value: {
-        type: import("vue").PropType<string | number>;
-    };
-    columns: {
-        type: import("vue").PropType<BreakpointCustomizable<string | number>>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { SegmentedControlBackgroundColor, BreakpointCustomizable, SegmentedControlColumns, SegmentedControlUpdateEvent, Theme } from '../types';
+type PSegmentedControlProps = {
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release. Background color variations
+     */
+    backgroundColor?: SegmentedControlBackgroundColor;
+    /**
+     * Sets the amount of columns.
+     */
+    columns?: BreakpointCustomizable<SegmentedControlColumns>;
+    /**
+     * Adapts the segmented-control color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * Sets the initial value of the segmented-control.
+     */
+    value?: string | number;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlProps>, {
+    columns: 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<{
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    backgroundColor: {
-        type: import("vue").PropType<"background-surface" | "background-default">;
-    };
-    value: {
-        type: import("vue").PropType<string | number>;
-    };
-    columns: {
-        type: import("vue").PropType<BreakpointCustomizable<string | number>>;
-        default: string;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSegmentedControlProps>, {
+    columns: string;
+}>>> & {
     onUpdate?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
     onSegmentedControlChange?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
 }, {
-    theme: "light" | "dark" | "auto";
     columns: BreakpointCustomizable<string | number>;
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/esm/lib/components/SegmentedControlWrapper.vue.mjs

@@ -1,31 +1,31 @@
-import { defineComponent as d, ref as s, onMounted as m, onUpdated as u, openBlock as f, createBlock as c, resolveDynamicComponent as C, unref as g, withCtx as i, renderSlot as v } from "vue";
-import { getPrefixedTagName as _, syncProperties as n, addEventListenerToElementRef as r } from "../../utils.mjs";
-const y = /* @__PURE__ */ d({
+import { defineComponent as l, ref as f, inject as u, onMounted as i, onUpdated as h, watch as C, openBlock as g, createBlock as _, resolveDynamicComponent as y, unref as k, withCtx as v, renderSlot as R } from "vue";
+import { usePrefix as w, themeInjectionKey as x, addEventListenerToElementRef as s, syncProperties as p } from "../../utils.mjs";
+const B = /* @__PURE__ */ l({
   __name: "SegmentedControlWrapper",
   props: {
     backgroundColor: {},
     columns: { default: "auto" },
-    theme: { default: "light" },
+    theme: {},
     value: {}
   },
   emits: ["segmentedControlChange", "update"],
-  setup(a, { emit: o }) {
-    const t = a, l = _("p-segmented-control"), e = s();
-    return m(() => {
-      n(e.value, t), r(e.value, "segmentedControlChange", o), r(e.value, "update", o);
-    }), u(() => {
-      n(e.value, t);
-    }), (p, h) => (f(), c(C(g(l)), {
+  setup(a, { emit: c }) {
+    const d = w("p-segmented-control"), t = a, e = f(), n = c, r = u(x), m = () => p(e, { ...t, theme: t.theme || r.value });
+    return i(() => {
+      m(), s(e, "segmentedControlChange", n), s(e, "update", n);
+    }), h(m), C(r, (o) => {
+      p(e, { theme: t.theme || o });
+    }), (o, P) => (g(), _(y(k(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: i(() => [
-        v(p.$slots, "default")
+      default: v(() => [
+        R(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  y as default
+  B as default
 };

package/esm/lib/components/SelectWrapperWrapper.vue.d.ts

@@ -1,82 +1,63 @@
-import type { BreakpointCustomizable } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    filter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    description: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    state: {
-        type: import("vue").PropType<"none" | "success" | "error">;
-        default: string;
-    };
-    hideLabel: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    dropdownDirection: {
-        type: import("vue").PropType<"auto" | "down" | "up">;
-        default: string;
-    };
-    native: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    filter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    description: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    state: {
-        type: import("vue").PropType<"none" | "success" | "error">;
-        default: string;
-    };
-    hideLabel: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    dropdownDirection: {
-        type: import("vue").PropType<"auto" | "down" | "up">;
-        default: string;
-    };
-    native: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+import type { SelectWrapperDropdownDirection, BreakpointCustomizable, SelectWrapperState, Theme } from '../types';
+type PSelectWrapperProps = {
+    /**
+     * The description text.
+     */
+    description?: string;
+    /**
+     * Changes the direction to which the dropdown list appears.
+     */
+    dropdownDirection?: SelectWrapperDropdownDirection;
+    /**
+     * Filters select options by typing a character
+     */
+    filter?: boolean;
+    /**
+     * Show or hide label. For better accessibility it is recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * Forces rendering of native browser select dropdown
+     */
+    native?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: SelectWrapperState;
+    /**
+     * Adapts the select color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSelectWrapperProps>, {
+    description: string;
+    dropdownDirection: string;
+    filter: boolean;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    native: boolean;
+    state: 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<PSelectWrapperProps>, {
+    description: string;
+    dropdownDirection: string;
+    filter: boolean;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    native: boolean;
+    state: string;
+}>>>, {
     filter: boolean;
     label: string;
-    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
@@ -87,6 +68,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/esm/lib/components/SelectWrapperWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as l, ref as p, onMounted as f, onUpdated as d, openBlock as s, createBlock as u, resolveDynamicComponent as c, unref as i, withCtx as m, renderSlot as _ } from "vue";
-import { getPrefixedTagName as C, syncProperties as o } from "../../utils.mjs";
-const v = /* @__PURE__ */ l({
+import { defineComponent as l, ref as f, inject as c, onMounted as d, onUpdated as m, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as w } from "vue";
+import { usePrefix as B, themeInjectionKey as b, syncProperties as r } from "../../utils.mjs";
+const P = /* @__PURE__ */ l({
   __name: "SelectWrapperWrapper",
   props: {
     description: { default: "" },
@@ -11,25 +11,23 @@ const v = /* @__PURE__ */ l({
     message: { default: "" },
     native: { type: Boolean, default: !1 },
     state: { default: "none" },
-    theme: { default: "light" }
+    theme: {}
   },
-  setup(a) {
-    const t = a, n = C("p-select-wrapper"), e = p();
-    return f(() => {
-      o(e.value, t);
-    }), d(() => {
-      o(e.value, t);
-    }), (r, g) => (s(), u(c(i(n)), {
+  setup(p) {
+    const s = B("p-select-wrapper"), e = p, t = f(), n = c(b), a = () => r(t, { ...e, theme: e.theme || n.value });
+    return d(a), m(a), u(n, (o) => {
+      r(t, { theme: e.theme || o });
+    }), (o, k) => (i(), h(y(_(s)), {
       ref_key: "pdsComponentRef",
-      ref: e
+      ref: t
     }, {
-      default: m(() => [
-        _(r.$slots, "default")
+      default: C(() => [
+        w(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  v as default
+  P as default
 };

package/esm/lib/components/SpinnerWrapper.vue.d.ts

@@ -1,30 +1,40 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable } from '../types';
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "small" | "medium" | "large">>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    aria: {
-        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "small" | "medium" | "large">>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    aria: {
-        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
-    };
-}>>, {
+import type { SelectedAriaAttributes, SpinnerAriaAttribute, BreakpointCustomizable, SpinnerSize, Theme } from '../types';
+type PSpinnerProps = {
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<SpinnerAriaAttribute>;
+    /**
+     * Size of the spinner.
+     */
+    size?: BreakpointCustomizable<SpinnerSize>;
+    /**
+     * Adapts the spinner color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSpinnerProps>, {
+    size: 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<PSpinnerProps>, {
+    size: string;
+}>>>, {
     size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
-    theme: "light" | "dark" | "auto";
 }, {}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/esm/lib/components/SpinnerWrapper.vue.mjs

@@ -1,24 +1,22 @@
-import { defineComponent as p, ref as a, onMounted as s, onUpdated as m, openBlock as f, createBlock as c, resolveDynamicComponent as l, unref as i } from "vue";
-import { getPrefixedTagName as u, syncProperties as o } from "../../utils.mjs";
-const h = /* @__PURE__ */ p({
+import { defineComponent as c, ref as a, inject as f, onMounted as i, onUpdated as l, watch as u, openBlock as h, createBlock as d, resolveDynamicComponent as _, unref as y } from "vue";
+import { usePrefix as C, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
+const j = /* @__PURE__ */ c({
   __name: "SpinnerWrapper",
   props: {
     aria: {},
     size: { default: "small" },
-    theme: { default: "light" }
+    theme: {}
   },
-  setup(t) {
-    const n = t, r = u("p-spinner"), e = a();
-    return s(() => {
-      o(e.value, n);
-    }), m(() => {
-      o(e.value, n);
-    }), (d, _) => (f(), c(l(i(r)), {
+  setup(s) {
+    const m = C("p-spinner"), e = s, n = a(), t = f(k), o = () => p(n, { ...e, theme: e.theme || t.value });
+    return i(o), l(o), u(t, (r) => {
+      p(n, { theme: e.theme || r });
+    }), (r, x) => (h(), d(_(y(m)), {
       ref_key: "pdsComponentRef",
-      ref: e
+      ref: n
     }, null, 512));
   }
 });
 export {
-  h as default
+  j as default
 };

package/esm/lib/components/StepperHorizontalItemWrapper.vue.d.ts

@@ -1,25 +1,41 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    state: {
-        type: import("vue").PropType<"warning" | "current" | "complete">;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    state: {
-        type: import("vue").PropType<"warning" | "current" | "complete">;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+import type { StepperHorizontalItemState } from '../types';
+type PStepperHorizontalItemProps = {
+    /**
+     * Disables the stepper-horizontal-item. No events will be triggered while disabled state is active.
+     */
+    disabled?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: StepperHorizontalItemState;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PStepperHorizontalItemProps>, {
+    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<PStepperHorizontalItemProps>, {
+    disabled: boolean;
+}>>>, {
     disabled: boolean;
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

package/esm/lib/components/StepperHorizontalItemWrapper.vue.mjs

@@ -1,18 +1,14 @@
-import { defineComponent as a, ref as s, onMounted as f, onUpdated as l, openBlock as m, createBlock as d, resolveDynamicComponent as c, unref as i, withCtx as u, renderSlot as _ } from "vue";
-import { getPrefixedTagName as C, syncProperties as t } from "../../utils.mjs";
-const k = /* @__PURE__ */ a({
+import { defineComponent as s, ref as a, onMounted as f, onUpdated as c, openBlock as l, createBlock as m, resolveDynamicComponent as d, unref as i, withCtx as u, renderSlot as _ } from "vue";
+import { usePrefix as C, syncProperties as y } from "../../utils.mjs";
+const B = /* @__PURE__ */ s({
   __name: "StepperHorizontalItemWrapper",
   props: {
     disabled: { type: Boolean, default: !1 },
     state: {}
   },
-  setup(n) {
-    const o = n, r = C("p-stepper-horizontal-item"), e = s();
-    return f(() => {
-      t(e.value, o);
-    }), l(() => {
-      t(e.value, o);
-    }), (p, y) => (m(), d(c(i(r)), {
+  setup(t) {
+    const n = C("p-stepper-horizontal-item"), r = t, e = a(), o = () => y(e, r);
+    return f(o), c(o), (p, h) => (l(), m(d(i(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -24,5 +20,5 @@ const k = /* @__PURE__ */ a({
   }
 });
 export {
-  k as default
+  B as default
 };

package/esm/lib/components/StepperHorizontalWrapper.vue.d.ts

@@ -1,35 +1,44 @@
-import type { StepperHorizontalUpdateEvent, BreakpointCustomizable } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<BreakpointCustomizable<"small" | "medium">>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { StepperHorizontalUpdateEvent, BreakpointCustomizable, StepperHorizontalSize, Theme } from '../types';
+type PStepperHorizontalProps = {
+    size?: BreakpointCustomizable<StepperHorizontalSize>;
+    /**
+     * Adapts the tag color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PStepperHorizontalProps>, {
+    size: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     stepChange: (value: StepperHorizontalUpdateEvent) => void;
     update: (value: StepperHorizontalUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    size: {
-        type: import("vue").PropType<BreakpointCustomizable<"small" | "medium">>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PStepperHorizontalProps>, {
+    size: string;
+}>>> & {
     onUpdate?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
     onStepChange?: ((value: StepperHorizontalUpdateEvent) => any) | undefined;
 }, {
     size: BreakpointCustomizable<"small" | "medium">;
-    theme: "light" | "dark" | "auto";
 }, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;