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

package/dist/index.d.ts

@@ -12,28 +12,6 @@ export * from './components/card/index.js';
 export * from './components/card/model.js';
 export * from './components/checkbox/index.js';
 export * from './components/checkbox/model.js';
-export * from './components/control-panel-brand/index.js';
-export * from './components/control-panel-brand/model.js';
-export * from './components/control-panel-desktop/index.js';
-export * from './components/control-panel-desktop/model.js';
-export * from './components/control-panel-flat-icon/index.js';
-export * from './components/control-panel-flat-icon/model.js';
-export * from './components/control-panel-meta/index.js';
-export * from './components/control-panel-meta/model.js';
-export * from './components/control-panel-mobile/index.js';
-export * from './components/control-panel-mobile/model.js';
-export * from './components/control-panel-navigation/index.js';
-export * from './components/control-panel-navigation-item/index.js';
-export * from './components/control-panel-navigation-item-group/index.js';
-export * from './components/control-panel-navigation-item-group/model.js';
-export * from './components/control-panel-navigation-item/model.js';
-export * from './components/control-panel-navigation/model.js';
-export * from './components/control-panel-primary-actions/index.js';
-export * from './components/control-panel-primary-actions/model.js';
-export * from './components/control-panel-secondary-actions/index.js';
-export * from './components/control-panel-secondary-actions/model.js';
-export * from './components/control-panel-skip-navigation/index.js';
-export * from './components/control-panel-skip-navigation/model.js';
 export * from './components/custom-button/index.js';
 export * from './components/custom-button/model.js';
 export * from './components/custom-select/index.js';
@@ -56,6 +34,8 @@ export * from './components/drawer-header/model.js';
 export * from './components/drawer/model.js';
 export * from './components/header/index.js';
 export * from './components/header/model.js';
+export * from './components/heading/index.js';
+export * from './components/heading/model.js';
 export * from './components/icon/index.js';
 export * from './components/icon/model.js';
 export * from './components/infotext/index.js';
@@ -80,12 +60,6 @@ export * from './components/section/index.js';
 export * from './components/section/model.js';
 export * from './components/select/index.js';
 export * from './components/select/model.js';
-export * from './components/shell/index.js';
-export * from './components/shell-content/index.js';
-export * from './components/shell-content/model.js';
-export * from './components/shell-sub-navigation/index.js';
-export * from './components/shell-sub-navigation/model.js';
-export * from './components/shell/model.js';
 export * from './components/stack/index.js';
 export * from './components/stack/model.js';
 export * from './components/switch/index.js';

package/dist/shared/constants.d.ts

@@ -14,15 +14,12 @@ export declare const DEFAULT_INVALID_MESSAGE: string;
 export declare const DEFAULT_REMOVE: string;
 export declare const DEFAULT_BACK: string;
 export declare const DEFAULT_SELECTED: string;
-export declare const DEFAULT_EXPAND: string;
-export declare const DEFAULT_COLLAPSE: string;
 export declare const DEFAULT_SCROLL_LEFT: string;
 export declare const DEFAULT_SCROLL_RIGHT: string;
-export declare const DEFAULT_ICON: string;
 export declare const DEFAULT_BURGER_MENU: string;
+export declare const DEFAULT_ICON: string;
 export declare const DEFAULT_ROWS: number;
 export declare const DEFAULT_CLOSE_BUTTON: string;
-export declare const MAIN_CONTENT_ID: string;
 export declare const DENSITY_CONST: string;
 export declare const COLOR_CONST: string;
 export declare enum DENSITY {
@@ -69,7 +66,6 @@ export declare enum COLOR {
 export declare const COLORS: COLOR[];
 export declare const COLORS_SIMPLE: COLOR_SIMPLE[];
 export declare enum SEMANTIC {
-    NEUTRAL = "neutral",
     CRITICAL = "critical",
     INFORMATIONAL = "informational",
     WARNING = "warning",

package/dist/shared/model.d.ts

@@ -104,10 +104,6 @@ export type MarginProps = {
      */
     margin?: MarginType;
 };
-export declare const ShellControlPanelDesktopPosition: readonly ["top", "left"];
-export type ShellControlPanelDesktopPositionType = (typeof ShellControlPanelDesktopPosition)[number];
-export declare const ShellControlPanelMobilePosition: readonly ["top", "bottom"];
-export type ShellControlPanelMobilePositionType = (typeof ShellControlPanelMobilePosition)[number];
 export declare const PlacementHorizontalList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end"];
 export type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];
 export declare const PlacementVerticalList: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
@@ -190,10 +186,6 @@ export type PopoverProps = {
      * Use fixed with for default max-width
      */
     width?: PopoverWidthType;
-    /**
-     * If the floating element is inside a fixed container we might need to force absolute position
-     */
-    forceAbsolute?: boolean | string;
 };
 export type NameProps = {
     /**
@@ -547,33 +539,11 @@ export type NavigationBackButtonProps = {
      */
     backButtonText?: string;
 };
-export type ControlPanelProps = {
+export type AriaControlsProps = {
     /**
-     * Slot to pass in the DBControlPanelBrand component
+     * Pass `aria-controls` to inner element
      */
-    brand?: any;
-    /**
-     * Slot to pass in a meta navigation.
-     * Desktop: Above the regular control-panel-desktop
-     * Mobile: Inside the drawer
-     */
-    meta?: 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 control-panel-brand
-     */
-    primaryActions?: any;
-    /**
-     * Slot to pass one or more elements like DBButton (e.g. profile, language, etc.) as secondary action.
-     * Desktop: Shown separated by divider at the end of the control-panel-desktop
-     * Mobile: Shown inside the drawer at the bottom.
-     */
-    secondaryActions?: any;
-    /**
-     * Slot to pass an anchor or link to skip the navigation and jump to main content.
-     */
-    skipNavigation?: any;
+    controls?: string;
 };
 export type NoTextProps = {
     /**
@@ -585,67 +555,6 @@ export type ValueLabelType = {
     value: string;
     label?: string;
 };
-export type OverflowScrollButtonProps = {
-    /**
-     * Change amount of scroll distance when clicking on an overflow scroll arrow button.
-     */
-    arrowScrollDistance?: number | string;
-    /**
-     * Set the text for the scroll left button
-     */
-    scrollLeftText?: string;
-    /**
-     * Set the text for the scroll right button
-     */
-    scrollRightText?: string;
-};
-export type OverflowScrollButtonState = {
-    scroll: (left?: boolean) => void;
-    showScrollLeft?: boolean;
-    showScrollRight?: boolean;
-    evaluateScrollButtons: (tabList: Element) => void;
-};
-export type SidebarProps = {
-    /**
-     * Set the expanded/collapsed state initially for the left sidebar
-     */
-    expanded?: boolean | string;
-    /**
-     * Set the tooltip for the expand/collapse button
-     */
-    expandButtonTooltip?: string;
-    /**
-     * Set the tooltip for the expand/collapse button based on the state. (only react|vue)
-     */
-    expandButtonTooltipFn?: (open: boolean) => string;
-    /**
-     * Set the tooltip for the expand/collapse button based on the state. (only react|vue)
-     */
-    onExpandButtonTooltipFn?: (open: boolean) => string;
-};
-export type SidebarState = {
-    _open: boolean;
-    getToggleButtonText: () => string;
-};
-export declare const NavigationItemGroupVariantList: readonly ["popover", "tree", "drilldown"];
-export type NavigationItemGroupVariantType = (typeof NavigationItemGroupVariantList)[number];
-export type NavigationItemGroupVariant = {
-    /**
-     * Selects the navigation interaction model: `popover` shows sub-items
-     * in a flyout menu, `tree` shows a collapsible tree structure.
-     * Note: This selects an interaction model, not just a visual variant.
-     */
-    variant?: NavigationItemGroupVariantType;
-};
-export declare const CollapsibleBehaviorList: readonly ["single", "multiple"];
-export type CollapsibleBehaviorType = (typeof CollapsibleBehaviorList)[number];
-export type CollapsibleBehaviorProps = {
-    /**
-     * To allow multiple items open at the same time or only 1 item
-     * @default 'multiple'
-     */
-    behavior?: CollapsibleBehaviorType;
-};
 export type DocumentScrollState = {
     _documentScrollListenerCallbackId?: string;
     handleDocumentScroll: (event: any, parent?: HTMLElement) => void;

package/dist/utils/floating-components.d.ts

@@ -26,12 +26,7 @@ export declare const getFloatingProps: (element: HTMLElement, parent: HTMLElemen
     innerHeight: number;
     outsideYBoth: boolean;
 };
-export declare const handleFixedPopover: ({ element, parent, placement, forceAbsolute }: {
-    element: HTMLElement;
-    parent: HTMLElement;
-    placement?: string;
-    forceAbsolute?: boolean;
-}) => void;
+export declare const handleFixedPopover: (element: HTMLElement, parent: HTMLElement, placement?: string) => void;
 /**
  * Detects whether a floating element overflows the viewport edges
  * and sets `data-outside-vy` / `data-outside-vx` attributes accordingly.
@@ -45,4 +40,4 @@ export interface DBDataOutsidePair {
     vx?: 'left' | 'right';
     vy?: 'top' | 'bottom';
 }
-export declare const handleDataOutside: (el: HTMLElement) => void;
+export declare const handleDataOutside: (el: HTMLElement) => DBDataOutsidePair;

package/dist/utils/index.d.ts

@@ -21,16 +21,6 @@ export declare const hasVoiceOver: () => boolean;
  */
 export declare const isIOSSafari: () => boolean;
 export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
-/**
- * Checks whether a CSS custom property on an element equals '1'.
- * Useful for detecting CSS-driven boolean state (e.g. responsive breakpoints)
- * without coupling JS to hardcoded breakpoint values.
- *
- * @param element - The element to read computed styles from
- * @param property - The CSS custom property name (e.g. '--db-my-flag')
- * @returns `true` if the trimmed property value is '1'
- */
-export declare const hasCssFlag: (element: Element, property: string) => boolean;
 /**
  * Converts boolean-like inputs to "true" or "false" strings.
  * Handles HTML-style boolean attributes where an empty string or the

package/dist/utils/navigation.d.ts

@@ -1,25 +1,10 @@
-/**
- * Adjusts a sub-navigation's position so it stays within the viewport.
- * Called from _handleMouseEnter for the specific hovered item's menu.
- * Computes a precise pixel-based transform instead of the CSS's fixed
- * `translateY(-200%)` which overshoots for most menu heights.
- *
- * Only applies to menus NOT already positioned by handleFixedPopover
- * (i.e., nested sub-navigations that use position: absolute).
- */
-export declare const adjustNestedSubNavigationPosition: (element: HTMLElement) => void;
 export type TriangleData = {
     itemRect: DOMRect;
     parentElementWidth: number;
     subNavigationHeight: number;
     padding: number;
-    /**
-     * The direction the sub-navigation opens relative to the element.
-     * 'right' = sub-menu is to the right of the item
-     * 'left' = sub-menu is to the left of the item
-     * 'bottom' = sub-menu is below the item
-     */
-    openDirection: 'left' | 'right' | 'bottom';
+    outsideVX: 'left' | 'right' | undefined;
+    outsideVY: 'top' | 'bottom' | undefined;
 };
 export declare const isEventTargetNavigationItem: (event: unknown) => boolean;
 export declare class NavigationItemSafeTriangle {
@@ -34,15 +19,14 @@ export declare class NavigationItemSafeTriangle {
     private init;
     enableFollow(): void;
     disableFollow(): void;
+    private getTriangleTipX;
+    private getTriangleTipY;
     private hasMouseEnteredSubNavigation;
-    followByMouseEvent(event: {
-        clientX: number;
-        clientY: number;
-    }): void;
+    private getTriangleCoordinates;
+    followByMouseEvent(event: MouseEvent): void;
 }
-export declare const handleSubNavigationPosition: ({ element, level, isPopover, vertical }: {
-    element: HTMLElement;
-    level?: number;
-    vertical?: boolean;
-    isPopover?: boolean;
-}) => void;
+declare const _default: {
+    isEventTargetNavigationItem: (event: unknown) => boolean;
+    NavigationItemSafeTriangle: typeof NavigationItemSafeTriangle;
+};
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@db-ux/v-core-components",
-  "version": "5.1.6-shell-11663a0",
+  "version": "5.2.0",
   "type": "module",
   "description": "Vue components for @db-ux/core-components",
   "repository": {
@@ -28,8 +28,8 @@
     "dist/"
   ],
   "dependencies": {
-    "@db-ux/core-components": "5.1.6-shell-11663a0",
-    "@db-ux/core-foundations": "5.1.6-shell-11663a0"
+    "@db-ux/core-components": "5.2.0",
+    "@db-ux/core-foundations": "5.2.0"
   },
   "devDependencies": {
     "@playwright/experimental-ct-vue": "1.62.1",

package/agent/ControlPanelBrand.md

@@ -1,15 +0,0 @@
-
-
-# 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

@@ -1,48 +0,0 @@
-
-
-# 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

@@ -1,19 +0,0 @@
-
-
-# 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

@@ -1,40 +0,0 @@
-
-
-# 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

@@ -1,24 +0,0 @@
-
-
-# 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

@@ -1,39 +0,0 @@
-
-
-# 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/ControlPanelPrimaryActions.md

@@ -1,20 +0,0 @@
-
-
-# ControlPanelPrimaryActions Examples (vue)
-
-```vue
-<template>
-  <h1>DBControlPanelPrimaryActions Documentation Examples</h1>
-  <h2>1. Default Primary Actions</h2>
-  <DBControlPanelPrimaryActions
-    ><DBButton icon="magnifying_glass" variant="ghost" :noText="true">
-      Search
-    </DBButton></DBControlPanelPrimaryActions
-  >
-</template>
-
-<script setup lang="ts">
-import { DBButton } from "@db-ux/v-v-core-components";
-import { DBControlPanelPrimaryActions } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/ControlPanelSecondaryActions.md

@@ -1,24 +0,0 @@
-
-
-# ControlPanelSecondaryActions Examples (vue)
-
-```vue
-<template>
-  <h1>DBControlPanelSecondaryActions Documentation Examples</h1>
-  <h2>1. Default Secondary Actions</h2>
-  <DBControlPanelSecondaryActions
-    ><DBButton icon="x_placeholder" variant="ghost" :noText="true">
-      Profile </DBButton
-    ><DBButton icon="x_placeholder" variant="ghost" :noText="true">
-      Notification </DBButton
-    ><DBButton icon="x_placeholder" variant="ghost" :noText="true">
-      Help
-    </DBButton></DBControlPanelSecondaryActions
-  >
-</template>
-
-<script setup lang="ts">
-import { DBButton } from "@db-ux/v-v-core-components";
-import { DBControlPanelSecondaryActions } from "@db-ux/v-v-core-components";
-</script>
-```

package/agent/Shell.md

@@ -1,28 +0,0 @@
-
-
-# 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:primaryActions><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template><template v-slot:secondaryActions><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:primaryActions><DBButton icon="magnifying_glass" variant="ghost" noText>Search</DBButton></template><template v-slot:secondaryActions><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/ShellSubNavigation.md

@@ -1,6 +0,0 @@
-## CSS Properties
-
-| CSS Variable | Default | CSS Property | Description | Example |
-| --- | --- | --- | --- | --- |
-
-

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

@@ -1,22 +0,0 @@
-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

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

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

@@ -1,7 +0,0 @@
-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;