sit-onyx 1.0.0-beta.261 → 1.0.0-beta.263

package/dist/components/OnyxAccordion/{OnyxAccordion.vue.d.ts → OnyxAccordion.d.vue.ts}

@@ -1,19 +1,24 @@
-import type { Nullable } from "../../types";
-import { type OnyxAccordionProps } from "./types";
+import { Nullable } from '../../types/index.js';
+import { OnyxAccordionProps } from './types.js';
 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: Nullable<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;
+    } & 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: {
+    slots: Readonly<{
+        /**
+         * Displays OnyxAccordionItem components.
+         */
+        default(): unknown;
+    }> & {
         /**
          * Displays OnyxAccordionItem components.
          */
         default(): unknown;
     };
     emit: (evt: "update:modelValue", value: Nullable<TValue[]>) => void;
-}>) => import("vue").VNode & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
-import type { InjectionKey, Ref } from "vue";
-import type { DensityProp } from "../../composables/density";
-import type { SkeletonInjected } from "../../composables/useSkeletonState";
-import type { Nullable } from "../../types";
+import { InjectionKey, Ref } from 'vue';
+import { DensityProp } from '../../composables/density.js';
+import { SkeletonInjected } from '../../composables/useSkeletonState.js';
+import { Nullable } from '../../types/index.js';
 export type OnyxAccordionProps<TValue extends PropertyKey> = DensityProp & {
     /**
      * Currently opened items. Will include the `value` property of the nested `OnyxAccordionItems`.

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

@@ -0,0 +1,37 @@
+import { OnyxAccordionItemProps } from './types.js';
+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_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OnyxAccordionItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxAccordionItemProps> & Readonly<{}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    disabled: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
-import type { DensityProp } from "../../composables/density";
-import type { SkeletonInjected } from "../../composables/useSkeletonState";
+import { DensityProp } from '../../composables/density.js';
+import { SkeletonInjected } from '../../composables/useSkeletonState.js';
 export type OnyxAccordionItemProps = DensityProp & {
     /**
      * Value that is used inside the `OnyxAccordion` when the item is open.

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

@@ -0,0 +1,60 @@
+import { OnyxAlertDialogProps } from './types.js';
+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_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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
-import type { OnyxDialogProps } from "../OnyxDialog/types";
-import type { OnyxIconProps } from "../OnyxIcon/types";
+import { OnyxDialogProps } from '../OnyxDialog/types.js';
+import { OnyxIconProps } from '../OnyxIcon/types.js';
 export type OnyxAlertDialogProps = Omit<OnyxDialogProps, "modal" | "alert" | "alignment"> & {
     /**
      * Optional icon to show.

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

@@ -0,0 +1,50 @@
+import { OnyxAppLayoutProps } from './types.js';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Page content area of the application. Recommended component: [OnyxPageLayout](https://storybook.onyx.schwarz/?path=/docs/layout-pagelayout--docs).
+         *
+         * For semantic HTML, it is recommend to use HTML elements like `<main>`
+         */
+        default(): unknown;
+        /**
+         * Navigation area of the application. Recommended components:
+         * - for top alignment: [OnyxNavBar](https://storybook.onyx.schwarz/?path=/docs/navigation-navbar--docs)
+         * - for left alignment: no onyx component yet, create your own custom one
+         *
+         * For implementing page-level sidebars, please use the [OnyxPageLayout](https://onyx.schwarz/?path=/story/layout-pagelayout--sidebar).
+         * For semantic HTML, it is recommended to use HTML elements like `<header>` and `<nav>` here, which is already the case when using the above recommended components.
+         */
+        navBar?(): unknown;
+    }> & {
+        /**
+         * Page content area of the application. Recommended component: [OnyxPageLayout](https://storybook.onyx.schwarz/?path=/docs/layout-pagelayout--docs).
+         *
+         * For semantic HTML, it is recommend to use HTML elements like `<main>`
+         */
+        default(): unknown;
+        /**
+         * Navigation area of the application. Recommended components:
+         * - for top alignment: [OnyxNavBar](https://storybook.onyx.schwarz/?path=/docs/navigation-navbar--docs)
+         * - for left alignment: no onyx component yet, create your own custom one
+         *
+         * For implementing page-level sidebars, please use the [OnyxPageLayout](https://onyx.schwarz/?path=/story/layout-pagelayout--sidebar).
+         * For semantic HTML, it is recommended to use HTML elements like `<header>` and `<nav>` here, which is already the case when using the above recommended components.
+         */
+        navBar?(): unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

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

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

@@ -1,4 +1,4 @@
-import type { IconSize, IconSizeProp } from "../OnyxIcon/types";
+import { IconSize, IconSizeProp } from '../OnyxIcon/types.js';
 export type OnyxAvatarProps = IconSizeProp<Exclude<IconSize, "12px">> & {
     /**
      * Full user name. Will determine the displayed initials.

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

@@ -0,0 +1,25 @@
+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_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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,29 @@
+import { OnyxBadgeProps } from './types.js';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Badge content.
+         */
+        default?(): unknown;
+    }> & {
+        /**
+         * Badge content.
+         */
+        default?(): unknown;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+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', { with: { "resolution-mode": "import" } }).OnyxColor;
+    dot: boolean;
+}, {}, {}, {}, 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;
+    };
+};

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

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

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

@@ -0,0 +1,36 @@
+import { OnyxBottomBarProps } from './types.js';
+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_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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,4 @@
-import type { DensityProp } from "../../composables/density";
+import { DensityProp } from '../../composables/density.js';
 export type OnyxBottomBarProps = DensityProp & {
     /**
      * Whether to remove the top border / separator.

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

@@ -0,0 +1,28 @@
+import { OnyxBreadcrumbProps } from './types.js';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Breadcrumb items (see `OnyxBreadcrumbItem` component).
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Breadcrumb items (see `OnyxBreadcrumbItem` component).
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: HTMLElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OnyxBreadcrumbProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxBreadcrumbProps> & Readonly<{}>, {
+    container: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,4 @@
-import type { DensityProp } from "../../composables/density";
+import { DensityProp } from '../../composables/density.js';
 export type OnyxBreadcrumbProps = DensityProp & {
     /**
      * If `true`, the component will be shown inside a styled container.

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

@@ -0,0 +1,29 @@
+import { OnyxBreadcrumbItemProps } from './types.js';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Item content / page name.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Item content / page name.
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: HTMLLIElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<OnyxBreadcrumbItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxBreadcrumbItemProps> & Readonly<{}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    active: boolean | "auto";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,5 +1,5 @@
-import type { DensityProp } from "../../composables/density";
-import type { SkeletonInjected } from "../../composables/useSkeletonState";
+import { DensityProp } from '../../composables/density.js';
+import { SkeletonInjected } from '../../composables/useSkeletonState.js';
 export type OnyxBreadcrumbItemProps = DensityProp & {
     /**
      * Link to the corresponding page.

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

@@ -0,0 +1,29 @@
+import { OnyxButtonProps } from './types.js';
+type __VLS_Props = Pick<OnyxButtonProps, "disabled" | "link" | "loading" | "type" | "autofocus">;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Button content.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Button content.
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+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<{}>, {
+    type: import('./types.js', { with: { "resolution-mode": "import" } }).ButtonType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,25 @@
+import { OnyxButtonProps } from './types.js';
+declare const _default: import('vue').DefineComponent<OnyxButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxButtonProps> & Readonly<{}>, {
+    skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
+    disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+    loading: boolean;
+    type: import('./types.js', { with: { "resolution-mode": "import" } }).ButtonType;
+    color: import('./types.js', { with: { "resolution-mode": "import" } }).ButtonColor;
+    mode: import('./types.js', { with: { "resolution-mode": "import" } }).ButtonMode;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    rippleRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, {
+        events: import('vue').Ref<Record<string, (event: MouseEvent) => void>, Record<string, (event: MouseEvent) => void>>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        rippleTriggerRef: HTMLSpanElement;
+    }, HTMLSpanElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, {
+        events: import('vue').Ref<Record<string, (event: MouseEvent) => void>, Record<string, (event: MouseEvent) => void>>;
+    }, {}, {}, {}, {}> | null;
+}, any>;
+export default _default;

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

@@ -1,8 +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";
+import { DensityProp } from '../../composables/density.js';
+import { SkeletonInjected } from '../../composables/useSkeletonState.js';
+import { AutofocusProp } from '../../types/index.js';
+import { FormInjected } from '../OnyxForm/OnyxForm.core.js';
+import { WithLinkProp } from '../OnyxRouterLink/types.js';
 export type OnyxButtonProps = DensityProp & AutofocusProp & {
     /**
      * The text content of the button.

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

@@ -0,0 +1,28 @@
+import { OnyxCardProps } from './types.js';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        /**
+         * Card content.
+         */
+        default(): unknown;
+    }> & {
+        /**
+         * Card content.
+         */
+        default(): unknown;
+    };
+    refs: {};
+    rootEl: any;
+};
+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"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -1,4 +1,4 @@
-import type { DensityProp } from "../../composables/density";
+import { DensityProp } from '../../composables/density.js';
 export type OnyxCardProps = DensityProp & {
     /**
      * Whether the whole card should be clickable (will render it as `<button>`).

package/dist/components/OnyxCheckbox/{OnyxCheckbox.vue.d.ts → OnyxCheckbox.d.vue.ts}

@@ -1,17 +1,17 @@
-import type { SelectOptionValue } from "../../types";
-import type { OnyxCheckboxProps } from "./types";
+import { SelectOptionValue } from '../../types/index.js';
+import { OnyxCheckboxProps } from './types.js';
 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>, "onUpdate:modelValue" | "onValidityChange"> & OnyxCheckboxProps<TValue> & Partial<{}>> & import("vue").PublicProps;
-    expose(exposed: import("vue").ShallowUnwrapRef<{
-        input: Readonly<import("vue").ShallowRef<HTMLInputElement | null>>;
+    } & 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);
-}>) => import("vue").VNode & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,4 +1,4 @@
-import type { BaseSelectOption, Nullable, SelectOptionValue } from "../../types";
+import { BaseSelectOption, Nullable, SelectOptionValue } from '../../types/index.js';
 export type OnyxCheckboxProps<TValue extends SelectOptionValue = SelectOptionValue> = BaseSelectOption<TValue> & {
     /**
      * Whether the checkbox is checked.

package/dist/components/OnyxCheckboxGroup/{OnyxCheckboxGroup.vue.d.ts → OnyxCheckboxGroup.d.vue.ts}

@@ -1,16 +1,16 @@
-import type { Nullable, SelectOptionValue } from "../../types";
-import type { OnyxCheckboxGroupProps } from "./types";
+import { Nullable, SelectOptionValue } from '../../types/index.js';
+import { OnyxCheckboxGroupProps } from './types.js';
 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?: Nullable<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[]>;
+    } & 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: {};
     emit: (evt: "update:modelValue", value?: Nullable<TValue[]>) => void;
-}>) => import("vue").VNode & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;

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

@@ -1,7 +1,7 @@
-import type { RequiredProp } from "../../composables/required";
-import type { CustomValidityProp } from "../../composables/useCustomValidity";
-import type { AutofocusProp, BaseSelectOption, Nullable, Orientation, SelectOptionValue } from "../../types";
-import type { SharedFormElementProps } from "../OnyxFormElement/types";
+import { RequiredProp } from '../../composables/required.js';
+import { CustomValidityProp } from '../../composables/useCustomValidity.js';
+import { AutofocusProp, BaseSelectOption, Nullable, Orientation, SelectOptionValue } from '../../types/index.js';
+import { SharedFormElementProps } from '../OnyxFormElement/types.js';
 export type OnyxCheckboxGroupProps<TValue extends SelectOptionValue = SelectOptionValue> = Pick<BaseSelectOption, "truncation"> & Pick<SharedFormElementProps, "label" | "labelTooltip" | "hideLabel" | "density" | "skeleton" | "disabled" | "requiredMarker"> & {
     /**
      * Checkbox options.

package/dist/components/OnyxDataGrid/{OnyxDataGrid.vue.d.ts → OnyxDataGrid.d.vue.ts}

@@ -1,13 +1,13 @@
-import type { OnyxTableSlots } from "../OnyxTable/types";
-import { type ColumnConfigTypeOption, type ColumnGroupConfig, type DataGridFeature, type TypeRenderMap } from "./features";
-import type { DataGridEntry, OnyxDataGridProps } from "./types";
+import { OnyxTableSlots } from '../OnyxTable/types.js';
+import { ColumnConfigTypeOption, ColumnGroupConfig, DataGridFeature, TypeRenderMap } from './features/index.js';
+import { DataGridEntry, OnyxDataGridProps } from './types.js';
 declare const _default: <TEntry extends DataGridEntry, TTypeRenderer extends TypeRenderMap<TEntry>, TColumnGroup extends ColumnGroupConfig, TTypes extends ColumnConfigTypeOption<PropertyKey, unknown>, 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;
+    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: Pick<OnyxTableSlots, "empty">;
+    slots: Readonly<Pick<OnyxTableSlots, "empty">> & Pick<OnyxTableSlots, "empty">;
     emit: {};
-}>) => import("vue").VNode & {
+}>) => import('vue').VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };
 export default _default;