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

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

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

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

@@ -1,57 +1,45 @@
+import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
+type PFieldsetWrapperProps = {
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * The size of the label text.
+     */
+    labelSize?: FieldsetWrapperLabelSize;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * Marks the Fieldset as required.
+     */
+    required?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: FieldsetWrapperState;
+    /**
+     * Adapts color depending on theme.
+     */
+    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<{
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    state: {
-        type: import("vue").PropType<"none" | "success" | "error">;
-        default: string;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    labelSize: {
-        type: import("vue").PropType<"small" | "medium">;
-        default: string;
-    };
-}, {}, 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;
-    };
-    state: {
-        type: import("vue").PropType<"none" | "success" | "error">;
-        default: string;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
-    message: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    labelSize: {
-        type: import("vue").PropType<"small" | "medium">;
-        default: string;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFieldsetWrapperProps>, {
+    label: string;
+    labelSize: string;
+    message: string;
+    required: 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<PFieldsetWrapperProps>, {
+    label: string;
+    labelSize: string;
+    message: string;
+    required: boolean;
+    state: string;
+}>>>, {
     label: string;
-    theme: "light" | "dark" | "auto";
     state: "none" | "success" | "error";
     required: boolean;
     message: string;
@@ -60,6 +48,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/FieldsetWrapperWrapper.vue.mjs

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

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

@@ -1,56 +1,46 @@
-import type { BreakpointCustomizable } from '../types';
+import type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
+type PFlexItemProps = {
+    /**
+     * Defines how this flex item is aligned along the cross axis. This overwrites the cross axis alignment set by the container. Corresponds to the "alignSelf" css property.
+     */
+    alignSelf?: BreakpointCustomizable<FlexItemAlignSelf>;
+    /**
+     * The shorthand property for the combined definition of "shrink", "grow" and "basis"
+     */
+    flex?: BreakpointCustomizable<FlexItemFlex>;
+    /**
+     * The ability to allow/disallow the flex child to grow.
+     */
+    grow?: BreakpointCustomizable<FlexItemGrow>;
+    /**
+     * The offset of the column. You can also supply values for specific breakpoints, like {base: "none", l: "one-quarter"}. You always need to provide a base value when doing this.
+     */
+    offset?: BreakpointCustomizable<FlexItemOffset>;
+    /**
+     * The ability to allow/disallow the flex child to shrink.
+     */
+    shrink?: BreakpointCustomizable<FlexItemShrink>;
+    /**
+     * The width of the flex item. You can also supply values for specific breakpoints, like {base: "full", l: "one-quarter"}. You always need to provide a base value when doing this.
+     */
+    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<{
-    width: {
-        type: import("vue").PropType<BreakpointCustomizable<"auto" | "full" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">>;
-        default: string;
-    };
-    alignSelf: {
-        type: import("vue").PropType<BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
-        default: string;
-    };
-    flex: {
-        type: import("vue").PropType<BreakpointCustomizable<"none" | "auto" | "initial" | "equal">>;
-        default: string;
-    };
-    grow: {
-        type: import("vue").PropType<BreakpointCustomizable<0 | 1>>;
-        default: number;
-    };
-    offset: {
-        type: import("vue").PropType<BreakpointCustomizable<"none" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">>;
-        default: string;
-    };
-    shrink: {
-        type: import("vue").PropType<BreakpointCustomizable<0 | 1>>;
-        default: number;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    width: {
-        type: import("vue").PropType<BreakpointCustomizable<"auto" | "full" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">>;
-        default: string;
-    };
-    alignSelf: {
-        type: import("vue").PropType<BreakpointCustomizable<"auto" | "center" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
-        default: string;
-    };
-    flex: {
-        type: import("vue").PropType<BreakpointCustomizable<"none" | "auto" | "initial" | "equal">>;
-        default: string;
-    };
-    grow: {
-        type: import("vue").PropType<BreakpointCustomizable<0 | 1>>;
-        default: number;
-    };
-    offset: {
-        type: import("vue").PropType<BreakpointCustomizable<"none" | "one-quarter" | "one-third" | "half" | "two-thirds" | "three-quarters">>;
-        default: string;
-    };
-    shrink: {
-        type: import("vue").PropType<BreakpointCustomizable<0 | 1>>;
-        default: number;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFlexItemProps>, {
+    alignSelf: string;
+    flex: string;
+    grow: number;
+    offset: string;
+    shrink: number;
+    width: 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<PFlexItemProps>, {
+    alignSelf: string;
+    flex: string;
+    grow: number;
+    offset: string;
+    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">;
@@ -61,6 +51,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/FlexItemWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as l, onMounted as p, onUpdated as d, openBlock as s, createBlock as u, resolveDynamicComponent as i, unref as m, withCtx as c, renderSlot as _ } from "vue";
-import { getPrefixedTagName as x, syncProperties as o } from "../../utils.mjs";
-const k = /* @__PURE__ */ f({
+import { defineComponent as a, ref as p, onMounted as s, onUpdated as l, openBlock as d, createBlock as u, resolveDynamicComponent as i, unref as c, withCtx as m, renderSlot as _ } from "vue";
+import { usePrefix as x, syncProperties as C } from "../../utils.mjs";
+const y = /* @__PURE__ */ a({
   __name: "FlexItemWrapper",
   props: {
     alignSelf: { default: "auto" },
@@ -10,23 +10,19 @@ const k = /* @__PURE__ */ f({
     shrink: { default: 1 },
     width: { default: "auto" }
   },
-  setup(n) {
-    const t = n, a = x("p-flex-item"), e = l();
-    return p(() => {
-      o(e.value, t);
-    }), d(() => {
-      o(e.value, t);
-    }), (r, C) => (s(), u(i(m(a)), {
+  setup(o) {
+    const n = x("p-flex-item"), r = o, e = p(), t = () => C(e, r);
+    return s(t), l(t), (f, h) => (d(), u(i(c(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: c(() => [
-        _(r.$slots, "default")
+      default: m(() => [
+        _(f.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  k as default
+  y as default
 };

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

@@ -1,56 +1,46 @@
-import type { BreakpointCustomizable } from '../types';
+import type { BreakpointCustomizable, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexJustifyContent, FlexWrap } from '../types';
+type PFlexProps = {
+    /**
+     * This aligns a flex container's individual lines when there is extra space in the cross-axis, similar to how "justifyContent" aligns individual items along the main axis.
+     */
+    alignContent?: BreakpointCustomizable<FlexAlignContent>;
+    /**
+     * Defines how the flex items are aligned along the cross axis.
+     */
+    alignItems?: BreakpointCustomizable<FlexAlignItems>;
+    /**
+     * Defines the direction of the main and cross axis. The default "row" defines the main axis as horizontal left to right.
+     */
+    direction?: BreakpointCustomizable<FlexDirection>;
+    /**
+     * Defines the flex containers content flow if 2 or more containers are siblings of each other.
+     */
+    inline?: BreakpointCustomizable<FlexInline>;
+    /**
+     * Defines how the flex items are aligned along the main axis.
+     */
+    justifyContent?: BreakpointCustomizable<FlexJustifyContent>;
+    /**
+     * Handles wrapping behaviour of elements.
+     */
+    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<{
-    inline: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    wrap: {
-        type: import("vue").PropType<BreakpointCustomizable<"nowrap" | "wrap" | "wrap-reverse">>;
-        default: string;
-    };
-    direction: {
-        type: import("vue").PropType<BreakpointCustomizable<"row" | "column" | "row-reverse" | "column-reverse">>;
-        default: string;
-    };
-    alignContent: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>;
-        default: string;
-    };
-    alignItems: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
-        default: string;
-    };
-    justifyContent: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly">>;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    inline: {
-        type: import("vue").PropType<BreakpointCustomizable<boolean>>;
-        default: boolean;
-    };
-    wrap: {
-        type: import("vue").PropType<BreakpointCustomizable<"nowrap" | "wrap" | "wrap-reverse">>;
-        default: string;
-    };
-    direction: {
-        type: import("vue").PropType<BreakpointCustomizable<"row" | "column" | "row-reverse" | "column-reverse">>;
-        default: string;
-    };
-    alignContent: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly" | "stretch">>;
-        default: string;
-    };
-    alignItems: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "stretch" | "baseline">>;
-        default: string;
-    };
-    justifyContent: {
-        type: import("vue").PropType<BreakpointCustomizable<"center" | "flex-start" | "flex-end" | "space-between" | "space-around" | "space-evenly">>;
-        default: string;
-    };
-}>>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFlexProps>, {
+    alignContent: string;
+    alignItems: string;
+    direction: string;
+    inline: boolean;
+    justifyContent: string;
+    wrap: 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<PFlexProps>, {
+    alignContent: string;
+    alignItems: string;
+    direction: string;
+    inline: boolean;
+    justifyContent: string;
+    wrap: string;
+}>>>, {
     inline: BreakpointCustomizable<boolean>;
     wrap: BreakpointCustomizable<"nowrap" | "wrap" | "wrap-reverse">;
     direction: BreakpointCustomizable<"row" | "column" | "row-reverse" | "column-reverse">;
@@ -61,6 +51,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/FlexWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as f, ref as l, onMounted as p, onUpdated as s, openBlock as d, createBlock as u, resolveDynamicComponent as c, unref as i, withCtx as m, renderSlot as C } from "vue";
-import { getPrefixedTagName as _, syncProperties as n } from "../../utils.mjs";
-const h = /* @__PURE__ */ f({
+import { defineComponent as a, ref as f, onMounted as p, onUpdated as l, openBlock as c, createBlock as d, resolveDynamicComponent as u, unref as i, withCtx as m, renderSlot as C } from "vue";
+import { usePrefix as _, syncProperties as x } from "../../utils.mjs";
+const g = /* @__PURE__ */ a({
   __name: "FlexWrapper",
   props: {
     alignContent: { default: "stretch" },
@@ -10,23 +10,19 @@ const h = /* @__PURE__ */ f({
     justifyContent: { default: "flex-start" },
     wrap: { default: "nowrap" }
   },
-  setup(o) {
-    const t = o, r = _("p-flex"), e = l();
-    return p(() => {
-      n(e.value, t);
-    }), s(() => {
-      n(e.value, t);
-    }), (a, x) => (d(), u(c(i(r)), {
+  setup(n) {
+    const o = _("p-flex"), r = n, e = f(), t = () => x(e, r);
+    return p(t), l(t), (s, w) => (c(), d(u(i(o)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: m(() => [
-        C(a.$slots, "default")
+        C(s.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  h as default
+  g as default
 };

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

@@ -1,48 +1,54 @@
-import type { SelectedAriaAttributes } from '../types';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    aria: {
-        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
-    };
-    position: {
-        type: import("vue").PropType<"start" | "end" | "left" | "right">;
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutPosition, Theme } from '../types';
+type PFlyoutProps = {
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
+    /**
+     * If true, the flyout is open.
+     */
+    open: boolean;
+    /**
+     * The position of the flyout
+     */
+    position?: FlyoutPosition;
+    /**
+     * Adapts the flyout color depending on the theme.
+     */
+    theme?: Theme;
+};
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFlyoutProps>, {
+    open: boolean;
+    position: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     [x: string]: (...args: unknown[]) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    open: {
-        type: import("vue").PropType<boolean>;
-        required: true;
-        default: boolean;
-    };
-    theme: {
-        type: import("vue").PropType<"light" | "dark" | "auto">;
-        default: string;
-    };
-    aria: {
-        type: import("vue").PropType<SelectedAriaAttributes<"aria-label">>;
-    };
-    position: {
-        type: import("vue").PropType<"start" | "end" | "left" | "right">;
-        default: string;
-    };
-}>>, {
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<PFlyoutProps>, {
+    open: boolean;
+    position: string;
+}>>>, {
     open: boolean;
-    theme: "light" | "dark" | "auto";
     position: "start" | "end" | "left" | "right";
 }, {}>, {
     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;