flikkui 0.1.0-beta.9 → 0.2.0-beta.2

package/dist/hooks/useStreamingSSE.d.ts

@@ -0,0 +1,80 @@
+/**
+ * useStreamingSSE Hook
+ * Handles Server-Sent Events (SSE) streaming for AI/LLM responses
+ * Supports OpenAI, Anthropic (Claude), and Google Gemini formats
+ */
+import { type SSEFormat, type SSEParser } from '../utils/sseFormatParsers';
+import { type StreamingError } from '../utils/streamingErrors';
+import { type RetryConfig } from '../utils/retryUtils';
+/**
+ * Options for useStreamingSSE hook
+ */
+export interface UseStreamingSSEOptions {
+    /** The SSE endpoint URL */
+    url: string;
+    /** HTTP method (default: 'POST') */
+    method?: 'GET' | 'POST';
+    /** Request headers */
+    headers?: Record<string, string>;
+    /** Request body (for POST requests) */
+    body?: Record<string, unknown> | string;
+    /** Stream format parser (default: 'openai') */
+    format?: SSEFormat | SSEParser;
+    /** Whether to auto-start streaming on mount (default: true) */
+    autoStart?: boolean;
+    /** Timeout in milliseconds (default: 30000) */
+    timeout?: number;
+    /** Retry configuration */
+    retry?: RetryConfig;
+    /** Called when a new token arrives */
+    onToken?: (token: string, accumulatedText: string) => void;
+    /** Called when streaming completes successfully */
+    onComplete?: (fullText: string) => void;
+    /** Called when an error occurs */
+    onError?: (error: StreamingError) => void;
+    /** Called when streaming starts */
+    onStart?: () => void;
+    /** Called when streaming is aborted */
+    onAbort?: () => void;
+}
+/**
+ * Return value from useStreamingSSE hook
+ */
+export interface UseStreamingSSEReturn {
+    /** Current accumulated text */
+    accumulatedText: string;
+    /** Whether actively streaming */
+    isStreaming: boolean;
+    /** Current error state */
+    error: StreamingError | null;
+    /** Whether streaming completed successfully */
+    isComplete: boolean;
+    /** Current retry attempt (0-indexed) */
+    retryAttempt: number;
+    /** Start streaming */
+    start: () => void;
+    /** Stop streaming (abort) */
+    stop: () => void;
+    /** Retry streaming */
+    retry: () => void;
+    /** Reset to initial state */
+    reset: () => void;
+}
+/**
+ * Hook for handling SSE streaming from AI/LLM APIs
+ *
+ * @example
+ * const {
+ *   accumulatedText,
+ *   isStreaming,
+ *   error,
+ *   start,
+ *   stop
+ * } = useStreamingSSE({
+ *   url: '/api/chat',
+ *   format: 'openai',
+ *   onToken: (token) => console.log('New token:', token),
+ *   onComplete: (text) => console.log('Complete:', text),
+ * });
+ */
+export declare const useStreamingSSE: (options: UseStreamingSSEOptions) => UseStreamingSSEReturn;

package/dist/hooks/useStreamingSSE.js

@@ -0,0 +1,225 @@
+import { useState, useRef, useCallback, useEffect } from 'react';
+import { parseSSELine } from '../utils/sseFormatParsers.js';
+import { StreamingTimeoutError, StreamingServerError, StreamingNetworkError, normalizeError } from '../utils/streamingErrors.js';
+import { shouldRetry, calculateRetryDelay } from '../utils/retryUtils.js';
+
+/**
+ * useStreamingSSE Hook
+ * Handles Server-Sent Events (SSE) streaming for AI/LLM responses
+ * Supports OpenAI, Anthropic (Claude), and Google Gemini formats
+ */
+/**
+ * Hook for handling SSE streaming from AI/LLM APIs
+ *
+ * @example
+ * const {
+ *   accumulatedText,
+ *   isStreaming,
+ *   error,
+ *   start,
+ *   stop
+ * } = useStreamingSSE({
+ *   url: '/api/chat',
+ *   format: 'openai',
+ *   onToken: (token) => console.log('New token:', token),
+ *   onComplete: (text) => console.log('Complete:', text),
+ * });
+ */
+const useStreamingSSE = (options) => {
+    const { url, method = 'POST', headers, body, format = 'openai', autoStart = true, timeout = 30000, retry, onToken, onComplete, onError, onStart, onAbort, } = options;
+    // State
+    const [accumulatedText, setAccumulatedText] = useState('');
+    const [isStreaming, setIsStreaming] = useState(false);
+    const [error, setError] = useState(null);
+    const [isComplete, setIsComplete] = useState(false);
+    const [retryAttempt, setRetryAttempt] = useState(0);
+    // Refs for cleanup and buffering
+    const abortControllerRef = useRef(null);
+    const timeoutRef = useRef(null);
+    const bufferRef = useRef(''); // For incomplete SSE lines
+    /**
+     * Start streaming from the SSE endpoint
+     */
+    const start = useCallback(async () => {
+        var _a;
+        // Abort any existing stream
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+        }
+        // Create new AbortController
+        const controller = new AbortController();
+        abortControllerRef.current = controller;
+        // Set timeout if configured
+        if (timeout) {
+            timeoutRef.current = setTimeout(() => {
+                controller.abort();
+                const timeoutError = new StreamingTimeoutError(timeout);
+                setError(timeoutError);
+                setIsStreaming(false);
+                onError === null || onError === void 0 ? void 0 : onError(timeoutError);
+            }, timeout);
+        }
+        // Reset state
+        setIsStreaming(true);
+        setError(null);
+        setIsComplete(false);
+        setAccumulatedText('');
+        bufferRef.current = '';
+        onStart === null || onStart === void 0 ? void 0 : onStart();
+        try {
+            // Make fetch request
+            const response = await fetch(url, {
+                method,
+                headers: {
+                    'Content-Type': 'application/json',
+                    ...headers,
+                },
+                body: body ? (typeof body === 'string' ? body : JSON.stringify(body)) : undefined,
+                signal: controller.signal,
+            });
+            // Check for HTTP errors
+            if (!response.ok) {
+                throw new StreamingServerError(response.status, response.statusText, await response.text().catch(() => undefined));
+            }
+            // Get reader from response body stream
+            const reader = (_a = response.body) === null || _a === void 0 ? void 0 : _a.getReader();
+            if (!reader) {
+                throw new StreamingNetworkError('No response body available');
+            }
+            const decoder = new TextDecoder();
+            let fullText = '';
+            // Read stream chunks
+            while (true) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                // Decode chunk
+                const chunk = decoder.decode(value, { stream: true });
+                bufferRef.current += chunk;
+                // Parse complete lines (SSE lines end with \n or \n\n)
+                const lines = bufferRef.current.split('\n');
+                bufferRef.current = lines.pop() || ''; // Keep incomplete line in buffer
+                for (const line of lines) {
+                    if (!line.trim())
+                        continue; // Skip empty lines
+                    const token = parseSSELine(line, format);
+                    if (token) {
+                        fullText += token;
+                        setAccumulatedText(fullText);
+                        onToken === null || onToken === void 0 ? void 0 : onToken(token, fullText);
+                    }
+                }
+            }
+            // Clear timeout
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+                timeoutRef.current = null;
+            }
+            // Streaming completed successfully
+            setIsStreaming(false);
+            setIsComplete(true);
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete(fullText);
+        }
+        catch (err) {
+            // Ignore AbortErrors (user cancelled or component unmounted)
+            if (err instanceof Error && err.name === 'AbortError') {
+                setIsStreaming(false);
+                onAbort === null || onAbort === void 0 ? void 0 : onAbort();
+                return;
+            }
+            // Handle real errors
+            const streamingError = normalizeError(err);
+            setError(streamingError);
+            setIsStreaming(false);
+            onError === null || onError === void 0 ? void 0 : onError(streamingError);
+            // Auto-retry if configured and error is retryable
+            if (shouldRetry(streamingError, retryAttempt, retry)) {
+                const delay = calculateRetryDelay(retryAttempt, retry);
+                if (process.env.NODE_ENV !== 'production') {
+                    console.log(`[useStreamingSSE] Retrying in ${delay}ms (attempt ${retryAttempt + 1}/${(retry === null || retry === void 0 ? void 0 : retry.maxAttempts) || 3})`);
+                }
+                setTimeout(() => {
+                    setRetryAttempt((prev) => prev + 1);
+                    start();
+                }, delay);
+            }
+        }
+    }, [
+        url,
+        method,
+        headers,
+        body,
+        format,
+        timeout,
+        retry,
+        retryAttempt,
+        onToken,
+        onComplete,
+        onError,
+        onStart,
+        onAbort,
+    ]);
+    /**
+     * Stop streaming (abort)
+     */
+    const stop = useCallback(() => {
+        if (abortControllerRef.current) {
+            abortControllerRef.current.abort();
+        }
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+        setIsStreaming(false);
+        onAbort === null || onAbort === void 0 ? void 0 : onAbort();
+    }, [onAbort]);
+    /**
+     * Retry streaming
+     */
+    const retryFn = useCallback(() => {
+        setRetryAttempt(0);
+        start();
+    }, [start]);
+    /**
+     * Reset to initial state
+     */
+    const reset = useCallback(() => {
+        stop();
+        setAccumulatedText('');
+        setError(null);
+        setIsComplete(false);
+        setRetryAttempt(0);
+        bufferRef.current = '';
+    }, [stop]);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            if (abortControllerRef.current) {
+                abortControllerRef.current.abort();
+            }
+            if (timeoutRef.current) {
+                clearTimeout(timeoutRef.current);
+            }
+        };
+    }, []);
+    // Auto-start if enabled
+    useEffect(() => {
+        if (autoStart) {
+            start();
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []); // Only run on mount
+    return {
+        accumulatedText,
+        isStreaming,
+        error,
+        isComplete,
+        retryAttempt,
+        start,
+        stop,
+        retry: retryFn,
+        reset,
+    };
+};
+
+export { useStreamingSSE };

package/dist/hooks/useTypewriter.d.ts

@@ -0,0 +1,51 @@
+export interface UseTypewriterOptions {
+    /**
+     * The full text to animate
+     */
+    text: string;
+    /**
+     * Speed in milliseconds per word
+     * @default 100
+     */
+    speed?: number;
+    /**
+     * Whether the animation is enabled
+     * @default true
+     */
+    enabled?: boolean;
+    /**
+     * Callback when animation completes
+     */
+    onComplete?: () => void;
+}
+export interface UseTypewriterReturn {
+    /**
+     * The currently visible text
+     */
+    displayText: string;
+    /**
+     * Whether the animation is complete
+     */
+    isComplete: boolean;
+    /**
+     * Reset the animation
+     */
+    reset: () => void;
+}
+/**
+ * Custom hook for word-by-word typing animation
+ * Shows first sentence immediately to establish bubble width,
+ * then animates remaining text word-by-word
+ *
+ * @example
+ * ```tsx
+ * const { displayText, isComplete } = useTypewriter({
+ *   text: "Hello world. This is a typing animation",
+ *   speed: 100,
+ *   enabled: true
+ * });
+ *
+ * return <div>{displayText}</div>;
+ * ```
+ */
+export declare const useTypewriter: ({ text, speed, enabled, onComplete, }: UseTypewriterOptions) => UseTypewriterReturn;

package/dist/hooks/useTypewriter.js

@@ -0,0 +1,116 @@
+import { useState, useRef, useEffect } from 'react';
+
+/**
+ * Helper function to find the first sentence in text
+ * A sentence ends with . ! or ? followed by a space or end of string
+ */
+const findFirstSentence = (text) => {
+    const sentenceEndRegex = /[.!?]\s/;
+    const match = text.match(sentenceEndRegex);
+    if (!match || match.index === undefined) {
+        // No sentence boundary found, treat entire text as first sentence
+        return { firstSentence: text, remaining: '' };
+    }
+    const endIndex = match.index + match[0].length;
+    const firstSentence = text.substring(0, endIndex).trim();
+    const remaining = text.substring(endIndex).trim();
+    return { firstSentence, remaining };
+};
+/**
+ * Custom hook for word-by-word typing animation
+ * Shows first sentence immediately to establish bubble width,
+ * then animates remaining text word-by-word
+ *
+ * @example
+ * ```tsx
+ * const { displayText, isComplete } = useTypewriter({
+ *   text: "Hello world. This is a typing animation",
+ *   speed: 100,
+ *   enabled: true
+ * });
+ *
+ * return <div>{displayText}</div>;
+ * ```
+ */
+const useTypewriter = ({ text, speed = 100, enabled = true, onComplete, }) => {
+    const [displayText, setDisplayText] = useState('');
+    const [isComplete, setIsComplete] = useState(false);
+    const firstSentenceRef = useRef('');
+    const remainingWordsRef = useRef([]);
+    const currentIndexRef = useRef(0);
+    const timerRef = useRef(undefined);
+    // Split text into first sentence and remaining words
+    useEffect(() => {
+        if (!text) {
+            firstSentenceRef.current = '';
+            remainingWordsRef.current = [];
+            setDisplayText('');
+            setIsComplete(true);
+            return;
+        }
+        const { firstSentence, remaining } = findFirstSentence(text);
+        firstSentenceRef.current = firstSentence;
+        remainingWordsRef.current = remaining ? remaining.split(' ') : [];
+        currentIndexRef.current = 0;
+        // Show first sentence immediately
+        setDisplayText(firstSentence);
+        setIsComplete(false);
+        // If animation is disabled or no remaining text, show full text immediately
+        if (!enabled || !remaining) {
+            setDisplayText(text);
+            setIsComplete(true);
+            onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+        }
+    }, [text, enabled, onComplete]);
+    // Animate remaining words after first sentence
+    useEffect(() => {
+        if (!enabled || isComplete || remainingWordsRef.current.length === 0) {
+            return;
+        }
+        const animateNextWord = () => {
+            const currentIndex = currentIndexRef.current;
+            const remainingWords = remainingWordsRef.current;
+            const firstSentence = firstSentenceRef.current;
+            if (currentIndex >= remainingWords.length) {
+                setIsComplete(true);
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+                return;
+            }
+            // Build display text: first sentence + animated remaining words
+            const animatedWords = remainingWords.slice(0, currentIndex + 1);
+            const newDisplayText = firstSentence + (firstSentence ? ' ' : '') + animatedWords.join(' ');
+            setDisplayText(newDisplayText);
+            currentIndexRef.current += 1;
+            // Schedule next word
+            if (currentIndex + 1 < remainingWords.length) {
+                timerRef.current = setTimeout(animateNextWord, speed);
+            }
+            else {
+                setIsComplete(true);
+                onComplete === null || onComplete === void 0 ? void 0 : onComplete();
+            }
+        };
+        // Start animation
+        timerRef.current = setTimeout(animateNextWord, speed);
+        return () => {
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+            }
+        };
+    }, [enabled, isComplete, speed, onComplete]);
+    const reset = () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+        currentIndexRef.current = 0;
+        setDisplayText('');
+        setIsComplete(false);
+    };
+    return {
+        displayText,
+        isComplete,
+        reset,
+    };
+};
+
+export { useTypewriter };

package/dist/icons/Icon.js

@@ -1,4 +1,3 @@
-import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 
 /**
@@ -8,18 +7,17 @@ import React__default from 'react';
  * @returns A standardized Icon component
  */
 function createIcon(Svg, displayName) {
-    var Icon = function (_a) {
-        var _b = _a.size, size = _b === void 0 ? 'md' : _b, _c = _a.color, color = _c === void 0 ? 'currentColor' : _c, _d = _a.strokeWidth, strokeWidth = _d === void 0 ? 2 : _d, _e = _a.className, className = _e === void 0 ? '' : _e, props = __rest(_a, ["size", "color", "strokeWidth", "className"]);
+    const Icon = ({ size = 'md', color = 'currentColor', strokeWidth = 2, className = '', ...props }) => {
         // Map size names to pixel values
-        var sizeMap = {
+        const sizeMap = {
             xs: '16px',
             sm: '20px',
             md: '24px',
             lg: '32px',
             xl: '40px',
         };
-        var pixelSize = typeof size === 'string' ? sizeMap[size] || '24px' : "".concat(size, "px");
-        return (React__default.createElement(Svg, __assign({ width: pixelSize, height: pixelSize, fill: "none", stroke: color, strokeWidth: strokeWidth, className: "".concat(className), "aria-hidden": "true", style: __assign({ width: pixelSize, height: pixelSize }, props.style) }, props)));
+        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 }));
     };
     Icon.displayName = displayName;
     return Icon;

package/dist/icons/core/ChevronUpDown.js

@@ -1,10 +1,9 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 import { createIcon } from '../Icon.js';
 
-var ChevronUpDownSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
+const ChevronUpDownSvg = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props },
     React__default.createElement("path", { d: "m7 15 5 5 5-5" }),
-    React__default.createElement("path", { d: "m7 9 5-5 5 5" }))); };
-var ChevronUpDownIcon = createIcon(ChevronUpDownSvg, 'ChevronUpDownIcon');
+    React__default.createElement("path", { d: "m7 9 5-5 5 5" })));
+const ChevronUpDownIcon = createIcon(ChevronUpDownSvg, 'ChevronUpDownIcon');
 
 export { ChevronUpDownIcon };

package/dist/icons/core/DollarIcon.js

@@ -1,8 +1,7 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 import { createIcon } from '../Icon.js';
 
-var DollarSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
+const DollarSvg = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props },
     React__default.createElement("line", { x1: "12", x2: "12", y1: "2", y2: "22" }),
-    React__default.createElement("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" }))); };
+    React__default.createElement("path", { d: "M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6" })));
 createIcon(DollarSvg, 'DollarIcon');

package/dist/icons/core/LockIcon.js

@@ -1,8 +1,7 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 import { createIcon } from '../Icon.js';
 
-var LockSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
+const LockSvg = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props },
     React__default.createElement("rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2" }),
-    React__default.createElement("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" }))); };
+    React__default.createElement("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })));
 createIcon(LockSvg, 'LockIcon');

package/dist/icons/core/MinusIcon.js

@@ -1,9 +1,8 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 import { createIcon } from '../Icon.js';
 
-var MinusSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
-    React__default.createElement("path", { d: "M5 12h14" }))); };
-var MinusIcon = createIcon(MinusSvg, 'MinusIcon');
+const MinusSvg = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props },
+    React__default.createElement("path", { d: "M5 12h14" })));
+const MinusIcon = createIcon(MinusSvg, 'MinusIcon');
 
 export { MinusIcon };

package/dist/icons/core/PlusIcon.js

@@ -1,10 +1,9 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 import { createIcon } from '../Icon.js';
 
-var PlusSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
+const PlusSvg = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props },
     React__default.createElement("path", { d: "M5 12h14" }),
-    React__default.createElement("path", { d: "M12 5v14" }))); };
-var PlusIcon = createIcon(PlusSvg, 'PlusIcon');
+    React__default.createElement("path", { d: "M12 5v14" })));
+const PlusIcon = createIcon(PlusSvg, 'PlusIcon');
 
 export { PlusIcon };

package/dist/icons/core/SearchIcon.js

@@ -1,10 +1,9 @@
-import { __assign } from '../../node_modules/tslib/tslib.es6.js';
 import React__default from 'react';
 import { createIcon } from '../Icon.js';
 
-var SearchSvg = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round" }, props),
+const SearchSvg = (props) => (React__default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", strokeLinecap: "round", strokeLinejoin: "round", ...props },
     React__default.createElement("circle", { cx: "11", cy: "11", r: "8" }),
-    React__default.createElement("path", { d: "m21 21-4.3-4.3" }))); };
-var SearchIcon = createIcon(SearchSvg, 'SearchIcon');
+    React__default.createElement("path", { d: "m21 21-4.3-4.3" })));
+const SearchIcon = createIcon(SearchSvg, 'SearchIcon');
 
 export { SearchIcon };

package/dist/icons/core/TickIcon.js

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

package/dist/index.d.ts

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