flikkui 0.1.0-beta.4 → 0.1.0-beta.5

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

@@ -0,0 +1,93 @@
+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.js

@@ -0,0 +1,27 @@
+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/Sidebar/Sidebar.js

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,16 @@
+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.js

@@ -0,0 +1,12 @@
+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

@@ -0,0 +1,38 @@
+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.js

@@ -0,0 +1,11 @@
+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.js

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,11 @@
+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 };

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

@@ -0,0 +1,19 @@
+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';
+
+var SidebarNavGroup = React__default.forwardRef(function (_a, ref) {
+    var title = _a.title, _b = _a.showTitleWhenCollapsed, showTitleWhenCollapsed = _b === void 0 ? false : _b, children = _a.children, className = _a.className, props = __rest(_a, ["title", "showTitleWhenCollapsed", "children", "className"]);
+    var sidebarContext = useSidebarContext();
+    var collapsed = (sidebarContext === null || sidebarContext === void 0 ? void 0 : sidebarContext.collapsed) || false;
+    var showTitle = title && (!collapsed || showTitleWhenCollapsed);
+    return (React__default.createElement("div", __assign({ ref: ref, className: cn('space-y-1', className) }, props),
+        showTitle && (React__default.createElement("div", { className: "px-3 py-2" },
+            React__default.createElement("h3", { className: "text-xs font-semibold text-gray-500 uppercase tracking-wider" }, title))),
+        React__default.createElement("div", { className: "space-y-1" }, children),
+        React__default.createElement("div", { className: "pt-4" })));
+});
+SidebarNavGroup.displayName = 'SidebarNavGroup';
+
+export { SidebarNavGroup };

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

@@ -0,0 +1,26 @@
+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';
+
+var SidebarToggle = React__default.forwardRef(function (_a, ref) {
+    var expandIcon = _a.expandIcon, collapseIcon = _a.collapseIcon, className = _a.className, onClick = _a.onClick, props = __rest(_a, ["expandIcon", "collapseIcon", "className", "onClick"]);
+    var sidebarContext = useSidebarContext();
+    if (!sidebarContext) {
+        console.warn('SidebarToggle must be used within a Sidebar component');
+        return null;
+    }
+    var collapsed = sidebarContext.collapsed, toggleCollapsed = sidebarContext.toggleCollapsed;
+    var handleClick = function (e) {
+        toggleCollapsed();
+        onClick === null || onClick === void 0 ? void 0 : onClick(e);
+    };
+    var defaultIcon = (React__default.createElement("svg", { className: "size-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg" },
+        React__default.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h16M4 18h16" })));
+    return (React__default.createElement("button", __assign({ ref: ref, type: "button", className: cn('inline-flex items-center justify-center rounded-md p-2 text-gray-500 hover:bg-gray-100 hover:text-gray-900 focus:outline-none focus:ring-2 focus:ring-primary-500 focus:ring-offset-2 transition-colors', className), onClick: handleClick, "aria-label": collapsed ? 'Expand sidebar' : 'Collapse sidebar', title: collapsed ? 'Expand sidebar' : 'Collapse sidebar' }, props), collapsed
+        ? (expandIcon || defaultIcon)
+        : (collapseIcon || defaultIcon)));
+});
+SidebarToggle.displayName = 'SidebarToggle';
+
+export { SidebarToggle };

package/dist/icons/core/TickIcon.js

@@ -4,4 +4,6 @@ import { createIcon } from '../Icon.js';
 
 var TickSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
     React__default.createElement("path", { d: "M19 6L9 18L4.5 13.5" }))); };
-createIcon(TickSvg, 'TickIcon');
+var TickIcon = createIcon(TickSvg, 'TickIcon');
+
+export { TickIcon };

package/dist/index.d.ts

@@ -1,22 +1,47 @@
 export { default as Button } from './components/core/Button/Button';
 export type { ButtonProps, ButtonVariant, ButtonSize, ButtonThemeOverrides } from './types/button.types';
+export { Badge } from './components/core/Badge';
+export type { BadgeProps, BadgeVariant, BadgeSize, BadgeThemeOverrides } from './components/core/Badge';
+export { Avatar } from './components/core/Avatar';
+export type { AvatarProps, AvatarSize, AvatarStatus } from './components/core/Avatar';
+export { AvatarGroup } from './components/core/AvatarGroup';
+export type { AvatarGroupProps, AvatarGroupSpacing, AvatarGroupDirection } from './components/core/AvatarGroup';
+export { default as Accordion } from './components/core/Accordion';
+export type { AccordionProps, AccordionItemProps, AccordionTriggerProps, AccordionContentProps, AccordionContextValue, AccordionItemContextValue, AccordionThemeOverrides } from './components/core/Accordion';
+export { Segmented } from './components/core/Segmented';
+export type { SegmentedProps, SegmentedItemProps, SegmentedSize } from './components/core/Segmented';
+export { default as Stepper } from './components/core/Stepper';
+export type { StepperProps, StepData } from './components/core/Stepper';
+export { Tooltip } from './components/core/Tooltip';
+export type { TooltipProps, TooltipPlacement, TooltipThemeOverrides } from './components/core/Tooltip';
+export { Tree } from './components/core/Tree';
+export type { TreeProps, TreeNodeType, TreeTheme, TreeThemeOverrides, TreeComponent } from './components/core/Tree';
+export { Pagination } from './components/core/Pagination';
+export type { PaginationProps, PaginationSize } from './components/core/Pagination';
+export { Divider } from './components/core/Divider';
+export type { DividerProps, DividerTheme, DividerThemeOverrides } from './components/core/Divider';
+export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter } from './components/core/Card';
+export type { CardProps, CardHeaderProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, CardTheme, CardThemeOverrides } from './components/core/Card';
 export { Modal } from './components/core/Modal';
 export type { ModalProps, ModalSize, ModalThemeOverrides } from './components/core/Modal/Modal.types';
 export { Drawer } from './components/core/Drawer';
 export type { DrawerProps, DrawerPosition, DrawerSize, DrawerThemeOverrides } from './components/core/Drawer/Drawer.types';
 export { default as Popover } from './components/core/Popover';
 export type { PopoverProps, PopoverContentProps, PopoverTriggerProps, PopoverPlacement, PopoverTriggerType, PopoverThemeOverrides } from './components/core/Popover';
-export { default as Tabs } from './components/core/Tabs';
-export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsSize, TabsOrientation, TabsThemeOverrides, TabsListThemeOverrides, TabsTriggerThemeOverrides, TabsContentThemeOverrides } from './components/core/Tabs';
+export { default as Tabs, TabsList, TabsTrigger, TabsContent, TabsContext, useTabsContext } from './components/core/Tabs';
+export type { TabsProps, TabsListProps, TabsTriggerProps, TabsContentProps, TabsSize, TabsOrientation, TabsContextValue } from './components/core/Tabs';
 export { default as Breadcrumbs } from './components/core/Breadcrumbs';
 export type { BreadcrumbsProps, BreadcrumbItem, BreadcrumbsVariant, BreadcrumbsThemeOverrides } from './components/core/Breadcrumbs';
 export { default as Carousel } from './components/core/Carousel';
 export type { CarouselProps, CarouselSlideProps, CarouselControlsProps, CarouselControlButtonProps, SlideData, CarouselThemeOverrides } from './components/core/Carousel';
 export { ProgressiveBlur } from './components/core/ProgressiveBlur';
 export type { ProgressiveBlurProps, ProgressiveBlurPosition, ProgressiveBlurThemeOverrides, } from './components/core/ProgressiveBlur';
-export { default as Spinner } from './components/feedback/Spinner';
-export type { SpinnerProps, SpinnerSize, SpinnerColor, SpinnerThemeOverrides } from './components/feedback/Spinner/Spinner.types';
+export * from './components/feedback';
+export * from './components/charts';
+export * from './components/navigation';
 export { default as Masonry, masonryTheme, getMasonryTheme } from './components/data-display/Masonry';
 export type { MasonryProps, MasonryThemeOverrides, MasonryTheme } from './components/data-display/Masonry';
+export { Table, TableActions, TableActionsMenu, TablePagination } from './components/data-display/Table';
+export type { TableProps, Column, SortConfig, FilterConfig, TableThemeOverrides, TableVariant, TableAlignment, SelectionType, TableHeaderProps, TableBodyProps, TableRowProps, TableCellProps, TableHeaderCellProps, BulkAction, ActionItem, ActionVariant, ActionPriority, TableActionsProps, TableActionsMenuProps, TablePaginationProps } from './components/data-display/Table';
 export * from './components/layout';
 export * from './components/forms';

package/dist/index.js

@@ -1,20 +1,77 @@
 export { default as Button } from './components/core/Button/Button.js';
+export { Badge } from './components/core/Badge/Badge.js';
+export { Avatar } from './components/core/Avatar/Avatar.js';
+export { AvatarGroup } from './components/core/AvatarGroup/AvatarGroup.js';
+export { default as Accordion } from './components/core/Accordion/Accordion.js';
+export { Segmented } from './components/core/Segmented/Segmented.js';
+export { default as Stepper } from './components/core/Stepper/Stepper.js';
+export { default as Tooltip } from './components/core/Tooltip/Tooltip.js';
+import './components/core/Tooltip/Tooltip.animations.js';
+export { Tree } from './components/core/Tree/Tree.js';
+export { default as Pagination } from './components/core/Pagination/Pagination.js';
+export { Divider } from './components/core/Divider/Divider.js';
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/core/Card/Card.js';
 export { default as Modal } from './components/core/Modal/Modal.js';
 export { default as Drawer } from './components/core/Drawer/Drawer.js';
 export { default as Popover } from './components/core/Popover/Popover.js';
 import './components/core/Popover/PopoverContext.js';
 export { Tabs } from './components/core/Tabs/Tabs.js';
-import './components/core/Tabs/TabsContext.js';
-import './components/core/Tabs/TabsList.js';
-import './components/core/Tabs/TabsTrigger.js';
-import './components/core/Tabs/TabsContent.js';
+export { TabsContext, useTabsContext } from './components/core/Tabs/TabsContext.js';
+export { TabsList } from './components/core/Tabs/TabsList.js';
+export { TabsTrigger } from './components/core/Tabs/TabsTrigger.js';
+export { TabsContent } from './components/core/Tabs/TabsContent.js';
 export { default as Breadcrumbs } from './components/core/Breadcrumbs/Breadcrumbs.js';
 import './components/core/Breadcrumbs/Breadcrumbs.theme.js';
 export { default as Carousel } from './components/core/Carousel/Carousel.js';
 export { default as ProgressiveBlur } from './components/core/ProgressiveBlur/ProgressiveBlur.js';
+export { Alert } from './components/feedback/Alert/Alert.js';
+export { Toast } from './components/feedback/Toast/Toast.js';
+export { ToastProvider, useToastContext } from './components/feedback/Toast/ToastProvider.js';
+export { useToast } from './components/feedback/Toast/useToast.js';
+export { Notification } from './components/feedback/Notification/Notification.js';
 export { default as Spinner } from './components/feedback/Spinner/Spinner.js';
+export { ChatMessage } from './components/feedback/ChatMessage/ChatMessage.js';
+export { default as Empty } from './components/feedback/Empty/Empty.js';
+export { ChartContainer } from './components/charts/ChartContainer.js';
+export { BarChart } from './components/charts/BarChart/BarChart.js';
+export { LineChart } from './components/charts/LineChart/LineChart.js';
+export { AreaChart } from './components/charts/AreaChart/AreaChart.js';
+export { Heatmap } from './components/charts/Heatmap/Heatmap.js';
+import './node_modules/tslib/tslib.es6.js';
+import 'react';
+export { calculateIntensity, createGridMatrix, formatAxisLabel, generateSampleData, getDefaultTooltipContent, processHeatmapData } from './components/charts/Heatmap/utils/heatmapUtils.js';
+export { ChartTooltip } from './components/charts/shared/ChartTooltip/ChartTooltip.js';
+export { ChartLegend } from './components/charts/shared/ChartLegend/ChartLegend.js';
+export { ChartLegendContent } from './components/charts/shared/ChartLegend/ChartLegendContent.js';
+export { XAxis } from './components/charts/shared/ChartAxis/XAxis.js';
+export { YAxis } from './components/charts/shared/ChartAxis/YAxis.js';
+export { ChartText } from './components/charts/shared/ChartText/ChartText.js';
+export { ChartMarker } from './components/charts/shared/ChartMarker/ChartMarker.js';
+export { ChartCrosshair } from './components/charts/shared/ChartCrosshair/ChartCrosshair.js';
+export { HorizontalGrid } from './components/charts/shared/ChartGrid/HorizontalGrid.js';
+export { useChartTheme } from './components/charts/hooks/useChartTheme.js';
+export { useTooltipPosition } from './components/charts/hooks/useTooltipPosition.js';
+export { useChartAccessibility } from './components/charts/hooks/useChartAccessibility.js';
+export { useChartValidation } from './components/charts/hooks/useChartValidation.js';
+export { DEFAULT_CHART_COLORS, EXTENDED_CHART_COLORS, MINIMAL_CHART_COLORS, colorClassToVariable, combineClasses, createColorClass, extractFillClass, extractStrokeClass, generateColorPalette, generateSeriesColors, getContrastColor } from './components/charts/utils/color-utils.js';
+export { chartTheme } from './components/charts/theme/chart.theme.js';
+export { SafeMath, calculateSafeScaleRange, sanitizeChartData, validateChart, validateChartConfig, validateChartData } from './components/charts/utils/chart-validation.js';
+export { BAR_CHART_DEFAULTS } from './components/charts/BarChart/BarChart.types.js';
+export { LINE_CHART_DEFAULTS } from './components/charts/LineChart/LineChart.types.js';
+export { AREA_CHART_DEFAULTS } from './components/charts/AreaChart/AreaChart.types.js';
+export { ChartErrorBoundary } from './components/charts/shared/ChartErrorBoundary/ChartErrorBoundary.js';
+export { NavItem } from './components/navigation/NavItem/NavItem.js';
+export { Sidebar } from './components/navigation/Sidebar/Sidebar.js';
+export { SidebarHeader } from './components/navigation/Sidebar/SidebarHeader.js';
+export { SidebarContent } from './components/navigation/Sidebar/SidebarContent.js';
+export { SidebarFooter } from './components/navigation/Sidebar/SidebarFooter.js';
+export { SidebarNav } from './components/navigation/Sidebar/SidebarNav.js';
+export { SidebarNavGroup } from './components/navigation/Sidebar/SidebarNavGroup.js';
+export { SidebarToggle } from './components/navigation/Sidebar/SidebarToggle.js';
+export { useSidebarContext } from './components/navigation/Sidebar/SidebarContext.js';
 export { default as Masonry } from './components/data-display/Masonry/Masonry.js';
 export { getMasonryTheme, masonryTheme } from './components/data-display/Masonry/Masonry.theme.js';
+export { Table } from './components/data-display/Table/index.js';
 export { Draggable, Droppable } from './components/layout/DragDrop/DragDrop.js';
 export { Sortable, SortableItem } from './components/layout/Sortable/Sortable.js';
 export { Input } from './components/forms/Input/Input.js';
@@ -40,3 +97,6 @@ export { default as timePickerTheme } from './components/forms/TimePicker/TimePi
 export { timePickerAnimations } from './components/forms/TimePicker/TimePicker.animations.js';
 export { Signature } from './components/forms/Signature/Signature.js';
 export { formsBaseTheme } from './components/forms/forms.theme.js';
+export { TableActions } from './components/data-display/Table/components/TableActions/TableActions.js';
+export { TableActionsMenu } from './components/data-display/Table/components/TableActions/TableActionsMenu.js';
+export { TablePagination } from './components/data-display/Table/components/TablePagination/TablePagination.js';

package/dist/node_modules/@heroicons/react/20/solid/esm/ChevronDownIcon.js

@@ -0,0 +1,26 @@
+import * as React from 'react';
+
+function ChevronDownIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronDownIcon);
+
+export { ForwardRef as default };

package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronDoubleLeftIcon.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+function ChevronDoubleLeftIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m18.75 4.5-7.5 7.5 7.5 7.5m-6-15L5.25 12l7.5 7.5"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronDoubleLeftIcon);
+
+export { ForwardRef as default };

package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronDoubleRightIcon.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+function ChevronDoubleRightIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "m5.25 4.5 7.5 7.5-7.5 7.5m6-15 7.5 7.5-7.5 7.5"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronDoubleRightIcon);
+
+export { ForwardRef as default };

package/dist/node_modules/@heroicons/react/24/outline/esm/ChevronLeftIcon.js

@@ -0,0 +1,28 @@
+import * as React from 'react';
+
+function ChevronLeftIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15.75 19.5 8.25 12l7.5-7.5"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(ChevronLeftIcon);
+
+export { ForwardRef as default };

package/dist/node_modules/@heroicons/react/24/outline/esm/Cog6ToothIcon.js

@@ -0,0 +1,32 @@
+import * as React from 'react';
+
+function Cog6ToothIcon({
+  title,
+  titleId,
+  ...props
+}, svgRef) {
+  return /*#__PURE__*/React.createElement("svg", Object.assign({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    strokeWidth: 1.5,
+    stroke: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon",
+    ref: svgRef,
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.24.437-.613.43-.991a6.932 6.932 0 0 1 0-.255c.007-.38-.138-.751-.43-.992l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.28Z"
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
+  }));
+}
+const ForwardRef = /*#__PURE__*/ React.forwardRef(Cog6ToothIcon);
+
+export { ForwardRef as default };