sit-onyx 1.0.0-beta.3 → 1.0.0-beta.31

package/dist/components/OnyxButton/OnyxButton.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     type: import("./types").ButtonType;
     color: import("./types").ButtonColor;
     disabled: boolean;
-    loading: boolean;
     mode: import("./types").ButtonMode;
+    loading: boolean;
     skeleton: boolean;
 }, {}>;
 export default _default;

package/dist/components/OnyxCheckbox/OnyxCheckbox.vue.d.ts

@@ -1,13 +1,13 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxCheckboxProps } from "./types";
-declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & __VLS_BuiltInPublicProps;
+    }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {}>;

package/dist/components/OnyxCheckboxGroup/OnyxCheckboxGroup.vue.d.ts

@@ -1,11 +1,11 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxCheckboxGroupProps } from "./types";
-declare const _default: <TValue extends SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
         "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-    }, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & __VLS_BuiltInPublicProps;
+    }, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {}>;

package/dist/components/OnyxCheckboxGroup/types.d.ts

@@ -1,7 +1,9 @@
 import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
+import type { CustomValidityProp } from "../../composables/useCustomValidity";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
-export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & {
+import type { OnyxFormElementProps } from "../OnyxFormElement/types";
+export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & Pick<OnyxFormElementProps, "label" | "hideLabel"> & {
     /**
      * Checkbox options.
      */
@@ -10,10 +12,6 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
      * Currently checked checkboxes.
      */
     modelValue?: TValue[];
-    /**
-     * Headline to show above all checkboxes which is also the fieldset legend.
-     */
-    headline?: string;
     /**
      * Direction of the checkboxes.
      */
@@ -38,4 +36,4 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
      */
     skeleton?: number;
 };
-export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & AutofocusProp;
+export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & CustomValidityProp & AutofocusProp;

package/dist/components/OnyxEmpty/OnyxEmpty.vue.d.ts

@@ -1,3 +1,4 @@
+import { type DensityProp } from "../../composables/density";
 declare function __VLS_template(): Readonly<{
     /**
      * Label / text to display.
@@ -17,7 +18,7 @@ declare function __VLS_template(): Readonly<{
      */
     icon?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<DensityProp>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<DensityProp>>>, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
@@ -25,3 +26,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/OnyxErrorTooltip/OnyxErrorTooltip.vue.d.ts

@@ -0,0 +1,49 @@
+import { type FormErrorMessages } from "../../composables/useCustomValidity";
+declare function __VLS_template(): Readonly<{
+    /**
+     * Any component. Will be wrapped in an OnyxTooltip showing
+     * an  error message if an error message is set.
+     */
+    default(): unknown;
+}> & {
+    /**
+     * Any component. Will be wrapped in an OnyxTooltip showing
+     * an  error message if an error message is set.
+     */
+    default(): unknown;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    /**
+     * The given component will be shown inside a tooltip when
+     * errorMessages are provided. Without errorMessages, the
+     * component will not be rendered inside a slot.
+     */
+    errorMessages?: FormErrorMessages;
+    /** We don't show an error if the content is not interactive */
+    disabled?: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    /**
+     * The given component will be shown inside a tooltip when
+     * errorMessages are provided. Without errorMessages, the
+     * component will not be rendered inside a slot.
+     */
+    errorMessages?: FormErrorMessages;
+    /** We don't show an error if the content is not interactive */
+    disabled?: boolean;
+}>>>, {}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+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/dist/components/OnyxFormElement/OnyxFormElement.ct-utils.d.ts

@@ -0,0 +1,11 @@
+import type { MountResultJsx } from "@playwright/experimental-ct-vue";
+import { type Locator, type Page } from "@playwright/test";
+type PageOrLocator = Page | Locator | MountResultJsx;
+type FormElementTooltip = "label" | "error" | "message";
+export declare const createFormElementUtils: (page: PageOrLocator) => {
+    getRoot: (prev?: PageOrLocator) => Locator;
+    getTooltipTrigger: (type: FormElementTooltip, prev?: PageOrLocator) => Locator;
+    getTooltipPopover: (type: FormElementTooltip, prev?: PageOrLocator) => Locator;
+    triggerTooltipVisible: (type: FormElementTooltip, prev?: PageOrLocator) => Promise<void>;
+};
+export {};

package/dist/components/OnyxFormElement/OnyxFormElement.vue.d.ts

@@ -1,17 +1,24 @@
 import type { OnyxFormElementProps } from "./types";
 declare function __VLS_template(): Readonly<{
     /** The place for the actual form element */
-    default(): unknown;
+    default(props: {
+        id: string;
+    }): unknown;
 }> & {
     /** The place for the actual form element */
-    default(): unknown;
+    default(props: {
+        id: string;
+    }): unknown;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxFormElementProps>, {
     required: boolean;
+    id: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxFormElementProps>, {
     required: boolean;
+    id: string;
 }>>>, {
     required: boolean;
+    id: string;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

package/dist/components/OnyxFormElement/types.d.ts

@@ -1,6 +1,12 @@
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { FormErrorMessages } from "../../composables/useCustomValidity";
 export type OnyxFormElementProps = RequiredMarkerProp & {
+    /**
+     * The id of a labelable form-related element.
+     * If not given an id will be generated.
+     * The id is passed as a `default` slot property.
+     */
+    id?: string;
     /**
      * Current value of the form element.
      */

package/dist/components/OnyxInfoTooltip/OnyxInfoTooltip.vue.d.ts

@@ -1,6 +1,23 @@
 import type { OnyxInfoTooltipProps } from "./types";
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxInfoTooltipProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxInfoTooltipProps>>>, {}, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxInfoTooltipProps>, {
+    open: string;
+    color: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxInfoTooltipProps>, {
+    open: string;
+    color: string;
+}>>>, {
+    color: Extract<import("../../index.js").OnyxColor, "neutral" | "danger">;
+    open: import("../OnyxTooltip/types.js").TooltipOpen;
+}, {}>;
 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_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

package/dist/components/OnyxInfoTooltip/types.d.ts

@@ -1,6 +1,2 @@
 import type { OnyxTooltipProps } from "../OnyxTooltip/types";
-export type OnyxInfoTooltipProps = Required<Pick<OnyxTooltipProps, "text">> & Pick<OnyxTooltipProps, "position"> & {
-    /**
-     * Sets the aria-label of the info icon for accessibility / screen readers
-     */ label?: string;
-};
+export type OnyxInfoTooltipProps = Required<Pick<OnyxTooltipProps, "text">> & Pick<OnyxTooltipProps, "position" | "open" | "color">;

package/dist/components/OnyxInput/OnyxInput.vue.d.ts

@@ -9,11 +9,11 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     skeleton: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    validityChange: (validity: ValidityState) => void;
     blur: () => void;
+    change: (value: string) => void;
     focus: () => void;
+    validityChange: (validity: ValidityState) => void;
     "update:modelValue": (value: string) => void;
-    change: (value: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxInputProps>, {
     modelValue: string;
     type: string;
@@ -34,10 +34,10 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     readonly: boolean;
     required: boolean;
     disabled: boolean;
+    autocapitalize: import("./types").Autocapitalize;
     loading: boolean;
     skeleton: boolean;
     modelValue: string;
-    autocapitalize: import("./types").Autocapitalize;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/components/OnyxMiniSearch/OnyxMiniSearch.vue.d.ts

@@ -5,8 +5,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<On
      */
     focus: () => void | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (input: string) => void;
     clear: () => void;
+    "update:modelValue": (input: string) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxMiniSearchProps>>> & {
     "onUpdate:modelValue"?: ((input: string) => any) | undefined;
     onClear?: (() => any) | undefined;

package/dist/components/OnyxMobileNavButton/OnyxMobileNavButton.vue.d.ts

@@ -1,12 +1,12 @@
 import type { OnyxMobileNavButtonProps } from "./types";
 declare function __VLS_template(): Readonly<{
     /**
-     * Slot for the menu content when its open.
+     * Slot for the menu content when it's open.
      */
     default(): unknown;
 }> & {
     /**
-     * Slot for the menu content when its open.
+     * Slot for the menu content when it's open.
      */
     default(): unknown;
 };

package/dist/components/OnyxMobileNavButton/types.d.ts

@@ -12,4 +12,8 @@ export type OnyxMobileNavButtonProps = {
      * If `true`, an "x" icon will be displayed.
      */
     open?: boolean;
+    /**
+     * Headline of the mobile flyout
+     */
+    headline?: string;
 };

package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/OnyxFlyoutMenu.vue.d.ts

@@ -1,8 +1,12 @@
 import { type VNode } from "vue";
 import type { SelectOptionValue } from "../../../../types";
 import type { OnyxFlyoutMenuProps } from "./types";
-declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>, never> & OnyxFlyoutMenuProps> & __VLS_BuiltInPublicProps;
+declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        "onUpdate:open"?: ((isOpen: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        "onUpdate:open"?: ((isOpen: boolean) => any) | undefined;
+    }, never>, "onUpdate:open"> & OnyxFlyoutMenuProps> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => Readonly<{
@@ -40,7 +44,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
          */
         footer?(): unknown;
     }>;
-    emit: {};
+    emit: ((evt: "update:open", isOpen: boolean) => void) & {};
 }>) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

package/dist/components/OnyxNavBar/modules/OnyxFlyoutMenu/types.d.ts

@@ -1,4 +1,10 @@
+import type { ManagedProp } from "../../../../composables/useManagedState";
 export type OnyxFlyoutMenuProps = {
+    /**
+     * If the flyout is expanded or not.
+     * If `undefined`, the state will be managed internally.
+     */
+    open?: ManagedProp<boolean>;
     /**
      * Aria label for the flyout.
      */

package/dist/components/OnyxNavBar/modules/OnyxMenuItem/types.d.ts

@@ -2,7 +2,7 @@ import type { OnyxColor } from "../../../../types";
 export type OnyxMenuItemProps = {
     /**
      * URL that the menu item points to.
-     * If the property is set an anchor tag will be rendered, if not a button will be shown instead
+     * If the property is set the menuitem will act as an anchor, otherwise it will act as an button.
      */
     href?: string;
     /**

package/dist/components/OnyxNavBar/modules/OnyxNavButton/NavButtonLayout.vue.d.ts

@@ -1,10 +1,4 @@
-import type { OnyxNavButtonProps } from "./types";
-declare let __VLS_typeProps: OnyxNavButtonProps & {
-    isMobile: boolean;
-};
-type __VLS_PublicProps = {
-    "mobileChildrenOpen"?: boolean;
-} & typeof __VLS_typeProps;
+import { type ManagedProp } from "../../../../composables/useManagedState";
 declare function __VLS_template(): Readonly<{
     button?(): unknown;
     options?(): unknown;
@@ -12,13 +6,47 @@ declare function __VLS_template(): Readonly<{
     button?(): unknown;
     options?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:mobileChildrenOpen": (mobileChildrenOpen: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
-    "onUpdate:mobileChildrenOpen"?: ((mobileChildrenOpen: boolean) => any) | undefined;
-}, {}, {}>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<import("../../../OnyxExternalLinkIcon/types").OnyxExternalLinkIcon & {
+    label: string;
+    active?: boolean;
+} & {
+    isMobile: boolean;
+    /**
+     * Controls the open state for the mobile children.
+     * Is managed internally if not provided.
+     */
+    mobileChildrenOpen: ManagedProp<boolean>;
+}>, {
+    mobileChildrenOpen: symbol;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:mobileChildrenOpen": (isOpen: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<import("../../../OnyxExternalLinkIcon/types").OnyxExternalLinkIcon & {
+    label: string;
+    active?: boolean;
+} & {
+    isMobile: boolean;
+    /**
+     * Controls the open state for the mobile children.
+     * Is managed internally if not provided.
+     */
+    mobileChildrenOpen: ManagedProp<boolean>;
+}>, {
+    mobileChildrenOpen: symbol;
+}>>> & {
+    "onUpdate:mobileChildrenOpen"?: ((isOpen: boolean) => any) | undefined;
+}, {
+    mobileChildrenOpen: ManagedProp<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;

package/dist/components/OnyxNavBar/modules/OnyxUserMenu/OnyxUserMenu.vue.d.ts

@@ -18,9 +18,27 @@ declare function __VLS_template(): Readonly<{
      */
     footer?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxUserMenuProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxUserMenuProps>>>, {}, {}>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxUserMenuProps>, {
+    flyoutOpen: symbol;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:flyoutOpen": (isOpen: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxUserMenuProps>, {
+    flyoutOpen: symbol;
+}>>> & {
+    "onUpdate:flyoutOpen"?: ((isOpen: boolean) => any) | undefined;
+}, {
+    flyoutOpen: import("../../../../composables/useManagedState").ManagedProp<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;

package/dist/components/OnyxNavBar/modules/OnyxUserMenu/UserMenuLayout.vue.d.ts

@@ -1,8 +1,14 @@
+import { type ManagedProp } from "../../../../composables/useManagedState";
 import type { SelectOptionValue } from "../../../../types";
-declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>>, never>, never> & {
+declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
+        "onUpdate:flyoutOpen"?: ((isOpen: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        "onUpdate:flyoutOpen"?: ((isOpen: boolean) => any) | undefined;
+    }, never>, "onUpdate:flyoutOpen"> & {
         isMobile: boolean;
-    }> & __VLS_BuiltInPublicProps;
+        flyoutOpen: ManagedProp<boolean>;
+    }> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => Readonly<{
@@ -16,7 +22,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
         options?(): unknown;
         footer?(): unknown;
     }>;
-    emit: {};
+    emit: ((evt: "update:flyoutOpen", isOpen: boolean) => void) & {};
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

package/dist/components/OnyxNavBar/modules/OnyxUserMenu/types.d.ts

@@ -1,3 +1,4 @@
+import type { ManagedProp } from "../../../../composables/useManagedState";
 export type OnyxUserMenuProps = {
     /**
      * User name.
@@ -11,4 +12,9 @@ export type OnyxUserMenuProps = {
      * Optional user description that is displayed when the menu is opened.
      */
     description?: string;
+    /**
+     * If the flyout is expanded or not. Only has an effect in desktop (non-mobile) mode.
+     * If `undefined`, the state will be managed internally.
+     */
+    flyoutOpen?: ManagedProp<boolean>;
 };

package/dist/components/OnyxPagination/ModernPagination.vue.d.ts

@@ -0,0 +1,16 @@
+import type { OnyxPaginationProps } from "./types";
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<OnyxPaginationProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (page: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<OnyxPaginationProps>>> & {
+    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+}, {}, {}>;
+export default _default;
+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/dist/components/OnyxPagination/OnyxPagination.vue.d.ts

@@ -0,0 +1,30 @@
+import type { OnyxPaginationProps } from "./types";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxPaginationProps>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (page: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxPaginationProps>, {
+    disabled: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((page: number) => any) | undefined;
+}, {
+    disabled: boolean;
+}, {}>;
+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_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/dist/components/OnyxPagination/types.d.ts

@@ -0,0 +1,15 @@
+import type { DensityProp } from "../../composables/density";
+export type OnyxPaginationProps = DensityProp & {
+    /**
+     * The currently selected page (first page is `1`).
+     */
+    modelValue: number;
+    /**
+     *  The maximum number of pages.
+     */
+    pages: number;
+    /**
+     * Whether the pagination should be disabled (e.g. while loading data).
+     */
+    disabled?: boolean;
+};

package/dist/components/OnyxRadioButton/OnyxRadioButton.vue.d.ts

@@ -1,17 +1,17 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxRadioButtonProps } from "./types";
-declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onChange?: ((value: boolean) => any) | undefined;
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
         onChange?: ((value: boolean) => any) | undefined;
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
-    }, never>, "onChange" | "onValidityChange"> & OnyxRadioButtonProps<TValue>> & __VLS_BuiltInPublicProps;
+    }, never>, "onChange" | "onValidityChange"> & OnyxRadioButtonProps<TValue>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {}>;
-    emit: (((evt: "validityChange", validity: ValidityState) => void) & ((evt: "change", value: boolean) => void)) & {};
+    emit: (((evt: "change", value: boolean) => void) & ((evt: "validityChange", validity: ValidityState) => void)) & {};
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

package/dist/components/OnyxRadioGroup/OnyxRadioGroup.vue.d.ts

@@ -1,13 +1,13 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxRadioGroupProps } from "./types";
-declare const _default: <TValue extends SelectOptionValue>(__VLS_props: Awaited<typeof __VLS_setup>["props"], __VLS_ctx?: __VLS_Prettify<Pick<Awaited<typeof __VLS_setup>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((selected: TValue) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((selected: TValue) => any) | undefined;
-    }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxRadioGroupProps<TValue>> & __VLS_BuiltInPublicProps;
+    }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxRadioGroupProps<TValue>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => {}>;

package/dist/components/OnyxRadioGroup/types.d.ts

@@ -2,7 +2,8 @@ import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { CustomValidityProp } from "../../composables/useCustomValidity";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
-export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & RequiredMarkerProp & CustomValidityProp & Pick<BaseSelectOption, "truncation"> & {
+import type { OnyxFormElementProps } from "../OnyxFormElement/types";
+export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & RequiredMarkerProp & CustomValidityProp & Pick<BaseSelectOption, "truncation"> & Pick<OnyxFormElementProps, "label" | "hideLabel"> & {
     /**
      * Options for the individual radio buttons of the group.
      */
@@ -17,11 +18,6 @@ export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionV
      * The selected radio button option.
      */
     modelValue?: TValue;
-    /**
-     * Headline shown above the radio group, which is also the fieldset legend.
-     * It will also show the required indicator, if `require` is set to `true`
-     */
-    headline?: string;
     /**
      * Disable the radio group.
      */

package/dist/components/OnyxRipple/OnyxRipple.vue.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, {
+    events: import("vue").Ref<Record<string, (event: MouseEvent) => void>>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;