@12-apps/ui 5.0.0 → 5.1.0

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.types.d.ts

@@ -0,0 +1,127 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { BreadcrumbsProps as MuiBreadcrumbsProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface BreadcrumbItem {
+    /**
+     * The label to display for the breadcrumb
+     */
+    label: string;
+    /**
+     * The href for the breadcrumb link
+     */
+    href?: string;
+    /**
+     * Icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Whether this is the current/active breadcrumb
+     */
+    active?: boolean;
+    /**
+     * Click handler for the breadcrumb
+     */
+    onClick?: (event: React.MouseEvent<HTMLAnchorElement | HTMLSpanElement>) => void;
+    /**
+     * Tooltip text to display on hover
+     */
+    tooltip?: string;
+    /**
+     * Custom aria-label for accessibility
+     */
+    ariaLabel?: string;
+    /**
+     * Test id for THIS crumb, replacing the trail's positional
+     * `<dataTestId>-link-<index>` / `<dataTestId>-item-<index>`.
+     *
+     * A trail that takes over from an older affordance has to keep that
+     * affordance's id, and the positional one cannot: a crumb's index moves the
+     * moment the trail grows a step — which is exactly what happens when a
+     * screen gains an "editing" level.
+     */
+    dataTestId?: string;
+    /**
+     * Internal flag for ellipsis items (used in collapsed behavior)
+     * @internal
+     */
+    isEllipsis?: boolean;
+}
+export interface BreadcrumbsProps extends Omit<MuiBreadcrumbsProps, 'separator'> {
+    /**
+     * The visual variant of the breadcrumbs container
+     * - default: No special styling
+     * - glass: Glass morphism effect with backdrop blur
+     * - elevated: Card-like appearance with shadow
+     * - outlined: Simple border outline
+     */
+    variant?: 'default' | 'glass' | 'elevated' | 'outlined';
+    /**
+     * The type of separator between breadcrumb items
+     * - default: Small arrow icon
+     * - slash: Forward slash character
+     * - arrow: NavigateNext icon
+     * - chevron: ChevronRight icon
+     * - dot: Bullet point
+     * - pipe: Vertical bar
+     */
+    separatorType?: 'default' | 'slash' | 'arrow' | 'chevron' | 'dot' | 'pipe';
+    /**
+     * Array of breadcrumb items
+     */
+    items: BreadcrumbItem[];
+    /**
+     * Custom separator element (overrides separatorType)
+     */
+    separator?: ReactNode;
+    /**
+     * Maximum number of items to display before collapsing
+     * @default 8
+     */
+    maxItems?: number;
+    /**
+     * Maximum number of items to display on mobile devices
+     * @default 3
+     */
+    mobileMaxItems?: number;
+    /**
+     * How to handle collapsed items
+     * - menu: Show collapsed items in a dropdown menu
+     * - ellipsis: Replace middle items with "..."
+     * @default 'menu'
+     */
+    collapseBehavior?: 'menu' | 'ellipsis';
+    /**
+     * Whether to show home icon for first item
+     * @default true
+     */
+    showHomeIcon?: boolean;
+    /**
+     * Size of the breadcrumbs
+     * @default 'md'
+     */
+    size?: SizeValue;
+    /**
+     * Color scheme for separators and accents
+     * @default 'default'
+     */
+    /**
+     * `neutral` is what this called `default`: the unaccented state, renamed to
+     * the house word rather than kept as a third spelling of the same idea.
+     */
+    color?: Extract<ColorValue, 'primary' | 'secondary' | 'neutral'>;
+    /**
+     * Elevation level for glass and elevated variants (0-5)
+     * @default 1
+     */
+    elevation?: 0 | 1 | 2 | 3 | 4 | 5;
+    /**
+     * Custom aria-label for the breadcrumb navigation
+     */
+    ariaLabel?: string;
+    /**
+     * Test ID for the breadcrumbs container and elements
+     * @default 'breadcrumbs'
+     */
+    dataTestId?: string;
+}
+//# sourceMappingURL=Breadcrumbs.types.d.ts.map

package/dist/types/components/navigation/Breadcrumbs/Breadcrumbs.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/Breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAC7E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,eAAe,CAAC,KAAK,IAAI,CAAC;IAEjF;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;;;;;;OAQG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,WAAW,CAAC;IAC9E;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC;IAExD;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,SAAS,GAAG,KAAK,GAAG,MAAM,CAAC;IAE3E;;OAEG;IACH,KAAK,EAAE,cAAc,EAAE,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;;;OAKG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC;IAEvC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;;OAGG;IACH;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC,UAAU,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,CAAC;IAEjE;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAElC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/navigation/Breadcrumbs/index.d.ts

@@ -0,0 +1,3 @@
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbItem, BreadcrumbsProps } from './Breadcrumbs.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/Breadcrumbs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/Breadcrumbs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAC,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/components/navigation/CommandPalette/CommandPalette.d.ts

@@ -0,0 +1,5 @@
+import type { FC } from 'react';
+import type { CommandPaletteProps } from './CommandPalette.types';
+export declare const CommandPalette: FC<CommandPaletteProps>;
+export default CommandPalette;
+//# sourceMappingURL=CommandPalette.d.ts.map

package/dist/types/components/navigation/CommandPalette/CommandPalette.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,EAAE,EAAC,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAuGlE,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAwElD,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/dist/types/components/navigation/CommandPalette/CommandPalette.helpers.d.ts

@@ -0,0 +1,19 @@
+import type Fuse from 'fuse.js';
+import type React from 'react';
+import type { PaletteCommand } from './CommandPalette.types';
+export declare const filterCommands: ({ commands, searchQuery, fuse, showRecent, recentCommandIds, }: {
+    commands: PaletteCommand[];
+    searchQuery: string;
+    fuse: Fuse<PaletteCommand>;
+    showRecent?: boolean;
+    recentCommandIds: string[];
+}) => PaletteCommand[];
+export declare const groupByCategory: (commands: PaletteCommand[]) => Record<string, PaletteCommand[]>;
+export declare const createPaletteKeyHandler: ({ commandCount, selectedCommand, setSelectedIndex, executeCommand, onClose, }: {
+    commandCount: number;
+    selectedCommand?: PaletteCommand;
+    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
+    executeCommand: (command: PaletteCommand) => void;
+    onClose: () => void;
+}) => (event: globalThis.KeyboardEvent) => void;
+//# sourceMappingURL=CommandPalette.helpers.d.ts.map

package/dist/types/components/navigation/CommandPalette/CommandPalette.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.helpers.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPalette.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,SAAS,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAI7D,eAAO,MAAM,cAAc,GAAI,gEAM5B;IACD,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;CAC5B,KAAG,cAAc,EAcjB,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,cAAc,EAAE,KAAG,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAU3F,CAAC;AAKF,eAAO,MAAM,uBAAuB,GAAI,+EAMrC;IACD,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,CAAC;IACjC,gBAAgB,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC;IAC/D,cAAc,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,MAAM,OAAO,UAAU,CAAC,aAAa,SAmBrC,CAAC"}

package/dist/types/components/navigation/CommandPalette/CommandPalette.hooks.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { PaletteCommand } from './CommandPalette.types';
+export declare const useCommandPalette: ({ open, commands, showRecent, recentCommands, onCommandExecute, onClose, }: {
+    open: boolean;
+    commands: PaletteCommand[];
+    showRecent?: boolean;
+    recentCommands: string[];
+    onCommandExecute?: (command: PaletteCommand) => void;
+    onClose: () => void;
+}) => {
+    searchQuery: string;
+    setSearchQuery: React.Dispatch<React.SetStateAction<string>>;
+    selectedIndex: number;
+    setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;
+    searchInputRef: React.RefObject<HTMLInputElement | null>;
+    listRef: React.RefObject<HTMLUListElement | null>;
+    filteredCommands: PaletteCommand[];
+    groupedCommands: Record<string, PaletteCommand[]>;
+    executeCommand: (command: PaletteCommand) => void;
+    recentCommandIds: string[];
+};
+//# sourceMappingURL=CommandPalette.hooks.d.ts.map

package/dist/types/components/navigation/CommandPalette/CommandPalette.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.hooks.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPalette.hooks.ts"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAC;AAOjF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AA2I7D,eAAO,MAAM,iBAAiB,GAAI,4EAO/B;IACD,IAAI,EAAE,OAAO,CAAC;IACd,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;;;;;;;;;8BAxGa,cAAc;;CAgJ3B,CAAC"}

package/dist/types/components/navigation/CommandPalette/CommandPalette.types.d.ts

@@ -0,0 +1,24 @@
+import type React from 'react';
+export interface PaletteCommand {
+    id: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    shortcut?: string;
+    category?: string;
+    action: () => void;
+    keywords?: string[];
+}
+export interface CommandPaletteProps {
+    open: boolean;
+    onClose: () => void;
+    commands: PaletteCommand[];
+    placeholder?: string;
+    width?: string;
+    maxHeight?: string;
+    showRecent?: boolean;
+    recentCommands?: string[];
+    onCommandExecute?: (command: PaletteCommand) => void;
+    dataTestId?: string;
+}
+//# sourceMappingURL=CommandPalette.types.d.ts.map

package/dist/types/components/navigation/CommandPalette/CommandPalette.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPalette.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPalette.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;IAC1B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}

package/dist/types/components/navigation/CommandPalette/CommandPaletteResults.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { PaletteCommand } from './CommandPalette.types';
+export declare const PaletteResults: React.FC<{
+    listRef: React.Ref<globalThis.HTMLUListElement>;
+    dataTestId?: string;
+    searchQuery: string;
+    showRecent?: boolean;
+    commands: PaletteCommand[];
+    recentCommandIds: string[];
+    filteredCommands: PaletteCommand[];
+    groupedCommands: Record<string, PaletteCommand[]>;
+    selectedIndex: number;
+    onSelect: (index: number) => void;
+    onExecute: (command: PaletteCommand) => void;
+}>;
+//# sourceMappingURL=CommandPaletteResults.d.ts.map

package/dist/types/components/navigation/CommandPalette/CommandPaletteResults.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CommandPaletteResults.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/CommandPaletteResults.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAqF7D,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC;IACpC,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,gBAAgB,CAAC,CAAC;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,cAAc,EAAE,CAAC;IAC3B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,gBAAgB,EAAE,cAAc,EAAE,CAAC;IACnC,eAAe,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,EAAE,CAAC,CAAC;IAClD,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,EAAE,CAAC,OAAO,EAAE,cAAc,KAAK,IAAI,CAAC;CAC9C,CA8EA,CAAC"}

package/dist/types/components/navigation/CommandPalette/ShortcutChip.d.ts

@@ -0,0 +1,4 @@
+import type { ChipProps } from '@mui/material';
+import React from 'react';
+export declare const ShortcutChip: React.FC<ChipProps>;
+//# sourceMappingURL=ShortcutChip.d.ts.map

package/dist/types/components/navigation/CommandPalette/ShortcutChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutChip.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/ShortcutChip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAU5C,CAAC"}

package/dist/types/components/navigation/CommandPalette/index.d.ts

@@ -0,0 +1,3 @@
+export { CommandPalette } from './CommandPalette';
+export type { PaletteCommand, CommandPaletteProps } from './CommandPalette.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/CommandPalette/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/CommandPalette/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/types/components/navigation/ContextMenu/ContextMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { ContextMenuProps } from './ContextMenu.types';
+export declare const ContextMenu: React.ForwardRefExoticComponent<Omit<ContextMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ContextMenu.d.ts.map

package/dist/types/components/navigation/ContextMenu/ContextMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAgD,MAAM,OAAO,CAAC;AAErE,OAAO,KAAK,EAAkB,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAoL5E,eAAO,MAAM,WAAW,sGA0EvB,CAAC"}

package/dist/types/components/navigation/ContextMenu/ContextMenu.types.d.ts

@@ -0,0 +1,80 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { MenuProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface ContextMenuItem {
+    /**
+     * Unique identifier for the menu item
+     */
+    id: string;
+    /**
+     * Label to display for the menu item
+     */
+    label: string;
+    /**
+     * Icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Type of menu item
+     */
+    type?: 'item' | 'divider' | 'header';
+    /**
+     * Click handler for the menu item
+     */
+    onClick?: () => void;
+    /**
+     * Keyboard shortcut to display
+     */
+    shortcut?: string;
+    /**
+     * Color variant for the item
+     */
+    color?: ColorValue;
+    /**
+     * Whether the item is dangerous/destructive
+     */
+    dangerous?: boolean;
+}
+export interface ContextMenuProps extends Omit<MenuProps, 'open' | 'anchorEl' | 'variant'> {
+    /**
+     * The variant of the context menu
+     */
+    variant?: 'default' | 'glass' | 'dark';
+    /**
+     * Menu items to display
+     */
+    items: ContextMenuItem[];
+    /**
+     * Target element to attach context menu to
+     */
+    children: ReactNode;
+    /**
+     * Whether the context menu is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Callback when menu opens
+     */
+    onOpen?: (event: React.MouseEvent) => void;
+    /**
+     * Callback when menu closes
+     */
+    onClose?: () => void;
+    /**
+     * Size of the menu items
+     */
+    size?: SizeValue;
+    /**
+     * Custom className for the trigger element
+     */
+    triggerClassName?: string;
+    /**
+     * Custom styles for the trigger element
+     */
+    triggerStyle?: React.CSSProperties;
+}
+//# sourceMappingURL=ContextMenu.types.d.ts.map

package/dist/types/components/navigation/ContextMenu/ContextMenu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/ContextMenu/ContextMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,eAAe;IAC9B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,UAAU,GAAG,SAAS,CAAC;IACxF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAEvC;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAE3C;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC"}

package/dist/types/components/navigation/ContextMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { ContextMenu } from './ContextMenu';
+export type { ContextMenuItem, ContextMenuProps } from './ContextMenu.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/ContextMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/ContextMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,eAAe,EAAC,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/types/components/navigation/DropdownMenu/DropdownMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DropdownMenuProps } from './DropdownMenu.types';
+export declare const DropdownMenu: React.ForwardRefExoticComponent<Omit<DropdownMenuProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DropdownMenu.d.ts.map

package/dist/types/components/navigation/DropdownMenu/DropdownMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAwD,MAAM,OAAO,CAAC;AAE7E,OAAO,KAAK,EAAmB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAwS/E,eAAO,MAAM,YAAY,uGAqExB,CAAC"}

package/dist/types/components/navigation/DropdownMenu/DropdownMenu.types.d.ts

@@ -0,0 +1,104 @@
+import type { ColorValue, SizeValue } from '../../../tokens/scales';
+import type { MenuProps } from '@mui/material';
+import type { ReactNode } from 'react';
+export interface DropdownMenuItem {
+    /**
+     * Unique identifier for the menu item
+     */
+    id: string;
+    /**
+     * Label to display for the menu item
+     */
+    label: string;
+    /**
+     * Icon to display before the label
+     */
+    icon?: ReactNode;
+    /**
+     * Whether the item is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Type of menu item
+     */
+    type?: 'item' | 'divider' | 'header';
+    /**
+     * Click handler for the menu item
+     */
+    onClick?: () => void;
+    /**
+     * Nested items for submenu
+     */
+    children?: DropdownMenuItem[];
+    /**
+     * Whether to show a chevron for submenu
+     */
+    showChevron?: boolean;
+    /**
+     * Custom component to render
+     */
+    component?: ReactNode;
+    /**
+     * Keyboard shortcut to display
+     */
+    shortcut?: string;
+    /**
+     * Color variant for the item
+     */
+    color?: ColorValue;
+    /**
+     * Test ID for the rendered item.
+     *
+     * Needed by any surface where an action MOVES into this menu when the row
+     * runs out of room: the action's id has to survive the move, or a suite that
+     * drives it by id passes on a wide screen and fails on a narrow one.
+     */
+    dataTestId?: string;
+}
+export interface DropdownMenuProps extends Omit<MenuProps, 'open' | 'variant'> {
+    /**
+     * The variant of the dropdown menu
+     */
+    variant?: 'default' | 'glass' | 'minimal';
+    /**
+     * Menu items to display
+     */
+    items: DropdownMenuItem[];
+    /**
+     * Trigger element for the dropdown
+     */
+    trigger?: ReactNode;
+    /**
+     * Whether the menu is open
+     */
+    open?: boolean;
+    /**
+     * Callback when menu opens
+     */
+    onOpen?: () => void;
+    /**
+     * Callback when menu closes
+     */
+    onClose?: () => void;
+    /**
+     * Size of the menu items
+     */
+    size?: SizeValue;
+    /**
+     * Maximum height of the menu
+     */
+    maxHeight?: number | string;
+    /**
+     * Minimum width of the menu
+     */
+    minWidth?: number | string;
+    /**
+     * Whether to close on item click
+     */
+    closeOnItemClick?: boolean;
+    /**
+     * Whether to show icons space even when no icons
+     */
+    showIconSpace?: boolean;
+}
+//# sourceMappingURL=DropdownMenu.types.d.ts.map

package/dist/types/components/navigation/DropdownMenu/DropdownMenu.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownMenu.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/DropdownMenu/DropdownMenu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;IAErC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAE9B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;IAC5E;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAE1C;;OAEG;IACH,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAE1B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAE3B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}

package/dist/types/components/navigation/DropdownMenu/index.d.ts

@@ -0,0 +1,3 @@
+export { DropdownMenu } from './DropdownMenu';
+export type { DropdownMenuItem, DropdownMenuProps } from './DropdownMenu.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/navigation/DropdownMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/DropdownMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,gBAAgB,EAAC,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMegaSection.d.ts

@@ -0,0 +1,11 @@
+import type { FC } from 'react';
+import type { NavigationMenuItem } from './NavigationMenu.types';
+export interface NavigationMegaSectionProps {
+    section: NavigationMenuItem;
+    sectionIndex: number;
+    variant?: string;
+    size?: string;
+    minimal?: boolean;
+}
+export declare const NavigationMegaSection: FC<NavigationMegaSectionProps>;
+//# sourceMappingURL=NavigationMegaSection.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMegaSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMegaSection.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMegaSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKhC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAuBjE,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,kBAAkB,CAAC;IAC5B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAID,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,0BAA0B,CA0BhE,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { NavigationMenuProps } from './NavigationMenu.types';
+export declare const NavigationMenu: React.ForwardRefExoticComponent<NavigationMenuProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NavigationMenu.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAOxC,OAAO,KAAK,EAAqB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAmGrF,eAAO,MAAM,cAAc,4FAyE1B,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.shell.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, PropsWithChildren, ReactNode } from 'react';
+import React from 'react';
+export interface NavigationShellProps extends PropsWithChildren {
+    variant?: string;
+    collapsed?: boolean;
+    minimal?: boolean;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare const NavigationShell: React.ForwardRefExoticComponent<NavigationShellProps & React.RefAttributes<HTMLDivElement>>;
+export declare const LogoBar: React.FC<PropsWithChildren>;
+export declare const MenuList: React.FC<PropsWithChildren<{
+    variant?: string;
+    size?: string;
+}>>;
+export declare const CollapseToggle: React.FC<PropsWithChildren<{
+    onClick: () => void;
+}>>;
+export declare const MegaSection: React.FC<{
+    children: ReactNode;
+}>;
+//# sourceMappingURL=NavigationMenu.shell.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.shell.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.shell.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzE,OAAO,KAAK,MAAM,OAAO,CAAC;AAoL1B,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,eAAO,MAAM,eAAe,6FAM3B,CAAC;AAIF,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAE/C,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAGlC,CAAC;AAErD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,CAAC,CAGb,CAAC;AAEpE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,CAEzD,CAAC"}

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.styles.d.ts

@@ -0,0 +1,22 @@
+import type { CSSObject, Theme } from '@mui/material';
+export declare const slideIn: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const pulseGlow: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const navItemButtonStyles: ({ theme, variant, active, size, collapsed, minimal, }: {
+    theme: Theme;
+    variant?: string;
+    active?: boolean;
+    size?: string;
+    collapsed?: boolean;
+    minimal?: boolean;
+}) => CSSObject;
+//# sourceMappingURL=NavigationMenu.styles.d.ts.map

package/dist/types/components/navigation/NavigationMenu/NavigationMenu.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationMenu.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/navigation/NavigationMenu/NavigationMenu.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtD,eAAO,MAAM,OAAO;;;;;UASnB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;UAUrB,CAAC;AA0JF,eAAO,MAAM,mBAAmB,GAAI,uDAOjC;IACD,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,KAAG,SA8BA,CAAC"}