@tangle-network/sandbox-ui 0.21.1 → 0.22.0

package/dist/auth.js

@@ -4,7 +4,9 @@ import {
   LoginLayout,
   TangleLoginButton,
   UserMenu
-} from "./chunk-IOB2PW5Z.js";
+} from "./chunk-R3ZMMCT3.js";
+import "./chunk-UHFJXO24.js";
+import "./chunk-EI44GEQ5.js";
 export {
   AuthHeader,
   GitHubLoginButton,

package/dist/{chunk-R6NONXFC.js → chunk-BP6ZTBI6.js}

@@ -1928,9 +1928,9 @@ function CalendarView({
                   children: date.getDate()
                 }
               ),
-              /* @__PURE__ */ jsxs12("div", { className: "flex flex-wrap gap-0.5 w-full", children: [
+              /* @__PURE__ */ jsxs12("div", { className: "flex flex-col gap-0.5 w-full min-w-0", children: [
                 dayEvents.slice(0, 3).map(
-                  (evt) => renderEventChip ? /* @__PURE__ */ jsx12("span", { children: renderEventChip(evt) }, evt.id) : /* @__PURE__ */ jsx12(
+                  (evt) => renderEventChip ? /* @__PURE__ */ jsx12("div", { className: "w-full min-w-0", children: renderEventChip(evt) }, evt.id) : /* @__PURE__ */ jsx12(
                     "div",
                     {
                       className: "w-full truncate text-[9px] px-1 py-0.5 rounded bg-primary/10 text-primary",

package/dist/{chunk-IOB2PW5Z.js → chunk-R3ZMMCT3.js}

@@ -1,3 +1,7 @@
+import {
+  TangleKnot
+} from "./chunk-UHFJXO24.js";
+
 // src/auth/index.ts
 import {
   AuthHeader,
@@ -10,18 +14,6 @@ import {
 import { Button } from "@tangle-network/ui/primitives";
 import { cn } from "@tangle-network/ui/utils";
 import { jsx, jsxs } from "react/jsx-runtime";
-function TangleMark({ className }) {
-  return /* @__PURE__ */ jsx(
-    "svg",
-    {
-      className,
-      viewBox: "0 0 24 24",
-      fill: "currentColor",
-      "aria-hidden": "true",
-      children: /* @__PURE__ */ jsx("path", { d: "M4 5h16v3.2h-6.4V19h-3.2V8.2H4V5z" })
-    }
-  );
-}
 function TangleLoginButton({
   authUrl = "/auth/tangle",
   variant = "default",
@@ -39,7 +31,7 @@ function TangleLoginButton({
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx(TangleMark, { className: "h-5 w-5" }),
+        /* @__PURE__ */ jsx(TangleKnot, { size: 20 }),
         children ?? "Sign in with Tangle"
       ]
     }

package/dist/chunk-SM7IJY4I.js

@@ -0,0 +1,178 @@
+// src/primitives/index.ts
+import {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  badgeVariants,
+  Button,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropZone,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  InlineCode,
+  Input,
+  Label,
+  Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable,
+  StatCard,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TerminalCursor,
+  TerminalDisplay,
+  TerminalInput,
+  TerminalLine,
+  Textarea,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  UploadProgress,
+  useTheme,
+  useToast
+} from "@tangle-network/ui/primitives";
+
+export {
+  Avatar,
+  AvatarFallback,
+  AvatarImage,
+  Badge,
+  badgeVariants,
+  Button,
+  buttonVariants,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+  CodeBlock,
+  CopyButton,
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+  DropZone,
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuLabel,
+  DropdownMenuPortal,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubContent,
+  DropdownMenuSubTrigger,
+  DropdownMenuTrigger,
+  EmptyState,
+  InlineCode,
+  Input,
+  Label,
+  Progress,
+  SegmentedControl,
+  Select,
+  SelectContent,
+  SelectGroup,
+  SelectItem,
+  SelectLabel,
+  SelectScrollDownButton,
+  SelectScrollUpButton,
+  SelectSeparator,
+  SelectTrigger,
+  SelectValue,
+  SidebarDropZone,
+  Skeleton,
+  SkeletonCard,
+  SkeletonTable,
+  StatCard,
+  Switch,
+  Table,
+  TableBody,
+  TableCaption,
+  TableCell,
+  TableFooter,
+  TableHead,
+  TableHeader,
+  TableRow,
+  Tabs,
+  TabsContent,
+  TabsList,
+  TabsTrigger,
+  TerminalCursor,
+  TerminalDisplay,
+  TerminalInput,
+  TerminalLine,
+  Textarea,
+  ThemeToggle,
+  ToastContainer,
+  ToastProvider,
+  UploadProgress,
+  useTheme,
+  useToast
+};

package/dist/{chunk-7ZA5SEK3.js → chunk-UHFJXO24.js}

@@ -2,96 +2,6 @@ import {
   cn
 } from "./chunk-EI44GEQ5.js";
 
-// src/primitives/index.ts
-import {
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Badge,
-  badgeVariants,
-  Button,
-  buttonVariants,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  CodeBlock,
-  CopyButton,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  DropZone,
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-  EmptyState,
-  InlineCode,
-  Input,
-  Label,
-  Progress,
-  SegmentedControl,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-  SidebarDropZone,
-  Skeleton,
-  SkeletonCard,
-  SkeletonTable,
-  StatCard,
-  Switch,
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  TerminalCursor,
-  TerminalDisplay,
-  TerminalInput,
-  TerminalLine,
-  Textarea,
-  ThemeToggle,
-  ToastContainer,
-  ToastProvider,
-  UploadProgress,
-  useTheme,
-  useToast
-} from "@tangle-network/ui/primitives";
-
 // src/primitives/logo.tsx
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -149,91 +59,5 @@ Logo.displayName = "Logo";
 
 export {
   TangleKnot,
-  Logo,
-  Avatar,
-  AvatarFallback,
-  AvatarImage,
-  Badge,
-  badgeVariants,
-  Button,
-  buttonVariants,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  CodeBlock,
-  CopyButton,
-  Dialog,
-  DialogClose,
-  DialogContent,
-  DialogDescription,
-  DialogFooter,
-  DialogHeader,
-  DialogOverlay,
-  DialogPortal,
-  DialogTitle,
-  DialogTrigger,
-  DropZone,
-  DropdownMenu,
-  DropdownMenuCheckboxItem,
-  DropdownMenuContent,
-  DropdownMenuGroup,
-  DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
-  DropdownMenuRadioItem,
-  DropdownMenuSeparator,
-  DropdownMenuShortcut,
-  DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger,
-  DropdownMenuTrigger,
-  EmptyState,
-  InlineCode,
-  Input,
-  Label,
-  Progress,
-  SegmentedControl,
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectScrollDownButton,
-  SelectScrollUpButton,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue,
-  SidebarDropZone,
-  Skeleton,
-  SkeletonCard,
-  SkeletonTable,
-  StatCard,
-  Switch,
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow,
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger,
-  TerminalCursor,
-  TerminalDisplay,
-  TerminalInput,
-  TerminalLine,
-  Textarea,
-  ThemeToggle,
-  ToastContainer,
-  ToastProvider,
-  UploadProgress,
-  useTheme,
-  useToast
+  Logo
 };

package/dist/{chunk-LA5GHELP.js → chunk-ZNYEJERQ.js}

@@ -1,7 +1,9 @@
 import {
-  Button,
+  Button
+} from "./chunk-SM7IJY4I.js";
+import {
   Logo
-} from "./chunk-7ZA5SEK3.js";
+} from "./chunk-UHFJXO24.js";
 import {
   cn
 } from "./chunk-EI44GEQ5.js";

package/dist/dashboard.js

@@ -44,7 +44,7 @@ import {
   canAdminSandbox,
   parseInsufficientBalance,
   useSidebar
-} from "./chunk-LA5GHELP.js";
+} from "./chunk-ZNYEJERQ.js";
 import {
   BillingDashboard,
   InfoPanel,
@@ -53,7 +53,8 @@ import {
   UsageChart,
   formatPrice
 } from "./chunk-DNZ4DTNA.js";
-import "./chunk-7ZA5SEK3.js";
+import "./chunk-SM7IJY4I.js";
+import "./chunk-UHFJXO24.js";
 import {
   BackendSelector,
   HARNESS_OPTIONS,

package/dist/globals.css

@@ -365,6 +365,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-2 {
+    bottom: calc(var(--spacing) * 2);
+  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -380,12 +383,18 @@
   .left-0\.5 {
     left: calc(var(--spacing) * 0.5);
   }
+  .left-1 {
+    left: calc(var(--spacing) * 1);
+  }
   .left-1\/2 {
     left: calc(1 / 2 * 100%);
   }
   .left-2 {
     left: calc(var(--spacing) * 2);
   }
+  .left-2\.5 {
+    left: calc(var(--spacing) * 2.5);
+  }
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
@@ -602,6 +611,9 @@
   .table {
     display: table;
   }
+  .aspect-\[9\/16\] {
+    aspect-ratio: 9/16;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -723,6 +735,9 @@
   .h-screen {
     height: 100vh;
   }
+  .max-h-40 {
+    max-height: calc(var(--spacing) * 40);
+  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -777,6 +792,9 @@
   .min-h-\[44px\] {
     min-height: 44px;
   }
+  .min-h-\[60px\] {
+    min-height: 60px;
+  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -792,6 +810,9 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
+  .min-h-\[300px\] {
+    min-height: 300px;
+  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1065,6 +1086,9 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
+  .min-w-40 {
+    min-width: calc(var(--spacing) * 40);
+  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1614,6 +1638,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 1px;
   }
+  .border-l-2 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 2px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -1931,6 +1959,9 @@
       background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
     }
   }
+  .bg-black {
+    background-color: var(--color-black);
+  }
   .bg-black\/40 {
     background-color: color-mix(in srgb, #000 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2039,6 +2070,12 @@
       background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
+  .bg-white\/40 {
+    background-color: color-mix(in srgb, #fff 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 40%, transparent);
+    }
+  }
   .bg-yellow-500 {
     background-color: var(--color-yellow-500);
   }
@@ -2078,6 +2115,9 @@
   .object-contain {
     object-fit: contain;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2270,6 +2310,9 @@
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
+  .pr-1 {
+    padding-right: calc(var(--spacing) * 1);
+  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2309,6 +2352,9 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
+  .pl-3 {
+    padding-left: calc(var(--spacing) * 3);
+  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2678,6 +2724,9 @@
   .text-blue-400 {
     color: var(--color-blue-400);
   }
+  .text-blue-500 {
+    color: var(--color-blue-500);
+  }
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
@@ -2735,6 +2784,9 @@
   .italic {
     font-style: italic;
   }
+  .not-italic {
+    font-style: normal;
+  }
   .tabular-nums {
     --tw-numeric-spacing: tabular-nums;
     font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
@@ -2758,6 +2810,9 @@
   .opacity-30 {
     opacity: 30%;
   }
+  .opacity-40 {
+    opacity: 40%;
+  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -3204,6 +3259,16 @@
       }
     }
   }
+  .hover\:bg-black\/60 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 60%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 60%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-blue-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3224,6 +3289,16 @@
       }
     }
   }
+  .hover\:bg-green-600\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-green-600) 5%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-green-600\/30 {
     &:hover {
       @media (hover: hover) {
@@ -3282,6 +3357,13 @@
       }
     }
   }
+  .hover\:text-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-green-600);
+      }
+    }
+  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -3597,6 +3679,11 @@
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
   }
+  .sm\:grid-cols-3 {
+    @media (width >= 40rem) {
+      grid-template-columns: repeat(3, minmax(0, 1fr));
+    }
+  }
   .sm\:grid-cols-4 {
     @media (width >= 40rem) {
       grid-template-columns: repeat(4, minmax(0, 1fr));
@@ -3783,6 +3870,11 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
+  .xl\:grid-cols-5 {
+    @media (width >= 80rem) {
+      grid-template-columns: repeat(5, minmax(0, 1fr));
+    }
+  }
   .dark\:text-neutral-500 {
     @media (prefers-color-scheme: dark) {
       color: var(--color-neutral-500);