sit-onyx 1.0.0-alpha.98 → 1.0.0-beta.0

package/README.md

@@ -1,7 +1,7 @@
-<div align="center">
+<div align="center" style="text-align: center">
   <picture>
-    <source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-light.svg">
-    <source media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/SchwarzIT/onyx/main/.github/onyx-logo-dark.svg">
+    <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>
 </div>
@@ -12,8 +12,6 @@
 
 A design system and Vue.js component library created by [Schwarz IT](https://it.schwarz).
 
-> **Work in progress**: This library is currently in early / active development.
-
 <br />
 
 ## Documentation

package/dist/components/GridPlayground/GridElement.vue.d.ts

@@ -0,0 +1,18 @@
+import type { GridElementSettings } from "./GridPlayground.vue";
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    settings: GridElementSettings;
+    selected?: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    settings: GridElementSettings;
+    selected?: boolean;
+}>>>, {}, {}>;
+export default _default;
+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/GridPlayground/GridElementsIndicator.vue.d.ts

@@ -0,0 +1,22 @@
+export type GridSettings = {
+    marginSize: string;
+    gutterSize: string;
+    gridTemplateColumns: string;
+    maxWidth?: string;
+    isCentered?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    settings: GridSettings;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    settings: GridSettings;
+}>>>, {}, {}>;
+export default _default;
+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/GridPlayground/GridPlayground.vue.d.ts

@@ -0,0 +1,27 @@
+declare const BREAKPOINTS: {
+    readonly "2xs": {
+        readonly cols: 4;
+    };
+    readonly xs: {
+        readonly cols: 8;
+    };
+    readonly sm: {
+        readonly cols: 8;
+    };
+    readonly md: {
+        readonly cols: 12;
+    };
+    readonly lg: {
+        readonly cols: 16;
+    };
+    readonly xl: {
+        readonly cols: 16;
+    };
+};
+export type GridBreakpoints = keyof typeof BREAKPOINTS;
+export type GridElementSettings = {
+    breakpoint?: GridBreakpoints;
+    spans: number;
+}[];
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

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

@@ -1,12 +1,5 @@
-import { OnyxAppLayoutProps } from './types';
-
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxAppLayoutProps>, {
-    navBarAlignment: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxAppLayoutProps>, {
-    navBarAlignment: string;
-}>>>, {
-    navBarAlignment: "top" | "left";
-}, {}>, Readonly<{
+import type { OnyxAppLayoutProps } from "./types";
+declare function __VLS_template(): Readonly<{
     /** Navigation area of the application */
     navBar?(): unknown;
     /** Page content area of the application */
@@ -24,17 +17,17 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     pageOverlay?(): unknown;
     /** Overlays that cover the complete page */
     appOverlay?(): unknown;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<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;
-    };
 };
+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;
+}>>>, {
+    navBarAlignment: "top" | "left";
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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];
@@ -48,3 +41,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,15 +1,5 @@
-import { OnyxAvatarProps } from './types';
-
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxAvatarProps>, {
-    size: string;
-    type: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxAvatarProps>, {
-    size: string;
-    type: string;
-}>>>, {
-    type: "initials" | "female" | "male";
-    size: "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
-}, {}>, Readonly<{
+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`.
      */
@@ -19,17 +9,16 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      * Optional slot to override the default initials. Will only be used if `type` is `initials`.
      */
     default?(): unknown;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<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;
-    };
 };
+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;
+}>>>, {
+    size: "16px" | "24px" | "32px" | "48px" | "64px" | "96px";
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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];
@@ -43,3 +32,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,20 +1,13 @@
-import { IconSize, IconSizeProp } from '../OnyxIcon/types';
-
+import type { IconSize, IconSizeProp } from "../OnyxIcon/types";
 export type OnyxAvatarProps = IconSizeProp<Exclude<IconSize, "12px">> & {
     /**
      * Label (e.g. the user name), required for accessibility.
-     * For `type="initials"`, the label will determine the displayed initials.
+     * Will also determine the displayed initials.
      */
     label: string;
     /**
      * Image URL to show. If unset or an error occurs while loading, a fallback will be displayed
-     * depending on the `type` property.
+     * with the initials.
      */
     src?: string;
-    /**
-     * Avatar type to use.
-     */
-    type?: AvatarType;
 };
-export declare const AVATAR_TYPES: readonly ["initials", "female", "male"];
-export type AvatarType = (typeof AVATAR_TYPES)[number];

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

@@ -1,4 +1,4 @@
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>, Readonly<{
+declare function __VLS_template(): Readonly<{
     /**
      * Default slot to place the avatars.
      */
@@ -8,7 +8,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{}
      * 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>>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,15 +1,5 @@
-import { OnyxBadgeProps } from './types';
-
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxBadgeProps>, {
-    color: string;
-    dot: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxBadgeProps>, {
-    color: string;
-    dot: boolean;
-}>>>, {
-    color: "primary" | "secondary" | "neutral" | "danger" | "warning" | "success" | "info";
-    dot: boolean;
-}, {}>, Readonly<{
+import type { OnyxBadgeProps } from "./types";
+declare function __VLS_template(): Readonly<{
     /**
      * Badge content.
      */
@@ -19,17 +9,19 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
      * Badge content.
      */
     default?(): unknown;
-}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<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;
-    };
 };
+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;
+}>>>, {
+    color: import("../..").OnyxColor;
+    dot: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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];
@@ -43,3 +35,12 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $slots: S;
     };
 };
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

@@ -1,6 +1,5 @@
-import { DensityProp } from '../../composables/density';
-import { OnyxColor } from '../../types/colors';
-
+import type { DensityProp } from "../../composables/density";
+import type { OnyxColor } from "../../types/colors";
 export type OnyxBadgeProps = DensityProp & {
     /**
      * The color of the badge.

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

@@ -1,15 +1,14 @@
-import { OnyxButtonProps } from './types';
-
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxButtonProps>, {
+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, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
-}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<OnyxButtonProps>, {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<OnyxButtonProps>, {
     disabled: boolean;
     loading: boolean;
     type: string;
@@ -19,23 +18,14 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
 }>>> & {
     onClick?: (() => any) | undefined;
 }, {
-    type: "button" | "submit" | "reset";
-    color: "primary" | "neutral" | "danger";
+    type: import("./types").ButtonType;
+    color: import("./types").ButtonColor;
     disabled: boolean;
     loading: boolean;
-    mode: "default" | "outline" | "plain";
+    mode: import("./types").ButtonMode;
     skeleton: boolean;
 }, {}>;
 export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<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;
-    };
-};
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
@@ -44,3 +34,12 @@ type __VLS_WithDefaults<P, D> = {
 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,6 +1,6 @@
-import { DensityProp } from '../../composables/density';
-
-export type OnyxButtonProps = DensityProp & {
+import type { DensityProp } from "../../composables/density";
+import type { AutofocusProp } from "../../types";
+export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * The text content of the button.
      */

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

@@ -1,73 +1,21 @@
-import { SelectOptionValue } from '../../types';
-
-declare const _default: <TValue extends SelectOptionValue = SelectOptionValue>(__VLS_props: {
-    required?: boolean | undefined;
-    label: string;
-    value: TValue;
-    density?: "default" | "compact" | "cozy" | undefined;
-    disabled?: boolean | undefined;
-    loading?: boolean | undefined;
-    skeleton?: boolean | undefined;
-    customError?: string | undefined;
-    indeterminate?: boolean | undefined;
-    hideLabel?: boolean | undefined;
-    truncation?: "ellipsis" | "multiline" | undefined;
-    requiredMarker?: "required" | "optional" | undefined;
-    modelValue?: boolean | undefined;
-    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onValidityChange?: ((validity: ValidityState) => any) | undefined;
-} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: {};
-    emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void);
-} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        required?: boolean | undefined;
-        label: string;
-        value: TValue;
-        density?: "default" | "compact" | "cozy" | undefined;
-        disabled?: boolean | undefined;
-        loading?: boolean | undefined;
-        skeleton?: boolean | undefined;
-        customError?: string | undefined;
-        indeterminate?: boolean | undefined;
-        hideLabel?: boolean | undefined;
-        truncation?: "ellipsis" | "multiline" | undefined;
-        requiredMarker?: "required" | "optional" | undefined;
-        modelValue?: boolean | undefined;
+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;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }, never>, "onValidityChange" | "onUpdate:modelValue"> & OnyxCheckboxProps<TValue>> & __VLS_BuiltInPublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
-    emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void);
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    slots: ReturnType<() => {}>;
+    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?: {
-        props: {
-            required?: boolean | undefined;
-            label: string;
-            value: TValue;
-            density?: "default" | "compact" | "cozy" | undefined;
-            disabled?: boolean | undefined;
-            loading?: boolean | undefined;
-            skeleton?: boolean | undefined;
-            customError?: string | undefined;
-            indeterminate?: boolean | undefined;
-            hideLabel?: boolean | undefined;
-            truncation?: "ellipsis" | "multiline" | undefined;
-            requiredMarker?: "required" | "optional" | undefined;
-            modelValue?: boolean | undefined;
-            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-            onValidityChange?: ((validity: ValidityState) => any) | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-        attrs: any;
-        slots: {};
-        emit: ((evt: "validityChange", validity: ValidityState) => void) & ((evt: "update:modelValue", value: boolean) => void);
-    } | undefined;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
 type __VLS_Prettify<T> = {

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

@@ -1,8 +1,7 @@
-import { RequiredMarkerProp } from '../../composables/required';
-import { CustomValidityProp } from '../../composables/useCustomValidity';
-import { SelectOption, SelectOptionValue } from '../../types';
-
-export type OnyxCheckboxProps<TValue extends SelectOptionValue = SelectOptionValue> = SelectOption<TValue> & RequiredMarkerProp & CustomValidityProp & {
+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 & {
     /**
      * Whether the checkbox is checked.
      */

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

@@ -1,61 +1,19 @@
-import { SelectOptionValue } from '../../types';
-
-declare const _default: <TValue extends SelectOptionValue>(__VLS_props: {
-    density?: "default" | "compact" | "cozy" | undefined;
-    disabled?: boolean | undefined;
-    skeleton?: number | undefined;
-    modelValue?: TValue[] | undefined;
-    "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-    options: import('./types').CheckboxGroupOption<TValue>[];
-    headline?: string | undefined;
-    direction?: "horizontal" | "vertical" | undefined;
-    withCheckAll?: boolean | {
-        label?: string | undefined;
-    } | undefined;
-} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
-    attrs: any;
-    slots: {};
-    emit: (evt: "update:modelValue", value: TValue[]) => void;
-} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
-    props: {
-        density?: "default" | "compact" | "cozy" | undefined;
-        disabled?: boolean | undefined;
-        skeleton?: number | undefined;
-        modelValue?: TValue[] | undefined;
+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;
-        options: import('./types').CheckboxGroupOption<TValue>[];
-        headline?: string | undefined;
-        direction?: "horizontal" | "vertical" | undefined;
-        withCheckAll?: boolean | {
-            label?: string | undefined;
-        } | undefined;
-    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    }, never>, "onUpdate:modelValue"> & OnyxCheckboxGroupProps<TValue>> & __VLS_BuiltInPublicProps;
+    expose(exposed: import("vue").ShallowUnwrapRef<{}>): void;
     attrs: any;
-    slots: {};
-    emit: (evt: "update:modelValue", value: TValue[]) => void;
-}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    slots: ReturnType<() => {}>;
+    emit: ((evt: "update:modelValue", value: TValue[]) => void) & {};
+}>) => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }> & {
-    __ctx?: {
-        props: {
-            density?: "default" | "compact" | "cozy" | undefined;
-            disabled?: boolean | undefined;
-            skeleton?: number | undefined;
-            modelValue?: TValue[] | undefined;
-            "onUpdate:modelValue"?: ((value: TValue[]) => any) | undefined;
-            options: import('./types').CheckboxGroupOption<TValue>[];
-            headline?: string | undefined;
-            direction?: "horizontal" | "vertical" | undefined;
-            withCheckAll?: boolean | {
-                label?: string | undefined;
-            } | undefined;
-        } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
-        expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
-        attrs: any;
-        slots: {};
-        emit: (evt: "update:modelValue", value: TValue[]) => void;
-    } | undefined;
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;
 type __VLS_Prettify<T> = {

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

@@ -1,7 +1,6 @@
-import { DensityProp } from '../../composables/density';
-import { RequiredMarkerProp } from '../../composables/required';
-import { Direction, SelectOption, SelectOptionValue } from '../../types';
-
+import type { DensityProp } from "../../composables/density";
+import type { RequiredMarkerProp } from "../../composables/required";
+import type { AutofocusProp, BaseSelectOption, Direction, SelectOptionValue } from "../../types";
 export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = DensityProp & {
     /**
      * Checkbox options.
@@ -39,4 +38,4 @@ export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOpti
      */
     skeleton?: number;
 };
-export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = SelectOption<TValue> & RequiredMarkerProp;
+export type CheckboxGroupOption<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & RequiredMarkerProp & AutofocusProp;

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

@@ -0,0 +1,57 @@
+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 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;
+}>>> & {
+    onClose?: (() => any) | undefined;
+}, {
+    open: boolean;
+    modal: boolean;
+    alert: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+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;
+    };
+};