@starasia/admin 12.24.0 → 12.26.0

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

@@ -62,6 +62,15 @@ interface AppLayoutProps {
      * bertanggung jawab penuh atas footer & handler logout.
      */
     logoutButton?: ReactNode;
+    /**
+     * Enable drag-to-resize on the (expanded, desktop) sidebar. A handle on the
+     * right edge lets the user drag the width; the chosen width persists via
+     * `SidebarProvider` (localStorage). Dragging below the snap threshold
+     * collapses the sidebar to its icon rail. Configure bounds via
+     * `SidebarProvider` props (`defaultWidth`, `minWidth`, `maxWidth`).
+     * @default true
+     */
+    resizableSidebar?: boolean;
 }
 /**
  * AppLayout - Main application layout component based on workspace pattern
@@ -76,5 +85,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, }: AppLayoutProps): React.JSX.Element;
+export declare function AppLayout({ children, headerLeftSlot, profile, isLoadingProfile, onLogout, isLoggingOut, loadingComponent, sidebarHeaderContent, headerActions, profileRole, profileMenuButtons, profileMenuItems, logoutButton, resizableSidebar, }: AppLayoutProps): React.JSX.Element;
 export {};

package/dist/entries/App/sidebar.d.ts

@@ -1,5 +1,15 @@
 import { default as React, PropsWithChildren } from 'react';
 
+/** Default expanded sidebar width in px (16.375rem). */
+export declare const SIDEBAR_DEFAULT_WIDTH = 262;
+/**
+ * Smallest draggable expanded width in px. Equal to the default — the sidebar
+ * can be dragged WIDER than its default, never narrower. (To collapse, use the
+ * toggle or drag past the snap threshold.)
+ */
+export declare const SIDEBAR_MIN_WIDTH = 262;
+/** Largest draggable expanded width in px. */
+export declare const SIDEBAR_MAX_WIDTH = 480;
 export interface SidebarContextValue {
     /** Desktop sidebar collapsed (narrow rail) state. */
     collapsed: boolean;
@@ -11,6 +21,16 @@ export interface SidebarContextValue {
     collapse: () => void;
     /** Force-expand the desktop sidebar to full width. */
     expand: () => void;
+    /** Current expanded sidebar width in px (drag-resizable, persisted). */
+    width: number;
+    /** Set the expanded width (px); auto-clamped to [minWidth, maxWidth] + persisted. */
+    setWidth: (value: number | ((prev: number) => number)) => void;
+    /** Reset the expanded width back to the default. */
+    resetWidth: () => void;
+    /** Smallest allowed expanded width (px). */
+    minWidth: number;
+    /** Largest allowed expanded width (px). */
+    maxWidth: number;
     /** Mobile drawer open state (sidebar slides over the content). */
     mobileOpen: boolean;
     /** Set the mobile drawer open state directly (boolean or updater fn). */
@@ -25,6 +45,14 @@ export interface SidebarContextValue {
 export interface SidebarProviderProps extends PropsWithChildren {
     /** Initial desktop collapsed state. @default false */
     defaultCollapsed?: boolean;
+    /** Default expanded width in px, used before the user drags. @default 262 */
+    defaultWidth?: number;
+    /** Smallest draggable expanded width in px. @default 200 */
+    minWidth?: number;
+    /** Largest draggable expanded width in px. @default 480 */
+    maxWidth?: number;
+    /** localStorage key the chosen width is persisted under. @default "sa-sidebar-width" */
+    widthStorageKey?: string;
 }
 /**
  * Holds the AppLayout sidebar's collapse/expand (desktop) and drawer (mobile)
@@ -32,7 +60,7 @@ export interface SidebarProviderProps extends PropsWithChildren {
  * instead of prop-drilling. Mounted automatically by `<App>`, alongside
  * `SidebarBadgesProvider` — consumers don't need to render it themselves.
  */
-export declare const SidebarProvider: ({ children, defaultCollapsed, }: SidebarProviderProps) => React.JSX.Element;
+export declare const SidebarProvider: ({ children, defaultCollapsed, defaultWidth, minWidth, maxWidth, widthStorageKey, }: SidebarProviderProps) => React.JSX.Element;
 /**
  * Read & control the AppLayout sidebar.
  *