@db-ux/v-core-components 4.11.1 → 4.12.1

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @db-ux/v-core-components
 
+## 4.12.1
+
+### Patch Changes
+
+- fix(custom-select): dropdown with `dropdownWidth="auto"` now correctly sizes to content width and respects the trigger minimum width. Long option labels no longer get truncated: `auto` keeps them on a single line (dropdown grows to the longest option), while `fixed` and `full` wrap long labels onto new lines. - [see commit 68dedc3](https://github.com/db-ux-design-system/core-web/commit/68dedc33c324b48339d5bb73a85fdff3045ed059)
+
+- fix(drawer): prevent backdrop drag-close when selection starts inside content - [see commit b53ff8a](https://github.com/db-ux-design-system/core-web/commit/b53ff8a4f0a5350c5be41fad072e14797676bba7)
+
+## 4.12.0
+
+### Minor Changes
+
+- feat: emit spec-compliant ESM with explicit import extensions - [see commit 73808d6](https://github.com/db-ux-design-system/core-web/commit/73808d6ec80085451d72e5ad73eb154198a60558):
+
+    - The generated React, Vue and Web Component outputs now produce standards-compliant
+    - ESM: every relative import/export carries an explicit `.js` / `/index.js` (or `.vue`)
+    - extension, added during Mitosis generation. This resolves `ERR_UNSUPPORTED_DIR_IMPORT`
+    - in strict ESM environments such as Node.js native ESM and Vitest 4.
+    - The React output additionally compiles with `module`/`moduleResolution: "node16"`
+    - (plus `jsx: "react-jsx"` and `target: "es2022"`), so missing extensions are caught at
+    - compile time. As a result the emitted React JS uses the `react/jsx-runtime` transform
+    - and es2022 syntax (React 19 compatible).
+
 ## 4.11.1
 
 ### Patch Changes

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

@@ -1,20 +1,20 @@
-import { DBAccordionItemDefaultProps } from "../accordion-item/model";
-import { DBAccordionProps } from "./model";
+import { DBAccordionItemDefaultProps } from "../accordion-item/model.js";
+import { DBAccordionProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBAccordionProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
-    behavior: import("./model").AccordionBehaviorType;
+    behavior: import("./model.js", { with: { "resolution-mode": "import" } }).AccordionBehaviorType;
     initOpenIndex: number[];
     items: DBAccordionItemDefaultProps[] | string;
-    variant: import("./model").AccordionVariantType;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    variant: import("./model.js", { with: { "resolution-mode": "import" } }).AccordionVariantType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/accordion/model.d.ts

@@ -1,5 +1,5 @@
-import type { GlobalProps, InitializedState } from '../../shared/model';
-import type { DBAccordionItemDefaultProps } from '../accordion-item/model';
+import type { GlobalProps, InitializedState } from '../../shared/model.js';
+import type { DBAccordionItemDefaultProps } from '../accordion-item/model.js';
 export declare const AccordionVariantList: readonly ["divider", "card"];
 export type AccordionVariantType = (typeof AccordionVariantList)[number];
 export declare const AccordionBehaviorList: readonly ["multiple", "single"];

package/dist/components/accordion-item/accordion-item.vue.d.ts

@@ -1,15 +1,15 @@
-import { DBAccordionItemProps } from "./model";
+import { DBAccordionItemProps } from "./model.js";
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     headline?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBAccordionItemProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../../shared/model").PropOverridesType;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
     text: string;
     defaultOpen: boolean;
@@ -17,7 +17,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBAccordionItemProps, {}
     disabled: boolean | string;
     headlinePlain: string;
     onToggle: (open: boolean) => void;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/accordion-item/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model';
+import type { GlobalProps, InitializedState, NameProps, NameState, TextProps, ToggleEventProps, ToggleEventState } from '../../shared/model.js';
 export type DBAccordionItemDefaultProps = {
     /**
      * Initial state for the accordion item

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

@@ -1,21 +1,21 @@
-import { DBBadgeProps } from "./model";
+import { DBBadgeProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBBadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBBadgeProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBBadgeProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
-    semantic: import("../..").SemanticType;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    semantic: import("../../index.js", { with: { "resolution-mode": "import" } }).SemanticType;
     label: string;
     text: string;
-    placement: import("./model").BadgePlacementType;
-    size: import("../..").SizeType;
-    emphasis: import("../..").EmphasisType;
+    placement: import("./model.js", { with: { "resolution-mode": "import" } }).BadgePlacementType;
+    size: import("../../index.js", { with: { "resolution-mode": "import" } }).SizeType;
+    emphasis: import("../../index.js", { with: { "resolution-mode": "import" } }).EmphasisType;
     wrap: boolean | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/badge/model.d.ts

@@ -1,4 +1,4 @@
-import type { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps, WrapProps } from '../../shared/model';
+import type { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps, WrapProps } from '../../shared/model.js';
 export declare const BadgePlacementList: readonly ["inline", "corner-top-left", "corner-top-right", "corner-center-left", "corner-center-right", "corner-bottom-left", "corner-bottom-right"];
 export type BadgePlacementType = (typeof BadgePlacementList)[number];
 export type DBBadgeDefaultProps = {

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

@@ -1,18 +1,18 @@
-import { DBBrandProps } from "./model";
+import { DBBrandProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBBrandProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBBrandProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBBrandProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     text: string;
     hideLogo: boolean;
-    icon: import("@db-ux/core-foundations").IconTypes;
+    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/brand/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model';
+import type { GlobalProps, GlobalState, IconProps, ShowIconProps, TextProps } from '../../shared/model.js';
 export type DBBrandDefaultProps = {
     /**
      * @deprecated: Disable the default logo svg to pass in a custom `img`

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

@@ -1,32 +1,32 @@
-import type { DBButtonProps } from "./model";
+import type { DBButtonProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBButtonProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
     form: string;
     text: string;
     value: string;
     disabled: boolean | string;
-    onClick: (event: import("../..").ClickEvent<HTMLButtonElement>) => void;
-    type: import("./model").ButtonTypeType;
-    variant: import("./model").ButtonVariantType | string;
-    size: import("../..").SizeType;
+    onClick: (event: import("../../index.js", { with: { "resolution-mode": "import" } }).ClickEvent<HTMLButtonElement>) => void;
+    type: import("./model.js", { with: { "resolution-mode": "import" } }).ButtonTypeType;
+    variant: import("./model.js", { with: { "resolution-mode": "import" } }).ButtonVariantType | string;
+    size: import("../../index.js", { with: { "resolution-mode": "import" } }).SizeType;
     wrap: boolean | string;
-    icon: import("@db-ux/core-foundations").IconTypes;
+    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
-    width: import("../..").WidthType | string;
+    width: import("../../index.js", { with: { "resolution-mode": "import" } }).WidthType | string;
     showIconLeading: boolean | string;
     showIconTrailing: boolean | string;
-    iconLeading: import("@db-ux/core-foundations").IconTypes;
-    iconTrailing: import("@db-ux/core-foundations").IconTypes;
+    iconLeading: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
+    iconTrailing: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     noText: boolean | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/button/model.d.ts

@@ -1,4 +1,4 @@
-import type { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model';
+import type { ClickEventProps, GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, TextProps, WidthProps, WrapProps } from '../../shared/model.js';
 export declare const ButtonVariantList: readonly ["outlined", "brand", "filled", "ghost"];
 export type ButtonVariantType = (typeof ButtonVariantList)[number];
 export declare const ButtonTypeList: readonly ["button", "reset", "submit"];

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

@@ -1,19 +1,19 @@
-import { ClickEvent } from "../../shared/model";
-import type { DBCardProps } from "./model";
+import { ClickEvent } from "../../shared/model.js";
+import type { DBCardProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCardProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCardProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCardProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../../shared/model").PropOverridesType;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     onClick: (event: ClickEvent<HTMLElement>) => void;
-    behavior: import("./model").CardBehaviorType;
-    elevationLevel: import("./model").CardElevationLevelType;
-    spacing: import("../../shared/model").SpacingType | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    behavior: import("./model.js", { with: { "resolution-mode": "import" } }).CardBehaviorType;
+    elevationLevel: import("./model.js", { with: { "resolution-mode": "import" } }).CardElevationLevelType;
+    spacing: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).SpacingType | string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/card/model.d.ts

@@ -1,4 +1,4 @@
-import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model';
+import type { ClickEventProps, ClickEventState, GlobalProps, GlobalState, SpacingProps } from '../../shared/model.js';
 export declare const CardBehaviorList: readonly ["static", "interactive"];
 export type CardBehaviorType = (typeof CardBehaviorList)[number];
 export declare const CardElevationLevelList: readonly ["1", "2", "3"];

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

@@ -1,18 +1,18 @@
-import { ChangeEvent, InteractionEvent } from "../../shared/model";
-import { DBCheckboxProps } from "./model";
+import { ChangeEvent, InteractionEvent } from "../../shared/model.js";
+import { DBCheckboxProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCheckboxProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<DBCheckboxProps> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCheckboxProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../../shared/model").PropOverridesType;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
     label: string;
     value: any;
@@ -20,10 +20,10 @@ declare const __VLS_base: import("vue").DefineComponent<DBCheckboxProps, {}, {},
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    size: import("../../shared/model").SizeType;
+    size: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).SizeType;
     indeterminate: boolean | string;
     ariaDescribedBy: string;
-    validation: import("../../shared/model").ValidationType;
+    validation: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).ValidationType;
     required: boolean | string;
     showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
@@ -31,9 +31,9 @@ declare const __VLS_base: import("vue").DefineComponent<DBCheckboxProps, {}, {},
     message: string;
     validMessage: string;
     invalidMessage: string;
-    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    messageIcon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showMessage: boolean | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/checkbox/model.d.ts

@@ -1,4 +1,4 @@
-import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model';
+import type { ChangeEventProps, ChangeEventState, FocusEventProps, FocusEventState, FormCheckProps, FormMessageProps, FormProps, FormState, FromValidState, GlobalProps, GlobalState, InitializedState, SizeProps } from '../../shared/model.js';
 export type DBCheckboxDefaultProps = {
     /**
      * Define an [indeterminate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement#indeterminate) state of a checkbox

package/dist/components/custom-button/custom-button.vue.d.ts

@@ -1,24 +1,24 @@
-import { DBCustomButtonProps } from "./model";
+import { DBCustomButtonProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCustomButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomButtonProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomButtonProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomButtonProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
-    variant: import("../..").ButtonVariantType | string;
-    size: import("../..").SizeType;
-    icon: import("@db-ux/core-foundations").IconTypes;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    variant: import("../button/model.js", { with: { "resolution-mode": "import" } }).ButtonVariantType | string;
+    size: import("../../index.js", { with: { "resolution-mode": "import" } }).SizeType;
+    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
-    width: import("../..").WidthType | string;
+    width: import("../../index.js", { with: { "resolution-mode": "import" } }).WidthType | string;
     showIconLeading: boolean | string;
     showIconTrailing: boolean | string;
-    iconLeading: import("@db-ux/core-foundations").IconTypes;
-    iconTrailing: import("@db-ux/core-foundations").IconTypes;
+    iconLeading: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
+    iconTrailing: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     noText: boolean | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/custom-button/model.d.ts

@@ -1,5 +1,5 @@
-import type { GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, WidthProps, WrapProps } from '../../shared/model';
-import type { DBButtonSharedProps } from '../button/model';
+import type { GlobalProps, GlobalState, IconLeadingProps, IconProps, IconTrailingProps, NoTextProps, ShowIconLeadingProps, ShowIconProps, ShowIconTrailingProps, SizeProps, WidthProps, WrapProps } from '../../shared/model.js';
+import type { DBButtonSharedProps } from '../button/model.js';
 export type DBCustomButtonDefaultProps = {};
 export type DBCustomButtonProps = DBCustomButtonDefaultProps & DBButtonSharedProps & GlobalProps & IconProps & WidthProps & SizeProps & ShowIconProps & ShowIconLeadingProps & ShowIconTrailingProps & IconLeadingProps & IconTrailingProps & NoTextProps & WrapProps;
 export type DBCustomButtonDefaultState = {};

package/dist/components/custom-select/custom-select.vue.d.ts

@@ -1,18 +1,18 @@
-import { GeneralEvent, InputEvent } from "../../shared/model";
-import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
+import { GeneralEvent, InputEvent } from "../../shared/model.js";
+import { CustomSelectOptionType, DBCustomSelectProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSelectProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
     "update:values": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<DBCustomSelectProps> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomSelectProps> & Readonly<{
     "onUpdate:values"?: ((...args: any[]) => any) | undefined;
 }>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../../shared/model").PropOverridesType;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
     form: string;
     label: string;
@@ -20,12 +20,12 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     open: boolean;
     disabled: boolean | string;
     multiple: boolean | string;
-    variant: import("../../shared/model").LabelVariantType;
-    placement: import("../../shared/model").PlacementVerticalType;
-    icon: import("@db-ux/core-foundations").IconTypes;
+    variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
+    placement: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PlacementVerticalType;
+    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
     ariaDescribedBy: string;
-    validation: import("../../shared/model").ValidationType;
+    validation: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).ValidationType;
     required: boolean | string;
     showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
@@ -33,13 +33,13 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     message: string;
     validMessage: string;
     invalidMessage: string;
-    messageIcon: import("@db-ux/core-foundations").IconTypes;
+    messageIcon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showMessage: boolean | string;
     amountText: string;
     listLabel: string;
     clearSelectionText: string;
-    dropdownWidth: import("../..").CustomSelectDropdownWidthType | string;
-    formFieldWidth: import("../../shared/model").WidthType | string;
+    dropdownWidth: import("../custom-select-dropdown/model.js", { with: { "resolution-mode": "import" } }).CustomSelectDropdownWidthType | string;
+    formFieldWidth: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).WidthType | string;
     loadingText: string;
     mobileCloseButtonText: string;
     noResultsText: string;
@@ -52,7 +52,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     selectAllLabel: string;
     selectedLabels: string;
     selectedPrefix: string;
-    selectedType: import("./model").SelectedTypeType;
+    selectedType: import("./model.js", { with: { "resolution-mode": "import" } }).SelectedTypeType;
     showClearSelection: boolean;
     showLoading: boolean;
     showNoResults: boolean;
@@ -63,7 +63,7 @@ declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectProps, {},
     onOptionSelected: (values: string[]) => void;
     onDropdownToggle: (event: GeneralEvent<HTMLDetailsElement>) => void;
     onSearch: (event: InputEvent<HTMLInputElement>) => void;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/custom-select/model.d.ts

@@ -1,7 +1,7 @@
-import type { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model';
-import type { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model';
-import type { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model';
-import type { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model';
+import type { BaseFormProps, ClickEvent, CloseEventState, CustomFormProps, DocumentScrollState, FormMessageProps, FormState, FromValidState, GeneralEvent, GlobalProps, GlobalState, IconProps, InputEvent, InteractionEvent, PlacementVerticalType, RequiredProps, ShowIconProps, ShowLabelProps, ValidationType, WidthType } from '../../shared/model.js';
+import type { CustomSelectDropdownWidthType } from '../custom-select-dropdown/model.js';
+import type { DBCustomSelectFormFieldDefaultProps } from '../custom-select-form-field/model.js';
+import type { DBCustomSelectListItemExtraProps } from '../custom-select-list-item/model.js';
 export type CustomSelectOptionType = {
     /**
      * Disables this option

package/dist/components/custom-select-dropdown/custom-select-dropdown.vue.d.ts

@@ -1,15 +1,15 @@
-import { DBCustomSelectDropdownProps } from "./model";
+import { DBCustomSelectDropdownProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectDropdownProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomSelectDropdownProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSelectDropdownProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomSelectDropdownProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
-    width: import("./model").CustomSelectDropdownWidthType | string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    width: import("./model.js", { with: { "resolution-mode": "import" } }).CustomSelectDropdownWidthType | string;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/custom-select-dropdown/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export declare const CustomSelectDropdownWidthList: readonly ["fixed", "auto", "full"];
 export type CustomSelectDropdownWidthType = (typeof CustomSelectDropdownWidthList)[number];
 export type DBCustomSelectDropdownDefaultProps = {

package/dist/components/custom-select-form-field/custom-select-form-field.vue.d.ts

@@ -2,12 +2,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<import("../..").GlobalProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("../..").GlobalProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<import("../../index.js", { with: { "resolution-mode": "import" } }).GlobalProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/custom-select-form-field/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export type DBCustomSelectFormFieldDefaultProps = {};
 export type DBCustomSelectFormFieldProps = DBCustomSelectFormFieldDefaultProps & GlobalProps;
 export type DBCustomSelectFormFieldDefaultState = {};

package/dist/components/custom-select-list/custom-select-list.vue.d.ts

@@ -1,16 +1,16 @@
-import { DBCustomSelectListProps } from "./model";
+import { DBCustomSelectListProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBCustomSelectListProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSelectListProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomSelectListProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../..").PropOverridesType;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     label: string;
     multiple: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/custom-select-list/model.d.ts

@@ -1,4 +1,4 @@
-import type { GlobalProps, GlobalState } from '../../shared/model';
+import type { GlobalProps, GlobalState } from '../../shared/model.js';
 export type DBCustomSelectListDefaultProps = {
     label?: string;
     multiple?: boolean;

package/dist/components/custom-select-list-item/custom-select-list-item.vue.d.ts

@@ -1,31 +1,31 @@
-import { ChangeEvent } from "../../shared/model";
-import { DBCustomSelectListItemProps } from "./model";
+import { ChangeEvent } from "../../shared/model.js";
+import { DBCustomSelectListItemProps } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<DBCustomSelectListItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSelectListItemProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {
     "update:checked": (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<DBCustomSelectListItemProps> & Readonly<{
+}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomSelectListItemProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
     id: string;
     children: any;
     className: string;
-    propOverrides: import("../../shared/model").PropOverridesType;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
     label: string;
     value: any;
     disabled: boolean | string;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
-    type: import("./model").CustomSelectListItemTypeType;
-    icon: import("@db-ux/core-foundations").IconTypes;
+    type: import("./model.js", { with: { "resolution-mode": "import" } }).CustomSelectListItemTypeType;
+    icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
     checked: boolean | string;
     groupTitle: string;
     isGroupTitle: boolean;
     showDivider: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/components/custom-select-list-item/model.d.ts

@@ -1,4 +1,4 @@
-import type { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model';
+import type { BaseFormProps, ChangeEventProps, ChangeEventState, FormCheckProps, GlobalProps, IconProps, ShowIconProps, ValueProps } from '../../shared/model.js';
 export declare const CustomSelectListItemTypeList: readonly ["checkbox", "radio"];
 export type CustomSelectListItemTypeType = (typeof CustomSelectListItemTypeList)[number];
 export type DBCustomSelectListItemExtraProps = {