sit-onyx 1.0.0-beta.6 → 1.0.0-beta.61

package/dist/a11yConfig.d.ts

@@ -0,0 +1 @@
+export declare const a11yTags: string[];

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

@@ -1,52 +1,35 @@
 import type { OnyxAppLayoutProps } from "./types";
-declare function __VLS_template(): 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;
+declare function __VLS_template(): {
+    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: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAppLayoutProps>, {
-    navBarAlignment: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAppLayoutProps>, {
-    navBarAlignment: string;
-}>>>, {
+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";
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-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/OnyxAvatar/OnyxAvatar.vue.d.ts

@@ -1,43 +1,27 @@
 import type { OnyxAvatarProps } from "./types";
-declare function __VLS_template(): Readonly<{
-    /**
-     * Optional slot to override the default initials. Will only be used if `type` is `initials`.
-     */
-    default?(): unknown;
-}> & {
-    /**
-     * Optional slot to override the default initials. Will only be used if `type` is `initials`.
-     */
-    default?(): unknown;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Optional slot to override the default initials. Will only be used if `type` is `initials`.
+         */
+        default?(): unknown;
+    }> & {
+        /**
+         * Optional slot to override the default initials. Will only be used if `type` is `initials`.
+         */
+        default?(): unknown;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAvatarProps>, {
-    size: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxAvatarProps>, {
-    size: string;
-}>>>, {
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<OnyxAvatarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<OnyxAvatarProps> & Readonly<{}>, {
     size: "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-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/OnyxAvatarStack/OnyxAvatarStack.vue.d.ts

@@ -1,16 +1,21 @@
-declare function __VLS_template(): Readonly<{
-    /**
-     * Default slot to place the avatars.
-     */
-    default(): unknown;
-}> & {
-    /**
-     * Default slot to place the avatars.
-     */
-    default(): unknown;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Default slot to place the avatars.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Default slot to place the avatars.
+         */
+        default(): unknown;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,46 +1,28 @@
 import type { OnyxBadgeProps } from "./types";
-declare function __VLS_template(): Readonly<{
-    /**
-     * Badge content.
-     */
-    default?(): unknown;
-}> & {
-    /**
-     * Badge content.
-     */
-    default?(): unknown;
+declare function __VLS_template(): {
+    slots: Readonly<{
+        /**
+         * Badge content.
+         */
+        default?(): unknown;
+    }> & {
+        /**
+         * Badge content.
+         */
+        default?(): unknown;
+    };
+    refs: {};
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxBadgeProps>, {
-    color: string;
-    dot: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxBadgeProps>, {
-    color: string;
-    dot: boolean;
-}>>>, {
+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("../..").OnyxColor;
     dot: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-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/OnyxButton/OnyxButton.vue.d.ts

@@ -1,45 +1,10 @@
 import type { OnyxButtonProps } from "./types";
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxButtonProps>, {
-    disabled: boolean;
-    loading: boolean;
-    type: string;
-    color: string;
-    mode: string;
-    skeleton: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    click: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxButtonProps>, {
-    disabled: boolean;
-    loading: boolean;
-    type: string;
-    color: string;
-    mode: string;
-    skeleton: boolean;
-}>>> & {
-    onClick?: (() => any) | undefined;
-}, {
+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;
-    disabled: boolean;
+    skeleton: import("../../composables/useSkeletonState").SkeletonInjected;
+    disabled: import("../OnyxForm/OnyxForm.core").FormInjected<boolean>;
     loading: boolean;
     mode: import("./types").ButtonMode;
-    skeleton: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 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/OnyxButton/types.d.ts

@@ -1,5 +1,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";
 export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * The text content of the button.
@@ -8,7 +10,7 @@ export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * If the button should be disabled or not.
      */
-    disabled?: boolean;
+    disabled?: FormInjected<boolean>;
     /**
      * Shows a loading indicator.
      */
@@ -32,7 +34,7 @@ export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * Whether to show a skeleton button.
      */
-    skeleton?: boolean;
+    skeleton?: SkeletonInjected;
 };
 export declare const BUTTON_TYPES: readonly ["button", "submit", "reset"];
 export type ButtonType = (typeof BUTTON_TYPES)[number];

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

@@ -1,23 +1,20 @@
 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<{
-    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;
+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>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: ReturnType<() => {}>;
-    emit: (((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void)) & {};
+    slots: {};
+    emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void);
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
-type __VLS_Prettify<T> = {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};

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

@@ -1,21 +1,19 @@
 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<{
-    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;
+declare const _default: <TValue extends 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:modelValue"?: ((value: TValue[]) => any) | undefined;
+    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & import("vue").PublicProps;
     expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: ReturnType<() => {}>;
-    emit: ((evt: "update:modelValue", value: TValue[]) => void) & {};
+    slots: {};
+    emit: (evt: "update:modelValue", value: TValue[]) => void;
 }>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
-type __VLS_Prettify<T> = {
+type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};

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

@@ -1,7 +1,11 @@
 import type { DensityProp } from "../../composables/density";
 import type { RequiredMarkerProp } from "../../composables/required";
+import type { CustomValidityProp } from "../../composables/useCustomValidity";
+import type { SkeletonInjected } from "../../composables/useSkeletonState";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
-export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & {
+import type { FormInjected } from "../OnyxForm/OnyxForm.core";
+import type { OnyxFormElementProps } from "../OnyxFormElement/types";
+export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & Pick<OnyxFormElementProps, "label" | "hideLabel"> & {
     /**
      * Checkbox options.
      */
@@ -10,10 +14,6 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
      * Currently checked checkboxes.
      */
     modelValue?: TValue[];
-    /**
-     * Headline to show above all checkboxes which is also the fieldset legend.
-     */
-    headline?: string;
     /**
      * Direction of the checkboxes.
      */
@@ -32,10 +32,10 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
     /**
      * Whether all checkboxes should be disabled.
      */
-    disabled?: boolean;
+    disabled?: FormInjected<boolean>;
     /**
      * If set, the specified number of skeleton radio buttons will be shown.
      */
-    skeleton?: number;
+    skeleton?: SkeletonInjected;
 };
-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/OnyxDataGrid/OnyxDataGridRenderer/OnyxDataGridRenderer.vue.d.ts

@@ -0,0 +1,17 @@
+import type { DataGridEntry, DataGridMetadata } from "../types";
+import type { OnyxDataGridRendererProps } from "./types";
+declare const _default: <TEntry extends DataGridEntry, TMetadata extends DataGridMetadata>(__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<{} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, never> & OnyxDataGridRendererProps<TEntry, TMetadata>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {};
+    emit: {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
+};
+export default _default;
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,87 @@
+import type { FunctionalComponent, HTMLAttributes, TdHTMLAttributes, ThHTMLAttributes } from "vue";
+import type { WithHTMLAttributes } from "../../../types";
+import type { OnyxTableProps } from "../../OnyxTable/types";
+import type { DataGridEntry, DataGridMetadata } from "../types";
+export type OnyxDataGridRendererProps<TEntry extends DataGridEntry = DataGridEntry, TMetadata extends DataGridMetadata = DataGridMetadata> = OnyxTableProps & {
+    /**
+     * Will define which columns and their headers are rendered in which order.
+     */
+    columns: DataGridRendererColumn<TEntry, object>[];
+    rows: DataGridRendererRow<TEntry, TMetadata>[];
+};
+/**
+ * Describes how a column header is rendered in the data grid.
+ */
+export type DataGridRendererColumn<TEntry extends DataGridEntry, TProps extends object> = {
+    /**
+     * (Unique) Key of the column - usually a key of the table data.
+     * But can also be used for custom columns.
+     */
+    key: keyof TEntry;
+    /**
+     * The component that renders the header content and is placed into the `<th>` element.
+     */
+    component: FunctionalComponent<WithHTMLAttributes<TProps>>;
+    /**
+     * Attributes and data that is provided to the component using `v-bind`.
+     */
+    props: WithHTMLAttributes<TProps>;
+    /**
+     * Attributes that are bound directly to the `<th>` element of the column.
+     */
+    thAttributes?: ThHTMLAttributes;
+};
+/**
+ * Describes how a specific row is rendered in the data grid.
+ */
+export type DataGridRendererRow<TEntry extends DataGridEntry, TMetadata extends DataGridMetadata = DataGridMetadata> = {
+    /**
+     * Unique id of the row.
+     */
+    id: PropertyKey;
+    /**
+     * Describes how a cell in a specific row is rendered in the data grid.
+     * Only cells that are defined in the columns will be rendered in the defined order.
+     */
+    cells: Partial<Record<keyof TEntry, DataGridRendererCell<TEntry, TMetadata>>>;
+    /**
+     * Attributes that are bound directly to the `<tr>` element of the row.
+     */
+    trAttributes?: HTMLAttributes;
+};
+/**
+ * Describes how a single cell in a specific row is rendered in the data grid.
+ */
+export type DataGridRendererCell<TEntry extends DataGridEntry, TMetadata extends DataGridMetadata = DataGridMetadata> = {
+    /**
+     * The component that renders the actual cell content and is placed into the `<td>` element.
+     */
+    component: DataGridRendererCellComponent<TEntry, TMetadata>;
+    /**
+     * Attributes and data that is provided to the component using `v-bind`.
+     */
+    props: DataGridRendererCellComponentProps<TEntry, TMetadata>;
+    /**
+     * Attributes that are bound directly to the `<td>` element of the cell.
+     */
+    tdAttributes?: TdHTMLAttributes;
+};
+/**
+ * Vue component that renders the actual content of a single data grid cell.
+ */
+export type DataGridRendererCellComponent<TEntry extends DataGridEntry, TMetadata extends DataGridMetadata = DataGridMetadata> = FunctionalComponent<WithHTMLAttributes<DataGridRendererCellComponentProps<TEntry, TMetadata>, TdHTMLAttributes>>;
+export type DataGridRendererCellComponentProps<TEntry extends DataGridEntry, TMetadata extends DataGridMetadata> = {
+    /**
+     * Complete row data.
+     */
+    row: TEntry;
+    /**
+     * Cell data that is provided to the component via the `metadata` prop.
+     */
+    metadata?: TMetadata;
+    /**
+     * Cell data that is provided to the component via the `modelValue` prop.
+     * If the cell renders readonly, this will just be the non-editable value.
+     */
+    modelValue?: TEntry[keyof TEntry];
+};

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

@@ -0,0 +1,8 @@
+export type DataGridMetadata = Record<string, unknown>;
+/**
+ * "Raw" user data for a data grid entry/row, e.g. fetched from a backend service.
+ */
+export type DataGridEntry = {
+    id: PropertyKey;
+    [key: PropertyKey]: unknown;
+};

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

@@ -1,57 +1,39 @@
 import type { OnyxDialogProps } from "./types";
-declare function __VLS_template(): 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;
+declare function __VLS_template(): {
+    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;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxDialogProps>, {
-    open: boolean;
-    modal: boolean;
-    alert: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    close: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxDialogProps>, {
-    open: boolean;
-    modal: boolean;
-    alert: boolean;
-}>>> & {
+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<{
     onClose?: (() => any) | undefined;
-}, {
+}>, {
     open: boolean;
     modal: boolean;
     alert: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-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;
-    };
-};