ezux 1.0.0

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

@@ -0,0 +1,162 @@
+import { EzKanbanProps } 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 = any>(props: EzKanbanProps, extraApi?: any) => {
+    /** Current board data. @group State */
+    board: import('./EzKanban.types').KanbanBoard;
+    /** Handler to update the board. @group Methods */
+    setBoard: (board: import('./EzKanban.types').KanbanBoard) => void;
+    /** IDs of currently selected cards. @group State */
+    selectedCards: string[];
+    /** Handler to set selected cards. @group Methods */
+    setSelectedCards: (cardIds: string[]) => void;
+    /** ID of the currently highlighted card. @group State */
+    highlightedCardId: string | null;
+    /** ID of the currently selected column. @group State */
+    selectedColumnId: string | null;
+    /** Handler to set the selected column. @group Methods */
+    setSelectedColumnId: (columnId: string | null) => void;
+    /** Current view mode (standard, swimlane, timeline). @group State */
+    view: "standard" | "timeline" | "swimlane";
+    /** Handler to change the view mode. @group Methods */
+    setView: (view: "standard" | "swimlane" | "timeline") => void;
+    /** Text direction. @group State */
+    dir: "ltr" | "rtl";
+    /** Create a new card. @group Methods */
+    createCard: (draft: Partial<import('./EzKanban.types').KanbanCard>) => Promise<import('./EzKanban.types').KanbanCard>;
+    /** Update a card by ID. @group Methods */
+    updateCard: (cardId: string, updates: Partial<import('./EzKanban.types').KanbanCard>) => Promise<{
+        cardId: string;
+        updates: Partial<import('./EzKanban.types').KanbanCard>;
+    }>;
+    /** Delete a card by ID. @group Methods */
+    deleteCard: (cardId: string) => Promise<string>;
+    /** Move a card within the board. @group Methods */
+    moveCard: (cardId: string, targetColumnId: string, targetSwimlaneId?: string, targetPosition?: number) => Promise<void>;
+    /** Duplicate a card. @group Methods */
+    duplicateCard: (cardId: string) => Promise<import('./EzKanban.types').KanbanCard>;
+    /** Archive a card. @group Methods */
+    archiveCard: (cardId: string) => Promise<{
+        cardId: string;
+        updates: Partial<import('./EzKanban.types').KanbanCard>;
+    }>;
+    /** Restore an archived card. @group Methods */
+    restoreCard: (cardId: string) => Promise<{
+        cardId: string;
+        updates: Partial<import('./EzKanban.types').KanbanCard>;
+    }>;
+    /** Create a new column. @group Methods */
+    createColumn: (draft: Partial<import('./EzKanban.types').KanbanColumn>) => Promise<import('./EzKanban.types').KanbanColumn>;
+    /** Update a column. @group Methods */
+    updateColumn: (columnId: string, updates: Partial<import('./EzKanban.types').KanbanColumn>) => Promise<{
+        columnId: string;
+        updates: Partial<import('./EzKanban.types').KanbanColumn>;
+    }>;
+    /** Delete a column. @group Methods */
+    deleteColumn: (columnId: string) => Promise<string>;
+    /** Reorder columns. @group Methods */
+    reorderColumns: (columnIds: string[]) => Promise<string[]>;
+    /** Collapse a column. @group Methods */
+    collapseColumn: (columnId: string) => void;
+    /** Expand a column. @group Methods */
+    expandColumn: (columnId: string) => void;
+    /** Create a new swimlane. @group Methods */
+    createSwimlane: (draft: Partial<import('./EzKanban.types').KanbanSwimlane>) => Promise<import('./EzKanban.types').KanbanSwimlane>;
+    /** Update a swimlane. @group Methods */
+    updateSwimlane: (swimlaneId: string, updates: Partial<import('./EzKanban.types').KanbanSwimlane>) => Promise<{
+        swimlaneId: string;
+        updates: Partial<import('./EzKanban.types').KanbanSwimlane>;
+    }>;
+    /** Delete a swimlane. @group Methods */
+    deleteSwimlane: (swimlaneId: string) => Promise<string>;
+    /** Reorder swimlanes. @group Methods */
+    reorderSwimlanes: (swimlaneIds: string[]) => Promise<string[]>;
+    /** Collapse a swimlane. @group Methods */
+    collapseSwimlane: (swimlaneId: string) => void;
+    /** Expand a swimlane. @group Methods */
+    expandSwimlane: (swimlaneId: string) => void;
+    /** The card currently being dragged. @group State */
+    draggedCard: import('./EzKanban.types').KanbanCard | null;
+    /** The column currently being dragged over. @group State */
+    dragOverColumn: string | null;
+    /** Handler for drag start. @group Events */
+    handleDragStart: (card: import('./EzKanban.types').KanbanCard) => void;
+    /** Handler for drag over. @group Events */
+    handleDragOver: (columnId: string, swimlaneId?: string) => void;
+    /** Handler for drag end. @group Events */
+    handleDragEnd: () => void;
+    /** Handler for drop. @group Events */
+    handleDrop: (targetColumnId: string, targetSwimlaneId?: string) => void;
+    /** List of cards after filtering/search. @group State */
+    filteredCards: import('./EzKanban.types').KanbanCard[];
+    /** Current search query string. @group State */
+    searchQuery: string;
+    /** Handler to update the search query. @group Methods */
+    setSearchQuery: import('react').Dispatch<import('react').SetStateAction<string>>;
+    /** Current active filter configuration. @group State */
+    activeFilters: import('./EzKanban.types').FilterConfig;
+    /** Handler to update active filters. @group Methods */
+    setActiveFilters: import('react').Dispatch<import('react').SetStateAction<import('./EzKanban.types').FilterConfig>>;
+    /** Clear all active filters. @group Methods */
+    clearFilters: () => void;
+    /** Access to the shared service registry. @group Services */
+    serviceRegistry: null;
+    /** Currently selected card index via keyboard. @group State */
+    selectedIndex: number;
+    /** Handler to set the keyboard selected index. @group Methods */
+    setSelectedIndex: import('react').Dispatch<import('react').SetStateAction<number>>;
+    /** Undo the last action. @group Methods */
+    undo: () => void;
+    /** Redo the previously undone action. @group Methods */
+    redo: () => void;
+    /** Whether undo is available. @group State */
+    canUndo: boolean;
+    /** Whether redo is available. @group State */
+    canRedo: boolean;
+    addCard(draft: Partial<TCard>): Promise<TCard>;
+    getCard(cardId: string): TCard | undefined;
+    getCards(): TCard[];
+    getCardsInColumn(columnId: string): TCard[];
+    getOrderedCards(columnId: string): TCard[];
+    addColumn(column: Partial<import('./EzKanban.types').KanbanColumn>): Promise<import('./EzKanban.types').KanbanColumn>;
+    getColumn(columnId: string): import('./EzKanban.types').KanbanColumn | undefined;
+    getColumns(): import('./EzKanban.types').KanbanColumn[];
+    addSwimlane(swimlane: Partial<import('./EzKanban.types').KanbanSwimlane>): Promise<import('./EzKanban.types').KanbanSwimlane>;
+    getSwimlane(swimlaneId: string): import('./EzKanban.types').KanbanSwimlane | undefined;
+    getSwimlanes(): import('./EzKanban.types').KanbanSwimlane[];
+    selectCard(cardId: string): void;
+    selectCards(cardIds: string[]): void;
+    deselectCard(cardId: string): void;
+    deselectAllCards(): void;
+    getSelectedCards(): TCard[];
+    focusCard(cardId: string): void;
+    highlightCard(cardId: string, duration?: number): void;
+    getView(): "standard" | "swimlane" | "timeline";
+    scrollToColumn(columnId: string, options?: ScrollIntoViewOptions): void;
+    scrollToCard(cardId: string, options?: ScrollIntoViewOptions): void;
+    getSearchQuery(): string;
+    getActiveFilters(): import('./EzKanban.types').FilterConfig;
+    getFilteredCards(): TCard[];
+    getBoard(): import('./EzKanban.types').KanbanBoard;
+    refresh(): Promise<void>;
+    reset(): void;
+    showSpinner(): void;
+    hideSpinner(): void;
+    forceUpdate(): void;
+    getStatistics(): {
+        totalCards: number;
+        totalColumns: number;
+    };
+    validate(): {
+        isValid: boolean;
+        errors: string[];
+    };
+};

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,33 @@
+import { default as React } from 'react';
+/**
+ * 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;
+    /** 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;
+    /** 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;
+    };
+    /** 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,223 @@
+import { default as React } from 'react';
+import { ServiceRegistry } 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;
+}
+/**
+ * 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;
+}
+export interface EzLayoutProps extends SharedBaseProps {
+    /**
+     * Injected components to override or extend the default layout sections.
+     * @group Subcomponents
+     */
+    components?: {
+        header?: React.ReactNode | React.ComponentType<EzHeaderComponentProps>;
+        sidebar?: React.ReactNode | React.ComponentType<EzSidebarComponentProps>;
+        footer?: React.ReactNode | React.ComponentType<any>;
+        commandPalette?: React.ReactNode | React.ComponentType<any>;
+    };
+    /**
+     * 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 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: () => any;
+    /** 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: any) => void;
+    /** Removes a side panel by its ID. @group Methods */
+    removePanel: (id: string) => void;
+}

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

@@ -0,0 +1,14 @@
+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;
+    layoutService: LayoutService;
+    focusManager: FocusManagerService;
+    className?: string;
+}
+export declare const EzSidebar: React.MemoExoticComponent<({ sidebarOpen, isMobile, sidebarWidth, children, layoutService, focusManager, className }: EzSidebarProps) => import("react/jsx-runtime").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,23 @@
+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;
+    /** Custom CSS class for the profile trigger button. @group Appearance */
+    className?: string;
+}
+export declare const EzUserProfile: React.FC<EzUserProfileProps>;

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<({ isPending, children, contentClassName }: MainContentProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/components/EzLayout/hooks/useLayoutImperative.d.ts

@@ -0,0 +1,17 @@
+import { EzLayoutProps, EzLayoutRef } from '../EzLayout.types';
+import { LayoutService } from '../../../shared/services/LayoutService';
+import { ServiceRegistry } from '../../../shared/services/ServiceRegistry';
+/**
+ * Internal hook to define the imperative API for EzLayout.
+ *
+ * Maps internal layout services and state management to the public ref methods.
+ *
+ * @param ref Forwarded ref for the imperative API.
+ * @param props The EzLayout configuration props.
+ * @param services Internal service instances.
+ * @group Hooks
+ */
+export declare const useLayoutImperative: (ref: React.Ref<EzLayoutRef>, props: EzLayoutProps, services: {
+    layoutService: LayoutService;
+    serviceRegistry: ServiceRegistry;
+}) => void;

package/dist/components/EzLayout/hooks/useLayoutState.d.ts

@@ -0,0 +1,25 @@
+import { EzLayoutProps } from '../EzLayout.types';
+import { LayoutService } from '../../../shared/services/LayoutService';
+import { I18nService } from '../../../shared/services/I18nService';
+import { FocusManagerService } from '../../../shared/services/FocusManagerService';
+/**
+ * Internal hook to manage the reactive state of the EzLayout.
+ *
+ * Handles service initialization, synchronization between services (Layout, I18n),
+ * and provides a unified state object for the component.
+ *
+ * @param props The EzLayout configuration props.
+ * @group Hooks
+ */
+export declare const useLayoutState: (props: EzLayoutProps) => {
+    layoutState: import('../../../shared/services/LayoutService').LayoutState;
+    i18nState: {
+        locale: string;
+        dir: "ltr" | "rtl";
+    };
+    isPending: boolean;
+    layoutService: LayoutService;
+    i18nService: I18nService;
+    focusManager: FocusManagerService;
+    serviceRegistry: import('../../../shared/services/ServiceRegistry').ServiceRegistry;
+};

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

@@ -0,0 +1,19 @@
+import { default as React } from 'react';
+import { EzLayoutProps, EzLayoutRef } from './EzLayout.types';
+export type { EzLayoutProps, EzLayoutRef } from './EzLayout.types';
+/**
+ * EzLayout is the foundational multi lingigual layout engine for Web/SaaS applications.
+ * It provides a highly configurable and responsive shell that handles authentication,
+ * headers, sidebars, and enterprise-grade multi-panel layouts.
+ *
+
+ * @group Core Components
+ */
+export declare const EzLayout: React.ForwardRefExoticComponent<EzLayoutProps & React.RefAttributes<EzLayoutRef>>;
+export * from './EzLanguageSwitcher';
+export * from './EzThemeSwitcher';
+export * from './EzThemeColorChanger';
+export * from './EzHeader';
+export * from './EzUserProfile';
+export * from './Authentication/SignInForm';
+export * from './Authentication/SignUpForm';