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

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

@@ -1,40 +1,49 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    icon: {
-        type: import("vue").PropType<"list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-full" | "bell" | "bookmark" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out">;
-    };
-    iconSource: {
-        type: import("vue").PropType<string>;
-    };
-    color: {
-        type: import("vue").PropType<"background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    icon: {
-        type: import("vue").PropType<"list" | "copy" | "grid" | "document" | "search" | "switch" | "360" | "accessibility" | "active-cabin-ventilation" | "add" | "adjust" | "arrow-double-down" | "arrow-double-left" | "arrow-double-right" | "arrow-double-up" | "arrow-down" | "arrow-first" | "arrow-head-down" | "arrow-head-left" | "arrow-head-right" | "arrow-head-up" | "arrow-last" | "arrow-left" | "arrow-right" | "arrow-up" | "augmented-reality" | "battery-empty" | "battery-full" | "bell" | "bookmark" | "broadcast" | "calculator" | "calendar" | "camera" | "car" | "car-battery" | "card" | "charging-active" | "charging-state" | "charging-station" | "chart" | "chat" | "check" | "city" | "climate" | "climate-control" | "clock" | "close" | "closed-caption" | "co2-emission" | "compare" | "configurate" | "country-road" | "cubic-capacity" | "delete" | "disable" | "download" | "duration" | "edit" | "email" | "error-filled" | "exclamation" | "external" | "filter" | "fingerprint" | "flash" | "fuel-station" | "garage" | "gift" | "globe" | "heart" | "heart-filled" | "highway" | "home" | "horn" | "image" | "increase" | "information" | "information-filled" | "key" | "leaf" | "leather" | "light" | "locate" | "lock" | "lock-open" | "logo-apple-podcast" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-facebook" | "logo-foursquare" | "logo-gmail" | "logo-google" | "logo-hatena" | "logo-instagram" | "logo-kaixin" | "logo-kakaotalk" | "logo-linkedin" | "logo-naver" | "logo-pinterest" | "logo-qq" | "logo-qq-share" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-spotify" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-twitter" | "logo-viber" | "logo-vk" | "logo-wechat" | "logo-weibo" | "logo-whatsapp" | "logo-xing" | "logo-yahoo" | "logo-youku" | "logo-youtube" | "logout" | "map" | "menu-dots-horizontal" | "menu-dots-vertical" | "menu-lines" | "minus" | "mobile" | "moon" | "oil-can" | "parking-brake" | "parking-light" | "pause" | "phone" | "pin" | "pin-filled" | "play" | "plug" | "plus" | "preheating" | "printer" | "purchase" | "push-pin" | "push-pin-off" | "qr" | "question" | "racing-flag" | "refresh" | "replay" | "reset" | "roof-closed" | "roof-open" | "route" | "rss" | "save" | "screen" | "send" | "share" | "shopping-bag" | "shopping-bag-filled" | "shopping-cart" | "shopping-cart-filled" | "sidelights" | "snowflake" | "sort" | "stack" | "star" | "steering-wheel" | "stopwatch" | "subtract" | "success" | "success-filled" | "sun" | "tablet" | "tachometer" | "tire" | "truck" | "upload" | "user" | "user-filled" | "user-group" | "user-manual" | "video" | "view" | "view-off" | "volume-off" | "volume-up" | "warning" | "warning-filled" | "weight" | "wifi" | "work" | "wrench" | "wrenches" | "zoom-in" | "zoom-out">;
-    };
-    iconSource: {
-        type: import("vue").PropType<string>;
-    };
-    color: {
-        type: import("vue").PropType<"background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft">;
-        default: string;
-    };
-}>>, {
-    theme: "light" | "dark" | "auto";
+import type { TagColor, TagIcon, Theme } from '../types';
+type PTagProps = {
+    /**
+     * Background color variations depending on theme property.
+     */
+    color?: TagColor;
+    /**
+     * The icon shown.
+     */
+    icon?: TagIcon;
+    /**
+     * A URL path to a custom icon.
+     */
+    iconSource?: string;
+    /**
+     * Adapts the tag color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTagProps>, {
+    color: 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<PTagProps>, {
+    color: string;
+}>>>, {
     color: "background-base" | "background-surface" | "primary" | "notification-success" | "notification-warning" | "notification-error" | "neutral-contrast-high" | "notification-neutral" | "background-default" | "notification-info-soft" | "notification-warning-soft" | "notification-success-soft" | "notification-error-soft";
 }, {}>, {
     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/TagWrapper.vue.mjs

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

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

@@ -1,111 +1,84 @@
-import type { BreakpointCustomizable } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    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;
-    };
-    actionIcon: {
-        type: import("vue").PropType<"locate">;
-    };
-    actionLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showCharacterCount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showCounter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showPasswordToggle: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    unit: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    unitPosition: {
-        type: import("vue").PropType<"prefix" | "suffix">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { TextFieldWrapperActionIcon, BreakpointCustomizable, TextFieldWrapperState, Theme, TextFieldWrapperUnitPosition } from '../types';
+type PTextFieldWrapperProps = {
+    /**
+     * Action icon can be set to `locate` for `input type="search"` in order to display an action button.
+     */
+    actionIcon?: TextFieldWrapperActionIcon;
+    /**
+     * Disables the action button and shows a loading indicator. No events will be triggered while loading state is active.
+     */
+    actionLoading?: boolean;
+    /**
+     * The description text.
+     */
+    description?: string;
+    /**
+     * Show or hide label and description text. 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;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `showCounter` instead. Show or hide max character count.
+     */
+    showCharacterCount?: boolean;
+    /**
+     * Show or hide max character count.
+     */
+    showCounter?: boolean;
+    /**
+     * __Experimental__: Show or hide password toggle for `input type="password"`.
+     */
+    showPasswordToggle?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: TextFieldWrapperState;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The unit text.
+     */
+    unit?: string;
+    /**
+     * The unit position.
+     */
+    unitPosition?: TextFieldWrapperUnitPosition;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextFieldWrapperProps>, {
+    actionLoading: boolean;
+    description: string;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    showCounter: boolean;
+    showPasswordToggle: boolean;
+    state: string;
+    unit: string;
+    unitPosition: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: (...args: unknown[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    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;
-    };
-    actionIcon: {
-        type: import("vue").PropType<"locate">;
-    };
-    actionLoading: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showCharacterCount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showCounter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    showPasswordToggle: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    unit: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    unitPosition: {
-        type: import("vue").PropType<"prefix" | "suffix">;
-        default: string;
-    };
-}>>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextFieldWrapperProps>, {
+    actionLoading: boolean;
+    description: string;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    showCounter: boolean;
+    showPasswordToggle: boolean;
+    state: string;
+    unit: string;
+    unitPosition: string;
+}>>>, {
     label: string;
-    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
@@ -119,6 +92,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/TextFieldWrapperWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as d, onMounted as f, onUpdated as s, openBlock as u, createBlock as i, resolveDynamicComponent as c, unref as m, withCtx as h, renderSlot as C } from "vue";
-import { getPrefixedTagName as g, syncProperties as o, addEventListenerToElementRef as w } from "../../utils.mjs";
-const B = /* @__PURE__ */ p({
+import { defineComponent as i, ref as d, inject as c, onMounted as u, onUpdated as m, watch as h, openBlock as y, createBlock as C, resolveDynamicComponent as w, unref as _, withCtx as x, renderSlot as B } from "vue";
+import { usePrefix as g, themeInjectionKey as P, addEventListenerToElementRef as R, syncProperties as r } from "../../utils.mjs";
+const v = /* @__PURE__ */ i({
   __name: "TextFieldWrapperWrapper",
   props: {
     actionIcon: {},
@@ -13,28 +13,28 @@ const B = /* @__PURE__ */ p({
     showCounter: { type: Boolean, default: !0 },
     showPasswordToggle: { type: Boolean, default: !0 },
     state: { default: "none" },
-    theme: { default: "light" },
+    theme: {},
     unit: { default: "" },
     unitPosition: { default: "prefix" }
   },
   emits: ["action"],
-  setup(a, { emit: n }) {
-    const t = a, r = g("p-text-field-wrapper"), e = d();
-    return f(() => {
-      o(e.value, t), w(e.value, "action", n);
-    }), s(() => {
-      o(e.value, t);
-    }), (l, y) => (u(), i(c(m(r)), {
+  setup(s, { emit: l }) {
+    const p = g("p-text-field-wrapper"), t = s, e = d(), f = l, n = c(P), a = () => r(e, { ...t, theme: t.theme || n.value });
+    return u(() => {
+      a(), R(e, "action", f);
+    }), m(a), h(n, (o) => {
+      r(e, { theme: t.theme || o });
+    }), (o, T) => (y(), C(w(_(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: h(() => [
-        C(l.$slots, "default")
+      default: x(() => [
+        B(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  B as default
+  v as default
 };

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

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

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

@@ -1,40 +1,49 @@
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<"unordered" | "numbered" | "alphabetically">;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    listType: {
-        type: import("vue").PropType<"unordered" | "ordered">;
-    };
-    orderType: {
-        type: import("vue").PropType<"numbered" | "alphabetically">;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<"unordered" | "numbered" | "alphabetically">;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    listType: {
-        type: import("vue").PropType<"unordered" | "ordered">;
-    };
-    orderType: {
-        type: import("vue").PropType<"numbered" | "alphabetically">;
-    };
-}>>, {
+import type { TextListListType, TextListOrderType, Theme, TextListType } from '../types';
+type PTextListProps = {
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
+     */
+    listType?: TextListListType;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The list style type of ordered list. Only has effect when list type is set to 'ordered'.
+     */
+    orderType?: TextListOrderType;
+    /**
+     * Adapts the text color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The list style type.
+     */
+    type?: TextListType;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextListProps>, {
+    type: 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<PTextListProps>, {
+    type: string;
+}>>>, {
     type: "unordered" | "numbered" | "alphabetically";
-    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;

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

@@ -1,30 +1,28 @@
-import { defineComponent as s, ref as a, onMounted as d, onUpdated as f, openBlock as l, createBlock as m, resolveDynamicComponent as u, unref as c, withCtx as i, renderSlot as _ } from "vue";
-import { getPrefixedTagName as y, syncProperties as o } from "../../utils.mjs";
-const g = /* @__PURE__ */ s({
+import { defineComponent as c, ref as f, inject as a, onMounted as d, onUpdated as i, watch as l, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as x } from "vue";
+import { usePrefix as T, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
+const j = /* @__PURE__ */ c({
   __name: "TextListWrapper",
   props: {
     listType: {},
     orderType: {},
-    theme: { default: "light" },
+    theme: {},
     type: { default: "unordered" }
   },
-  setup(n) {
-    const t = n, r = y("p-text-list"), e = a();
-    return d(() => {
-      o(e.value, t);
-    }), f(() => {
-      o(e.value, t);
-    }), (p, C) => (l(), m(u(c(r)), {
+  setup(s) {
+    const m = T("p-text-list"), e = s, t = f(), n = a(k), r = () => p(t, { ...e, theme: e.theme || n.value });
+    return d(r), i(r), l(n, (o) => {
+      p(t, { theme: e.theme || o });
+    }), (o, w) => (u(), h(y(_(m)), {
       ref_key: "pdsComponentRef",
-      ref: e
+      ref: t
     }, {
-      default: i(() => [
-        _(p.$slots, "default")
+      default: C(() => [
+        x(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  g as default
+  j as default
 };