@compose-market/theme 0.1.7 → 0.1.8

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.
Files changed (6) hide show
  1. package/dist/css/mirror.css +227 -38
  2. package/dist/mirror/index.d.ts +1 -1
  3. package/dist/mirror/index.d.ts.map +1 -1
  4. package/dist/mirror/index.js +227 -38
  5. package/dist/mirror/index.js.map +1 -1
  6. package/package.json +1 -1
package/dist/css/mirror.css CHANGED
@@ -107,11 +107,11 @@
107
107
  display: grid;
108
108
  grid-template-rows: auto minmax(0, 1fr);
109
109
  align-content: stretch;
110
- gap: clamp(0.52rem, 1.8cqi, 0.82rem);
110
+ gap: clamp(0.42rem, 1.45cqi, 0.68rem);
111
111
  min-width: 0;
112
112
  min-height: 0;
113
113
  overflow: hidden;
114
- padding: clamp(0.62rem, 2cqi, 0.9rem);
114
+ padding: clamp(0.52rem, 1.65cqi, 0.78rem);
115
115
  }
116
116
 
117
117
  .cm-mirror-pane__card {
@@ -125,20 +125,28 @@
125
125
  height: auto;
126
126
  min-height: 0;
127
127
  padding: 0;
128
- gap: 0.52rem;
128
+ gap: 0.42rem;
129
129
  grid-template-rows: auto;
130
130
  }
131
131
 
132
132
  .cm-mirror-pane__card .cm-card__header {
133
133
  align-items: center;
134
- gap: clamp(0.58rem, 1.6cqi, 0.78rem);
134
+ gap: clamp(0.48rem, 1.4cqi, 0.68rem);
135
135
  }
136
136
 
137
137
  .cm-mirror-pane__card .cm-card__title-row {
138
+ display: block;
139
+ min-width: 0;
140
+ }
141
+
142
+ .cm-mirror-pane__card .cm-card__identity {
138
143
  display: grid;
139
- grid-template-columns: minmax(0, 1fr) auto;
144
+ grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
140
145
  align-items: center;
141
- gap: 0.38rem;
146
+ gap: 0.16rem;
147
+ min-height: clamp(2.85rem, 7.2cqi, 3.15rem);
148
+ max-height: clamp(2.85rem, 7.2cqi, 3.15rem);
149
+ min-width: 0;
142
150
  }
143
151
 
144
152
  .cm-mirror-pane__card .cm-card__title,
@@ -146,18 +154,111 @@
146
154
  display: block;
147
155
  min-width: 0;
148
156
  max-width: 100%;
157
+ font-size: clamp(0.96rem, 4.6cqi, 1.16rem);
158
+ line-height: 1.05;
149
159
  overflow: hidden;
150
160
  text-overflow: ellipsis;
151
161
  white-space: nowrap;
152
162
  }
153
163
 
154
164
  .cm-mirror-pane__card .cm-card__subtitle {
165
+ display: block;
155
166
  min-width: 0;
156
167
  overflow: hidden;
157
168
  text-overflow: ellipsis;
158
169
  white-space: nowrap;
159
170
  }
160
171
 
172
+ .cm-mirror-pane__model-meta-row {
173
+ display: grid;
174
+ grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
175
+ align-items: center;
176
+ gap: 0.36rem;
177
+ min-width: 0;
178
+ width: 100%;
179
+ max-width: 100%;
180
+ }
181
+
182
+ .cm-mirror-pane__provider {
183
+ display: block;
184
+ min-width: 0;
185
+ max-width: min(9rem, 38cqi);
186
+ overflow: hidden;
187
+ color: hsl(var(--muted-foreground));
188
+ font-family: var(--font-mono), monospace;
189
+ font-size: 0.74rem;
190
+ line-height: 1.1;
191
+ text-overflow: ellipsis;
192
+ white-space: nowrap;
193
+ }
194
+
195
+ .cm-mirror-pane__type-list {
196
+ display: flex;
197
+ align-items: center;
198
+ gap: 0.28rem;
199
+ min-width: 0;
200
+ overflow: hidden;
201
+ }
202
+
203
+ .cm-mirror-pane__type-list > .cm-hint,
204
+ .cm-mirror-pane__type-list > .cm-hint > .cm-hint__trigger,
205
+ .cm-mirror-pane__io-badges > .cm-hint,
206
+ .cm-mirror-pane__io-badges > .cm-hint > .cm-hint__trigger {
207
+ min-width: 0;
208
+ max-width: 100%;
209
+ }
210
+
211
+ .cm-mirror-pane__type-list > .cm-hint {
212
+ flex: 0 1 auto;
213
+ }
214
+
215
+ .cm-mirror-pane__type-badge {
216
+ display: inline-grid;
217
+ grid-template-columns: auto minmax(0, 1fr);
218
+ align-items: center;
219
+ gap: 0.24rem;
220
+ min-width: 0;
221
+ max-width: 100%;
222
+ min-height: 1.32rem;
223
+ max-height: 1.32rem;
224
+ padding: 0 0.42rem;
225
+ border: 1px solid hsl(var(--accent) / 0.24);
226
+ border-radius: 999px;
227
+ background: hsl(var(--accent) / 0.1);
228
+ color: hsl(var(--accent));
229
+ font-family: var(--font-mono), monospace;
230
+ font-size: 0.62rem;
231
+ font-weight: 800;
232
+ letter-spacing: 0.05em;
233
+ line-height: 1;
234
+ text-transform: uppercase;
235
+ }
236
+
237
+ .cm-mirror-pane__type-badge[data-tone="cyan"] {
238
+ border-color: hsl(var(--primary) / 0.24);
239
+ background: hsl(var(--primary) / 0.1);
240
+ color: hsl(var(--primary));
241
+ }
242
+
243
+ .cm-mirror-pane__type-badge[data-tone="green"] {
244
+ border-color: hsl(142 71% 45% / 0.28);
245
+ background: hsl(142 71% 45% / 0.1);
246
+ color: hsl(142 71% 55%);
247
+ }
248
+
249
+ .cm-mirror-pane__type-badge > span:last-child {
250
+ min-width: 0;
251
+ overflow: hidden;
252
+ text-overflow: ellipsis;
253
+ white-space: nowrap;
254
+ }
255
+
256
+ .cm-mirror-pane__type-icon {
257
+ width: 0.72rem;
258
+ height: 0.72rem;
259
+ flex: 0 0 auto;
260
+ }
261
+
161
262
  .cm-mirror-pane__card .cm-card__meta {
162
263
  display: grid;
163
264
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -176,13 +277,13 @@
176
277
  }
177
278
 
178
279
  .cm-mirror-pane__model-id {
179
- color: hsl(var(--primary) / 0.72);
280
+ display: none;
180
281
  }
181
282
 
182
283
  .cm-mirror-pane__model-icon-box {
183
284
  display: grid;
184
- width: clamp(2.55rem, 7.2cqi, 3.15rem);
185
- height: clamp(2.55rem, 7.2cqi, 3.15rem);
285
+ width: clamp(2.85rem, 7.2cqi, 3.15rem);
286
+ height: clamp(2.85rem, 7.2cqi, 3.15rem);
186
287
  place-items: center;
187
288
  flex: 0 0 auto;
188
289
  border: 1px solid hsl(var(--primary) / 0.24);
@@ -207,7 +308,7 @@
207
308
  .cm-mirror-pane__details,
208
309
  .cm-mirror-pane__custom-content {
209
310
  display: grid;
210
- gap: clamp(0.46rem, 1.45cqi, 0.68rem);
311
+ gap: clamp(0.38rem, 1.25cqi, 0.58rem);
211
312
  min-width: 0;
212
313
  min-height: 0;
213
314
  align-content: start;
@@ -229,22 +330,27 @@
229
330
 
230
331
  .cm-mirror-pane__description {
231
332
  min-width: 0;
232
- padding: clamp(0.58rem, 1.55cqi, 0.74rem);
333
+ padding: clamp(0.48rem, 1.35cqi, 0.62rem);
233
334
  color: hsl(var(--muted-foreground));
234
- font-size: 0.92rem;
235
- line-height: 1.38;
335
+ font-size: 0.84rem;
336
+ line-height: 1.34;
236
337
  }
237
338
 
238
339
  .cm-mirror-pane__description .cm-excerpt,
239
340
  .cm-mirror-pane__description .cm-excerpt__trigger,
240
- .cm-mirror-pane__description .cm-excerpt__text {
341
+ .cm-mirror-pane__description .cm-excerpt__text,
342
+ .cm-mirror-pane__description .cm-hint,
343
+ .cm-mirror-pane__description .cm-hint__trigger,
344
+ .cm-mirror-pane__description-hint {
241
345
  width: 100%;
242
346
  min-width: 0;
243
347
  }
244
348
 
245
349
  .cm-mirror-pane__section {
246
350
  display: grid;
247
- grid-template-rows: auto minmax(0, 1fr);
351
+ grid-template-columns: 1.75rem minmax(0, 1fr);
352
+ grid-template-rows: minmax(2.25rem, auto);
353
+ align-items: center;
248
354
  gap: 0.4rem;
249
355
  min-width: 0;
250
356
  min-height: 0;
@@ -252,11 +358,14 @@
252
358
  }
253
359
 
254
360
  .cm-mirror-pane__section--compact {
255
- padding: clamp(0.52rem, 1.55cqi, 0.68rem);
361
+ padding: clamp(0.42rem, 1.25cqi, 0.58rem);
256
362
  }
257
363
 
258
364
  .cm-mirror-pane__section-label,
259
365
  .cm-mirror-pane__tool-group-label {
366
+ display: inline-flex;
367
+ align-items: center;
368
+ justify-content: center;
260
369
  min-width: 0;
261
370
  color: hsl(var(--muted-foreground));
262
371
  font-family: var(--font-mono), monospace;
@@ -271,7 +380,6 @@
271
380
  }
272
381
 
273
382
  .cm-mirror-pane__section--io {
274
- grid-template-rows: minmax(2.4rem, auto);
275
383
  grid-template-columns: repeat(2, minmax(0, 1fr));
276
384
  gap: 0.44rem;
277
385
  align-items: stretch;
@@ -287,13 +395,17 @@
287
395
 
288
396
  .cm-mirror-pane__io-row {
289
397
  display: grid;
290
- grid-template-columns: 2.35rem minmax(0, 1fr);
398
+ grid-template-columns: 1.55rem minmax(0, 1fr);
291
399
  align-items: center;
292
- gap: 0.48rem;
400
+ gap: 0.42rem;
401
+ min-width: 0;
293
402
  }
294
403
 
295
404
  .cm-mirror-pane__io-label,
296
405
  .cm-mirror-pane__kv-label {
406
+ display: inline-flex;
407
+ align-items: center;
408
+ justify-content: center;
297
409
  min-width: 0;
298
410
  color: hsl(var(--muted-foreground));
299
411
  font-family: var(--font-mono), monospace;
@@ -307,27 +419,51 @@
307
419
  .cm-mirror-pane__io-badges {
308
420
  display: flex;
309
421
  align-items: center;
310
- justify-content: flex-end;
311
- gap: 0.32rem;
422
+ justify-content: flex-start;
423
+ gap: 0.28rem;
312
424
  min-width: 0;
313
425
  flex-wrap: wrap;
314
426
  }
315
427
 
316
- .cm-mirror-pane__badge {
428
+ .cm-mirror-pane__io-badges > .cm-hint {
429
+ flex: 0 1 auto;
430
+ }
431
+
432
+ .cm-mirror-pane__icon-label {
317
433
  display: inline-flex;
318
434
  align-items: center;
319
435
  justify-content: center;
436
+ width: 1.35rem;
437
+ height: 1.35rem;
438
+ min-width: 1.35rem;
439
+ border: 1px solid hsl(var(--primary) / 0.22);
440
+ border-radius: 999px;
441
+ background: hsl(var(--primary) / 0.08);
442
+ color: hsl(var(--primary));
443
+ }
444
+
445
+ .cm-mirror-pane__icon-svg {
446
+ width: 0.82rem;
447
+ height: 0.82rem;
448
+ }
449
+
450
+ .cm-mirror-pane__badge {
451
+ display: inline-grid;
452
+ grid-template-columns: auto minmax(0, 1fr);
453
+ align-items: center;
454
+ justify-content: center;
455
+ gap: 0.24rem;
320
456
  min-width: 0;
321
- min-height: 1.42rem;
322
- max-height: 1.42rem;
457
+ min-height: 1.36rem;
458
+ max-height: 1.36rem;
323
459
  max-width: 100%;
324
460
  border: 1px solid hsl(var(--primary) / 0.18);
325
461
  border-radius: 999px;
326
462
  background: hsl(var(--primary) / 0.08);
327
463
  color: hsl(var(--primary));
328
- padding: 0 0.48rem;
464
+ padding: 0 0.42rem;
329
465
  font-family: var(--font-mono), monospace;
330
- font-size: 0.68rem;
466
+ font-size: 0.62rem;
331
467
  font-weight: 800;
332
468
  letter-spacing: 0.06em;
333
469
  line-height: 1;
@@ -337,6 +473,19 @@
337
473
  text-overflow: ellipsis;
338
474
  }
339
475
 
476
+ .cm-mirror-pane__badge > span:last-child {
477
+ min-width: 0;
478
+ overflow: hidden;
479
+ text-overflow: ellipsis;
480
+ white-space: nowrap;
481
+ }
482
+
483
+ .cm-mirror-pane__format-icon {
484
+ width: 0.72rem;
485
+ height: 0.72rem;
486
+ flex: 0 0 auto;
487
+ }
488
+
340
489
  .cm-mirror-pane__badge[data-tone="fuchsia"] {
341
490
  border-color: hsl(var(--accent) / 0.24);
342
491
  background: hsl(var(--accent) / 0.1);
@@ -364,7 +513,8 @@
364
513
  .cm-mirror-pane__kv-grid,
365
514
  .cm-mirror-pane__pricing-entries {
366
515
  display: grid;
367
- grid-auto-rows: minmax(1.7rem, auto);
516
+ grid-template-columns: repeat(2, minmax(0, 1fr));
517
+ grid-auto-rows: minmax(1.58rem, auto);
368
518
  gap: 0.24rem;
369
519
  min-width: 0;
370
520
  min-height: 0;
@@ -374,16 +524,17 @@
374
524
  .cm-mirror-pane__kv-row,
375
525
  .cm-mirror-pane__pricing-header {
376
526
  display: grid;
377
- grid-template-columns: minmax(0, 1fr) max-content;
527
+ grid-template-columns: 1.45rem minmax(0, 1fr);
378
528
  align-items: center;
379
- gap: 0.55rem;
529
+ gap: 0.34rem;
530
+ min-width: 0;
380
531
  }
381
532
 
382
533
  .cm-mirror-pane__kv-value {
383
534
  min-width: 0;
384
535
  color: hsl(var(--foreground));
385
536
  font-family: var(--font-mono), monospace;
386
- font-size: 0.82rem;
537
+ font-size: 0.76rem;
387
538
  font-weight: 650;
388
539
  text-align: right;
389
540
  overflow: hidden;
@@ -391,13 +542,58 @@
391
542
  white-space: nowrap;
392
543
  }
393
544
 
545
+ .cm-mirror-pane__kv-value > .cm-hint,
546
+ .cm-mirror-pane__kv-value > .cm-hint > .cm-hint__trigger {
547
+ width: 100%;
548
+ min-width: 0;
549
+ }
550
+
551
+ .cm-mirror-pane__field-value {
552
+ display: inline-flex;
553
+ align-items: baseline;
554
+ justify-content: flex-end;
555
+ gap: 0.26rem;
556
+ width: 100%;
557
+ min-width: 0;
558
+ max-width: 100%;
559
+ }
560
+
561
+ .cm-mirror-pane__field-main {
562
+ min-width: 0;
563
+ overflow: hidden;
564
+ text-overflow: ellipsis;
565
+ white-space: nowrap;
566
+ }
567
+
568
+ .cm-mirror-pane__field-unit {
569
+ flex: 0 1 auto;
570
+ min-width: 0;
571
+ color: hsl(var(--muted-foreground) / 0.72);
572
+ font-size: 0.62rem;
573
+ font-weight: 700;
574
+ letter-spacing: 0.06em;
575
+ line-height: 1;
576
+ overflow: hidden;
577
+ text-overflow: ellipsis;
578
+ text-transform: uppercase;
579
+ white-space: nowrap;
580
+ }
581
+
394
582
  .cm-mirror-pane__pricing-compact,
395
583
  .cm-mirror-pane__pricing-block,
396
584
  .cm-mirror-pane__tool-group {
397
585
  display: grid;
398
- gap: 0.34rem;
586
+ gap: 0.28rem;
399
587
  min-width: 0;
400
588
  min-height: 0;
589
+ }
590
+
591
+ .cm-mirror-pane__pricing-compact {
592
+ padding: 0;
593
+ }
594
+
595
+ .cm-mirror-pane__pricing-block,
596
+ .cm-mirror-pane__tool-group {
401
597
  padding: 0.5rem 0.58rem;
402
598
  }
403
599
 
@@ -555,18 +751,11 @@
555
751
  display: none;
556
752
  }
557
753
 
558
- .cm-mirror-pane__io-row,
559
- .cm-mirror-pane__kv-row,
560
- .cm-mirror-pane__pricing-header,
561
754
  .cm-mirror-pane__tool-toggle {
562
755
  grid-template-columns: minmax(0, 1fr);
563
756
  align-items: start;
564
757
  gap: 0.3rem;
565
758
  }
566
-
567
- .cm-mirror-pane__kv-value {
568
- text-align: left;
569
- }
570
759
  }
571
760
 
572
761
  @media (prefers-reduced-motion: reduce) {
package/dist/mirror/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- export declare const mirrorStyles = "\n.cm-mirror-pane {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 16px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),\n hsl(224 36% 13% / 0.24);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.06),\n 0 0 34px hsl(var(--primary) / 0.06);\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-mirror-pane *,\n.cm-mirror-pane *::before,\n.cm-mirror-pane *::after {\n box-sizing: border-box;\n}\n\n.cm-mirror-pane__toolbar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n min-height: 2.95rem;\n padding: 0.38rem 0.45rem;\n border-bottom: 1px solid hsl(var(--primary) / 0.1);\n background: hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__toolbar-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n min-width: 2.1rem;\n min-height: 2.1rem;\n padding: 0 0.58rem;\n border: 1px solid transparent;\n border-radius: 999px;\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition:\n transform 160ms ease,\n border-color 180ms ease,\n background-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-mirror-pane__toolbar-btn:hover,\n.cm-mirror-pane__toolbar-btn:focus-visible {\n outline: none;\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.2);\n background: hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n border-color: hsl(var(--primary) / 0.36);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n box-shadow: 0 0 18px hsl(var(--primary) / 0.12);\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n border-color: hsl(var(--accent) / 0.34);\n background: hsl(var(--accent) / 0.11);\n color: hsl(var(--accent));\n box-shadow: 0 0 18px hsl(var(--accent) / 0.1);\n}\n\n.cm-mirror-pane__toolbar-btn svg {\n width: 1rem;\n height: 1rem;\n}\n\n.cm-mirror-pane__toolbar-label {\n display: none;\n}\n\n@container (min-width: 24rem) {\n .cm-mirror-pane__toolbar-label {\n display: inline;\n }\n}\n\n.cm-mirror-pane__body {\n flex: 1 1 auto;\n display: grid;\n grid-template-rows: auto minmax(0, 1fr);\n align-content: stretch;\n gap: clamp(0.52rem, 1.8cqi, 0.82rem);\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n padding: clamp(0.62rem, 2cqi, 0.9rem);\n}\n\n.cm-mirror-pane__card {\n border: 0;\n background: transparent;\n box-shadow: none;\n backdrop-filter: none;\n}\n\n.cm-mirror-pane__card > .cm-card__body {\n height: auto;\n min-height: 0;\n padding: 0;\n gap: 0.52rem;\n grid-template-rows: auto;\n}\n\n.cm-mirror-pane__card .cm-card__header {\n align-items: center;\n gap: clamp(0.58rem, 1.6cqi, 0.78rem);\n}\n\n.cm-mirror-pane__card .cm-card__title-row {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: 0.38rem;\n}\n\n.cm-mirror-pane__card .cm-card__title,\n.cm-mirror-pane__card-title {\n display: block;\n min-width: 0;\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__card .cm-card__subtitle {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__card .cm-card__meta {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n align-items: center;\n gap: 0.34rem;\n width: 100%;\n}\n\n.cm-mirror-pane__card .cm-card__meta-chip {\n width: 100%;\n min-height: 1.46rem;\n max-height: 1.46rem;\n justify-content: center;\n padding: 0.18rem 0.48rem;\n font-size: 0.68rem;\n}\n\n.cm-mirror-pane__model-id {\n color: hsl(var(--primary) / 0.72);\n}\n\n.cm-mirror-pane__model-icon-box {\n display: grid;\n width: clamp(2.55rem, 7.2cqi, 3.15rem);\n height: clamp(2.55rem, 7.2cqi, 3.15rem);\n place-items: center;\n flex: 0 0 auto;\n border: 1px solid hsl(var(--primary) / 0.24);\n border-radius: 12px;\n background: hsl(var(--primary) / 0.09);\n color: hsl(var(--primary));\n box-shadow: inset 0 0 18px hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__model-icon-box svg {\n width: 1.16rem;\n height: 1.16rem;\n}\n\n.cm-mirror-pane__content {\n display: grid;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__details,\n.cm-mirror-pane__custom-content {\n display: grid;\n gap: clamp(0.46rem, 1.45cqi, 0.68rem);\n min-width: 0;\n min-height: 0;\n align-content: start;\n overflow: hidden;\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__section,\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group,\n.cm-mirror-pane__no-params,\n.cm-mirror-pane__text-area,\n.cm-mirror-pane__field {\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 12px;\n background: hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__description {\n min-width: 0;\n padding: clamp(0.58rem, 1.55cqi, 0.74rem);\n color: hsl(var(--muted-foreground));\n font-size: 0.92rem;\n line-height: 1.38;\n}\n\n.cm-mirror-pane__description .cm-excerpt,\n.cm-mirror-pane__description .cm-excerpt__trigger,\n.cm-mirror-pane__description .cm-excerpt__text {\n width: 100%;\n min-width: 0;\n}\n\n.cm-mirror-pane__section {\n display: grid;\n grid-template-rows: auto minmax(0, 1fr);\n gap: 0.4rem;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__section--compact {\n padding: clamp(0.52rem, 1.55cqi, 0.68rem);\n}\n\n.cm-mirror-pane__section-label,\n.cm-mirror-pane__tool-group-label {\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.72rem;\n font-weight: 800;\n letter-spacing: 0.1em;\n line-height: 1.1;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__section--io {\n grid-template-rows: minmax(2.4rem, auto);\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.44rem;\n align-items: stretch;\n}\n\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header,\n.cm-mirror-pane__tool-toggle {\n min-width: 0;\n min-height: 1.8rem;\n}\n\n.cm-mirror-pane__io-row {\n display: grid;\n grid-template-columns: 2.35rem minmax(0, 1fr);\n align-items: center;\n gap: 0.48rem;\n}\n\n.cm-mirror-pane__io-label,\n.cm-mirror-pane__kv-label {\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n letter-spacing: 0.02em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__io-badges {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n gap: 0.32rem;\n min-width: 0;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n min-height: 1.42rem;\n max-height: 1.42rem;\n max-width: 100%;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n padding: 0 0.48rem;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n font-weight: 800;\n letter-spacing: 0.06em;\n line-height: 1;\n text-transform: uppercase;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(var(--accent) / 0.24);\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.3);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-mirror-pane__kv-grid,\n.cm-mirror-pane__pricing-entries {\n display: grid;\n grid-auto-rows: minmax(1.7rem, auto);\n gap: 0.24rem;\n min-width: 0;\n min-height: 0;\n align-content: start;\n}\n\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header {\n display: grid;\n grid-template-columns: minmax(0, 1fr) max-content;\n align-items: center;\n gap: 0.55rem;\n}\n\n.cm-mirror-pane__kv-value {\n min-width: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.82rem;\n font-weight: 650;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n display: grid;\n gap: 0.34rem;\n min-width: 0;\n min-height: 0;\n padding: 0.5rem 0.58rem;\n}\n\n.cm-mirror-pane__section--context .cm-mirror-pane__kv-grid,\n.cm-mirror-pane__section--pricing .cm-mirror-pane__pricing-entries {\n gap: 0.22rem;\n}\n\n.cm-mirror-pane__section--pricing > .cm-mirror-pane__pricing-compact {\n border: 0;\n background: transparent;\n padding: 0;\n}\n\n.cm-mirror-pane__pricing-unit {\n min-width: 0;\n color: hsl(var(--muted-foreground) / 0.72);\n font-family: var(--font-mono), monospace;\n font-size: 0.7rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__pricing-name {\n min-width: 0;\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__footer {\n flex: 0 0 auto;\n border-top: 1px solid hsl(var(--primary) / 0.1);\n padding: 0.75rem 1rem;\n}\n\n.cm-mirror-pane__empty {\n flex: 1;\n min-height: 14rem;\n display: grid;\n place-items: center;\n align-content: center;\n gap: 0.75rem;\n padding: 1.5rem;\n text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n display: inline-flex;\n color: hsl(var(--primary));\n opacity: 0.72;\n}\n\n.cm-mirror-pane__empty-icon svg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.cm-mirror-pane__empty-text {\n max-width: 18rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.45;\n}\n\n.cm-mirror-pane__tool-group {\n border-color: hsl(var(--primary) / 0.18);\n background: hsl(var(--primary) / 0.05);\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n border-color: hsl(var(--accent) / 0.18);\n background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-toggle {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: 0.58rem;\n}\n\n.cm-mirror-pane__custom-section {\n display: grid;\n gap: 0.42rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__text-area {\n width: 100%;\n min-height: 7rem;\n padding: 0.72rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n resize: vertical;\n}\n\n.cm-mirror-pane__field {\n width: 100%;\n min-height: 2.45rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n}\n\n.cm-mirror-pane__field:focus,\n.cm-mirror-pane__field:focus-visible,\n.cm-mirror-pane__text-area:focus,\n.cm-mirror-pane__text-area:focus-visible {\n outline: none;\n border-color: hsl(var(--primary) / 0.5);\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);\n}\n\n.cm-mirror-pane__param-description,\n.cm-mirror-pane__no-params {\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-size: 0.86rem;\n line-height: 1.4;\n}\n\n.cm-mirror-pane__no-params {\n padding: 1rem;\n text-align: center;\n}\n\n@container (max-width: 28rem) {\n .cm-mirror-pane__body {\n gap: 0.54rem;\n padding: 0.62rem;\n }\n\n .cm-mirror-pane__section--io {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .cm-mirror-pane__io-badges {\n justify-content: flex-start;\n }\n}\n\n@container (max-width: 22rem) {\n .cm-mirror-pane__card .cm-card__header {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .cm-mirror-pane__model-icon-box {\n display: none;\n }\n\n .cm-mirror-pane__io-row,\n .cm-mirror-pane__kv-row,\n .cm-mirror-pane__pricing-header,\n .cm-mirror-pane__tool-toggle {\n grid-template-columns: minmax(0, 1fr);\n align-items: start;\n gap: 0.3rem;\n }\n\n .cm-mirror-pane__kv-value {\n text-align: left;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-mirror-pane__toolbar-btn {\n transition-duration: 0.01ms !important;\n }\n}\n";
2
+ export declare const mirrorStyles = "\n.cm-mirror-pane {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 16px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),\n hsl(224 36% 13% / 0.24);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.06),\n 0 0 34px hsl(var(--primary) / 0.06);\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-mirror-pane *,\n.cm-mirror-pane *::before,\n.cm-mirror-pane *::after {\n box-sizing: border-box;\n}\n\n.cm-mirror-pane__toolbar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n min-height: 2.95rem;\n padding: 0.38rem 0.45rem;\n border-bottom: 1px solid hsl(var(--primary) / 0.1);\n background: hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__toolbar-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n min-width: 2.1rem;\n min-height: 2.1rem;\n padding: 0 0.58rem;\n border: 1px solid transparent;\n border-radius: 999px;\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition:\n transform 160ms ease,\n border-color 180ms ease,\n background-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-mirror-pane__toolbar-btn:hover,\n.cm-mirror-pane__toolbar-btn:focus-visible {\n outline: none;\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.2);\n background: hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n border-color: hsl(var(--primary) / 0.36);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n box-shadow: 0 0 18px hsl(var(--primary) / 0.12);\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n border-color: hsl(var(--accent) / 0.34);\n background: hsl(var(--accent) / 0.11);\n color: hsl(var(--accent));\n box-shadow: 0 0 18px hsl(var(--accent) / 0.1);\n}\n\n.cm-mirror-pane__toolbar-btn svg {\n width: 1rem;\n height: 1rem;\n}\n\n.cm-mirror-pane__toolbar-label {\n display: none;\n}\n\n@container (min-width: 24rem) {\n .cm-mirror-pane__toolbar-label {\n display: inline;\n }\n}\n\n.cm-mirror-pane__body {\n flex: 1 1 auto;\n display: grid;\n grid-template-rows: auto minmax(0, 1fr);\n align-content: stretch;\n gap: clamp(0.42rem, 1.45cqi, 0.68rem);\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n padding: clamp(0.52rem, 1.65cqi, 0.78rem);\n}\n\n.cm-mirror-pane__card {\n border: 0;\n background: transparent;\n box-shadow: none;\n backdrop-filter: none;\n}\n\n.cm-mirror-pane__card > .cm-card__body {\n height: auto;\n min-height: 0;\n padding: 0;\n gap: 0.42rem;\n grid-template-rows: auto;\n}\n\n.cm-mirror-pane__card .cm-card__header {\n align-items: center;\n gap: clamp(0.48rem, 1.4cqi, 0.68rem);\n}\n\n.cm-mirror-pane__card .cm-card__title-row {\n display: block;\n min-width: 0;\n}\n\n.cm-mirror-pane__card .cm-card__identity {\n display: grid;\n grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);\n align-items: center;\n gap: 0.16rem;\n min-height: clamp(2.85rem, 7.2cqi, 3.15rem);\n max-height: clamp(2.85rem, 7.2cqi, 3.15rem);\n min-width: 0;\n}\n\n.cm-mirror-pane__card .cm-card__title,\n.cm-mirror-pane__card-title {\n display: block;\n min-width: 0;\n max-width: 100%;\n font-size: clamp(0.96rem, 4.6cqi, 1.16rem);\n line-height: 1.05;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__card .cm-card__subtitle {\n display: block;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__model-meta-row {\n display: grid;\n grid-template-columns: minmax(0, max-content) minmax(0, 1fr);\n align-items: center;\n gap: 0.36rem;\n min-width: 0;\n width: 100%;\n max-width: 100%;\n}\n\n.cm-mirror-pane__provider {\n display: block;\n min-width: 0;\n max-width: min(9rem, 38cqi);\n overflow: hidden;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.74rem;\n line-height: 1.1;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__type-list {\n display: flex;\n align-items: center;\n gap: 0.28rem;\n min-width: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__type-list > .cm-hint,\n.cm-mirror-pane__type-list > .cm-hint > .cm-hint__trigger,\n.cm-mirror-pane__io-badges > .cm-hint,\n.cm-mirror-pane__io-badges > .cm-hint > .cm-hint__trigger {\n min-width: 0;\n max-width: 100%;\n}\n\n.cm-mirror-pane__type-list > .cm-hint {\n flex: 0 1 auto;\n}\n\n.cm-mirror-pane__type-badge {\n display: inline-grid;\n grid-template-columns: auto minmax(0, 1fr);\n align-items: center;\n gap: 0.24rem;\n min-width: 0;\n max-width: 100%;\n min-height: 1.32rem;\n max-height: 1.32rem;\n padding: 0 0.42rem;\n border: 1px solid hsl(var(--accent) / 0.24);\n border-radius: 999px;\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-size: 0.62rem;\n font-weight: 800;\n letter-spacing: 0.05em;\n line-height: 1;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__type-badge[data-tone=\"cyan\"] {\n border-color: hsl(var(--primary) / 0.24);\n background: hsl(var(--primary) / 0.1);\n color: hsl(var(--primary));\n}\n\n.cm-mirror-pane__type-badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__type-badge > span:last-child {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__type-icon {\n width: 0.72rem;\n height: 0.72rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__card .cm-card__meta {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n align-items: center;\n gap: 0.34rem;\n width: 100%;\n}\n\n.cm-mirror-pane__card .cm-card__meta-chip {\n width: 100%;\n min-height: 1.46rem;\n max-height: 1.46rem;\n justify-content: center;\n padding: 0.18rem 0.48rem;\n font-size: 0.68rem;\n}\n\n.cm-mirror-pane__model-id {\n display: none;\n}\n\n.cm-mirror-pane__model-icon-box {\n display: grid;\n width: clamp(2.85rem, 7.2cqi, 3.15rem);\n height: clamp(2.85rem, 7.2cqi, 3.15rem);\n place-items: center;\n flex: 0 0 auto;\n border: 1px solid hsl(var(--primary) / 0.24);\n border-radius: 12px;\n background: hsl(var(--primary) / 0.09);\n color: hsl(var(--primary));\n box-shadow: inset 0 0 18px hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__model-icon-box svg {\n width: 1.16rem;\n height: 1.16rem;\n}\n\n.cm-mirror-pane__content {\n display: grid;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__details,\n.cm-mirror-pane__custom-content {\n display: grid;\n gap: clamp(0.38rem, 1.25cqi, 0.58rem);\n min-width: 0;\n min-height: 0;\n align-content: start;\n overflow: hidden;\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__section,\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group,\n.cm-mirror-pane__no-params,\n.cm-mirror-pane__text-area,\n.cm-mirror-pane__field {\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 12px;\n background: hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__description {\n min-width: 0;\n padding: clamp(0.48rem, 1.35cqi, 0.62rem);\n color: hsl(var(--muted-foreground));\n font-size: 0.84rem;\n line-height: 1.34;\n}\n\n.cm-mirror-pane__description .cm-excerpt,\n.cm-mirror-pane__description .cm-excerpt__trigger,\n.cm-mirror-pane__description .cm-excerpt__text,\n.cm-mirror-pane__description .cm-hint,\n.cm-mirror-pane__description .cm-hint__trigger,\n.cm-mirror-pane__description-hint {\n width: 100%;\n min-width: 0;\n}\n\n.cm-mirror-pane__section {\n display: grid;\n grid-template-columns: 1.75rem minmax(0, 1fr);\n grid-template-rows: minmax(2.25rem, auto);\n align-items: center;\n gap: 0.4rem;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__section--compact {\n padding: clamp(0.42rem, 1.25cqi, 0.58rem);\n}\n\n.cm-mirror-pane__section-label,\n.cm-mirror-pane__tool-group-label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.72rem;\n font-weight: 800;\n letter-spacing: 0.1em;\n line-height: 1.1;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__section--io {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.44rem;\n align-items: stretch;\n}\n\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header,\n.cm-mirror-pane__tool-toggle {\n min-width: 0;\n min-height: 1.8rem;\n}\n\n.cm-mirror-pane__io-row {\n display: grid;\n grid-template-columns: 1.55rem minmax(0, 1fr);\n align-items: center;\n gap: 0.42rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-label,\n.cm-mirror-pane__kv-label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n letter-spacing: 0.02em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__io-badges {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 0.28rem;\n min-width: 0;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__io-badges > .cm-hint {\n flex: 0 1 auto;\n}\n\n.cm-mirror-pane__icon-label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.35rem;\n height: 1.35rem;\n min-width: 1.35rem;\n border: 1px solid hsl(var(--primary) / 0.22);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n}\n\n.cm-mirror-pane__icon-svg {\n width: 0.82rem;\n height: 0.82rem;\n}\n\n.cm-mirror-pane__badge {\n display: inline-grid;\n grid-template-columns: auto minmax(0, 1fr);\n align-items: center;\n justify-content: center;\n gap: 0.24rem;\n min-width: 0;\n min-height: 1.36rem;\n max-height: 1.36rem;\n max-width: 100%;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n padding: 0 0.42rem;\n font-family: var(--font-mono), monospace;\n font-size: 0.62rem;\n font-weight: 800;\n letter-spacing: 0.06em;\n line-height: 1;\n text-transform: uppercase;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.cm-mirror-pane__badge > span:last-child {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__format-icon {\n width: 0.72rem;\n height: 0.72rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(var(--accent) / 0.24);\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.3);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-mirror-pane__kv-grid,\n.cm-mirror-pane__pricing-entries {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n grid-auto-rows: minmax(1.58rem, auto);\n gap: 0.24rem;\n min-width: 0;\n min-height: 0;\n align-content: start;\n}\n\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header {\n display: grid;\n grid-template-columns: 1.45rem minmax(0, 1fr);\n align-items: center;\n gap: 0.34rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__kv-value {\n min-width: 0;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n font-weight: 650;\n text-align: right;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__kv-value > .cm-hint,\n.cm-mirror-pane__kv-value > .cm-hint > .cm-hint__trigger {\n width: 100%;\n min-width: 0;\n}\n\n.cm-mirror-pane__field-value {\n display: inline-flex;\n align-items: baseline;\n justify-content: flex-end;\n gap: 0.26rem;\n width: 100%;\n min-width: 0;\n max-width: 100%;\n}\n\n.cm-mirror-pane__field-main {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__field-unit {\n flex: 0 1 auto;\n min-width: 0;\n color: hsl(var(--muted-foreground) / 0.72);\n font-size: 0.62rem;\n font-weight: 700;\n letter-spacing: 0.06em;\n line-height: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n display: grid;\n gap: 0.28rem;\n min-width: 0;\n min-height: 0;\n}\n\n.cm-mirror-pane__pricing-compact {\n padding: 0;\n}\n\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n padding: 0.5rem 0.58rem;\n}\n\n.cm-mirror-pane__section--context .cm-mirror-pane__kv-grid,\n.cm-mirror-pane__section--pricing .cm-mirror-pane__pricing-entries {\n gap: 0.22rem;\n}\n\n.cm-mirror-pane__section--pricing > .cm-mirror-pane__pricing-compact {\n border: 0;\n background: transparent;\n padding: 0;\n}\n\n.cm-mirror-pane__pricing-unit {\n min-width: 0;\n color: hsl(var(--muted-foreground) / 0.72);\n font-family: var(--font-mono), monospace;\n font-size: 0.7rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__pricing-name {\n min-width: 0;\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__footer {\n flex: 0 0 auto;\n border-top: 1px solid hsl(var(--primary) / 0.1);\n padding: 0.75rem 1rem;\n}\n\n.cm-mirror-pane__empty {\n flex: 1;\n min-height: 14rem;\n display: grid;\n place-items: center;\n align-content: center;\n gap: 0.75rem;\n padding: 1.5rem;\n text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n display: inline-flex;\n color: hsl(var(--primary));\n opacity: 0.72;\n}\n\n.cm-mirror-pane__empty-icon svg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.cm-mirror-pane__empty-text {\n max-width: 18rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.45;\n}\n\n.cm-mirror-pane__tool-group {\n border-color: hsl(var(--primary) / 0.18);\n background: hsl(var(--primary) / 0.05);\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n border-color: hsl(var(--accent) / 0.18);\n background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-toggle {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: 0.58rem;\n}\n\n.cm-mirror-pane__custom-section {\n display: grid;\n gap: 0.42rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__text-area {\n width: 100%;\n min-height: 7rem;\n padding: 0.72rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n resize: vertical;\n}\n\n.cm-mirror-pane__field {\n width: 100%;\n min-height: 2.45rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n}\n\n.cm-mirror-pane__field:focus,\n.cm-mirror-pane__field:focus-visible,\n.cm-mirror-pane__text-area:focus,\n.cm-mirror-pane__text-area:focus-visible {\n outline: none;\n border-color: hsl(var(--primary) / 0.5);\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);\n}\n\n.cm-mirror-pane__param-description,\n.cm-mirror-pane__no-params {\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-size: 0.86rem;\n line-height: 1.4;\n}\n\n.cm-mirror-pane__no-params {\n padding: 1rem;\n text-align: center;\n}\n\n@container (max-width: 28rem) {\n .cm-mirror-pane__body {\n gap: 0.54rem;\n padding: 0.62rem;\n }\n\n .cm-mirror-pane__section--io {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .cm-mirror-pane__io-badges {\n justify-content: flex-start;\n }\n}\n\n@container (max-width: 22rem) {\n .cm-mirror-pane__card .cm-card__header {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .cm-mirror-pane__model-icon-box {\n display: none;\n }\n\n .cm-mirror-pane__tool-toggle {\n grid-template-columns: minmax(0, 1fr);\n align-items: start;\n gap: 0.3rem;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cm-mirror-pane__toolbar-btn {\n transition-duration: 0.01ms !important;\n }\n}\n";
3
3
  export interface MirrorTab {
4
4
  id: string;
5
5
  label: React.ReactNode;
package/dist/mirror/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,YAAY,i0ZAgkBxB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;CACxE;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,IAAS,EACT,SAAS,EACT,WAAW,EACX,MAAW,EACX,KAAa,EACb,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,qBAkDjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAUzG;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAO9E;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAOxF"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,YAAY,i/hBA6vBxB,CAAC;AAEF,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,QAAQ,CAAC;CACxE;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC1F,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,IAAI,CAAC,EAAE,SAAS,EAAE,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,EAAE,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B;AAED,wBAAgB,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,IAAS,EACT,SAAS,EACT,WAAW,EACX,MAAW,EACX,KAAa,EACb,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,eAAe,qBAkDjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAc,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAUzG;AAED,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC1E,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,cAAc,qBAO9E;AAED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9E,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,qBAOxF"}
package/dist/mirror/index.js CHANGED
@@ -110,11 +110,11 @@ export const mirrorStyles = /* css */ `
110
110
  display: grid;
111
111
  grid-template-rows: auto minmax(0, 1fr);
112
112
  align-content: stretch;
113
- gap: clamp(0.52rem, 1.8cqi, 0.82rem);
113
+ gap: clamp(0.42rem, 1.45cqi, 0.68rem);
114
114
  min-width: 0;
115
115
  min-height: 0;
116
116
  overflow: hidden;
117
- padding: clamp(0.62rem, 2cqi, 0.9rem);
117
+ padding: clamp(0.52rem, 1.65cqi, 0.78rem);
118
118
  }
119
119
 
120
120
  .cm-mirror-pane__card {
@@ -128,20 +128,28 @@ export const mirrorStyles = /* css */ `
128
128
  height: auto;
129
129
  min-height: 0;
130
130
  padding: 0;
131
- gap: 0.52rem;
131
+ gap: 0.42rem;
132
132
  grid-template-rows: auto;
133
133
  }
134
134
 
135
135
  .cm-mirror-pane__card .cm-card__header {
136
136
  align-items: center;
137
- gap: clamp(0.58rem, 1.6cqi, 0.78rem);
137
+ gap: clamp(0.48rem, 1.4cqi, 0.68rem);
138
138
  }
139
139
 
140
140
  .cm-mirror-pane__card .cm-card__title-row {
141
+ display: block;
142
+ min-width: 0;
143
+ }
144
+
145
+ .cm-mirror-pane__card .cm-card__identity {
141
146
  display: grid;
142
- grid-template-columns: minmax(0, 1fr) auto;
147
+ grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
143
148
  align-items: center;
144
- gap: 0.38rem;
149
+ gap: 0.16rem;
150
+ min-height: clamp(2.85rem, 7.2cqi, 3.15rem);
151
+ max-height: clamp(2.85rem, 7.2cqi, 3.15rem);
152
+ min-width: 0;
145
153
  }
146
154
 
147
155
  .cm-mirror-pane__card .cm-card__title,
@@ -149,18 +157,111 @@ export const mirrorStyles = /* css */ `
149
157
  display: block;
150
158
  min-width: 0;
151
159
  max-width: 100%;
160
+ font-size: clamp(0.96rem, 4.6cqi, 1.16rem);
161
+ line-height: 1.05;
152
162
  overflow: hidden;
153
163
  text-overflow: ellipsis;
154
164
  white-space: nowrap;
155
165
  }
156
166
 
157
167
  .cm-mirror-pane__card .cm-card__subtitle {
168
+ display: block;
158
169
  min-width: 0;
159
170
  overflow: hidden;
160
171
  text-overflow: ellipsis;
161
172
  white-space: nowrap;
162
173
  }
163
174
 
175
+ .cm-mirror-pane__model-meta-row {
176
+ display: grid;
177
+ grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
178
+ align-items: center;
179
+ gap: 0.36rem;
180
+ min-width: 0;
181
+ width: 100%;
182
+ max-width: 100%;
183
+ }
184
+
185
+ .cm-mirror-pane__provider {
186
+ display: block;
187
+ min-width: 0;
188
+ max-width: min(9rem, 38cqi);
189
+ overflow: hidden;
190
+ color: hsl(var(--muted-foreground));
191
+ font-family: var(--font-mono), monospace;
192
+ font-size: 0.74rem;
193
+ line-height: 1.1;
194
+ text-overflow: ellipsis;
195
+ white-space: nowrap;
196
+ }
197
+
198
+ .cm-mirror-pane__type-list {
199
+ display: flex;
200
+ align-items: center;
201
+ gap: 0.28rem;
202
+ min-width: 0;
203
+ overflow: hidden;
204
+ }
205
+
206
+ .cm-mirror-pane__type-list > .cm-hint,
207
+ .cm-mirror-pane__type-list > .cm-hint > .cm-hint__trigger,
208
+ .cm-mirror-pane__io-badges > .cm-hint,
209
+ .cm-mirror-pane__io-badges > .cm-hint > .cm-hint__trigger {
210
+ min-width: 0;
211
+ max-width: 100%;
212
+ }
213
+
214
+ .cm-mirror-pane__type-list > .cm-hint {
215
+ flex: 0 1 auto;
216
+ }
217
+
218
+ .cm-mirror-pane__type-badge {
219
+ display: inline-grid;
220
+ grid-template-columns: auto minmax(0, 1fr);
221
+ align-items: center;
222
+ gap: 0.24rem;
223
+ min-width: 0;
224
+ max-width: 100%;
225
+ min-height: 1.32rem;
226
+ max-height: 1.32rem;
227
+ padding: 0 0.42rem;
228
+ border: 1px solid hsl(var(--accent) / 0.24);
229
+ border-radius: 999px;
230
+ background: hsl(var(--accent) / 0.1);
231
+ color: hsl(var(--accent));
232
+ font-family: var(--font-mono), monospace;
233
+ font-size: 0.62rem;
234
+ font-weight: 800;
235
+ letter-spacing: 0.05em;
236
+ line-height: 1;
237
+ text-transform: uppercase;
238
+ }
239
+
240
+ .cm-mirror-pane__type-badge[data-tone="cyan"] {
241
+ border-color: hsl(var(--primary) / 0.24);
242
+ background: hsl(var(--primary) / 0.1);
243
+ color: hsl(var(--primary));
244
+ }
245
+
246
+ .cm-mirror-pane__type-badge[data-tone="green"] {
247
+ border-color: hsl(142 71% 45% / 0.28);
248
+ background: hsl(142 71% 45% / 0.1);
249
+ color: hsl(142 71% 55%);
250
+ }
251
+
252
+ .cm-mirror-pane__type-badge > span:last-child {
253
+ min-width: 0;
254
+ overflow: hidden;
255
+ text-overflow: ellipsis;
256
+ white-space: nowrap;
257
+ }
258
+
259
+ .cm-mirror-pane__type-icon {
260
+ width: 0.72rem;
261
+ height: 0.72rem;
262
+ flex: 0 0 auto;
263
+ }
264
+
164
265
  .cm-mirror-pane__card .cm-card__meta {
165
266
  display: grid;
166
267
  grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -179,13 +280,13 @@ export const mirrorStyles = /* css */ `
179
280
  }
180
281
 
181
282
  .cm-mirror-pane__model-id {
182
- color: hsl(var(--primary) / 0.72);
283
+ display: none;
183
284
  }
184
285
 
185
286
  .cm-mirror-pane__model-icon-box {
186
287
  display: grid;
187
- width: clamp(2.55rem, 7.2cqi, 3.15rem);
188
- height: clamp(2.55rem, 7.2cqi, 3.15rem);
288
+ width: clamp(2.85rem, 7.2cqi, 3.15rem);
289
+ height: clamp(2.85rem, 7.2cqi, 3.15rem);
189
290
  place-items: center;
190
291
  flex: 0 0 auto;
191
292
  border: 1px solid hsl(var(--primary) / 0.24);
@@ -210,7 +311,7 @@ export const mirrorStyles = /* css */ `
210
311
  .cm-mirror-pane__details,
211
312
  .cm-mirror-pane__custom-content {
212
313
  display: grid;
213
- gap: clamp(0.46rem, 1.45cqi, 0.68rem);
314
+ gap: clamp(0.38rem, 1.25cqi, 0.58rem);
214
315
  min-width: 0;
215
316
  min-height: 0;
216
317
  align-content: start;
@@ -232,22 +333,27 @@ export const mirrorStyles = /* css */ `
232
333
 
233
334
  .cm-mirror-pane__description {
234
335
  min-width: 0;
235
- padding: clamp(0.58rem, 1.55cqi, 0.74rem);
336
+ padding: clamp(0.48rem, 1.35cqi, 0.62rem);
236
337
  color: hsl(var(--muted-foreground));
237
- font-size: 0.92rem;
238
- line-height: 1.38;
338
+ font-size: 0.84rem;
339
+ line-height: 1.34;
239
340
  }
240
341
 
241
342
  .cm-mirror-pane__description .cm-excerpt,
242
343
  .cm-mirror-pane__description .cm-excerpt__trigger,
243
- .cm-mirror-pane__description .cm-excerpt__text {
344
+ .cm-mirror-pane__description .cm-excerpt__text,
345
+ .cm-mirror-pane__description .cm-hint,
346
+ .cm-mirror-pane__description .cm-hint__trigger,
347
+ .cm-mirror-pane__description-hint {
244
348
  width: 100%;
245
349
  min-width: 0;
246
350
  }
247
351
 
248
352
  .cm-mirror-pane__section {
249
353
  display: grid;
250
- grid-template-rows: auto minmax(0, 1fr);
354
+ grid-template-columns: 1.75rem minmax(0, 1fr);
355
+ grid-template-rows: minmax(2.25rem, auto);
356
+ align-items: center;
251
357
  gap: 0.4rem;
252
358
  min-width: 0;
253
359
  min-height: 0;
@@ -255,11 +361,14 @@ export const mirrorStyles = /* css */ `
255
361
  }
256
362
 
257
363
  .cm-mirror-pane__section--compact {
258
- padding: clamp(0.52rem, 1.55cqi, 0.68rem);
364
+ padding: clamp(0.42rem, 1.25cqi, 0.58rem);
259
365
  }
260
366
 
261
367
  .cm-mirror-pane__section-label,
262
368
  .cm-mirror-pane__tool-group-label {
369
+ display: inline-flex;
370
+ align-items: center;
371
+ justify-content: center;
263
372
  min-width: 0;
264
373
  color: hsl(var(--muted-foreground));
265
374
  font-family: var(--font-mono), monospace;
@@ -274,7 +383,6 @@ export const mirrorStyles = /* css */ `
274
383
  }
275
384
 
276
385
  .cm-mirror-pane__section--io {
277
- grid-template-rows: minmax(2.4rem, auto);
278
386
  grid-template-columns: repeat(2, minmax(0, 1fr));
279
387
  gap: 0.44rem;
280
388
  align-items: stretch;
@@ -290,13 +398,17 @@ export const mirrorStyles = /* css */ `
290
398
 
291
399
  .cm-mirror-pane__io-row {
292
400
  display: grid;
293
- grid-template-columns: 2.35rem minmax(0, 1fr);
401
+ grid-template-columns: 1.55rem minmax(0, 1fr);
294
402
  align-items: center;
295
- gap: 0.48rem;
403
+ gap: 0.42rem;
404
+ min-width: 0;
296
405
  }
297
406
 
298
407
  .cm-mirror-pane__io-label,
299
408
  .cm-mirror-pane__kv-label {
409
+ display: inline-flex;
410
+ align-items: center;
411
+ justify-content: center;
300
412
  min-width: 0;
301
413
  color: hsl(var(--muted-foreground));
302
414
  font-family: var(--font-mono), monospace;
@@ -310,27 +422,51 @@ export const mirrorStyles = /* css */ `
310
422
  .cm-mirror-pane__io-badges {
311
423
  display: flex;
312
424
  align-items: center;
313
- justify-content: flex-end;
314
- gap: 0.32rem;
425
+ justify-content: flex-start;
426
+ gap: 0.28rem;
315
427
  min-width: 0;
316
428
  flex-wrap: wrap;
317
429
  }
318
430
 
319
- .cm-mirror-pane__badge {
431
+ .cm-mirror-pane__io-badges > .cm-hint {
432
+ flex: 0 1 auto;
433
+ }
434
+
435
+ .cm-mirror-pane__icon-label {
320
436
  display: inline-flex;
321
437
  align-items: center;
322
438
  justify-content: center;
439
+ width: 1.35rem;
440
+ height: 1.35rem;
441
+ min-width: 1.35rem;
442
+ border: 1px solid hsl(var(--primary) / 0.22);
443
+ border-radius: 999px;
444
+ background: hsl(var(--primary) / 0.08);
445
+ color: hsl(var(--primary));
446
+ }
447
+
448
+ .cm-mirror-pane__icon-svg {
449
+ width: 0.82rem;
450
+ height: 0.82rem;
451
+ }
452
+
453
+ .cm-mirror-pane__badge {
454
+ display: inline-grid;
455
+ grid-template-columns: auto minmax(0, 1fr);
456
+ align-items: center;
457
+ justify-content: center;
458
+ gap: 0.24rem;
323
459
  min-width: 0;
324
- min-height: 1.42rem;
325
- max-height: 1.42rem;
460
+ min-height: 1.36rem;
461
+ max-height: 1.36rem;
326
462
  max-width: 100%;
327
463
  border: 1px solid hsl(var(--primary) / 0.18);
328
464
  border-radius: 999px;
329
465
  background: hsl(var(--primary) / 0.08);
330
466
  color: hsl(var(--primary));
331
- padding: 0 0.48rem;
467
+ padding: 0 0.42rem;
332
468
  font-family: var(--font-mono), monospace;
333
- font-size: 0.68rem;
469
+ font-size: 0.62rem;
334
470
  font-weight: 800;
335
471
  letter-spacing: 0.06em;
336
472
  line-height: 1;
@@ -340,6 +476,19 @@ export const mirrorStyles = /* css */ `
340
476
  text-overflow: ellipsis;
341
477
  }
342
478
 
479
+ .cm-mirror-pane__badge > span:last-child {
480
+ min-width: 0;
481
+ overflow: hidden;
482
+ text-overflow: ellipsis;
483
+ white-space: nowrap;
484
+ }
485
+
486
+ .cm-mirror-pane__format-icon {
487
+ width: 0.72rem;
488
+ height: 0.72rem;
489
+ flex: 0 0 auto;
490
+ }
491
+
343
492
  .cm-mirror-pane__badge[data-tone="fuchsia"] {
344
493
  border-color: hsl(var(--accent) / 0.24);
345
494
  background: hsl(var(--accent) / 0.1);
@@ -367,7 +516,8 @@ export const mirrorStyles = /* css */ `
367
516
  .cm-mirror-pane__kv-grid,
368
517
  .cm-mirror-pane__pricing-entries {
369
518
  display: grid;
370
- grid-auto-rows: minmax(1.7rem, auto);
519
+ grid-template-columns: repeat(2, minmax(0, 1fr));
520
+ grid-auto-rows: minmax(1.58rem, auto);
371
521
  gap: 0.24rem;
372
522
  min-width: 0;
373
523
  min-height: 0;
@@ -377,16 +527,17 @@ export const mirrorStyles = /* css */ `
377
527
  .cm-mirror-pane__kv-row,
378
528
  .cm-mirror-pane__pricing-header {
379
529
  display: grid;
380
- grid-template-columns: minmax(0, 1fr) max-content;
530
+ grid-template-columns: 1.45rem minmax(0, 1fr);
381
531
  align-items: center;
382
- gap: 0.55rem;
532
+ gap: 0.34rem;
533
+ min-width: 0;
383
534
  }
384
535
 
385
536
  .cm-mirror-pane__kv-value {
386
537
  min-width: 0;
387
538
  color: hsl(var(--foreground));
388
539
  font-family: var(--font-mono), monospace;
389
- font-size: 0.82rem;
540
+ font-size: 0.76rem;
390
541
  font-weight: 650;
391
542
  text-align: right;
392
543
  overflow: hidden;
@@ -394,13 +545,58 @@ export const mirrorStyles = /* css */ `
394
545
  white-space: nowrap;
395
546
  }
396
547
 
548
+ .cm-mirror-pane__kv-value > .cm-hint,
549
+ .cm-mirror-pane__kv-value > .cm-hint > .cm-hint__trigger {
550
+ width: 100%;
551
+ min-width: 0;
552
+ }
553
+
554
+ .cm-mirror-pane__field-value {
555
+ display: inline-flex;
556
+ align-items: baseline;
557
+ justify-content: flex-end;
558
+ gap: 0.26rem;
559
+ width: 100%;
560
+ min-width: 0;
561
+ max-width: 100%;
562
+ }
563
+
564
+ .cm-mirror-pane__field-main {
565
+ min-width: 0;
566
+ overflow: hidden;
567
+ text-overflow: ellipsis;
568
+ white-space: nowrap;
569
+ }
570
+
571
+ .cm-mirror-pane__field-unit {
572
+ flex: 0 1 auto;
573
+ min-width: 0;
574
+ color: hsl(var(--muted-foreground) / 0.72);
575
+ font-size: 0.62rem;
576
+ font-weight: 700;
577
+ letter-spacing: 0.06em;
578
+ line-height: 1;
579
+ overflow: hidden;
580
+ text-overflow: ellipsis;
581
+ text-transform: uppercase;
582
+ white-space: nowrap;
583
+ }
584
+
397
585
  .cm-mirror-pane__pricing-compact,
398
586
  .cm-mirror-pane__pricing-block,
399
587
  .cm-mirror-pane__tool-group {
400
588
  display: grid;
401
- gap: 0.34rem;
589
+ gap: 0.28rem;
402
590
  min-width: 0;
403
591
  min-height: 0;
592
+ }
593
+
594
+ .cm-mirror-pane__pricing-compact {
595
+ padding: 0;
596
+ }
597
+
598
+ .cm-mirror-pane__pricing-block,
599
+ .cm-mirror-pane__tool-group {
404
600
  padding: 0.5rem 0.58rem;
405
601
  }
406
602
 
@@ -558,18 +754,11 @@ export const mirrorStyles = /* css */ `
558
754
  display: none;
559
755
  }
560
756
 
561
- .cm-mirror-pane__io-row,
562
- .cm-mirror-pane__kv-row,
563
- .cm-mirror-pane__pricing-header,
564
757
  .cm-mirror-pane__tool-toggle {
565
758
  grid-template-columns: minmax(0, 1fr);
566
759
  align-items: start;
567
760
  gap: 0.3rem;
568
761
  }
569
-
570
- .cm-mirror-pane__kv-value {
571
- text-align: left;
572
- }
573
762
  }
574
763
 
575
764
  @media (prefers-reduced-motion: reduce) {
package/dist/mirror/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@compose-market/theme",
3
- "version": "0.1.7",
3
+ "version": "0.1.8",
4
4
  "description": "Official design tokens and theme system for Compose.Market",
5
5
  "keywords": [
6
6
  "design-tokens",