@chatsdk-dev/ui 0.1.2 → 0.2.0

package/dist/molecules/code-block.js

@@ -1,216 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@chatsdk-dev/ui/components/button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "@chatsdk-dev/ui/components/select";
-import { cn } from "@chatsdk-dev/ui/lib/utils";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState, } from "react";
-import { createHighlighter } from "shiki";
-// Shiki uses bitflags for font styles: 1=italic, 2=bold, 4=underline
-// oxlint-disable-next-line eslint(no-bitwise)
-const isItalic = (fontStyle) => fontStyle && fontStyle & 1;
-// oxlint-disable-next-line eslint(no-bitwise)
-const isBold = (fontStyle) => fontStyle && fontStyle & 2;
-const isUnderline = (fontStyle) => 
-// oxlint-disable-next-line eslint(no-bitwise)
-fontStyle && fontStyle & 4;
-const addKeysToTokens = (lines) => lines.map((line, lineIdx) => ({
-    key: `line-${lineIdx}`,
-    tokens: line.map((token, tokenIdx) => ({
-        key: `line-${lineIdx}-${tokenIdx}`,
-        token,
-    })),
-}));
-// Token rendering component
-const TokenSpan = ({ token }) => (_jsx("span", { className: "dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)]", style: {
-        backgroundColor: token.bgColor,
-        color: token.color,
-        fontStyle: isItalic(token.fontStyle) ? "italic" : undefined,
-        fontWeight: isBold(token.fontStyle) ? "bold" : undefined,
-        textDecoration: isUnderline(token.fontStyle) ? "underline" : undefined,
-        ...token.htmlStyle,
-    }, children: token.content }));
-// Line number styles using CSS counters
-const LINE_NUMBER_CLASSES = cn("block", "before:content-[counter(line)]", "before:inline-block", "before:[counter-increment:line]", "before:w-8", "before:mr-4", "before:text-right", "before:text-muted-foreground/50", "before:font-mono", "before:select-none");
-// Line rendering component
-const LineSpan = ({ keyedLine, showLineNumbers, }) => (_jsx("span", { className: showLineNumbers ? LINE_NUMBER_CLASSES : "block", children: keyedLine.tokens.length === 0
-        ? "\n"
-        : keyedLine.tokens.map(({ token, key }) => (_jsx(TokenSpan, { token: token }, key))) }));
-// Context
-const CodeBlockContext = createContext({
-    code: "",
-});
-// Highlighter cache (singleton per language)
-const highlighterCache = new Map();
-// Token cache
-const tokensCache = new Map();
-// Subscribers for async token updates
-const subscribers = new Map();
-const getTokensCacheKey = (code, language) => {
-    const start = code.slice(0, 100);
-    const end = code.length > 100 ? code.slice(-100) : "";
-    return `${language}:${code.length}:${start}:${end}`;
-};
-const getHighlighter = (language) => {
-    const cached = highlighterCache.get(language);
-    if (cached) {
-        return cached;
-    }
-    const highlighterPromise = createHighlighter({
-        langs: [language],
-        themes: ["github-light", "github-dark"],
-    });
-    highlighterCache.set(language, highlighterPromise);
-    return highlighterPromise;
-};
-// Create raw tokens for immediate display while highlighting loads
-const createRawTokens = (code) => ({
-    bg: "transparent",
-    fg: "inherit",
-    tokens: code.split("\n").map((line) => line === ""
-        ? []
-        : [
-            {
-                color: "inherit",
-                content: line,
-            },
-        ]),
-});
-// Synchronous highlight with callback for async results
-export const highlightCode = (code, language, 
-// oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-callbacks)
-callback) => {
-    const tokensCacheKey = getTokensCacheKey(code, language);
-    // Return cached result if available
-    const cached = tokensCache.get(tokensCacheKey);
-    if (cached) {
-        return cached;
-    }
-    // Subscribe callback if provided
-    if (callback) {
-        if (!subscribers.has(tokensCacheKey)) {
-            subscribers.set(tokensCacheKey, new Set());
-        }
-        subscribers.get(tokensCacheKey)?.add(callback);
-    }
-    // Start highlighting in background - fire-and-forget async pattern
-    getHighlighter(language)
-        // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then)
-        .then((highlighter) => {
-        const availableLangs = highlighter.getLoadedLanguages();
-        const langToUse = availableLangs.includes(language) ? language : "text";
-        const result = highlighter.codeToTokens(code, {
-            lang: langToUse,
-            themes: {
-                dark: "github-dark",
-                light: "github-light",
-            },
-        });
-        const tokenized = {
-            bg: result.bg ?? "transparent",
-            fg: result.fg ?? "inherit",
-            tokens: result.tokens,
-        };
-        // Cache the result
-        tokensCache.set(tokensCacheKey, tokenized);
-        // Notify all subscribers
-        const subs = subscribers.get(tokensCacheKey);
-        if (subs) {
-            for (const sub of subs) {
-                sub(tokenized);
-            }
-            subscribers.delete(tokensCacheKey);
-        }
-    })
-        // oxlint-disable-next-line eslint-plugin-promise(prefer-await-to-then), eslint-plugin-promise(prefer-await-to-callbacks)
-        .catch((error) => {
-        console.error("Failed to highlight code:", error);
-        subscribers.delete(tokensCacheKey);
-    });
-    return null;
-};
-const CodeBlockBody = memo(({ tokenized, showLineNumbers, className, }) => {
-    const preStyle = useMemo(() => ({
-        backgroundColor: tokenized.bg,
-        color: tokenized.fg,
-    }), [tokenized.bg, tokenized.fg]);
-    const keyedLines = useMemo(() => addKeysToTokens(tokenized.tokens), [tokenized.tokens]);
-    return (_jsx("pre", { className: cn("dark:!bg-[var(--shiki-dark-bg)] dark:!text-[var(--shiki-dark)] m-0 p-4 text-sm", className), style: preStyle, children: _jsx("code", { className: cn("font-mono text-sm", showLineNumbers &&
-                "[counter-increment:line_0] [counter-reset:line]"), children: keyedLines.map((keyedLine) => (_jsx(LineSpan, { keyedLine: keyedLine, showLineNumbers: showLineNumbers }, keyedLine.key))) }) }));
-}, (prevProps, nextProps) => prevProps.tokenized === nextProps.tokenized &&
-    prevProps.showLineNumbers === nextProps.showLineNumbers &&
-    prevProps.className === nextProps.className);
-CodeBlockBody.displayName = "CodeBlockBody";
-export const CodeBlockContainer = ({ className, language, style, ...props }) => (_jsx("div", { className: cn("group relative w-full overflow-hidden rounded-md border bg-background text-foreground", className), "data-language": language, style: {
-        containIntrinsicSize: "auto 200px",
-        contentVisibility: "auto",
-        ...style,
-    }, ...props }));
-export const CodeBlockHeader = ({ children, className, ...props }) => (_jsx("div", { className: cn("flex items-center justify-between border-b bg-muted/80 px-3 py-2 text-muted-foreground text-xs", className), ...props, children: children }));
-export const CodeBlockTitle = ({ children, className, ...props }) => (_jsx("div", { className: cn("flex items-center gap-2", className), ...props, children: children }));
-export const CodeBlockFilename = ({ children, className, ...props }) => (_jsx("span", { className: cn("font-mono", className), ...props, children: children }));
-export const CodeBlockActions = ({ children, className, ...props }) => (_jsx("div", { className: cn("-my-1 -mr-1 flex items-center gap-2", className), ...props, children: children }));
-export const CodeBlockContent = ({ code, language, showLineNumbers = false, }) => {
-    // Memoized raw tokens for immediate display
-    const rawTokens = useMemo(() => createRawTokens(code), [code]);
-    // Synchronous cache lookup — avoids setState in effect for cached results
-    const syncTokens = useMemo(() => highlightCode(code, language) ?? rawTokens, [code, language, rawTokens]);
-    // Async highlighting result (populated after shiki loads)
-    const [asyncTokens, setAsyncTokens] = useState(null);
-    const asyncKeyRef = useRef({ code, language });
-    // Invalidate stale async tokens synchronously during render
-    if (asyncKeyRef.current.code !== code ||
-        asyncKeyRef.current.language !== language) {
-        asyncKeyRef.current = { code, language };
-        setAsyncTokens(null);
-    }
-    useEffect(() => {
-        let cancelled = false;
-        highlightCode(code, language, (result) => {
-            if (!cancelled) {
-                setAsyncTokens(result);
-            }
-        });
-        return () => {
-            cancelled = true;
-        };
-    }, [code, language]);
-    const tokenized = asyncTokens ?? syncTokens;
-    return (_jsx("div", { className: "relative overflow-auto", children: _jsx(CodeBlockBody, { showLineNumbers: showLineNumbers, tokenized: tokenized }) }));
-};
-export const CodeBlock = ({ code, language, showLineNumbers = false, className, children, ...props }) => {
-    const contextValue = useMemo(() => ({ code }), [code]);
-    return (_jsx(CodeBlockContext.Provider, { value: contextValue, children: _jsxs(CodeBlockContainer, { className: className, language: language, ...props, children: [children, _jsx(CodeBlockContent, { code: code, language: language, showLineNumbers: showLineNumbers })] }) }));
-};
-export const CodeBlockCopyButton = ({ onCopy, onError, timeout = 2000, children, className, ...props }) => {
-    const [isCopied, setIsCopied] = useState(false);
-    const timeoutRef = useRef(0);
-    const { code } = useContext(CodeBlockContext);
-    const copyToClipboard = useCallback(async () => {
-        if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
-            onError?.(new Error("Clipboard API not available"));
-            return;
-        }
-        try {
-            if (!isCopied) {
-                await navigator.clipboard.writeText(code);
-                setIsCopied(true);
-                onCopy?.();
-                timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);
-            }
-        }
-        catch (error) {
-            onError?.(error);
-        }
-    }, [code, onCopy, onError, timeout, isCopied]);
-    useEffect(() => () => {
-        window.clearTimeout(timeoutRef.current);
-    }, []);
-    const Icon = isCopied ? CheckIcon : CopyIcon;
-    return (_jsx(Button, { className: cn("shrink-0", className), onClick: copyToClipboard, size: "icon", variant: "ghost", ...props, children: children ?? _jsx(Icon, { size: 14 }) }));
-};
-export const CodeBlockLanguageSelector = (props) => _jsx(Select, { ...props });
-export const CodeBlockLanguageSelectorTrigger = ({ className, ...props }) => (_jsx(SelectTrigger, { className: cn("h-7 border-none bg-transparent px-2 text-xs shadow-none", className), size: "sm", ...props }));
-export const CodeBlockLanguageSelectorValue = (props) => _jsx(SelectValue, { ...props });
-export const CodeBlockLanguageSelectorContent = ({ align = "end", ...props }) => (_jsx(SelectContent, { align: align, ...props }));
-export const CodeBlockLanguageSelectorItem = (props) => _jsx(SelectItem, { ...props });

package/dist/molecules/commit.d.ts

@@ -1,65 +0,0 @@
-import { Avatar } from "@chatsdk-dev/ui/components/avatar";
-import { Button } from "@chatsdk-dev/ui/components/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@chatsdk-dev/ui/components/collapsible";
-import { FileIcon } from "lucide-react";
-import type { ComponentProps, HTMLAttributes } from "react";
-export type CommitProps = ComponentProps<typeof Collapsible>;
-export declare const Commit: ({ className, children, ...props }: CommitProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
-export declare const CommitHeader: ({ className, children, ...props }: CommitHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitHashProps = HTMLAttributes<HTMLSpanElement>;
-export declare const CommitHash: ({ className, children, ...props }: CommitHashProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitMessageProps = HTMLAttributes<HTMLSpanElement>;
-export declare const CommitMessage: ({ className, children, ...props }: CommitMessageProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitMetadataProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitMetadata: ({ className, children, ...props }: CommitMetadataProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitSeparatorProps = HTMLAttributes<HTMLSpanElement>;
-export declare const CommitSeparator: ({ className, children, ...props }: CommitSeparatorProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitInfoProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitInfo: ({ className, children, ...props }: CommitInfoProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitAuthorProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitAuthor: ({ className, children, ...props }: CommitAuthorProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitAuthorAvatarProps = ComponentProps<typeof Avatar> & {
-    initials: string;
-};
-export declare const CommitAuthorAvatar: ({ initials, className, ...props }: CommitAuthorAvatarProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitTimestampProps = HTMLAttributes<HTMLTimeElement> & {
-    date: Date;
-};
-export declare const CommitTimestamp: ({ date, className, children, ...props }: CommitTimestampProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitActionsProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitActions: ({ className, children, ...props }: CommitActionsProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitCopyButtonProps = ComponentProps<typeof Button> & {
-    hash: string;
-    onCopy?: () => void;
-    onError?: (error: Error) => void;
-    timeout?: number;
-};
-export declare const CommitCopyButton: ({ hash, onCopy, onError, timeout, children, className, ...props }: CommitCopyButtonProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitContentProps = ComponentProps<typeof CollapsibleContent>;
-export declare const CommitContent: ({ className, children, ...props }: CommitContentProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFilesProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitFiles: ({ className, children, ...props }: CommitFilesProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFileProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitFile: ({ className, children, ...props }: CommitFileProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFileInfoProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitFileInfo: ({ className, children, ...props }: CommitFileInfoProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFileStatusProps = HTMLAttributes<HTMLSpanElement> & {
-    status: "added" | "modified" | "deleted" | "renamed";
-};
-export declare const CommitFileStatus: ({ status, className, children, ...props }: CommitFileStatusProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFileIconProps = ComponentProps<typeof FileIcon>;
-export declare const CommitFileIcon: ({ className, ...props }: CommitFileIconProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFilePathProps = HTMLAttributes<HTMLSpanElement>;
-export declare const CommitFilePath: ({ className, children, ...props }: CommitFilePathProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFileChangesProps = HTMLAttributes<HTMLDivElement>;
-export declare const CommitFileChanges: ({ className, children, ...props }: CommitFileChangesProps) => import("react/jsx-runtime").JSX.Element;
-export type CommitFileAdditionsProps = HTMLAttributes<HTMLSpanElement> & {
-    count: number;
-};
-export declare const CommitFileAdditions: ({ count, className, children, ...props }: CommitFileAdditionsProps) => import("react/jsx-runtime").JSX.Element | null;
-export type CommitFileDeletionsProps = HTMLAttributes<HTMLSpanElement> & {
-    count: number;
-};
-export declare const CommitFileDeletions: ({ count, className, children, ...props }: CommitFileDeletionsProps) => import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=commit.d.ts.map

package/dist/molecules/commit.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"commit.d.ts","sourceRoot":"","sources":["../../src/molecules/commit.tsx"],"names":[],"mappings":"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"}

package/dist/molecules/commit.js

@@ -1,95 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, AvatarFallback } from "@chatsdk-dev/ui/components/avatar";
-import { Button } from "@chatsdk-dev/ui/components/button";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@chatsdk-dev/ui/components/collapsible";
-import { cn } from "@chatsdk-dev/ui/lib/utils";
-import { CheckIcon, CopyIcon, FileIcon, GitCommitIcon, MinusIcon, PlusIcon, } from "lucide-react";
-import { useCallback, useEffect, useRef, useState } from "react";
-export const Commit = ({ className, children, ...props }) => (_jsx(Collapsible, { className: cn("rounded-lg border bg-background", className), ...props, children: children }));
-export const CommitHeader = ({ className, children, ...props }) => (_jsx(CollapsibleTrigger, { render: () => (_jsx("div", { className: cn("group flex cursor-pointer items-center justify-between gap-4 p-3 text-left transition-colors hover:opacity-80", className), children: children })) }));
-export const CommitHash = ({ className, children, ...props }) => (_jsxs("span", { className: cn("font-mono text-xs", className), ...props, children: [_jsx(GitCommitIcon, { className: "mr-1 inline-block size-3" }), children] }));
-export const CommitMessage = ({ className, children, ...props }) => (_jsx("span", { className: cn("font-medium text-sm", className), ...props, children: children }));
-export const CommitMetadata = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-2 text-muted-foreground text-xs", className), ...props, children: children }));
-export const CommitSeparator = ({ className, children, ...props }) => (_jsx("span", { className: className, ...props, children: children ?? "•" }));
-export const CommitInfo = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex flex-1 flex-col", className), ...props, children: children }));
-export const CommitAuthor = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center", className), ...props, children: children }));
-export const CommitAuthorAvatar = ({ initials, className, ...props }) => (_jsx(Avatar, { className: cn("size-8", className), ...props, children: _jsx(AvatarFallback, { className: "text-xs", children: initials }) }));
-const relativeTimeFormat = new Intl.RelativeTimeFormat("en", {
-    numeric: "auto",
-});
-const formatRelativeDate = (date) => {
-    const days = Math.round((date.getTime() - Date.now()) / (1000 * 60 * 60 * 24));
-    return relativeTimeFormat.format(days, "day");
-};
-export const CommitTimestamp = ({ date, className, children, ...props }) => {
-    const [formatted, setFormatted] = useState("");
-    const updateFormatted = useCallback(() => {
-        setFormatted(formatRelativeDate(date));
-    }, [date]);
-    useEffect(() => {
-        updateFormatted();
-    }, [updateFormatted]);
-    return (_jsx("time", { className: cn("text-xs", className), dateTime: date.toISOString(), ...props, children: children ?? formatted }));
-};
-const handleActionsClick = (e) => e.stopPropagation();
-const handleActionsKeyDown = (e) => e.stopPropagation();
-export const CommitActions = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-1", className), onClick: handleActionsClick, onKeyDown: handleActionsKeyDown, role: "group", ...props, children: children }));
-export const CommitCopyButton = ({ hash, onCopy, onError, timeout = 2000, children, className, ...props }) => {
-    const [isCopied, setIsCopied] = useState(false);
-    const timeoutRef = useRef(0);
-    const copyToClipboard = useCallback(async () => {
-        if (typeof window === "undefined" || !navigator?.clipboard?.writeText) {
-            onError?.(new Error("Clipboard API not available"));
-            return;
-        }
-        try {
-            if (!isCopied) {
-                await navigator.clipboard.writeText(hash);
-                setIsCopied(true);
-                onCopy?.();
-                timeoutRef.current = window.setTimeout(() => setIsCopied(false), timeout);
-            }
-        }
-        catch (error) {
-            onError?.(error);
-        }
-    }, [hash, onCopy, onError, timeout, isCopied]);
-    useEffect(() => () => {
-        window.clearTimeout(timeoutRef.current);
-    }, []);
-    const Icon = isCopied ? CheckIcon : CopyIcon;
-    return (_jsx(Button, { className: cn("size-7 shrink-0", className), onClick: copyToClipboard, size: "icon", variant: "ghost", ...props, children: children ?? _jsx(Icon, { size: 14 }) }));
-};
-export const CommitContent = ({ className, children, ...props }) => (_jsx(CollapsibleContent, { className: cn("border-t p-3", className), ...props, children: children }));
-export const CommitFiles = ({ className, children, ...props }) => (_jsx("div", { className: cn("space-y-1", className), ...props, children: children }));
-export const CommitFile = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center justify-between gap-2 rounded px-2 py-1 text-sm hover:bg-muted/50", className), ...props, children: children }));
-export const CommitFileInfo = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex min-w-0 items-center gap-2", className), ...props, children: children }));
-const fileStatusStyles = {
-    added: "text-green-600 dark:text-green-400",
-    deleted: "text-red-600 dark:text-red-400",
-    modified: "text-yellow-600 dark:text-yellow-400",
-    renamed: "text-blue-600 dark:text-blue-400",
-};
-const fileStatusLabels = {
-    added: "A",
-    deleted: "D",
-    modified: "M",
-    renamed: "R",
-};
-export const CommitFileStatus = ({ status, className, children, ...props }) => (_jsx("span", { className: cn("font-medium font-mono text-xs", fileStatusStyles[status], className), ...props, children: children ?? fileStatusLabels[status] }));
-export const CommitFileIcon = ({ className, ...props }) => (_jsx(FileIcon, { className: cn("size-3.5 shrink-0 text-muted-foreground", className), ...props }));
-export const CommitFilePath = ({ className, children, ...props }) => (_jsx("span", { className: cn("truncate font-mono text-xs", className), ...props, children: children }));
-export const CommitFileChanges = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex shrink-0 items-center gap-1 font-mono text-xs", className), ...props, children: children }));
-export const CommitFileAdditions = ({ count, className, children, ...props }) => {
-    if (count <= 0) {
-        return null;
-    }
-    return (_jsx("span", { className: cn("text-green-600 dark:text-green-400", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(PlusIcon, { className: "inline-block size-3" }), count] })) }));
-};
-export const CommitFileDeletions = ({ count, className, children, ...props }) => {
-    if (count <= 0) {
-        return null;
-    }
-    return (_jsx("span", { className: cn("text-red-600 dark:text-red-400", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(MinusIcon, { className: "inline-block size-3" }), count] })) }));
-};

package/dist/molecules/confirmation.d.ts

@@ -1,50 +0,0 @@
-import { Alert, AlertDescription } from "@chatsdk-dev/ui/components/alert";
-import { Button } from "@chatsdk-dev/ui/components/button";
-import type { ToolUIPart } from "ai";
-import type { ComponentProps, ReactNode } from "react";
-type ToolUIPartApproval = {
-    id: string;
-    approved?: never;
-    reason?: never;
-} | {
-    id: string;
-    approved: boolean;
-    reason?: string;
-} | {
-    id: string;
-    approved: true;
-    reason?: string;
-} | {
-    id: string;
-    approved: true;
-    reason?: string;
-} | {
-    id: string;
-    approved: false;
-    reason?: string;
-} | undefined;
-export type ConfirmationProps = ComponentProps<typeof Alert> & {
-    approval?: ToolUIPartApproval;
-    state: ToolUIPart["state"];
-};
-export declare const Confirmation: ({ className, approval, state, ...props }: ConfirmationProps) => import("react/jsx-runtime").JSX.Element | null;
-export type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>;
-export declare const ConfirmationTitle: ({ className, ...props }: ConfirmationTitleProps) => import("react/jsx-runtime").JSX.Element;
-export interface ConfirmationRequestProps {
-    children?: ReactNode;
-}
-export declare const ConfirmationRequest: ({ children }: ConfirmationRequestProps) => ReactNode;
-export interface ConfirmationAcceptedProps {
-    children?: ReactNode;
-}
-export declare const ConfirmationAccepted: ({ children, }: ConfirmationAcceptedProps) => ReactNode;
-export interface ConfirmationRejectedProps {
-    children?: ReactNode;
-}
-export declare const ConfirmationRejected: ({ children, }: ConfirmationRejectedProps) => ReactNode;
-export type ConfirmationActionsProps = ComponentProps<"div">;
-export declare const ConfirmationActions: ({ className, ...props }: ConfirmationActionsProps) => import("react/jsx-runtime").JSX.Element | null;
-export type ConfirmationActionProps = ComponentProps<typeof Button>;
-export declare const ConfirmationAction: (props: ConfirmationActionProps) => import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=confirmation.d.ts.map

package/dist/molecules/confirmation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../src/molecules/confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAC3E,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAE3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,IAAI,CAAC;AACrC,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvD,KAAK,kBAAkB,GACnB;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD;IACE,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,EAAE,KAAK,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GACD,SAAS,CAAC;AAqBd,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IAC7D,QAAQ,CAAC,EAAE,kBAAkB,CAAC;IAC9B,KAAK,EAAE,UAAU,CAAC,OAAO,CAAC,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,0CAK1B,iBAAiB,mDAYnB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE7E,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAExB,CAAC;AAEF,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,mBAAmB,GAAI,cAAc,wBAAwB,cASzE,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,cAc3B,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAAI,eAElC,yBAAyB,cAc3B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7D,eAAO,MAAM,mBAAmB,GAAI,yBAGjC,wBAAwB,mDAc1B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,4CAEhE,CAAC"}

package/dist/molecules/confirmation.js

@@ -1,61 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert, AlertDescription } from "@chatsdk-dev/ui/components/alert";
-import { Button } from "@chatsdk-dev/ui/components/button";
-import { cn } from "@chatsdk-dev/ui/lib/utils";
-import { createContext, useContext, useMemo } from "react";
-const ConfirmationContext = createContext(null);
-const useConfirmation = () => {
-    const context = useContext(ConfirmationContext);
-    if (!context) {
-        throw new Error("Confirmation components must be used within Confirmation");
-    }
-    return context;
-};
-export const Confirmation = ({ className, approval, state, ...props }) => {
-    const contextValue = useMemo(() => ({ approval, state }), [approval, state]);
-    if (!approval || state === "input-streaming" || state === "input-available") {
-        return null;
-    }
-    return (_jsx(ConfirmationContext.Provider, { value: contextValue, children: _jsx(Alert, { className: cn("flex flex-col gap-2", className), ...props }) }));
-};
-export const ConfirmationTitle = ({ className, ...props }) => (_jsx(AlertDescription, { className: cn("inline", className), ...props }));
-export const ConfirmationRequest = ({ children }) => {
-    const { state } = useConfirmation();
-    // Only show when approval is requested
-    if (state !== "approval-requested") {
-        return null;
-    }
-    return children;
-};
-export const ConfirmationAccepted = ({ children, }) => {
-    const { approval, state } = useConfirmation();
-    // Only show when approved and in response states
-    if (!approval?.approved ||
-        (state !== "approval-responded" &&
-            state !== "output-denied" &&
-            state !== "output-available")) {
-        return null;
-    }
-    return children;
-};
-export const ConfirmationRejected = ({ children, }) => {
-    const { approval, state } = useConfirmation();
-    // Only show when rejected and in response states
-    if (approval?.approved !== false ||
-        (state !== "approval-responded" &&
-            state !== "output-denied" &&
-            state !== "output-available")) {
-        return null;
-    }
-    return children;
-};
-export const ConfirmationActions = ({ className, ...props }) => {
-    const { state } = useConfirmation();
-    // Only show when approval is requested
-    if (state !== "approval-requested") {
-        return null;
-    }
-    return (_jsx("div", { className: cn("flex items-center justify-end gap-2 self-end", className), ...props }));
-};
-export const ConfirmationAction = (props) => (_jsx(Button, { className: "h-8 px-3 text-sm", type: "button", ...props }));

package/dist/molecules/connection.d.ts

@@ -1,3 +0,0 @@
-import type { ConnectionLineComponent } from "@xyflow/react";
-export declare const Connection: ConnectionLineComponent;
-//# sourceMappingURL=connection.d.ts.map

package/dist/molecules/connection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connection.d.ts","sourceRoot":"","sources":["../../src/molecules/connection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAC;AAI7D,eAAO,MAAM,UAAU,EAAE,uBAuBxB,CAAC"}

package/dist/molecules/connection.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const HALF = 0.5;
-export const Connection = ({ fromX, fromY, toX, toY, }) => (_jsxs("g", { children: [_jsx("path", { className: "animated", d: `M${fromX},${fromY} C ${fromX + (toX - fromX) * HALF},${fromY} ${fromX + (toX - fromX) * HALF},${toY} ${toX},${toY}`, fill: "none", stroke: "var(--color-ring)", strokeWidth: 1 }), _jsx("circle", { cx: toX, cy: toY, fill: "#fff", r: 3, stroke: "var(--color-ring)", strokeWidth: 1 })] }));

package/dist/molecules/context.d.ts

@@ -1,33 +0,0 @@
-import { Button } from "@chatsdk-dev/ui/components/button";
-import { HoverCard, HoverCardContent } from "@chatsdk-dev/ui/components/hover-card";
-import type { LanguageModelUsage } from "ai";
-import type { ComponentProps } from "react";
-type ModelId = string;
-interface ContextSchema {
-    usedTokens: number;
-    maxTokens: number;
-    usage?: LanguageModelUsage;
-    modelId?: ModelId;
-}
-export type ContextProps = ComponentProps<typeof HoverCard> & ContextSchema;
-export declare const Context: ({ usedTokens, maxTokens, usage, modelId, ...props }: ContextProps) => import("react/jsx-runtime").JSX.Element;
-export type ContextTriggerProps = ComponentProps<typeof Button>;
-export declare const ContextTrigger: ({ children, ...props }: ContextTriggerProps) => import("react/jsx-runtime").JSX.Element;
-export type ContextContentProps = ComponentProps<typeof HoverCardContent>;
-export declare const ContextContent: ({ className, ...props }: ContextContentProps) => import("react/jsx-runtime").JSX.Element;
-export type ContextContentHeaderProps = ComponentProps<"div">;
-export declare const ContextContentHeader: ({ children, className, ...props }: ContextContentHeaderProps) => import("react/jsx-runtime").JSX.Element;
-export type ContextContentBodyProps = ComponentProps<"div">;
-export declare const ContextContentBody: ({ children, className, ...props }: ContextContentBodyProps) => import("react/jsx-runtime").JSX.Element;
-export type ContextContentFooterProps = ComponentProps<"div">;
-export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => import("react/jsx-runtime").JSX.Element;
-export type ContextInputUsageProps = ComponentProps<"div">;
-export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
-export type ContextOutputUsageProps = ComponentProps<"div">;
-export declare const ContextOutputUsage: ({ className, children, ...props }: ContextOutputUsageProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
-export type ContextReasoningUsageProps = ComponentProps<"div">;
-export declare const ContextReasoningUsage: ({ className, children, ...props }: ContextReasoningUsageProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
-export type ContextCacheUsageProps = ComponentProps<"div">;
-export declare const ContextCacheUsage: ({ className, children, ...props }: ContextCacheUsageProps) => string | number | bigint | true | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<import("react").ReactNode> | null | undefined> | null;
-export {};
-//# sourceMappingURL=context.d.ts.map

package/dist/molecules/context.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/molecules/context.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,SAAS,EACT,gBAAgB,EAEjB,MAAM,uCAAuC,CAAC;AAG/C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,IAAI,CAAC;AAC7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAU5C,KAAK,OAAO,GAAG,MAAM,CAAC;AAEtB,UAAU,aAAa;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAcD,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,GAAG,aAAa,CAAC;AAE5E,eAAO,MAAM,OAAO,GAAI,qDAMrB,YAAY,4CAWd,CAAC;AA2CF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEhE,eAAO,MAAM,cAAc,GAAI,wBAAwB,mBAAmB,4CAwBzE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE1E,eAAO,MAAM,cAAc,GAAI,yBAG5B,mBAAmB,4CAKrB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CA+B3B,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,GAAI,mCAIhC,uBAAuB,4CAIzB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,4CAgC3B,CAAC;AAqBF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,sBAAsB,6VAgCxB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE5D,eAAO,MAAM,kBAAkB,GAAI,mCAIhC,uBAAuB,6VAgCzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/D,eAAO,MAAM,qBAAqB,GAAI,mCAInC,0BAA0B,6VAgC5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,sBAAsB,6VAgCxB,CAAC"}