@tangle-network/sandbox-ui 0.121.1 → 0.122.1

package/dist/styles.css

@@ -858,6 +858,9 @@
   .h-\[72\%\] {
     height: 72%;
   }
+  .h-\[72px\] {
+    height: 72px;
+  }
   .h-\[220px\] {
     height: 220px;
   }
@@ -1533,15 +1536,15 @@
   .min-w-\[180px\] {
     min-width: 180px;
   }
+  .min-w-\[200px\] {
+    min-width: 200px;
+  }
   .min-w-\[240px\] {
     min-width: 240px;
   }
   .min-w-\[360px\] {
     min-width: 360px;
   }
-  .min-w-\[min\(100\%\,18rem\)\] {
-    min-width: min(100%, 18rem);
-  }
   .min-w-\[var\(--radix-select-trigger-width\)\] {
     min-width: var(--radix-select-trigger-width);
   }
@@ -2353,12 +2356,6 @@
   .bg-\[var\(--accent-surface-soft\)\] {
     background-color: var(--accent-surface-soft);
   }
-  .bg-\[var\(--accent-surface-soft\)\]\/40 {
-    background-color: var(--accent-surface-soft);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--accent-surface-soft) 40%, transparent);
-    }
-  }
   .bg-\[var\(--accent-surface-strong\)\] {
     background-color: var(--accent-surface-strong);
   }
@@ -2392,9 +2389,6 @@
   .bg-\[var\(--brand-glow\)\] {
     background-color: var(--brand-glow);
   }
-  .bg-\[var\(--brand-primary\,hsl\(var\(--primary\)\)\)\] {
-    background-color: var(--brand-primary,hsl(var(--primary)));
-  }
   .bg-\[var\(--brand-strong\)\] {
     background-color: var(--brand-strong);
   }
@@ -4038,9 +4032,6 @@
         background-color: color-mix(in oklab, hsl(var(--primary)) 20%, transparent);
       }
     }
-    .group-hover\:text-\[var\(--accent-text\)\]:is(:where(.group):hover *) {
-      color: var(--accent-text);
-    }
     .group-hover\:text-foreground:is(:where(.group):hover *) {
       color: hsl(var(--foreground));
     }
@@ -4267,9 +4258,6 @@
         background-color: color-mix(in oklab, var(--surface-container-high) 40%, transparent);
       }
     }
-    .hover\:bg-\[var\(--surface-danger-bg\)\]:hover {
-      background-color: var(--surface-danger-bg);
-    }
     .hover\:bg-\[var\(--surface-danger-border\)\]:hover {
       background-color: var(--surface-danger-border);
     }
@@ -4653,12 +4641,6 @@
   .focus-visible\:ring-inset:focus-visible {
     --tw-ring-inset: inset;
   }
-  .active\:scale-90:active {
-    --tw-scale-x: 90%;
-    --tw-scale-y: 90%;
-    --tw-scale-z: 90%;
-    scale: var(--tw-scale-x) var(--tw-scale-y);
-  }
   .active\:scale-95:active {
     --tw-scale-x: 95%;
     --tw-scale-y: 95%;
@@ -4950,6 +4932,9 @@
     .sm\:table-cell {
       display: table-cell;
     }
+    .sm\:w-48 {
+      width: calc(var(--spacing) * 48);
+    }
     .sm\:w-auto {
       width: auto;
     }
@@ -5074,9 +5059,6 @@
     .md\:grid-cols-3 {
       grid-template-columns: repeat(3, minmax(0, 1fr));
     }
-    .md\:grid-cols-4 {
-      grid-template-columns: repeat(4, minmax(0, 1fr));
-    }
     .md\:grid-cols-5 {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
@@ -5114,6 +5096,9 @@
     .lg\:hidden {
       display: none;
     }
+    .lg\:table-cell {
+      display: table-cell;
+    }
     .lg\:max-w-sm {
       max-width: var(--container-sm);
     }
@@ -5174,12 +5159,6 @@
     .xl\:table-cell {
       display: table-cell;
     }
-    .xl\:w-36 {
-      width: calc(var(--spacing) * 36);
-    }
-    .xl\:w-72 {
-      width: calc(var(--spacing) * 72);
-    }
     .xl\:grid-cols-2 {
       grid-template-columns: repeat(2, minmax(0, 1fr));
     }
@@ -5192,15 +5171,6 @@
     .xl\:grid-cols-5 {
       grid-template-columns: repeat(5, minmax(0, 1fr));
     }
-    .xl\:px-4 {
-      padding-inline: calc(var(--spacing) * 4);
-    }
-    .xl\:px-6 {
-      padding-inline: calc(var(--spacing) * 6);
-    }
-    .xl\:py-5 {
-      padding-block: calc(var(--spacing) * 5);
-    }
   }
   @media (prefers-color-scheme: dark) {
     .dark\:text-neutral-500 {
@@ -5232,6 +5202,54 @@
       }
     }
   }
+  .\[\&_\[role\=menuitem\]\]\:min-h-10 [role=menuitem] {
+    min-height: calc(var(--spacing) * 10);
+  }
+  .\[\&_\[role\=menuitem\]\]\:text-sm [role=menuitem] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .\[\&_\[role\=tab\]\]\:min-h-11 [role=tab] {
+    min-height: calc(var(--spacing) * 11);
+  }
+  .\[\&_\[role\=tab\]\]\:px-4 [role=tab] {
+    padding-inline: calc(var(--spacing) * 4);
+  }
+  .\[\&_\[role\=tab\]\]\:text-sm [role=tab] {
+    font-size: var(--text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height));
+  }
+  .\[\&_\[role\=tab\]\[data-state\=active\]\]\:bg-\[var\(--accent-surface-strong\)\] [role=tab][data-state=active] {
+    background-color: var(--accent-surface-strong);
+  }
+  .\[\&_\[role\=tab\]\[data-state\=active\]\]\:text-\[var\(--accent-text\)\] [role=tab][data-state=active] {
+    color: var(--accent-text);
+  }
+  .\[\&_\[role\=tab\]\[data-state\=active\]\]\:shadow-sm [role=tab][data-state=active] {
+    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+  }
+  .\[\&_h1\]\:text-2xl h1 {
+    font-size: var(--text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height));
+  }
+  .\[\&_h1\]\:font-semibold h1 {
+    --tw-font-weight: var(--font-weight-semibold);
+    font-weight: var(--font-weight-semibold);
+  }
+  @media (width >= 40rem) {
+    .sm\:\[\&_h1\]\:text-\[28px\] h1 {
+      font-size: 28px;
+    }
+  }
+  .\[\&_p\]\:text-base p {
+    font-size: var(--text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height));
+  }
+  .\[\&_p\]\:leading-relaxed p {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .\[\&_svg\]\:pointer-events-none svg {
     pointer-events: none;
   }

package/dist/{workbench-BYTo--31.js → workbench-CggAsIMv.js}

@@ -1,5 +1,5 @@
 import { t as cn$1 } from "./utils-DzWbktWG.js";
-import { o as PortsList } from "./dashboard-CESeH2xQ.js";
+import { s as PortsList } from "./dashboard-BpEeXRo1.js";
 import { n as TerminalView } from "./terminal-DmSUfGha.js";
 import { RichFileTree } from "./files.js";
 import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";

package/dist/workbench.d.ts

@@ -1,3 +1,3 @@
-import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-DF2rZgf7.js";
+import { A as SandboxArtifactTerminal, C as ChangesPane, D as ChangesPaneProps, E as ChangedFile, O as SandboxArtifact, S as PillTabsProps, T as ArtifactView, _ as DiffStats, a as PreviewView, b as PillTabItem, c as DiffViewProps, d as FileBreadcrumb, f as FileBreadcrumbProps, g as PanelHeaderProps, h as PanelHeader, i as resolveLanguage, k as SandboxArtifactPaneProps, l as CodeView, m as GitStatusBadge, n as CodeSurface, o as PreviewViewProps, p as DiffStatsBadge, r as CodeSurfaceProps, s as DiffView, t as BRAND_PRISM_THEME, u as CodeViewProps, v as buildUnifiedPatch, w as SandboxArtifactPane, x as PillTabs, y as computeDiffStats } from "./index-D1YmTvf3.js";
 import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
 export { type ArtifactView, BRAND_PRISM_THEME, type ChangedFile, ChangesPane, type ChangesPaneProps, CodeSurface, type CodeSurfaceProps, CodeView, type CodeViewProps, type DiffStats, DiffStatsBadge, DiffView, type DiffViewProps, type EmbeddedApp, EmbeddedAppView, type EmbeddedAppViewProps, FileBreadcrumb, type FileBreadcrumbProps, GitStatusBadge, PanelHeader, type PanelHeaderProps, type PillTabItem, PillTabs, type PillTabsProps, type PreviewAccess, type PreviewReadiness, PreviewView, type PreviewViewProps, type SandboxArtifact, SandboxArtifactPane, type SandboxArtifactPaneProps, type SandboxArtifactTerminal, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/dist/workbench.js

@@ -1,3 +1,3 @@
-import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-BYTo--31.js";
+import { a as computeDiffStats, c as BRAND_PRISM_THEME, d as DiffStatsBadge, f as GitStatusBadge, i as buildUnifiedPatch, l as CodeSurface, m as PillTabs, n as SandboxArtifactPane, o as CodeView, p as PanelHeader, r as DiffView, s as FileBreadcrumb, t as ChangesPane, u as resolveLanguage } from "./workbench-CggAsIMv.js";
 import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CMRPEvon.js";
 export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tangle-network/sandbox-ui",
-  "version": "0.121.1",
+  "version": "0.122.1",
   "description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
   "repository": {
     "type": "git",