raffel 1.1.82 → 1.1.83

package/dist/docs/ui/style-sections/schema-code.js

@@ -4,7 +4,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .response-samples-header {
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--code-panel-text);
       margin-bottom: 12px;
@@ -19,7 +19,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .sample-tab {
       padding: 4px 10px;
       border-radius: 4px;
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 500;
       cursor: pointer;
       background: transparent;
@@ -50,7 +50,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .sample-content-type {
-      font-size: 11px;
+      font-size: 10px;
       color: #90a4ae;
       margin-bottom: 8px;
     }
@@ -62,7 +62,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .sample-action {
-      font-size: 11px;
+      font-size: 10px;
       color: #90a4ae;
       cursor: pointer;
       background: none;
@@ -80,7 +80,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       border-radius: 6px;
       padding: 10px;
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 11px;
+      font-size: 10px;
       line-height: 1.4;
       color: #e2e8f0;
       overflow-x: auto;
@@ -106,7 +106,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .right-section-header {
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 600;
       color: #90a4ae;
       text-transform: uppercase;
@@ -131,7 +131,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .no-example {
       color: #90a4ae;
       font-style: italic;
-      font-size: 13px;
+      font-size: 12px;
       padding: 12px;
       background: rgba(0,0,0,0.2);
       border-radius: 6px;
@@ -139,7 +139,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     .response-desc-only {
       color: #90a4ae;
-      font-size: 13px;
+      font-size: 12px;
       padding: 12px;
       background: rgba(0,0,0,0.2);
       border-radius: 6px;
@@ -159,7 +159,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       justify-content: space-between;
       padding: 8px 10px;
       background: var(--code-panel-header);
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 600;
       color: #90a4ae;
       text-transform: uppercase;
@@ -179,7 +179,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       color: #e2e8f0;
       white-space: pre-wrap;
       word-break: break-word;
-      font-size: 11px;
+      font-size: 10px;
       line-height: 1.4;
     }
 
@@ -198,7 +198,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       border-radius: 4px;
       background: transparent;
       color: #90a4ae;
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 500;
       cursor: pointer;
       transition: all 0.15s;
@@ -232,7 +232,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       border-radius: 8px;
       overflow-x: auto;
       font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
-      font-size: 11px;
+      font-size: 10px;
       line-height: 1.45;
       border: 1px solid var(--border-color);
     }
@@ -275,7 +275,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     .schema-name {
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--text-color);
     }
@@ -283,7 +283,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .schema-required {
       color: #ef4444;
       font-weight: 700;
-      font-size: 12px;
+      font-size: 11px;
     }
 
     .schema-type {
@@ -293,7 +293,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       padding: 1px 6px;
       border-radius: 4px;
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 10px;
+      font-size: 9px;
       font-weight: 500;
     }
 
@@ -320,56 +320,167 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     .schema-desc {
       color: var(--text-muted);
-      font-size: 12px;
+      font-size: 11px;
       margin-bottom: 4px;
     }
 
-    /* Compact response-body tree. Nested wrappers use a fixed step so
-       indentation grows predictably instead of compounding by depth. */
+    /* Compact ReDoc-style contract tree. Names and requiredness stay in a
+       narrow left rail; type, examples, constraints and prose share the
+       wider detail column. */
     .schema-tree-root {
-      margin-top: 6px;
+      margin-top: 4px;
+      border-left: 1px solid var(--border-color);
+      border-left-color: color-mix(in srgb, var(--primary-color) 55%, var(--border-color));
     }
 
     .schema-tree-nested {
-      padding-left: 10px;
+      margin-left: 14px;
+      border-left: 1px solid var(--border-color);
     }
 
     .schema-tree-row {
-      padding: 4px 0;
-      font-size: 12px;
-      line-height: 1.35;
+      position: relative;
+      display: grid;
+      grid-template-columns: minmax(120px, 28%) minmax(0, 1fr);
+      gap: 14px;
+      padding: 7px 0 7px 10px;
+      border-bottom: 1px solid var(--border-color);
+      font-size: 11px;
+      line-height: 1.4;
     }
 
-    .schema-tree-root > .schema-tree-row {
-      padding-left: 6px;
-      border-left: 1px solid var(--border-color);
+    .schema-tree-row::before {
+      position: absolute;
+      top: 13px;
+      left: 0;
+      width: 9px;
+      border-top: 1px solid var(--border-color);
+      border-top-color: color-mix(in srgb, var(--primary-color) 55%, var(--border-color));
+      content: '';
     }
 
-    .schema-tree-property {
+    .schema-tree-key {
+      position: relative;
       display: flex;
-      align-items: center;
-      gap: 5px;
+      min-width: 0;
+      flex-direction: column;
+      align-items: flex-start;
+      gap: 1px;
+      padding-left: 8px;
+    }
+
+    .schema-tree-name {
+      overflow-wrap: anywhere;
+      background: transparent;
+      font-family: 'SF Mono', 'Monaco', monospace;
+      font-size: 10px;
       color: var(--text-primary);
       font-weight: 500;
     }
 
+    .schema-tree-required,
+    .schema-tree-optional,
+    .schema-tree-deprecated {
+      font-size: 9px;
+      font-weight: 600;
+      letter-spacing: 0.35px;
+      line-height: 1.35;
+      text-transform: uppercase;
+    }
+
     .schema-tree-required {
       color: #ef4444;
     }
 
+    .schema-tree-optional { color: var(--text-muted); }
+    .schema-tree-deprecated { color: #d97706; }
+
+    .schema-tree-toggle {
+      position: absolute;
+      top: -1px;
+      left: -8px;
+      width: 16px;
+      height: 16px;
+      padding: 0;
+      transform: rotate(0deg);
+      border: 0;
+      background: transparent;
+      color: var(--primary-color);
+      cursor: pointer;
+      font-size: 14px;
+      line-height: 14px;
+      transition: transform 120ms ease;
+    }
+
+    .schema-tree-toggle.open { transform: rotate(90deg); }
+
+    .schema-tree-details { min-width: 0; }
+
+    .schema-tree-type {
+      color: var(--text-muted);
+      font-size: 10px;
+      line-height: 1.35;
+    }
+
     .schema-tree-description {
+      margin-top: 3px;
+      color: var(--text-color);
+      font-size: 11px;
+      line-height: 1.42;
+    }
+
+    .schema-tree-description.markdown-content p {
+      margin: 0 0 3px;
+      color: inherit;
+      font-size: inherit;
+      line-height: inherit;
+    }
+
+    .schema-tree-description.markdown-content p:last-child { margin-bottom: 0; }
+
+    .schema-tree-description.markdown-content ul,
+    .schema-tree-description.markdown-content ol {
+      margin: 4px 0 2px 16px;
+      padding: 0;
+    }
+
+    .schema-tree-description.markdown-content li { margin: 1px 0; }
+
+    .schema-tree-example {
+      display: flex;
+      min-width: 0;
+      align-items: baseline;
+      gap: 5px;
       margin-top: 2px;
       color: var(--text-muted);
-      font-size: 11px;
-      line-height: 1.4;
+      font-size: 10px;
     }
 
-    .schema-tree-label {
-      color: var(--text-primary);
-      font-weight: 500;
+    .schema-tree-example code {
+      overflow: hidden;
+      padding: 0 3px;
+      border: 1px solid var(--border-color);
+      border-radius: 2px;
+      background: var(--code-bg);
+      color: var(--text-color);
+      font-size: 9px;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    .schema-tree-items-label {
+      display: inline-block;
+      margin-top: 3px;
+      color: var(--text-muted);
+      font-size: 9px;
+      font-weight: 600;
+      text-transform: uppercase;
     }
 
+    .schema-tree-children.collapsed { display: none; }
+
     .schema-tree-meta {
+      display: block;
       color: var(--text-secondary);
     }
 
@@ -386,7 +497,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .schema-constraint {
-      font-size: 11px;
+      font-size: 10px;
       padding: 2px 6px;
       border-radius: 4px;
       background: var(--code-bg);
@@ -402,7 +513,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .schema-enum-value {
-      font-size: 11px;
+      font-size: 10px;
       padding: 2px 8px;
       border-radius: 4px;
       background: #fef3c7;
@@ -416,7 +527,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .schema-default {
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-muted);
       margin-top: 4px;
     }
@@ -432,7 +543,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       cursor: pointer;
       user-select: none;
       color: var(--primary-color);
-      font-size: 12px;
+      font-size: 11px;
       margin-left: 8px;
     }
 
@@ -461,7 +572,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       padding: 8px 12px;
       background: rgba(0,0,0,0.05);
       border-bottom: 1px solid var(--border-color);
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--text-muted);
       text-transform: uppercase;
@@ -470,7 +581,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .schema-example-body {
       padding: 12px;
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 12px;
+      font-size: 11px;
       white-space: pre-wrap;
       word-break: break-word;
     }
@@ -485,7 +596,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     .response-tab {
       padding: 8px 16px;
-      font-size: 13px;
+      font-size: 12px;
       font-weight: 500;
       cursor: pointer;
       border: none;
@@ -523,7 +634,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .params-table th {
       text-align: left;
       padding: 8px 12px;
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 600;
       text-transform: uppercase;
       color: var(--text-muted);
@@ -534,7 +645,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .params-table td {
       padding: 10px 12px;
       border-bottom: 1px solid var(--border-color);
-      font-size: 13px;
+      font-size: 12px;
     }
 
     .params-table tr:last-child td { border-bottom: none; }
@@ -545,7 +656,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .param-in {
-      font-size: 10px;
+      font-size: 9px;
       padding: 2px 6px;
       border-radius: 3px;
       background: var(--code-bg);
@@ -575,7 +686,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .info-card-title {
-      font-size: 11px;
+      font-size: 10px;
       color: var(--text-muted);
       text-transform: uppercase;
       letter-spacing: 0.5px;
@@ -583,7 +694,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .info-card-value {
-      font-size: 16px;
+      font-size: 14px;
       font-weight: 600;
       color: var(--text-color);
     }
@@ -599,15 +710,16 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
         width: 300px;
         z-index: 100;
       }
-      .sidebar.mobile-open { display: block; }
+      .sidebar-resizer { display: none; }
+      .sidebar.mobile-open { display: flex; }
       .hero { padding: 40px 24px; min-height: 100vh; }
       .hero-logo { height: 80px; margin-bottom: 24px; }
-      .hero-title { font-size: 36px; }
-      .hero-version { font-size: 12px; margin-left: 8px; }
-      .hero-tagline { font-size: 17px; margin-bottom: 20px; }
+      .hero-title { font-size: 32px; }
+      .hero-version { font-size: 11px; margin-left: 8px; }
+      .hero-tagline { font-size: 15px; margin-bottom: 20px; }
       .hero-features { flex-direction: column; align-items: center; gap: 12px; }
-      .hero-features li { font-size: 15px; }
-      .hero-btn { padding: 12px 24px; font-size: 15px; }
+      .hero-features li { font-size: 13px; }
+      .hero-btn { padding: 12px 24px; font-size: 13px; }
       .github-corner svg { width: 60px; height: 60px; }
       .main { padding: 24px; }
     }
@@ -628,23 +740,24 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .http-param-group-title {
-      font-size: 11px;
+      font-size: 10px;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       color: var(--text-muted);
-      margin-bottom: 8px;
+      margin-bottom: 0;
+      padding-bottom: 5px;
+      border-bottom: 1px solid var(--border-color);
     }
 
     .http-params {
-      border: 1px solid var(--border-color);
-      border-radius: 8px;
-      overflow: hidden;
+      overflow: visible;
     }
 
     .http-param {
-      padding: 8px 12px;
-      border-bottom: 1px solid var(--border-color);
+      padding-top: 7px;
+      padding-right: 0;
+      padding-bottom: 7px;
     }
 
     .http-param:last-child { border-bottom: none; }
@@ -658,13 +771,13 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     .http-param-name {
       font-family: 'SF Mono', 'Monaco', monospace;
-      font-size: 12px;
+      font-size: 11px;
       font-weight: 600;
       color: var(--text-color);
     }
 
     .http-param-required {
-      font-size: 10px;
+      font-size: 9px;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.4px;
@@ -672,7 +785,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .http-param-deprecated {
-      font-size: 10px;
+      font-size: 9px;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.4px;
@@ -681,7 +794,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     .http-param-desc {
       color: var(--text-muted);
-      font-size: 12px;
+      font-size: 11px;
       margin-top: 4px;
       line-height: 1.4;
     }
@@ -695,7 +808,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .constraint-chip {
-      font-size: 10px;
+      font-size: 9px;
       padding: 1px 6px;
       border-radius: 4px;
       background: var(--code-bg);
@@ -717,8 +830,8 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
 
     /* Response accordions */
     .response-accordion {
-      border: 1px solid var(--border-color);
-      border-radius: 8px;
+      border: 0;
+      border-radius: 3px;
       margin-bottom: 8px;
       overflow: hidden;
     }
@@ -728,21 +841,26 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       align-items: center;
       gap: 8px;
       width: 100%;
-      padding: 9px 12px;
+      padding: 8px 10px;
       background: var(--code-bg);
       border: none;
       cursor: pointer;
       text-align: left;
-      font-size: 12px;
+      font-size: 11px;
       color: var(--text-color);
       transition: background 0.15s;
     }
 
     .response-accordion-header:hover { background: var(--hover-bg); }
 
+    .response-accordion-header.status-2xx { background: rgba(16,185,129,0.08); }
+    .response-accordion-header.status-3xx { background: rgba(59,130,246,0.08); }
+    .response-accordion-header.status-4xx { background: rgba(245,158,11,0.09); }
+    .response-accordion-header.status-5xx { background: rgba(239,68,68,0.09); }
+
     .response-accordion-caret {
       flex-shrink: 0;
-      font-size: 10px;
+      font-size: 9px;
       color: var(--text-muted);
       transition: transform 0.2s ease;
     }
@@ -773,23 +891,32 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     }
 
     .response-accordion-body {
-      padding: 10px 12px;
-      border-top: 1px solid var(--border-color);
+      padding: 9px 8px 5px;
+      border-top: 0;
       display: none;
     }
 
     .response-accordion.open .response-accordion-body { display: block; }
 
     .response-subhead {
-      font-size: 10px;
+      font-size: 9px;
       font-weight: 600;
       text-transform: uppercase;
       letter-spacing: 0.5px;
       color: var(--text-muted);
-      margin: 0 0 6px;
+      margin: 0;
+      padding-bottom: 5px;
+      border-bottom: 1px solid var(--border-color);
     }
 
-    .response-block + .response-block { margin-top: 12px; }
+    .response-block + .response-block { margin-top: 10px; }
+
+    @media (max-width: 640px) {
+      .schema-tree-row {
+        grid-template-columns: minmax(100px, 35%) minmax(0, 1fr);
+        gap: 8px;
+      }
+    }
 
     /* Multi-language code samples */
     .http-code-samples {
@@ -817,7 +944,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       border-radius: 0;
       overflow-x: auto;
       font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
-      font-size: 11px;
+      font-size: 10px;
       line-height: 1.4;
       color: var(--text-color);
       white-space: pre;
@@ -831,7 +958,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
       border: 1px solid var(--border-color);
       border-radius: 4px;
       color: var(--text-muted);
-      font-size: 10px;
+      font-size: 9px;
       cursor: pointer;
       transition: all 0.15s;
     }
@@ -889,7 +1016,7 @@ export const schemaCodeStyles = `    /* ========== RESPONSE SAMPLES (Right Panel
     .endpoint-right .sample-code code {
       color: inherit;
       font-family: 'SF Mono', 'Fira Code', 'Monaco', monospace;
-      font-size: 11px;
+      font-size: 10px;
       line-height: 1.4;
       white-space: inherit;
     }

package/dist/docs/ui/style-sections/schema-code.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema-code.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgrC/B,CAAA"}
+{"version":3,"file":"schema-code.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/schema-code.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,gBAAgB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+yC/B,CAAA"}

package/dist/docs/ui/style-sections/shell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CA8oBR"}
+{"version":3,"file":"shell.d.ts","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,wBAAgB,mBAAmB,CACjC,YAAY,EAAE,MAAM,EACpB,YAAY,EAAE,MAAM,EACpB,iBAAiB,EAAE,MAAM,GACxB,MAAM,CA+oBR"}

package/dist/docs/ui/style-sections/shell.js

@@ -22,18 +22,19 @@ export function generateShellStyles(primaryColor, primaryHover, heroBackgroundCS
       --code-panel-text: #cfd8dc;
       --code-panel-header: #37474f;
 
-      /* Compact documentation type scale. */
-      --font-size-body: 13px;
-      --font-size-small: 12px;
-      --font-size-xs: 10px;
-      --font-size-h1: 28px;
-      --font-size-h2: 22px;
-      --font-size-h3: 18px;
-      --font-size-h4: 15px;
-      --font-size-h5: 13px;
-      --font-size-h6: 12px;
-      --font-size-code: 11px;
-      --line-height-body: 1.5;
+      /* Dense documentation type scale. Component styles inherit these
+         tokens so large references keep more context inside the viewport. */
+      --font-size-body: 12px;
+      --font-size-small: 11px;
+      --font-size-xs: 9px;
+      --font-size-h1: 24px;
+      --font-size-h2: 19px;
+      --font-size-h3: 16px;
+      --font-size-h4: 14px;
+      --font-size-h5: 12px;
+      --font-size-h6: 11px;
+      --font-size-code: 10px;
+      --line-height-body: 1.45;
       --line-height-tight: 1.25;
     }
 
@@ -231,7 +232,7 @@ export function generateShellStyles(primaryColor, primaryHover, heroBackgroundCS
       content: '▾';
       margin-left: 6px;
       color: var(--text-muted);
-      font-size: 11px;
+      font-size: 10px;
     }
 
     .top-nav-submenu {

package/dist/docs/ui/style-sections/shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,YAAoB,EACpB,YAAoB,EACpB,iBAAyB;IAEzB,OAAO;;yBAEgB,YAAY;yBACZ,YAAY;;;;;;;;;;;;kBAYnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAoDuB,YAAY;qDACZ,YAAY;;;;;;;;;;;;mEAYE,YAAY;;;;;;;;;;;;;;;;;;;;;;qEAsBV,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6PzE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAySxB,CAAA;AACD,CAAC"}
+{"version":3,"file":"shell.js","sourceRoot":"","sources":["../../../../src/docs/ui/style-sections/shell.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CACjC,YAAoB,EACpB,YAAoB,EACpB,iBAAyB;IAEzB,OAAO;;yBAEgB,YAAY;yBACZ,YAAY;;;;;;;;;;;;kBAYnB,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qDAqDuB,YAAY;qDACZ,YAAY;;;;;;;;;;;;mEAYE,YAAY;;;;;;;;;;;;;;;;;;;;;;qEAsBV,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA6PzE,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAySxB,CAAA;AACD,CAAC"}