sit-onyx 1.0.0-beta.152 → 1.0.0-beta.154

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

@@ -1,30 +1,23 @@
 import { type OnyxAccordionProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Displays OnyxAccordionItem components.
-         */
-        default(): unknown;
-    }> & {
+declare const _default: <TValue extends PropertyKey>(__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: TValue[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & OnyxAccordionProps<TValue> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
         /**
          * Displays OnyxAccordionItem components.
          */
         default(): unknown;
     };
-    refs: {};
-    rootEl: HTMLDivElement;
+    emit: (evt: "update:modelValue", value: TValue[]) => void;
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<OnyxAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxAccordionProps> & Readonly<{}>, {
-    exclusive: boolean;
-    disabled: boolean;
-    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,7 +1,11 @@
 import type { SkeletonInjected } from "src/composables/useSkeletonState";
 import type { InjectionKey, Ref } from "vue";
 import type { DensityProp } from "../../composables/density";
-export type OnyxAccordionProps = DensityProp & {
+export type OnyxAccordionProps<TValue extends PropertyKey> = DensityProp & {
+    /**
+     * Currently opened items. Will include the `value` property of the nested `OnyxAccordionItems`.
+     */
+    modelValue?: TValue[];
     /**
      *  if `true`, only one accordion item can be open at the same time.
      */
@@ -15,18 +19,18 @@ export type OnyxAccordionProps = DensityProp & {
      */
     skeleton?: SkeletonInjected;
 };
-export type AccordionInjectionKey = InjectionKey<{
+export type AccordionInjectionKey<TValue extends PropertyKey> = InjectionKey<{
     /**
-     * A reactive set containing the IDs of currently open AccordionItems.
+     * IDs of currently open AccordionItems.
      */
-    openItems: Ref<Set<string>>;
+    openItems: Readonly<Ref<PropertyKey[]>>;
     /**
      * Function to update the open state of an AccordionItem.
      * @param id - The unique ID of the AccordionItem.
      * @param value - Whether the AccordionItem should be open (true) or closed (false).
      */
-    updateOpen: (id: string, value: boolean) => void;
+    updateOpen: (id: TValue, value: boolean) => void;
     disabled: Ref<boolean>;
     skeleton: Ref<SkeletonInjected>;
 }>;
-export declare const ACCORDION_INJECTION_KEY: AccordionInjectionKey;
+export declare const ACCORDION_INJECTION_KEY: AccordionInjectionKey<PropertyKey>;

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

@@ -1,41 +1,21 @@
 import type { OnyxAccordionItemProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Displays the header content.
-         */
-        header(): unknown;
-        /**
-         * Displays the panel content.
-         */
-        default?(): unknown;
-    }> & {
-        /**
-         * Displays the header content.
-         */
-        header(): unknown;
-        /**
-         * Displays the panel content.
-         */
-        default?(): unknown;
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    /**
+     * Displays the header content.
+     */
+    header(): unknown;
+    /**
+     * Displays the panel content.
+     */
+    default?(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<OnyxAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:open": (isOpen: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<OnyxAccordionItemProps> & Readonly<{
-    "onUpdate:open"?: ((isOpen: boolean) => any) | undefined;
-}>, {
-    open: boolean;
+declare const __VLS_component: import("vue").DefineComponent<OnyxAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxAccordionItemProps> & Readonly<{}>, {
     disabled: boolean;
     skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -2,9 +2,10 @@ import type { DensityProp } from "../../composables/density";
 import type { SkeletonInjected } from "../../composables/useSkeletonState";
 export type OnyxAccordionItemProps = DensityProp & {
     /**
-     * Whether the accordion is open
+     * Value that is used inside the `OnyxAccordion` when the item is open.
+     * Must be unique across one accordion.
      */
-    open?: boolean;
+    value: PropertyKey;
     /**
      * Whether the accordion is disabled
      */

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

@@ -1,59 +1,33 @@
 import type { OnyxAlertDialogProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Dialog content.
-         */
-        default(): unknown;
-        /**
-         * Optional slot to override the headline with custom content.
-         * If unset, the `label` property will be shown.
-         */
-        headline?(bindings: Pick<OnyxAlertDialogProps, "label">): unknown;
-        /**
-         * Slot to display custom actions at the bottom of the dialog, e.g. buttons for confirm or cancelling the current user workflow.
-         * For accessibility purposes it is recommended to set autofocus on one button, preferably the "cancel" button if one exists.
-         *
-         * @example
-         * ```vue
-         * <OnyxButton label="Cancel" color="neutral" mode="plain" autofocus />
-         * ```
-         */
-        actions?(): unknown;
-    }> & {
-        /**
-         * Dialog content.
-         */
-        default(): unknown;
-        /**
-         * Optional slot to override the headline with custom content.
-         * If unset, the `label` property will be shown.
-         */
-        headline?(bindings: Pick<OnyxAlertDialogProps, "label">): unknown;
-        /**
-         * Slot to display custom actions at the bottom of the dialog, e.g. buttons for confirm or cancelling the current user workflow.
-         * For accessibility purposes it is recommended to set autofocus on one button, preferably the "cancel" button if one exists.
-         *
-         * @example
-         * ```vue
-         * <OnyxButton label="Cancel" color="neutral" mode="plain" autofocus />
-         * ```
-         */
-        actions?(): unknown;
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    /**
+     * Dialog content.
+     */
+    default(): unknown;
+    /**
+     * Optional slot to override the headline with custom content.
+     * If unset, the `label` property will be shown.
+     */
+    headline?(bindings: Pick<OnyxAlertDialogProps, "label">): unknown;
+    /**
+     * Slot to display custom actions at the bottom of the dialog, e.g. buttons for confirm or cancelling the current user workflow.
+     * For accessibility purposes it is recommended to set autofocus on one button, preferably the "cancel" button if one exists.
+     *
+     * @example
+     * ```vue
+     * <OnyxButton label="Cancel" color="neutral" mode="plain" autofocus />
+     * ```
+     */
+    actions?(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxAlertDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<OnyxAlertDialogProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,35 +1,20 @@
 import type { OnyxAppLayoutProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /** Navigation area of the application */
-        navBar?(): unknown;
-        /** Page content area of the application */
-        default(): unknown;
-        /** Overlays that cover the page and exclude the nav area */
-        pageOverlay?(): unknown;
-        /** Overlays that cover the complete page */
-        appOverlay?(): unknown;
-    }> & {
-        /** Navigation area of the application */
-        navBar?(): unknown;
-        /** Page content area of the application */
-        default(): unknown;
-        /** Overlays that cover the page and exclude the nav area */
-        pageOverlay?(): unknown;
-        /** Overlays that cover the complete page */
-        appOverlay?(): unknown;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    /** Navigation area of the application */
+    navBar?(): unknown;
+    /** Page content area of the application */
+    default(): unknown;
+    /** Overlays that cover the page and exclude the nav area */
+    pageOverlay?(): unknown;
+    /** Overlays that cover the complete page */
+    appOverlay?(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,24 +1,13 @@
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Default slot to place the avatars.
-         */
-        default(): unknown;
-    }> & {
-        /**
-         * Default slot to place the avatars.
-         */
-        default(): unknown;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    /**
+     * Default slot to place the avatars.
+     */
+    default(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,28 +1,17 @@
 import type { OnyxBadgeProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Badge content.
-         */
-        default?(): unknown;
-    }> & {
-        /**
-         * Badge content.
-         */
-        default?(): unknown;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    /**
+     * Badge content.
+     */
+    default?(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,35 +1,20 @@
 import type { OnyxBottomBarProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Bottom bar content. This slot is left aligned and should be used by buttons and icon buttons.
-         */
-        left?(): unknown;
-        /**
-         * Bottom bar content. This slot is right aligned and should be used by buttons and icon buttons.
-         */
-        default?(): unknown;
-    }> & {
-        /**
-         * Bottom bar content. This slot is left aligned and should be used by buttons and icon buttons.
-         */
-        left?(): unknown;
-        /**
-         * Bottom bar content. This slot is right aligned and should be used by buttons and icon buttons.
-         */
-        default?(): unknown;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    /**
+     * Bottom bar content. This slot is left aligned and should be used by buttons and icon buttons.
+     */
+    left?(): unknown;
+    /**
+     * Bottom bar content. This slot is right aligned and should be used by buttons and icon buttons.
+     */
+    default?(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -0,0 +1,16 @@
+import type { OnyxButtonProps } from "./types";
+type __VLS_Props = Pick<OnyxButtonProps, "disabled" | "link" | "loading" | "type" | "autofocus">;
+type __VLS_Slots = {
+    /**
+     * Button content.
+     */
+    default(): 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, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -2,6 +2,7 @@ import type { DensityProp } from "../../composables/density";
 import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp } from "../../types";
 import type { FormInjected } from "../OnyxForm/OnyxForm.core";
+import type { WithLinkProp } from "../OnyxRouterLink/types";
 export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * The text content of the button.
@@ -35,6 +36,11 @@ export type OnyxButtonProps = DensityProp & AutofocusProp & {
      * Whether to show a skeleton button.
      */
     skeleton?: SkeletonInjected;
+    /**
+     * If set, the button will be rendered as link.
+     * Note that not all button properties are supported when used as link, e.g. `disabled`, `type` and `autofocus` are not supported.
+     */
+    link?: WithLinkProp["link"];
 };
 export declare const BUTTON_TYPES: readonly ["button", "submit", "reset"];
 export type ButtonType = (typeof BUTTON_TYPES)[number];

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

@@ -1,27 +1,16 @@
 import type { OnyxCardProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Card content.
-         */
-        default(): unknown;
-    }> & {
-        /**
-         * Card content.
-         */
-        default(): unknown;
-    };
-    refs: {};
-    rootEl: any;
+type __VLS_Slots = {
+    /**
+     * Card content.
+     */
+    default(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxCardProps> & Readonly<{}>, {
     clickable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -2,15 +2,15 @@ import type { SelectOptionValue } from "../../types";
 import type { OnyxCheckboxProps } 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 onValidityChange?: ((validity: ValidityState) => any) | undefined;
         readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue> & Partial<{}>> & import("vue").PublicProps;
+        readonly onValidityChange?: ((validity: ValidityState) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue" | "onValidityChange"> & OnyxCheckboxProps<TValue> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{
         input: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
     }>): void;
     attrs: any;
     slots: {};
-    emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void);
+    emit: ((evt: "update:modelValue", value: boolean) => void) & ((evt: "validityChange", validity: ValidityState) => void);
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {

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

@@ -4,14 +4,7 @@ declare const _default: <TEntry extends DataGridEntry, TTypeRenderer extends Typ
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OnyxDataGridProps<TEntry, TTypeRenderer, TFeatureName, TFeatures> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Readonly<{
-        /**
-         * Optional slot to customize the empty state when no data exist.
-         *
-         * If unset, the default empty content of OnyxTable will be displayed.
-         */
-        empty?(): unknown;
-    }> & {
+    slots: {
         /**
          * Optional slot to customize the empty state when no data exist.
          *

package/dist/components/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue.d.ts

@@ -4,14 +4,7 @@ declare const _default: <TEntry extends DataGridEntry, TMetadata extends DataGri
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OnyxDataGridRendererProps<TEntry, TMetadata> & Partial<{}>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: Readonly<{
-        /**
-         * Optional slot to customize the empty state when no data exist.
-         *
-         * If unset, the default empty content of OnyxTable will be displayed.
-         */
-        empty?(): unknown;
-    }> & {
+    slots: {
         /**
          * Optional slot to customize the empty state when no data exist.
          *

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

@@ -4,21 +4,13 @@ type __VLS_Props = {
      */
     label: string;
 };
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        actions?(): unknown;
-    }> & {
-        actions?(): unknown;
-    };
-    refs: {};
-    rootEl: HTMLDivElement;
+type __VLS_Slots = {
+    actions?(): unknown;
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -1,10 +1,13 @@
 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, {
-    validityChange: (validity: ValidityState) => any;
     "update:modelValue": (value?: string | undefined) => any;
+    validityChange: (validity: ValidityState) => any;
 }, string, import("vue").PublicProps, Readonly<OnyxDatePickerProps> & Readonly<{
-    onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
+    onValidityChange?: ((validity: ValidityState) => any) | undefined;
 }>, {
     required: boolean;
     type: "date" | "datetime-local";
@@ -13,7 +16,5 @@ declare const _default: import("vue").DefineComponent<OnyxDatePickerProps, {}, {
     readonly: boolean;
     skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
     showError: boolean | symbol | "touched";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-    inputRef: HTMLInputElement;
-}, any>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
 export default _default;

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

@@ -1,27 +1,15 @@
 import type { OnyxDialogProps } from "./types";
-declare function __VLS_template(): {
-    attrs: Partial<{}>;
-    slots: Readonly<{
-        /**
-         * Dialog content. For accessibility purposes it is strongly recommended
-         * to focus an element inside the dialog when it opens. The element will depend
-         * on your use case (e.g. an input, button etc.).
-         */
-        default(): unknown;
-    }> & {
-        /**
-         * Dialog content. For accessibility purposes it is strongly recommended
-         * to focus an element inside the dialog when it opens. The element will depend
-         * on your use case (e.g. an input, button etc.).
-         */
-        default(): unknown;
-    };
-    refs: {
-        dialogRef: HTMLDialogElement;
-    };
-    rootEl: any;
+type __VLS_Slots = {
+    /**
+     * Dialog content. For accessibility purposes it is strongly recommended
+     * to focus an element inside the dialog when it opens. The element will depend
+     * on your use case (e.g. an input, button etc.).
+     */
+    default(): unknown;
+};
+type __VLS_TemplateRefs = {
+    dialogRef: typeof __VLS_nativeElements['dialog'];
 };
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<OnyxDialogProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
 }, string, import("vue").PublicProps, Readonly<OnyxDialogProps> & Readonly<{
@@ -30,12 +18,10 @@ declare const __VLS_component: import("vue").DefineComponent<OnyxDialogProps, {}
     open: boolean;
     alert: boolean;
     modal: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {
-    dialogRef: HTMLDialogElement;
-}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, __VLS_TemplateRefs, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };