@compose-market/theme 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/mirror.css +324 -63
- package/dist/mirror/index.d.ts +1 -1
- package/dist/mirror/index.d.ts.map +1 -1
- package/dist/mirror/index.js +324 -63
- package/dist/mirror/index.js.map +1 -1
- package/package.json +1 -1
package/dist/mirror/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export declare const mirrorStyles = "\n.cm-mirror-pane {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n width: 100%;\n height: 100%;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 16px;\n background:\n linear-gradient(145deg, hsl(226 21% 23% / 0.42), hsl(221 50% 9% / 0.34)),\n radial-gradient(circle at 18% 0%, hsl(var(--primary) / 0.09), transparent 34%),\n hsl(224 36% 13% / 0.24);\n box-shadow:\n inset 0 1px 0 hsl(0 0% 100% / 0.06),\n 0 0 34px hsl(var(--primary) / 0.06);\n color: hsl(var(--foreground));\n font-family: var(--font-sans), sans-serif;\n backdrop-filter: blur(16px) saturate(1.12);\n}\n\n.cm-mirror-pane *,\n.cm-mirror-pane *::before,\n.cm-mirror-pane *::after {\n box-sizing: border-box;\n}\n\n.cm-mirror-pane__toolbar {\n flex: 0 0 auto;\n display: flex;\n align-items: center;\n gap: 0.35rem;\n min-height: 2.95rem;\n padding: 0.38rem 0.45rem;\n border-bottom: 1px solid hsl(var(--primary) / 0.1);\n background: hsl(221 50% 9% / 0.28);\n}\n\n.cm-mirror-pane__toolbar-btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n min-width: 2.1rem;\n min-height: 2.1rem;\n padding: 0 0.58rem;\n border: 1px solid transparent;\n border-radius: 999px;\n background: transparent;\n color: hsl(var(--muted-foreground));\n cursor: pointer;\n font-family: var(--font-mono), monospace;\n font-size: 0.68rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n transition:\n transform 160ms ease,\n border-color 180ms ease,\n background-color 180ms ease,\n color 180ms ease,\n box-shadow 180ms ease;\n}\n\n.cm-mirror-pane__toolbar-btn:hover,\n.cm-mirror-pane__toolbar-btn:focus-visible {\n outline: none;\n color: hsl(var(--foreground));\n border-color: hsl(var(--primary) / 0.2);\n background: hsl(var(--primary) / 0.08);\n}\n\n.cm-mirror-pane__toolbar-btn--active-cyan {\n border-color: hsl(var(--primary) / 0.36);\n background: hsl(var(--primary) / 0.12);\n color: hsl(var(--primary));\n box-shadow: 0 0 18px hsl(var(--primary) / 0.12);\n}\n\n.cm-mirror-pane__toolbar-btn--active-fuchsia {\n border-color: hsl(var(--accent) / 0.34);\n background: hsl(var(--accent) / 0.11);\n color: hsl(var(--accent));\n box-shadow: 0 0 18px hsl(var(--accent) / 0.1);\n}\n\n.cm-mirror-pane__toolbar-btn svg {\n width: 1rem;\n height: 1rem;\n}\n\n.cm-mirror-pane__toolbar-label {\n display: none;\n}\n\n@container (min-width: 24rem) {\n .cm-mirror-pane__toolbar-label {\n display: inline;\n }\n}\n\n.cm-mirror-pane__body {\n --cm-mirror-logo: clamp(2.85rem, 7.2cqi, 3.15rem);\n flex: 1 1 auto;\n display: grid;\n grid-template-rows: auto minmax(0, 1fr);\n align-content: stretch;\n gap: clamp(0.42rem, 1.45cqi, 0.68rem);\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n padding: clamp(0.52rem, 1.65cqi, 0.78rem);\n}\n\n.cm-mirror-pane__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: 1.32rem;\n max-height: 1.32rem;\n padding: 0 0.42rem;\n border: 1px solid hsl(var(--accent) / 0.24);\n border-radius: 999px;\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-size: 0.62rem;\n font-weight: 800;\n letter-spacing: 0.05em;\n line-height: 1;\n text-transform: uppercase;\n}\n\n.cm-mirror-pane__type-badge[data-tone=\"cyan\"] {\n border-color: hsl(var(--primary) / 0.24);\n background: hsl(var(--primary) / 0.1);\n color: hsl(var(--primary));\n}\n\n.cm-mirror-pane__type-badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__type-badge > span:last-child {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__type-icon {\n width: 0.72rem;\n height: 0.72rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__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 min-width: 0;\n min-height: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__details,\n.cm-mirror-pane__custom-content {\n display: grid;\n gap: clamp(0.38rem, 1.25cqi, 0.58rem);\n min-width: 0;\n min-height: 0;\n align-content: start;\n overflow: hidden;\n}\n\n.cm-mirror-pane__description,\n.cm-mirror-pane__section,\n.cm-mirror-pane__pricing-compact,\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group,\n.cm-mirror-pane__no-params,\n.cm-mirror-pane__text-area,\n.cm-mirror-pane__field {\n border: 1px solid hsl(var(--primary) / 0.12);\n border-radius: 12px;\n background: hsl(221 50% 9% / 0.3);\n}\n\n.cm-mirror-pane__description {\n min-width: 0;\n padding: clamp(0.48rem, 1.35cqi, 0.62rem);\n color: hsl(var(--muted-foreground));\n font-size: 0.84rem;\n line-height: 1.34;\n}\n\n.cm-mirror-pane__description .cm-excerpt,\n.cm-mirror-pane__description .cm-excerpt__trigger,\n.cm-mirror-pane__description .cm-excerpt__text,\n.cm-mirror-pane__description .cm-hint,\n.cm-mirror-pane__description .cm-hint__trigger,\n.cm-mirror-pane__description-hint {\n width: 100%;\n min-width: 0;\n}\n\n.cm-mirror-pane__section {\n display: grid;\n grid-template-columns: minmax(3.6rem, 4.85rem) minmax(0, 1fr);\n grid-template-rows: minmax(2.25rem, auto);\n align-items: center;\n gap: 0.4rem;\n min-width: 0;\n min-height: 0;\n overflow: hidden;\n}\n\n.cm-mirror-pane__section--compact {\n padding: clamp(0.42rem, 1.25cqi, 0.58rem);\n}\n\n.cm-mirror-pane__section-label,\n.cm-mirror-pane__tool-group-label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.72rem;\n font-weight: 800;\n letter-spacing: 0.1em;\n line-height: 1.1;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__section-text {\n text-transform: none;\n letter-spacing: 0;\n}\n\n.cm-mirror-pane__section--io {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 0.44rem;\n align-items: stretch;\n}\n\n.cm-mirror-pane__io-row,\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header,\n.cm-mirror-pane__tool-toggle {\n min-width: 0;\n min-height: 1.8rem;\n}\n\n.cm-mirror-pane__io-row {\n display: grid;\n grid-template-columns: 1.55rem minmax(0, 1fr);\n align-items: center;\n gap: 0.42rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__io-label,\n.cm-mirror-pane__kv-label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.76rem;\n letter-spacing: 0.02em;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__io-badges {\n display: flex;\n align-items: center;\n justify-content: flex-start;\n gap: 0.28rem;\n min-width: 0;\n flex-wrap: wrap;\n}\n\n.cm-mirror-pane__io-badges > .cm-hint {\n flex: 0 1 auto;\n}\n\n.cm-mirror-pane__icon-label {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 1.22rem;\n height: 1.22rem;\n min-width: 1.22rem;\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: 1.62rem;\n height: 1.62rem;\n min-width: 1.62rem;\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: 0.72rem;\n height: 0.72rem;\n}\n\n.cm-mirror-pane__icon-label--section .cm-mirror-pane__icon-svg {\n width: 0.98rem;\n height: 0.98rem;\n}\n\n.cm-mirror-pane__badge {\n display: inline-grid;\n grid-template-columns: auto minmax(0, 1fr);\n align-items: center;\n justify-content: center;\n gap: 0.24rem;\n min-width: 0;\n min-height: 1.36rem;\n max-height: 1.36rem;\n max-width: 100%;\n border: 1px solid hsl(var(--primary) / 0.18);\n border-radius: 999px;\n background: hsl(var(--primary) / 0.08);\n color: hsl(var(--primary));\n padding: 0 0.42rem;\n font-family: var(--font-mono), monospace;\n font-size: 0.62rem;\n font-weight: 800;\n letter-spacing: 0.06em;\n line-height: 1;\n text-transform: uppercase;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.cm-mirror-pane__badge > span:last-child {\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__format-icon {\n width: 0.72rem;\n height: 0.72rem;\n flex: 0 0 auto;\n}\n\n.cm-mirror-pane__badge[data-tone=\"fuchsia\"] {\n border-color: hsl(var(--accent) / 0.24);\n background: hsl(var(--accent) / 0.1);\n color: hsl(var(--accent));\n}\n\n.cm-mirror-pane__badge[data-tone=\"green\"] {\n border-color: hsl(142 71% 45% / 0.28);\n background: hsl(142 71% 45% / 0.1);\n color: hsl(142 71% 55%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"warning\"] {\n border-color: hsl(42 100% 48% / 0.28);\n background: hsl(42 100% 48% / 0.1);\n color: hsl(42 100% 58%);\n}\n\n.cm-mirror-pane__badge[data-tone=\"danger\"] {\n border-color: hsl(var(--destructive) / 0.3);\n background: hsl(var(--destructive) / 0.12);\n color: hsl(var(--destructive));\n}\n\n.cm-mirror-pane__kv-grid,\n.cm-mirror-pane__pricing-entries {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n grid-auto-rows: minmax(1.58rem, auto);\n gap: 0.24rem;\n min-width: 0;\n min-height: 0;\n align-content: start;\n}\n\n.cm-mirror-pane__kv-row,\n.cm-mirror-pane__pricing-header {\n display: grid;\n grid-template-columns: auto minmax(0, 1fr);\n align-items: center;\n gap: 0.38rem;\n min-width: 0;\n min-height: 2.05rem;\n padding: 0.34rem 0.46rem;\n border: 1px solid hsl(var(--primary) / 0.11);\n border-radius: 999px;\n background: hsl(221 50% 9% / 0.34);\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 gap: 0.28rem;\n min-width: 0;\n min-height: 0;\n}\n\n.cm-mirror-pane__pricing-compact {\n padding: 0;\n}\n\n.cm-mirror-pane__pricing-block,\n.cm-mirror-pane__tool-group {\n padding: 0.5rem 0.58rem;\n}\n\n.cm-mirror-pane__section--context .cm-mirror-pane__kv-grid,\n.cm-mirror-pane__section--pricing .cm-mirror-pane__pricing-entries {\n gap: 0.22rem;\n}\n\n.cm-mirror-pane__section--pricing > .cm-mirror-pane__pricing-compact {\n border: 0;\n background: transparent;\n padding: 0;\n}\n\n.cm-mirror-pane__pricing-unit {\n min-width: 0;\n color: hsl(var(--muted-foreground) / 0.72);\n font-family: var(--font-mono), monospace;\n font-size: 0.7rem;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__pricing-name {\n min-width: 0;\n color: hsl(var(--accent));\n font-family: var(--font-mono), monospace;\n font-weight: 700;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cm-mirror-pane__footer {\n flex: 0 0 auto;\n border-top: 1px solid hsl(var(--primary) / 0.1);\n padding: 0.75rem 1rem;\n}\n\n.cm-mirror-pane__empty {\n flex: 1;\n min-height: 14rem;\n display: grid;\n place-items: center;\n align-content: center;\n gap: 0.75rem;\n padding: 1.5rem;\n text-align: center;\n}\n\n.cm-mirror-pane__empty-icon {\n display: inline-flex;\n color: hsl(var(--primary));\n opacity: 0.72;\n}\n\n.cm-mirror-pane__empty-icon svg {\n width: 2.5rem;\n height: 2.5rem;\n}\n\n.cm-mirror-pane__empty-text {\n max-width: 18rem;\n color: hsl(var(--muted-foreground));\n line-height: 1.45;\n}\n\n.cm-mirror-pane__tool-group {\n border-color: hsl(var(--primary) / 0.18);\n background: hsl(var(--primary) / 0.05);\n}\n\n.cm-mirror-pane__tool-group--fuchsia {\n border-color: hsl(var(--accent) / 0.18);\n background: hsl(var(--accent) / 0.05);\n}\n\n.cm-mirror-pane__tool-toggle {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto;\n align-items: center;\n gap: 0.58rem;\n}\n\n.cm-mirror-pane__custom-section {\n display: grid;\n gap: 0.42rem;\n min-width: 0;\n}\n\n.cm-mirror-pane__text-area {\n width: 100%;\n min-height: 7rem;\n padding: 0.72rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n resize: vertical;\n}\n\n.cm-mirror-pane__field {\n width: 100%;\n min-height: 2.45rem;\n color: hsl(var(--foreground));\n font-family: var(--font-mono), monospace;\n font-size: 0.86rem;\n}\n\n.cm-mirror-pane__field:focus,\n.cm-mirror-pane__field:focus-visible,\n.cm-mirror-pane__text-area:focus,\n.cm-mirror-pane__text-area:focus-visible {\n outline: none;\n border-color: hsl(var(--primary) / 0.5);\n box-shadow: 0 0 0 1px hsl(var(--primary) / 0.16);\n}\n\n.cm-mirror-pane__param-description,\n.cm-mirror-pane__no-params {\n min-width: 0;\n color: hsl(var(--muted-foreground));\n font-size: 0.86rem;\n line-height: 1.4;\n}\n\n.cm-mirror-pane__no-params {\n padding: 1rem;\n text-align: center;\n}\n\n@container (max-width: 28rem) {\n .cm-mirror-pane__body {\n gap: 0.54rem;\n padding: 0.62rem;\n }\n\n .cm-mirror-pane__section--io {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .cm-mirror-pane__io-badges {\n justify-content: flex-start;\n }\n}\n\n@container (max-width: 22rem) {\n .cm-mirror-pane__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__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";
|
|
2
|
+
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-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__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__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__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__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";
|
|
3
3
|
export interface MirrorTab {
|
|
4
4
|
id: string;
|
|
5
5
|
label: React.ReactNode;
|
|
@@ -1 +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,
|
|
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,82wBA0/BxB,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"}
|