flikkui 0.2.0-beta.1 → 0.2.0-beta.4

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

@@ -1,48 +1,3 @@
-export { ChatInterface } from './components/ai/ChatInterface/ChatInterface.js';
-export { chatInterfaceTheme } from './components/ai/ChatInterface/ChatInterface.theme.js';
-export { useChatInterfaceContext } from './components/ai/ChatInterface/ChatInterface.types.js';
-export { Message } from './components/core/Message/Message.js';
-export { messageTheme } from './components/core/Message/Message.theme.js';
-export { TypeWriter } from './components/core/Message/TypeWriter.js';
-export { MessageHistory } from './components/ai/MessageHistory/MessageHistory.js';
-export { messageHistoryTheme } from './components/ai/MessageHistory/MessageHistory.theme.js';
-export { PromptInput } from './components/ai/PromptInput/PromptInput.js';
-export { promptInputTheme } from './components/ai/PromptInput/PromptInput.theme.js';
-export { ThinkingIndicator } from './components/ai/ThinkingIndicator/ThinkingIndicator.js';
-export { thinkingIndicatorTheme } from './components/ai/ThinkingIndicator/ThinkingIndicator.theme.js';
-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 { StreamingResponse } from './components/ai/StreamingResponse/StreamingResponse.js';
-export { ErrorDisplay } from './components/ai/StreamingResponse/ErrorDisplay.js';
-export { MarkdownRenderer } from './components/ai/StreamingResponse/MarkdownRenderer.js';
-export { streamingResponseTheme } from './components/ai/StreamingResponse/StreamingResponse.theme.js';
-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 { cn } from './utils/cn.js';
-export { debounce } from './utils/debounce.js';
-export { useClickOutside } from './utils/useClickOutside.js';
-export { useOverlay } from './hooks/useOverlay.js';
-export { useSlidingNumber } from './hooks/useSlidingNumber.js';
-export { useTypewriter } from './hooks/useTypewriter.js';
-export { default as Metric } from './components/core/Metric/Metric.js';
-export { default as ProgressiveBlur } from './components/core/ProgressiveBlur/ProgressiveBlur.js';
 export { Accordion } from './components/core/Accordion/Accordion.js';
 export { AlertDialog } from './components/core/AlertDialog/AlertDialog.js';
 export { Avatar } from './components/core/Avatar/Avatar.js';
@@ -59,11 +14,6 @@ export { calendarTheme } from './components/core/Calendar/Calendar.theme.js';
 export { calendarAnimations } from './components/core/Calendar/Calendar.animations.js';
 export { CalendarMini } from './components/core/Calendar/CalendarMini/CalendarMini.js';
 export { Card } from './components/core/Card/Card.js';
-export { CardHeader } from './components/core/Card/CardHeader.js';
-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 { CardStack } from './components/core/CardStack/CardStack.js';
 export { Carousel } from './components/core/Carousel/Carousel.js';
 export { CommandPalette } from './components/core/CommandPalette/CommandPalette.js';
@@ -80,11 +30,14 @@ export { dropdownTheme } from './components/core/Dropdown/Dropdown.theme.js';
 export { Kbd } from './components/core/Kbd/Kbd.js';
 export { Link } from './components/core/Link/Link.js';
 export { Loader } from './components/core/Loader/Loader.js';
+export { default as Metric } from './components/core/Metric/Metric.js';
 export { metricTheme } from './components/core/Metric/Metric.theme.js';
 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';
 export { SlidingNumber } from './components/core/SlidingNumber/SlidingNumber.js';
@@ -98,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';
@@ -107,16 +62,15 @@ export { toastTheme } from './components/core/Toast/Toast.theme.js';
 export { Notification } from './components/core/Notification/Notification.js';
 export { notificationTheme } from './components/core/Notification/Notification.theme.js';
 export { Spinner } from './components/core/Spinner/Spinner.js';
+export { Message } from './components/core/Message/Message.js';
+export { messageTheme } from './components/core/Message/Message.theme.js';
+export { TypeWriter } from './components/core/Message/TypeWriter.js';
 export { Empty } from './components/core/Empty/Empty.js';
 export { emptyTheme } from './components/core/Empty/Empty.theme.js';
 export { Masonry } from './components/core/Masonry/Masonry.js';
 export { getMasonryTheme, masonryTheme } from './components/core/Masonry/Masonry.theme.js';
 export { Table } from './components/core/Table/index.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 { DragDropProvider, Draggable, Droppable } from './components/core/DragDrop/DragDrop.js';
-export { AnimatePresence } from 'motion/react';
 export { Sortable, SortableItem } from './components/core/Sortable/Sortable.js';
 export { NavItem } from './components/core/NavItem/NavItem.js';
 export { Sidebar } from './components/core/Sidebar/Sidebar.js';
@@ -128,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';
@@ -147,13 +99,16 @@ export { checkboxTheme } from './components/forms/Checkbox/Checkbox.theme.js';
 export { Switch } from './components/forms/Switch/Switch.js';
 export { switchTheme } from './components/forms/Switch/Switch.theme.js';
 export { DatePicker } from './components/forms/DatePicker/DatePicker.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';
 export { datePickerTheme } from './components/forms/DatePicker/DatePicker.theme.js';
 export { FileUpload } from './components/forms/FileUpload/FileUpload.js';
 export { fileUploadTheme } from './components/forms/FileUpload/FileUpload.theme.js';
 export { TimePicker } from './components/forms/TimePicker/TimePicker.js';
+import 'react';
+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';
@@ -172,19 +127,25 @@ 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';
+export { STACKED_BAR_CHART_DEFAULTS } from './components/charts/StackedBarChart/StackedBarChart.types.js';
 export { LineChart } from './components/charts/LineChart/LineChart.js';
 export { AreaChart } from './components/charts/AreaChart/AreaChart.js';
 export { DonutChart } from './components/charts/DonutChart/DonutChart.js';
 export { MultiSegmentDonutChart } from './components/charts/DonutChart/MultiSegmentDonutChart.js';
 export { Heatmap } from './components/charts/Heatmap/Heatmap.js';
+export { calculateIntensity, createGridMatrix, formatAxisLabel, generateSampleData, getDefaultTooltipContent, processHeatmapData } from './components/charts/Heatmap/utils/heatmapUtils.js';
 export { FunnelChart } from './components/charts/FunnelChart/FunnelChart.js';
 export { ScatterPlot } from './components/charts/ScatterPlot/ScatterPlot.js';
 export { ComboChart } from './components/charts/ComboChart/ComboChart.js';
@@ -203,11 +164,9 @@ export { useTooltipPosition } from './components/charts/hooks/useTooltipPosition
 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 { calculateIntensity, createGridMatrix, formatAxisLabel, generateSampleData, getDefaultTooltipContent, processHeatmapData } from './components/charts/Heatmap/utils/heatmapUtils.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 { STACKED_BAR_CHART_DEFAULTS } from './components/charts/StackedBarChart/StackedBarChart.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';
@@ -216,3 +175,43 @@ export { GlassEffect } from './components/effects/GlassEffect/GlassEffect.js';
 export { Overlay } from './components/effects/Overlay/Overlay.js';
 export { SpotlightBorder } from './components/effects/SpotlightBorder/SpotlightBorder.js';
 export { GlassSurface } from './components/effects/GlassSurface/GlassSurface.js';
+export { ChatInterface } from './components/ai/ChatInterface/ChatInterface.js';
+export { chatInterfaceTheme } from './components/ai/ChatInterface/ChatInterface.theme.js';
+export { useChatInterfaceContext } from './components/ai/ChatInterface/ChatInterface.types.js';
+export { MessageHistory } from './components/ai/MessageHistory/MessageHistory.js';
+export { messageHistoryTheme } from './components/ai/MessageHistory/MessageHistory.theme.js';
+export { PromptInput } from './components/ai/PromptInput/PromptInput.js';
+export { promptInputTheme } from './components/ai/PromptInput/PromptInput.theme.js';
+export { ThinkingIndicator } from './components/ai/ThinkingIndicator/ThinkingIndicator.js';
+export { thinkingIndicatorTheme } from './components/ai/ThinkingIndicator/ThinkingIndicator.theme.js';
+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 { 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';
+export { streamingResponseTheme } from './components/ai/StreamingResponse/StreamingResponse.theme.js';
+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 { ArtifactContainer } from './components/ai/ArtifactContainer/ArtifactContainer.js';
+export { artifactContainerTheme, handleSizes } from './components/ai/ArtifactContainer/ArtifactContainer.theme.js';
+export { debounce } from './utils/debounce.js';
+export { useClickOutside } from './utils/useClickOutside.js';
+export { useOverlay } from './hooks/useOverlay.js';
+export { useSlidingNumber } from './hooks/useSlidingNumber.js';
+export { useTypewriter } from './hooks/useTypewriter.js';
+export { CardHeader } from './components/core/Card/CardHeader.js';
+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 { DatePickerTrigger } from './components/forms/DatePicker/DatePickerTrigger.js';
+export { DatePickerContent } from './components/forms/DatePicker/DatePickerContent.js';
+export { DatePickerPresets } from './components/forms/DatePicker/DatePickerPresets.js';