flikkui 0.2.0-beta.2 → 0.2.0-beta.5

package/dist/components/forms/TimePicker/useWheelPicker.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Options for the useWheelPicker hook
+ */
+export interface UseWheelPickerOptions<T> {
+    /** Array of options to display in the wheel */
+    options: T[];
+    /** Currently selected value */
+    value: T;
+    /** Callback when value changes */
+    onChange: (value: T) => void;
+    /** Height of each item in pixels */
+    itemHeight?: number;
+    /** Number of visible items (should be odd for center selection) */
+    visibleItems?: number;
+}
+/**
+ * Return type for the useWheelPicker hook
+ */
+export interface UseWheelPickerReturn {
+    /** Ref to attach to the scrollable container */
+    containerRef: React.RefObject<HTMLDivElement | null>;
+    /** Scroll to a specific value programmatically */
+    scrollToValue: (value: number | string, behavior?: ScrollBehavior) => void;
+    /** Current scroll position index */
+    currentIndex: number;
+    /** Padding needed at top/bottom to center first/last items */
+    paddingY: number;
+    /** Whether the user is currently dragging */
+    isDragging: boolean;
+}
+/**
+ * Custom hook for iOS-style wheel picker scroll behavior
+ *
+ * Uses CSS scroll-snap for native snapping behavior and
+ * detects scroll end to trigger onChange callback.
+ */
+export declare function useWheelPicker<T>({ options, value, onChange, itemHeight, visibleItems, }: UseWheelPickerOptions<T>): UseWheelPickerReturn;

package/dist/components/forms/TimePicker/useWheelPicker.js

@@ -0,0 +1,138 @@
+import { useRef, useState, useCallback, useEffect } from 'react';
+
+/**
+ * Custom hook for iOS-style wheel picker scroll behavior
+ *
+ * Uses CSS scroll-snap for native snapping behavior and
+ * detects scroll end to trigger onChange callback.
+ */
+function useWheelPicker({ options, value, onChange, itemHeight = 40, visibleItems = 5, }) {
+    const containerRef = useRef(null);
+    const scrollTimeoutRef = useRef(null);
+    const isScrollingRef = useRef(false);
+    const lastScrollTopRef = useRef(0);
+    // Mouse drag state
+    const [isDragging, setIsDragging] = useState(false);
+    const isDraggingRef = useRef(false);
+    const dragStartYRef = useRef(0);
+    const dragStartScrollTopRef = useRef(0);
+    // Calculate padding to center first/last items
+    const paddingY = Math.floor((visibleItems - 1) / 2) * itemHeight;
+    // Find current index based on value
+    const currentIndex = options.findIndex(opt => opt === value);
+    // Scroll to a specific value
+    const scrollToValue = useCallback((targetValue, behavior = 'smooth') => {
+        if (!containerRef.current)
+            return;
+        const targetIndex = options.findIndex(opt => opt === targetValue);
+        if (targetIndex === -1)
+            return;
+        const scrollTop = targetIndex * itemHeight;
+        containerRef.current.scrollTo({
+            top: scrollTop,
+            behavior,
+        });
+    }, [options, itemHeight]);
+    // Handle scroll end detection with debounce
+    const handleScrollEnd = useCallback(() => {
+        if (!containerRef.current)
+            return;
+        const scrollTop = containerRef.current.scrollTop;
+        const nearestIndex = Math.round(scrollTop / itemHeight);
+        const clampedIndex = Math.max(0, Math.min(nearestIndex, options.length - 1));
+        // Only trigger onChange if the index actually changed
+        if (options[clampedIndex] !== value) {
+            onChange(options[clampedIndex]);
+        }
+        isScrollingRef.current = false;
+    }, [itemHeight, options, value, onChange]);
+    // Handle scroll event with debounced end detection
+    const handleScroll = useCallback(() => {
+        if (!containerRef.current)
+            return;
+        isScrollingRef.current = true;
+        lastScrollTopRef.current = containerRef.current.scrollTop;
+        // Clear existing timeout
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+        }
+        // Set new timeout for scroll end detection
+        // 100ms debounce to detect when scrolling stops
+        scrollTimeoutRef.current = setTimeout(() => {
+            handleScrollEnd();
+        }, 100);
+    }, [handleScrollEnd]);
+    // Attach scroll listener
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        container.addEventListener('scroll', handleScroll, { passive: true });
+        return () => {
+            container.removeEventListener('scroll', handleScroll);
+            if (scrollTimeoutRef.current) {
+                clearTimeout(scrollTimeoutRef.current);
+            }
+        };
+    }, [handleScroll]);
+    // Scroll to initial value on mount and when value changes externally
+    useEffect(() => {
+        if (!isScrollingRef.current && containerRef.current) {
+            const targetIndex = options.findIndex(opt => opt === value);
+            if (targetIndex !== -1) {
+                // Use instant scroll on initial mount to avoid jarring animation
+                const scrollTop = targetIndex * itemHeight;
+                containerRef.current.scrollTo({
+                    top: scrollTop,
+                    behavior: 'instant',
+                });
+            }
+        }
+    }, [value, options, itemHeight]);
+    // Mouse drag-to-scroll support (desktop)
+    useEffect(() => {
+        const container = containerRef.current;
+        if (!container)
+            return;
+        const handleMouseDown = (e) => {
+            isDraggingRef.current = false;
+            dragStartYRef.current = e.clientY;
+            dragStartScrollTopRef.current = container.scrollTop;
+            const handleMouseMove = (e) => {
+                const deltaY = dragStartYRef.current - e.clientY;
+                // Only start dragging after a small threshold to allow clicks
+                if (!isDraggingRef.current && Math.abs(deltaY) > 3) {
+                    isDraggingRef.current = true;
+                    setIsDragging(true);
+                }
+                if (isDraggingRef.current) {
+                    container.scrollTop = dragStartScrollTopRef.current + deltaY;
+                }
+            };
+            const handleMouseUp = () => {
+                document.removeEventListener('mousemove', handleMouseMove);
+                document.removeEventListener('mouseup', handleMouseUp);
+                // Reset dragging state after a tick so click handlers can check it
+                requestAnimationFrame(() => {
+                    isDraggingRef.current = false;
+                    setIsDragging(false);
+                });
+            };
+            document.addEventListener('mousemove', handleMouseMove);
+            document.addEventListener('mouseup', handleMouseUp);
+        };
+        container.addEventListener('mousedown', handleMouseDown);
+        return () => {
+            container.removeEventListener('mousedown', handleMouseDown);
+        };
+    }, []);
+    return {
+        containerRef,
+        scrollToValue,
+        currentIndex,
+        paddingY,
+        isDragging,
+    };
+}
+
+export { useWheelPicker };

package/dist/components/forms/forms.theme.d.ts

@@ -51,4 +51,18 @@ export declare const formsBaseTheme: {
             right: string;
         };
     };
+    dropdownStyles: {
+        container: string;
+        option: string;
+        optionSelected: string;
+        optionHighlighted: string;
+        optionDisabled: string;
+        optionCreate: string;
+        emptyMessage: string;
+    };
+    placeholderStyle: string;
+    helperTextStates: {
+        default: string;
+        disabled: string;
+    };
 };

package/dist/components/forms/forms.theme.js

@@ -85,6 +85,37 @@ const formsBaseTheme = {
             right: "pr-10",
         },
     },
+    // Dropdown/listbox styles for Select, Combobox, and similar components
+    dropdownStyles: {
+        // Container for dropdown panel
+        container: "fixed z-[1000] max-h-[var(--select-content-available-height,20rem)] overflow-auto overscroll-contain " +
+            "rounded-[var(--form-rounded)] bg-white/90 backdrop-blur-md text-sm border border-[var(--color-border)] " +
+            "shadow-real-lg ring-1 ring-[var(--color-border)] focus:outline-none " +
+            "dark:bg-[var(--color-neutral-900)]/90 dark:ring-[var(--color-neutral-700)]",
+        // Base option style
+        option: "relative cursor-pointer select-none py-2 px-3 text-[var(--color-text-primary)] " +
+            "hover:text-[var(--color-primary)] hover:bg-[var(--color-primary-50)]/50 " +
+            "dark:text-[var(--color-neutral-200)] dark:hover:text-[var(--color-primary-400)] " +
+            "dark:hover:bg-[var(--color-primary-900)]/50",
+        // Selected option modifier
+        optionSelected: "font-medium text-[var(--color-primary)] dark:text-[var(--color-primary-400)]",
+        // Highlighted option (keyboard navigation)
+        optionHighlighted: "text-[var(--color-primary)] bg-[var(--color-primary-50)]/50 " +
+            "dark:text-[var(--color-primary-400)] dark:bg-[var(--color-primary-900)]/50",
+        // Disabled option modifier
+        optionDisabled: "cursor-not-allowed opacity-50 hover:bg-transparent hover:text-[var(--color-text-primary)]",
+        // Create new option style
+        optionCreate: "font-medium text-[var(--color-primary)] dark:text-[var(--color-primary-400)]",
+        // Empty state message
+        emptyMessage: "py-3 px-3 text-center text-[var(--color-text-muted)] dark:text-[var(--color-neutral-500)]",
+    },
+    // Placeholder text style (shared across input-like components)
+    placeholderStyle: "text-[var(--color-text-placeholder)] dark:text-[var(--color-neutral-500)]",
+    // Helper text state variants (beyond base helperText)
+    helperTextStates: {
+        default: "text-[var(--color-text-muted)] dark:text-[var(--color-neutral-400)]",
+        disabled: "text-[var(--color-text-disabled)] dark:text-[var(--color-neutral-600)]",
+    },
 };
 
 export { formsBaseTheme };

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

@@ -53,7 +53,13 @@ export { InputCounter } from "./InputCounter";
 export type { InputCounterProps, InputCounterTheme } from "./InputCounter";
 export { inputCounterTheme } from "./InputCounter";
 export { formsBaseTheme } from "./forms.theme";
-export { OptimisticForm } from "./OptimisticForm";
-export type { OptimisticFormProps, OptimisticFormState, OptimisticFormStatus, OptimisticFormTheme, } from "./OptimisticForm";
-export { optimisticFormTheme } from "./OptimisticForm";
 export * from "./StepperForm";
+export { SelectExpand } from "./SelectExpand";
+export type { SelectExpandProps, SelectExpandOption, SelectExpandSize, SelectExpandState, SelectExpandTheme, SelectExpandThemeOverrides, } from "./SelectExpand";
+export { selectExpandTheme } from "./SelectExpand";
+export { InputTag } from "./InputTag";
+export type { InputTagProps, InputTagSize, InputTagState, InputTagTheme, InputTagThemeOverrides, InputTagOption, } from "./InputTag";
+export { inputTagTheme } from "./InputTag";
+export { Combobox } from "./Combobox";
+export type { ComboboxProps, ComboboxOption, ComboboxSize, ComboboxState, ComboboxTheme, ComboboxThemeOverrides, } from "./Combobox";
+export { comboboxTheme } from "./Combobox";

package/dist/components/forms/index.js

@@ -23,6 +23,73 @@ import 'clsx';
 import 'tailwind-merge';
 import 'motion/react';
 import 'react-dom';
+import '../core/Accordion/Accordion.js';
+import '../core/AlertDialog/AlertDialog.js';
+import '../core/Avatar/Avatar.js';
+import '../core/AvatarGroup/AvatarGroup.js';
+import '../core/Badge/Badge.js';
+import '../core/Breadcrumbs/Breadcrumbs.js';
+import '../core/Breadcrumbs/Breadcrumbs.theme.js';
+import '../core/Button/Button.js';
+import '../core/ButtonGroup/ButtonGroup.js';
+import '../core/ButtonGroup/ButtonGroupSeparator.js';
+import '../core/ButtonGroup/ButtonGroupText.js';
+import '../core/Calendar/CalendarMini/CalendarMini.js';
+import '../core/Card/Card.js';
+import '../core/CardStack/CardStack.js';
+import '../core/Carousel/Carousel.js';
+import '../core/Kbd/Kbd.js';
+import '../effects/Overlay/Overlay.js';
+import '../core/Divider/Divider.js';
+import '../core/Drawer/Drawer.js';
+import '../core/Dropdown/Dropdown.js';
+import '../core/Dropdown/DropdownTrigger.js';
+import '../core/Dropdown/DropdownMenu.js';
+import '../core/Dropdown/DropdownItem.js';
+import '../core/Dropdown/DropdownSection.js';
+import '../core/Dropdown/DropdownSeparator.js';
+import '../core/Link/Link.js';
+import '../core/Loader/Loader.js';
+import '../core/Modal/Modal.js';
+import '../core/Pagination/Pagination.js';
+import '../core/Popover/Popover.js';
+import '../core/Popover/PopoverContext.js';
+import '../core/Progress/Progress.js';
+import '../core/ProgressiveBlur/ProgressiveBlur.js';
+import '../core/Segmented/Segmented.js';
+import '../core/Skeleton/Skeleton.js';
+import '../core/SlidingNumber/SlidingNumber.js';
+import '../core/Stepper/Stepper.js';
+import '../core/Tabs/Tabs.js';
+import '../core/Tabs/TabsList.js';
+import '../core/Tabs/TabsTrigger.js';
+import '../core/Tabs/TabsContent.js';
+import '../core/Tabs/TabsContext.js';
+import '../core/Tooltip/Tooltip.js';
+import '../core/Tooltip/Tooltip.animations.js';
+import '../core/Tree/Tree.js';
+import '../core/Tag/Tag.js';
+import '../core/Alert/Alert.js';
+import '../core/Toast/Toast.js';
+import '../core/Toast/ToastProvider.js';
+import '../core/Notification/Notification.js';
+import '@heroicons/react/24/solid';
+import '../core/Message/Message.js';
+import '../core/Message/TypeWriter.js';
+import '../core/Empty/Empty.js';
+import '../core/Table/index.js';
+import '../core/DragDrop/DragDrop.js';
+import '../core/Sortable/Sortable.js';
+import '../core/NavItem/NavItem.js';
+import '../core/Sidebar/Sidebar.js';
+import '../core/Sidebar/SidebarHeader.js';
+import '../core/Sidebar/SidebarContent.js';
+import '../core/Sidebar/SidebarFooter.js';
+import '../core/Sidebar/SidebarNav.js';
+import '../core/Sidebar/SidebarNavGroup.js';
+import '../core/Sidebar/SidebarToggle.js';
+import '../core/Sidebar/SidebarContext.js';
+import './TimePicker/WheelColumn.js';
 export { timePickerTheme } from './TimePicker/TimePicker.theme.js';
 export { Slider } from './Slider/Slider.js';
 export { sliderTheme } from './Slider/Slider.theme.js';
@@ -41,11 +108,15 @@ export { inputDateTheme } from './InputDate/InputDate.theme.js';
 export { InputCounter } from './InputCounter/InputCounter.js';
 export { inputCounterTheme } from './InputCounter/InputCounter.theme.js';
 export { formsBaseTheme } from './forms.theme.js';
-export { OptimisticForm } from './OptimisticForm/OptimisticForm.js';
-export { optimisticFormTheme } from './OptimisticForm/OptimisticForm.theme.js';
 export { StepperForm } from './StepperForm/StepperForm.js';
 export { StepperFormContext, useStepperFormContext } from './StepperForm/StepperForm.types.js';
 export { stepperFormTheme } from './StepperForm/StepperForm.theme.js';
+export { SelectExpand } from './SelectExpand/SelectExpand.js';
+export { selectExpandTheme } from './SelectExpand/SelectExpand.theme.js';
+export { InputTag } from './InputTag/InputTag.js';
+export { inputTagTheme } from './InputTag/InputTag.theme.js';
+export { Combobox } from './Combobox/Combobox.js';
+export { comboboxTheme } from './Combobox/Combobox.theme.js';
 export { DatePickerTrigger } from './DatePicker/DatePickerTrigger.js';
 export { DatePickerContent } from './DatePicker/DatePickerContent.js';
 export { DatePickerPresets } from './DatePicker/DatePickerPresets.js';

package/dist/hooks/index.d.ts

@@ -7,8 +7,4 @@ export { useStreamingSSE } from "./useStreamingSSE";
 export type { UseStreamingSSEOptions, UseStreamingSSEReturn, } from "./useStreamingSSE";
 export { useNetworkStatus } from "./useNetworkStatus";
 export type { NetworkStatusReturn } from "./useNetworkStatus";
-export { useOptimisticMutation } from "./useOptimisticMutation";
 export * from "./useFormStateMachine";
-export type { OptimisticMutationOptions, OptimisticMutationReturn, MutationStatus, } from "./useOptimisticMutation";
-export { usePresence } from "./usePresence";
-export type { UsePresenceOptions, UsePresenceReturn } from "./usePresence";

package/dist/icons/Icon.d.ts

@@ -4,6 +4,13 @@ export interface IconProps extends React.SVGProps<SVGSVGElement> {
     color?: string;
     strokeWidth?: number;
     className?: string;
+    /**
+     * Force dark mode styling for the icon. Use when placing the icon
+     * on a dark background while the page is in light mode. This applies the
+     * 'dark' class to the container, making the icon use light colors for visibility.
+     * @default false
+     */
+    darkMode?: boolean;
 }
 export interface IconComponent extends React.FC<IconProps> {
     displayName?: string;

package/dist/icons/Icon.js

@@ -7,7 +7,7 @@ import React__default from 'react';
  * @returns A standardized Icon component
  */
 function createIcon(Svg, displayName) {
-    const Icon = ({ size = 'md', color = 'currentColor', strokeWidth = 2, className = '', ...props }) => {
+    const Icon = ({ size = 'md', color = 'currentColor', strokeWidth = 2, className = '', darkMode = false, ...props }) => {
         // Map size names to pixel values
         const sizeMap = {
             xs: '16px',
@@ -17,7 +17,11 @@ function createIcon(Svg, displayName) {
             xl: '40px',
         };
         const pixelSize = typeof size === 'string' ? sizeMap[size] || '24px' : `${size}px`;
-        return (React__default.createElement(Svg, { width: pixelSize, height: pixelSize, fill: "none", stroke: color, strokeWidth: strokeWidth, className: `${className}`, "aria-hidden": "true", style: { width: pixelSize, height: pixelSize, ...props.style }, ...props }));
+        const svg = (React__default.createElement(Svg, { width: pixelSize, height: pixelSize, fill: "none", stroke: color, strokeWidth: strokeWidth, className: className, "aria-hidden": "true", style: { width: pixelSize, height: pixelSize, ...props.style }, ...props }));
+        if (darkMode) {
+            return (React__default.createElement("span", { className: "dark inline-flex" }, svg));
+        }
+        return svg;
     };
     Icon.displayName = displayName;
     return Icon;

package/dist/index.js

@@ -36,6 +36,7 @@ export { Modal } from './components/core/Modal/Modal.js';
 export { Pagination } from './components/core/Pagination/Pagination.js';
 export { Popover } from './components/core/Popover/Popover.js';
 export { PopoverContext, usePopoverContext } from './components/core/Popover/PopoverContext.js';
+export { Progress } from './components/core/Progress/Progress.js';
 export { default as ProgressiveBlur } from './components/core/ProgressiveBlur/ProgressiveBlur.js';
 export { Segmented } from './components/core/Segmented/Segmented.js';
 export { Skeleton } from './components/core/Skeleton/Skeleton.js';
@@ -50,6 +51,8 @@ export { Tooltip } from './components/core/Tooltip/Tooltip.js';
 export { baseTooltipVariants, getTooltipVariants, tooltipSpringConfig } from './components/core/Tooltip/Tooltip.animations.js';
 export { Tree } from './components/core/Tree/Tree.js';
 export { treeTheme } from './components/core/Tree/Tree.theme.js';
+export { Tag } from './components/core/Tag/Tag.js';
+export { tagTheme } from './components/core/Tag/Tag.theme.js';
 export { Alert } from './components/core/Alert/Alert.js';
 export { alertTheme } from './components/core/Alert/Alert.theme.js';
 export { Toast } from './components/core/Toast/Toast.js';
@@ -79,8 +82,6 @@ export { SidebarNavGroup } from './components/core/Sidebar/SidebarNavGroup.js';
 export { SidebarSubmenu } from './components/core/Sidebar/SidebarSubmenu.js';
 export { SidebarToggle } from './components/core/Sidebar/SidebarToggle.js';
 export { useSidebarContext } from './components/core/Sidebar/SidebarContext.js';
-export { RetryBoundary } from './components/core/RetryBoundary/RetryBoundary.js';
-export { retryBoundaryTheme } from './components/core/RetryBoundary/RetryBoundary.theme.js';
 export { OfflineIndicator } from './components/core/OfflineIndicator/OfflineIndicator.js';
 export { offlineIndicatorTheme } from './components/core/OfflineIndicator/OfflineIndicator.theme.js';
 export { Input } from './components/forms/Input/Input.js';
@@ -107,6 +108,7 @@ import '@heroicons/react/24/outline';
 export { cn } from './utils/cn.js';
 export { AnimatePresence } from 'motion/react';
 import 'react-dom';
+import './components/forms/TimePicker/WheelColumn.js';
 export { timePickerTheme } from './components/forms/TimePicker/TimePicker.theme.js';
 export { Slider } from './components/forms/Slider/Slider.js';
 export { sliderTheme } from './components/forms/Slider/Slider.theme.js';
@@ -125,11 +127,15 @@ export { inputDateTheme } from './components/forms/InputDate/InputDate.theme.js'
 export { InputCounter } from './components/forms/InputCounter/InputCounter.js';
 export { inputCounterTheme } from './components/forms/InputCounter/InputCounter.theme.js';
 export { formsBaseTheme } from './components/forms/forms.theme.js';
-export { OptimisticForm } from './components/forms/OptimisticForm/OptimisticForm.js';
-export { optimisticFormTheme } from './components/forms/OptimisticForm/OptimisticForm.theme.js';
 export { StepperForm } from './components/forms/StepperForm/StepperForm.js';
 export { StepperFormContext, useStepperFormContext } from './components/forms/StepperForm/StepperForm.types.js';
 export { stepperFormTheme } from './components/forms/StepperForm/StepperForm.theme.js';
+export { SelectExpand } from './components/forms/SelectExpand/SelectExpand.js';
+export { selectExpandTheme } from './components/forms/SelectExpand/SelectExpand.theme.js';
+export { InputTag } from './components/forms/InputTag/InputTag.js';
+export { inputTagTheme } from './components/forms/InputTag/InputTag.theme.js';
+export { Combobox } from './components/forms/Combobox/Combobox.js';
+export { comboboxTheme } from './components/forms/Combobox/Combobox.theme.js';
 export { ChartContainer } from './components/charts/ChartContainer.js';
 export { BarChart } from './components/charts/BarChart/BarChart.js';
 export { StackedBarChart } from './components/charts/StackedBarChart/StackedBarChart.js';
@@ -181,7 +187,8 @@ export { thinkingIndicatorTheme } from './components/ai/ThinkingIndicator/Thinki
 export { TokenCounter } from './components/ai/TokenCounter/TokenCounter.js';
 export { tokenCounterTheme } from './components/ai/TokenCounter/TokenCounter.theme.js';
 export { MODEL_CONFIGS, calculateCost, estimateTokens, formatCost, formatTokenCount } from './components/ai/TokenCounter/tokenUtils.js';
-export { PromptSuggestions } from './components/ai/PromptSuggestions/PromptSuggestions.js';
+export { PromptSuggestion } from './components/ai/PromptSuggestions/PromptSuggestion.js';
+export { promptSuggestionTheme } from './components/ai/PromptSuggestions/PromptSuggestion.theme.js';
 export { StreamingResponse } from './components/ai/StreamingResponse/StreamingResponse.js';
 export { ErrorDisplay } from './components/ai/StreamingResponse/ErrorDisplay.js';
 export { MarkdownRenderer } from './components/ai/StreamingResponse/MarkdownRenderer.js';
@@ -190,19 +197,8 @@ export { CodeBlock } from './components/ai/CodeBlock/CodeBlock.js';
 export { codeBlockTheme } from './components/ai/CodeBlock/CodeBlock.theme.js';
 export { ApprovalCard } from './components/ai/ApprovalCard/ApprovalCard.js';
 export { approvalCardTheme } from './components/ai/ApprovalCard/ApprovalCard.theme.js';
-export { EditingIndicator } from './components/ai/EditingIndicator/EditingIndicator.js';
-export { editingIndicatorTheme } from './components/ai/EditingIndicator/EditingIndicator.theme.js';
-export { PresenceIndicator } from './components/ai/PresenceIndicator/PresenceIndicator.js';
-export { presenceIndicatorTheme } from './components/ai/PresenceIndicator/PresenceIndicator.theme.js';
-export { PresenceProvider } from './components/ai/PresenceProvider/PresenceProvider.js';
-export { PresenceContext, usePresenceContext } from './components/ai/PresenceProvider/PresenceContext.js';
-export { MockPresenceAdapter } from './components/ai/PresenceProvider/adapters/MockAdapter.js';
 export { ArtifactContainer } from './components/ai/ArtifactContainer/ArtifactContainer.js';
 export { artifactContainerTheme, handleSizes } from './components/ai/ArtifactContainer/ArtifactContainer.theme.js';
-export { GenerativeRenderer } from './components/ai/GenerativeRenderer/GenerativeRenderer.js';
-export { generativeRendererTheme } from './components/ai/GenerativeRenderer/GenerativeRenderer.theme.js';
-export { VersionSlider } from './components/ai/VersionSlider/VersionSlider.js';
-export { versionSliderTheme } from './components/ai/VersionSlider/VersionSlider.theme.js';
 export { debounce } from './utils/debounce.js';
 export { useClickOutside } from './utils/useClickOutside.js';
 export { useOverlay } from './hooks/useOverlay.js';
@@ -213,9 +209,15 @@ export { CardTitle } from './components/core/Card/CardTitle.js';
 export { CardDescription } from './components/core/Card/CardDescription.js';
 export { CardContent } from './components/core/Card/CardContent.js';
 export { CardFooter } from './components/core/Card/CardFooter.js';
-export { TableActions } from './components/core/Table/components/TableActions/TableActions.js';
-export { TableActionsMenu } from './components/core/Table/components/TableActions/TableActionsMenu.js';
-export { TablePagination } from './components/core/Table/components/TablePagination/TablePagination.js';
+export { useTableColumns } from './components/core/Table/hooks/useTableColumns.js';
+export { useTableSelection } from './components/core/Table/hooks/useTableSelection.js';
+export { useTableExpansion } from './components/core/Table/hooks/useTableExpansion.js';
+export { useTablePagination } from './components/core/Table/hooks/useTablePagination.js';
+export { useTableFilter } from './components/core/Table/hooks/useTableFilter.js';
+export { TableActions } from './components/core/Table/TableActions.js';
+export { TableActionsMenu } from './components/core/Table/TableActionsMenu.js';
+export { TablePagination } from './components/core/Table/TablePagination.js';
+export { TableFilter } from './components/core/Table/TableFilter.js';
 export { DatePickerTrigger } from './components/forms/DatePicker/DatePickerTrigger.js';
 export { DatePickerContent } from './components/forms/DatePicker/DatePickerContent.js';
 export { DatePickerPresets } from './components/forms/DatePicker/DatePickerPresets.js';