@starasia/admin 14.55.1 → 14.57.0

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

@@ -21,12 +21,14 @@ export interface NavRailProps {
     onExpandPanel: () => void;
     /** @default true */
     showLabels?: boolean;
+    /** Tema rail — diteruskan dari `AppLayout` `sidebarTheme`. */
+    theme?: "light" | "dark";
 }
 /**
  * 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, }: NavRailProps): React.JSX.Element;
+export declare function NavRail({ items, bottomItems, activeKey, onSelect, onAction, logo, panelCollapsed, onExpandPanel, showLabels, theme, }: NavRailProps): React.JSX.Element;
 export interface MobileRailTabsProps {
     items: SidebarRailItem[];
     activeKey: string;

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

@@ -89,7 +89,23 @@ interface AppLayoutProps {
      * drawer. Tanpa prop ini layout sama persis dengan sebelumnya.
      */
     rail?: SidebarRailConfig;
+    /**
+     * Tema panel sidebar (+ rail & footer-nya), terlepas dari tema halaman.
+     * `"dark"` memasang `data-theme="dark"` di elemen sidebar, jadi SEMUA token
+     * di dalamnya (teks, ikon, border, hover, menu aktif, input pencarian) ikut
+     * versi gelap — mis. sidebar gelap di atas konten terang. Dropdown/menu yang
+     * di-portal ke `document.body` tetap mengikuti tema halaman.
+     *
+     * Warna latar sidebar diatur token `--sa-app-sidebar-bg` (default
+     * `--sa-background-primary-inverse` dari tema yang berlaku), mis.
+     * `:root { --sa-app-sidebar-bg: #111820; }`.
+     *
+     * Tidak diisi → sidebar mengikuti tema halaman (perilaku lama).
+     */
+    sidebarTheme?: SidebarTheme;
 }
+/** Tema panel sidebar `AppLayout` — lihat prop `sidebarTheme`. */
+export type SidebarTheme = "light" | "dark";
 /**
  * AppLayout - Main application layout component based on workspace pattern
  * Features:
@@ -103,5 +119,5 @@ interface AppLayoutProps {
  * - 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, }: AppLayoutProps): React.JSX.Element;
+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 {};

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

@@ -0,0 +1,23 @@
+/**
+ * Token permukaan sidebar `AppLayout` — bisa di-set app di CSS tanpa layer, mis.
+ *
+ *   :root {
+ *     --sa-app-sidebar-bg: #1c2627;
+ *     --sa-app-sidebar-active-bg: #c8102e;
+ *     --sa-app-sidebar-active-fg: #ffffff;
+ *   }
+ *
+ * Fallback = tampilan bawaan, jadi tanpa token tidak ada yang berubah.
+ */
+/** 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)";