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

package/README.md

@@ -1,9 +1,5 @@
 <div align="center" style="text-align: center">
-  <picture>
-    <source media="(prefers-color-scheme: dark)" type="image/svg+xml" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-light.svg">
-    <source media="(prefers-color-scheme: light)" type="image/svg+xml" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg">
-    <img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg" width="160px">
-  </picture>
+  <img alt="onyx logo" src="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo.svg" height="96px">
 </div>
 
 <br>

package/dist/a11yConfig.d.ts

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

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

@@ -0,0 +1,23 @@
+import { type OnyxAccordionProps } from "./types";
+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;
+    };
+    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_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -0,0 +1,36 @@
+import type { SkeletonInjected } from "src/composables/useSkeletonState";
+import type { InjectionKey, Ref } from "vue";
+import type { DensityProp } from "../../composables/density";
+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.
+     */
+    exclusive?: boolean;
+    /**
+     * Disable the accordion.
+     */
+    disabled?: boolean;
+    /**
+     * If set, the specified number of skeleton accordions will be shown.
+     */
+    skeleton?: SkeletonInjected;
+};
+export type AccordionInjectionKey<TValue extends PropertyKey> = InjectionKey<{
+    /**
+     * IDs of currently open AccordionItems.
+     */
+    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: TValue, value: boolean) => void;
+    disabled: Ref<boolean>;
+    skeleton: Ref<SkeletonInjected>;
+}>;
+export declare const ACCORDION_INJECTION_KEY: AccordionInjectionKey<PropertyKey>;

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

@@ -0,0 +1,22 @@
+import type { OnyxAccordionItemProps } from "./types";
+type __VLS_Slots = {
+    /**
+     * Displays the header content.
+     */
+    header(): unknown;
+    /**
+     * Displays the panel content.
+     */
+    default?(): unknown;
+};
+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_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -0,0 +1,34 @@
+import type { OnyxAlertDialogProps } from "./types";
+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;
+};
+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_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+import type { OnyxDialogProps } from "../OnyxDialog/types";
+import type { OnyxIconProps } from "../OnyxIcon/types";
+export type OnyxAlertDialogProps = Omit<OnyxDialogProps, "modal" | "alert"> & {
+    /**
+     * Optional icon to show.
+     */
+    icon?: Omit<OnyxIconProps, "size">;
+};

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

@@ -1,14 +1,5 @@
 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;
-}> & {
+type __VLS_Slots = {
     /** Navigation area of the application */
     navBar?(): unknown;
     /** Page content area of the application */
@@ -18,35 +9,13 @@ declare function __VLS_template(): Readonly<{
     /** Overlays that cover the complete page */
     appOverlay?(): unknown;
 };
-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;
-}>>>, {
+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, {}, HTMLDivElement>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_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 & {
+type __VLS_WithSlots<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,5 @@
 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 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;
-}>>>, {
+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";
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLElement>;
 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/types.d.ts

@@ -1,13 +1,25 @@
 import type { IconSize, IconSizeProp } from "../OnyxIcon/types";
 export type OnyxAvatarProps = IconSizeProp<Exclude<IconSize, "12px">> & {
     /**
-     * Label (e.g. the user name), required for accessibility.
-     * Will also determine the displayed initials.
+     * Full user name. Will determine the displayed initials.
+     *
+     * @example "John Doe"
      */
-    label: string;
+    fullName: DisplayName;
     /**
      * Image URL to show. If unset or an error occurs while loading, a fallback will be displayed
      * with the initials.
      */
     src?: string;
+    /**
+     * Initials to use. If unset, they will be inferred automatically from the `fullName` property.
+     */
+    initials?: string;
+};
+export type DisplayName = string | {
+    name: string;
+    /**
+     * Locale of the given name. Will be used for formatting.
+     */
+    locale: string;
 };

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

@@ -1,18 +1,13 @@
-declare function __VLS_template(): Readonly<{
-    /**
-     * Default slot to place the avatars.
-     */
-    default(): unknown;
-}> & {
+type __VLS_Slots = {
     /**
      * Default slot to place the avatars.
      */
     default(): unknown;
 };
-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>>;
+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_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,46 +1,18 @@
 import type { OnyxBadgeProps } from "./types";
-declare function __VLS_template(): Readonly<{
-    /**
-     * Badge content.
-     */
-    default?(): unknown;
-}> & {
+type __VLS_Slots = {
     /**
      * Badge content.
      */
     default?(): unknown;
 };
-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;
+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;
-}>>>, {
-    color: import("../..").OnyxColor;
-    dot: boolean;
-}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_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 & {
+type __VLS_WithSlots<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/OnyxBottomBar/OnyxBottomBar.vue.d.ts

@@ -0,0 +1,21 @@
+import type { OnyxBottomBarProps } from "./types";
+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;
+};
+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_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,7 @@
+import type { DensityProp } from "../../composables/density";
+export type OnyxBottomBarProps = DensityProp & {
+    /**
+     * Whether to remove the top border / separator.
+     */
+    hideBorder?: boolean;
+};

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

@@ -1,5 +1,8 @@
 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.
@@ -8,7 +11,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 +35,12 @@ export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * Whether to show a skeleton button.
      */
-    skeleton?: boolean;
+    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

@@ -0,0 +1,17 @@
+import type { OnyxCardProps } from "./types";
+type __VLS_Slots = {
+    /**
+     * Card content.
+     */
+    default(): unknown;
+};
+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_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,8 @@
+import type { DensityProp } from "../../composables/density";
+export type OnyxCardProps = DensityProp & {
+    /**
+     * Whether the whole card should be clickable (will render it as `<button>`).
+     * **Important**: If clickable, the card must not contain interactive elements like other buttons etc.
+     */
+    clickable?: boolean;
+};

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

@@ -1,23 +1,22 @@
 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_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
-        onValidityChange?: ((validity: ValidityState) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
-        onValidityChange?: ((validity: ValidityState) => any) | undefined;
-        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+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:modelValue"?: ((value: boolean) => any) | undefined;
+        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: ReturnType<() => {}>;
-    emit: (((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void)) & {};
+    slots: {};
+    emit: ((evt: "update:modelValue", value: boolean) => void) & ((evt: "validityChange", validity: ValidityState) => 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/OnyxCheckbox/types.d.ts

@@ -1,7 +1,5 @@
-import type { RequiredMarkerProp } from "../../composables/required";
-import type { CustomValidityProp } from "../../composables/useCustomValidity";
-import type { AutofocusProp, BaseSelectOption, SelectOptionValue } from "../../types";
-export type OnyxCheckboxProps<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & CustomValidityProp & AutofocusProp & {
+import type { BaseSelectOption, SelectOptionValue } from "../../types";
+export type OnyxCheckboxProps<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & {
     /**
      * Whether the checkbox is checked.
      */

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

@@ -1,21 +1,21 @@
 import type { SelectOptionValue } from "../../types";
 import type { OnyxCheckboxGroupProps } from "./types";
-declare const _default: <TValue extends SelectOptionValue>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_Prettify<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-    props: __VLS_Prettify<Pick<Partial<{}> & Omit<{
-        "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-    } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{}>> & {
-        "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-    }, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+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> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{
+        inputs: import("vue").ComputedRef<HTMLInputElement[]>;
+    }>): 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,8 +1,8 @@
-import type { DensityProp } from "../../composables/density";
-import type { RequiredMarkerProp } from "../../composables/required";
+import type { RequiredProp } from "../../composables/required";
 import type { CustomValidityProp } from "../../composables/useCustomValidity";
 import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
-export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & Pick<BaseSelectOption, "truncation"> & {
+import type { SharedFormElementProps } from "../OnyxFormElement/types";
+export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = Pick<BaseSelectOption, "truncation"> & Pick<SharedFormElementProps, "label" | "labelTooltip" | "hideLabel" | "density" | "skeleton" | "disabled" | "requiredMarker"> & {
     /**
      * Checkbox options.
      */
@@ -11,10 +11,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.
      */
@@ -30,13 +26,5 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
          */
         label?: string;
     };
-    /**
-     * Whether all checkboxes should be disabled.
-     */
-    disabled?: boolean;
-    /**
-     * If set, the specified number of skeleton radio buttons will be shown.
-     */
-    skeleton?: number;
 };
-export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & CustomValidityProp & AutofocusProp;
+export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredProp & CustomValidityProp & AutofocusProp;

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

@@ -0,0 +1,24 @@
+import { type ColumnGroupConfig, type DataGridFeature, type TypeRenderMap } from "./features";
+import type { DataGridEntry, OnyxDataGridProps } from "./types";
+declare const _default: <TEntry extends DataGridEntry, TTypeRenderer extends TypeRenderMap<TEntry>, TColumnGroup extends ColumnGroupConfig, TFeatureName extends symbol, TFeatures extends DataGridFeature<TEntry, TTypeRenderer, TFeatureName>[] | []>(__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> & OnyxDataGridProps<TEntry, TColumnGroup, TTypeRenderer, TFeatureName, TFeatures> & Partial<{}>> & import("vue").PublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        /**
+         * Optional slot to customize the empty state when no data exist.
+         *
+         * If unset, the default empty content of OnyxTable will be displayed.
+         */
+        empty?(): unknown;
+    };
+    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];
+} & {};