@elizaos/ui 2.0.0-alpha.74 → 2.0.0-alpha.76

package/{dist/components → components}/ui/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAWX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/components/ui/button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,cAAc;;;8EA2BnB,CAAC;AAEF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EACnD,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,MAAM,uFAiBX,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/{dist/components → components}/ui/button.js

@@ -6,10 +6,10 @@ import { cn } from "../../lib/utils";
 const buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-bg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", {
     variants: {
         variant: {
-            default: "bg-primary text-[var(--primary-foreground,#1a1f26)] hover:bg-primary/90 hover:text-[var(--primary-foreground,#1a1f26)]",
-            destructive: "bg-destructive text-destructive-fg hover:bg-destructive/90",
-            outline: "border border-input bg-bg hover:bg-bg-accent hover:text-accent-fg",
-            secondary: "bg-secondary text-secondary-fg hover:bg-secondary/80",
+            default: "bg-primary text-[var(--primary-foreground,#1a1f26)] border border-transparent hover:border-[var(--accent-hover,#d8a108)] hover:shadow-[0_0_0_1px_var(--accent-hover,#d8a108)]",
+            destructive: "bg-destructive text-destructive-fg border border-transparent hover:border-destructive/70 hover:shadow-[0_0_0_1px_rgba(239,68,68,0.3)]",
+            outline: "border border-input bg-bg hover:border-[var(--accent,#f0b90b)] hover:shadow-[0_0_0_1px_var(--accent,#f0b90b)]",
+            secondary: "bg-secondary text-secondary-fg border border-transparent hover:border-secondary/70",
             ghost: "hover:bg-bg-accent hover:text-accent-fg",
             link: "text-primary underline-offset-4 hover:underline",
         },
@@ -25,9 +25,13 @@ const buttonVariants = cva("inline-flex items-center justify-center gap-2 whites
         size: "default",
     },
 });
-const Button = React.forwardRef(({ className, variant, size, asChild = false, ...props }, ref) => {
+const Button = React.forwardRef(({ className, variant, size, asChild = false, style, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
-    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, ...props }));
+    const isDefault = variant === "default" || variant === undefined;
+    const resolvedStyle = isDefault && !style?.color
+        ? { ...style, color: "var(--primary-foreground, #1a1f26)" }
+        : style;
+    return (_jsx(Comp, { className: cn(buttonVariants({ variant, size, className })), ref: ref, style: resolvedStyle, ...props }));
 });
 Button.displayName = "Button";
 export { Button, buttonVariants };

package/{dist/components → components}/ui/typography.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from "class-variance-authority";
 import * as React from "react";
 declare const textVariants: (props?: ({
-    variant?: "default" | "small" | "muted" | "medium" | "lead" | "large" | null | undefined;
+    variant?: "default" | "small" | "medium" | "large" | "muted" | "lead" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export interface TextProps extends React.HTMLAttributes<HTMLParagraphElement>, VariantProps<typeof textVariants> {
     asChild?: boolean;

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@elizaos/ui",
-  "version": "2.0.0-alpha.74",
+  "version": "2.0.0-alpha.76",
   "description": "Reusable UI primitives and components for Milady applications.",
   "type": "module",
-  "main": "src/index.ts",
+  "main": "./index.js",
   "license": "MIT",
   "homepage": "https://github.com/milady-ai/milady",
   "repository": {
@@ -17,14 +17,18 @@
     "react",
     "components"
   ],
-  "scripts": {
-    "clean": "rimraf dist",
-    "build:dist": "rimraf dist && tsc -p tsconfig.build.json && node ../../scripts/copy-package-assets.mjs packages/ui src/styles && node ../../scripts/prepare-package-dist.mjs packages/ui",
-    "pack:dry-run": "cd dist && npm pack --dry-run"
-  },
   "exports": {
-    ".": "./src/index.ts",
-    "./utils": "./src/lib/utils.ts"
+    ".": {
+      "types": "./index.d.ts",
+      "import": "./index.js",
+      "default": "./index.js"
+    },
+    "./utils": {
+      "types": "./lib/utils.d.ts",
+      "import": "./lib/utils.js",
+      "default": "./lib/utils.js"
+    },
+    "./package.json": "./package.json"
   },
   "peerDependencies": {
     "react": "^19.0.0",
@@ -51,14 +55,8 @@
     "tailwind-merge": "^2.6.0"
   },
   "publishConfig": {
-    "access": "public"
-  },
-  "devDependencies": {
-    "@tailwindcss/vite": "^4.2.1",
-    "@types/react": "^19.0.0",
-    "@types/react-dom": "^19.0.0",
-    "tailwindcss": "^4.1.18",
-    "typescript": "^5.9.3"
+    "access": "public",
+    "directory": "dist"
   },
-  "gitHead": "bd9dab587a7ced91db4f9683d8e0011ce013fe8c"
+  "types": "./index.d.ts"
 }

package/.turbo/turbo-build.log

@@ -1,3 +0,0 @@
-
-$ bun run build:dist
-$ find src -type f \( -name '*.js' -o -name '*.d.ts' -o -name '*.d.ts.map' -o -name '*.js.map' \) -delete && rm -rf dist && tsc -p tsconfig.build.json && find src -type f \( -name '*.js' -o -name '*.d.ts' -o -name '*.d.ts.map' -o -name '*.js.map' \) -delete && node ../../scripts/copy-package-assets.mjs packages/ui src/styles && node ../../scripts/prepare-package-dist.mjs packages/ui

package/.turbo/turbo-lint$colon$check.log

@@ -1,2 +0,0 @@
-$ bunx @biomejs/biome check ./src/index.ts ./src/lib ./src/components ./src/stories
-Checked 90 files in 364ms. No fixes applied.

package/.turbo/turbo-lint.log

@@ -1,2 +0,0 @@
-$ bunx @biomejs/biome check --write ./src/index.ts ./src/lib ./src/components ./src/stories
-Checked 90 files in 215ms. No fixes applied.

package/.turbo/turbo-typecheck.log

@@ -1 +0,0 @@
-$ tsc --noEmit -p tsconfig.json

package/README.md

@@ -1,6 +0,0 @@
-# @elizaos/ui
-
-Reusable React UI primitives for ElizaOS applications.
-
-This package contains shared buttons, inputs, dialogs, badges, layout helpers,
-and related component utilities used by app shells built on top of ElizaOS.

package/dist/package.json

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

package/src/components/ui/badge.tsx

@@ -1,35 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import type * as React from "react";
-
-import { cn } from "../../lib/utils";
-
-const badgeVariants = cva(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default:
-          "border-transparent bg-primary text-primary-fg hover:bg-primary/80",
-        secondary: "border-transparent bg-bg-accent text-txt hover:bg-bg-hover",
-        destructive:
-          "border-transparent bg-destructive text-destructive-fg hover:bg-destructive/80",
-        outline: "text-txt border-border",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-    },
-  },
-);
-
-export interface BadgeProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof badgeVariants> {}
-
-function Badge({ className, variant, ...props }: BadgeProps) {
-  return (
-    <div className={cn(badgeVariants({ variant }), className)} {...props} />
-  );
-}
-
-export { Badge, badgeVariants };

package/src/components/ui/banner.tsx

@@ -1,81 +0,0 @@
-import { cva, type VariantProps } from "class-variance-authority";
-import { AlertTriangle, Info, X, XCircle } from "lucide-react";
-import * as React from "react";
-import { cn } from "../../lib/utils";
-
-const bannerVariants = cva(
-  "flex items-center gap-3 border px-4 py-2.5 text-xs",
-  {
-    variants: {
-      variant: {
-        error: "border-destructive/30 bg-destructive/10 text-destructive",
-        warning: "border-warn/30 bg-warn/10 text-warn",
-        info: "border-accent/30 bg-accent/10 text-accent",
-      },
-    },
-    defaultVariants: {
-      variant: "info",
-    },
-  },
-);
-
-const ICONS: Record<string, React.ElementType> = {
-  error: XCircle,
-  warning: AlertTriangle,
-  info: Info,
-};
-
-export interface BannerProps
-  extends React.HTMLAttributes<HTMLDivElement>,
-    VariantProps<typeof bannerVariants> {
-  /** Optional action element (button, link) */
-  action?: React.ReactNode;
-  /** Show dismiss button */
-  dismissible?: boolean;
-  /** Called when dismiss is clicked */
-  onDismiss?: () => void;
-  /** Aria-label for dismiss button */
-  dismissLabel?: string;
-}
-
-export const Banner = React.forwardRef<HTMLDivElement, BannerProps>(
-  (
-    {
-      variant = "info",
-      action,
-      dismissible,
-      onDismiss,
-      dismissLabel = "Dismiss",
-      className,
-      children,
-      ...props
-    },
-    ref,
-  ) => {
-    const Icon = ICONS[variant ?? "info"];
-
-    return (
-      <div
-        ref={ref}
-        className={cn(bannerVariants({ variant }), className)}
-        role="alert"
-        {...props}
-      >
-        <Icon className="h-4 w-4 shrink-0" />
-        <span className="flex-1">{children}</span>
-        {action}
-        {dismissible && (
-          <button
-            type="button"
-            onClick={onDismiss}
-            className="rounded-sm p-0.5 opacity-70 hover:opacity-100 transition-opacity"
-            aria-label={dismissLabel}
-          >
-            <X className="h-3.5 w-3.5" />
-          </button>
-        )}
-      </div>
-    );
-  },
-);
-Banner.displayName = "Banner";

package/src/components/ui/button.tsx

@@ -1,56 +0,0 @@
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-import * as React from "react";
-
-import { cn } from "../../lib/utils";
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-bg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 cursor-pointer [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-  {
-    variants: {
-      variant: {
-        default:
-          "bg-primary text-[var(--primary-foreground,#1a1f26)] hover:bg-primary/90 hover:text-[var(--primary-foreground,#1a1f26)]",
-        destructive:
-          "bg-destructive text-destructive-fg hover:bg-destructive/90",
-        outline:
-          "border border-input bg-bg hover:bg-bg-accent hover:text-accent-fg",
-        secondary: "bg-secondary text-secondary-fg hover:bg-secondary/80",
-        ghost: "hover:bg-bg-accent hover:text-accent-fg",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3 py-1.5",
-        lg: "h-11 rounded-md px-8 py-2.5",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  },
-);
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-    VariantProps<typeof buttonVariants> {
-  asChild?: boolean;
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    );
-  },
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };

package/src/components/ui/card.tsx

@@ -1,79 +0,0 @@
-import * as React from "react";
-
-import { cn } from "../../lib/utils";
-
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-xl border border-border bg-card text-card-fg shadow-sm",
-      className,
-    )}
-    {...props}
-  />
-));
-Card.displayName = "Card";
-
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
-    {...props}
-  />
-));
-CardHeader.displayName = "CardHeader";
-
-const CardTitle = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
-  <h3
-    ref={ref}
-    className={cn("font-semibold leading-none tracking-tight", className)}
-    {...props}
-  />
-));
-CardTitle.displayName = "CardTitle";
-
-const CardDescription = React.forwardRef<
-  HTMLParagraphElement,
-  React.HTMLAttributes<HTMLParagraphElement>
->(({ className, ...props }, ref) => (
-  <p ref={ref} className={cn("text-sm text-muted", className)} {...props} />
-));
-CardDescription.displayName = "CardDescription";
-
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-));
-CardContent.displayName = "CardContent";
-
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
-    {...props}
-  />
-));
-CardFooter.displayName = "CardFooter";
-
-export {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-};

package/src/components/ui/chat-atoms.tsx

@@ -1,129 +0,0 @@
-/**
- * Chat sub-components that have no app-level context dependency.
- *
- * These complement the full `ChatMessage` component (which stays in
- * `apps/app` because it uses `useApp()` for i18n and the `MessageContent`
- * renderer). Extracted here so they can be reused by any app.
- */
-
-import { Button } from "./button";
-
-/* ── TypingIndicator ─────────────────────────────────────────────────── */
-
-export function TypingIndicator({
-  agentName,
-  agentAvatarSrc,
-}: {
-  agentName: string;
-  agentAvatarSrc?: string | null;
-}) {
-  const agentInitial = agentName.trim().charAt(0).toUpperCase() || "A";
-
-  return (
-    <div className="flex items-start gap-2 sm:gap-3 mt-4">
-      <div className="w-8 h-8 shrink-0 rounded-full overflow-hidden border border-border bg-bg-hover shadow-sm">
-        {agentAvatarSrc ? (
-          <img
-            src={agentAvatarSrc}
-            alt={`${agentName} avatar`}
-            className="w-full h-full object-cover"
-          />
-        ) : (
-          <div className="w-full h-full flex items-center justify-center text-[11px] font-bold text-accent bg-accent-subtle">
-            {agentInitial}
-          </div>
-        )}
-      </div>
-
-      <div className="max-w-[88%] sm:max-w-[80%] min-w-0">
-        <div className="text-[12px] font-semibold text-accent mb-1">
-          {agentName}
-        </div>
-        <div className="px-4 py-3 bg-bg-accent border border-border rounded-2xl rounded-bl-md">
-          <div className="flex gap-1">
-            <span
-              className="w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]"
-              style={{ animationDelay: "0ms" }}
-            />
-            <span
-              className="w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]"
-              style={{ animationDelay: "200ms" }}
-            />
-            <span
-              className="w-2 h-2 rounded-full bg-muted-strong animate-[typing-bounce_1.2s_ease-in-out_infinite]"
-              style={{ animationDelay: "400ms" }}
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
-
-/* ── ChatEmptyState ──────────────────────────────────────────────────── */
-
-export interface ChatEmptyStateProps {
-  agentName: string;
-  /** Starter suggestions shown as quick-reply chips. */
-  suggestions?: string[];
-  onSuggestionClick?: (suggestion: string) => void;
-  /** i18n labels — all have sensible English defaults. */
-  labels?: {
-    startConversation?: string;
-    sendMessageTo?: string;
-    toBeginChatting?: string;
-    chatIconLabel?: string;
-  };
-}
-
-export function ChatEmptyState({
-  agentName,
-  suggestions = ["Hello!", "How are you?", "Tell me a joke", "Help me with..."],
-  onSuggestionClick,
-  labels = {},
-}: ChatEmptyStateProps) {
-  return (
-    <div className="flex-1 flex flex-col items-center justify-center text-center p-6">
-      <div className="w-16 h-16 rounded-2xl bg-accent-subtle flex items-center justify-center mb-4">
-        <svg
-          width="32"
-          height="32"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          strokeWidth="2"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          className="text-accent"
-          aria-label={labels.chatIconLabel ?? "Chat icon"}
-        >
-          <title>{labels.chatIconLabel ?? "Chat"}</title>
-          <path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
-        </svg>
-      </div>
-      <h3 className="text-lg font-semibold text-txt-strong mb-2">
-        {labels.startConversation ?? "Start a Conversation"}
-      </h3>
-      <p
-        className="text-sm text-muted max-w-sm mb-6"
-        style={{ fontFamily: "var(--font-chat)" }}
-      >
-        {labels.sendMessageTo ?? "Send a message to"} {agentName}{" "}
-        {labels.toBeginChatting ?? "to begin chatting."}
-      </p>
-      <div className="flex flex-wrap justify-center gap-2">
-        {suggestions.map((suggestion) => (
-          <Button
-            key={suggestion}
-            variant="outline"
-            size="sm"
-            className="px-3 py-1.5 h-7 text-xs rounded-full text-muted border-border bg-bg hover:border-accent hover:text-accent transition-colors"
-            onClick={() => onSuggestionClick?.(suggestion)}
-          >
-            {suggestion}
-          </Button>
-        ))}
-      </div>
-    </div>
-  );
-}

package/src/components/ui/checkbox.tsx

@@ -1,28 +0,0 @@
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { Check } from "lucide-react";
-import * as React from "react";
-
-import { cn } from "../../lib/utils";
-
-const Checkbox = React.forwardRef<
-  React.ElementRef<typeof CheckboxPrimitive.Root>,
-  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>
->(({ className, ...props }, ref) => (
-  <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}
-  >
-    <CheckboxPrimitive.Indicator
-      className={cn("flex items-center justify-center text-current")}
-    >
-      <Check className="h-4 w-4" />
-    </CheckboxPrimitive.Indicator>
-  </CheckboxPrimitive.Root>
-));
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-export { Checkbox };

package/src/components/ui/confirm-delete.tsx

@@ -1,67 +0,0 @@
-import * as React from "react";
-import { cn } from "../../lib/utils";
-
-export interface ConfirmDeleteProps {
-  onConfirm: () => void;
-  disabled?: boolean;
-  triggerLabel?: string;
-  confirmLabel?: string;
-  cancelLabel?: string;
-  busyLabel?: string;
-  promptText?: string;
-  className?: string;
-}
-
-export function ConfirmDelete({
-  onConfirm,
-  disabled = false,
-  triggerLabel = "Delete",
-  confirmLabel = "Confirm",
-  cancelLabel = "Cancel",
-  busyLabel,
-  promptText = "Delete?",
-  className,
-}: ConfirmDeleteProps) {
-  const [confirming, setConfirming] = React.useState(false);
-
-  if (!confirming) {
-    return (
-      <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}
-      >
-        {triggerLabel}
-      </button>
-    );
-  }
-
-  return (
-    <span className={cn("inline-flex items-center gap-1.5", className)}>
-      <span className="text-[11px] text-destructive">{promptText}</span>
-      <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={() => {
-          onConfirm();
-          setConfirming(false);
-        }}
-        disabled={disabled}
-      >
-        {disabled && busyLabel ? busyLabel : confirmLabel}
-      </button>
-      <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}
-      >
-        {cancelLabel}
-      </button>
-    </span>
-  );
-}