@starasia/admin 14.30.0 → 14.32.0

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

@@ -0,0 +1,39 @@
+import { default as React } from 'react';
+import { SidebarRailAction, SidebarRailItem } from '../../types';
+
+/** Lebar kolom rail (desktop). Cukup untuk label ±8 karakter di bawah ikon. */
+export declare const NAV_RAIL_WIDTH = "4.5rem";
+/**
+ * Lebar rail tanpa label (`showLabels: false`) = tinggi header, sama dengan
+ * icon rail lama — sel logo tetap bujur sangkar.
+ */
+export declare const NAV_RAIL_COMPACT_WIDTH = "var(--app-header-height, 4rem)";
+export declare const navRailWidth: (showLabels: boolean) => "var(--app-header-height, 4rem)" | "4.5rem";
+export interface NavRailProps {
+    items: SidebarRailItem[];
+    bottomItems?: SidebarRailAction[];
+    activeKey: string;
+    onSelect: (key: string) => void;
+    onAction: (item: SidebarRailAction) => void;
+    logo: string;
+    /** Panel sidebar sedang tersembunyi (hanya rail yang tampil). */
+    panelCollapsed: boolean;
+    onExpandPanel: () => void;
+    /** @default true */
+    showLabels?: boolean;
+}
+/**
+ * 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 interface MobileRailTabsProps {
+    items: SidebarRailItem[];
+    activeKey: 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.
+ */
+export declare function MobileRailTabs({ items, activeKey, onSelect }: MobileRailTabsProps): React.JSX.Element;

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

@@ -1,6 +1,7 @@
 import { default as React, ReactNode } from 'react';
 import { IconName } from '@starasia/icon';
 import { SidebarHeaderSlotChildren } from '../SidebarHeaderSlot';
+import { SidebarRailConfig } from '../../types';
 
 /**
  * Item tombol di profile menu body. Multiple item bisa di-pass via
@@ -72,6 +73,17 @@ interface AppLayoutProps {
      * @default true
      */
     resizableSidebar?: boolean;
+    /**
+     * Rail navigasi: kolom ikon di kiri panel sidebar (pola ClickUp/Slack).
+     * Item rail memfilter group yang tampil di panel lewat `groupIds`; item tanpa
+     * `groupIds` menampilkan semua group. Item aktif mengikuti route — buka URL
+     * yang group-nya ada di item lain dan rail pindah sendiri.
+     *
+     * Saat aktif: collapse menyembunyikan panel (rail tetap), filter
+     * `useModuleSelection` diabaikan, dan di mobile rail jadi tab horizontal di
+     * drawer. Tanpa prop ini layout sama persis dengan sebelumnya.
+     */
+    rail?: SidebarRailConfig;
 }
 /**
  * AppLayout - Main application layout component based on workspace pattern
@@ -86,5 +98,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, }: AppLayoutProps): React.JSX.Element;
+export declare function AppLayout({ children, headerLeftSlot, profile, isLoadingProfile, onLogout, isLoggingOut, loadingComponent, sidebarHeaderContent, headerActions, profileRole, profileMenuButtons, profileMenuItems, logoutButton, resizableSidebar, rail, }: AppLayoutProps): React.JSX.Element;
 export {};