@nadicodeai/ui 0.1.0

package/dist/components/ai-elements/voice-selector.js

@@ -0,0 +1,224 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { Button } from "../button.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "../command.js";
+import { Dialog, DialogContent, DialogTitle, DialogTrigger, } from "../dialog.js";
+import { Spinner } from "../spinner.js";
+import { cn } from "../../lib/utils.js";
+import { CircleSmallIcon, MarsIcon, MarsStrokeIcon, NonBinaryIcon, PauseIcon, PlayIcon, TransgenderIcon, VenusAndMarsIcon, VenusIcon, } from "lucide-react";
+import { createContext, useCallback, useContext, useMemo } from "react";
+const VoiceSelectorContext = createContext(null);
+export const useVoiceSelector = () => {
+    const context = useContext(VoiceSelectorContext);
+    if (!context) {
+        throw new Error("VoiceSelector components must be used within VoiceSelector");
+    }
+    return context;
+};
+export const VoiceSelector = ({ value: valueProp, defaultValue, onValueChange, open: openProp, defaultOpen = false, onOpenChange, children, ...props }) => {
+    const [value, setValue] = useControllableState({
+        defaultProp: defaultValue,
+        onChange: onValueChange,
+        prop: valueProp,
+    });
+    const [open, setOpen] = useControllableState({
+        defaultProp: defaultOpen,
+        onChange: onOpenChange,
+        prop: openProp,
+    });
+    const voiceSelectorContext = useMemo(() => ({ open, setOpen, setValue, value }), [value, setValue, open, setOpen]);
+    return (_jsx(VoiceSelectorContext.Provider, { value: voiceSelectorContext, children: _jsx(Dialog, { onOpenChange: setOpen, open: open, ...props, children: children }) }));
+};
+export const VoiceSelectorTrigger = (props) => (_jsx(DialogTrigger, { ...props }));
+export const VoiceSelectorContent = ({ className, children, title = "Voice Selector", ...props }) => (_jsxs(DialogContent, { "aria-describedby": undefined, className: cn("p-0", className), ...props, children: [_jsx(DialogTitle, { className: "sr-only", children: title }), _jsx(Command, { className: "**:data-[slot=command-input-wrapper]:h-auto", children: children })] }));
+export const VoiceSelectorDialog = (props) => (_jsx(CommandDialog, { ...props }));
+export const VoiceSelectorInput = ({ className, ...props }) => (_jsx(CommandInput, { className: cn("h-auto py-3.5", className), ...props }));
+export const VoiceSelectorList = (props) => (_jsx(CommandList, { ...props }));
+export const VoiceSelectorEmpty = (props) => (_jsx(CommandEmpty, { ...props }));
+export const VoiceSelectorGroup = (props) => (_jsx(CommandGroup, { ...props }));
+export const VoiceSelectorItem = ({ className, ...props }) => (_jsx(CommandItem, { className: cn("px-4 py-2", className), ...props }));
+export const VoiceSelectorShortcut = (props) => (_jsx(CommandShortcut, { ...props }));
+export const VoiceSelectorSeparator = (props) => (_jsx(CommandSeparator, { ...props }));
+export const VoiceSelectorGender = ({ className, value, children, ...props }) => {
+    let icon = null;
+    switch (value) {
+        case "male": {
+            icon = _jsx(MarsIcon, { className: "size-4" });
+            break;
+        }
+        case "female": {
+            icon = _jsx(VenusIcon, { className: "size-4" });
+            break;
+        }
+        case "transgender": {
+            icon = _jsx(TransgenderIcon, { className: "size-4" });
+            break;
+        }
+        case "androgyne": {
+            icon = _jsx(MarsStrokeIcon, { className: "size-4" });
+            break;
+        }
+        case "non-binary": {
+            icon = _jsx(NonBinaryIcon, { className: "size-4" });
+            break;
+        }
+        case "intersex": {
+            icon = _jsx(VenusAndMarsIcon, { className: "size-4" });
+            break;
+        }
+        default: {
+            icon = _jsx(CircleSmallIcon, { className: "size-4" });
+        }
+    }
+    return (_jsx("span", { className: cn("text-muted-foreground text-xs", className), ...props, children: children ?? icon }));
+};
+export const VoiceSelectorAccent = ({ className, value, children, ...props }) => {
+    let emoji = null;
+    switch (value) {
+        case "american": {
+            emoji = "🇺🇸";
+            break;
+        }
+        case "british": {
+            emoji = "🇬🇧";
+            break;
+        }
+        case "australian": {
+            emoji = "🇦🇺";
+            break;
+        }
+        case "canadian": {
+            emoji = "🇨🇦";
+            break;
+        }
+        case "irish": {
+            emoji = "🇮🇪";
+            break;
+        }
+        case "scottish": {
+            emoji = "🏴󠁧󠁢󠁳󠁣󠁴󠁿";
+            break;
+        }
+        case "indian": {
+            emoji = "🇮🇳";
+            break;
+        }
+        case "south-african": {
+            emoji = "🇿🇦";
+            break;
+        }
+        case "new-zealand": {
+            emoji = "🇳🇿";
+            break;
+        }
+        case "spanish": {
+            emoji = "🇪🇸";
+            break;
+        }
+        case "french": {
+            emoji = "🇫🇷";
+            break;
+        }
+        case "german": {
+            emoji = "🇩🇪";
+            break;
+        }
+        case "italian": {
+            emoji = "🇮🇹";
+            break;
+        }
+        case "portuguese": {
+            emoji = "🇵🇹";
+            break;
+        }
+        case "brazilian": {
+            emoji = "🇧🇷";
+            break;
+        }
+        case "mexican": {
+            emoji = "🇲🇽";
+            break;
+        }
+        case "argentinian": {
+            emoji = "🇦🇷";
+            break;
+        }
+        case "japanese": {
+            emoji = "🇯🇵";
+            break;
+        }
+        case "chinese": {
+            emoji = "🇨🇳";
+            break;
+        }
+        case "korean": {
+            emoji = "🇰🇷";
+            break;
+        }
+        case "russian": {
+            emoji = "🇷🇺";
+            break;
+        }
+        case "arabic": {
+            emoji = "🇸🇦";
+            break;
+        }
+        case "dutch": {
+            emoji = "🇳🇱";
+            break;
+        }
+        case "swedish": {
+            emoji = "🇸🇪";
+            break;
+        }
+        case "norwegian": {
+            emoji = "🇳🇴";
+            break;
+        }
+        case "danish": {
+            emoji = "🇩🇰";
+            break;
+        }
+        case "finnish": {
+            emoji = "🇫🇮";
+            break;
+        }
+        case "polish": {
+            emoji = "🇵🇱";
+            break;
+        }
+        case "turkish": {
+            emoji = "🇹🇷";
+            break;
+        }
+        case "greek": {
+            emoji = "🇬🇷";
+            break;
+        }
+        default: {
+            emoji = null;
+        }
+    }
+    return (_jsx("span", { className: cn("text-muted-foreground text-xs", className), ...props, children: children ?? emoji }));
+};
+export const VoiceSelectorAge = ({ className, ...props }) => (_jsx("span", { className: cn("text-muted-foreground text-xs tabular-nums", className), ...props }));
+export const VoiceSelectorName = ({ className, ...props }) => (_jsx("span", { className: cn("flex-1 truncate text-left font-medium", className), ...props }));
+export const VoiceSelectorDescription = ({ className, ...props }) => (_jsx("span", { className: cn("text-muted-foreground text-xs", className), ...props }));
+export const VoiceSelectorAttributes = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center text-xs", className), ...props, children: children }));
+export const VoiceSelectorBullet = ({ className, ...props }) => (_jsx("span", { "aria-hidden": "true", className: cn("select-none text-border", className), ...props, children: "\u2022" }));
+export const VoiceSelectorPreview = ({ className, playing, loading, onPlay, onClick, ...props }) => {
+    const handleClick = useCallback((event) => {
+        event.stopPropagation();
+        onClick?.(event);
+        onPlay?.();
+    }, [onClick, onPlay]);
+    let icon = _jsx(PlayIcon, { className: "size-3" });
+    if (loading) {
+        icon = _jsx(Spinner, { className: "size-3" });
+    }
+    else if (playing) {
+        icon = _jsx(PauseIcon, { className: "size-3" });
+    }
+    return (_jsx(Button, { "aria-label": playing ? "Pause preview" : "Play preview", className: cn("size-6", className), disabled: loading, onClick: handleClick, size: "icon-sm", type: "button", variant: "outline", ...props, children: icon }));
+};

package/dist/components/ai-elements/web-preview.d.ts

@@ -0,0 +1,35 @@
+import { Button } from "../button";
+import { Input } from "../input";
+import type { ComponentProps, ReactNode } from "react";
+export interface WebPreviewContextValue {
+    url: string;
+    setUrl: (url: string) => void;
+    consoleOpen: boolean;
+    setConsoleOpen: (open: boolean) => void;
+}
+export type WebPreviewProps = ComponentProps<"div"> & {
+    defaultUrl?: string;
+    onUrlChange?: (url: string) => void;
+};
+export declare const WebPreview: ({ className, children, defaultUrl, onUrlChange, ...props }: WebPreviewProps) => import("react").JSX.Element;
+export type WebPreviewNavigationProps = ComponentProps<"div">;
+export declare const WebPreviewNavigation: ({ className, children, ...props }: WebPreviewNavigationProps) => import("react").JSX.Element;
+export type WebPreviewNavigationButtonProps = ComponentProps<typeof Button> & {
+    tooltip?: string;
+};
+export declare const WebPreviewNavigationButton: ({ onClick, disabled, tooltip, children, ...props }: WebPreviewNavigationButtonProps) => import("react").JSX.Element;
+export type WebPreviewUrlProps = ComponentProps<typeof Input>;
+export declare const WebPreviewUrl: ({ value, onChange, onKeyDown, ...props }: WebPreviewUrlProps) => import("react").JSX.Element;
+export type WebPreviewBodyProps = ComponentProps<"iframe"> & {
+    loading?: ReactNode;
+};
+export declare const WebPreviewBody: ({ className, loading, src, ...props }: WebPreviewBodyProps) => import("react").JSX.Element;
+export type WebPreviewConsoleProps = ComponentProps<"div"> & {
+    logs?: {
+        level: "log" | "warn" | "error";
+        message: string;
+        timestamp: Date;
+    }[];
+};
+export declare const WebPreviewConsole: ({ className, logs, children, ...props }: WebPreviewConsoleProps) => import("react").JSX.Element;
+//# sourceMappingURL=web-preview.d.ts.map

package/dist/components/ai-elements/web-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"web-preview.d.ts","sourceRoot":"","sources":["../../../src/components/ai-elements/web-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAM7C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAS3C,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvD,MAAM,WAAW,sBAAsB;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9B,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAYD,MAAM,MAAM,eAAe,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,4DAMxB,eAAe,gCAmCjB,CAAC;AAEF,MAAM,MAAM,yBAAyB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,oBAAoB,GAAI,mCAIlC,yBAAyB,gCAO3B,CAAC;AAEF,MAAM,MAAM,+BAA+B,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,GAAG;IAC5E,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,eAAO,MAAM,0BAA0B,GAAI,oDAMxC,+BAA+B,gCAoBjC,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE9D,eAAO,MAAM,aAAa,GAAI,0CAK3B,kBAAkB,gCAqCpB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG,cAAc,CAAC,QAAQ,CAAC,GAAG;IAC3D,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,uCAK5B,mBAAmB,gCAgBrB,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG;IAC3D,IAAI,CAAC,EAAE;QACL,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;QAChC,OAAO,EAAE,MAAM,CAAC;QAChB,SAAS,EAAE,IAAI,CAAC;KACjB,EAAE,CAAC;CACL,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,yCAK/B,sBAAsB,gCAwDxB,CAAC"}

package/dist/components/ai-elements/web-preview.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "../button.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "../collapsible.js";
+import { Input } from "../input.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "../tooltip.js";
+import { cn } from "../../lib/utils.js";
+import { ChevronDownIcon } from "lucide-react";
+import { createContext, useCallback, useContext, useMemo, useState, } from "react";
+const WebPreviewContext = createContext(null);
+const useWebPreview = () => {
+    const context = useContext(WebPreviewContext);
+    if (!context) {
+        throw new Error("WebPreview components must be used within a WebPreview");
+    }
+    return context;
+};
+export const WebPreview = ({ className, children, defaultUrl = "", onUrlChange, ...props }) => {
+    const [url, setUrl] = useState(defaultUrl);
+    const [consoleOpen, setConsoleOpen] = useState(false);
+    const handleUrlChange = useCallback((newUrl) => {
+        setUrl(newUrl);
+        onUrlChange?.(newUrl);
+    }, [onUrlChange]);
+    const contextValue = useMemo(() => ({
+        consoleOpen,
+        setConsoleOpen,
+        setUrl: handleUrlChange,
+        url,
+    }), [consoleOpen, handleUrlChange, url]);
+    return (_jsx(WebPreviewContext.Provider, { value: contextValue, children: _jsx("div", { className: cn("flex size-full flex-col rounded-lg border bg-card", className), ...props, children: children }) }));
+};
+export const WebPreviewNavigation = ({ className, children, ...props }) => (_jsx("div", { className: cn("flex items-center gap-1 border-b p-2", className), ...props, children: children }));
+export const WebPreviewNavigationButton = ({ onClick, disabled, tooltip, children, ...props }) => (_jsx(TooltipProvider, { children: _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(Button, { className: "h-8 w-8 p-0 hover:text-foreground", disabled: disabled, onClick: onClick, size: "sm", variant: "ghost", ...props, children: children }) }), _jsx(TooltipContent, { children: _jsx("p", { children: tooltip }) })] }) }));
+export const WebPreviewUrl = ({ value, onChange, onKeyDown, ...props }) => {
+    const { url, setUrl } = useWebPreview();
+    const [prevUrl, setPrevUrl] = useState(url);
+    const [inputValue, setInputValue] = useState(url);
+    // Sync input value with context URL when it changes externally (derived state pattern)
+    if (url !== prevUrl) {
+        setPrevUrl(url);
+        setInputValue(url);
+    }
+    const handleChange = (event) => {
+        setInputValue(event.target.value);
+        onChange?.(event);
+    };
+    const handleKeyDown = useCallback((event) => {
+        if (event.key === "Enter") {
+            const target = event.target;
+            setUrl(target.value);
+        }
+        onKeyDown?.(event);
+    }, [setUrl, onKeyDown]);
+    return (_jsx(Input, { className: "h-8 flex-1 text-sm", onChange: handleChange, onKeyDown: handleKeyDown, placeholder: "Enter URL...", value: value ?? inputValue, ...props }));
+};
+export const WebPreviewBody = ({ className, loading, src, ...props }) => {
+    const { url } = useWebPreview();
+    return (_jsxs("div", { className: "flex-1", children: [_jsx("iframe", { className: cn("size-full", className), 
+                // oxlint-disable-next-line eslint-plugin-react(iframe-missing-sandbox)
+                sandbox: "allow-scripts allow-forms allow-popups allow-presentation", src: (src ?? url) || undefined, title: "Preview", ...props }), loading] }));
+};
+export const WebPreviewConsole = ({ className, logs = [], children, ...props }) => {
+    const { consoleOpen, setConsoleOpen } = useWebPreview();
+    return (_jsxs(Collapsible, { className: cn("border-t bg-muted/50 font-mono text-sm", className), onOpenChange: setConsoleOpen, open: consoleOpen, ...props, children: [_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { className: "flex w-full items-center justify-between p-4 text-left font-medium hover:bg-muted/50", variant: "ghost", children: ["Console", _jsx(ChevronDownIcon, { className: cn("h-4 w-4 transition-transform duration-200", consoleOpen && "rotate-180") })] }) }), _jsx(CollapsibleContent, { className: cn("px-4 pb-4", "data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 outline-none data-[state=closed]:animate-out data-[state=open]:animate-in"), children: _jsxs("div", { className: "flex max-h-48 flex-col gap-1 overflow-y-auto", children: [logs.length === 0 ? (_jsx("p", { className: "text-muted-foreground", children: "No console output" })) : (logs.map((log) => (_jsxs("div", { className: cn("text-xs", log.level === "error" && "text-destructive", log.level === "warn" && "text-[var(--nc-warning-deep)]", log.level === "log" && "text-foreground"), children: [_jsx("span", { className: "text-muted-foreground", children: log.timestamp.toLocaleTimeString() }), " ", log.message] }, `${log.timestamp.getTime()}-${log.level}-${log.message}`)))), children] }) })] }));
+};

package/dist/components/alert-dialog.d.ts

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { Button } from "./button";
+declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): React.JSX.Element;
+declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): React.JSX.Element;
+declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): React.JSX.Element;
+declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): React.JSX.Element;
+declare function AlertDialogContent({ className, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content> & {
+    size?: "default" | "sm";
+}): React.JSX.Element;
+declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): React.JSX.Element;
+declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): React.JSX.Element;
+declare function AlertDialogMedia({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDialogAction({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+declare function AlertDialogCancel({ className, variant, size, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel> & Pick<React.ComponentProps<typeof Button>, "variant" | "size">): React.JSX.Element;
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.d.ts","sourceRoot":"","sources":["../../src/components/alert-dialog.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,IAAI,oBAAoB,EAAE,MAAM,UAAU,CAAA;AAG9D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,qBAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAI3D;AAED,iBAAS,iBAAiB,CAAC,EACzB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,qBAI1D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,qBAW3D;AAED,iBAAS,kBAAkB,CAAC,EAC1B,SAAS,EACT,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,OAAO,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;CACxB,qBAeA;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,KAAK,CAAC,qBAWzD;AAED,iBAAS,sBAAsB,CAAC,EAC9B,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,WAAW,CAAC,qBAQ/D;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,qBAU9D;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,OAAmB,EACnB,IAAgB,EAChB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,MAAM,CAAC,GACzD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC,qBAU9D;AAED,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAA"}

package/dist/components/alert-dialog.js

@@ -0,0 +1,42 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { AlertDialog as AlertDialogPrimitive } from "radix-ui";
+import { cn } from "../lib/utils.js";
+import { Button } from "./button.js";
+function AlertDialog({ ...props }) {
+    return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+}
+function AlertDialogTrigger({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
+}
+function AlertDialogPortal({ ...props }) {
+    return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
+}
+function AlertDialogOverlay({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("fixed inset-0 z-50 bg-foreground/50 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", className), ...props }));
+}
+function AlertDialogContent({ className, size = "default", ...props }) {
+    return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", "data-size": size, className: cn("group/alert-dialog-content fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[size=sm]:max-w-xs data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[size=default]:sm:max-w-lg", className), ...props })] }));
+}
+function AlertDialogHeader({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("grid grid-rows-[auto_1fr] place-items-center gap-1.5 text-center has-data-[slot=alert-dialog-media]:grid-rows-[auto_auto_1fr] has-data-[slot=alert-dialog-media]:gap-x-6 sm:group-data-[size=default]/alert-dialog-content:place-items-start sm:group-data-[size=default]/alert-dialog-content:text-left sm:group-data-[size=default]/alert-dialog-content:has-data-[slot=alert-dialog-media]:grid-rows-[auto_1fr]", className), ...props }));
+}
+function AlertDialogFooter({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 group-data-[size=sm]/alert-dialog-content:grid group-data-[size=sm]/alert-dialog-content:grid-cols-2 sm:flex-row sm:justify-end", className), ...props }));
+}
+function AlertDialogTitle({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold sm:group-data-[size=default]/alert-dialog-content:group-has-data-[slot=alert-dialog-media]/alert-dialog-content:col-start-2", className), ...props }));
+}
+function AlertDialogDescription({ className, ...props }) {
+    return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-sm text-muted-foreground", className), ...props }));
+}
+function AlertDialogMedia({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-dialog-media", className: cn("mb-2 inline-flex size-16 items-center justify-center rounded-md bg-muted sm:group-data-[size=default]/alert-dialog-content:row-span-2 *:[svg:not([class*='size-'])]:size-8", className), ...props }));
+}
+function AlertDialogAction({ className, variant = "default", size = "default", ...props }) {
+    return (_jsx(Button, { variant: variant, size: size, asChild: true, children: _jsx(AlertDialogPrimitive.Action, { "data-slot": "alert-dialog-action", className: cn(className), ...props }) }));
+}
+function AlertDialogCancel({ className, variant = "outline", size = "default", ...props }) {
+    return (_jsx(Button, { variant: variant, size: size, asChild: true, children: _jsx(AlertDialogPrimitive.Cancel, { "data-slot": "alert-dialog-cancel", className: cn(className), ...props }) }));
+}
+export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { type VariantProps } from "class-variance-authority";
+declare const alertVariants: (props?: ({
+    variant?: "default" | "destructive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): React.JSX.Element;
+declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+export { Alert, AlertTitle, AlertDescription };
+//# sourceMappingURL=alert.d.ts.map

package/dist/components/alert.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../src/components/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,aAAa;;8EAclB,CAAA;AAED,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,qBASlE;AAED,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAWvE;AAED,iBAAS,gBAAgB,CAAC,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAW7B;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAA"}

package/dist/components/alert.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+import { cn } from "../lib/utils.js";
+const alertVariants = cva("relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border px-4 py-3 text-sm has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+    variants: {
+        variant: {
+            default: "bg-card text-card-foreground",
+            destructive: "bg-card text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+function Alert({ className, variant, ...props }) {
+    return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
+}
+function AlertTitle({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }));
+}
+function AlertDescription({ className, ...props }) {
+    return (_jsx("div", { "data-slot": "alert-description", className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className), ...props }));
+}
+export { Alert, AlertTitle, AlertDescription };

package/dist/components/artifact-panel.d.ts

@@ -0,0 +1,131 @@
+import * as React from "react";
+import type { BundledLanguage } from "shiki";
+import { Artifact } from "./ai-elements/artifact";
+export type AgentRedactionCategory = "secret" | "environment" | "terminal-output" | "user-memory" | "private-reasoning";
+export type AgentRedactionRule = {
+    redacted: true;
+    category: AgentRedactionCategory;
+    label?: string;
+    replacement?: string;
+};
+export declare const agentRedactionLabels: {
+    readonly environment: "Environment value redacted";
+    readonly "private-reasoning": "Private reasoning redacted";
+    readonly secret: "Secret redacted";
+    readonly "terminal-output": "Terminal output redacted";
+    readonly "user-memory": "User memory redacted";
+};
+export declare function getAgentRedactionText(redaction?: AgentRedactionRule): string | undefined;
+export type AgentArtifactStatus = "idle" | "running" | "complete" | "failed" | "interrupted" | "permission-denied" | "redacted";
+export type AgentArtifactKind = "text" | "code" | "diff" | "terminal" | "preview" | "test-results" | "stack-trace" | "custom";
+export type AgentDiffLineKind = "context" | "added" | "removed" | "hunk";
+export type AgentDiffLine = {
+    id: string;
+    kind: AgentDiffLineKind;
+    content: string;
+    oldLine?: number;
+    newLine?: number;
+    redaction?: AgentRedactionRule;
+};
+export type AgentTerminalTranscript = {
+    title?: string;
+    summary?: string;
+    output?: string;
+    isStreaming?: boolean;
+    status?: AgentArtifactStatus;
+    redaction?: AgentRedactionRule;
+};
+export type AgentPreviewModel = {
+    title?: string;
+    url?: string;
+    description?: string;
+    loadingLabel?: string;
+};
+export type AgentTestStatus = "passed" | "failed" | "skipped" | "running";
+export type AgentTestResult = {
+    id: string;
+    name: string;
+    status: AgentTestStatus;
+    duration?: number;
+    error?: string;
+    redaction?: AgentRedactionRule;
+};
+export type AgentTestSuiteResult = {
+    id: string;
+    name: string;
+    status: AgentTestStatus;
+    passed?: number;
+    failed?: number;
+    skipped?: number;
+    tests?: AgentTestResult[];
+};
+export type AgentTestResultsModel = {
+    summary: {
+        passed: number;
+        failed: number;
+        skipped: number;
+        total: number;
+        duration?: number;
+    };
+    suites?: AgentTestSuiteResult[];
+};
+export type AgentArtifactModel = {
+    id: string;
+    kind: AgentArtifactKind;
+    title: string;
+    description?: string;
+    status?: AgentArtifactStatus;
+    path?: string;
+    language?: BundledLanguage;
+    content?: string;
+    diff?: AgentDiffLine[];
+    terminal?: AgentTerminalTranscript;
+    preview?: AgentPreviewModel;
+    stackTrace?: string;
+    testResults?: AgentTestResultsModel;
+    redaction?: AgentRedactionRule;
+};
+export type AgentArtifactRenderLimits = {
+    codeChars: number;
+    diffLines: number;
+    terminalChars: number;
+    textChars: number;
+};
+export declare const defaultAgentArtifactRenderLimits: {
+    readonly codeChars: 12000;
+    readonly diffLines: 300;
+    readonly terminalChars: 16000;
+    readonly textChars: 12000;
+};
+declare function RedactedNotice({ redaction, className, }: {
+    redaction: AgentRedactionRule;
+    className?: string;
+}): React.JSX.Element;
+declare function TerminalPanel({ transcript, status, renderLimits, className, ...props }: React.ComponentProps<"div"> & {
+    transcript: AgentTerminalTranscript;
+    status?: AgentArtifactStatus;
+    renderLimits?: Partial<AgentArtifactRenderLimits>;
+}): React.JSX.Element;
+declare function PreviewPane({ preview, className, ...props }: React.ComponentProps<"div"> & {
+    preview: AgentPreviewModel;
+}): React.JSX.Element;
+declare function DiffViewer({ lines, filePath, renderLimits, className, ...props }: React.ComponentProps<"div"> & {
+    lines: AgentDiffLine[];
+    filePath?: string;
+    renderLimits?: Partial<AgentArtifactRenderLimits>;
+}): React.JSX.Element;
+declare function StackTraceDisclosure({ trace, className, }: {
+    trace: string;
+    className?: string;
+}): React.JSX.Element;
+declare function TestResultsPanel({ results, }: {
+    results: AgentTestResultsModel;
+}): React.JSX.Element;
+declare function ArtifactPanel({ artifact, actions, renderLimits, children, className, ...props }: Omit<React.ComponentProps<typeof Artifact>, "children" | "title"> & {
+    artifact: AgentArtifactModel;
+    actions?: React.ReactNode;
+    renderLimits?: Partial<AgentArtifactRenderLimits>;
+    children?: React.ReactNode;
+}): React.JSX.Element;
+export { ArtifactPanel, DiffViewer, PreviewPane, RedactedNotice, StackTraceDisclosure, TerminalPanel, TestResultsPanel, };
+//# sourceMappingURL=artifact-panel.d.ts.map

package/dist/components/artifact-panel.d.ts.map

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