@elizaos/ui 2.0.0-beta.2 → 2.0.3-beta.3

package/components/ui/code-block.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+import { CopyButton } from "./copy-button.js";
+const baseClassName = "font-mono text-xs leading-6 rounded-sm border border-border/35 bg-bg/35";
+function resolveCopyValue(value, children) {
+    if (typeof value === "string")
+        return value;
+    if (typeof children === "string")
+        return children;
+    return null;
+}
+export const CodeBlock = React.forwardRef(function CodeBlock({ value, children, variant = "block", wrap = false, copyable = false, className, ...props }, ref) {
+    const content = children ?? value ?? "";
+    const copyValue = copyable ? resolveCopyValue(value, children) : null;
+    if (variant === "inline") {
+        return (_jsx("code", { ref: ref, className: cn(baseClassName, "px-1.5 py-0.5", className), ...props, children: content }));
+    }
+    return (_jsxs("div", { className: "relative", children: [_jsx("pre", { ref: ref, className: cn(baseClassName, "m-0 overflow-auto p-3 text-txt", wrap ? "whitespace-pre-wrap break-all" : "whitespace-pre", copyValue !== null ? "pr-10" : undefined, className), ...props, children: content }), copyValue !== null ? (_jsx(CopyButton, { value: copyValue, className: "absolute right-1.5 top-1.5   " })) : null] }));
+});
+CodeBlock.displayName = "CodeBlock";

package/components/ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+declare function Collapsible({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react/jsx-runtime").JSX.Element;
+declare function CollapsibleContent({ ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react/jsx-runtime").JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,oBAAoB,MAAM,6BAA6B,CAAC;AAEpE,iBAAS,WAAW,CAAC,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,2CAExD;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,oBAAoB,CAAC,kBAAkB,CAAC,2CAOtE;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAC"}

package/components/ui/collapsible.js

@@ -0,0 +1,17 @@
+/**
+ * Collapsible component system for expandable/collapsible content.
+ * Built on Radix UI primitives with trigger and content components.
+ */
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+function Collapsible({ ...props }) {
+    return _jsx(CollapsiblePrimitive.Root, { "data-slot": "collapsible", ...props });
+}
+function CollapsibleTrigger({ ...props }) {
+    return (_jsx(CollapsiblePrimitive.CollapsibleTrigger, { "data-slot": "collapsible-trigger", ...props }));
+}
+function CollapsibleContent({ ...props }) {
+    return (_jsx(CollapsiblePrimitive.CollapsibleContent, { "data-slot": "collapsible-content", ...props }));
+}
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/components/ui/confirm-delete.js

@@ -5,12 +5,12 @@ export function ConfirmDelete({ onConfirm, disabled = false, triggerLabel = "Del
     const [confirming, setConfirming] = React.useState(false);
     if (!confirming) {
         return (_jsx("button", { type: "button", className: triggerClassName ??
-                cn("rounded-md border border-border px-2 py-1 text-xs text-muted transition-colors hover:border-destructive hover:text-destructive", className), onClick: () => setConfirming(true), disabled: disabled, children: triggerLabel }));
+                cn("rounded-sm border border-border px-2 py-1 text-xs text-muted transition-colors hover:border-destructive hover:text-destructive", className), onClick: () => setConfirming(true), disabled: disabled, children: triggerLabel }));
     }
     return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: promptClassName ?? "text-xs-tight text-destructive", children: promptText }), _jsx("button", { type: "button", className: confirmClassName ??
-                    "rounded-md border border-destructive bg-destructive px-2 py-0.5 text-2xs font-medium text-destructive-fg transition-opacity hover:opacity-90 disabled:opacity-50", onClick: () => {
+                    "rounded-sm border border-destructive bg-destructive px-2 py-0.5 text-2xs font-medium text-destructive-fg transition-opacity hover:opacity-90 disabled:opacity-50", onClick: () => {
                     onConfirm();
                     setConfirming(false);
                 }, disabled: disabled, children: disabled && busyLabel ? busyLabel : confirmLabel }), _jsx("button", { type: "button", className: cancelClassName ??
-                    "rounded-md border border-border px-2 py-0.5 text-2xs text-muted transition-colors hover:border-accent hover:text-accent disabled:opacity-50", onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
+                    "rounded-sm border border-border px-2 py-0.5 text-2xs text-muted transition-colors hover:border-accent hover:text-accent disabled:opacity-50", onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
 }

package/components/ui/confirm-dialog.d.ts

@@ -29,10 +29,6 @@ export interface ConfirmOptions {
     cancelLabel?: string;
     variant?: ConfirmVariant;
 }
-export declare function useConfirm(): {
-    confirm: (opts: ConfirmOptions) => Promise<boolean>;
-    modalProps: ConfirmDialogProps;
-};
 export interface PromptOptions {
     title?: string;
     message: string;
@@ -41,8 +37,4 @@ export interface PromptOptions {
     confirmLabel?: string;
     cancelLabel?: string;
 }
-export declare function usePrompt(): {
-    prompt: (opts: PromptOptions) => Promise<string | null>;
-    modalProps: PromptDialogProps;
-};
 //# sourceMappingURL=confirm-dialog.d.ts.map

package/components/ui/confirm-dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/confirm-dialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAqCpB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAqB,EACrB,OAAO,EACP,WAAW,EACX,YAAiB,EACjB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,2CAoDnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,wBAAgB,UAAU;oBAOf,cAAc,KAAG,OAAO,CAAC,OAAO,CAAC;;EA4B3C;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS;mBAOd,aAAa,KAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;;EA4BhD"}
+{"version":3,"file":"confirm-dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/confirm-dialog.tsx"],"names":[],"mappings":"AAcA,MAAM,MAAM,cAAc,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAE3D,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,OAAO,EAAE,WAAW,EACpB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,2CAqCpB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,OAAO,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,KAAqB,EACrB,OAAO,EACP,WAAW,EACX,YAAiB,EACjB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,QAAQ,GACT,EAAE,iBAAiB,2CAoDnB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB"}

package/components/ui/confirm-dialog.hooks.d.ts

@@ -0,0 +1,10 @@
+import type { ConfirmDialogProps, ConfirmOptions, PromptDialogProps, PromptOptions } from "./confirm-dialog.js";
+export declare function useConfirm(): {
+    confirm: (opts: ConfirmOptions) => Promise<boolean>;
+    modalProps: ConfirmDialogProps;
+};
+export declare function usePrompt(): {
+    prompt: (opts: PromptOptions) => Promise<string | null>;
+    modalProps: PromptDialogProps;
+};
+//# sourceMappingURL=confirm-dialog.hooks.d.ts.map

package/components/ui/confirm-dialog.hooks.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirm-dialog.hooks.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/confirm-dialog.hooks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,iBAAiB,EACjB,aAAa,EACd,MAAM,kBAAkB,CAAC;AAE1B,wBAAgB,UAAU;oBAOf,cAAc,KAAG,OAAO,CAAC,OAAO,CAAC;;EA4B3C;AAED,wBAAgB,SAAS;mBAOd,aAAa,KAAG,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;;EA4BhD"}

package/components/ui/confirm-dialog.hooks.js

@@ -0,0 +1,53 @@
+import * as React from "react";
+export function useConfirm() {
+    const [state, setState] = React.useState(null);
+    const confirm = React.useCallback((opts) => new Promise((resolve) => {
+        setState({ opts, resolve });
+    }), []);
+    const modalProps = state
+        ? {
+            open: true,
+            ...state.opts,
+            onConfirm: () => {
+                state.resolve(true);
+                setState(null);
+            },
+            onCancel: () => {
+                state.resolve(false);
+                setState(null);
+            },
+        }
+        : {
+            open: false,
+            message: "",
+            onConfirm: () => { },
+            onCancel: () => { },
+        };
+    return { confirm, modalProps };
+}
+export function usePrompt() {
+    const [state, setState] = React.useState(null);
+    const prompt = React.useCallback((opts) => new Promise((resolve) => {
+        setState({ opts, resolve });
+    }), []);
+    const modalProps = state
+        ? {
+            open: true,
+            ...state.opts,
+            onConfirm: (value) => {
+                state.resolve(value);
+                setState(null);
+            },
+            onCancel: () => {
+                state.resolve(null);
+                setState(null);
+            },
+        }
+        : {
+            open: false,
+            message: "",
+            onConfirm: () => { },
+            onCancel: () => { },
+        };
+    return { prompt, modalProps };
+}

package/components/ui/confirm-dialog.js

@@ -9,7 +9,7 @@ export function ConfirmDialog({ open, title = "Confirm", message, confirmLabel =
     return (_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => {
             if (!nextOpen)
                 onCancel();
-        }, children: _jsxs(DialogContent, { className: "max-w-md rounded-2xl border-border/60 bg-bg shadow-[var(--shadow-lg)] backdrop-blur-xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { className: "whitespace-pre-line text-muted-strong", children: message })] }), _jsxs(DialogFooter, { className: "gap-2 sm:gap-2", children: [_jsx(Button, { variant: "outline", onClick: onCancel, children: cancelLabel }), _jsx(Button, { className: variant === "danger"
+        }, children: _jsxs(DialogContent, { className: "max-w-md rounded-sm border-border bg-bg ", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { className: "whitespace-pre-line text-muted-strong", children: message })] }), _jsxs(DialogFooter, { className: "gap-2 sm:gap-2", children: [_jsx(Button, { variant: "outline", onClick: onCancel, children: cancelLabel }), _jsx(Button, { className: variant === "danger"
                                 ? "border-destructive/70 bg-destructive text-destructive-fg hover:border-destructive hover:bg-destructive"
                                 : variant === "warn"
                                     ? "border-warn/55 bg-warn/92 !text-black hover:border-warn hover:bg-warn"
@@ -29,62 +29,10 @@ export function PromptDialog({ open, title = "Enter Value", message, placeholder
     return (_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => {
             if (!nextOpen)
                 onCancel();
-        }, children: _jsxs(DialogContent, { className: "max-w-md rounded-2xl border-border/60 bg-bg shadow-[var(--shadow-lg)] backdrop-blur-xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { className: "whitespace-pre-line text-muted-strong", children: message })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: inputId, children: "Value" }), _jsx(Input, { id: inputId, ref: inputRef, type: "text", value: value, placeholder: placeholder, onChange: (event) => setValue(event.target.value), onKeyDown: (event) => {
+        }, children: _jsxs(DialogContent, { className: "max-w-md rounded-sm border-border bg-bg ", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: title }), _jsx(DialogDescription, { className: "whitespace-pre-line text-muted-strong", children: message })] }), _jsxs(Field, { children: [_jsx(FieldLabel, { htmlFor: inputId, children: "Value" }), _jsx(Input, { id: inputId, ref: inputRef, type: "text", value: value, placeholder: placeholder, onChange: (event) => setValue(event.target.value), onKeyDown: (event) => {
                                 if (event.key === "Enter") {
                                     event.preventDefault();
                                     onConfirm(value);
                                 }
                             } })] }), _jsxs(DialogFooter, { className: "gap-2 sm:gap-2", children: [_jsx(Button, { variant: "outline", onClick: onCancel, children: cancelLabel }), _jsx(Button, { onClick: () => onConfirm(value), children: confirmLabel })] })] }) }));
 }
-export function useConfirm() {
-    const [state, setState] = React.useState(null);
-    const confirm = React.useCallback((opts) => new Promise((resolve) => {
-        setState({ opts, resolve });
-    }), []);
-    const modalProps = state
-        ? {
-            open: true,
-            ...state.opts,
-            onConfirm: () => {
-                state.resolve(true);
-                setState(null);
-            },
-            onCancel: () => {
-                state.resolve(false);
-                setState(null);
-            },
-        }
-        : {
-            open: false,
-            message: "",
-            onConfirm: () => { },
-            onCancel: () => { },
-        };
-    return { confirm, modalProps };
-}
-export function usePrompt() {
-    const [state, setState] = React.useState(null);
-    const prompt = React.useCallback((opts) => new Promise((resolve) => {
-        setState({ opts, resolve });
-    }), []);
-    const modalProps = state
-        ? {
-            open: true,
-            ...state.opts,
-            onConfirm: (value) => {
-                state.resolve(value);
-                setState(null);
-            },
-            onCancel: () => {
-                state.resolve(null);
-                setState(null);
-            },
-        }
-        : {
-            open: false,
-            message: "",
-            onConfirm: () => { },
-            onCancel: () => { },
-        };
-    return { prompt, modalProps };
-}

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

@@ -1 +1 @@
-{"version":3,"file":"connection-status.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/connection-status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,eAAe,CAAC;IACvB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,8FA2D5B,CAAC"}
+{"version":3,"file":"connection-status.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/connection-status.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,MAAM,eAAe,GAAG,WAAW,GAAG,cAAc,GAAG,OAAO,CAAC;AAErE,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,eAAe,CAAC;IACvB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,gBAAgB,8FA4D5B,CAAC"}

package/components/ui/connection-status.js

@@ -2,17 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils.js";
 export const ConnectionStatus = React.forwardRef(({ state, label, connectedLabel, disconnectedLabel, errorLabel, className, role, "aria-live": ariaLive, ...props }, ref) => {
-    const overrideLabels = {
-        connected: connectedLabel,
-        disconnected: disconnectedLabel,
-        error: errorLabel,
-    };
+    const overrideLabel = state === "connected"
+        ? connectedLabel
+        : state === "disconnected"
+            ? disconnectedLabel
+            : errorLabel;
     const defaultLabel = state === "connected"
         ? "Connected"
         : state === "disconnected"
             ? "Disconnected"
             : "Error";
-    return (_jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-2 rounded-md border px-3 py-1.5 text-xs", state === "connected"
+    return (_jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-2 rounded-sm border px-3 py-1.5 text-xs", state === "connected"
             ? "border-ok/25 bg-ok-subtle/70 text-txt"
             : state === "disconnected"
                 ? "border-border/70 bg-bg-accent text-muted-strong"
@@ -20,6 +20,6 @@ export const ConnectionStatus = React.forwardRef(({ state, label, connectedLabel
                     ? "bg-ok"
                     : state === "disconnected"
                         ? "bg-muted"
-                        : "bg-destructive") }), label ?? overrideLabels[state] ?? defaultLabel] }));
+                        : "bg-destructive") }), label ?? overrideLabel ?? defaultLabel] }));
 });
 ConnectionStatus.displayName = "ConnectionStatus";

package/components/ui/copy-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/copy-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IACtE,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2FA0CtB,CAAC"}
+{"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/copy-button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,SAAS,CAAC;IACtE,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,8CAA8C;IAC9C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mCAAmC;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,2FAwEtB,CAAC"}

package/components/ui/copy-button.js

@@ -4,11 +4,31 @@ import * as React from "react";
 import { cn } from "../../lib/utils.js";
 export const CopyButton = React.forwardRef(({ value, feedbackDuration = 2000, copyLabel = "Copy", copiedLabel = "Copied", className, children, ...props }, ref) => {
     const [copied, setCopied] = React.useState(false);
+    const timerRef = React.useRef(null);
+    React.useEffect(() => () => {
+        if (timerRef.current) {
+            clearTimeout(timerRef.current);
+        }
+    }, []);
     const handleCopy = React.useCallback(() => {
-        void navigator.clipboard.writeText(value);
-        setCopied(true);
-        setTimeout(() => setCopied(false), feedbackDuration);
+        // No clipboard API (insecure context / unsupported): nothing copied,
+        // so do not show success feedback.
+        if (!navigator.clipboard?.writeText) {
+            setCopied(false);
+            return;
+        }
+        navigator.clipboard.writeText(value).then(() => {
+            setCopied(true);
+            if (timerRef.current) {
+                clearTimeout(timerRef.current);
+            }
+            timerRef.current = setTimeout(() => setCopied(false), feedbackDuration);
+        }, () => {
+            // Write rejected (denied permission): leave the button in its
+            // default state rather than showing false success.
+            setCopied(false);
+        });
     }, [value, feedbackDuration]);
-    return (_jsxs("button", { ref: ref, type: "button", onClick: handleCopy, className: cn("inline-flex items-center gap-1 rounded-md p-1.5 text-muted transition-colors hover:bg-bg-hover hover:text-txt", className), "aria-label": copied ? copiedLabel : copyLabel, ...props, children: [copied ? (_jsx(Check, { className: "h-3.5 w-3.5 text-ok" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })), children] }));
+    return (_jsxs("button", { ref: ref, type: "button", onClick: handleCopy, className: cn("inline-flex items-center gap-1 rounded-sm p-1.5 text-muted transition-colors hover:bg-bg-hover hover:text-txt", className), "aria-label": copied ? copiedLabel : copyLabel, ...props, children: [copied ? (_jsx(Check, { className: "h-3.5 w-3.5 text-ok" })) : (_jsx(Copy, { className: "h-3.5 w-3.5" })), children] }));
 });
 CopyButton.displayName = "CopyButton";

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa;IAGf,qGAAqG;gBACzF,WAAW,GAAG,IAAI;IAC9B,kGAAkG;sBAChF,OAAO;wCA4B5B,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAY/B,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,aAAa,8GAA0B,CAAC;AAE9C,QAAA,MAAM,YAAY,6CAAyB,CAAC;AAE5C,QAAA,MAAM,WAAW,4GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,8JAYjB,CAAC;AAGH,QAAA,MAAM,aAAa;IAGf,qGAAqG;gBACzF,WAAW,GAAG,IAAI;IAC9B,kGAAkG;sBAChF,OAAO;wCA4B5B,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,YAAY;8BAGf,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAQtC,CAAC;AAGF,QAAA,MAAM,WAAW,oKAYf,CAAC;AAGH,QAAA,MAAM,iBAAiB,8KASrB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,YAAY,EACZ,aAAa,EACb,YAAY,EACZ,WAAW,EACX,aAAa,GACd,CAAC"}

package/components/ui/dialog.js

@@ -2,15 +2,22 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X } from "lucide-react";
 import * as React from "react";
-import { Z_DIALOG, Z_DIALOG_OVERLAY } from "../../lib/floating-layers.js";
 import { cn } from "../../lib/utils.js";
+// NOTE: z-index values below are kept as literal arbitrary classes
+// (`z-[160]` / `z-[170]`) so Tailwind v4's source scanner emits them.
+// A previous revision used `` z-[${Z_DIALOG_OVERLAY}] `` template-literal
+// interpolation from the floating-layers constants, but Tailwind cannot
+// resolve classes built from runtime values — the overlay/content lost
+// `position: fixed` and stacking, leaving page chrome visible through the
+// modal. Keep these in sync with packages/ui/src/lib/floating-layers.ts
+// (Z_DIALOG_OVERLAY = 160, Z_DIALOG = 170).
 const Dialog = DialogPrimitive.Root;
 const DialogTrigger = DialogPrimitive.Trigger;
 const DialogPortal = DialogPrimitive.Portal;
 const DialogClose = DialogPrimitive.Close;
-const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn(`fixed inset-0 z-[${Z_DIALOG_OVERLAY}] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`, className), ...props })));
+const DialogOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn("fixed inset-0 z-[160] bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0", className), ...props })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, container, showCloseButton = true, ...props }, ref) => (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn(`fixed left-[50%] top-[50%] z-[${Z_DIALOG}] grid w-[min(calc(100vw_-_1.5rem),42rem)] max-h-[min(calc(100dvh_-_1.5rem_-_var(--safe-area-top,0px)_-_var(--safe-area-bottom,0px)),44rem)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-hidden rounded-[1.125rem] border border-border/70 bg-bg p-5 shadow-[0_24px_70px_rgba(2,8,23,0.24)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:p-6`, "max-sm:left-1/2 max-sm:top-auto max-sm:bottom-[max(0.75rem,var(--safe-area-bottom,0px))] max-sm:max-h-[min(calc(100dvh_-_1rem_-_var(--safe-area-top,0px)_-_var(--safe-area-bottom,0px)),42rem)] max-sm:w-[min(calc(100vw_-_1rem),42rem)] max-sm:translate-y-0 max-sm:rounded-[1.25rem] max-sm:data-[state=closed]:slide-out-to-bottom-6 max-sm:data-[state=open]:slide-in-from-bottom-6", className), ...props, children: [children, showCloseButton ? (_jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-bg transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-accent-fg", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })) : null] })] })));
+const DialogContent = React.forwardRef(({ className, children, container, showCloseButton = true, ...props }, ref) => (_jsxs(DialogPortal, { container: container, children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-[170] grid w-[min(calc(100vw_-_1.5rem),42rem)] max-h-[min(calc(100dvh_-_1.5rem_-_var(--safe-area-top,0px)_-_var(--safe-area-bottom,0px)),44rem)] translate-x-[-50%] translate-y-[-50%] gap-4 overflow-hidden rounded-sm border border-border bg-bg p-5 duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:p-6", "max-sm:left-1/2 max-sm:top-auto max-sm:bottom-[max(0.75rem,var(--safe-area-bottom,0px))] max-sm:max-h-[min(calc(100dvh_-_1rem_-_var(--safe-area-top,0px)_-_var(--safe-area-bottom,0px)),42rem)] max-sm:w-[min(calc(100vw_-_1rem),42rem)] max-sm:translate-y-0 max-sm:rounded-sm max-sm:data-[state=closed]:slide-out-to-bottom-6 max-sm:data-[state=open]:slide-in-from-bottom-6", className), ...props, children: [children, showCloseButton ? (_jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70  transition-opacity hover:opacity-100     disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-accent-fg", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })) : null] })] })));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
 const DialogHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props }));
 DialogHeader.displayName = "DialogHeader";

package/components/ui/dropdown-menu.js

@@ -9,20 +9,20 @@ const DropdownMenuGroup = DropdownMenuPrimitive.Group;
 const DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 const DropdownMenuSub = DropdownMenuPrimitive.Sub;
 const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent focus:text-accent-fg data-[state=open]:bg-accent data-[state=open]:text-accent-fg", inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
+const DropdownMenuSubTrigger = React.forwardRef(({ className, inset, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.SubTrigger, { ref: ref, className: cn("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none   data-[state=open]:bg-accent data-[state=open]:text-accent-fg", inset && "pl-8", className), ...props, children: [children, _jsx(ChevronRight, { className: "ml-auto h-4 w-4" })] })));
 DropdownMenuSubTrigger.displayName =
     DropdownMenuPrimitive.SubTrigger.displayName;
-const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card p-1 text-txt shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
+const DropdownMenuSubContent = React.forwardRef(({ className, ...props }, ref) => (_jsx(DropdownMenuPrimitive.SubContent, { ref: ref, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-border bg-card p-1 text-txt data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props })));
 DropdownMenuSubContent.displayName =
     DropdownMenuPrimitive.SubContent.displayName;
-const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-md border border-border bg-card p-1 text-txt shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
+const DropdownMenuContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { ref: ref, sideOffset: sideOffset, className: cn("z-50 min-w-[8rem] overflow-hidden rounded-sm border border-border bg-card p-1 text-txt data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", className), ...props }) })));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
+const DropdownMenuItem = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Item, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors   data-[disabled]:pointer-events-none data-[disabled]:opacity-50", inset && "pl-8", className), ...props })));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
+const DropdownMenuCheckboxItem = React.forwardRef(({ className, children, checked, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors   data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), checked: checked, ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Check, { className: "h-4 w-4" }) }) }), children] })));
 DropdownMenuCheckboxItem.displayName =
     DropdownMenuPrimitive.CheckboxItem.displayName;
-const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-fg data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
+const DropdownMenuRadioItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DropdownMenuPrimitive.RadioItem, { ref: ref, className: cn("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors   data-[disabled]:pointer-events-none data-[disabled]:opacity-50", className), ...props, children: [_jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(Circle, { className: "h-2 w-2 fill-current" }) }) }), children] })));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
 const DropdownMenuLabel = React.forwardRef(({ className, inset, ...props }, ref) => (_jsx(DropdownMenuPrimitive.Label, { ref: ref, className: cn("px-2 py-1.5 text-sm font-semibold", inset && "pl-8", className), ...props })));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;

package/components/ui/empty-state.d.ts

@@ -8,6 +8,8 @@ export interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement> {
     description?: string;
     /** Primary action button or element */
     action?: React.ReactNode;
+    /** Visual density and framing. */
+    variant?: "default" | "dashed" | "minimal";
 }
 export declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=empty-state.d.ts.map

package/components/ui/empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,UAAU,wFA0BtB,CAAC"}
+{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,4CAA4C;IAC5C,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uCAAuC;IACvC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,kCAAkC;IAClC,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,CAAC;CAC5C;AAED,eAAO,MAAM,UAAU,wFAkDtB,CAAC"}

package/components/ui/empty-state.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { cn } from "../../lib/utils.js";
-export const EmptyState = React.forwardRef(({ icon, title, description, action, className, children, ...props }, ref) => (_jsxs("div", { ref: ref, className: cn("flex flex-1 flex-col items-center justify-center p-6 text-center", className), ...props, children: [icon && (_jsx("div", { className: "mb-4 flex h-16 w-16 items-center justify-center rounded-2xl bg-accent/10 text-accent", children: icon })), _jsx("h3", { className: "mb-2 text-lg font-semibold", children: title }), description && (_jsx("p", { className: "mb-6 max-w-sm text-sm text-muted", children: description })), action, children] })));
+export const EmptyState = React.forwardRef(({ icon, title, description, action, variant = "default", className, children, ...props }, ref) => (_jsxs("div", { ref: ref, "data-slot": "empty-state", "data-variant": variant, className: cn("flex flex-col items-center justify-center text-center", variant === "default" && "min-h-[400px] flex-1 gap-4 p-6", variant === "dashed" &&
+        "gap-4 border border-dashed border-border bg-bg/40 p-8 transition-colors hover:border-accent/40", variant === "minimal" && "gap-3 px-4 py-8", className), ...props, children: [icon && (_jsx("div", { className: "flex h-14 w-14 items-center justify-center rounded-sm border border-accent/20 bg-accent/10 text-accent", children: icon })), _jsxs("div", { className: "space-y-2", children: [_jsx("h3", { className: cn("font-semibold text-txt-strong", variant === "dashed" ? "text-sm" : "text-lg"), children: title }), description && (_jsx("p", { className: "max-w-sm text-sm text-muted", children: description }))] }), action, children] })));
 EmptyState.displayName = "EmptyState";

package/components/ui/error-boundary.d.ts

@@ -14,7 +14,7 @@ interface ErrorBoundaryState {
 export declare class ErrorBoundary extends React.Component<ErrorBoundaryProps, ErrorBoundaryState> {
     constructor(props: ErrorBoundaryProps);
     static getDerivedStateFromError(error: Error): ErrorBoundaryState;
-    componentDidCatch(error: Error, errorInfo: React.ErrorInfo): void;
+    componentDidCatch(_error: Error, _errorInfo: React.ErrorInfo): void;
     resetErrorBoundary: () => void;
     render(): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | null | undefined;
 }

package/components/ui/error-boundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,kBAAkB,aAEhB;IAEF,MAAM;CA4BP"}
+{"version":3,"file":"error-boundary.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/error-boundary.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mEAAmE;IACnE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,kBAAkB,EAAE,MAAM,IAAI,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7E,oEAAoE;IACpE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wDAAwD;IACxD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,UAAU,kBAAkB;IAC1B,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;CACrB;AAED,qBAAa,aAAc,SAAQ,KAAK,CAAC,SAAS,CAChD,kBAAkB,EAClB,kBAAkB,CACnB;gBACa,KAAK,EAAE,kBAAkB;IAKrC,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB;IAIjE,iBAAiB,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,CAAC,SAAS;IAI5D,kBAAkB,aAEhB;IAEF,MAAM;CA4BP"}

package/components/ui/error-boundary.js

@@ -9,8 +9,8 @@ export class ErrorBoundary extends React.Component {
     static getDerivedStateFromError(error) {
         return { error };
     }
-    componentDidCatch(error, errorInfo) {
-        console.error("[ErrorBoundary]", error, errorInfo);
+    componentDidCatch(_error, _errorInfo) {
+        // error captured in state via getDerivedStateFromError; fallback UI is rendered
     }
     resetErrorBoundary = () => {
         this.setState({ error: null });
@@ -20,7 +20,7 @@ export class ErrorBoundary extends React.Component {
             if (this.props.fallback) {
                 return this.props.fallback(this.state.error, this.resetErrorBoundary);
             }
-            return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 p-6 text-center border border-destructive/30 bg-destructive/5 rounded-md", children: [_jsx("p", { className: "text-sm font-semibold text-destructive", children: this.props.errorLabel ?? "Something went wrong" }), _jsx("p", { className: "text-xs text-muted max-w-sm", children: this.state.error.message }), _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "rounded-md text-xs", onClick: this.resetErrorBoundary, children: this.props.retryLabel ?? "Try Again" })] }));
+            return (_jsxs("div", { className: "flex flex-col items-center justify-center gap-3 p-6 text-center border border-destructive/30 bg-destructive/5 rounded-sm", children: [_jsx("p", { className: "text-sm font-semibold text-destructive", children: this.props.errorLabel ?? "Something went wrong" }), _jsx("p", { className: "text-xs text-muted max-w-sm", children: this.state.error.message }), _jsx(Button, { type: "button", variant: "outline", size: "sm", className: "rounded-sm text-xs", onClick: this.resetErrorBoundary, children: this.props.retryLabel ?? "Try Again" })] }));
         }
         return this.props.children;
     }

package/components/ui/field-switch.js

@@ -6,5 +6,5 @@ export const FieldSwitch = React.forwardRef(({ checked, className, disabled, lab
         if (event.defaultPrevented || disabled)
             return;
         onCheckedChange?.(!checked);
-    }, className: cn("inline-flex h-10 w-full cursor-pointer select-none items-center gap-3 rounded-xl border border-border/50 bg-bg/50 px-4 py-2 text-sm text-txt transition-[border-color,background-color,box-shadow] hover:border-accent/40 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-accent disabled:cursor-not-allowed disabled:opacity-50", className), children: [_jsx("span", { "aria-hidden": "true", className: cn("relative inline-flex h-[24px] w-[44px] shrink-0 items-center rounded-full border-2 border-transparent bg-input transition-colors", checked && "bg-ok"), children: _jsx("span", { className: cn("pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg transition-transform", checked ? "translate-x-5" : "translate-x-0") }) }), _jsx("span", { className: "pointer-events-none text-left", children: label })] })));
+    }, className: cn("inline-flex h-10 w-full cursor-pointer select-none items-center gap-3 rounded-sm border border-border/50 bg-bg/50 px-4 py-2 text-sm text-txt transition-[border-color,background-color,box-shadow] hover:border-accent/40    disabled:cursor-not-allowed disabled:opacity-50", className), children: [_jsx("span", { "aria-hidden": "true", className: cn("relative inline-flex h-[24px] w-[44px] shrink-0 items-center rounded-sm border-2 border-transparent bg-input transition-colors", checked && "bg-ok"), children: _jsx("span", { className: cn("pointer-events-none block h-5 w-5 rounded-sm bg-white transition-transform", checked ? "translate-x-5" : "translate-x-0") }) }), _jsx("span", { className: "pointer-events-none text-left", children: label })] })));
 FieldSwitch.displayName = "FieldSwitch";

package/components/ui/form-select.d.ts

@@ -1,6 +1,6 @@
 import type * as SelectPrimitive from "@radix-ui/react-select";
 import * as React from "react";
-import { Select } from "./select";
+import { Select } from "./select.js";
 export interface FormSelectProps extends React.ComponentProps<typeof Select> {
     children: React.ReactNode;
     placeholder?: string;

package/components/ui/form-select.js

@@ -3,7 +3,7 @@ import * as React from "react";
 import { cn } from "../../lib/utils.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "./select.js";
 export function FormSelect({ children, contentClassName, placeholder, triggerClassName, ...props }) {
-    return (_jsxs(Select, { ...props, children: [_jsx(SelectTrigger, { className: cn("h-11 w-full rounded-2xl border border-border/60 bg-bg/70 px-4 py-2 text-sm text-txt shadow-sm outline-none transition-[border-color,box-shadow,background-color,outline-color,outline-offset] focus:border-accent focus:outline-[2px] focus:outline-[var(--ring)] focus:outline-offset-2 focus:ring-0 focus:shadow-[0_0_0_4px_var(--focus)] focus-visible:border-accent focus-visible:outline-[2px] focus-visible:outline-[var(--ring)] focus-visible:outline-offset-2 focus-visible:ring-0 focus-visible:shadow-[0_0_0_4px_var(--focus)] data-[placeholder]:text-muted", triggerClassName), children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { className: cn("rounded-2xl border border-border/60 bg-[linear-gradient(180deg,color-mix(in_srgb,var(--card)_94%,transparent),color-mix(in_srgb,var(--bg)_97%,transparent))] p-1 shadow-[inset_0_1px_0_rgba(255,255,255,0.08),0_22px_34px_-24px_rgba(15,23,42,0.28)] backdrop-blur-xl", contentClassName), children: children })] }));
+    return (_jsxs(Select, { ...props, children: [_jsx(SelectTrigger, { className: cn("h-11 w-full rounded-sm border border-border bg-bg px-4 py-2 text-sm text-txt outline-none transition-colors   data-[placeholder]:text-muted", triggerClassName), children: _jsx(SelectValue, { placeholder: placeholder }) }), _jsx(SelectContent, { className: cn("rounded-sm border border-border bg-card p-1 ", contentClassName), children: children })] }));
 }
-export const FormSelectItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectItem, { ref: ref, className: cn("min-h-[2.75rem] rounded-xl px-3 py-2.5 text-sm text-txt outline-none transition-[background-color,color,box-shadow] focus:bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.18),rgba(var(--accent-rgb),0.08))] focus:text-black data-[state=checked]:bg-[linear-gradient(180deg,rgba(var(--accent-rgb),0.2),rgba(var(--accent-rgb),0.1))] data-[state=checked]:text-black data-[state=checked]:shadow-[inset_0_1px_0_rgba(255,255,255,0.1),0_10px_18px_-18px_rgba(var(--accent-rgb),0.25)]", className), ...props })));
+export const FormSelectItem = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectItem, { ref: ref, className: cn("min-h-[2.75rem] rounded-sm px-3 py-2.5 text-sm text-txt outline-none transition-colors   data-[state=checked]:bg-accent-subtle data-[state=checked]:text-txt-strong", className), ...props })));
 FormSelectItem.displayName = "FormSelectItem";

package/components/ui/form.d.ts

@@ -0,0 +1,62 @@
+import type * as LabelPrimitive from "@radix-ui/react-label";
+import { Slot } from "@radix-ui/react-slot";
+import * as React from "react";
+import { type ControllerProps, type FieldPath, type FieldValues } from "react-hook-form";
+/**
+ * Form provider component that wraps react-hook-form's FormProvider.
+ * Provides form context to all child form components.
+ */
+declare const Form: <TFieldValues extends FieldValues, TContext = any, TTransformedValues = TFieldValues>({ children, watch, getValues, getFieldState, setError, clearErrors, setValue, setValues, trigger, formState, resetField, reset, handleSubmit, unregister, control, register, setFocus, subscribe, }: import("react-hook-form").FormProviderProps<TFieldValues, TContext, TTransformedValues>) => React.JSX.Element;
+/**
+ * Form field component that wraps react-hook-form's Controller.
+ * Provides field context and manages form field state.
+ *
+ * @param props - Controller props from react-hook-form
+ */
+declare const FormField: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ ...props }: ControllerProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Hook to access form field state and IDs.
+ * Must be used within a FormField component.
+ *
+ * @returns Field state including id, name, formItemId, formDescriptionId, formMessageId, and validation state
+ * @throws Error if used outside of FormField context
+ */
+declare const useFormField: () => {
+    invalid: boolean;
+    isDirty: boolean;
+    isTouched: boolean;
+    isValidating: boolean;
+    error?: import("react-hook-form").FieldError;
+    id: string;
+    name: string;
+    formItemId: string;
+    formDescriptionId: string;
+    formMessageId: string;
+};
+/**
+ * Form item container that provides unique ID context for form elements.
+ */
+declare function FormItem({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Form label component with error state styling.
+ * Automatically associates with form field via useFormField hook.
+ */
+declare function FormLabel({ className, ...props }: React.ComponentProps<typeof LabelPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Form control wrapper that applies accessibility attributes.
+ * Uses Radix Slot to merge props with the form input element.
+ */
+declare function FormControl({ ...props }: React.ComponentProps<typeof Slot>): import("react/jsx-runtime").JSX.Element;
+/**
+ * Form description text displayed below the form control.
+ * Automatically associated with form field for accessibility.
+ */
+declare function FormDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+/**
+ * Form error message component.
+ * Displays validation errors from react-hook-form or custom children.
+ * Returns null if no error message is available.
+ */
+declare function FormMessage({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element | null;
+export { Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, useFormField, };
+//# sourceMappingURL=form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/form.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIjB,MAAM,iBAAiB,CAAC;AAIzB;;;GAGG;AACH,QAAA,MAAM,IAAI,0YAAe,CAAC;AAa1B;;;;;GAKG;AACH,QAAA,MAAM,SAAS,GACb,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAUtC,CAAC;AAEF;;;;;;GAMG;AACH,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF;;GAEG;AACH,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAarE;AAED;;;GAGG;AACH,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED;;;GAGG;AACH,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED;;;GAGG;AACH,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED;;;;GAIG;AACH,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAW,EACX,YAAY,GACb,CAAC"}