sit-onyx 1.5.0-dev-20251209093441 → 1.6.0-dev-20251216104923

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

@@ -1,11 +1,11 @@
 import { Nullable } from '../../types/index.js';
 import { OnyxStepperProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxStepperProps, {
-    input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxStepperProps, {
+    input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
+}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     validityChange: (validity: ValidityState) => any;
     "update:modelValue": (value?: Nullable<number>) => any;
-}, string, import('vue').PublicProps, Readonly<OnyxStepperProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxStepperProps> & Readonly<{
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value?: Nullable<number>) => any) | undefined;
 }>, {
@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<OnyxStepperProps, {
     loading: boolean;
     stepSize: number;
     hideButtons: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, any>;
 export default _default;

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

@@ -1,11 +1,11 @@
 import { OnyxSwitchProps } from './types.js';
 type __VLS_Props = OnyxSwitchProps;
-declare const _default: import('vue').DefineComponent<__VLS_Props, {
-    input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {
+    input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
+}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     validityChange: (validity: ValidityState) => any;
     "update:modelValue": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     loading: boolean;
     modelValue: boolean | null;
     truncation: import('../../index.js', { with: { "resolution-mode": "import" } }).TruncationType;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, any>;
 export default _default;

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

@@ -1,8 +1,8 @@
 import { OnyxSystemButtonProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxSystemButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxSystemButtonProps> & Readonly<{}>, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxSystemButtonProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxSystemButtonProps> & Readonly<{}>, {
     skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
     disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
     autofocus: boolean;
     color: import('./types.js', { with: { "resolution-mode": "import" } }).SystemButtonColor;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -24,10 +24,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<OnyxTabProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxTabProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTabProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTabProps> & Readonly<{}>, {
     skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
     disabled: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -8,12 +8,12 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<OnyxTableProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxTableProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTableProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTableProps> & Readonly<{}>, {
     truncation: import('../../index.js', { with: { "resolution-mode": "import" } }).TruncationType;
     striped: boolean;
     withVerticalBorders: boolean;
     withPageScrolling: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     tableRef: HTMLTableElement;
 }, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -2,7 +2,7 @@ import { OnyxTabsProps } from './types.js';
 declare const _default: <TValue extends PropertyKey = 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"> & OnyxTabsProps<TValue> & Partial<{}>> & import('vue').PublicProps;
+    } & import('vue', { with: { "resolution-mode": "import" } }).VNodeProps & import('vue', { with: { "resolution-mode": "import" } }).AllowedComponentProps & import('vue', { with: { "resolution-mode": "import" } }).ComponentCustomProps, never>, "onUpdate:modelValue"> & OnyxTabsProps<TValue> & Partial<{}>> & import('vue', { with: { "resolution-mode": "import" } }).PublicProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
     attrs: any;
     slots: Readonly<{

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

@@ -1,6 +1,6 @@
 import { OnyxTagProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxTagProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxTagProps> & Readonly<{}>, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTagProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTagProps> & Readonly<{}>, {
     skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
     color: import('../../index.js', { with: { "resolution-mode": "import" } }).OnyxColor;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,10 +1,10 @@
 import { OnyxTextareaProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxTextareaProps, {
-    input: Readonly<import('vue').ShallowRef<HTMLTextAreaElement | null>>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTextareaProps, {
+    input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLTextAreaElement | null>>;
+}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     validityChange: (validity: ValidityState) => any;
     "update:modelValue": (value: string) => any;
-}, string, import('vue').PublicProps, Readonly<OnyxTextareaProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTextareaProps> & Readonly<{
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }>, {
@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<OnyxTextareaProps, {
     readonly: boolean;
     autocapitalize: import('../../composables/useLenientMaxLengthValidation.js', { with: { "resolution-mode": "import" } }).Autocapitalize;
     disableManualResize: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     inputRef: HTMLTextAreaElement;
 }, any>;
 export default _default;

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

@@ -1,37 +1,37 @@
 import { OnyxTimepickerProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxTimepickerProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTimepickerProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:modelValue": (value?: string | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<OnyxTimepickerProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTimepickerProps> & Readonly<{
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
     skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
     required: boolean;
-    disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-    showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
-    requiredMarker: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
+    disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+    showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+    requiredMarker: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/required.js', { with: { "resolution-mode": "import" } }).RequiredMarkerType>;
     readonly: boolean;
     showSeconds: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     rootTemplateRef: HTMLDivElement;
-    hourInputTemplateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+    hourInputTemplateRef: import('vue', { with: { "resolution-mode": "import" } }).CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
     }>, {
-        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
         validityChange: (validity: ValidityState) => any;
         "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
-    }, import('vue').PublicProps, {
+    }, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, {
         skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
-        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
         readonly: boolean;
         loading: boolean;
         stepSize: number;
         hideButtons: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
         inputRef: HTMLInputElement;
-    }, any, import('vue').ComponentProvideOptions, {
+    }, any, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -42,35 +42,35 @@ declare const _default: import('vue').DefineComponent<OnyxTimepickerProps, {}, {
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
     }>, {
-        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
     }, {}, {}, {}, {
         skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
-        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
         readonly: boolean;
         loading: boolean;
         stepSize: number;
         hideButtons: boolean;
     }> | null;
-    minuteInputTemplateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+    minuteInputTemplateRef: import('vue', { with: { "resolution-mode": "import" } }).CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
     }>, {
-        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
         validityChange: (validity: ValidityState) => any;
         "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
-    }, import('vue').PublicProps, {
+    }, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, {
         skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
-        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
         readonly: boolean;
         loading: boolean;
         stepSize: number;
         hideButtons: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
         inputRef: HTMLInputElement;
-    }, any, import('vue').ComponentProvideOptions, {
+    }, any, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -81,35 +81,35 @@ declare const _default: import('vue').DefineComponent<OnyxTimepickerProps, {}, {
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
     }>, {
-        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
     }, {}, {}, {}, {
         skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
-        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
         readonly: boolean;
         loading: boolean;
         stepSize: number;
         hideButtons: boolean;
     }> | null;
-    secondInputTemplateRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
+    secondInputTemplateRef: import('vue', { with: { "resolution-mode": "import" } }).CreateComponentPublicInstanceWithMixins<Readonly<import('../OnyxStepper/types.js', { with: { "resolution-mode": "import" } }).OnyxStepperProps> & Readonly<{
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
     }>, {
-        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
+    }, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
         validityChange: (validity: ValidityState) => any;
         "update:modelValue": (value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any;
-    }, import('vue').PublicProps, {
+    }, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, {
         skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
-        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
         readonly: boolean;
         loading: boolean;
         stepSize: number;
         hideButtons: boolean;
-    }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+    }, false, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).GlobalComponents, import('vue', { with: { "resolution-mode": "import" } }).GlobalDirectives, string, {
         inputRef: HTMLInputElement;
-    }, any, import('vue').ComponentProvideOptions, {
+    }, any, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, {
         P: {};
         B: {};
         D: {};
@@ -120,11 +120,11 @@ declare const _default: import('vue').DefineComponent<OnyxTimepickerProps, {}, {
         onValidityChange?: ((validity: ValidityState) => any) | undefined;
         "onUpdate:modelValue"?: ((value?: import('../../index.js', { with: { "resolution-mode": "import" } }).Nullable<number>) => any) | undefined;
     }>, {
-        input: Readonly<import('vue').ShallowRef<HTMLInputElement | null>>;
+        input: Readonly<import('vue', { with: { "resolution-mode": "import" } }).ShallowRef<HTMLInputElement | null>>;
     }, {}, {}, {}, {
         skeleton: import('../../composables/useSkeletonState.js', { with: { "resolution-mode": "import" } }).SkeletonInjected;
-        disabled: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
-        showError: import('../OnyxForm/OnyxForm.core', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
+        disabled: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<boolean>;
+        showError: import('../OnyxForm/OnyxForm.core.js', { with: { "resolution-mode": "import" } }).FormInjected<import('../../composables/useErrorClass.js', { with: { "resolution-mode": "import" } }).ShowErrorMode>;
         readonly: boolean;
         loading: boolean;
         stepSize: number;

package/dist/components/OnyxTimepicker/OnyxTimepickerInput.d.vue.ts

@@ -24,10 +24,10 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     validityChange: (validity: ValidityState) => any;
     "update:modelValue": (value?: string | undefined) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_Props> & Readonly<{
     onValidityChange?: ((validity: ValidityState) => any) | undefined;
     "onUpdate:modelValue"?: ((value?: string | undefined) => any) | undefined;
 }>, {
@@ -38,7 +38,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     readonly: boolean;
     loading: boolean;
     step: number;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     inputRef: HTMLInputElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,12 +1,12 @@
 import { OnyxToastMessageProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxToastMessageProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxToastMessageProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     close: () => any;
-}, string, import('vue').PublicProps, Readonly<OnyxToastMessageProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxToastMessageProps> & Readonly<{
     onClose?: (() => any) | undefined;
 }>, {
     icon: string | false;
     color: Extract<import('../../index.js', { with: { "resolution-mode": "import" } }).OnyxColor, "neutral" | "danger" | "warning" | "success">;
     duration: number;
     clickable: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -41,9 +41,9 @@ declare function __VLS_template(): {
     rootEl: HTMLDivElement;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<OnyxTooltipProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxTooltipProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:open": (open: Nullable<boolean>) => any;
-}, string, import('vue').PublicProps, Readonly<OnyxTooltipProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxTooltipProps> & Readonly<{
     "onUpdate:open"?: ((open: Nullable<boolean>) => any) | undefined;
 }>, {
     open: boolean | null;
@@ -53,7 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<OnyxTooltipProps, {
     fitParent: boolean;
     position: import('../../composables/useAnchorPositionPolyfill.js', { with: { "resolution-mode": "import" } }).AnchorPosition | "auto";
     trigger: import('./types.js', { with: { "resolution-mode": "import" } }).TooltipTrigger;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {
     tooltipWrapperRefEl: HTMLDivElement;
     tooltipRefEl: HTMLDivElement;
 }, HTMLDivElement>;

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

@@ -16,9 +16,9 @@ declare function __VLS_template(): {
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<OnyxVisuallyHiddenProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxVisuallyHiddenProps> & Readonly<{}>, {
+declare const __VLS_component: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxVisuallyHiddenProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxVisuallyHiddenProps> & Readonly<{}>, {
     is: string;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/examples/ComponentShowcase/ComponentShowcase.d.vue.ts

@@ -1,9 +1,9 @@
 type __VLS_PublicProps = {
     "dark"?: boolean;
 };
-declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
     "update:dark": (value: boolean) => any;
-}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:dark"?: ((value: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/illustrations/OnyxErrorSVG/OnyxErrorSVG.d.vue.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, SVGSVGElement>;
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<{}, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, true, {}, SVGSVGElement>;
 export default _default;

package/dist/components/illustrations/OnyxFileUploadSVG/OnyxFileUploadSVG.d.vue.ts

@@ -1,3 +1,3 @@
 import { OnyxFileUploadSVGProps } from './types.js';
-declare const _default: import('vue').DefineComponent<OnyxFileUploadSVGProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<OnyxFileUploadSVGProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+declare const _default: import('vue', { with: { "resolution-mode": "import" } }).DefineComponent<OnyxFileUploadSVGProps, {}, {}, {}, {}, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import('vue', { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import('vue', { with: { "resolution-mode": "import" } }).PublicProps, Readonly<OnyxFileUploadSVGProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue', { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, SVGSVGElement>;
 export default _default;

package/dist/i18n/locales/de-DE.json

@@ -279,5 +279,11 @@
             "minute": "Minute",
             "second": "Sekunde"
         }
+    },
+    "itemsPerPage": {
+        "label": "Elemente pro Seite",
+        "select": {
+            "listLabel": "Anzahl der Elemente pro Seite auswählen"
+        }
     }
 }

package/dist/i18n/locales/en-US.json

@@ -282,5 +282,11 @@
             "minute": "Minute",
             "second": "Second"
         }
+    },
+    "itemsPerPage": {
+        "label": "Items per page",
+        "select": {
+            "listLabel": "Select number of items per page"
+        }
     }
 }

package/dist/i18n/locales/en-US.json.d.ts

@@ -282,6 +282,12 @@ declare const _default: {
       "minute": "Minute",
       "second": "Second"
     }
+  },
+  "itemsPerPage": {
+    "label": "Items per page",
+    "select": {
+      "listLabel": "Select number of items per page"
+    }
   }
 }
 ;

package/dist/index.d.ts

@@ -123,6 +123,8 @@ export { default as OnyxSegmentedControlElement } from './components/OnyxSegment
 export * from './components/OnyxSegmentedControlElement/types.js';
 export { default as OnyxSelect } from './components/OnyxSelect/OnyxSelect.vue';
 export * from './components/OnyxSelect/types.js';
+export { default as OnyxUnstableItemsPerPage } from './components/OnyxItemsPerPage/OnyxItemsPerPage.vue';
+export * from './components/OnyxItemsPerPage/types.js';
 export { default as OnyxSelectDialog } from './components/OnyxSelectDialog/OnyxSelectDialog.vue';
 export * from './components/OnyxSelectDialog/types.js';
 export { default as OnyxSelectInput } from './components/OnyxSelectInput/OnyxSelectInput.vue';