@ojiepermana/angular-navigation 22.0.32 → 22.0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ojiepermana/angular-navigation",
-  "version": "22.0.32",
+  "version": "22.0.33",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/edsis/angular.git"
@@ -13,7 +13,7 @@
     "@angular/common": ">=22.0.0",
     "@angular/core": ">=22.0.0",
     "@angular/router": ">=22.0.0",
-    "@ojiepermana/angular-component": "^22.0.32",
+    "@ojiepermana/angular-component": "^22.0.33",
     "rxjs": ">=7.8.0"
   },
   "dependencies": {

package/types/ojiepermana-angular-navigation-service.d.ts

@@ -131,7 +131,6 @@ declare class NavigationService {
     private resolveDockbarMode;
     private persistState;
     private defaultType;
-    private cleanupLegacyStorage;
     private storage;
     private readStorage;
     private readInstanceStorage;
@@ -139,13 +138,10 @@ declare class NavigationService {
     private writeStorage;
     private removeStorage;
     private clearInstanceStorage;
-    private migrateLegacyPersistedStorage;
     private instanceStorageKey;
     private persistedStorageKey;
     private persistedTypeMode;
-    private resolveLegacyTypeMode;
     private shouldPersistInstanceState;
-    private isLegacyInstanceStorageKey;
     private isPersistedTypeMode;
     private normalizeId;
     private withoutKey;

package/types/ojiepermana-angular-navigation.d.ts

@@ -8,11 +8,13 @@ type NavigationVerticalType = 'sidebar' | 'dockbar';
 type NavigationHorizontalType = 'navbar' | 'flyout';
 type NavigationType = NavigationVerticalType | NavigationHorizontalType;
 type NavigationCollapseTree = 'stairs' | 'straight';
-type NavigationTypeStyle = 'default' | 'border-rail';
+type NavigationAppearance = 'flat' | 'border-rail';
 type NavigationVerticalPosition = 'left' | 'right';
 type NavigationHorizontalPosition = 'top' | 'bottom';
 type NavigationPosition = NavigationVerticalPosition | NavigationHorizontalPosition;
 type NavigationFlyoutIconPosition = 'start' | 'end';
+/** Bentuk visual tombol trigger flyout: `button` (pil), `link` (gaya tautan), `plain` (ghost). */
+type NavigationFlyoutTriggerVariant = 'button' | 'link' | 'plain';
 type NavigationDockbarMode = 'drawer' | 'sticky';
 interface NavigationRegisterInput {
     readonly id: string;
@@ -122,7 +124,7 @@ interface NavigationTypeConfig {
     readonly dockbarMode?: Signal<NavigationDockbarMode | null>;
     readonly sidebarCollapse?: Signal<boolean>;
     readonly previewExpanded?: Signal<boolean>;
-    readonly typeStyle?: Signal<NavigationTypeStyle>;
+    readonly typeStyle?: Signal<NavigationAppearance>;
     readonly flyoutLabel?: Signal<string>;
     /** Nama Material Symbols untuk trigger flyout; `null` = tanpa ikon (label saja). */
     readonly flyoutIcon?: Signal<string | null>;
@@ -130,6 +132,12 @@ interface NavigationTypeConfig {
     readonly flyoutIconOnly?: Signal<boolean>;
     /** Penempatan ikon relatif terhadap label trigger flyout. */
     readonly flyoutIconPosition?: Signal<NavigationFlyoutIconPosition>;
+    /** Bentuk visual tombol trigger flyout: `button` (pil) | `link` | `plain` (ghost). */
+    readonly flyoutTriggerVariant?: Signal<NavigationFlyoutTriggerVariant>;
+    /** Trigger flyout mengambang (`fixed`) alih-alih mengalir di dalam bar/div. */
+    readonly flyoutTriggerFloating?: Signal<boolean>;
+    /** Kelas Tailwind tambahan untuk host trigger flyout (posisi pojok floating / override wrapper). */
+    readonly flyoutTriggerClass?: Signal<string>;
 }
 
 interface NavigationShellContext {
@@ -158,7 +166,6 @@ interface NavigationShellContext {
 declare class NavigationContainerComponent implements NavigationShellContext {
     readonly navId: _angular_core.InputSignal<string>;
     readonly data: _angular_core.InputSignal<readonly NavigationItem[]>;
-    readonly items: _angular_core.InputSignal<readonly NavigationItem[]>;
     readonly ariaLabel: _angular_core.InputSignal<string>;
     readonly compact: _angular_core.InputSignal<boolean>;
     readonly collapseTree: _angular_core.InputSignal<NavigationCollapseTree>;
@@ -181,11 +188,14 @@ declare class NavigationContainerComponent implements NavigationShellContext {
     private readonly dockbarModePreference;
     private readonly sidebarCollapse;
     private readonly previewExpanded;
-    readonly typeStyle: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationTypeStyle>;
+    readonly typeStyle: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationAppearance>;
     readonly flyoutLabel: _angular_core.Signal<string>;
     readonly flyoutIcon: _angular_core.Signal<string | null>;
     readonly flyoutIconOnly: _angular_core.Signal<boolean>;
     readonly flyoutIconPosition: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationFlyoutIconPosition>;
+    readonly flyoutTriggerVariant: _angular_core.Signal<_ojiepermana_angular_navigation.NavigationFlyoutTriggerVariant>;
+    readonly flyoutTriggerFloating: _angular_core.Signal<boolean>;
+    readonly flyoutTriggerClass: _angular_core.Signal<string>;
     private readonly controller;
     readonly iconTemplate: _angular_core.Signal<NavigationIconDirective | undefined>;
     readonly normalizedItems: _angular_core.Signal<readonly _ojiepermana_angular_navigation.NavigationNormalizedItem[]>;
@@ -209,7 +219,7 @@ declare class NavigationContainerComponent implements NavigationShellContext {
     toggleCollapsed(): void;
     protected setHoverPreview(value: boolean): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationContainerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContainerComponent, "Navigation", never, { "navId": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "collapseTree": { "alias": "collapse-tree"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "groupClass": { "alias": "nav-group-class"; "required": false; "isSignal": true; }; "activeIds": { "alias": "activeIds"; "required": false; "isSignal": true; }; "activeUrl": { "alias": "activeUrl"; "required": false; "isSignal": true; }; "openedIds": { "alias": "openedIds"; "required": false; "isSignal": true; }; }, { "openedIds": "openedIdsChange"; "itemSelected": "itemSelected"; }, ["iconTemplate"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContainerComponent, "Navigation", never, { "navId": { "alias": "id"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "collapseTree": { "alias": "collapse-tree"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; "itemClass": { "alias": "itemClass"; "required": false; "isSignal": true; }; "groupClass": { "alias": "nav-group-class"; "required": false; "isSignal": true; }; "activeIds": { "alias": "activeIds"; "required": false; "isSignal": true; }; "activeUrl": { "alias": "activeUrl"; "required": false; "isSignal": true; }; "openedIds": { "alias": "openedIds"; "required": false; "isSignal": true; }; }, { "openedIds": "openedIdsChange"; "itemSelected": "itemSelected"; }, ["iconTemplate"], ["*"], true, never>;
 }
 
 /**
@@ -222,7 +232,7 @@ declare class NavigationContentComponent {
     readonly class: _angular_core.InputSignal<string>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationContentComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContentComponent, "NavigationContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationContentComponent, "NavigationContent", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["NavigationHeader", "NavigationFooter"], true, never>;
 }
 
 declare class NavigationFooterComponent {
@@ -244,7 +254,13 @@ declare class NavigationHeaderComponent {
     protected readonly showToggle: _angular_core.Signal<boolean>;
     protected readonly toggleAriaLabel: _angular_core.Signal<"Expand navigation" | "Collapse navigation">;
     protected readonly toggleIconName: _angular_core.Signal<"left_panel_open" | "left_panel_close">;
-    protected readonly contentClasses: _angular_core.Signal<"min-w-0" | "min-w-0 flex-1">;
+    /**
+     * Baris isi header. Saat collapsed/dockbar (vertical) isi (inisial/ikon) dipusatkan di tengah
+     * rail agar simetris dengan ikon nav-item di bawahnya (yang juga center di rail); selain itu kiri
+     * dengan padding `px-3`.
+     */
+    protected readonly rowClasses: _angular_core.Signal<string>;
+    protected readonly contentClasses: _angular_core.Signal<"flex min-w-0 items-center gap-3" | "flex min-w-0 items-center justify-center" | "flex min-w-0 flex-1 items-center gap-3">;
     protected readonly hostClasses: _angular_core.Signal<string>;
     protected toggleCollapsed(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationHeaderComponent, never>;
@@ -303,7 +319,7 @@ declare class NavigationNavbarComponent {
     private readonly destroyRef;
     /** Posisi bar terhadap konten layout: `top` (default) atau `bottom` — panel grid membuka ke arah sebaliknya. */
     readonly position: _angular_core.InputSignal<NavigationHorizontalPosition | null>;
-    readonly typeStyle: _angular_core.InputSignal<NavigationTypeStyle>;
+    readonly typeStyle: _angular_core.InputSignal<NavigationAppearance>;
     readonly class: _angular_core.InputSignal<string>;
     protected readonly headerSlot: _angular_core.Signal<NavigationHeaderComponent | undefined>;
     protected readonly contentSlot: _angular_core.Signal<NavigationContentComponent | undefined>;
@@ -311,7 +327,7 @@ declare class NavigationNavbarComponent {
     protected readonly hostClasses: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationNavbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationNavbarComponent, "NavigationNavbar", never, { "position": { "alias": "nav-position"; "required": false; "isSignal": true; }; "typeStyle": { "alias": "nav-type-style"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationNavbarComponent, "NavigationNavbar", never, { "position": { "alias": "nav-position"; "required": false; "isSignal": true; }; "typeStyle": { "alias": "nav-appearance"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
 }
 
 /**
@@ -329,17 +345,28 @@ declare class NavigationFlyoutComponent {
     readonly iconOnly: _angular_core.InputSignalWithTransform<boolean, unknown>;
     /** Penempatan ikon relatif terhadap label: `start` (default) atau `end`. */
     readonly iconPosition: _angular_core.InputSignal<NavigationFlyoutIconPosition>;
+    /** Bentuk visual tombol trigger: `button` (pil, default) | `link` | `plain` (ghost). */
+    readonly triggerVariant: _angular_core.InputSignal<NavigationFlyoutTriggerVariant>;
+    /**
+     * Trigger mengambang (`fixed`) alih-alih mengalir di dalam bar/div. Default pojok kanan-atas;
+     * pakai `trigger-class` untuk pindah pojok (mis. `bottom-6 right-6 top-auto`).
+     *
+     * Catatan: `position: fixed` ber-anchor ke viewport HANYA bila tak ada ancestor pembentuk
+     * containing block. Di dalam `<Layout>` (frame-nya memakai `backdrop-blur`), trigger ber-anchor
+     * ke kotak konten frame (bukan viewport sebenarnya) dan bisa ter-clip oleh frame `overflow-hidden`.
+     * Untuk floating sebenar-viewport, tempatkan `<Navigation>` flyout di luar frame `<Layout>`.
+     */
+    readonly triggerFloating: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Kelas Tailwind untuk host trigger (posisi pojok floating / styling wrapper saat in-flow). */
+    readonly triggerClass: _angular_core.InputSignal<string>;
     /** Posisi bar terhadap konten layout: `top` (default) atau `bottom` — panel membuka ke arah sebaliknya. */
     readonly position: _angular_core.InputSignal<NavigationHorizontalPosition | null>;
-    readonly typeStyle: _angular_core.InputSignal<NavigationTypeStyle>;
+    readonly typeStyle: _angular_core.InputSignal<NavigationAppearance>;
     readonly class: _angular_core.InputSignal<string>;
-    protected readonly headerSlot: _angular_core.Signal<NavigationHeaderComponent | undefined>;
-    protected readonly contentSlot: _angular_core.Signal<NavigationContentComponent | undefined>;
-    protected readonly footerSlot: _angular_core.Signal<NavigationFooterComponent | undefined>;
     protected readonly hostClasses: _angular_core.Signal<string>;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFlyoutComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFlyoutComponent, "NavigationFlyout", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "icon-only"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "icon-position"; "required": false; "isSignal": true; }; "position": { "alias": "nav-position"; "required": false; "isSignal": true; }; "typeStyle": { "alias": "nav-type-style"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, ["headerSlot", "contentSlot", "footerSlot"], ["NavigationHeader", "NavigationContent", "NavigationFooter"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFlyoutComponent, "NavigationFlyout", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "icon-only"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "icon-position"; "required": false; "isSignal": true; }; "triggerVariant": { "alias": "trigger-variant"; "required": false; "isSignal": true; }; "triggerFloating": { "alias": "trigger-floating"; "required": false; "isSignal": true; }; "triggerClass": { "alias": "trigger-class"; "required": false; "isSignal": true; }; "position": { "alias": "nav-position"; "required": false; "isSignal": true; }; "typeStyle": { "alias": "nav-appearance"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["NavigationHeader", "NavigationFooter"], true, never>;
 }
 
 declare class NavigationCollapseRootDirective {
@@ -360,5 +387,110 @@ declare class NavigationCollapseExpandedDirective {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NavigationCollapseExpandedDirective, "[NavigationCollapseExpanded]", never, {}, {}, never, never, true, never>;
 }
 
-export { NavigationCollapseExpandedDirective, NavigationCollapseRootDirective, NavigationContainerComponent, NavigationContentComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterComponent, NavigationHeaderComponent, NavigationIconDirective, NavigationNavbarComponent, NavigationSidebarComponent, normalizeUiNavItems };
-export type { NavigationActionHandler, NavigationCollapseTree, NavigationDockbarMode, NavigationFlyoutIconPosition, NavigationHorizontalPosition, NavigationHorizontalType, NavigationIconContext, NavigationItem, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItemType, NavigationOrientation, NavigationPosition, NavigationRegisterInput, NavigationSelection, NavigationState, NavigationType, NavigationTypeConfig, NavigationTypeStyle, NavigationVerticalPosition, NavigationVerticalType, NavigationVisibilityHandler };
+/**
+ * Slot aksi di sisi kanan `NavigationFooter`. Selalu didorong ke kanan (`ml-auto`),
+ * rata tengah vertikal, dengan jarak antar-child otomatis (`gap`). Isi bebas dengan
+ * ikon, button, atau teks — mis. tombol logout.
+ *
+ * Otomatis disembunyikan saat sidebar vertical sedang collapsed (rail icon-only)
+ * agar tidak overflow; konsisten dengan `NavigationFooterTitle`.
+ */
+declare class NavigationFooterActionComponent {
+    private readonly shell;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly collapsed: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterActionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterActionComponent, "NavigationFooterAction", never, { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+/**
+ * Blok avatar/inisial untuk slot `NavigationFooter` (profil user). Sama seperti
+ * `NavigationHeaderInitial` tetapi default-nya bulat (rounded-full) sesuai
+ * konvensi avatar user. Consumer cukup memberi `name`; inisial diturunkan
+ * otomatis. Beri `src` untuk foto, `icon` untuk material symbol, atau `initials`
+ * untuk override.
+ *
+ * Tetap tampil saat sidebar collapsed; pasangannya `NavigationFooterTitle` yang
+ * menyembunyikan diri.
+ */
+declare class NavigationFooterInitialComponent {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string | null>;
+    readonly initials: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly resolvedInitials: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterInitialComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterInitialComponent, "NavigationFooterInitial", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Judul + subjudul untuk slot `NavigationFooter` (mis. nama + email user).
+ * Otomatis disembunyikan saat sidebar vertical sedang collapsed (rail icon-only)
+ * dengan membaca `NAVIGATION_SHELL`.
+ */
+declare class NavigationFooterTitleComponent {
+    private readonly shell;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly collapsed: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationFooterTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationFooterTitleComponent, "NavigationFooterTitle", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Blok avatar/inisial untuk slot `NavigationHeader` (brand/logo). Consumer cukup
+ * memberi `name`; inisial diturunkan otomatis ("Ojie Permana" → "OP"). Beri `src`
+ * untuk gambar, `icon` (material symbol) sebagai ganti inisial, atau `initials`
+ * untuk override manual.
+ *
+ * Selalu tampil baik saat sidebar expanded maupun collapsed karena ukurannya muat
+ * di rail icon-only — pasangannya, `NavigationHeaderTitle`, yang menyembunyikan
+ * diri saat collapsed.
+ */
+declare class NavigationHeaderInitialComponent {
+    readonly name: _angular_core.InputSignal<string>;
+    readonly src: _angular_core.InputSignal<string | null>;
+    readonly initials: _angular_core.InputSignal<string | null>;
+    readonly icon: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly resolvedInitials: _angular_core.Signal<string>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationHeaderInitialComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationHeaderInitialComponent, "NavigationHeaderInitial", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "initials": { "alias": "initials"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Judul + subjudul untuk slot `NavigationHeader`. Otomatis disembunyikan saat
+ * sidebar vertical sedang collapsed (rail icon-only) dengan membaca
+ * `NAVIGATION_SHELL` — consumer tidak perlu mengelola state collapse sendiri.
+ */
+declare class NavigationHeaderTitleComponent {
+    private readonly shell;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly subtitle: _angular_core.InputSignal<string | null>;
+    readonly class: _angular_core.InputSignal<string>;
+    protected readonly collapsed: _angular_core.Signal<boolean>;
+    protected readonly hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NavigationHeaderTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NavigationHeaderTitleComponent, "NavigationHeaderTitle", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Turunkan inisial ringkas dari sebuah nama untuk avatar fallback.
+ *
+ *   "Ojie Permana" → "OP"
+ *   "Ojiepermana"  → "OJ"
+ *   ""             → ""
+ *
+ * Mengambil huruf depan kata pertama dan kata terakhir; bila hanya satu kata,
+ * memakai dua huruf pertamanya.
+ */
+declare function deriveNavigationInitials(name: string): string;
+
+export { NavigationCollapseExpandedDirective, NavigationCollapseRootDirective, NavigationContainerComponent, NavigationContentComponent, NavigationDockbarComponent, NavigationFlyoutComponent, NavigationFooterActionComponent, NavigationFooterComponent, NavigationFooterInitialComponent, NavigationFooterTitleComponent, NavigationHeaderComponent, NavigationHeaderInitialComponent, NavigationHeaderTitleComponent, NavigationIconDirective, NavigationNavbarComponent, NavigationSidebarComponent, deriveNavigationInitials, normalizeUiNavItems };
+export type { NavigationActionHandler, NavigationAppearance, NavigationCollapseTree, NavigationDockbarMode, NavigationFlyoutIconPosition, NavigationFlyoutTriggerVariant, NavigationHorizontalPosition, NavigationHorizontalType, NavigationIconContext, NavigationItem, NavigationItemBadge, NavigationItemClasses, NavigationItemType, NavigationLink, NavigationNormalizedItem, NavigationNormalizedItemType, NavigationOrientation, NavigationPosition, NavigationRegisterInput, NavigationSelection, NavigationState, NavigationType, NavigationTypeConfig, NavigationVerticalPosition, NavigationVerticalType, NavigationVisibilityHandler };