@chatsdk-dev/ui 0.1.2 → 0.2.0

package/dist/components/typography/text.js

@@ -1,41 +0,0 @@
-import { mergeProps } from "@base-ui/react/merge-props";
-import { useRender } from "@base-ui/react/use-render";
-import { cva } from "class-variance-authority";
-import { cn } from "../../lib/utils";
-export const textVariants = cva("font-body", {
-    variants: {
-        variant: {
-            default: "text-sm",
-            h1: "font-heading text-2xl font-medium",
-            h2: "font-heading leading-none font-semibold text-xl",
-            paragraph1: "text-base",
-            paragraph2: "text-sm text-zinc-600",
-            small: "text-sm",
-            button: "text-button leading-none font-medium",
-            mono: "font-mono text-[13px] leading-none translate-y-[1px]",
-            tiny: "text-xs text-zinc-600",
-        },
-        color: {
-            default: "text-foreground",
-            primary: "text-primary-foreground",
-            secondary: "text-secondary-foreground",
-            muted: "text-muted-foreground",
-            accent: "text-accent-foreground",
-            popover: "text-popover-foreground",
-            meta: "text-zinc-400",
-            disabled: "text-zinc-400",
-            destructive: "text-destructive",
-        },
-    },
-    defaultVariants: {
-        variant: "default",
-        color: "default",
-    },
-});
-export function Text({ className, render, as = "div", variant, color, ...props }) {
-    return useRender({
-        defaultTagName: as,
-        render,
-        props: mergeProps({ className: cn(textVariants({ variant, color }), className) }, props),
-    });
-}

package/dist/molecules/actions.d.ts

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

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

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

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

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

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

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

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

@@ -1,13 +0,0 @@
-"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/attachments.d.ts

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

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

@@ -1,125 +0,0 @@
-"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/conversation.d.ts

@@ -1,24 +0,0 @@
-import { Button } from "@chatsdk-dev/ui/atoms/button";
-import type { UIMessage } from "ai";
-import type { ComponentProps } from "react";
-import { StickToBottom } from "use-stick-to-bottom";
-export type ConversationProps = ComponentProps<typeof StickToBottom>;
-export declare const Conversation: ({ className, ...props }: ConversationProps) => import("react/jsx-runtime").JSX.Element;
-export type ConversationContentProps = ComponentProps<typeof StickToBottom.Content>;
-export declare const ConversationContent: ({ className, ...props }: ConversationContentProps) => import("react/jsx-runtime").JSX.Element;
-export type ConversationEmptyStateProps = ComponentProps<"div"> & {
-    title?: string;
-    description?: string;
-    icon?: React.ReactNode;
-};
-export declare const ConversationEmptyState: ({ className, title, description, icon, children, ...props }: ConversationEmptyStateProps) => import("react/jsx-runtime").JSX.Element;
-export type ConversationScrollButtonProps = ComponentProps<typeof Button>;
-export declare const ConversationScrollButton: ({ className, ...props }: ConversationScrollButtonProps) => false | import("react/jsx-runtime").JSX.Element;
-export type ConversationDownloadProps = Omit<ComponentProps<typeof Button>, "onClick"> & {
-    messages: UIMessage[];
-    filename?: string;
-    formatMessage?: (message: UIMessage, index: number) => string;
-};
-export declare const messagesToMarkdown: (messages: UIMessage[], formatMessage?: (message: UIMessage, index: number) => string) => string;
-export declare const ConversationDownload: ({ messages, filename, formatMessage, className, children, ...props }: ConversationDownloadProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=conversation.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"conversation.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/conversation.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,aAAa,EAA2B,MAAM,qBAAqB,CAAC;AAE7E,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC;AAErE,eAAO,MAAM,YAAY,GAAI,yBAAyB,iBAAiB,4CAQtE,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CACnD,OAAO,aAAa,CAAC,OAAO,CAC7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,yBAGjC,wBAAwB,4CAK1B,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAChE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GAAI,6DAOpC,2BAA2B,4CAoB7B,CAAC;AAEF,MAAM,MAAM,6BAA6B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAE1E,eAAO,MAAM,wBAAwB,GAAI,yBAGtC,6BAA6B,oDAwB/B,CAAC;AAQF,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAC1C,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,CACV,GAAG;IACF,QAAQ,EAAE,SAAS,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/D,CAAC;AAQF,eAAO,MAAM,kBAAkB,GAC7B,UAAU,SAAS,EAAE,EACrB,gBAAe,CACb,OAAO,EAAE,SAAS,EAClB,KAAK,EAAE,MAAM,KACV,MAA6B,KACjC,MAAsE,CAAC;AAE1E,eAAO,MAAM,oBAAoB,GAAI,sEAOlC,yBAAyB,4CA6B3B,CAAC"}

package/dist/molecules/ai/conversation.js

@@ -1,41 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button } from "@chatsdk-dev/ui/atoms/button";
-import { cn } from "@chatsdk-dev/ui/lib/utils";
-import { ArrowDownIcon, DownloadIcon } from "lucide-react";
-import { useCallback } from "react";
-import { StickToBottom, useStickToBottomContext } from "use-stick-to-bottom";
-export const Conversation = ({ className, ...props }) => (_jsx(StickToBottom, { className: cn("relative flex-1 overflow-y-hidden", className), initial: "smooth", resize: "smooth", role: "log", ...props }));
-export const ConversationContent = ({ className, ...props }) => (_jsx(StickToBottom.Content, { className: cn("flex flex-col gap-8 p-4", className), ...props }));
-export const ConversationEmptyState = ({ className, title = "No messages yet", description = "Start a conversation to see messages here", icon, children, ...props }) => (_jsx("div", { className: cn("flex size-full flex-col items-center justify-center gap-3 p-8 text-center", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [icon && _jsx("div", { className: "text-muted-foreground", children: icon }), _jsxs("div", { className: "space-y-1", children: [_jsx("h3", { className: "font-medium text-sm", children: title }), description && (_jsx("p", { className: "text-muted-foreground text-sm", children: description }))] })] })) }));
-export const ConversationScrollButton = ({ className, ...props }) => {
-    const { isAtBottom, scrollToBottom } = useStickToBottomContext();
-    const handleScrollToBottom = useCallback(() => {
-        scrollToBottom();
-    }, [scrollToBottom]);
-    return (!isAtBottom && (_jsx(Button, { className: cn("absolute bottom-4 left-[50%] translate-x-[-50%] rounded-full dark:bg-background dark:hover:bg-muted", className), onClick: handleScrollToBottom, size: "icon", type: "button", variant: "outline", ...props, children: _jsx(ArrowDownIcon, { className: "size-4" }) })));
-};
-const getMessageText = (message) => message.parts
-    .filter((part) => part.type === "text")
-    .map((part) => part.text)
-    .join("");
-const defaultFormatMessage = (message) => {
-    const roleLabel = message.role.charAt(0).toUpperCase() + message.role.slice(1);
-    return `**${roleLabel}:** ${getMessageText(message)}`;
-};
-export const messagesToMarkdown = (messages, formatMessage = defaultFormatMessage) => messages.map((msg, i) => formatMessage(msg, i)).join("\n\n");
-export const ConversationDownload = ({ messages, filename = "conversation.md", formatMessage = defaultFormatMessage, className, children, ...props }) => {
-    const handleDownload = useCallback(() => {
-        const markdown = messagesToMarkdown(messages, formatMessage);
-        const blob = new Blob([markdown], { type: "text/markdown" });
-        const url = URL.createObjectURL(blob);
-        const link = document.createElement("a");
-        link.href = url;
-        link.download = filename;
-        document.body.append(link);
-        link.click();
-        link.remove();
-        URL.revokeObjectURL(url);
-    }, [messages, filename, formatMessage]);
-    return (_jsx(Button, { className: cn("absolute top-4 right-4 rounded-full dark:bg-background dark:hover:bg-muted", className), onClick: handleDownload, size: "icon", type: "button", variant: "outline", ...props, children: children ?? _jsx(DownloadIcon, { className: "size-4" }) }));
-};

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

@@ -1,38 +0,0 @@
-import { Button } from "@chatsdk-dev/ui/atoms/button";
-import { ButtonGroup } from "@chatsdk-dev/ui/atoms/button-group";
-import type { UIMessage } from "ai";
-import type { ComponentProps, HTMLAttributes } from "react";
-import { Streamdown } from "streamdown";
-export type MessageProps = HTMLAttributes<HTMLDivElement> & {
-    from: UIMessage["role"];
-};
-export declare const Message: ({ className, from, ...props }: MessageProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageContentProps = HTMLAttributes<HTMLDivElement>;
-export declare const MessageContent: ({ children, className, ...props }: MessageContentProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageActionsProps = ComponentProps<"div">;
-export declare const MessageActions: ({ className, children, ...props }: MessageActionsProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageActionProps = ComponentProps<typeof Button> & {
-    tooltip?: string;
-    label?: string;
-};
-export declare const MessageAction: ({ tooltip, children, label, variant, size, ...props }: MessageActionProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageBranchProps = HTMLAttributes<HTMLDivElement> & {
-    defaultBranch?: number;
-    onBranchChange?: (branchIndex: number) => void;
-};
-export declare const MessageBranch: ({ defaultBranch, onBranchChange, className, ...props }: MessageBranchProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageBranchContentProps = HTMLAttributes<HTMLDivElement>;
-export declare const MessageBranchContent: ({ children, ...props }: MessageBranchContentProps) => import("react/jsx-runtime").JSX.Element[];
-export type MessageBranchSelectorProps = ComponentProps<typeof ButtonGroup>;
-export declare const MessageBranchSelector: ({ className, ...props }: MessageBranchSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
-export type MessageBranchPreviousProps = ComponentProps<typeof Button>;
-export declare const MessageBranchPrevious: ({ children, ...props }: MessageBranchPreviousProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageBranchNextProps = ComponentProps<typeof Button>;
-export declare const MessageBranchNext: ({ children, ...props }: MessageBranchNextProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageBranchPageProps = HTMLAttributes<HTMLSpanElement>;
-export declare const MessageBranchPage: ({ className, ...props }: MessageBranchPageProps) => import("react/jsx-runtime").JSX.Element;
-export type MessageResponseProps = ComponentProps<typeof Streamdown>;
-export declare const MessageResponse: import("react").MemoExoticComponent<({ className, ...props }: MessageResponseProps) => import("react/jsx-runtime").JSX.Element>;
-export type MessageToolbarProps = ComponentProps<"div">;
-export declare const MessageToolbar: ({ className, children, ...props }: MessageToolbarProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=message.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"message.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/message.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACL,WAAW,EAEZ,MAAM,oCAAoC,CAAC;AAY5C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAEpC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAgB,MAAM,OAAO,CAAC;AAU1E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC1D,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACzB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,+BAA+B,YAAY,4CASlE,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEjE,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAYrB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAIrB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC/D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,uDAO3B,kBAAkB,4CAsBpB,CAAC;AA2BF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAChE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,wDAK3B,kBAAkB,4CA4CpB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,eAAO,MAAM,oBAAoB,GAAI,wBAGlC,yBAAyB,8CA0B3B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE5E,eAAO,MAAM,qBAAqB,GAAI,yBAGnC,0BAA0B,mDAkB5B,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEvE,eAAO,MAAM,qBAAqB,GAAI,wBAGnC,0BAA0B,4CAgB5B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,wBAG/B,sBAAsB,4CAgBxB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,eAAe,CAAC,CAAC;AAErE,eAAO,MAAM,iBAAiB,GAAI,yBAG/B,sBAAsB,4CAcxB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,cAAc,CAAC,OAAO,UAAU,CAAC,CAAC;AAIrE,eAAO,MAAM,eAAe,gEACA,oBAAoB,6CAa/C,CAAC;AAIF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAExD,eAAO,MAAM,cAAc,GAAI,mCAI5B,mBAAmB,4CAUrB,CAAC"}

package/dist/molecules/ai/message.js

@@ -1,92 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "@chatsdk-dev/ui/atoms/button";
-import { ButtonGroup, ButtonGroupText, } from "@chatsdk-dev/ui/atoms/button-group";
-import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "@chatsdk-dev/ui/atoms/tooltip";
-import { cn } from "@chatsdk-dev/ui/lib/utils";
-import { cjk } from "@streamdown/cjk";
-import { code } from "@streamdown/code";
-import { math } from "@streamdown/math";
-import { mermaid } from "@streamdown/mermaid";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { createContext, memo, useCallback, useContext, useEffect, useMemo, useState, } from "react";
-import { Streamdown } from "streamdown";
-export const Message = ({ className, from, ...props }) => (_jsx("div", { className: cn("group flex w-full max-w-[95%] flex-col gap-2", from === "user" ? "is-user ml-auto justify-end" : "is-assistant", className), ...props }));
-export const MessageContent = ({ children, className, ...props }) => (_jsx("div", { className: cn("is-user:dark flex w-fit min-w-0 max-w-full flex-col gap-2 overflow-hidden text-sm", "group-[.is-user]:ml-auto group-[.is-user]:rounded-lg group-[.is-user]:bg-secondary group-[.is-user]:px-4 group-[.is-user]:py-3 group-[.is-user]:text-foreground", "group-[.is-assistant]:text-foreground", className), ...props, children: children }));
-export const MessageActions = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-1", className), ...props, children: children }));
-export const MessageAction = ({ tooltip, children, label, variant = "ghost", size = "icon", ...props }) => {
-    const button = (_jsxs(Button, { 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, { render: () => button }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
-    }
-    return button;
-};
-const MessageBranchContext = createContext(null);
-const useMessageBranch = () => {
-    const context = useContext(MessageBranchContext);
-    if (!context) {
-        throw new Error("MessageBranch components must be used within MessageBranch");
-    }
-    return context;
-};
-export const MessageBranch = ({ defaultBranch = 0, onBranchChange, className, ...props }) => {
-    const [currentBranch, setCurrentBranch] = useState(defaultBranch);
-    const [branches, setBranches] = useState([]);
-    const handleBranchChange = useCallback((newBranch) => {
-        setCurrentBranch(newBranch);
-        onBranchChange?.(newBranch);
-    }, [onBranchChange]);
-    const goToPrevious = useCallback(() => {
-        const newBranch = currentBranch > 0 ? currentBranch - 1 : branches.length - 1;
-        handleBranchChange(newBranch);
-    }, [currentBranch, branches.length, handleBranchChange]);
-    const goToNext = useCallback(() => {
-        const newBranch = currentBranch < branches.length - 1 ? currentBranch + 1 : 0;
-        handleBranchChange(newBranch);
-    }, [currentBranch, branches.length, handleBranchChange]);
-    const contextValue = useMemo(() => ({
-        branches,
-        currentBranch,
-        goToNext,
-        goToPrevious,
-        setBranches,
-        totalBranches: branches.length,
-    }), [branches, currentBranch, goToNext, goToPrevious]);
-    return (_jsx(MessageBranchContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("grid w-full gap-2 [&>div]:pb-0", className), ...props }) }));
-};
-export const MessageBranchContent = ({ children, ...props }) => {
-    const { currentBranch, setBranches, branches } = useMessageBranch();
-    const childrenArray = useMemo(() => (Array.isArray(children) ? children : [children]), [children]);
-    // Use useEffect to update branches when they change
-    useEffect(() => {
-        if (branches.length !== childrenArray.length) {
-            setBranches(childrenArray);
-        }
-    }, [childrenArray, branches, setBranches]);
-    return childrenArray.map((branch, index) => (_jsx("div", { className: cn("grid gap-2 overflow-hidden [&>div]:pb-0", index === currentBranch ? "block" : "hidden"), ...props, children: branch }, branch.key)));
-};
-export const MessageBranchSelector = ({ className, ...props }) => {
-    const { totalBranches } = useMessageBranch();
-    // Don't render if there's only one branch
-    if (totalBranches <= 1) {
-        return null;
-    }
-    return (_jsx(ButtonGroup, { className: cn("[&>*:not(:first-child)]:rounded-l-md [&>*:not(:last-child)]:rounded-r-md", className), orientation: "horizontal", ...props }));
-};
-export const MessageBranchPrevious = ({ children, ...props }) => {
-    const { goToPrevious, totalBranches } = useMessageBranch();
-    return (_jsx(Button, { "aria-label": "Previous branch", disabled: totalBranches <= 1, onClick: goToPrevious, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronLeftIcon, { size: 14 }) }));
-};
-export const MessageBranchNext = ({ children, ...props }) => {
-    const { goToNext, totalBranches } = useMessageBranch();
-    return (_jsx(Button, { "aria-label": "Next branch", disabled: totalBranches <= 1, onClick: goToNext, size: "icon", type: "button", variant: "ghost", ...props, children: children ?? _jsx(ChevronRightIcon, { size: 14 }) }));
-};
-export const MessageBranchPage = ({ className, ...props }) => {
-    const { currentBranch, totalBranches } = useMessageBranch();
-    return (_jsxs(ButtonGroupText, { className: cn("border-none bg-transparent text-muted-foreground shadow-none", className), ...props, children: [currentBranch + 1, " of ", totalBranches] }));
-};
-const streamdownPlugins = { cjk, code, math, mermaid };
-export const MessageResponse = memo(({ className, ...props }) => (_jsx(Streamdown, { className: cn("size-full [&>*:first-child]:mt-0 [&>*:last-child]:mb-0", className), plugins: streamdownPlugins, ...props })), (prevProps, nextProps) => prevProps.children === nextProps.children &&
-    nextProps.isAnimating === prevProps.isAnimating);
-MessageResponse.displayName = "MessageResponse";
-export const MessageToolbar = ({ className, children, ...props }) => (_jsx("div", { className: cn("mt-4 flex w-full items-center justify-between gap-4", className), ...props, children: children }));

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

@@ -1,10 +0,0 @@
-import type { ElementType } from "react";
-export interface TextShimmerProps {
-    children: string;
-    as?: ElementType;
-    className?: string;
-    duration?: number;
-    spread?: number;
-}
-export declare const Shimmer: import("react").MemoExoticComponent<({ children, as: Component, className, duration, spread, }: TextShimmerProps) => import("react/jsx-runtime").JSX.Element>;
-//# sourceMappingURL=shimmer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"shimmer.d.ts","sourceRoot":"","sources":["../../../src/molecules/ai/shimmer.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAiB,WAAW,EAAO,MAAM,OAAO,CAAC;AAoB7D,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA6CD,eAAO,MAAM,OAAO,kGArCjB,gBAAgB,6CAqC0B,CAAC"}

package/dist/molecules/ai/shimmer.js

@@ -1,28 +0,0 @@
-"use client";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@chatsdk-dev/ui/lib/utils";
-import { motion } from "motion/react";
-import { memo, useMemo } from "react";
-// Cache motion components at module level to avoid creating during render
-const motionComponentCache = new Map();
-const getMotionComponent = (element) => {
-    let component = motionComponentCache.get(element);
-    if (!component) {
-        component = motion.create(element);
-        motionComponentCache.set(element, component);
-    }
-    return component;
-};
-const ShimmerComponent = ({ children, as: Component = "p", className, duration = 2, spread = 2, }) => {
-    const MotionComponent = getMotionComponent(Component);
-    const dynamicSpread = useMemo(() => (children?.length ?? 0) * spread, [children, spread]);
-    return (_jsx(MotionComponent, { animate: { backgroundPosition: "0% center" }, className: cn("relative inline-block bg-[length:250%_100%,auto] bg-clip-text text-transparent", "[--bg:linear-gradient(90deg,#0000_calc(50%-var(--spread)),var(--color-background),#0000_calc(50%+var(--spread)))] [background-repeat:no-repeat,padding-box]", className), initial: { backgroundPosition: "100% center" }, style: {
-            "--spread": `${dynamicSpread}px`,
-            backgroundImage: "var(--bg), linear-gradient(var(--color-muted-foreground), var(--color-muted-foreground))",
-        }, transition: {
-            duration,
-            ease: "linear",
-            repeat: Number.POSITIVE_INFINITY,
-        }, children: children }));
-};
-export const Shimmer = memo(ShimmerComponent);