@porsche-design-system/components-vue 3.16.0 → 3.17.0-rc.0

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

@@ -25,7 +25,10 @@ type PDisplayProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PDisplayProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PDisplayProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
@@ -36,13 +39,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     ellipsis: boolean;
     size: string;
 }>>>, {
-    size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large">;
-    align: "center" | "start" | "end" | "left" | "right";
-    color: "inherit" | "primary";
+    size: BreakpointCustomizable<DisplaySize>;
+    align: DisplayAlign;
+    color: DisplayColor;
     ellipsis: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     color: string;
     direction: string;
 }>>>, {
-    direction: BreakpointCustomizable<"horizontal" | "vertical">;
-    color: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high";
+    direction: BreakpointCustomizable<DividerDirection>;
+    color: DividerColor;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

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

@@ -25,7 +25,10 @@ type PFieldsetProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetProps>, {
     label: string;
     labelSize: string;
     message: string;
@@ -39,13 +42,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     state: string;
 }>>>, {
     label: string;
-    state: "none" | "success" | "error";
+    state: FieldsetState;
     required: boolean;
     message: string;
-    labelSize: "small" | "medium";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    labelSize: FieldsetLabelSize;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -25,8 +25,10 @@ type PFieldsetWrapperProps = {
      */
     theme?: Theme;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetWrapperProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFieldsetWrapperProps>, {
     label: string;
     labelSize: string;
     message: string;
@@ -40,13 +42,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     state: string;
 }>>>, {
     label: string;
-    state: "none" | "success" | "error";
+    state: FieldsetWrapperState;
     required: boolean;
     message: string;
-    labelSize: "small" | "medium";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    labelSize: FieldsetWrapperLabelSize;
+}, {}>;
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -25,8 +25,10 @@ type PFlexItemProps = {
      */
     width?: BreakpointCustomizable<FlexItemWidth>;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlexItemProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlexItemProps>, {
     alignSelf: string;
     flex: string;
     grow: number;
@@ -41,15 +43,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     shrink: number;
     width: string;
 }>>>, {
-    width: BreakpointCustomizable<"auto" | "full" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">;
-    alignSelf: BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">;
-    flex: BreakpointCustomizable<"none" | "auto" | "initial" | "equal">;
-    grow: BreakpointCustomizable<0 | 1>;
-    offset: BreakpointCustomizable<"none" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">;
-    shrink: BreakpointCustomizable<0 | 1>;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    width: BreakpointCustomizable<FlexItemWidth>;
+    alignSelf: BreakpointCustomizable<FlexItemAlignSelf>;
+    flex: BreakpointCustomizable<FlexItemFlex>;
+    grow: BreakpointCustomizable<FlexItemGrow>;
+    offset: BreakpointCustomizable<FlexItemOffset>;
+    shrink: BreakpointCustomizable<FlexItemShrink>;
+}, {}>;
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -25,8 +25,10 @@ type PFlexProps = {
      */
     wrap?: BreakpointCustomizable<FlexWrap>;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlexProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlexProps>, {
     alignContent: string;
     alignItems: string;
     direction: string;
@@ -41,15 +43,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     justifyContent: string;
     wrap: string;
 }>>>, {
-    inline: BreakpointCustomizable<boolean>;
-    wrap: BreakpointCustomizable<"nowrap" | "wrap" | "wrap-reverse">;
-    direction: BreakpointCustomizable<"row" | "column" | "row-reverse" | "column-reverse">;
-    alignContent: BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">;
-    alignItems: BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "stretch" | "baseline">;
-    justifyContent: BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly">;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    inline: BreakpointCustomizable<FlexInline>;
+    wrap: BreakpointCustomizable<FlexWrap>;
+    direction: BreakpointCustomizable<FlexDirection>;
+    alignContent: BreakpointCustomizable<FlexAlignContent>;
+    alignItems: BreakpointCustomizable<FlexAlignItems>;
+    justifyContent: BreakpointCustomizable<FlexJustifyContent>;
+}, {}>;
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -8,9 +8,11 @@ type PFlyoutMultilevelItemProps = {
      */
     label?: string;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<PFlyoutMultilevelItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<PFlyoutMultilevelItemProps>>>, {}, {}>, {
+declare function __VLS_template(): {
     default?(_: {}): any;
-}>;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<PFlyoutMultilevelItemProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<PFlyoutMultilevelItemProps>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -17,17 +17,15 @@ type PFlyoutMultilevelProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlyoutMultilevelProps>, {
-    open: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: unknown[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlyoutMultilevelProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlyoutMultilevelProps>, {
     open: boolean;
-}>>>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     open: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -21,23 +21,19 @@ type PFlyoutProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlyoutProps>, {
-    disableBackdropClick: boolean;
-    open: boolean;
-    position: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: unknown[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlyoutProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PFlyoutProps>, {
     disableBackdropClick: boolean;
     open: boolean;
     position: string;
-}>>>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     open: boolean;
     disableBackdropClick: boolean;
-    position: "start" | "end" | "left" | "right";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    position: FlyoutPosition;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as c, inject as l, onMounted as d, onUpdated as u, watch as h, openBlock as y, createBlock as C, resolveDynamicComponent as _, unref as k, withCtx as B, renderSlot as R } from "vue";
-import { usePrefix as v, themeInjectionKey as w, addEventListenerToElementRef as x, syncProperties as r } from "../../utils.mjs";
-const E = /* @__PURE__ */ f({
+import { defineComponent as l, ref as f, inject as c, onMounted as u, onUpdated as h, watch as y, openBlock as C, createBlock as _, resolveDynamicComponent as E, unref as k, withCtx as B, renderSlot as b } from "vue";
+import { usePrefix as R, themeInjectionKey as v, addEventListenerToElementRef as s, syncProperties as d } from "../../utils.mjs";
+const j = /* @__PURE__ */ l({
   __name: "FlyoutWrapper",
   props: {
     aria: {},
@@ -9,24 +9,24 @@ const E = /* @__PURE__ */ f({
     position: { default: "end" },
     theme: {}
   },
-  emits: ["dismiss"],
-  setup(p, { emit: a }) {
-    const m = v("p-flyout"), t = p, e = c(), i = a, n = l(w), s = () => r(e, { ...t, theme: t.theme || n.value });
-    return d(() => {
-      s(), x(e, "dismiss", i);
-    }), u(s), h(n, (o) => {
-      r(e, { theme: t.theme || o });
-    }), (o, P) => (y(), C(_(k(m)), {
+  emits: ["dismiss", "motionHiddenEnd", "motionVisibleEnd"],
+  setup(r, { emit: p }) {
+    const a = R("p-flyout"), t = r, e = f(), o = p, i = c(v), m = () => d(e, { ...t, theme: t.theme || i.value });
+    return u(() => {
+      m(), s(e, "dismiss", o), s(e, "motionHiddenEnd", o), s(e, "motionVisibleEnd", o);
+    }), h(m), y(i, (n) => {
+      d(e, { theme: t.theme || n });
+    }), (n, w) => (C(), _(E(k(a)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: B(() => [
-        R(o.$slots, "default")
+        b(n.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  E as default
+  j as default
 };

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

@@ -9,19 +9,21 @@ type PGridItemProps = {
      */
     size?: BreakpointCustomizable<GridItemSize>;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PGridItemProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PGridItemProps>, {
     offset: number;
     size: number;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PGridItemProps>, {
     offset: number;
     size: number;
 }>>>, {
-    size: BreakpointCustomizable<3 | 4 | 2 | 7 | 5 | 1 | 6 | 12 | 8 | 9 | 10 | 11>;
-    offset: BreakpointCustomizable<0 | 3 | 4 | 2 | 7 | 5 | 1 | 6 | 8 | 9 | 10 | 11>;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    size: BreakpointCustomizable<GridItemSize>;
+    offset: BreakpointCustomizable<GridItemOffset>;
+}, {}>;
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -14,8 +14,10 @@ type PGridProps = {
      */
     wrap?: BreakpointCustomizable<GridWrap>;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PGridProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PGridProps>, {
     direction: string;
     gutter: () => {
         base: number;
@@ -32,12 +34,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
     wrap: string;
 }>>>, {
-    wrap: BreakpointCustomizable<"nowrap" | "wrap">;
-    direction: BreakpointCustomizable<"row" | "column" | "row-reverse" | "column-reverse">;
-    gutter: BreakpointCustomizable<16 | 24 | 36>;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    wrap: BreakpointCustomizable<GridWrap>;
+    direction: BreakpointCustomizable<GridDirection>;
+    gutter: BreakpointCustomizable<GridGutter>;
+}, {}>;
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -25,7 +25,10 @@ type PHeadingProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PHeadingProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PHeadingProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
@@ -36,13 +39,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     ellipsis: boolean;
     size: string;
 }>>>, {
-    size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-large">;
-    align: "center" | "start" | "end" | "left" | "right";
-    color: "inherit" | "primary";
+    size: BreakpointCustomizable<HeadingSize>;
+    align: HeadingAlign;
+    color: HeadingColor;
     ellipsis: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -25,8 +25,10 @@ type PHeadlineProps = {
      */
     variant?: HeadlineVariant;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PHeadlineProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PHeadlineProps>, {
     align: string;
     color: string;
     ellipsis: boolean;
@@ -38,12 +40,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
 }>>>, {
     variant: HeadlineVariant;
-    align: "center" | "start" | "end" | "left" | "right";
-    color: "default" | "inherit" | "primary";
+    align: HeadlineAlign;
+    color: HeadlineColor;
     ellipsis: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -39,9 +39,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     name: string;
     size: string;
 }>>>, {
-    size: "inherit" | "small" | "medium" | "large" | "x-large" | "xx-small" | "x-small";
-    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-empty-co2" | "battery-empty-fuel" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "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-class" | "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-x" | "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" | "star-filled" | "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";
-    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";
+    size: IconSize;
+    name: IconName;
+    color: IconColor;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

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

@@ -41,17 +41,10 @@ type PInlineNotificationProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PInlineNotificationProps>, {
-    actionIcon: string;
-    actionLoading: boolean;
-    description: string;
-    dismissButton: boolean;
-    heading: string;
-    headingTag: string;
-    state: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: (...args: unknown[]) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PInlineNotificationProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PInlineNotificationProps>, {
     actionIcon: string;
     actionLoading: boolean;
     description: string;
@@ -59,17 +52,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     heading: string;
     headingTag: string;
     state: string;
-}>>>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     heading: string;
     description: string;
-    headingTag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    headingTag: InlineNotificationHeadingTag;
     dismissButton: boolean;
-    state: "success" | "warning" | "error" | "info" | "neutral";
-    actionIcon: "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-empty-co2" | "battery-empty-fuel" | "battery-full" | "bell" | "bookmark" | "bookmark-filled" | "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-class" | "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-x" | "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" | "star-filled" | "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";
+    state: InlineNotificationState;
+    actionIcon: InlineNotificationActionIcon;
     actionLoading: boolean;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -62,7 +62,10 @@ type PLinkPureProps = {
      */
     weight?: LinkPureWeight;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkPureProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkPureProps>, {
     active: boolean;
     alignLabel: string;
     hideLabel: boolean;
@@ -83,18 +86,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     underline: boolean;
     weight: string;
 }>>>, {
-    weight: "regular" | "semi-bold" | "bold" | "thin" | "semibold";
+    weight: LinkPureWeight;
     stretch: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<"inherit" | "small" | "medium" | "large" | "x-large" | "xx-small" | "x-small">;
+    size: BreakpointCustomizable<LinkPureSize>;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: import("../types").LinkButtonIconName;
+    icon: LinkPureIcon;
     active: boolean;
-    alignLabel: BreakpointCustomizable<"start" | "end" | "left" | "right">;
+    alignLabel: BreakpointCustomizable<LinkPureAlignLabel>;
     underline: boolean;
-    target: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    target: LinkPureTarget;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -29,8 +29,10 @@ type PLinkSocialProps = {
      */
     theme?: Theme;
 };
-/** @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<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkSocialProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkSocialProps>, {
     hideLabel: boolean;
     target: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkSocialProps>, {
@@ -38,10 +40,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     target: string;
 }>>>, {
     hideLabel: BreakpointCustomizable<boolean>;
-    target: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    target: LinkSocialTarget;
+}, {}>;
+/** @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<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -29,7 +29,10 @@ type PLinkTileModelSignatureProps = {
      */
     weight?: BreakpointCustomizable<LinkTileModelSignatureWeight>;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileModelSignatureProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileModelSignatureProps>, {
     aspectRatio: string;
     headingTag: string;
     linkDirection: () => {
@@ -48,14 +51,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     model: string;
     weight: string;
 }>>>, {
-    weight: BreakpointCustomizable<"regular" | "semi-bold">;
-    headingTag: "h2" | "h3" | "h4" | "h5" | "h6";
-    aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
-    linkDirection: BreakpointCustomizable<"row" | "column">;
-    model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    weight: BreakpointCustomizable<LinkTileModelSignatureWeight>;
+    headingTag: LinkTileModelSignatureHeadingTag;
+    aspectRatio: BreakpointCustomizable<LinkTileModelSignatureAspectRatio>;
+    linkDirection: BreakpointCustomizable<LinkTileModelSignatureLinkDirection>;
+    model: LinkTileModelSignatureModel;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {

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

@@ -3,7 +3,7 @@ import { usePrefix as _, syncProperties as h } from "../../utils.mjs";
 const x = /* @__PURE__ */ a({
   __name: "LinkTileModelSignatureWrapper",
   props: {
-    aspectRatio: { default: "3:4" },
+    aspectRatio: { default: "3/4" },
     description: {},
     heading: {},
     headingTag: { default: "h2" },