@elizaos/ui 2.0.0-alpha.13 → 2.0.0-alpha.140

package/dist/components/ui/tag-editor.d.ts

@@ -1,24 +0,0 @@
-/**
- * TagEditor — add/remove string tags with chip display.
- *
- * Fully generic; no app-context dependency. Callers pass translated labels
- * via props (with English defaults so the component works out-of-the-box).
- */
-export interface TagEditorProps {
-    label: string;
-    items: string[];
-    onChange: (items: string[]) => void;
-    placeholder?: string;
-    /** Label for the Add button. Defaults to "Add". */
-    addLabel?: string;
-    /** Label for the remove button. Defaults to "×". */
-    removeLabel?: string;
-    /** Optional class for the root container. */
-    className?: string;
-    /** Optional class for the input row. */
-    inputRowClassName?: string;
-    /** Optional class for the scrollable tag list. */
-    listClassName?: string;
-}
-export declare function TagEditor({ label, items, onChange, placeholder, addLabel, removeLabel, className, inputRowClassName, listClassName, }: TagEditorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=tag-editor.d.ts.map

package/dist/components/ui/tag-editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-editor.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag-editor.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAOH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oDAAoD;IACpD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAA2B,EAC3B,QAAc,EACd,WAAiB,EACjB,SAAS,EACT,iBAAiB,EACjB,aAAa,GACd,EAAE,cAAc,2CAuEhB"}

package/dist/components/ui/tag-editor.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * TagEditor — add/remove string tags with chip display.
- *
- * Fully generic; no app-context dependency. Callers pass translated labels
- * via props (with English defaults so the component works out-of-the-box).
- */
-import { useState } from "react";
-import { cn } from "../../lib/utils";
-import { Button } from "./button";
-import { Input } from "./input";
-export function TagEditor({ label, items, onChange, placeholder = "add item...", addLabel = "+", removeLabel = "×", className, inputRowClassName, listClassName, }) {
-    const [inputValue, setInputValue] = useState("");
-    const addItem = () => {
-        const trimmed = inputValue.trim();
-        if (trimmed && !items.includes(trimmed)) {
-            onChange([...items, trimmed]);
-        }
-        setInputValue("");
-    };
-    const removeItem = (index) => {
-        const updated = [...items];
-        updated.splice(index, 1);
-        onChange(updated);
-    };
-    return (_jsxs("div", { className: cn("flex min-h-0 flex-col gap-1.5", className), children: [_jsx("span", { className: "font-semibold text-xs", children: label }), _jsxs("div", { className: cn("flex items-center gap-1.5", inputRowClassName), children: [_jsx(Input, { type: "text", value: inputValue, placeholder: placeholder, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => {
-                            if (e.key === "Enter") {
-                                e.preventDefault();
-                                addItem();
-                            }
-                        }, className: "h-7 px-2 border-border bg-card text-[11px] focus-visible:ring-1 focus-visible:ring-accent flex-1 min-w-0 shadow-sm" }), _jsx(Button, { variant: "ghost", size: "sm", className: "h-7 w-7 text-[14px] p-0 text-accent border-none hover:bg-transparent hover:text-accent/80 font-bold", onClick: addItem, children: addLabel })] }), _jsx("div", { className: cn("min-h-0 overflow-y-auto rounded-xl border border-border/40 bg-bg/50 p-2 backdrop-blur-sm", "flex flex-wrap content-start items-start gap-x-1.5 gap-y-1", listClassName), children: items.map((item, i) => (_jsxs("span", { className: "inline-flex items-center justify-between gap-1 px-2 py-0.5 border border-border/50 bg-black/10 rounded text-[11px] h-fit text-txt font-medium", children: [_jsx("span", { className: "truncate max-w-[200px]", title: item, children: item }), _jsx(Button, { variant: "ghost", size: "icon", className: "h-4 w-4 p-0 text-danger/80 hover:text-danger hover:bg-transparent", onClick: () => removeItem(i), children: removeLabel })] }, item))) })] }));
-}

package/dist/components/ui/tag-input.d.ts

@@ -1,19 +0,0 @@
-import * as React from "react";
-export interface TagInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
-    /** Label shown above the input */
-    label?: string;
-    /** Current list of tags */
-    items: string[];
-    /** Called with the updated tag list */
-    onChange: (items: string[]) => void;
-    /** Placeholder text for the input */
-    placeholder?: string;
-    /** Maximum number of tags */
-    maxItems?: number;
-    /** Label for the explicit add button */
-    addLabel?: string;
-    /** Aria-label template for the remove button */
-    removeLabel?: string;
-}
-export declare const TagInput: React.ForwardRefExoticComponent<TagInputProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=tag-input.d.ts.map

package/dist/components/ui/tag-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tag-input.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tag-input.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,kCAAkC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2BAA2B;IAC3B,KAAK,EAAE,MAAM,EAAE,CAAC;IAChB,uCAAuC;IACvC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpC,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,QAAQ,sFAoFpB,CAAC"}

package/dist/components/ui/tag-input.js

@@ -1,28 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { X } from "lucide-react";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-export const TagInput = React.forwardRef(({ label, items, onChange, placeholder = "Add item…", maxItems, addLabel = "Add", removeLabel = "Remove", className, ...props }, ref) => {
-    const [inputValue, setInputValue] = React.useState("");
-    const addItem = React.useCallback(() => {
-        const trimmed = inputValue.trim();
-        if (!trimmed || items.includes(trimmed))
-            return;
-        if (maxItems != null && items.length >= maxItems)
-            return;
-        onChange([...items, trimmed]);
-        setInputValue("");
-    }, [inputValue, items, onChange, maxItems]);
-    const removeItem = React.useCallback((index) => {
-        const updated = [...items];
-        updated.splice(index, 1);
-        onChange(updated);
-    }, [items, onChange]);
-    return (_jsxs("div", { ref: ref, className: cn("flex flex-col gap-1.5", className), ...props, children: [label && _jsx("span", { className: "text-xs font-semibold", children: label }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx("input", { type: "text", value: inputValue, placeholder: placeholder, onChange: (e) => setInputValue(e.target.value), onKeyDown: (e) => {
-                            if (e.key === "Enter") {
-                                e.preventDefault();
-                                addItem();
-                            }
-                        }, className: "flex-1 min-w-0 rounded-md border border-input bg-bg px-2 py-1 text-[11px] placeholder:text-muted focus-visible:outline-none focus-visible:border-ring" }), _jsx("button", { type: "button", className: "rounded-md border border-input bg-bg px-1.5 py-0.5 text-[10px] text-muted transition-colors hover:border-accent hover:text-accent", onClick: addItem, children: addLabel })] }), _jsx("div", { className: "flex flex-wrap gap-1.5 rounded-md border border-border bg-bg-accent p-1.5 min-h-[60px] content-start", children: items.map((item, i) => (_jsxs("span", { className: "inline-flex items-center gap-1 rounded-sm border border-border bg-bg px-2 py-0.5 text-[11px]", children: [item, _jsx("button", { type: "button", className: "text-muted hover:text-destructive transition-colors", onClick: () => removeItem(i), "aria-label": `${removeLabel} ${item}`, children: _jsx(X, { className: "h-3 w-3" }) })] }, item))) })] }));
-});
-TagInput.displayName = "TagInput";

package/dist/components/ui/textarea.d.ts

@@ -1,6 +0,0 @@
-import * as React from "react";
-export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-}
-declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
-export { Textarea };
-//# sourceMappingURL=textarea.d.ts.map

package/dist/components/ui/textarea.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/components/ui/textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,sBAAsB,CAAC,mBAAmB,CAAC;CAAG;AAE9D,QAAA,MAAM,QAAQ,2FAab,CAAC;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/ui/textarea.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Textarea = React.forwardRef(({ className, ...props }, ref) => {
-    return (_jsx("textarea", { className: cn("flex min-h-[80px] w-full rounded-md border border-input bg-bg px-3 py-2 text-sm ring-offset-bg placeholder:text-muted focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50", className), ref: ref, ...props }));
-});
-Textarea.displayName = "Textarea";
-export { Textarea };

package/dist/components/ui/themed-select.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"themed-select.d.ts","sourceRoot":"","sources":["../../../src/components/ui/themed-select.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE;QAAE,EAAE,EAAE,CAAC,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CACjD;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM;IAC1D,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,QAAQ,EAAE,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,CAAC,SAAS,MAAM,EAAE,EAC7C,KAAK,EACL,MAAM,EACN,QAAQ,EACR,WAAyB,EACzB,aAAwB,EACxB,SAAc,EACd,gBAAqB,EACrB,aAAkB,GACnB,EAAE,iBAAiB,CAAC,CAAC,CAAC,2CAwGtB"}

package/dist/components/ui/themed-select.js

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * ThemedSelect — custom dropdown with grouped options.
- *
- * A generic, fully-controlled select component that supports grouped option
- * lists and optional hint text per item. Has no dependency on any app-level
- * context; all state is passed in as props.
- */
-import { useEffect, useRef, useState } from "react";
-import { Button } from "./button";
-export function ThemedSelect({ value, groups, onChange, placeholder = "select...", menuPlacement = "bottom", className = "", triggerClassName = "", menuClassName = "", }) {
-    const [open, setOpen] = useState(false);
-    const ref = useRef(null);
-    // Close on outside click
-    useEffect(() => {
-        if (!open)
-            return;
-        const handler = (e) => {
-            if (ref.current && !ref.current.contains(e.target))
-                setOpen(false);
-        };
-        document.addEventListener("mousedown", handler);
-        return () => document.removeEventListener("mousedown", handler);
-    }, [open]);
-    // Close on Escape
-    useEffect(() => {
-        if (!open)
-            return;
-        const handler = (e) => {
-            if (e.key === "Escape")
-                setOpen(false);
-        };
-        document.addEventListener("keydown", handler);
-        return () => document.removeEventListener("keydown", handler);
-    }, [open]);
-    // Find current label
-    let currentLabel = placeholder;
-    for (const g of groups) {
-        const found = g.items.find((i) => i.id === value);
-        if (found) {
-            currentLabel = found.hint ? `${found.text} — ${found.hint}` : found.text;
-            break;
-        }
-    }
-    const menuStyle = menuPlacement === "top"
-        ? { bottom: "calc(100% + 0.125rem)" }
-        : { top: "calc(100% + 0.125rem)" };
-    return (_jsxs("div", { ref: ref, className: `relative min-w-0 w-full ${open ? "z-[100]" : ""} ${className}`, children: [_jsxs(Button, { type: "button", variant: "outline", size: "sm", className: `flex h-12 w-full items-center justify-between border-border bg-card px-2.5 py-1.5 text-left text-xs shadow-sm hover:border-accent focus-visible:ring-1 focus-visible:ring-accent ${triggerClassName}`, onClick: () => setOpen(!open), children: [_jsx("span", { className: "truncate", children: currentLabel }), _jsx("span", { className: `ml-2 text-[10px] text-muted transition-transform ${open ? "rotate-180" : ""}`, children: "\u25BC" })] }), open && (_jsx("div", { className: `absolute left-0 right-0 z-50 max-h-[280px] overflow-y-auto rounded-md border border-border bg-card shadow-lg ${menuClassName}`, style: menuStyle, children: groups.map((g) => (_jsxs("div", { children: [_jsx("div", { className: "px-2.5 py-1 text-[10px] font-semibold text-muted bg-bg-muted sticky top-0", children: g.label }), g.items.map((item) => {
-                            const active = item.id === value;
-                            return (_jsxs(Button, { variant: "ghost", size: "sm", className: `w-full justify-start text-left px-2.5 py-1.5 h-auto text-xs rounded-none ${active
-                                    ? "bg-accent text-accent-foreground"
-                                    : "text-txt hover:bg-bg-muted"}`, onClick: () => {
-                                    onChange(item.id);
-                                    setOpen(false);
-                                }, children: [_jsx("span", { className: "font-semibold", children: item.text }), item.hint && (_jsx("span", { className: `ml-1.5 ${active ? "opacity-70" : "text-muted"}`, children: item.hint }))] }, item.id));
-                        })] }, g.label))) }))] }));
-}

package/dist/components/ui/tooltip-extended.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip-extended.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip-extended.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAOH;;;;;;;GAOG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,OAAO,EACP,QAAgB,EAChB,KAAW,EACX,SAAgB,EAChB,SAAc,EACd,OAAO,EAAE,iBAAiB,EAC1B,SAAS,GACV,EAAE,iBAAiB,2CA8EnB;AAID;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAgB,GACjB,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC7B,2CAuBA;AAID,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,mCAAmC;IACnC,MAAM,CAAC,EAAE;QACP,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,KAAK,EACL,WAAW,EACX,IAAI,EACJ,UAAU,EACV,MAAM,EACN,MAAM,EACN,MAAM,EACN,MAAW,GACZ,EAAE,cAAc,kDAgGhB;AAID,MAAM,WAAW,QAAQ;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,QAAQ,EAAE;;;;;;;;;EAmC9C"}

package/dist/components/ui/tooltip-extended.js

@@ -1,128 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Extended tooltip components for contextual help, icon buttons, guided
- * tours, and spotlight onboarding overlays.
- *
- * All exports here are framework-agnostic (no app context dependency).
- *
- * Note: The Radix-based `Tooltip` is exported from `./tooltip`. This file
- * exports a custom CSS-only hover tooltip (`HoverTooltip`), `IconTooltip`,
- * `Spotlight`, and `useGuidedTour`.
- */
-import { X } from "lucide-react";
-import { useCallback, useEffect, useRef, useState } from "react";
-export function HoverTooltip({ children, content, position = "top", delay = 300, showArrow = true, className = "", visible: controlledVisible, onDismiss, }) {
-    const [isVisible, setIsVisible] = useState(false);
-    const timeoutRef = useRef(null);
-    const containerRef = useRef(null);
-    const isVisibleState = controlledVisible !== undefined ? controlledVisible : isVisible;
-    const show = useCallback(() => {
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => setIsVisible(true), delay);
-    }, [delay]);
-    const hide = useCallback(() => {
-        if (timeoutRef.current)
-            clearTimeout(timeoutRef.current);
-        timeoutRef.current = setTimeout(() => setIsVisible(false), 150);
-    }, []);
-    useEffect(() => {
-        return () => {
-            if (timeoutRef.current)
-                clearTimeout(timeoutRef.current);
-        };
-    }, []);
-    const positionClasses = {
-        top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-        bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
-        left: "right-full top-1/2 -translate-y-1/2 mr-2",
-        right: "left-full top-1/2 -translate-y-1/2 ml-2",
-    };
-    const arrowClasses = {
-        top: "top-full left-1/2 -translate-x-1/2 border-t-border border-l-transparent border-r-transparent border-b-transparent",
-        bottom: "bottom-full left-1/2 -translate-x-1/2 border-b-border border-l-transparent border-r-transparent border-t-transparent",
-        left: "left-full top-1/2 -translate-y-1/2 border-l-border border-t-transparent border-b-transparent border-r-transparent",
-        right: "right-full top-1/2 -translate-y-1/2 border-r-border border-t-transparent border-b-transparent border-l-transparent",
-    };
-    return (_jsxs("button", { type: "button", ref: containerRef, className: "relative inline-flex bg-transparent border-0 p-0 cursor-default", onMouseEnter: show, onMouseLeave: hide, onFocus: show, onBlur: hide, children: [children, isVisibleState && (_jsx("div", { className: `absolute z-50 ${positionClasses[position]} ${className}`, children: _jsxs("div", { className: "relative bg-bg-elevated border border-border rounded-lg shadow-xl p-3 max-w-xs", children: [onDismiss && (_jsx("button", { type: "button", onClick: onDismiss, className: "absolute top-1 right-1 p-1 text-muted hover:text-txt rounded", "aria-label": "Dismiss tooltip", children: _jsx(X, { className: "w-3 h-3" }) })), content, showArrow && (_jsx("div", { className: `absolute w-0 h-0 border-4 ${arrowClasses[position]}` }))] }) }))] }));
-}
-/* ── IconTooltip ─────────────────────────────────────────────────────── */
-/**
- * Lightweight tooltip for icon buttons.
- *
- * Uses a `<div>` wrapper (not `<button>`) so it can safely wrap interactive
- * elements like icon buttons without nesting buttons.
- */
-export function IconTooltip({ children, label, shortcut, position = "top", }) {
-    const posClass = position === "top"
-        ? "bottom-full left-1/2 -translate-x-1/2 mb-2"
-        : "top-full left-1/2 -translate-x-1/2 mt-2";
-    const arrowClass = position === "top"
-        ? "top-full left-1/2 -translate-x-1/2 -mt-1 border-4 border-transparent border-t-bg-elevated"
-        : "bottom-full left-1/2 -translate-x-1/2 -mb-1 border-4 border-transparent border-b-bg-elevated";
-    return (_jsxs("div", { className: "relative group", children: [children, _jsxs("div", { className: `absolute ${posClass} px-2 py-1 bg-bg-elevated border border-border text-[11px] text-txt-strong rounded-md whitespace-nowrap opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-200 z-50 shadow-lg pointer-events-none`, role: "tooltip", children: [_jsx("div", { className: "font-medium", children: label }), shortcut && _jsx("div", { className: "text-muted mt-0.5", children: shortcut }), _jsx("div", { className: `absolute ${arrowClass}` })] })] }));
-}
-export function Spotlight({ target, title, description, step, totalSteps, onNext, onPrev, onSkip, labels = {}, }) {
-    const [targetRect, setTargetRect] = useState(null);
-    useEffect(() => {
-        const element = document.querySelector(target);
-        if (element) {
-            const rect = element.getBoundingClientRect();
-            setTargetRect(rect);
-        }
-    }, [target]);
-    if (!targetRect)
-        return null;
-    const padding = 8;
-    return (_jsxs("div", { className: "fixed inset-0 z-[300] pointer-events-none", children: [_jsx("div", { className: "absolute inset-0 bg-black/60 pointer-events-auto", style: {
-                    clipPath: `polygon(
-            0% 0%,
-            0% 100%,
-            ${targetRect.left - padding}px 100%,
-            ${targetRect.left - padding}px ${targetRect.top - padding}px,
-            ${targetRect.right + padding}px ${targetRect.top - padding}px,
-            ${targetRect.right + padding}px ${targetRect.bottom + padding}px,
-            ${targetRect.left - padding}px ${targetRect.bottom + padding}px,
-            ${targetRect.left - padding}px 100%,
-            100% 100%,
-            100% 0%
-          )`,
-                } }), _jsxs("div", { className: "absolute bg-card border border-border rounded-xl shadow-2xl p-5 max-w-sm pointer-events-auto", style: {
-                    top: targetRect.bottom + padding + 16,
-                    left: Math.min(targetRect.left, window.innerWidth - 340),
-                }, children: [_jsxs("div", { className: "flex items-center justify-between mb-3", children: [_jsxs("span", { className: "text-xs text-muted font-medium", children: [labels.stepOf ?? "Step", " ", step, " of ", totalSteps] }), _jsx("button", { type: "button", onClick: onSkip, className: "text-xs text-muted hover:text-txt", children: labels.skipTour ?? "Skip Tour" })] }), _jsx("h3", { className: "text-lg font-bold text-txt-strong mb-2", children: title }), _jsx("p", { className: "text-sm text-muted mb-4", children: description }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("button", { type: "button", onClick: onPrev, disabled: step === 1, className: "px-4 py-2 text-sm border border-border rounded-lg disabled:opacity-40 disabled:cursor-not-allowed hover:bg-bg-hover transition-colors", children: labels.previous ?? "Previous" }), _jsx("div", { className: "flex gap-1", children: Array.from({ length: totalSteps }, (_, idx) => idx).map((dotIndex) => (_jsx("div", { className: `w-2 h-2 rounded-full transition-colors ${dotIndex + 1 === step ? "bg-accent" : "bg-border"}` }, `step-dot-${dotIndex}`))) }), _jsx("button", { type: "button", onClick: onNext, className: "px-4 py-2 text-sm bg-accent text-accent-fg rounded-lg hover:opacity-90 transition-opacity", children: step === totalSteps
-                                    ? (labels.finish ?? "Finish")
-                                    : (labels.next ?? "Next") })] })] })] }));
-}
-export function useGuidedTour(steps) {
-    const [isActive, setIsActive] = useState(false);
-    const [currentStep, setCurrentStep] = useState(0);
-    const start = useCallback(() => {
-        setIsActive(true);
-        setCurrentStep(0);
-    }, []);
-    const next = useCallback(() => {
-        if (currentStep < steps.length - 1) {
-            setCurrentStep((prev) => prev + 1);
-        }
-        else {
-            setIsActive(false);
-        }
-    }, [currentStep, steps.length]);
-    const prev = useCallback(() => {
-        setCurrentStep((prev) => Math.max(0, prev - 1));
-    }, []);
-    const skip = useCallback(() => {
-        setIsActive(false);
-    }, []);
-    return {
-        isActive,
-        currentStep,
-        step: steps[currentStep],
-        start,
-        next,
-        prev,
-        skip,
-        totalSteps: steps.length,
-    };
-}

package/dist/components/ui/tooltip.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,eAAe,iDAA4B,CAAC;AAElD,QAAA,MAAM,OAAO,yCAAwB,CAAC;AAEtC,QAAA,MAAM,cAAc,gHAA2B,CAAC;AAEhD,QAAA,MAAM,cAAc,gKAalB,CAAC;AAGH,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/ui/tooltip.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const TooltipProvider = TooltipPrimitive.Provider;
-const Tooltip = TooltipPrimitive.Root;
-const TooltipTrigger = TooltipPrimitive.Trigger;
-const TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(TooltipPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 overflow-hidden rounded-md border border-border bg-card px-3 py-1.5 text-sm text-txt shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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", className), ...props })));
-TooltipContent.displayName = TooltipPrimitive.Content.displayName;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };

package/dist/components/ui/typography.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"typography.d.ts","sourceRoot":"","sources":["../../../src/components/ui/typography.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;8EAchB,CAAC;AAEH,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAChD,YAAY,CAAC,OAAO,YAAY,CAAC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,IAAI,wFAWhB,CAAC;AAGF,QAAA,MAAM,eAAe;;8EAcnB,CAAC;AAEH,MAAM,WAAW,YACf,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC,EAC9C,YAAY,CAAC,OAAO,eAAe,CAAC;CAAG;AAE3C,eAAO,MAAM,OAAO,yFAWnB,CAAC"}

package/dist/index.d.ts

@@ -1,42 +0,0 @@
-export * from "./components/ui/badge";
-export * from "./components/ui/banner";
-export * from "./components/ui/button";
-export * from "./components/ui/card";
-export * from "./components/ui/chat-atoms";
-export * from "./components/ui/checkbox";
-export * from "./components/ui/confirm-delete";
-export * from "./components/ui/confirm-dialog";
-export * from "./components/ui/connection-status";
-export * from "./components/ui/copy-button";
-export * from "./components/ui/dialog";
-export * from "./components/ui/dropdown-menu";
-export * from "./components/ui/empty-state";
-export * from "./components/ui/error-boundary";
-export * from "./components/ui/grid";
-export * from "./components/ui/input";
-export * from "./components/ui/label";
-export * from "./components/ui/popover";
-export * from "./components/ui/save-footer";
-export * from "./components/ui/search-bar";
-export * from "./components/ui/search-input";
-export * from "./components/ui/section-card";
-export * from "./components/ui/select";
-export * from "./components/ui/separator";
-export * from "./components/ui/skeleton";
-export * from "./components/ui/slider";
-export * from "./components/ui/sonner";
-export * from "./components/ui/spinner";
-export * from "./components/ui/stack";
-export * from "./components/ui/status-badge";
-export * from "./components/ui/switch";
-export * from "./components/ui/tabs";
-export * from "./components/ui/tag-editor";
-export * from "./components/ui/tag-input";
-export * from "./components/ui/textarea";
-export * from "./components/ui/themed-select";
-export * from "./components/ui/tooltip";
-export * from "./components/ui/tooltip-extended";
-export * from "./components/ui/typography";
-export * from "./lib/button-styles";
-export * from "./lib/utils";
-//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,wBAAwB,CAAC;AAEvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC"}

package/dist/index.js

@@ -1,43 +0,0 @@
-export * from "./components/ui/badge";
-export * from "./components/ui/banner";
-// Atoms
-export * from "./components/ui/button";
-// Molecules
-export * from "./components/ui/card";
-export * from "./components/ui/chat-atoms";
-export * from "./components/ui/checkbox";
-export * from "./components/ui/confirm-delete";
-export * from "./components/ui/confirm-dialog";
-export * from "./components/ui/connection-status";
-export * from "./components/ui/copy-button";
-export * from "./components/ui/dialog";
-export * from "./components/ui/dropdown-menu";
-export * from "./components/ui/empty-state";
-export * from "./components/ui/error-boundary";
-export * from "./components/ui/grid";
-export * from "./components/ui/input";
-export * from "./components/ui/label";
-export * from "./components/ui/popover";
-export * from "./components/ui/save-footer";
-export * from "./components/ui/search-bar";
-export * from "./components/ui/search-input";
-export * from "./components/ui/section-card";
-export * from "./components/ui/select";
-export * from "./components/ui/separator";
-export * from "./components/ui/skeleton";
-export * from "./components/ui/slider";
-export * from "./components/ui/sonner";
-export * from "./components/ui/spinner";
-export * from "./components/ui/stack";
-export * from "./components/ui/status-badge";
-export * from "./components/ui/switch";
-export * from "./components/ui/tabs";
-export * from "./components/ui/tag-editor";
-export * from "./components/ui/tag-input";
-export * from "./components/ui/textarea";
-export * from "./components/ui/themed-select";
-export * from "./components/ui/tooltip";
-export * from "./components/ui/tooltip-extended";
-export * from "./components/ui/typography";
-export * from "./lib/button-styles";
-export * from "./lib/utils";

package/dist/lib/button-styles.d.ts

@@ -1,12 +0,0 @@
-/**
- * Shared button class strings for consistent styling across views.
- *
- * These CSS class strings complement the `Button` component for cases where
- * a plain HTML `button` element is used or Tailwind class composition is
- * preferred over the variant prop.
- */
-export declare const btnPrimary = "px-4 py-2 text-sm font-medium bg-[var(--accent)] text-[var(--accent-foreground,#1a1f26)] border border-[var(--accent)] cursor-pointer hover:opacity-90 transition-opacity disabled:opacity-40 disabled:cursor-default rounded-lg";
-export declare const btnGhost = "px-3 py-1.5 text-xs bg-transparent text-[var(--muted)] border border-[var(--border)] cursor-pointer hover:text-[var(--txt)] hover:border-[var(--txt)] transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export declare const btnDanger = "px-3 py-1.5 text-xs bg-transparent text-[var(--danger,#e74c3c)] border border-[var(--danger,#e74c3c)] cursor-pointer hover:bg-[var(--danger,#e74c3c)] hover:text-white transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export declare const inputCls = "flex-1 px-3 py-2 text-sm bg-[var(--card)] border border-[var(--border)] text-[var(--txt)] focus:border-[var(--accent)] focus:outline-none transition-colors rounded-lg";
-//# sourceMappingURL=button-styles.d.ts.map

package/dist/lib/button-styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-styles.d.ts","sourceRoot":"","sources":["../../src/lib/button-styles.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,UAAU,qOAC6M,CAAC;AAErO,eAAO,MAAM,QAAQ,mOAC6M,CAAC;AAEnO,eAAO,MAAM,SAAS,oPAC6N,CAAC;AAEpP,eAAO,MAAM,QAAQ,2KACqJ,CAAC"}

package/dist/lib/button-styles.js

@@ -1,11 +0,0 @@
-/**
- * Shared button class strings for consistent styling across views.
- *
- * These CSS class strings complement the `Button` component for cases where
- * a plain HTML `button` element is used or Tailwind class composition is
- * preferred over the variant prop.
- */
-export const btnPrimary = "px-4 py-2 text-sm font-medium bg-[var(--accent)] text-[var(--accent-foreground,#1a1f26)] border border-[var(--accent)] cursor-pointer hover:opacity-90 transition-opacity disabled:opacity-40 disabled:cursor-default rounded-lg";
-export const btnGhost = "px-3 py-1.5 text-xs bg-transparent text-[var(--muted)] border border-[var(--border)] cursor-pointer hover:text-[var(--txt)] hover:border-[var(--txt)] transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export const btnDanger = "px-3 py-1.5 text-xs bg-transparent text-[var(--danger,#e74c3c)] border border-[var(--danger,#e74c3c)] cursor-pointer hover:bg-[var(--danger,#e74c3c)] hover:text-white transition-colors disabled:opacity-40 disabled:cursor-default rounded-lg";
-export const inputCls = "flex-1 px-3 py-2 text-sm bg-[var(--card)] border border-[var(--border)] text-[var(--txt)] focus:border-[var(--accent)] focus:outline-none transition-colors rounded-lg";

package/dist/lib/utils.d.ts

@@ -1,6 +0,0 @@
-import { type ClassValue } from "clsx";
-/**
- * Utility function to merge tailwind classes with conditional class names.
- */
-export declare function cn(...inputs: ClassValue[]): string;
-//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAQ,MAAM,MAAM,CAAC;AAG7C;;GAEG;AACH,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/dist/package.json

@@ -1,64 +0,0 @@
-{
-  "name": "@elizaos/ui",
-  "version": "2.0.0-alpha.13",
-  "description": "Reusable UI primitives and components for elizaOS applications.",
-  "type": "module",
-  "main": "./index.js",
-  "types": "./index.d.ts",
-  "license": "MIT",
-  "homepage": "https://elizaos.ai",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/elizaos/eliza.git",
-    "directory": "packages/ui"
-  },
-  "keywords": [
-    "elizaos",
-    "ui",
-    "react",
-    "components"
-  ],
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "import": "./index.js"
-    },
-    "./utils": {
-      "types": "./lib/utils.d.ts",
-      "import": "./lib/utils.js"
-    },
-    "./styles/theme.css": "./styles/theme.css",
-    "./package.json": "./package.json"
-  },
-  "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
-  },
-  "dependencies": {
-    "@radix-ui/react-checkbox": "^1.3.3",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-label": "^2.1.8",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "class-variance-authority": "^0.7.1",
-    "clsx": "^2.1.1",
-    "lucide-react": "^0.575.0",
-    "next-themes": "^0.4.6",
-    "sonner": "^2.0.7",
-    "tailwind-merge": "^2.6.0"
-  },
-  "publishConfig": {
-    "access": "public"
-  },
-  "author": "elizaOS Team",
-  "engines": {
-    "node": ">=18.0.0"
-  }
-}