@orion-ds/react 1.1.6 → 1.2.0

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

@@ -0,0 +1,135 @@
+/**
+ * PageHeader Component Types
+ *
+ * Type definitions for the Orion PageHeader section component.
+ * Designed for Product Mode (SaaS dashboards) with breadcrumbs, actions, and tabs.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Breadcrumb item
+ */
+export interface BreadcrumbItem {
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Navigation URL (optional for current item)
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+}
+/**
+ * Tab item for page header navigation
+ */
+export interface PageHeaderTab {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional badge/count
+     */
+    badge?: ReactNode;
+    /**
+     * Tab href for navigation
+     */
+    href?: string;
+}
+/**
+ * PageHeader size variant
+ */
+export type PageHeaderSize = 'sm' | 'md' | 'lg';
+/**
+ * PageHeader visual variant
+ */
+export type PageHeaderVariant = 'default' | 'compact' | 'with-tabs';
+/**
+ * PageHeader section props
+ *
+ * @example
+ * ```tsx
+ * <PageHeader
+ *   breadcrumbs={[
+ *     { label: 'Dashboard', href: '/' },
+ *     { label: 'Users' }
+ *   ]}
+ *   title="Users"
+ *   description="Manage user accounts and permissions"
+ *   actions={<Button>Add User</Button>}
+ * />
+ * ```
+ */
+export interface PageHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /**
+     * Page title
+     */
+    title: ReactNode;
+    /**
+     * Optional description below title
+     */
+    description?: ReactNode;
+    /**
+     * Breadcrumb navigation items
+     */
+    breadcrumbs?: BreadcrumbItem[];
+    /**
+     * Action buttons/elements aligned right
+     */
+    actions?: ReactNode;
+    /**
+     * Tab navigation items
+     */
+    tabs?: PageHeaderTab[];
+    /**
+     * Currently active tab ID
+     */
+    activeTab?: string;
+    /**
+     * Tab change handler
+     */
+    onTabChange?: (tabId: string) => void;
+    /**
+     * Back link for navigation
+     */
+    backLink?: {
+        label?: string;
+        href?: string;
+        onClick?: () => void;
+    };
+    /**
+     * Optional badge next to title
+     */
+    badge?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard layout with padding
+     * - compact: Reduced spacing
+     * - with-tabs: Includes tab navigation
+     * @default 'default'
+     */
+    variant?: PageHeaderVariant;
+    /**
+     * Size variant
+     * @default 'md'
+     */
+    size?: PageHeaderSize;
+    /**
+     * Show border at bottom
+     * @default true
+     */
+    bordered?: boolean;
+    /**
+     * Sticky positioning
+     * @default false
+     */
+    sticky?: boolean;
+}
+//# sourceMappingURL=PageHeader.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.types.d.ts","sourceRoot":"","sources":["../../../src/sections/PageHeader/PageHeader.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;AAEpE;;;;;;;;;;;;;;;GAeG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IAEvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;OAEG;IACH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC;;OAEG;IACH,QAAQ,CAAC,EAAE;QACT,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;IAEF;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAE5B;;;OAGG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB"}

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

@@ -0,0 +1,3 @@
+export { PageHeader } from './PageHeader';
+export type { PageHeaderProps, PageHeaderVariant, PageHeaderSize, BreadcrumbItem, PageHeaderTab, } from './PageHeader.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/PageHeader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,eAAe,EACf,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,aAAa,GACd,MAAM,oBAAoB,CAAC"}

package/dist/sections/QuickActions/QuickActions.d.ts

@@ -0,0 +1,19 @@
+/**
+ * QuickActions Component
+ *
+ * A FAB or floating action bar for quick access to common actions.
+ * Optimized for Product Mode with efficient action access.
+ *
+ * @example
+ * ```tsx
+ * <QuickActions
+ *   variant="fab"
+ *   actions={[
+ *     { id: 'new', label: 'New Item', icon: <Plus />, onClick: handleNew }
+ *   ]}
+ * />
+ * ```
+ */
+import type { QuickActionsProps } from './QuickActions.types';
+export declare const QuickActions: import("react").ForwardRefExoticComponent<QuickActionsProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=QuickActions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.d.ts","sourceRoot":"","sources":["../../../src/sections/QuickActions/QuickActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAIH,OAAO,KAAK,EAAE,iBAAiB,EAAe,MAAM,sBAAsB,CAAC;AAG3E,eAAO,MAAM,YAAY,8GA0MxB,CAAC"}

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

@@ -0,0 +1,112 @@
+/**
+ * QuickActions Component Types
+ *
+ * Type definitions for the Orion QuickActions section component.
+ * A FAB or floating action bar for quick access to common actions.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Quick action item
+ */
+export interface QuickAction {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Action label
+     */
+    label: string;
+    /**
+     * Action icon
+     */
+    icon: ReactNode;
+    /**
+     * Click handler
+     */
+    onClick: () => void;
+    /**
+     * Keyboard shortcut display
+     */
+    shortcut?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Variant for styling
+     */
+    variant?: 'default' | 'primary' | 'danger';
+}
+/**
+ * QuickActions position
+ */
+export type QuickActionsPosition = 'bottom-right' | 'bottom-left' | 'bottom-center' | 'top-right' | 'top-left';
+/**
+ * QuickActions variant
+ */
+export type QuickActionsVariant = 'fab' | 'bar' | 'menu';
+/**
+ * QuickActions section props
+ *
+ * @example
+ * ```tsx
+ * // FAB variant (single expandable button)
+ * <QuickActions
+ *   variant="fab"
+ *   actions={[
+ *     { id: 'new', label: 'New Item', icon: <Plus />, onClick: () => {} },
+ *     { id: 'upload', label: 'Upload', icon: <Upload />, onClick: () => {} }
+ *   ]}
+ * />
+ *
+ * // Bar variant (horizontal action bar)
+ * <QuickActions
+ *   variant="bar"
+ *   actions={[...]}
+ * />
+ * ```
+ */
+export interface QuickActionsProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Array of quick actions
+     */
+    actions: QuickAction[];
+    /**
+     * Display variant
+     * - fab: Floating action button that expands
+     * - bar: Horizontal action bar
+     * - menu: Vertical menu style
+     * @default 'fab'
+     */
+    variant?: QuickActionsVariant;
+    /**
+     * Position on screen
+     * @default 'bottom-right'
+     */
+    position?: QuickActionsPosition;
+    /**
+     * Primary action (shown when FAB is collapsed)
+     */
+    primaryAction?: QuickAction;
+    /**
+     * Custom trigger icon for FAB
+     */
+    triggerIcon?: ReactNode;
+    /**
+     * Always show labels (bar variant)
+     * @default true for bar, false for fab
+     */
+    showLabels?: boolean;
+    /**
+     * Fixed position
+     * @default true
+     */
+    fixed?: boolean;
+    /**
+     * Offset from edge in pixels
+     * @default 24
+     */
+    offset?: number;
+}
+//# sourceMappingURL=QuickActions.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"QuickActions.types.d.ts","sourceRoot":"","sources":["../../../src/sections/QuickActions/QuickActions.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,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAC;CAC5C;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAC5B,cAAc,GACd,aAAa,GACb,eAAe,GACf,WAAW,GACX,UAAU,CAAC;AAEf;;GAEG;AACH,MAAM,MAAM,mBAAmB,GAAG,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;AAEzD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,OAAO,EAAE,WAAW,EAAE,CAAC;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAAC;IAEhC;;OAEG;IACH,aAAa,CAAC,EAAE,WAAW,CAAC;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

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

@@ -0,0 +1,3 @@
+export { QuickActions } from './QuickActions';
+export type { QuickActionsProps, QuickAction, QuickActionsVariant, QuickActionsPosition, } from './QuickActions.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/QuickActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,WAAW,EACX,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,sBAAsB,CAAC"}

package/dist/sections/SettingsLayout/SettingsLayout.d.ts

@@ -0,0 +1,22 @@
+/**
+ * SettingsLayout Component
+ *
+ * A layout for settings pages with navigation sidebar.
+ * Optimized for Product Mode with clear navigation and content separation.
+ *
+ * @example
+ * ```tsx
+ * <SettingsLayout
+ *   navigation={[
+ *     { items: [{ id: 'profile', label: 'Profile', icon: <User /> }] }
+ *   ]}
+ *   activeSection="profile"
+ *   onNavigate={setActiveSection}
+ * >
+ *   <ProfileSettings />
+ * </SettingsLayout>
+ * ```
+ */
+import type { SettingsLayoutProps } from './SettingsLayout.types';
+export declare const SettingsLayout: import("react").ForwardRefExoticComponent<SettingsLayoutProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=SettingsLayout.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.d.ts","sourceRoot":"","sources":["../../../src/sections/SettingsLayout/SettingsLayout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAIH,OAAO,KAAK,EAAE,mBAAmB,EAAmB,MAAM,wBAAwB,CAAC;AAGnF,eAAO,MAAM,cAAc,gHAsH1B,CAAC"}

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

@@ -0,0 +1,117 @@
+/**
+ * SettingsLayout Component Types
+ *
+ * Type definitions for the Orion SettingsLayout section component.
+ * A layout for settings pages with navigation sidebar.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Settings navigation item
+ */
+export interface SettingsNavItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Optional icon
+     */
+    icon?: ReactNode;
+    /**
+     * Optional description
+     */
+    description?: string;
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+    /**
+     * Badge content
+     */
+    badge?: ReactNode;
+}
+/**
+ * Settings navigation group
+ */
+export interface SettingsNavGroup {
+    /**
+     * Group title
+     */
+    title?: string;
+    /**
+     * Items in this group
+     */
+    items: SettingsNavItem[];
+}
+/**
+ * SettingsLayout section props
+ *
+ * @example
+ * ```tsx
+ * <SettingsLayout
+ *   navigation={[
+ *     {
+ *       title: 'Account',
+ *       items: [
+ *         { id: 'profile', label: 'Profile', icon: <User /> },
+ *         { id: 'security', label: 'Security', icon: <Lock /> }
+ *       ]
+ *     }
+ *   ]}
+ *   activeSection="profile"
+ *   onNavigate={(id) => setActiveSection(id)}
+ * >
+ *   <ProfileSettings />
+ * </SettingsLayout>
+ * ```
+ */
+export interface SettingsLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Navigation items/groups
+     */
+    navigation: SettingsNavGroup[];
+    /**
+     * Currently active section ID
+     */
+    activeSection: string;
+    /**
+     * Navigation handler
+     */
+    onNavigate: (sectionId: string) => void;
+    /**
+     * Content for the active section
+     */
+    children: ReactNode;
+    /**
+     * Page title
+     */
+    title?: string;
+    /**
+     * Page description
+     */
+    description?: string;
+    /**
+     * Header actions
+     */
+    headerActions?: ReactNode;
+    /**
+     * Navigation width in pixels
+     * @default 240
+     */
+    navWidth?: number;
+    /**
+     * Sticky navigation
+     * @default true
+     */
+    stickyNav?: boolean;
+    /**
+     * Show mobile nav toggle
+     * @default true
+     */
+    mobileNav?: boolean;
+}
+//# sourceMappingURL=SettingsLayout.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsLayout.types.d.ts","sourceRoot":"","sources":["../../../src/sections/SettingsLayout/SettingsLayout.types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD;;GAEG;AACH,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,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,eAAe,EAAE,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,UAAU,EAAE,gBAAgB,EAAE,CAAC;IAE/B;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,UAAU,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}

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

@@ -0,0 +1,3 @@
+export { SettingsLayout } from './SettingsLayout';
+export type { SettingsLayoutProps, SettingsNavItem, SettingsNavGroup, } from './SettingsLayout.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/SettingsLayout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,wBAAwB,CAAC"}

package/dist/sections/Sidebar/Sidebar.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Sidebar Component
+ *
+ * A collapsible navigation sidebar for SaaS applications.
+ * Optimized for Product Mode with efficient space usage and clear hierarchy.
+ *
+ * @example
+ * ```tsx
+ * <Sidebar
+ *   sections={[
+ *     {
+ *       items: [
+ *         { id: 'dashboard', label: 'Dashboard', icon: <Home />, href: '/' },
+ *         { id: 'projects', label: 'Projects', icon: <Folder />, href: '/projects' }
+ *       ]
+ *     }
+ *   ]}
+ *   activeItem="dashboard"
+ *   header={<Logo />}
+ * />
+ * ```
+ */
+import type { SidebarProps, SidebarItemProps, SidebarSectionProps, SidebarDividerProps } from './Sidebar.types';
+export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>> & {
+    Item: import("react").ForwardRefExoticComponent<SidebarItemProps & import("react").RefAttributes<HTMLElement>>;
+    Section: import("react").ForwardRefExoticComponent<SidebarSectionProps & import("react").RefAttributes<HTMLDivElement>>;
+    Divider: import("react").ForwardRefExoticComponent<SidebarDividerProps & import("react").RefAttributes<HTMLHRElement>>;
+};
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/sections/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAIH,OAAO,KAAK,EACV,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,EACpB,MAAM,iBAAiB,CAAC;AA0MzB,eAAO,MAAM,OAAO;;;;CAIlB,CAAC"}

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

@@ -0,0 +1,168 @@
+/**
+ * Sidebar Component Types
+ *
+ * Type definitions for the Orion Sidebar section component.
+ * Designed for Product Mode (SaaS dashboards) navigation.
+ */
+import type { HTMLAttributes, ReactNode } from 'react';
+/**
+ * Sidebar navigation item
+ */
+export interface SidebarItem {
+    /**
+     * Unique identifier
+     */
+    id: string;
+    /**
+     * Display label
+     */
+    label: string;
+    /**
+     * Navigation URL
+     */
+    href?: string;
+    /**
+     * Click handler (alternative to href)
+     */
+    onClick?: () => void;
+    /**
+     * Icon element (Lucide icon recommended)
+     */
+    icon?: ReactNode;
+    /**
+     * Badge content (count, status, etc.)
+     */
+    badge?: ReactNode;
+    /**
+     * Nested items for sub-navigation
+     */
+    children?: SidebarItem[];
+    /**
+     * Disabled state
+     */
+    disabled?: boolean;
+}
+/**
+ * Sidebar section grouping
+ */
+export interface SidebarSection {
+    /**
+     * Section title (optional)
+     */
+    title?: string;
+    /**
+     * Items in this section
+     */
+    items: SidebarItem[];
+}
+/**
+ * Sidebar visual variant
+ */
+export type SidebarVariant = 'default' | 'compact' | 'floating';
+/**
+ * Sidebar section props
+ *
+ * @example
+ * ```tsx
+ * <Sidebar
+ *   sections={[
+ *     {
+ *       items: [
+ *         { id: 'dashboard', label: 'Dashboard', icon: <Home />, href: '/' },
+ *         { id: 'projects', label: 'Projects', icon: <Folder />, href: '/projects' }
+ *       ]
+ *     }
+ *   ]}
+ *   activeItem="dashboard"
+ * />
+ * ```
+ */
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Array of navigation sections
+     */
+    sections: SidebarSection[];
+    /**
+     * Currently active item ID
+     */
+    activeItem?: string;
+    /**
+     * Collapsed state (icon-only)
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * Callback when collapse state changes
+     */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /**
+     * Header content (logo, app name)
+     */
+    header?: ReactNode;
+    /**
+     * Footer content (user menu, settings)
+     */
+    footer?: ReactNode;
+    /**
+     * Visual variant
+     * - default: Standard sidebar
+     * - compact: Narrower width
+     * - floating: Floating overlay style
+     * @default 'default'
+     */
+    variant?: SidebarVariant;
+    /**
+     * Width in pixels (when not collapsed)
+     * @default 240
+     */
+    width?: number;
+    /**
+     * Collapsed width in pixels
+     * @default 64
+     */
+    collapsedWidth?: number;
+}
+/**
+ * Sidebar.Item sub-component props
+ */
+export interface SidebarItemProps extends HTMLAttributes<HTMLElement> {
+    /**
+     * Item data
+     */
+    item: SidebarItem;
+    /**
+     * Whether this item is active
+     */
+    active?: boolean;
+    /**
+     * Collapsed mode
+     */
+    collapsed?: boolean;
+    /**
+     * Nesting depth for indentation
+     */
+    depth?: number;
+}
+/**
+ * Sidebar.Section sub-component props
+ */
+export interface SidebarSectionProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Section data
+     */
+    section: SidebarSection;
+    /**
+     * Currently active item ID
+     */
+    activeItem?: string;
+    /**
+     * Collapsed mode
+     */
+    collapsed?: boolean;
+}
+/**
+ * Sidebar.Divider sub-component props
+ */
+export interface SidebarDividerProps extends HTMLAttributes<HTMLHRElement> {
+}
+//# sourceMappingURL=Sidebar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/sections/Sidebar/Sidebar.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,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAC;IAEzB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;OAEG;IACH,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB;AAED;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;AAEhE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D;;OAEG;IACH,QAAQ,EAAE,cAAc,EAAE,CAAC;IAE3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAEjD;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE;;OAEG;IACH,IAAI,EAAE,WAAW,CAAC;IAElB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACzE;;OAEG;IACH,OAAO,EAAE,cAAc,CAAC;IAExB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,aAAa,CAAC;CAAG"}

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

@@ -0,0 +1,3 @@
+export { Sidebar } from './Sidebar';
+export type { SidebarProps, SidebarVariant, SidebarItem, SidebarSection, SidebarItemProps, SidebarSectionProps, SidebarDividerProps, } from './Sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/sections/Sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EACV,YAAY,EACZ,cAAc,EACd,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,iBAAiB,CAAC"}

package/dist/sections/Stats/StatItemCard.d.ts

@@ -5,7 +5,7 @@
  */
 import type { StatItemCardProps } from './Stats.types';
 export declare const StatItemCard: {
-    ({ stat, variant, className, }: StatItemCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ stat, variant, highlightValue, className, }: StatItemCardProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 //# sourceMappingURL=StatItemCard.d.ts.map

package/dist/sections/Stats/StatItemCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatItemCard.d.ts","sourceRoot":"","sources":["../../../src/sections/Stats/StatItemCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,YAAY;oCAItB,iBAAiB;;CAsDnB,CAAC"}
+{"version":3,"file":"StatItemCard.d.ts","sourceRoot":"","sources":["../../../src/sections/Stats/StatItemCard.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAKvD,eAAO,MAAM,YAAY;oDAKtB,iBAAiB;;CAsDnB,CAAC"}