@chatsdk-dev/ui 0.0.1 → 0.1.2

package/dist/molecules/audio-player.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { ButtonGroup, ButtonGroupText, } from "@chatsdk-dev/ui/components/button-group";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { MediaControlBar, MediaController, MediaDurationDisplay, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange, } from "media-chrome/react";
+export const AudioPlayer = ({ children, style, ...props }) => (_jsx(MediaController, { audio: true, "data-slot": "audio-player", style: {
+        "--media-background-color": "transparent",
+        "--media-button-icon-height": "1rem",
+        "--media-button-icon-width": "1rem",
+        "--media-control-background": "transparent",
+        "--media-control-hover-background": "var(--color-accent)",
+        "--media-control-padding": "0",
+        "--media-font": "var(--font-sans)",
+        "--media-font-size": "10px",
+        "--media-icon-color": "currentColor",
+        "--media-preview-time-background": "var(--color-background)",
+        "--media-preview-time-border-radius": "var(--radius-md)",
+        "--media-preview-time-text-shadow": "none",
+        "--media-primary-color": "var(--color-primary)",
+        "--media-range-bar-color": "var(--color-primary)",
+        "--media-range-track-background": "var(--color-secondary)",
+        "--media-secondary-color": "var(--color-secondary)",
+        "--media-text-color": "var(--color-foreground)",
+        "--media-tooltip-arrow-display": "none",
+        "--media-tooltip-background": "var(--color-background)",
+        "--media-tooltip-border-radius": "var(--radius-md)",
+        ...style,
+    }, ...props, children: children }));
+export const AudioPlayerElement = ({ ...props }) => (
+// oxlint-disable-next-line eslint-plugin-jsx-a11y(media-has-caption) -- audio player captions are provided by consumer
+_jsx("audio", { "data-slot": "audio-player-element", slot: "media", src: "src" in props
+        ? props.src
+        : `data:${props.data.mediaType};base64,${props.data.base64}`, ...props }));
+export const AudioPlayerControlBar = ({ children, ...props }) => (_jsx(MediaControlBar, { "data-slot": "audio-player-control-bar", ...props, children: _jsx(ButtonGroup, { orientation: "horizontal", children: children }) }));
+export const AudioPlayerPlayButton = ({ className, ...props }) => (_jsx(Button, { size: "icon", variant: "outline", render: () => (_jsx(MediaPlayButton, { className: cn("bg-transparent", className), "data-slot": "audio-player-play-button", ...props })) }));
+export const AudioPlayerSeekBackwardButton = ({ seekOffset = 10, ...props }) => (_jsx(Button, { size: "icon", variant: "outline", render: () => (_jsx(MediaSeekBackwardButton, { "data-slot": "audio-player-seek-backward-button", seekOffset: seekOffset, ...props })) }));
+export const AudioPlayerSeekForwardButton = ({ seekOffset = 10, ...props }) => (_jsx(Button, { size: "icon", variant: "outline", render: () => (_jsx(MediaSeekForwardButton, { "data-slot": "audio-player-seek-forward-button", seekOffset: seekOffset, ...props })) }));
+export const AudioPlayerTimeDisplay = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: () => (_jsx(MediaTimeDisplay, { className: cn("tabular-nums", className), "data-slot": "audio-player-time-display", ...props })) }));
+export const AudioPlayerTimeRange = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: () => (_jsx(MediaTimeRange, { className: cn("", className), "data-slot": "audio-player-time-range", ...props })) }));
+export const AudioPlayerDurationDisplay = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: () => (_jsx(MediaDurationDisplay, { className: cn("tabular-nums", className), "data-slot": "audio-player-duration-display", ...props })) }));
+export const AudioPlayerMuteButton = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: () => (_jsx(MediaMuteButton, { className: cn("", className), "data-slot": "audio-player-mute-button", ...props })) }));
+export const AudioPlayerVolumeRange = ({ className, ...props }) => (_jsx(ButtonGroupText, { className: "bg-transparent", render: () => (_jsx(MediaVolumeRange, { className: cn("", className), "data-slot": "audio-player-volume-range", ...props })) }));

package/dist/molecules/canvas.d.ts

@@ -0,0 +1,9 @@
+import type { ReactFlowProps } from "@xyflow/react";
+import type { ReactNode } from "react";
+import "@xyflow/react/dist/style.css";
+type CanvasProps = ReactFlowProps & {
+    children?: ReactNode;
+};
+export declare const Canvas: ({ children, ...props }: CanvasProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=canvas.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../src/molecules/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,8BAA8B,CAAC;AAEtC,KAAK,WAAW,GAAG,cAAc,GAAG;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAIF,eAAO,MAAM,MAAM,GAAI,wBAAwB,WAAW,4CAazD,CAAC"}

package/dist/molecules/canvas.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Background, ReactFlow } from "@xyflow/react";
+import "@xyflow/react/dist/style.css";
+const deleteKeyCode = ["Backspace", "Delete"];
+export const Canvas = ({ children, ...props }) => (_jsxs(ReactFlow, { deleteKeyCode: deleteKeyCode, fitView: true, panOnDrag: false, panOnScroll: true, selectionOnDrag: true, zoomOnDoubleClick: false, ...props, children: [_jsx(Background, { bgColor: "var(--sidebar)" }), children] }));

package/dist/molecules/chain-of-thought.d.ts

@@ -0,0 +1,30 @@
+import { Badge } from "@chatsdk-dev/ui/components/badge";
+import { CollapsibleContent, CollapsibleTrigger } from "@chatsdk-dev/ui/components/collapsible";
+import type { LucideIcon } from "lucide-react";
+import type { ComponentProps, ReactNode } from "react";
+export type ChainOfThoughtProps = ComponentProps<"div"> & {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const ChainOfThought: import("react").MemoExoticComponent<({ className, open, defaultOpen, onOpenChange, children, ...props }: ChainOfThoughtProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtHeaderProps = ComponentProps<typeof CollapsibleTrigger>;
+export declare const ChainOfThoughtHeader: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtStepProps = ComponentProps<"div"> & {
+    icon?: LucideIcon;
+    label: ReactNode;
+    description?: ReactNode;
+    status?: "complete" | "active" | "pending";
+};
+export declare const ChainOfThoughtStep: import("react").MemoExoticComponent<({ className, icon: Icon, label, description, status, children, ...props }: ChainOfThoughtStepProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtSearchResultsProps = ComponentProps<"div">;
+export declare const ChainOfThoughtSearchResults: import("react").MemoExoticComponent<({ className, ...props }: ChainOfThoughtSearchResultsProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtSearchResultProps = ComponentProps<typeof Badge>;
+export declare const ChainOfThoughtSearchResult: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtSearchResultProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtContentProps = ComponentProps<typeof CollapsibleContent>;
+export declare const ChainOfThoughtContent: import("react").MemoExoticComponent<({ className, children, ...props }: ChainOfThoughtContentProps) => import("react/jsx-runtime").JSX.Element>;
+export type ChainOfThoughtImageProps = ComponentProps<"div"> & {
+    caption?: string;
+};
+export declare const ChainOfThoughtImage: import("react").MemoExoticComponent<({ className, children, caption, ...props }: ChainOfThoughtImageProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=chain-of-thought.d.ts.map

package/dist/molecules/chain-of-thought.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought.d.ts","sourceRoot":"","sources":["../../src/molecules/chain-of-thought.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAEL,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,wCAAwC,CAAC;AAEhD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsBvD,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACxD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF,eAAO,MAAM,cAAc,2GAQtB,mBAAmB,6CAoBvB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CACpD,OAAO,kBAAkB,CAC1B,CAAC;AAEF,eAAO,MAAM,oBAAoB,0EACK,yBAAyB,6CA0B9D,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC5D,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C,CAAC;AAQF,eAAO,MAAM,kBAAkB,kHAS1B,uBAAuB,6CAuB3B,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAErE,eAAO,MAAM,2BAA2B,gEACZ,gCAAgC,6CAM3D,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE3E,eAAO,MAAM,0BAA0B,0EACD,+BAA+B,6CASpE,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CACrD,OAAO,kBAAkB,CAC1B,CAAC;AAEF,eAAO,MAAM,qBAAqB,0EACI,0BAA0B,6CAkB/D,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,mFACe,wBAAwB,6CAQtE,CAAC"}

package/dist/molecules/chain-of-thought.js

@@ -0,0 +1,49 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Badge } from "@chatsdk-dev/ui/components/badge";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "@chatsdk-dev/ui/components/collapsible";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { BrainIcon, ChevronDownIcon, DotIcon } from "lucide-react";
+import { createContext, memo, useContext, useMemo } from "react";
+const ChainOfThoughtContext = createContext(null);
+const useChainOfThought = () => {
+    const context = useContext(ChainOfThoughtContext);
+    if (!context) {
+        throw new Error("ChainOfThought components must be used within ChainOfThought");
+    }
+    return context;
+};
+export const ChainOfThought = memo(({ className, open, defaultOpen = false, onOpenChange, children, ...props }) => {
+    const [isOpen, setIsOpen] = useControllableState({
+        defaultProp: defaultOpen,
+        onChange: onOpenChange,
+        prop: open,
+    });
+    const chainOfThoughtContext = useMemo(() => ({ isOpen, setIsOpen }), [isOpen, setIsOpen]);
+    return (_jsx(ChainOfThoughtContext.Provider, { value: chainOfThoughtContext, children: _jsx("div", { className: cn("not-prose w-full space-y-4", className), ...props, children: children }) }));
+});
+export const ChainOfThoughtHeader = memo(({ className, children, ...props }) => {
+    const { isOpen, setIsOpen } = useChainOfThought();
+    return (_jsx(Collapsible, { onOpenChange: setIsOpen, open: isOpen, children: _jsxs(CollapsibleTrigger, { className: cn("flex w-full items-center gap-2 text-muted-foreground text-sm transition-colors hover:text-foreground", className), ...props, children: [_jsx(BrainIcon, { className: "size-4" }), _jsx("span", { className: "flex-1 text-left", children: children ?? "Chain of Thought" }), _jsx(ChevronDownIcon, { className: cn("size-4 transition-transform", isOpen ? "rotate-180" : "rotate-0") })] }) }));
+});
+const stepStatusStyles = {
+    active: "text-foreground",
+    complete: "text-muted-foreground",
+    pending: "text-muted-foreground/50",
+};
+export const ChainOfThoughtStep = memo(({ className, icon: Icon = DotIcon, label, description, status = "complete", children, ...props }) => (_jsxs("div", { className: cn("flex gap-2 text-sm", stepStatusStyles[status], "fade-in-0 slide-in-from-top-2 animate-in", className), ...props, children: [_jsxs("div", { className: "relative mt-0.5", children: [_jsx(Icon, { className: "size-4" }), _jsx("div", { className: "absolute top-7 bottom-0 left-1/2 -mx-px w-px bg-border" })] }), _jsxs("div", { className: "flex-1 space-y-2 overflow-hidden", children: [_jsx("div", { children: label }), description && (_jsx("div", { className: "text-muted-foreground text-xs", children: description })), children] })] })));
+export const ChainOfThoughtSearchResults = memo(({ className, ...props }) => (_jsx("div", { className: cn("flex flex-wrap items-center gap-2", className), ...props })));
+export const ChainOfThoughtSearchResult = memo(({ className, children, ...props }) => (_jsx(Badge, { className: cn("gap-1 px-2 py-0.5 font-normal text-xs", className), variant: "secondary", ...props, children: children })));
+export const ChainOfThoughtContent = memo(({ className, children, ...props }) => {
+    const { isOpen } = useChainOfThought();
+    return (_jsx(Collapsible, { open: isOpen, children: _jsx(CollapsibleContent, { className: cn("mt-2 space-y-3", "data-[state=closed]:fade-out-0 data-[state=closed]:slide-out-to-top-2 data-[state=open]:slide-in-from-top-2 text-popover-foreground outline-none data-[state=closed]:animate-out data-[state=open]:animate-in", className), ...props, children: children }) }));
+});
+export const ChainOfThoughtImage = memo(({ className, children, caption, ...props }) => (_jsxs("div", { className: cn("mt-2 space-y-2", className), ...props, children: [_jsx("div", { className: "relative flex max-h-[22rem] items-center justify-center overflow-hidden rounded-lg bg-muted p-3", children: children }), caption && _jsx("p", { className: "text-muted-foreground text-xs", children: caption })] })));
+ChainOfThought.displayName = "ChainOfThought";
+ChainOfThoughtHeader.displayName = "ChainOfThoughtHeader";
+ChainOfThoughtStep.displayName = "ChainOfThoughtStep";
+ChainOfThoughtSearchResults.displayName = "ChainOfThoughtSearchResults";
+ChainOfThoughtSearchResult.displayName = "ChainOfThoughtSearchResult";
+ChainOfThoughtContent.displayName = "ChainOfThoughtContent";
+ChainOfThoughtImage.displayName = "ChainOfThoughtImage";

package/dist/molecules/chat-message.d.ts

@@ -0,0 +1,10 @@
+import { UIMessage } from "ai";
+interface ChatMessageProps {
+    messages: UIMessage[];
+    withAvatar?: boolean;
+    /** From `useChat().status` — controls reasoning streaming UI */
+    status?: string;
+}
+export declare function ChatMessage({ messages, withAvatar, status, }: ChatMessageProps): (import("react/jsx-runtime").JSX.Element | null)[];
+export {};
+//# sourceMappingURL=chat-message.d.ts.map

package/dist/molecules/chat-message.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-message.d.ts","sourceRoot":"","sources":["../../src/molecules/chat-message.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAsB/B,UAAU,gBAAgB;IACxB,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,UAAkB,EAClB,MAAM,GACP,EAAE,gBAAgB,sDA6HlB"}

package/dist/molecules/chat-message.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BotIcon, CopyIcon, RefreshCcwIcon, UserIcon } from "lucide-react";
+import { Fragment } from "react";
+import { useCopyToClipboard } from "@chatsdk-dev/ui/hooks/use-copy-to-clipboard";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { Action, Actions } from "@chatsdk-dev/ui/molecules/ai/actions";
+import { Message, MessageContent } from "@chatsdk-dev/ui/molecules/ai/message";
+import { Reasoning, ReasoningContent, ReasoningTrigger, } from "@chatsdk-dev/ui/molecules/ai/reasoning";
+import { Response } from "@chatsdk-dev/ui/molecules/ai/response";
+import { Source, Sources, SourcesContent, SourcesTrigger, } from "@chatsdk-dev/ui/molecules/ai/sources";
+export function ChatMessage({ messages, withAvatar = false, status, }) {
+    const [, copyToClipboard] = useCopyToClipboard();
+    return messages.map((message, messageIndex) => {
+        const isUser = message.role === "user";
+        const isAssistant = message.role === "assistant";
+        // if message has no parts, return null to avoid layout shift
+        if (!message.parts.length) {
+            return null;
+        }
+        return (_jsxs("div", { children: [isAssistant &&
+                    message.parts.filter((part) => part.type === "source-url").length >
+                        0 && (_jsxs(Sources, { children: [_jsx(SourcesTrigger, { count: message.parts.filter((part) => part.type === "source-url")
+                                .length }), message.parts
+                            .filter((part) => part.type === "source-url")
+                            .map((part, i) => (_jsx(SourcesContent, { children: _jsx(Source, { href: part.url, title: part.url }, `${message.id}-${i}`) }, `${message.id}-${i}`)))] })), message.parts.map((part, messagePartIndex) => {
+                    switch (part.type) {
+                        case "text":
+                            if (!part.text) {
+                                return null;
+                            }
+                            return (_jsxs(Fragment, { children: [_jsxs(Message, { className: cn("flex gap-1.5", isUser && "flex-row-reverse"), from: message.role, children: [withAvatar && (_jsx("div", { className: cn("flex size-7 shrink-0 items-center justify-center rounded-full border text-xs", isUser
+                                                    ? "bg-primary text-primary-foreground border-primary"
+                                                    : isAssistant
+                                                        ? "bg-zinc-100 text-zinc-600 border-zinc-200 dark:bg-zinc-800 dark:text-zinc-400 dark:border-zinc-700"
+                                                        : "bg-amber-50 text-amber-600 border-amber-200 dark:bg-amber-950 dark:text-amber-400 dark:border-amber-800"), children: isUser ? (_jsx(UserIcon, { className: "size-3.5" })) : (_jsx(BotIcon, { className: "size-3.5" })) })), _jsx(MessageContent, { className: cn("rounded-lg px-3 py-2 text-sm", isUser
+                                                    ? "bg-primary text-primary-foreground rounded-tr-sm"
+                                                    : isAssistant
+                                                        ? "bg-zinc-100 text-zinc-800 dark:bg-zinc-800 dark:text-zinc-100 rounded-tl-sm ring-1 ring-zinc-200 dark:ring-zinc-700"
+                                                        : "bg-amber-50 text-amber-800 dark:bg-amber-950 dark:text-amber-200 rounded-tl-sm ring-1 ring-amber-200 dark:ring-amber-800 italic"), children: _jsx(Response, { children: part.text }) })] }), isAssistant && (_jsxs(Actions, { className: cn("mt-[-6px] ml-[-10px] mb-[-20px]", withAvatar && "ml-6"), children: [_jsx(Action
+                                            // onClick={() => regenerate()}
+                                            , { 
+                                                // onClick={() => regenerate()}
+                                                label: "Retry", children: _jsx(RefreshCcwIcon, { className: "size-3" }) }), _jsx(Action, { onClick: () => copyToClipboard?.(part.text), label: "Copy", children: _jsx(CopyIcon, { className: "size-3" }) })] }))] }, `${message.id}-${messagePartIndex}`));
+                        case "reasoning":
+                            return (_jsxs(Reasoning, { className: "w-full", isStreaming: status === "streaming" &&
+                                    messageIndex === message.parts.length - 1 &&
+                                    message.id === messages.at(-1)?.id, children: [_jsx(ReasoningTrigger, {}), _jsx(ReasoningContent, { children: part.text })] }, `${message.id}-${messagePartIndex}`));
+                        default:
+                            return null;
+                    }
+                })] }, message.id));
+    });
+}

package/dist/molecules/checkpoint.d.ts

@@ -0,0 +1,12 @@
+import { Button } from "@chatsdk-dev/ui/components/button";
+import type { LucideProps } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+export type CheckpointProps = HTMLAttributes<HTMLDivElement>;
+export declare const Checkpoint: ({ className, children, ...props }: CheckpointProps) => import("react/jsx-runtime").JSX.Element;
+export type CheckpointIconProps = LucideProps;
+export declare const CheckpointIcon: ({ className, children, ...props }: CheckpointIconProps) => string | number | bigint | boolean | 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>;
+export type CheckpointTriggerProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+};
+export declare const CheckpointTrigger: ({ children, variant, size, tooltip, ...props }: CheckpointTriggerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=checkpoint.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkpoint.d.ts","sourceRoot":"","sources":["../../src/molecules/checkpoint.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAQ3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE7D,eAAO,MAAM,UAAU,GAAI,mCAIxB,eAAe,4CAWjB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,WAAW,CAAC;AAE9C,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,yVAGnB,CAAC;AAEJ,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,gDAM/B,sBAAsB,4CAkBtB,CAAC"}

package/dist/molecules/checkpoint.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { Separator } from "@chatsdk-dev/ui/components/separator";
+import { Tooltip, TooltipContent, TooltipTrigger, } from "@chatsdk-dev/ui/components/tooltip";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { BookmarkIcon } from "lucide-react";
+export const Checkpoint = ({ className, children, ...props }) => (_jsxs("div", { className: cn("flex items-center gap-0.5 overflow-hidden text-muted-foreground", className), ...props, children: [children, _jsx(Separator, {})] }));
+export const CheckpointIcon = ({ className, children, ...props }) => children ?? (_jsx(BookmarkIcon, { className: cn("size-4 shrink-0", className), ...props }));
+export const CheckpointTrigger = ({ children, variant = "ghost", size = "sm", tooltip, ...props }) => tooltip ? (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: () => (_jsx(Button, { size: size, type: "button", variant: variant, ...props, children: children })) }), _jsx(TooltipContent, { align: "start", side: "bottom", children: tooltip })] })) : (_jsx(Button, { size: size, type: "button", variant: variant, ...props, children: children }));

package/dist/molecules/code-block.d.ts

@@ -0,0 +1,46 @@
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@chatsdk-dev/ui/components/select";
+import type { ComponentProps, HTMLAttributes } from "react";
+import type { BundledLanguage, ThemedToken } from "shiki";
+type CodeBlockProps = HTMLAttributes<HTMLDivElement> & {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+};
+interface TokenizedCode {
+    tokens: ThemedToken[][];
+    fg: string;
+    bg: 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-runtime").JSX.Element;
+export declare const CodeBlockHeader: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockTitle: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockFilename: ({ children, className, ...props }: HTMLAttributes<HTMLSpanElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockActions: ({ children, className, ...props }: HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlockContent: ({ code, language, showLineNumbers, }: {
+    code: string;
+    language: BundledLanguage;
+    showLineNumbers?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const CodeBlock: ({ code, language, showLineNumbers, className, children, ...props }: CodeBlockProps) => import("react/jsx-runtime").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-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorProps = ComponentProps<typeof Select>;
+export declare const CodeBlockLanguageSelector: (props: CodeBlockLanguageSelectorProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorTriggerProps = ComponentProps<typeof SelectTrigger>;
+export declare const CodeBlockLanguageSelectorTrigger: ({ className, ...props }: CodeBlockLanguageSelectorTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorValueProps = ComponentProps<typeof SelectValue>;
+export declare const CodeBlockLanguageSelectorValue: (props: CodeBlockLanguageSelectorValueProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorContentProps = ComponentProps<typeof SelectContent>;
+export declare const CodeBlockLanguageSelectorContent: ({ align, ...props }: CodeBlockLanguageSelectorContentProps) => import("react/jsx-runtime").JSX.Element;
+export type CodeBlockLanguageSelectorItemProps = ComponentProps<typeof SelectItem>;
+export declare const CodeBlockLanguageSelectorItem: (props: CodeBlockLanguageSelectorItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=code-block.d.ts.map

package/dist/molecules/code-block.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-block.d.ts","sourceRoot":"","sources":["../../src/molecules/code-block.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAC;AAC3D,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,EACZ,MAAM,mCAAmC,CAAC;AAG3C,OAAO,KAAK,EAAE,cAAc,EAAiB,cAAc,EAAE,MAAM,OAAO,CAAC;AAW3E,OAAO,KAAK,EACV,eAAe,EAGf,WAAW,EACZ,MAAM,OAAO,CAAC;AAkFf,KAAK,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,UAAU,aAAa;IACrB,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;CACZ;AA+DD,eAAO,MAAM,aAAa,GACxB,MAAM,MAAM,EACZ,UAAU,eAAe,EAEzB,WAAW,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,KACzC,aAAa,GAAG,IAyDlB,CAAC;AA2DF,eAAO,MAAM,kBAAkB,GAAI,0CAKhC,cAAc,CAAC,cAAc,CAAC,GAAG;IAAE,QAAQ,EAAE,MAAM,CAAA;CAAE,4CAcvD,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mCAI7B,cAAc,CAAC,cAAc,CAAC,4CAUhC,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,mCAI5B,cAAc,CAAC,cAAc,CAAC,4CAIhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,mCAI/B,cAAc,CAAC,eAAe,CAAC,4CAIjC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,mCAI9B,cAAc,CAAC,cAAc,CAAC,4CAOhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAAI,sCAI9B;IACD,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,4CA4CA,CAAC;AAEF,eAAO,MAAM,SAAS,GAAI,oEAOvB,cAAc,4CAehB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IACrE,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,6DAOjC,wBAAwB,4CA8C1B,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE3E,eAAO,MAAM,yBAAyB,GACpC,OAAO,8BAA8B,4CACb,CAAC;AAE3B,MAAM,MAAM,qCAAqC,GAAG,cAAc,CAChE,OAAO,aAAa,CACrB,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,yBAG9C,qCAAqC,4CASvC,CAAC;AAEF,MAAM,MAAM,mCAAmC,GAAG,cAAc,CAC9D,OAAO,WAAW,CACnB,CAAC;AAEF,eAAO,MAAM,8BAA8B,GACzC,OAAO,mCAAmC,4CACb,CAAC;AAEhC,MAAM,MAAM,qCAAqC,GAAG,cAAc,CAChE,OAAO,aAAa,CACrB,CAAC;AAEF,eAAO,MAAM,gCAAgC,GAAI,qBAG9C,qCAAqC,4CAEvC,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,cAAc,CAC7D,OAAO,UAAU,CAClB,CAAC;AAEF,eAAO,MAAM,6BAA6B,GACxC,OAAO,kCAAkC,4CACb,CAAC"}

package/dist/molecules/code-block.js

@@ -0,0 +1,216 @@
+"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

@@ -0,0 +1,65 @@
+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

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