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

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

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

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

@@ -1,71 +1,56 @@
-import type { BreakpointCustomizable, SwitchUpdateEvent } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    stretch: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    alignLabel: {
-        type: import("vue").PropType<BreakpointCustomizable<"start" | "end" | "left" | "right">>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideLabel: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    checked: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { BreakpointCustomizable, SwitchAlignLabel, SwitchUpdateEvent, Theme } from '../types';
+type PSwitchProps = {
+    /**
+     * Aligns the label.
+     */
+    alignLabel?: BreakpointCustomizable<SwitchAlignLabel>;
+    /**
+     * Visualize the switch with on/off status.
+     */
+    checked?: boolean;
+    /**
+     * Disables the switch. No events will be triggered while disabled state is active.
+     */
+    disabled?: boolean;
+    /**
+     * Show or hide label. For better accessibility it's recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Disables the switch and shows a loading indicator. No events will be triggered while loading state is active.
+     */
+    loading?: boolean;
+    /**
+     * Stretches the contents to max available space.
+     */
+    stretch?: BreakpointCustomizable<boolean>;
+    /**
+     * Adapts the switch color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSwitchProps>, {
+    alignLabel: string;
+    checked: boolean;
+    disabled: boolean;
+    hideLabel: boolean;
+    loading: boolean;
+    stretch: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     switchChange: (value: SwitchUpdateEvent) => void;
     update: (value: SwitchUpdateEvent) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    stretch: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    alignLabel: {
-        type: import("vue").PropType<BreakpointCustomizable<"start" | "end" | "left" | "right">>;
-        default: string;
-    };
-    disabled: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    hideLabel: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    checked: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>> & {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PSwitchProps>, {
+    alignLabel: string;
+    checked: boolean;
+    disabled: boolean;
+    hideLabel: boolean;
+    loading: boolean;
+    stretch: boolean;
+}>>> & {
     onUpdate?: ((value: SwitchUpdateEvent) => any) | undefined;
     onSwitchChange?: ((value: SwitchUpdateEvent) => any) | undefined;
 }, {
     stretch: BreakpointCustomizable<boolean>;
-    theme: "light" | "dark" | "auto";
     alignLabel: BreakpointCustomizable<"start" | "end" | "left" | "right">;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
@@ -75,6 +60,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/SwitchWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as p, onMounted as r, onUpdated as u, openBlock as c, createBlock as i, resolveDynamicComponent as m, unref as h, withCtx as g, renderSlot as C } from "vue";
-import { getPrefixedTagName as _, syncProperties as o, addEventListenerToElementRef as n } from "../../utils.mjs";
-const B = /* @__PURE__ */ f({
+import { defineComponent as d, ref as m, inject as i, onMounted as h, onUpdated as u, watch as y, openBlock as C, createBlock as w, resolveDynamicComponent as _, unref as g, withCtx as B, renderSlot as b } from "vue";
+import { usePrefix as k, themeInjectionKey as R, addEventListenerToElementRef as l, syncProperties as f } from "../../utils.mjs";
+const P = /* @__PURE__ */ d({
   __name: "SwitchWrapper",
   props: {
     alignLabel: { default: "end" },
@@ -9,26 +9,26 @@ const B = /* @__PURE__ */ f({
     hideLabel: { default: !1 },
     loading: { type: Boolean, default: !1 },
     stretch: { default: !1 },
-    theme: { default: "light" }
+    theme: {}
   },
   emits: ["switchChange", "update"],
-  setup(l, { emit: t }) {
-    const a = l, d = _("p-switch"), e = p();
-    return r(() => {
-      o(e.value, a), n(e.value, "switchChange", t), n(e.value, "update", t);
-    }), u(() => {
-      o(e.value, a);
-    }), (s, v) => (c(), i(m(h(d)), {
+  setup(p, { emit: r }) {
+    const c = k("p-switch"), t = p, e = m(), o = r, a = i(R), s = () => f(e, { ...t, theme: t.theme || a.value });
+    return h(() => {
+      s(), l(e, "switchChange", o), l(e, "update", o);
+    }), u(s), y(a, (n) => {
+      f(e, { theme: t.theme || n });
+    }), (n, v) => (C(), w(_(g(c)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        C(s.$slots, "default")
+      default: B(() => [
+        b(n.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  B as default
+  P as default
 };

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

@@ -1,10 +1,10 @@
 import { defineComponent as t, openBlock as n, createBlock as r, resolveDynamicComponent as a, unref as p, withCtx as l, renderSlot as m } from "vue";
-import { getPrefixedTagName as c } from "../../utils.mjs";
-const _ = /* @__PURE__ */ t({
+import { usePrefix as s } from "../../utils.mjs";
+const d = /* @__PURE__ */ t({
   __name: "TableBodyWrapper",
-  setup(f) {
-    const e = c("p-table-body");
-    return (o, s) => (n(), r(a(p(e)), null, {
+  setup(c) {
+    const e = s("p-table-body");
+    return (o, f) => (n(), r(a(p(e)), null, {
       default: l(() => [
         m(o.$slots, "default")
       ]),
@@ -13,5 +13,5 @@ const _ = /* @__PURE__ */ t({
   }
 });
 export {
-  _ as default
+  d as default
 };

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

@@ -1,19 +1,36 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    multiline: {
-        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<{
-    multiline: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+type PTableCellProps = {
+    /**
+     * Displays slotted text multiline or forced into a single line.
+     */
+    multiline?: boolean;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTableCellProps>, {
+    multiline: 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<PTableCellProps>, {
+    multiline: boolean;
+}>>>, {
     multiline: 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/TableCellWrapper.vue.mjs

@@ -1,17 +1,13 @@
-import { defineComponent as a, ref as l, onMounted as s, onUpdated as f, openBlock as m, createBlock as c, resolveDynamicComponent as d, unref as u, withCtx as i, renderSlot as C } from "vue";
-import { getPrefixedTagName as _, syncProperties as t } from "../../utils.mjs";
-const k = /* @__PURE__ */ a({
+import { defineComponent as s, ref as l, onMounted as a, onUpdated as f, openBlock as c, createBlock as m, resolveDynamicComponent as d, unref as u, withCtx as i, renderSlot as C } from "vue";
+import { usePrefix as _, syncProperties as y } from "../../utils.mjs";
+const B = /* @__PURE__ */ s({
   __name: "TableCellWrapper",
   props: {
     multiline: { type: Boolean, default: !1 }
   },
   setup(n) {
-    const o = n, r = _("p-table-cell"), e = l();
-    return s(() => {
-      t(e.value, o);
-    }), f(() => {
-      t(e.value, o);
-    }), (p, y) => (m(), c(d(u(r)), {
+    const t = _("p-table-cell"), r = n, e = l(), o = () => y(e, r);
+    return a(o), f(o), (p, b) => (c(), m(d(u(t)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -23,5 +19,5 @@ const k = /* @__PURE__ */ a({
   }
 });
 export {
-  k as default
+  B as default
 };

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

@@ -1,35 +1,48 @@
 import type { TableHeadCellSort } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    sort: {
-        type: import("vue").PropType<TableHeadCellSort>;
-    };
-    hideLabel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    multiline: {
-        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<{
-    sort: {
-        type: import("vue").PropType<TableHeadCellSort>;
-    };
-    hideLabel: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    multiline: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+type PTableHeadCellProps = {
+    /**
+     * Hides the label but stays accessible for screen readers. This property only takes effect when sort property is not defined.
+     */
+    hideLabel?: boolean;
+    /**
+     * Displays slotted text multiline or forced into a single line.
+     */
+    multiline?: boolean;
+    /**
+     * Defines sortability properties.
+     */
+    sort?: TableHeadCellSort;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTableHeadCellProps>, {
+    hideLabel: boolean;
+    multiline: 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<PTableHeadCellProps>, {
+    hideLabel: boolean;
+    multiline: boolean;
+}>>>, {
     hideLabel: boolean;
     multiline: 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/TableHeadCellWrapper.vue.mjs

@@ -1,29 +1,25 @@
-import { defineComponent as r, ref as p, onMounted as s, onUpdated as f, openBlock as d, createBlock as m, resolveDynamicComponent as c, unref as u, withCtx as i, renderSlot as C } from "vue";
-import { getPrefixedTagName as _, syncProperties as t } from "../../utils.mjs";
-const B = /* @__PURE__ */ r({
+import { defineComponent as a, ref as l, onMounted as s, onUpdated as f, openBlock as c, createBlock as d, resolveDynamicComponent as m, unref as u, withCtx as i, renderSlot as C } from "vue";
+import { usePrefix as _, syncProperties as y } from "../../utils.mjs";
+const k = /* @__PURE__ */ a({
   __name: "TableHeadCellWrapper",
   props: {
     hideLabel: { type: Boolean, default: !1 },
     multiline: { type: Boolean, default: !1 },
     sort: {}
   },
-  setup(n) {
-    const o = n, a = _("p-table-head-cell"), e = p();
-    return s(() => {
-      t(e.value, o);
-    }), f(() => {
-      t(e.value, o);
-    }), (l, y) => (d(), m(c(u(a)), {
+  setup(t) {
+    const n = _("p-table-head-cell"), r = t, e = l(), o = () => y(e, r);
+    return s(o), f(o), (p, b) => (c(), d(m(u(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: i(() => [
-        C(l.$slots, "default")
+        C(p.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  B as default
+  k as default
 };

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

@@ -1,10 +1,10 @@
 import { defineComponent as t, openBlock as r, createBlock as n, resolveDynamicComponent as a, unref as p, withCtx as l, renderSlot as m } from "vue";
-import { getPrefixedTagName as c } from "../../utils.mjs";
-const _ = /* @__PURE__ */ t({
+import { usePrefix as s } from "../../utils.mjs";
+const d = /* @__PURE__ */ t({
   __name: "TableHeadRowWrapper",
-  setup(f) {
-    const e = c("p-table-head-row");
-    return (o, s) => (r(), n(a(p(e)), null, {
+  setup(c) {
+    const e = s("p-table-head-row");
+    return (o, f) => (r(), n(a(p(e)), null, {
       default: l(() => [
         m(o.$slots, "default")
       ]),
@@ -13,5 +13,5 @@ const _ = /* @__PURE__ */ t({
   }
 });
 export {
-  _ as default
+  d as default
 };

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

@@ -1,17 +1,17 @@
-import { defineComponent as o, openBlock as n, createBlock as r, resolveDynamicComponent as a, unref as p, withCtx as l, renderSlot as m } from "vue";
-import { getPrefixedTagName as c } from "../../utils.mjs";
-const _ = /* @__PURE__ */ o({
+import { defineComponent as t, openBlock as n, createBlock as r, resolveDynamicComponent as a, unref as p, withCtx as l, renderSlot as m } from "vue";
+import { usePrefix as s } from "../../utils.mjs";
+const d = /* @__PURE__ */ t({
   __name: "TableHeadWrapper",
-  setup(f) {
-    const e = c("p-table-head");
-    return (t, s) => (n(), r(a(p(e)), null, {
+  setup(c) {
+    const e = s("p-table-head");
+    return (o, f) => (n(), r(a(p(e)), null, {
       default: l(() => [
-        m(t.$slots, "default")
+        m(o.$slots, "default")
       ]),
       _: 3
     }));
   }
 });
 export {
-  _ as default
+  d as default
 };

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

@@ -1,10 +1,10 @@
 import { defineComponent as t, openBlock as r, createBlock as n, resolveDynamicComponent as a, unref as p, withCtx as l, renderSlot as m } from "vue";
-import { getPrefixedTagName as c } from "../../utils.mjs";
+import { usePrefix as s } from "../../utils.mjs";
 const i = /* @__PURE__ */ t({
   __name: "TableRowWrapper",
-  setup(f) {
-    const e = c("p-table-row");
-    return (o, s) => (r(), n(a(p(e)), null, {
+  setup(c) {
+    const e = s("p-table-row");
+    return (o, f) => (r(), n(a(p(e)), null, {
       default: l(() => [
         m(o.$slots, "default")
       ]),

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

@@ -1,31 +1,33 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    caption: {
-        type: import("vue").PropType<string>;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { Theme } from '../types';
+type PTableProps = {
+    /**
+     * A caption describing the contents of the table for accessibility only. This won't be visible in the browser. Use an element with an attribute of `slot="caption"` for a visible caption.
+     */
+    caption?: string;
+    /**
+     * Adapts the color when used on dark background.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PTableProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     sortingChange: (value: import("../types").TableHeadCellSort) => void;
     update: (value: import("../types").TableHeadCellSort) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    caption: {
-        type: import("vue").PropType<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_TypePropsToRuntimeProps<PTableProps>>> & {
     onUpdate?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
     onSortingChange?: ((value: import("../types").TableHeadCellSort) => any) | undefined;
-}, {
-    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_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;

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

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