@dogsbay/ssg 0.2.0-beta.151.1 → 0.2.0-beta.152

package/dist/package/chunks/{prebuilt-css-default-65IKPMHZ.mjs → prebuilt-css-default-FYH7N4SF.mjs}

@@ -420,6 +420,51 @@ var CSS = `@layer properties;@layer theme,base,components,utilities;@layer theme
       }
     }
   }
+  .max-2xl\\:hidden {
+    @media (width < 96rem) {
+      display: none;
+    }
+  }
+  .max-2xl\\:px-2 {
+    @media (width < 96rem) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .max-lg\\:hidden {
+    @media (width < 64rem) {
+      display: none;
+    }
+  }
+  .max-lg\\:h-auto {
+    @media (width < 64rem) {
+      height: auto;
+    }
+  }
+  .max-lg\\:min-h-12 {
+    @media (width < 64rem) {
+      min-height: calc(var(--spacing) * 12);
+    }
+  }
+  .max-lg\\:flex-wrap {
+    @media (width < 64rem) {
+      flex-wrap: wrap;
+    }
+  }
+  .max-lg\\:justify-end {
+    @media (width < 64rem) {
+      justify-content: flex-end;
+    }
+  }
+  .max-lg\\:gap-y-1 {
+    @media (width < 64rem) {
+      row-gap: var(--spacing);
+    }
+  }
+  .max-lg\\:py-1 {
+    @media (width < 64rem) {
+      padding-block: var(--spacing);
+    }
+  }
   .max-md\\:hidden {
     @media (width < 48rem) {
       display: none;
@@ -475,6 +520,11 @@ var CSS = `@layer properties;@layer theme,base,components,utilities;@layer theme
       display: block;
     }
   }
+  .lg\\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
   .lg\\:hidden {
     @media (width >= 64rem) {
       display: none;
@@ -531,6 +581,31 @@ var CSS = `@layer properties;@layer theme,base,components,utilities;@layer theme
       padding-inline: calc(var(--spacing) * 12);
     }
   }
+  .xl\\:flex {
+    @media (width >= 80rem) {
+      display: flex;
+    }
+  }
+  .xl\\:hidden {
+    @media (width >= 80rem) {
+      display: none;
+    }
+  }
+  .\\32 xl\\:flex {
+    @media (width >= 96rem) {
+      display: flex;
+    }
+  }
+  .\\32 xl\\:hidden {
+    @media (width >= 96rem) {
+      display: none;
+    }
+  }
+  .\\32 xl\\:inline {
+    @media (width >= 96rem) {
+      display: inline;
+    }
+  }
   .dark\\:block {
     &:where(.dark, .dark *) {
       display: block;
@@ -1663,6 +1738,11 @@ details[open] > summary [data-property-chevron] {
 :root {
   --db-header-height: 3rem;
 }
+@media (max-width: 63.99rem) {
+  :root[data-header="crowded"] {
+    --db-header-height: 5.25rem;
+  }
+}
 html {
   scroll-padding-top: calc(var(--db-header-height) + 1rem);
 }
@@ -1800,12 +1880,35 @@ db-select [data-part="trigger"] {
   line-height: var(--tw-leading, var(--text-sm--line-height));
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
+  white-space: nowrap;
   color: var(--foreground);
   &:hover {
     @media (hover: hover) {
       background-color: var(--accent);
     }
   }
+  @media (width < 48rem) {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+}
+db-select [data-part="value"] {
+  display: block;
+  max-width: 10rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  @media (width < 48rem) {
+    max-width: 6rem;
+  }
+}
+db-select.db-switch-product [data-part="value"] {
+  max-width: 12rem;
+  @media (width < 48rem) {
+    max-width: 7rem;
+  }
+}
+db-select > select {
+  max-width: 12rem;
 }
 db-select [data-part="trigger"] svg {
   margin-left: var(--spacing);

package/dist/package/chunks/{prebuilt-css-mintlify-PIEJO5KN.mjs → prebuilt-css-mintlify-KCT32TZ6.mjs}

@@ -420,6 +420,51 @@ var CSS = `@layer properties;@layer theme,base,components,utilities;@layer theme
       }
     }
   }
+  .max-2xl\\:hidden {
+    @media (width < 96rem) {
+      display: none;
+    }
+  }
+  .max-2xl\\:px-2 {
+    @media (width < 96rem) {
+      padding-inline: calc(var(--spacing) * 2);
+    }
+  }
+  .max-lg\\:hidden {
+    @media (width < 64rem) {
+      display: none;
+    }
+  }
+  .max-lg\\:h-auto {
+    @media (width < 64rem) {
+      height: auto;
+    }
+  }
+  .max-lg\\:min-h-12 {
+    @media (width < 64rem) {
+      min-height: calc(var(--spacing) * 12);
+    }
+  }
+  .max-lg\\:flex-wrap {
+    @media (width < 64rem) {
+      flex-wrap: wrap;
+    }
+  }
+  .max-lg\\:justify-end {
+    @media (width < 64rem) {
+      justify-content: flex-end;
+    }
+  }
+  .max-lg\\:gap-y-1 {
+    @media (width < 64rem) {
+      row-gap: var(--spacing);
+    }
+  }
+  .max-lg\\:py-1 {
+    @media (width < 64rem) {
+      padding-block: var(--spacing);
+    }
+  }
   .max-md\\:hidden {
     @media (width < 48rem) {
       display: none;
@@ -475,6 +520,11 @@ var CSS = `@layer properties;@layer theme,base,components,utilities;@layer theme
       display: block;
     }
   }
+  .lg\\:flex {
+    @media (width >= 64rem) {
+      display: flex;
+    }
+  }
   .lg\\:hidden {
     @media (width >= 64rem) {
       display: none;
@@ -531,6 +581,31 @@ var CSS = `@layer properties;@layer theme,base,components,utilities;@layer theme
       padding-inline: calc(var(--spacing) * 12);
     }
   }
+  .xl\\:flex {
+    @media (width >= 80rem) {
+      display: flex;
+    }
+  }
+  .xl\\:hidden {
+    @media (width >= 80rem) {
+      display: none;
+    }
+  }
+  .\\32 xl\\:flex {
+    @media (width >= 96rem) {
+      display: flex;
+    }
+  }
+  .\\32 xl\\:hidden {
+    @media (width >= 96rem) {
+      display: none;
+    }
+  }
+  .\\32 xl\\:inline {
+    @media (width >= 96rem) {
+      display: inline;
+    }
+  }
   .dark\\:block {
     &:where(.dark, .dark *) {
       display: block;
@@ -1663,6 +1738,11 @@ details[open] > summary [data-property-chevron] {
 :root {
   --db-header-height: 3rem;
 }
+@media (max-width: 63.99rem) {
+  :root[data-header="crowded"] {
+    --db-header-height: 5.25rem;
+  }
+}
 html {
   scroll-padding-top: calc(var(--db-header-height) + 1rem);
 }
@@ -1800,12 +1880,35 @@ db-select [data-part="trigger"] {
   line-height: var(--tw-leading, var(--text-sm--line-height));
   --tw-font-weight: var(--font-weight-medium);
   font-weight: var(--font-weight-medium);
+  white-space: nowrap;
   color: var(--foreground);
   &:hover {
     @media (hover: hover) {
       background-color: var(--accent);
     }
   }
+  @media (width < 48rem) {
+    padding-inline: calc(var(--spacing) * 2);
+  }
+}
+db-select [data-part="value"] {
+  display: block;
+  max-width: 10rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  @media (width < 48rem) {
+    max-width: 6rem;
+  }
+}
+db-select.db-switch-product [data-part="value"] {
+  max-width: 12rem;
+  @media (width < 48rem) {
+    max-width: 7rem;
+  }
+}
+db-select > select {
+  max-width: 12rem;
 }
 db-select [data-part="trigger"] svg {
   margin-left: var(--spacing);

package/dist/package/css.mjs

@@ -392,6 +392,11 @@ var THEME_CSS = { "api.css": "/* Generated by packages/render-html/scripts/sync-
  */
 
 :root { --db-header-height: 3rem; }
+/* A crowded header (links and menus, DocsLayout) wraps its menus below 1024 px and grows with them, usually
+   to two rows: the height is that estimate, for what offsets by it and where a jumped-to heading lands. */
+@media (max-width: 63.99rem) {
+  :root[data-header="crowded"] { --db-header-height: 5.25rem; }
+}
 html { scroll-padding-top: calc(var(--db-header-height) + 1rem); }
 
 :where(db-tabs, db-accordion, db-collapsible, db-code-block, db-nav-tree, db-toc, db-combobox) { display: block; }
@@ -434,8 +439,12 @@ db-nav-tree [data-part="toggle"][aria-expanded="true"] [data-part="chevron"] { t
 
 /* \u2500\u2500\u2500 Version and language switchers (VersionSwitcher look, db-select parts) \u2500 */
 db-select [data-part="trigger"] {
-  @apply flex cursor-pointer items-center gap-1 rounded-md border border-border bg-transparent px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent;
+  @apply flex cursor-pointer items-center gap-1 whitespace-nowrap rounded-md border border-border bg-transparent px-3 py-1.5 text-sm font-medium text-foreground hover:bg-accent max-md:px-2;
 }
+/* Long names are cut short, as the Astro switchers' labels are (10rem, the product's 12rem; less on phones). */
+db-select [data-part="value"] { @apply block max-w-[10rem] truncate max-md:max-w-[6rem]; }
+db-select.db-switch-product [data-part="value"] { @apply max-w-[12rem] max-md:max-w-[7rem]; }
+db-select > select { @apply max-w-[12rem]; }
 db-select [data-part="trigger"] svg { @apply ml-1 size-3.5 transition-transform; }
 db-select[data-state="open"] [data-part="trigger"] svg { transform: rotate(180deg); }
 db-select [data-part="content"] {

package/dist/package/types/theme/docs-layout/site-chrome.d.ts

@@ -50,3 +50,15 @@ export declare const isMenu: (l: SiteChromeLink | SiteChromeMenu) => l is SiteCh
 export declare const isExternal: (href: string) => boolean;
 /** The announcement's colours by tone: the callout tokens, so the theme and dark mode apply. */
 export declare const ANNOUNCEMENT_TONE_CLASS: Record<string, string>;
+/** The width the header's links show in the bar from (in the sidebar's list below it); `never`: the list only. */
+export type LinksFrom = "lg" | "xl" | "2xl" | "never";
+/**
+ * Where the header's links fit: the first width at which their estimated width fits beside what
+ * else the header holds, or `never`. Estimated from the labels (about 6.2 px a character at the
+ * header's text size, 28 px padding a link, 14 px a dropdown's chevron) against the header beside
+ * the 256 px sidebar, less the trigger and padding (80 px) and the menus: about 520 px for a
+ * crowded header (product, version, page actions, icons), 210 px otherwise (search with its
+ * text, the icons). A crowded header starts at xl. Measured on Tigera's (47 characters, 4 links:
+ * xl) and the products fixture; a long navbar stays in the sidebar rather than push the page wide.
+ */
+export declare function headerLinksFrom(links: Array<SiteChromeLink | SiteChromeMenu>, crowded: boolean): LinksFrom;

package/dist/package/types/theme/docs-layout/tag-list-data.d.ts

@@ -88,25 +88,11 @@ export declare function resolveTagDisplayLabel(tag: string, labels?: Record<stri
  */
 export declare function resolveTagKeywords(tags: readonly unknown[] | undefined, labels?: Record<string, string>): string[];
 /**
- * Resolve the display label for a term identified by its fullPath
- * array (e.g. `["concept"]` or `["concept", "a11y"]`).
- *
- * Used by `<TaxonomyIndex>` term-cloud chips, `<TaxonomyTerm>`
- * page headings and breadcrumbs, and sub-tag pills — anywhere a
- * structural slug needs to render as a human label.
- *
- * Resolution order:
- * 1. `labels[fullSlug]` (joined fullPath) — explicit override
- *    wins, regardless of depth.
- * 2. For top-level terms (`fullPath.length === 1`):
- *    `prefixes[segment].label` — lets a top-level segment
- *    (`concept`, `difficulty`) render as "Concept", "Difficulty".
- * 3. The leaf segment of the path — the rendered fallback for
- *    deeper terms with no override.
- *
- * URLs continue to use the slug-form `fullPath`. Display only.
+ * Display label of a term path (`labels` override, then a top-level
+ * `prefixes` label, then the leaf). One implementation, shared with the
+ * search facet column: `@dogsbay/search/facets`.
  */
-export declare function resolveTermLabel(fullPath: readonly string[], prefixes?: Record<string, PrefixDisplay>, labels?: Record<string, string>): string;
+export { resolveTermLabel } from "@dogsbay/search/facets";
 /**
  * Map raw tag slugs to render-ready chip models, applying prefix
  * + label config rules.

package/dist/package/types/theme/regions.d.ts

@@ -14,6 +14,7 @@ export declare function sidebar(opts: {
     nav: string;
     label: string;
     links?: string;
+    linksClass?: string;
 }): string;
 export declare function sidebarTrigger(label: string): string;
 export interface NavOptions {
@@ -54,7 +55,8 @@ export declare function navTree(nodes: NavNode[], o: NavOptions): string;
 export type CompactNav = [string, string | null, CompactNav[]?, 1?];
 export declare function compactNav(nodes: NavNode[], href: (slug: string) => string | undefined): CompactNav[];
 export declare function navSize(nodes: NavNode[]): number;
-export declare function searchButton(label: string): string;
+/** `compact`: a crowded header (SearchDialog's `compact`), the label and key only from 2xl. */
+export declare function searchButton(label: string, compact?: boolean): string;
 export declare function themeToggle(label: string): string;
 export interface SwitchOption {
     label: string;
@@ -67,6 +69,7 @@ export interface SwitchOption {
     /** A versionMenu link after the versions: the client goes straight to it. */
     link?: boolean;
 }
+/** `compact`: a crowded header, the button an icon below 2xl (PageActions.astro `compact`; its aria-label names it). */
 export declare function pageActions(o: {
     mdHref: string;
     label: string;
@@ -77,6 +80,7 @@ export declare function pageActions(o: {
         href: string;
     }[];
     copy: boolean;
+    compact?: boolean;
 }): string;
 export declare function h1(title: string): string;
 export declare function lede(text: string): string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dogsbay/ssg",
-  "version": "0.2.0-beta.151.1",
+  "version": "0.2.0-beta.152",
   "type": "module",
   "description": "Documentation static site generator for Dogsbay-MD that builds inside Cloudflare Workers and publishes sites that work offline",
   "license": "Apache-2.0",
@@ -49,38 +49,38 @@
     "tailwindcss": "^4.3.2"
   },
   "peerDependencies": {
-    "@dogsbay/elements": "0.2.0-beta.151",
-    "@dogsbay/format-dogsbay-md": "0.2.0-beta.151",
-    "@dogsbay/format-openapi": "0.2.0-beta.151",
-    "@dogsbay/format-topicmap": "0.2.0-beta.151",
-    "@dogsbay/highlight": "0.2.0-beta.151",
-    "@dogsbay/minja": "0.2.0-beta.151",
-    "@dogsbay/primitives": "0.2.0-beta.151",
-    "@dogsbay/render-html": "0.2.0-beta.151",
-    "@dogsbay/search": "0.2.0-beta.151",
-    "@dogsbay/serialize-core": "0.2.0-beta.151",
-    "@dogsbay/site-check": "0.2.0-beta.151",
-    "@dogsbay/site-files": "0.2.0-beta.151",
-    "@dogsbay/types": "0.2.0-beta.151"
+    "@dogsbay/elements": "0.2.0-beta.152",
+    "@dogsbay/format-dogsbay-md": "0.2.0-beta.152",
+    "@dogsbay/format-openapi": "0.2.0-beta.152",
+    "@dogsbay/format-topicmap": "0.2.0-beta.152",
+    "@dogsbay/highlight": "0.2.0-beta.152",
+    "@dogsbay/minja": "0.2.0-beta.152",
+    "@dogsbay/primitives": "0.2.0-beta.152",
+    "@dogsbay/render-html": "0.2.0-beta.152",
+    "@dogsbay/search": "0.2.0-beta.152",
+    "@dogsbay/serialize-core": "0.2.0-beta.152",
+    "@dogsbay/site-check": "0.2.0-beta.152",
+    "@dogsbay/site-files": "0.2.0-beta.152",
+    "@dogsbay/types": "0.2.0-beta.152"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.12.1",
     "@cloudflare/workers-types": "^5.20260921.1",
-    "@dogsbay/elements": "0.2.0-beta.151",
-    "@dogsbay/format-dogsbay-md": "0.2.0-beta.151",
-    "@dogsbay/format-openapi": "0.2.0-beta.151",
-    "@dogsbay/format-topicmap": "0.2.0-beta.151",
-    "@dogsbay/highlight": "0.2.0-beta.151",
-    "@dogsbay/icons": "0.2.0-beta.151",
-    "@dogsbay/minja": "0.2.0-beta.151",
-    "@dogsbay/primitives": "0.2.0-beta.151",
-    "@dogsbay/render-html": "0.2.0-beta.151",
-    "@dogsbay/search": "0.2.0-beta.151",
-    "@dogsbay/serialize-core": "0.2.0-beta.151",
-    "@dogsbay/site-check": "0.2.0-beta.151",
-    "@dogsbay/site-files": "0.2.0-beta.151",
-    "@dogsbay/types": "0.2.0-beta.151",
-    "@dogsbay/ui": "0.2.0-beta.151",
+    "@dogsbay/elements": "0.2.0-beta.152",
+    "@dogsbay/format-dogsbay-md": "0.2.0-beta.152",
+    "@dogsbay/format-openapi": "0.2.0-beta.152",
+    "@dogsbay/format-topicmap": "0.2.0-beta.152",
+    "@dogsbay/highlight": "0.2.0-beta.152",
+    "@dogsbay/icons": "0.2.0-beta.152",
+    "@dogsbay/minja": "0.2.0-beta.152",
+    "@dogsbay/primitives": "0.2.0-beta.152",
+    "@dogsbay/render-html": "0.2.0-beta.152",
+    "@dogsbay/search": "0.2.0-beta.152",
+    "@dogsbay/serialize-core": "0.2.0-beta.152",
+    "@dogsbay/site-check": "0.2.0-beta.152",
+    "@dogsbay/site-files": "0.2.0-beta.152",
+    "@dogsbay/types": "0.2.0-beta.152",
+    "@dogsbay/ui": "0.2.0-beta.152",
     "@mermanjs/web": "0.7.0",
     "@playwright/test": "1.61.1",
     "@types/node": "^22.10.0",