@nadicodeai/ui 0.20.0 → 0.22.0

package/dist/components/ai-elements/code-block.d.ts

@@ -1,53 +0,0 @@
-import { Button } from "../button";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select";
-import type { ComponentProps, HTMLAttributes } from "react";
-import type { BundledLanguage, ThemedToken } from "shiki";
-type CodeThemeToken = ThemedToken & {
-    darkBgColor?: string;
-    darkColor?: string;
-    darkFontStyle?: ThemedToken["fontStyle"];
-};
-type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
-    code: string;
-    language: BundledLanguage;
-    showLineNumbers?: boolean;
-};
-interface TokenizedCode {
-    tokens: CodeThemeToken[][];
-    fg: string;
-    bg: string;
-    darkFg: string;
-    darkBg: string;
-}
-export declare const highlightCode: (code: string, language: BundledLanguage, callback?: (result: TokenizedCode) => void) => TokenizedCode | null;
-export declare const CodeBlockContainer: ({ className, language, style, ...props }: HTMLAttributes<HTMLDivElement> & {
-    language: string;
-}) => import("react").JSX.Element;
-export declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
-export declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
-export declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react").JSX.Element;
-export declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react").JSX.Element;
-export declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
-    code: string;
-    language: BundledLanguage;
-    showLineNumbers?: boolean;
-}) => import("react").JSX.Element;
-export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react").JSX.Element;
-export type CodeBlockCopyButtonProps = ComponentProps<typeof Button> & {
-    onCopy?: () => void;
-    onError?: (error: Error) => void;
-    timeout?: number;
-};
-export declare const CodeBlockCopyButton: ({ onCopy, onError, timeout, children, className, ...props }: CodeBlockCopyButtonProps) => import("react").JSX.Element;
-export type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
-export declare const CodeBlockLanguageSelector: (props: CodeBlockLanguageSelectorProps) => import("react").JSX.Element;
-export type CodeBlockLanguageSelectorTriggerProps = ComponentProps<typeof SelectTrigger>;
-export declare const CodeBlockLanguageSelectorTrigger: ({ className, ...props }: CodeBlockLanguageSelectorTriggerProps) => import("react").JSX.Element;
-export type CodeBlockLanguageSelectorValueProps = ComponentProps<typeof SelectValue>;
-export declare const CodeBlockLanguageSelectorValue: (props: CodeBlockLanguageSelectorValueProps) => import("react").JSX.Element;
-export type CodeBlockLanguageSelectorContentProps = ComponentProps<typeof SelectContent>;
-export declare const CodeBlockLanguageSelectorContent: ({ align, ...props }: CodeBlockLanguageSelectorContentProps) => import("react").JSX.Element;
-export type CodeBlockLanguageSelectorItemProps = ComponentProps<typeof SelectItem>;
-export declare const CodeBlockLanguageSelectorItem: (props: CodeBlockLanguageSelectorItemProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=code-block.d.ts.map

package/dist/components/ai-elements/code-block.d.ts.map

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

package/dist/components/ai-elements/code-block.js

@@ -1,239 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "../button.js";
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.js";
-import { cn } from "../../lib/utils.js";
-import { useCopyToClipboard } from "../../lib/use-copy-to-clipboard.js";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { createContext, memo, useContext, useEffect, useMemo, 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,
-    })),
-}));
-const tokenStyle = (token) => {
-    const htmlStyle = { ...token.htmlStyle };
-    delete htmlStyle.background;
-    delete htmlStyle.backgroundColor;
-    delete htmlStyle.color;
-    delete htmlStyle.fontStyle;
-    delete htmlStyle.fontWeight;
-    delete htmlStyle.textDecoration;
-    const darkFontStyle = token.darkFontStyle ?? token.fontStyle;
-    return {
-        ...htmlStyle,
-        "--shiki-code-token-dark-bg": token.darkBgColor ?? token.bgColor,
-        "--shiki-code-token-dark-color": token.darkColor ?? token.color,
-        "--shiki-code-token-dark-font-style": isItalic(darkFontStyle) ? "italic" : "normal",
-        "--shiki-code-token-dark-font-weight": isBold(darkFontStyle) ? "bold" : "normal",
-        "--shiki-code-token-dark-text-decoration": isUnderline(darkFontStyle) ? "underline" : "none",
-        "--shiki-code-token-light-bg": token.bgColor,
-        "--shiki-code-token-light-color": token.color,
-        "--shiki-code-token-light-font-style": isItalic(token.fontStyle) ? "italic" : "normal",
-        "--shiki-code-token-light-font-weight": isBold(token.fontStyle) ? "bold" : "normal",
-        "--shiki-code-token-light-text-decoration": isUnderline(token.fontStyle) ? "underline" : "none",
-    };
-};
-// Syntax colors are resolved by the shared UI globals stylesheet so light/dark
-// can switch without re-tokenizing. Importing that stylesheet is part of the
-// package contract for CodeBlock consumers.
-const TokenSpan = ({ token }) => (_jsx("span", { "data-nc-code-token": "", style: tokenStyle(token), 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;
-};
-const tokenFromThemeVariants = (token) => {
-    const light = token.variants.light ?? {};
-    const dark = token.variants.dark ?? light;
-    return {
-        bgColor: light.bgColor,
-        color: light.color,
-        content: token.content,
-        darkBgColor: dark.bgColor,
-        darkColor: dark.color,
-        darkFontStyle: dark.fontStyle,
-        fontStyle: light.fontStyle,
-        htmlStyle: light.htmlStyle,
-        offset: token.offset,
-    };
-};
-// Create raw tokens for immediate display while highlighting loads
-const createRawTokens = (code) => ({
-    bg: "transparent",
-    darkBg: "transparent",
-    darkFg: "inherit",
-    fg: "inherit",
-    tokens: code.split("\n").map((line) => line === ""
-        ? []
-        : [
-            {
-                color: "inherit",
-                content: line,
-                darkColor: "inherit",
-                darkFontStyle: undefined,
-            },
-        ]),
-});
-// 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 tokens = highlighter.codeToTokensWithThemes(code, {
-            lang: langToUse,
-            themes: {
-                dark: "github-dark",
-                light: "github-light",
-            },
-        });
-        const lightTheme = highlighter.getTheme("github-light");
-        const darkTheme = highlighter.getTheme("github-dark");
-        const tokenized = {
-            bg: lightTheme.bg ?? "transparent",
-            darkBg: darkTheme.bg ?? "transparent",
-            darkFg: darkTheme.fg ?? "inherit",
-            fg: lightTheme.fg ?? "inherit",
-            tokens: tokens.map((line) => line.map(tokenFromThemeVariants)),
-        };
-        // 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(() => ({
-        "--shiki-code-block-dark-bg": tokenized.darkBg,
-        "--shiki-code-block-dark-fg": tokenized.darkFg,
-        "--shiki-code-block-light-bg": tokenized.bg,
-        "--shiki-code-block-light-fg": tokenized.fg,
-    }), [tokenized.bg, tokenized.darkBg, tokenized.darkFg, tokenized.fg]);
-    const keyedLines = useMemo(() => addKeysToTokens(tokenized.tokens), [tokenized.tokens]);
-    return (_jsx("pre", { className: cn("m-0 p-4 text-sm", className), "data-nc-code-block-body": "", 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]);
-    // Async highlighting result (populated after mount so hydration stays stable)
-    const [asyncTokens, setAsyncTokens] = useState(null);
-    useEffect(() => {
-        let cancelled = false;
-        setAsyncTokens(null);
-        const cached = highlightCode(code, language, (result) => {
-            if (!cancelled) {
-                setAsyncTokens(result);
-            }
-        });
-        if (cached && !cancelled) {
-            setAsyncTokens(cached);
-        }
-        return () => {
-            cancelled = true;
-        };
-    }, [code, language]);
-    const tokenized = asyncTokens ?? rawTokens;
-    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 { code } = useContext(CodeBlockContext);
-    const { copyToClipboard, isCopied } = useCopyToClipboard({
-        text: code,
-        onCopy,
-        onError,
-        timeout,
-        skipWhileCopied: true,
-    });
-    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/components/ai-elements/commit.d.ts

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

package/dist/components/ai-elements/commit.d.ts.map

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

package/dist/components/ai-elements/commit.js

@@ -1,83 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Avatar, AvatarFallback } from "../avatar.js";
-import { Button } from "../button.js";
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../collapsible.js";
-import { cn } from "../../lib/utils.js";
-import { useCopyToClipboard } from "../../lib/use-copy-to-clipboard.js";
-import { CheckIcon, CopyIcon, FileIcon, GitCommitIcon, MinusIcon, PlusIcon } from "lucide-react";
-import { useCallback, useEffect, 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, { nativeButton: false, 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 }), ...props }));
-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 }) => (
-// eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions -- The group only intercepts bubbled events from its interactive child controls so the parent commit is not activated.
-_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 { copyToClipboard, isCopied } = useCopyToClipboard({
-        text: hash,
-        onCopy,
-        onError,
-        timeout,
-        skipWhileCopied: true,
-    });
-    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("flex flex-col gap-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-[var(--nc-success-deep)]",
-    deleted: "text-destructive",
-    modified: "text-[var(--nc-warning-deep)]",
-    renamed: "text-[var(--nc-link-deep)]",
-};
-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-[var(--nc-success-deep)]", 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-destructive", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(MinusIcon, { className: "inline-block size-3" }), count] })) }));
-};

package/dist/components/ai-elements/confirmation.d.ts

@@ -1,50 +0,0 @@
-import { Alert, AlertDescription } from "../alert";
-import { Button } from "../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.Element | null;
-export type ConfirmationTitleProps = ComponentProps<typeof AlertDescription>;
-export declare const ConfirmationTitle: ({ className, ...props }: ConfirmationTitleProps) => import("react").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.Element | null;
-export type ConfirmationActionProps = ComponentProps<typeof Button>;
-export declare const ConfirmationAction: (props: ConfirmationActionProps) => import("react").JSX.Element;
-export {};
-//# sourceMappingURL=confirmation.d.ts.map

package/dist/components/ai-elements/confirmation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirmation.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/confirmation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,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;AAmBd,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,0CAA0C,iBAAiB,uCAYvF,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAE7E,eAAO,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,gCAEhF,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,cAAc,yBAAyB,cAY3E,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAAI,cAAc,yBAAyB,cAY3E,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE7D,eAAO,MAAM,mBAAmB,GAAI,yBAAyB,wBAAwB,uCAWpF,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEpE,eAAO,MAAM,kBAAkB,GAAI,OAAO,uBAAuB,gCAEhE,CAAC"}

package/dist/components/ai-elements/confirmation.js

@@ -1,57 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Alert, AlertDescription } from "../alert.js";
-import { Button } from "../button.js";
-import { cn } from "../../lib/utils.js";
-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/components/ai-elements/connection.d.ts

@@ -1,6 +0,0 @@
-import type { ConnectionLineComponent } from "@xyflow/react";
-import type { ComponentProps } from "react";
-export declare const Connection: ConnectionLineComponent;
-export type ConnectionPreviewProps = ComponentProps<"svg">;
-export declare const ConnectionPreview: ({ className, ...props }: ConnectionPreviewProps) => import("react").JSX.Element;
-//# sourceMappingURL=connection.d.ts.map

package/dist/components/ai-elements/connection.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"connection.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/connection.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,uBAAuB,EAAgC,MAAM,eAAe,CAAC;AAC3F,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI5C,eAAO,MAAM,UAAU,EAAE,uBAkBxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE3D,eAAO,MAAM,iBAAiB,GAAI,yBAAyB,sBAAsB,gCAWhF,CAAC"}

package/dist/components/ai-elements/connection.js

@@ -1,10 +0,0 @@
-"use client";
-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: "var(--color-background)", r: 3, stroke: "var(--color-ring)", strokeWidth: 1 })] }));
-export const ConnectionPreview = ({ className, ...props }) => (_jsx("svg", { className: className, viewBox: "0 0 160 40", ...props, children: _jsx(Connection, { ...{
-            fromX: 10,
-            fromY: 20,
-            toX: 150,
-            toY: 20,
-        } }) }));

package/dist/components/ai-elements/context.d.ts

@@ -1,33 +0,0 @@
-import { Button } from "../button";
-import { HoverCard, HoverCardContent } from "../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.Element;
-export type ContextTriggerProps = ComponentProps<typeof Button>;
-export declare const ContextTrigger: ({ children, ...props }: ContextTriggerProps) => import("react").JSX.Element;
-export type ContextContentProps = ComponentProps<typeof HoverCardContent>;
-export declare const ContextContent: ({ className, ...props }: ContextContentProps) => import("react").JSX.Element;
-export type ContextContentHeaderProps = ComponentProps<"div">;
-export declare const ContextContentHeader: ({ children, className, ...props }: ContextContentHeaderProps) => import("react").JSX.Element;
-export type ContextContentBodyProps = ComponentProps<"div">;
-export declare const ContextContentBody: ({ children, className, ...props }: ContextContentBodyProps) => import("react").JSX.Element;
-export type ContextContentFooterProps = ComponentProps<"div">;
-export declare const ContextContentFooter: ({ children, className, ...props }: ContextContentFooterProps) => import("react").JSX.Element;
-export type ContextInputUsageProps = ComponentProps<"div">;
-export declare const ContextInputUsage: ({ className, children, ...props }: ContextInputUsageProps) => string | number | bigint | true | import("react").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.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.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.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