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

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

@@ -1,67 +1,52 @@
-import type { BreakpointCustomizable } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    weight: {
-        type: import("vue").PropType<"regular" | "semi-bold" | "bold" | "thin" | "semibold">;
-        default: string;
-    };
-    size: {
-        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">>;
-        default: string;
-    };
-    tag: {
-        type: import("vue").PropType<"time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend">;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    align: {
-        type: import("vue").PropType<"center" | "start" | "end" | "left" | "right">;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<"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">;
-        default: string;
-    };
-    ellipsis: {
-        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<{
-    weight: {
-        type: import("vue").PropType<"regular" | "semi-bold" | "bold" | "thin" | "semibold">;
-        default: string;
-    };
-    size: {
-        type: import("vue").PropType<BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">>;
-        default: string;
-    };
-    tag: {
-        type: import("vue").PropType<"time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend">;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    align: {
-        type: import("vue").PropType<"center" | "start" | "end" | "left" | "right">;
-        default: string;
-    };
-    color: {
-        type: import("vue").PropType<"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">;
-        default: string;
-    };
-    ellipsis: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
+type PTextProps = {
+    /**
+     * Text alignment of the component.
+     */
+    align?: TextAlign;
+    /**
+     * Basic text color variations depending on theme property.
+     */
+    color?: TextColor;
+    /**
+     * Adds an ellipsis to a single line of text if it overflows.
+     */
+    ellipsis?: boolean;
+    /**
+     * Size of the text. Also defines the size for specific breakpoints, like {base: "small", l: "medium"}. You always need to provide a base value when doing this.
+     */
+    size?: BreakpointCustomizable<TextSize>;
+    /**
+     * Sets a custom HTML tag depending on the usage of the text component.
+     */
+    tag?: TextTag;
+    /**
+     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
+     */
+    theme?: Theme;
+    /**
+     * The weight of the text.
+     */
+    weight?: TextWeight;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextProps>, {
+    align: string;
+    color: string;
+    ellipsis: boolean;
+    size: string;
+    tag: string;
+    weight: 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<PTextProps>, {
+    align: string;
+    color: string;
+    ellipsis: boolean;
+    size: string;
+    tag: string;
+    weight: string;
+}>>>, {
     weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
     size: BreakpointCustomizable<"inherit" | "xx-small" | "x-small" | "small" | "medium" | "large" | "x-large">;
     tag: "time" | "p" | "span" | "div" | "address" | "blockquote" | "figcaption" | "cite" | "legend";
-    theme: "light" | "dark" | "auto";
     align: "center" | "start" | "end" | "left" | "right";
     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";
     ellipsis: boolean;
@@ -69,6 +54,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/TextWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as l, ref as p, onMounted as f, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as m, unref as i, withCtx as c, renderSlot as g } from "vue";
-import { getPrefixedTagName as _, syncProperties as o } from "../../utils.mjs";
-const y = /* @__PURE__ */ l({
+import { defineComponent as l, ref as f, inject as m, onMounted as c, onUpdated as u, watch as d, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as g } from "vue";
+import { usePrefix as x, themeInjectionKey as w, syncProperties as a } from "../../utils.mjs";
+const R = /* @__PURE__ */ l({
   __name: "TextWrapper",
   props: {
     align: { default: "start" },
@@ -8,26 +8,24 @@ const y = /* @__PURE__ */ l({
     ellipsis: { type: Boolean, default: !1 },
     size: { default: "small" },
     tag: { default: "p" },
-    theme: { default: "light" },
+    theme: {},
     weight: { default: "regular" }
   },
-  setup(a) {
-    const t = a, r = _("p-text"), e = p();
-    return f(() => {
-      o(e.value, t);
-    }), s(() => {
-      o(e.value, t);
-    }), (n, C) => (d(), u(m(i(r)), {
+  setup(s) {
+    const p = x("p-text"), e = s, t = f(), n = m(w), r = () => a(t, { ...e, theme: e.theme || n.value });
+    return c(r), u(r), d(n, (o) => {
+      a(t, { theme: e.theme || o });
+    }), (o, k) => (i(), h(y(_(p)), {
       ref_key: "pdsComponentRef",
-      ref: e
+      ref: t
     }, {
-      default: c(() => [
-        g(n.$slots, "default")
+      default: C(() => [
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  y as default
+  R as default
 };

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

@@ -1,71 +1,54 @@
-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;
-    };
-    showCharacterCount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showCounter: {
-        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<{
-    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;
-    };
-    showCharacterCount: {
-        type: import("vue").PropType<boolean>;
-    };
-    showCounter: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-}>>, {
+import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
+type PTextareaWrapperProps = {
+    /**
+     * The description text.
+     */
+    description?: string;
+    /**
+     * 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;
+    /**
+     * @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;
+    /**
+     * The validation state.
+     */
+    state?: TextareaWrapperState;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PTextareaWrapperProps>, {
+    description: string;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    showCounter: 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<PTextareaWrapperProps>, {
+    description: string;
+    hideLabel: boolean;
+    label: string;
+    message: string;
+    showCounter: boolean;
+    state: string;
+}>>>, {
     label: string;
-    theme: "light" | "dark" | "auto";
     description: string;
     state: "none" | "success" | "error";
     hideLabel: BreakpointCustomizable<boolean>;
@@ -75,6 +58,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/TextareaWrapperWrapper.vue.mjs

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

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

@@ -1,14 +1,18 @@
-declare const _default: import("vue").DefineComponent<{
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        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;
-    };
-}>>, {
-    theme: "light" | "dark" | "auto";
-}, {}>;
+import type { Theme } from '../types';
+type PToastProps = {
+    /**
+     * Adapts the toast color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<PToastProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<PToastProps>>>, {}, {}>;
 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;
+    };
+};

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

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

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

@@ -1,45 +1,51 @@
-import type { SelectedAriaAttributes } from '../types';
-declare const _default: import("vue").DefineComponent<{
-    size: {
-        type: import("vue").PropType<"inherit" | "small">;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    aria: {
-        type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-current">>;
-    };
-    href: {
-        type: import("vue").PropType<string>;
-    };
-    target: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}, {}, 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<"inherit" | "small">;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    aria: {
-        type: import("vue").PropType<SelectedAriaAttributes<"aria-label" | "aria-current">>;
-    };
-    href: {
-        type: import("vue").PropType<string>;
-    };
-    target: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-}>>, {
+import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
+type PWordmarkProps = {
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<WordmarkAriaAttribute>;
+    /**
+     * When providing an url then the component will be rendered as `<a>`.
+     */
+    href?: string;
+    /**
+     * Adapts sizing of wordmark.
+     */
+    size?: WordmarkSize;
+    /**
+     * Target attribute where the link should be opened.
+     */
+    target?: WordmarkTarget;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: Theme;
+};
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PWordmarkProps>, {
+    size: string;
+    target: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PWordmarkProps>, {
+    size: string;
+    target: string;
+}>>>, {
     size: "inherit" | "small";
-    theme: "light" | "dark" | "auto";
     target: string;
 }, {}>;
 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/WordmarkWrapper.vue.mjs

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

package/esm/lib/types.d.ts

@@ -590,6 +590,17 @@ export type LinkTarget = (typeof LINK_TARGETS)[number] | string;
 export type LinkButtonIconName = IconName | "none";
 export type ButtonVariant = LinkButtonVariant;
 export type LinkVariant = LinkButtonVariant;
+export type PorscheDesignSystem = {
+    [key: `${number}.${number}.${number}${`-rc.${number}` | ""}`]: {
+        prefixes: string[];
+        isReady: () => Promise<void>;
+        readyResolve: () => void;
+    };
+    cdn: {
+        url: string;
+        prefixes: string[];
+    };
+};
 export type SelectedAriaAttributes<T extends keyof AriaAttributes> = Pick<AriaAttributes, T> | string;
 declare const ACCORDION_SIZES: readonly [
     "small",
@@ -1042,7 +1053,11 @@ declare const PIN_CODE_TYPES: readonly [
 ];
 export type PinCodeType = (typeof PIN_CODE_TYPES)[number];
 declare const PIN_CODE_LENGTHS: readonly [
+    1,
+    2,
+    3,
     4,
+    5,
     6
 ];
 export type PinCodeLength = (typeof PIN_CODE_LENGTHS)[number];

package/esm/utils.d.ts

@@ -1,9 +1,10 @@
-import type { InjectionKey } from 'vue';
+import type { InjectionKey, Ref } from 'vue';
 import type { ToastMessage } from './lib/types';
 export declare const prefixInjectionKey: InjectionKey<string>;
-export declare const getPrefixedTagName: (tagName: string) => string;
-export declare const syncProperties: <T extends HTMLElement>(elementRef: T, props: Partial<T>) => void;
-export declare const addEventListenerToElementRef: <T extends HTMLElement, E extends string>(elementRef: T, eventName: E, emit: (eventName: E, detail: any) => void) => void;
+export declare const themeInjectionKey: InjectionKey<Ref<"light" | "dark" | "auto">>;
+export declare const usePrefix: (tagName: string) => string;
+export declare const syncProperties: <T extends HTMLElement>(elementRef: Ref<T | undefined>, props: Partial<T>) => void;
+export declare const addEventListenerToElementRef: <T extends HTMLElement, E extends string>(elementRef: Ref<T | undefined>, eventName: E, emit: (eventName: E, detail: any) => void) => void;
 export declare const useToastManager: () => {
     addMessage: (message: ToastMessage) => void;
 };