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

package/components/ui/card.d.ts

@@ -1,9 +1,15 @@
+import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
-declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const cardVariants: (props?: ({
+    variant?: "flat" | "default" | "status" | "setting" | "interactive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
 declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
 declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, };
 //# sourceMappingURL=card.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GAYR,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,uHASb,CAAC;AAGH,QAAA,MAAM,eAAe,yHAKnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,GACV,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY;;8EAkBjB,CAAC;AAEF,MAAM,WAAW,SACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAG;AAExC,QAAA,MAAM,IAAI,kFAQT,CAAC;AAGF,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,QAAA,MAAM,SAAS,uHASb,CAAC;AAGH,QAAA,MAAM,eAAe,yHAKnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAKf,CAAC;AAGH,QAAA,MAAM,UAAU,6GASd,CAAC;AAGH,OAAO,EACL,IAAI,EACJ,WAAW,EACX,eAAe,EACf,UAAU,EACV,UAAU,EACV,SAAS,EACT,YAAY,GACb,CAAC"}

package/components/ui/card.js

@@ -1,7 +1,22 @@
 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 Card = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("rounded-xl border border-border bg-card text-card-fg shadow-sm", className), ...props })));
+import { cn } from "../../lib/utils.js";
+const cardVariants = cva("rounded-xl border border-border bg-card text-card-fg", {
+    variants: {
+        variant: {
+            default: "shadow-[0_10px_28px_rgba(15,23,42,0.08)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.28)]",
+            interactive: "shadow-[0_10px_28px_rgba(15,23,42,0.08)] dark:shadow-[0_16px_40px_rgba(0,0,0,0.28)] transition-[border-color,box-shadow] hover:border-border-strong hover:shadow-md cursor-pointer",
+            status: "shadow-sm",
+            setting: "shadow-sm p-0",
+            flat: "",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+const Card = React.forwardRef(({ className, variant, ...props }, ref) => (_jsx("div", { ref: ref, className: cn(cardVariants({ variant }), className), ...props })));
 Card.displayName = "Card";
 const CardHeader = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex flex-col space-y-1.5 p-6", className), ...props })));
 CardHeader.displayName = "CardHeader";
@@ -13,4 +28,4 @@ const CardContent = React.forwardRef(({ className, ...props }, ref) => (_jsx("di
 CardContent.displayName = "CardContent";
 const CardFooter = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center p-6 pt-0", className), ...props })));
 CardFooter.displayName = "CardFooter";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, cardVariants, };

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAkBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAE9D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,QAAQ,iKAkBZ,CAAC;AAGH,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/components/ui/checkbox.js

@@ -2,7 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { Check } from "lucide-react";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const Checkbox = React.forwardRef(({ className, ...props }, ref) => (_jsx(CheckboxPrimitive.Root, { ref: ref, className: cn("peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-bg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-fg", className), ...props, children: _jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: _jsx(Check, { className: "h-4 w-4" }) }) })));
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 export { Checkbox };

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

@@ -7,6 +7,14 @@ export interface ConfirmDeleteProps {
     busyLabel?: string;
     promptText?: string;
     className?: string;
+    /** Override the trigger button class (replaces default). */
+    triggerClassName?: string;
+    /** Override the confirm button class (replaces default). */
+    confirmClassName?: string;
+    /** Override the cancel button class (replaces default). */
+    cancelClassName?: string;
+    /** Override the prompt text class (replaces default). */
+    promptClassName?: string;
 }
-export declare function ConfirmDelete({ onConfirm, disabled, triggerLabel, confirmLabel, cancelLabel, busyLabel, promptText, className, }: ConfirmDeleteProps): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmDelete({ onConfirm, disabled, triggerLabel, confirmLabel, cancelLabel, busyLabel, promptText, className, triggerClassName, confirmClassName, cancelClassName, promptClassName, }: ConfirmDeleteProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=confirm-delete.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"confirm-delete.d.ts","sourceRoot":"","sources":["../../../src/components/ui/confirm-delete.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAgB,EAChB,YAAuB,EACvB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,UAAsB,EACtB,SAAS,GACV,EAAE,kBAAkB,2CA2CpB"}
+{"version":3,"file":"confirm-delete.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/confirm-delete.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,kBAAkB;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,4DAA4D;IAC5D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,2DAA2D;IAC3D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAgB,EAChB,YAAuB,EACvB,YAAwB,EACxB,WAAsB,EACtB,SAAS,EACT,UAAsB,EACtB,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,EAAE,kBAAkB,2CAsDpB"}

package/components/ui/confirm-delete.js

@@ -1,13 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-export function ConfirmDelete({ onConfirm, disabled = false, triggerLabel = "Delete", confirmLabel = "Confirm", cancelLabel = "Cancel", busyLabel, promptText = "Delete?", className, }) {
+import { cn } from "../../lib/utils.js";
+export function ConfirmDelete({ onConfirm, disabled = false, triggerLabel = "Delete", confirmLabel = "Confirm", cancelLabel = "Cancel", busyLabel, promptText = "Delete?", className, triggerClassName, confirmClassName, cancelClassName, promptClassName, }) {
     const [confirming, setConfirming] = React.useState(false);
     if (!confirming) {
-        return (_jsx("button", { type: "button", className: 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 }));
+        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 }));
     }
-    return (_jsxs("span", { className: cn("inline-flex items-center gap-1.5", className), children: [_jsx("span", { className: "text-[11px] text-destructive", children: promptText }), _jsx("button", { type: "button", className: "rounded-md border border-destructive bg-destructive px-2 py-0.5 text-[10px] font-medium text-destructive-fg transition-opacity hover:opacity-90 disabled:opacity-50", onClick: () => {
+    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: () => {
                     onConfirm();
                     setConfirming(false);
-                }, disabled: disabled, children: disabled && busyLabel ? busyLabel : confirmLabel }), _jsx("button", { type: "button", className: "rounded-md border border-border px-2 py-0.5 text-[10px] text-muted transition-colors hover:border-accent hover:text-accent disabled:opacity-50", onClick: () => setConfirming(false), disabled: disabled, children: cancelLabel })] }));
+                }, 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 })] }));
 }

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

@@ -1,24 +1,48 @@
-export type ConfirmTone = "danger" | "warn" | "default";
+export type ConfirmVariant = "danger" | "warn" | "default";
 export interface ConfirmDialogProps {
     open: boolean;
     title?: string;
     message: string;
     confirmLabel?: string;
     cancelLabel?: string;
-    tone?: ConfirmTone;
+    variant?: ConfirmVariant;
     onConfirm: () => void;
     onCancel: () => void;
 }
-export declare function ConfirmDialog({ open, title, message, confirmLabel, cancelLabel, tone, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function ConfirmDialog({ open, title, message, confirmLabel, cancelLabel, variant: variantProp, onConfirm, onCancel, }: ConfirmDialogProps): import("react/jsx-runtime").JSX.Element;
+export interface PromptDialogProps {
+    open: boolean;
+    title?: string;
+    message: string;
+    placeholder?: string;
+    defaultValue?: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+    onConfirm: (value: string) => void;
+    onCancel: () => void;
+}
+export declare function PromptDialog({ open, title, message, placeholder, defaultValue, confirmLabel, cancelLabel, onConfirm, onCancel, }: PromptDialogProps): import("react/jsx-runtime").JSX.Element;
 export interface ConfirmOptions {
     title?: string;
     message: string;
     confirmLabel?: string;
     cancelLabel?: string;
-    tone?: ConfirmTone;
+    variant?: ConfirmVariant;
 }
 export declare function useConfirm(): {
     confirm: (opts: ConfirmOptions) => Promise<boolean>;
     modalProps: ConfirmDialogProps;
 };
+export interface PromptOptions {
+    title?: string;
+    message: string;
+    placeholder?: string;
+    defaultValue?: string;
+    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":"AAKA,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;AAExD,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,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,EAAE,MAAM,IAAI,CAAC;CACtB;AAQD,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,KAAiB,EACjB,OAAO,EACP,YAAwB,EACxB,WAAsB,EACtB,IAAgB,EAChB,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,kDA6DpB;AAID,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,IAAI,CAAC,EAAE,WAAW,CAAC;CACpB;AAED,wBAAgB,UAAU;oBAOf,cAAc,KAAG,OAAO,CAAC,OAAO,CAAC;;EA4B3C"}
+{"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"}

package/components/ui/confirm-dialog.js

@@ -1,31 +1,40 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-const TONE_STYLES = {
-    danger: "bg-destructive text-destructive-fg hover:opacity-90",
-    warn: "bg-warn text-white hover:opacity-90",
-    default: "bg-primary text-primary-fg hover:opacity-90",
-};
-export function ConfirmDialog({ open, title = "Confirm", message, confirmLabel = "Confirm", cancelLabel = "Cancel", tone = "default", onConfirm, onCancel, }) {
-    const confirmRef = React.useRef(null);
+import { Button } from "./button.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "./dialog.js";
+import { Field, FieldLabel } from "./field.js";
+import { Input } from "./input.js";
+export function ConfirmDialog({ open, title = "Confirm", message, confirmLabel = "Confirm", cancelLabel = "Cancel", variant: variantProp, onConfirm, onCancel, }) {
+    const variant = variantProp ?? "default";
+    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"
+                                ? "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"
+                                    : "border-accent/55 bg-accent/22 text-accent-fg hover:border-accent/75 hover:bg-accent/32", onClick: onConfirm, children: confirmLabel })] })] }) }));
+}
+export function PromptDialog({ open, title = "Enter Value", message, placeholder, defaultValue = "", confirmLabel = "Confirm", cancelLabel = "Cancel", onConfirm, onCancel, }) {
+    const inputId = React.useId();
+    const inputRef = React.useRef(null);
+    const [value, setValue] = React.useState(defaultValue);
     React.useEffect(() => {
-        if (open) {
-            const t = setTimeout(() => confirmRef.current?.focus(), 50);
-            return () => clearTimeout(t);
-        }
-    }, [open]);
-    const handleKeyDown = React.useCallback((e) => {
-        if (e.key === "Escape") {
-            e.preventDefault();
-            onCancel();
-        }
-    }, [onCancel]);
-    if (!open)
-        return null;
-    return (_jsx("div", { className: "fixed inset-0 flex items-center justify-center bg-black/40", style: { zIndex: 10001 }, onClick: (e) => {
-            if (e.target === e.currentTarget)
+        if (!open)
+            return;
+        setValue(defaultValue);
+        const focusTimer = window.setTimeout(() => inputRef.current?.focus(), 0);
+        return () => window.clearTimeout(focusTimer);
+    }, [defaultValue, open]);
+    return (_jsx(Dialog, { open: open, onOpenChange: (nextOpen) => {
+            if (!nextOpen)
                 onCancel();
-        }, onKeyDown: handleKeyDown, role: "dialog", "aria-modal": "true", "aria-label": title, tabIndex: -1, children: _jsxs("div", { className: "mx-4 w-full max-w-md rounded-lg border border-border bg-bg p-6 shadow-2xl", children: [_jsx("h2", { className: "mb-3 text-base font-bold", children: title }), _jsx("p", { className: "mb-6 whitespace-pre-line text-sm text-muted", children: message }), _jsxs("div", { className: "flex items-center justify-end gap-3", children: [_jsx("button", { type: "button", onClick: onCancel, className: "rounded-md border border-border px-4 py-2 text-sm transition-colors hover:bg-bg-hover", children: cancelLabel }), _jsx("button", { ref: confirmRef, type: "button", onClick: onConfirm, className: cn("rounded-md px-4 py-2 text-sm font-medium transition-opacity", TONE_STYLES[tone]), children: confirmLabel })] })] }) }));
+        }, 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) => {
+                                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);
@@ -53,3 +62,29 @@ export function useConfirm() {
         };
     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

@@ -4,6 +4,12 @@ export interface ConnectionStatusProps extends React.HTMLAttributes<HTMLDivEleme
     state: ConnectionState;
     /** Custom label — overrides the default state label */
     label?: string;
+    /** Override label for "Connected" state */
+    connectedLabel?: string;
+    /** Override label for "Disconnected" state */
+    disconnectedLabel?: string;
+    /** Override label for "Error" state */
+    errorLabel?: string;
 }
 export declare const ConnectionStatus: React.ForwardRefExoticComponent<ConnectionStatusProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=connection-status.d.ts.map

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;AAuBrE,MAAM,WAAW,qBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,EAAE,eAAe,CAAC;IACvB,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,gBAAgB,8FAmB3B,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,8FA2D5B,CAAC"}

package/components/ui/connection-status.js

@@ -1,25 +1,25 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
-const STATE_STYLES = {
-    connected: {
-        dot: "bg-ok",
-        text: "text-txt",
-        label: "Connected",
-    },
-    disconnected: {
-        dot: "bg-muted",
-        text: "text-muted",
-        label: "Disconnected",
-    },
-    error: {
-        dot: "bg-destructive",
-        text: "text-destructive",
-        label: "Error",
-    },
-};
-export const ConnectionStatus = React.forwardRef(({ state, label, className, ...props }, ref) => {
-    const styles = STATE_STYLES[state];
-    return (_jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-2 rounded-md border border-border bg-bg-accent px-3 py-1.5 text-xs", styles.text, className), ...props, children: [_jsx("span", { className: cn("h-2 w-2 rounded-full", styles.dot) }), label ?? styles.label] }));
+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 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"
+            ? "border-ok/25 bg-ok-subtle/70 text-txt"
+            : state === "disconnected"
+                ? "border-border/70 bg-bg-accent text-muted-strong"
+                : "border-destructive/35 bg-destructive-subtle text-destructive", className), role: role ?? (state === "error" ? "alert" : "status"), "aria-live": ariaLive ?? (state === "error" ? "assertive" : "polite"), ...props, children: [_jsx("span", { className: cn("h-2 w-2 rounded-full", state === "connected"
+                    ? "bg-ok"
+                    : state === "disconnected"
+                        ? "bg-muted"
+                        : "bg-destructive") }), label ?? overrideLabels[state] ?? 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,2FA0CtB,CAAC"}

package/components/ui/copy-button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Check, Copy } from "lucide-react";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+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 handleCopy = React.useCallback(() => {

package/components/ui/dialog.d.ts

@@ -5,7 +5,12 @@ declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
-declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    /** Portal to a specific DOM element (e.g. document.body) to escape 3D-transform stacking contexts */
+    container?: HTMLElement | null;
+    /** Hide the default top-right close button when the consumer renders its own close affordance. */
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {
     ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;

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,8JAqBjB,CAAC;AAGH,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;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"}

package/components/ui/dialog.js

@@ -2,18 +2,19 @@ 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 { cn } from "../../lib/utils";
+import { Z_DIALOG, Z_DIALOG_OVERLAY } from "../../lib/floating-layers.js";
+import { cn } from "../../lib/utils.js";
 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-50 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-[${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 })));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(DialogPortal, { children: [_jsx(DialogOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn("fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-bg p-6 shadow-lg 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:rounded-lg", className), ...props, children: [children, _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" })] })] })] })));
+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] })] })));
 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";
-const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className), ...props }));
+const DialogFooter = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col-reverse gap-2 pt-4 sm:flex-row sm:justify-end sm:pt-5", className), ...props }));
 DialogFooter.displayName = "DialogFooter";
 const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props })));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;

package/components/ui/drawer-sheet.d.ts

@@ -0,0 +1,19 @@
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import * as React from "react";
+declare const DrawerSheet: React.FC<DialogPrimitive.DialogProps>;
+declare const DrawerSheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerSheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const DrawerSheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const DrawerSheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerSheetContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    container?: HTMLElement | null;
+    showCloseButton?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const DrawerSheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+declare const DrawerSheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const DrawerSheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+export { DrawerSheet, DrawerSheetClose, DrawerSheetContent, DrawerSheetDescription, DrawerSheetHeader, DrawerSheetOverlay, DrawerSheetPortal, DrawerSheetTitle, DrawerSheetTrigger, };
+//# sourceMappingURL=drawer-sheet.d.ts.map

package/components/ui/drawer-sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/drawer-sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,WAAW,uCAAuB,CAAC;AAEzC,QAAA,MAAM,kBAAkB,8GAA0B,CAAC;AAEnD,QAAA,MAAM,iBAAiB,6CAAyB,CAAC;AAEjD,QAAA,MAAM,gBAAgB,4GAAwB,CAAC;AAE/C,QAAA,MAAM,kBAAkB,8JAYtB,CAAC;AAGH,QAAA,MAAM,kBAAkB;gBAGR,WAAW,GAAG,IAAI;sBACZ,OAAO;wCA2B5B,CAAC;AAGF,QAAA,MAAM,iBAAiB;8BAGpB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;;CAKtC,CAAC;AAGF,QAAA,MAAM,gBAAgB,oKAYpB,CAAC;AAGH,QAAA,MAAM,sBAAsB,8KAS1B,CAAC;AAGH,OAAO,EACL,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GACnB,CAAC"}

package/components/ui/drawer-sheet.js

@@ -0,0 +1,21 @@
+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";
+const DrawerSheet = DialogPrimitive.Root;
+const DrawerSheetTrigger = DialogPrimitive.Trigger;
+const DrawerSheetPortal = DialogPrimitive.Portal;
+const DrawerSheetClose = DialogPrimitive.Close;
+const DrawerSheetOverlay = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Overlay, { ref: ref, className: cn(`fixed inset-0 z-[${Z_DIALOG_OVERLAY}] bg-black/72 backdrop-blur-[2px] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0`, className), ...props })));
+DrawerSheetOverlay.displayName = DialogPrimitive.Overlay.displayName;
+const DrawerSheetContent = React.forwardRef(({ className, children, container, showCloseButton = false, ...props }, ref) => (_jsxs(DrawerSheetPortal, { container: container, children: [_jsx(DrawerSheetOverlay, {}), _jsxs(DialogPrimitive.Content, { ref: ref, className: cn(`fixed left-[max(0.5rem,var(--safe-area-left,0px))] right-[max(0.5rem,var(--safe-area-right,0px))] bottom-[max(0.5rem,var(--safe-area-bottom,0px))] z-[${Z_DIALOG}] flex max-h-[min(calc(100dvh_-_1rem_-_var(--safe-area-top,0px)_-_var(--safe-area-bottom,0px)),44rem)] flex-col overflow-hidden rounded-[1.25rem] border border-border/70 bg-bg shadow-[0_24px_70px_rgba(2,8,23,0.28)] 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]:slide-out-to-bottom-6 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", children: [_jsx(X, { className: "h-4 w-4" }), _jsx("span", { className: "sr-only", children: "Close" })] })) : null] })] })));
+DrawerSheetContent.displayName = DialogPrimitive.Content.displayName;
+const DrawerSheetHeader = ({ className, ...props }) => (_jsx("div", { className: cn("flex flex-col gap-1.5 text-left", className), ...props }));
+DrawerSheetHeader.displayName = "DrawerSheetHeader";
+const DrawerSheetTitle = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Title, { ref: ref, className: cn("text-base font-semibold leading-none tracking-tight", className), ...props })));
+DrawerSheetTitle.displayName = DialogPrimitive.Title.displayName;
+const DrawerSheetDescription = React.forwardRef(({ className, ...props }, ref) => (_jsx(DialogPrimitive.Description, { ref: ref, className: cn("text-sm text-muted", className), ...props })));
+DrawerSheetDescription.displayName = DialogPrimitive.Description.displayName;
+export { DrawerSheet, DrawerSheetClose, DrawerSheetContent, DrawerSheetDescription, DrawerSheetHeader, DrawerSheetOverlay, DrawerSheetPortal, DrawerSheetTitle, DrawerSheetTrigger, };

package/components/ui/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAC;AAIH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,CAAC"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAC;AAEvE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,YAAY,mDAA6B,CAAC;AAEhD,QAAA,MAAM,mBAAmB,0HAAgC,CAAC;AAE1D,QAAA,MAAM,iBAAiB,qHAA8B,CAAC;AAEtD,QAAA,MAAM,kBAAkB,yDAA+B,CAAC;AAExD,QAAA,MAAM,eAAe,sDAA4B,CAAC;AAElD,QAAA,MAAM,sBAAsB,0HAAmC,CAAC;AAEhE,QAAA,MAAM,sBAAsB;YAGhB,OAAO;wCAejB,CAAC;AAIH,QAAA,MAAM,sBAAsB,6KAY1B,CAAC;AAIH,QAAA,MAAM,mBAAmB,0KAevB,CAAC;AAGH,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,wBAAwB,+KAoB5B,CAAC;AAIH,QAAA,MAAM,qBAAqB,4KAmBzB,CAAC;AAGH,QAAA,MAAM,iBAAiB;YAGX,OAAO;wCAYjB,CAAC;AAGH,QAAA,MAAM,qBAAqB,4KASzB,CAAC;AAGH,QAAA,MAAM,oBAAoB;8BAGvB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAOvC,CAAC;AAGF,OAAO,EACL,YAAY,EACZ,wBAAwB,EACxB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,qBAAqB,EACrB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACpB,CAAC"}

package/components/ui/dropdown-menu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { Check, ChevronRight, Circle } from "lucide-react";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+import { cn } from "../../lib/utils.js";
 const DropdownMenu = DropdownMenuPrimitive.Root;
 const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 const DropdownMenuGroup = DropdownMenuPrimitive.Group;

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;CAC1B;AAED,eAAO,MAAM,UAAU,wFA0BtB,CAAC"}

package/components/ui/empty-state.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { cn } from "../../lib/utils";
+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] })));
 EmptyState.displayName = "EmptyState";

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

@@ -3,6 +3,10 @@ export interface ErrorBoundaryProps {
     children: React.ReactNode;
     /** Custom fallback UI — receives the error and a reset callback */
     fallback?: (error: Error, resetErrorBoundary: () => void) => React.ReactNode;
+    /** Label for the error heading (default: "Something went wrong") */
+    errorLabel?: string;
+    /** Label for the retry button (default: "Try Again") */
+    retryLabel?: string;
 }
 interface ErrorBoundaryState {
     error: Error | null;

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;CAC9E;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,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;IAI1D,kBAAkB,aAEhB;IAEF,MAAM;CA4BP"}

package/components/ui/error-boundary.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
-import { Button } from "./button";
+import { Button } from "./button.js";
 export class ErrorBoundary extends React.Component {
     constructor(props) {
         super(props);
@@ -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: "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: "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-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 this.props.children;
     }

package/components/ui/field-switch.d.ts

@@ -0,0 +1,8 @@
+import * as React from "react";
+export interface FieldSwitchProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "checked" | "onChange" | "children"> {
+    checked: boolean;
+    label: React.ReactNode;
+    onCheckedChange?: (checked: boolean) => void;
+}
+export declare const FieldSwitch: React.ForwardRefExoticComponent<FieldSwitchProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=field-switch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"field-switch.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/field-switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,gBACf,SAAQ,IAAI,CACV,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,SAAS,GAAG,UAAU,GAAG,UAAU,CACpC;IACD,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,WAAW,4FA0CvB,CAAC"}

package/components/ui/field-switch.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../lib/utils.js";
+export const FieldSwitch = React.forwardRef(({ checked, className, disabled, label, onCheckedChange, onClick, ...props }, ref) => (_jsxs("button", { ...props, ref: ref, type: "button", role: "switch", "aria-checked": checked, disabled: disabled, onClick: (event) => {
+        onClick?.(event);
+        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 })] })));
+FieldSwitch.displayName = "FieldSwitch";

package/components/ui/field.d.ts

@@ -0,0 +1,12 @@
+import type * as LabelPrimitive from "@radix-ui/react-label";
+import * as React from "react";
+declare const Field: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const FieldLabel: React.ForwardRefExoticComponent<Omit<LabelPrimitive.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & {
+    variant?: "default" | "form" | "kicker";
+} & React.RefAttributes<HTMLLabelElement>>;
+declare const FieldDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
+declare const FieldMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
+    tone?: "default" | "danger" | "success";
+} & React.RefAttributes<HTMLParagraphElement>>;
+export { Field, FieldDescription, FieldLabel, FieldMessage };
+//# sourceMappingURL=field.d.ts.map