@dnd-mapp/shared-ui 1.1.0 → 2.0.1

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

@@ -4,44 +4,41 @@
 
 # Navbar Menu `dma-navbar-menu`
 
-The `Navbar Menu` is a specialized navigation component designed to trigger dropdown menus within a navigation bar. It integrates seamlessly with the library's dropdown system, supporting both click-based and hover-based interactions for improved user experience.
+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
 
-| Feature              | Details              |
-|----------------------|----------------------|
-| **Selector**         | `dma-navbar-menu`    |
-| **Format**           | Standalone Component |
-| **Change Detection** | `OnPush`             |
+- **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 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 { NavbarMenuComponent } from '@dnd-mapp/shared-ui';
+import { DropdownMenuDirective, DropdownTriggerDirective, NavbarMenuComponent } from '@dnd-mapp/shared-ui';
 
 @Component({
     selector: 'app-nav',
     template: `
-        <dma-navbar-menu [toggleOnHover]="true">
-            <ng-container ngProjectAs="dropdown-trigger">
-                <span>Products</span>
-            </ng-container>
-            <ng-container ngProjectAs="dropdown-menu">
+        <dma-navbar-menu toggleOnHover>
+            <span dmaDropdownTrigger>Products</span>
+            
+            <nav dmaDropdownMenu>
                 <a href="/link-1">Feature A</a>
                 <a href="/link-2">Feature B</a>
-            </ng-container>
+            </nav>
         </dma-navbar-menu>
     `,
     changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NavbarMenuComponent],
+    imports: [NavbarMenuComponent, DropdownTriggerDirective, DropdownMenuDirective],
 })
-export class NavComponent {
-}
+export class NavComponent {}
 ```
 
 ---
@@ -50,16 +47,16 @@ export class NavComponent {
 
 ### Inputs
 
-| Name            | Type      | Default | Description                                                                                                |
-|-----------------|-----------|---------|------------------------------------------------------------------------------------------------------------|
-| `toggleOnHover` | `boolean` | `false` | Whether the dropdown should open and close automatically when the mouse enters or leaves the trigger area. |
+| 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                                               |
-|--------------------|-----------------------------------------------------------|
-| `dropdown-trigger` | The element that acts as the button to toggle the menu.   |
-| `dropdown-menu`    | The container holding the navigation links or menu items. |
+| 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. |
 
 ---
 
@@ -67,55 +64,32 @@ export class NavComponent {
 
 ### Basic Click Toggle
 
-By default, the menu requires a click interaction to open, which is ideal for mobile-responsive headers or complex navigation.
-
-```ts
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { NavbarMenuComponent } from '@dnd-mapp/shared-ui';
+By default, the menu requires a click interaction. This is the recommended approach for accessibility and mobile compatibility.
 
-@Component({
-    selector: 'app-basic-nav',
-    template: `
-        <dma-navbar-menu>
-            <dropdown-trigger>Settings</dropdown-trigger>
-            <dropdown-menu>
-                <ul>
-                    <li>Profile</li>
-                    <li>Security</li>
-                </ul>
-            </dropdown-menu>
-        </dma-navbar-menu>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NavbarMenuComponent],
-})
-export class BasicNavComponent {
-}
+```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
 
-Use the `toggleOnHover` input to create a more fluid desktop navigation experience where menus appear instantly on mouseenter.
-
-```ts
-import { ChangeDetectionStrategy, Component } from '@angular/core';
-import { NavbarMenuComponent } from '@dnd-mapp/shared-ui';
-
-@Component({
-    selector: 'app-hover-nav',
-    template: `
-        <dma-navbar-menu toggleOnHover>
-            <ng-container ngProjectAs="dropdown-trigger">Resources</ng-container>
-            <ng-container ngProjectAs="dropdown-menu">
-                <nav-item>Documentation</nav-item>
-                <nav-item>API Reference</nav-item>
-            </ng-container>
-        </dma-navbar-menu>
-    `,
-    changeDetection: ChangeDetectionStrategy.OnPush,
-    imports: [NavbarMenuComponent],
-})
-export class HoverNavComponent {}
+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>
 ```
 
 ---

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

@@ -2,13 +2,14 @@
 
 ---
 
-# Vertical Rule Component (`dma-vr`)
+# 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.
 
@@ -53,11 +54,12 @@ For the divider to display correctly, the parent container should have a defined
 
 `dma-vr`
 
-### Visual Behavior
+### Technical Implementation
 
-- **Orientation**: Vertical.
-- **Color**: Preset to the design system's neutral palette.
-- **Thickness**: Single-pixel border (start-aligned).
+- **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.
 
 ---
 

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

@@ -17,11 +17,8 @@ declare function buttonColorAttribute(value: AttributeInput<ButtonColor>): Butto
 
 declare class ButtonComponent {
     readonly color: i0.InputSignalWithTransform<_dnd_mapp_shared_ui.ButtonColor, AttributeInput<_dnd_mapp_shared_ui.ButtonColor>>;
-    protected readonly isBase: i0.Signal<boolean>;
-    protected readonly isPrimary: i0.Signal<boolean>;
-    protected readonly isDanger: i0.Signal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[dma-button]", never, { "color": { "alias": "dma-button"; "required": false; "isSignal": true; }; }, {}, never, ["dma-leading-icon", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[dma-button]", never, { "color": { "alias": "dma-button"; "required": false; "isSignal": true; }; }, {}, never, ["[dmaLeadingIcon]", "*"], true, never>;
 }
 
 declare class DropdownAnchorDirective {
@@ -33,16 +30,18 @@ declare class DropdownAnchorDirective {
     readonly positions: i0.InputSignal<ConnectedPosition[]>;
     readonly toggleOnHover: i0.InputSignalWithTransform<boolean, unknown>;
     readonly dropdownToggle: i0.OutputEmitterRef<boolean>;
-    private readonly hideScheduler;
+    readonly dropdownOpen: i0.Signal<boolean>;
+    private readonly closeScheduler;
     private overlayRef;
     constructor();
-    show(): void;
-    scheduleHide(shouldHide: boolean): void;
+    open(): void;
+    close(): void;
+    scheduleClose(shouldClose: boolean): void;
     protected onClick(): void;
     protected onMouseenter(): void;
     protected onMouseleave(): void;
     private toggle;
-    private hide;
+    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>;
 }
@@ -55,6 +54,16 @@ declare class DropdownContainerComponent {
     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;
@@ -82,22 +91,155 @@ declare class InputComponent implements ControlValueAccessor {
     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 CircleUserIcon {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CircleUserIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CircleUserIcon, "dma-icon[dma-circle-user-icon]", never, {}, {}, 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>;
-    protected readonly inactive: i0.Signal<boolean>;
     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>>;
-    protected readonly positionedAtStart: i0.Signal<boolean>;
     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>;
 }
@@ -137,7 +279,7 @@ declare class NavbarLinkComponent implements OnInit {
 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, ["dropdown-trigger", "dropdown-menu"], true, 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 {
@@ -150,5 +292,5 @@ declare class VerticalRuleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<VerticalRuleComponent, "dma-vr", never, {}, {}, never, never, true, never>;
 }
 
-export { ActiveMarkerComponent, AppTopBarComponent, AppTopBarSectionComponent, ButtonColors, ButtonComponent, CircleUserIcon, DEFAULT_BUTTON_COLOR, DEFAULT_DROPDOWN_POSITIONS, DEFAULT_SECTION_POSITION, DropdownAnchorDirective, DropdownContainerComponent, InputComponent, NavbarBrandComponent, NavbarComponent, NavbarLinkComponent, NavbarMenuComponent, SectionPositions, VerticalRuleComponent, buttonColorAttribute, sectionPositionAttribute };
+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 };

package/assets/styles/main.css

@@ -1,6 +0,0 @@
-@reference 'tailwindcss';
-
-html,
-body {
-    @apply text-neutral-900 bg-neutral-100 p-0!;
-}