@elizaos/ui 2.0.0-alpha.85 → 2.0.0-beta.1

package/components/ui/stack.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cva } from "class-variance-authority";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const stackVariants = cva("flex", {
-    variants: {
-        direction: {
-            row: "flex-row",
-            col: "flex-col",
-        },
-        align: {
-            start: "items-start",
-            center: "items-center",
-            end: "items-end",
-            stretch: "items-stretch",
-            baseline: "items-baseline",
-        },
-        justify: {
-            start: "justify-start",
-            center: "justify-center",
-            end: "justify-end",
-            between: "justify-between",
-        },
-        spacing: {
-            none: "gap-0",
-            sm: "gap-2",
-            md: "gap-4",
-            lg: "gap-6",
-        },
-    },
-    defaultVariants: {
-        direction: "col",
-        spacing: "md",
-    },
-});
-export const Stack = React.forwardRef(({ className, direction, align, justify, spacing, ...props }, ref) => {
-    return (_jsx("div", { ref: ref, className: cn(stackVariants({ direction, align, justify, spacing }), className), ...props }));
-});
-Stack.displayName = "Stack";

package/components/ui/status-badge.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-export type StatusTone = "success" | "warning" | "danger" | "muted";
-export declare function statusToneForBoolean(condition: boolean, onTone?: StatusTone, offTone?: StatusTone): StatusTone;
-export interface StatusBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
-    label: string;
-    tone: StatusTone;
-    withDot?: boolean;
-}
-export declare const StatusBadge: React.ForwardRefExoticComponent<StatusBadgeProps & React.RefAttributes<HTMLSpanElement>>;
-export interface StatusDotProps extends React.HTMLAttributes<HTMLSpanElement> {
-    status: string;
-}
-export declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
-export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    label: string;
-    value: React.ReactNode;
-    accent?: boolean;
-}
-export declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
-//# sourceMappingURL=status-badge.d.ts.map

package/components/ui/status-badge.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"status-badge.d.ts","sourceRoot":"","sources":["../../../src/components/ui/status-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAqBpE,wBAAgB,oBAAoB,CAClC,SAAS,EAAE,OAAO,EAClB,MAAM,GAAE,UAAsB,EAC9B,OAAO,GAAE,UAAoB,GAC5B,UAAU,CAEZ;AAID,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,WAAW,0FAoBvB,CAAC;AAKF,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;IAC3E,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,SAAS,wFAsBrB,CAAC;AAKF,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,QAAQ,sFAuBpB,CAAC"}

package/components/ui/status-badge.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const STATUS_TONE_STYLES = {
-    success: {
-        badge: "text-ok border-ok/30 bg-ok/10",
-        dot: "bg-ok",
-    },
-    warning: {
-        badge: "text-warn border-warn/30 bg-warn/10",
-        dot: "bg-warn",
-    },
-    danger: {
-        badge: "text-destructive border-destructive/30 bg-destructive/10",
-        dot: "bg-destructive",
-    },
-    muted: {
-        badge: "text-muted border-border bg-bg",
-        dot: "bg-muted",
-    },
-};
-export function statusToneForBoolean(condition, onTone = "success", offTone = "muted") {
-    return condition ? onTone : offTone;
-}
-export const StatusBadge = React.forwardRef(({ label, tone, withDot = false, className, ...props }, ref) => {
-    const styles = STATUS_TONE_STYLES[tone];
-    return (_jsxs("span", { ref: ref, className: cn("inline-flex items-center gap-1 rounded-sm border px-2 py-0.5 text-[10px] font-bold uppercase", styles.badge, className), ...props, children: [withDot && (_jsx("span", { className: cn("h-1.5 w-1.5 rounded-full", styles.dot) })), label] }));
-});
-StatusBadge.displayName = "StatusBadge";
-export const StatusDot = React.forwardRef(({ status, className, ...props }, ref) => {
-    const tone = status === "success" || status === "completed" || status === "connected"
-        ? "success"
-        : status === "error" || status === "failed" || status === "denied"
-            ? "danger"
-            : "muted";
-    const styles = STATUS_TONE_STYLES[tone];
-    return (_jsx("span", { ref: ref, className: cn("inline-block h-2 w-2 rounded-full", styles.dot, className), ...props }));
-});
-StatusDot.displayName = "StatusDot";
-export const StatCard = React.forwardRef(({ label, value, accent = false, className, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn("flex flex-col items-center justify-center border border-border bg-bg p-3 min-w-[80px]", className), ...props, children: [_jsx("div", { className: cn("text-lg font-bold tabular-nums", accent && "text-accent"), children: value }), _jsx("div", { className: "mt-0.5 text-[10px] uppercase tracking-wide text-muted", children: label })] })));
-StatCard.displayName = "StatCard";

package/components/ui/switch.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/ui/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAC;AAC3D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,8JAkBV,CAAC;AAGH,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/ui/switch.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Switch = React.forwardRef(({ className, ...props }, ref) => (_jsx(SwitchPrimitives.Root, { className: cn("peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-bg disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input", className), ...props, ref: ref, children: _jsx(SwitchPrimitives.Thumb, { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-bg shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0") }) })));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-export { Switch };

package/components/ui/tabs.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/ui/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,aAAa,MAAM,sBAAsB,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,gGAAqB,CAAC;AAEhC,QAAA,MAAM,QAAQ,uJAYZ,CAAC;AAGH,QAAA,MAAM,WAAW,gKAYf,CAAC;AAGH,QAAA,MAAM,WAAW,0JAYf,CAAC;AAGH,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC"}

package/components/ui/tabs.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-const Tabs = TabsPrimitive.Root;
-const TabsList = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.List, { ref: ref, className: cn("inline-flex h-10 items-center justify-center rounded-md bg-bg-accent p-1 text-muted", className), ...props })));
-TabsList.displayName = TabsPrimitive.List.displayName;
-const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Trigger, { ref: ref, className: cn("inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium ring-offset-bg transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-bg data-[state=active]:text-txt data-[state=active]:shadow-sm", className), ...props })));
-TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-const TabsContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(TabsPrimitive.Content, { ref: ref, className: cn("mt-2 ring-offset-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", className), ...props })));
-TabsContent.displayName = TabsPrimitive.Content.displayName;
-export { Tabs, TabsContent, TabsList, TabsTrigger };

package/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/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/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/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/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/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/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/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/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/components/ui/themed-select.d.ts

@@ -1,27 +0,0 @@
-/**
- * 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.
- */
-export interface ThemedSelectGroup<T extends string = string> {
-    label: string;
-    items: {
-        id: T;
-        text: string;
-        hint?: string;
-    }[];
-}
-export interface ThemedSelectProps<T extends string = string> {
-    value: T | null;
-    groups: ThemedSelectGroup<T>[];
-    onChange: (id: T) => void;
-    placeholder?: string;
-    menuPlacement?: "top" | "bottom";
-    className?: string;
-    triggerClassName?: string;
-    menuClassName?: string;
-}
-export declare function ThemedSelect<T extends string>({ value, groups, onChange, placeholder, menuPlacement, className, triggerClassName, menuClassName, }: ThemedSelectProps<T>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=themed-select.d.ts.map

package/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/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-accent 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/20 text-accent"
-                                    : "text-txt hover:bg-accent/10 hover:text-txt"}`, 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/components/ui/tooltip-extended.d.ts

@@ -1,76 +0,0 @@
-/**
- * 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`.
- */
-/**
- * CSS-only hover tooltip that wraps any element in a `<button>` and shows
- * a floating content panel on hover/focus. Supports controlled `visible`
- * mode and an optional dismiss button.
- *
- * Use `IconTooltip` for a div-based (non-button) variant that is safe to
- * wrap interactive children.
- */
-export interface HoverTooltipProps {
-    children: React.ReactNode;
-    content: React.ReactNode;
-    position?: "top" | "bottom" | "left" | "right";
-    delay?: number;
-    showArrow?: boolean;
-    className?: string;
-    visible?: boolean;
-    onDismiss?: () => void;
-}
-export declare function HoverTooltip({ children, content, position, delay, showArrow, className, visible: controlledVisible, onDismiss, }: HoverTooltipProps): import("react/jsx-runtime").JSX.Element;
-/**
- * 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 declare function IconTooltip({ children, label, shortcut, position, }: {
-    children: React.ReactNode;
-    label: string;
-    shortcut?: string;
-    position?: "top" | "bottom";
-}): import("react/jsx-runtime").JSX.Element;
-export interface SpotlightProps {
-    target: string;
-    title: string;
-    description: string;
-    step: number;
-    totalSteps: number;
-    onNext: () => void;
-    onPrev: () => void;
-    onSkip: () => void;
-    /** Labels to override defaults. */
-    labels?: {
-        stepOf?: string;
-        skipTour?: string;
-        previous?: string;
-        finish?: string;
-        next?: string;
-    };
-}
-export declare function Spotlight({ target, title, description, step, totalSteps, onNext, onPrev, onSkip, labels, }: SpotlightProps): import("react/jsx-runtime").JSX.Element | null;
-export interface TourStep {
-    target: string;
-    title: string;
-    description: string;
-}
-export declare function useGuidedTour(steps: TourStep[]): {
-    isActive: boolean;
-    currentStep: number;
-    step: TourStep;
-    start: () => void;
-    next: () => void;
-    prev: () => void;
-    skip: () => void;
-    totalSteps: number;
-};
-//# sourceMappingURL=tooltip-extended.d.ts.map

package/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/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/components/ui/tooltip.d.ts

@@ -1,8 +0,0 @@
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import * as React from "react";
-declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
-declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
-declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger };
-//# sourceMappingURL=tooltip.d.ts.map

package/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/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/components/ui/typography.d.ts

@@ -1,17 +0,0 @@
-import { type VariantProps } from "class-variance-authority";
-import * as React from "react";
-declare const textVariants: (props?: ({
-    variant?: "default" | "small" | "medium" | "large" | "muted" | "lead" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
-    asChild?: boolean;
-}
-export declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<HTMLParagraphElement>>;
-declare const headingVariants: (props?: ({
-    level?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, VariantProps<typeof headingVariants> {
-}
-export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
-export {};
-//# sourceMappingURL=typography.d.ts.map