@db-ux/v-core-components 2.3.1 → 2.4.0

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

@@ -6,13 +6,13 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<DBAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionProps> & Readonly<{}>, {
     name: string;
-    variant: import("./model").AccordionVariantType;
     children: any;
     className: string;
     id: string;
     behavior: import("./model").AccordionBehaviorType;
     initOpenIndex: number[];
     items: DBAccordionItemDefaultProps[] | string;
+    variant: import("./model").AccordionVariantType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -8,13 +8,13 @@ type __VLS_Slots = {} & {
 declare const __VLS_component: import("vue").DefineComponent<DBAccordionItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBAccordionItemProps> & Readonly<{}>, {
     name: string;
     text: string;
+    defaultOpen: boolean;
     disabled: boolean | string;
+    headlinePlain: string;
     children: any;
     className: string;
     id: string;
     onToggle: (open: boolean) => void;
-    defaultOpen: boolean;
-    headlinePlain: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -9,9 +9,9 @@ declare const __VLS_component: import("vue").DefineComponent<DBBadgeProps, {}, {
     children: any;
     className: string;
     id: string;
-    size: import("../..").SizeType;
-    semantic: import("../..").SemanticType;
     placement: import("./model").BadgePlacementType;
+    semantic: import("../..").SemanticType;
+    size: import("../..").SizeType;
     emphasis: import("../..").EmphasisType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,4 +1,4 @@
-import { GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, EmphasisProps, TextProps } from '../../shared/model';
+import { EmphasisProps, GlobalProps, GlobalState, InitializedState, SemanticProps, SizeProps, TextProps } from '../../shared/model';
 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

@@ -8,9 +8,9 @@ declare const __VLS_component: import("vue").DefineComponent<DBBrandProps, {}, {
     children: any;
     className: string;
     id: string;
+    hideLogo: boolean;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
-    hideLogo: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -4,27 +4,27 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBButtonProps> & Readonly<{}>, {
+    value: string;
     name: string;
     form: string;
     label: string;
     text: string;
-    ariaexpanded: boolean;
-    ariapressed: boolean;
     disabled: boolean | string;
-    noText: boolean | string;
-    state: import("./model").ButtonStateType;
-    type: import("./model").ButtonTypeType;
-    value: string;
-    variant: import("./model").ButtonVariantType | string;
     children: any;
     className: string;
     describedbyid: string;
     id: string;
+    type: import("./model").ButtonTypeType;
     onClick: (event: import("../..").ClickEvent<HTMLButtonElement>) => void;
-    icon: import("@db-ux/core-foundations").IconTypes;
-    width: import("../..").WidthType | string;
+    variant: import("./model").ButtonVariantType | string;
     size: import("../..").SizeType;
+    icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
+    ariaexpanded: boolean;
+    ariapressed: boolean;
+    noText: boolean | string;
+    state: import("./model").ButtonStateType;
+    width: import("../..").WidthType | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import type { DBCardProps } from "./model";
 import { ClickEvent } from "../../shared/model";
+import type { DBCardProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;

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

@@ -1,5 +1,5 @@
-import { DBCheckboxProps } from "./model";
 import { ChangeEvent, InteractionEvent } from "../../shared/model";
+import { DBCheckboxProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -9,21 +9,22 @@ declare const __VLS_component: import("vue").DefineComponent<DBCheckboxProps, {}
 }, string, import("vue").PublicProps, Readonly<DBCheckboxProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
+    value: any;
     name: string;
     label: string;
     disabled: boolean | string;
-    value: any;
     children: any;
     className: string;
     id: string;
-    size: import("../../shared/model").SizeType;
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    size: import("../../shared/model").SizeType;
     indeterminate: boolean | string;
     ariaDescribedBy: string;
     validation: import("../../shared/model").ValidationType;
     required: boolean | string;
+    showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
     checked: boolean | string;
     message: string;

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

@@ -1,5 +1,5 @@
-import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
 import { GeneralEvent, InputEvent } from "../../shared/model";
+import { CustomSelectOptionType, DBCustomSelectProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -14,16 +14,19 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
     label: string;
     values: string[];
     disabled: boolean | string;
-    variant: import("../../shared/model").LabelVariantType;
     children: any;
     className: string;
     id: string;
+    open: boolean;
+    multiple: boolean | string;
+    variant: import("../../shared/model").LabelVariantType;
+    placement: import("../../shared/model").PlacementVerticalType;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
-    placement: import("../../shared/model").PlacementVerticalType;
     ariaDescribedBy: string;
     validation: import("../../shared/model").ValidationType;
     required: boolean | string;
+    showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
     placeholder: string;
     message: string;
@@ -31,9 +34,6 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
     invalidMessage: string;
     messageIcon: import("@db-ux/core-foundations").IconTypes;
     showMessage: boolean | string;
-    open: boolean;
-    multiple: boolean | string;
-    options: CustomSelectOptionType[];
     amountText: string;
     ariaListLabel: string;
     clearSelectionText: string;
@@ -42,6 +42,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectProps
     loadingText: string;
     mobileCloseButtonText: string;
     noResultsText: string;
+    options: CustomSelectOptionType[];
     removeTagsTexts: string[];
     searchFilter: (option: CustomSelectOptionType, filterText: string) => boolean;
     searchLabel: string;

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

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

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

@@ -1,5 +1,5 @@
-import { DBCustomSelectListItemProps } from "./model";
 import { ChangeEvent } from "../../shared/model";
+import { DBCustomSelectListItemProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -9,17 +9,17 @@ declare const __VLS_component: import("vue").DefineComponent<DBCustomSelectListI
 }, string, import("vue").PublicProps, Readonly<DBCustomSelectListItemProps> & Readonly<{
     "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
 }>, {
+    value: any;
     name: string;
     label: string;
     disabled: boolean | string;
-    type: import("./model").CustomSelectListItemTypeType;
-    value: any;
     children: any;
     className: string;
     id: string;
+    type: import("./model").CustomSelectListItemTypeType;
+    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
-    onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     checked: boolean | string;
     groupTitle: string;
     isGroupTitle: boolean;

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

@@ -1,10 +1,10 @@
 import { DBDividerProps } from "./model";
 declare const _default: import("vue").DefineComponent<DBDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDividerProps> & Readonly<{}>, {
-    variant: import("./model").DividerVariantType;
     className: string;
     id: string;
-    width: import("../..").WidthType | string;
+    variant: import("./model").DividerVariantType;
     emphasis: import("../..").EmphasisType;
+    width: import("../..").WidthType | string;
     margin: "none";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,24 +1,25 @@
 import { DBDrawerProps } from "./model";
-declare var __VLS_1: {}, __VLS_6: {};
+declare var __VLS_1: {}, __VLS_7: {};
 type __VLS_Slots = {} & {
     'drawer-header'?: (props: typeof __VLS_1) => any;
 } & {
-    default?: (props: typeof __VLS_6) => any;
+    default?: (props: typeof __VLS_7) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBDrawerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBDrawerProps> & Readonly<{}>, {
-    variant: import("./model").DrawerVariantType;
     children: any;
     className: string;
     id: string;
+    open: boolean | string;
+    variant: import("./model").DrawerVariantType;
     width: import("../../shared/model").WidthType | string;
-    onClose: (event?: KeyboardEvent | MouseEvent | undefined) => void;
-    closeButtonId: string;
-    closeButtonText: string;
     spacing: import("../../shared/model").SpacingType | string;
     backdrop: import("./model").DrawerBackdropType;
     direction: import("./model").DrawerDirectionType;
-    open: boolean | string;
     rounded: boolean | string;
+    position: import("./model").DrawerPositionType;
+    onClose: (event?: KeyboardEvent | MouseEvent | undefined) => void;
+    closeButtonId: string;
+    closeButtonText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,10 +1,12 @@
-import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
+import { ClickEvent, CloseEventProps, CloseEventState, GeneralKeyboardEvent, GlobalProps, GlobalState, InitializedState, InnerCloseButtonProps, SpacingProps, WidthProps } from '../../shared/model';
 export declare const DrawerBackdropList: readonly ["none", "strong", "weak", "invisible"];
 export type DrawerBackdropType = (typeof DrawerBackdropList)[number];
 export declare const DrawerDirectionList: readonly ["left", "right", "up", "down"];
 export type DrawerDirectionType = (typeof DrawerDirectionList)[number];
 export declare const DrawerVariantList: readonly ["modal", "inside"];
 export type DrawerVariantType = (typeof DrawerVariantList)[number];
+export declare const DrawerPositionList: readonly ["fixed", "absolute"];
+export type DrawerPositionType = (typeof DrawerPositionList)[number];
 export type DBDrawerDefaultProps = {
     /**
      * The backdrop attribute changes the opacity of the backdrop.
@@ -33,9 +35,16 @@ export type DBDrawerDefaultProps = {
      * Set the variant modal|inside. Defaults to modal.
      */
     variant?: DrawerVariantType;
+    /**
+     * The position attribute changes the css-position (fixed or absolute) of the drawer.
+     *
+     * - `fixed` (default): Renders with `showModal()`, creating a true modal with a focus trap.
+     * - `absolute`: Renders with `show()`, acting as a simple overlay **without** a focus trap.
+     */
+    position?: DrawerPositionType;
 };
 export type DBDrawerProps = DBDrawerDefaultProps & GlobalProps & CloseEventProps<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InnerCloseButtonProps & WidthProps & SpacingProps;
 export type DBDrawerDefaultState = {
     handleDialogOpen: () => void;
 };
-export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>>;
+export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;

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

@@ -1,31 +1,31 @@
 import { DBHeaderProps } from "./model";
-declare var __VLS_4: {}, __VLS_6: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {}, __VLS_21: {};
+declare var __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_23: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_4) => any;
+    default?: (props: typeof __VLS_5) => any;
 } & {
-    'meta-navigation'?: (props: typeof __VLS_6) => any;
+    'meta-navigation'?: (props: typeof __VLS_7) => any;
 } & {
-    'secondary-action'?: (props: typeof __VLS_8) => any;
+    'secondary-action'?: (props: typeof __VLS_9) => any;
 } & {
-    'meta-navigation'?: (props: typeof __VLS_10) => any;
+    'meta-navigation'?: (props: typeof __VLS_11) => any;
 } & {
-    brand?: (props: typeof __VLS_12) => any;
+    brand?: (props: typeof __VLS_13) => any;
 } & {
-    default?: (props: typeof __VLS_14) => any;
+    default?: (props: typeof __VLS_15) => any;
 } & {
-    'primary-action'?: (props: typeof __VLS_16) => any;
+    'primary-action'?: (props: typeof __VLS_17) => any;
 } & {
-    'secondary-action'?: (props: typeof __VLS_21) => any;
+    'secondary-action'?: (props: typeof __VLS_23) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBHeaderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBHeaderProps> & Readonly<{}>, {
     children: any;
     className: string;
     id: string;
+    onToggle: (open: boolean) => void;
     width: import("../..").MaxWidthType;
     drawerOpen: boolean | string;
     forceMobile: boolean | string;
     burgerMenuLabel: string;
-    onToggle: (open: boolean) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -6,20 +6,20 @@ export type DBHeaderDefaultProps = {
     brand?: any;
     /**
      * Slot to pass in a meta navigation.
-     * Desktop: Above the regular header
-     * Mobile: Inside the drawer
+     * - Desktop: Above the regular header
+     * - Mobile: Inside the drawer
      */
     metaNavigation?: any;
     /**
      * Slot to pass one or more elements like DBButton (e.g. search) as primary action.
-     * Desktop: Shown next to the main-navigation
-     * Mobile: Shown next to the brand
+     * - Desktop: Shown next to the main-navigation
+     * - Mobile: Shown next to the brand
      */
     primaryAction?: any;
     /**
      * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
-     * Desktop: Shown seperated by divider at the end of the header
-     * Mobile: Shown inside the drawer at the bottom.
+     * - Desktop: Shown separated by divider at the end of the header
+     * - Mobile: Shown inside the drawer at the bottom.
      */
     secondaryAction?: any;
     /**

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

@@ -5,10 +5,10 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<DBIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBIconProps> & Readonly<{}>, {
     text: string;
-    variant: string;
     children: any;
     className: string;
     id: string;
+    variant: string;
     icon: import("@db-ux/core-foundations").IconTypes;
     weight: import("./model").IconWeightType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -8,10 +8,10 @@ declare const __VLS_component: import("vue").DefineComponent<DBInfotextProps, {}
     children: any;
     className: string;
     id: string;
-    icon: import("@db-ux/core-foundations").IconTypes;
+    semantic: import("../..").SemanticType;
     size: import("../..").SizeType;
+    icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
-    semantic: import("../..").SemanticType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { DBInputProps } from "./model";
 import { ChangeEvent, InputEvent, InteractionEvent, ValueLabelType } from "../../shared/model";
+import { DBInputProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -9,6 +9,7 @@ declare const __VLS_component: import("vue").DefineComponent<DBInputProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DBInputProps> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
+    value: any;
     name: string;
     step: number | string;
     form: string;
@@ -16,23 +17,23 @@ declare const __VLS_component: import("vue").DefineComponent<DBInputProps, {}, {
     label: string;
     pattern: string;
     disabled: boolean | string;
-    type: import("./model").InputTypeType | string;
-    value: any;
-    variant: import("../../shared/model").LabelVariantType;
     children: any;
     className: string;
     id: string;
     autofocus: boolean | string;
-    icon: import("@db-ux/core-foundations").IconTypes;
-    size: number;
-    showIcon: boolean | string;
+    type: import("./model").InputTypeType | string;
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     onInput: (event: InputEvent<HTMLInputElement>) => void;
+    variant: import("../../shared/model").LabelVariantType;
+    size: number;
+    icon: import("@db-ux/core-foundations").IconTypes;
+    showIcon: boolean | string;
     ariaDescribedBy: string;
     validation: import("../../shared/model").ValidationType;
     required: boolean | string;
+    showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
     placeholder: string;
     message: string;

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

@@ -8,15 +8,15 @@ declare const __VLS_component: import("vue").DefineComponent<DBLinkProps, {}, {}
     label: string;
     text: string;
     disabled: boolean | string;
-    variant: import("./model").LinkVariantType;
     children: any;
     className: string;
     id: string;
     onClick: (event: import("../..").ClickEvent<HTMLAnchorElement>) => void;
+    variant: import("./model").LinkVariantType;
     size: import("./model").LinkSizeType;
     showIcon: boolean | string;
-    target: import("../..").LinkTargetType;
     role: string;
+    target: import("../..").LinkTargetType;
     current: boolean | import("../..").LinkCurrentType;
     href: string;
     hreflang: string;

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

@@ -1,12 +1,12 @@
-import { DBNavigationItemProps } from "./model";
 import { ClickEvent } from "../../shared/model";
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_8: {};
+import { DBNavigationItemProps } from "./model";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_9: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
     default?: (props: typeof __VLS_3) => any;
 } & {
-    'sub-navigation'?: (props: typeof __VLS_8) => any;
+    'sub-navigation'?: (props: typeof __VLS_9) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNavigationItemProps> & Readonly<{}>, {
     text: string;
@@ -16,11 +16,11 @@ declare const __VLS_component: import("vue").DefineComponent<DBNavigationItemPro
     id: string;
     onClick: (event: ClickEvent<HTMLButtonElement>) => void;
     icon: import("@db-ux/core-foundations").IconTypes;
-    width: import("../../shared/model").WidthType | string;
     showIcon: boolean | string;
+    width: import("../../shared/model").WidthType | string;
     active: boolean;
-    wrap: boolean | string;
     subNavigationExpanded: boolean | string;
+    wrap: boolean | string;
     backButtonId: string;
     backButtonText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -46,9 +46,9 @@ export type DBNotificationDefaultProps = {
     showTimestamp?: boolean | string;
     /**
      * The variant attribute changes the styling of the notification.
-     * The docked notifications are used e.g. between header and main content to show a global alert.
-     * The standalone notifications are used  e.g. inside a form to show an alert for a specific field.
-     * The overlay notifications are used for absolute and floating notifications like snackbars etc.
+     * - The docked notifications are used e.g. between header and main content to show a global alert.
+     * - The standalone notifications are used  e.g. inside a form to show an alert for a specific field.
+     * - The overlay notifications are used for absolute and floating notifications like snackbars etc.
      */
     variant?: NotificationVariantType;
 };

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

@@ -9,23 +9,23 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_component: import("vue").DefineComponent<DBNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBNotificationProps> & Readonly<{}>, {
     text: string;
-    variant: import("./model").NotificationVariantType;
+    headline: string | any;
     children: any;
     className: string;
     id: string;
+    variant: import("./model").NotificationVariantType;
+    semantic: import("../../shared/model").SemanticType;
     icon: import("@db-ux/core-foundations").IconTypes;
     showIcon: boolean | string;
+    onClose: (event?: MouseEvent | undefined) => void;
+    closeButtonId: string;
+    closeButtonText: string;
     ariaLive: import("./model").NotificationAriaLiveType;
     closeable: boolean | string;
-    headline: string | any;
     linkVariant: import("./model").NotificationLinkVariantType;
     showHeadline: boolean | string;
     timestamp: string;
     showTimestamp: boolean | string;
-    onClose: (event?: MouseEvent | undefined) => void;
-    semantic: import("../../shared/model").SemanticType;
-    closeButtonId: string;
-    closeButtonText: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

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

@@ -8,10 +8,10 @@ type __VLS_Slots = {} & {
     footer?: (props: typeof __VLS_5) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<DBPageProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<DBPageProps> & Readonly<{}>, {
-    variant: import("./model").PageVariantType;
     children: any;
     className: string;
     id: string;
+    variant: import("./model").PageVariantType;
     documentOverflow: import("./model").PageDocumentOverflowType;
     fadeIn: boolean | string;
     mainClass: string;

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

@@ -9,12 +9,12 @@ declare const __VLS_component: import("vue").DefineComponent<DBPopoverProps, {},
     children: any;
     className: string;
     id: string;
+    open: boolean | string;
+    placement: import("../..").PlacementType;
     width: import("../..").PopoverWidthType;
+    spacing: import("../..").SpacingType | string;
     delay: import("../..").PopoverDelayType;
     animation: boolean | string;
-    placement: import("../..").PlacementType;
-    spacing: import("../..").SpacingType | string;
-    open: boolean | string;
     gap: boolean | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1,5 +1,5 @@
-import { DBRadioProps } from "./model";
 import { ChangeEvent, InteractionEvent } from "../../shared/model";
+import { DBRadioProps } from "./model";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
@@ -9,21 +9,22 @@ declare const __VLS_component: import("vue").DefineComponent<DBRadioProps, {}, {
 }, string, import("vue").PublicProps, Readonly<DBRadioProps> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
+    value: any;
     name: string;
     label: string;
     disabled: boolean | string;
-    value: any;
     children: any;
     className: string;
     describedbyid: string;
     id: string;
-    size: import("../../shared/model").SizeType;
     onFocus: (event: InteractionEvent<HTMLInputElement>) => void;
     onBlur: (event: InteractionEvent<HTMLInputElement>) => void;
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+    size: import("../../shared/model").SizeType;
     ariaDescribedBy: string;
     validation: import("../../shared/model").ValidationType;
     required: boolean | string;
+    showRequiredAsterisk: boolean | string;
     showLabel: boolean | string;
     checked: boolean | string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;