@compose-market/theme 0.1.8 → 0.1.10

package/dist/mirror/index.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Card } from "../entity";
 import { cx } from "../internal/cx";
 export const mirrorStyles = /* css */ `
 .cm-mirror-pane {
@@ -106,55 +105,49 @@ export const mirrorStyles = /* css */ `
 }
 
 .cm-mirror-pane__body {
+  --cm-mirror-logo: clamp(2.75rem, 7.2cqi, 3.2rem);
   flex: 1 1 auto;
   display: grid;
   grid-template-rows: auto minmax(0, 1fr);
   align-content: stretch;
-  gap: clamp(0.42rem, 1.45cqi, 0.68rem);
+  gap: clamp(0.42rem, 1.6cqi, 0.72rem);
   min-width: 0;
   min-height: 0;
   overflow: hidden;
-  padding: clamp(0.52rem, 1.65cqi, 0.78rem);
+  padding: clamp(0.52rem, 1.7cqi, 0.82rem);
 }
 
-.cm-mirror-pane__card {
-  border: 0;
-  background: transparent;
-  box-shadow: none;
-  backdrop-filter: none;
-}
-
-.cm-mirror-pane__card > .cm-card__body {
-  height: auto;
-  min-height: 0;
-  padding: 0;
-  gap: 0.42rem;
-  grid-template-rows: auto;
-}
-
-.cm-mirror-pane__card .cm-card__header {
+.cm-mirror-pane__header {
+  display: grid;
+  grid-template-columns: var(--cm-mirror-logo) minmax(0, 1fr);
   align-items: center;
-  gap: clamp(0.48rem, 1.4cqi, 0.68rem);
+  gap: clamp(0.55rem, 1.55cqi, 0.72rem);
+  min-width: 0;
 }
 
-.cm-mirror-pane__card .cm-card__title-row {
-  display: block;
+.cm-mirror-pane__identity {
+  display: grid;
+  grid-template-rows: repeat(2, minmax(0, 1fr));
+  align-items: stretch;
+  gap: 0.16rem;
+  min-height: var(--cm-mirror-logo);
+  max-height: var(--cm-mirror-logo);
   min-width: 0;
 }
 
-.cm-mirror-pane__card .cm-card__identity {
-  display: grid;
-  grid-template-rows: minmax(0, 1fr) minmax(0, 1fr);
+.cm-mirror-pane__title-row,
+.cm-mirror-pane__meta-row {
+  display: flex;
   align-items: center;
-  gap: 0.16rem;
-  min-height: clamp(2.85rem, 7.2cqi, 3.15rem);
-  max-height: clamp(2.85rem, 7.2cqi, 3.15rem);
   min-width: 0;
+  max-width: 100%;
+  overflow: hidden;
 }
 
-.cm-mirror-pane__card .cm-card__title,
-.cm-mirror-pane__card-title {
+.cm-mirror-pane__title,
+.cm-mirror-pane__title-text {
   display: block;
+  width: 100%;
   min-width: 0;
   max-width: 100%;
   font-size: clamp(0.96rem, 4.6cqi, 1.16rem);
@@ -164,8 +157,18 @@ export const mirrorStyles = /* css */ `
   white-space: nowrap;
 }
 
-.cm-mirror-pane__card .cm-card__subtitle {
-  display: block;
+.cm-mirror-pane__title > .cm-hint,
+.cm-mirror-pane__title > .cm-hint > .cm-hint__trigger,
+.cm-mirror-pane__meta-row > .cm-hint,
+.cm-mirror-pane__meta-row > .cm-hint > .cm-hint__trigger {
+  width: 100%;
+  min-width: 0;
+}
+
+.cm-mirror-pane__subtitle {
+  display: flex;
+  align-items: center;
+  width: 100%;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -222,9 +225,8 @@ export const mirrorStyles = /* css */ `
   gap: 0.24rem;
   min-width: 0;
   max-width: 100%;
-  min-height: 1.32rem;
-  max-height: 1.32rem;
-  padding: 0 0.42rem;
+  min-height: clamp(1.22rem, 3.4cqi, 1.38rem);
+  padding: 0 clamp(0.34rem, 1.1cqi, 0.46rem);
   border: 1px solid hsl(var(--accent) / 0.24);
   border-radius: 999px;
   background: hsl(var(--accent) / 0.1);
@@ -262,31 +264,10 @@ export const mirrorStyles = /* css */ `
   flex: 0 0 auto;
 }
 
-.cm-mirror-pane__card .cm-card__meta {
-  display: grid;
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  align-items: center;
-  gap: 0.34rem;
-  width: 100%;
-}
-
-.cm-mirror-pane__card .cm-card__meta-chip {
-  width: 100%;
-  min-height: 1.46rem;
-  max-height: 1.46rem;
-  justify-content: center;
-  padding: 0.18rem 0.48rem;
-  font-size: 0.68rem;
-}
-
-.cm-mirror-pane__model-id {
-  display: none;
-}
-
 .cm-mirror-pane__model-icon-box {
   display: grid;
-  width: clamp(2.85rem, 7.2cqi, 3.15rem);
-  height: clamp(2.85rem, 7.2cqi, 3.15rem);
+  width: var(--cm-mirror-logo);
+  height: var(--cm-mirror-logo);
   place-items: center;
   flex: 0 0 auto;
   border: 1px solid hsl(var(--primary) / 0.24);
@@ -311,7 +292,7 @@ export const mirrorStyles = /* css */ `
 .cm-mirror-pane__details,
 .cm-mirror-pane__custom-content {
   display: grid;
-  gap: clamp(0.38rem, 1.25cqi, 0.58rem);
+  gap: clamp(0.36rem, 1.25cqi, 0.6rem);
   min-width: 0;
   min-height: 0;
   align-content: start;
@@ -325,7 +306,8 @@ export const mirrorStyles = /* css */ `
 .cm-mirror-pane__tool-group,
 .cm-mirror-pane__no-params,
 .cm-mirror-pane__text-area,
-.cm-mirror-pane__field {
+.cm-mirror-pane__field,
+.cm-mirror-pane__option {
   border: 1px solid hsl(var(--primary) / 0.12);
   border-radius: 12px;
   background: hsl(221 50% 9% / 0.3);
@@ -351,24 +333,27 @@ export const mirrorStyles = /* css */ `
 
 .cm-mirror-pane__section {
   display: grid;
-  grid-template-columns: 1.75rem minmax(0, 1fr);
-  grid-template-rows: minmax(2.25rem, auto);
+  grid-template-columns: clamp(4.8rem, 18cqi, 5.85rem) minmax(0, 1fr);
+  grid-template-rows: auto;
   align-items: center;
-  gap: 0.4rem;
+  gap: clamp(0.34rem, 1.1cqi, 0.5rem);
   min-width: 0;
   min-height: 0;
   overflow: hidden;
+  box-shadow:
+    inset 0 1px 0 hsl(0 0% 100% / 0.035),
+    0 0 18px hsl(var(--primary) / 0.035);
 }
 
 .cm-mirror-pane__section--compact {
-  padding: clamp(0.42rem, 1.25cqi, 0.58rem);
+  padding: clamp(0.4rem, 1.25cqi, 0.6rem);
 }
 
 .cm-mirror-pane__section-label,
 .cm-mirror-pane__tool-group-label {
   display: inline-flex;
   align-items: center;
-  justify-content: center;
+  justify-content: flex-start;
   min-width: 0;
   color: hsl(var(--muted-foreground));
   font-family: var(--font-mono), monospace;
@@ -382,10 +367,50 @@ export const mirrorStyles = /* css */ `
   white-space: nowrap;
 }
 
-.cm-mirror-pane__section--io {
-  grid-template-columns: repeat(2, minmax(0, 1fr));
-  gap: 0.44rem;
-  align-items: stretch;
+.cm-mirror-pane__section-text {
+  text-transform: none;
+  letter-spacing: 0;
+}
+
+.cm-mirror-pane__section--capability {
+  border-color: hsl(var(--primary) / 0.22);
+  background:
+    linear-gradient(135deg, hsl(var(--primary) / 0.1), transparent 42%),
+    hsl(221 50% 9% / 0.3);
+}
+
+.cm-mirror-pane__section--context {
+  border-color: hsl(142 71% 45% / 0.18);
+  background:
+    linear-gradient(135deg, hsl(142 71% 45% / 0.08), transparent 44%),
+    hsl(221 50% 9% / 0.28);
+}
+
+.cm-mirror-pane__section--pricing {
+  border-color: hsl(var(--accent) / 0.2);
+  background:
+    linear-gradient(135deg, hsl(var(--accent) / 0.09), transparent 44%),
+    hsl(221 50% 9% / 0.3);
+}
+
+.cm-mirror-pane__section--custom,
+.cm-mirror-pane__section--param {
+  border-color: hsl(var(--primary) / 0.16);
+  background:
+    linear-gradient(135deg, hsl(var(--primary) / 0.065), hsl(var(--accent) / 0.045)),
+    hsl(221 50% 9% / 0.3);
+}
+
+.cm-mirror-pane__section--capability .cm-mirror-pane__section-label {
+  color: hsl(var(--primary));
+}
+
+.cm-mirror-pane__section--context .cm-mirror-pane__section-label {
+  color: hsl(142 71% 58%);
+}
+
+.cm-mirror-pane__section--pricing .cm-mirror-pane__section-label {
+  color: hsl(var(--accent));
 }
 
 .cm-mirror-pane__io-row,
@@ -393,14 +418,14 @@ export const mirrorStyles = /* css */ `
 .cm-mirror-pane__pricing-header,
 .cm-mirror-pane__tool-toggle {
   min-width: 0;
-  min-height: 1.8rem;
+  min-height: 0;
 }
 
 .cm-mirror-pane__io-row {
   display: grid;
-  grid-template-columns: 1.55rem minmax(0, 1fr);
+  grid-template-columns: auto minmax(0, 1fr);
   align-items: center;
-  gap: 0.42rem;
+  gap: clamp(0.34rem, 1.05cqi, 0.46rem);
   min-width: 0;
 }
 
@@ -423,7 +448,7 @@ export const mirrorStyles = /* css */ `
   display: flex;
   align-items: center;
   justify-content: flex-start;
-  gap: 0.28rem;
+  gap: clamp(0.2rem, 0.8cqi, 0.3rem);
   min-width: 0;
   flex-wrap: wrap;
 }
@@ -436,29 +461,42 @@ export const mirrorStyles = /* css */ `
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  width: 1.35rem;
-  height: 1.35rem;
-  min-width: 1.35rem;
+  width: clamp(1.32rem, 3.8cqi, 1.5rem);
+  height: clamp(1.32rem, 3.8cqi, 1.5rem);
+  min-width: clamp(1.32rem, 3.8cqi, 1.5rem);
   border: 1px solid hsl(var(--primary) / 0.22);
   border-radius: 999px;
   background: hsl(var(--primary) / 0.08);
   color: hsl(var(--primary));
 }
 
+.cm-mirror-pane__icon-label--section {
+  width: clamp(1.58rem, 4.6cqi, 1.78rem);
+  height: clamp(1.58rem, 4.6cqi, 1.78rem);
+  min-width: clamp(1.58rem, 4.6cqi, 1.78rem);
+  border-color: hsl(var(--primary) / 0.32);
+  background: hsl(var(--primary) / 0.1);
+}
+
 .cm-mirror-pane__icon-svg {
-  width: 0.82rem;
-  height: 0.82rem;
+  width: clamp(0.78rem, 2.25cqi, 0.9rem);
+  height: clamp(0.78rem, 2.25cqi, 0.9rem);
+}
+
+.cm-mirror-pane__icon-label--section .cm-mirror-pane__icon-svg {
+  width: clamp(0.96rem, 2.85cqi, 1.08rem);
+  height: clamp(0.96rem, 2.85cqi, 1.08rem);
 }
 
-.cm-mirror-pane__badge {
+.cm-mirror-pane__badge,
+.cm-mirror-pane__format-badge {
   display: inline-grid;
   grid-template-columns: auto minmax(0, 1fr);
   align-items: center;
   justify-content: center;
   gap: 0.24rem;
   min-width: 0;
-  min-height: 1.36rem;
-  max-height: 1.36rem;
+  min-height: clamp(1.2rem, 3.2cqi, 1.36rem);
   max-width: 100%;
   border: 1px solid hsl(var(--primary) / 0.18);
   border-radius: 999px;
@@ -476,6 +514,15 @@ export const mirrorStyles = /* css */ `
   text-overflow: ellipsis;
 }
 
+.cm-mirror-pane__format-badge {
+  grid-template-columns: auto;
+  width: clamp(1.34rem, 3.65cqi, 1.48rem);
+  min-width: clamp(1.34rem, 3.65cqi, 1.48rem);
+  min-height: clamp(1.34rem, 3.65cqi, 1.48rem);
+  padding: 0;
+  border-radius: 999px;
+}
+
 .cm-mirror-pane__badge > span:last-child {
   min-width: 0;
   overflow: hidden;
@@ -484,18 +531,20 @@ export const mirrorStyles = /* css */ `
 }
 
 .cm-mirror-pane__format-icon {
-  width: 0.72rem;
-  height: 0.72rem;
+  width: clamp(0.64rem, 1.85cqi, 0.74rem);
+  height: clamp(0.64rem, 1.85cqi, 0.74rem);
   flex: 0 0 auto;
 }
 
-.cm-mirror-pane__badge[data-tone="fuchsia"] {
+.cm-mirror-pane__badge[data-tone="fuchsia"],
+.cm-mirror-pane__format-badge[data-tone="fuchsia"] {
   border-color: hsl(var(--accent) / 0.24);
   background: hsl(var(--accent) / 0.1);
   color: hsl(var(--accent));
 }
 
-.cm-mirror-pane__badge[data-tone="green"] {
+.cm-mirror-pane__badge[data-tone="green"],
+.cm-mirror-pane__format-badge[data-tone="green"] {
   border-color: hsl(142 71% 45% / 0.28);
   background: hsl(142 71% 45% / 0.1);
   color: hsl(142 71% 55%);
@@ -514,23 +563,32 @@ export const mirrorStyles = /* css */ `
 }
 
 .cm-mirror-pane__kv-grid,
-.cm-mirror-pane__pricing-entries {
+.cm-mirror-pane__pricing-entries,
+.cm-mirror-pane__lane-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(0, 1fr));
-  grid-auto-rows: minmax(1.58rem, auto);
-  gap: 0.24rem;
+  grid-auto-rows: auto;
+  gap: clamp(0.22rem, 0.8cqi, 0.34rem);
   min-width: 0;
   min-height: 0;
   align-content: start;
 }
 
 .cm-mirror-pane__kv-row,
+.cm-mirror-pane__io-row,
 .cm-mirror-pane__pricing-header {
   display: grid;
-  grid-template-columns: 1.45rem minmax(0, 1fr);
+  grid-template-columns: auto minmax(0, 1fr);
   align-items: center;
-  gap: 0.34rem;
+  gap: clamp(0.34rem, 1.05cqi, 0.48rem);
   min-width: 0;
+  min-height: 0;
+  padding: clamp(0.3rem, 0.95cqi, 0.42rem) clamp(0.38rem, 1.2cqi, 0.52rem);
+  border: 1px solid hsl(var(--primary) / 0.11);
+  border-radius: 999px;
+  background:
+    linear-gradient(180deg, hsl(0 0% 100% / 0.035), transparent),
+    hsl(221 50% 9% / 0.36);
 }
 
 .cm-mirror-pane__kv-value {
@@ -539,7 +597,7 @@ export const mirrorStyles = /* css */ `
   font-family: var(--font-mono), monospace;
   font-size: 0.76rem;
   font-weight: 650;
-  text-align: right;
+  text-align: left;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -554,8 +612,8 @@ export const mirrorStyles = /* css */ `
 .cm-mirror-pane__field-value {
   display: inline-flex;
   align-items: baseline;
-  justify-content: flex-end;
-  gap: 0.26rem;
+  justify-content: flex-start;
+  gap: 0;
   width: 100%;
   min-width: 0;
   max-width: 100%;
@@ -568,25 +626,11 @@ export const mirrorStyles = /* css */ `
   white-space: nowrap;
 }
 
-.cm-mirror-pane__field-unit {
-  flex: 0 1 auto;
-  min-width: 0;
-  color: hsl(var(--muted-foreground) / 0.72);
-  font-size: 0.62rem;
-  font-weight: 700;
-  letter-spacing: 0.06em;
-  line-height: 1;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-transform: uppercase;
-  white-space: nowrap;
-}
-
 .cm-mirror-pane__pricing-compact,
 .cm-mirror-pane__pricing-block,
 .cm-mirror-pane__tool-group {
   display: grid;
-  gap: 0.28rem;
+  gap: clamp(0.24rem, 0.82cqi, 0.34rem);
   min-width: 0;
   min-height: 0;
 }
@@ -597,12 +641,13 @@ export const mirrorStyles = /* css */ `
 
 .cm-mirror-pane__pricing-block,
 .cm-mirror-pane__tool-group {
-  padding: 0.5rem 0.58rem;
+  padding: clamp(0.42rem, 1.2cqi, 0.58rem);
 }
 
 .cm-mirror-pane__section--context .cm-mirror-pane__kv-grid,
-.cm-mirror-pane__section--pricing .cm-mirror-pane__pricing-entries {
-  gap: 0.22rem;
+.cm-mirror-pane__section--pricing .cm-mirror-pane__pricing-entries,
+.cm-mirror-pane__section--capability .cm-mirror-pane__lane-grid {
+  gap: clamp(0.22rem, 0.78cqi, 0.32rem);
 }
 
 .cm-mirror-pane__section--pricing > .cm-mirror-pane__pricing-compact {
@@ -681,33 +726,97 @@ export const mirrorStyles = /* css */ `
   display: grid;
   grid-template-columns: minmax(0, 1fr) auto;
   align-items: center;
-  gap: 0.58rem;
+  gap: clamp(0.36rem, 1.05cqi, 0.58rem);
 }
 
 .cm-mirror-pane__custom-section {
   display: grid;
-  gap: 0.42rem;
+  gap: clamp(0.34rem, 1cqi, 0.46rem);
+  min-width: 0;
+}
+
+.cm-mirror-pane__param-body {
+  display: grid;
+  gap: clamp(0.28rem, 0.95cqi, 0.42rem);
   min-width: 0;
 }
 
 .cm-mirror-pane__text-area {
   width: 100%;
-  min-height: 7rem;
-  padding: 0.72rem;
+  min-height: clamp(4.8rem, 18cqi, 6.9rem);
+  max-height: clamp(5.4rem, 22cqi, 8rem);
+  padding: clamp(0.54rem, 1.5cqi, 0.72rem);
   color: hsl(var(--foreground));
   font-family: var(--font-mono), monospace;
   font-size: 0.86rem;
-  resize: vertical;
+  resize: none;
 }
 
 .cm-mirror-pane__field {
   width: 100%;
-  min-height: 2.45rem;
+  min-height: clamp(2.05rem, 5.4cqi, 2.45rem);
   color: hsl(var(--foreground));
   font-family: var(--font-mono), monospace;
   font-size: 0.86rem;
 }
 
+.cm-mirror-pane__option-grid {
+  display: flex;
+  align-items: center;
+  gap: clamp(0.24rem, 0.82cqi, 0.34rem);
+  min-width: 0;
+  flex-wrap: wrap;
+}
+
+.cm-mirror-pane__option {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 0;
+  min-height: clamp(1.75rem, 4.9cqi, 2.05rem);
+  padding: 0 clamp(0.48rem, 1.45cqi, 0.68rem);
+  color: hsl(var(--muted-foreground));
+  cursor: pointer;
+  font-family: var(--font-mono), monospace;
+  font-size: 0.72rem;
+  font-weight: 800;
+  letter-spacing: 0.05em;
+  line-height: 1;
+  text-transform: uppercase;
+  transition:
+    border-color 160ms ease,
+    background-color 160ms ease,
+    color 160ms ease,
+    box-shadow 160ms ease;
+}
+
+.cm-mirror-pane__option[data-active="true"] {
+  border-color: hsl(var(--primary) / 0.34);
+  background: hsl(var(--primary) / 0.12);
+  color: hsl(var(--primary));
+  box-shadow: 0 0 14px hsl(var(--primary) / 0.1);
+}
+
+.cm-mirror-pane__option:hover,
+.cm-mirror-pane__option:focus-visible {
+  outline: none;
+  border-color: hsl(var(--primary) / 0.3);
+  color: hsl(var(--foreground));
+}
+
+.cm-mirror-pane__option .cm-hint,
+.cm-mirror-pane__option .cm-hint__trigger {
+  max-width: 100%;
+  min-width: 0;
+}
+
+.cm-mirror-pane__option span {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .cm-mirror-pane__field:focus,
 .cm-mirror-pane__field:focus-visible,
 .cm-mirror-pane__text-area:focus,
@@ -725,6 +834,16 @@ export const mirrorStyles = /* css */ `
   line-height: 1.4;
 }
 
+.cm-mirror-pane__param-description,
+.cm-mirror-pane__param-description .cm-excerpt,
+.cm-mirror-pane__param-description .cm-excerpt__trigger,
+.cm-mirror-pane__param-description .cm-excerpt__text,
+.cm-mirror-pane__param-description .cm-hint,
+.cm-mirror-pane__param-description .cm-hint__trigger {
+  width: 100%;
+  min-width: 0;
+}
+
 .cm-mirror-pane__no-params {
   padding: 1rem;
   text-align: center;
@@ -732,12 +851,12 @@ export const mirrorStyles = /* css */ `
 
 @container (max-width: 28rem) {
   .cm-mirror-pane__body {
-    gap: 0.54rem;
-    padding: 0.62rem;
+    gap: clamp(0.38rem, 1.35cqi, 0.54rem);
+    padding: clamp(0.48rem, 1.45cqi, 0.62rem);
   }
 
-  .cm-mirror-pane__section--io {
-    grid-template-columns: minmax(0, 1fr);
+  .cm-mirror-pane__section {
+    grid-template-columns: clamp(4.55rem, 21cqi, 5.45rem) minmax(0, 1fr);
   }
 
   .cm-mirror-pane__io-badges {
@@ -746,12 +865,27 @@ export const mirrorStyles = /* css */ `
 }
 
 @container (max-width: 22rem) {
-  .cm-mirror-pane__card .cm-card__header {
+  .cm-mirror-pane__model-icon-box {
+    display: none;
+  }
+
+  .cm-mirror-pane__header {
     grid-template-columns: minmax(0, 1fr);
   }
 
-  .cm-mirror-pane__model-icon-box {
-    display: none;
+  .cm-mirror-pane__section {
+    grid-template-columns: minmax(0, 1fr);
+    align-items: start;
+  }
+
+  .cm-mirror-pane__section-label {
+    margin-bottom: -0.1rem;
+  }
+
+  .cm-mirror-pane__kv-grid,
+  .cm-mirror-pane__pricing-entries,
+  .cm-mirror-pane__lane-grid {
+    grid-template-columns: minmax(0, 1fr);
   }
 
   .cm-mirror-pane__tool-toggle {
@@ -768,14 +902,14 @@ export const mirrorStyles = /* css */ `
 }
 `;
 export function MirrorPane({ className, title, subtitle, description, icon, tabs = [], activeTab, onTabChange, badges = [], empty = false, emptyIcon, emptyText, footer, children, ...props }) {
-    const content = empty ? (_jsxs("div", { className: "cm-mirror-pane__empty", children: [emptyIcon ? _jsx("div", { className: "cm-mirror-pane__empty-icon", children: emptyIcon }) : null, emptyText ? _jsx("p", { className: "cm-mirror-pane__empty-text", children: emptyText }) : null] })) : (_jsxs(_Fragment, { children: [(title || subtitle || icon || badges.length > 0) ? (_jsx(Card, { variant: "pane", className: "cm-mirror-pane__card", media: icon ? _jsx("span", { className: "cm-mirror-pane__model-icon-box", children: icon }) : undefined, mediaFallback: icon ? undefined : null, title: title, subtitle: subtitle, description: description, meta: badges.map((badge) => ({ label: badge.label, tone: badge.tone })) })) : null, children ? _jsx("div", { className: "cm-mirror-pane__content", children: children }) : null] }));
+    const content = empty ? (_jsxs("div", { className: "cm-mirror-pane__empty", children: [emptyIcon ? _jsx("div", { className: "cm-mirror-pane__empty-icon", children: emptyIcon }) : null, emptyText ? _jsx("p", { className: "cm-mirror-pane__empty-text", children: emptyText }) : null] })) : (_jsxs(_Fragment, { children: [(title || subtitle || icon || badges.length > 0) ? (_jsxs("header", { className: "cm-mirror-pane__header", children: [icon ? _jsx("span", { className: "cm-mirror-pane__model-icon-box", children: icon }) : null, _jsxs("span", { className: "cm-mirror-pane__identity", children: [title ? (_jsx("span", { className: "cm-mirror-pane__title-row", children: _jsx("span", { className: "cm-mirror-pane__title", children: title }) })) : null, (subtitle || badges.length > 0) ? (_jsxs("span", { className: "cm-mirror-pane__meta-row", children: [subtitle ? _jsx("span", { className: "cm-mirror-pane__subtitle", children: subtitle }) : null, badges.length > 0 ? (_jsx("span", { className: "cm-mirror-pane__type-list", children: badges.map((badge, index) => (_jsx("span", { className: "cm-mirror-pane__type-badge", "data-tone": badge.tone || "cyan", children: _jsx("span", { children: badge.label }) }, index))) })) : null] })) : null] }), description ? _jsx("span", { className: "cm-mirror-pane__header-description", children: description }) : null] })) : null, children ? _jsx("div", { className: "cm-mirror-pane__content", children: children }) : null] }));
     return (_jsxs("div", { className: cx("cm-mirror-pane", className), ...props, children: [tabs.length > 0 ? (_jsx("div", { className: "cm-mirror-pane__toolbar", children: tabs.map((tab) => (_jsxs("button", { type: "button", className: cx("cm-mirror-pane__toolbar-btn", activeTab === tab.id && `cm-mirror-pane__toolbar-btn--active-${tab.tone || "cyan"}`), onClick: () => onTabChange?.(tab.id), "aria-pressed": activeTab === tab.id, "aria-label": typeof tab.label === "string" ? tab.label : undefined, children: [tab.icon, _jsx("span", { className: "cm-mirror-pane__toolbar-label", children: tab.label })] }, tab.id))) })) : null, _jsx("div", { className: "cm-mirror-pane__body", children: content }), footer ? _jsx("div", { className: "cm-mirror-pane__footer", children: footer }) : null] }));
 }
 export function MirrorSection({ className, label, compact = true, children, ...props }) {
     return (_jsxs("section", { className: cx("cm-mirror-pane__section", compact && "cm-mirror-pane__section--compact", className), ...props, children: [label ? _jsx("span", { className: "cm-mirror-pane__section-label", children: label }) : null, children] }));
 }
 export function MirrorRow({ className, label, value, ...props }) {
-    return (_jsxs("div", { className: cx("cm-mirror-pane__kv-row", className), ...props, children: [_jsx("span", { className: "cm-mirror-pane__kv-label", children: label }), _jsx("span", { className: "cm-mirror-pane__kv-value", children: value })] }));
+    return (_jsxs("div", { className: cx("cm-mirror-pane__kv-row", "cm-mirror-pane__metric-cell", className), ...props, children: [_jsx("span", { className: "cm-mirror-pane__kv-label", children: label }), _jsx("span", { className: "cm-mirror-pane__kv-value", children: value })] }));
 }
 export function MirrorPricing({ className, unit, children, ...props }) {
     return (_jsxs("div", { className: cx("cm-mirror-pane__pricing-compact", className), ...props, children: [_jsx("div", { className: "cm-mirror-pane__pricing-entries", children: children }), unit ? _jsx("span", { className: "cm-mirror-pane__pricing-unit", children: unit }) : null] }));

package/dist/mirror/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"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"}