@porsche-design-system/components-vue 3.0.0-alpha.2 → 3.0.0-alpha.4

package/lib/components/ButtonTileWrapper.vue.d.ts

@@ -0,0 +1,171 @@
+import type { ButtonTileAlign, SelectedAriaAttributes, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Alignment of button and description.
+     */
+    align?: "top" | "bottom" | undefined;
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    /**
+     * Aspect ratio of the button-tile.
+     */
+    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    /**
+     * Displays the button-tile as compact version with description and button icon only.
+     */
+    compact?: BreakpointCustomizable<boolean> | undefined;
+    /**
+     * Description text.
+     */
+    description: string;
+    /**
+     * Disables the button. No events will be triggered while disabled state is active.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Show gradient.
+     */
+    gradient?: boolean | undefined;
+    /**
+     * The icon shown. By choosing 'none', no icon is displayed.
+     */
+    icon?: import("../types").LinkButtonIconName | undefined;
+    /**
+     * A URL path to a custom icon.
+     */
+    iconSource?: string | undefined;
+    /**
+     * Label of the button.
+     */
+    label: string;
+    /**
+     * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Font size of the description.
+     */
+    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
+    /**
+     * Specifies the type of the button.
+     */
+    type?: "reset" | "button" | "submit" | undefined;
+    /**
+     * Font weight of the description.
+     */
+    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+}>, {
+    align: string;
+    aspectRatio: string;
+    compact: boolean;
+    disabled: boolean;
+    gradient: boolean;
+    icon: string;
+    loading: boolean;
+    size: string;
+    type: 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<{
+    /**
+     * Alignment of button and description.
+     */
+    align?: "top" | "bottom" | undefined;
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<"aria-label" | "aria-expanded" | "aria-pressed" | "aria-haspopup"> | undefined;
+    /**
+     * Aspect ratio of the button-tile.
+     */
+    aspectRatio?: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16"> | undefined;
+    /**
+     * Displays the button-tile as compact version with description and button icon only.
+     */
+    compact?: BreakpointCustomizable<boolean> | undefined;
+    /**
+     * Description text.
+     */
+    description: string;
+    /**
+     * Disables the button. No events will be triggered while disabled state is active.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * Show gradient.
+     */
+    gradient?: boolean | undefined;
+    /**
+     * The icon shown. By choosing 'none', no icon is displayed.
+     */
+    icon?: import("../types").LinkButtonIconName | undefined;
+    /**
+     * A URL path to a custom icon.
+     */
+    iconSource?: string | undefined;
+    /**
+     * Label of the button.
+     */
+    label: string;
+    /**
+     * Disables the button-tile and shows a loading indicator. No events will be triggered while loading state is active.
+     */
+    loading?: boolean | undefined;
+    /**
+     * Font size of the description.
+     */
+    size?: BreakpointCustomizable<"default" | "inherit"> | undefined;
+    /**
+     * Specifies the type of the button.
+     */
+    type?: "reset" | "button" | "submit" | undefined;
+    /**
+     * Font weight of the description.
+     */
+    weight?: BreakpointCustomizable<"regular" | "semi-bold"> | undefined;
+}>, {
+    align: string;
+    aspectRatio: string;
+    compact: boolean;
+    disabled: boolean;
+    gradient: boolean;
+    icon: string;
+    loading: boolean;
+    size: string;
+    type: string;
+    weight: string;
+}>>>, {
+    weight: BreakpointCustomizable<ButtonTileWeight>;
+    compact: BreakpointCustomizable<boolean>;
+    size: BreakpointCustomizable<ButtonTileSize>;
+    type: ButtonTileType;
+    disabled: boolean;
+    icon: ButtonTileIcon;
+    loading: boolean;
+    align: ButtonTileAlign;
+    aspectRatio: BreakpointCustomizable<ButtonTileAspectRatio>;
+    gradient: boolean;
+}>, {
+    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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/ButtonTileWrapper.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent as u, ref as r, onMounted as d, onUpdated as f, openBlock as p, createBlock as s, resolveDynamicComponent as i, unref as c, withCtx as m, renderSlot as b } from "vue";
+import { getPrefixedTagName as g, syncProperties as o } from "../../utils.js";
+const C = /* @__PURE__ */ u({
+  __name: "ButtonTileWrapper",
+  props: {
+    align: { default: "bottom" },
+    aria: null,
+    aspectRatio: { default: "4:3" },
+    compact: { default: !1 },
+    description: null,
+    disabled: { type: Boolean, default: !1 },
+    gradient: { type: Boolean, default: !0 },
+    icon: { default: "none" },
+    iconSource: null,
+    label: null,
+    loading: { type: Boolean, default: !1 },
+    size: { default: "default" },
+    type: { default: "submit" },
+    weight: { default: "semi-bold" }
+  },
+  setup(n) {
+    const t = n, a = g("p-button-tile"), e = r();
+    return d(() => {
+      o(e.value, t);
+    }), f(() => {
+      o(e.value, t);
+    }), (l, y) => (p(), s(i(c(a)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: m(() => [
+        b(l.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  C as default
+};

package/lib/components/ButtonTileWrapper.vue2.js

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

package/lib/components/ButtonWrapper.vue.d.ts

@@ -1,4 +1,4 @@
-import type { SelectedAriaAttributes, BreakpointCustomizable, LinkButtonIconName, Theme, ButtonType, ButtonVariant } from '../types';
+import type { SelectedAriaAttributes, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Add ARIA attributes.
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: LinkButtonIconName | undefined;
+    icon?: import("../types").LinkButtonIconName | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -60,7 +60,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * The icon shown. By choosing 'none', no icon is displayed.
      */
-    icon?: LinkButtonIconName | undefined;
+    icon?: import("../types").LinkButtonIconName | undefined;
     /**
      * A URL path to a custom icon.
      */
@@ -90,11 +90,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     type: string;
     variant: string;
 }>>>, {
-    disabled: boolean;
     theme: Theme;
     type: ButtonType;
+    disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
-    icon: LinkButtonIconName;
+    icon: ButtonIcon;
     loading: boolean;
     variant: ButtonVariant;
 }>, {

package/lib/components/CarouselWrapper.vue.d.ts

@@ -1,5 +1,9 @@
 import type { CarouselAlignHeader, BreakpointCustomizable, CarouselChangeEvent, Theme, CarouselWidth } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Defines which slide to be active (zero-based numbering).
+     */
+    activeSlideIndex?: number | undefined;
     /**
      * Alignment of heading and description
      */
@@ -9,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     description?: string | undefined;
     /**
-     * If true, the carousel will not show pagination bullets at the bottom.
+     * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
      */
     disablePagination?: BreakpointCustomizable<boolean> | undefined;
     /**
@@ -20,14 +24,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
      */
     intl?: Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | undefined;
+    /**
+     * If false, the carousel will not show pagination bullets at the bottom.
+     */
+    pagination?: BreakpointCustomizable<boolean> | undefined;
     /**
      * Whether the slides should rewind from last to first slide and vice versa.
      */
     rewind?: boolean | undefined;
     /**
-     * Sets the amount of slides visible at the same time.
+     * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
      */
-    slidesPerPage?: BreakpointCustomizable<number> | undefined;
+    slidesPerPage?: "auto" | BreakpointCustomizable<number> | undefined;
     /**
      * Adapts the color when used on dark background.
      */
@@ -42,16 +50,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     wrapContent?: boolean | undefined;
 }>, {
+    activeSlideIndex: number;
     alignHeader: string;
-    disablePagination: boolean;
-    intl: () => {};
+    pagination: boolean;
     rewind: boolean;
     slidesPerPage: number;
     theme: string;
     width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     carouselChange: (value: CarouselChangeEvent) => void;
+} & {
+    change: (value: CarouselChangeEvent) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * Defines which slide to be active (zero-based numbering).
+     */
+    activeSlideIndex?: number | undefined;
     /**
      * Alignment of heading and description
      */
@@ -61,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     description?: string | undefined;
     /**
-     * If true, the carousel will not show pagination bullets at the bottom.
+     * @deprecated since v3.0.0, will be removed with next major release, use `pagination` instead. If true, the carousel will not show pagination bullets at the bottom.
      */
     disablePagination?: BreakpointCustomizable<boolean> | undefined;
     /**
@@ -72,14 +86,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Override the default wordings that are used for aria-labels on the next/prev buttons and pagination.
      */
     intl?: Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | undefined;
+    /**
+     * If false, the carousel will not show pagination bullets at the bottom.
+     */
+    pagination?: BreakpointCustomizable<boolean> | undefined;
     /**
      * Whether the slides should rewind from last to first slide and vice versa.
      */
     rewind?: boolean | undefined;
     /**
-     * Sets the amount of slides visible at the same time.
+     * Sets the amount of slides visible at the same time. Can be set to `auto` if you want to define different widths per slide via CSS.
      */
-    slidesPerPage?: BreakpointCustomizable<number> | undefined;
+    slidesPerPage?: "auto" | BreakpointCustomizable<number> | undefined;
     /**
      * Adapts the color when used on dark background.
      */
@@ -94,23 +112,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      */
     wrapContent?: boolean | undefined;
 }>, {
+    activeSlideIndex: number;
     alignHeader: string;
-    disablePagination: boolean;
-    intl: () => {};
+    pagination: boolean;
     rewind: boolean;
     slidesPerPage: number;
     theme: string;
     width: string;
 }>>> & {
+    onChange?: ((value: CarouselChangeEvent) => any) | undefined;
     onCarouselChange?: ((value: CarouselChangeEvent) => any) | undefined;
 }, {
     theme: Theme;
     width: CarouselWidth;
+    activeSlideIndex: number;
     alignHeader: CarouselAlignHeader;
-    disablePagination: BreakpointCustomizable<boolean>;
-    intl: Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
+    pagination: BreakpointCustomizable<boolean>;
     rewind: boolean;
-    slidesPerPage: BreakpointCustomizable<number>;
+    slidesPerPage: BreakpointCustomizable<number> | "auto";
 }>, {
     default: (_: {}) => any;
 }>;

package/lib/components/CarouselWrapper.vue.js

@@ -1,32 +1,34 @@
-import { defineComponent as s, ref as d, onMounted as p, onUpdated as u, openBlock as f, createBlock as i, resolveDynamicComponent as c, unref as m, withCtx as g, renderSlot as C } from "vue";
-import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as _ } from "../../utils.js";
-const P = /* @__PURE__ */ s({
+import { defineComponent as u, ref as s, onMounted as i, onUpdated as p, openBlock as f, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { getPrefixedTagName as v, syncProperties as a, addEventListenerToElementRef as o } from "../../utils.js";
+const P = /* @__PURE__ */ u({
   __name: "CarouselWrapper",
   props: {
+    activeSlideIndex: { default: 0 },
     alignHeader: { default: "left" },
     description: null,
-    disablePagination: { default: !1 },
+    disablePagination: null,
     heading: null,
-    intl: { default: () => ({}) },
+    intl: null,
+    pagination: { default: !0 },
     rewind: { type: Boolean, default: !0 },
     slidesPerPage: { default: 1 },
     theme: { default: "light" },
     width: { default: "basic" },
     wrapContent: { type: Boolean }
   },
-  emits: ["carouselChange"],
-  setup(a, { emit: o }) {
-    const t = a, l = h("p-carousel"), e = d();
-    return p(() => {
-      n(e.value, t), _(e.value, "carouselChange", o);
-    }), u(() => {
-      n(e.value, t);
-    }), (r, v) => (f(), i(c(m(l)), {
+  emits: ["carouselChange", "change"],
+  setup(l, { emit: n }) {
+    const t = l, r = v("p-carousel"), e = s();
+    return i(() => {
+      a(e.value, t), o(e.value, "carouselChange", n), o(e.value, "change", n);
+    }), p(() => {
+      a(e.value, t);
+    }), (d, _) => (f(), c(m(g(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        C(r.$slots, "default")
+      default: h(() => [
+        C(d.$slots, "default")
       ]),
       _: 3
     }, 512));

package/lib/components/CheckboxWrapperWrapper.vue.d.ts

@@ -1,4 +1,4 @@
-import type { BreakpointCustomizable, FormState, Theme } from '../types';
+import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.
@@ -56,7 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>>, {
     label: string;
     theme: Theme;
-    state: FormState;
+    state: CheckboxWrapperState;
     hideLabel: BreakpointCustomizable<boolean>;
     message: string;
 }>, {

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

@@ -7,7 +7,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "primary" | "inherit" | undefined;
+    color?: "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -15,7 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "medium" | "large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the display component.
      */
@@ -38,7 +38,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Basic text color variations depending on theme property.
      */
-    color?: "primary" | "inherit" | undefined;
+    color?: "inherit" | "primary" | undefined;
     /**
      * Adds an ellipsis to a single line of text if it overflows.
      */
@@ -46,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     /**
      * Size of the component. Also defines the size for specific breakpoints, like {base: "medium", l: "large"}. You always need to provide a base value when doing this.
      */
-    size?: BreakpointCustomizable<"inherit" | "medium" | "large"> | undefined;
+    size?: BreakpointCustomizable<"inherit" | "small" | "medium" | "large"> | undefined;
     /**
      * Sets a custom HTML tag depending on the usage of the display component.
      */

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

@@ -1,11 +1,15 @@
-import type { DividerColor, BreakpointCustomizable, DividerOrientation, Theme } from '../types';
+import type { DividerColor, BreakpointCustomizable, DividerDirection, Theme } from '../types';
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     /**
      * Defines color depending on theme.
      */
     color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
     /**
-     * Defines orientation.
+     * Defines direction.
+     */
+    direction?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
      */
     orientation?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
     /**
@@ -14,7 +18,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme?: "light" | "dark" | undefined;
 }>, {
     color: string;
-    orientation: string;
+    direction: string;
     theme: 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<{
     /**
@@ -22,7 +26,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
      */
     color?: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high" | undefined;
     /**
-     * Defines orientation.
+     * Defines direction.
+     */
+    direction?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
+    /**
+     * @deprecated since v3.0.0, will be removed with next major release, use `direction` instead. Defines orientation.
      */
     orientation?: BreakpointCustomizable<"horizontal" | "vertical"> | undefined;
     /**
@@ -31,12 +39,12 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme?: "light" | "dark" | undefined;
 }>, {
     color: string;
-    orientation: string;
+    direction: string;
     theme: string;
 }>>>, {
     theme: Theme;
+    direction: BreakpointCustomizable<DividerDirection>;
     color: DividerColor;
-    orientation: BreakpointCustomizable<DividerOrientation>;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/lib/components/DividerWrapper.vue.js

@@ -1,19 +1,20 @@
-import { defineComponent as p, ref as a, onMounted as c, onUpdated as f, openBlock as i, createBlock as l, resolveDynamicComponent as s, unref as d } from "vue";
-import { getPrefixedTagName as m, syncProperties as t } from "../../utils.js";
+import { defineComponent as p, ref as a, onMounted as i, onUpdated as l, openBlock as c, createBlock as d, resolveDynamicComponent as f, unref as s } from "vue";
+import { getPrefixedTagName as m, syncProperties as n } from "../../utils.js";
 const g = /* @__PURE__ */ p({
   __name: "DividerWrapper",
   props: {
     color: { default: "contrast-low" },
-    orientation: { default: "horizontal" },
+    direction: { default: "horizontal" },
+    orientation: null,
     theme: { default: "light" }
   },
-  setup(n) {
-    const o = n, r = m("p-divider"), e = a();
-    return c(() => {
-      t(e.value, o);
-    }), f(() => {
-      t(e.value, o);
-    }), (u, _) => (i(), l(s(d(r)), {
+  setup(t) {
+    const o = t, r = m("p-divider"), e = a();
+    return i(() => {
+      n(e.value, o);
+    }), l(() => {
+      n(e.value, o);
+    }), (u, _) => (c(), d(f(s(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));

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

@@ -0,0 +1,95 @@
+import type { FieldsetLabelSize, FieldsetState, Theme } from '../types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    /**
+     * The label text.
+     */
+    label?: string | undefined;
+    /**
+     * The size of the label text.
+     */
+    labelSize?: "small" | "medium" | undefined;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string | undefined;
+    /**
+     * Marks the Fieldset as required.
+     */
+    required?: boolean | undefined;
+    /**
+     * The validation state.
+     */
+    state?: "success" | "none" | "error" | undefined;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    label: string;
+    labelSize: string;
+    message: string;
+    required: boolean;
+    state: string;
+    theme: 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<{
+    /**
+     * The label text.
+     */
+    label?: string | undefined;
+    /**
+     * The size of the label text.
+     */
+    labelSize?: "small" | "medium" | undefined;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string | undefined;
+    /**
+     * Marks the Fieldset as required.
+     */
+    required?: boolean | undefined;
+    /**
+     * The validation state.
+     */
+    state?: "success" | "none" | "error" | undefined;
+    /**
+     * Adapts color depending on theme.
+     */
+    theme?: "light" | "dark" | undefined;
+}>, {
+    label: string;
+    labelSize: string;
+    message: string;
+    required: boolean;
+    state: string;
+    theme: string;
+}>>>, {
+    label: string;
+    theme: Theme;
+    state: FieldsetState;
+    required: boolean;
+    message: string;
+    labelSize: FieldsetLabelSize;
+}>, {
+    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 ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};