@orion-ds/react 1.1.6 → 1.2.0

package/dist/sections/KanbanBoard/KanbanBoard.d.ts

@@ -0,0 +1,20 @@
+/**
+ * KanbanBoard Component
+ *
+ * A drag-and-drop board for task management (Trello/Linear style).
+ * Optimized for Product Mode with efficient task visualization.
+ *
+ * @example
+ * ```tsx
+ * <KanbanBoard
+ *   columns={[
+ *     { id: 'todo', title: 'To Do', cards: todoCards },
+ *     { id: 'done', title: 'Done', cards: doneCards }
+ *   ]}
+ *   onCardClick={(card) => openDetail(card)}
+ * />
+ * ```
+ */
+import type { KanbanBoardProps } from './KanbanBoard.types';
+export declare const KanbanBoard: import("react").ForwardRefExoticComponent<KanbanBoardProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=KanbanBoard.d.ts.map

package/dist/sections/KanbanBoard/KanbanBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../../src/sections/KanbanBoard/KanbanBoard.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAA4B,MAAM,qBAAqB,CAAC;AA0MtF,eAAO,MAAM,WAAW,6GAiDvB,CAAC"}

package/dist/sections/KanbanBoard/KanbanBoard.types.d.ts

@@ -0,0 +1,190 @@
+/**
+ * KanbanBoard Component Types
+ *
+ * Type definitions for the Orion KanbanBoard section component.
+ * A drag-and-drop board for task management (Trello/Linear style).
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Kanban card/item
+ */
+export interface KanbanCard {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Card title
+     */
+    title: string;
+    /**
+     * Card description
+     */
+    description?: string;
+    /**
+     * Labels/tags
+     */
+    labels?: KanbanLabel[];
+    /**
+     * Assigned users
+     */
+    assignees?: KanbanAssignee[];
+    /**
+     * Due date
+     */
+    dueDate?: string;
+    /**
+     * Priority level
+     */
+    priority?: 'low' | 'medium' | 'high' | 'urgent';
+    /**
+     * Custom metadata
+     */
+    metadata?: Record<string, ReactNode>;
+    /**
+     * Cover image URL
+     */
+    coverImage?: string;
+}
+/**
+ * Kanban label
+ */
+export interface KanbanLabel {
+    /**
+     * Label ID
+     */
+    id: string;
+    /**
+     * Label text
+     */
+    text: string;
+    /**
+     * Label color
+     */
+    color: 'red' | 'orange' | 'yellow' | 'green' | 'blue' | 'purple' | 'pink' | 'gray';
+}
+/**
+ * Kanban assignee
+ */
+export interface KanbanAssignee {
+    /**
+     * User ID
+     */
+    id: string;
+    /**
+     * User name
+     */
+    name: string;
+    /**
+     * Avatar URL
+     */
+    avatar?: string;
+}
+/**
+ * Kanban column
+ */
+export interface KanbanColumn {
+    /**
+     * Column ID
+     */
+    id: string;
+    /**
+     * Column title
+     */
+    title: string;
+    /**
+     * Column color/variant
+     */
+    color?: 'default' | 'blue' | 'green' | 'yellow' | 'red' | 'purple';
+    /**
+     * Cards in this column
+     */
+    cards: KanbanCard[];
+    /**
+     * Max cards limit (WIP limit)
+     */
+    limit?: number;
+}
+/**
+ * Drag result for move operations
+ */
+export interface KanbanDragResult {
+    /**
+     * Card that was moved
+     */
+    cardId: string;
+    /**
+     * Source column ID
+     */
+    sourceColumnId: string;
+    /**
+     * Source index
+     */
+    sourceIndex: number;
+    /**
+     * Destination column ID
+     */
+    destinationColumnId: string;
+    /**
+     * Destination index
+     */
+    destinationIndex: number;
+}
+/**
+ * KanbanBoard section props
+ *
+ * @example
+ * ```tsx
+ * <KanbanBoard
+ *   columns={[
+ *     { id: 'todo', title: 'To Do', cards: [...] },
+ *     { id: 'in-progress', title: 'In Progress', cards: [...] },
+ *     { id: 'done', title: 'Done', cards: [...] }
+ *   ]}
+ *   onCardMove={handleCardMove}
+ *   onCardClick={handleCardClick}
+ * />
+ * ```
+ */
+export interface KanbanBoardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Board columns
+     */
+    columns: KanbanColumn[];
+    /**
+     * Card move handler
+     */
+    onCardMove?: (result: KanbanDragResult) => void;
+    /**
+     * Card click handler
+     */
+    onCardClick?: (card: KanbanCard, columnId: string) => void;
+    /**
+     * Add card handler (shows add button if provided)
+     */
+    onAddCard?: (columnId: string) => void;
+    /**
+     * Add column handler (shows add column button if provided)
+     */
+    onAddColumn?: () => void;
+    /**
+     * Column menu handler
+     */
+    onColumnMenu?: (columnId: string) => void;
+    /**
+     * Compact card display
+     * @default false
+     */
+    compact?: boolean;
+    /**
+     * Show card count in column headers
+     * @default true
+     */
+    showCardCount?: boolean;
+    /**
+     * Enable drag and drop (visual only - actual DnD needs external library)
+     * @default true
+     */
+    draggable?: boolean;
+}
+//# sourceMappingURL=KanbanBoard.types.d.ts.map

package/dist/sections/KanbanBoard/KanbanBoard.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.types.d.ts","sourceRoot":"","sources":["../../../src/sections/KanbanBoard/KanbanBoard.types.ts"],"names":[],"mappings":"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"}

package/dist/sections/KanbanBoard/index.d.ts

@@ -0,0 +1,3 @@
+export { KanbanBoard } from './KanbanBoard';
+export type { KanbanBoardProps, KanbanColumn, KanbanCard, KanbanLabel, KanbanAssignee, KanbanDragResult, } from './KanbanBoard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/KanbanBoard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/KanbanBoard/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,YAAY,EACZ,UAAU,EACV,WAAW,EACX,cAAc,EACd,gBAAgB,GACjB,MAAM,qBAAqB,CAAC"}

package/dist/sections/MetricCards/MetricCards.d.ts

@@ -0,0 +1,23 @@
+/**
+ * MetricCards Component
+ *
+ * A row of KPI cards for dashboard overviews.
+ * Optimized for Product Mode with minimal visual noise and data density.
+ *
+ * @example
+ * ```tsx
+ * <MetricCards
+ *   metrics={[
+ *     { label: 'Revenue', value: '$12,345', change: { value: '+12%', positive: true } },
+ *     { label: 'Users', value: '1,234', change: { value: '+5%', positive: true } },
+ *     { label: 'Conversion', value: '3.2%', change: { value: '-0.5%', positive: false } }
+ *   ]}
+ *   columns={3}
+ * />
+ * ```
+ */
+import type { MetricCardsProps, MetricCardProps } from './MetricCards.types';
+declare const MetricCard: import("react").ForwardRefExoticComponent<MetricCardProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const MetricCards: import("react").ForwardRefExoticComponent<MetricCardsProps & import("react").RefAttributes<HTMLDivElement>>;
+export { MetricCard };
+//# sourceMappingURL=MetricCards.d.ts.map

package/dist/sections/MetricCards/MetricCards.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCards.d.ts","sourceRoot":"","sources":["../../../src/sections/MetricCards/MetricCards.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;GAiBG;AAIH,OAAO,KAAK,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AA8C7E,QAAA,MAAM,UAAU,4GAoGf,CAAC;AAKF,eAAO,MAAM,WAAW,6GAiCvB,CAAC;AAIF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/sections/MetricCards/MetricCards.types.d.ts

@@ -0,0 +1,139 @@
+/**
+ * MetricCards Component Types
+ *
+ * Type definitions for the Orion MetricCards section component.
+ * Designed for Product Mode (SaaS dashboards) KPI displays.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Trend indicator for a metric
+ */
+export interface MetricTrend {
+    /**
+     * Trend value (e.g., "+12%", "-5%")
+     */
+    value: string;
+    /**
+     * Whether the trend is positive
+     * @default true
+     */
+    positive?: boolean;
+    /**
+     * Comparison period label (e.g., "vs last month")
+     */
+    label?: string;
+}
+/**
+ * Sparkline data point
+ */
+export type SparklineData = number[];
+/**
+ * Individual metric item
+ */
+export interface MetricItem {
+    /**
+     * Unique identifier
+     */
+    id?: string;
+    /**
+     * Metric label
+     */
+    label: string;
+    /**
+     * Main value (e.g., "$12,345", "89%", "1,234")
+     */
+    value: string | number;
+    /**
+     * Optional change/trend indicator
+     */
+    change?: MetricTrend;
+    /**
+     * Optional icon element
+     */
+    icon?: ReactNode;
+    /**
+     * Optional sparkline data
+     */
+    sparkline?: SparklineData;
+    /**
+     * Optional link to detailed view
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+    /**
+     * Additional description
+     */
+    description?: string;
+    /**
+     * Loading state for this metric
+     */
+    loading?: boolean;
+}
+/**
+ * MetricCards column count
+ */
+export type MetricCardsColumns = 2 | 3 | 4 | 5;
+/**
+ * MetricCards visual variant
+ */
+export type MetricCardsVariant = 'default' | 'compact' | 'detailed';
+/**
+ * MetricCards section props
+ *
+ * @example
+ * ```tsx
+ * <MetricCards
+ *   metrics={[
+ *     { label: 'Revenue', value: '$12,345', change: { value: '+12%', positive: true } },
+ *     { label: 'Users', value: '1,234', change: { value: '+5%', positive: true } },
+ *     { label: 'Conversion', value: '3.2%', change: { value: '-0.5%', positive: false } }
+ *   ]}
+ *   columns={3}
+ * />
+ * ```
+ */
+export interface MetricCardsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of metric items
+     */
+    metrics: MetricItem[];
+    /**
+     * Number of grid columns
+     * @default 4
+     */
+    columns?: MetricCardsColumns;
+    /**
+     * Visual variant
+     * - default: Standard cards with borders
+     * - compact: Smaller padding and text
+     * - detailed: Includes sparklines and descriptions
+     * @default 'default'
+     */
+    variant?: MetricCardsVariant;
+    /**
+     * Loading state for all cards
+     * @default false
+     */
+    loading?: boolean;
+}
+/**
+ * Individual MetricCard props (internal component)
+ */
+export interface MetricCardProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Metric data
+     */
+    metric: MetricItem;
+    /**
+     * Visual variant
+     */
+    variant?: MetricCardsVariant;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+}
+//# sourceMappingURL=MetricCards.types.d.ts.map

package/dist/sections/MetricCards/MetricCards.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCards.types.d.ts","sourceRoot":"","sources":["../../../src/sections/MetricCards/MetricCards.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,MAAM,EAAE,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IAEZ;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IAEvB;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;AAE/C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEpE;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE;;OAEG;IACH,OAAO,EAAE,UAAU,EAAE,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACrE;;OAEG;IACH,MAAM,EAAE,UAAU,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/sections/MetricCards/index.d.ts

@@ -0,0 +1,3 @@
+export { MetricCards, MetricCard } from './MetricCards';
+export type { MetricCardsProps, MetricCardProps, MetricItem, MetricTrend, SparklineData, MetricCardsColumns, MetricCardsVariant, } from './MetricCards.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/sections/MetricCards/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/MetricCards/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACxD,YAAY,EACV,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,kBAAkB,GACnB,MAAM,qBAAqB,CAAC"}

package/dist/sections/NotificationCenter/NotificationCenter.d.ts

@@ -0,0 +1,18 @@
+/**
+ * NotificationCenter Component
+ *
+ * A notification panel/dropdown for SaaS applications.
+ * Optimized for Product Mode with efficient notification management.
+ *
+ * @example
+ * ```tsx
+ * <NotificationCenter
+ *   notifications={notifications}
+ *   onMarkAsRead={handleMarkAsRead}
+ *   onMarkAllAsRead={handleMarkAllAsRead}
+ * />
+ * ```
+ */
+import type { NotificationCenterProps } from './NotificationCenter.types';
+export declare const NotificationCenter: import("react").ForwardRefExoticComponent<NotificationCenterProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=NotificationCenter.d.ts.map

package/dist/sections/NotificationCenter/NotificationCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.d.ts","sourceRoot":"","sources":["../../../src/sections/NotificationCenter/NotificationCenter.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAYH,OAAO,KAAK,EAAE,uBAAuB,EAAoB,MAAM,4BAA4B,CAAC;AAsH5F,eAAO,MAAM,kBAAkB,oHA+H9B,CAAC"}

package/dist/sections/NotificationCenter/NotificationCenter.types.d.ts

@@ -0,0 +1,126 @@
+/**
+ * NotificationCenter Component Types
+ *
+ * Type definitions for the Orion NotificationCenter section component.
+ * A notification panel/dropdown for SaaS applications.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Notification item
+ */
+export interface NotificationItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Notification type
+     */
+    type?: 'info' | 'success' | 'warning' | 'error' | 'default';
+    /**
+     * Notification title
+     */
+    title: string;
+    /**
+     * Notification message
+     */
+    message?: string;
+    /**
+     * Custom icon (overrides type-based icon)
+     */
+    icon?: ReactNode;
+    /**
+     * Timestamp
+     */
+    timestamp: string;
+    /**
+     * Relative time (e.g., "2 min ago")
+     */
+    relativeTime?: string;
+    /**
+     * Read state
+     */
+    read?: boolean;
+    /**
+     * Action URL or click handler
+     */
+    href?: string;
+    onClick?: () => void;
+    /**
+     * Avatar/image for the notification
+     */
+    avatar?: string;
+    /**
+     * Category for grouping
+     */
+    category?: string;
+}
+/**
+ * NotificationCenter section props
+ *
+ * @example
+ * ```tsx
+ * <NotificationCenter
+ *   notifications={[
+ *     { id: '1', type: 'info', title: 'New message', message: 'You have a new message', relativeTime: '2 min ago' }
+ *   ]}
+ *   onMarkAsRead={(id) => markAsRead(id)}
+ *   onMarkAllAsRead={() => markAllAsRead()}
+ * />
+ * ```
+ */
+export interface NotificationCenterProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Notification items
+     */
+    notifications: NotificationItem[];
+    /**
+     * Mark single notification as read
+     */
+    onMarkAsRead?: (id: string) => void;
+    /**
+     * Mark all notifications as read
+     */
+    onMarkAllAsRead?: () => void;
+    /**
+     * Delete/dismiss notification
+     */
+    onDismiss?: (id: string) => void;
+    /**
+     * Clear all notifications
+     */
+    onClearAll?: () => void;
+    /**
+     * View all link/action
+     */
+    onViewAll?: () => void;
+    /**
+     * Header title
+     * @default "Notifications"
+     */
+    title?: string;
+    /**
+     * Empty state message
+     * @default "No notifications"
+     */
+    emptyMessage?: string;
+    /**
+     * Loading state
+     */
+    loading?: boolean;
+    /**
+     * Maximum height before scrolling
+     */
+    maxHeight?: string;
+    /**
+     * Group notifications by category
+     * @default false
+     */
+    groupByCategory?: boolean;
+    /**
+     * Show unread count badge
+     * @default true
+     */
+    showUnreadCount?: boolean;
+}
+//# sourceMappingURL=NotificationCenter.types.d.ts.map

package/dist/sections/NotificationCenter/NotificationCenter.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCenter.types.d.ts","sourceRoot":"","sources":["../../../src/sections/NotificationCenter/NotificationCenter.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IAE5D;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,uBAAwB,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC7E;;OAEG;IACH,aAAa,EAAE,gBAAgB,EAAE,CAAC;IAElC;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEpC;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IAExB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}

package/dist/sections/NotificationCenter/index.d.ts

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

package/dist/sections/NotificationCenter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/NotificationCenter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,YAAY,EACV,uBAAuB,EACvB,gBAAgB,GACjB,MAAM,4BAA4B,CAAC"}

package/dist/sections/PageHeader/PageHeader.d.ts

@@ -0,0 +1,22 @@
+/**
+ * PageHeader Component
+ *
+ * A page header for SaaS dashboards with breadcrumbs, title, description, and actions.
+ * Optimized for Product Mode with minimal visual noise and clear hierarchy.
+ *
+ * @example
+ * ```tsx
+ * <PageHeader
+ *   breadcrumbs={[
+ *     { label: 'Dashboard', href: '/' },
+ *     { label: 'Users' }
+ *   ]}
+ *   title="Users"
+ *   description="Manage user accounts and permissions"
+ *   actions={<Button>Add User</Button>}
+ * />
+ * ```
+ */
+import type { PageHeaderProps } from './PageHeader.types';
+export declare const PageHeader: import("react").ForwardRefExoticComponent<PageHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=PageHeader.d.ts.map

package/dist/sections/PageHeader/PageHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.d.ts","sourceRoot":"","sources":["../../../src/sections/PageHeader/PageHeader.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAG1D,eAAO,MAAM,UAAU,4GAsItB,CAAC"}