@ciridae/ui 0.2.4 → 0.3.0

package/dist/components/agentic/environment-variables.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CheckIcon, CopyIcon } from "lucide-react";
-import { createContext, useContext, useMemo, useState } from "react";
-import { Badge } from "@ciridae/ui/badge";
-import { Button } from "@ciridae/ui/button";
-import { Switch } from "@ciridae/ui/switch";
-import { cn } from "@ciridae/ui/utils";
-import { copyToClipboard } from "./clipboard";
-const EnvironmentVariablesContext = createContext(null);
-const EnvironmentVariableContext = createContext({ value: "" });
-function useEnvironmentVariables() {
-    const context = useContext(EnvironmentVariablesContext);
-    if (!context)
-        throw new Error("EnvironmentVariables components must be used within EnvironmentVariables");
-    return context;
-}
-function EnvironmentVariables({ children, className, defaultRevealed = false, ...props }) {
-    const [revealed, setRevealed] = useState(defaultRevealed);
-    const contextValue = useMemo(() => ({ revealed, setRevealed }), [revealed]);
-    return (_jsx(EnvironmentVariablesContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "environment-variables", className: cn("grid gap-3 rounded-lg border bg-card p-4", className), ...props, children: children }) }));
-}
-function EnvironmentVariablesHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "environment-variables-header", className: cn("flex items-center justify-between gap-3", className), ...props }));
-}
-function EnvironmentVariablesTitle({ className, ...props }) {
-    return (_jsx("h3", { "data-slot": "environment-variables-title", className: cn("text-sm font-medium", className), ...props }));
-}
-function EnvironmentVariablesToggle(props) {
-    const { revealed, setRevealed } = useEnvironmentVariables();
-    return (_jsx(Switch, { checked: revealed, "data-slot": "environment-variables-toggle", onCheckedChange: setRevealed, ...props }));
-}
-function EnvironmentVariablesContent({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "environment-variables-content", className: cn("grid gap-2", className), ...props }));
-}
-function EnvironmentVariableGroup({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "environment-variable-group", className: cn("grid gap-2", className), ...props }));
-}
-function EnvironmentVariable({ children, className, value, ...props }) {
-    const contextValue = useMemo(() => ({ value }), [value]);
-    return (_jsx(EnvironmentVariableContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "environment-variable", className: cn("grid gap-1 rounded-md border bg-muted/30 p-2", className), ...props, children: children }) }));
-}
-function EnvironmentVariableName({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "environment-variable-name", className: cn("font-mono text-xs font-medium", className), ...props }));
-}
-function EnvironmentVariableValue({ className, ...props }) {
-    const { revealed } = useEnvironmentVariables();
-    const { value } = useContext(EnvironmentVariableContext);
-    return (_jsx("span", { "data-slot": "environment-variable-value", className: cn("break-all font-mono text-xs text-muted-foreground", className), ...props, children: props.children ?? (revealed ? value : maskValue(value)) }));
-}
-function EnvironmentVariableCopyButton({ children, onClick, type = "button", ...props }) {
-    const { value } = useContext(EnvironmentVariableContext);
-    const [copied, setCopied] = useState(false);
-    const Icon = copied ? CheckIcon : CopyIcon;
-    return (_jsx(Button, { "aria-label": copied ? "Copied" : "Copy variable", size: "icon", variant: "ghost", ...props, type: type, onClick: (event) => {
-            onClick?.(event);
-            if (!event.defaultPrevented)
-                void copyToClipboard(value, setCopied);
-        }, children: children ?? _jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }));
-}
-function EnvironmentVariableRequired({ children = "required", variant = "outline", ...props }) {
-    return (_jsx(Badge, { "data-slot": "environment-variable-required", variant: variant, ...props, children: children }));
-}
-function maskValue(value) {
-    return value.length > 0 ? "••••••••••••" : "";
-}
-export { EnvironmentVariable, EnvironmentVariableCopyButton, EnvironmentVariableGroup, EnvironmentVariableName, EnvironmentVariableRequired, EnvironmentVariableValue, EnvironmentVariables, EnvironmentVariablesContent, EnvironmentVariablesHeader, EnvironmentVariablesTitle, EnvironmentVariablesToggle, };

package/dist/components/agentic/file-tree.d.ts

@@ -1,24 +0,0 @@
-import type * as React from "react";
-type FileTreeProps = Omit<React.ComponentProps<"div">, "onSelect"> & {
-    defaultSelectedPath?: string;
-    onSelect?: (path: string) => void;
-    selectedPath?: string;
-};
-type FileTreeFolderProps = React.ComponentProps<"div"> & {
-    defaultOpen?: boolean;
-    name: string;
-};
-type FileTreeFileProps = React.ComponentProps<"button"> & {
-    path: string;
-};
-type FileTreeIconProps = React.ComponentProps<"span">;
-type FileTreeNameProps = React.ComponentProps<"span">;
-type FileTreeActionsProps = React.ComponentProps<"div">;
-declare function FileTree({ children, className, defaultSelectedPath, onSelect, selectedPath, ...props }: FileTreeProps): React.JSX.Element;
-declare function FileTreeFolder({ children, className, defaultOpen, name, ...props }: FileTreeFolderProps): React.JSX.Element;
-declare function FileTreeFile({ children, className, onClick, path, ...props }: FileTreeFileProps): React.JSX.Element;
-declare function FileTreeIcon({ className, ...props }: FileTreeIconProps): React.JSX.Element;
-declare function FileTreeName({ className, ...props }: FileTreeNameProps): React.JSX.Element;
-declare function FileTreeActions({ className, ...props }: FileTreeActionsProps): React.JSX.Element;
-export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };
-export type { FileTreeActionsProps, FileTreeFileProps, FileTreeFolderProps, FileTreeIconProps, FileTreeNameProps, FileTreeProps, };

package/dist/components/agentic/file-tree.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ChevronDownIcon, FileIcon, FolderIcon, FolderOpenIcon } from "lucide-react";
-import { createContext, useContext, useMemo, useState } from "react";
-import { cn } from "@ciridae/ui/utils";
-const FileTreeContext = createContext(null);
-const FileTreeFolderContext = createContext({ open: false });
-const FileTreeFileContext = createContext(null);
-function useFileTree() {
-    const context = useContext(FileTreeContext);
-    if (!context)
-        throw new Error("FileTree components must be used within FileTree");
-    return context;
-}
-function FileTree({ children, className, defaultSelectedPath, onSelect, selectedPath, ...props }) {
-    const [internalSelected, setInternalSelected] = useState(defaultSelectedPath);
-    const resolvedSelected = selectedPath ?? internalSelected;
-    const contextValue = useMemo(() => ({
-        selectedPath: resolvedSelected,
-        setSelectedPath: (path) => {
-            setInternalSelected(path);
-            onSelect?.(path);
-        },
-    }), [onSelect, resolvedSelected]);
-    return (_jsx(FileTreeContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "file-tree", className: cn("grid gap-1 rounded-lg border bg-card p-2", className), ...props, children: children }) }));
-}
-function FileTreeFolder({ children, className, defaultOpen = true, name, ...props }) {
-    const [open, setOpen] = useState(defaultOpen);
-    const contextValue = useMemo(() => ({ open }), [open]);
-    return (_jsx(FileTreeFolderContext.Provider, { value: contextValue, children: _jsxs("div", { "data-slot": "file-tree-folder", className: cn("grid gap-1", className), ...props, children: [_jsxs("button", { className: "flex min-w-0 items-center gap-2 rounded-md px-2 py-1 text-left text-sm hover:bg-muted", onClick: () => setOpen(!open), type: "button", children: [_jsx(ChevronDownIcon, { "aria-hidden": "true", className: cn("size-4 shrink-0 transition-transform", open ? undefined : "-rotate-90") }), _jsx(FileTreeIcon, {}), _jsx(FileTreeName, { children: name })] }), open ? _jsx("div", { className: "grid gap-1 pl-4", children: children }) : null] }) }));
-}
-function FileTreeFile({ children, className, onClick, path, ...props }) {
-    const { selectedPath, setSelectedPath } = useFileTree();
-    const contextValue = useMemo(() => ({ path, selected: selectedPath === path }), [path, selectedPath]);
-    return (_jsx(FileTreeFileContext.Provider, { value: contextValue, children: _jsx("button", { "data-slot": "file-tree-file", "data-selected": contextValue.selected ? "true" : undefined, className: cn("flex min-w-0 items-center gap-2 rounded-md px-2 py-1 text-left text-sm hover:bg-muted data-[selected=true]:bg-muted", className), ...props, type: "button", onClick: (event) => {
-                onClick?.(event);
-                if (!event.defaultPrevented)
-                    setSelectedPath(path);
-            }, children: children ?? (_jsxs(_Fragment, { children: [_jsx(FileTreeIcon, {}), _jsx(FileTreeName, { children: getFileName(path) })] })) }) }));
-}
-function FileTreeIcon({ className, ...props }) {
-    const folder = useContext(FileTreeFolderContext);
-    const file = useContext(FileTreeFileContext);
-    const Icon = file ? FileIcon : folder.open ? FolderOpenIcon : FolderIcon;
-    return (_jsx("span", { "data-slot": "file-tree-icon", className: cn("shrink-0 text-muted-foreground", className), ...props, children: _jsx(Icon, { "aria-hidden": "true", className: "size-4" }) }));
-}
-function FileTreeName({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "file-tree-name", className: cn("min-w-0 flex-1 truncate", className), ...props }));
-}
-function FileTreeActions({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "file-tree-actions", className: cn("ml-auto flex shrink-0 items-center gap-1", className), ...props }));
-}
-function getFileName(path) {
-    const parts = path.split("/");
-    return parts[parts.length - 1];
-}
-export { FileTree, FileTreeActions, FileTreeFile, FileTreeFolder, FileTreeIcon, FileTreeName };

package/dist/components/agentic/image.d.ts

@@ -1,9 +0,0 @@
-import type * as React from "react";
-type ImageProps = Omit<React.ComponentProps<"img">, "src"> & {
-    base64?: string;
-    mediaType?: string;
-    src?: string;
-};
-declare function Image({ alt, base64, className, mediaType, src, ...props }: ImageProps): React.JSX.Element;
-export { Image };
-export type { ImageProps };

package/dist/components/agentic/image.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cn } from "@ciridae/ui/utils";
-function Image({ alt = "", base64, className, mediaType = "image/png", src, ...props }) {
-    return (_jsx("img", { alt: alt, className: cn("h-auto max-w-full overflow-hidden rounded-md border bg-muted object-contain", className), "data-slot": "image", src: src ?? buildDataUrl(base64, mediaType), ...props }));
-}
-function buildDataUrl(base64, mediaType) {
-    if (!base64)
-        return undefined;
-    return `data:${mediaType};base64,${base64}`;
-}
-export { Image };

package/dist/components/agentic/inline-citation.d.ts

@@ -1,40 +0,0 @@
-import type * as React from "react";
-import { Badge } from "@ciridae/ui/badge";
-import { Carousel, CarouselContent, CarouselItem } from "@ciridae/ui/carousel";
-import { HoverCard } from "@ciridae/ui/hover-card";
-type InlineCitationProps = React.ComponentProps<"span">;
-type InlineCitationTextProps = React.ComponentProps<"span">;
-type InlineCitationCardProps = React.ComponentProps<typeof HoverCard>;
-type InlineCitationCardTriggerProps = React.ComponentProps<typeof Badge> & {
-    sources: string[];
-};
-type InlineCitationCardBodyProps = React.ComponentProps<"div">;
-type InlineCitationCarouselProps = React.ComponentProps<typeof Carousel>;
-type InlineCitationCarouselContentProps = React.ComponentProps<typeof CarouselContent>;
-type InlineCitationCarouselItemProps = React.ComponentProps<typeof CarouselItem>;
-type InlineCitationCarouselHeaderProps = React.ComponentProps<"div">;
-type InlineCitationCarouselIndexProps = React.ComponentProps<"div">;
-type InlineCitationCarouselPrevProps = React.ComponentProps<"button">;
-type InlineCitationCarouselNextProps = React.ComponentProps<"button">;
-type InlineCitationSourceProps = React.ComponentProps<"div"> & {
-    description?: string;
-    title?: string;
-    url?: string;
-};
-type InlineCitationQuoteProps = React.ComponentProps<"blockquote">;
-declare function InlineCitation({ className, ...props }: InlineCitationProps): React.JSX.Element;
-declare function InlineCitationText({ className, ...props }: InlineCitationTextProps): React.JSX.Element;
-declare function InlineCitationCard({ closeDelay, openDelay, ...props }: InlineCitationCardProps): React.JSX.Element;
-declare function InlineCitationCardTrigger({ className, sources, ...props }: InlineCitationCardTriggerProps): React.JSX.Element;
-declare function InlineCitationCardBody({ className, ...props }: InlineCitationCardBodyProps): React.JSX.Element;
-declare function InlineCitationCarousel({ children, className, setApi, ...props }: InlineCitationCarouselProps): React.JSX.Element;
-declare function InlineCitationCarouselContent(props: InlineCitationCarouselContentProps): React.JSX.Element;
-declare function InlineCitationCarouselItem({ className, ...props }: InlineCitationCarouselItemProps): React.JSX.Element;
-declare function InlineCitationCarouselHeader({ className, ...props }: InlineCitationCarouselHeaderProps): React.JSX.Element;
-declare function InlineCitationCarouselIndex({ children, className, ...props }: InlineCitationCarouselIndexProps): React.JSX.Element;
-declare function InlineCitationCarouselPrev({ children, ...props }: InlineCitationCarouselPrevProps): React.JSX.Element;
-declare function InlineCitationCarouselNext({ children, ...props }: InlineCitationCarouselNextProps): React.JSX.Element;
-declare function InlineCitationSource({ children, className, description, title, url, ...props }: InlineCitationSourceProps): React.JSX.Element;
-declare function InlineCitationQuote({ children, className, ...props }: InlineCitationQuoteProps): React.JSX.Element;
-export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselItem, InlineCitationCarouselNext, InlineCitationCarouselPrev, InlineCitationQuote, InlineCitationSource, InlineCitationText, };
-export type { InlineCitationCardBodyProps, InlineCitationCardProps, InlineCitationCardTriggerProps, InlineCitationCarouselContentProps, InlineCitationCarouselHeaderProps, InlineCitationCarouselIndexProps, InlineCitationCarouselItemProps, InlineCitationCarouselNextProps, InlineCitationCarouselPrevProps, InlineCitationCarouselProps, InlineCitationProps, InlineCitationQuoteProps, InlineCitationSourceProps, InlineCitationTextProps, };

package/dist/components/agentic/inline-citation.js

@@ -1,111 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react";
-import { createContext, useCallback, useContext, useEffect, useState } from "react";
-import { Badge } from "@ciridae/ui/badge";
-import { Carousel, CarouselContent, CarouselItem } from "@ciridae/ui/carousel";
-import { HoverCard, HoverCardContent, HoverCardTrigger } from "@ciridae/ui/hover-card";
-import { cn } from "@ciridae/ui/utils";
-const CarouselApiContext = createContext(undefined);
-function useInlineCitationCarouselApi() {
-    return useContext(CarouselApiContext);
-}
-function InlineCitation({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "inline-citation", className: cn("group inline items-center gap-1 align-baseline", className), ...props }));
-}
-function InlineCitationText({ className, ...props }) {
-    return (_jsx("span", { "data-slot": "inline-citation-text", className: cn("text-foreground transition-colors group-hover:bg-accent group-hover:text-accent-foreground", className), ...props }));
-}
-function InlineCitationCard({ closeDelay = 0, openDelay = 0, ...props }) {
-    return _jsx(HoverCard, { closeDelay: closeDelay, openDelay: openDelay, ...props });
-}
-function InlineCitationCardTrigger({ className, sources, ...props }) {
-    return (_jsx(HoverCardTrigger, { "data-slot": "inline-citation-card-trigger", asChild: true, children: _jsx(Badge, { tabIndex: 0, variant: "secondary", className: cn("ml-1 cursor-default rounded-full px-1.5 py-0 text-[0.6875rem]", className), ...props, children: formatSourceHost(sources) }) }));
-}
-function InlineCitationCardBody({ className, ...props }) {
-    return (_jsx(HoverCardContent, { "data-slot": "inline-citation-card-body", className: cn("relative w-80 p-0", className), ...props }));
-}
-function InlineCitationCarousel({ children, className, setApi, ...props }) {
-    const [api, setLocalApi] = useState();
-    const handleSetApi = useCallback((nextApi) => {
-        setLocalApi(nextApi);
-        setApi?.(nextApi);
-    }, [setApi]);
-    return (_jsx(CarouselApiContext.Provider, { value: api, children: _jsx(Carousel, { className: cn("w-full", className), setApi: handleSetApi, ...props, children: children }) }));
-}
-function InlineCitationCarouselContent(props) {
-    return _jsx(CarouselContent, { "data-slot": "inline-citation-carousel-content", ...props });
-}
-function InlineCitationCarouselItem({ className, ...props }) {
-    return (_jsx(CarouselItem, { "data-slot": "inline-citation-carousel-item", className: cn("w-full basis-full space-y-2 p-4 pl-8", className), ...props }));
-}
-function InlineCitationCarouselHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "inline-citation-carousel-header", className: cn("flex items-center justify-between gap-2 rounded-t-md bg-secondary p-2", className), ...props }));
-}
-function InlineCitationCarouselIndex({ children, className, ...props }) {
-    const api = useInlineCitationCarouselApi();
-    const { count, current } = useCarouselIndex(api);
-    return (_jsx("div", { "data-slot": "inline-citation-carousel-index", className: cn("flex flex-1 items-center justify-end px-3 py-1 text-xs text-muted-foreground", className), ...props, children: children ?? `${current}/${count}` }));
-}
-function InlineCitationCarouselPrev({ children, ...props }) {
-    return (_jsx(InlineCitationCarouselButton, { direction: "prev", ...props, children: children ?? _jsx(ArrowLeftIcon, {}) }));
-}
-function InlineCitationCarouselNext({ children, ...props }) {
-    return (_jsx(InlineCitationCarouselButton, { direction: "next", ...props, children: children ?? _jsx(ArrowRightIcon, {}) }));
-}
-function InlineCitationCarouselButton({ children, className, direction, type = "button", onClick, ...props }) {
-    const api = useInlineCitationCarouselApi();
-    const carouselState = useCarouselIndex(api);
-    const isPrevious = direction === "prev";
-    return (_jsx("button", { "aria-label": isPrevious ? "Previous source" : "Next source", "data-slot": `inline-citation-carousel-${direction}`, className: cn("inline-flex size-7 shrink-0 items-center justify-center rounded-sm text-muted-foreground transition-colors hover:bg-accent hover:text-accent-foreground focus-visible:ring-[var(--focus-ring-width)] focus-visible:ring-ring focus-visible:outline-none disabled:pointer-events-none disabled:opacity-45 [&_svg]:size-4", className), disabled: isPrevious ? !carouselState.canScrollPrev : !carouselState.canScrollNext, onClick: (event) => {
-            onClick?.(event);
-            if (event.defaultPrevented)
-                return;
-            if (isPrevious)
-                api?.scrollPrev();
-            else
-                api?.scrollNext();
-        }, ...props, type: type, children: children }));
-}
-function InlineCitationSource({ children, className, description, title, url, ...props }) {
-    return (_jsxs("div", { "data-slot": "inline-citation-source", className: cn("grid gap-1.5 px-3 py-3 text-sm", className), ...props, children: [title ? _jsx("h4", { className: "font-medium text-foreground", children: title }) : null, url ? _jsx("p", { className: "truncate font-mono text-xs text-muted-foreground", children: url }) : null, description ? _jsx("p", { className: "text-muted-foreground", children: description }) : null, children] }));
-}
-function InlineCitationQuote({ children, className, ...props }) {
-    return (_jsx("blockquote", { "data-slot": "inline-citation-quote", className: cn("border-l-2 pl-3 text-sm text-muted-foreground", className), ...props, children: children }));
-}
-function useCarouselIndex(api) {
-    const [current, setCurrent] = useState(0);
-    const [count, setCount] = useState(0);
-    const [canScrollNext, setCanScrollNext] = useState(false);
-    const [canScrollPrev, setCanScrollPrev] = useState(false);
-    useEffect(() => {
-        if (!api)
-            return;
-        const syncState = () => {
-            setCount(api.scrollSnapList().length);
-            setCurrent(api.selectedScrollSnap() + 1);
-            setCanScrollPrev(api.canScrollPrev());
-            setCanScrollNext(api.canScrollNext());
-        };
-        syncState();
-        api.on("select", syncState);
-        api.on("reInit", syncState);
-        return () => {
-            api.off("select", syncState);
-            api.off("reInit", syncState);
-        };
-    }, [api]);
-    return { canScrollNext, canScrollPrev, count, current };
-}
-function formatSourceHost(sources) {
-    const firstSource = sources[0];
-    const suffix = sources.length > 1 ? ` +${sources.length - 1}` : "";
-    if (!firstSource)
-        return "source";
-    try {
-        return `${new URL(firstSource).hostname}${suffix}`;
-    }
-    catch {
-        return `${firstSource}${suffix}`;
-    }
-}
-export { InlineCitation, InlineCitationCard, InlineCitationCardBody, InlineCitationCardTrigger, InlineCitationCarousel, InlineCitationCarouselContent, InlineCitationCarouselHeader, InlineCitationCarouselIndex, InlineCitationCarouselItem, InlineCitationCarouselNext, InlineCitationCarouselPrev, InlineCitationQuote, InlineCitationSource, InlineCitationText, };

package/dist/components/agentic/jsx-preview.d.ts

@@ -1,19 +0,0 @@
-import type * as React from "react";
-import { type TProps as JsxParserProps } from "react-jsx-parser";
-type JSXPreviewProps = React.ComponentProps<"div"> & {
-    bindings?: JsxParserProps["bindings"];
-    components?: JsxParserProps["components"];
-    jsx: string;
-    onError?: (error: Error) => void;
-};
-type JSXPreviewContentProps = Omit<React.ComponentProps<"div">, "children">;
-type JSXPreviewErrorProps = React.ComponentProps<"div"> & {
-    fallback?: React.ReactNode;
-};
-declare function JSXPreview({ bindings, children, className, components, jsx, onError, ...props }: JSXPreviewProps): React.JSX.Element;
-declare function JSXPreviewContent({ className, onError, ...props }: JSXPreviewContentProps & {
-    onError?: (error: Error) => void;
-}): React.JSX.Element;
-declare function JSXPreviewError({ className, fallback, ...props }: JSXPreviewErrorProps): React.JSX.Element | null;
-export { JSXPreview, JSXPreviewContent, JSXPreviewError };
-export type { JSXPreviewContentProps, JSXPreviewErrorProps, JSXPreviewProps };

package/dist/components/agentic/jsx-preview.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AlertCircleIcon } from "lucide-react";
-import { createContext, useContext, useEffect, useMemo, useState } from "react";
-import JsxParser from "react-jsx-parser";
-import { cn } from "@ciridae/ui/utils";
-const JSXPreviewContext = createContext(null);
-function useJSXPreview() {
-    const context = useContext(JSXPreviewContext);
-    if (!context)
-        throw new Error("JSXPreview components must be used within JSXPreview");
-    return context;
-}
-function JSXPreview({ bindings, children, className, components, jsx, onError, ...props }) {
-    const [error, setError] = useState(null);
-    useEffect(() => {
-        setError(null);
-    }, [jsx]);
-    const contextValue = useMemo(() => ({ bindings, components, error, jsx, setError }), [bindings, components, error, jsx]);
-    return (_jsx(JSXPreviewContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "jsx-preview", className: cn("relative rounded-lg border bg-card p-4", className), ...props, children: children ?? (_jsxs(_Fragment, { children: [_jsx(JSXPreviewContent, { onError: onError }), _jsx(JSXPreviewError, {})] })) }) }));
-}
-function JSXPreviewContent({ className, onError, ...props }) {
-    const { bindings, components, jsx, setError } = useJSXPreview();
-    return (_jsx("div", { "data-slot": "jsx-preview-content", className: cn("min-h-40", className), ...props, children: _jsx(JsxParser, { allowUnknownElements: false, bindings: bindings, blacklistedAttrs: [/^on.+/i, "style"], blacklistedTags: ["script", "style", "iframe"], components: components, componentsOnly: true, jsx: jsx, onError: (error) => {
-                setError(error);
-                onError?.(error);
-            }, renderInWrapper: false, showWarnings: false }) }));
-}
-function JSXPreviewError({ className, fallback, ...props }) {
-    const { error } = useJSXPreview();
-    if (!error)
-        return null;
-    return (_jsxs("div", { "data-slot": "jsx-preview-error", className: cn("mt-3 flex gap-2 rounded-md border p-3 text-sm text-muted-foreground", className), ...props, children: [_jsx(AlertCircleIcon, { "aria-hidden": "true", className: "size-4 shrink-0 text-destructive" }), _jsx("div", { className: "min-w-0", children: fallback ?? error.message })] }));
-}
-export { JSXPreview, JSXPreviewContent, JSXPreviewError };

package/dist/components/agentic/message-branch.d.ts

@@ -1,20 +0,0 @@
-import type * as React from "react";
-import { Button } from "@ciridae/ui/button";
-import { ButtonGroup, ButtonGroupText } from "@ciridae/ui/button-group";
-type MessageBranchProps = React.ComponentProps<"div"> & {
-    defaultBranch?: number;
-    onBranchChange?: (branchIndex: number) => void;
-};
-type MessageBranchContentProps = React.ComponentProps<"div">;
-type MessageBranchSelectorProps = React.ComponentProps<typeof ButtonGroup>;
-type MessageBranchPreviousProps = React.ComponentProps<typeof Button>;
-type MessageBranchNextProps = React.ComponentProps<typeof Button>;
-type MessageBranchPageProps = React.ComponentProps<typeof ButtonGroupText>;
-declare function MessageBranch({ className, defaultBranch, onBranchChange, ...props }: MessageBranchProps): React.JSX.Element;
-declare function MessageBranchContent({ children, className, ...props }: MessageBranchContentProps): React.JSX.Element;
-declare function MessageBranchSelector({ className, ...props }: MessageBranchSelectorProps): React.JSX.Element | null;
-declare function MessageBranchPrevious({ children, disabled, onClick, type, ...props }: MessageBranchPreviousProps): React.JSX.Element;
-declare function MessageBranchNext({ children, disabled, onClick, type, ...props }: MessageBranchNextProps): React.JSX.Element;
-declare function MessageBranchPage({ className, ...props }: MessageBranchPageProps): React.JSX.Element;
-export { MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, };
-export type { MessageBranchContentProps, MessageBranchNextProps, MessageBranchPageProps, MessageBranchPreviousProps, MessageBranchProps, MessageBranchSelectorProps, };

package/dist/components/agentic/message-branch.js

@@ -1,83 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react";
-import { Children, createContext, useCallback, useContext, useEffect, useMemo, useState, } from "react";
-import { Button } from "@ciridae/ui/button";
-import { ButtonGroup, ButtonGroupText } from "@ciridae/ui/button-group";
-import { cn } from "@ciridae/ui/utils";
-const MessageBranchContext = createContext(null);
-function useMessageBranch() {
-    const context = useContext(MessageBranchContext);
-    if (!context) {
-        throw new Error("MessageBranch components must be used within MessageBranch");
-    }
-    return context;
-}
-function MessageBranch({ className, defaultBranch = 0, onBranchChange, ...props }) {
-    const [totalBranches, setTotalBranches] = useState(0);
-    const [currentBranch, setCurrentBranch] = useState(Math.max(defaultBranch, 0));
-    const handleBranchChange = useCallback((branchIndex) => {
-        setCurrentBranch(branchIndex);
-        onBranchChange?.(branchIndex);
-    }, [onBranchChange]);
-    const goToPrevious = useCallback(() => {
-        if (totalBranches <= 1)
-            return;
-        const previousBranch = currentBranch > 0 ? currentBranch - 1 : totalBranches - 1;
-        handleBranchChange(previousBranch);
-    }, [currentBranch, handleBranchChange, totalBranches]);
-    const goToNext = useCallback(() => {
-        if (totalBranches <= 1)
-            return;
-        const nextBranch = currentBranch < totalBranches - 1 ? currentBranch + 1 : 0;
-        handleBranchChange(nextBranch);
-    }, [currentBranch, handleBranchChange, totalBranches]);
-    useEffect(() => {
-        if (totalBranches === 0 || currentBranch < totalBranches)
-            return;
-        handleBranchChange(totalBranches - 1);
-    }, [currentBranch, handleBranchChange, totalBranches]);
-    const contextValue = useMemo(() => ({
-        currentBranch,
-        goToNext,
-        goToPrevious,
-        setTotalBranches,
-        totalBranches,
-    }), [currentBranch, goToNext, goToPrevious, totalBranches]);
-    return (_jsx(MessageBranchContext.Provider, { value: contextValue, children: _jsx("div", { "data-slot": "message-branch", className: cn("grid w-full gap-2", className), ...props }) }));
-}
-function MessageBranchContent({ children, className, ...props }) {
-    const { currentBranch, setTotalBranches } = useMessageBranch();
-    const childrenArray = useMemo(() => Children.toArray(children), [children]);
-    useEffect(() => {
-        setTotalBranches((currentTotal) => currentTotal === childrenArray.length ? currentTotal : childrenArray.length);
-    }, [childrenArray.length, setTotalBranches]);
-    return (_jsx("div", { "data-slot": "message-branch-content", className: cn("grid gap-2 overflow-hidden", className), ...props, children: childrenArray.map((branch, index) => (_jsx("div", { "data-slot": "message-branch-content-item", "data-active": index === currentBranch ? "true" : "false", className: "grid gap-2 overflow-hidden data-[active=false]:hidden", children: branch }, index))) }));
-}
-function MessageBranchSelector({ className, ...props }) {
-    const { totalBranches } = useMessageBranch();
-    if (totalBranches <= 1)
-        return null;
-    return (_jsx(ButtonGroup, { "data-slot": "message-branch-selector", orientation: "horizontal", className: cn("items-center", className), ...props }));
-}
-function MessageBranchPrevious({ children, disabled, onClick, type = "button", ...props }) {
-    const { goToPrevious, totalBranches } = useMessageBranch();
-    return (_jsx(Button, { "aria-label": "Previous branch", disabled: disabled || totalBranches <= 1, onClick: (event) => {
-            onClick?.(event);
-            if (!event.defaultPrevented)
-                goToPrevious();
-        }, size: "icon-sm", variant: "ghost", ...props, type: type, children: children ?? _jsx(ChevronLeftIcon, {}) }));
-}
-function MessageBranchNext({ children, disabled, onClick, type = "button", ...props }) {
-    const { goToNext, totalBranches } = useMessageBranch();
-    return (_jsx(Button, { "aria-label": "Next branch", disabled: disabled || totalBranches <= 1, onClick: (event) => {
-            onClick?.(event);
-            if (!event.defaultPrevented)
-                goToNext();
-        }, size: "icon-sm", variant: "ghost", ...props, type: type, children: children ?? _jsx(ChevronRightIcon, {}) }));
-}
-function MessageBranchPage({ className, ...props }) {
-    const { currentBranch, totalBranches } = useMessageBranch();
-    const page = totalBranches === 0 ? 0 : currentBranch + 1;
-    return (_jsxs(ButtonGroupText, { "data-slot": "message-branch-page", className: cn("border-none bg-transparent px-2 text-xs text-muted-foreground shadow-none", className), ...props, children: [page, " of ", totalBranches] }));
-}
-export { MessageBranch, MessageBranchContent, MessageBranchNext, MessageBranchPage, MessageBranchPrevious, MessageBranchSelector, };