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

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

@@ -45,7 +45,10 @@ type PLinkTileProductProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileProductProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileProductProps>, {
     aspectRatio: string;
     likeButton: boolean;
     liked: boolean;
@@ -61,12 +64,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onLike?: ((value: import("../types").LinkTileProductLikeEvent) => any) | undefined;
 }, {
     aspectRatio: BreakpointCustomizable<LinkTileProductAspectRatio>;
-    target: string;
+    target: LinkTileProductTarget;
     likeButton: boolean;
     liked: 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/LinkTileWrapper.vue.d.ts

@@ -57,7 +57,10 @@ type PLinkTileProps = {
      */
     weight?: BreakpointCustomizable<LinkTileWeight>;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkTileProps>, {
     align: string;
     aspectRatio: string;
     background: string;
@@ -76,17 +79,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     target: string;
     weight: string;
 }>>>, {
-    weight: BreakpointCustomizable<"regular" | "semi-bold" | "semibold">;
+    weight: BreakpointCustomizable<LinkTileWeight>;
     compact: BreakpointCustomizable<boolean>;
-    size: BreakpointCustomizable<"default" | "inherit">;
-    align: "top" | "bottom";
-    aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
-    background: "light" | "dark" | "auto";
+    size: BreakpointCustomizable<LinkTileSize>;
+    align: LinkTileAlign;
+    aspectRatio: BreakpointCustomizable<LinkTileAspectRatio>;
+    background: LinkTileBackground;
     gradient: boolean;
-    target: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    target: LinkTileTarget;
+}, {}>;
+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/LinkTileWrapper.vue.mjs

@@ -1,11 +1,11 @@
-import { defineComponent as l, ref as d, onMounted as f, onUpdated as p, openBlock as s, createBlock as i, resolveDynamicComponent as u, unref as c, withCtx as m, renderSlot as _ } from "vue";
+import { defineComponent as l, ref as d, onMounted as p, onUpdated as s, openBlock as f, createBlock as i, resolveDynamicComponent as u, unref as c, withCtx as m, renderSlot as _ } from "vue";
 import { usePrefix as k, syncProperties as g } from "../../utils.mjs";
 const h = /* @__PURE__ */ l({
   __name: "LinkTileWrapper",
   props: {
     align: { default: "bottom" },
     aria: {},
-    aspectRatio: { default: "4:3" },
+    aspectRatio: { default: "4/3" },
     background: { default: "dark" },
     compact: { default: !1 },
     description: {},
@@ -14,13 +14,13 @@ const h = /* @__PURE__ */ l({
     href: {},
     label: {},
     rel: {},
-    size: { default: "default" },
+    size: { default: "medium" },
     target: { default: "_self" },
     weight: { default: "semi-bold" }
   },
   setup(o) {
     const n = k("p-link-tile"), a = o, e = d(), t = () => g(e, a);
-    return f(t), p(t), (r, C) => (s(), i(u(c(n)), {
+    return p(t), s(t), (r, C) => (f(), i(u(c(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -41,7 +41,10 @@ type PLinkProps = {
      */
     variant?: LinkVariant;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PLinkProps>, {
     hideLabel: boolean;
     icon: string;
     target: string;
@@ -53,12 +56,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     variant: string;
 }>>>, {
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: import("../types").LinkButtonIconName;
-    variant: "primary" | "secondary" | "tertiary";
-    target: string;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    icon: LinkIcon;
+    variant: LinkVariant;
+    target: LinkTarget;
+}, {}>;
+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/MarqueWrapper.vue.d.ts

@@ -37,9 +37,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     trademark: boolean;
     variant: string;
 }>>>, {
-    size: "small" | "medium" | "responsive";
-    variant: "default" | "75-years";
-    target: string;
+    size: MarqueSize;
+    variant: MarqueVariant;
+    target: MarqueTarget;
     trademark: boolean;
 }, {}>;
 export default _default;

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

@@ -38,29 +38,23 @@ type PModalProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PModalProps>, {
-    backdrop: string;
-    disableBackdropClick: boolean;
-    dismissButton: boolean;
-    fullscreen: boolean;
-    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<PModalProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PModalProps>, {
     backdrop: string;
     disableBackdropClick: boolean;
     dismissButton: boolean;
     fullscreen: boolean;
     open: boolean;
-}>>>, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     open: boolean;
     dismissButton: boolean;
     disableBackdropClick: boolean;
-    backdrop: "blur" | "shading";
+    backdrop: ModalBackdrop;
     fullscreen: BreakpointCustomizable<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/ModalWrapper.vue.mjs

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

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

@@ -29,7 +29,10 @@ type PModelSignatureProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PModelSignatureProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PModelSignatureProps>, {
     color: string;
     fetchPriority: string;
     lazy: boolean;
@@ -44,15 +47,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     safeZone: boolean;
     size: string;
 }>>>, {
-    size: "inherit" | "small";
-    color: "inherit" | "primary" | "contrast-low" | "contrast-medium" | "contrast-high";
+    size: ModelSignatureSize;
+    color: ModelSignatureColor;
     lazy: boolean;
-    model: "718" | "911" | "boxster" | "cayenne" | "cayman" | "macan" | "panamera" | "taycan" | "turbo-s" | "turbo";
-    fetchPriority: "auto" | "low" | "high";
+    model: ModelSignatureModel;
+    fetchPriority: ModelSignatureFetchPriority;
     safeZone: 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/MultiSelectOptionWrapper.vue.d.ts

@@ -8,15 +8,17 @@ type PMultiSelectOptionProps = {
      */
     value: string;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectOptionProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectOptionProps>, {
     disabled: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectOptionProps>, {
     disabled: boolean;
 }>>>, {
     disabled: 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/MultiSelectWrapper.vue.d.ts

@@ -45,7 +45,10 @@ type PMultiSelectProps = {
      */
     value?: string[];
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PMultiSelectProps>, {
     description: string;
     disabled: boolean;
     dropdownDirection: string;
@@ -72,16 +75,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     description: string;
-    state: "none" | "success" | "error";
+    state: MultiSelectState;
     required: boolean;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     value: string[];
     message: string;
-    dropdownDirection: "auto" | "down" | "up";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    dropdownDirection: MultiSelectDropdownDirection;
+}, {}>;
+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/OptgroupWrapper.vue.d.ts

@@ -0,0 +1,44 @@
+type POptgroupProps = {
+    /**
+     * Disables the optgroup.
+     */
+    disabled?: boolean;
+    /**
+     * The optgroup label.
+     */
+    label?: string;
+};
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<POptgroupProps>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<POptgroupProps>, {
+    disabled: boolean;
+}>>>, {
+    disabled: boolean;
+}, {}>;
+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] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<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/OptgroupWrapper.vue.mjs

@@ -0,0 +1,24 @@
+import { defineComponent as s, ref as a, onMounted as f, onUpdated as c, openBlock as l, createBlock as d, resolveDynamicComponent as m, unref as u, withCtx as i, renderSlot as _ } from "vue";
+import { usePrefix as C, syncProperties as y } from "../../utils.mjs";
+const x = /* @__PURE__ */ s({
+  __name: "OptgroupWrapper",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    label: {}
+  },
+  setup(t) {
+    const n = C("p-optgroup"), p = t, e = a(), o = () => y(e, p);
+    return f(o), c(o), (r, b) => (l(), d(m(u(n)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: i(() => [
+        _(r.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  x as default
+};

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

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

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

@@ -75,7 +75,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     onUpdate?: ((value: import("../types").PaginationUpdateEvent) => any) | undefined;
     onPageChange?: ((value: import("../types").PaginationUpdateEvent) => any) | undefined;
 }, {
-    intl: Partial<Record<"page" | "prev" | "next" | "root", string>>;
+    intl: PaginationInternationalization;
     activePage: number;
     itemsPerPage: number;
     showLastPage: boolean;

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

@@ -53,7 +53,10 @@ type PPinCodeProps = {
      */
     value?: string;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPinCodeProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPinCodeProps>, {
     description: string;
     disabled: boolean;
     hideLabel: boolean;
@@ -83,19 +86,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onUpdate?: ((value: import("../types").PinCodeUpdateEvent) => any) | undefined;
 }, {
     label: string;
-    length: 3 | 4 | 2 | 5 | 1 | 6;
-    type: "number" | "password";
+    length: PinCodeLength;
+    type: PinCodeType;
     description: string;
-    state: "none" | "success" | "error";
+    state: PinCodeState;
     required: boolean;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     value: string;
     message: string;
-}, {}>, {
-    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/PopoverWrapper.vue.d.ts

@@ -17,15 +17,17 @@ type PPopoverProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPopoverProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PPopoverProps>, {
     direction: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PPopoverProps>, {
     direction: string;
 }>>>, {
-    direction: "top" | "bottom" | "left" | "right";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    direction: PopoverDirection;
+}, {}>;
+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/RadioButtonWrapperWrapper.vue.d.ts

@@ -25,7 +25,10 @@ type PRadioButtonWrapperProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PRadioButtonWrapperProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PRadioButtonWrapperProps>, {
     hideLabel: boolean;
     label: string;
     loading: boolean;
@@ -39,13 +42,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     state: string;
 }>>>, {
     label: string;
-    state: "none" | "success" | "error";
+    state: RadioButtonWrapperState;
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     message: string;
-}, {}>, {
-    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/ScrollerWrapper.vue.d.ts

@@ -33,7 +33,10 @@ type PScrollerProps = {
      */
     theme?: Theme;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PScrollerProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PScrollerProps>, {
     alignScrollIndicator: string;
     gradientColor: string;
     scrollbar: boolean;
@@ -43,11 +46,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     scrollbar: boolean;
 }>>>, {
     scrollbar: boolean;
-    alignScrollIndicator: "top" | "center";
-    gradientColor: "background-base" | "background-surface";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    alignScrollIndicator: ScrollerAlignScrollIndicator;
+    gradientColor: ScrollerGradientColor;
+}, {}>;
+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/SegmentedControlItemWrapper.vue.d.ts

@@ -25,15 +25,17 @@ type PSegmentedControlItemProps = {
      */
     value: string | number;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlItemProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlItemProps>, {
     disabled: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlItemProps>, {
     disabled: boolean;
 }>>>, {
     disabled: 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/SegmentedControlWrapper.vue.d.ts

@@ -17,7 +17,10 @@ type PSegmentedControlProps = {
      */
     value?: string | number;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSegmentedControlProps>, {
     columns: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     segmentedControlChange: (value: import("../types").SegmentedControlUpdateEvent) => void;
@@ -28,10 +31,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     onUpdate?: ((value: import("../types").SegmentedControlUpdateEvent) => any) | undefined;
     onSegmentedControlChange?: ((value: import("../types").SegmentedControlUpdateEvent) => any) | undefined;
 }, {
-    columns: BreakpointCustomizable<string | number>;
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    columns: BreakpointCustomizable<SegmentedControlColumns>;
+}, {}>;
+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/SelectOptionWrapper.vue.d.ts

@@ -8,15 +8,17 @@ type PSelectOptionProps = {
      */
     value?: string;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectOptionProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectOptionProps>, {
     disabled: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectOptionProps>, {
     disabled: boolean;
 }>>>, {
     disabled: 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/SelectWrapper.vue.d.ts

@@ -45,7 +45,10 @@ type PSelectProps = {
      */
     value?: string;
 };
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PSelectProps>, {
     description: string;
     disabled: boolean;
     dropdownDirection: string;
@@ -70,15 +73,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     description: string;
-    state: "none" | "success" | "error";
+    state: SelectState;
     required: boolean;
     disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
-    dropdownDirection: "auto" | "down" | "up";
-}, {}>, {
-    default?(_: {}): any;
-}>;
+    dropdownDirection: SelectDropdownDirection;
+}, {}>;
+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] & {