flikkui 0.1.0-beta.8 → 0.2.0-beta.1

package/dist/components/layout/Sortable/Sortable.js

@@ -1,165 +0,0 @@
-import { __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default, { createContext, useState, useRef, useCallback, useEffect, useContext } from 'react';
-import { cn } from '../../../utils/cn.js';
-import { sortableTheme } from './Sortable.theme.js';
-import { sortableAnimations } from './Sortable.animations.js';
-import { motion } from '../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
-import ForwardRef from '../../../node_modules/@heroicons/react/24/outline/esm/LockClosedIcon.js';
-import ForwardRef$1 from '../../../node_modules/@heroicons/react/24/outline/esm/Bars3Icon.js';
-
-var SortableContext = createContext(null);
-var useSortableContext = function () {
-    var context = useContext(SortableContext);
-    if (!context) {
-        throw new Error('SortableItem must be used within a Sortable component');
-    }
-    return context;
-};
-var Sortable = React__default.forwardRef(function (_a, ref) {
-    var children = _a.children, onReorder = _a.onReorder, className = _a.className, _b = _a.theme, customTheme = _b === void 0 ? {} : _b, _c = _a.direction, direction = _c === void 0 ? 'vertical' : _c, _d = _a.showDragHandle, showDragHandle = _d === void 0 ? false : _d, onSortDragStart = _a.onSortDragStart, onSortDragEnd = _a.onSortDragEnd;
-    var _e = useState(null), draggedItem = _e[0], setDraggedItem = _e[1];
-    var containerRef = useRef(null);
-    var theme = __assign(__assign({}, sortableTheme), customTheme);
-    // Handle drag over container (for gaps between items)
-    var handleContainerDragOver = useCallback(function (event) {
-        event.preventDefault();
-        console.log('🔵 Container DragOver:', {
-            draggedItem: draggedItem,
-            hasContainer: !!containerRef.current,
-            direction: direction
-        });
-        // Simple container drag over - no complex logic for now
-    }, [direction, draggedItem]);
-    var contextValue = {
-        direction: direction,
-        showDragHandle: showDragHandle,
-        theme: theme,
-        onReorder: onReorder,
-        onSortDragStart: onSortDragStart,
-        onSortDragEnd: onSortDragEnd,
-        draggedItem: draggedItem,
-        setDraggedItem: setDraggedItem,
-        dropPosition: null,
-        setDropPosition: function () { },
-        itemRefs: { current: new Map() },
-        draggedItemContent: null,
-        setDraggedItemContent: function () { },
-    };
-    console.log('🏠 Sortable render:', {
-        direction: direction,
-        showDragHandle: showDragHandle,
-        draggedItem: draggedItem
-    });
-    return (React__default.createElement(SortableContext.Provider, { value: contextValue },
-        React__default.createElement(motion.div, { ref: function (node) {
-                if (typeof ref === 'function') {
-                    ref(node);
-                }
-                else if (ref) {
-                    ref.current = node;
-                }
-                containerRef.current = node;
-            }, className: cn(theme.containerStyle, className), layout: true, transition: sortableAnimations.container.layout, onDragOver: handleContainerDragOver }, children)));
-});
-Sortable.displayName = 'Sortable';
-var SortableItem = React__default.forwardRef(function (_a, _ref) {
-    var id = _a.id, children = _a.children, className = _a.className, _b = _a.theme, customTheme = _b === void 0 ? {} : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
-    var context = useSortableContext();
-    var itemRef = useRef(null);
-    var theme = __assign(__assign({}, context.theme), customTheme);
-    var getItemIndex = useCallback(function () {
-        var _a;
-        if (!((_a = itemRef.current) === null || _a === void 0 ? void 0 : _a.parentElement))
-            return -1;
-        var siblings = Array.from(itemRef.current.parentElement.children);
-        return siblings.indexOf(itemRef.current);
-    }, []);
-    var handleDragStart = useCallback(function (event) {
-        var _a;
-        if (disabled) {
-            console.log('❌ Drag Start blocked - disabled:', { id: id, disabled: disabled });
-            return;
-        }
-        var index = getItemIndex();
-        console.log('🚀 Drag Start:', { id: id, index: index, disabled: disabled, event: event });
-        context.setDraggedItem(id);
-        // Simple drag data like the working standalone test
-        event.dataTransfer.setData('text/plain', id);
-        event.dataTransfer.setData('text/index', index.toString());
-        event.dataTransfer.effectAllowed = 'move';
-        console.log('✅ Drag data set:', { id: id, index: index });
-        (_a = context.onSortDragStart) === null || _a === void 0 ? void 0 : _a.call(context, { id: id, index: index, data: { id: id } }, event);
-    }, [id, disabled, getItemIndex, context]);
-    var handleDragEnd = useCallback(function (event) {
-        var _a;
-        console.log('🏁 Drag End:', { id: id, event: event });
-        context.setDraggedItem(null);
-        var index = getItemIndex();
-        var dragData = { id: id, index: index, data: { id: id } };
-        (_a = context.onSortDragEnd) === null || _a === void 0 ? void 0 : _a.call(context, dragData, event);
-    }, [id, getItemIndex, context]);
-    var handleDragOver = useCallback(function (event) {
-        event.preventDefault();
-        console.log('🟢 Item DragOver:', { id: id, disabled: disabled, draggedItem: context.draggedItem });
-        if (disabled || context.draggedItem === id) {
-            console.log('🟡 Item DragOver skipped:', { id: id, disabled: disabled, draggedItem: context.draggedItem });
-            return;
-        }
-        // Simple visual feedback - no complex positioning logic for now
-        console.log('✅ DragOver allowed on:', { id: id });
-    }, [disabled, id, context.draggedItem]);
-    var handleDrop = useCallback(function (event) {
-        event.preventDefault();
-        console.log('📍 Drop START:', { id: id, disabled: disabled, event: event });
-        if (disabled) {
-            console.log('❌ Drop blocked - disabled:', { id: id, disabled: disabled });
-            return;
-        }
-        // Simple drag data like the working standalone test
-        var draggedId = event.dataTransfer.getData('text/plain');
-        var fromIndex = parseInt(event.dataTransfer.getData('text/index'));
-        var toIndex = getItemIndex();
-        console.log('📊 Drop data:', { draggedId: draggedId, fromIndex: fromIndex, toIndex: toIndex, currentId: id });
-        if (fromIndex !== toIndex && !isNaN(fromIndex)) {
-            console.log('✅ Calling onReorder:', { fromIndex: fromIndex, toIndex: toIndex });
-            context.onReorder(fromIndex, toIndex);
-        }
-    }, [disabled, context, getItemIndex, id]);
-    var handleDragEnter = useCallback(function (event) {
-        event.preventDefault();
-        console.log('📥 Drag Enter:', { id: id, event: event });
-    }, [id]);
-    var handleDragLeave = useCallback(function (event) {
-        event.preventDefault();
-        console.log('📤 Drag Leave:', { id: id, event: event });
-    }, [id]);
-    // Simple effect to log item mount/unmount
-    useEffect(function () {
-        console.log('🔧 Item Effect:', { id: id, hasRef: !!itemRef.current });
-    }, [id]);
-    var currentIndex = getItemIndex();
-    var isBeingDragged = context.draggedItem === id;
-    // Log component render
-    console.log('🔄 SortableItem render:', {
-        id: id,
-        disabled: disabled,
-        isBeingDragged: isBeingDragged,
-        currentIndex: currentIndex,
-        draggable: !disabled,
-        itemRefExists: !!itemRef.current
-    });
-    return (React__default.createElement(motion.div, { ref: itemRef, draggable: !disabled, "data-sortable-id": id, "data-sortable-index": currentIndex, "data-draggable": !disabled, className: cn(theme.itemStyle, context.showDragHandle && 'flex items-center gap-2 relative', disabled && 'opacity-50 cursor-not-allowed', 
-        // Dynamic shadow classes based on drag state
-        isBeingDragged ? 'shadow-lg' : 'shadow-none', className), 
-        // Animation properties
-        layoutId: sortableAnimations.layout.layoutId(id), variants: sortableAnimations.variants, animate: isBeingDragged ? 'dragging' : 'idle', layout: true, transition: {
-            layout: sortableAnimations.layout.layout
-        }, 
-        // Drag event handlers (keep functionality intact)
-        onDragStart: handleDragStart, onDragEnd: handleDragEnd, onDragOver: handleDragOver, onDragEnter: handleDragEnter, onDragLeave: handleDragLeave, onDrop: handleDrop, onMouseDown: function () { return console.log('🖱️ Mouse Down:', { id: id }); }, onClick: function () { return console.log('🖱️ Click:', { id: id }); } },
-        context.showDragHandle && (React__default.createElement(motion.div, { className: cn(theme.dragHandleStyle, disabled && 'cursor-not-allowed opacity-60'), whileHover: !disabled ? sortableAnimations.dragHandle.hover : undefined, whileTap: !disabled ? sortableAnimations.dragHandle.tap : undefined }, disabled ? (React__default.createElement(ForwardRef, { className: "w-4 h-4 text-gray-500" })) : (React__default.createElement(ForwardRef$1, { className: "w-4 h-4" })))),
-        React__default.createElement("div", { className: "flex-1" }, children)));
-});
-SortableItem.displayName = 'SortableItem';
-
-export { Sortable, SortableItem };

package/dist/components/layout/Sortable/Sortable.theme.js

@@ -1,7 +0,0 @@
-var sortableTheme = {
-    containerStyle: "relative",
-    itemStyle: "relative cursor-move select-none relative focus-within:z-10",
-    dragHandleStyle: "cursor-grab active:cursor-grabbing p-1 text-gray-400 hover:text-gray-600 flex items-center justify-center rounded transition-colors duration-200",
-};
-
-export { sortableTheme };

package/dist/components/layout/Sortable/Sortable.types.d.ts

@@ -1,67 +0,0 @@
-import { HTMLAttributes, ReactNode, DragEvent } from 'react';
-export interface SortableData {
-    id: string;
-    index: number;
-    data?: any;
-}
-export interface SortableTheme {
-    containerStyle: string;
-    itemStyle: string;
-    dragHandleStyle: string;
-}
-export interface SortableThemeOverrides {
-    containerStyle?: string;
-    itemStyle?: string;
-    dragHandleStyle?: string;
-}
-export interface SortableProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onDragStart' | 'onDragEnd'> {
-    /** Content to make sortable */
-    children: ReactNode;
-    /** Called when items are reordered */
-    onReorder: (fromIndex: number, toIndex: number) => void;
-    /** Custom class name */
-    className?: string;
-    /** Theme overrides */
-    theme?: SortableThemeOverrides;
-    /** Direction of sorting */
-    direction?: 'vertical' | 'horizontal';
-    /** Show drag handles */
-    showDragHandle?: boolean;
-    /** Called when drag starts */
-    onSortDragStart?: (data: SortableData, event: DragEvent<HTMLDivElement>) => void;
-    /** Called when drag ends */
-    onSortDragEnd?: (data: SortableData, event: DragEvent<HTMLDivElement>) => void;
-}
-export interface SortableItemProps extends HTMLAttributes<HTMLDivElement> {
-    /** Unique identifier for the item */
-    id: string;
-    /** Content of the sortable item */
-    children: ReactNode;
-    /** Custom class name */
-    className?: string;
-    /** Theme overrides */
-    theme?: SortableThemeOverrides;
-    /** Disable dragging for this item */
-    disabled?: boolean;
-}
-export interface SortableContextValue {
-    direction: 'vertical' | 'horizontal';
-    showDragHandle: boolean;
-    theme: SortableTheme;
-    onReorder: (fromIndex: number, toIndex: number) => void;
-    onSortDragStart?: (data: SortableData, event: DragEvent<HTMLDivElement>) => void;
-    onSortDragEnd?: (data: SortableData, event: DragEvent<HTMLDivElement>) => void;
-    draggedItem: string | null;
-    setDraggedItem: (id: string | null) => void;
-    dropPosition: {
-        index: number;
-        position: 'before' | 'after';
-    } | null;
-    setDropPosition: (position: {
-        index: number;
-        position: 'before' | 'after';
-    } | null) => void;
-    itemRefs: React.MutableRefObject<Map<string, HTMLDivElement>>;
-    draggedItemContent: React.ReactNode | null;
-    setDraggedItemContent: (content: React.ReactNode | null) => void;
-}

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

@@ -1,2 +0,0 @@
-export * from './DragDrop';
-export * from './Sortable';

package/dist/components/navigation/NavItem/NavItem.js

@@ -1,93 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { navItemTheme } from './NavItem.theme.js';
-import { useSidebarContext } from '../Sidebar/SidebarContext.js';
-import Tooltip from '../../core/Tooltip/Tooltip.js';
-import '../../core/Tooltip/Tooltip.animations.js';
-import { Badge } from '../../core/Badge/Badge.js';
-import ForwardRef from '../../../node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js';
-
-var NavItem = React__default.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var children = _a.children, icon = _a.icon, badge = _a.badge, href = _a.href, onClick = _a.onClick, _d = _a.active, active = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.hasSubmenu, hasSubmenu = _f === void 0 ? false : _f, _g = _a.expanded, expanded = _g === void 0 ? false : _g, onToggleExpanded = _a.onToggleExpanded, _h = _a.level, level = _h === void 0 ? 0 : _h, _j = _a.showTooltipWhenCollapsed, showTooltipWhenCollapsed = _j === void 0 ? true : _j, className = _a.className, _k = _a.theme, customTheme = _k === void 0 ? {} : _k, props = __rest(_a, ["children", "icon", "badge", "href", "onClick", "active", "disabled", "hasSubmenu", "expanded", "onToggleExpanded", "level", "showTooltipWhenCollapsed", "className", "theme"]);
-    var sidebarContext = useSidebarContext();
-    var collapsed = (sidebarContext === null || sidebarContext === void 0 ? void 0 : sidebarContext.collapsed) || false;
-    var isInSidebar = sidebarContext;
-    var theme = __assign(__assign(__assign({}, navItemTheme), customTheme), { states: __assign(__assign({}, navItemTheme.states), customTheme.states), iconStates: __assign(__assign({}, navItemTheme.iconStates), customTheme.iconStates), levels: __assign(__assign({}, navItemTheme.levels), customTheme.levels), collapsed: __assign(__assign({}, navItemTheme.collapsed), customTheme.collapsed) });
-    // Handle click events
-    var handleClick = function (e) {
-        if (disabled) {
-            e.preventDefault();
-            return;
-        }
-        if (hasSubmenu && onToggleExpanded) {
-            e.preventDefault();
-            onToggleExpanded();
-            return;
-        }
-        if (onClick) {
-            e.preventDefault();
-            onClick();
-            return;
-        }
-        // If href is provided, let the default navigation happen
-    };
-    // Determine active state
-    var isActive = active;
-    // Get state classes
-    var getStateClasses = function () {
-        if (disabled)
-            return theme.states.disabled;
-        if (isActive)
-            return theme.states.active;
-        return theme.states.default;
-    };
-    // Build container classes
-    var containerClasses = cn(theme.baseStyle, getStateClasses(), theme.levels[level], isInSidebar && collapsed && ((_b = theme.collapsed) === null || _b === void 0 ? void 0 : _b.container), className);
-    // Get icon state classes
-    var getIconStateClasses = function () {
-        var _a, _b, _c;
-        if (disabled)
-            return (_a = theme.iconStates) === null || _a === void 0 ? void 0 : _a.disabled;
-        if (isActive)
-            return (_b = theme.iconStates) === null || _b === void 0 ? void 0 : _b.active;
-        return (_c = theme.iconStates) === null || _c === void 0 ? void 0 : _c.default;
-    };
-    // Build icon classes
-    var iconClasses = cn(isInSidebar && collapsed ? (_c = theme.collapsed) === null || _c === void 0 ? void 0 : _c.icon : theme.icon, getIconStateClasses());
-    // Build text classes
-    var textClasses = cn(theme.text);
-    // Content component
-    var content = (React__default.createElement("div", __assign({ ref: ref, className: containerClasses, role: href ? "link" : "button", tabIndex: disabled ? -1 : 0, "aria-disabled": disabled, "aria-expanded": hasSubmenu ? expanded : undefined, "data-active": isActive, "data-disabled": disabled, "data-level": level, onClick: handleClick, onKeyDown: function (e) {
-            if (e.key === "Enter" || e.key === " ") {
-                e.preventDefault();
-                handleClick(e);
-            }
-        } }, props),
-        icon && (React__default.createElement("span", { className: cn("flex-shrink-0", !collapsed && "mr-3"), "aria-hidden": "true" }, React__default.cloneElement(icon, {
-            className: iconClasses
-        }))),
-        (!isInSidebar || !collapsed) && (React__default.createElement("span", { className: textClasses }, children)),
-        badge && (!isInSidebar || !collapsed) && (React__default.createElement(Badge, { variant: "secondary", size: "sm" }, badge)),
-        hasSubmenu && (!isInSidebar || !collapsed) && (React__default.createElement("span", { className: "ml-auto flex-shrink-0" },
-            React__default.createElement(ForwardRef, { className: cn("size-4 transition-transform duration-300", expanded && "rotate-180") }))),
-        isInSidebar && collapsed && (React__default.createElement("span", { className: "sr-only" }, children))));
-    // Wrap with link if href is provided
-    if (href && !disabled) {
-        var LinkContent = (React__default.createElement("a", { href: href, className: "block" }, content));
-        // Show tooltip in collapsed sidebar mode
-        if (isInSidebar && collapsed && showTooltipWhenCollapsed) {
-            return (React__default.createElement(Tooltip, { content: children, placement: "right" }, LinkContent));
-        }
-        return LinkContent;
-    }
-    // Show tooltip in collapsed sidebar mode
-    if (isInSidebar && collapsed && showTooltipWhenCollapsed) {
-        return (React__default.createElement(Tooltip, { content: children, placement: "right" }, content));
-    }
-    return content;
-});
-NavItem.displayName = "NavItem";
-
-export { NavItem };

package/dist/components/navigation/NavItem/NavItem.theme.d.ts

@@ -1,2 +0,0 @@
-import { NavItemTheme } from './NavItem.types';
-export declare const navItemTheme: NavItemTheme;

package/dist/components/navigation/NavItem/NavItem.theme.js

@@ -1,27 +0,0 @@
-var navItemTheme = {
-    baseStyle: 'relative flex items-center cursor-pointer select-none transition-all duration-300 w-full rounded-lg px-3 py-2 text-base font-medium group',
-    icon: 'size-5 text-text-placeholder',
-    text: 'flex-1 min-w-0 truncate',
-    states: {
-        default: 'text-text-primary/80 hover:bg-gray-100 hover:text-text-primary',
-        active: 'bg-[var(--color-primary-50)] text-[var(--color-primary)] font-semibold',
-        disabled: 'text-text-placeholder cursor-not-allowed hover:bg-transparent hover:text-text-placeholder',
-        hover: 'hover:bg-gray-50',
-    },
-    iconStates: {
-        default: 'text-text-placeholder group-hover:text-text-primary',
-        active: 'text-[var(--color-primary)]',
-        disabled: 'text-text-placeholder/50',
-    },
-    levels: {
-        0: '',
-        1: 'ml-4',
-        2: 'ml-8',
-    },
-    collapsed: {
-        container: 'justify-center px-2',
-        icon: 'size-5',
-    },
-};
-
-export { navItemTheme };

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

@@ -1,113 +0,0 @@
-import { ReactNode } from 'react';
-export interface NavItemProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Content of the navigation item
-     */
-    children: ReactNode;
-    /**
-     * Icon to display with the item
-     */
-    icon?: ReactNode;
-    /**
-     * Badge/count to display
-     */
-    badge?: string | number;
-    /**
-     * Link href (for navigation)
-     */
-    href?: string;
-    /**
-     * Click handler (alternative to href)
-     */
-    onClick?: () => void;
-    /**
-     * Whether the item is currently active
-     * @default false
-     */
-    active?: boolean;
-    /**
-     * Whether the item is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether the item has a submenu
-     * @default false
-     */
-    hasSubmenu?: boolean;
-    /**
-     * Whether the submenu is expanded (for multi-level navigation)
-     * @default false
-     */
-    expanded?: boolean;
-    /**
-     * Callback when submenu is toggled
-     */
-    onToggleExpanded?: () => void;
-    /**
-     * Nesting level for indentation (0, 1, 2)
-     * @default 0
-     */
-    level?: number;
-    /**
-     * Whether to show tooltip when in collapsed sidebar mode
-     * @default true
-     */
-    showTooltipWhenCollapsed?: boolean;
-    /**
-     * Custom theme overrides
-     */
-    theme?: NavItemThemeOverrides;
-}
-export interface NavItemTheme {
-    baseStyle: string;
-    icon: string;
-    text: string;
-    states: {
-        default: string;
-        active: string;
-        disabled: string;
-        hover: string;
-    };
-    iconStates?: {
-        default?: string;
-        active?: string;
-        disabled?: string;
-        hover?: string;
-    };
-    levels: {
-        0: string;
-        1: string;
-        2: string;
-    };
-    collapsed: {
-        container: string;
-        icon: string;
-    };
-}
-export interface NavItemThemeOverrides {
-    baseStyle?: string;
-    icon?: string;
-    text?: string;
-    states?: Partial<{
-        default: string;
-        active: string;
-        disabled: string;
-        hover: string;
-    }>;
-    iconStates?: Partial<{
-        default: string;
-        active: string;
-        disabled: string;
-        hover: string;
-    }>;
-    levels?: Partial<{
-        0: string;
-        1: string;
-        2: string;
-    }>;
-    collapsed?: Partial<{
-        container: string;
-        icon: string;
-    }>;
-}

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SidebarProps } from './Sidebar.types';
-export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/Sidebar/Sidebar.js

@@ -1,28 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { sidebarTheme } from './Sidebar.theme.js';
-import { useSidebarContext, SidebarProvider } from './SidebarContext.js';
-
-var SidebarContainer = React__default.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var _e = _a.side, side = _e === void 0 ? 'left' : _e, _f = _a.variant, variant = _f === void 0 ? 'sidebar' : _f, width = _a.width, children = _a.children, className = _a.className, _g = _a.theme, customTheme = _g === void 0 ? {} : _g, props = __rest(_a, ["side", "variant", "width", "children", "className", "theme"]);
-    var context = useSidebarContext();
-    var collapsed = (_b = context === null || context === void 0 ? void 0 : context.collapsed) !== null && _b !== void 0 ? _b : false;
-    var theme = __assign(__assign(__assign({}, sidebarTheme), customTheme), { variants: __assign(__assign({}, sidebarTheme.variants), customTheme.variants), sides: __assign(__assign({}, sidebarTheme.sides), customTheme.sides) });
-    var sidebarClasses = cn(theme.baseStyle, theme.variants[variant], theme.sides[side], className);
-    var widthValue = collapsed
-        ? ((width === null || width === void 0 ? void 0 : width.collapsed) || ((_c = context === null || context === void 0 ? void 0 : context.width) === null || _c === void 0 ? void 0 : _c.collapsed) || 80)
-        : ((width === null || width === void 0 ? void 0 : width.expanded) || ((_d = context === null || context === void 0 ? void 0 : context.width) === null || _d === void 0 ? void 0 : _d.expanded) || 280);
-    return (React__default.createElement("div", __assign({ ref: ref, className: sidebarClasses, "data-side": side, "data-variant": variant, "data-collapsed": collapsed, style: {
-            width: "".concat(widthValue, "px"),
-        } }, props), children));
-});
-var Sidebar = React__default.forwardRef(function (_a, ref) {
-    var _b = _a.side, side = _b === void 0 ? 'left' : _b, _c = _a.variant, variant = _c === void 0 ? 'sidebar' : _c, _d = _a.defaultCollapsed, defaultCollapsed = _d === void 0 ? false : _d, controlledCollapsed = _a.collapsed, onCollapsedChange = _a.onCollapsedChange, width = _a.width, children = _a.children, className = _a.className, _e = _a.theme, customTheme = _e === void 0 ? {} : _e, props = __rest(_a, ["side", "variant", "defaultCollapsed", "collapsed", "onCollapsedChange", "width", "children", "className", "theme"]);
-    return (React__default.createElement(SidebarProvider, { defaultCollapsed: defaultCollapsed, collapsed: controlledCollapsed, onCollapsedChange: onCollapsedChange, width: width, side: side, variant: variant },
-        React__default.createElement(SidebarContainer, __assign({ ref: ref, className: className, theme: customTheme, side: side, variant: variant, width: width }, props), children)));
-});
-Sidebar.displayName = 'Sidebar';
-
-export { Sidebar };

package/dist/components/navigation/Sidebar/Sidebar.theme.js

@@ -1,16 +0,0 @@
-var sidebarTheme = {
-    baseStyle: 'flex flex-col h-full bg-white border-r border-gray-200 overflow-hidden transition-all duration-300 ease-in-out',
-    variants: {
-        sidebar: 'relative',
-        floating: 'rounded-lg shadow-lg border border-gray-200',
-        inset: 'rounded-lg bg-gray-50 border border-gray-200',
-    },
-    sides: {
-        left: 'border-r',
-        right: 'border-l',
-    },
-    collapsed: 'w-20',
-    expanded: 'w-[280px]', // Using arbitrary value since 280px is not a standard Tailwind width
-};
-
-export { sidebarTheme };

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SidebarContentProps } from './Sidebar.types';
-export declare const SidebarContent: React.ForwardRefExoticComponent<SidebarContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/Sidebar/SidebarContent.js

@@ -1,12 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-
-var SidebarContent = React__default.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("div", __assign({ ref: ref, className: cn('flex-1 flex flex-col min-h-0 overflow-hidden', className) }, props),
-        React__default.createElement("div", { className: "flex-1 overflow-y-auto scrollbar-thin scrollbar-thumb-gray-300 scrollbar-track-transparent" }, children)));
-});
-SidebarContent.displayName = 'SidebarContent';
-
-export { SidebarContent };

package/dist/components/navigation/Sidebar/SidebarContext.js

@@ -1,38 +0,0 @@
-import React__default, { createContext, useContext, useState, useCallback } from 'react';
-
-var SidebarContext = createContext(null);
-var useSidebarContext = function () {
-    var context = useContext(SidebarContext);
-    // Return null if not in sidebar context (allows NavItem to work elsewhere)
-    return context;
-};
-var SidebarProvider = function (_a) {
-    var children = _a.children, _b = _a.defaultCollapsed, defaultCollapsed = _b === void 0 ? false : _b, controlledCollapsed = _a.collapsed, onCollapsedChange = _a.onCollapsedChange, _c = _a.width, width = _c === void 0 ? {} : _c, _d = _a.side, side = _d === void 0 ? 'left' : _d, _e = _a.variant, variant = _e === void 0 ? 'sidebar' : _e;
-    var _f = useState(defaultCollapsed), internalCollapsed = _f[0], setInternalCollapsed = _f[1];
-    // Determine if component is controlled
-    var isControlled = controlledCollapsed !== undefined;
-    var collapsed = isControlled ? controlledCollapsed : internalCollapsed;
-    var setCollapsed = useCallback(function (newCollapsed) {
-        if (!isControlled) {
-            setInternalCollapsed(newCollapsed);
-        }
-        onCollapsedChange === null || onCollapsedChange === void 0 ? void 0 : onCollapsedChange(newCollapsed);
-    }, [isControlled, onCollapsedChange]);
-    var toggleCollapsed = useCallback(function () {
-        setCollapsed(!collapsed);
-    }, [collapsed, setCollapsed]);
-    var contextValue = {
-        collapsed: collapsed,
-        setCollapsed: setCollapsed,
-        toggleCollapsed: toggleCollapsed,
-        width: {
-            expanded: width.expanded || 280,
-            collapsed: width.collapsed || 80,
-        },
-        side: side,
-        variant: variant,
-    };
-    return (React__default.createElement(SidebarContext.Provider, { value: contextValue }, children));
-};
-
-export { SidebarProvider, useSidebarContext };

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SidebarFooterProps } from './Sidebar.types';
-export declare const SidebarFooter: React.ForwardRefExoticComponent<SidebarFooterProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/Sidebar/SidebarFooter.js

@@ -1,11 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-
-var SidebarFooter = React__default.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("div", __assign({ ref: ref, className: cn('flex-shrink-0 border-t border-gray-200 bg-white p-4', className) }, props), children));
-});
-SidebarFooter.displayName = 'SidebarFooter';
-
-export { SidebarFooter };

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SidebarHeaderProps } from './Sidebar.types';
-export declare const SidebarHeader: React.ForwardRefExoticComponent<SidebarHeaderProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/Sidebar/SidebarHeader.js

@@ -1,22 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { useSidebarContext } from './SidebarContext.js';
-import { SidebarToggle } from './SidebarToggle.js';
-
-var SidebarHeader = React__default.forwardRef(function (_a, ref) {
-    var logo = _a.logo, _b = _a.showToggle, showToggle = _b === void 0 ? true : _b, customToggle = _a.customToggle, children = _a.children, className = _a.className, props = __rest(_a, ["logo", "showToggle", "customToggle", "children", "className"]);
-    var sidebarContext = useSidebarContext();
-    var collapsed = (sidebarContext === null || sidebarContext === void 0 ? void 0 : sidebarContext.collapsed) || false;
-    // If children are provided, use them instead of default layout
-    if (children) {
-        return (React__default.createElement("div", __assign({ ref: ref, className: cn('flex-shrink-0 border-b border-gray-200 bg-white', className) }, props), children));
-    }
-    return (React__default.createElement("div", __assign({ ref: ref, className: cn('flex items-center justify-between flex-shrink-0 p-4 border-b border-gray-200 bg-white', className) }, props),
-        logo && (React__default.createElement("div", { className: cn('flex items-center min-w-0', collapsed && 'justify-center w-full') }, logo)),
-        showToggle && !collapsed && (React__default.createElement("div", { className: "flex-shrink-0 ml-4" }, customToggle || React__default.createElement(SidebarToggle, null))),
-        showToggle && collapsed && (React__default.createElement("div", { className: "absolute top-4 right-2" }, customToggle || React__default.createElement(SidebarToggle, null)))));
-});
-SidebarHeader.displayName = 'SidebarHeader';
-
-export { SidebarHeader };

package/dist/components/navigation/Sidebar/SidebarNav.js

@@ -1,11 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-
-var SidebarNav = React__default.forwardRef(function (_a, ref) {
-    var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
-    return (React__default.createElement("nav", __assign({ ref: ref, className: cn('flex-1 space-y-1 p-4', className), role: "navigation" }, props), children));
-});
-SidebarNav.displayName = 'SidebarNav';
-
-export { SidebarNav };