sit-onyx 1.0.0-beta.2 → 1.0.0-beta.21

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,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 OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & {
+export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & {
     /**
      * Checkbox options.
      */
@@ -38,4 +39,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/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/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,14 @@
 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"?: ((open: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    }, never>, "onUpdate:open"> & ({
+        open?: boolean;
+    } & OnyxFlyoutMenuProps)> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => Readonly<{
@@ -40,7 +46,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
          */
         footer?(): unknown;
     }>;
-    emit: {};
+    emit: (evt: "update:open", open: boolean) => void;
 }>) => VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

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/OnyxUserMenu/OnyxUserMenu.vue.d.ts

@@ -1,4 +1,8 @@
 import type { OnyxUserMenuProps } from "./types";
+declare let __VLS_typeProps: OnyxUserMenuProps;
+type __VLS_PublicProps = {
+    "flyoutOpen"?: boolean;
+} & typeof __VLS_typeProps;
 declare function __VLS_template(): Readonly<{
     /**
      * Slot for the menu options. Its recommended to use the `OnyxMenuItem` component here.
@@ -18,7 +22,11 @@ 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_TypePropsToOption<__VLS_PublicProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:flyoutOpen": (flyoutOpen: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<__VLS_PublicProps>>> & {
+    "onUpdate:flyoutOpen"?: ((flyoutOpen: boolean) => any) | undefined;
+}, {}, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -1,8 +1,14 @@
 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"?: ((flyoutOpen: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
+        "onUpdate:flyoutOpen"?: ((flyoutOpen: boolean) => any) | undefined;
+    }, never>, "onUpdate:flyoutOpen"> & ({
+        flyoutOpen?: boolean;
+    } & {
         isMobile: boolean;
-    }> & __VLS_BuiltInPublicProps;
+    })> & 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", flyoutOpen: boolean) => void;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -1,13 +1,13 @@
 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<() => {}>;

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,7 @@ 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 & {
+export type OnyxRadioGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & RequiredMarkerProp & CustomValidityProp & Pick<BaseSelectOption, "truncation"> & {
     /**
      * Options for the individual radio buttons of the group.
      */

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

@@ -1,19 +1,19 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxSelectProps, SelectOption } 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: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: TValue | TValue[] | undefined) => any) | undefined;
         "onUpdate:open"?: ((open: boolean) => any) | undefined;
         "onUpdate:searchTerm"?: ((searchTerm: string) => any) | undefined;
         onLazyLoad?: (() => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: TValue | TValue[] | undefined) => any) | undefined;
         "onUpdate:open"?: ((open: boolean) => any) | undefined;
         "onUpdate:searchTerm"?: ((searchTerm: string) => any) | undefined;
         onLazyLoad?: (() => any) | undefined;
-    }, never>, "onValidityChange" | "onUpdate:modelValue" | "onUpdate:open" | "onUpdate:searchTerm" | "onLazyLoad"> & OnyxSelectProps<TValue>> & __VLS_BuiltInPublicProps;
+    }, never>, "onValidityChange" | "onUpdate:modelValue" | "onUpdate:open" | "onUpdate:searchTerm" | "onLazyLoad"> & OnyxSelectProps<TValue>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: ReturnType<() => Readonly<{
@@ -55,7 +55,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
          */
         option?(props: SelectOption<TValue>): unknown;
     }>;
-    emit: (((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: SelectOption<TValue> | SelectOption<TValue>[] | undefined) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "update:searchTerm", searchTerm: string) => void) & ((evt: "lazyLoad") => void)) & {};
+    emit: (((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: TValue | TValue[] | undefined) => void) & ((evt: "update:open", open: boolean) => void) & ((evt: "update:searchTerm", searchTerm: string) => void) & ((evt: "lazyLoad") => void)) & {};
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -15,9 +15,18 @@ export type SelectSearchProps = {
      * Property is managed internally, when undefined.
      */
     searchTerm?: string;
+    /**
+     * As default, onyx will handle the search by comparing
+     * the option labels with the `searchTerm`.
+     * When `manualSearch` is set, this behavior is disabled.
+     * Handle your own filtering by reducing the `options` as desired.
+     * Hint: Cover `valueLabel` to prevent the disappearance of the current selections label
+     */
+    manualSearch?: boolean;
 } | {
     withSearch?: false;
     searchTerm?: never;
+    manualSearch?: never;
 };
 export type SelectModelValueProps<TValue extends SelectOptionValue> = {
     /**
@@ -25,9 +34,9 @@ export type SelectModelValueProps<TValue extends SelectOptionValue> = {
      */
     multiple?: false;
     /**
-     * Current value.
+     * Value of the currently selected option.
      */
-    modelValue?: SelectOption<TValue>;
+    modelValue?: TValue;
     withCheckAll?: never;
 } | {
     /**
@@ -35,9 +44,9 @@ export type SelectModelValueProps<TValue extends SelectOptionValue> = {
      */
     multiple: true;
     /**
-     * Current value / selected option(s).
+     * Values of the currently selected options.
      */
-    modelValue?: SelectOption<TValue>[];
+    modelValue?: TValue[];
     /**
      * If true, a checkbox will be displayed to check/uncheck all options.
      * Disabled and skeleton checkboxes will be excluded from the check/uncheck behavior.
@@ -51,7 +60,14 @@ export type SelectModelValueProps<TValue extends SelectOptionValue> = {
         label?: string;
     };
 };
-export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & SelectModelValueProps<TValue> & SelectSearchProps & Omit<OnyxSelectInputProps<TValue>, "density" | "modelValue"> & AutofocusProp & {
+export type OnyxSelectProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & SelectModelValueProps<TValue> & SelectSearchProps & Omit<OnyxSelectInputProps, "density" | "modelValue"> & AutofocusProp & Pick<BaseSelectOption, "truncation"> & {
+    /**
+     * Label that will be shown in the input of OnyxSelect.
+     * If unset, will be managed internally by comparing `modelValue` with `options`.
+     * Recommended to be used if not all options can be provided at once
+     * or a manual search is implemented.
+     */
+    valueLabel?: string | string[];
     /**
      * If true, the select popover is expanded and visible.
      * Property is managed internally, when undefined.

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

@@ -1,13 +1,13 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxSelectInputProps } 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<{
         onClick?: (() => any) | undefined;
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
         onClick?: (() => any) | undefined;
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
-    }, never>, "onClick" | "onValidityChange"> & OnyxSelectInputProps<TValue>> & __VLS_BuiltInPublicProps;
+    }, never>, "onClick" | "onValidityChange"> & OnyxSelectInputProps> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         focus: () => void | undefined;
     }>): void;

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

@@ -1,29 +1,22 @@
-import type { SelectOption } from "../..";
 import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
 import type { CustomValidityProp } from "../../composables/useCustomValidity";
-import type { AutofocusProp, SelectOptionValue } from "../../types";
+import type { AutofocusProp } from "../../types";
 import type { OnyxFormElementProps } from "../OnyxFormElement/types";
 export declare const MULTISELECT_TEXT_MODE: readonly ["summary", "preview"];
 export type MultiselectTextMode = (typeof MULTISELECT_TEXT_MODE)[number];
-/**
- * Whether multiple values can be selected.
- */
-export type SelectionInput<TValue extends SelectOptionValue = SelectOptionValue> = {
+export type OnyxSelectInputProps = DensityProp & RequiredMarkerProp & CustomValidityProp & AutofocusProp & Omit<OnyxFormElementProps, "modelValue" | "maxlength" | "withCounter"> & {
     /**
-     * Current value of the select.
+     * Current label(s) of the select.
      */
-    modelValue?: SelectInputModelValue<TValue>[];
+    modelValue?: string[];
     /**
-     * How a multiselect value will be displayed in the input.
+     * How multiselect labels will be displayed in the input.
      * - summary (default): will show "x Selected" if more than 1 is selected.
      * - preview: will show the names of the selection as a truncated list.
      *            A number-badge appears next to it including a tooltip with all selected names.
      */
     textMode?: MultiselectTextMode;
-};
-export type SelectInputModelValue<TValue extends SelectOptionValue = SelectOptionValue> = Pick<SelectOption<TValue>, "value" | "label">;
-export type OnyxSelectInputProps<TValue extends SelectOptionValue> = DensityProp & RequiredMarkerProp & CustomValidityProp & SelectionInput<TValue> & AutofocusProp & Omit<OnyxFormElementProps, "modelValue" | "maxlength" | "withCounter"> & {
     /**
      * Whether the select should be disabled.
      */

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

@@ -19,8 +19,8 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     multiple: boolean;
     truncation: string;
 }>>>, {
-    multiple: boolean;
     truncation: import("../../index.js").TruncationType;
+    multiple: boolean;
     active: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;

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

@@ -0,0 +1,50 @@
+import type { OnyxStepperProps } from "./types";
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxStepperProps>, {
+    step: number;
+    stripStep: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    loading: boolean;
+    skeleton: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    validityChange: (validity: ValidityState) => void;
+    blur: () => void;
+    focus: () => void;
+    "update:modelValue": (value?: number | undefined) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxStepperProps>, {
+    step: number;
+    stripStep: boolean;
+    disabled: boolean;
+    readonly: boolean;
+    loading: boolean;
+    skeleton: boolean;
+}>>> & {
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+    onValidityChange?: ((validity: ValidityState) => any) | undefined;
+    "onUpdate:modelValue"?: ((value?: number | undefined) => any) | undefined;
+}, {
+    readonly: boolean;
+    disabled: boolean;
+    loading: boolean;
+    skeleton: boolean;
+    step: number;
+}, {}>;
+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/OnyxStepper/types.d.ts

@@ -0,0 +1,56 @@
+import type { DensityProp } from "../../composables/density";
+import type { CustomValidityProp } from "../../composables/useCustomValidity";
+import type { AutofocusProp } from "../../types";
+import type { OnyxFormElementProps } from "../OnyxFormElement/types";
+import type { Autocomplete } from "../OnyxInput/types";
+export type OnyxStepperProps = DensityProp & CustomValidityProp & Omit<OnyxFormElementProps, "modelValue" | "errorMessages" | "withCounter" | "maxlength"> & AutofocusProp & {
+    /**
+     * Current value of the input.
+     */
+    modelValue?: number;
+    /**
+     * Same as the native `name` attribute of `<input>`.
+     * Used to reference the input in JavaScript or in submitted form data.
+     */
+    name?: string;
+    /**
+     * Placeholder to show when the value is empty.
+     */
+    placeholder?: string;
+    /**
+     * The minimum allowed value.
+     */
+    min?: number;
+    /**
+     * The maximum allowed value.
+     */
+    max?: number;
+    /**
+     * Incremental step.
+     */
+    step?: number;
+    /**
+     * Specify how to provide automated assistance in filling out the input.
+     * Some autocomplete values might required specific browser permissions to be allowed by the user.
+     * Also browsers might require a `name` property.
+     *
+     * @see [MDN autocomplete](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete)
+     */
+    autocomplete?: Autocomplete;
+    /**
+     * Whether to disable the input and prevent user interaction.
+     */
+    disabled?: boolean;
+    /**
+     * Whether the input should be readonly.
+     */
+    readonly?: boolean;
+    /**
+     * Whether the input is loading. User interaction will be disabled.
+     */
+    loading?: boolean;
+    /**
+     * Whether to show a skeleton input.
+     */
+    skeleton?: boolean;
+};

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

@@ -22,7 +22,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     loading: boolean;
     skeleton: boolean;
     modelValue: boolean;
-    truncation: import("../../index").TruncationType;
+    truncation: import("../..").TruncationType;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

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

@@ -39,7 +39,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     fitParent: boolean;
     open: string;
 }>>>, {
-    color: Extract<import("../../index.js").OnyxColor, "neutral" | "danger">;
+    color: Extract<import("../..").OnyxColor, "neutral" | "danger">;
     open: import("./types").TooltipOpen;
     position: import("./types").TooltipPosition;
     fitParent: boolean;

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

@@ -1,5 +1,6 @@
+import type { DensityProp } from "../../composables/density";
 import type { OnyxColor } from "../../types";
-export type OnyxTooltipProps = {
+export type OnyxTooltipProps = DensityProp & {
     /**
      * Text to display inside the tooltip.
      * Must be set unless the custom "tooltip" slot is used.

package/dist/composables/useCustomValidity.d.ts

@@ -1,5 +1,6 @@
 import type { InputType } from "../components/OnyxInput/types";
 import enUS from "../i18n/locales/en-US.json";
+import type { BaseSelectOption } from "../types";
 export type CustomErrorType = string | FormErrorMessages;
 export type CustomValidityProp = {
     /**
@@ -16,7 +17,10 @@ export type UseCustomValidityOptions = {
         type?: InputType;
         maxlength?: number;
         minlength?: number;
-    };
+        min?: number;
+        max?: number;
+        step?: number;
+    } & Pick<BaseSelectOption, "hideLabel" | "label">;
     /**
      * Component emit as defined with `const emit = defineEmits()`
      */
@@ -77,5 +81,13 @@ export declare const useCustomValidity: (options: UseCustomValidityOptions) => {
     vCustomValidity: {
         mounted: (el: InputValidationElement) => void;
     };
+    /**
+     * A custom error or the default translation of the first invalid state if one exists.
+     */
     errorMessages: import("vue").ComputedRef<FormErrorMessages | undefined>;
+    /**
+     * A combination of a label (if it is hidden) and the error message (if an error exists).
+     * Usage e.g. on OnyxRadioButton, OnyxCheckbox, OnyxSwitch where no error message footer exists.
+     */
+    title: import("vue").ComputedRef<string | undefined>;
 };