@dogsbay/render-html 0.0.0-stage → 0.2.0-beta.116

package/css/theme-default.css

@@ -0,0 +1,239 @@
+/* Generated by packages/render-html/scripts/sync-sources.mjs from @dogsbay/format-astro (themeCss("default")). Do not edit. */
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  /* Sidebar */
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  /* Admonition colors */
+  --color-note: var(--note);
+  --color-note-foreground: var(--note-foreground);
+  --color-abstract: var(--abstract);
+  --color-info: var(--info);
+  --color-tip: var(--tip);
+  --color-success: var(--success);
+  --color-question: var(--question);
+  --color-warning: var(--warning);
+  --color-failure: var(--failure);
+  --color-danger: var(--danger);
+  --color-bug: var(--bug);
+  --color-example: var(--example);
+  --color-quote: var(--quote);
+
+  /* Code */
+  --color-code-bg: var(--code-background);
+  --color-code-fg: var(--code-foreground);
+
+  /* API reference — HTTP method, type, status, role colors */
+  --color-api-get: var(--api-get);
+  --color-api-post: var(--api-post);
+  --color-api-put: var(--api-put);
+  --color-api-patch: var(--api-patch);
+  --color-api-delete: var(--api-delete);
+  --color-api-head: var(--api-head);
+  --color-api-required: var(--api-required);
+  --color-api-deprecated: var(--api-deprecated);
+  --color-api-type-string: var(--api-type-string);
+  --color-api-type-number: var(--api-type-number);
+  --color-api-type-boolean: var(--api-type-boolean);
+  --color-api-type-object: var(--api-type-object);
+  --color-api-type-array: var(--api-type-array);
+  --color-api-status-2xx: var(--api-status-2xx);
+  --color-api-status-3xx: var(--api-status-3xx);
+  --color-api-status-4xx: var(--api-status-4xx);
+  --color-api-status-5xx: var(--api-status-5xx);
+
+  /* Fonts */
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-code);
+  --font-family-code: var(--font-code);
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0.014 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0.014 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0.014 285.823);
+  --primary: oklch(0.205 0.014 285.823);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.965 0.001 286.375);
+  --secondary-foreground: oklch(0.205 0.014 285.823);
+  --muted: oklch(0.965 0.001 286.375);
+  --muted-foreground: oklch(0.45 0.014 285.938);
+  --accent: oklch(0.965 0.001 286.375);
+  --accent-foreground: oklch(0.205 0.014 285.823);
+  --destructive: oklch(0.45 0.245 27.325);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.922 0.004 286.32);
+  --input: oklch(0.922 0.004 286.32);
+  --ring: oklch(0.708 0.014 285.823);
+  --radius: 0.625rem;
+  --note: oklch(0.637 0.174 259.126);
+  --note-foreground: var(--foreground);
+  --abstract: oklch(0.691 0.148 221.723);
+  --info: oklch(0.722 0.128 207.084);
+  --tip: oklch(0.731 0.112 178.627);
+  --success: oklch(0.754 0.175 149.577);
+  --question: oklch(0.809 0.19 126.526);
+  --warning: oklch(0.74 0.175 62.778);
+  --failure: oklch(0.614 0.194 21.602);
+  --danger: oklch(0.577 0.245 16.439);
+  --bug: oklch(0.548 0.258 349.761);
+  --example: oklch(0.534 0.222 286.033);
+  --quote: oklch(0.65 0 0);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0.014 285.823);
+  --sidebar-primary: oklch(0.205 0.014 285.823);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.965 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.205 0.014 285.823);
+  --sidebar-border: oklch(0.922 0.004 286.32);
+  --sidebar-ring: oklch(0.708 0.014 285.823);
+  --code-background: oklch(0.965 0.004 264);
+  --code-foreground: oklch(0.3 0.014 253.833);
+
+  /* API reference — always-dark code panel */
+  --api-panel-bg: oklch(0.145 0.014 253.833);
+  --api-panel-fg: oklch(0.926 0.013 253.833);
+
+  /* API semantic colors — HTTP methods, types, status codes */
+  /* Light mode: darkened for WCAG AA on the 20%/10% tints. See .dark. */
+  --api-get: oklch(0.435 0.095 162);
+  --api-post: oklch(0.45 0.174 259);
+  --api-put: oklch(0.455 0.105 63);
+  --api-patch: oklch(0.455 0.13 45);
+  --api-delete: oklch(0.45 0.179 22);
+  --api-head: oklch(0.47 0.222 286);
+  --api-required: oklch(0.45 0.179 22);
+  --api-deprecated: oklch(0.455 0.105 63);
+  --api-type-string: oklch(0.435 0.095 162);
+  --api-type-number: oklch(0.45 0.174 259);
+  --api-type-boolean: oklch(0.455 0.105 63);
+  --api-type-object: oklch(0.47 0.222 286);
+  --api-type-array: oklch(0.455 0.13 45);
+  --api-status-2xx: oklch(0.435 0.095 162);
+  --api-status-3xx: oklch(0.45 0.174 259);
+  --api-status-4xx: oklch(0.455 0.105 63);
+  --api-status-5xx: oklch(0.45 0.179 22);
+
+  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-heading: var(--font-sans);
+  --font-code: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+}
+
+.dark {
+  --background: oklch(0.145 0.014 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.145 0.014 285.823);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.145 0.014 285.823);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.205 0.014 285.823);
+  --secondary: oklch(0.269 0.007 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0.007 286.033);
+  --muted-foreground: oklch(0.708 0.014 285.823);
+  --accent: oklch(0.269 0.007 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --destructive-foreground: oklch(0.145 0.014 285.823);
+  --border: oklch(0.269 0.007 286.033);
+  --input: oklch(0.269 0.007 286.033);
+  --ring: oklch(0.439 0.01 286.375);
+  --note-foreground: var(--foreground);
+  --sidebar: oklch(0.205 0.014 285.823);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0.007 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.269 0.007 286.033);
+  --sidebar-ring: oklch(0.439 0.01 286.375);
+  --code-background: oklch(0.18 0.014 253.833);
+  --code-foreground: oklch(0.926 0.013 253.833);
+
+  /* API semantic colors — lightened for dark mode (AA on 20%/10% tints). */
+  --api-get: oklch(0.720 0.135 162);
+  --api-post: oklch(0.755 0.174 259);
+  --api-put: oklch(0.745 0.15 63);
+  --api-patch: oklch(0.725 0.18 45);
+  --api-delete: oklch(0.805 0.194 22);
+  --api-head: oklch(0.740 0.182 286);
+  --api-required: oklch(0.805 0.194 22);
+  --api-deprecated: oklch(0.745 0.15 63);
+  --api-type-string: oklch(0.690 0.135 162);
+  --api-type-number: oklch(0.725 0.174 259);
+  --api-type-boolean: oklch(0.720 0.15 63);
+  --api-type-object: oklch(0.740 0.182 286);
+  --api-type-array: oklch(0.725 0.18 45);
+  --api-status-2xx: oklch(0.720 0.135 162);
+  --api-status-3xx: oklch(0.755 0.174 259);
+  --api-status-4xx: oklch(0.770 0.15 63);
+  --api-status-5xx: oklch(0.805 0.194 22);
+}
+
+@layer base {
+  * { @apply border-border outline-ring/50; }
+  body { @apply bg-background text-foreground font-sans; }
+}
+
+/* Shiki dual-theme: light by default, dark when .dark class is active */
+.shiki,
+.shiki span,
+.astro-code,
+.astro-code span {
+  color: var(--shiki-light) !important;
+}
+.shiki,
+.astro-code {
+  background-color: var(--shiki-light-bg) !important;
+}
+.dark .shiki,
+.dark .shiki span,
+.dark .astro-code,
+.dark .astro-code span {
+  color: var(--shiki-dark) !important;
+}
+.dark .shiki,
+.dark .astro-code {
+  background-color: var(--shiki-dark-bg) !important;
+}
+/* Fix comment color contrast for WCAG AA */
+.shiki span[style*="--shiki-light:#6E7781"],
+.astro-code span[style*="--shiki-light:#6E7781"] {
+  --shiki-light: #576069 !important;
+}

package/css/theme-mintlify.css

@@ -0,0 +1,243 @@
+/* Generated by packages/render-html/scripts/sync-sources.mjs from @dogsbay/format-astro (themeCss("mintlify")). Do not edit. */
+@custom-variant dark (&:where(.dark, .dark *));
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+
+  /* Sidebar */
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+
+  /* Admonition colors */
+  --color-note: var(--note);
+  --color-note-foreground: var(--note-foreground);
+  --color-abstract: var(--abstract);
+  --color-info: var(--info);
+  --color-tip: var(--tip);
+  --color-success: var(--success);
+  --color-question: var(--question);
+  --color-warning: var(--warning);
+  --color-failure: var(--failure);
+  --color-danger: var(--danger);
+  --color-bug: var(--bug);
+  --color-example: var(--example);
+  --color-quote: var(--quote);
+
+  /* Code */
+  --color-code-bg: var(--code-background);
+  --color-code-fg: var(--code-foreground);
+
+  /* API reference — HTTP method, type, status, role colors */
+  --color-api-get: var(--api-get);
+  --color-api-post: var(--api-post);
+  --color-api-put: var(--api-put);
+  --color-api-patch: var(--api-patch);
+  --color-api-delete: var(--api-delete);
+  --color-api-head: var(--api-head);
+  --color-api-required: var(--api-required);
+  --color-api-deprecated: var(--api-deprecated);
+  --color-api-type-string: var(--api-type-string);
+  --color-api-type-number: var(--api-type-number);
+  --color-api-type-boolean: var(--api-type-boolean);
+  --color-api-type-object: var(--api-type-object);
+  --color-api-type-array: var(--api-type-array);
+  --color-api-status-2xx: var(--api-status-2xx);
+  --color-api-status-3xx: var(--api-status-3xx);
+  --color-api-status-4xx: var(--api-status-4xx);
+  --color-api-status-5xx: var(--api-status-5xx);
+
+  /* Fonts */
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-code);
+  --font-family-code: var(--font-code);
+}
+
+:root {
+  --background: oklch(0.993 0.005 95);
+  --foreground: oklch(0.15 0.01 260);
+  --card: oklch(0.993 0.005 95);
+  --card-foreground: oklch(0.15 0.01 260);
+  --popover: oklch(0.993 0.005 95);
+  --popover-foreground: oklch(0.15 0.01 260);
+  --primary: oklch(0.15 0.01 260);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0.002 260);
+  --secondary-foreground: oklch(0.15 0.01 260);
+  --muted: oklch(0.97 0.002 260);
+  --muted-foreground: oklch(0.45 0.01 260);
+  --accent: oklch(0.97 0.002 260);
+  --accent-foreground: oklch(0.15 0.01 260);
+  --destructive: oklch(0.55 0.22 25);
+  --destructive-foreground: oklch(0.985 0 0);
+  --border: oklch(0.91 0.004 260);
+  --input: oklch(0.91 0.004 260);
+  --ring: oklch(0.7 0.01 260);
+  --radius: 1rem;
+  /* Callout colors — soft pastel backgrounds matching Mintlify */
+  --note: oklch(0.62 0.18 260);
+  --note-foreground: var(--foreground);
+  --abstract: oklch(0.65 0.14 220);
+  --info: oklch(0.65 0.14 230);
+  --tip: oklch(0.65 0.16 155);
+  --success: oklch(0.65 0.16 155);
+  --question: oklch(0.7 0.15 270);
+  --warning: oklch(0.7 0.15 75);
+  --failure: oklch(0.6 0.2 25);
+  --danger: oklch(0.55 0.22 25);
+  --bug: oklch(0.55 0.22 350);
+  --example: oklch(0.55 0.2 285);
+  --quote: oklch(0.55 0 0);
+  /* Sidebar */
+  --sidebar: oklch(0.993 0.005 95);
+  --sidebar-foreground: oklch(0.15 0.01 260);
+  --sidebar-primary: oklch(0.15 0.01 260);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0.002 260);
+  --sidebar-accent-foreground: oklch(0.15 0.01 260);
+  --sidebar-border: oklch(0.93 0.004 260);
+  --sidebar-ring: oklch(0.7 0.01 260);
+  /* Code — light gray background, matching Mintlify's inline code */
+  --code-background: oklch(0.96 0.003 260);
+  --code-foreground: oklch(0.25 0.01 260);
+
+  /* API reference — always-dark code panel */
+  --api-panel-bg: oklch(0.145 0.014 253.833);
+  --api-panel-fg: oklch(0.926 0.013 253.833);
+
+  /* API semantic colors — HTTP methods, types, status codes */
+  /* Light mode: darkened for WCAG AA on the 20%/10% tints. See .dark. */
+  --api-get: oklch(0.435 0.095 162);
+  --api-post: oklch(0.45 0.174 259);
+  --api-put: oklch(0.455 0.105 63);
+  --api-patch: oklch(0.455 0.13 45);
+  --api-delete: oklch(0.45 0.179 22);
+  --api-head: oklch(0.47 0.222 286);
+  --api-required: oklch(0.45 0.179 22);
+  --api-deprecated: oklch(0.455 0.105 63);
+  --api-type-string: oklch(0.435 0.095 162);
+  --api-type-number: oklch(0.45 0.174 259);
+  --api-type-boolean: oklch(0.455 0.105 63);
+  --api-type-object: oklch(0.47 0.222 286);
+  --api-type-array: oklch(0.455 0.13 45);
+  --api-status-2xx: oklch(0.435 0.095 162);
+  --api-status-3xx: oklch(0.45 0.174 259);
+  --api-status-4xx: oklch(0.455 0.105 63);
+  --api-status-5xx: oklch(0.45 0.179 22);
+
+  /* Fonts — system sans for body, JetBrains Mono for code */
+  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-heading: var(--font-sans);
+  --font-code: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+}
+
+.dark {
+  --background: oklch(0.16 0.01 260);
+  --foreground: oklch(0.93 0.005 260);
+  --card: oklch(0.18 0.01 260);
+  --card-foreground: oklch(0.93 0.005 260);
+  --popover: oklch(0.18 0.01 260);
+  --popover-foreground: oklch(0.93 0.005 260);
+  --primary: oklch(0.93 0.005 260);
+  --primary-foreground: oklch(0.16 0.01 260);
+  --secondary: oklch(0.22 0.008 260);
+  --secondary-foreground: oklch(0.93 0.005 260);
+  --muted: oklch(0.22 0.008 260);
+  --muted-foreground: oklch(0.65 0.01 260);
+  --accent: oklch(0.22 0.008 260);
+  --accent-foreground: oklch(0.93 0.005 260);
+  --destructive: oklch(0.65 0.2 25);
+  --destructive-foreground: oklch(0.16 0.01 260);
+  --border: oklch(0.28 0.008 260);
+  --input: oklch(0.28 0.008 260);
+  --ring: oklch(0.45 0.01 260);
+  --note-foreground: var(--foreground);
+  --sidebar: oklch(0.16 0.01 260);
+  --sidebar-foreground: oklch(0.93 0.005 260);
+  --sidebar-primary: oklch(0.55 0.2 260);
+  --sidebar-primary-foreground: oklch(0.93 0.005 260);
+  --sidebar-accent: oklch(0.22 0.008 260);
+  --sidebar-accent-foreground: oklch(0.93 0.005 260);
+  --sidebar-border: oklch(0.28 0.008 260);
+  --sidebar-ring: oklch(0.45 0.01 260);
+  --code-background: oklch(0.2 0.01 260);
+  --code-foreground: oklch(0.9 0.01 260);
+
+  /* API semantic colors — lightened for dark mode (AA on 20%/10% tints). */
+  --api-get: oklch(0.720 0.135 162);
+  --api-post: oklch(0.755 0.174 259);
+  --api-put: oklch(0.745 0.15 63);
+  --api-patch: oklch(0.725 0.18 45);
+  --api-delete: oklch(0.805 0.194 22);
+  --api-head: oklch(0.740 0.182 286);
+  --api-required: oklch(0.805 0.194 22);
+  --api-deprecated: oklch(0.745 0.15 63);
+  --api-type-string: oklch(0.690 0.135 162);
+  --api-type-number: oklch(0.725 0.174 259);
+  --api-type-boolean: oklch(0.720 0.15 63);
+  --api-type-object: oklch(0.740 0.182 286);
+  --api-type-array: oklch(0.725 0.18 45);
+  --api-status-2xx: oklch(0.720 0.135 162);
+  --api-status-3xx: oklch(0.755 0.174 259);
+  --api-status-4xx: oklch(0.770 0.15 63);
+  --api-status-5xx: oklch(0.805 0.194 22);
+}
+
+@layer base {
+  * { @apply border-border outline-ring/50; }
+  body { @apply bg-background text-foreground font-sans; }
+}
+
+/* Shiki dual-theme: light by default, dark when .dark class is active */
+.shiki,
+.shiki span,
+.astro-code,
+.astro-code span {
+  color: var(--shiki-light) !important;
+}
+.shiki,
+.astro-code {
+  background-color: var(--shiki-light-bg) !important;
+}
+.dark .shiki,
+.dark .shiki span,
+.dark .astro-code,
+.dark .astro-code span {
+  color: var(--shiki-dark) !important;
+}
+.dark .shiki,
+.dark .astro-code {
+  background-color: var(--shiki-dark-bg) !important;
+}
+/* Fix comment color contrast for WCAG AA */
+.shiki span[style*="--shiki-light:#6E7781"],
+.astro-code span[style*="--shiki-light:#6E7781"] {
+  --shiki-light: #576069 !important;
+}

package/dist/alert-icons.d.ts

@@ -0,0 +1,6 @@
+/** Shared variant metadata for Alert and CollapsibleAlert */
+export type AlertVariant = "default" | "destructive" | "note" | "abstract" | "info" | "tip" | "success" | "question" | "warning" | "failure" | "danger" | "bug" | "example" | "quote";
+export declare const contentVariants: Set<AlertVariant>;
+/** Default icon SVGs per content variant (MkDocs Material icon set) */
+export declare const icons: Partial<Record<AlertVariant, string>>;
+export declare const chevronSvg = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"6 9 12 15 18 9\"/></svg>";

package/dist/alert-icons.js

@@ -0,0 +1,22 @@
+// Generated by packages/render-html/scripts/sync-sources.mjs from @dogsbay/ui/src/alert/variants.ts. Do not edit.
+/** Shared variant metadata for Alert and CollapsibleAlert */
+export const contentVariants = new Set([
+    "note", "abstract", "info", "tip", "success", "question",
+    "warning", "failure", "danger", "bug", "example", "quote",
+]);
+/** Default icon SVGs per content variant (MkDocs Material icon set) */
+export const icons = {
+    note: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m3.1 5.07c.14 0 .28.05.4.16l1.27 1.27c.23.22.23.57 0 .78l-1 1-2.05-2.05 1-1c.1-.11.24-.16.38-.16m-1.97 1.74 2.06 2.06-6.06 6.06H7.07v-2.06z"/></svg>',
+    abstract: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M17 9H7V7h10m0 6H7v-2h10m-3 6H7v-2h7M12 3a1 1 0 0 1 1 1 1 1 0 0 1-1 1 1 1 0 0 1-1-1 1 1 0 0 1 1-1m7 0h-4.18C14.4 1.84 13.3 1 12 1s-2.4.84-2.82 2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"/></svg>',
+    info: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M13 9h-2V7h2m0 10h-2v-6h2m-1-9A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10A10 10 0 0 0 12 2"/></svg>',
+    tip: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M17.66 11.2c-.23-.3-.51-.56-.77-.82-.67-.6-1.43-1.03-2.07-1.66C13.33 7.26 13 4.85 13.95 3c-.95.23-1.78.75-2.49 1.32-2.59 2.08-3.61 5.75-2.39 8.9.04.1.08.2.08.33 0 .22-.15.42-.35.5-.23.1-.47.04-.66-.12a.6.6 0 0 1-.14-.17c-1.13-1.43-1.31-3.48-.55-5.12C5.78 10 4.87 12.3 5 14.47c.06.5.12 1 .29 1.5.14.6.41 1.2.71 1.73 1.08 1.73 2.95 2.97 4.96 3.22 2.14.27 4.43-.12 6.07-1.6 1.83-1.66 2.47-4.32 1.53-6.6l-.13-.26c-.21-.46-.77-1.26-.77-1.26m-3.16 6.3c-.28.24-.74.5-1.1.6-1.12.4-2.24-.16-2.9-.82 1.19-.28 1.9-1.16 2.11-2.05.17-.8-.15-1.46-.28-2.23-.12-.74-.1-1.37.17-2.06.19.38.39.76.63 1.06.77 1 1.98 1.44 2.24 2.8.04.14.06.28.06.43.03.82-.33 1.72-.93 2.27"/></svg>',
+    success: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M21 7 9 19l-5.5-5.5 1.41-1.41L9 16.17 19.59 5.59z"/></svg>',
+    question: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="m15.07 11.25-.9.92C13.45 12.89 13 13.5 13 15h-2v-.5c0-1.11.45-2.11 1.17-2.83l1.24-1.26c.37-.36.59-.86.59-1.41a2 2 0 0 0-2-2 2 2 0 0 0-2 2H8a4 4 0 0 1 4-4 4 4 0 0 1 4 4 3.2 3.2 0 0 1-.93 2.25M13 19h-2v-2h2M12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10 10 10 0 0 0 10-10c0-5.53-4.5-10-10-10"/></svg>',
+    warning: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M13 14h-2V9h2m0 9h-2v-2h2M1 21h22L12 2z"/></svg>',
+    failure: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/></svg>',
+    danger: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="m11.5 20 4.86-9.73H13V4l-5 9.73h3.5zM12 2c2.75 0 5.1 1 7.05 2.95S22 9.25 22 12s-1 5.1-2.95 7.05S14.75 22 12 22s-5.1-1-7.05-2.95S2 14.75 2 12s1-5.1 2.95-7.05S9.25 2 12 2"/></svg>',
+    bug: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="m11 13h2v1h-2zm10-8v6c0 5.5-3.8 10.7-9 12-5.2-1.3-9-6.5-9-12V5l9-4zm-4 5h-2.2c-.2-.6-.6-1.1-1.1-1.5l1.2-1.2-.7-.7L12.8 8H12c-.2 0-.5 0-.7.1L9.9 6.6l-.8.8 1.2 1.2c-.5.3-.9.8-1.1 1.4H7v1h2v1H7v1h2v1H7v1h2.2c.4 1.2 1.5 2 2.8 2s2.4-.8 2.8-2H17v-1h-2v-1h2v-1h-2v-1h2zm-6 2h2v-1h-2z"/></svg>',
+    example: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M7 2v2h1v14a4 4 0 0 0 4 4 4 4 0 0 0 4-4V4h1V2zm4 14c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1m2-4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.4 1-1 1m1-5h-4V4h4z"/></svg>',
+    quote: '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor"><path d="M14 17h3l2-4V7h-6v6h3M6 17h3l2-4V7H5v6h3z"/></svg>',
+};
+export const chevronSvg = '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"/></svg>';

package/dist/badge-variants.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Badge classes, shared by Badge.astro, ContentRenderer and @dogsbay/render-html
+ * (which copies this file with scripts/sync-sources.mjs), so a badge
+ * looks the same however a page is produced.
+ */
+export declare const BADGE_BASE = "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors";
+export declare const BADGE_VARIANTS: {
+    readonly default: "border-transparent bg-primary text-primary-foreground";
+    readonly secondary: "border-transparent bg-secondary text-secondary-foreground";
+    readonly destructive: "border-transparent bg-destructive text-destructive-foreground";
+    readonly outline: "text-foreground";
+    readonly info: "border-transparent bg-info/15 text-[color:color-mix(in_oklab,var(--info)_60%,var(--foreground))]";
+    readonly success: "border-transparent bg-success/15 text-[color:color-mix(in_oklab,var(--success)_60%,var(--foreground))]";
+    readonly warning: "border-transparent bg-warning/15 text-[color:color-mix(in_oklab,var(--warning)_60%,var(--foreground))]";
+    readonly danger: "border-transparent bg-danger/15 text-[color:color-mix(in_oklab,var(--danger)_60%,var(--foreground))]";
+};
+export type BadgeVariant = keyof typeof BADGE_VARIANTS;
+/** The class list for a variant; an unknown variant gets the base classes only. */
+export declare function badgeClass(variant: string | undefined): string;

package/dist/badge-variants.js

@@ -0,0 +1,33 @@
+// Generated by packages/render-html/scripts/sync-sources.mjs from @dogsbay/ui/src/badge/variants.ts. Do not edit.
+/**
+ * Badge classes, shared by Badge.astro, ContentRenderer and @dogsbay/render-html
+ * (which copies this file with scripts/sync-sources.mjs), so a badge
+ * looks the same however a page is produced.
+ */
+export const BADGE_BASE = "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors";
+export const BADGE_VARIANTS = {
+    default: "border-transparent bg-primary text-primary-foreground",
+    secondary: "border-transparent bg-secondary text-secondary-foreground",
+    destructive: "border-transparent bg-destructive text-destructive-foreground",
+    outline: "text-foreground",
+    // Status colours, from the callout palette (`:badge[Beta]{variant="warning"}`).
+    // The TEXT is the accent mixed 60% toward --foreground; the tint keeps the
+    // accent at full strength. The accent used raw measured 1.85-2.6:1 in light
+    // mode (danger 3.3-3.9:1 in dark too), from painted pixels. --foreground is
+    // near-black in light and near-white in dark, so one rule serves both themes
+    // (worst case 4.95:1); a fixed dark colour would fail dark mode. The same
+    // rule as the in-cell admonitions in format-astro's theme-css.ts.
+    // The `color:` hint is required: tailwind-merge 2.x (Badge.astro's tv())
+    // reads a bare text-[... 60% ...] as a FONT SIZE and drops text-xs.
+    // Checked per preset by @dogsbay/render-html tests/contrast.test.ts, and
+    // through tv() by ui tests/badge.test.ts.
+    info: "border-transparent bg-info/15 text-[color:color-mix(in_oklab,var(--info)_60%,var(--foreground))]",
+    success: "border-transparent bg-success/15 text-[color:color-mix(in_oklab,var(--success)_60%,var(--foreground))]",
+    warning: "border-transparent bg-warning/15 text-[color:color-mix(in_oklab,var(--warning)_60%,var(--foreground))]",
+    danger: "border-transparent bg-danger/15 text-[color:color-mix(in_oklab,var(--danger)_60%,var(--foreground))]",
+};
+/** The class list for a variant; an unknown variant gets the base classes only. */
+export function badgeClass(variant) {
+    const v = BADGE_VARIANTS[(variant ?? "default")];
+    return v ? `${BADGE_BASE} ${v}` : BADGE_BASE;
+}

package/dist/code-markers.d.ts

@@ -0,0 +1,29 @@
+/**
+ * `[!code …]` annotation hygiene.
+ *
+ * Shiki's notation transformers consume these markers — but only the
+ * ones they can SEE: a marker is recognized when the grammar tokenizes
+ * its comment AND the marker ends the line. Anything else reaches the
+ * reader as literal text in the code block. Two real cases from the
+ * better-auth corpus:
+ *
+ *   - `package-install` (and every unknown language) falls back to
+ *     `plaintext`, which has no comment tokens at all;
+ *   - upstream authors mid-line markers — `// [!code highlight] // check
+ *     if the user is allowed` — where the marker is not the last thing
+ *     on the line.
+ *
+ * These helpers strip exactly what Shiki cannot process, and strip
+ * everything from copy text (a marker pasted into an editor is always
+ * wrong).
+ */
+/**
+ * Remove the markers Shiki cannot process, leaving the ones it can for
+ * the notation transformers to consume.
+ *
+ * @param code           the block's source
+ * @param isPlainGrammar true when highlighting falls back to plaintext
+ */
+export declare function stripUnprocessableMarkers(code: string, isPlainGrammar: boolean): string;
+/** Strip EVERY annotation form — markers must never reach the clipboard. */
+export declare function stripMarkersForCopy(code: string): string;

package/dist/code-markers.js

@@ -0,0 +1,66 @@
+// Generated by packages/render-html/scripts/sync-sources.mjs from @dogsbay/ui/src/code-rich/markers.ts. Do not edit.
+/**
+ * `[!code …]` annotation hygiene.
+ *
+ * Shiki's notation transformers consume these markers — but only the
+ * ones they can SEE: a marker is recognized when the grammar tokenizes
+ * its comment AND the marker ends the line. Anything else reaches the
+ * reader as literal text in the code block. Two real cases from the
+ * better-auth corpus:
+ *
+ *   - `package-install` (and every unknown language) falls back to
+ *     `plaintext`, which has no comment tokens at all;
+ *   - upstream authors mid-line markers — `// [!code highlight] // check
+ *     if the user is allowed` — where the marker is not the last thing
+ *     on the line.
+ *
+ * These helpers strip exactly what Shiki cannot process, and strip
+ * everything from copy text (a marker pasted into an editor is always
+ * wrong).
+ */
+/** A `[!code …]` annotation carrying its own comment leader. */
+const MARKER = /[ \t]*(?:\/\/|#|--|<!--|\/\*|;)[ \t]*\[!code[^\]]*\](?:[ \t]*(?:-->|\*\/))?/g;
+/**
+ * A bare annotation — upstream also appends one INSIDE an existing
+ * comment (`// e.g. "us-east-1" [!code highlight]`), with no leader of
+ * its own.
+ */
+const BARE_MARKER = /[ \t]*\[!code[^\]]*\]/g;
+/**
+ * Remove the markers Shiki cannot process, leaving the ones it can for
+ * the notation transformers to consume.
+ *
+ * @param code           the block's source
+ * @param isPlainGrammar true when highlighting falls back to plaintext
+ */
+export function stripUnprocessableMarkers(code, isPlainGrammar) {
+    // Every marker has "[!code"; without one there is nothing to strip, and MARKER's leading [ \t]* is quadratic on a long run of spaces.
+    if (!code.includes("[!code"))
+        return code;
+    return code
+        .split("\n")
+        .map((line) => {
+        // No grammar → no comment tokens → Shiki sees nothing to strip.
+        if (isPlainGrammar)
+            return line.replace(MARKER, "").replace(BARE_MARKER, "");
+        let out = "";
+        let last = 0;
+        for (const m of line.matchAll(MARKER)) {
+            const end = m.index + m[0].length;
+            if (line.slice(end).trim() === "")
+                break; // ends the line — Shiki handles it
+            out += line.slice(last, m.index);
+            last = end;
+        }
+        return out + line.slice(last);
+    })
+        .join("\n");
+}
+/** Strip EVERY annotation form — markers must never reach the clipboard. */
+export function stripMarkersForCopy(code) {
+    return code
+        .replace(MARKER, "")
+        .replace(BARE_MARKER, "")
+        .replace(/\s*\/\/\s*![a-z]+.*$/gm, "")
+        .trim();
+}