@tangle-network/sandbox-ui 0.22.0 → 0.23.0

package/dist/primitives.js

@@ -42,6 +42,7 @@ import {
   InlineCode,
   Input,
   Label,
+  Logo,
   Progress,
   SegmentedControl,
   Select,
@@ -72,6 +73,7 @@ import {
   TabsContent,
   TabsList,
   TabsTrigger,
+  TangleKnot,
   TerminalCursor,
   TerminalDisplay,
   TerminalInput,
@@ -85,11 +87,7 @@ import {
   buttonVariants,
   useTheme,
   useToast
-} from "./chunk-SM7IJY4I.js";
-import {
-  Logo,
-  TangleKnot
-} from "./chunk-UHFJXO24.js";
+} from "./chunk-7ZA5SEK3.js";
 import "./chunk-EI44GEQ5.js";
 export {
   Avatar,

package/dist/styles.css

@@ -365,9 +365,6 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
-  .bottom-2 {
-    bottom: calc(var(--spacing) * 2);
-  }
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
@@ -383,18 +380,12 @@
   .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);
   }
@@ -611,9 +602,6 @@
   .table {
     display: table;
   }
-  .aspect-\[9\/16\] {
-    aspect-ratio: 9/16;
-  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -735,9 +723,6 @@
   .h-screen {
     height: 100vh;
   }
-  .max-h-40 {
-    max-height: calc(var(--spacing) * 40);
-  }
   .max-h-48 {
     max-height: calc(var(--spacing) * 48);
   }
@@ -792,9 +777,6 @@
   .min-h-\[44px\] {
     min-height: 44px;
   }
-  .min-h-\[60px\] {
-    min-height: 60px;
-  }
   .min-h-\[72px\] {
     min-height: 72px;
   }
@@ -810,9 +792,6 @@
   .min-h-\[200px\] {
     min-height: 200px;
   }
-  .min-h-\[300px\] {
-    min-height: 300px;
-  }
   .min-h-full {
     min-height: 100%;
   }
@@ -1086,9 +1065,6 @@
   .min-w-4 {
     min-width: calc(var(--spacing) * 4);
   }
-  .min-w-40 {
-    min-width: calc(var(--spacing) * 40);
-  }
   .min-w-\[8rem\] {
     min-width: 8rem;
   }
@@ -1638,10 +1614,6 @@
     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;
@@ -1959,9 +1931,6 @@
       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)) {
@@ -2070,12 +2039,6 @@
       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);
   }
@@ -2115,9 +2078,6 @@
   .object-contain {
     object-fit: contain;
   }
-  .object-cover {
-    object-fit: cover;
-  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2310,9 +2270,6 @@
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
-  .pr-1 {
-    padding-right: calc(var(--spacing) * 1);
-  }
   .pr-2 {
     padding-right: calc(var(--spacing) * 2);
   }
@@ -2352,9 +2309,6 @@
   .pl-2 {
     padding-left: calc(var(--spacing) * 2);
   }
-  .pl-3 {
-    padding-left: calc(var(--spacing) * 3);
-  }
   .pl-4 {
     padding-left: calc(var(--spacing) * 4);
   }
@@ -2724,9 +2678,6 @@
   .text-blue-400 {
     color: var(--color-blue-400);
   }
-  .text-blue-500 {
-    color: var(--color-blue-500);
-  }
   .text-emerald-400 {
     color: var(--color-emerald-400);
   }
@@ -2784,9 +2735,6 @@
   .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,);
@@ -2810,9 +2758,6 @@
   .opacity-30 {
     opacity: 30%;
   }
-  .opacity-40 {
-    opacity: 40%;
-  }
   .opacity-50 {
     opacity: 50%;
   }
@@ -3259,16 +3204,6 @@
       }
     }
   }
-  .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) {
@@ -3289,16 +3224,6 @@
       }
     }
   }
-  .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) {
@@ -3357,13 +3282,6 @@
       }
     }
   }
-  .hover\:text-green-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-green-600);
-      }
-    }
-  }
   .hover\:underline {
     &:hover {
       @media (hover: hover) {
@@ -3659,6 +3577,16 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .max-lg\:hidden {
+    @media (width < 64rem) {
+      display: none;
+    }
+  }
+  .max-md\:hidden {
+    @media (width < 48rem) {
+      display: none;
+    }
+  }
   .sm\:mx-3 {
     @media (width >= 40rem) {
       margin-inline: calc(var(--spacing) * 3);
@@ -3679,11 +3607,6 @@
       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));
@@ -3870,11 +3793,6 @@
       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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.22.0",
+  "version": "0.23.0",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",
@@ -90,10 +90,6 @@
       "import": "./dist/utils.js",
       "types": "./dist/utils.d.ts"
     },
-    "./assets": {
-      "import": "./dist/assets.js",
-      "types": "./dist/assets.d.ts"
-    },
     "./styles": "./dist/styles.css",
     "./globals.css": "./dist/globals.css",
     "./tokens.css": "./dist/tokens.css",
@@ -103,6 +99,16 @@
     "dist",
     "tailwind.config.cjs"
   ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "typecheck": "tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
+  },
   "peerDependencies": {
     "@tangle-network/brand": "^0.3.0",
     "@tangle-network/ui": "^1.0.1",
@@ -133,10 +139,14 @@
     "@lobehub/icons-static-svg": "^1.90.0",
     "@radix-ui/react-dropdown-menu": "^2.1.0",
     "@radix-ui/react-select": "^2.1.0",
-    "@tangle-network/agent-app": "^0.8.0",
     "lucide-react": "^0.469.0",
     "nanostores": "^1.2.0"
   },
+  "pnpm": {
+    "overrides": {
+      "picomatch": ">=4.0.4"
+    }
+  },
   "devDependencies": {
     "@hocuspocus/provider": "^3.4.4",
     "@nanostores/react": "^1.1.0",
@@ -184,15 +194,5 @@
     "vite": "^8.0.5",
     "vitest": "^4.1.3",
     "yjs": "^13.6.30"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "typecheck": "tsc --noEmit",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
   }
-}
+}

package/dist/assets.d.ts

@@ -1,81 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { EmailContent, BrandTokens, ImageContent, VideoContent, CopyContent, AssetSpec, AssetVariant } from '@tangle-network/agent-app/assets';
-
-interface EmailPreviewProps {
-    content: EmailContent;
-    brand: BrandTokens;
-    /** If provided, renders an iframe pointing at this URL instead of the inline preview. */
-    previewUrl?: string;
-    className?: string;
-}
-declare function EmailPreview({ content, brand, previewUrl, className }: EmailPreviewProps): react_jsx_runtime.JSX.Element;
-
-type ImageFormat = "feed" | "story" | "carousel";
-interface ImagePreviewProps {
-    content: ImageContent;
-    brand: BrandTokens;
-    format?: ImageFormat;
-    className?: string;
-}
-declare function ImagePreview({ content, brand, format, className }: ImagePreviewProps): react_jsx_runtime.JSX.Element;
-
-interface VideoPreviewProps {
-    content: VideoContent;
-    brand: BrandTokens;
-    onRenderRequest?: () => void;
-    isRendering?: boolean;
-    className?: string;
-}
-declare function VideoPreview({ content, brand, onRenderRequest, isRendering, className }: VideoPreviewProps): react_jsx_runtime.JSX.Element;
-
-interface CopyPreviewProps {
-    content: CopyContent;
-    className?: string;
-}
-declare function CopyPreview({ content, className }: CopyPreviewProps): react_jsx_runtime.JSX.Element;
-
-interface AssetEditorProps {
-    spec: AssetSpec;
-    previewUrl?: string;
-    isRendering?: boolean;
-    onSave?: (spec: AssetSpec) => void;
-    onRenderRequest?: () => void;
-    onRevisionRequest?: (instruction: string) => void;
-    className?: string;
-}
-declare function AssetEditor({ spec, previewUrl, isRendering, onSave, onRenderRequest, onRevisionRequest, className }: AssetEditorProps): react_jsx_runtime.JSX.Element;
-
-interface AssetCardProps {
-    spec: AssetSpec;
-    variantCount?: number;
-    onApprove?: (id: string) => void;
-    onReject?: (id: string) => void;
-    onEdit?: (id: string) => void;
-    className?: string;
-}
-declare function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, className }: AssetCardProps): react_jsx_runtime.JSX.Element;
-
-interface ApprovalQueueProps {
-    assets: AssetSpec[];
-    variantCounts?: Record<string, number>;
-    onApprove?: (id: string, scheduledAt?: string) => void;
-    onReject?: (id: string) => void;
-    onEdit?: (id: string) => void;
-    onSave?: (spec: AssetSpec) => void;
-    onRevisionRequest?: (id: string, instruction: string) => void;
-    onRenderRequest?: (id: string) => void;
-    renderingIds?: Set<string>;
-    previewUrls?: Record<string, string>;
-    className?: string;
-}
-declare function ApprovalQueue({ assets, variantCounts, onApprove, onReject, onEdit, onSave, onRevisionRequest, onRenderRequest, renderingIds, previewUrls, className, }: ApprovalQueueProps): react_jsx_runtime.JSX.Element;
-
-interface VariantCompareProps {
-    variants: AssetVariant[];
-    onPromote?: (variantId: string) => void;
-    onSave?: (variant: AssetVariant) => void;
-    className?: string;
-}
-declare function VariantCompare({ variants, onPromote, onSave, className }: VariantCompareProps): react_jsx_runtime.JSX.Element;
-
-export { ApprovalQueue, type ApprovalQueueProps, AssetCard, type AssetCardProps, AssetEditor, type AssetEditorProps, CopyPreview, type CopyPreviewProps, EmailPreview, type EmailPreviewProps, type ImageFormat, ImagePreview, type ImagePreviewProps, VariantCompare, type VariantCompareProps, VideoPreview, type VideoPreviewProps };