@starasia/admin 14.57.2 → 14.58.0

package/dist/components/AppLayout/NavRail.d.ts

@@ -12,7 +12,10 @@ export declare const navRailWidth: (showLabels: boolean) => "var(--app-header-he
 export interface NavRailProps {
     items: SidebarRailItem[];
     bottomItems?: SidebarRailAction[];
+    /** Item rail yang dipilih (filter panel). */
     activeKey: string;
+    /** Item rail yang memuat halaman aktif — diberi garis lokasi. */
+    locationKey?: string;
     onSelect: (key: string) => void;
     onAction: (item: SidebarRailAction) => void;
     logo: string;
@@ -28,14 +31,18 @@ export interface NavRailProps {
  * Rail navigasi desktop — kolom ikon di kiri panel sidebar. Dirakit oleh
  * `AppLayout` saat prop `rail` diisi; consumer tidak merender ini sendiri.
  */
-export declare function NavRail({ items, bottomItems, activeKey, onSelect, onAction, logo, panelCollapsed, onExpandPanel, showLabels, theme, }: NavRailProps): React.JSX.Element;
+export declare function NavRail({ items, bottomItems, activeKey, locationKey, onSelect, onAction, logo, panelCollapsed, onExpandPanel, showLabels, theme, }: NavRailProps): React.JSX.Element;
 export interface MobileRailTabsProps {
     items: SidebarRailItem[];
+    /** Tab yang dipilih (filter panel). */
     activeKey: string;
+    /** Tab yang memuat halaman aktif — diberi garis lokasi di bawah label. */
+    locationKey?: string;
     onSelect: (key: string) => void;
 }
 /**
  * Pengganti rail di mobile: baris tab horizontal (scroll) di atas menu drawer.
- * Kolom rail vertikal terlalu memakan lebar drawer di layar kecil.
+ * Kolom rail vertikal terlalu memakan lebar drawer di layar kecil. Sinyalnya
+ * sama dengan rail desktop: tab terpilih = latar netral, lokasi = garis brand.
  */
-export declare function MobileRailTabs({ items, activeKey, onSelect }: MobileRailTabsProps): React.JSX.Element;
+export declare function MobileRailTabs({ items, activeKey, locationKey, onSelect, }: MobileRailTabsProps): React.JSX.Element;

package/dist/components/AppLayout/sidebarTokens.d.ts

@@ -1,5 +1,5 @@
 /**
- * Token permukaan sidebar `AppLayout` — bisa di-set app di CSS tanpa layer, mis.
+ * Token sidebar `AppLayout` — bisa di-set app di CSS tanpa layer, mis.
  *
  *   :root {
  *     --sa-app-sidebar-bg: #1c2627;
@@ -7,17 +7,12 @@
  *     --sa-app-sidebar-active-fg: #ffffff;
  *   }
  *
- * Fallback = tampilan bawaan, jadi tanpa token tidak ada yang berubah.
+ * Tanpa token = tampilan bawaan.
+ *
+ * Token status menu (`--sa-app-sidebar-active-*` untuk lokasi/halaman aktif,
+ * `--sa-app-sidebar-group-active-fg`, `--sa-app-sidebar-rail-selected-*` untuk
+ * filter rail) dipakai di `app-layout.module.css` — daftar & default-nya ada
+ * di header file itu.
  */
 /** Latar panel sidebar, footer, & rail. */
 export declare const SIDEBAR_BG = "var(--sa-app-sidebar-bg, var(--sa-background-primary-inverse))";
-/**
- * Item navigasi AKTIF di sidebar & rail (menu induk, sub-menu, tombol rail, tab rail
- * mobile). Dipasang inline hanya saat aktif; item aktif juga diberi `data-active`.
- * Fallback = nilai lama (`bg="white"` → `--sa-background-primary`, teks primary,
- * border subtle, tanpa bayangan).
- */
-export declare const SIDEBAR_ACTIVE_BG = "var(--sa-app-sidebar-active-bg, var(--sa-background-primary, #ffffff))";
-export declare const SIDEBAR_ACTIVE_FG = "var(--sa-app-sidebar-active-fg, var(--sa-text-primary, #292a2e))";
-export declare const SIDEBAR_ACTIVE_BORDER = "var(--sa-app-sidebar-active-border, var(--sa-border-subtle, #0b120e24))";
-export declare const SIDEBAR_ACTIVE_SHADOW = "var(--sa-app-sidebar-active-shadow, none)";