ezux 1.1.13 → 1.1.18

package/dist/components/EzKanban/state/kanban.store.d.ts

@@ -0,0 +1,33 @@
+import { Store } from '@tanstack/store';
+import { KanbanBoard, KanbanCard, KanbanColumn, FilterConfig } from '../EzKanban.types';
+export interface KanbanState {
+    board: KanbanBoard;
+    selectedCards: string[];
+    selectedColumnId: string | null;
+    view: 'standard' | 'swimlane' | 'timeline';
+    searchQuery: string;
+    activeFilters: FilterConfig;
+    history: KanbanBoard[];
+    historyIndex: number;
+}
+export declare const createKanbanStore: (initialBoard: KanbanBoard, initialView?: "standard" | "swimlane" | "timeline") => Store<KanbanState, never>;
+export declare const createKanbanActions: (store: Store<KanbanState>) => {
+    setBoard: (board: KanbanBoard) => void;
+    addCard: (card: KanbanCard) => void;
+    updateCard: (cardId: string, updates: Partial<KanbanCard>) => void;
+    deleteCard: (cardId: string) => void;
+    moveCard: (cardId: string, targetColumnId: string) => void;
+    addColumn: (column: KanbanColumn) => void;
+    updateColumn: (columnId: string, updates: Partial<KanbanColumn>) => void;
+    deleteColumn: (columnId: string) => void;
+    setSelectedCards: (cardIds: string[]) => void;
+    setSelectedColumnId: (columnId: string | null) => void;
+    setView: (view: "standard" | "swimlane" | "timeline") => void;
+    setSearchQuery: (query: string) => void;
+    setActiveFilters: (filters: FilterConfig) => void;
+    undo: () => void;
+    redo: () => void;
+    canUndo: () => boolean;
+    canRedo: () => boolean;
+};
+export type KanbanActions = ReturnType<typeof createKanbanActions>;

package/dist/components/EzKanban/useEzKanban.d.ts

@@ -0,0 +1,87 @@
+import { EzKanbanProps, EzKanbanRef, KanbanCard } from './EzKanban.types';
+/**
+ * The main orchestrator hook for EzKanban.
+ *
+ * This hook coordinates specialized sub-hooks for board state, card management,
+ * column management, swimlanes, filtering, and drag-and-drop.
+ *
+ * @param props Props for the EzKanban component.
+ * @param extraApi Optional API methods to merge into the returned object.
+ * @group Hooks
+ */
+export declare const useEzKanban: <TCard = KanbanCard>(props: EzKanbanProps, extraApi?: Record<string, unknown>) => {
+    state: {
+        board: import('./EzKanban.types').KanbanBoard;
+        selectedCards: string[];
+        highlightedCardId: string | null;
+        selectedColumnId: string | null;
+        view: "standard" | "timeline" | "swimlane";
+        draggedCard: KanbanCard | null;
+        dragOverColumn: string | null;
+        filteredCards: KanbanCard[];
+        searchQuery: string;
+        activeFilters: import('./EzKanban.types').FilterConfig;
+        selectedIndex: number;
+        canUndo: boolean;
+        canRedo: boolean;
+    };
+    actions: {
+        setBoard: (board: import('./EzKanban.types').KanbanBoard) => void;
+        setSelectedCards: (cardIds: string[]) => void;
+        setSelectedColumnId: (columnId: string | null) => void;
+        setView: (view: "standard" | "swimlane" | "timeline") => void;
+        createCard: (draft: Partial<KanbanCard>) => Promise<KanbanCard>;
+        updateCard: (cardId: string, updates: Partial<KanbanCard>) => Promise<{
+            cardId: string;
+            updates: Partial<KanbanCard>;
+        }>;
+        deleteCard: (cardId: string) => Promise<string>;
+        moveCard: (cardId: string, targetColumnId: string, targetSwimlaneId?: string, targetPosition?: number) => Promise<void>;
+        duplicateCard: (cardId: string) => Promise<KanbanCard>;
+        archiveCard: (cardId: string) => Promise<{
+            cardId: string;
+            updates: Partial<KanbanCard>;
+        }>;
+        restoreCard: (cardId: string) => Promise<{
+            cardId: string;
+            updates: Partial<KanbanCard>;
+        }>;
+        createColumn: (draft: Partial<import('./EzKanban.types').KanbanColumn>) => Promise<import('./EzKanban.types').KanbanColumn>;
+        updateColumn: (columnId: string, updates: Partial<import('./EzKanban.types').KanbanColumn>) => Promise<{
+            columnId: string;
+            updates: Partial<import('./EzKanban.types').KanbanColumn>;
+        }>;
+        deleteColumn: (columnId: string) => Promise<string>;
+        reorderColumns: (columnIds: string[]) => Promise<string[]>;
+        collapseColumn: (columnId: string) => void;
+        expandColumn: (columnId: string) => void;
+        createSwimlane: (draft: Partial<import('./EzKanban.types').KanbanSwimlane>) => Promise<import('./EzKanban.types').KanbanSwimlane>;
+        updateSwimlane: (swimlaneId: string, updates: Partial<import('./EzKanban.types').KanbanSwimlane>) => Promise<{
+            swimlaneId: string;
+            updates: Partial<import('./EzKanban.types').KanbanSwimlane>;
+        }>;
+        deleteSwimlane: (swimlaneId: string) => Promise<string>;
+        reorderSwimlanes: (swimlaneIds: string[]) => Promise<string[]>;
+        collapseSwimlane: (swimlaneId: string) => void;
+        expandSwimlane: (swimlaneId: string) => void;
+        handleDragStart: (card: KanbanCard) => void;
+        handleDragOver: (columnId: string, swimlaneId?: string) => void;
+        handleDragEnd: () => void;
+        handleDrop: (targetColumnId: string, targetSwimlaneId?: string, targetPosition?: number) => void;
+        setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
+        setActiveFilters: import('react').Dispatch<import('react').SetStateAction<import('./EzKanban.types').FilterConfig>>;
+        clearFilters: () => void;
+        setSelectedIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+        undo: () => void;
+        redo: () => void;
+    };
+    services: {
+        serviceRegistry: null;
+    };
+    imperativeAPI: EzKanbanRef<TCard>;
+    dir: "ltr" | "rtl";
+    baseApi: {
+        showSpinner: () => void;
+        hideSpinner: () => void;
+    };
+};

package/dist/components/EzKanban/views/KanbanTimelineView.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { KanbanCard, KanbanColumn, KanbanSwimlane } from '../EzKanban.types';
+interface KanbanTimelineViewProps {
+    cards: KanbanCard[];
+    columns: KanbanColumn[];
+    swimlanes?: KanbanSwimlane[];
+    onCardUpdate?: (card: KanbanCard, changeType: 'move' | 'edit' | 'assign' | 'complete') => Promise<void> | void;
+    onCardClick?: (card: KanbanCard) => void;
+    onCardCreate?: (card: Partial<KanbanCard>) => Promise<void> | void;
+    className?: string;
+    /** Text direction. @group Appearance */
+    dir?: 'ltr' | 'rtl' | 'auto';
+}
+export declare const KanbanTimelineView: React.FC<KanbanTimelineViewProps>;
+export {};

package/dist/components/EzLayout/Authentication/AuthSlider.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface AuthSliderProps {
+    signInSlot?: React.ReactNode;
+    signUpSlot?: React.ReactNode;
+    initialMode?: 'signin' | 'signup';
+}
+/**
+ * A component that provides a sliding animation between sign-in and sign-up forms.
+ * It supports custom form slots and handles basic authentication flow simulation.
+ * @group Components
+ */
+export declare const AuthSlider: React.FC<AuthSliderProps>;
+export {};

package/dist/components/EzLayout/Authentication/InputPassword.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface PasswordInputProps extends React.ComponentProps<"input"> {
+    label?: string;
+    error?: string;
+}
+declare const PasswordInput: React.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export { PasswordInput };

package/dist/components/EzLayout/Authentication/SignInForm.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface SignInFormValues {
+    email: string;
+    password: string;
+}
+/**
+ * Props for the sign-in form.
+ * @group Properties
+ */
+export interface SignInFormProps {
+    /** Callback triggered upon successful form validation and submission. @group Events */
+    onSubmit?: (values: SignInFormValues) => Promise<void>;
+    /** Initial values for the form fields. @group Properties */
+    defaultValues?: Partial<SignInFormValues>;
+}
+/**
+ * Enterprise sign-in form with social login support and validation.
+ * @group Authentication
+ */
+export declare const SignInForm: React.FC<SignInFormProps>;
+export {};

package/dist/components/EzLayout/Authentication/SignUpForm.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+interface SignUpFormValues {
+    name: string;
+    email: string;
+    password: string;
+}
+/**
+ * Props for the sign-up form.
+ * @group Properties
+ */
+export interface SignUpFormProps {
+    /** Callback triggered upon successful form validation and submission. @group Events */
+    onSubmit?: (values: SignUpFormValues) => Promise<void>;
+}
+/**
+ * Enterprise sign-up form with profile picture upload and validation.
+ * @group Authentication
+ */
+export declare const SignUpForm: React.FC<SignUpFormProps>;
+export {};

package/dist/components/EzLayout/EzHeader.d.ts

@@ -0,0 +1,48 @@
+import { default as React } from 'react';
+import { Organization } from './EzOrganizationSwitcher';
+/**
+ * Configuration for the EzLayout header.
+ * @group Properties
+ */
+export interface EzHeaderProps {
+    /** Custom logo element or URL. @group Appearance */
+    logo?: React.ReactNode;
+    /** Company or application name displayed in the header. @group High Level */
+    companyName?: string;
+    /** Organization switching configuration. @group Data */
+    orgConfig?: {
+        currentOrg: Organization;
+        organizations: Organization[];
+        onSelect: (org: Organization) => void;
+    };
+    /** Custom breadcrumb or navigation path element. @group Navigation */
+    breadcrumb?: React.ReactNode;
+    /** Whether to show the theme mode switcher (Light/Dark). @default true @group Integration */
+    showThemeSwitcher?: boolean;
+    /** Whether to show the theme color palette picker. @default true @group Integration */
+    showThemeColorChanger?: boolean;
+    /** Whether to show the language selection dropdown. @default true @group Integration */
+    showLanguageSwitcher?: boolean;
+    /** Whether to show notification bell. @default true @group Integration */
+    showNotifications?: boolean;
+    /** Essential user information for the profile section. @group Data */
+    user?: {
+        /** Full name of the user. @group Data */
+        name: string;
+        /** URL to the user's avatar image. @group Appearance */
+        avatarUrl?: string;
+        /** Fallback initials if avatar is missing. @group Appearance */
+        initials?: string;
+    };
+    /** Callback triggered when the user clicks 'Sign Out'. @group Events */
+    onLogout?: () => void;
+    /** Callback to toggle sidebar. @internal */
+    toggleSidebar?: () => void;
+    /** Sidebar open state. @internal */
+    sidebarOpen?: boolean;
+    /** Custom class name for the header. @group Appearance */
+    className?: string;
+    /** Extra content to render in the right-side actions area. @group Data */
+    children?: React.ReactNode;
+}
+export declare const EzHeader: React.FC<EzHeaderProps>;

package/dist/components/EzLayout/EzLanguageSwitcher.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+export declare const EzLanguageSwitcher: React.FC<{
+    className?: string;
+}>;

package/dist/components/EzLayout/EzLayout.types.d.ts

@@ -0,0 +1,261 @@
+import { default as React } from 'react';
+import { ServiceRegistry, IService } from '../../shared/services/ServiceRegistry';
+import { SharedBaseProps } from '../../shared/types/BaseProps';
+import { EzHeaderProps } from './EzHeader';
+/**
+ * Specialized props for a custom header component.
+ * @group Subcomponents
+ */
+export interface EzHeaderComponentProps extends EzHeaderProps {
+    /** Whether the sidebar is currently open. @group State */
+    sidebarOpen: boolean;
+    /** Whether the layout is currently in mobile mode. @group State */
+    isMobile: boolean;
+    /** Current effective header height. @group Appearance */
+    headerHeight: number;
+    /** Callback to manually toggle the sidebar. @group Events */
+    toggleSidebar: () => void;
+    /** Allow custom properties passed via slotProps */
+    [key: string]: any;
+}
+/**
+ * Specialized props for a custom sidebar component.
+ * @group Subcomponents
+ */
+export interface EzSidebarComponentProps {
+    /** Whether the sidebar is visible. @group Properties */
+    open: boolean;
+    /** Whether the layout is in mobile mode. @group State */
+    isMobile: boolean;
+    /** Callback to close the sidebar (typically on overlay click). @group Events */
+    onClose: () => void;
+    /** Content to render inside the sidebar. @group Data */
+    children?: React.ReactNode;
+    /** Allow custom properties passed via slotProps */
+    [key: string]: any;
+}
+export interface EzLayoutProps extends SharedBaseProps {
+    /**
+     * Slots for modular composition.
+     * @group Extensibility
+     */
+    slots?: {
+        header?: React.ComponentType<EzHeaderComponentProps>;
+        sidebar?: React.ComponentType<EzSidebarComponentProps>;
+        footer?: React.ComponentType<Record<string, unknown>>;
+        commandPalette?: React.ComponentType<Record<string, unknown>>;
+    };
+    /**
+     * Props for slots.
+     * @group Extensibility
+     */
+    slotProps?: {
+        header?: Partial<EzHeaderComponentProps>;
+        sidebar?: Partial<EzSidebarComponentProps>;
+        footer?: Record<string, unknown>;
+        commandPalette?: Record<string, unknown>;
+    };
+    /**
+     * Configuration for the built-in authentication slider.
+     * Provides slots for sign-in and sign-up forms.
+     * @group Properties
+     */
+    authConfig?: {
+        /** Slot for custom sign-in form content. @group Subcomponents */
+        signInSlot?: React.ReactNode;
+        /** Slot for custom sign-up form content. @group Subcomponents */
+        signUpSlot?: React.ReactNode;
+    };
+    /**
+     * Configuration props passed to the default EzHeader component.
+     * @group Properties
+     */
+    headerConfig?: EzHeaderProps;
+    /**
+     * Main content to be rendered within the layout.
+     * @group Data
+     */
+    children?: React.ReactNode;
+    /**
+     * Custom class name for the main content area.
+     * @group Appearance
+     */
+    contentClassName?: string;
+    /**
+     * Custom class name for the header container.
+     * @group Appearance
+     */
+    headerClassName?: string;
+    /**
+     * Custom class name for the sidebar container.
+     * @group Appearance
+     */
+    sidebarClassName?: string;
+    /**
+     * Custom class name for the footer container.
+     * @group Appearance
+     */
+    footerClassName?: string;
+    /**
+     * Callback fired when the layout mode changes (e.g. dashboard <-> auth).
+     * @group Events
+     */
+    onModeChange?: (mode: 'dashboard' | 'auth' | 'minimal') => void;
+    /**
+     * Callback fired when the sidebar is toggled.
+     * @group Events
+     */
+    onSidebarToggle?: (isOpen: boolean) => void;
+    /**
+     * Callback fired when the auth page changes (signin <-> signup).
+     * @group Events
+     */
+    onAuthPageChange?: (page: 'signin' | 'signup') => void;
+    /**
+     * Callback fired when the viewport resizes.
+     * @group Events
+     */
+    onViewportResize?: (dimensions: {
+        width: number;
+        height: number;
+        isMobile: boolean;
+    }) => void;
+    /**
+     * Height of the header in pixels.
+     * @default 64
+     * @group Appearance
+     */
+    headerHeight?: number;
+    /**
+     * Width of the sidebar in pixels.
+     * @default 256
+     * @group Appearance
+     */
+    sidebarWidth?: number;
+    /**
+     * Breakpoint in pixels for mobile view.
+     * @default 768
+     * @group Properties
+     */
+    breakpoint?: number;
+    /**
+     * Enable drag-to-resize for the sidebar pane.
+     * When true, a resize handle appears between the sidebar and main content.
+     * @default false
+     * @group Properties
+     */
+    sidebarResizable?: boolean;
+    /**
+     * Minimum sidebar width in pixels when resizable is enabled.
+     * @default 200
+     * @group Appearance
+     */
+    sidebarMinWidth?: number;
+    /**
+     * Maximum sidebar width in pixels when resizable is enabled.
+     * @default 480
+     * @group Appearance
+     */
+    sidebarMaxWidth?: number;
+    /**
+     * Callback fired when the sidebar is resized by drag.
+     * @group Events
+     */
+    onSidebarResize?: (width: number) => void;
+    /**
+     * Enable state persistence to localStorage for layout preferences.
+     * @group Properties
+     */
+    enablePersistence?: boolean;
+    /**
+     * Custom media query for fine-grained mobile breakpoint control.
+     * @group Properties
+     */
+    mediaQuery?: string;
+    /**
+     * Callback when layout is created.
+     * @group Events
+     */
+    onCreate?: () => void;
+    /**
+     * Callback when layout is destroyed.
+     * @group Events
+     */
+    onDestroy?: () => void;
+    /**
+     * Callback when resizing starts.
+     * @group Events
+     */
+    onResizeStart?: () => void;
+    /**
+     * Callback when resizing stops.
+     * @group Events
+     */
+    onResizeStop?: () => void;
+}
+/**
+ * Imperative API for the EzLayout component.
+ * Access via ref to programmatically control layout state and shell behavior.
+ * @group Methods
+ */
+export interface EzLayoutRef {
+    /** Toggles sidebar visibility or sets it explicitly. @group Methods */
+    toggleSidebar: (open?: boolean) => void;
+    /** Programmatically opens the sidebar. @group Methods */
+    openSidebar: () => void;
+    /** Programmatically closes the sidebar. @group Methods */
+    closeSidebar: () => void;
+    /** Returns current visibility of the sidebar. @group Methods */
+    isSidebarOpen: () => boolean;
+    /** Sets the top-level layout mode. @group Methods */
+    setMode: (mode: 'dashboard' | 'auth' | 'minimal') => void;
+    /** Gets the current layout mode. @group Methods */
+    getMode: () => 'dashboard' | 'auth' | 'minimal';
+    /** Switches layout to dashboard mode. @group Methods */
+    showDashboard: () => void;
+    /** Switches layout to authentication mode. @group Methods */
+    showAuth: () => void;
+    /** Switches layout to minimal mode. @group Methods */
+    showMinimal: () => void;
+    /** Switches the active auth view (signin/signup). @group Methods */
+    setAuthPage: (page: 'signin' | 'signup') => void;
+    /** Gets the current auth view. @group Methods */
+    getAuthPage: () => 'signin' | 'signup';
+    /** Programmatically shows the sign-in form. @group Methods */
+    showSignIn: () => void;
+    /** Programmatically shows the sign-up form. @group Methods */
+    showSignUp: () => void;
+    /** Returns a snapshot of the internal layout state. @group Methods */
+    getState: () => {
+        sidebarOpen: boolean;
+        mode: 'dashboard' | 'auth' | 'minimal';
+        headerHeight: number;
+        sidebarWidth: number;
+        viewportHeight: number;
+        isMobile: boolean;
+        authPage: 'signin' | 'signup';
+    };
+    /** Returns current viewport dimensions and mobile status. @group Methods */
+    getViewport: () => {
+        height: number;
+        isMobile: boolean;
+    };
+    /** Direct check if the layout is in mobile mode. @group Methods */
+    isMobile: () => boolean;
+    /** Gets the configured header height. @group Methods */
+    getHeaderHeight: () => number;
+    /** Gets the configured sidebar width. @group Methods */
+    getSidebarWidth: () => number;
+    /** Returns calculated CSS styles for the main content area. @group Methods */
+    getMainContentStyle: () => React.CSSProperties;
+    /** Returns the underlying LayoutService instance. @group Services */
+    getLayoutService: () => IService;
+    /** Returns the service registry used by the layout. @group Services */
+    getServiceRegistry: () => ServiceRegistry;
+    /** Forces a re-calculation of layout dimensions. @group Methods */
+    refresh: () => void;
+    /** Programmatically adds a side panel. @group Methods */
+    addPanel: (panel: Record<string, unknown>) => void;
+    /** Removes a side panel by its ID. @group Methods */
+    removePanel: (id: string) => void;
+}

package/dist/components/EzLayout/EzOrganizationSwitcher.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+export interface Organization {
+    id: string;
+    name: string;
+    logo?: string;
+}
+export interface EzOrganizationSwitcherProps {
+    currentOrg: Organization;
+    organizations: Organization[];
+    onSelect: (org: Organization) => void;
+    collapsed?: boolean;
+    className?: string;
+}
+export declare const EzOrganizationSwitcher: React.FC<EzOrganizationSwitcherProps>;

package/dist/components/EzLayout/EzSidebar.d.ts

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+import { LayoutService } from '../../shared/services/LayoutService';
+import { FocusManagerService } from '../../shared/services/FocusManagerService';
+interface EzSidebarProps {
+    sidebarOpen: boolean;
+    isMobile: boolean;
+    sidebarWidth: number;
+    children: React.ReactNode;
+    /** The content to render in the main panel (only used when resizable) */
+    mainContent?: React.ReactNode;
+    layoutService: LayoutService;
+    focusManager: FocusManagerService;
+    className?: string;
+    /** Enable drag-to-resize on the sidebar */
+    sidebarResizable?: boolean;
+    /** Min sidebar width in pixels (resizable mode) @default 200 */
+    sidebarMinWidth?: number;
+    /** Max sidebar width in pixels (resizable mode) @default 480 */
+    sidebarMaxWidth?: number;
+    /** Callback when sidebar is resized */
+    onSidebarResize?: (width: number) => void;
+}
+export declare const EzSidebar: React.MemoExoticComponent<({ sidebarOpen, isMobile, sidebarWidth, children, mainContent, layoutService, focusManager, className, sidebarResizable, sidebarMinWidth, sidebarMaxWidth, onSidebarResize, }: EzSidebarProps) => React.JSX.Element>;
+export {};

package/dist/components/EzLayout/EzThemeColorChanger.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+/**
+ * Advanced theme customization component.
+ * Allows users to change the primary brand color and the layout border radius.
+ * @group Components
+ */
+export declare const EzThemeColorChanger: React.FC<{
+    className?: string;
+}>;

package/dist/components/EzLayout/EzThemeSwitcher.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+/**
+ * Utility component to toggle between Light and Dark theme modes.
+ * @group Components
+ */
+export declare const EzThemeSwitcher: React.FC<{
+    className?: string;
+}>;

package/dist/components/EzLayout/EzUserProfile.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+/**
+ * Props for the user profile dropdown component.
+ * @group Properties
+ */
+export interface EzUserProfileProps {
+    /** Basic user details to display in the menu. @group Data */
+    user: {
+        /** Display name of the user. @group Data */
+        name: string;
+        /** Email address for secondary identification. @group Data */
+        email?: string;
+        /** URL to the user's avatar image. @group Appearance */
+        avatarUrl?: string;
+        /** Fallback initials if avatar is missing. @group Appearance */
+        initials?: string;
+    };
+    /** Callback triggered when the user clicks 'Sign Out'. @group Events */
+    onLogout?: () => void;
+    /** Callback triggered when the user clicks 'Profile'. @group Events */
+    onProfileClick?: () => void;
+    /** Callback triggered when the user clicks 'Settings'. @group Events */
+    onSettingsClick?: () => void;
+    /** Custom CSS class for the profile trigger button. @group Appearance */
+    className?: string;
+}
+export declare const EzUserProfile: React.FC<EzUserProfileProps>;

package/dist/components/EzLayout/components/EzSidebarFooter.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export interface EzSidebarFooterProps {
+    collapsed: boolean;
+    onToggle: () => void;
+    onLogout?: () => void;
+    className?: string;
+}
+export declare const EzSidebarFooter: React.FC<EzSidebarFooterProps>;

package/dist/components/EzLayout/components/EzSidebarNav.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+export interface EzSidebarNavProps {
+    children: React.ReactNode;
+    className?: string;
+}
+/**
+ * Container for sidebar navigation items.
+ * Groups and spaces EzSidebarNavItem components.
+ */
+export declare const EzSidebarNav: React.FC<EzSidebarNavProps>;

package/dist/components/EzLayout/components/EzSidebarNavItem.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+export interface EzSidebarNavItemProps {
+    icon: React.ElementType;
+    label: string;
+    active?: boolean;
+    collapsed?: boolean;
+    children?: React.ReactNode;
+    onClick?: (e?: React.MouseEvent) => void;
+    className?: string;
+}
+export declare const EzSidebarNavItem: React.FC<EzSidebarNavItemProps>;

package/dist/components/EzLayout/components/MainContent.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+interface MainContentProps {
+    isPending: boolean;
+    children: React.ReactNode;
+    contentClassName?: string;
+}
+/**
+ * Internal component to wrap the primary content area of the layout.
+ * Handles loading overlays and content-specific styling.
+ * @group Subcomponents
+ */
+export declare const MainContent: React.MemoExoticComponent<({ children, contentClassName }: Omit<MainContentProps, "isPending">) => React.JSX.Element>;
+export {};