@omnitron-dev/prism 0.2.0 → 0.3.0

package/dist/layouts/auth/centered.d.ts

@@ -0,0 +1,49 @@
+/**
+ * Auth Centered Layout
+ *
+ * Centered authentication layout with card-style content.
+ *
+ * @module layouts/auth/centered
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+export interface AuthCenteredLayoutProps {
+    /** Child content (form) */
+    children?: ReactNode;
+    /** Logo component */
+    logo?: ReactNode;
+    /** Custom max width for content card */
+    maxWidth?: number | string;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Auth Centered Layout - Card-based centered authentication form.
+ *
+ * Perfect for login, registration, password reset, and verification pages.
+ *
+ * @example
+ * ```tsx
+ * <AuthCenteredLayout
+ *   logo={<Logo />}
+ *   showHelp
+ * >
+ *   <LoginForm />
+ * </AuthCenteredLayout>
+ * ```
+ */
+export declare function AuthCenteredLayout({ children, logo, maxWidth, sx }: AuthCenteredLayoutProps): ReactNode;
+export interface AuthCenteredContentProps {
+    /** Child content */
+    children?: ReactNode;
+    /** Custom max width */
+    maxWidth?: number | string;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Auth centered content wrapper.
+ * Use for the content inside the auth card.
+ */
+export declare function AuthCenteredContent({ children, maxWidth, sx }: AuthCenteredContentProps): ReactNode;
+//# sourceMappingURL=centered.d.ts.map

package/dist/layouts/auth/centered.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"centered.d.ts","sourceRoot":"","sources":["../../../src/layouts/auth/centered.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAsCpD,MAAM,WAAW,uBAAuB;IACtC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAc,EAAE,EAAE,EAAE,EAAE,uBAAuB,GAAG,SAAS,CAwB7G;AAMD,MAAM,WAAW,wBAAwB;IACvC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,EAAE,QAAQ,EAAE,QAAc,EAAE,EAAE,EAAE,EAAE,wBAAwB,GAAG,SAAS,CAEzG"}

package/dist/layouts/auth/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Auth Layout Exports
+ *
+ * @module layouts/auth
+ */
+export { AuthCenteredLayout, AuthCenteredContent } from './centered.js';
+export type { AuthCenteredLayoutProps, AuthCenteredContentProps } from './centered.js';
+export { AuthSplitLayout, AuthSplitIllustration, AuthSplitContent } from './split.js';
+export type { AuthSplitLayoutProps, AuthSplitIllustrationProps, AuthSplitContentProps } from './split.js';
+export { AuthSimpleLayout, SimpleCompactContent } from './simple.js';
+export type { AuthSimpleLayoutProps, SimpleCompactContentProps } from './simple.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/auth/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AACxE,YAAY,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACtF,YAAY,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE1G,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACrE,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC"}

package/dist/layouts/auth/simple.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Auth Simple Layout
+ *
+ * Simple, minimal layout for authentication-related pages.
+ *
+ * @module layouts/auth/simple
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme, Breakpoint } from '@mui/material';
+export interface AuthSimpleLayoutProps {
+    /** Child content */
+    children?: ReactNode;
+    /** Logo component */
+    logo?: ReactNode;
+    /** Show help link */
+    showHelp?: boolean;
+    /** Help link URL */
+    helpUrl?: string;
+    /** Help link text */
+    helpText?: string;
+    /** Settings button */
+    settingsButton?: ReactNode;
+    /** Use compact centered content */
+    compact?: boolean;
+    /** Container max width (for non-compact) */
+    maxWidth?: Breakpoint | false;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Auth Simple Layout - Minimal layout for auth-related pages.
+ *
+ * Use for:
+ * - Error pages (404, 500)
+ * - Maintenance pages
+ * - Simple message pages
+ * - Compact auth forms
+ *
+ * @example
+ * ```tsx
+ * <AuthSimpleLayout logo={<Logo />} compact>
+ *   <NotFoundContent />
+ * </AuthSimpleLayout>
+ * ```
+ */
+export declare function AuthSimpleLayout({ children, logo, showHelp, helpUrl, helpText, settingsButton, compact, maxWidth, sx, }: AuthSimpleLayoutProps): ReactNode;
+export interface SimpleCompactContentProps {
+    /** Child content */
+    children?: ReactNode;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Simple compact content wrapper.
+ * Centered, constrained-width content for simple pages.
+ */
+export declare function SimpleCompactContent({ children, sx }: SimpleCompactContentProps): ReactNode;
+//# sourceMappingURL=simple.d.ts.map

package/dist/layouts/auth/simple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple.d.ts","sourceRoot":"","sources":["../../../src/layouts/auth/simple.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAqChE,MAAM,WAAW,qBAAqB;IACpC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC9B,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,IAAI,EACJ,QAAe,EACf,OAAiB,EACjB,QAAuB,EACvB,cAAc,EACd,OAAe,EACf,QAAe,EACf,EAAE,GACH,EAAE,qBAAqB,GAAG,SAAS,CAyCnC;AAMD,MAAM,WAAW,yBAAyB;IACxC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,yBAAyB,GAAG,SAAS,CAE3F"}

package/dist/layouts/auth/split.d.ts

@@ -0,0 +1,81 @@
+/**
+ * Auth Split Layout
+ *
+ * Split-screen authentication layout with illustration and form.
+ *
+ * @module layouts/auth/split
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+export interface AuthSplitLayoutProps {
+    /** Child content (form) */
+    children?: ReactNode;
+    /** Logo component */
+    logo?: ReactNode;
+    /** Illustration title */
+    title?: string;
+    /** Illustration subtitle */
+    subtitle?: string;
+    /** Illustration image or component */
+    illustration?: ReactNode;
+    /** Show help link */
+    showHelp?: boolean;
+    /** Help link URL */
+    helpUrl?: string;
+    /** Help link text */
+    helpText?: string;
+    /** Settings button */
+    settingsButton?: ReactNode;
+    /** Custom max width for form */
+    maxWidth?: number | string;
+    /** Illustration section sx */
+    illustrationSx?: SxProps<Theme>;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Auth Split Layout - Split-screen with illustration and form.
+ *
+ * Left side: Illustration with title and subtitle
+ * Right side: Authentication form
+ *
+ * @example
+ * ```tsx
+ * <AuthSplitLayout
+ *   logo={<Logo />}
+ *   title="Welcome to Prism"
+ *   subtitle="Sign in to continue to your dashboard"
+ *   illustration={<WelcomeIllustration />}
+ * >
+ *   <LoginForm />
+ * </AuthSplitLayout>
+ * ```
+ */
+export declare function AuthSplitLayout({ children, logo, title, subtitle, illustration, showHelp, helpUrl, helpText, settingsButton, maxWidth, illustrationSx, sx, }: AuthSplitLayoutProps): ReactNode;
+export interface AuthSplitIllustrationProps {
+    /** Title */
+    title?: string;
+    /** Subtitle */
+    subtitle?: string;
+    /** Illustration image/component */
+    illustration?: ReactNode;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Standalone illustration section for custom split layouts.
+ */
+export declare function AuthSplitIllustration({ title, subtitle, illustration, sx }: AuthSplitIllustrationProps): ReactNode;
+export interface AuthSplitContentProps {
+    /** Child content */
+    children?: ReactNode;
+    /** Custom max width */
+    maxWidth?: number | string;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Standalone form content section for custom split layouts.
+ */
+export declare function AuthSplitContent({ children, maxWidth, sx }: AuthSplitContentProps): ReactNode;
+//# sourceMappingURL=split.d.ts.map

package/dist/layouts/auth/split.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../../../src/layouts/auth/split.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAyEpD,MAAM,WAAW,oBAAoB;IACnC,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sCAAsC;IACtC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,sBAAsB;IACtB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,gCAAgC;IAChC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,8BAA8B;IAC9B,cAAc,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAChC,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,IAAI,EACJ,KAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,QAAe,EACf,OAAiB,EACjB,QAAuB,EACvB,cAAc,EACd,QAAc,EACd,cAAc,EACd,EAAE,GACH,EAAE,oBAAoB,GAAG,SAAS,CAmElC;AAMD,MAAM,WAAW,0BAA0B;IACzC,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,eAAe;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,qBAAqB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,EAAE,EAAE,0BAA0B,GAAG,SAAS,CAoBlH;AAMD,MAAM,WAAW,qBAAqB;IACpC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,uBAAuB;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,QAAc,EAAE,EAAE,EAAE,EAAE,qBAAqB,GAAG,SAAS,CAMnG"}

package/dist/layouts/core/context.d.ts

@@ -0,0 +1,102 @@
+/**
+ * Layout Context
+ *
+ * Provides layout configuration and state management across the layout system.
+ *
+ * @module layouts/core/context
+ */
+import { type ReactNode } from 'react';
+import type { LayoutConfig, LayoutContextValue, LayoutNavItem } from '../types.js';
+/**
+ * Default layout configuration.
+ */
+export declare const defaultLayoutConfig: LayoutConfig;
+/**
+ * Layout context.
+ */
+export declare const LayoutContext: import("react").Context<LayoutContextValue | null>;
+export interface LayoutProviderProps {
+    /** Child components */
+    children: ReactNode;
+    /** Initial configuration overrides */
+    initialConfig?: Partial<LayoutConfig>;
+    /**
+     * Persistence key for sidebar collapsed state.
+     * When provided, sidebar collapsed state is saved to localStorage
+     * via the settings store and restored on mount.
+     * Use different keys for different layouts (e.g., 'main', 'admin').
+     */
+    persistKey?: string;
+}
+/**
+ * Layout provider component.
+ * Manages layout configuration and navigation state.
+ */
+export declare function LayoutProvider({ children, initialConfig, persistKey }: LayoutProviderProps): ReactNode;
+/**
+ * Hook to access layout context.
+ *
+ * @returns Layout context value
+ * @throws If used outside LayoutProvider
+ *
+ * @example
+ * ```tsx
+ * function NavToggle() {
+ *   const { config, toggleSidenavCollapse } = useLayoutContext();
+ *
+ *   return (
+ *     <IconButton onClick={toggleSidenavCollapse}>
+ *       {config.sidenavCollapsed ? <MenuOpenIcon /> : <MenuIcon />}
+ *     </IconButton>
+ *   );
+ * }
+ * ```
+ */
+export declare function useLayoutContext(): LayoutContextValue;
+/**
+ * Hook to access only layout configuration.
+ */
+export declare function useLayoutConfig(): LayoutConfig;
+/**
+ * Hook to check if sidenav should be visible.
+ */
+export declare function useSidenavVisible(): boolean;
+/**
+ * Hook to check if topnav should be visible.
+ */
+export declare function useTopnavVisible(): boolean;
+/**
+ * Hook to check navigation item active state with current pathname.
+ * Provides utilities for building navigation components.
+ *
+ * @param pathname - Current pathname from router
+ * @returns Object with active state checking functions
+ *
+ * @example
+ * ```tsx
+ * function NavItem({ item }: { item: LayoutNavItem }) {
+ *   const { pathname } = useLocation(); // From your router
+ *   const { isItemActive, isNestedActive } = useNavActive(pathname);
+ *
+ *   const active = isItemActive(item);
+ *   const nestedActive = item.children && isNestedActive(item.children);
+ *
+ *   return (
+ *     <ListItemButton selected={active || nestedActive}>
+ *       {item.title}
+ *     </ListItemButton>
+ *   );
+ * }
+ * ```
+ */
+export declare function useNavActive(pathname: string): {
+    /**
+     * Check if a nav item is active.
+     */
+    isItemActive: (item: LayoutNavItem) => boolean;
+    /**
+     * Check if any nested item is active.
+     */
+    isNestedActive: (items: LayoutNavItem[] | undefined) => boolean;
+};
+//# sourceMappingURL=context.d.ts.map

package/dist/layouts/core/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/layouts/core/context.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAA6D,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAElG,OAAO,KAAK,EACV,YAAY,EACZ,kBAAkB,EAIlB,aAAa,EACd,MAAM,aAAa,CAAC;AAQrB;;GAEG;AACH,eAAO,MAAM,mBAAmB,EAAE,YASjC,CAAC;AAMF;;GAEG;AACH,eAAO,MAAM,aAAa,oDAAiD,CAAC;AAQ5E,MAAM,WAAW,mBAAmB;IAClC,uBAAuB;IACvB,QAAQ,EAAE,SAAS,CAAC;IACpB,sCAAsC;IACtC,aAAa,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IACtC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,EAAE,mBAAmB,GAAG,SAAS,CAyLtG;AAMD;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,gBAAgB,IAAI,kBAAkB,CAQrD;AAED;;GAEG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAG9C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAG3C;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,OAAO,CAG1C;AAED;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,wBAAgB,YAAY,CAAC,QAAQ,EAAE,MAAM;IAKvC;;OAEG;yBACkB,aAAa;IAClC;;OAEG;4BACqB,aAAa,EAAE,GAAG,SAAS;EAIxD"}

package/dist/layouts/core/css-vars.d.ts

@@ -0,0 +1,43 @@
+/**
+ * Layout CSS Variables
+ *
+ * Global CSS variables for layout dimensions and styling.
+ *
+ * @module layouts/core/css-vars
+ */
+import type { ReactNode } from 'react';
+import { type NavColorMode } from '../types.js';
+/**
+ * Generate base layout CSS variables.
+ */
+export declare function getBaseLayoutCssVars(zIndexBase: number): Record<string, string | number>;
+/**
+ * Generate navigation color CSS variables based on mode.
+ */
+export declare function getNavColorCssVars(mode: NavColorMode, theme: {
+    palette: {
+        mode: 'light' | 'dark';
+        background: {
+            paper: string;
+            default: string;
+        };
+        text: {
+            primary: string;
+            secondary: string;
+        };
+    };
+}): Record<string, string>;
+/**
+ * Merge custom CSS variables with defaults.
+ */
+export declare function mergeLayoutCssVars(customVars: Record<string, string | number> | undefined, ...defaultVars: Record<string, string | number>[]): Record<string, string | number>;
+export interface LayoutGlobalStylesProps {
+    /** Additional CSS variables */
+    cssVars?: Record<string, string | number>;
+}
+/**
+ * Global CSS variables for layouts.
+ * Should be rendered once at the root of the layout system.
+ */
+export declare function LayoutGlobalStyles({ cssVars }: LayoutGlobalStylesProps): ReactNode;
+//# sourceMappingURL=css-vars.d.ts.map

package/dist/layouts/core/css-vars.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"css-vars.d.ts","sourceRoot":"","sources":["../../../src/layouts/core/css-vars.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAAkD,KAAK,YAAY,EAAE,MAAM,aAAa,CAAC;AAMhG;;GAEG;AACH,wBAAgB,oBAAoB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAaxF;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,YAAY,EAClB,KAAK,EAAE;IACL,OAAO,EAAE;QACP,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;QACvB,UAAU,EAAE;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,OAAO,EAAE,MAAM,CAAA;SAAE,CAAC;QAC/C,IAAI,EAAE;YAAE,OAAO,EAAE,MAAM,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAE,CAAC;KAC9C,CAAC;CACH,GACA,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CA+BxB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAChC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG,SAAS,EACvD,GAAG,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,GAChD,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAEjC;AAMD,MAAM,WAAW,uBAAuB;IACtC,+BAA+B;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC3C;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE,uBAAuB,GAAG,SAAS,CA8BlF"}

package/dist/layouts/core/header-section.d.ts

@@ -0,0 +1,79 @@
+/**
+ * Header Section
+ *
+ * Slot-based header component with sticky positioning and scroll effects.
+ *
+ * @module layouts/core/header-section
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme, Breakpoint } from '@mui/material';
+import { type HeaderSlots } from '../types.js';
+export interface HeaderSectionProps {
+    /** Slot content */
+    slots?: HeaderSlots;
+    /** Props for each slot */
+    slotProps?: {
+        topArea?: SxProps<Theme>;
+        leftArea?: SxProps<Theme>;
+        centerArea?: SxProps<Theme>;
+        rightArea?: SxProps<Theme>;
+        bottomArea?: SxProps<Theme>;
+        container?: SxProps<Theme>;
+    };
+    /** Disable sticky positioning */
+    disableSticky?: boolean;
+    /** Disable scroll offset effects (blur on scroll) */
+    disableOffset?: boolean;
+    /** Disable scroll elevation shadow */
+    disableElevation?: boolean;
+    /** Use container for max-width */
+    containerized?: boolean;
+    /** Container max width */
+    maxWidth?: Breakpoint | false;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Header Section - Slot-based header with scroll effects.
+ *
+ * Slots:
+ * - `topArea`: Content above the main toolbar row
+ * - `leftArea`: Left side (logo, menu toggle)
+ * - `centerArea`: Center content (search, navigation)
+ * - `rightArea`: Right side (actions, user menu)
+ * - `bottomArea`: Content below main toolbar (horizontal nav)
+ *
+ * @example
+ * ```tsx
+ * <HeaderSection
+ *   slots={{
+ *     leftArea: (
+ *       <>
+ *         <MenuButton onClick={onMenuClick} />
+ *         <Logo />
+ *       </>
+ *     ),
+ *     centerArea: <Searchbar />,
+ *     rightArea: (
+ *       <>
+ *         <NotificationsButton />
+ *         <UserMenu />
+ *       </>
+ *     ),
+ *   }}
+ * />
+ * ```
+ */
+export declare function HeaderSection({ slots, slotProps, disableSticky, disableOffset, disableElevation, containerized, maxWidth, sx, }: HeaderSectionProps): ReactNode;
+export interface HeaderToolbarProps {
+    /** Content */
+    children?: ReactNode;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Standalone header toolbar without AppBar wrapper.
+ * Useful for custom header implementations.
+ */
+export declare function HeaderToolbar({ children, sx }: HeaderToolbarProps): ReactNode;
+//# sourceMappingURL=header-section.d.ts.map

package/dist/layouts/core/header-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-section.d.ts","sourceRoot":"","sources":["../../../src/layouts/core/header-section.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAmC,KAAK,WAAW,EAAE,MAAM,aAAa,CAAC;AAgJhF,MAAM,WAAW,kBAAkB;IACjC,mBAAmB;IACnB,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,0BAA0B;IAC1B,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACzB,QAAQ,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC1B,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC3B,UAAU,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QAC5B,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;KAC5B,CAAC;IACF,iCAAiC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qDAAqD;IACrD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,kCAAkC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC;IAC9B,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,SAAS,EACT,aAAqB,EACrB,aAAqB,EACrB,gBAAwB,EACxB,aAAqB,EACrB,QAAe,EACf,EAAE,GACH,EAAE,kBAAkB,GAAG,SAAS,CA8DhC;AAMD,MAAM,WAAW,kBAAkB;IACjC,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,kBAAkB,GAAG,SAAS,CAE7E"}

package/dist/layouts/core/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Layout Core
+ *
+ * Core building blocks for Prism layouts.
+ *
+ * @module layouts/core
+ */
+export { LayoutContext, LayoutProvider, defaultLayoutConfig, useLayoutContext, useLayoutConfig, useSidenavVisible, useTopnavVisible, useNavActive, } from './context.js';
+export type { LayoutProviderProps } from './context.js';
+export { LayoutGlobalStyles, getBaseLayoutCssVars, getNavColorCssVars, mergeLayoutCssVars } from './css-vars.js';
+export type { LayoutGlobalStylesProps } from './css-vars.js';
+export { LayoutSection, MainSection } from './layout-section.js';
+export type { LayoutSectionProps, MainSectionProps } from './layout-section.js';
+export { HeaderSection, HeaderToolbar } from './header-section.js';
+export type { HeaderSectionProps, HeaderToolbarProps } from './header-section.js';
+export { UserMenu } from './user-menu.js';
+export type { UserMenuProps, UserMenuUser, UserMenuItem } from './user-menu.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/core/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/core/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EACL,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,YAAY,GACb,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAGxD,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AACjH,YAAY,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAG7D,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AACjE,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAGhF,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACnE,YAAY,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAGlF,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/layouts/core/layout-section.d.ts

@@ -0,0 +1,64 @@
+/**
+ * Layout Section
+ *
+ * Root container for all layout variants.
+ * Provides the structural foundation for header, sidebar, main, and footer.
+ *
+ * @module layouts/core/layout-section
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+export interface LayoutSectionProps {
+    /** Header section (rendered at top) */
+    headerSection?: ReactNode;
+    /** Sidebar section (sidenav) */
+    sidebarSection?: ReactNode;
+    /** Footer section (rendered at bottom of main area) */
+    footerSection?: ReactNode;
+    /** Main content */
+    children?: ReactNode;
+    /** Custom CSS variables */
+    cssVars?: Record<string, string | number>;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Layout Section - Root container for page layouts.
+ *
+ * Structure:
+ * ```
+ * LayoutRoot
+ * ├── GlobalStyles (CSS variables)
+ * ├── HeaderSection
+ * └── LayoutSidebarContainer (when sidebar exists)
+ *     ├── SidebarSection
+ *     └── MainContent
+ *         ├── children
+ *         └── FooterSection
+ * └── or MainContent directly (when no sidebar)
+ * ```
+ *
+ * @example
+ * ```tsx
+ * <LayoutSection
+ *   headerSection={<HeaderSection slots={{ leftArea: <Logo /> }} />}
+ *   sidebarSection={<Sidenav />}
+ *   footerSection={<Footer />}
+ * >
+ *   <Outlet />
+ * </LayoutSection>
+ * ```
+ */
+export declare function LayoutSection({ headerSection, sidebarSection, footerSection, children, cssVars, sx, }: LayoutSectionProps): ReactNode;
+export interface MainSectionProps {
+    /** Content */
+    children?: ReactNode;
+    /** MUI sx prop */
+    sx?: SxProps<Theme>;
+}
+/**
+ * Main content section.
+ * Simple flex container for page content.
+ */
+export declare function MainSection({ children, sx }: MainSectionProps): ReactNode;
+//# sourceMappingURL=layout-section.d.ts.map

package/dist/layouts/core/layout-section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout-section.d.ts","sourceRoot":"","sources":["../../../src/layouts/core/layout-section.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AA+BpD,MAAM,WAAW,kBAAkB;IACjC,uCAAuC;IACvC,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,gCAAgC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,uDAAuD;IACvD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,mBAAmB;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAC1C,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,aAAa,EACb,QAAQ,EACR,OAAO,EACP,EAAE,GACH,EAAE,kBAAkB,GAAG,SAAS,CAgChC;AAMD,MAAM,WAAW,gBAAgB;IAC/B,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,kBAAkB;IAClB,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,gBAAgB,GAAG,SAAS,CA2BzE"}

package/dist/layouts/core/user-menu.d.ts

@@ -0,0 +1,88 @@
+/**
+ * User Menu Component
+ *
+ * A dropdown menu for user account actions with avatar button trigger.
+ * Combines minimal design with portal-style functionality.
+ *
+ * @module layouts/core/user-menu
+ */
+import type { ReactNode } from 'react';
+import type { SxProps, Theme } from '@mui/material';
+export interface UserMenuUser {
+    /** User display name */
+    name: string;
+    /** User email */
+    email?: string;
+    /** Avatar image URL */
+    avatarUrl?: string;
+    /** User role or subtitle */
+    role?: string;
+}
+export interface UserMenuItem {
+    /** Unique key for the menu item */
+    key: string;
+    /** Menu item label */
+    label: string;
+    /** Optional icon */
+    icon?: ReactNode;
+    /** Click handler */
+    onClick?: () => void;
+    /** Highlight as destructive (e.g., logout) */
+    destructive?: boolean;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Show divider after this item */
+    dividerAfter?: boolean;
+}
+export interface UserMenuProps {
+    /** User data */
+    user: UserMenuUser;
+    /** Menu items */
+    menuItems?: UserMenuItem[];
+    /** Custom header content */
+    header?: ReactNode;
+    /** Custom footer content */
+    footer?: ReactNode;
+    /** Avatar size */
+    avatarSize?: 'small' | 'medium' | 'large';
+    /** Show email in header */
+    showEmail?: boolean;
+    /** Show role in header */
+    showRole?: boolean;
+    /** Custom sx for the trigger button */
+    sx?: SxProps<Theme>;
+    /** Custom sx for the popover */
+    popoverSx?: SxProps<Theme>;
+    /** Callback when menu opens */
+    onOpen?: () => void;
+    /** Callback when menu closes */
+    onClose?: () => void;
+}
+/**
+ * User Menu - Dropdown menu with avatar trigger for user account actions.
+ *
+ * Features:
+ * - Avatar button trigger with hover/focus states
+ * - Customizable menu items with icons
+ * - User header with name, email, and role
+ * - Destructive action styling (for logout)
+ * - Keyboard accessible
+ *
+ * @example
+ * ```tsx
+ * <UserMenu
+ *   user={{
+ *     name: 'John Doe',
+ *     email: 'john@example.com',
+ *     avatarUrl: '/avatars/john.jpg',
+ *   }}
+ *   menuItems={[
+ *     { key: 'profile', label: 'Profile', icon: <PersonIcon />, onClick: () => {} },
+ *     { key: 'settings', label: 'Settings', icon: <SettingsIcon />, onClick: () => {} },
+ *     { key: 'logout', label: 'Logout', icon: <LogoutIcon />, destructive: true, onClick: handleLogout },
+ *   ]}
+ * />
+ * ```
+ */
+export declare function UserMenu({ user, menuItems, header, footer, avatarSize, showEmail, showRole, sx, popoverSx, onOpen, onClose, }: UserMenuProps): ReactNode;
+//# sourceMappingURL=user-menu.d.ts.map

package/dist/layouts/core/user-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"user-menu.d.ts","sourceRoot":"","sources":["../../../src/layouts/core/user-menu.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAIH,OAAO,KAAK,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAYnD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAMpD,MAAM,WAAW,YAAY;IAC3B,wBAAwB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,YAAY;IAC3B,mCAAmC;IACnC,GAAG,EAAE,MAAM,CAAC;IACZ,sBAAsB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,8CAA8C;IAC9C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,aAAa;IAC5B,gBAAgB;IAChB,IAAI,EAAE,YAAY,CAAC;IACnB,iBAAiB;IACjB,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,4BAA4B;IAC5B,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC1C,2BAA2B;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACpB,gCAAgC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AA0GD;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,SAAc,EACd,MAAM,EACN,MAAM,EACN,UAAqB,EACrB,SAAgB,EAChB,QAAgB,EAChB,EAAE,EACF,SAAS,EACT,MAAM,EACN,OAAO,GACR,EAAE,aAAa,GAAG,SAAS,CAsJ3B"}

package/dist/layouts/dashboard/index.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Dashboard Layout Exports
+ *
+ * @module layouts/dashboard
+ */
+export { DashboardLayout, DashboardContent } from './layout.js';
+export type { DashboardLayoutProps, DashboardContentProps } from './layout.js';
+export { Sidenav, MobileSidenav } from './sidenav.js';
+export type { SidenavProps, MobileSidenavProps } from './sidenav.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/layouts/dashboard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/layouts/dashboard/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACtD,YAAY,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC"}