@flikk/ui 1.0.0-beta.2 → 1.0.0-beta.20

package/dist/components/ai/MessageHistory/MessageHistory.js

@@ -1,97 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default, { useRef, useCallback, useEffect, useMemo } from 'react';
-import { messageHistoryTheme } from './MessageHistory.theme.js';
-import { Message } from '../../core/Message/Message.js';
-import '../../core/Message/TypeWriter.js';
-import { cn } from '../../../utils/cn.js';
-
-/**
- * MessageHistory - Virtualized message container with auto-scroll
- *
- * Displays a scrollable list of chat messages with support for
- * auto-scrolling on new messages and optional virtualization.
- *
- * @example
- * ```tsx
- * <MessageHistory
- *   messages={messages}
- *   virtualizeThreshold={50}
- *   autoScroll
- * />
- * ```
- */
-const MessageHistory = React__default.forwardRef(({ messages, virtualizeThreshold = 50, autoScroll = true, showTimestamps = true, renderMessage, onCopyMessage, onRegenerateMessage, className, theme: customTheme = {}, ...props }, ref) => {
-    const scrollRef = useRef(null);
-    const lastMessageCountRef = useRef(0);
-    const userHasScrolledRef = useRef(false);
-    // Determine if virtualization should be enabled
-    const shouldVirtualize = messages.length > virtualizeThreshold;
-    // For simple virtualization, track visible range
-    const [visibleRange, setVisibleRange] = React__default.useState({
-        start: 0,
-        end: 50,
-    });
-    // Merge theme
-    const containerStyle = customTheme.containerStyle || messageHistoryTheme.containerStyle;
-    const scrollAreaStyle = customTheme.scrollAreaStyle || messageHistoryTheme.scrollAreaStyle;
-    const messageListStyle = customTheme.messageListStyle || messageHistoryTheme.messageListStyle;
-    const emptyStateStyle = customTheme.emptyStateStyle || messageHistoryTheme.emptyStateStyle;
-    // Scroll to bottom
-    const scrollToBottom = useCallback(() => {
-        if (scrollRef.current) {
-            scrollRef.current.scrollTop = scrollRef.current.scrollHeight;
-        }
-    }, []);
-    // Auto-scroll on new messages
-    useEffect(() => {
-        if (autoScroll && messages.length > lastMessageCountRef.current) {
-            // Only auto-scroll if user hasn't manually scrolled up
-            if (!userHasScrolledRef.current) {
-                scrollToBottom();
-            }
-        }
-        lastMessageCountRef.current = messages.length;
-    }, [messages.length, autoScroll, scrollToBottom]);
-    // Track user scroll position
-    const handleScroll = useCallback(() => {
-        if (!scrollRef.current)
-            return;
-        const { scrollTop, scrollHeight, clientHeight } = scrollRef.current;
-        const isAtBottom = scrollHeight - scrollTop - clientHeight < 100;
-        userHasScrolledRef.current = !isAtBottom;
-        // Update visible range for virtualization
-        if (shouldVirtualize) {
-            const itemHeight = 100; // Approximate message height
-            const start = Math.max(0, Math.floor(scrollTop / itemHeight) - 5);
-            const end = Math.min(messages.length, start + Math.ceil(clientHeight / itemHeight) + 10);
-            setVisibleRange({ start, end });
-        }
-    }, [shouldVirtualize, messages.length]);
-    // Initial scroll to bottom
-    useEffect(() => {
-        scrollToBottom();
-    }, [scrollToBottom]);
-    // Get visible messages
-    const visibleMessages = useMemo(() => {
-        if (!shouldVirtualize)
-            return messages;
-        return messages.slice(visibleRange.start, visibleRange.end);
-    }, [messages, shouldVirtualize, visibleRange]);
-    // Default message renderer
-    const defaultRenderMessage = useCallback((message, index) => (jsx(Message, { role: message.role, content: message.content, timestamp: message.timestamp, avatar: message.avatar, showTimestamp: showTimestamps, isStreaming: message.isStreaming, onCopy: onCopyMessage ? () => onCopyMessage(message) : undefined, onRegenerate: onRegenerateMessage ? () => onRegenerateMessage(message) : undefined }, message.id)), [showTimestamps, onCopyMessage, onRegenerateMessage]);
-    // Empty state
-    if (messages.length === 0) {
-        return (jsx("div", { ref: ref, className: cn(containerStyle, className), ...props, children: jsx("div", { className: emptyStateStyle, children: jsx("p", { children: "No messages yet. Start a conversation!" }) }) }));
-    }
-    return (jsx("div", { ref: ref, className: cn(containerStyle, className), ...props, children: jsx("div", { ref: scrollRef, className: scrollAreaStyle, onScroll: handleScroll, role: "log", "aria-label": "Message history", "aria-live": "polite", children: jsx("div", { className: messageListStyle, style: shouldVirtualize
-                    ? {
-                        paddingTop: `${visibleRange.start * 100}px`,
-                        paddingBottom: `${(messages.length - visibleRange.end) * 100}px`,
-                    }
-                    : undefined, children: visibleMessages.map((message, index) => renderMessage
-                    ? renderMessage(message, visibleRange.start + index)
-                    : defaultRenderMessage(message, visibleRange.start + index)) }) }) }));
-});
-MessageHistory.displayName = "MessageHistory";
-
-export { MessageHistory };

package/dist/components/ai/MessageHistory/MessageHistory.theme.d.ts

@@ -1,2 +0,0 @@
-import { MessageHistoryTheme } from "./MessageHistory.types";
-export declare const messageHistoryTheme: MessageHistoryTheme;

package/dist/components/ai/MessageHistory/MessageHistory.theme.js

@@ -1,8 +0,0 @@
-const messageHistoryTheme = {
-    containerStyle: "flex flex-col h-full",
-    scrollAreaStyle: "flex-1 overflow-y-auto scroll-smooth",
-    messageListStyle: "flex flex-col gap-4 p-4",
-    emptyStateStyle: "flex items-center justify-center h-full text-[var(--color-text-muted)]",
-};
-
-export { messageHistoryTheme };

package/dist/components/ai/MessageHistory/MessageHistory.types.d.ts

@@ -1,94 +0,0 @@
-import { ReactNode } from "react";
-import { MessageRole, MessageAvatarProps } from "../../core/Message";
-/**
- * Message data structure for MessageHistory
- */
-export interface ChatMessageData {
-    /**
-     * Unique identifier for the message
-     */
-    id: string;
-    /**
-     * Role of the message sender
-     */
-    role: MessageRole;
-    /**
-     * Message content (text or ReactNode)
-     */
-    content: ReactNode;
-    /**
-     * Timestamp of the message
-     */
-    timestamp?: Date | string;
-    /**
-     * Avatar configuration
-     */
-    avatar?: MessageAvatarProps;
-    /**
-     * Whether the message is currently streaming
-     */
-    isStreaming?: boolean;
-}
-/**
- * MessageHistory component props
- */
-export interface MessageHistoryProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Array of messages to display
-     */
-    messages: ChatMessageData[];
-    /**
-     * Threshold for enabling virtualization
-     * When messages.length > virtualizeThreshold, virtualization is enabled
-     * @default 50
-     */
-    virtualizeThreshold?: number;
-    /**
-     * Whether to auto-scroll to bottom on new messages
-     * @default true
-     */
-    autoScroll?: boolean;
-    /**
-     * Whether to show timestamps
-     * @default true
-     */
-    showTimestamps?: boolean;
-    /**
-     * Custom render function for messages
-     */
-    renderMessage?: (message: ChatMessageData, index: number) => ReactNode;
-    /**
-     * Callback when copy button is clicked
-     */
-    onCopyMessage?: (message: ChatMessageData) => void;
-    /**
-     * Callback when regenerate button is clicked
-     */
-    onRegenerateMessage?: (message: ChatMessageData) => void;
-    /**
-     * Additional className
-     */
-    className?: string;
-    /**
-     * Theme overrides
-     */
-    theme?: MessageHistoryThemeOverrides;
-}
-/**
- * Theme configuration
- */
-export interface MessageHistoryTheme {
-    containerStyle: string;
-    scrollAreaStyle: string;
-    messageListStyle: string;
-    emptyStateStyle: string;
-}
-/**
- * Theme overrides
- */
-export interface MessageHistoryThemeOverrides {
-    containerStyle?: string;
-    scrollAreaStyle?: string;
-    messageListStyle?: string;
-    emptyStateStyle?: string;
-}

package/dist/components/ai/MessageHistory/index.d.ts

@@ -1,3 +0,0 @@
-export { MessageHistory } from "./MessageHistory";
-export { messageHistoryTheme } from "./MessageHistory.theme";
-export type { MessageHistoryProps, ChatMessageData, MessageHistoryTheme, MessageHistoryThemeOverrides, } from "./MessageHistory.types";

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.animations.d.ts

@@ -1,10 +0,0 @@
-import { Variants } from "motion/react";
-/**
- * Staggered bounce animation for dots
- * Each dot animates with a slight delay creating a wave effect
- */
-export declare const dotVariants: Variants;
-/**
- * Container fade in/out animation
- */
-export declare const containerVariants: Variants;

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.animations.js

@@ -1,47 +0,0 @@
-/**
- * Staggered bounce animation for dots
- * Each dot animates with a slight delay creating a wave effect
- */
-const dotVariants = {
-    initial: {
-        y: 0,
-        opacity: 0.5,
-    },
-    animate: (index) => ({
-        y: [0, -2, 0],
-        opacity: [0.5, 1, 0.5],
-        transition: {
-            duration: 0.6,
-            repeat: Infinity,
-            ease: "easeInOut",
-            delay: index * 0.15,
-        },
-    }),
-};
-/**
- * Container fade in/out animation
- */
-const containerVariants = {
-    hidden: {
-        opacity: 0,
-        scale: 0.95,
-    },
-    visible: {
-        opacity: 1,
-        scale: 1,
-        transition: {
-            duration: 0.2,
-            ease: "easeOut",
-        },
-    },
-    exit: {
-        opacity: 0,
-        scale: 0.95,
-        transition: {
-            duration: 0.15,
-            ease: "easeIn",
-        },
-    },
-};
-
-export { containerVariants, dotVariants };

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-import { ThinkingIndicatorProps } from "./ThinkingIndicator.types";
-/**
- * ThinkingIndicator - Animated "AI is thinking..." state indicator
- *
- * Shows a 3-dot pulse animation to indicate the AI is processing.
- * Respects prefers-reduced-motion for accessibility.
- *
- * @example
- * ```tsx
- * <ThinkingIndicator visible={isLoading} />
- *
- * <ThinkingIndicator
- *   visible={isLoading}
- *   label="Claude is thinking"
- *   size="lg"
- * />
- * ```
- */
-export declare const ThinkingIndicator: React.ForwardRefExoticComponent<ThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.js

@@ -1,55 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default from 'react';
-import { useReducedMotion, AnimatePresence, motion } from 'motion/react';
-import { thinkingIndicatorTheme } from './ThinkingIndicator.theme.js';
-import { containerVariants, dotVariants } from './ThinkingIndicator.animations.js';
-import { cn } from '../../../utils/cn.js';
-
-/**
- * ThinkingIndicator - Animated "AI is thinking..." state indicator
- *
- * Shows a 3-dot pulse animation to indicate the AI is processing.
- * Respects prefers-reduced-motion for accessibility.
- *
- * @example
- * ```tsx
- * <ThinkingIndicator visible={isLoading} />
- *
- * <ThinkingIndicator
- *   visible={isLoading}
- *   label="Claude is thinking"
- *   size="lg"
- * />
- * ```
- */
-const ThinkingIndicator = React__default.forwardRef(({ visible = true, label = "AI is thinking", showLabel = true, size = "md", icon, className, theme: customTheme = {}, ...props }, ref) => {
-    var _a;
-    const shouldReduceMotion = useReducedMotion();
-    // Merge theme
-    const sizeConfig = {
-        ...thinkingIndicatorTheme.sizes[size],
-        ...(_a = customTheme.sizes) === null || _a === void 0 ? void 0 : _a[size],
-    };
-    const baseStyle = customTheme.baseStyle || thinkingIndicatorTheme.baseStyle;
-    const labelStyle = customTheme.labelStyle || thinkingIndicatorTheme.labelStyle;
-    const dotsContainerStyle = customTheme.dotsContainerStyle ||
-        thinkingIndicatorTheme.dotsContainerStyle;
-    const dotStyle = customTheme.dotStyle || thinkingIndicatorTheme.dotStyle;
-    // Simplified animation for reduced motion preference
-    const reducedMotionProps = shouldReduceMotion
-        ? {
-            initial: { opacity: 0 },
-            animate: { opacity: 1 },
-            exit: { opacity: 0 },
-        }
-        : {
-            variants: containerVariants,
-            initial: "hidden",
-            animate: "visible",
-            exit: "exit",
-        };
-    return (jsx(AnimatePresence, { mode: "wait", children: visible && (jsxs(motion.div, { ref: ref, className: cn(baseStyle, sizeConfig.container, className), ...reducedMotionProps, ...props, children: [icon ? (jsx("span", { className: dotsContainerStyle, children: icon })) : (jsx("span", { className: dotsContainerStyle, children: [0, 1, 2].map((index) => (jsx(motion.span, { className: cn(dotStyle, sizeConfig.dot), variants: shouldReduceMotion ? undefined : dotVariants, initial: "initial", animate: "animate", custom: index, style: shouldReduceMotion ? { opacity: 0.7 } : undefined }, index))) })), showLabel && (jsx("span", { className: cn(labelStyle, sizeConfig.label), children: label }))] })) }));
-});
-ThinkingIndicator.displayName = "ThinkingIndicator";
-
-export { ThinkingIndicator };

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.theme.d.ts

@@ -1,2 +0,0 @@
-import { ThinkingIndicatorTheme } from "./ThinkingIndicator.types";
-export declare const thinkingIndicatorTheme: ThinkingIndicatorTheme;

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.theme.js

@@ -1,20 +0,0 @@
-const thinkingIndicatorTheme = {
-    baseStyle: "inline-flex items-center gap-2",
-    labelStyle: "text-[var(--color-text-muted)] font-medium",
-    dotsContainerStyle: "inline-flex items-center gap-1",
-    dotStyle: "rounded-full bg-[var(--color-text-muted)]",
-    sizes: {
-        sm: {
-            container: "py-1",
-            dot: "size-1",
-            label: "text-xs",
-        },
-        md: {
-            container: "py-1",
-            dot: "size-1.5",
-            label: "text-sm",
-        },
-    },
-};
-
-export { thinkingIndicatorTheme };

package/dist/components/ai/ThinkingIndicator/ThinkingIndicator.types.d.ts

@@ -1,67 +0,0 @@
-import { ReactNode } from "react";
-/**
- * ThinkingIndicator component props
- */
-export interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * Whether the indicator is visible
-     * @default true
-     */
-    visible?: boolean;
-    /**
-     * Custom label text
-     * @default "AI is thinking"
-     */
-    label?: string;
-    /**
-     * Whether to show the label text
-     * @default true
-     */
-    showLabel?: boolean;
-    /**
-     * Size variant
-     * @default "md"
-     */
-    size?: ThinkingIndicatorSize;
-    /**
-     * Custom icon to display instead of dots
-     */
-    icon?: ReactNode;
-    /**
-     * Additional className for the container
-     */
-    className?: string;
-    /**
-     * Theme overrides
-     */
-    theme?: ThinkingIndicatorThemeOverrides;
-}
-/**
- * Size variants
- */
-export type ThinkingIndicatorSize = "sm" | "md";
-/**
- * Theme configuration
- */
-export interface ThinkingIndicatorTheme {
-    baseStyle: string;
-    labelStyle: string;
-    dotsContainerStyle: string;
-    dotStyle: string;
-    sizes: Record<ThinkingIndicatorSize, ThinkingIndicatorSizeConfig>;
-}
-export interface ThinkingIndicatorSizeConfig {
-    container: string;
-    dot: string;
-    label: string;
-}
-/**
- * Theme overrides
- */
-export interface ThinkingIndicatorThemeOverrides {
-    baseStyle?: string;
-    labelStyle?: string;
-    dotsContainerStyle?: string;
-    dotStyle?: string;
-    sizes?: Partial<Record<ThinkingIndicatorSize, Partial<ThinkingIndicatorSizeConfig>>>;
-}

package/dist/components/ai/ThinkingIndicator/index.d.ts

@@ -1,3 +0,0 @@
-export { ThinkingIndicator } from "./ThinkingIndicator";
-export { thinkingIndicatorTheme } from "./ThinkingIndicator.theme";
-export type { ThinkingIndicatorProps, ThinkingIndicatorSize, ThinkingIndicatorTheme, ThinkingIndicatorThemeOverrides, ThinkingIndicatorSizeConfig, } from "./ThinkingIndicator.types";

package/dist/components/core/Accordion/AccordionContent.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-import { AccordionContentProps } from "./Accordion.types";
-export declare const AccordionContent: React.ForwardRefExoticComponent<AccordionContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/Button/Button.animations.d.ts

@@ -1,5 +0,0 @@
-import { Variants } from "motion/react";
-/**
- * Get button animation variants based on reduced motion preference
- */
-export declare const getButtonVariants: (shouldReduceMotion: boolean | null) => Variants | undefined;

package/dist/components/core/Card/CardContent.d.ts

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

package/dist/components/core/Card/CardContent.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { cardTheme } from './Card.theme.js';
-
-const CardContent = React__default.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsx("div", { ref: ref, className: cn(cardTheme.contentStyle, className), ...props, children: children }));
-});
-CardContent.displayName = 'CardContent';
-
-export { CardContent };

package/dist/components/core/Card/CardDescription.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { CardDescriptionProps } from './Card.types';
-export declare const CardDescription: React.ForwardRefExoticComponent<CardDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/components/core/Card/CardDescription.js

@@ -1,11 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { cardTheme } from './Card.theme.js';
-
-const CardDescription = React__default.forwardRef(({ children, className, ...props }, ref) => {
-    return (jsx("div", { ref: ref, className: cn(cardTheme.descriptionStyle, className), ...props, children: children }));
-});
-CardDescription.displayName = 'CardDescription';
-
-export { CardDescription };

package/dist/components/core/Carousel/CarouselContent.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { CarouselContentProps } from './Carousel.types';
-declare const CarouselContent: React.ForwardRefExoticComponent<CarouselContentProps & React.RefAttributes<HTMLDivElement>>;
-export { CarouselContent };

package/dist/components/core/ContextMenu/ContextMenuContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ContextMenuContentProps } from "./ContextMenu.types";
-/**
- * ContextMenuContent - Renders the menu at cursor position with keyboard navigation
- */
-export declare const ContextMenuContent: React.ForwardRefExoticComponent<ContextMenuContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/ContextMenu/ContextMenuSubContent.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-import { ContextMenuSubContentProps } from "./ContextMenu.types";
-/**
- * ContextMenuSubContent - Submenu content positioned to the right of trigger
- */
-export declare const ContextMenuSubContent: React.ForwardRefExoticComponent<ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/core/DescriptionList/DescriptionList.theme.js

@@ -1,8 +0,0 @@
-const descriptionListTheme = {
-    baseStyle: "divide-y divide-[var(--color-border)] min-w-sm",
-    itemStyle: "px-4 py-3",
-    termStyle: "text-sm/6 font-medium text-[var(--color-text-primary)]",
-    detailStyle: "mt-1 text-sm/6 text-[var(--color-text-secondary)]",
-};
-
-export { descriptionListTheme };

package/dist/components/core/Drawer/DrawerContent.d.ts

@@ -1,5 +0,0 @@
-import { DrawerContentProps } from "./Drawer.types";
-export declare const DrawerContent: {
-    ({ children, className, ...props }: DrawerContentProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/components/core/Feed/Feed.js

@@ -1,88 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import React__default, { createContext, useMemo, useState, useContext } from 'react';
-import { cn } from '../../../utils/cn.js';
-import { feedTheme } from './Feed.theme.js';
-import { Avatar } from '../Avatar/Avatar.js';
-import { Button } from '../Button/Button.js';
-import { Textarea } from '../../forms/Textarea/Textarea.js';
-import '../../forms/Textarea/Textarea.theme.js';
-
-// ---------------------------------------------------------------------------
-// Context
-// ---------------------------------------------------------------------------
-const FeedContext = createContext(undefined);
-const useFeedContext = () => {
-    const ctx = useContext(FeedContext);
-    if (!ctx)
-        return { theme: feedTheme };
-    return ctx;
-};
-// ---------------------------------------------------------------------------
-// Feed (root)
-// ---------------------------------------------------------------------------
-const FeedRoot = React__default.forwardRef(({ children, className, theme: themeOverrides, ...props }, ref) => {
-    const theme = useMemo(() => ({ ...feedTheme, ...themeOverrides }), [themeOverrides]);
-    const contextValue = useMemo(() => ({ theme }), [theme]);
-    return (jsx(FeedContext.Provider, { value: contextValue, children: jsx("div", { ref: ref, className: cn(theme.baseStyle, className), ...props, children: jsx("ul", { role: "list", className: theme.listStyle, children: children }) }) }));
-});
-FeedRoot.displayName = "Feed";
-// ---------------------------------------------------------------------------
-// Feed.Item
-// ---------------------------------------------------------------------------
-const FeedItem = React__default.forwardRef(({ variant = "default", title, timestamp, icon, avatar, children, placeholder = "Add your comment...", submitLabel = "Comment", onSubmit, className, ...props }, ref) => {
-    const { theme } = useFeedContext();
-    // Always call useState (rules of hooks) — only used for comment-input
-    const [inputValue, setInputValue] = useState("");
-    // ------- Indicator rendering -------
-    const renderIndicator = () => {
-        var _a;
-        switch (variant) {
-            case "icon":
-                return jsx("div", { className: theme.iconIndicatorStyle, children: icon });
-            case "avatar":
-            case "comment-input":
-                return (jsx("div", { className: theme.avatarIndicatorStyle, children: jsx(Avatar, { src: avatar === null || avatar === void 0 ? void 0 : avatar.src, alt: (_a = avatar === null || avatar === void 0 ? void 0 : avatar.alt) !== null && _a !== void 0 ? _a : "", className: "size-10 ring-8 ring-[var(--color-background)]" }) }));
-            case "default":
-            default:
-                return (jsx("div", { className: theme.dotIndicatorStyle, children: jsx("span", { className: "size-1.5 rounded-full bg-[var(--color-text-muted)]" }) }));
-        }
-    };
-    // ------- Content rendering -------
-    const renderContent = () => {
-        switch (variant) {
-            case "default":
-            case "icon":
-                return (jsxs("div", { className: cn(theme.contentStyle, "py-1.5"), children: [jsxs("p", { className: theme.actionTextStyle, children: [title && jsxs("span", { className: theme.titleStyle, children: [title, " "] }), children] }), timestamp && jsx("p", { className: theme.timestampStyle, children: timestamp })] }));
-            case "avatar":
-                return (jsxs("div", { className: theme.contentStyle, children: [title && (jsx("p", { className: cn(theme.titleStyle, "text-sm"), children: title })), jsx("p", { className: cn(theme.actionTextStyle, "mt-0.5"), children: children }), timestamp && jsx("p", { className: theme.timestampStyle, children: timestamp })] }));
-            case "comment-input": {
-                const handleSubmit = () => {
-                    const trimmed = inputValue.trim();
-                    if (trimmed && onSubmit) {
-                        onSubmit(trimmed);
-                        setInputValue("");
-                    }
-                };
-                const handleKeyDown = (e) => {
-                    if (e.key === "Enter" && (e.metaKey || e.ctrlKey)) {
-                        e.preventDefault();
-                        handleSubmit();
-                    }
-                };
-                return (jsxs("div", { className: theme.commentInputWrapperStyle, children: [jsx(Textarea, { size: "sm", rows: 3, placeholder: placeholder, value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyDown: handleKeyDown }), jsx("div", { className: theme.commentInputFooterStyle, children: jsx(Button, { size: "sm", onClick: handleSubmit, children: submitLabel }) })] }));
-            }
-            default:
-                return null;
-        }
-    };
-    return (jsx("li", { ref: ref, className: className, ...props, children: jsxs("div", { className: theme.itemInnerStyle, children: [jsx("span", { "aria-hidden": "true", className: theme.connectorStyle }), jsxs("div", { className: theme.itemContentStyle, children: [renderIndicator(), renderContent()] })] }) }));
-});
-FeedItem.displayName = "Feed.Item";
-// ---------------------------------------------------------------------------
-// Compound export
-// ---------------------------------------------------------------------------
-const Feed = Object.assign(FeedRoot, {
-    Item: FeedItem,
-});
-
-export { Feed };

package/dist/components/core/Feed/Feed.theme.js

@@ -1,22 +0,0 @@
-const feedTheme = {
-    // Structural
-    baseStyle: "flow-root",
-    listStyle: "-mb-8 [&>li:last-child_.feed-connector]:hidden",
-    itemInnerStyle: "relative pb-8",
-    itemContentStyle: "relative flex items-start space-x-3",
-    connectorStyle: "feed-connector absolute top-5 left-[18px] h-full w-0.5 bg-[var(--color-border)]",
-    // Indicators
-    dotIndicatorStyle: "relative flex size-9 items-center justify-center",
-    iconIndicatorStyle: "flex size-9 items-center justify-center rounded-full bg-[var(--color-background-tertiary)] ring-8 ring-[var(--color-background)]",
-    avatarIndicatorStyle: "relative flex-shrink-0",
-    // Content
-    contentStyle: "min-w-0 flex-1",
-    titleStyle: "font-medium text-[var(--color-text-primary)]",
-    actionTextStyle: "text-sm text-[var(--color-text-secondary)]",
-    timestampStyle: "mt-1 text-xs text-[var(--color-text-muted)]/80 whitespace-nowrap font-medium",
-    // Comment input
-    commentInputWrapperStyle: "min-w-0 flex-1 space-y-2",
-    commentInputFooterStyle: "flex justify-end",
-};
-
-export { feedTheme };