@compose-market/theme 0.1.12 → 0.1.14

package/dist/agents/styles.d.ts

@@ -1,2 +1,2 @@
-export declare const agentsCss = "/**\n * Compose.Market Agent Card compatibility layer\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n  height: 100%;\n  min-height: 0;\n  overflow: visible;\n}\n\n.cm-agent-card--match-chat,\n.cm-agent-card--asset {\n  height: 100%;\n  min-height: 0;\n  max-height: none;\n}\n\n.cm-agent-card--market {\n  height: 100%;\n  min-height: 0;\n  overflow: visible;\n}\n\n.cm-agent-card--market > .cm-card__body {\n  height: 100%;\n  min-height: 0;\n  overflow: visible;\n}\n\n.cm-agent-card__identity {\n  display: grid;\n  gap: 0.3rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-head {\n  display: flex;\n  align-items: center;\n  gap: 0.42rem;\n  min-width: 0;\n  max-width: 100%;\n  flex-wrap: nowrap;\n}\n\n.cm-agent-card__identity-name {\n  min-width: 0;\n  max-width: 100%;\n  font-size: inherit;\n  line-height: inherit;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cm-agent-card__identity-address {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.84rem;\n  font-weight: 500;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__identity-meta {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: center;\n  gap: 0.38rem;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-meta > .cm-hint {\n  min-width: 0;\n  width: 100%;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-meta > .cm-hint > .cm-hint__trigger {\n  width: 100%;\n}\n\n.cm-agent-card__verified,\n.cm-agent-card__network {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 1.15rem;\n  height: 1.15rem;\n}\n\n.cm-agent-card__verified {\n  border-radius: 999px;\n  background: hsl(142 76% 54%);\n  color: hsl(221 50% 9%);\n}\n\n.cm-agent-card__verified svg {\n  width: 0.78rem;\n  height: 0.78rem;\n  stroke-width: 3.1;\n}\n\n.cm-agent-card__network {\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n}\n\n.cm-agent-card__network-image {\n  display: block;\n  width: 1.05rem;\n  height: 1.05rem;\n  object-fit: contain;\n}\n\n.cm-agent-card__model {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: 0.32rem;\n  min-width: 0;\n  width: 100%;\n  max-width: 100%;\n  min-height: 1.78rem;\n  max-height: 1.78rem;\n  padding: 0.22rem 0.52rem;\n  border: 1px solid hsl(var(--primary) / 0.3);\n  border-radius: 999px;\n  background: hsl(var(--primary) / 0.08);\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.76rem;\n  font-weight: 650;\n  line-height: 1.25;\n  overflow: hidden;\n}\n\n.cm-agent-card__model[data-tone=\"warning\"] {\n  border-color: hsl(42 100% 48% / 0.26);\n  background: hsl(42 100% 48% / 0.1);\n  color: hsl(42 100% 58%);\n}\n\n.cm-agent-card__model svg {\n  width: 0.74rem;\n  height: 0.74rem;\n  flex: 0 0 auto;\n}\n\n.cm-agent-card__model-name {\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cm-agent-card__footer-stack,\n.cm-agent-card__endpoint,\n.cm-agent-card__creator,\n.cm-agent-card__action-stack {\n  display: grid;\n  gap: 0.68rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__action-stack {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 0.55rem;\n}\n\n.cm-agent-card__endpoint-label,\n.cm-agent-card__creator-label {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.7rem;\n  letter-spacing: 0.08em;\n  line-height: 1.25;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__endpoint-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 0.6rem;\n  align-items: center;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0.65rem 0.75rem;\n  border: 1px solid hsl(var(--border) / 0.65);\n  border-radius: var(--radius, 0.25rem);\n  background: hsl(var(--background) / 0.42);\n  cursor: pointer;\n}\n\n@container (max-width: 22rem) {\n  .cm-agent-card__identity-meta {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value,\n.cm-agent-card__meta-value {\n  min-width: 0;\n  max-width: 100%;\n  color: hsl(var(--primary));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.8rem;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__creator-value {\n  color: hsl(var(--accent));\n}\n";
+export declare const agentsCss = "/**\n * Compose.Market Agent Card compatibility layer\n * @compose-market/theme/css/agents\n */\n\n.cm-agent-card {\n  height: 100%;\n  min-height: 0;\n  overflow: visible;\n}\n\n.cm-agent-card--match-chat,\n.cm-agent-card--asset {\n  height: 100%;\n  min-height: 0;\n  max-height: none;\n}\n\n.cm-agent-card--match-chat {\n  container-name: cm-agent-card;\n  container-type: size;\n  --cm-agent-card-gap: clamp(0.58rem, calc(0.42rem + 0.52cqi + 0.16cqb), 0.92rem);\n  --cm-agent-card-pad: clamp(0.78rem, calc(0.58rem + 0.7cqi + 0.18cqb), 1.08rem);\n  --cm-agent-card-media: clamp(3rem, calc(2.55rem + 1.4cqi), 3.75rem);\n  --cm-agent-card-title: clamp(1.02rem, calc(0.92rem + 0.46cqi), 1.22rem);\n  --cm-agent-card-body: clamp(0.86rem, calc(0.78rem + 0.28cqi), 0.98rem);\n  --cm-agent-card-mono: clamp(0.78rem, calc(0.7rem + 0.24cqi), 0.9rem);\n  --cm-agent-card-chip: clamp(1.86rem, calc(1.6rem + 0.72cqi + 0.16cqb), 2.28rem);\n  --cm-agent-card-metric: clamp(3rem, calc(2.55rem + 0.82cqi + 0.26cqb), 3.7rem);\n  --cm-agent-card-section: clamp(3rem, calc(2.5rem + 0.76cqi + 0.28cqb), 3.75rem);\n  --cm-agent-card-desc: clamp(4.2rem, calc(3.2rem + 0.6cqi + 0.7cqb), 6rem);\n  --cm-agent-card-tags: clamp(3.3rem, calc(2.7rem + 0.52cqi + 0.42cqb), 4.7rem);\n}\n\n.cm-agent-card--market {\n  height: 100%;\n  min-height: 0;\n  overflow: visible;\n}\n\n.cm-agent-card--market > .cm-card__body {\n  height: 100%;\n  min-height: 0;\n  overflow: visible;\n}\n\n.cm-agent-card--match-chat > .cm-card__body {\n  grid-template-rows:\n    auto\n    minmax(var(--cm-agent-card-desc), 0.72fr)\n    minmax(var(--cm-agent-card-metric), 0.58fr)\n    minmax(var(--cm-agent-card-tags), 0.56fr)\n    minmax(var(--cm-agent-card-section), auto);\n  gap: var(--cm-agent-card-gap);\n  height: 100%;\n  min-height: 0;\n  padding: var(--cm-agent-card-pad);\n  align-content: stretch;\n  overflow: visible;\n}\n\n.cm-agent-card--match-chat .cm-card__header {\n  align-items: center;\n  gap: var(--cm-agent-card-gap);\n}\n\n.cm-agent-card--match-chat .cm-card__media {\n  width: var(--cm-agent-card-media);\n  height: var(--cm-agent-card-media);\n}\n\n.cm-agent-card--match-chat .cm-card__title {\n  font-size: var(--cm-agent-card-title);\n  line-height: 1.12;\n}\n\n.cm-agent-card--match-chat .cm-card__subtitle,\n.cm-agent-card--match-chat .cm-card__description,\n.cm-agent-card--match-chat .cm-card__metric-value,\n.cm-agent-card--match-chat .cm-agent-card__identity-address,\n.cm-agent-card--match-chat .cm-agent-card__endpoint-code,\n.cm-agent-card--match-chat .cm-agent-card__creator-value,\n.cm-agent-card--match-chat .cm-agent-card__meta-value {\n  font-size: var(--cm-agent-card-body);\n}\n\n.cm-agent-card--match-chat .cm-card__description {\n  display: grid;\n  align-content: start;\n  min-height: 0;\n  max-height: none;\n  line-height: 1.42;\n}\n\n.cm-agent-card--match-chat .cm-card__metrics {\n  grid-template-columns: repeat(3, minmax(0, 1fr));\n  align-items: stretch;\n  gap: clamp(0.36rem, 1.15cqi, 0.58rem);\n  min-height: 0;\n}\n\n.cm-agent-card--match-chat .cm-card__metric {\n  min-height: var(--cm-agent-card-metric);\n  max-height: none;\n  padding: clamp(0.46rem, 1.2cqi, 0.68rem);\n}\n\n.cm-agent-card--match-chat .cm-card__tags-block {\n  align-self: stretch;\n  min-height: 0;\n  max-height: none;\n  align-content: start;\n}\n\n.cm-agent-card--match-chat .cm-card__tag {\n  min-height: var(--cm-agent-card-chip);\n  max-height: none;\n}\n\n.cm-agent-card--match-chat .cm-card__footer {\n  align-self: stretch;\n  padding-top: var(--cm-agent-card-gap);\n}\n\n.cm-agent-card--match-chat .cm-agent-card__footer-stack,\n.cm-agent-card--match-chat .cm-agent-card__endpoint,\n.cm-agent-card--match-chat .cm-agent-card__creator {\n  gap: clamp(0.38rem, 1.1cqi, 0.62rem);\n}\n\n.cm-agent-card--match-chat .cm-agent-card__endpoint-row {\n  min-height: var(--cm-agent-card-section);\n  padding: clamp(0.48rem, 1.25cqi, 0.72rem);\n}\n\n.cm-agent-card__identity {\n  display: grid;\n  gap: 0.3rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-head {\n  display: flex;\n  align-items: center;\n  gap: 0.42rem;\n  min-width: 0;\n  max-width: 100%;\n  flex-wrap: nowrap;\n}\n\n.cm-agent-card__identity-name {\n  min-width: 0;\n  max-width: 100%;\n  font-size: inherit;\n  line-height: inherit;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cm-agent-card__identity-address {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.84rem;\n  font-weight: 500;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__identity-meta {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: center;\n  gap: 0.38rem;\n  width: 100%;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-meta > .cm-hint {\n  min-width: 0;\n  width: 100%;\n  max-width: 100%;\n}\n\n.cm-agent-card__identity-meta > .cm-hint > .cm-hint__trigger {\n  width: 100%;\n}\n\n.cm-agent-card__verified,\n.cm-agent-card__network {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  flex: 0 0 auto;\n  width: 1.15rem;\n  height: 1.15rem;\n}\n\n.cm-agent-card__verified {\n  border-radius: 999px;\n  background: hsl(142 76% 54%);\n  color: hsl(221 50% 9%);\n}\n\n.cm-agent-card__verified svg {\n  width: 0.78rem;\n  height: 0.78rem;\n  stroke-width: 3.1;\n}\n\n.cm-agent-card__network {\n  border: 0;\n  border-radius: 999px;\n  background: transparent;\n}\n\n.cm-agent-card__network-image {\n  display: block;\n  width: 1.05rem;\n  height: 1.05rem;\n  object-fit: contain;\n}\n\n.cm-agent-card__model {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: 0.32rem;\n  min-width: 0;\n  width: 100%;\n  max-width: 100%;\n  min-height: 1.78rem;\n  max-height: none;\n  padding: 0.22rem 0.52rem;\n  border: 1px solid hsl(var(--primary) / 0.3);\n  border-radius: 999px;\n  background: hsl(var(--primary) / 0.08);\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.76rem;\n  font-weight: 650;\n  line-height: 1.25;\n  overflow: hidden;\n}\n\n.cm-agent-card--match-chat .cm-agent-card__model {\n  min-height: var(--cm-agent-card-chip);\n  padding-inline: clamp(0.52rem, 1.4cqi, 0.74rem);\n  font-size: var(--cm-agent-card-mono);\n}\n\n.cm-agent-card__model[data-tone=\"warning\"] {\n  border-color: hsl(42 100% 48% / 0.26);\n  background: hsl(42 100% 48% / 0.1);\n  color: hsl(42 100% 58%);\n}\n\n.cm-agent-card__model svg {\n  width: 0.74rem;\n  height: 0.74rem;\n  flex: 0 0 auto;\n}\n\n.cm-agent-card__model-name {\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.cm-agent-card__footer-stack,\n.cm-agent-card__endpoint,\n.cm-agent-card__creator,\n.cm-agent-card__action-stack {\n  display: grid;\n  gap: 0.68rem;\n  min-width: 0;\n  max-width: 100%;\n}\n\n.cm-agent-card__action-stack {\n  display: flex;\n  align-items: flex-start;\n  flex-wrap: wrap;\n  gap: 0.55rem;\n}\n\n.cm-agent-card__endpoint-label,\n.cm-agent-card__creator-label {\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.7rem;\n  letter-spacing: 0.08em;\n  line-height: 1.25;\n  text-transform: uppercase;\n}\n\n.cm-agent-card__endpoint-row {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr) auto;\n  gap: 0.6rem;\n  align-items: center;\n  min-width: 0;\n  max-width: 100%;\n  padding: 0.65rem 0.75rem;\n  border: 1px solid hsl(var(--border) / 0.65);\n  border-radius: var(--radius, 0.25rem);\n  background: hsl(var(--background) / 0.42);\n  cursor: pointer;\n}\n\n@container (max-width: 22rem) {\n  .cm-agent-card__identity-meta {\n    grid-template-columns: minmax(0, 1fr);\n  }\n}\n\n.cm-agent-card__endpoint-code,\n.cm-agent-card__creator-value,\n.cm-agent-card__meta-value {\n  min-width: 0;\n  max-width: 100%;\n  color: hsl(var(--primary));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.8rem;\n  overflow-wrap: anywhere;\n}\n\n.cm-agent-card__creator-value {\n  color: hsl(var(--accent));\n}\n\n@container cm-agent-card (max-height: 42rem) {\n  .cm-agent-card--match-chat > .cm-card__body {\n    --cm-agent-card-gap: clamp(0.42rem, calc(0.32rem + 0.4cqi + 0.1cqb), 0.72rem);\n    --cm-agent-card-pad: clamp(0.62rem, calc(0.46rem + 0.56cqi + 0.12cqb), 0.9rem);\n    --cm-agent-card-media: clamp(2.78rem, calc(2.38rem + 1.2cqi), 3.3rem);\n    --cm-agent-card-desc: clamp(3.55rem, calc(2.85rem + 0.48cqi + 0.52cqb), 4.9rem);\n    --cm-agent-card-tags: clamp(2.9rem, calc(2.38rem + 0.42cqi + 0.32cqb), 3.9rem);\n    --cm-agent-card-metric: clamp(2.64rem, calc(2.28rem + 0.7cqi + 0.18cqb), 3.18rem);\n    --cm-agent-card-section: clamp(2.62rem, calc(2.22rem + 0.66cqi + 0.2cqb), 3.12rem);\n  }\n}\n\n@container cm-agent-card (max-height: 34rem) {\n  .cm-agent-card--match-chat > .cm-card__body {\n    --cm-agent-card-gap: 0.36rem;\n    --cm-agent-card-pad: 0.56rem;\n    --cm-agent-card-media: 2.6rem;\n    --cm-agent-card-title: 1rem;\n    --cm-agent-card-body: 0.8rem;\n    --cm-agent-card-mono: 0.74rem;\n    --cm-agent-card-chip: 1.66rem;\n    --cm-agent-card-metric: 2.46rem;\n    --cm-agent-card-section: 2.42rem;\n    --cm-agent-card-desc: 3.25rem;\n    --cm-agent-card-tags: 2.72rem;\n  }\n\n  .cm-agent-card--match-chat .cm-card__metric {\n    gap: 0.36rem;\n  }\n}\n";
 //# sourceMappingURL=styles.d.ts.map

package/dist/agents/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,q6IA+NrB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,SAAS,mtSA8WrB,CAAC"}

package/dist/agents/styles.js

@@ -16,6 +16,22 @@ export const agentsCss = `/**
   max-height: none;
 }
 
+.cm-agent-card--match-chat {
+  container-name: cm-agent-card;
+  container-type: size;
+  --cm-agent-card-gap: clamp(0.58rem, calc(0.42rem + 0.52cqi + 0.16cqb), 0.92rem);
+  --cm-agent-card-pad: clamp(0.78rem, calc(0.58rem + 0.7cqi + 0.18cqb), 1.08rem);
+  --cm-agent-card-media: clamp(3rem, calc(2.55rem + 1.4cqi), 3.75rem);
+  --cm-agent-card-title: clamp(1.02rem, calc(0.92rem + 0.46cqi), 1.22rem);
+  --cm-agent-card-body: clamp(0.86rem, calc(0.78rem + 0.28cqi), 0.98rem);
+  --cm-agent-card-mono: clamp(0.78rem, calc(0.7rem + 0.24cqi), 0.9rem);
+  --cm-agent-card-chip: clamp(1.86rem, calc(1.6rem + 0.72cqi + 0.16cqb), 2.28rem);
+  --cm-agent-card-metric: clamp(3rem, calc(2.55rem + 0.82cqi + 0.26cqb), 3.7rem);
+  --cm-agent-card-section: clamp(3rem, calc(2.5rem + 0.76cqi + 0.28cqb), 3.75rem);
+  --cm-agent-card-desc: clamp(4.2rem, calc(3.2rem + 0.6cqi + 0.7cqb), 6rem);
+  --cm-agent-card-tags: clamp(3.3rem, calc(2.7rem + 0.52cqi + 0.42cqb), 4.7rem);
+}
+
 .cm-agent-card--market {
   height: 100%;
   min-height: 0;
@@ -28,6 +44,95 @@ export const agentsCss = `/**
   overflow: visible;
 }
 
+.cm-agent-card--match-chat > .cm-card__body {
+  grid-template-rows:
+    auto
+    minmax(var(--cm-agent-card-desc), 0.72fr)
+    minmax(var(--cm-agent-card-metric), 0.58fr)
+    minmax(var(--cm-agent-card-tags), 0.56fr)
+    minmax(var(--cm-agent-card-section), auto);
+  gap: var(--cm-agent-card-gap);
+  height: 100%;
+  min-height: 0;
+  padding: var(--cm-agent-card-pad);
+  align-content: stretch;
+  overflow: visible;
+}
+
+.cm-agent-card--match-chat .cm-card__header {
+  align-items: center;
+  gap: var(--cm-agent-card-gap);
+}
+
+.cm-agent-card--match-chat .cm-card__media {
+  width: var(--cm-agent-card-media);
+  height: var(--cm-agent-card-media);
+}
+
+.cm-agent-card--match-chat .cm-card__title {
+  font-size: var(--cm-agent-card-title);
+  line-height: 1.12;
+}
+
+.cm-agent-card--match-chat .cm-card__subtitle,
+.cm-agent-card--match-chat .cm-card__description,
+.cm-agent-card--match-chat .cm-card__metric-value,
+.cm-agent-card--match-chat .cm-agent-card__identity-address,
+.cm-agent-card--match-chat .cm-agent-card__endpoint-code,
+.cm-agent-card--match-chat .cm-agent-card__creator-value,
+.cm-agent-card--match-chat .cm-agent-card__meta-value {
+  font-size: var(--cm-agent-card-body);
+}
+
+.cm-agent-card--match-chat .cm-card__description {
+  display: grid;
+  align-content: start;
+  min-height: 0;
+  max-height: none;
+  line-height: 1.42;
+}
+
+.cm-agent-card--match-chat .cm-card__metrics {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  align-items: stretch;
+  gap: clamp(0.36rem, 1.15cqi, 0.58rem);
+  min-height: 0;
+}
+
+.cm-agent-card--match-chat .cm-card__metric {
+  min-height: var(--cm-agent-card-metric);
+  max-height: none;
+  padding: clamp(0.46rem, 1.2cqi, 0.68rem);
+}
+
+.cm-agent-card--match-chat .cm-card__tags-block {
+  align-self: stretch;
+  min-height: 0;
+  max-height: none;
+  align-content: start;
+}
+
+.cm-agent-card--match-chat .cm-card__tag {
+  min-height: var(--cm-agent-card-chip);
+  max-height: none;
+}
+
+.cm-agent-card--match-chat .cm-card__footer {
+  align-self: stretch;
+  padding-top: var(--cm-agent-card-gap);
+}
+
+.cm-agent-card--match-chat .cm-agent-card__footer-stack,
+.cm-agent-card--match-chat .cm-agent-card__endpoint,
+.cm-agent-card--match-chat .cm-agent-card__creator {
+  gap: clamp(0.38rem, 1.1cqi, 0.62rem);
+}
+
+.cm-agent-card--match-chat .cm-agent-card__endpoint-row {
+  min-height: var(--cm-agent-card-section);
+  padding: clamp(0.48rem, 1.25cqi, 0.72rem);
+}
+
 .cm-agent-card__identity {
   display: grid;
   gap: 0.3rem;
@@ -127,7 +232,7 @@ export const agentsCss = `/**
   width: 100%;
   max-width: 100%;
   min-height: 1.78rem;
-  max-height: 1.78rem;
+  max-height: none;
   padding: 0.22rem 0.52rem;
   border: 1px solid hsl(var(--primary) / 0.3);
   border-radius: 999px;
@@ -140,6 +245,12 @@ export const agentsCss = `/**
   overflow: hidden;
 }
 
+.cm-agent-card--match-chat .cm-agent-card__model {
+  min-height: var(--cm-agent-card-chip);
+  padding-inline: clamp(0.52rem, 1.4cqi, 0.74rem);
+  font-size: var(--cm-agent-card-mono);
+}
+
 .cm-agent-card__model[data-tone="warning"] {
   border-color: hsl(42 100% 48% / 0.26);
   background: hsl(42 100% 48% / 0.1);
@@ -221,5 +332,37 @@ export const agentsCss = `/**
 .cm-agent-card__creator-value {
   color: hsl(var(--accent));
 }
+
+@container cm-agent-card (max-height: 42rem) {
+  .cm-agent-card--match-chat > .cm-card__body {
+    --cm-agent-card-gap: clamp(0.42rem, calc(0.32rem + 0.4cqi + 0.1cqb), 0.72rem);
+    --cm-agent-card-pad: clamp(0.62rem, calc(0.46rem + 0.56cqi + 0.12cqb), 0.9rem);
+    --cm-agent-card-media: clamp(2.78rem, calc(2.38rem + 1.2cqi), 3.3rem);
+    --cm-agent-card-desc: clamp(3.55rem, calc(2.85rem + 0.48cqi + 0.52cqb), 4.9rem);
+    --cm-agent-card-tags: clamp(2.9rem, calc(2.38rem + 0.42cqi + 0.32cqb), 3.9rem);
+    --cm-agent-card-metric: clamp(2.64rem, calc(2.28rem + 0.7cqi + 0.18cqb), 3.18rem);
+    --cm-agent-card-section: clamp(2.62rem, calc(2.22rem + 0.66cqi + 0.2cqb), 3.12rem);
+  }
+}
+
+@container cm-agent-card (max-height: 34rem) {
+  .cm-agent-card--match-chat > .cm-card__body {
+    --cm-agent-card-gap: 0.36rem;
+    --cm-agent-card-pad: 0.56rem;
+    --cm-agent-card-media: 2.6rem;
+    --cm-agent-card-title: 1rem;
+    --cm-agent-card-body: 0.8rem;
+    --cm-agent-card-mono: 0.74rem;
+    --cm-agent-card-chip: 1.66rem;
+    --cm-agent-card-metric: 2.46rem;
+    --cm-agent-card-section: 2.42rem;
+    --cm-agent-card-desc: 3.25rem;
+    --cm-agent-card-tags: 2.72rem;
+  }
+
+  .cm-agent-card--match-chat .cm-card__metric {
+    gap: 0.36rem;
+  }
+}
 `;
 //# sourceMappingURL=styles.js.map

package/dist/agents/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+NxB,CAAC"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../src/agents/styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8WxB,CAAC"}

package/dist/css/agents.css

@@ -16,6 +16,22 @@
   max-height: none;
 }
 
+.cm-agent-card--match-chat {
+  container-name: cm-agent-card;
+  container-type: size;
+  --cm-agent-card-gap: clamp(0.58rem, calc(0.42rem + 0.52cqi + 0.16cqb), 0.92rem);
+  --cm-agent-card-pad: clamp(0.78rem, calc(0.58rem + 0.7cqi + 0.18cqb), 1.08rem);
+  --cm-agent-card-media: clamp(3rem, calc(2.55rem + 1.4cqi), 3.75rem);
+  --cm-agent-card-title: clamp(1.02rem, calc(0.92rem + 0.46cqi), 1.22rem);
+  --cm-agent-card-body: clamp(0.86rem, calc(0.78rem + 0.28cqi), 0.98rem);
+  --cm-agent-card-mono: clamp(0.78rem, calc(0.7rem + 0.24cqi), 0.9rem);
+  --cm-agent-card-chip: clamp(1.86rem, calc(1.6rem + 0.72cqi + 0.16cqb), 2.28rem);
+  --cm-agent-card-metric: clamp(3rem, calc(2.55rem + 0.82cqi + 0.26cqb), 3.7rem);
+  --cm-agent-card-section: clamp(3rem, calc(2.5rem + 0.76cqi + 0.28cqb), 3.75rem);
+  --cm-agent-card-desc: clamp(4.2rem, calc(3.2rem + 0.6cqi + 0.7cqb), 6rem);
+  --cm-agent-card-tags: clamp(3.3rem, calc(2.7rem + 0.52cqi + 0.42cqb), 4.7rem);
+}
+
 .cm-agent-card--market {
   height: 100%;
   min-height: 0;
@@ -28,6 +44,95 @@
   overflow: visible;
 }
 
+.cm-agent-card--match-chat > .cm-card__body {
+  grid-template-rows:
+    auto
+    minmax(var(--cm-agent-card-desc), 0.72fr)
+    minmax(var(--cm-agent-card-metric), 0.58fr)
+    minmax(var(--cm-agent-card-tags), 0.56fr)
+    minmax(var(--cm-agent-card-section), auto);
+  gap: var(--cm-agent-card-gap);
+  height: 100%;
+  min-height: 0;
+  padding: var(--cm-agent-card-pad);
+  align-content: stretch;
+  overflow: visible;
+}
+
+.cm-agent-card--match-chat .cm-card__header {
+  align-items: center;
+  gap: var(--cm-agent-card-gap);
+}
+
+.cm-agent-card--match-chat .cm-card__media {
+  width: var(--cm-agent-card-media);
+  height: var(--cm-agent-card-media);
+}
+
+.cm-agent-card--match-chat .cm-card__title {
+  font-size: var(--cm-agent-card-title);
+  line-height: 1.12;
+}
+
+.cm-agent-card--match-chat .cm-card__subtitle,
+.cm-agent-card--match-chat .cm-card__description,
+.cm-agent-card--match-chat .cm-card__metric-value,
+.cm-agent-card--match-chat .cm-agent-card__identity-address,
+.cm-agent-card--match-chat .cm-agent-card__endpoint-code,
+.cm-agent-card--match-chat .cm-agent-card__creator-value,
+.cm-agent-card--match-chat .cm-agent-card__meta-value {
+  font-size: var(--cm-agent-card-body);
+}
+
+.cm-agent-card--match-chat .cm-card__description {
+  display: grid;
+  align-content: start;
+  min-height: 0;
+  max-height: none;
+  line-height: 1.42;
+}
+
+.cm-agent-card--match-chat .cm-card__metrics {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  align-items: stretch;
+  gap: clamp(0.36rem, 1.15cqi, 0.58rem);
+  min-height: 0;
+}
+
+.cm-agent-card--match-chat .cm-card__metric {
+  min-height: var(--cm-agent-card-metric);
+  max-height: none;
+  padding: clamp(0.46rem, 1.2cqi, 0.68rem);
+}
+
+.cm-agent-card--match-chat .cm-card__tags-block {
+  align-self: stretch;
+  min-height: 0;
+  max-height: none;
+  align-content: start;
+}
+
+.cm-agent-card--match-chat .cm-card__tag {
+  min-height: var(--cm-agent-card-chip);
+  max-height: none;
+}
+
+.cm-agent-card--match-chat .cm-card__footer {
+  align-self: stretch;
+  padding-top: var(--cm-agent-card-gap);
+}
+
+.cm-agent-card--match-chat .cm-agent-card__footer-stack,
+.cm-agent-card--match-chat .cm-agent-card__endpoint,
+.cm-agent-card--match-chat .cm-agent-card__creator {
+  gap: clamp(0.38rem, 1.1cqi, 0.62rem);
+}
+
+.cm-agent-card--match-chat .cm-agent-card__endpoint-row {
+  min-height: var(--cm-agent-card-section);
+  padding: clamp(0.48rem, 1.25cqi, 0.72rem);
+}
+
 .cm-agent-card__identity {
   display: grid;
   gap: 0.3rem;
@@ -127,7 +232,7 @@
   width: 100%;
   max-width: 100%;
   min-height: 1.78rem;
-  max-height: 1.78rem;
+  max-height: none;
   padding: 0.22rem 0.52rem;
   border: 1px solid hsl(var(--primary) / 0.3);
   border-radius: 999px;
@@ -140,6 +245,12 @@
   overflow: hidden;
 }
 
+.cm-agent-card--match-chat .cm-agent-card__model {
+  min-height: var(--cm-agent-card-chip);
+  padding-inline: clamp(0.52rem, 1.4cqi, 0.74rem);
+  font-size: var(--cm-agent-card-mono);
+}
+
 .cm-agent-card__model[data-tone="warning"] {
   border-color: hsl(42 100% 48% / 0.26);
   background: hsl(42 100% 48% / 0.1);
@@ -221,3 +332,35 @@
 .cm-agent-card__creator-value {
   color: hsl(var(--accent));
 }
+
+@container cm-agent-card (max-height: 42rem) {
+  .cm-agent-card--match-chat > .cm-card__body {
+    --cm-agent-card-gap: clamp(0.42rem, calc(0.32rem + 0.4cqi + 0.1cqb), 0.72rem);
+    --cm-agent-card-pad: clamp(0.62rem, calc(0.46rem + 0.56cqi + 0.12cqb), 0.9rem);
+    --cm-agent-card-media: clamp(2.78rem, calc(2.38rem + 1.2cqi), 3.3rem);
+    --cm-agent-card-desc: clamp(3.55rem, calc(2.85rem + 0.48cqi + 0.52cqb), 4.9rem);
+    --cm-agent-card-tags: clamp(2.9rem, calc(2.38rem + 0.42cqi + 0.32cqb), 3.9rem);
+    --cm-agent-card-metric: clamp(2.64rem, calc(2.28rem + 0.7cqi + 0.18cqb), 3.18rem);
+    --cm-agent-card-section: clamp(2.62rem, calc(2.22rem + 0.66cqi + 0.2cqb), 3.12rem);
+  }
+}
+
+@container cm-agent-card (max-height: 34rem) {
+  .cm-agent-card--match-chat > .cm-card__body {
+    --cm-agent-card-gap: 0.36rem;
+    --cm-agent-card-pad: 0.56rem;
+    --cm-agent-card-media: 2.6rem;
+    --cm-agent-card-title: 1rem;
+    --cm-agent-card-body: 0.8rem;
+    --cm-agent-card-mono: 0.74rem;
+    --cm-agent-card-chip: 1.66rem;
+    --cm-agent-card-metric: 2.46rem;
+    --cm-agent-card-section: 2.42rem;
+    --cm-agent-card-desc: 3.25rem;
+    --cm-agent-card-tags: 2.72rem;
+  }
+
+  .cm-agent-card--match-chat .cm-card__metric {
+    gap: 0.36rem;
+  }
+}

package/dist/css/mirror.css

@@ -106,10 +106,21 @@
 .cm-mirror-pane__body {
   --cm-mirror-logo: clamp(2.75rem, 7.2cqi, 3.2rem);
   --cm-mirror-gap: clamp(0.36rem, 1.25cqi, 0.6rem);
-  --cm-mirror-main-gap: clamp(0.48rem, calc(1cqi + 0.7cqb), 1.08rem);
-  --cm-mirror-main-pad: clamp(0.48rem, calc(0.72cqi + 0.42cqb), 0.78rem);
+  --cm-mirror-main-gap: clamp(0.48rem, calc(0.42rem + 0.42cqi + 0.16cqb), 0.82rem);
+  --cm-mirror-main-pad: clamp(0.58rem, calc(0.45rem + 0.62cqi + 0.14cqb), 0.9rem);
   --cm-mirror-pad: clamp(0.4rem, 1.25cqi, 0.6rem);
-  --cm-mirror-cell-min: clamp(1.82rem, 4.4cqb, 2.45rem);
+  --cm-mirror-section-min: clamp(4.4rem, calc(3.7rem + 4.8cqb), 6.45rem);
+  --cm-mirror-cell-min: clamp(2.35rem, calc(2rem + 1.05cqi + 0.24cqb), 3.1rem);
+  --cm-mirror-cell-max: clamp(2.85rem, calc(2.34rem + 1.4cqi + 0.32cqb), 3.65rem);
+  --cm-mirror-label-size: clamp(0.8rem, calc(0.72rem + 0.32cqi), 0.92rem);
+  --cm-mirror-value-size: clamp(0.86rem, calc(0.78rem + 0.32cqi), 1rem);
+  --cm-mirror-unit-size: clamp(0.74rem, calc(0.66rem + 0.24cqi), 0.84rem);
+  --cm-mirror-flow-size: clamp(1.72rem, calc(1.45rem + 1.05cqi), 2.05rem);
+  --cm-mirror-flow-icon: clamp(0.98rem, calc(0.84rem + 0.54cqi), 1.18rem);
+  --cm-mirror-format-size: clamp(1.24rem, calc(1.08rem + 0.58cqi), 1.46rem);
+  --cm-mirror-format-icon: clamp(0.62rem, calc(0.54rem + 0.26cqi), 0.76rem);
+  --cm-mirror-section-icon-size: clamp(2rem, calc(1.68rem + 1.24cqi), 2.36rem);
+  --cm-mirror-section-icon: clamp(1.16rem, calc(0.98rem + 0.64cqi), 1.36rem);
   --cm-mirror-option-min: clamp(1.55rem, 3.8cqb, 2rem);
   flex: 1 1 auto;
   display: grid;
@@ -315,9 +326,9 @@
 }
 
 .cm-mirror-pane__details {
-  grid-auto-rows: minmax(min-content, max-content);
+  grid-auto-rows: minmax(var(--cm-mirror-section-min), 1fr);
   gap: var(--cm-mirror-main-gap);
-  align-content: space-between;
+  align-content: stretch;
 }
 
 .cm-mirror-pane__description,
@@ -338,7 +349,7 @@
   min-width: 0;
   padding: clamp(0.48rem, 1.35cqi, 0.62rem);
   color: hsl(var(--muted-foreground));
-  font-size: 0.84rem;
+  font-size: var(--cm-mirror-value-size);
   line-height: 1.34;
 }
 
@@ -387,7 +398,7 @@
   min-width: 0;
   color: hsl(var(--muted-foreground));
   font-family: var(--font-mono), monospace;
-  font-size: 0.72rem;
+  font-size: var(--cm-mirror-label-size);
   font-weight: 800;
   letter-spacing: 0.1em;
   line-height: 1.1;
@@ -502,9 +513,9 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  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);
+  width: var(--cm-mirror-flow-size);
+  height: var(--cm-mirror-flow-size);
+  min-width: var(--cm-mirror-flow-size);
   border: 1px solid hsl(var(--primary) / 0.22);
   border-radius: 999px;
   background: hsl(var(--primary) / 0.08);
@@ -512,21 +523,21 @@
 }
 
 .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);
+  width: var(--cm-mirror-section-icon-size);
+  height: var(--cm-mirror-section-icon-size);
+  min-width: var(--cm-mirror-section-icon-size);
   border-color: hsl(var(--primary) / 0.32);
   background: hsl(var(--primary) / 0.1);
 }
 
 .cm-mirror-pane__icon-svg {
-  width: clamp(0.78rem, 2.25cqi, 0.9rem);
-  height: clamp(0.78rem, 2.25cqi, 0.9rem);
+  width: var(--cm-mirror-flow-icon);
+  height: var(--cm-mirror-flow-icon);
 }
 
 .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);
+  width: var(--cm-mirror-section-icon);
+  height: var(--cm-mirror-section-icon);
 }
 
 .cm-mirror-pane__badge,
@@ -557,9 +568,9 @@
 
 .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);
+  width: var(--cm-mirror-format-size);
+  min-width: var(--cm-mirror-format-size);
+  min-height: var(--cm-mirror-format-size);
   padding: 0;
   border-radius: 999px;
 }
@@ -572,8 +583,8 @@
 }
 
 .cm-mirror-pane__format-icon {
-  width: clamp(0.64rem, 1.85cqi, 0.74rem);
-  height: clamp(0.64rem, 1.85cqi, 0.74rem);
+  width: var(--cm-mirror-format-icon);
+  height: var(--cm-mirror-format-icon);
   flex: 0 0 auto;
 }
 
@@ -626,7 +637,7 @@
   gap: clamp(0.34rem, 1.05cqi, 0.48rem);
   min-width: 0;
   min-height: var(--cm-mirror-cell-min);
-  height: 100%;
+  max-height: var(--cm-mirror-cell-max);
   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;
@@ -639,7 +650,7 @@
   min-width: 0;
   color: hsl(var(--foreground));
   font-family: var(--font-mono), monospace;
-  font-size: 0.76rem;
+  font-size: var(--cm-mirror-value-size);
   font-weight: 650;
   text-align: left;
   overflow: hidden;
@@ -699,8 +710,8 @@
 .cm-mirror-pane__details .cm-mirror-pane__kv-grid,
 .cm-mirror-pane__details .cm-mirror-pane__pricing-entries,
 .cm-mirror-pane__details .cm-mirror-pane__lane-grid {
-  grid-auto-rows: minmax(var(--cm-mirror-cell-min), auto);
-  height: auto;
+  grid-auto-rows: minmax(var(--cm-mirror-cell-min), max-content);
+  height: 100%;
   align-content: center;
   align-items: center;
 }
@@ -713,7 +724,7 @@
 
 .cm-mirror-pane__details .cm-mirror-pane__pricing-compact {
   grid-template-rows: auto auto;
-  height: auto;
+  height: 100%;
   align-content: center;
 }
 
@@ -727,7 +738,7 @@
   min-width: 0;
   color: hsl(var(--muted-foreground) / 0.72);
   font-family: var(--font-mono), monospace;
-  font-size: 0.7rem;
+  font-size: var(--cm-mirror-unit-size);
   letter-spacing: 0.08em;
   text-transform: uppercase;
   overflow: hidden;
@@ -943,8 +954,18 @@
 @container cm-mirror (max-height: 44rem) {
   .cm-mirror-pane__body {
     --cm-mirror-gap: clamp(0.28rem, 1cqi, 0.48rem);
+    --cm-mirror-main-gap: clamp(0.4rem, calc(0.32rem + 0.34cqi + 0.12cqb), 0.68rem);
+    --cm-mirror-main-pad: clamp(0.5rem, calc(0.36rem + 0.54cqi + 0.1cqb), 0.78rem);
     --cm-mirror-pad: clamp(0.32rem, 1cqi, 0.5rem);
-    --cm-mirror-cell-min: clamp(1.62rem, 4cqb, 2.1rem);
+    --cm-mirror-section-min: clamp(3.75rem, calc(3.1rem + 4.5cqb), 5.55rem);
+    --cm-mirror-cell-min: clamp(2.1rem, calc(1.82rem + 0.9cqi + 0.18cqb), 2.72rem);
+    --cm-mirror-cell-max: clamp(2.48rem, calc(2.08rem + 1.15cqi + 0.24cqb), 3.15rem);
+    --cm-mirror-label-size: clamp(0.78rem, calc(0.71rem + 0.26cqi), 0.88rem);
+    --cm-mirror-value-size: clamp(0.82rem, calc(0.76rem + 0.26cqi), 0.94rem);
+    --cm-mirror-flow-size: clamp(1.55rem, calc(1.34rem + 0.92cqi), 1.85rem);
+    --cm-mirror-flow-icon: clamp(0.9rem, calc(0.78rem + 0.48cqi), 1.08rem);
+    --cm-mirror-format-size: clamp(1.14rem, calc(1rem + 0.5cqi), 1.34rem);
+    --cm-mirror-format-icon: clamp(0.58rem, calc(0.5rem + 0.22cqi), 0.7rem);
     --cm-mirror-option-min: clamp(1.42rem, 3.4cqb, 1.82rem);
   }
 
@@ -971,8 +992,20 @@
 @container cm-mirror (max-height: 34rem) {
   .cm-mirror-pane__body {
     --cm-mirror-gap: 0.26rem;
+    --cm-mirror-main-gap: 0.34rem;
+    --cm-mirror-main-pad: 0.46rem;
     --cm-mirror-pad: 0.32rem;
-    --cm-mirror-cell-min: 1.48rem;
+    --cm-mirror-section-min: 3.2rem;
+    --cm-mirror-cell-min: 1.95rem;
+    --cm-mirror-cell-max: 2.48rem;
+    --cm-mirror-label-size: 0.76rem;
+    --cm-mirror-value-size: 0.8rem;
+    --cm-mirror-flow-size: 1.44rem;
+    --cm-mirror-flow-icon: 0.84rem;
+    --cm-mirror-format-size: 1.08rem;
+    --cm-mirror-format-icon: 0.56rem;
+    --cm-mirror-section-icon-size: 1.76rem;
+    --cm-mirror-section-icon: 1.02rem;
     --cm-mirror-option-min: 1.36rem;
   }
 
@@ -996,19 +1029,29 @@
   }
 
   .cm-mirror-pane__description {
-    font-size: 0.78rem;
+    font-size: var(--cm-mirror-value-size);
     line-height: 1.2;
     padding: 0.34rem 0.42rem;
   }
 
+  .cm-mirror-pane__field,
+  .cm-mirror-pane__text-area,
+  .cm-mirror-pane__param-description,
+  .cm-mirror-pane__no-params {
+    font-size: 0.78rem;
+  }
+
   .cm-mirror-pane__section-label,
-  .cm-mirror-pane__tool-group-label,
+  .cm-mirror-pane__tool-group-label {
+    font-size: var(--cm-mirror-label-size);
+  }
+
   .cm-mirror-pane__kv-value,
   .cm-mirror-pane__field,
   .cm-mirror-pane__text-area,
   .cm-mirror-pane__param-description,
   .cm-mirror-pane__no-params {
-    font-size: 0.74rem;
+    font-size: var(--cm-mirror-value-size);
   }
 
   .cm-mirror-pane__option {

package/dist/icons/index.d.ts

@@ -0,0 +1,7 @@
+export type ModelTypeIconName = "binary" | "braces" | "fileText" | "image" | "languages" | "listTree" | "messageSquare" | "mic" | "search" | "sparkles" | "tags" | "video";
+export type ModelTypeTone = "audio" | "classification" | "conversational" | "embedding" | "image" | "research" | "summarization" | "text" | "translation" | "video" | "all" | "unknown";
+export declare function typeTone(typeId: string): ModelTypeTone;
+export declare function typeClass(typeId: string): string;
+export declare function typeIconName(typeId: string): ModelTypeIconName;
+export declare function typeLabel(label: string): string;
+//# sourceMappingURL=index.d.ts.map

package/dist/icons/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/icons/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GACzB,QAAQ,GACR,QAAQ,GACR,UAAU,GACV,OAAO,GACP,WAAW,GACX,UAAU,GACV,eAAe,GACf,KAAK,GACL,QAAQ,GACR,UAAU,GACV,MAAM,GACN,OAAO,CAAC;AAEZ,MAAM,MAAM,aAAa,GACrB,OAAO,GACP,gBAAgB,GAChB,gBAAgB,GAChB,WAAW,GACX,OAAO,GACP,UAAU,GACV,eAAe,GACf,MAAM,GACN,aAAa,GACb,OAAO,GACP,KAAK,GACL,SAAS,CAAC;AAMd,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,aAAa,CAkBtD;AAED,wBAAgB,SAAS,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAKhD;AAED,wBAAgB,YAAY,CAAC,MAAM,EAAE,MAAM,GAAG,iBAAiB,CAgB9D;AAED,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAiB/C"}

package/dist/icons/index.js

@@ -0,0 +1,85 @@
+function normalizedType(typeId) {
+    return typeId.trim().toLowerCase();
+}
+export function typeTone(typeId) {
+    if (typeId === "all")
+        return "all";
+    const id = normalizedType(typeId);
+    if (id.includes("text-generation") || id.includes("text2text"))
+        return "text";
+    if (id.includes("chat"))
+        return "text";
+    if (id.includes("image"))
+        return "image";
+    if (id.includes("audio") || id.includes("speech"))
+        return "audio";
+    if (id.includes("video"))
+        return "video";
+    if (id.includes("embedding") || id.includes("feature"))
+        return "embedding";
+    if (id.includes("conversational"))
+        return "conversational";
+    if (id.includes("classification"))
+        return "classification";
+    if (id.includes("translation"))
+        return "translation";
+    if (id.includes("summarization"))
+        return "summarization";
+    if (id.includes("research"))
+        return "research";
+    if (id.includes("text"))
+        return "text";
+    return "unknown";
+}
+export function typeClass(typeId) {
+    const tone = typeTone(typeId);
+    if (tone === "all" || tone === "unknown")
+        return "";
+    return `cm-playground__chip--type-${tone}`;
+}
+export function typeIconName(typeId) {
+    if (typeId === "all")
+        return "sparkles";
+    const id = normalizedType(typeId);
+    if (id.includes("image"))
+        return "image";
+    if (id.includes("audio") || id.includes("speech"))
+        return "mic";
+    if (id.includes("video"))
+        return "video";
+    if (id.includes("embedding") || id.includes("feature"))
+        return "braces";
+    if (id.includes("classification"))
+        return "tags";
+    if (id.includes("translation"))
+        return "languages";
+    if (id.includes("summarization"))
+        return "listTree";
+    if (id.includes("research"))
+        return "search";
+    if (id.includes("conversational") || id.includes("chat"))
+        return "messageSquare";
+    if (id.includes("text-generation") || id.includes("text2text") || id.includes("text"))
+        return "fileText";
+    return "binary";
+}
+export function typeLabel(label) {
+    if (label === "All Models")
+        return "All";
+    return label
+        .replace("Text Generation", "Text Gen")
+        .replace("Text2text Generation", "Text2Text")
+        .replace("Text To Image", "Image")
+        .replace("Image To Image", "Img2Img")
+        .replace("Text To Video", "Video")
+        .replace("Text To Audio", "Audio")
+        .replace("Text To Speech", "TTS")
+        .replace("Automatic Speech Recognition", "ASR")
+        .replace("Speech To Text", "STT")
+        .replace("Feature Extraction", "Embedding")
+        .replace("Sentence Similarity", "Similarity")
+        .replace("Text Classification", "Classify")
+        .replace("Image Classification", "Img Classify")
+        .replace("Deep Research", "Research");
+}
+//# sourceMappingURL=index.js.map

package/dist/icons/index.js.map

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

package/dist/icons/react.d.ts

@@ -0,0 +1,3 @@
+export { typeClass, typeIconName, typeLabel, typeTone, type ModelTypeIconName, type ModelTypeTone } from "./index";
+export declare function typeIcon(typeId: string, className?: string): import("react").JSX.Element;
+//# sourceMappingURL=react.d.ts.map

package/dist/icons/react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../src/icons/react.tsx"],"names":[],"mappings":"AAiBA,OAAO,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,KAAK,iBAAiB,EACtB,KAAK,aAAa,EACnB,MAAM,SAAS,CAAC;AAiBjB,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAA6B,+BAG9E"}

package/dist/icons/react.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Binary, Braces, FileText, Image as ImageIcon, Languages, ListTree, MessageSquare, Mic, Search, Sparkles, Tags, Video } from "lucide-react";
+import { typeIconName } from "./index";
+export { typeClass, typeIconName, typeLabel, typeTone } from "./index";
+const icons = {
+    binary: Binary,
+    braces: Braces,
+    fileText: FileText,
+    image: ImageIcon,
+    languages: Languages,
+    listTree: ListTree,
+    messageSquare: MessageSquare,
+    mic: Mic,
+    search: Search,
+    sparkles: Sparkles,
+    tags: Tags,
+    video: Video
+};
+export function typeIcon(typeId, className = "cm-playground__chip-icon") {
+    const Icon = icons[typeIconName(typeId)];
+    return _jsx(Icon, { className: className });
+}
+//# sourceMappingURL=react.js.map

package/dist/icons/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","sourceRoot":"","sources":["../../src/icons/react.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,MAAM,EACN,MAAM,EACN,QAAQ,EACR,KAAK,IAAI,SAAS,EAClB,SAAS,EACT,QAAQ,EACR,aAAa,EACb,GAAG,EACH,MAAM,EACN,QAAQ,EACR,IAAI,EACJ,KAAK,EAEN,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,YAAY,EAA0B,MAAM,SAAS,CAAC;AAE/D,OAAO,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,QAAQ,EAGT,MAAM,SAAS,CAAC;AAEjB,MAAM,KAAK,GAA0C;IACnD,MAAM,EAAE,MAAM;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,SAAS;IACpB,QAAQ,EAAE,QAAQ;IAClB,aAAa,EAAE,aAAa;IAC5B,GAAG,EAAE,GAAG;IACR,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,KAAK;CACb,CAAC;AAEF,MAAM,UAAU,QAAQ,CAAC,MAAc,EAAE,SAAS,GAAG,0BAA0B;IAC7E,MAAM,IAAI,GAAG,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,OAAO,KAAC,IAAI,IAAC,SAAS,EAAE,SAAS,GAAI,CAAC;AACxC,CAAC"}

package/dist/index.d.ts

@@ -15,9 +15,10 @@ export * from './market';
 export * from './mirror';
 export * from './utilities';
 export * from './chain-logos';
+export * from './icons';
 import { tokens, type DesignTokens } from './tokens';
 import { themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme } from './themes';
 export { tokens, themes, defaultTheme, getTheme, getThemeColors, type ThemeName, type Theme, type DesignTokens, };
-export declare const packageVersion = "0.0.90";
+export declare const packageVersion = "0.1.13";
 export declare const packageName = "@compose-market/theme";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc,WAAW,CAAC;AACvC,eAAO,MAAM,WAAW,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,MAAM,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,SAAS,EAAE,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,EACd,KAAK,SAAS,EACd,KAAK,KAAK,EACV,KAAK,YAAY,GAClB,CAAC;AAEF,eAAO,MAAM,cAAc,WAAW,CAAC;AACvC,eAAO,MAAM,WAAW,0BAA0B,CAAC"}

package/dist/index.js

@@ -15,9 +15,10 @@ export * from './market';
 export * from './mirror';
 export * from './utilities';
 export * from './chain-logos';
+export * from './icons';
 import { tokens } from './tokens';
 import { themes, defaultTheme, getTheme, getThemeColors } from './themes';
 export { tokens, themes, defaultTheme, getTheme, getThemeColors, };
-export const packageVersion = '0.0.90';
+export const packageVersion = '0.1.13';
 export const packageName = '@compose-market/theme';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAE9B,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,GAIf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,MAAM,EAAqB,MAAM,UAAU,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,cAAc,EAA8B,MAAM,UAAU,CAAC;AAEtG,OAAO,EACL,MAAM,EACN,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,cAAc,GAIf,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC;AACvC,MAAM,CAAC,MAAM,WAAW,GAAG,uBAAuB,CAAC"}

package/dist/mirror/index.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
-export declare const mirrorStyles = "\n.cm-mirror-pane {\n  container-name: cm-mirror;\n  container-type: 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  --cm-mirror-logo: clamp(2.75rem, 7.2cqi, 3.2rem);\n  --cm-mirror-gap: clamp(0.36rem, 1.25cqi, 0.6rem);\n  --cm-mirror-main-gap: clamp(0.48rem, calc(1cqi + 0.7cqb), 1.08rem);\n  --cm-mirror-main-pad: clamp(0.48rem, calc(0.72cqi + 0.42cqb), 0.78rem);\n  --cm-mirror-pad: clamp(0.4rem, 1.25cqi, 0.6rem);\n  --cm-mirror-cell-min: clamp(1.82rem, 4.4cqb, 2.45rem);\n  --cm-mirror-option-min: clamp(1.55rem, 3.8cqb, 2rem);\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.6cqi, 0.72rem);\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: clamp(0.52rem, 1.7cqi, 0.82rem);\n}\n\n.cm-mirror-pane__header {\n  display: grid;\n  grid-template-columns: var(--cm-mirror-logo) minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(0.55rem, 1.55cqi, 0.72rem);\n  min-width: 0;\n}\n\n.cm-mirror-pane__identity {\n  display: grid;\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n  align-items: stretch;\n  gap: 0.16rem;\n  min-height: var(--cm-mirror-logo);\n  max-height: var(--cm-mirror-logo);\n  min-width: 0;\n}\n\n.cm-mirror-pane__title-row,\n.cm-mirror-pane__meta-row {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n}\n\n.cm-mirror-pane__title,\n.cm-mirror-pane__title-text {\n  display: block;\n  width: 100%;\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__title > .cm-hint,\n.cm-mirror-pane__title > .cm-hint > .cm-hint__trigger,\n.cm-mirror-pane__meta-row > .cm-hint,\n.cm-mirror-pane__meta-row > .cm-hint > .cm-hint__trigger {\n  width: 100%;\n  min-width: 0;\n}\n\n.cm-mirror-pane__subtitle {\n  display: flex;\n  align-items: center;\n  width: 100%;\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: clamp(1.22rem, 3.4cqi, 1.38rem);\n  padding: 0 clamp(0.34rem, 1.1cqi, 0.46rem);\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__model-icon-box {\n  display: grid;\n  width: var(--cm-mirror-logo);\n  height: var(--cm-mirror-logo);\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  grid-template-rows: minmax(0, 1fr);\n  align-items: stretch;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.cm-mirror-pane__body > .cm-mirror-pane__content:first-child:last-child {\n  grid-row: 1 / -1;\n}\n\n.cm-mirror-pane__details,\n.cm-mirror-pane__custom-content {\n  display: grid;\n  grid-auto-rows: minmax(min-content, 1fr);\n  gap: var(--cm-mirror-gap);\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  align-content: stretch;\n  align-items: stretch;\n  overflow: hidden;\n}\n\n.cm-mirror-pane__details {\n  grid-auto-rows: minmax(min-content, max-content);\n  gap: var(--cm-mirror-main-gap);\n  align-content: space-between;\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.cm-mirror-pane__option {\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__details > .cm-mirror-pane__description {\n  padding: var(--cm-mirror-main-pad);\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: clamp(4.8rem, 18cqi, 5.85rem) minmax(0, 1fr);\n  grid-template-rows: auto;\n  align-items: stretch;\n  gap: clamp(0.34rem, 1.1cqi, 0.5rem);\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.035),\n    0 0 18px hsl(var(--primary) / 0.035);\n}\n\n.cm-mirror-pane__section--compact {\n  padding: var(--cm-mirror-pad);\n}\n\n.cm-mirror-pane__details > .cm-mirror-pane__section--compact {\n  padding: var(--cm-mirror-main-pad);\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: flex-start;\n  align-self: 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-text {\n  text-transform: none;\n  letter-spacing: 0;\n}\n\n.cm-mirror-pane__section--capability {\n  border-color: hsl(var(--primary) / 0.22);\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.1), transparent 42%),\n    hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__section--context {\n  border-color: hsl(142 71% 45% / 0.18);\n  background:\n    linear-gradient(135deg, hsl(142 71% 45% / 0.08), transparent 44%),\n    hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__section--pricing {\n  border-color: hsl(var(--accent) / 0.2);\n  background:\n    linear-gradient(135deg, hsl(var(--accent) / 0.09), transparent 44%),\n    hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__section--custom,\n.cm-mirror-pane__section--param {\n  border-color: hsl(var(--primary) / 0.16);\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.065), hsl(var(--accent) / 0.045)),\n    hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__section--capability .cm-mirror-pane__section-label {\n  color: hsl(var(--primary));\n}\n\n.cm-mirror-pane__section--context .cm-mirror-pane__section-label {\n  color: hsl(142 71% 58%);\n}\n\n.cm-mirror-pane__section--pricing .cm-mirror-pane__section-label {\n  color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__section--custom,\n.cm-mirror-pane__section--param {\n  align-items: start;\n}\n\n.cm-mirror-pane__section--custom > .cm-mirror-pane__section-label,\n.cm-mirror-pane__section--param > .cm-mirror-pane__section-label {\n  align-self: start;\n  padding-top: clamp(0.42rem, 1.25cqb, 0.64rem);\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: 0;\n}\n\n.cm-mirror-pane__io-row {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(0.34rem, 1.05cqi, 0.46rem);\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: clamp(0.2rem, 0.8cqi, 0.3rem);\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: clamp(1.32rem, 3.8cqi, 1.5rem);\n  height: clamp(1.32rem, 3.8cqi, 1.5rem);\n  min-width: clamp(1.32rem, 3.8cqi, 1.5rem);\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-label--section {\n  width: clamp(1.58rem, 4.6cqi, 1.78rem);\n  height: clamp(1.58rem, 4.6cqi, 1.78rem);\n  min-width: clamp(1.58rem, 4.6cqi, 1.78rem);\n  border-color: hsl(var(--primary) / 0.32);\n  background: hsl(var(--primary) / 0.1);\n}\n\n.cm-mirror-pane__icon-svg {\n  width: clamp(0.78rem, 2.25cqi, 0.9rem);\n  height: clamp(0.78rem, 2.25cqi, 0.9rem);\n}\n\n.cm-mirror-pane__icon-label--section .cm-mirror-pane__icon-svg {\n  width: clamp(0.96rem, 2.85cqi, 1.08rem);\n  height: clamp(0.96rem, 2.85cqi, 1.08rem);\n}\n\n.cm-mirror-pane__badge,\n.cm-mirror-pane__format-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: clamp(1.2rem, 3.2cqi, 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__format-badge {\n  grid-template-columns: auto;\n  width: clamp(1.34rem, 3.65cqi, 1.48rem);\n  min-width: clamp(1.34rem, 3.65cqi, 1.48rem);\n  min-height: clamp(1.34rem, 3.65cqi, 1.48rem);\n  padding: 0;\n  border-radius: 999px;\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: clamp(0.64rem, 1.85cqi, 0.74rem);\n  height: clamp(0.64rem, 1.85cqi, 0.74rem);\n  flex: 0 0 auto;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"],\n.cm-mirror-pane__format-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.cm-mirror-pane__format-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.cm-mirror-pane__lane-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-auto-rows: minmax(0, 1fr);\n  gap: clamp(0.22rem, 0.8cqi, 0.34rem);\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  align-content: stretch;\n  align-items: stretch;\n}\n\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__pricing-header {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(0.34rem, 1.05cqi, 0.48rem);\n  min-width: 0;\n  min-height: var(--cm-mirror-cell-min);\n  height: 100%;\n  padding: clamp(0.3rem, 0.95cqi, 0.42rem) clamp(0.38rem, 1.2cqi, 0.52rem);\n  border: 1px solid hsl(var(--primary) / 0.11);\n  border-radius: 999px;\n  background:\n    linear-gradient(180deg, hsl(0 0% 100% / 0.035), transparent),\n    hsl(221 50% 9% / 0.36);\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: left;\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-start;\n  gap: 0;\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__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n  display: grid;\n  grid-template-rows: minmax(0, 1fr) auto;\n  gap: clamp(0.24rem, 0.82cqi, 0.34rem);\n  height: 100%;\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: clamp(0.42rem, 1.2cqi, 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.cm-mirror-pane__section--capability .cm-mirror-pane__lane-grid {\n  gap: clamp(0.22rem, 0.78cqi, 0.32rem);\n}\n\n.cm-mirror-pane__details .cm-mirror-pane__kv-grid,\n.cm-mirror-pane__details .cm-mirror-pane__pricing-entries,\n.cm-mirror-pane__details .cm-mirror-pane__lane-grid {\n  grid-auto-rows: minmax(var(--cm-mirror-cell-min), auto);\n  height: auto;\n  align-content: center;\n  align-items: center;\n}\n\n.cm-mirror-pane__details .cm-mirror-pane__kv-row,\n.cm-mirror-pane__details .cm-mirror-pane__io-row,\n.cm-mirror-pane__details .cm-mirror-pane__pricing-header {\n  height: auto;\n}\n\n.cm-mirror-pane__details .cm-mirror-pane__pricing-compact {\n  grid-template-rows: auto auto;\n  height: auto;\n  align-content: center;\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: clamp(0.36rem, 1.05cqi, 0.58rem);\n}\n\n.cm-mirror-pane__custom-section {\n  display: grid;\n  gap: clamp(0.34rem, 1cqi, 0.46rem);\n  min-width: 0;\n}\n\n.cm-mirror-pane__param-body {\n  display: grid;\n  grid-template-rows: minmax(0, auto) auto;\n  align-content: start;\n  gap: clamp(0.28rem, 0.95cqi, 0.42rem);\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.cm-mirror-pane__text-area {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  max-height: none;\n  padding: clamp(0.54rem, 1.5cqi, 0.72rem);\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.86rem;\n  resize: none;\n}\n\n.cm-mirror-pane__field {\n  width: 100%;\n  min-height: clamp(2.05rem, 5.4cqi, 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__option-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 4.5rem), 1fr));\n  grid-auto-rows: minmax(var(--cm-mirror-option-min), auto);\n  align-items: stretch;\n  gap: clamp(0.24rem, 0.82cqi, 0.34rem);\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.cm-mirror-pane__option {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  min-height: var(--cm-mirror-option-min);\n  height: 100%;\n  padding: 0 clamp(0.48rem, 1.45cqi, 0.68rem);\n  color: hsl(var(--muted-foreground));\n  cursor: pointer;\n  font-family: var(--font-mono), monospace;\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  line-height: 1;\n  text-transform: uppercase;\n  transition:\n    border-color 160ms ease,\n    background-color 160ms ease,\n    color 160ms ease,\n    box-shadow 160ms ease;\n}\n\n.cm-mirror-pane__option[data-active=\"true\"] {\n  border-color: hsl(var(--primary) / 0.34);\n  background: hsl(var(--primary) / 0.12);\n  color: hsl(var(--primary));\n  box-shadow: 0 0 14px hsl(var(--primary) / 0.1);\n}\n\n.cm-mirror-pane__option:hover,\n.cm-mirror-pane__option:focus-visible {\n  outline: none;\n  border-color: hsl(var(--primary) / 0.3);\n  color: hsl(var(--foreground));\n}\n\n.cm-mirror-pane__option .cm-hint,\n.cm-mirror-pane__option .cm-hint__trigger {\n  max-width: 100%;\n  min-width: 0;\n}\n\n.cm-mirror-pane__option span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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__param-description,\n.cm-mirror-pane__param-description .cm-excerpt,\n.cm-mirror-pane__param-description .cm-excerpt__trigger,\n.cm-mirror-pane__param-description .cm-excerpt__text,\n.cm-mirror-pane__param-description .cm-hint,\n.cm-mirror-pane__param-description .cm-hint__trigger {\n  width: 100%;\n  min-width: 0;\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: clamp(0.38rem, 1.35cqi, 0.54rem);\n    padding: clamp(0.48rem, 1.45cqi, 0.62rem);\n  }\n\n  .cm-mirror-pane__section {\n    grid-template-columns: clamp(4.55rem, 21cqi, 5.45rem) minmax(0, 1fr);\n  }\n\n  .cm-mirror-pane__io-badges {\n    justify-content: flex-start;\n  }\n}\n\n@container cm-mirror (max-height: 44rem) {\n  .cm-mirror-pane__body {\n    --cm-mirror-gap: clamp(0.28rem, 1cqi, 0.48rem);\n    --cm-mirror-pad: clamp(0.32rem, 1cqi, 0.5rem);\n    --cm-mirror-cell-min: clamp(1.62rem, 4cqb, 2.1rem);\n    --cm-mirror-option-min: clamp(1.42rem, 3.4cqb, 1.82rem);\n  }\n\n  .cm-mirror-pane__toolbar {\n    min-height: 2.6rem;\n    padding-block: 0.28rem;\n  }\n\n  .cm-mirror-pane__body {\n    gap: var(--cm-mirror-gap);\n    padding: clamp(0.42rem, 1.35cqi, 0.64rem);\n  }\n\n  .cm-mirror-pane__description {\n    padding: clamp(0.38rem, 1.1cqi, 0.52rem);\n    line-height: 1.26;\n  }\n\n  .cm-mirror-pane__section--compact {\n    padding: var(--cm-mirror-pad);\n  }\n}\n\n@container cm-mirror (max-height: 34rem) {\n  .cm-mirror-pane__body {\n    --cm-mirror-gap: 0.26rem;\n    --cm-mirror-pad: 0.32rem;\n    --cm-mirror-cell-min: 1.48rem;\n    --cm-mirror-option-min: 1.36rem;\n  }\n\n  .cm-mirror-pane__toolbar {\n    min-height: 2.25rem;\n  }\n\n  .cm-mirror-pane__toolbar-btn {\n    min-width: 1.85rem;\n    min-height: 1.85rem;\n    padding-inline: 0.46rem;\n  }\n\n  .cm-mirror-pane__body {\n    gap: 0.3rem;\n    padding: 0.38rem;\n  }\n\n  .cm-mirror-pane__header {\n    gap: 0.48rem;\n  }\n\n  .cm-mirror-pane__description {\n    font-size: 0.78rem;\n    line-height: 1.2;\n    padding: 0.34rem 0.42rem;\n  }\n\n  .cm-mirror-pane__section-label,\n  .cm-mirror-pane__tool-group-label,\n  .cm-mirror-pane__kv-value,\n  .cm-mirror-pane__field,\n  .cm-mirror-pane__text-area,\n  .cm-mirror-pane__param-description,\n  .cm-mirror-pane__no-params {\n    font-size: 0.74rem;\n  }\n\n  .cm-mirror-pane__option {\n    font-size: 0.66rem;\n    padding-inline: 0.38rem;\n  }\n}\n\n@container (max-width: 22rem) {\n  .cm-mirror-pane__model-icon-box {\n    display: none;\n  }\n\n  .cm-mirror-pane__header {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .cm-mirror-pane__section {\n    grid-template-columns: minmax(0, 1fr);\n    align-items: start;\n  }\n\n  .cm-mirror-pane__section-label {\n    margin-bottom: -0.1rem;\n  }\n\n  .cm-mirror-pane__kv-grid,\n  .cm-mirror-pane__pricing-entries,\n  .cm-mirror-pane__lane-grid {\n    grid-template-columns: minmax(0, 1fr);\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";
+export declare const mirrorStyles = "\n.cm-mirror-pane {\n  container-name: cm-mirror;\n  container-type: 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  --cm-mirror-logo: clamp(2.75rem, 7.2cqi, 3.2rem);\n  --cm-mirror-gap: clamp(0.36rem, 1.25cqi, 0.6rem);\n  --cm-mirror-main-gap: clamp(0.48rem, calc(0.42rem + 0.42cqi + 0.16cqb), 0.82rem);\n  --cm-mirror-main-pad: clamp(0.58rem, calc(0.45rem + 0.62cqi + 0.14cqb), 0.9rem);\n  --cm-mirror-pad: clamp(0.4rem, 1.25cqi, 0.6rem);\n  --cm-mirror-section-min: clamp(4.4rem, calc(3.7rem + 4.8cqb), 6.45rem);\n  --cm-mirror-cell-min: clamp(2.35rem, calc(2rem + 1.05cqi + 0.24cqb), 3.1rem);\n  --cm-mirror-cell-max: clamp(2.85rem, calc(2.34rem + 1.4cqi + 0.32cqb), 3.65rem);\n  --cm-mirror-label-size: clamp(0.8rem, calc(0.72rem + 0.32cqi), 0.92rem);\n  --cm-mirror-value-size: clamp(0.86rem, calc(0.78rem + 0.32cqi), 1rem);\n  --cm-mirror-unit-size: clamp(0.74rem, calc(0.66rem + 0.24cqi), 0.84rem);\n  --cm-mirror-flow-size: clamp(1.72rem, calc(1.45rem + 1.05cqi), 2.05rem);\n  --cm-mirror-flow-icon: clamp(0.98rem, calc(0.84rem + 0.54cqi), 1.18rem);\n  --cm-mirror-format-size: clamp(1.24rem, calc(1.08rem + 0.58cqi), 1.46rem);\n  --cm-mirror-format-icon: clamp(0.62rem, calc(0.54rem + 0.26cqi), 0.76rem);\n  --cm-mirror-section-icon-size: clamp(2rem, calc(1.68rem + 1.24cqi), 2.36rem);\n  --cm-mirror-section-icon: clamp(1.16rem, calc(0.98rem + 0.64cqi), 1.36rem);\n  --cm-mirror-option-min: clamp(1.55rem, 3.8cqb, 2rem);\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.6cqi, 0.72rem);\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  padding: clamp(0.52rem, 1.7cqi, 0.82rem);\n}\n\n.cm-mirror-pane__header {\n  display: grid;\n  grid-template-columns: var(--cm-mirror-logo) minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(0.55rem, 1.55cqi, 0.72rem);\n  min-width: 0;\n}\n\n.cm-mirror-pane__identity {\n  display: grid;\n  grid-template-rows: repeat(2, minmax(0, 1fr));\n  align-items: stretch;\n  gap: 0.16rem;\n  min-height: var(--cm-mirror-logo);\n  max-height: var(--cm-mirror-logo);\n  min-width: 0;\n}\n\n.cm-mirror-pane__title-row,\n.cm-mirror-pane__meta-row {\n  display: flex;\n  align-items: center;\n  min-width: 0;\n  max-width: 100%;\n  overflow: hidden;\n}\n\n.cm-mirror-pane__title,\n.cm-mirror-pane__title-text {\n  display: block;\n  width: 100%;\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__title > .cm-hint,\n.cm-mirror-pane__title > .cm-hint > .cm-hint__trigger,\n.cm-mirror-pane__meta-row > .cm-hint,\n.cm-mirror-pane__meta-row > .cm-hint > .cm-hint__trigger {\n  width: 100%;\n  min-width: 0;\n}\n\n.cm-mirror-pane__subtitle {\n  display: flex;\n  align-items: center;\n  width: 100%;\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: clamp(1.22rem, 3.4cqi, 1.38rem);\n  padding: 0 clamp(0.34rem, 1.1cqi, 0.46rem);\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__model-icon-box {\n  display: grid;\n  width: var(--cm-mirror-logo);\n  height: var(--cm-mirror-logo);\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  grid-template-rows: minmax(0, 1fr);\n  align-items: stretch;\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n}\n\n.cm-mirror-pane__body > .cm-mirror-pane__content:first-child:last-child {\n  grid-row: 1 / -1;\n}\n\n.cm-mirror-pane__details,\n.cm-mirror-pane__custom-content {\n  display: grid;\n  grid-auto-rows: minmax(min-content, 1fr);\n  gap: var(--cm-mirror-gap);\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  align-content: stretch;\n  align-items: stretch;\n  overflow: hidden;\n}\n\n.cm-mirror-pane__details {\n  grid-auto-rows: minmax(var(--cm-mirror-section-min), 1fr);\n  gap: var(--cm-mirror-main-gap);\n  align-content: stretch;\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.cm-mirror-pane__option {\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: var(--cm-mirror-value-size);\n  line-height: 1.34;\n}\n\n.cm-mirror-pane__details > .cm-mirror-pane__description {\n  padding: var(--cm-mirror-main-pad);\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: clamp(4.8rem, 18cqi, 5.85rem) minmax(0, 1fr);\n  grid-template-rows: auto;\n  align-items: stretch;\n  gap: clamp(0.34rem, 1.1cqi, 0.5rem);\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  box-shadow:\n    inset 0 1px 0 hsl(0 0% 100% / 0.035),\n    0 0 18px hsl(var(--primary) / 0.035);\n}\n\n.cm-mirror-pane__section--compact {\n  padding: var(--cm-mirror-pad);\n}\n\n.cm-mirror-pane__details > .cm-mirror-pane__section--compact {\n  padding: var(--cm-mirror-main-pad);\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: flex-start;\n  align-self: center;\n  min-width: 0;\n  color: hsl(var(--muted-foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: var(--cm-mirror-label-size);\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-text {\n  text-transform: none;\n  letter-spacing: 0;\n}\n\n.cm-mirror-pane__section--capability {\n  border-color: hsl(var(--primary) / 0.22);\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.1), transparent 42%),\n    hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__section--context {\n  border-color: hsl(142 71% 45% / 0.18);\n  background:\n    linear-gradient(135deg, hsl(142 71% 45% / 0.08), transparent 44%),\n    hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__section--pricing {\n  border-color: hsl(var(--accent) / 0.2);\n  background:\n    linear-gradient(135deg, hsl(var(--accent) / 0.09), transparent 44%),\n    hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__section--custom,\n.cm-mirror-pane__section--param {\n  border-color: hsl(var(--primary) / 0.16);\n  background:\n    linear-gradient(135deg, hsl(var(--primary) / 0.065), hsl(var(--accent) / 0.045)),\n    hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__section--capability .cm-mirror-pane__section-label {\n  color: hsl(var(--primary));\n}\n\n.cm-mirror-pane__section--context .cm-mirror-pane__section-label {\n  color: hsl(142 71% 58%);\n}\n\n.cm-mirror-pane__section--pricing .cm-mirror-pane__section-label {\n  color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__section--custom,\n.cm-mirror-pane__section--param {\n  align-items: start;\n}\n\n.cm-mirror-pane__section--custom > .cm-mirror-pane__section-label,\n.cm-mirror-pane__section--param > .cm-mirror-pane__section-label {\n  align-self: start;\n  padding-top: clamp(0.42rem, 1.25cqb, 0.64rem);\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: 0;\n}\n\n.cm-mirror-pane__io-row {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(0.34rem, 1.05cqi, 0.46rem);\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: clamp(0.2rem, 0.8cqi, 0.3rem);\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: var(--cm-mirror-flow-size);\n  height: var(--cm-mirror-flow-size);\n  min-width: var(--cm-mirror-flow-size);\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-label--section {\n  width: var(--cm-mirror-section-icon-size);\n  height: var(--cm-mirror-section-icon-size);\n  min-width: var(--cm-mirror-section-icon-size);\n  border-color: hsl(var(--primary) / 0.32);\n  background: hsl(var(--primary) / 0.1);\n}\n\n.cm-mirror-pane__icon-svg {\n  width: var(--cm-mirror-flow-icon);\n  height: var(--cm-mirror-flow-icon);\n}\n\n.cm-mirror-pane__icon-label--section .cm-mirror-pane__icon-svg {\n  width: var(--cm-mirror-section-icon);\n  height: var(--cm-mirror-section-icon);\n}\n\n.cm-mirror-pane__badge,\n.cm-mirror-pane__format-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: clamp(1.2rem, 3.2cqi, 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__format-badge {\n  grid-template-columns: auto;\n  width: var(--cm-mirror-format-size);\n  min-width: var(--cm-mirror-format-size);\n  min-height: var(--cm-mirror-format-size);\n  padding: 0;\n  border-radius: 999px;\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: var(--cm-mirror-format-icon);\n  height: var(--cm-mirror-format-icon);\n  flex: 0 0 auto;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"],\n.cm-mirror-pane__format-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.cm-mirror-pane__format-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.cm-mirror-pane__lane-grid {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  grid-auto-rows: minmax(0, 1fr);\n  gap: clamp(0.22rem, 0.8cqi, 0.34rem);\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n  align-content: stretch;\n  align-items: stretch;\n}\n\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__pricing-header {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr);\n  align-items: center;\n  gap: clamp(0.34rem, 1.05cqi, 0.48rem);\n  min-width: 0;\n  min-height: var(--cm-mirror-cell-min);\n  max-height: var(--cm-mirror-cell-max);\n  padding: clamp(0.3rem, 0.95cqi, 0.42rem) clamp(0.38rem, 1.2cqi, 0.52rem);\n  border: 1px solid hsl(var(--primary) / 0.11);\n  border-radius: 999px;\n  background:\n    linear-gradient(180deg, hsl(0 0% 100% / 0.035), transparent),\n    hsl(221 50% 9% / 0.36);\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: var(--cm-mirror-value-size);\n  font-weight: 650;\n  text-align: left;\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-start;\n  gap: 0;\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__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n  display: grid;\n  grid-template-rows: minmax(0, 1fr) auto;\n  gap: clamp(0.24rem, 0.82cqi, 0.34rem);\n  height: 100%;\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: clamp(0.42rem, 1.2cqi, 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.cm-mirror-pane__section--capability .cm-mirror-pane__lane-grid {\n  gap: clamp(0.22rem, 0.78cqi, 0.32rem);\n}\n\n.cm-mirror-pane__details .cm-mirror-pane__kv-grid,\n.cm-mirror-pane__details .cm-mirror-pane__pricing-entries,\n.cm-mirror-pane__details .cm-mirror-pane__lane-grid {\n  grid-auto-rows: minmax(var(--cm-mirror-cell-min), max-content);\n  height: 100%;\n  align-content: center;\n  align-items: center;\n}\n\n.cm-mirror-pane__details .cm-mirror-pane__kv-row,\n.cm-mirror-pane__details .cm-mirror-pane__io-row,\n.cm-mirror-pane__details .cm-mirror-pane__pricing-header {\n  height: auto;\n}\n\n.cm-mirror-pane__details .cm-mirror-pane__pricing-compact {\n  grid-template-rows: auto auto;\n  height: 100%;\n  align-content: center;\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: var(--cm-mirror-unit-size);\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: clamp(0.36rem, 1.05cqi, 0.58rem);\n}\n\n.cm-mirror-pane__custom-section {\n  display: grid;\n  gap: clamp(0.34rem, 1cqi, 0.46rem);\n  min-width: 0;\n}\n\n.cm-mirror-pane__param-body {\n  display: grid;\n  grid-template-rows: minmax(0, auto) auto;\n  align-content: start;\n  gap: clamp(0.28rem, 0.95cqi, 0.42rem);\n  height: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.cm-mirror-pane__text-area {\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  max-height: none;\n  padding: clamp(0.54rem, 1.5cqi, 0.72rem);\n  color: hsl(var(--foreground));\n  font-family: var(--font-mono), monospace;\n  font-size: 0.86rem;\n  resize: none;\n}\n\n.cm-mirror-pane__field {\n  width: 100%;\n  min-height: clamp(2.05rem, 5.4cqi, 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__option-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fit, minmax(min(100%, 4.5rem), 1fr));\n  grid-auto-rows: minmax(var(--cm-mirror-option-min), auto);\n  align-items: stretch;\n  gap: clamp(0.24rem, 0.82cqi, 0.34rem);\n  width: 100%;\n  min-width: 0;\n  min-height: 0;\n}\n\n.cm-mirror-pane__option {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 0;\n  min-height: var(--cm-mirror-option-min);\n  height: 100%;\n  padding: 0 clamp(0.48rem, 1.45cqi, 0.68rem);\n  color: hsl(var(--muted-foreground));\n  cursor: pointer;\n  font-family: var(--font-mono), monospace;\n  font-size: 0.72rem;\n  font-weight: 800;\n  letter-spacing: 0.05em;\n  line-height: 1;\n  text-transform: uppercase;\n  transition:\n    border-color 160ms ease,\n    background-color 160ms ease,\n    color 160ms ease,\n    box-shadow 160ms ease;\n}\n\n.cm-mirror-pane__option[data-active=\"true\"] {\n  border-color: hsl(var(--primary) / 0.34);\n  background: hsl(var(--primary) / 0.12);\n  color: hsl(var(--primary));\n  box-shadow: 0 0 14px hsl(var(--primary) / 0.1);\n}\n\n.cm-mirror-pane__option:hover,\n.cm-mirror-pane__option:focus-visible {\n  outline: none;\n  border-color: hsl(var(--primary) / 0.3);\n  color: hsl(var(--foreground));\n}\n\n.cm-mirror-pane__option .cm-hint,\n.cm-mirror-pane__option .cm-hint__trigger {\n  max-width: 100%;\n  min-width: 0;\n}\n\n.cm-mirror-pane__option span {\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\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__param-description,\n.cm-mirror-pane__param-description .cm-excerpt,\n.cm-mirror-pane__param-description .cm-excerpt__trigger,\n.cm-mirror-pane__param-description .cm-excerpt__text,\n.cm-mirror-pane__param-description .cm-hint,\n.cm-mirror-pane__param-description .cm-hint__trigger {\n  width: 100%;\n  min-width: 0;\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: clamp(0.38rem, 1.35cqi, 0.54rem);\n    padding: clamp(0.48rem, 1.45cqi, 0.62rem);\n  }\n\n  .cm-mirror-pane__section {\n    grid-template-columns: clamp(4.55rem, 21cqi, 5.45rem) minmax(0, 1fr);\n  }\n\n  .cm-mirror-pane__io-badges {\n    justify-content: flex-start;\n  }\n}\n\n@container cm-mirror (max-height: 44rem) {\n  .cm-mirror-pane__body {\n    --cm-mirror-gap: clamp(0.28rem, 1cqi, 0.48rem);\n    --cm-mirror-main-gap: clamp(0.4rem, calc(0.32rem + 0.34cqi + 0.12cqb), 0.68rem);\n    --cm-mirror-main-pad: clamp(0.5rem, calc(0.36rem + 0.54cqi + 0.1cqb), 0.78rem);\n    --cm-mirror-pad: clamp(0.32rem, 1cqi, 0.5rem);\n    --cm-mirror-section-min: clamp(3.75rem, calc(3.1rem + 4.5cqb), 5.55rem);\n    --cm-mirror-cell-min: clamp(2.1rem, calc(1.82rem + 0.9cqi + 0.18cqb), 2.72rem);\n    --cm-mirror-cell-max: clamp(2.48rem, calc(2.08rem + 1.15cqi + 0.24cqb), 3.15rem);\n    --cm-mirror-label-size: clamp(0.78rem, calc(0.71rem + 0.26cqi), 0.88rem);\n    --cm-mirror-value-size: clamp(0.82rem, calc(0.76rem + 0.26cqi), 0.94rem);\n    --cm-mirror-flow-size: clamp(1.55rem, calc(1.34rem + 0.92cqi), 1.85rem);\n    --cm-mirror-flow-icon: clamp(0.9rem, calc(0.78rem + 0.48cqi), 1.08rem);\n    --cm-mirror-format-size: clamp(1.14rem, calc(1rem + 0.5cqi), 1.34rem);\n    --cm-mirror-format-icon: clamp(0.58rem, calc(0.5rem + 0.22cqi), 0.7rem);\n    --cm-mirror-option-min: clamp(1.42rem, 3.4cqb, 1.82rem);\n  }\n\n  .cm-mirror-pane__toolbar {\n    min-height: 2.6rem;\n    padding-block: 0.28rem;\n  }\n\n  .cm-mirror-pane__body {\n    gap: var(--cm-mirror-gap);\n    padding: clamp(0.42rem, 1.35cqi, 0.64rem);\n  }\n\n  .cm-mirror-pane__description {\n    padding: clamp(0.38rem, 1.1cqi, 0.52rem);\n    line-height: 1.26;\n  }\n\n  .cm-mirror-pane__section--compact {\n    padding: var(--cm-mirror-pad);\n  }\n}\n\n@container cm-mirror (max-height: 34rem) {\n  .cm-mirror-pane__body {\n    --cm-mirror-gap: 0.26rem;\n    --cm-mirror-main-gap: 0.34rem;\n    --cm-mirror-main-pad: 0.46rem;\n    --cm-mirror-pad: 0.32rem;\n    --cm-mirror-section-min: 3.2rem;\n    --cm-mirror-cell-min: 1.95rem;\n    --cm-mirror-cell-max: 2.48rem;\n    --cm-mirror-label-size: 0.76rem;\n    --cm-mirror-value-size: 0.8rem;\n    --cm-mirror-flow-size: 1.44rem;\n    --cm-mirror-flow-icon: 0.84rem;\n    --cm-mirror-format-size: 1.08rem;\n    --cm-mirror-format-icon: 0.56rem;\n    --cm-mirror-section-icon-size: 1.76rem;\n    --cm-mirror-section-icon: 1.02rem;\n    --cm-mirror-option-min: 1.36rem;\n  }\n\n  .cm-mirror-pane__toolbar {\n    min-height: 2.25rem;\n  }\n\n  .cm-mirror-pane__toolbar-btn {\n    min-width: 1.85rem;\n    min-height: 1.85rem;\n    padding-inline: 0.46rem;\n  }\n\n  .cm-mirror-pane__body {\n    gap: 0.3rem;\n    padding: 0.38rem;\n  }\n\n  .cm-mirror-pane__header {\n    gap: 0.48rem;\n  }\n\n  .cm-mirror-pane__description {\n    font-size: var(--cm-mirror-value-size);\n    line-height: 1.2;\n    padding: 0.34rem 0.42rem;\n  }\n\n  .cm-mirror-pane__field,\n  .cm-mirror-pane__text-area,\n  .cm-mirror-pane__param-description,\n  .cm-mirror-pane__no-params {\n    font-size: 0.78rem;\n  }\n\n  .cm-mirror-pane__section-label,\n  .cm-mirror-pane__tool-group-label {\n    font-size: var(--cm-mirror-label-size);\n  }\n\n  .cm-mirror-pane__kv-value,\n  .cm-mirror-pane__field,\n  .cm-mirror-pane__text-area,\n  .cm-mirror-pane__param-description,\n  .cm-mirror-pane__no-params {\n    font-size: var(--cm-mirror-value-size);\n  }\n\n  .cm-mirror-pane__option {\n    font-size: 0.66rem;\n    padding-inline: 0.38rem;\n  }\n}\n\n@container (max-width: 22rem) {\n  .cm-mirror-pane__model-icon-box {\n    display: none;\n  }\n\n  .cm-mirror-pane__header {\n    grid-template-columns: minmax(0, 1fr);\n  }\n\n  .cm-mirror-pane__section {\n    grid-template-columns: minmax(0, 1fr);\n    align-items: start;\n  }\n\n  .cm-mirror-pane__section-label {\n    margin-bottom: -0.1rem;\n  }\n\n  .cm-mirror-pane__kv-grid,\n  .cm-mirror-pane__pricing-entries,\n  .cm-mirror-pane__lane-grid {\n    grid-template-columns: minmax(0, 1fr);\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";
 export interface MirrorTab {
     id: string;
     label: React.ReactNode;

package/dist/mirror/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,YAAY,+9yBA+hCxB,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,qBAiEjB;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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,YAAY,q73BA0kCxB,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,qBAiEjB;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

@@ -108,10 +108,21 @@ export const mirrorStyles = /* css */ `
 .cm-mirror-pane__body {
   --cm-mirror-logo: clamp(2.75rem, 7.2cqi, 3.2rem);
   --cm-mirror-gap: clamp(0.36rem, 1.25cqi, 0.6rem);
-  --cm-mirror-main-gap: clamp(0.48rem, calc(1cqi + 0.7cqb), 1.08rem);
-  --cm-mirror-main-pad: clamp(0.48rem, calc(0.72cqi + 0.42cqb), 0.78rem);
+  --cm-mirror-main-gap: clamp(0.48rem, calc(0.42rem + 0.42cqi + 0.16cqb), 0.82rem);
+  --cm-mirror-main-pad: clamp(0.58rem, calc(0.45rem + 0.62cqi + 0.14cqb), 0.9rem);
   --cm-mirror-pad: clamp(0.4rem, 1.25cqi, 0.6rem);
-  --cm-mirror-cell-min: clamp(1.82rem, 4.4cqb, 2.45rem);
+  --cm-mirror-section-min: clamp(4.4rem, calc(3.7rem + 4.8cqb), 6.45rem);
+  --cm-mirror-cell-min: clamp(2.35rem, calc(2rem + 1.05cqi + 0.24cqb), 3.1rem);
+  --cm-mirror-cell-max: clamp(2.85rem, calc(2.34rem + 1.4cqi + 0.32cqb), 3.65rem);
+  --cm-mirror-label-size: clamp(0.8rem, calc(0.72rem + 0.32cqi), 0.92rem);
+  --cm-mirror-value-size: clamp(0.86rem, calc(0.78rem + 0.32cqi), 1rem);
+  --cm-mirror-unit-size: clamp(0.74rem, calc(0.66rem + 0.24cqi), 0.84rem);
+  --cm-mirror-flow-size: clamp(1.72rem, calc(1.45rem + 1.05cqi), 2.05rem);
+  --cm-mirror-flow-icon: clamp(0.98rem, calc(0.84rem + 0.54cqi), 1.18rem);
+  --cm-mirror-format-size: clamp(1.24rem, calc(1.08rem + 0.58cqi), 1.46rem);
+  --cm-mirror-format-icon: clamp(0.62rem, calc(0.54rem + 0.26cqi), 0.76rem);
+  --cm-mirror-section-icon-size: clamp(2rem, calc(1.68rem + 1.24cqi), 2.36rem);
+  --cm-mirror-section-icon: clamp(1.16rem, calc(0.98rem + 0.64cqi), 1.36rem);
   --cm-mirror-option-min: clamp(1.55rem, 3.8cqb, 2rem);
   flex: 1 1 auto;
   display: grid;
@@ -317,9 +328,9 @@ export const mirrorStyles = /* css */ `
 }
 
 .cm-mirror-pane__details {
-  grid-auto-rows: minmax(min-content, max-content);
+  grid-auto-rows: minmax(var(--cm-mirror-section-min), 1fr);
   gap: var(--cm-mirror-main-gap);
-  align-content: space-between;
+  align-content: stretch;
 }
 
 .cm-mirror-pane__description,
@@ -340,7 +351,7 @@ export const mirrorStyles = /* css */ `
   min-width: 0;
   padding: clamp(0.48rem, 1.35cqi, 0.62rem);
   color: hsl(var(--muted-foreground));
-  font-size: 0.84rem;
+  font-size: var(--cm-mirror-value-size);
   line-height: 1.34;
 }
 
@@ -389,7 +400,7 @@ export const mirrorStyles = /* css */ `
   min-width: 0;
   color: hsl(var(--muted-foreground));
   font-family: var(--font-mono), monospace;
-  font-size: 0.72rem;
+  font-size: var(--cm-mirror-label-size);
   font-weight: 800;
   letter-spacing: 0.1em;
   line-height: 1.1;
@@ -504,9 +515,9 @@ export const mirrorStyles = /* css */ `
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  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);
+  width: var(--cm-mirror-flow-size);
+  height: var(--cm-mirror-flow-size);
+  min-width: var(--cm-mirror-flow-size);
   border: 1px solid hsl(var(--primary) / 0.22);
   border-radius: 999px;
   background: hsl(var(--primary) / 0.08);
@@ -514,21 +525,21 @@ export const mirrorStyles = /* css */ `
 }
 
 .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);
+  width: var(--cm-mirror-section-icon-size);
+  height: var(--cm-mirror-section-icon-size);
+  min-width: var(--cm-mirror-section-icon-size);
   border-color: hsl(var(--primary) / 0.32);
   background: hsl(var(--primary) / 0.1);
 }
 
 .cm-mirror-pane__icon-svg {
-  width: clamp(0.78rem, 2.25cqi, 0.9rem);
-  height: clamp(0.78rem, 2.25cqi, 0.9rem);
+  width: var(--cm-mirror-flow-icon);
+  height: var(--cm-mirror-flow-icon);
 }
 
 .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);
+  width: var(--cm-mirror-section-icon);
+  height: var(--cm-mirror-section-icon);
 }
 
 .cm-mirror-pane__badge,
@@ -559,9 +570,9 @@ export const mirrorStyles = /* css */ `
 
 .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);
+  width: var(--cm-mirror-format-size);
+  min-width: var(--cm-mirror-format-size);
+  min-height: var(--cm-mirror-format-size);
   padding: 0;
   border-radius: 999px;
 }
@@ -574,8 +585,8 @@ export const mirrorStyles = /* css */ `
 }
 
 .cm-mirror-pane__format-icon {
-  width: clamp(0.64rem, 1.85cqi, 0.74rem);
-  height: clamp(0.64rem, 1.85cqi, 0.74rem);
+  width: var(--cm-mirror-format-icon);
+  height: var(--cm-mirror-format-icon);
   flex: 0 0 auto;
 }
 
@@ -628,7 +639,7 @@ export const mirrorStyles = /* css */ `
   gap: clamp(0.34rem, 1.05cqi, 0.48rem);
   min-width: 0;
   min-height: var(--cm-mirror-cell-min);
-  height: 100%;
+  max-height: var(--cm-mirror-cell-max);
   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;
@@ -641,7 +652,7 @@ export const mirrorStyles = /* css */ `
   min-width: 0;
   color: hsl(var(--foreground));
   font-family: var(--font-mono), monospace;
-  font-size: 0.76rem;
+  font-size: var(--cm-mirror-value-size);
   font-weight: 650;
   text-align: left;
   overflow: hidden;
@@ -701,8 +712,8 @@ export const mirrorStyles = /* css */ `
 .cm-mirror-pane__details .cm-mirror-pane__kv-grid,
 .cm-mirror-pane__details .cm-mirror-pane__pricing-entries,
 .cm-mirror-pane__details .cm-mirror-pane__lane-grid {
-  grid-auto-rows: minmax(var(--cm-mirror-cell-min), auto);
-  height: auto;
+  grid-auto-rows: minmax(var(--cm-mirror-cell-min), max-content);
+  height: 100%;
   align-content: center;
   align-items: center;
 }
@@ -715,7 +726,7 @@ export const mirrorStyles = /* css */ `
 
 .cm-mirror-pane__details .cm-mirror-pane__pricing-compact {
   grid-template-rows: auto auto;
-  height: auto;
+  height: 100%;
   align-content: center;
 }
 
@@ -729,7 +740,7 @@ export const mirrorStyles = /* css */ `
   min-width: 0;
   color: hsl(var(--muted-foreground) / 0.72);
   font-family: var(--font-mono), monospace;
-  font-size: 0.7rem;
+  font-size: var(--cm-mirror-unit-size);
   letter-spacing: 0.08em;
   text-transform: uppercase;
   overflow: hidden;
@@ -945,8 +956,18 @@ export const mirrorStyles = /* css */ `
 @container cm-mirror (max-height: 44rem) {
   .cm-mirror-pane__body {
     --cm-mirror-gap: clamp(0.28rem, 1cqi, 0.48rem);
+    --cm-mirror-main-gap: clamp(0.4rem, calc(0.32rem + 0.34cqi + 0.12cqb), 0.68rem);
+    --cm-mirror-main-pad: clamp(0.5rem, calc(0.36rem + 0.54cqi + 0.1cqb), 0.78rem);
     --cm-mirror-pad: clamp(0.32rem, 1cqi, 0.5rem);
-    --cm-mirror-cell-min: clamp(1.62rem, 4cqb, 2.1rem);
+    --cm-mirror-section-min: clamp(3.75rem, calc(3.1rem + 4.5cqb), 5.55rem);
+    --cm-mirror-cell-min: clamp(2.1rem, calc(1.82rem + 0.9cqi + 0.18cqb), 2.72rem);
+    --cm-mirror-cell-max: clamp(2.48rem, calc(2.08rem + 1.15cqi + 0.24cqb), 3.15rem);
+    --cm-mirror-label-size: clamp(0.78rem, calc(0.71rem + 0.26cqi), 0.88rem);
+    --cm-mirror-value-size: clamp(0.82rem, calc(0.76rem + 0.26cqi), 0.94rem);
+    --cm-mirror-flow-size: clamp(1.55rem, calc(1.34rem + 0.92cqi), 1.85rem);
+    --cm-mirror-flow-icon: clamp(0.9rem, calc(0.78rem + 0.48cqi), 1.08rem);
+    --cm-mirror-format-size: clamp(1.14rem, calc(1rem + 0.5cqi), 1.34rem);
+    --cm-mirror-format-icon: clamp(0.58rem, calc(0.5rem + 0.22cqi), 0.7rem);
     --cm-mirror-option-min: clamp(1.42rem, 3.4cqb, 1.82rem);
   }
 
@@ -973,8 +994,20 @@ export const mirrorStyles = /* css */ `
 @container cm-mirror (max-height: 34rem) {
   .cm-mirror-pane__body {
     --cm-mirror-gap: 0.26rem;
+    --cm-mirror-main-gap: 0.34rem;
+    --cm-mirror-main-pad: 0.46rem;
     --cm-mirror-pad: 0.32rem;
-    --cm-mirror-cell-min: 1.48rem;
+    --cm-mirror-section-min: 3.2rem;
+    --cm-mirror-cell-min: 1.95rem;
+    --cm-mirror-cell-max: 2.48rem;
+    --cm-mirror-label-size: 0.76rem;
+    --cm-mirror-value-size: 0.8rem;
+    --cm-mirror-flow-size: 1.44rem;
+    --cm-mirror-flow-icon: 0.84rem;
+    --cm-mirror-format-size: 1.08rem;
+    --cm-mirror-format-icon: 0.56rem;
+    --cm-mirror-section-icon-size: 1.76rem;
+    --cm-mirror-section-icon: 1.02rem;
     --cm-mirror-option-min: 1.36rem;
   }
 
@@ -998,19 +1031,29 @@ export const mirrorStyles = /* css */ `
   }
 
   .cm-mirror-pane__description {
-    font-size: 0.78rem;
+    font-size: var(--cm-mirror-value-size);
     line-height: 1.2;
     padding: 0.34rem 0.42rem;
   }
 
+  .cm-mirror-pane__field,
+  .cm-mirror-pane__text-area,
+  .cm-mirror-pane__param-description,
+  .cm-mirror-pane__no-params {
+    font-size: 0.78rem;
+  }
+
   .cm-mirror-pane__section-label,
-  .cm-mirror-pane__tool-group-label,
+  .cm-mirror-pane__tool-group-label {
+    font-size: var(--cm-mirror-label-size);
+  }
+
   .cm-mirror-pane__kv-value,
   .cm-mirror-pane__field,
   .cm-mirror-pane__text-area,
   .cm-mirror-pane__param-description,
   .cm-mirror-pane__no-params {
-    font-size: 0.74rem;
+    font-size: var(--cm-mirror-value-size);
   }
 
   .cm-mirror-pane__option {

package/dist/mirror/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAC;AAEpC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+hCrC,CAAC;AA6BF,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,IAAI,EACJ,IAAI,GAAG,EAAE,EACT,SAAS,EACT,WAAW,EACX,MAAM,GAAG,EAAE,EACX,KAAK,GAAG,KAAK,EACb,SAAS,EACT,SAAS,EACT,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACQ;IAChB,MAAM,OAAO,GAAG,KAAK,CAAC,CAAC,CAAC,CACtB,eAAK,SAAS,EAAC,uBAAuB,aACnC,SAAS,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAO,CAAC,CAAC,CAAC,IAAI,EAChF,SAAS,CAAC,CAAC,CAAC,YAAG,SAAS,EAAC,4BAA4B,YAAE,SAAS,GAAK,CAAC,CAAC,CAAC,IAAI,IACzE,CACP,CAAC,CAAC,CAAC,CACF,8BACG,CAAC,KAAK,IAAI,QAAQ,IAAI,IAAI,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAClD,kBAAQ,SAAS,EAAC,wBAAwB,aACvC,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,gCAAgC,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC7E,gBAAM,SAAS,EAAC,0BAA0B,aACvC,KAAK,CAAC,CAAC,CAAC,CACP,eAAM,SAAS,EAAC,2BAA2B,YACzC,eAAM,SAAS,EAAC,uBAAuB,YAAE,KAAK,GAAQ,GACjD,CACR,CAAC,CAAC,CAAC,IAAI,EACP,CAAC,QAAQ,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CACjC,gBAAM,SAAS,EAAC,0BAA0B,aACvC,QAAQ,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC9E,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACnB,eAAM,SAAS,EAAC,2BAA2B,YACxC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,eAAkB,SAAS,EAAC,4BAA4B,eAAY,KAAK,CAAC,IAAI,IAAI,MAAM,YACtF,yBAAO,KAAK,CAAC,KAAK,GAAQ,IADjB,KAAK,CAET,CACR,CAAC,GACG,CACR,CAAC,CAAC,CAAC,IAAI,IACH,CACR,CAAC,CAAC,CAAC,IAAI,IACH,EACN,WAAW,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,oCAAoC,YAAE,WAAW,GAAQ,CAAC,CAAC,CAAC,IAAI,IACxF,CACV,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,yBAAyB,YAAE,QAAQ,GAAO,CAAC,CAAC,CAAC,IAAI,IAC3E,CACJ,CAAC;IAEF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,gBAAgB,EAAE,SAAS,CAAC,KAAM,KAAK,aACvD,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACjB,cAAK,SAAS,EAAC,yBAAyB,YACrC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,kBAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,EAAE,CACX,6BAA6B,EAC7B,SAAS,KAAK,GAAG,CAAC,EAAE,IAAI,uCAAuC,GAAG,CAAC,IAAI,IAAI,MAAM,EAAE,CACpF,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,kBACtB,SAAS,KAAK,GAAG,CAAC,EAAE,gBACtB,OAAO,GAAG,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,aAEhE,GAAG,CAAC,IAAI,EACT,eAAM,SAAS,EAAC,+BAA+B,YAAE,GAAG,CAAC,KAAK,GAAQ,KAX7D,GAAG,CAAC,EAAE,CAYJ,CACV,CAAC,GACE,CACP,CAAC,CAAC,CAAC,IAAI,EACR,cAAK,SAAS,EAAC,sBAAsB,YAAE,OAAO,GAAO,EACpD,MAAM,CAAC,CAAC,CAAC,cAAK,SAAS,EAAC,wBAAwB,YAAE,MAAM,GAAO,CAAC,CAAC,CAAC,IAAI,IACnE,CACP,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IACxG,OAAO,CACL,mBACE,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,OAAO,IAAI,kCAAkC,EAAE,SAAS,CAAC,KAC9F,KAAK,aAER,KAAK,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC7E,QAAQ,IACD,CACX,CAAC;AACJ,CAAC;AAOD,MAAM,UAAU,SAAS,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAkB;IAC7E,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,6BAA6B,EAAE,SAAS,CAAC,KAAM,KAAK,aAC/F,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAQ,EACzD,eAAM,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAQ,IACrD,CACP,CAAC;AACJ,CAAC;AAMD,MAAM,UAAU,aAAa,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAsB;IACvF,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,iCAAiC,EAAE,SAAS,CAAC,KAAM,KAAK,aACzE,cAAK,SAAS,EAAC,iCAAiC,YAAE,QAAQ,GAAO,EAChE,IAAI,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,8BAA8B,YAAE,IAAI,GAAQ,CAAC,CAAC,CAAC,IAAI,IACvE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/mirror/index.tsx"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@compose-market/theme",
-  "version": "0.1.12",
+  "version": "0.1.14",
   "description": "Official design tokens and theme system for Compose.Market",
   "keywords": [
     "design-tokens",
@@ -51,6 +51,16 @@
       "import": "./dist/chain-logos/index.js",
       "default": "./dist/chain-logos/index.js"
     },
+    "./icons": {
+      "types": "./dist/icons/index.d.ts",
+      "import": "./dist/icons/index.js",
+      "default": "./dist/icons/index.js"
+    },
+    "./icons/react": {
+      "types": "./dist/icons/react.d.ts",
+      "import": "./dist/icons/react.js",
+      "default": "./dist/icons/react.js"
+    },
     "./session": {
       "types": "./dist/session/index.d.ts",
       "import": "./dist/session/index.js",
@@ -174,13 +184,20 @@
     "@types/react-dom": "^19.2.3",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
+    "lucide-react": "^1.17.0",
     "tsx": "^4.22.4",
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
+    "lucide-react": "^1.0.0",
     "react": "^19.0.0",
     "react-dom": "^19.0.0"
   },
+  "peerDependenciesMeta": {
+    "lucide-react": {
+      "optional": true
+    }
+  },
   "publishConfig": {
     "access": "public"
   },