@dnd-mapp/shared-ui 1.0.0 → 2.0.0

package/src/lib/nav/navbar-menu/README.md

@@ -0,0 +1,99 @@
+[← Back to Library Overview](../../../../README.md#-component-library)
+
+---
+
+# Navbar Menu `dma-navbar-menu`
+
+The `Navbar Menu` is a specialized navigation component designed to trigger dropdown menus within a navigation bar. It integrates the library's button and dropdown systems into a cohesive unit, supporting both click-based and hover-based interactions.
+
+## 🏰 Overview
+
+- **Selector**: `dma-navbar-menu`
+- **Format**: Standalone Component
+- **Change Detection**: `OnPush`
+- **Dependencies**: `ButtonComponent`, `DropdownAnchorDirective`, `DropdownContainerComponent`
+
+---
+
+## 🚀 Usage
+
+The component uses content projection to separate the trigger element from the dropdown content. The trigger is automatically wrapped in a button using the `dma-button` directive.
+
+```ts
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { DropdownMenuDirective, DropdownTriggerDirective, NavbarMenuComponent } from '@dnd-mapp/shared-ui';
+
+@Component({
+    selector: 'app-nav',
+    template: `
+        <dma-navbar-menu toggleOnHover>
+            <span dmaDropdownTrigger>Products</span>
+            
+            <nav dmaDropdownMenu>
+                <a href="/link-1">Feature A</a>
+                <a href="/link-2">Feature B</a>
+            </nav>
+        </dma-navbar-menu>
+    `,
+    changeDetection: ChangeDetectionStrategy.OnPush,
+    imports: [NavbarMenuComponent, DropdownTriggerDirective, DropdownMenuDirective],
+})
+export class NavComponent {}
+```
+
+---
+
+## 🎨 API Reference
+
+### Inputs
+
+| Name            | Type      | Default | Description                                                                                                                                |
+|-----------------|-----------|---------|--------------------------------------------------------------------------------------------------------------------------------------------|
+| `toggleOnHover` | `boolean` | `false` | When enabled, the dropdown opens on mouse enter and closes on mouse leave. Uses `booleanAttribute` transform for shorthand property usage. |
+
+### Content Projection Slots
+
+| Selector               | Description                                                                                                  |
+|------------------------|--------------------------------------------------------------------------------------------------------------|
+| `[dmaDropdownTrigger]` | Projected into the main navbar button. This element serves as the label for the dropdown toggle.             |
+| `[dmaDropdownMenu]`    | Projected into the `dma-dropdown-container`. Contains the list of links or actions to display when expanded. |
+
+---
+
+## 🧪 Examples
+
+### Basic Click Toggle
+
+By default, the menu requires a click interaction. This is the recommended approach for accessibility and mobile compatibility.
+
+```html
+<dma-navbar-menu>
+    <span dmaDropdownTrigger>Settings</span>
+    <div dmaDropdownMenu>
+        <dma-dropdown-item>Profile</dma-dropdown-item>
+        <dma-dropdown-item>Security</dma-dropdown-item>
+    </div>
+</dma-navbar-menu>
+```
+
+### Hover Activation
+
+Apply the `toggleOnHover` attribute to enable "mega-menu" style interactions where the menu appears on hover. The component includes logic via the `#anchor` reference to handle scheduling closures when the mouse leaves the container.
+
+```html
+<dma-navbar-menu toggleOnHover>
+    <ng-container dmaDropdownTrigger>
+        Resources
+    </ng-container>
+    <ul dmaDropdownMenu>
+        <li><a href="/docs">Documentation</a></li>
+        <li><a href="/api">API Reference</a></li>
+    </ul>
+</dma-navbar-menu>
+```
+
+---
+
+## 📜 License
+
+This component is part of the `@dnd-mapp/shared-ui` internal library. All rights reserved. Proprietary and confidential.

package/src/lib/vertical-rule/README.md

@@ -0,0 +1,99 @@
+[← Back to Library Overview](../../../README.md#-component-library)
+
+---
+
+# Vertical Rule
+
+The `VerticalRuleComponent` is a structural utility component designed to provide a consistent vertical divider for separating content within layouts, such as navigation bars, toolbars, or flex containers.
+
+## 🏰 Overview
+
+- **Selector**: `dma-vr`
+- **Change Detection**: `OnPush` for optimal performance.
+- **Use Case**: Visual separation of inline elements.
+- **Compatibility**: Designed for use within flexbox or grid containers.
+
+---
+
+## 🚀 Usage
+
+### 1. Import
+
+Add `VerticalRuleComponent` to your standalone component's `imports` array:
+
+```ts
+import { Component } from '@angular/core';
+import { VerticalRuleComponent } from '@dnd-mapp/shared-ui';
+
+@Component({
+    selector: 'app-toolbar',
+    template: `
+        <div class="flex h-10 items-center gap-4">
+            <button dma-button>Save</button>
+            
+            <!-- Vertical Divider -->
+            <dma-vr />
+            
+            <button dma-button>Delete</button>
+        </div>
+    `,
+    imports: [VerticalRuleComponent]
+})
+export class ToolbarComponent {}
+```
+
+### 2. Styles Requirement
+
+For the divider to display correctly, the parent container should have a defined height or use a flex layout. The component is designed to automatically stretch to the height of its container.
+
+---
+
+## 🎨 API Reference
+
+### Selector
+
+`dma-vr`
+
+### Technical Implementation
+
+- **Display**: `inline-block`
+- **Height**: `stretch` (Inherits height from parent container)
+- **Color**: Uses `$neutral-500` from the design system's palette.
+- **Thickness**: 1px solid left border.
+
+---
+
+## 🧪 Examples
+
+### Navigation Header
+
+The divider is ideal for separating text links or icons in a header navigation.
+
+```html
+<nav class="flex items-center gap-2 p-4">
+  <span>Character Sheet</span>
+  <dma-vr />
+  <span>Inventory</span>
+  <dma-vr />
+  <span>Spells</span>
+</nav>
+```
+
+### Action Group
+
+Use it to group related actions within a toolbar while maintaining a clear visual distinction between different functional sets.
+
+```html
+<div class="flex h-8 items-center gap-3">
+  <dma-icon-button icon="edit" />
+  <dma-icon-button icon="copy" />
+  <dma-vr />
+  <dma-icon-button icon="trash" />
+</div>
+```
+
+---
+
+## 📜 License
+
+This component is part of the `@dnd-mapp/shared-ui` proprietary library. Refer to the root [LICENSE](https://github.com/dnd-mapp/shared-ui/blob/main/LICENSE) for usage restrictions.

package/types/dnd-mapp-shared-ui.d.ts

@@ -1,23 +1,296 @@
-import * as _angular_core from '@angular/core';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, Signal } from '@angular/core';
 import * as _dnd_mapp_shared_ui from '@dnd-mapp/shared-ui';
+import { ConnectedPosition } from '@angular/cdk/overlay';
+import { ControlValueAccessor } from '@angular/forms';
 
 type AttributeInput<T> = T | '';
 
 declare const ButtonColors: {
     readonly PRIMARY: "primary";
     readonly BASE: "base";
+    readonly DANGER: "danger";
 };
 type ButtonColor = (typeof ButtonColors)[keyof typeof ButtonColors];
 declare const DEFAULT_BUTTON_COLOR: ButtonColor;
 declare function buttonColorAttribute(value: AttributeInput<ButtonColor>): ButtonColor;
 
 declare class ButtonComponent {
-    readonly color: _angular_core.InputSignalWithTransform<_dnd_mapp_shared_ui.ButtonColor, AttributeInput<_dnd_mapp_shared_ui.ButtonColor>>;
-    protected readonly isBase: _angular_core.Signal<boolean>;
-    protected readonly isPrimary: _angular_core.Signal<boolean>;
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "button[dma-button]", never, { "color": { "alias": "dma-button"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    readonly color: i0.InputSignalWithTransform<_dnd_mapp_shared_ui.ButtonColor, AttributeInput<_dnd_mapp_shared_ui.ButtonColor>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[dma-button]", never, { "color": { "alias": "dma-button"; "required": false; "isSignal": true; }; }, {}, never, ["[dmaLeadingIcon]", "*"], true, never>;
 }
 
-export { ButtonColors, ButtonComponent, DEFAULT_BUTTON_COLOR, buttonColorAttribute };
-export type { ButtonColor };
+declare class DropdownAnchorDirective {
+    private readonly overlay;
+    private readonly elementRef;
+    private readonly viewContainerRef;
+    private readonly destroyRef;
+    readonly dropdownContainerTemplateRef: i0.InputSignal<TemplateRef<unknown>>;
+    readonly positions: i0.InputSignal<ConnectedPosition[]>;
+    readonly toggleOnHover: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly dropdownToggle: i0.OutputEmitterRef<boolean>;
+    readonly dropdownOpen: i0.Signal<boolean>;
+    private readonly closeScheduler;
+    private overlayRef;
+    constructor();
+    open(): void;
+    close(): void;
+    scheduleClose(shouldClose: boolean): void;
+    protected onClick(): void;
+    protected onMouseenter(): void;
+    protected onMouseleave(): void;
+    private toggle;
+    private onOutsideClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownAnchorDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownAnchorDirective, "[dmaDropdownAnchor]", ["dmaDropdownAnchor"], { "dropdownContainerTemplateRef": { "alias": "dmaDropdownAnchor"; "required": true; "isSignal": true; }; "positions": { "alias": "positions"; "required": false; "isSignal": true; }; "toggleOnHover": { "alias": "toggleOnHover"; "required": false; "isSignal": true; }; }, { "dropdownToggle": "dropdownToggle"; }, never, never, true, never>;
+}
+
+declare class DropdownContainerComponent {
+    readonly hover: i0.OutputEmitterRef<boolean>;
+    protected onMouseenter(): void;
+    protected onMouseleave(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownContainerComponent, "dma-dropdown-container", never, {}, { "hover": "hover"; }, never, ["*"], true, never>;
+}
+
+declare class DropdownMenuDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownMenuDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownMenuDirective, "[dmaDropdownMenu]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DropdownTriggerDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownTriggerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownTriggerDirective, "[dmaDropdownTrigger]", never, {}, {}, never, never, true, never>;
+}
+
+declare const DEFAULT_DROPDOWN_POSITIONS: ConnectedPosition[];
+
+type NgOnChange<T> = (value: T) => void;
+type NgOnTouched = () => void;
+
+declare class InputComponent implements ControlValueAccessor {
+    readonly inputId: i0.InputSignal<string>;
+    readonly label: i0.InputSignal<string>;
+    readonly placeholder: i0.InputSignal<string>;
+    readonly readonly: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly value: i0.ModelSignal<string>;
+    readonly disabled: i0.ModelSignal<boolean>;
+    private readonly inputSubject;
+    private ngOnTouched;
+    private ngOnChange;
+    constructor();
+    writeValue(value: string): void;
+    registerOnChange(fn: NgOnChange<string>): void;
+    registerOnTouched(fn: NgOnTouched): void;
+    setDisabledState(isDisabled: boolean): void;
+    protected onInput(value: string): void;
+    protected onFocus(): void;
+    private onChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "dma-input", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "disabled": "disabledChange"; }, never, never, true, never>;
+}
+
+declare class LeadingIconDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<LeadingIconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LeadingIconDirective, "[dmaLeadingIcon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CloneReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CloneReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CloneReIcon, "dma-icon[dma-clone-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class EyeSlashReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EyeSlashReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EyeSlashReIcon, "dma-icon[dma-eye-slash-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class EyeReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EyeReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EyeReIcon, "dma-icon[dma-eye-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FileLinesReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileLinesReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileLinesReIcon, "dma-icon[dma-file-lines-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FileReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileReIcon, "dma-icon[dma-file-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FloppyDiskReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloppyDiskReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloppyDiskReIcon, "dma-icon[dma-floppy-disk-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TrashCanReIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrashCanReIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrashCanReIcon, "dma-icon[dma-trash-can-re-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class AngleDownSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngleDownSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngleDownSoIcon, "dma-icon[dma-angle-down-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class AngleUpSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AngleUpSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AngleUpSoIcon, "dma-icon[dma-angle-up-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ArrowRotateLeftSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ArrowRotateLeftSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ArrowRotateLeftSoIcon, "dma-icon[dma-arrow-rotate-left-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BookOpenSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BookOpenSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BookOpenSoIcon, "dma-icon[dma-book-open-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class BoxSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BoxSoIcon, "dma-icon[dma-box-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CheckSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckSoIcon, "dma-icon[dma-check-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CircleUserSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CircleUserSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CircleUserSoIcon, "dma-icon[dma-circle-user-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class CloneSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CloneSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CloneSoIcon, "dma-icon[dma-clone-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class EyeSlashSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EyeSlashSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EyeSlashSoIcon, "dma-icon[dma-eye-slash-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class EyeSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EyeSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EyeSoIcon, "dma-icon[dma-eye-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FileLinesSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileLinesSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileLinesSoIcon, "dma-icon[dma-file-lines-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FileSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileSoIcon, "dma-icon[dma-file-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class FloppyDiskSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FloppyDiskSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FloppyDiskSoIcon, "dma-icon[dma-floppy-disk-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class PlusSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlusSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlusSoIcon, "dma-icon[dma-plus-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TrashCanSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrashCanSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrashCanSoIcon, "dma-icon[dma-trash-can-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TrashSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrashSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrashSoIcon, "dma-icon[dma-trash-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class UsersSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UsersSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UsersSoIcon, "dma-icon[dma-users-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class WandMagicSparklesSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<WandMagicSparklesSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WandMagicSparklesSoIcon, "dma-icon[dma-wand-magic-sparkles-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class XmarkSoIcon {
+    static ɵfac: i0.ɵɵFactoryDeclaration<XmarkSoIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XmarkSoIcon, "dma-icon[dma-xmark-so-icon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class TrailingIconDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrailingIconDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TrailingIconDirective, "[dmaTrailingIcon]", never, {}, {}, never, never, true, never>;
+}
+
+declare class ActiveMarkerComponent {
+    readonly label: i0.InputSignal<string>;
+    readonly active: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ActiveMarkerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ActiveMarkerComponent, "dma-active-marker", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class AppTopBarSectionComponent {
+    readonly position: i0.InputSignalWithTransform<_dnd_mapp_shared_ui.SectionPosition, AttributeInput<_dnd_mapp_shared_ui.SectionPosition>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppTopBarSectionComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppTopBarSectionComponent, "dma-app-top-bar-section", never, { "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class AppTopBarComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AppTopBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AppTopBarComponent, "dma-app-top-bar", never, {}, {}, never, ["dma-app-top-bar-section"], true, never>;
+}
+
+declare const SectionPositions: {
+    readonly START: "start";
+    readonly END: "end";
+};
+type SectionPosition = (typeof SectionPositions)[keyof typeof SectionPositions];
+declare const DEFAULT_SECTION_POSITION: SectionPosition;
+declare function sectionPositionAttribute(value: AttributeInput<SectionPosition>): SectionPosition;
+
+declare class NavbarBrandComponent {
+    readonly imgSrc: i0.InputSignal<string>;
+    readonly brandName: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarBrandComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarBrandComponent, "dma-navbar-brand", never, { "imgSrc": { "alias": "imgSrc"; "required": true; "isSignal": true; }; "brandName": { "alias": "brandName"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NavbarLinkComponent implements OnInit {
+    private readonly router;
+    private readonly destroyRef;
+    readonly label: i0.InputSignal<string>;
+    readonly route: i0.InputSignal<string>;
+    protected isActive: Signal<boolean>;
+    ngOnInit(): void;
+    protected onClick(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarLinkComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarLinkComponent, "dma-navbar-link", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "route": { "alias": "route"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NavbarMenuComponent {
+    readonly toggleOnHover: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarMenuComponent, "dma-navbar-menu", never, { "toggleOnHover": { "alias": "toggleOnHover"; "required": false; "isSignal": true; }; }, {}, never, ["[dmaDropdownTrigger]", "[dmaDropdownMenu]"], true, never>;
+}
+
+declare class NavbarComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "nav[dma-navbar]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalRuleComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalRuleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalRuleComponent, "dma-vr", never, {}, {}, never, never, true, never>;
+}
+
+export { ActiveMarkerComponent, AngleDownSoIcon, AngleUpSoIcon, AppTopBarComponent, AppTopBarSectionComponent, ArrowRotateLeftSoIcon, BookOpenSoIcon, BoxSoIcon, ButtonColors, ButtonComponent, CheckSoIcon, CircleUserSoIcon, CloneReIcon, CloneSoIcon, DEFAULT_BUTTON_COLOR, DEFAULT_DROPDOWN_POSITIONS, DEFAULT_SECTION_POSITION, DropdownAnchorDirective, DropdownContainerComponent, DropdownMenuDirective, DropdownTriggerDirective, EyeReIcon, EyeSlashReIcon, EyeSlashSoIcon, EyeSoIcon, FileLinesReIcon, FileLinesSoIcon, FileReIcon, FileSoIcon, FloppyDiskReIcon, FloppyDiskSoIcon, InputComponent, LeadingIconDirective, NavbarBrandComponent, NavbarComponent, NavbarLinkComponent, NavbarMenuComponent, PlusSoIcon, SectionPositions, TrailingIconDirective, TrashCanReIcon, TrashCanSoIcon, TrashSoIcon, UsersSoIcon, VerticalRuleComponent, WandMagicSparklesSoIcon, XmarkSoIcon, buttonColorAttribute, sectionPositionAttribute };
+export type { ButtonColor, SectionPosition };