sit-onyx 1.0.0-beta.161 → 1.0.0-beta.162

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

@@ -11,7 +11,7 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<OnyxAppLayoutProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxAppLayoutProps> & Readonly<{}>, {
     navBarAlignment: "top" | "left";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import type { OnyxAvatarProps } from "./types";
 declare const _default: import("vue").DefineComponent<OnyxAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxAvatarProps> & Readonly<{}>, {
     size: "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -4,7 +4,7 @@ type __VLS_Slots = {
      */
     default(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -8,7 +8,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<OnyxBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxBadgeProps> & Readonly<{}>, {
     color: import("../../index.ts").OnyxColor;
     dot: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -11,7 +11,7 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<OnyxBottomBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxBottomBarProps> & Readonly<{}>, {
     hideBorder: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -0,0 +1,10 @@
+import type { OnyxButtonProps } from "./types";
+declare const _default: import("vue").DefineComponent<OnyxButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxButtonProps> & Readonly<{}>, {
+    type: import("./types").ButtonType;
+    color: import("./types").ButtonColor;
+    loading: boolean;
+    disabled: import("../OnyxForm/OnyxForm.core").FormInjected<boolean>;
+    mode: import("./types").ButtonMode;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/OnyxDataGrid/features/HeaderCell.vue.d.ts

@@ -7,7 +7,7 @@ type __VLS_Props = {
 type __VLS_Slots = {
     actions?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,7 +1,4 @@
 import type { OnyxDatePickerProps } from "./types";
-type __VLS_TemplateRefs = {
-    inputRef: typeof __VLS_nativeElements['input'];
-};
 declare const _default: import("vue").DefineComponent<OnyxDatePickerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value?: string | undefined) => any;
     validityChange: (validity: ValidityState) => any;
@@ -16,5 +13,5 @@ declare const _default: import("vue").DefineComponent<OnyxDatePickerProps, {}, {
     readonly: boolean;
     skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     showError: boolean | symbol | "touched";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -7,9 +7,6 @@ type __VLS_Slots = {
      */
     default(): unknown;
 };
-type __VLS_TemplateRefs = {
-    dialogRef: typeof __VLS_nativeElements['dialog'];
-};
 declare const __VLS_component: import("vue").DefineComponent<OnyxDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<OnyxDialogProps> & Readonly<{
@@ -18,7 +15,7 @@ declare const __VLS_component: import("vue").DefineComponent<OnyxDialogProps, {}
     open: boolean;
     alert: boolean;
     modal: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -13,7 +13,7 @@ type __VLS_Slots = {
      */
     buttons?(): unknown;
 };
-declare const __VLS_component: import("vue").DefineComponent<DensityProp, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DensityProp> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<DensityProp, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DensityProp> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -16,10 +16,7 @@ type __VLS_Slots = {
      */
     default(): unknown;
 };
-type __VLS_TemplateRefs = {
-    targetRef: typeof __VLS_nativeElements['div'];
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLDivElement>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/OnyxForm/FormElementTestWrapper.vue.d.ts

@@ -9,12 +9,5 @@ type __VLS_Props = {
      */
     is: Component;
 };
-declare const __VLS_0: Component;
-declare const __VLS_2: any;
-declare var __VLS_6: (Parameters<NonNullable<(typeof __VLS_5)["expose"]>>[0] | null);
-declare var __VLS_5: __VLS_PickFunctionalComponentCtx<typeof __VLS_0, typeof __VLS_2>;
-type __VLS_TemplateRefs = {
-    formElement: typeof __VLS_6;
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -8,7 +8,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<OnyxFormProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxFormProps> & Readonly<{}>, {
     disabled: boolean;
     showError: import("../../composables/useErrorClass").ShowErrorMode;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFormElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,12 +1,15 @@
 declare const _default: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly "onUpdate:modelValue"?: ((value: T | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & ({
-        modelValue?: T;
-    } & Omit<import("./types").SharedFormElementProps, "error" | "message" | "success"> & import("../../composables/useLenientMaxLengthValidation.ts").SharedTextInputProps & {
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & (Omit<import("./types").SharedFormElementProps, "error" | "message" | "success"> & import("../../composables/useLenientMaxLengthValidation.ts").SharedTextInputProps & {
         errorMessages?: import("../../composables/useCustomValidity.ts").FormMessages;
         message?: import("../../composables/useCustomValidity.ts").FormMessages;
         successMessages?: import("../../composables/useCustomValidity.ts").FormMessages;
+    } & {
+        /**
+         * Current value of the input.
+         */
+        modelValue?: T;
     }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;

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

@@ -1,5 +1,6 @@
 import type { OnyxImageProps } from "./types";
 declare const _default: import("vue").DefineComponent<OnyxImageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxImageProps> & Readonly<{}>, {
     loading: import("./types").ImageLoading;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,3 +1,4 @@
+import type { SkeletonInjected } from "../../composables/useSkeletonState";
 export type OnyxImageProps = {
     /**
      * Image URL to show.
@@ -32,6 +33,10 @@ export type OnyxImageProps = {
      * Image border shape. If unset, the original image shape will be used.
      */
     shape?: ImageShape;
+    /**
+     * Whether to show a skeleton image.
+     */
+    skeleton?: SkeletonInjected;
 };
 export type ImageLoading = "eager" | "lazy";
 export declare const IMAGE_SHAPES: readonly ["rounded", "circle", "clip", "clip-inverted"];

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

@@ -2,5 +2,5 @@ import type { OnyxInfoTooltipProps } from "./types";
 declare const _default: import("vue").DefineComponent<OnyxInfoTooltipProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxInfoTooltipProps> & Readonly<{}>, {
     open: import("../OnyxTooltip/types.ts").TooltipOpen;
     color: Extract<import("../../index.ts").OnyxColor, "neutral" | "danger" | "success">;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLSpanElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -12,19 +12,19 @@ type __VLS_Slots = {
      */
     trailing?(): unknown;
 };
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
+    /**
+     * Current value of the input.
+     */
     modelValue?: string;
-} & __VLS_Props;
-type __VLS_TemplateRefs = {
-    inputRef: typeof __VLS_nativeElements['input'];
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {
     input: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
     validityChange: (validity: ValidityState) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
 }>, {
     required: boolean;
@@ -38,7 +38,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
     requiredMarker: symbol | "required" | "optional";
     hideSuccessIcon: boolean;
     hideClearIcon: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -8,7 +8,7 @@ type __VLS_Slots = {
 declare const __VLS_component: import("vue").DefineComponent<OnyxLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxLinkProps> & Readonly<{}>, {
     target: import("../OnyxRouterLink/types.ts").LinkTarget;
     withExternalIcon: boolean | "auto";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLAnchorElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -10,7 +10,7 @@ declare const __VLS_component: import("vue").DefineComponent<OnyxListItemProps,
     disabled: boolean;
     checked: boolean;
     selected: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/OnyxLoadingIndicator/OnyxCircleSpinner.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, SVGSVGElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/OnyxLoadingIndicator/OnyxLoadingDots.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,10 +1,10 @@
 import type { OnyxMiniSearchProps } from "./types";
 type __VLS_Props = OnyxMiniSearchProps;
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
+    /**
+     * Current input/search value.
+     */
     modelValue?: string;
-} & __VLS_Props;
-type __VLS_TemplateRefs = {
-    inputRef: typeof __VLS_nativeElements['input'];
 };
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     /**
@@ -13,9 +13,9 @@ declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     focus: () => void | undefined;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clear: () => any;
-    "update:modelValue": (value: string | undefined) => any;
+    "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onClear?: (() => any) | undefined;
-    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -11,7 +11,7 @@ declare const __VLS_component: import("vue").DefineComponent<OnyxMobileNavButton
     "onUpdate:open"?: ((isOpen: boolean) => any) | undefined;
 }>, {
     open: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -13,14 +13,11 @@ type __VLS_Slots = {
         attributes: object;
     }): unknown;
 };
-type __VLS_TemplateRefs = {
-    parentRef: typeof __VLS_nativeElements['div'];
-};
 declare const __VLS_component: import("vue").DefineComponent<OnyxMoreListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     visibilityChange: (args_0: MoreListSlotBindings) => any;
 }, string, import("vue").PublicProps, Readonly<OnyxMoreListProps> & Readonly<{
     onVisibilityChange?: ((args_0: MoreListSlotBindings) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -7,7 +7,7 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<OnyxNavAppAreaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxNavAppAreaProps> & Readonly<{}>, {
     link: string | import("../OnyxRouterLink/types.ts").SharedLinkProps;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLAnchorElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -25,9 +25,6 @@ type __VLS_Slots = {
      */
     mobileActivePage?: () => unknown;
 };
-type __VLS_TemplateRefs = {
-    navBarRef: typeof __VLS_nativeElements['header'];
-};
 declare const __VLS_component: import("vue").DefineComponent<OnyxNavBarProps, {
     /**
      * Closes the mobile burger and context menu.
@@ -50,7 +47,7 @@ declare const __VLS_component: import("vue").DefineComponent<OnyxNavBarProps, {
     onNavigateBack?: ((event: MouseEvent) => any) | undefined;
 }>, {
     mobileBreakpoint: import("@sit-onyx/shared/breakpoints").OnyxBreakpoint | number;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -4,5 +4,5 @@ declare const _default: import("vue").DefineComponent<OnyxColorSchemeMenuItemPro
     "update:modelValue": (value: ColorSchemeValue) => any;
 }, string, import("vue").PublicProps, Readonly<OnyxColorSchemeMenuItemProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: ColorSchemeValue) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -2,10 +2,13 @@ import type { SelectOptionValue } from "../../../../types";
 import type { OnyxFlyoutMenuProps } from "./types";
 declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
-        readonly "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open"> & ({
+        readonly "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:open"> & (OnyxFlyoutMenuProps & {
+        /**
+         * If the flyout is expanded or not.
+         */
         open?: boolean;
-    } & OnyxFlyoutMenuProps) & Partial<{}>> & import("vue").PublicProps;
+    }) & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: {
@@ -31,7 +34,7 @@ declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(_
          */
         footer?(): unknown;
     };
-    emit: (evt: "update:open", value: boolean | undefined) => void;
+    emit: (evt: "update:open", value: boolean) => void;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -7,7 +7,7 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<OnyxMenuItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxMenuItemProps> & Readonly<{}>, {
     active: boolean | "auto";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -17,14 +17,14 @@ type __VLS_Slots = {
     }): unknown;
     options?(): unknown;
 };
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
     "mobileChildrenOpen"?: boolean;
-} & __VLS_Props;
+};
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:mobileChildrenOpen": (value: boolean | undefined) => any;
+    "update:mobileChildrenOpen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:mobileChildrenOpen"?: ((value: boolean | undefined) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+    "onUpdate:mobileChildrenOpen"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,4 +1,3 @@
-import NavButtonLayout from "./NavButtonLayout.vue";
 import type { OnyxNavButtonProps } from "./types";
 type __VLS_Props = OnyxNavButtonProps;
 type __VLS_Slots = {
@@ -11,121 +10,19 @@ type __VLS_Slots = {
      */
     children?(): unknown;
 };
-type __VLS_PublicProps = {
+type __VLS_PublicProps = __VLS_Props & {
+    /**
+     * Controls the open state for the mobile children.
+     */
     "mobileChildrenOpen"?: boolean;
-} & __VLS_Props;
-declare const __VLS_1: import("vue/jsx-runtime").JSX.Element & {
-    __ctx?: ({
-        attrs?: any;
-        slots?: (Readonly<{
-            [name: string]: import("vue").Slot<any> | undefined;
-        }> & {
-            button?(params: {
-                trigger: object;
-            }): unknown;
-            options?(): unknown;
-        }) | undefined;
-        emit?: ((event: "update:mobileChildrenOpen", value: boolean | undefined) => void) | undefined;
-    } & {
-        props?: ({
-            readonly mobileChildrenOpen?: boolean | undefined;
-            readonly link?: string | (import("../../../OnyxRouterLink/types.ts").SharedLinkProps & Partial<Pick<import("../../../OnyxRouterLink/types.ts").SharedLinkProps, "href">> & {
-                withExternalIcon?: boolean | "auto";
-            }) | undefined;
-            readonly label: string;
-            readonly active?: (boolean | "auto") | undefined;
-            readonly isMobile: boolean;
-            readonly "onUpdate:mobileChildrenOpen"?: ((value: boolean | undefined) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Record<string, unknown>) | undefined;
-        expose?(exposed: {
-            $: import("vue").ComponentInternalInstance;
-            $data: {};
-            $props: {
-                readonly mobileChildrenOpen?: boolean | undefined;
-                readonly link?: string | (import("../../../OnyxRouterLink/types.ts").SharedLinkProps & Partial<Pick<import("../../../OnyxRouterLink/types.ts").SharedLinkProps, "href">> & {
-                    withExternalIcon?: boolean | "auto";
-                }) | undefined;
-                readonly label: string;
-                readonly active?: (boolean | "auto") | undefined;
-                readonly isMobile: boolean;
-                readonly "onUpdate:mobileChildrenOpen"?: ((value: boolean | undefined) => any) | undefined;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps;
-            $attrs: {
-                [x: string]: unknown;
-            };
-            $refs: {
-                [x: string]: unknown;
-            };
-            $slots: Readonly<{
-                [name: string]: import("vue").Slot<any> | undefined;
-            }>;
-            $root: import("vue").ComponentPublicInstance | null;
-            $parent: import("vue").ComponentPublicInstance | null;
-            $host: Element | null;
-            $emit: (event: "update:mobileChildrenOpen", value: boolean | undefined) => void;
-            $el: HTMLLIElement;
-            $options: import("vue").ComponentOptionsBase<Readonly<{
-                mobileChildrenOpen?: boolean;
-            } & import("../../../OnyxRouterLink/types.ts").WithLinkProp<true> & {
-                label: string;
-                active?: boolean | "auto";
-            } & {
-                isMobile: boolean;
-            }> & Readonly<{
-                "onUpdate:mobileChildrenOpen"?: ((value: boolean | undefined) => any) | undefined;
-            }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-                "update:mobileChildrenOpen": (value: boolean | undefined) => any;
-            }, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
-                beforeCreate?: (() => void) | (() => void)[];
-                created?: (() => void) | (() => void)[];
-                beforeMount?: (() => void) | (() => void)[];
-                mounted?: (() => void) | (() => void)[];
-                beforeUpdate?: (() => void) | (() => void)[];
-                updated?: (() => void) | (() => void)[];
-                activated?: (() => void) | (() => void)[];
-                deactivated?: (() => void) | (() => void)[];
-                beforeDestroy?: (() => void) | (() => void)[];
-                beforeUnmount?: (() => void) | (() => void)[];
-                destroyed?: (() => void) | (() => void)[];
-                unmounted?: (() => void) | (() => void)[];
-                renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
-                errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
-            };
-            $forceUpdate: () => void;
-            $nextTick: typeof import("vue").nextTick;
-            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import("@vue/reactivity").OnCleanup]) => any : (...args: [any, any, import("@vue/reactivity").OnCleanup]) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
-        } & Readonly<{}> & Omit<Readonly<{
-            mobileChildrenOpen?: boolean;
-        } & import("../../../OnyxRouterLink/types.ts").WithLinkProp<true> & {
-            label: string;
-            active?: boolean | "auto";
-        } & {
-            isMobile: boolean;
-        }> & Readonly<{
-            "onUpdate:mobileChildrenOpen"?: ((value: boolean | undefined) => any) | undefined;
-        }>, never> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {} & {
-            $slots: {
-                button?(params: {
-                    trigger: object;
-                }): unknown;
-                options?(): unknown;
-            };
-        }): void;
-    }) | undefined;
-};
-declare var __VLS_5: (Parameters<NonNullable<(typeof __VLS_4)["expose"]>>[0] | null);
-declare var __VLS_4: __VLS_PickFunctionalComponentCtx<typeof NavButtonLayout, typeof __VLS_1>;
-type __VLS_TemplateRefs = {
-    componentRef: typeof __VLS_5;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:mobileChildrenOpen": (value: boolean | undefined) => any;
+    "update:mobileChildrenOpen": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:mobileChildrenOpen"?: ((value: boolean | undefined) => any) | undefined;
+    "onUpdate:mobileChildrenOpen"?: ((value: boolean) => any) | undefined;
 }>, {
     active: boolean | "auto";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, HTMLLIElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -6,7 +6,7 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<import("../index.ts").OnyxNavButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../index.ts").OnyxNavButtonProps> & Readonly<{}>, {
     active: boolean | "auto";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLLIElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import type { OnyxNavSeparatorProps } from "./types";
 declare const _default: import("vue").DefineComponent<OnyxNavSeparatorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxNavSeparatorProps> & Readonly<{}>, {
     orientation: "horizontal" | "vertical";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -3,5 +3,5 @@ declare const _default: import("vue").DefineComponent<OnyxTimerProps, {}, {}, {}
     timerEnded: () => any;
 }, string, import("vue").PublicProps, Readonly<OnyxTimerProps> & Readonly<{
     onTimerEnded?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;