flikkui 0.1.0-beta.11 → 0.1.0-beta.12

package/dist/utils/streamingErrors.js

@@ -0,0 +1,110 @@
+import { __extends } from '/Users/ggn/Development/ui-flik/node_modules/tslib/tslib.es6.js';
+
+/**
+ * Streaming Error Classes
+ * Defines error types for SSE streaming with retryability flags
+ */
+/**
+ * Network error - typically connection issues or fetch failures
+ * Retryable: Yes
+ */
+var StreamingNetworkError = /** @class */ (function (_super) {
+    __extends(StreamingNetworkError, _super);
+    function StreamingNetworkError(message, details) {
+        var _this = _super.call(this, message) || this;
+        _this.details = details;
+        _this.type = 'network';
+        _this.retryable = true;
+        _this.name = 'StreamingNetworkError';
+        return _this;
+    }
+    return StreamingNetworkError;
+}(Error));
+/**
+ * Timeout error - request exceeded specified timeout duration
+ * Retryable: Yes
+ */
+var StreamingTimeoutError = /** @class */ (function (_super) {
+    __extends(StreamingTimeoutError, _super);
+    function StreamingTimeoutError(timeout) {
+        var _this = _super.call(this, "Request timeout after ".concat(timeout, "ms")) || this;
+        _this.type = 'timeout';
+        _this.retryable = true;
+        _this.name = 'StreamingTimeoutError';
+        return _this;
+    }
+    return StreamingTimeoutError;
+}(Error));
+/**
+ * Parse error - invalid JSON or malformed SSE data
+ * Retryable: No (indicates server-side issue or format mismatch)
+ */
+var StreamingParseError = /** @class */ (function (_super) {
+    __extends(StreamingParseError, _super);
+    function StreamingParseError(message, chunk) {
+        var _this = _super.call(this, message) || this;
+        _this.chunk = chunk;
+        _this.type = 'parse';
+        _this.retryable = false;
+        _this.name = 'StreamingParseError';
+        return _this;
+    }
+    return StreamingParseError;
+}(Error));
+/**
+ * Abort error - user manually cancelled the stream
+ * Retryable: No (user initiated)
+ */
+var StreamingAbortError = /** @class */ (function (_super) {
+    __extends(StreamingAbortError, _super);
+    function StreamingAbortError() {
+        var _this = _super.call(this, 'Stream aborted by user') || this;
+        _this.type = 'abort';
+        _this.retryable = false;
+        _this.name = 'StreamingAbortError';
+        return _this;
+    }
+    return StreamingAbortError;
+}(Error));
+/**
+ * Server error - HTTP error response from server (4xx, 5xx)
+ * Retryable: No for 4xx, could be Yes for 5xx but defaulting to No
+ */
+var StreamingServerError = /** @class */ (function (_super) {
+    __extends(StreamingServerError, _super);
+    function StreamingServerError(status, statusText, details) {
+        var _this = _super.call(this, "Server error: ".concat(status, " ").concat(statusText)) || this;
+        _this.status = status;
+        _this.details = details;
+        _this.type = 'server';
+        _this.retryable = false;
+        _this.name = 'StreamingServerError';
+        return _this;
+    }
+    return StreamingServerError;
+}(Error));
+/**
+ * Normalize any error into a StreamingError
+ * Used to convert unknown errors (from fetch, network, etc.) into typed streaming errors
+ *
+ * @param error - Any error object
+ * @returns Normalized StreamingError
+ */
+var normalizeError = function (error) {
+    // Handle AbortController abortion
+    if (error instanceof DOMException && error.name === 'AbortError') {
+        return new StreamingAbortError();
+    }
+    // Already a streaming error - return as-is
+    if (error instanceof StreamingNetworkError ||
+        error instanceof StreamingTimeoutError ||
+        error instanceof StreamingParseError ||
+        error instanceof StreamingServerError ||
+        error instanceof StreamingAbortError) {
+        return error;
+    }
+    // Unknown error - treat as network error (retryable)
+    return new StreamingNetworkError(error instanceof Error ? error.message : 'Unknown streaming error', error);
+};
+
+export { StreamingAbortError, StreamingNetworkError, StreamingParseError, StreamingServerError, StreamingTimeoutError, normalizeError };

package/package.json

@@ -1,16 +1,42 @@
 {
   "name": "flikkui",
-  "version": "0.1.0-beta.11",
+  "version": "0.1.0-beta.12",
   "description": "A modern React component library built with TypeScript, Tailwind CSS v4, and Framer Motion. Follows the shadcn philosophy with complete className override support.",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
+  "sideEffects": [
+    "*.css",
+    "*.scss",
+    "./dist/styles.css",
+    "./src/global.scss"
+  ],
   "exports": {
     ".": {
       "import": "./dist/index.js",
       "types": "./dist/index.d.ts"
     },
+    "./core": {
+      "import": "./dist/components/core/index.js",
+      "types": "./dist/components/core/index.d.ts"
+    },
+    "./forms": {
+      "import": "./dist/components/forms/index.js",
+      "types": "./dist/components/forms/index.d.ts"
+    },
+    "./charts": {
+      "import": "./dist/components/charts/index.js",
+      "types": "./dist/components/charts/index.d.ts"
+    },
+    "./effects": {
+      "import": "./dist/components/effects/index.js",
+      "types": "./dist/components/effects/index.d.ts"
+    },
+    "./ai": {
+      "import": "./dist/components/ai/index.js",
+      "types": "./dist/components/ai/index.d.ts"
+    },
     "./components/*": {
       "import": "./dist/components/*.js",
       "types": "./dist/components/*.d.ts"
@@ -29,15 +55,18 @@
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
     "build": "rollup -c && npm run build:css",
-    "build:css": "tailwindcss -m -i ./src/global.scss -o ./dist/styles.css",
+    "build:css": "tailwindcss -m -i ./src/tailwind-config.css -o ./dist/styles.css",
     "watch": "rollup -c -w",
     "typecheck": "tsc --noEmit",
     "lint": "eslint src --ext .ts,.tsx",
     "clean": "rimraf dist",
-    "storybook": "concurrently \"npm run storybook:css\" \"storybook dev -p 6006\"",
-    "storybook:css": "tailwindcss -w -i ./src/global.scss -o ./src/index.css",
-    "build-storybook": "concurrently \"npm run build-storybook:css\" \"storybook build\"",
-    "build-storybook:css": "tailwindcss -m -i ./src/global.scss -o ./src/index.css",
+    "storybook": "concurrently \"npm run watch:css:dev\" \"storybook dev -p 6006\"",
+    "watch:css:dev": "tailwindcss --watch -i ./src/tailwind-config.css -o ./src/index.css",
+    "build:css:dev": "tailwindcss -i ./src/tailwind-config.css -o ./src/index.css",
+    "storybook:clean": "rm -rf storybook-static node_modules/.cache",
+    "storybook:fresh": "npm run storybook:clean && npm run storybook",
+    "build-storybook": "npm run build-storybook:css && storybook build",
+    "build-storybook:css": "tailwindcss -m -i ./src/tailwind-config.css -o ./src/index.css",
     "prepublishOnly": "npm run build"
   },
   "keywords": [
@@ -53,40 +82,60 @@
   ],
   "author": "Espranza Innovations <g.singh@espranza.net>",
   "license": "MIT",
-  "peerDependencies": {
-    "react": ">=17.0.0",
-    "react-dom": ">=17.0.0",
-    "tailwindcss": "^4.0.9"
+  "engines": {
+    "node": ">=20.19.0",
+    "npm": ">=10.0.0"
   },
-  "dependencies": {
+  "peerDependencies": {
     "@heroicons/react": "^2.2.0",
     "clsx": "^2.1.1",
     "motion": "^12.19.1",
-    "tailwind-merge": "^3.0.2"
+    "react": ">=17.0.0",
+    "react-dom": ">=17.0.0",
+    "react-markdown": "^9.0.1",
+    "react-syntax-highlighter": "^15.5.0",
+    "remark-gfm": "^4.0.0",
+    "tailwind-merge": "^3.0.2",
+    "tailwindcss": "^4.0.9",
+    "three": "^0.170.0"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.0.0",
     "@emotion/is-prop-valid": "^1.3.1",
+    "@heroicons/react": "^2.2.0",
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
-    "@storybook/addon-a11y": "^9.0.13",
-    "@storybook/addon-docs": "^9.0.13",
-    "@storybook/addon-links": "^9.0.13",
-    "@storybook/addon-onboarding": "^9.0.13",
-    "@storybook/addon-themes": "^9.0.13",
+    "@storybook/addon-a11y": "^10.1.11",
+    "@storybook/addon-docs": "^10.1.11",
+    "@storybook/addon-links": "^10.1.11",
+    "@storybook/addon-onboarding": "^10.1.11",
+    "@storybook/addon-themes": "^10.1.11",
     "@storybook/addon-webpack5-compiler-swc": "^3.0.0",
-    "@storybook/react-webpack5": "^9.0.13",
+    "@storybook/react-webpack5": "^10.1.11",
     "@tailwindcss/cli": "^4.0.9",
     "@types/react": "^19.0.10",
     "@types/react-dom": "^19.0.4",
+    "@types/react-syntax-highlighter": "^15.5.11",
     "autoprefixer": "^10.4.20",
+    "clsx": "^2.1.1",
     "concurrently": "^9.1.2",
-    "motion": "^12.19.1",
+    "motion": "^12.24.0",
     "postcss": "^8.5.3",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "react-markdown": "^10.1.0",
+    "react-syntax-highlighter": "^16.1.0",
+    "remark-gfm": "^4.0.1",
     "rollup": "^4.34.8",
-    "storybook": "^9.0.13",
+    "storybook": "^10.1.11",
+    "@types/three": "^0.170.0",
+    "tailwind-merge": "^3.4.0",
+    "three": "^0.170.0",
     "tslib": "^2.8.1",
     "typescript": "^5.7.3"
+  },
+  "dependencies": {
+    "mathjs": "^15.1.0"
   }
 }

package/dist/_virtual/jsx-runtime.js

@@ -1,5 +0,0 @@
-import { __require as requireJsxRuntime } from '../node_modules/react/jsx-runtime.js';
-
-var jsxRuntimeExports = requireJsxRuntime();
-
-export { jsxRuntimeExports as j };

package/dist/_virtual/jsx-runtime2.js

@@ -1,3 +0,0 @@
-var jsxRuntime = {exports: {}};
-
-export { jsxRuntime as __module };

package/dist/_virtual/react-jsx-runtime.development.js

@@ -1,3 +0,0 @@
-var reactJsxRuntime_development = {};
-
-export { reactJsxRuntime_development as __exports };

package/dist/_virtual/react-jsx-runtime.production.js

@@ -1,3 +0,0 @@
-var reactJsxRuntime_production = {};
-
-export { reactJsxRuntime_production as __exports };

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

@@ -1,2 +0,0 @@
-import { MessageTheme } from './Message.types';
-export declare const messageTheme: MessageTheme;

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

@@ -1,110 +0,0 @@
-import { ReactNode } from 'react';
-/**
- * Message role types for AI conversations
- */
-export type MessageRole = 'user' | 'assistant' | 'system';
-/**
- * Avatar configuration for message sender
- */
-export interface MessageAvatarProps {
-    /**
-     * The source URL for the avatar image
-     */
-    src?: string;
-    /**
-     * Alternative text for the avatar image
-     */
-    alt: string;
-    /**
-     * Fallback content to display when image fails to load
-     */
-    fallback?: ReactNode;
-}
-/**
- * Message component props
- * Supports both props-based API and compound component API
- */
-export interface MessageProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'content'> {
-    /**
-     * The role of the message sender
-     * - user: Messages from the user
-     * - assistant: AI-generated responses
-     * - system: System notifications/messages
-     */
-    role: MessageRole;
-    /**
-     * The message content (supports rich content, markdown, etc.)
-     * Note: Optional when using compound API with Message.Content
-     */
-    content?: ReactNode;
-    /**
-     * The timestamp of the message
-     */
-    timestamp?: Date | string;
-    /**
-     * Avatar configuration for the message sender
-     */
-    avatar?: MessageAvatarProps;
-    /**
-     * Whether to show the timestamp
-     * @default true
-     */
-    showTimestamp?: boolean;
-    /**
-     * Whether the message is currently streaming (for AI responses)
-     * @default false
-     */
-    isStreaming?: boolean;
-    /**
-     * Speed for word-by-word typing animation in milliseconds
-     * Only applies when isStreaming is true for assistant messages
-     * @default 100
-     */
-    typingSpeed?: number;
-    /**
-     * Callback when copy button is clicked (only for assistant messages)
-     */
-    onCopy?: () => void;
-    /**
-     * Callback when regenerate button is clicked (only for assistant messages)
-     */
-    onRegenerate?: () => void;
-    /**
-     * Whether to show action buttons (copy, regenerate)
-     * @default true for assistant messages
-     */
-    showActions?: boolean;
-    /**
-     * Custom theme overrides
-     */
-    theme?: MessageThemeOverrides;
-}
-/**
- * Message theme configuration (lean - only for new features)
- */
-export interface MessageTheme {
-    systemContainerStyle: string;
-    systemBubbleStyle: string;
-    systemTimestampStyle: string;
-    actionsContainerStyle: string;
-    actionButtonStyle: string;
-    streamingIndicatorStyle: string;
-}
-/**
- * Theme overrides for Message component
- * Note: User/assistant styles are inherited from ChatMessage and can be overridden
- */
-export interface MessageThemeOverrides {
-    userContainerStyle?: string;
-    userBubbleStyle?: string;
-    userTimestampStyle?: string;
-    assistantContainerStyle?: string;
-    assistantBubbleStyle?: string;
-    assistantTimestampStyle?: string;
-    systemContainerStyle?: string;
-    systemBubbleStyle?: string;
-    systemTimestampStyle?: string;
-    actionsContainerStyle?: string;
-    actionButtonStyle?: string;
-    streamingIndicatorStyle?: string;
-}

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

@@ -1,9 +0,0 @@
-export { Message } from './Message';
-export { messageTheme } from './Message.theme';
-export { useMessageContext } from './MessageContext';
-export type { MessageProps, MessageRole, MessageAvatarProps, MessageTheme, MessageThemeOverrides, } from './Message.types';
-export type { MessageContextValue } from './MessageContext';
-export type { MessageAvatarProps as MessageAvatarComponentProps } from './MessageAvatar';
-export type { MessageContentProps } from './MessageContent';
-export type { MessageActionsProps } from './MessageActions';
-export type { MessageTimestampProps } from './MessageTimestamp';

package/dist/components/core/ChatMessage/ChatMessage.d.ts

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

package/dist/components/core/ChatMessage/ChatMessage.js

@@ -1,62 +0,0 @@
-import { __rest, __assign } from '../../../node_modules/tslib/tslib.es6.js';
-import React__default from 'react';
-import { cn } from '../../../utils/cn.js';
-import { formatTimestamp } from '../../../utils/dateUtils.js';
-import { chatMessageTheme } from './ChatMessage.theme.js';
-import { Avatar } from '../Avatar/Avatar.js';
-import { motion } from '../../../node_modules/framer-motion/dist/es/render/components/motion/proxy.js';
-
-var MessageFooter = function (_a) {
-    var isStreaming = _a.isStreaming, streamingIndicator = _a.streamingIndicator, showTimestamp = _a.showTimestamp, timestamp = _a.timestamp, actions = _a.actions, timestampStyle = _a.timestampStyle, streamingIndicatorStyle = _a.streamingIndicatorStyle, actionsContainerStyle = _a.actionsContainerStyle, variant = _a.variant;
-    if (isStreaming) {
-        return (React__default.createElement("div", { className: cn('flex flex-row items-center gap-3 mt-1', variant === 'receiver' ? 'ml-2' : 'mr-3') },
-            React__default.createElement("div", { className: cn(timestampStyle, streamingIndicatorStyle) }, streamingIndicator || (React__default.createElement(React__default.Fragment, null,
-                React__default.createElement("span", null, "Typing"),
-                React__default.createElement(motion.span, { animate: { opacity: [0.4, 1, 0.4] }, transition: { duration: 1.5, repeat: Infinity, ease: 'easeInOut' } }, "\u2022\u2022\u2022"))))));
-    }
-    // For system variant, only show timestamp (no actions)
-    if (variant === 'system') {
-        return showTimestamp && timestamp ? (React__default.createElement("div", { className: timestampStyle },
-            React__default.createElement("time", { dateTime: typeof timestamp === 'string' ? timestamp : timestamp.toISOString(), className: "select-none" }, formatTimestamp(timestamp)))) : null;
-    }
-    // For sender/receiver variants, show timestamp and actions in a row
-    return (React__default.createElement("div", { className: cn("flex flex-row items-center gap-3 mt-2", variant === 'receiver' ? 'ml-2' : 'mr-3') },
-        showTimestamp && timestamp && (React__default.createElement("div", { className: timestampStyle },
-            React__default.createElement("time", { dateTime: typeof timestamp === 'string' ? timestamp : timestamp.toISOString(), className: "select-none" }, formatTimestamp(timestamp)))),
-        actions && (React__default.createElement("div", { className: cn(actionsContainerStyle) }, actions))));
-};
-var ChatMessage = React__default.forwardRef(function (_a, ref) {
-    var _b, _c, _d, _e, _f, _g;
-    var _h = _a.variant, variant = _h === void 0 ? 'receiver' : _h, message = _a.message, timestamp = _a.timestamp, avatar = _a.avatar, _j = _a.showTimestamp, showTimestamp = _j === void 0 ? true : _j, _k = _a.isStreaming, isStreaming = _k === void 0 ? false : _k, streamingIndicator = _a.streamingIndicator, actions = _a.actions, className = _a.className, _l = _a.theme, customTheme = _l === void 0 ? {} : _l, props = __rest(_a, ["variant", "message", "timestamp", "avatar", "showTimestamp", "isStreaming", "streamingIndicator", "actions", "className", "theme"]);
-    // Get variant-specific theme
-    var variantTheme = chatMessageTheme.variants[variant];
-    // Build container styles
-    var containerStyle = cn(chatMessageTheme.containerBaseStyle, variantTheme.containerModifier, customTheme.containerBaseStyle, (_c = (_b = customTheme.variants) === null || _b === void 0 ? void 0 : _b[variant]) === null || _c === void 0 ? void 0 : _c.containerModifier, 
-    // Backward compatibility
-    variant === 'sender' && customTheme.senderContainerStyle, variant === 'receiver' && customTheme.receiverContainerStyle, variant === 'system' && customTheme.systemContainerStyle);
-    // Build bubble styles
-    var bubbleStyle = cn(chatMessageTheme.bubbleBaseStyle, variantTheme.bubbleStyle, customTheme.bubbleBaseStyle, (_e = (_d = customTheme.variants) === null || _d === void 0 ? void 0 : _d[variant]) === null || _e === void 0 ? void 0 : _e.bubbleStyle, 
-    // Backward compatibility
-    variant === 'sender' && customTheme.senderBubbleStyle, variant === 'receiver' && customTheme.receiverBubbleStyle, variant === 'system' && customTheme.systemBubbleStyle);
-    // Build timestamp styles
-    var timestampStyle = cn(chatMessageTheme.timestampStyle, variantTheme.timestampModifier, customTheme.timestampStyle, (_g = (_f = customTheme.variants) === null || _f === void 0 ? void 0 : _f[variant]) === null || _g === void 0 ? void 0 : _g.timestampModifier, 
-    // Backward compatibility
-    variant === 'sender' && customTheme.senderTimestampStyle, variant === 'receiver' && customTheme.receiverTimestampStyle, variant === 'system' && customTheme.systemTimestampStyle);
-    // System messages render differently (centered, no avatar)
-    if (variant === 'system') {
-        return (React__default.createElement("div", __assign({ ref: ref, className: cn('w-full max-w-full', className), "data-variant": "system" }, props),
-            React__default.createElement("div", { className: containerStyle },
-                React__default.createElement("div", { className: bubbleStyle }, typeof message === 'string' ? React__default.createElement("p", { className: "text-sm" }, message) : message),
-                React__default.createElement(MessageFooter, { isStreaming: isStreaming, streamingIndicator: streamingIndicator, showTimestamp: showTimestamp, timestamp: timestamp, actions: undefined, timestampStyle: timestampStyle, streamingIndicatorStyle: customTheme.streamingIndicatorStyle, actionsContainerStyle: undefined, variant: "system" }))));
-    }
-    return (React__default.createElement("div", __assign({ ref: ref, className: cn('w-full max-w-full group', className), "data-variant": variant }, props),
-        React__default.createElement("div", { className: containerStyle },
-            avatar && (React__default.createElement("div", { className: "flex-shrink-0" },
-                React__default.createElement(Avatar, { src: avatar.src, alt: avatar.alt, fallback: avatar.fallback, size: "xs" }))),
-            React__default.createElement("div", { className: cn('flex flex-col min-w-0', variant === 'sender' ? 'items-end' : 'items-start') },
-                React__default.createElement("div", { className: bubbleStyle }, typeof message === 'string' ? React__default.createElement("p", { className: "break-words" }, message) : message),
-                React__default.createElement(MessageFooter, { isStreaming: isStreaming, streamingIndicator: streamingIndicator, showTimestamp: showTimestamp, timestamp: timestamp, actions: actions, timestampStyle: timestampStyle, streamingIndicatorStyle: customTheme.streamingIndicatorStyle, actionsContainerStyle: cn(chatMessageTheme.actionsContainerStyle, customTheme.actionsContainerStyle), variant: variant })))));
-});
-ChatMessage.displayName = 'ChatMessage';
-
-export { ChatMessage };

package/dist/components/core/ChatMessage/ChatMessage.theme.d.ts

@@ -1,6 +0,0 @@
-import { ChatMessageTheme } from './ChatMessage.types';
-/**
- * Simplified ChatMessage theme with shared base styles + variant-specific modifiers
- * Reduces theme complexity from 12 properties to 7 (40% reduction)
- */
-export declare const chatMessageTheme: ChatMessageTheme;

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

@@ -1,31 +0,0 @@
-/**
- * Simplified ChatMessage theme with shared base styles + variant-specific modifiers
- * Reduces theme complexity from 12 properties to 7 (40% reduction)
- */
-var chatMessageTheme = {
-    // Shared base styles (apply to all variants)
-    bubbleBaseStyle: 'max-w-[80%] sm:max-w-[90%] rounded-xl px-3 py-2 w-fit border-t-[0.5px] ring-1 h-fit',
-    containerBaseStyle: 'flex items-start gap-3 h-fit text-sm',
-    timestampStyle: 'text-xs text-[var(--color-text-placeholder)]',
-    // Variant-specific modifiers (only differences)
-    variants: {
-        sender: {
-            containerModifier: 'flex-row-reverse', // Reverse direction for right alignment
-            bubbleStyle: 'bg-gradient-to-br from-[var(--color-neutral-700)] to-[var(--color-neutral-900)] text-white rounded-tr-xs ring-[var(--color-neutral-900)] border-t-1 border-white/40',
-            timestampModifier: 'text-right pr-1',
-        },
-        receiver: {
-            containerModifier: '', // Default direction (no modifier needed)
-            bubbleStyle: 'bg-neutral-100 text-[var(--color-text-primary)] rounded-tl-xs shadow-black/10 ring-neutral-100 border-white',
-            timestampModifier: 'text-left pl-1',
-        },
-        system: {
-            containerModifier: 'justify-center', // Center alignment
-            bubbleStyle: 'bg-neutral-100 text-[var(--color-text-secondary)] rounded-md px-2 py-1 text-sm font-medium border-none',
-            timestampModifier: 'text-center',
-        },
-    },
-    actionsContainerStyle: 'flex items-start gap-2',
-};
-
-export { chatMessageTheme };

package/dist/components/core/ChatMessage/ChatMessage.types.d.ts

@@ -1,120 +0,0 @@
-import { ReactNode } from 'react';
-export type ChatMessageVariant = 'sender' | 'receiver' | 'system';
-export interface ChatMessageAvatarProps {
-    /**
-     * The source URL for the avatar image
-     */
-    src?: string;
-    /**
-     * Alternative text for the avatar image
-     */
-    alt: string;
-    /**
-     * Fallback content to display when image fails to load
-     */
-    fallback?: ReactNode;
-}
-export interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement> {
-    /**
-     * The variant of the chat message
-     * - sender: User messages (right-aligned)
-     * - receiver: Response messages (left-aligned)
-     * - system: System notifications (centered)
-     * @default "receiver"
-     */
-    variant?: ChatMessageVariant;
-    /**
-     * The message content (supports string or rich content)
-     */
-    message: ReactNode;
-    /**
-     * The timestamp of the message
-     */
-    timestamp?: Date | string;
-    /**
-     * Avatar configuration for the message sender
-     * Note: Not shown for system messages
-     */
-    avatar?: ChatMessageAvatarProps;
-    /**
-     * Whether to show the timestamp
-     * @default true
-     */
-    showTimestamp?: boolean;
-    /**
-     * Whether the message is currently streaming
-     * @default false
-     */
-    isStreaming?: boolean;
-    /**
-     * Custom streaming indicator content
-     * If not provided, a default indicator will be shown
-     */
-    streamingIndicator?: ReactNode;
-    /**
-     * Optional actions to display (e.g., copy, regenerate buttons)
-     * Actions are rendered below the message with group-hover visibility
-     */
-    actions?: ReactNode;
-    /**
-     * Custom theme overrides
-     */
-    theme?: ChatMessageThemeOverrides;
-}
-/**
- * Variant-specific theme styles
- */
-export interface ChatMessageVariantTheme {
-    containerModifier: string;
-    bubbleStyle: string;
-    timestampModifier: string;
-}
-/**
- * Simplified ChatMessage theme with shared base styles + variant-specific modifiers
- */
-export interface ChatMessageTheme {
-    bubbleBaseStyle: string;
-    containerBaseStyle: string;
-    timestampStyle: string;
-    variants: {
-        sender: ChatMessageVariantTheme;
-        receiver: ChatMessageVariantTheme;
-        system: ChatMessageVariantTheme;
-    };
-    streamingIndicatorStyle: string;
-    actionsContainerStyle: string;
-}
-/**
- * Theme overrides for ChatMessage
- * Maintains backward compatibility with old structure
- */
-export interface ChatMessageThemeOverrides {
-    bubbleBaseStyle?: string;
-    containerBaseStyle?: string;
-    timestampStyle?: string;
-    variants?: {
-        sender?: Partial<ChatMessageVariantTheme>;
-        receiver?: Partial<ChatMessageVariantTheme>;
-        system?: Partial<ChatMessageVariantTheme>;
-    };
-    streamingIndicatorStyle?: string;
-    actionsContainerStyle?: string;
-    /** @deprecated Use variants.sender.containerModifier instead */
-    senderContainerStyle?: string;
-    /** @deprecated Use variants.sender.bubbleStyle instead */
-    senderBubbleStyle?: string;
-    /** @deprecated Use variants.sender.timestampModifier instead */
-    senderTimestampStyle?: string;
-    /** @deprecated Use variants.receiver.containerModifier instead */
-    receiverContainerStyle?: string;
-    /** @deprecated Use variants.receiver.bubbleStyle instead */
-    receiverBubbleStyle?: string;
-    /** @deprecated Use variants.receiver.timestampModifier instead */
-    receiverTimestampStyle?: string;
-    /** @deprecated Use variants.system.containerModifier instead */
-    systemContainerStyle?: string;
-    /** @deprecated Use variants.system.bubbleStyle instead */
-    systemBubbleStyle?: string;
-    /** @deprecated Use variants.system.timestampModifier instead */
-    systemTimestampStyle?: string;
-}

package/dist/components/core/ChatMessage/index.d.ts

@@ -1,2 +0,0 @@
-export { ChatMessage } from './ChatMessage';
-export type { ChatMessageProps, ChatMessageVariant, ChatMessageAvatarProps, ChatMessageTheme, ChatMessageThemeOverrides } from './ChatMessage.types';

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

@@ -1,17 +0,0 @@
-var progressiveBlurTheme = {
-    baseStyle: "absolute pointer-events-none z-10",
-    positions: {
-        top: "top-0 left-0 right-0",
-        bottom: "bottom-0 left-0 right-0",
-        left: "left-0 top-0 bottom-0",
-        right: "right-0 top-0 bottom-0",
-    },
-    gradients: {
-        top: "linear-gradient(to bottom, black, transparent)",
-        bottom: "linear-gradient(to top, black, transparent)",
-        left: "linear-gradient(to right, black, transparent)",
-        right: "linear-gradient(to left, black, transparent)",
-    },
-};
-
-export { progressiveBlurTheme };