fluxo-ui 0.0.1

package/src/components/image-editor/image-editor-types.d.ts

@@ -0,0 +1,51 @@
+export type CropMode = 'custom' | 'square' | 'circle' | '16:9' | '4:3' | '3:2' | '1:1' | '9:16' | '3:4' | '2:3';
+export type ExportFormat = 'png' | 'jpeg' | 'webp';
+export type EditorTool = 'crop' | 'rotate' | 'flip' | 'blur' | 'annotate' | 'transparency' | 'tilt';
+export interface CropArea {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+export interface ImageTransform {
+    rotation: number;
+    flipH: boolean;
+    flipV: boolean;
+    tilt: number;
+    zoom: number;
+    transparency: number;
+}
+export interface HistoryEntry {
+    imageData: string;
+    transform: ImageTransform;
+    cropArea: CropArea | null;
+}
+export interface ExportOptions {
+    format: ExportFormat;
+    quality: number;
+    maxWidth?: number;
+    maxHeight?: number;
+}
+export interface BlurRegion {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    intensity: number;
+}
+export interface ImageEditorProps {
+    src: string;
+    alt?: string;
+    width?: number | string;
+    height?: number | string;
+    onSave?: (data: Blob, format: ExportFormat) => void;
+    onCancel?: () => void;
+    tools?: EditorTool[];
+    defaultTool?: EditorTool;
+    maxHistory?: number;
+    className?: string;
+    exportOptions?: Partial<ExportOptions>;
+    cropModes?: CropMode[];
+}
+export declare const aspectRatios: Record<string, number | null>;

package/src/components/image-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { ImageEditor } from './ImageEditor';
+export type { ImageEditorProps, EditorTool, CropMode, ExportFormat, ExportOptions, CropArea, ImageTransform, BlurRegion, } from './image-editor-types';

package/src/components/index.d.ts

@@ -0,0 +1,75 @@
+export type { ComponentEvent, ListItem } from '../types';
+export * from './animate-on-view';
+export { Autocomplete } from './Autocomplete';
+export { AutocompleteMulti } from './AutocompleteMulti';
+export { Breadcrumb } from './Breadcrumb';
+export type { BreadcrumbItem, BreadcrumbProps } from './Breadcrumb';
+export { Button } from './Button';
+export { Checkbox } from './Checkbox';
+export { Chips } from './Chips';
+export * from './collapsible-panel';
+export * from './confirm-popover';
+export { ContextMenuManager, showContextMenu } from './context-menu';
+export { ThemeProvider, useTheme } from './context/ThemeContext';
+export { DeferredView } from './DeferredView';
+export type { DeferredViewProps } from './DeferredView';
+export { Drawer } from './drawer';
+export type { DrawerProps, DrawerPosition } from './drawer';
+export * from './calendar';
+export { Carousel } from './carousel';
+export type { CarouselProps, CarouselSlide } from './carousel';
+export { InfiniteScroll } from './InfiniteScroll';
+export type { InfiniteScrollProps } from './InfiniteScroll';
+export { default as DateRangePicker } from './date-range';
+export type { DateRangeValue, DateSelectedCallbackArg, RangeOption, SelectionMode } from './date-range';
+export { Dropdown } from './Dropdown';
+export { Fab } from './Fab';
+export type { FabPosition, FabProps, FabSize, FabVariant } from './Fab';
+export { FieldLabel } from './FieldLabel';
+export * from './file-upload';
+export * from './gantt-chart';
+export * from './image-editor';
+export * from './lightbox';
+export * from './menu-nav';
+export * from './page-banner';
+export * from './pivot-table';
+export * from './slider';
+export { JsonEditor } from './json-editor';
+export type { JsonEditorProps, JsonEditorSize, JsonEditorTheme, JsonValue, JsonObject, JsonArray, JsonValueType } from './json-editor';
+export { InputGroup } from './InputGroup';
+export { InputSwitch } from './InputSwitch';
+export { default as ListBox } from './ListBox';
+export { MaskedInput } from './MaskedInput';
+export type { MaskedInputProps } from './MaskedInput';
+export { Modal } from './Modal';
+export { Multiselect } from './Multiselect';
+export { NotificationCenter } from './notification-center';
+export type { NotificationCenterProps, NotificationItem } from './notification-center';
+export { MultiStateCheckbox } from './MultiStateCheckbox';
+export { NumericInput } from './NumericInput';
+export { Password } from './Password';
+export { Popover } from './Popover';
+export { ProgressBar } from './ProgressBar';
+export type { ProgressBarLayout, ProgressBarProps, ProgressBarSegment, ProgressBarSize, ProgressBarVariant } from './ProgressBar';
+export { RadioButton, RadioButtonGroup } from './RadioButton';
+export { SelectButton } from './SelectButton';
+export * from './shimmer';
+export * from './snackbar';
+export { SpeedDial } from './SpeedDial';
+export type { SpeedDialDirection, SpeedDialItem, SpeedDialLayout, SpeedDialProps, SpeedDialSize, SpeedDialVariant } from './SpeedDial';
+export * from './splitter';
+export { Stepper } from './Stepper';
+export type { StepItem, StepperLabelPlacement, StepperLayout, StepperOrientation, StepperProps, StepperSize, StepperVariant, StepStatus, } from './Stepper';
+export * from './tab-view';
+export * from './table/Table';
+export { default as Table } from './table/Table';
+export type { Column } from './table/table-types';
+export * from './timeline';
+export { TextArea } from './TextArea';
+export { TextInput } from './TextInput';
+export { ToggleButton } from './ToggleButton';
+export { hideTooltip, showTooltip } from './tooltip/Tooltip';
+export { default as TooltipManager } from './tooltip/TooltipManager';
+export { default as StepTour } from './tour/StepTour';
+export { TreeView } from './tree-view';
+export type { CheckState, DragDropInfo, TreeNode, TreeNodeProps, TreeViewProps } from './tree-view';

package/src/components/json-editor/AddEntry.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { JsonEditorSize, JsonValue } from './json-editor-types';
+interface AddEntryProps {
+    type: 'object' | 'array';
+    onAdd: (key: string, value: JsonValue) => void;
+    existingKeys?: string[];
+    size: JsonEditorSize;
+}
+declare const AddEntry: React.FC<AddEntryProps>;
+export default AddEntry;

package/src/components/json-editor/ArrayEditor.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { EditorNodeProps } from './json-editor-types';
+declare const ArrayEditor: React.FC<EditorNodeProps>;
+export default ArrayEditor;

package/src/components/json-editor/ItemNameDisplay.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ItemNameDisplayProps } from './json-editor-types';
+declare const ItemNameDisplay: React.FC<ItemNameDisplayProps>;
+export default ItemNameDisplay;

package/src/components/json-editor/ItemValueDisplay.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ItemValueDisplayProps } from './json-editor-types';
+declare const ItemValueDisplay: React.FC<ItemValueDisplayProps>;
+export default ItemValueDisplay;

package/src/components/json-editor/JsonEditor.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { JsonEditorProps } from './json-editor-types';
+declare const JsonEditor: React.FC<JsonEditorProps>;
+export { JsonEditor };
+export type { JsonEditorProps, JsonValue, JsonEditorSize, JsonEditorTheme } from './json-editor-types';

package/src/components/json-editor/NodeSelector.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { EditorNodeProps, JsonValue } from './json-editor-types';
+declare function getEditorComponent(value: JsonValue): React.FC<EditorNodeProps>;
+declare const NodeSelector: React.FC<EditorNodeProps>;
+export default NodeSelector;
+export { getEditorComponent };

package/src/components/json-editor/ObjectEditor.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { EditorNodeProps } from './json-editor-types';
+declare const ObjectEditor: React.FC<EditorNodeProps>;
+export default ObjectEditor;

package/src/components/json-editor/SimpleEditor.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { EditorNodeProps } from './json-editor-types';
+declare const SimpleEditor: React.FC<EditorNodeProps>;
+export default SimpleEditor;

package/src/components/json-editor/Toolbar.d.ts

@@ -0,0 +1,14 @@
+import { default as React } from 'react';
+import { JsonEditorSize, JsonValue } from './json-editor-types';
+interface ToolbarProps {
+    value: JsonValue;
+    allowSearch: boolean;
+    allowCopy: boolean;
+    size: JsonEditorSize;
+    onExpandAll: () => void;
+    onCollapseAll: () => void;
+    searchText: string;
+    onSearchChange: (text: string) => void;
+}
+declare const Toolbar: React.FC<ToolbarProps>;
+export default Toolbar;

package/src/components/json-editor/index.d.ts

@@ -0,0 +1,2 @@
+export { JsonEditor } from './JsonEditor';
+export type { JsonEditorProps, JsonEditorSize, JsonEditorTheme, JsonValue, JsonObject, JsonArray, JsonValueType, } from './json-editor-types';

package/src/components/json-editor/json-editor-types.d.ts

@@ -0,0 +1,83 @@
+import { default as React } from 'react';
+export type JsonValue = string | number | boolean | null | undefined | JsonObject | JsonArray;
+export interface JsonObject {
+    [key: string]: JsonValue;
+}
+export type JsonArray = JsonValue[];
+export type JsonValueType = 'string' | 'number' | 'boolean' | 'null' | 'undefined' | 'object' | 'array' | 'date';
+export type JsonEditorTheme = 'default' | 'monokai' | 'github';
+export type JsonEditorSize = 'sm' | 'md' | 'lg';
+export interface JsonEditorProps {
+    value: JsonValue;
+    onChange?: (value: JsonValue) => void;
+    allowEditValue?: boolean;
+    allowEditKey?: boolean;
+    allowRemove?: boolean;
+    allowInsert?: boolean;
+    allowTypeChange?: boolean;
+    allowCopy?: boolean;
+    allowSearch?: boolean;
+    readOnly?: boolean;
+    expandDepth?: number;
+    size?: JsonEditorSize;
+    maxHeight?: string | number;
+    showDataTypes?: boolean;
+    showItemCount?: boolean;
+    showToolbar?: boolean;
+    sortKeys?: boolean;
+    className?: string;
+    id?: string;
+    ariaLabel?: string;
+}
+export interface EditorNodeProps {
+    name?: string | number;
+    value: JsonValue;
+    displayName?: React.ReactNode;
+    depth: number;
+    expandDepth: number;
+    path: string;
+    onChange: (value: JsonValue, name: string | number) => void;
+    onNameChange?: (newName: string, oldName: string) => void;
+    onRemove?: (name: string | number) => void;
+    onInsert?: (index: number) => void;
+    allowEditValue: boolean;
+    allowEditKey: boolean;
+    allowRemove: boolean;
+    allowInsert: boolean;
+    allowTypeChange: boolean;
+    allowCopy: boolean;
+    showDataTypes: boolean;
+    showItemCount: boolean;
+    sortKeys: boolean;
+    size: JsonEditorSize;
+    searchText: string;
+}
+export interface ItemNameDisplayProps {
+    name?: string | number;
+    display?: React.ReactNode;
+    expanded?: boolean;
+    allowEdit: boolean;
+    onChange?: (newName: string, oldName: string) => void;
+    onToggle?: () => void;
+    onRemove?: () => void;
+    onInsert?: () => void;
+    onCopy?: () => void;
+    allowRemove: boolean;
+    allowInsert: boolean;
+    allowCopy: boolean;
+    size: JsonEditorSize;
+}
+export interface ItemValueDisplayProps {
+    value: string;
+    displayValue?: React.ReactNode;
+    type: JsonValueType;
+    allowEdit: boolean;
+    allowTypeChange: boolean;
+    onChange: (value: JsonValue) => void;
+    size: JsonEditorSize;
+}
+export interface SearchMatch {
+    path: string;
+    key?: string;
+    value?: string;
+}

package/src/components/json-editor/json-editor-utils.d.ts

@@ -0,0 +1,11 @@
+import { JsonValue, JsonValueType } from './json-editor-types';
+export declare function getValueType(value: JsonValue): JsonValueType;
+export declare function isUrl(value: string): boolean;
+export declare function parseInputValue(text: string, currentType?: JsonValueType): JsonValue;
+export declare function getDefaultValueForType(type: JsonValueType): JsonValue;
+export declare function convertValueToType(currentValue: JsonValue, newType: JsonValueType): JsonValue;
+export declare function getDisplayString(value: JsonValue): string;
+export declare function copyToClipboard(value: JsonValue): void;
+export declare function countItems(value: JsonValue): number;
+export declare function doesNodeMatch(key: string | number | undefined, value: JsonValue, query: string): boolean;
+export declare function sortObjectKeys(obj: Record<string, JsonValue>): Record<string, JsonValue>;

package/src/components/kanban-board/KanbanBoard.d.ts

@@ -0,0 +1,3 @@
+import { KanbanBoardProps } from './kanban-types';
+declare function KanbanBoard(props: KanbanBoardProps): import("react/jsx-runtime").JSX.Element;
+export default KanbanBoard;

package/src/components/kanban-board/KanbanCard.d.ts

@@ -0,0 +1,3 @@
+import { KanbanCardProps } from './kanban-types';
+declare function KanbanCard({ card, column, index }: KanbanCardProps): import("react/jsx-runtime").JSX.Element;
+export default KanbanCard;

package/src/components/kanban-board/KanbanColumn.d.ts

@@ -0,0 +1,3 @@
+import { KanbanColumnProps } from './kanban-types';
+declare function KanbanColumn({ column, cards, index, isCollapsed }: KanbanColumnProps): import("react/jsx-runtime").JSX.Element;
+export default KanbanColumn;

package/src/components/kanban-board/KanbanColumnHeader.d.ts

@@ -0,0 +1,8 @@
+import { KanbanColumnData } from './kanban-types';
+interface KanbanColumnHeaderProps {
+    column: KanbanColumnData;
+    cardCount: number;
+    isCollapsed: boolean;
+}
+declare function KanbanColumnHeader({ column, cardCount, isCollapsed }: KanbanColumnHeaderProps): import("react/jsx-runtime").JSX.Element;
+export default KanbanColumnHeader;

package/src/components/kanban-board/KanbanContext.d.ts

@@ -0,0 +1,5 @@
+import { KanbanContextValue } from './kanban-types';
+import { Context } from 'react';
+declare const KanbanContext: Context<KanbanContextValue | null>;
+export declare function useKanban(): KanbanContextValue;
+export default KanbanContext;

package/src/components/kanban-board/index.d.ts

@@ -0,0 +1,2 @@
+export { default as KanbanBoard } from './KanbanBoard';
+export type { KanbanBoardProps, KanbanCardClickEvent, KanbanCardCreateEvent, KanbanCardData, KanbanCardDeleteEvent, KanbanCardId, KanbanCardMoveEvent, KanbanCardProps, KanbanCardReorderEvent, KanbanCardSize, KanbanColumnCreateEvent, KanbanColumnData, KanbanColumnDeleteEvent, KanbanColumnId, KanbanColumnProps, KanbanColumnReorderEvent, KanbanColumnUpdateEvent, KanbanLabel, KanbanLayout, KanbanAssignee, KanbanPriority, KanbanSearchFilter, } from './kanban-types';

package/src/components/kanban-board/kanban-types.d.ts

@@ -0,0 +1,152 @@
+import { ReactNode } from 'react';
+export type KanbanCardId = string | number;
+export type KanbanColumnId = string | number;
+export interface KanbanCardData {
+    id: KanbanCardId;
+    title: string;
+    description?: string;
+    columnId: KanbanColumnId;
+    order: number;
+    priority?: KanbanPriority;
+    labels?: KanbanLabel[];
+    assignee?: KanbanAssignee;
+    assignees?: KanbanAssignee[];
+    dueDate?: Date | string;
+    coverImage?: string;
+    progress?: number;
+    subtaskCount?: number;
+    subtaskCompleted?: number;
+    commentCount?: number;
+    attachmentCount?: number;
+    blocked?: boolean;
+    color?: string;
+    [key: string]: any;
+}
+export interface KanbanColumnData {
+    id: KanbanColumnId;
+    title: string;
+    color?: string;
+    icon?: ReactNode;
+    limit?: number;
+    collapsed?: boolean;
+    locked?: boolean;
+    [key: string]: any;
+}
+export type KanbanPriority = 'critical' | 'high' | 'medium' | 'low' | 'none';
+export interface KanbanLabel {
+    id: string;
+    text: string;
+    color: string;
+}
+export interface KanbanAssignee {
+    id: string;
+    name: string;
+    avatar?: string;
+}
+export interface KanbanCardMoveEvent {
+    cardId: KanbanCardId;
+    card: KanbanCardData;
+    fromColumnId: KanbanColumnId;
+    toColumnId: KanbanColumnId;
+    fromIndex: number;
+    toIndex: number;
+}
+export interface KanbanCardReorderEvent {
+    columnId: KanbanColumnId;
+    cards: KanbanCardData[];
+}
+export interface KanbanColumnReorderEvent {
+    columns: KanbanColumnData[];
+}
+export interface KanbanCardClickEvent {
+    card: KanbanCardData;
+    column: KanbanColumnData;
+    event: React.MouseEvent;
+}
+export interface KanbanCardCreateEvent {
+    columnId: KanbanColumnId;
+    title: string;
+}
+export interface KanbanCardDeleteEvent {
+    card: KanbanCardData;
+    columnId: KanbanColumnId;
+}
+export interface KanbanColumnCreateEvent {
+    title: string;
+}
+export interface KanbanColumnDeleteEvent {
+    column: KanbanColumnData;
+}
+export interface KanbanColumnUpdateEvent {
+    column: KanbanColumnData;
+    field: string;
+    value: any;
+}
+export interface KanbanSearchFilter {
+    query?: string;
+    priority?: KanbanPriority[];
+    labels?: string[];
+    assignees?: string[];
+}
+export type KanbanLayout = 'horizontal' | 'vertical';
+export type KanbanCardSize = 'compact' | 'default' | 'detailed';
+export interface KanbanBoardProps {
+    columns: KanbanColumnData[];
+    cards: KanbanCardData[];
+    layout?: KanbanLayout;
+    cardSize?: KanbanCardSize;
+    className?: string;
+    columnWidth?: number | string;
+    columnMinHeight?: number | string;
+    maxColumnHeight?: number | string;
+    draggable?: boolean;
+    columnDraggable?: boolean;
+    allowAddCard?: boolean;
+    allowAddColumn?: boolean;
+    allowDeleteCard?: boolean;
+    allowDeleteColumn?: boolean;
+    allowEditColumn?: boolean;
+    allowCollapse?: boolean;
+    showCardCount?: boolean;
+    showColumnLimit?: boolean;
+    showSearch?: boolean;
+    virtualScroll?: boolean;
+    stickyColumnHeaders?: boolean;
+    cardTemplate?: (card: KanbanCardData, column: KanbanColumnData) => ReactNode;
+    columnHeaderTemplate?: (column: KanbanColumnData, cardCount: number) => ReactNode;
+    columnFooterTemplate?: (column: KanbanColumnData, cards: KanbanCardData[]) => ReactNode;
+    emptyColumnTemplate?: (column: KanbanColumnData) => ReactNode;
+    cardActionsTemplate?: (card: KanbanCardData, column: KanbanColumnData) => ReactNode;
+    onCardMove?: (event: KanbanCardMoveEvent) => void;
+    onCardReorder?: (event: KanbanCardReorderEvent) => void;
+    onCardClick?: (event: KanbanCardClickEvent) => void;
+    onCardDoubleClick?: (event: KanbanCardClickEvent) => void;
+    onCardCreate?: (event: KanbanCardCreateEvent) => void;
+    onCardDelete?: (event: KanbanCardDeleteEvent) => void;
+    onColumnReorder?: (event: KanbanColumnReorderEvent) => void;
+    onColumnCreate?: (event: KanbanColumnCreateEvent) => void;
+    onColumnDelete?: (event: KanbanColumnDeleteEvent) => void;
+    onColumnUpdate?: (event: KanbanColumnUpdateEvent) => void;
+    onColumnCollapse?: (columnId: KanbanColumnId, collapsed: boolean) => void;
+    onSearchChange?: (filter: KanbanSearchFilter) => void;
+}
+export interface KanbanColumnProps {
+    column: KanbanColumnData;
+    cards: KanbanCardData[];
+    index: number;
+    isCollapsed: boolean;
+}
+export interface KanbanCardProps {
+    card: KanbanCardData;
+    column: KanbanColumnData;
+    index: number;
+}
+export interface KanbanContextValue {
+    props: KanbanBoardProps;
+    collapsedColumns: Set<KanbanColumnId>;
+    toggleCollapse: (columnId: KanbanColumnId) => void;
+    searchFilter: KanbanSearchFilter;
+    setSearchFilter: (filter: KanbanSearchFilter) => void;
+    editingColumnId: KanbanColumnId | null;
+    setEditingColumnId: (id: KanbanColumnId | null) => void;
+}

package/src/components/kanban-board/kanban-utils.d.ts

@@ -0,0 +1,14 @@
+import { KanbanCardData, KanbanColumnData, KanbanColumnId, KanbanPriority, KanbanSearchFilter } from './kanban-types';
+export declare function getCardsForColumn(cards: KanbanCardData[], columnId: KanbanColumnId): KanbanCardData[];
+export declare function filterCards(cards: KanbanCardData[], filter: KanbanSearchFilter): KanbanCardData[];
+export declare function getPriorityOrder(priority: KanbanPriority): number;
+export declare function getPriorityLabel(priority: KanbanPriority): string;
+export declare function isColumnOverLimit(column: KanbanColumnData, cardCount: number): boolean;
+export declare function reorderCards(cards: KanbanCardData[], columnId: KanbanColumnId, fromIndex: number, toIndex: number): KanbanCardData[];
+export declare function moveCard(cards: KanbanCardData[], cardId: string | number, fromColumnId: KanbanColumnId, toColumnId: KanbanColumnId, toIndex: number): KanbanCardData[];
+export declare function getInitials(name: string): string;
+export declare function formatDueDate(date: Date | string): {
+    text: string;
+    isOverdue: boolean;
+    isDueSoon: boolean;
+};

package/src/components/lightbox/Lightbox.d.ts

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+type LightboxTrigger = 'hover' | 'click';
+type LightboxPosition = 'auto' | 'top' | 'bottom' | 'left' | 'right' | 'center';
+interface LightboxProps {
+    children: React.ReactNode;
+    content: React.ReactNode;
+    trigger?: LightboxTrigger;
+    position?: LightboxPosition;
+    width?: string | number;
+    height?: string | number;
+    zoomOut?: boolean;
+    zoomScale?: number;
+    zoomWidth?: string | number;
+    zoomHeight?: string | number;
+    backdrop?: boolean;
+    closeOnBackdropClick?: boolean;
+    closeOnEscape?: boolean;
+    showCloseButton?: boolean;
+    className?: string;
+    contentClassName?: string;
+    hoverDelay?: number;
+    hoverCloseDelay?: number;
+    disabled?: boolean;
+    ariaLabel?: string;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
+    onOpen?: () => void;
+    onClose?: () => void;
+}
+declare const Lightbox: React.FC<LightboxProps>;
+export { Lightbox };
+export type { LightboxProps, LightboxTrigger, LightboxPosition };

package/src/components/lightbox/index.d.ts

@@ -0,0 +1,2 @@
+export { Lightbox } from './Lightbox';
+export type { LightboxProps, LightboxTrigger, LightboxPosition } from './Lightbox';

package/src/components/menu-nav/MenuNav.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { MenuNavProps } from './menu-nav-types';
+declare const MenuNav: React.FC<MenuNavProps>;
+export { MenuNav };
+export type { MenuNavProps, MenuNavItem, MenuNavGroup } from './menu-nav-types';

package/src/components/menu-nav/MenuNavItem.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { MenuNavIconPosition, MenuNavItem as MenuNavItemType, MenuNavSelectionStyle, MenuNavSize } from './menu-nav-types';
+interface MenuNavItemComponentProps {
+    item: MenuNavItemType;
+    depth: number;
+    maxDepth: number;
+    selectedId: string;
+    size: MenuNavSize;
+    orientation: 'vertical' | 'horizontal';
+    selectionStyle: MenuNavSelectionStyle;
+    iconPosition: MenuNavIconPosition;
+    collapsed: boolean;
+    onSelect: (id: string, item: MenuNavItemType) => void;
+    onMobileSubmenu?: (items: MenuNavItemType[], title: string) => void;
+    isMobile: boolean;
+}
+declare const MenuNavItemComponent: React.FC<MenuNavItemComponentProps>;
+export default MenuNavItemComponent;

package/src/components/menu-nav/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuNav } from './MenuNav';
+export type { MenuNavProps, MenuNavItem, MenuNavGroup, MenuNavOrientation, MenuNavSize, MenuNavSelectionStyle, MenuNavIconPosition } from './menu-nav-types';

package/src/components/menu-nav/menu-nav-types.d.ts

@@ -0,0 +1,49 @@
+import { default as React } from 'react';
+export type MenuNavOrientation = 'vertical' | 'horizontal';
+export type MenuNavSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type MenuNavSelectionStyle = 'border-left' | 'border-bottom' | 'background' | 'arrow' | 'highlight';
+export type MenuNavIconPosition = 'left' | 'right';
+export interface MenuNavItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    iconPosition?: MenuNavIconPosition;
+    disabled?: boolean;
+    badge?: React.ReactNode;
+    children?: MenuNavItem[];
+    group?: string;
+    separator?: boolean;
+    href?: string;
+    onClick?: () => void;
+    className?: string;
+}
+export interface MenuNavGroup {
+    id: string;
+    label: string;
+    collapsible?: boolean;
+    defaultExpanded?: boolean;
+    items: MenuNavItem[];
+}
+export interface MenuNavProps {
+    items: (MenuNavItem | MenuNavGroup)[];
+    orientation?: MenuNavOrientation;
+    size?: MenuNavSize;
+    selectedId?: string;
+    defaultSelectedId?: string;
+    onSelect?: (id: string, item: MenuNavItem) => void;
+    selectionStyle?: MenuNavSelectionStyle;
+    iconPosition?: MenuNavIconPosition;
+    collapsed?: boolean;
+    collapsible?: boolean;
+    onCollapsedChange?: (collapsed: boolean) => void;
+    mobileBreakpoint?: number;
+    mobileFullScreen?: boolean;
+    showSearch?: boolean;
+    searchPlaceholder?: string;
+    headerSlot?: React.ReactNode;
+    footerSlot?: React.ReactNode;
+    maxSubMenuDepth?: number;
+    toolbar?: boolean;
+    className?: string;
+    ariaLabel?: string;
+}

package/src/components/notification-center/NotificationCenter.d.ts

@@ -0,0 +1,3 @@
+import { default as React } from 'react';
+import { NotificationCenterProps } from './notification-center-types';
+export declare const NotificationCenter: React.FC<NotificationCenterProps>;

package/src/components/notification-center/NotificationItemRow.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { NotificationItem } from './notification-center-types';
+interface NotificationItemRowProps {
+    item: NotificationItem;
+    onClick?: (item: NotificationItem) => void;
+    onMarkRead?: (id: string) => void;
+    itemTemplate?: (item: NotificationItem) => React.ReactNode;
+}
+export declare const NotificationItemRow: React.FC<NotificationItemRowProps>;
+export {};

package/src/components/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export { NotificationCenter } from './NotificationCenter';
+export type { NotificationCenterProps, NotificationItem } from './notification-center-types';