@starasia/admin 14.57.2 → 14.59.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/index.d.ts

@@ -78,6 +78,20 @@ interface AppLayoutProps {
      * @default true
      */
     resizableSidebar?: boolean;
+    /**
+     * Group menu (modul) di panel bisa dilipat lewat judulnya — sidebar panjang
+     * jadi daftar nama modul + isi modul yang dibuka. Group yang memuat halaman
+     * aktif terbuka otomatis saat halamannya dibuka; group lain terlipat sampai
+     * dibuka user, dan tidak pernah terlipat otomatis (daftar tidak meloncat
+     * setelah klik). Pilihan buka/lipat disimpan per app di localStorage. Group
+     * terlipat yang berisi badge menampilkan titik di judulnya.
+     *
+     * Hanya berlaku saat panel menampilkan lebih dari satu group, dan tidak di
+     * icon rail. Jangan dipakai bersama filter teks menu buatan app — hasil
+     * filter bisa tersembunyi di group yang terlipat.
+     * @default false
+     */
+    collapsibleGroups?: boolean;
     /**
      * Rail navigasi: kolom ikon di kiri panel sidebar (pola ClickUp/Slack).
      * Item rail memfilter group yang tampil di panel lewat `groupIds`; item tanpa
@@ -119,5 +133,5 @@ export type SidebarTheme = "light" | "dark";
  * - Embed mode for iframes
  * - Header actions slot for caller-composed controls (e.g. ModuleSwitcher)
  */
-export declare function AppLayout({ children, headerLeftSlot, profile, isLoadingProfile, onLogout, isLoggingOut, loadingComponent, sidebarHeaderContent, headerActions, profileRole, profileMenuButtons, profileMenuItems, logoutButton, resizableSidebar, rail, sidebarTheme, }: AppLayoutProps): React.JSX.Element;
+export declare function AppLayout({ children, headerLeftSlot, profile, isLoadingProfile, onLogout, isLoggingOut, loadingComponent, sidebarHeaderContent, headerActions, profileRole, profileMenuButtons, profileMenuItems, logoutButton, resizableSidebar, collapsibleGroups, rail, sidebarTheme, }: AppLayoutProps): React.JSX.Element;
 export {};

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)";