@db-ux/v-core-components 5.1.6-shell-11663a0 → 5.2.0

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @db-ux/v-core-components
 
+## 5.2.0
+
+### Minor Changes
+
+- feat: add static and custom Heading components (beta) - [see commit dfa8e2c](https://github.com/db-ux-design-system/core-web/commit/dfa8e2cf7c05d7bc42782a38b1eb3d65d971e156):
+
+    - `DBCustomHeading` takes the native heading as its default content and offers a
+    - `startSlot` and an `endSlot` for the content next to it, so that content stays out
+    - of the accessible heading name.
+
+### Patch Changes
+
+- fix: preserve component sizing inside custom headings - [see commit 6f860bb](https://github.com/db-ux-design-system/core-web/commit/6f860bb13d99ea484030f3671f4c19993499a5d5)
+- fix(DBCustomSelect): initialize search value as empty string instead of undefined - [see commit 6f860bb](https://github.com/db-ux-design-system/core-web/commit/6f860bb13d99ea484030f3671f4c19993499a5d5)
+
 ## 5.1.6
 
 ### Patch Changes

package/agent/_instructions.md

@@ -1,5 +1,4 @@
 - Use "@db-ux/v-core-components" as import for components:
-  - use for `DBShellSubNavigation` or `ShellSubNavigation` the file __agent-path__/agent/ShellSubNavigation.md
   - use for `DBTooltip` or `Tooltip` the file __agent-path__/agent/Tooltip.md
   - use for `DBTextarea` or `Textarea` the file __agent-path__/agent/Textarea.md
   - use for `DBTag` or `Tag` the file __agent-path__/agent/Tag.md
@@ -7,7 +6,6 @@
   - use for `DBTabItem` or `TabItem` the file __agent-path__/agent/TabItem.md
   - use for `DBSwitch` or `Switch` the file __agent-path__/agent/Switch.md
   - use for `DBStack` or `Stack` the file __agent-path__/agent/Stack.md
-  - use for `DBShell` or `Shell` the file __agent-path__/agent/Shell.md
   - use for `DBSelect` or `Select` the file __agent-path__/agent/Select.md
   - use for `DBSection` or `Section` the file __agent-path__/agent/Section.md
   - use for `DBRadio` or `Radio` the file __agent-path__/agent/Radio.md
@@ -24,14 +22,6 @@
   - use for `DBDrawer` or `Drawer` the file __agent-path__/agent/Drawer.md
   - use for `DBDivider` or `Divider` the file __agent-path__/agent/Divider.md
   - use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/agent/CustomSelect.md
-  - use for `DBControlPanelSecondaryActions` or `ControlPanelSecondaryActions` the file __agent-path__/agent/ControlPanelSecondaryActions.md
-  - use for `DBControlPanelPrimaryActions` or `ControlPanelPrimaryActions` the file __agent-path__/agent/ControlPanelPrimaryActions.md
-  - use for `DBControlPanelNavigationItem` or `ControlPanelNavigationItem` the file __agent-path__/agent/ControlPanelNavigationItem.md
-  - use for `DBControlPanelNavigation` or `ControlPanelNavigation` the file __agent-path__/agent/ControlPanelNavigation.md
-  - use for `DBControlPanelMobile` or `ControlPanelMobile` the file __agent-path__/agent/ControlPanelMobile.md
-  - use for `DBControlPanelMeta` or `ControlPanelMeta` the file __agent-path__/agent/ControlPanelMeta.md
-  - use for `DBControlPanelDesktop` or `ControlPanelDesktop` the file __agent-path__/agent/ControlPanelDesktop.md
-  - use for `DBControlPanelBrand` or `ControlPanelBrand` the file __agent-path__/agent/ControlPanelBrand.md
   - use for `DBCheckbox` or `Checkbox` the file __agent-path__/agent/Checkbox.md
   - use for `DBCard` or `Card` the file __agent-path__/agent/Card.md
   - use for `DBButton` or `Button` the file __agent-path__/agent/Button.md

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

@@ -10,10 +10,10 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBAccordio
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
+    behavior: import("./model.js", { with: { "resolution-mode": "import" } }).AccordionBehaviorType;
     initOpenIndex: number[];
     items: DBAccordionItemDefaultProps[] | string;
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).AccordionVariantType;
-    behavior: import("../../index.js", { with: { "resolution-mode": "import" } }).CollapsibleBehaviorType;
 }, {}, {}, {}, 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;

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

@@ -1,8 +1,14 @@
-import { CollapsibleBehaviorProps, GlobalProps, InitializedState } from '../../shared/model.js';
+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"];
+export type AccordionBehaviorType = (typeof AccordionBehaviorList)[number];
 export type DBAccordionDefaultProps = {
+    /**
+     * To allow multiple items open at the same time or only 1 item
+     */
+    behavior?: AccordionBehaviorType;
     /**
      * The index of items which should be open when loading the accordion
      */
@@ -26,7 +32,7 @@ export type DBAccordionDefaultProps = {
      */
     variant?: AccordionVariantType;
 };
-export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps & CollapsibleBehaviorProps;
+export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
 export type DBAccordionDefaultState = {
     _initOpenIndexDone: boolean;
     _name?: string;

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

@@ -14,12 +14,12 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSe
     className: string;
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
-    multiple: boolean | string;
     form: string;
     label: string;
     values: string[];
     open: boolean;
     disabled: boolean | string;
+    multiple: boolean | string;
     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;

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

@@ -208,7 +208,7 @@ export type DBCustomSelectDefaultState = {
     searchEnabled: boolean;
     amountOptions: number;
     setDescById: (descId?: string) => void;
-    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void | any) => void;
+    handleTagRemove: (option: CustomSelectOptionType, event?: ClickEvent<HTMLButtonElement> | Event | void) => void;
     handleSummaryFocus: () => void;
     handleSelect: (value?: string) => void;
     handleSelectAll: (event: any) => void;

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

@@ -8,8 +8,8 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomSe
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
-    multiple: boolean;
     label: string;
+    multiple: boolean;
 }, {}, {}, {}, 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;

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

@@ -63,6 +63,5 @@ export type DBDrawerDefaultState = {
     isNotModal: () => boolean;
     handleBackdropPointerDown: (event: any) => void;
     backdropPointerDown: boolean;
-    _closeTimeoutId?: number;
 };
 export type DBDrawerState = DBDrawerDefaultState & GlobalState & CloseEventState<ClickEvent<HTMLButtonElement | HTMLDialogElement> | GeneralKeyboardEvent<HTMLDialogElement>> & InitializedState;

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

@@ -26,10 +26,10 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeaderPr
     width: import("../../index.js", { with: { "resolution-mode": "import" } }).MaxWidthType;
     closeButtonId: string;
     closeButtonText: string;
-    drawerHeaderText: string;
-    burgerMenuLabel: string;
     drawerOpen: boolean | string;
     forceMobile: boolean | string;
+    drawerHeaderText: string;
+    burgerMenuLabel: 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;

package/dist/components/{shell-content/shell-content.vue.d.ts → heading/custom-heading.vue.d.ts}

@@ -1,4 +1,4 @@
-import { DBShellContentProps } from "./model.js";
+import { DBCustomHeadingProps } from "./model.js";
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {};
 type __VLS_Slots = {} & {
     'start-slot'?: (props: typeof __VLS_1) => any;
@@ -7,15 +7,15 @@ type __VLS_Slots = {} & {
 } & {
     'end-slot'?: (props: typeof __VLS_5) => any;
 };
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBShellContentProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBShellContentProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBCustomHeadingProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBCustomHeadingProps> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
-    variant: import("./model.js", { with: { "resolution-mode": "import" } }).ShellContentVariantType;
-    mainClass: string;
-    mainId: string;
-    mainLabel: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;

package/dist/components/{control-panel-skip-navigation/control-panel-skip-navigation.vue.d.ts → heading/heading-h1.vue.d.ts}

@@ -1,15 +1,18 @@
-import { DBControlPanelSkipNavigationProps } from "./model.js";
+import { DBHeadingH1Props } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelSkipNavigationProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelSkipNavigationProps> & Readonly<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeadingH1Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH1Props> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     text: string;
-    target: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;

package/dist/components/{control-panel-secondary-actions/control-panel-secondary-actions.vue.d.ts → heading/heading-h2.vue.d.ts}

@@ -1,12 +1,18 @@
+import { DBHeadingH2Props } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-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<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeadingH2Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH2Props> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;

package/dist/components/{control-panel-primary-actions/control-panel-primary-actions.vue.d.ts → heading/heading-h3.vue.d.ts}

@@ -1,12 +1,18 @@
+import { DBHeadingH3Props } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-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<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeadingH3Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH3Props> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;

package/dist/components/{control-panel-meta/control-panel-meta.vue.d.ts → heading/heading-h4.vue.d.ts}

@@ -1,12 +1,18 @@
+import { DBHeadingH4Props } from "./model.js";
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-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<{}>, {
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeadingH4Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH4Props> & Readonly<{}>, {
     id: string;
     children: any;
     className: string;
     propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;

package/dist/components/heading/heading-h5.vue.d.ts

@@ -0,0 +1,24 @@
+import { DBHeadingH5Props } from "./model.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeadingH5Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH5Props> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/heading/heading-h6.vue.d.ts

@@ -0,0 +1,24 @@
+import { DBHeadingH6Props } from "./model.js";
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBHeadingH6Props, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBHeadingH6Props> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    text: string;
+    size: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingSizeType;
+    fontWeight: import("./model.js", { with: { "resolution-mode": "import" } }).HeadingFontWeightType;
+    paragraphSpacing: boolean | string;
+    alignment: import("../../index.js", { with: { "resolution-mode": "import" } }).AlignmentType | 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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/heading/index.d.ts

@@ -0,0 +1,7 @@
+export { default as DBCustomHeading } from './custom-heading.vue';
+export { default as DBHeadingH1 } from './heading-h1.vue';
+export { default as DBHeadingH2 } from './heading-h2.vue';
+export { default as DBHeadingH3 } from './heading-h3.vue';
+export { default as DBHeadingH4 } from './heading-h4.vue';
+export { default as DBHeadingH5 } from './heading-h5.vue';
+export { default as DBHeadingH6 } from './heading-h6.vue';

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

@@ -0,0 +1,73 @@
+import type { AlignmentProps, EndSlotProps, GlobalProps, GlobalState, StartSlotProps, TextProps } from '../../shared/model.js';
+/** @public */
+export declare const HeadingSizeList: readonly ["3xl", "2xl", "xl", "lg", "md", "sm", "xs", "2xs", "3xs"];
+/** @public */
+export type HeadingSizeType = (typeof HeadingSizeList)[number];
+/** @public */
+export declare const HeadingFontWeightList: readonly ["black", "light"];
+/** @public */
+export type HeadingFontWeightType = (typeof HeadingFontWeightList)[number];
+/** @public */
+export type DBHeadingBaseDefaultProps = {
+    /** Sets the visual size independently from the fixed semantic level. */
+    size?: HeadingSizeType;
+    /** Sets the headline font weight. Defaults to `black`. */
+    fontWeight?: HeadingFontWeightType;
+    /** Adds exactly `1lh` of margin at block-end when enabled. */
+    paragraphSpacing?: boolean | string;
+};
+/** @public */
+export type DBHeadingBaseProps = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps;
+/**
+ * Styling wrapper for a consumer-authored native heading plus optional sibling
+ * content. Mirrors the Heading styling API the same way `DBCustomButton` mirrors
+ * `DBButton`: the wrapper carries the styling properties, the nested native
+ * element carries the native attributes.
+ *
+ * The default slot takes the native heading, `startSlot` and `endSlot` take the
+ * content around it. Because that content is a sibling of the heading instead of
+ * one of its children, it stays out of the accessible heading name.
+ *
+ * @public
+ */
+export type DBCustomHeadingDefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBCustomHeadingProps = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & StartSlotProps & EndSlotProps;
+/** @public */
+export type DBHeadingH1DefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBHeadingH1Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
+/** @public */
+export type DBHeadingH2DefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBHeadingH2Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
+/** @public */
+export type DBHeadingH3DefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBHeadingH3Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
+/** @public */
+export type DBHeadingH4DefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBHeadingH4Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
+/** @public */
+export type DBHeadingH5DefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBHeadingH5Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
+/** @public */
+export type DBHeadingH6DefaultProps = DBHeadingBaseDefaultProps;
+/** @public */
+export type DBHeadingH6Props = DBHeadingBaseDefaultProps & GlobalProps & AlignmentProps & TextProps;
+export type DBCustomHeadingDefaultState = {};
+export type DBCustomHeadingState = DBCustomHeadingDefaultState & GlobalState;
+export type DBHeadingH1DefaultState = {};
+export type DBHeadingH1State = DBHeadingH1DefaultState & GlobalState;
+export type DBHeadingH2DefaultState = {};
+export type DBHeadingH2State = DBHeadingH2DefaultState & GlobalState;
+export type DBHeadingH3DefaultState = {};
+export type DBHeadingH3State = DBHeadingH3DefaultState & GlobalState;
+export type DBHeadingH4DefaultState = {};
+export type DBHeadingH4State = DBHeadingH4DefaultState & GlobalState;
+export type DBHeadingH5DefaultState = {};
+export type DBHeadingH5State = DBHeadingH5DefaultState & GlobalState;
+export type DBHeadingH6DefaultState = {};
+export type DBHeadingH6State = DBHeadingH6DefaultState & GlobalState;

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

@@ -15,7 +15,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBInputPro
     autofocus: boolean | string;
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
-    multiple: boolean | string;
     form: string;
     input: (event: InputEvent<HTMLInputElement>) => void;
     label: string;
@@ -27,6 +26,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBInputPro
     onChange: (event: ChangeEvent<HTMLInputElement>) => void;
     onInput: (event: InputEvent<HTMLInputElement>) => void;
     type: import("./model.js", { with: { "resolution-mode": "import" } }).InputTypeType | string;
+    multiple: boolean | string;
     variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
     size: number;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;

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

@@ -21,10 +21,10 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNavigati
     showIcon: boolean | string;
     width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).WidthType | string;
     active: boolean;
-    backButtonId: string;
-    backButtonText: string;
     subNavigationExpanded: boolean | string;
     hideSubNavigation: boolean | string;
+    backButtonId: string;
+    backButtonText: 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;

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

@@ -20,9 +20,9 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBNotifica
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).NotificationVariantType;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;
     showIcon: boolean | string;
+    onClose: (event?: MouseEvent | undefined) => void;
     closeButtonId: string;
     closeButtonText: string;
-    onClose: (event?: MouseEvent | undefined) => void;
     closeable: boolean | string;
     linkVariant: import("./model.js", { with: { "resolution-mode": "import" } }).NotificationLinkVariantType;
     showHeadline: boolean | string;

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

@@ -14,7 +14,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBPopoverP
     placement: import("../../index.js", { with: { "resolution-mode": "import" } }).PlacementType;
     width: import("../../index.js", { with: { "resolution-mode": "import" } }).PopoverWidthType;
     spacing: import("../../index.js", { with: { "resolution-mode": "import" } }).SpacingType | string;
-    forceAbsolute: boolean | string;
     delay: import("../../index.js", { with: { "resolution-mode": "import" } }).PopoverDelayType;
     animation: boolean | string;
     gap: boolean | string;

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

@@ -14,7 +14,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBSelectPr
     className: string;
     propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
     name: string;
-    multiple: boolean;
     input: (event: InputEvent<HTMLSelectElement>) => void;
     label: string;
     value: any;
@@ -24,6 +23,7 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBSelectPr
     onChange: (event: ChangeEvent<HTMLSelectElement>) => void;
     onInput: (event: InputEvent<HTMLSelectElement>) => void;
     onClick: (event: ClickEvent<HTMLSelectElement>) => void;
+    multiple: boolean;
     variant: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).LabelVariantType;
     size: number;
     icon: import("@db-ux/core-foundations", { with: { "resolution-mode": "import" } }).IconTypes;

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

@@ -11,8 +11,8 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBStackPro
     variant: import("./model.js", { with: { "resolution-mode": "import" } }).StackVariantType;
     wrap: boolean | string;
     direction: import("./model.js", { with: { "resolution-mode": "import" } }).StackDirectionType;
-    gap: import("../../index.js", { with: { "resolution-mode": "import" } }).GapSpacingType;
     alignment: import("./model.js", { with: { "resolution-mode": "import" } }).StackAlignmentType;
+    gap: import("../../index.js", { with: { "resolution-mode": "import" } }).GapSpacingType;
     justifyContent: import("./model.js", { with: { "resolution-mode": "import" } }).StackJustifyContentType;
 }, {}, {}, {}, string, import("@vue/runtime-core").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

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

@@ -14,7 +14,6 @@ declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBTooltipP
     emphasis: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).EmphasisType;
     wrap: boolean | string;
     width: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PopoverWidthType;
-    forceAbsolute: boolean | string;
     showArrow: boolean | string;
     delay: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PopoverDelayType;
     animation: boolean | string;