@tangle-network/sandbox-ui 0.127.3 → 0.128.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +2 -2
- package/dist/{chat-AWir8y9r.js → chat-BQPPQTRX.js} +2 -2
- package/dist/chat.d.ts +2 -2
- package/dist/chat.js +2 -2
- package/dist/{dashboard-B8bJBxlG.js → dashboard-CPK5MNhT.js} +10 -5
- package/dist/dashboard.d.ts +1 -1
- package/dist/dashboard.js +1 -1
- package/dist/files.d.ts +2 -2
- package/dist/files.js +2 -2
- package/dist/globals.css +378 -124
- package/dist/index-BJVtvyJL.d.ts +2 -0
- package/dist/index-DKiNTaQn.d.ts +30 -0
- package/dist/{index-DXxi5EtM.d.ts → index-DTRXdurE.d.ts} +13 -2
- package/dist/{index-DPTVn2nS.d.ts → index-DTy7WF0k.d.ts} +2 -2
- package/dist/{index-Dj_4IVS3.d.ts → index-DeJpBMFX.d.ts} +2 -2
- package/dist/index.d.ts +6 -6
- package/dist/index.js +6 -6
- package/dist/primitives-DavMYFRD.js +25 -0
- package/dist/primitives.d.ts +2 -2
- package/dist/primitives.js +2 -2
- package/dist/styles.css +378 -124
- package/dist/tokens.css +116 -93
- package/dist/types.d.ts +2 -2
- package/dist/{workbench-0qwG8yZF.js → workbench-CpBG_v-5.js} +1 -1
- package/dist/workbench.d.ts +1 -1
- package/dist/workbench.js +1 -1
- package/package.json +17 -11
- package/dist/index-B6wKsKV6.d.ts +0 -2
- package/dist/index-Du0ovoHu.d.ts +0 -30
- package/dist/primitives-WP3v1yf0.js +0 -25
package/dist/tokens.css
CHANGED
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
* an indigo page, and the eye stops finding them. Neutral planes give the brand
|
|
23
23
|
* a field to sit on, so a single accent does all the signalling.
|
|
24
24
|
*
|
|
25
|
-
* The canvas stays above pure black (#
|
|
25
|
+
* The canvas stays above pure black (#0a0a14, lifted toward indigo). Near-white ink on it is the
|
|
26
26
|
* glare end of the range, so its luminance leaves room for distinct text tiers.
|
|
27
27
|
*
|
|
28
28
|
* Elevation is carried by surface lightness plus a hairline that can actually be
|
|
@@ -56,20 +56,20 @@
|
|
|
56
56
|
.light,
|
|
57
57
|
.dark {
|
|
58
58
|
color-scheme: dark;
|
|
59
|
-
--md3-surface: #
|
|
60
|
-
--md3-surface-dim: #
|
|
61
|
-
--md3-surface-bright: #
|
|
59
|
+
--md3-surface: #0a0a14; /* L0 page canvas — indigo-lifted off black */
|
|
60
|
+
--md3-surface-dim: #060610; /* recessed page */
|
|
61
|
+
--md3-surface-bright: #232238;
|
|
62
62
|
/* Same value as --md3-surface-dim by design, not by drift: both name the floor
|
|
63
63
|
* of the ladder, and dark has no plane below it to give them. They stay two
|
|
64
64
|
* tokens because the roles diverge in light, where the well is paper (#ffffff)
|
|
65
|
-
* and the recessed page is grey (#
|
|
65
|
+
* and the recessed page is grey (#dcdee6) — a consumer binding to the wrong one
|
|
66
66
|
* there gets the wrong surface. */
|
|
67
|
-
--md3-surface-container-lowest: #
|
|
68
|
-
--md3-surface-container-low: #
|
|
69
|
-
--md3-surface-container: #
|
|
70
|
-
--md3-surface-container-high: #
|
|
71
|
-
--md3-surface-container-highest: #
|
|
72
|
-
--md3-surface-variant: #
|
|
67
|
+
--md3-surface-container-lowest: #050509; /* L-1 terminal/code well */
|
|
68
|
+
--md3-surface-container-low: #12111f; /* L1 chrome, field wells */
|
|
69
|
+
--md3-surface-container: #191826; /* L2 resting card */
|
|
70
|
+
--md3-surface-container-high: #221f33; /* L3 nested / hover */
|
|
71
|
+
--md3-surface-container-highest: #2c2942; /* L4 overlay */
|
|
72
|
+
--md3-surface-variant: #221f33;
|
|
73
73
|
--md3-on-surface: #e6e6e6;
|
|
74
74
|
--md3-on-surface-variant: #b5b5b5;
|
|
75
75
|
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
--md3-tertiary: #10B981;
|
|
91
91
|
--md3-tertiary-container: var(--surface-success-bg);
|
|
92
92
|
--md3-outline: #8e8e8e;
|
|
93
|
-
--md3-outline-variant: #
|
|
93
|
+
--md3-outline-variant: #2a293d;
|
|
94
94
|
|
|
95
95
|
--md3-error: #ff5277;
|
|
96
96
|
--md3-error-dim: #eb2855;
|
|
@@ -103,15 +103,15 @@
|
|
|
103
103
|
--md3-inverse-on-surface: #000000;
|
|
104
104
|
--md3-surface-tint: #A5B4FC;
|
|
105
105
|
|
|
106
|
-
/* Semantic HSL bridge — the
|
|
107
|
-
--hsl-background:
|
|
106
|
+
/* Semantic HSL bridge — the indigo-lifted surface ladder (GTM's, now every product's) */
|
|
107
|
+
--hsl-background: 240 33% 6%; /* L0 canvas #0a0a14 */
|
|
108
108
|
/* Near-white ink on the canvas is the glare end of the range, and the tiers
|
|
109
109
|
* below it need room to separate. This neutral ink keeps the original 10.6:1
|
|
110
110
|
* contrast on the card and leaves four steps the eye can tell apart. */
|
|
111
111
|
--hsl-foreground: 0 0% 90.1961%; /* #e6e6e6 */
|
|
112
|
-
--hsl-card:
|
|
112
|
+
--hsl-card: 244 23% 12%; /* L2 card #191826 */
|
|
113
113
|
--hsl-card-foreground: 0 0% 90.1961%;
|
|
114
|
-
--hsl-popover:
|
|
114
|
+
--hsl-popover: 247 23% 21%; /* #2c2942 — the NESTED plane despite
|
|
115
115
|
the name; the overlay plane is --md3-surface-container-highest. A popover
|
|
116
116
|
carries body text, and the ladder above L3 is reserved for planes that lift
|
|
117
117
|
by shadow, so it sits on L3 and the ink ramp reaches it. */
|
|
@@ -121,20 +121,20 @@
|
|
|
121
121
|
* bright indigo stays available for accent TEXT via --accent-text. */
|
|
122
122
|
--hsl-primary: 246 54% 51%; /* #4c3fc6 */
|
|
123
123
|
--hsl-primary-foreground: 0 0% 100%;
|
|
124
|
-
--hsl-secondary:
|
|
124
|
+
--hsl-secondary: 249 24% 16%; /* L3 #221f33 */
|
|
125
125
|
--hsl-secondary-foreground: 0 0% 90.1961%;
|
|
126
|
-
--hsl-muted:
|
|
127
|
-
--hsl-muted-foreground:
|
|
126
|
+
--hsl-muted: 249 24% 16%; /* L3 hover well */
|
|
127
|
+
--hsl-muted-foreground: 240 5% 68%; /* #a9a9b1 — high enough that the
|
|
128
128
|
reduced-opacity caption derivatives (/70, /60) still clear the large-text
|
|
129
129
|
contrast floor against the L2 card. */
|
|
130
|
-
--hsl-accent:
|
|
130
|
+
--hsl-accent: 249 24% 16%; /* neutral hover (indigo lives in accent-surface-strong) */
|
|
131
131
|
--hsl-accent-foreground: 0 0% 90.1961%;
|
|
132
132
|
--hsl-destructive: 348 74% 48%;
|
|
133
133
|
--hsl-destructive-foreground: 0 0% 100%;
|
|
134
134
|
/* Quiet on purpose: 1.5:1 against the resting card. Shadow does no work on a
|
|
135
135
|
* dark canvas, so the hairline is what states where a plane ends. */
|
|
136
|
-
--hsl-border:
|
|
137
|
-
--hsl-input:
|
|
136
|
+
--hsl-border: 243 20% 20%; /* #2a293d = --md3-outline-variant */
|
|
137
|
+
--hsl-input: 244 29% 9%; /* recessed field well #11101e */
|
|
138
138
|
/* Brighter than --primary on purpose: the ring is NON-TEXT and has to clear
|
|
139
139
|
* 3:1 against BOTH canvas and card. The fill indigo is tuned to carry white
|
|
140
140
|
* text instead, so the two cannot be the same value. */
|
|
@@ -175,7 +175,7 @@
|
|
|
175
175
|
|
|
176
176
|
/* Sidebar tokens — L1 chrome: one step BELOW the canvas here, so the nav reads
|
|
177
177
|
* as chrome the content sits in front of rather than as another card. */
|
|
178
|
-
--sidebar-background:
|
|
178
|
+
--sidebar-background: 244 29% 9%; /* L1 chrome #11101e */
|
|
179
179
|
--sidebar-foreground: 0 0% 90.1961%;
|
|
180
180
|
--sidebar-primary: 246 54% 51%;
|
|
181
181
|
--sidebar-primary-foreground: 0 0% 100%;
|
|
@@ -185,10 +185,10 @@
|
|
|
185
185
|
--sidebar-ring: 233 100% 87%;
|
|
186
186
|
|
|
187
187
|
/* Depth scale — tracks the MD3 ladder (canvas / card / nested / overlay) */
|
|
188
|
-
--depth-1: #
|
|
189
|
-
--depth-2: #
|
|
190
|
-
--depth-3: #
|
|
191
|
-
--depth-4: #
|
|
188
|
+
--depth-1: #0a0a14;
|
|
189
|
+
--depth-2: #191826;
|
|
190
|
+
--depth-3: #221f33;
|
|
191
|
+
--depth-4: #2c2942;
|
|
192
192
|
|
|
193
193
|
/* Status colors */
|
|
194
194
|
--status-running: #10B981;
|
|
@@ -213,69 +213,69 @@
|
|
|
213
213
|
--surface-info-border: #3d7292;
|
|
214
214
|
--surface-info-text: #67cdff;
|
|
215
215
|
/* tones:begin — generated by scripts/gen-ladders.mjs; edit its CATEGORY map, not these lines. */
|
|
216
|
-
--tone-violet-bg: #
|
|
217
|
-
--tone-violet-bg-hover: #
|
|
218
|
-
--tone-violet-bg-selected: #
|
|
216
|
+
--tone-violet-bg: #392751;
|
|
217
|
+
--tone-violet-bg-hover: #432b60;
|
|
218
|
+
--tone-violet-bg-selected: #4c306c;
|
|
219
219
|
--tone-violet-border: #8457aa;
|
|
220
220
|
--tone-violet-border-selected: #d19dff;
|
|
221
221
|
--tone-violet-text: #ecd9fa;
|
|
222
222
|
--tone-violet-icon: #d19dff;
|
|
223
|
-
--tone-orange-bg: #
|
|
224
|
-
--tone-orange-bg-hover: #
|
|
225
|
-
--tone-orange-bg-selected: #
|
|
223
|
+
--tone-orange-bg: #432823;
|
|
224
|
+
--tone-orange-bg-hover: #512d22;
|
|
225
|
+
--tone-orange-bg-selected: #5e3221;
|
|
226
226
|
--tone-orange-border: #a35829;
|
|
227
|
-
--tone-orange-border-selected: #
|
|
227
|
+
--tone-orange-border-selected: #f76b15;
|
|
228
228
|
--tone-orange-text: #ffe0c2;
|
|
229
|
-
--tone-orange-icon: #
|
|
230
|
-
--tone-teal-bg: #
|
|
231
|
-
--tone-teal-bg-hover: #
|
|
232
|
-
--tone-teal-bg-selected: #
|
|
229
|
+
--tone-orange-icon: #f76b15;
|
|
230
|
+
--tone-teal-bg: #18333b;
|
|
231
|
+
--tone-teal-bg-hover: #173b42;
|
|
232
|
+
--tone-teal-bg-selected: #174448;
|
|
233
233
|
--tone-teal-border: #207e73;
|
|
234
|
-
--tone-teal-border-selected: #
|
|
234
|
+
--tone-teal-border-selected: #12a594;
|
|
235
235
|
--tone-teal-text: #adf0dd;
|
|
236
|
-
--tone-teal-icon: #
|
|
237
|
-
--tone-blue-bg: #
|
|
238
|
-
--tone-blue-bg-hover: #
|
|
239
|
-
--tone-blue-bg-selected: #
|
|
236
|
+
--tone-teal-icon: #12a594;
|
|
237
|
+
--tone-blue-bg: #143051;
|
|
238
|
+
--tone-blue-bg-hover: #123861;
|
|
239
|
+
--tone-blue-bg-selected: #113e6b;
|
|
240
240
|
--tone-blue-border: #2870bd;
|
|
241
|
-
--tone-blue-border-selected: #
|
|
241
|
+
--tone-blue-border-selected: #0090ff;
|
|
242
242
|
--tone-blue-text: #c2e6ff;
|
|
243
|
-
--tone-blue-icon: #
|
|
244
|
-
--tone-pink-bg: #
|
|
245
|
-
--tone-pink-bg-hover: #
|
|
246
|
-
--tone-pink-bg-selected: #
|
|
243
|
+
--tone-blue-icon: #0090ff;
|
|
244
|
+
--tone-pink-bg: #462243;
|
|
245
|
+
--tone-pink-bg-hover: #55254d;
|
|
246
|
+
--tone-pink-bg-selected: #612754;
|
|
247
247
|
--tone-pink-border: #a84885;
|
|
248
|
-
--tone-pink-border-selected: #
|
|
248
|
+
--tone-pink-border-selected: #de51a8;
|
|
249
249
|
--tone-pink-text: #fdd1ea;
|
|
250
|
-
--tone-pink-icon: #
|
|
251
|
-
--tone-brown-bg: #
|
|
252
|
-
--tone-brown-bg-hover: #
|
|
253
|
-
--tone-brown-bg-selected: #
|
|
250
|
+
--tone-pink-icon: #de51a8;
|
|
251
|
+
--tone-brown-bg: #372d30;
|
|
252
|
+
--tone-brown-bg-hover: #413434;
|
|
253
|
+
--tone-brown-bg-selected: #4a3a37;
|
|
254
254
|
--tone-brown-border: #7c5f46;
|
|
255
|
-
--tone-brown-border-selected: #
|
|
255
|
+
--tone-brown-border-selected: #ad7f58;
|
|
256
256
|
--tone-brown-text: #f2e1ca;
|
|
257
|
-
--tone-brown-icon: #
|
|
258
|
-
--tone-cyan-bg: #
|
|
259
|
-
--tone-cyan-bg-hover: #
|
|
260
|
-
--tone-cyan-bg-selected: #
|
|
257
|
+
--tone-brown-icon: #ad7f58;
|
|
258
|
+
--tone-cyan-bg: #143245;
|
|
259
|
+
--tone-cyan-bg-hover: #133b4e;
|
|
260
|
+
--tone-cyan-bg-selected: #114358;
|
|
261
261
|
--tone-cyan-border: #11809c;
|
|
262
|
-
--tone-cyan-border-selected: #
|
|
262
|
+
--tone-cyan-border-selected: #00a2c7;
|
|
263
263
|
--tone-cyan-text: #b6ecf7;
|
|
264
|
-
--tone-cyan-icon: #
|
|
265
|
-
--tone-lime-bg: #
|
|
266
|
-
--tone-lime-bg-hover: #
|
|
267
|
-
--tone-lime-bg-selected: #
|
|
264
|
+
--tone-cyan-icon: #00a2c7;
|
|
265
|
+
--tone-lime-bg: #2b302d;
|
|
266
|
+
--tone-lime-bg-hover: #32382f;
|
|
267
|
+
--tone-lime-bg-selected: #384132;
|
|
268
268
|
--tone-lime-border: #577538;
|
|
269
269
|
--tone-lime-border-selected: #bdee63;
|
|
270
270
|
--tone-lime-text: #e3f7ba;
|
|
271
271
|
--tone-lime-icon: #bdee63;
|
|
272
|
-
--surface-violet-bg: #
|
|
272
|
+
--surface-violet-bg: #392751;
|
|
273
273
|
--surface-violet-border: #8457aa;
|
|
274
274
|
--surface-violet-text: #d19dff;
|
|
275
|
-
--surface-orange-bg: #
|
|
275
|
+
--surface-orange-bg: #432823;
|
|
276
276
|
--surface-orange-border: #a35829;
|
|
277
277
|
--surface-orange-text: #ffa057;
|
|
278
|
-
--surface-teal-bg: #
|
|
278
|
+
--surface-teal-bg: #18333b;
|
|
279
279
|
--surface-teal-border: #207e73;
|
|
280
280
|
--surface-teal-text: #0bd8b6;
|
|
281
281
|
/* tones:end */
|
|
@@ -332,7 +332,7 @@
|
|
|
332
332
|
--accent-text: #A5B4FC;
|
|
333
333
|
|
|
334
334
|
/* Surfaces — solid fills off the ladder (no radial mesh) */
|
|
335
|
-
--bg-root: #
|
|
335
|
+
--bg-root: #0a0a14;
|
|
336
336
|
--bg-dark: var(--depth-1);
|
|
337
337
|
--bg-card: var(--depth-2);
|
|
338
338
|
--bg-elevated: var(--depth-4);
|
|
@@ -411,6 +411,13 @@
|
|
|
411
411
|
--shadow-overlay:
|
|
412
412
|
0 2px 6px hsl(var(--hsl-foreground) / 0.1),
|
|
413
413
|
0 16px 40px hsl(var(--hsl-foreground) / 0.16);
|
|
414
|
+
/* Scrim and media ink. A scrim dims the page behind a modal or sheet, or
|
|
415
|
+
darkens a photo under its caption. It is black in every theme: a dimming
|
|
416
|
+
layer that inverted in dark mode would brighten the page it covers.
|
|
417
|
+
--on-media is the ink for text set directly on a photo or a scrim. */
|
|
418
|
+
--scrim: rgb(0 0 0 / 0.4);
|
|
419
|
+
--scrim-strong: rgb(0 0 0 / 0.72);
|
|
420
|
+
--on-media: #ffffff;
|
|
414
421
|
--shadow-status-running: none;
|
|
415
422
|
--shadow-status-creating: none;
|
|
416
423
|
--shadow-status-error: none;
|
|
@@ -423,6 +430,14 @@
|
|
|
423
430
|
--radius-pill: 999px;
|
|
424
431
|
--radius-full: 999px;
|
|
425
432
|
--radius-composer: 26px; /* centered composer pill */
|
|
433
|
+
/* Radius by role. New surfaces pick the role they play; system.css repeats
|
|
434
|
+
these for pages that load it on its own ladders. */
|
|
435
|
+
--radius-tag: 4px;
|
|
436
|
+
--radius-chip: 8px;
|
|
437
|
+
--radius-field: 12px;
|
|
438
|
+
--radius-panel: 16px;
|
|
439
|
+
--radius-cover: 20px;
|
|
440
|
+
--radius-sheet: 24px;
|
|
426
441
|
--radius: 0.5rem; /* 8px chrome default (was 10px) */
|
|
427
442
|
|
|
428
443
|
/* Density */
|
|
@@ -534,15 +549,15 @@
|
|
|
534
549
|
color-scheme: light;
|
|
535
550
|
/* Light theme — neutral surfaces with purple accents */
|
|
536
551
|
--code-header-bg: color-mix(in srgb, hsl(var(--hsl-muted)) 50%, transparent);
|
|
537
|
-
--syntax-foreground: #
|
|
538
|
-
--syntax-comment: #
|
|
539
|
-
--syntax-keyword: #
|
|
552
|
+
--syntax-foreground: #24243a;
|
|
553
|
+
--syntax-comment: #6b7280;
|
|
554
|
+
--syntax-keyword: #7c3aed;
|
|
540
555
|
--syntax-string: #047857;
|
|
541
|
-
--syntax-function: #
|
|
542
|
-
--syntax-number: #
|
|
543
|
-
--syntax-meta: #
|
|
544
|
-
--syntax-variable: #
|
|
545
|
-
--syntax-error: #
|
|
556
|
+
--syntax-function: #2563eb;
|
|
557
|
+
--syntax-number: #b45309;
|
|
558
|
+
--syntax-meta: #6d28d9;
|
|
559
|
+
--syntax-variable: #334155;
|
|
560
|
+
--syntax-error: #dc2626;
|
|
546
561
|
|
|
547
562
|
/* MD3 surface hierarchy */
|
|
548
563
|
/* The light ladder ALTERNATES; it is not monotonic, and that is deliberate.
|
|
@@ -551,15 +566,15 @@
|
|
|
551
566
|
* by shadow and ring, not by fill — which is how light-mode elevation actually
|
|
552
567
|
* reads. Forcing a strictly-darkening ladder here is what produced the
|
|
553
568
|
* white-on-white flatness this palette replaced. Pinned in tokens.test.ts. */
|
|
554
|
-
--md3-surface: #
|
|
555
|
-
--md3-surface-dim: #
|
|
569
|
+
--md3-surface: #eceef3; /* L0 page canvas — cool grey, BELOW the wells */
|
|
570
|
+
--md3-surface-dim: #dcdee6;
|
|
556
571
|
--md3-surface-bright: #ffffff;
|
|
557
572
|
--md3-surface-container-lowest: #ffffff; /* insets read as paper */
|
|
558
|
-
--md3-surface-container-low: #
|
|
573
|
+
--md3-surface-container-low: #f6f7fa; /* L1 chrome, field wells — well */
|
|
559
574
|
--md3-surface-container: #ffffff; /* L2 resting card — paper */
|
|
560
|
-
--md3-surface-container-high: #
|
|
575
|
+
--md3-surface-container-high: #f1f2f7; /* L3 nested / hover — well */
|
|
561
576
|
--md3-surface-container-highest: #ffffff; /* L4 overlay — paper + shadow */
|
|
562
|
-
--md3-surface-variant: #
|
|
577
|
+
--md3-surface-variant: #f1f2f7;
|
|
563
578
|
--md3-on-surface: #2d2d2d;
|
|
564
579
|
--md3-on-surface-variant: #4c4c4c;
|
|
565
580
|
|
|
@@ -580,7 +595,7 @@
|
|
|
580
595
|
--md3-tertiary: #065F46;
|
|
581
596
|
--md3-tertiary-container: #D1FAE5;
|
|
582
597
|
--md3-outline: #787878;
|
|
583
|
-
--md3-outline-variant: #
|
|
598
|
+
--md3-outline-variant: #c7c6d6;
|
|
584
599
|
|
|
585
600
|
--md3-error: #ba1a1a;
|
|
586
601
|
--md3-error-dim: #93000a;
|
|
@@ -594,7 +609,7 @@
|
|
|
594
609
|
--md3-surface-tint: #6366F1;
|
|
595
610
|
|
|
596
611
|
/* Semantic HSL bridge — white paper on an achromatic canvas */
|
|
597
|
-
--hsl-background:
|
|
612
|
+
--hsl-background: 223 23% 94%; /* L0 canvas #eceef3 */
|
|
598
613
|
/* Neutral ink rather than pure black keeps the original 13.7:1 contrast on
|
|
599
614
|
* white paper and 11.4:1 on the canvas: AAA with headroom in both places. */
|
|
600
615
|
--hsl-foreground: 0 0% 17.6471%; /* #2d2d2d */
|
|
@@ -604,19 +619,19 @@
|
|
|
604
619
|
--hsl-popover-foreground: 0 0% 17.6471%;
|
|
605
620
|
--hsl-primary: 246 54% 51%; /* #4c3fc6 — carries white at 7.4:1 */
|
|
606
621
|
--hsl-primary-foreground: 0 0% 100%;
|
|
607
|
-
--hsl-secondary:
|
|
622
|
+
--hsl-secondary: 230 27% 96%; /* L3 #f2f3f8 */
|
|
608
623
|
--hsl-secondary-foreground: 0 0% 17.6471%;
|
|
609
|
-
--hsl-muted:
|
|
624
|
+
--hsl-muted: 230 27% 96%; /* L3 hover well */
|
|
610
625
|
/* The shared components fade captions with /70 and /60, so a translucent
|
|
611
626
|
* foreground renders composited over the surface behind it. This neutral value
|
|
612
627
|
* keeps 3.0:1 at /60 and 8.6:1 at full strength on paper. */
|
|
613
628
|
--hsl-muted-foreground: 0 0% 29.8039%; /* #4c4c4c text-muted */
|
|
614
|
-
--hsl-accent:
|
|
629
|
+
--hsl-accent: 230 27% 96%; /* neutral hover */
|
|
615
630
|
--hsl-accent-foreground: 0 0% 17.6471%;
|
|
616
631
|
--hsl-destructive: 0 72% 41%;
|
|
617
632
|
--hsl-destructive-foreground: 0 0% 100%;
|
|
618
|
-
--hsl-border:
|
|
619
|
-
--hsl-input:
|
|
633
|
+
--hsl-border: 244 16% 81%; /* #c8c7d6, the --md3-outline-variant hairline */
|
|
634
|
+
--hsl-input: 225 29% 97%; /* field well #f5f6fa */
|
|
620
635
|
--hsl-ring: 246 54% 51%;
|
|
621
636
|
--hsl-success: 160 84% 30%;
|
|
622
637
|
--hsl-warning: 41 96% 50%;
|
|
@@ -625,9 +640,9 @@
|
|
|
625
640
|
/* depth-2 (card) and depth-4 (elevated) are BOTH paper, on purpose: in light,
|
|
626
641
|
* a popover does not out-lighten a white card — it lifts by shadow. See the
|
|
627
642
|
* ladder note above. */
|
|
628
|
-
--depth-1: #
|
|
643
|
+
--depth-1: #eceef3; /* canvas */
|
|
629
644
|
--depth-2: #ffffff; /* card — paper */
|
|
630
|
-
--depth-3: #
|
|
645
|
+
--depth-3: #f1f2f7; /* nested well */
|
|
631
646
|
--depth-4: #ffffff; /* elevated — paper, separated by shadow */
|
|
632
647
|
|
|
633
648
|
--status-running: #059669;
|
|
@@ -767,7 +782,7 @@
|
|
|
767
782
|
--mesh-blue: transparent;
|
|
768
783
|
|
|
769
784
|
/* Surfaces — flat single-neutral light */
|
|
770
|
-
--bg-root: #
|
|
785
|
+
--bg-root: #eceef3;
|
|
771
786
|
--bg-dark: var(--depth-1);
|
|
772
787
|
--bg-card: var(--depth-2);
|
|
773
788
|
/* Paper, exactly like --bg-card: in light you cannot raise a plane by making it
|
|
@@ -784,7 +799,7 @@
|
|
|
784
799
|
/* Mirrors the dark ramp's spacing against white paper. The ink uses neutral
|
|
785
800
|
* grays so purple stays reserved for interaction accents.
|
|
786
801
|
*
|
|
787
|
-
* --text-dim is pinned from the CANVAS (#
|
|
802
|
+
* --text-dim is pinned from the CANVAS (#eceef3), not the white card: it is
|
|
788
803
|
* the faintest tier, so the lighter L0 is the surface that binds it. Its 4.6:1
|
|
789
804
|
* canvas and 5.6:1 card contrasts clear the body-text floor, as asserted in
|
|
790
805
|
* tokens.test.ts, because a ratio quoted in a comment drifts the moment a
|
|
@@ -837,7 +852,7 @@
|
|
|
837
852
|
--accent-gradient-strong: linear-gradient(135deg, #4F46E5, #5B4ED4);
|
|
838
853
|
--accent-surface-soft: rgba(76, 63, 198, 0.05);
|
|
839
854
|
--accent-surface-strong: rgba(76, 63, 198, 0.13);
|
|
840
|
-
--accent-text: #
|
|
855
|
+
--accent-text: #3c32e9;
|
|
841
856
|
|
|
842
857
|
/* Typography — unified on Inter */
|
|
843
858
|
--font-sans: "Inter", "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;
|
|
@@ -853,6 +868,14 @@
|
|
|
853
868
|
--radius-pill: 999px;
|
|
854
869
|
--radius-full: 999px;
|
|
855
870
|
--radius-composer: 26px;
|
|
871
|
+
/* Radius by role. New surfaces pick the role they play; system.css repeats
|
|
872
|
+
these for pages that load it on its own ladders. */
|
|
873
|
+
--radius-tag: 4px;
|
|
874
|
+
--radius-chip: 8px;
|
|
875
|
+
--radius-field: 12px;
|
|
876
|
+
--radius-panel: 16px;
|
|
877
|
+
--radius-cover: 20px;
|
|
878
|
+
--radius-sheet: 24px;
|
|
856
879
|
}
|
|
857
880
|
|
|
858
881
|
|
|
@@ -901,7 +924,7 @@
|
|
|
901
924
|
* draws as a --chart-muted outline, the same mark as an unsolved attempt. No
|
|
902
925
|
* categorical palette ships: identity is carried by direct labels.
|
|
903
926
|
*
|
|
904
|
-
* Contrast against the dark canvas (#
|
|
927
|
+
* Contrast against the dark canvas (#0a0a14) and white paper, checked with the
|
|
905
928
|
* dataviz palette validator and WCAG ratios:
|
|
906
929
|
* ink 14.45 / 13.70, ink-muted 7.34 / 5.56, accent 6.05 / 7.41,
|
|
907
930
|
* muted 5.54 / 4.41, grid 1.46 / 1.12 (recessive by design).
|
package/dist/types.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { t as Session } from "./sidecar-DgH_vQ6m.js";
|
|
2
2
|
import { ActiveProjectActivity, ActiveSessionActivityOptions, ActiveSessionConnectionOptions, ActiveSessionConnectionState, ActiveSessionReconnectState, ActiveSessionRecord, ActiveSessionStatus, ActiveSessionTransportMode, ActiveSessionsState, RegisterActiveSessionOptions, SessionProjectKey } from "@tangle-network/ui/stores";
|
|
3
|
-
import { AgentBranding, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from "@tangle-network/ui/types";
|
|
4
|
-
export { type ActiveProjectActivity, type ActiveSessionActivityOptions, type ActiveSessionConnectionOptions, type ActiveSessionConnectionState, type ActiveSessionReconnectState, type ActiveSessionRecord, type ActiveSessionStatus, type ActiveSessionTransportMode, type ActiveSessionsState, type AgentBranding, type CustomToolRenderer, type DisplayVariant, type FinalTextPart, type GroupedMessage, type MessageRun, type MessageUser, type ReasoningPart, type RegisterActiveSessionOptions, type Run, type RunStats, Session, type SessionMessage, type SessionPart, type SessionProjectKey, type TextPart, type ToolCategory, type ToolDisplayMetadata, type ToolPart, type ToolState, type ToolStatus, type ToolTime };
|
|
3
|
+
import { AgentBranding, ChatAuthor, CustomToolRenderer, DisplayVariant, FinalTextPart, GroupedMessage, MessageRun, MessageUser, ReasoningPart, Run, RunStats, SessionMessage, SessionPart, TextPart, ToolCategory, ToolDisplayMetadata, ToolPart, ToolState, ToolStatus, ToolTime } from "@tangle-network/ui/types";
|
|
4
|
+
export { type ActiveProjectActivity, type ActiveSessionActivityOptions, type ActiveSessionConnectionOptions, type ActiveSessionConnectionState, type ActiveSessionReconnectState, type ActiveSessionRecord, type ActiveSessionStatus, type ActiveSessionTransportMode, type ActiveSessionsState, type AgentBranding, type ChatAuthor, type CustomToolRenderer, type DisplayVariant, type FinalTextPart, type GroupedMessage, type MessageRun, type MessageUser, type ReasoningPart, type RegisterActiveSessionOptions, type Run, type RunStats, Session, type SessionMessage, type SessionPart, type SessionProjectKey, type TextPart, type ToolCategory, type ToolDisplayMetadata, type ToolPart, type ToolState, type ToolStatus, type ToolTime };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { t as cn$1 } from "./utils-DzWbktWG.js";
|
|
2
|
-
import { a as PortsList } from "./dashboard-
|
|
2
|
+
import { a as PortsList } from "./dashboard-CPK5MNhT.js";
|
|
3
3
|
import { n as TerminalView } from "./terminal-DmSUfGha.js";
|
|
4
4
|
import { RichFileTree } from "./files.js";
|
|
5
5
|
import { n as PreviewView } from "./embedded-app-view-CMRPEvon.js";
|
package/dist/workbench.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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-DTy7WF0k.js";
|
|
2
2
|
import { a as PreviewReadiness, i as PreviewAccess, n as EmbeddedAppView, r as EmbeddedAppViewProps, t as EmbeddedApp } from "./embedded-app-view-B_vMTtJn.js";
|
|
3
3
|
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
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
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-
|
|
1
|
+
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-CpBG_v-5.js";
|
|
2
2
|
import { n as PreviewView, t as EmbeddedAppView } from "./embedded-app-view-CMRPEvon.js";
|
|
3
3
|
export { BRAND_PRISM_THEME, ChangesPane, CodeSurface, CodeView, DiffStatsBadge, DiffView, EmbeddedAppView, FileBreadcrumb, GitStatusBadge, PanelHeader, PillTabs, PreviewView, SandboxArtifactPane, buildUnifiedPatch, computeDiffStats, resolveLanguage };
|
package/package.json
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tangle-network/sandbox-ui",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.128.1",
|
|
4
|
+
"license": "MIT",
|
|
4
5
|
"description": "Unified UI component library for Tangle Sandbox — primitives, chat, dashboard, terminal, editor, and workspace components",
|
|
5
6
|
"repository": {
|
|
6
7
|
"type": "git",
|
|
@@ -127,9 +128,9 @@
|
|
|
127
128
|
"peerDependencies": {
|
|
128
129
|
"@hocuspocus/provider": ">=2.15.0 <5.0.0",
|
|
129
130
|
"@nanostores/react": ">=0.8.4 <2.0.0",
|
|
130
|
-
"@tangle-network/agent-interface": "^1.0.0 || ^2.0.0",
|
|
131
|
-
"@tangle-network/brand": "^1.
|
|
132
|
-
"@tangle-network/ui": "^11.
|
|
131
|
+
"@tangle-network/agent-interface": "^1.0.0 || ^2.0.0 || ^3.0.0",
|
|
132
|
+
"@tangle-network/brand": "^1.17.0",
|
|
133
|
+
"@tangle-network/ui": "^11.26.0",
|
|
133
134
|
"@tanstack/react-query": "^5.0.0",
|
|
134
135
|
"@tiptap/core": ">=3.20.4 <4.0.0",
|
|
135
136
|
"@tiptap/extension-collaboration": ">=3.20.4 <4.0.0",
|
|
@@ -141,6 +142,7 @@
|
|
|
141
142
|
"@xterm/addon-webgl": "^0.19.0",
|
|
142
143
|
"@xterm/xterm": "^6.0.0",
|
|
143
144
|
"@xyflow/react": "^12.0.0",
|
|
145
|
+
"pdfjs-dist": ">=6.0.0 <7.0.0",
|
|
144
146
|
"react": "^18 || ^19",
|
|
145
147
|
"react-dom": "^18 || ^19",
|
|
146
148
|
"yjs": "^13.6.0"
|
|
@@ -185,6 +187,9 @@
|
|
|
185
187
|
"@xyflow/react": {
|
|
186
188
|
"optional": true
|
|
187
189
|
},
|
|
190
|
+
"pdfjs-dist": {
|
|
191
|
+
"optional": true
|
|
192
|
+
},
|
|
188
193
|
"yjs": {
|
|
189
194
|
"optional": true
|
|
190
195
|
}
|
|
@@ -192,9 +197,9 @@
|
|
|
192
197
|
"dependencies": {
|
|
193
198
|
"@lobehub/icons-static-svg": "^1.95.1",
|
|
194
199
|
"@pierre/diffs": "^1.5.1",
|
|
195
|
-
"@radix-ui/react-dialog": "^1.
|
|
196
|
-
"@radix-ui/react-dropdown-menu": "^2.1.
|
|
197
|
-
"@radix-ui/react-select": "^2.3.
|
|
200
|
+
"@radix-ui/react-dialog": "^1.2.0",
|
|
201
|
+
"@radix-ui/react-dropdown-menu": "^2.1.25",
|
|
202
|
+
"@radix-ui/react-select": "^2.3.8",
|
|
198
203
|
"diff": "^9.0.0",
|
|
199
204
|
"eventsource-parser": "4.1.1",
|
|
200
205
|
"lucide-react": "^1.48.0",
|
|
@@ -213,9 +218,9 @@
|
|
|
213
218
|
"@storybook/react": "^10.6.0",
|
|
214
219
|
"@storybook/react-vite": "^10.6.0",
|
|
215
220
|
"@tailwindcss/postcss": "^4.3.3",
|
|
216
|
-
"@tangle-network/agent-interface": "
|
|
217
|
-
"@tangle-network/brand": "1.
|
|
218
|
-
"@tangle-network/ui": "11.
|
|
221
|
+
"@tangle-network/agent-interface": "3.0.0",
|
|
222
|
+
"@tangle-network/brand": "1.17.0",
|
|
223
|
+
"@tangle-network/ui": "11.26.0",
|
|
219
224
|
"@tanstack/react-query": "^5.104.0",
|
|
220
225
|
"@testing-library/dom": "^10.4.2",
|
|
221
226
|
"@testing-library/jest-dom": "^7.0.1",
|
|
@@ -235,6 +240,7 @@
|
|
|
235
240
|
"@xterm/xterm": "^6.0.0",
|
|
236
241
|
"@xyflow/react": "^12.12.0",
|
|
237
242
|
"jsdom": "^30.1.1",
|
|
243
|
+
"pdfjs-dist": "^6.4.299",
|
|
238
244
|
"playwright": "^1.63.0",
|
|
239
245
|
"postcss": "^8.5.28",
|
|
240
246
|
"react": "^19.3.0",
|
|
@@ -257,7 +263,7 @@
|
|
|
257
263
|
"test:visual": "pnpm build-storybook --quiet && playwright test",
|
|
258
264
|
"signoff": "pnpm typecheck && pnpm build && pnpm test && pnpm test:package && pnpm test:bridge && pnpm test:visual",
|
|
259
265
|
"test": "vitest run",
|
|
260
|
-
"test:package": "node scripts/package-smoke.mjs && PACKAGE_OMIT_OPTIONAL_PEERS='[\"@hocuspocus/provider\",\"@tiptap/core\",\"@tiptap/extension-collaboration\",\"@tiptap/extension-collaboration-caret\",\"@tiptap/react\",\"@tiptap/starter-kit\",\"yjs\"]' node scripts/package-smoke.mjs",
|
|
266
|
+
"test:package": "node scripts/package-smoke.mjs && PACKAGE_OMIT_OPTIONAL_PEERS='[\"@hocuspocus/provider\",\"@tiptap/core\",\"@tiptap/extension-collaboration\",\"@tiptap/extension-collaboration-caret\",\"@tiptap/react\",\"@tiptap/starter-kit\",\"pdfjs-dist\",\"yjs\"]' node scripts/package-smoke.mjs",
|
|
261
267
|
"test:watch": "vitest",
|
|
262
268
|
"test:embedded-app-package": "node scripts/embedded-app-package-smoke.mjs",
|
|
263
269
|
"test:bridge": "pnpm build && vitest run src/__tests__/re-export-identity.test.ts"
|
package/dist/index-B6wKsKV6.d.ts
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { CSV_PREVIEW_ROW_LIMIT, FileArtifactPane as FileArtifactPane$1, FileArtifactPaneProps, FileFormat, FileNode as FileNode$1, FilePreview, FilePreviewKind, FilePreviewProps, FileTabData as FileTabData$1, FileTabs, FileTabsProps, FileTree as FileTree$1, FileTreeProps, FileTreeVisibilityOptions as FileTreeVisibilityOptions$1, RichFileTree as RichFileTree$1, RichFileTreeGitEntry, RichFileTreeGitStatus, RichFileTreeProps as RichFileTreeProps$1, RichFileTreeThemeVars, detectFileFormat, fileExtension, filterFileTree as filterFileTree$1, getCodeLanguage, getFormatLabel, getSyntaxLanguage, parseCsv, resolveFilePreviewKind } from "@tangle-network/ui/files";
|
|
2
|
-
export { getCodeLanguage as C, resolveFilePreviewKind as D, parseCsv as E, filterFileTree$1 as S, getSyntaxLanguage as T, RichFileTreeGitStatus as _, FileNode$1 as a, detectFileFormat as b, FilePreviewProps as c, FileTabsProps as d, FileTree$1 as f, RichFileTreeGitEntry as g, RichFileTree$1 as h, FileFormat as i, FileTabData$1 as l, FileTreeVisibilityOptions$1 as m, FileArtifactPane$1 as n, FilePreview as o, FileTreeProps as p, FileArtifactPaneProps as r, FilePreviewKind as s, CSV_PREVIEW_ROW_LIMIT as t, FileTabs as u, RichFileTreeProps$1 as v, getFormatLabel as w, fileExtension as x, RichFileTreeThemeVars as y };
|
package/dist/index-Du0ovoHu.d.ts
DELETED
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { ArtifactPane as ArtifactPane$1, ArtifactPaneProps, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, BadgeProps, Button as Button$1, ButtonProps as ButtonProps$1, CATEGORY_TONES, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, CardTitleProps, CategoryTone, Chip, ChipProps, CodeBlock, CodeBlockProps, CopyButton, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropZone, DropZoneProps, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, EmptyStateProps, FilterField, FilterFieldProps, Heading, HeadingVariant, HeadingVariant as HeadingVariant$1, IconTile, IconTileProps, InlineCode, InlineCodeProps, Input as Input$1, InputProps, Label as Label$1, Metric, MetricProps, MetricStrip, MetricStripProps, PageHeader as PageHeader$1, PageHeaderProps, PageHeaderProps as PageHeaderProps$1, PageShell as PageShell$1, PageShellProps, Progress as Progress$1, SegmentedControl, SegmentedControlOption, SegmentedControlProps, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, SidebarDropZoneProps, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatCardProps, StatusPill as StatusPill$1, StatusPillProps as StatusPillProps$1, StatusTone as StatusTone$1, Switch, TONE_CLASSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableProps, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, Tag, TagProps, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, TextShimmerProps, Textarea as Textarea$1, TextareaProps, ThemeToggle, Toast, ToastContainer, ToastProvider, Tone, ToneClasses, Toolbar, ToolbarProps, UploadFile, UploadProgress, UploadProgressProps, badgeVariants, buttonVariants, initialsOf, toneFor, useTheme, useToast } from "@tangle-network/ui/primitives";
|
|
2
|
-
import { TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
|
|
3
|
-
import { ElementType, HTMLAttributes, ReactNode } from "react";
|
|
4
|
-
//#region src/primitives/logo.d.ts
|
|
5
|
-
interface LogoProps {
|
|
6
|
-
variant?: "sandbox";
|
|
7
|
-
size?: "sm" | "md" | "lg" | "xl";
|
|
8
|
-
className?: string;
|
|
9
|
-
iconOnly?: boolean;
|
|
10
|
-
}
|
|
11
|
-
/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
|
|
12
|
-
declare function Logo$1({ variant, size, className, iconOnly }: LogoProps): import("react").JSX.Element;
|
|
13
|
-
declare namespace Logo$1 {
|
|
14
|
-
var displayName: string;
|
|
15
|
-
}
|
|
16
|
-
//#endregion
|
|
17
|
-
//#region src/primitives/heading.d.ts
|
|
18
|
-
/** Preserve the existing public type's required visual role and children.
|
|
19
|
-
* The binding above remains UI's object, without a local render function.
|
|
20
|
-
*/
|
|
21
|
-
interface HeadingProps extends Omit<HTMLAttributes<HTMLElement>, "role"> {
|
|
22
|
-
role: HeadingVariant;
|
|
23
|
-
as?: ElementType;
|
|
24
|
-
children: ReactNode;
|
|
25
|
-
}
|
|
26
|
-
type SectionTitleProps = Pick<PageHeaderProps, "title" | "description" | "action" | "className">;
|
|
27
|
-
/** Compatibility name for the canonical nested (h2) page header. */
|
|
28
|
-
declare function SectionTitle(props: SectionTitleProps): import("react").JSX.Element;
|
|
29
|
-
//#endregion
|
|
30
|
-
export { FilterField as $, Tabs$1 as $t, DialogOverlay as A, HeadingProps as An, SelectTrigger$1 as At, DropdownMenuItem$1 as B, StatusPillProps$1 as Bt, CopyButton as C, UploadProgressProps as Cn, SelectContent$1 as Ct, DialogDescription$1 as D, toneFor as Dn, SelectScrollDownButton as Dt, DialogContent$1 as E, initialsOf as En, SelectLabel as Et, DropZoneProps as F, TangleKnot$1 as Fn, SkeletonCard$1 as Ft, DropdownMenuSeparator$1 as G, TableBody as Gt, DropdownMenuPortal as H, Switch as Ht, DropdownMenu$1 as I, SkeletonTable as It, DropdownMenuSubContent$1 as J, TableFooter as Jt, DropdownMenuShortcut as K, TableCaption as Kt, DropdownMenuCheckboxItem as L, StatCard$1 as Lt, DialogTitle$1 as M, SectionTitleProps as Mn, SidebarDropZone as Mt, DialogTrigger$1 as N, Logo$1 as Nn, SidebarDropZoneProps as Nt, DialogFooter$1 as O, useTheme as On, SelectScrollUpButton as Ot, DropZone as P, LogoProps as Pn, Skeleton$1 as Pt, EmptyStateProps as Q, TableRow as Qt, DropdownMenuContent$1 as R, StatCardProps as Rt, CodeBlockProps as S, UploadProgress as Sn, Select$1 as St, DialogClose$1 as T, buttonVariants as Tn, SelectItem$1 as Tt, DropdownMenuRadioGroup as U, TONE_CLASSES as Ut, DropdownMenuLabel$1 as V, StatusTone$1 as Vt, DropdownMenuRadioItem as W, Table as Wt, DropdownMenuTrigger$1 as X, TableHeader as Xt, DropdownMenuSubTrigger$1 as Y, TableHead as Yt, EmptyState$1 as Z, TableProps as Zt, CardTitleProps as _, Tone as _n, PageShellProps as _t, AvatarImage$1 as a, TerminalCursor as an, InlineCode as at, ChipProps as b, ToolbarProps as bn, SegmentedControlOption as bt, Button$1 as c, TerminalLine as cn, InputProps as ct, Card$1 as d, Textarea$1 as dn, MetricProps as dt, TabsContent$1 as en, FilterFieldProps as et, CardContent$1 as f, TextareaProps as fn, MetricStrip as ft, CardTitle$1 as g, ToastProvider as gn, PageShell$1 as gt, CardHeader$1 as h, ToastContainer as hn, PageHeaderProps$1 as ht, AvatarFallback$1 as i, TagProps as in, IconTileProps as it, DialogPortal as j, SectionTitle as jn, SelectValue$1 as jt, DialogHeader$1 as k, useToast as kn, SelectSeparator as kt, ButtonProps$1 as l, TextShimmer as ln, Label$1 as lt, CardFooter as m, Toast as mn, PageHeader$1 as mt, ArtifactPaneProps as n, TabsTrigger$1 as nn, HeadingVariant$1 as nt, Badge$1 as o, TerminalDisplay as on, InlineCodeProps as ot, CardDescription$1 as p, ThemeToggle as pn, MetricStripProps as pt, DropdownMenuSub$1 as q, TableCell as qt, Avatar$1 as r, Tag as rn, IconTile as rt, BadgeProps as s, TerminalInput as sn, Input$1 as st, ArtifactPane$1 as t, TabsList$1 as tn, Heading as tt, CATEGORY_TONES as u, TextShimmerProps as un, Metric as ut, CategoryTone as v, ToneClasses as vn, Progress$1 as vt, Dialog$1 as w, badgeVariants as wn, SelectGroup as wt, CodeBlock as x, UploadFile as xn, SegmentedControlProps as xt, Chip as y, Toolbar as yn, SegmentedControl as yt, DropdownMenuGroup as z, StatusPill$1 as zt };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { ArtifactPane as ArtifactPane$1, Avatar as Avatar$1, AvatarFallback as AvatarFallback$1, AvatarImage as AvatarImage$1, Badge as Badge$1, Button as Button$1, CATEGORY_TONES, Card as Card$1, CardContent as CardContent$1, CardDescription as CardDescription$1, CardFooter, CardHeader as CardHeader$1, CardTitle as CardTitle$1, Chip, CodeBlock, CopyButton, Dialog as Dialog$1, DialogClose as DialogClose$1, DialogContent as DialogContent$1, DialogDescription as DialogDescription$1, DialogFooter as DialogFooter$1, DialogHeader as DialogHeader$1, DialogOverlay, DialogPortal, DialogTitle as DialogTitle$1, DialogTrigger as DialogTrigger$1, DropZone, DropdownMenu as DropdownMenu$1, DropdownMenuCheckboxItem, DropdownMenuContent as DropdownMenuContent$1, DropdownMenuGroup, DropdownMenuItem as DropdownMenuItem$1, DropdownMenuLabel as DropdownMenuLabel$1, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator as DropdownMenuSeparator$1, DropdownMenuShortcut, DropdownMenuSub as DropdownMenuSub$1, DropdownMenuSubContent as DropdownMenuSubContent$1, DropdownMenuSubTrigger as DropdownMenuSubTrigger$1, DropdownMenuTrigger as DropdownMenuTrigger$1, EmptyState as EmptyState$1, FilterField, Heading, IconTile, InlineCode, Input as Input$1, Label as Label$1, Metric, MetricStrip, PageHeader, PageHeader as PageHeader$1, PageShell as PageShell$1, Progress as Progress$1, SegmentedControl, Select as Select$1, SelectContent as SelectContent$1, SelectGroup, SelectItem as SelectItem$1, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger as SelectTrigger$1, SelectValue as SelectValue$1, SidebarDropZone, Skeleton as Skeleton$1, SkeletonCard as SkeletonCard$1, SkeletonTable, StatCard as StatCard$1, StatusPill as StatusPill$1, Switch, TONE_CLASSES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs as Tabs$1, TabsContent as TabsContent$1, TabsList as TabsList$1, TabsTrigger as TabsTrigger$1, Tag, TerminalCursor, TerminalDisplay, TerminalInput, TerminalLine, TextShimmer, Textarea as Textarea$1, ThemeToggle, ToastContainer, ToastProvider, Toolbar, UploadProgress, badgeVariants, buttonVariants, initialsOf, toneFor, useTheme, useToast } from "@tangle-network/ui/primitives";
|
|
2
|
-
import { Logo, TangleKnot as TangleKnot$1 } from "@tangle-network/brand";
|
|
3
|
-
import { jsx } from "react/jsx-runtime";
|
|
4
|
-
//#region src/primitives/logo.tsx
|
|
5
|
-
/** Keep the Sandbox wordmark API while Brand owns the mark and layout. */
|
|
6
|
-
function Logo$1({ variant = "sandbox", size = "md", className, iconOnly = false }) {
|
|
7
|
-
return /* @__PURE__ */ jsx(Logo, {
|
|
8
|
-
size,
|
|
9
|
-
variant: iconOnly ? "icon" : "full",
|
|
10
|
-
suffix: variant === "sandbox" ? "Sandbox" : null,
|
|
11
|
-
className
|
|
12
|
-
});
|
|
13
|
-
}
|
|
14
|
-
Logo$1.displayName = "Logo";
|
|
15
|
-
//#endregion
|
|
16
|
-
//#region src/primitives/heading.tsx
|
|
17
|
-
/** Compatibility name for the canonical nested (h2) page header. */
|
|
18
|
-
function SectionTitle(props) {
|
|
19
|
-
return /* @__PURE__ */ jsx(PageHeader, {
|
|
20
|
-
...props,
|
|
21
|
-
level: 2
|
|
22
|
-
});
|
|
23
|
-
}
|
|
24
|
-
//#endregion
|
|
25
|
-
export { PageShell$1 as $, DropdownMenuContent$1 as A, TabsList$1 as At, DropdownMenuSubContent$1 as B, ToastContainer as Bt, DialogOverlay as C, TableCell as Ct, DropZone as D, TableRow as Dt, DialogTrigger$1 as E, TableHeader as Et, DropdownMenuRadioGroup as F, TerminalInput as Ft, Heading as G, buttonVariants as Gt, DropdownMenuTrigger$1 as H, Toolbar as Ht, DropdownMenuRadioItem as I, TerminalLine as It, Input$1 as J, useTheme as Jt, IconTile as K, initialsOf as Kt, DropdownMenuSeparator$1 as L, TextShimmer as Lt, DropdownMenuItem$1 as M, Tag as Mt, DropdownMenuLabel$1 as N, TerminalCursor as Nt, DropdownMenu$1 as O, Tabs$1 as Ot, DropdownMenuPortal as P, TerminalDisplay as Pt, PageHeader$1 as Q, TangleKnot$1 as Qt, DropdownMenuShortcut as R, Textarea$1 as Rt, DialogHeader$1 as S, TableCaption as St, DialogTitle$1 as T, TableHead as Tt, EmptyState$1 as U, UploadProgress as Ut, DropdownMenuSubTrigger$1 as V, ToastProvider as Vt, FilterField as W, badgeVariants as Wt, Metric as X, SectionTitle as Xt, Label$1 as Y, useToast as Yt, MetricStrip as Z, Logo$1 as Zt, Dialog$1 as _, StatusPill$1 as _t, Badge$1 as a, SelectItem$1 as at, DialogDescription$1 as b, Table as bt, Card$1 as c, SelectScrollUpButton as ct, CardFooter as d, SelectValue$1 as dt, Progress$1 as et, CardHeader$1 as f, SidebarDropZone as ft, CopyButton as g, StatCard$1 as gt, CodeBlock as h, SkeletonTable as ht, AvatarImage$1 as i, SelectGroup as it, DropdownMenuGroup as j, TabsTrigger$1 as jt, DropdownMenuCheckboxItem as k, TabsContent$1 as kt, CardContent$1 as l, SelectSeparator as lt, Chip as m, SkeletonCard$1 as mt, Avatar$1 as n, Select$1 as nt, Button$1 as o, SelectLabel as ot, CardTitle$1 as p, Skeleton$1 as pt, InlineCode as q, toneFor as qt, AvatarFallback$1 as r, SelectContent$1 as rt, CATEGORY_TONES as s, SelectScrollDownButton as st, ArtifactPane$1 as t, SegmentedControl as tt, CardDescription$1 as u, SelectTrigger$1 as ut, DialogClose$1 as v, Switch as vt, DialogPortal as w, TableFooter as wt, DialogFooter$1 as x, TableBody as xt, DialogContent$1 as y, TONE_CLASSES as yt, DropdownMenuSub$1 as z, ThemeToggle as zt };
|