@chatsdk-dev/ui 0.0.1 → 0.1.2

package/dist/molecules/actions.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "react";
+import { type ButtonProps } from "@chatsdk-dev/ui/components/button";
+export type ActionsProps = ComponentProps<"div">;
+export declare const Actions: ({ className, children, ...props }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type ActionProps = ButtonProps & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const Action: ({ tooltip, children, label, className, variant, size, ...props }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=actions.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../src/molecules/actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAS7E,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,GAAI,mCAAmC,YAAY,4CAItE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kEAQpB,WAAW,4CA+Bb,CAAC"}

package/dist/molecules/actions.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/components/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@chatsdk-dev/ui/components/tooltip";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+export const Actions = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-", className), ...props, children: children }));
+export const Action = ({ tooltip, children, label, className, variant = "ghost", size = "sm", ...props }) => {
+    const button = (_jsxs(Button, { className: cn("size-9 p-1.5 bg-transparent text-muted-foreground hover:text-foreground hover:bg-transparent relative", className), size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+};

package/dist/molecules/agent.d.ts

@@ -0,0 +1,27 @@
+import { Accordion, AccordionItem } from "@chatsdk-dev/ui/components/accordion";
+import type { Tool } from "ai";
+import type { ComponentProps } from "react";
+export type AgentProps = ComponentProps<"div">;
+export declare const Agent: import("react").MemoExoticComponent<({ className, ...props }: AgentProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentHeaderProps = ComponentProps<"div"> & {
+    name: string;
+    model?: string;
+};
+export declare const AgentHeader: import("react").MemoExoticComponent<({ className, name, model, ...props }: AgentHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentContentProps = ComponentProps<"div">;
+export declare const AgentContent: import("react").MemoExoticComponent<({ className, ...props }: AgentContentProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentInstructionsProps = ComponentProps<"div"> & {
+    children: string;
+};
+export declare const AgentInstructions: import("react").MemoExoticComponent<({ className, children, ...props }: AgentInstructionsProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentToolsProps = ComponentProps<typeof Accordion>;
+export declare const AgentTools: import("react").MemoExoticComponent<({ className, ...props }: AgentToolsProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentToolProps = ComponentProps<typeof AccordionItem> & {
+    tool: Tool;
+};
+export declare const AgentTool: import("react").MemoExoticComponent<({ className, tool, value, ...props }: AgentToolProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentOutputProps = ComponentProps<"div"> & {
+    schema: string;
+};
+export declare const AgentOutput: import("react").MemoExoticComponent<({ className, schema, ...props }: AgentOutputProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=agent.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"agent.d.ts","sourceRoot":"","sources":["../../src/molecules/agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAET,aAAa,EAEd,MAAM,sCAAsC,CAAC;AAG9C,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,eAAO,MAAM,KAAK,gEAAkC,UAAU,6CAK5D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,6EACiB,gBAAgB,6CAmBxD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,gEACG,iBAAiB,6CAG5C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0EACQ,sBAAsB,6CAU3D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,UAAU,gEAAkC,eAAe,6CAKtE,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;IAClE,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,SAAS,6EACmB,cAAc,6CAuBtD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,wEACY,gBAAgB,6CAUnD,CAAC"}

package/dist/molecules/agent.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@chatsdk-dev/ui/components/accordion";
+import { Badge } from "@chatsdk-dev/ui/components/badge";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { BotIcon } from "lucide-react";
+import { memo } from "react";
+import { CodeBlock } from "./code-block";
+export const Agent = memo(({ className, ...props }) => (_jsx("div", { className: cn("not-prose w-full rounded-md border", className), ...props })));
+export const AgentHeader = memo(({ className, name, model, ...props }) => (_jsx("div", { className: cn("flex w-full items-center justify-between gap-4 p-3", className), ...props, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BotIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "font-medium text-sm", children: name }), model && (_jsx(Badge, { className: "font-mono text-xs", variant: "secondary", children: model }))] }) })));
+export const AgentContent = memo(({ className, ...props }) => (_jsx("div", { className: cn("space-y-4 p-4 pt-0", className), ...props })));
+export const AgentInstructions = memo(({ className, children, ...props }) => (_jsxs("div", { className: cn("space-y-2", className), ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Instructions" }), _jsx("div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-sm", children: _jsx("p", { children: children }) })] })));
+export const AgentTools = memo(({ className, ...props }) => (_jsxs("div", { className: cn("space-y-2", className), children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Tools" }), _jsx(Accordion, { className: "rounded-md border", ...props })] })));
+export const AgentTool = memo(({ className, tool, value, ...props }) => {
+    const schema = "jsonSchema" in tool && tool.jsonSchema
+        ? tool.jsonSchema
+        : tool.inputSchema;
+    return (_jsxs(AccordionItem, { className: cn("border-b last:border-b-0", className), value: value, ...props, children: [_jsx(AccordionTrigger, { className: "px-3 py-2 text-sm hover:no-underline", children: tool.description ?? "No description" }), _jsx(AccordionContent, { className: "px-3 pb-3", children: _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: JSON.stringify(schema, null, 2), language: "json" }) }) })] }));
+});
+export const AgentOutput = memo(({ className, schema, ...props }) => (_jsxs("div", { className: cn("space-y-2", className), ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Output Schema" }), _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: schema, language: "typescript" }) })] })));
+Agent.displayName = "Agent";
+AgentHeader.displayName = "AgentHeader";
+AgentContent.displayName = "AgentContent";
+AgentInstructions.displayName = "AgentInstructions";
+AgentTools.displayName = "AgentTools";
+AgentTool.displayName = "AgentTool";
+AgentOutput.displayName = "AgentOutput";

package/dist/molecules/ai/actions.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentProps } from "react";
+import { type ButtonProps } from "@chatsdk-dev/ui/atoms/button";
+export type ActionsProps = ComponentProps<"div">;
+export declare const Actions: ({ className, children, ...props }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type ActionProps = ButtonProps & {
+    tooltip?: string;
+    label?: string;
+};
+export declare const Action: ({ tooltip, children, label, className, variant, size, ...props }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=actions.d.ts.map

package/dist/molecules/ai/actions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/actions.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,8BAA8B,CAAC;AASxE,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEjD,eAAO,MAAM,OAAO,GAAI,mCAAmC,YAAY,4CAItE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,WAAW,GAAG;IACtC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,MAAM,GAAI,kEAQpB,WAAW,4CA+Bb,CAAC"}

package/dist/molecules/ai/actions.js

@@ -0,0 +1,13 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@chatsdk-dev/ui/atoms/tooltip";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+export const Actions = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-", className), ...props, children: children }));
+export const Action = ({ tooltip, children, label, className, variant = "ghost", size = "sm", ...props }) => {
+    const button = (_jsxs(Button, { className: cn("size-9 p-1.5 bg-transparent text-muted-foreground hover:text-foreground hover:bg-transparent relative", className), size: size, type: "button", variant: variant, ...props, children: [children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { children: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+};

package/dist/molecules/ai/agent.d.ts

@@ -0,0 +1,27 @@
+import { Accordion, AccordionItem } from "@chatsdk-dev/ui/atoms/accordion";
+import type { Tool } from "ai";
+import type { ComponentProps } from "react";
+export type AgentProps = ComponentProps<"div">;
+export declare const Agent: import("react").MemoExoticComponent<({ className, ...props }: AgentProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentHeaderProps = ComponentProps<"div"> & {
+    name: string;
+    model?: string;
+};
+export declare const AgentHeader: import("react").MemoExoticComponent<({ className, name, model, ...props }: AgentHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentContentProps = ComponentProps<"div">;
+export declare const AgentContent: import("react").MemoExoticComponent<({ className, ...props }: AgentContentProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentInstructionsProps = ComponentProps<"div"> & {
+    children: string;
+};
+export declare const AgentInstructions: import("react").MemoExoticComponent<({ className, children, ...props }: AgentInstructionsProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentToolsProps = ComponentProps<typeof Accordion>;
+export declare const AgentTools: import("react").MemoExoticComponent<({ className, ...props }: AgentToolsProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentToolProps = ComponentProps<typeof AccordionItem> & {
+    tool: Tool;
+};
+export declare const AgentTool: import("react").MemoExoticComponent<({ className, tool, value, ...props }: AgentToolProps) => import("react/jsx-runtime").JSX.Element>;
+export type AgentOutputProps = ComponentProps<"div"> & {
+    schema: string;
+};
+export declare const AgentOutput: import("react").MemoExoticComponent<({ className, schema, ...props }: AgentOutputProps) => import("react/jsx-runtime").JSX.Element>;
+//# sourceMappingURL=agent.d.ts.map

package/dist/molecules/ai/agent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"agent.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/agent.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,SAAS,EAET,aAAa,EAEd,MAAM,iCAAiC,CAAC;AAGzC,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,IAAI,CAAC;AAE/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK5C,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE/C,eAAO,MAAM,KAAK,gEAAkC,UAAU,6CAK5D,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,6EACiB,gBAAgB,6CAmBxD,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEtD,eAAO,MAAM,YAAY,gEACG,iBAAiB,6CAG5C,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,iBAAiB,0EACQ,sBAAsB,6CAU3D,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;AAE/D,eAAO,MAAM,UAAU,gEAAkC,eAAe,6CAKtE,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,GAAG;IAClE,IAAI,EAAE,IAAI,CAAC;CACZ,CAAC;AAEF,eAAO,MAAM,SAAS,6EACmB,cAAc,6CAuBtD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACrD,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,WAAW,wEACY,gBAAgB,6CAUnD,CAAC"}

package/dist/molecules/ai/agent.js

@@ -0,0 +1,27 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, } from "@chatsdk-dev/ui/atoms/accordion";
+import { Badge } from "@chatsdk-dev/ui/atoms/badge";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { BotIcon } from "lucide-react";
+import { memo } from "react";
+import { CodeBlock } from "./code-block";
+export const Agent = memo(({ className, ...props }) => (_jsx("div", { className: cn("not-prose w-full rounded-md border", className), ...props })));
+export const AgentHeader = memo(({ className, name, model, ...props }) => (_jsx("div", { className: cn("flex w-full items-center justify-between gap-4 p-3", className), ...props, children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(BotIcon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "font-medium text-sm", children: name }), model && (_jsx(Badge, { className: "font-mono text-xs", variant: "secondary", children: model }))] }) })));
+export const AgentContent = memo(({ className, ...props }) => (_jsx("div", { className: cn("space-y-4 p-4 pt-0", className), ...props })));
+export const AgentInstructions = memo(({ className, children, ...props }) => (_jsxs("div", { className: cn("space-y-2", className), ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Instructions" }), _jsx("div", { className: "rounded-md bg-muted/50 p-3 text-muted-foreground text-sm", children: _jsx("p", { children: children }) })] })));
+export const AgentTools = memo(({ className, ...props }) => (_jsxs("div", { className: cn("space-y-2", className), children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Tools" }), _jsx(Accordion, { className: "rounded-md border", ...props })] })));
+export const AgentTool = memo(({ className, tool, value, ...props }) => {
+    const schema = "jsonSchema" in tool && tool.jsonSchema
+        ? tool.jsonSchema
+        : tool.inputSchema;
+    return (_jsxs(AccordionItem, { className: cn("border-b last:border-b-0", className), value: value, ...props, children: [_jsx(AccordionTrigger, { className: "px-3 py-2 text-sm hover:no-underline", children: tool.description ?? "No description" }), _jsx(AccordionContent, { className: "px-3 pb-3", children: _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: JSON.stringify(schema, null, 2), language: "json" }) }) })] }));
+});
+export const AgentOutput = memo(({ className, schema, ...props }) => (_jsxs("div", { className: cn("space-y-2", className), ...props, children: [_jsx("span", { className: "font-medium text-muted-foreground text-sm", children: "Output Schema" }), _jsx("div", { className: "rounded-md bg-muted/50", children: _jsx(CodeBlock, { code: schema, language: "typescript" }) })] })));
+Agent.displayName = "Agent";
+AgentHeader.displayName = "AgentHeader";
+AgentContent.displayName = "AgentContent";
+AgentInstructions.displayName = "AgentInstructions";
+AgentTools.displayName = "AgentTools";
+AgentTool.displayName = "AgentTool";
+AgentOutput.displayName = "AgentOutput";

package/dist/molecules/ai/artifact.d.ts

@@ -0,0 +1,24 @@
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import type { LucideIcon } from "lucide-react";
+import type { ComponentProps, HTMLAttributes } from "react";
+export type ArtifactProps = HTMLAttributes<HTMLDivElement>;
+export declare const Artifact: ({ className, ...props }: ArtifactProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactHeaderProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactHeader: ({ className, ...props }: ArtifactHeaderProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactCloseProps = ComponentProps<typeof Button>;
+export declare const ArtifactClose: ({ className, children, size, variant, ...props }: ArtifactCloseProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactTitleProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ArtifactTitle: ({ className, ...props }: ArtifactTitleProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactDescriptionProps = HTMLAttributes<HTMLParagraphElement>;
+export declare const ArtifactDescription: ({ className, ...props }: ArtifactDescriptionProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactActionsProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactActions: ({ className, ...props }: ArtifactActionsProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactActionProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+    label?: string;
+    icon?: LucideIcon;
+};
+export declare const ArtifactAction: ({ tooltip, label, icon: Icon, children, className, size, variant, ...props }: ArtifactActionProps) => import("react/jsx-runtime").JSX.Element;
+export type ArtifactContentProps = HTMLAttributes<HTMLDivElement>;
+export declare const ArtifactContent: ({ className, ...props }: ArtifactContentProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=artifact.d.ts.map

package/dist/molecules/ai/artifact.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/artifact.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAQtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE/C,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5D,MAAM,MAAM,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAE3D,eAAO,MAAM,QAAQ,GAAI,yBAAyB,aAAa,4CAQ9D,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,yBAG5B,mBAAmB,4CAQrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE/D,eAAO,MAAM,aAAa,GAAI,kDAM3B,kBAAkB,4CAcpB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAEtE,eAAO,MAAM,aAAa,GAAI,yBAAyB,kBAAkB,4CAKxE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,oBAAoB,CAAC,CAAC;AAE5E,eAAO,MAAM,mBAAmB,GAAI,yBAGjC,wBAAwB,4CAE1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,yBAG7B,oBAAoB,4CAEtB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAChE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,8EAS5B,mBAAmB,4CA+BrB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,eAAO,MAAM,eAAe,GAAI,yBAG7B,oBAAoB,4CAEtB,CAAC"}

package/dist/molecules/ai/artifact.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@chatsdk-dev/ui/atoms/tooltip";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { XIcon } from "lucide-react";
+export const Artifact = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col overflow-hidden rounded-lg border bg-background shadow-sm", className), ...props }));
+export const ArtifactHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex items-center justify-between border-b bg-muted/50 px-4 py-3", className), ...props }));
+export const ArtifactClose = ({ className, children, size = "sm", variant = "ghost", ...props }) => (_jsxs(Button, { className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className), size: size, type: "button", variant: variant, ...props, children: [children ?? _jsx(XIcon, { className: "size-4" }), _jsx("span", { className: "sr-only", children: "Close" })] }));
+export const ArtifactTitle = ({ className, ...props }) => (_jsx("p", { className: cn("font-medium text-foreground text-sm", className), ...props }));
+export const ArtifactDescription = ({ className, ...props }) => (_jsx("p", { className: cn("text-muted-foreground text-sm", className), ...props }));
+export const ArtifactActions = ({ className, ...props }) => (_jsx("div", { className: cn("flex items-center gap-1", className), ...props }));
+export const ArtifactAction = ({ tooltip, label, icon: Icon, children, className, size = "sm", variant = "ghost", ...props }) => {
+    const button = (_jsxs(Button, { className: cn("size-8 p-0 text-muted-foreground hover:text-foreground", className), size: size, type: "button", variant: variant, ...props, children: [Icon ? _jsx(Icon, { className: "size-4" }) : children, _jsx("span", { className: "sr-only", children: label || tooltip })] }));
+    if (tooltip) {
+        return (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { render: button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+    }
+    return button;
+};
+export const ArtifactContent = ({ className, ...props }) => (_jsx("div", { className: cn("flex-1 overflow-auto p-4", className), ...props }));

package/dist/molecules/ai/attachments.d.ts

@@ -0,0 +1,55 @@
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "@chatsdk-dev/ui/atoms/hover-card";
+import type { FileUIPart, SourceDocumentUIPart } from "ai";
+import type { ComponentProps, HTMLAttributes, ReactNode } from "react";
+export type AttachmentData = (FileUIPart & {
+    id: string;
+}) | (SourceDocumentUIPart & {
+    id: string;
+});
+export type AttachmentMediaCategory = "image" | "video" | "audio" | "document" | "source" | "unknown";
+export type AttachmentVariant = "grid" | "inline" | "list";
+export declare const getMediaCategory: (data: AttachmentData) => AttachmentMediaCategory;
+export declare const getAttachmentLabel: (data: AttachmentData) => string;
+interface AttachmentsContextValue {
+    variant: AttachmentVariant;
+}
+interface AttachmentContextValue {
+    data: AttachmentData;
+    mediaCategory: AttachmentMediaCategory;
+    onRemove?: () => void;
+    variant: AttachmentVariant;
+}
+export declare const useAttachmentsContext: () => AttachmentsContextValue;
+export declare const useAttachmentContext: () => AttachmentContextValue;
+export type AttachmentsProps = HTMLAttributes<HTMLDivElement> & {
+    variant?: AttachmentVariant;
+};
+export declare const Attachments: ({ variant, className, children, ...props }: AttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentProps = HTMLAttributes<HTMLDivElement> & {
+    data: AttachmentData;
+    onRemove?: () => void;
+};
+export declare const Attachment: ({ data, onRemove, className, children, ...props }: AttachmentProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentPreviewProps = HTMLAttributes<HTMLDivElement> & {
+    fallbackIcon?: ReactNode;
+};
+export declare const AttachmentPreview: ({ fallbackIcon, className, ...props }: AttachmentPreviewProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentInfoProps = HTMLAttributes<HTMLDivElement> & {
+    showMediaType?: boolean;
+};
+export declare const AttachmentInfo: ({ showMediaType, className, ...props }: AttachmentInfoProps) => import("react/jsx-runtime").JSX.Element | null;
+export type AttachmentRemoveProps = ComponentProps<typeof Button> & {
+    label?: string;
+};
+export declare const AttachmentRemove: ({ label, className, children, ...props }: AttachmentRemoveProps) => import("react/jsx-runtime").JSX.Element | null;
+export type AttachmentHoverCardProps = ComponentProps<typeof HoverCard>;
+export declare const AttachmentHoverCard: ({ ...props }: AttachmentHoverCardProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentHoverCardTriggerProps = ComponentProps<typeof HoverCardTrigger>;
+export declare const AttachmentHoverCardTrigger: ({ delay, closeDelay, ...props }: AttachmentHoverCardTriggerProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentHoverCardContentProps = ComponentProps<typeof HoverCardContent>;
+export declare const AttachmentHoverCardContent: ({ align, className, ...props }: AttachmentHoverCardContentProps) => import("react/jsx-runtime").JSX.Element;
+export type AttachmentEmptyProps = HTMLAttributes<HTMLDivElement>;
+export declare const AttachmentEmpty: ({ className, children, ...props }: AttachmentEmptyProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=attachments.d.ts.map

package/dist/molecules/ai/attachments.d.ts.map

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

package/dist/molecules/ai/attachments.js

@@ -0,0 +1,125 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import { HoverCard, HoverCardContent, HoverCardTrigger, } from "@chatsdk-dev/ui/atoms/hover-card";
+import { cn } from "@chatsdk-dev/ui/lib/utils";
+import { FileTextIcon, GlobeIcon, ImageIcon, Music2Icon, PaperclipIcon, VideoIcon, XIcon, } from "lucide-react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+const mediaCategoryIcons = {
+    audio: Music2Icon,
+    document: FileTextIcon,
+    image: ImageIcon,
+    source: GlobeIcon,
+    unknown: PaperclipIcon,
+    video: VideoIcon,
+};
+// ============================================================================
+// Utility Functions
+// ============================================================================
+export const getMediaCategory = (data) => {
+    if (data.type === "source-document") {
+        return "source";
+    }
+    const mediaType = data.mediaType ?? "";
+    if (mediaType.startsWith("image/")) {
+        return "image";
+    }
+    if (mediaType.startsWith("video/")) {
+        return "video";
+    }
+    if (mediaType.startsWith("audio/")) {
+        return "audio";
+    }
+    if (mediaType.startsWith("application/") || mediaType.startsWith("text/")) {
+        return "document";
+    }
+    return "unknown";
+};
+export const getAttachmentLabel = (data) => {
+    if (data.type === "source-document") {
+        return data.title || data.filename || "Source";
+    }
+    const category = getMediaCategory(data);
+    return data.filename || (category === "image" ? "Image" : "Attachment");
+};
+const renderAttachmentImage = (url, filename, isGrid) => isGrid ? (_jsx("img", { alt: filename || "Image", className: "size-full object-cover", height: 96, src: url, width: 96 })) : (_jsx("img", { alt: filename || "Image", className: "size-full rounded object-cover", height: 20, src: url, width: 20 }));
+const AttachmentsContext = createContext(null);
+const AttachmentContext = createContext(null);
+// ============================================================================
+// Hooks
+// ============================================================================
+export const useAttachmentsContext = () => useContext(AttachmentsContext) ?? { variant: "grid" };
+export const useAttachmentContext = () => {
+    const ctx = useContext(AttachmentContext);
+    if (!ctx) {
+        throw new Error("Attachment components must be used within <Attachment>");
+    }
+    return ctx;
+};
+export const Attachments = ({ variant = "grid", className, children, ...props }) => {
+    const contextValue = useMemo(() => ({ variant }), [variant]);
+    return (_jsx(AttachmentsContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("flex items-start", variant === "list" ? "flex-col gap-2" : "flex-wrap gap-2", variant === "grid" && "ml-auto w-fit", className), ...props, children: children }) }));
+};
+export const Attachment = ({ data, onRemove, className, children, ...props }) => {
+    const { variant } = useAttachmentsContext();
+    const mediaCategory = getMediaCategory(data);
+    const contextValue = useMemo(() => ({ data, mediaCategory, onRemove, variant }), [data, mediaCategory, onRemove, variant]);
+    return (_jsx(AttachmentContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("group relative", variant === "grid" && "size-24 overflow-hidden rounded-lg", variant === "inline" && [
+                "flex h-8 cursor-pointer select-none items-center gap-1.5",
+                "rounded-md border border-border px-1.5",
+                "font-medium text-sm transition-all",
+                "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+            ], variant === "list" && [
+                "flex w-full items-center gap-3 rounded-lg border p-3",
+                "hover:bg-accent/50",
+            ], className), ...props, children: children }) }));
+};
+export const AttachmentPreview = ({ fallbackIcon, className, ...props }) => {
+    const { data, mediaCategory, variant } = useAttachmentContext();
+    const iconSize = variant === "inline" ? "size-3" : "size-4";
+    const renderIcon = (Icon) => (_jsx(Icon, { className: cn(iconSize, "text-muted-foreground") }));
+    const renderContent = () => {
+        if (mediaCategory === "image" && data.type === "file" && data.url) {
+            return renderAttachmentImage(data.url, data.filename, variant === "grid");
+        }
+        if (mediaCategory === "video" && data.type === "file" && data.url) {
+            return _jsx("video", { className: "size-full object-cover", muted: true, src: data.url });
+        }
+        const Icon = mediaCategoryIcons[mediaCategory];
+        return fallbackIcon ?? renderIcon(Icon);
+    };
+    return (_jsx("div", { className: cn("flex shrink-0 items-center justify-center overflow-hidden", variant === "grid" && "size-full bg-muted", variant === "inline" && "size-5 rounded bg-background", variant === "list" && "size-12 rounded bg-muted", className), ...props, children: renderContent() }));
+};
+export const AttachmentInfo = ({ showMediaType = false, className, ...props }) => {
+    const { data, variant } = useAttachmentContext();
+    const label = getAttachmentLabel(data);
+    if (variant === "grid") {
+        return null;
+    }
+    return (_jsxs("div", { className: cn("min-w-0 flex-1", className), ...props, children: [_jsx("span", { className: "block truncate", children: label }), showMediaType && data.mediaType && (_jsx("span", { className: "block truncate text-muted-foreground text-xs", children: data.mediaType }))] }));
+};
+export const AttachmentRemove = ({ label = "Remove", className, children, ...props }) => {
+    const { onRemove, variant } = useAttachmentContext();
+    const handleClick = useCallback((e) => {
+        e.stopPropagation();
+        onRemove?.();
+    }, [onRemove]);
+    if (!onRemove) {
+        return null;
+    }
+    return (_jsxs(Button, { "aria-label": label, className: cn(variant === "grid" && [
+            "absolute top-2 right-2 size-6 rounded-full p-0",
+            "bg-background/80 backdrop-blur-sm",
+            "opacity-0 transition-opacity group-hover:opacity-100",
+            "hover:bg-background",
+            "[&>svg]:size-3",
+        ], variant === "inline" && [
+            "size-5 rounded p-0",
+            "opacity-0 transition-opacity group-hover:opacity-100",
+            "[&>svg]:size-2.5",
+        ], variant === "list" && ["size-8 shrink-0 rounded p-0", "[&>svg]:size-4"], className), onClick: handleClick, type: "button", variant: "ghost", ...props, children: [children ?? _jsx(XIcon, {}), _jsx("span", { className: "sr-only", children: label })] }));
+};
+export const AttachmentHoverCard = ({ ...props }) => (_jsx(HoverCard, { ...props }));
+export const AttachmentHoverCardTrigger = ({ delay = 0, closeDelay = 0, ...props }) => (_jsx(HoverCardTrigger, { delay: delay, closeDelay: closeDelay, ...props }));
+export const AttachmentHoverCardContent = ({ align = "start", className, ...props }) => (_jsx(HoverCardContent, { align: align, className: cn("w-auto p-2", className), ...props }));
+export const AttachmentEmpty = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center justify-center p-4 text-muted-foreground text-sm", className), ...props, children: children ?? "No attachments" }));

package/dist/molecules/ai/audio-player.d.ts

@@ -0,0 +1,30 @@
+import type { Experimental_SpeechResult as SpeechResult } from "ai";
+import { MediaControlBar, MediaController, MediaDurationDisplay, MediaMuteButton, MediaPlayButton, MediaSeekBackwardButton, MediaSeekForwardButton, MediaTimeDisplay, MediaTimeRange, MediaVolumeRange } from "media-chrome/react";
+import type { ComponentProps } from "react";
+export type AudioPlayerProps = Omit<ComponentProps<typeof MediaController>, "audio">;
+export declare const AudioPlayer: ({ children, style, ...props }: AudioPlayerProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerElementProps = Omit<ComponentProps<"audio">, "src"> & ({
+    data: SpeechResult["audio"];
+} | {
+    src: string;
+});
+export declare const AudioPlayerElement: ({ ...props }: AudioPlayerElementProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerControlBarProps = ComponentProps<typeof MediaControlBar>;
+export declare const AudioPlayerControlBar: ({ children, ...props }: AudioPlayerControlBarProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerPlayButtonProps = ComponentProps<typeof MediaPlayButton>;
+export declare const AudioPlayerPlayButton: ({ className, ...props }: AudioPlayerPlayButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerSeekBackwardButtonProps = ComponentProps<typeof MediaSeekBackwardButton>;
+export declare const AudioPlayerSeekBackwardButton: ({ seekOffset, ...props }: AudioPlayerSeekBackwardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerSeekForwardButtonProps = ComponentProps<typeof MediaSeekForwardButton>;
+export declare const AudioPlayerSeekForwardButton: ({ seekOffset, ...props }: AudioPlayerSeekForwardButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerTimeDisplayProps = ComponentProps<typeof MediaTimeDisplay>;
+export declare const AudioPlayerTimeDisplay: ({ className, ...props }: AudioPlayerTimeDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerTimeRangeProps = ComponentProps<typeof MediaTimeRange>;
+export declare const AudioPlayerTimeRange: ({ className, ...props }: AudioPlayerTimeRangeProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerDurationDisplayProps = ComponentProps<typeof MediaDurationDisplay>;
+export declare const AudioPlayerDurationDisplay: ({ className, ...props }: AudioPlayerDurationDisplayProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerMuteButtonProps = ComponentProps<typeof MediaMuteButton>;
+export declare const AudioPlayerMuteButton: ({ className, ...props }: AudioPlayerMuteButtonProps) => import("react/jsx-runtime").JSX.Element;
+export type AudioPlayerVolumeRangeProps = ComponentProps<typeof MediaVolumeRange>;
+export declare const AudioPlayerVolumeRange: ({ className, ...props }: AudioPlayerVolumeRangeProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=audio-player.d.ts.map

package/dist/molecules/ai/audio-player.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"audio-player.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/audio-player.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,IAAI,YAAY,EAAE,MAAM,IAAI,CAAC;AACpE,OAAO,EACL,eAAe,EACf,eAAe,EACf,oBAAoB,EACpB,eAAe,EACf,eAAe,EACf,uBAAuB,EACvB,sBAAsB,EACtB,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EACjB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EAAE,cAAc,EAAiB,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC,OAAO,CACR,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,+BAIzB,gBAAgB,4CAiClB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,GACxE,CACI;IACE,IAAI,EAAE,YAAY,CAAC,OAAO,CAAC,CAAC;CAC7B,GACD;IACE,GAAG,EAAE,MAAM,CAAC;CACb,CACJ,CAAC;AAEJ,eAAO,MAAM,kBAAkB,GAAI,cAAc,uBAAuB,4CAYvE,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,qBAAqB,GAAI,wBAGnC,0BAA0B,4CAI5B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,0BAA0B,4CAY5B,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,cAAc,CAC7D,OAAO,uBAAuB,CAC/B,CAAC;AAEF,eAAO,MAAM,6BAA6B,GAAI,0BAG3C,kCAAkC,4CAYpC,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG,cAAc,CAC5D,OAAO,sBAAsB,CAC9B,CAAC;AAEF,eAAO,MAAM,4BAA4B,GAAI,0BAG1C,iCAAiC,4CAYnC,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,gBAAgB,CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,yBAGpC,2BAA2B,4CAW7B,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,OAAO,cAAc,CAAC,CAAC;AAE9E,eAAO,MAAM,oBAAoB,GAAI,yBAGlC,yBAAyB,4CAW3B,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAC1D,OAAO,oBAAoB,CAC5B,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,yBAGxC,+BAA+B,4CAWjC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,eAAe,CAAC,CAAC;AAEhF,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,0BAA0B,4CAW5B,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CACtD,OAAO,gBAAgB,CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,yBAGpC,2BAA2B,4CAW7B,CAAC"}

package/dist/molecules/ai/audio-player.js

@@ -0,0 +1,43 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "@chatsdk-dev/ui/atoms/button";
+import { ButtonGroup, ButtonGroupText, } from "@chatsdk-dev/ui/atoms/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/ai/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/ai/canvas.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/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/ai/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/ai/chain-of-thought.d.ts

@@ -0,0 +1,30 @@
+import { Badge } from "@chatsdk-dev/ui/atoms/badge";
+import { CollapsibleContent, CollapsibleTrigger } from "@chatsdk-dev/ui/atoms/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/ai/chain-of-thought.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-of-thought.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/chain-of-thought.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAEL,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,mCAAmC,CAAC;AAE3C,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"}