@teja-app/ui 0.0.2 → 0.0.3

package/dist/components/Sidebar/Sidebar.d.ts

@@ -0,0 +1,36 @@
+import type { SidebarProps } from './Sidebar.types';
+/**
+ * Sidebar component provides a responsive navigation container with support
+ * for multiple navigation zones, mobile overlay, and collapsible desktop mode.
+ *
+ * @example
+ * ```tsx
+ * <Sidebar
+ *   navigation={{
+ *     primary: [{
+ *       key: 'main',
+ *       items: [
+ *         { key: 'home', label: 'Home', href: '/dashboard', icon: <HomeIcon /> },
+ *         { key: 'calendar', label: 'Calendar', href: '/calendar', icon: <CalendarIcon /> },
+ *       ],
+ *     }],
+ *     secondary: [{
+ *       key: 'tools',
+ *       items: [
+ *         { key: 'admin', label: 'Admin', href: '/admin', visible: hasAdminAccess },
+ *       ],
+ *     }],
+ *     bottom: [{
+ *       key: 'settings',
+ *       items: [
+ *         { key: 'settings', label: 'Settings', href: '/settings', icon: <CogIcon /> },
+ *       ],
+ *     }],
+ *   }}
+ *   currentPath={pathname}
+ *   LinkComponent={Link}
+ * />
+ * ```
+ */
+export declare const Sidebar: import("react").ForwardRefExoticComponent<SidebarProps & import("react").RefAttributes<HTMLElement>>;
+//# sourceMappingURL=Sidebar.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,iBAAiB,CAAC;AAepE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,OAAO,sGAkQnB,CAAC"}

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

@@ -0,0 +1,196 @@
+import type { HTMLAttributes, ReactNode, ComponentType } from 'react';
+/**
+ * Active state matcher type
+ * - 'exact': path === href
+ * - 'startsWith': path.startsWith(href)
+ * - function: custom matching logic
+ */
+export type ActiveMatcher = 'exact' | 'startsWith' | ((currentPath: string, href: string) => boolean);
+/**
+ * Permission check function type
+ */
+export type PermissionCheck = () => boolean;
+/**
+ * Individual navigation item configuration
+ */
+export interface SidebarNavItem {
+    /** Unique identifier for the item */
+    key: string;
+    /** Display label (the sidebar name) */
+    label: string;
+    /** Navigation href/path */
+    href: string;
+    /** Icon element to display */
+    icon?: ReactNode;
+    /** Badge count or text (e.g., notifications) */
+    badge?: number | string;
+    /** Whether item is disabled */
+    disabled?: boolean;
+    /** Visibility control - item hidden if false or returns false */
+    visible?: boolean | PermissionCheck;
+    /** How to determine active state (default: 'exact') */
+    activeMatch?: ActiveMatcher;
+    /** Nested items for expandable sections */
+    children?: SidebarNavItem[];
+    /** Click handler for non-navigation actions */
+    onClick?: () => void;
+    /** Accessibility label override */
+    'aria-label'?: string;
+}
+/**
+ * Navigation group configuration
+ */
+export interface SidebarNavGroup {
+    /** Unique identifier for the group */
+    key: string;
+    /** Optional group label/heading */
+    label?: string;
+    /** Navigation items in this group */
+    items: SidebarNavItem[];
+    /** Visibility control for entire group */
+    visible?: boolean | PermissionCheck;
+}
+/**
+ * Sidebar size variant
+ */
+export type SidebarSize = 'sm' | 'md' | 'lg';
+/**
+ * Sidebar visual variant
+ */
+export type SidebarVariant = 'default' | 'minimal';
+/**
+ * Link component props for router integration
+ */
+export interface SidebarLinkProps {
+    to: string;
+    className?: string;
+    children: ReactNode;
+    onClick?: () => void;
+    title?: string;
+    'aria-current'?: 'page' | 'step' | 'location' | 'date' | 'time' | 'true' | 'false';
+    'aria-label'?: string;
+}
+/**
+ * Props for SidebarItem component
+ */
+export interface SidebarItemProps extends Omit<HTMLAttributes<HTMLElement>, 'onClick'> {
+    /** Navigation item configuration */
+    item: SidebarNavItem;
+    /** Current router path for active detection */
+    currentPath?: string;
+    /** Size variant */
+    size?: SidebarSize;
+    /** Whether sidebar is collapsed (icon-only mode) */
+    collapsed?: boolean;
+    /** Callback when item is clicked */
+    onNavigate?: (href: string) => void;
+    /** Custom link component (e.g., TanStack Router Link) */
+    LinkComponent?: ComponentType<SidebarLinkProps>;
+}
+/**
+ * Props for SidebarGroup component
+ */
+export interface SidebarGroupProps extends HTMLAttributes<HTMLElement> {
+    /** Group configuration */
+    group: SidebarNavGroup;
+    /** Current router path */
+    currentPath?: string;
+    /** Size variant */
+    size?: SidebarSize;
+    /** Whether sidebar is collapsed */
+    collapsed?: boolean;
+    /** Link component */
+    LinkComponent?: ComponentType<SidebarLinkProps>;
+    /** Navigation callback */
+    onNavigate?: (href: string) => void;
+}
+/**
+ * Props for SidebarDivider component
+ */
+export interface SidebarDividerProps extends HTMLAttributes<HTMLHRElement> {
+    /** Optional label for the divider */
+    label?: string;
+}
+/**
+ * Props for main Sidebar component
+ */
+export interface SidebarProps extends HTMLAttributes<HTMLElement> {
+    /** Navigation groups organized by position */
+    navigation: {
+        /** Featured items at the very top (e.g., AI Assistant button) */
+        featured?: SidebarNavGroup[];
+        /** Primary navigation items */
+        primary?: SidebarNavGroup[];
+        /** Secondary navigation items (below divider) */
+        secondary?: SidebarNavGroup[];
+        /** Bottom navigation items (e.g., Settings) */
+        bottom?: SidebarNavGroup[];
+    };
+    /** Current router path for active detection */
+    currentPath?: string;
+    /** Whether sidebar is open (for mobile) */
+    isOpen?: boolean;
+    /** Callback when sidebar should close (mobile) */
+    onClose?: () => void;
+    /** Whether sidebar is collapsed (desktop) */
+    collapsed?: boolean;
+    /** Callback when collapse state changes */
+    onCollapsedChange?: (collapsed: boolean) => void;
+    /** Visual variant */
+    variant?: SidebarVariant;
+    /** Size of nav items */
+    size?: SidebarSize;
+    /** Header content (logo, search, etc.) */
+    header?: ReactNode;
+    /** Footer content (user profile, etc.) */
+    footer?: ReactNode;
+    /** Custom link component for router integration */
+    LinkComponent?: ComponentType<SidebarLinkProps>;
+    /** Navigation callback */
+    onNavigate?: (href: string) => void;
+    /** Whether to show mobile overlay */
+    showMobileOverlay?: boolean;
+    /** Width when expanded (default: 16rem) */
+    width?: string;
+    /** Width when collapsed (default: 4rem) */
+    collapsedWidth?: string;
+}
+/**
+ * Options for useSidebar hook
+ */
+export interface UseSidebarOptions {
+    /** Initial open state (mobile) */
+    defaultOpen?: boolean;
+    /** Initial collapsed state (desktop) */
+    defaultCollapsed?: boolean;
+    /** localStorage key for persisting collapsed state */
+    storageKey?: string;
+    /** Breakpoint for mobile/desktop switch in pixels (default: 1024) */
+    mobileBreakpoint?: number;
+    /** Auto-close on mobile navigation */
+    autoCloseOnMobile?: boolean;
+}
+/**
+ * Return value from useSidebar hook
+ */
+export interface UseSidebarReturn {
+    /** Whether sidebar is open (mobile) */
+    isOpen: boolean;
+    /** Toggle open state */
+    toggle: () => void;
+    /** Open sidebar */
+    open: () => void;
+    /** Close sidebar */
+    close: () => void;
+    /** Whether sidebar is collapsed (desktop) */
+    collapsed: boolean;
+    /** Toggle collapsed state */
+    toggleCollapsed: () => void;
+    /** Set collapsed state */
+    setCollapsed: (collapsed: boolean) => void;
+    /** Whether currently in mobile view */
+    isMobile: boolean;
+    /** Handler for navigation (auto-closes on mobile) */
+    handleNavigate: (href: string) => void;
+}
+//# sourceMappingURL=Sidebar.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Sidebar.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtE;;;;;GAKG;AACH,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,YAAY,GACZ,CAAC,CAAC,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC;AAErD;;GAEG;AACH,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,CAAC;AAE5C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,qCAAqC;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,2BAA2B;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,8BAA8B;IAC9B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;IACpC,uDAAuD;IACvD,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,cAAc,EAAE,CAAC;IAC5B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,eAAe;IAC9B,sCAAsC;IACtC,GAAG,EAAE,MAAM,CAAC;IACZ,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,qCAAqC;IACrC,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,OAAO,GAAG,eAAe,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IACnF,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACpF,oCAAoC;IACpC,IAAI,EAAE,cAAc,CAAC;IACrB,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,oCAAoC;IACpC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,yDAAyD;IACzD,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;CACjD;AAED;;GAEG;AACH,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACpE,0BAA0B;IAC1B,KAAK,EAAE,eAAe,CAAC;IACvB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB;IACnB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,mCAAmC;IACnC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,qBAAqB;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,0BAA0B;IAC1B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,aAAa,CAAC;IACxE,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YAAa,SAAQ,cAAc,CAAC,WAAW,CAAC;IAC/D,8CAA8C;IAC9C,UAAU,EAAE;QACV,iEAAiE;QACjE,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;QAC7B,+BAA+B;QAC/B,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;QAC5B,iDAAiD;QACjD,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;QAC9B,+CAA+C;QAC/C,MAAM,CAAC,EAAE,eAAe,EAAE,CAAC;KAC5B,CAAC;IACF,+CAA+C;IAC/C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kDAAkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,qBAAqB;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,wBAAwB;IACxB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,mDAAmD;IACnD,aAAa,CAAC,EAAE,aAAa,CAAC,gBAAgB,CAAC,CAAC;IAChD,0BAA0B;IAC1B,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2CAA2C;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,wCAAwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,sDAAsD;IACtD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,uCAAuC;IACvC,MAAM,EAAE,OAAO,CAAC;IAChB,wBAAwB;IACxB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mBAAmB;IACnB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,oBAAoB;IACpB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,6CAA6C;IAC7C,SAAS,EAAE,OAAO,CAAC;IACnB,6BAA6B;IAC7B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,0BAA0B;IAC1B,YAAY,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,uCAAuC;IACvC,QAAQ,EAAE,OAAO,CAAC;IAClB,qDAAqD;IACrD,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

package/dist/components/Sidebar/SidebarDivider.d.ts

@@ -0,0 +1,12 @@
+import type { SidebarDividerProps } from './Sidebar.types';
+/**
+ * SidebarDivider component provides a visual separator between navigation sections.
+ *
+ * @example
+ * ```tsx
+ * <SidebarDivider />
+ * <SidebarDivider label="More" />
+ * ```
+ */
+export declare const SidebarDivider: import("react").ForwardRefExoticComponent<SidebarDividerProps & import("react").RefAttributes<HTMLHRElement>>;
+//# sourceMappingURL=SidebarDivider.d.ts.map

package/dist/components/Sidebar/SidebarDivider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarDivider.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarDivider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAE3D;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,+GAgC1B,CAAC"}

package/dist/components/Sidebar/SidebarGroup.d.ts

@@ -0,0 +1,26 @@
+import type { SidebarGroupProps, SidebarNavGroup } from './Sidebar.types';
+/**
+ * Check if a group should be visible based on its visible prop
+ */
+declare function shouldShowGroup(group: SidebarNavGroup): boolean;
+/**
+ * SidebarGroup component wraps a set of navigation items with an optional heading.
+ *
+ * @example
+ * ```tsx
+ * <SidebarGroup
+ *   group={{
+ *     key: 'main',
+ *     label: 'Navigation',
+ *     items: [
+ *       { key: 'home', label: 'Home', href: '/dashboard' },
+ *       { key: 'settings', label: 'Settings', href: '/settings' },
+ *     ],
+ *   }}
+ *   currentPath="/dashboard"
+ * />
+ * ```
+ */
+export declare const SidebarGroup: import("react").ForwardRefExoticComponent<SidebarGroupProps & import("react").RefAttributes<HTMLDivElement>>;
+export { shouldShowGroup };
+//# sourceMappingURL=SidebarGroup.d.ts.map

package/dist/components/Sidebar/SidebarGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAG1E;;GAEG;AACH,iBAAS,eAAe,CAAC,KAAK,EAAE,eAAe,GAAG,OAAO,CAKxD;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,YAAY,8GA6DxB,CAAC;AAIF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/components/Sidebar/SidebarItem.d.ts

@@ -0,0 +1,23 @@
+import type { SidebarItemProps, SidebarNavItem, ActiveMatcher } from './Sidebar.types';
+/**
+ * Check if an item should be visible based on its visible prop
+ */
+declare function shouldShowItem(item: SidebarNavItem): boolean;
+/**
+ * Check if an item is active based on current path and matcher
+ */
+declare function isItemActive(currentPath: string | undefined, href: string, matcher?: ActiveMatcher): boolean;
+/**
+ * SidebarItem component renders an individual navigation item.
+ *
+ * @example
+ * ```tsx
+ * <SidebarItem
+ *   item={{ key: 'home', label: 'Home', href: '/dashboard', icon: <HomeIcon /> }}
+ *   currentPath="/dashboard"
+ * />
+ * ```
+ */
+export declare function SidebarItem({ item, currentPath, size, collapsed, onNavigate, LinkComponent, className, ...props }: SidebarItemProps): import("react/jsx-runtime").JSX.Element | null;
+export { shouldShowItem, isItemActive };
+//# sourceMappingURL=SidebarItem.d.ts.map

package/dist/components/Sidebar/SidebarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarItem.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/SidebarItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,aAAa,EAAiC,MAAM,iBAAiB,CAAC;AAEtH;;GAEG;AACH,iBAAS,cAAc,CAAC,IAAI,EAAE,cAAc,GAAG,OAAO,CAKrD;AAED;;GAEG;AACH,iBAAS,YAAY,CACnB,WAAW,EAAE,MAAM,GAAG,SAAS,EAC/B,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,aAAuB,GAC/B,OAAO,CAeT;AAsCD;;;;;;;;;;GAUG;AACH,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,WAAW,EACX,IAAW,EACX,SAAiB,EACjB,UAAU,EACV,aAAa,EACb,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,kDA2HlB;AAED,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,CAAC"}

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

@@ -0,0 +1,9 @@
+/**
+ * Sidebar component exports
+ */
+export { Sidebar } from './Sidebar';
+export { SidebarItem } from './SidebarItem';
+export { SidebarGroup } from './SidebarGroup';
+export { SidebarDivider } from './SidebarDivider';
+export type { SidebarProps, SidebarItemProps, SidebarGroupProps, SidebarDividerProps, SidebarNavItem, SidebarNavGroup, SidebarSize, SidebarVariant, SidebarLinkProps, ActiveMatcher, PermissionCheck, UseSidebarOptions, UseSidebarReturn, } from './Sidebar.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAElD,YAAY,EACV,YAAY,EACZ,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,cAAc,EACd,eAAe,EACf,WAAW,EACX,cAAc,EACd,gBAAgB,EAChB,aAAa,EACb,eAAe,EACf,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,iBAAiB,CAAC"}

package/dist/components/index.d.ts

@@ -23,4 +23,5 @@ export * from './Skeleton';
 export * from './EmptyState';
 export * from './Pagination';
 export * from './MultiSelect';
+export * from './Sidebar';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/hooks/index.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const useSelection = require("../useSelection-DyXUWnGK.cjs");
-exports.useDebounce = useSelection.useDebounce;
-exports.useDebouncedCallback = useSelection.useDebouncedCallback;
-exports.useDebouncedCallbackWithControl = useSelection.useDebouncedCallbackWithControl;
-exports.useSelection = useSelection.useSelection;
-exports.useTable = useSelection.useTable;
+const useSidebar = require("../useSidebar-d1VZFhxd.cjs");
+exports.useDebounce = useSidebar.useDebounce;
+exports.useDebouncedCallback = useSidebar.useDebouncedCallback;
+exports.useDebouncedCallbackWithControl = useSidebar.useDebouncedCallbackWithControl;
+exports.useSelection = useSidebar.useSelection;
+exports.useSidebar = useSidebar.useSidebar;
+exports.useTable = useSidebar.useTable;
 //# sourceMappingURL=index.cjs.map

package/dist/hooks/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}

package/dist/hooks/index.d.ts

@@ -4,4 +4,6 @@ export type { UseTableOptions, UseTableReturn, SortState } from './useTable';
 export type { SortDirection as TableSortDirection } from './useTable';
 export { useSelection } from './useSelection';
 export type { UseSelectionOptions, UseSelectionReturn } from './useSelection';
+export { useSidebar } from './useSidebar';
+export type { UseSidebarOptions, UseSidebarReturn } from '../components/Sidebar/Sidebar.types';
 //# sourceMappingURL=index.d.ts.map

package/dist/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7E,YAAY,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,+BAA+B,EAAE,MAAM,eAAe,CAAC;AACnG,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7E,YAAY,EAAE,aAAa,IAAI,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC"}

package/dist/hooks/index.js

@@ -1,9 +1,10 @@
-import { u, a, b, c, d } from "../useSelection-BK6u5Ezx.js";
+import { u, a, b, c, d, e } from "../useSidebar-BWe09WbE.js";
 export {
   u as useDebounce,
   a as useDebouncedCallback,
   b as useDebouncedCallbackWithControl,
   c as useSelection,
-  d as useTable
+  d as useSidebar,
+  e as useTable
 };
 //# sourceMappingURL=index.js.map

package/dist/hooks/useSidebar.d.ts

@@ -0,0 +1,39 @@
+import type { UseSidebarOptions, UseSidebarReturn } from '../components/Sidebar/Sidebar.types';
+/**
+ * useSidebar hook manages sidebar state including open/collapsed states,
+ * localStorage persistence, and responsive behavior.
+ *
+ * @example
+ * ```tsx
+ * function Layout() {
+ *   const {
+ *     isOpen,
+ *     toggle,
+ *     close,
+ *     collapsed,
+ *     toggleCollapsed,
+ *     isMobile,
+ *     handleNavigate,
+ *   } = useSidebar({
+ *     storageKey: 'sidebar-collapsed',
+ *     autoCloseOnMobile: true,
+ *   });
+ *
+ *   return (
+ *     <>
+ *       <button onClick={toggle}>Toggle Menu</button>
+ *       <Sidebar
+ *         isOpen={isOpen}
+ *         onClose={close}
+ *         collapsed={collapsed}
+ *         onCollapsedChange={setCollapsed}
+ *         onNavigate={handleNavigate}
+ *         // ...
+ *       />
+ *     </>
+ *   );
+ * }
+ * ```
+ */
+export declare function useSidebar(options?: UseSidebarOptions): UseSidebarReturn;
+//# sourceMappingURL=useSidebar.d.ts.map

package/dist/hooks/useSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebar.d.ts","sourceRoot":"","sources":["../../src/hooks/useSidebar.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAyB/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCG;AACH,wBAAgB,UAAU,CAAC,OAAO,GAAE,iBAAsB,GAAG,gBAAgB,CA4H5E"}