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

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

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -29,7 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<"h1" | "h2" | "h3" | "h4" | "h5" | "h6">;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     align: {
@@ -49,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     align: "center" | "left" | "right";
     variant: HeadlineVariant;
     color: "default" | "inherit" | "primary";

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

@@ -8,7 +8,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: "inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     color: "default" | "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high" | "notification-success" | "notification-warning" | "notification-error" | "notification-info" | "brand" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | "notification-neutral" | "state-disabled";
     name: "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";
 }, {}>;

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -42,7 +42,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -76,7 +76,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onAction?: ((value?: void | undefined) => any) | undefined;
 }, {
     heading: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     description: string;
     dismissButton: boolean;
     state: "success" | "warning" | "error" | "info" | "neutral";

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

@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     active: {
@@ -72,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     active: {
@@ -115,7 +115,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
     stretch: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     active: boolean;
     alignLabel: BreakpointCustomizable<"left" | "right">;
     hideLabel: BreakpointCustomizable<boolean>;

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

@@ -2,7 +2,7 @@ import type { BreakpointCustomizable, LinkSocialIcon } from '../types';
 /** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     hideLabel: {
@@ -27,7 +27,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, 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">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     hideLabel: {
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     hideLabel: BreakpointCustomizable<boolean>;
     target: string;
 }, {}>, {

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

@@ -35,7 +35,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     background: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradient: {
@@ -89,7 +89,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     background: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     gradient: {
@@ -113,7 +113,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     size: BreakpointCustomizable<"default" | "inherit">;
     align: "top" | "bottom";
     aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
-    background: "light" | "dark";
+    background: "light" | "dark" | "auto";
     gradient: boolean;
     target: string;
 }, {}>, {

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

@@ -4,7 +4,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -40,7 +40,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -72,7 +72,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     hideLabel: BreakpointCustomizable<boolean>;
     icon: import("../types").LinkButtonIconName;
     variant: "primary" | "secondary" | "tertiary";

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

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     color: {
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     color: {
@@ -34,7 +34,7 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     size: "inherit" | "small";
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     color: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high";
     model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
 }, {}>;

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

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => never[];
     };
     dropdownDirection: {
-        type: import("vue").PropType<"down" | "up" | "auto">;
+        type: import("vue").PropType<"auto" | "down" | "up">;
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -52,7 +52,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -88,14 +88,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: () => never[];
     };
     dropdownDirection: {
-        type: import("vue").PropType<"down" | "up" | "auto">;
+        type: import("vue").PropType<"auto" | "down" | "up">;
         default: string;
     };
 }>> & {
     onUpdate?: ((value: MultiSelectUpdateEvent) => any) | undefined;
 }, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     required: boolean;
@@ -103,7 +103,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
     value: string[];
-    dropdownDirection: "down" | "up" | "auto";
+    dropdownDirection: "auto" | "down" | "up";
 }, {}>, {
     default?(_: {}): any;
 }>;

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

@@ -1,7 +1,7 @@
 import type { PaginationInternationalization, BreakpointCustomizable, PaginationUpdateEvent } from '../types';
 declare const _default: import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     intl: {
@@ -55,7 +55,7 @@ declare const _default: import("vue").DefineComponent<{
     update: (value: PaginationUpdateEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     intl: {
@@ -108,7 +108,7 @@ declare const _default: import("vue").DefineComponent<{
     onUpdate?: ((value: PaginationUpdateEvent) => any) | undefined;
     onPageChange?: ((value: PaginationUpdateEvent) => any) | undefined;
 }, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     intl: PaginationInternationalization;
     activePage: number;
     itemsPerPage: number;

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

@@ -0,0 +1,131 @@
+import type { BreakpointCustomizable, PinCodeUpdateEvent } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    length: {
+        type: import("vue").PropType<4 | 6>;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<"number" | "password">;
+        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;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    update: (value: PinCodeUpdateEvent) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    length: {
+        type: import("vue").PropType<4 | 6>;
+        default: number;
+    };
+    type: {
+        type: import("vue").PropType<"number" | "password">;
+        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;
+    };
+    required: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    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;
+    };
+    message: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+    };
+    value: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}>> & {
+    onUpdate?: ((value: PinCodeUpdateEvent) => any) | undefined;
+}, {
+    label: string;
+    length: 4 | 6;
+    type: "number" | "password";
+    theme: "light" | "dark" | "auto";
+    description: string;
+    state: "none" | "success" | "error";
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    message: string;
+    value: string;
+}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,40 @@
+import { defineComponent as f, ref as p, onMounted as r, onUpdated as u, openBlock as s, createBlock as i, resolveDynamicComponent as m, unref as c, withCtx as g, renderSlot as y } from "vue";
+import { getPrefixedTagName as C, syncProperties as a, addEventListenerToElementRef as _ } from "../../utils.mjs";
+const B = /* @__PURE__ */ f({
+  __name: "PinCodeWrapper",
+  props: {
+    description: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    hideLabel: { default: !1 },
+    label: { default: "" },
+    length: { default: 4 },
+    loading: { type: Boolean, default: !1 },
+    message: { default: "" },
+    name: {},
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: { default: "light" },
+    type: { default: "number" },
+    value: { default: "" }
+  },
+  emits: ["update"],
+  setup(o, { emit: n }) {
+    const t = o, l = C("p-pin-code"), e = p();
+    return r(() => {
+      a(e.value, t), _(e.value, "update", n);
+    }), u(() => {
+      a(e.value, t);
+    }), (d, h) => (s(), i(m(c(l)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: g(() => [
+        y(d.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  B as default
+};

package/esm/lib/components/PinCodeWrapper.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./PinCodeWrapper.vue.mjs";
+export {
+  f as default
+};

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

@@ -1,7 +1,7 @@
 import type { SelectedAriaAttributes } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -16,7 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, 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">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     description: {
@@ -30,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
     };
 }>>, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     direction: "top" | "bottom" | "left" | "right";
 }, {}>, {
     default?(_: {}): any;

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

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -16,6 +16,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<BreakpointCustomizable<boolean>>;
         default: boolean;
     };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     message: {
         type: import("vue").PropType<string>;
         default: string;
@@ -26,7 +30,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     state: {
@@ -37,15 +41,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<BreakpointCustomizable<boolean>>;
         default: boolean;
     };
+    loading: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     message: {
         type: import("vue").PropType<string>;
         default: string;
     };
 }>>, {
     label: string;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
     message: string;
 }, {}>, {
     default?(_: {}): any;

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

@@ -1,25 +1,26 @@
-import { defineComponent as p, ref as f, onMounted as l, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as i, renderSlot as _ } from "vue";
-import { getPrefixedTagName as C, syncProperties as o } from "../../utils.mjs";
-const k = /* @__PURE__ */ p({
+import { defineComponent as p, ref as l, onMounted as f, onUpdated as d, openBlock as s, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as _ } from "vue";
+import { getPrefixedTagName as g, syncProperties as o } from "../../utils.mjs";
+const y = /* @__PURE__ */ p({
   __name: "RadioButtonWrapperWrapper",
   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-radio-button-wrapper"), e = f();
-    return l(() => {
+  setup(a) {
+    const t = a, n = g("p-radio-button-wrapper"), e = l();
+    return f(() => {
       o(e.value, t);
-    }), s(() => {
+    }), d(() => {
       o(e.value, t);
-    }), (r, g) => (d(), u(m(c(a)), {
+    }), (r, C) => (s(), u(m(i(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: i(() => [
+      default: c(() => [
         _(r.$slots, "default")
       ]),
       _: 3
@@ -27,5 +28,5 @@ const k = /* @__PURE__ */ p({
   }
 });
 export {
-  k as default
+  y as default
 };

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

@@ -5,7 +5,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -34,7 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     aria: {
@@ -59,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     scrollbar: boolean;
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     alignScrollIndicator: "top" | "center";
     gradientColor: "background-base" | "background-surface";
 }, {}>, {

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

@@ -1,7 +1,7 @@
 import type { BreakpointCustomizable, SegmentedControlUpdateEvent } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     theme: {
-        type: import("vue").PropType<"light" | "dark">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     backgroundColor: {
@@ -19,7 +19,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     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">;
+        type: import("vue").PropType<"light" | "dark" | "auto">;
         default: string;
     };
     backgroundColor: {
@@ -36,7 +36,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onUpdate?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
     onSegmentedControlChange?: ((value: SegmentedControlUpdateEvent) => any) | undefined;
 }, {
-    theme: "light" | "dark";
+    theme: "light" | "dark" | "auto";
     columns: BreakpointCustomizable<string | number>;
 }, {}>, {
     default?(_: {}): any;