@db-ux/v-core-components 5.1.6 → 5.2.1-shell-797019e

package/CHANGELOG.md

@@ -1,13 +1,37 @@
 # @db-ux/v-core-components
 
+## 5.2.1
+
+### Patch Changes
+
+- fix(DBCustomSelect): synchronize values and options when resetting - [see commit e39f57b](https://github.com/db-ux-design-system/core-web/commit/e39f57bdd2002c13e957cff01423c5d801f7c4b5)
+- fix(radio): checked state barely visible at `size="small"` with `density="functional"` - [see commit e39f57b](https://github.com/db-ux-design-system/core-web/commit/e39f57bdd2002c13e957cff01423c5d801f7c4b5)
+- fix(DBRadio): use `:user-valid`/`:user-invalid` instead of `:valid`/`:invalid` for radio inputs - [see commit e39f57b](https://github.com/db-ux-design-system/core-web/commit/e39f57bdd2002c13e957cff01423c5d801f7c4b5)
+- fix(DBCustomSelect): reset inline positioning when switching to mobile screen sizes - [see commit e39f57b](https://github.com/db-ux-design-system/core-web/commit/e39f57bdd2002c13e957cff01423c5d801f7c4b5)
+
+## 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
 
 - fix: multiple issues for DBPopover - [see commit a1a575c](https://github.com/db-ux-design-system/core-web/commit/a1a575c893d0b54aff6bddcb56719e4f8c40197d):
-  - DBPopover hides when moving mouse too slow
-  - DBPopover changes aria-expanded independently of open state
-  - DBPopover - wrong content position on programatic "open" prop
+    - DBPopover hides when moving mouse too slow
+    - DBPopover changes aria-expanded independently of open state
+    - DBPopover - wrong content position on programmatic "open" prop
 - fix(select): move placeholder text to `::before` pseudo-element to avoid axe-core false positive - [see commit 5f1584d](https://github.com/db-ux-design-system/core-web/commit/5f1584d2488115ef9418ca24b8e04f7bddbca803)
 
 ## 5.1.5

package/agent/ControlPanelBrand.md

@@ -0,0 +1,15 @@
+
+
+# ControlPanelBrand Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelBrand Documentation Examples</h1>
+  <h2>1. Default Control Panel Brand</h2>
+  <DBControlPanelBrand></DBControlPanelBrand>
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelBrand } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelDesktop.md

@@ -0,0 +1,48 @@
+
+
+# ControlPanelDesktop Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelDesktop Documentation Examples</h1>
+  <h2>1. Default Control Panel Desktop</h2>
+  <DBControlPanelDesktop
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ><DBControlPanelNavigationItem icon="x_placeholder" :disabled="true"
+        ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelDesktop
+  >
+  <h2>2. Vertical Orientation</h2>
+  <DBControlPanelDesktop
+    orientation="vertical"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelDesktop
+  >
+  <h2>3. Collapsed (expanded=false)</h2>
+  <DBControlPanelDesktop
+    orientation="vertical"
+    :expanded="false"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelDesktop
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelBrand } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBControlPanelDesktop } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelMeta.md

@@ -0,0 +1,19 @@
+
+
+# ControlPanelMeta Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelMeta Documentation Examples</h1>
+  <h2>1. Default Meta</h2>
+  <DBControlPanelMeta
+    ><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink
+    ><DBLink href="#">Privacy</DBLink></DBControlPanelMeta
+  >
+</template>
+
+<script setup lang="ts">
+import { DBLink } from "@db-ux/v-v-core-components";
+import { DBControlPanelMeta } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelMobile.md

@@ -0,0 +1,40 @@
+
+
+# ControlPanelMobile Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelMobile Documentation Examples</h1>
+  <h2>1. Default Control Panel Mobile (Drawer)</h2>
+  <DBControlPanelMobile
+    drawerHeaderText="Application Name"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ><DBControlPanelNavigationItem icon="x_placeholder" :disabled="true"
+        ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelMobile
+  >
+  <h2>2. Bottom Position + Flat Icon Variant</h2>
+  <DBControlPanelMobile
+    position="bottom"
+    variant="flat-icon"
+    drawerHeaderText="Application Name"
+    :brand="<DBControlPanelBrand>Application Name</DBControlPanelBrand>"
+    ><DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBControlPanelMobile
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelBrand } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBControlPanelMobile } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelNavigation.md

@@ -0,0 +1,24 @@
+
+
+# ControlPanelNavigation Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelNavigation Documentation Examples</h1>
+  <h2>1. Default Navigation</h2>
+  <DBControlPanelNavigation
+    ><DBControlPanelNavigationItem
+      ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+    ><DBControlPanelNavigationItem icon="x_placeholder"
+      ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+    ><DBControlPanelNavigationItem :disabled="true"
+      ><a href="#">Navi-Item 3</a></DBControlPanelNavigationItem
+    ></DBControlPanelNavigation
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/ControlPanelNavigationItem.md

@@ -0,0 +1,39 @@
+
+
+# ControlPanelNavigationItem Examples (vue)
+
+```vue
+<template>
+  <h1>DBControlPanelNavigationItem Documentation Examples</h1>
+  <h2>1. Default Navigation Item</h2>
+  <DBControlPanelNavigationItem>
+    Default Navigation Item
+  </DBControlPanelNavigationItem>
+  <h2>2. Active State</h2>
+  <DBControlPanelNavigationItem :active="true">
+    Active Navigation Item
+  </DBControlPanelNavigationItem>
+  <h2>3. Disabled State</h2>
+  <DBControlPanelNavigationItem :disabled="true">
+    Disabled Navigation Item
+  </DBControlPanelNavigationItem>
+  <h2>4. Sub-Navigation</h2>
+  <DBControlPanelNavigationItem
+    :subNavigation="<div>Sub Navigation Content</div>"
+  >
+    Navigation Item with Sub-Navigation
+  </DBControlPanelNavigationItem>
+  <h2>5. Icon Support</h2>
+  <DBControlPanelNavigationItem icon="user">
+    Navigation Item with Icon
+  </DBControlPanelNavigationItem>
+  <h2>6. Custom Class</h2>
+  <DBControlPanelNavigationItem>
+    Navigation Item with Custom Class
+  </DBControlPanelNavigationItem>
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/Shell.md

@@ -0,0 +1,28 @@
+
+
+# Shell Examples (vue)
+
+```vue
+<template>
+  <h1>DBShell Documentation Examples</h1>
+  <h2>1. Full Shell (Desktop + Mobile Control Panel)</h2>
+  <DBShell>
+    <template v-slot:controlPanelDesktop><DBControlPanelDesktop><template v-slot:brand><DBControlPanelBrand data-logo="db-systel" /></template><template v-slot:meta><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink></template><template v-slot:actions-1><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template><template v-slot:actions-2><DBButton icon="x_placeholder" variant="ghost" noText>Profile</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Notification</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Help</DBButton></template><DBControlPanelNavigation><DBControlPanelNavigationItem icon="x_placeholder"><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem><DBControlPanelNavigationItem icon="x_placeholder" disabled><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem></DBControlPanelNavigation></DBControlPanelDesktop></template>
+<template v-slot:controlPanelMobile><DBControlPanelMobile drawerHeaderText="Application Name"><template v-slot:brand><DBControlPanelBrand data-logo="db-systel" /></template><template v-slot:meta><DBLink href="#">Imprint</DBLink><DBLink href="#">Help</DBLink></template><template v-slot:actions-1><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template><template v-slot:actions-2><DBButton icon="x_placeholder" variant="ghost" noText>Profile</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Notification</DBButton><DBButton icon="x_placeholder" variant="ghost" noText>Help</DBButton></template><DBControlPanelNavigation><DBControlPanelNavigationItem icon="x_placeholder"><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem><DBControlPanelNavigationItem icon="x_placeholder" disabled><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem></DBControlPanelNavigation></DBControlPanelMobile></template>
+
+    <DBControlPanelNavigation
+      ><DBControlPanelNavigationItem icon="x_placeholder"
+        ><a href="#">Navi-Item 1</a></DBControlPanelNavigationItem
+      ><DBControlPanelNavigationItem icon="x_placeholder" :disabled="true"
+        ><a href="#">Navi-Item 2</a></DBControlPanelNavigationItem
+      ></DBControlPanelNavigation
+    ></DBShell
+  >
+</template>
+
+<script setup lang="ts">
+import { DBControlPanelNavigation } from "@db-ux/v-v-core-components";
+import { DBControlPanelNavigationItem } from "@db-ux/v-v-core-components";
+import { DBShell } from "@db-ux/v-v-core-components";
+</script>
+```

package/agent/_instructions.md

@@ -6,6 +6,7 @@
   - 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
@@ -22,6 +23,12 @@
   - 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 `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,14 +1,8 @@
-import type { GlobalProps, InitializedState } from '../../shared/model.js';
+import { CollapsibleBehaviorProps, 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
      */
@@ -32,7 +26,7 @@ export type DBAccordionDefaultProps = {
      */
     variant?: AccordionVariantType;
 };
-export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps;
+export type DBAccordionProps = DBAccordionDefaultProps & GlobalProps & CollapsibleBehaviorProps;
 export type DBAccordionDefaultState = {
     _initOpenIndexDone: boolean;
     _name?: string;

package/dist/components/control-panel-actions/control-panel-actions-1.vue.d.ts

@@ -0,0 +1,18 @@
+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<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-actions/control-panel-actions-2.vue.d.ts

@@ -0,0 +1,18 @@
+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<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-actions/index.d.ts

@@ -0,0 +1,2 @@
+export { default as DBControlPanelActions1 } from './control-panel-actions-1.vue';
+export { default as DBControlPanelActions2 } from './control-panel-actions-2.vue';

package/dist/components/control-panel-actions/model.d.ts

@@ -0,0 +1,9 @@
+import { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelActions1DefaultProps = {};
+export type DBControlPanelActions1Props = DBControlPanelActions1DefaultProps & GlobalProps;
+export type DBControlPanelActions1DefaultState = {};
+export type DBControlPanelActions1State = DBControlPanelActions1DefaultState & GlobalState;
+export type DBControlPanelActions2DefaultProps = {};
+export type DBControlPanelActions2Props = DBControlPanelActions2DefaultProps & GlobalProps;
+export type DBControlPanelActions2DefaultState = {};
+export type DBControlPanelActions2State = DBControlPanelActions2DefaultState & GlobalState;

package/dist/components/control-panel-brand/control-panel-brand.vue.d.ts

@@ -0,0 +1,22 @@
+import { DBControlPanelBrandProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    'end-slot'?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelBrandProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelBrandProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    secondLine: 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/control-panel-brand/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelBrand } from './control-panel-brand.vue';

package/dist/components/control-panel-brand/model.d.ts

@@ -0,0 +1,7 @@
+import { EndSlotProps, GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelBrandDefaultProps = {
+    secondLine?: string;
+};
+export type DBControlPanelBrandProps = DBControlPanelBrandDefaultProps & GlobalProps & EndSlotProps;
+export type DBControlPanelBrandDefaultState = {};
+export type DBControlPanelBrandState = DBControlPanelBrandDefaultState & GlobalState;

package/dist/components/control-panel-desktop/control-panel-desktop.vue.d.ts

@@ -0,0 +1,35 @@
+import { DBControlPanelDesktopProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+type __VLS_Slots = {} & {
+    'skip-navigation'?: (props: typeof __VLS_1) => any;
+} & {
+    brand?: (props: typeof __VLS_3) => any;
+} & {
+    default?: (props: typeof __VLS_5) => any;
+} & {
+    meta?: (props: typeof __VLS_7) => any;
+} & {
+    'actions-1'?: (props: typeof __VLS_9) => any;
+} & {
+    'actions-2'?: (props: typeof __VLS_11) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelDesktopProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelDesktopProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    width: import("../../index.js", { with: { "resolution-mode": "import" } }).MaxWidthType;
+    orientation: import("../../index.js", { with: { "resolution-mode": "import" } }).OrientationType;
+    expanded: boolean | string;
+    expandButtonTooltip: string;
+    expandButtonTooltipFn: (open: boolean) => string;
+    onExpandButtonTooltipFn: (open: boolean) => 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/control-panel-desktop/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelDesktop } from './control-panel-desktop.vue';

package/dist/components/control-panel-desktop/model.d.ts

@@ -0,0 +1,7 @@
+import { ContainerWidthProps, ControlPanelProps, GlobalProps, GlobalState, OrientationProps, ResetIdState, SidebarProps, SidebarState, ToggleEventState } from '../../shared/model.js';
+export type DBControlPanelDesktopDefaultProps = {};
+export type DBControlPanelDesktopProps = DBControlPanelDesktopDefaultProps & GlobalProps & ContainerWidthProps & ControlPanelProps & OrientationProps & SidebarProps;
+export type DBControlPanelDesktopDefaultState = {
+    syncExpanded: () => void;
+};
+export type DBControlPanelDesktopState = DBControlPanelDesktopDefaultState & GlobalState & ToggleEventState<HTMLButtonElement> & SidebarState & ResetIdState;

package/dist/components/control-panel-flat-icon/control-panel-flat-icon.vue.d.ts

@@ -0,0 +1,22 @@
+import { DBControlPanelFlatIconProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    'skip-navigation'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelFlatIconProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelFlatIconProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    noText: boolean | 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/control-panel-flat-icon/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelFlatIcon } from './control-panel-flat-icon.vue';

package/dist/components/control-panel-flat-icon/model.d.ts

@@ -0,0 +1,12 @@
+import { GlobalProps, GlobalState, NoTextProps } from '../../shared/model.js';
+export type DBControlPanelFlatIconDefaultProps = {
+    /**
+     * Slot to pass an anchor or link to skip the navigation and jump to main content.
+     */
+    skipNavigation?: any;
+};
+export type DBControlPanelFlatIconProps = DBControlPanelFlatIconDefaultProps & GlobalProps & NoTextProps;
+export type DBControlPanelFlatIconDefaultState = {
+    _resizeObserverCallbackId?: string;
+};
+export type DBControlPanelFlatIconState = DBControlPanelFlatIconDefaultState & GlobalState;

package/dist/components/control-panel-meta/control-panel-meta.vue.d.ts

@@ -0,0 +1,18 @@
+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<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    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;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-meta/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelMeta } from './control-panel-meta.vue';

package/dist/components/control-panel-meta/model.d.ts

@@ -0,0 +1,5 @@
+import { GlobalProps, GlobalState } from '../../shared/model.js';
+export type DBControlPanelMetaDefaultProps = {};
+export type DBControlPanelMetaProps = DBControlPanelMetaDefaultProps & GlobalProps;
+export type DBControlPanelMetaDefaultState = {};
+export type DBControlPanelMetaState = DBControlPanelMetaDefaultState & GlobalState;

package/dist/components/control-panel-mobile/control-panel-mobile.vue.d.ts

@@ -0,0 +1,33 @@
+import { DBControlPanelMobileProps } from "./model.js";
+declare var __VLS_1: {}, __VLS_9: {}, __VLS_11: {}, __VLS_26: {}, __VLS_28: {}, __VLS_30: {};
+type __VLS_Slots = {} & {
+    'skip-navigation'?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_9) => any;
+} & {
+    meta?: (props: typeof __VLS_11) => any;
+} & {
+    'actions-2'?: (props: typeof __VLS_26) => any;
+} & {
+    brand?: (props: typeof __VLS_28) => any;
+} & {
+    'actions-1'?: (props: typeof __VLS_30) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelMobileProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelMobileProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../index.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    onToggle: (open: boolean) => void;
+    position: import("../../index.js", { with: { "resolution-mode": "import" } }).ShellControlPanelMobilePositionType;
+    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;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/control-panel-mobile/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelMobile } from './control-panel-mobile.vue';

package/dist/components/control-panel-mobile/model.d.ts

@@ -0,0 +1,21 @@
+import { ControlPanelProps, GlobalProps, GlobalState, NavigationBehaviorState, ShellControlPanelMobilePositionType, ToggleEventProps, ToggleEventState } from '../../shared/model.js';
+export type DBControlPanelMobileDefaultProps = {
+    /**
+     * Text to pass in a headline for the drawer header.
+     */
+    drawerHeaderText?: string;
+    /**
+     * Sets the accessible label for the burger menu button of the mobile control panel.
+     */
+    burgerMenuLabel?: string;
+    /**
+     * Change the position of the mobile content panel
+     */
+    position?: ShellControlPanelMobilePositionType;
+};
+export type DBControlPanelMobileProps = DBControlPanelMobileDefaultProps & GlobalProps & ToggleEventProps & ControlPanelProps;
+export type DBControlPanelMobileDefaultState = {
+    open: boolean;
+    handleClose: (event: any) => void;
+};
+export type DBControlPanelMobileState = DBControlPanelMobileDefaultState & GlobalState & ToggleEventState<HTMLElement> & NavigationBehaviorState;

package/dist/components/control-panel-navigation/control-panel-navigation.vue.d.ts

@@ -0,0 +1,26 @@
+import { NavigationItemGroupVariantType } from "../../shared/model.js";
+import { DBControlPanelNavigationProps } from "./model.js";
+declare var __VLS_7: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_base: import("@vue/runtime-core").DefineComponent<DBControlPanelNavigationProps, {}, {}, {}, {}, import("@vue/runtime-core").ComponentOptionsMixin, import("@vue/runtime-core").ComponentOptionsMixin, {}, string, import("@vue/runtime-core").PublicProps, Readonly<DBControlPanelNavigationProps> & Readonly<{}>, {
+    id: string;
+    children: any;
+    className: string;
+    propOverrides: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).PropOverridesType;
+    variant: NavigationItemGroupVariantType;
+    behavior: import("../../shared/model.js", { with: { "resolution-mode": "import" } }).CollapsibleBehaviorType;
+    showTreeLine: boolean | string;
+    arrowScrollDistance: number | string;
+    scrollLeftText: string;
+    scrollRightText: 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/control-panel-navigation/index.d.ts

@@ -0,0 +1 @@
+export { default as DBControlPanelNavigation } from './control-panel-navigation.vue';