@ox-content/vite-plugin 3.0.0-alpha.13 → 3.0.0-alpha.15

package/dist/markdown-tables.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-tables.cjs","sourceRoot":"","sources":["../../../home/runner/work/ox-content/ox-content/npm/vite-plugin-ox-content/src/markdown-tables.ts"],"names":[],"mappings":"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","sourcesContent":["export interface MarkdownTableEnhancementOptions {\n  /**\n   * Tables to enhance. Defaults to Markdown content tables styled by\n   * `@ox-content/vite-plugin/styles/core.css`.\n   */\n  selector?: string;\n  /**\n   * Accessible name applied only when an overflowing table has no existing\n   * `aria-label` or `aria-labelledby`.\n   */\n  label?: string;\n}\n\nconst TABINDEX_FLAG = \"oxTableScrollTabindex\";\nconst LABEL_FLAG = \"oxTableScrollLabel\";\nconst SCROLLABLE_ATTR = \"data-ox-table-scrollable\";\n\nexport function markdownTableScrollLabel(locale?: string): string {\n  const language = locale?.split(\"-\")[0]?.toLowerCase();\n  if (language === \"ja\") {\n    return \"横スクロールできる表\";\n  }\n  return \"Scrollable table\";\n}\n\n/**\n * Makes overflowing Markdown tables keyboard-scrollable without wrapping or\n * replacing the native `<table>` element.\n *\n * Run this after rendering Markdown and again after layout-changing updates.\n * Narrow tables stay out of the tab order when overflow can be measured.\n */\nexport function enhanceMarkdownTables(\n  root?: ParentNode,\n  options: MarkdownTableEnhancementOptions = {},\n): number {\n  const target = root ?? globalThis.document;\n  if (!target?.querySelectorAll) {\n    return 0;\n  }\n\n  const selector = options.selector ?? \".content table\";\n  const locale = ownerDocument(target)?.documentElement.lang;\n  const label = options.label ?? markdownTableScrollLabel(locale);\n  let scrollableCount = 0;\n\n  for (const table of target.querySelectorAll(selector)) {\n    if (typeof HTMLElement === \"undefined\" || !(table instanceof HTMLElement)) {\n      continue;\n    }\n    if (table.tagName !== \"TABLE\") {\n      continue;\n    }\n\n    const scrollable = table.scrollWidth > table.clientWidth + 1;\n    table.toggleAttribute(SCROLLABLE_ATTR, scrollable);\n    if (scrollable) {\n      scrollableCount++;\n      if (!table.hasAttribute(\"tabindex\")) {\n        table.tabIndex = 0;\n        table.dataset[TABINDEX_FLAG] = \"true\";\n      }\n      if (!table.hasAttribute(\"aria-label\") && !table.hasAttribute(\"aria-labelledby\")) {\n        table.setAttribute(\"aria-label\", label);\n        table.dataset[LABEL_FLAG] = \"true\";\n      }\n    } else {\n      if (table.dataset[TABINDEX_FLAG] === \"true\") {\n        table.removeAttribute(\"tabindex\");\n        delete table.dataset[TABINDEX_FLAG];\n      }\n      if (table.dataset[LABEL_FLAG] === \"true\") {\n        table.removeAttribute(\"aria-label\");\n        delete table.dataset[LABEL_FLAG];\n      }\n    }\n  }\n\n  return scrollableCount;\n}\n\nfunction ownerDocument(root: ParentNode): Document | undefined {\n  if (typeof Document !== \"undefined\" && root instanceof Document) {\n    return root;\n  }\n  return root.ownerDocument ?? globalThis.document;\n}\n"]}
+{"version":3,"file":"markdown-tables.cjs","sourceRoot":"","sources":["../../../../home/runner/work/ox-content/ox-content/npm/vite-plugin-ox-content/src/markdown-tables.ts"],"names":[],"mappings":"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","sourcesContent":["export interface MarkdownTableEnhancementOptions {\n  /**\n   * Tables to enhance. Defaults to Markdown content tables styled by\n   * `@ox-content/vite-plugin/styles/core.css`.\n   */\n  selector?: string;\n  /**\n   * Accessible name applied only when an overflowing table has no existing\n   * `aria-label` or `aria-labelledby`.\n   */\n  label?: string;\n}\n\nconst TABINDEX_FLAG = \"oxTableScrollTabindex\";\nconst LABEL_FLAG = \"oxTableScrollLabel\";\nconst SCROLLABLE_ATTR = \"data-ox-table-scrollable\";\n\nexport function markdownTableScrollLabel(locale?: string): string {\n  const language = locale?.split(\"-\")[0]?.toLowerCase();\n  if (language === \"ja\") {\n    return \"横スクロールできる表\";\n  }\n  return \"Scrollable table\";\n}\n\n/**\n * Makes overflowing Markdown tables keyboard-scrollable without wrapping or\n * replacing the native `<table>` element.\n *\n * Run this after rendering Markdown and again after layout-changing updates.\n * Narrow tables stay out of the tab order when overflow can be measured.\n */\nexport function enhanceMarkdownTables(\n  root?: ParentNode,\n  options: MarkdownTableEnhancementOptions = {},\n): number {\n  const target = root ?? globalThis.document;\n  if (!target?.querySelectorAll) {\n    return 0;\n  }\n\n  const selector = options.selector ?? \".content table\";\n  const locale = ownerDocument(target)?.documentElement.lang;\n  const label = options.label ?? markdownTableScrollLabel(locale);\n  let scrollableCount = 0;\n\n  for (const table of target.querySelectorAll(selector)) {\n    if (typeof HTMLElement === \"undefined\" || !(table instanceof HTMLElement)) {\n      continue;\n    }\n    if (table.tagName !== \"TABLE\") {\n      continue;\n    }\n\n    const scrollable = table.scrollWidth > table.clientWidth + 1;\n    table.toggleAttribute(SCROLLABLE_ATTR, scrollable);\n    if (scrollable) {\n      scrollableCount++;\n      if (!table.hasAttribute(\"tabindex\")) {\n        table.tabIndex = 0;\n        table.dataset[TABINDEX_FLAG] = \"true\";\n      }\n      if (!table.hasAttribute(\"aria-label\") && !table.hasAttribute(\"aria-labelledby\")) {\n        table.setAttribute(\"aria-label\", label);\n        table.dataset[LABEL_FLAG] = \"true\";\n      }\n    } else {\n      if (table.dataset[TABINDEX_FLAG] === \"true\") {\n        table.removeAttribute(\"tabindex\");\n        delete table.dataset[TABINDEX_FLAG];\n      }\n      if (table.dataset[LABEL_FLAG] === \"true\") {\n        table.removeAttribute(\"aria-label\");\n        delete table.dataset[LABEL_FLAG];\n      }\n    }\n  }\n\n  return scrollableCount;\n}\n\nfunction ownerDocument(root: ParentNode): Document | undefined {\n  if (typeof Document !== \"undefined\" && root instanceof Document) {\n    return root;\n  }\n  return root.ownerDocument ?? globalThis.document;\n}\n"]}

package/dist/markdown-tables.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-tables.mjs","sourceRoot":"","sources":["../../../home/runner/work/ox-content/ox-content/npm/vite-plugin-ox-content/src/markdown-tables.ts"],"names":[],"mappings":"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","sourcesContent":["export interface MarkdownTableEnhancementOptions {\n  /**\n   * Tables to enhance. Defaults to Markdown content tables styled by\n   * `@ox-content/vite-plugin/styles/core.css`.\n   */\n  selector?: string;\n  /**\n   * Accessible name applied only when an overflowing table has no existing\n   * `aria-label` or `aria-labelledby`.\n   */\n  label?: string;\n}\n\nconst TABINDEX_FLAG = \"oxTableScrollTabindex\";\nconst LABEL_FLAG = \"oxTableScrollLabel\";\nconst SCROLLABLE_ATTR = \"data-ox-table-scrollable\";\n\nexport function markdownTableScrollLabel(locale?: string): string {\n  const language = locale?.split(\"-\")[0]?.toLowerCase();\n  if (language === \"ja\") {\n    return \"横スクロールできる表\";\n  }\n  return \"Scrollable table\";\n}\n\n/**\n * Makes overflowing Markdown tables keyboard-scrollable without wrapping or\n * replacing the native `<table>` element.\n *\n * Run this after rendering Markdown and again after layout-changing updates.\n * Narrow tables stay out of the tab order when overflow can be measured.\n */\nexport function enhanceMarkdownTables(\n  root?: ParentNode,\n  options: MarkdownTableEnhancementOptions = {},\n): number {\n  const target = root ?? globalThis.document;\n  if (!target?.querySelectorAll) {\n    return 0;\n  }\n\n  const selector = options.selector ?? \".content table\";\n  const locale = ownerDocument(target)?.documentElement.lang;\n  const label = options.label ?? markdownTableScrollLabel(locale);\n  let scrollableCount = 0;\n\n  for (const table of target.querySelectorAll(selector)) {\n    if (typeof HTMLElement === \"undefined\" || !(table instanceof HTMLElement)) {\n      continue;\n    }\n    if (table.tagName !== \"TABLE\") {\n      continue;\n    }\n\n    const scrollable = table.scrollWidth > table.clientWidth + 1;\n    table.toggleAttribute(SCROLLABLE_ATTR, scrollable);\n    if (scrollable) {\n      scrollableCount++;\n      if (!table.hasAttribute(\"tabindex\")) {\n        table.tabIndex = 0;\n        table.dataset[TABINDEX_FLAG] = \"true\";\n      }\n      if (!table.hasAttribute(\"aria-label\") && !table.hasAttribute(\"aria-labelledby\")) {\n        table.setAttribute(\"aria-label\", label);\n        table.dataset[LABEL_FLAG] = \"true\";\n      }\n    } else {\n      if (table.dataset[TABINDEX_FLAG] === \"true\") {\n        table.removeAttribute(\"tabindex\");\n        delete table.dataset[TABINDEX_FLAG];\n      }\n      if (table.dataset[LABEL_FLAG] === \"true\") {\n        table.removeAttribute(\"aria-label\");\n        delete table.dataset[LABEL_FLAG];\n      }\n    }\n  }\n\n  return scrollableCount;\n}\n\nfunction ownerDocument(root: ParentNode): Document | undefined {\n  if (typeof Document !== \"undefined\" && root instanceof Document) {\n    return root;\n  }\n  return root.ownerDocument ?? globalThis.document;\n}\n"]}
+{"version":3,"file":"markdown-tables.mjs","sourceRoot":"","sources":["../../../../home/runner/work/ox-content/ox-content/npm/vite-plugin-ox-content/src/markdown-tables.ts"],"names":[],"mappings":"AAaA,MAAM,aAAa,GAAG,uBAAuB,CAAC;AAC9C,MAAM,UAAU,GAAG,oBAAoB,CAAC;AACxC,MAAM,eAAe,GAAG,0BAA0B,CAAC;AAEnD,MAAM,UAAU,wBAAwB,CAAC,MAAe;IACtD,MAAM,QAAQ,GAAG,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC;IACtD,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;QACtB,OAAO,YAAY,CAAC;IACtB,CAAC;IACD,OAAO,kBAAkB,CAAC;AAC5B,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,qBAAqB,CACnC,IAAiB,EACjB,OAAO,GAAoC,EAAE;IAE7C,MAAM,MAAM,GAAG,IAAI,IAAI,UAAU,CAAC,QAAQ,CAAC;IAC3C,IAAI,CAAC,MAAM,EAAE,gBAAgB,EAAE,CAAC;QAC9B,OAAO,CAAC,CAAC;IACX,CAAC;IAED,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,IAAI,gBAAgB,CAAC;IACtD,MAAM,MAAM,GAAG,aAAa,CAAC,MAAM,CAAC,EAAE,eAAe,CAAC,IAAI,CAAC;IAC3D,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,IAAI,wBAAwB,CAAC,MAAM,CAAC,CAAC;IAChE,IAAI,eAAe,GAAG,CAAC,CAAC;IAExB,KAAK,MAAM,KAAK,IAAI,MAAM,CAAC,gBAAgB,CAAC,QAAQ,CAAC,EAAE,CAAC;QACtD,IAAI,OAAO,WAAW,KAAK,WAAW,IAAI,CAAC,CAAC,KAAK,YAAY,WAAW,CAAC,EAAE,CAAC;YAC1E,SAAS;QACX,CAAC;QACD,IAAI,KAAK,CAAC,OAAO,KAAK,OAAO,EAAE,CAAC;YAC9B,SAAS;QACX,CAAC;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC,WAAW,GAAG,CAAC,CAAC;QAC7D,KAAK,CAAC,eAAe,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC;QACnD,IAAI,UAAU,EAAE,CAAC;YACf,eAAe,EAAE,CAAC;YAClB,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE,CAAC;gBACpC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;gBACnB,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,MAAM,CAAC;YACxC,CAAC;YACD,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAAE,CAAC;gBAChF,KAAK,CAAC,YAAY,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;gBACxC,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,MAAM,CAAC;YACrC,CAAC;QACH,CAAC;aAAM,CAAC;YACN,IAAI,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,KAAK,MAAM,EAAE,CAAC;gBAC5C,KAAK,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;gBAClC,OAAO,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;YACtC,CAAC;YACD,IAAI,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,KAAK,MAAM,EAAE,CAAC;gBACzC,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC;gBACpC,OAAO,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC;YACnC,CAAC;QACH,CAAC;IACH,CAAC;IAED,OAAO,eAAe,CAAC;AACzB,CAAC;AAED,SAAS,aAAa,CAAC,IAAgB;IACrC,IAAI,OAAO,QAAQ,KAAK,WAAW,IAAI,IAAI,YAAY,QAAQ,EAAE,CAAC;QAChE,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,IAAI,CAAC,aAAa,IAAI,UAAU,CAAC,QAAQ,CAAC;AACnD,CAAC","sourcesContent":["export interface MarkdownTableEnhancementOptions {\n  /**\n   * Tables to enhance. Defaults to Markdown content tables styled by\n   * `@ox-content/vite-plugin/styles/core.css`.\n   */\n  selector?: string;\n  /**\n   * Accessible name applied only when an overflowing table has no existing\n   * `aria-label` or `aria-labelledby`.\n   */\n  label?: string;\n}\n\nconst TABINDEX_FLAG = \"oxTableScrollTabindex\";\nconst LABEL_FLAG = \"oxTableScrollLabel\";\nconst SCROLLABLE_ATTR = \"data-ox-table-scrollable\";\n\nexport function markdownTableScrollLabel(locale?: string): string {\n  const language = locale?.split(\"-\")[0]?.toLowerCase();\n  if (language === \"ja\") {\n    return \"横スクロールできる表\";\n  }\n  return \"Scrollable table\";\n}\n\n/**\n * Makes overflowing Markdown tables keyboard-scrollable without wrapping or\n * replacing the native `<table>` element.\n *\n * Run this after rendering Markdown and again after layout-changing updates.\n * Narrow tables stay out of the tab order when overflow can be measured.\n */\nexport function enhanceMarkdownTables(\n  root?: ParentNode,\n  options: MarkdownTableEnhancementOptions = {},\n): number {\n  const target = root ?? globalThis.document;\n  if (!target?.querySelectorAll) {\n    return 0;\n  }\n\n  const selector = options.selector ?? \".content table\";\n  const locale = ownerDocument(target)?.documentElement.lang;\n  const label = options.label ?? markdownTableScrollLabel(locale);\n  let scrollableCount = 0;\n\n  for (const table of target.querySelectorAll(selector)) {\n    if (typeof HTMLElement === \"undefined\" || !(table instanceof HTMLElement)) {\n      continue;\n    }\n    if (table.tagName !== \"TABLE\") {\n      continue;\n    }\n\n    const scrollable = table.scrollWidth > table.clientWidth + 1;\n    table.toggleAttribute(SCROLLABLE_ATTR, scrollable);\n    if (scrollable) {\n      scrollableCount++;\n      if (!table.hasAttribute(\"tabindex\")) {\n        table.tabIndex = 0;\n        table.dataset[TABINDEX_FLAG] = \"true\";\n      }\n      if (!table.hasAttribute(\"aria-label\") && !table.hasAttribute(\"aria-labelledby\")) {\n        table.setAttribute(\"aria-label\", label);\n        table.dataset[LABEL_FLAG] = \"true\";\n      }\n    } else {\n      if (table.dataset[TABINDEX_FLAG] === \"true\") {\n        table.removeAttribute(\"tabindex\");\n        delete table.dataset[TABINDEX_FLAG];\n      }\n      if (table.dataset[LABEL_FLAG] === \"true\") {\n        table.removeAttribute(\"aria-label\");\n        delete table.dataset[LABEL_FLAG];\n      }\n    }\n  }\n\n  return scrollableCount;\n}\n\nfunction ownerDocument(root: ParentNode): Document | undefined {\n  if (typeof Document !== \"undefined\" && root instanceof Document) {\n    return root;\n  }\n  return root.ownerDocument ?? globalThis.document;\n}\n"]}

package/dist/styles/core.css

@@ -59,8 +59,8 @@
   --octc-focus-offset: 2px;
   --octc-motion-base: 150ms;
   --octc-motion-ease: ease;
-  --octc-code-pad-block: 1rem;
-  --octc-code-pad-inline: 1.25rem;
+  --octc-code-pad-block: 1.05rem;
+  --octc-code-pad-inline: 1rem;
   --octc-code-title-pad-block: 0.75rem;
   --octc-code-title-gap: 0.875rem;
   --octc-table-cell-pad-block: 0.75rem;
@@ -1013,11 +1013,11 @@ a:hover {
   margin-bottom: 0;
 }
 .content .ox-steps {
-  margin: 1.75rem 0 2rem;
-  padding: 1.1rem 1rem 1.1rem 0;
+  margin: 1.25rem 0 1.5rem;
+  padding: 0.85rem 0.9rem;
   border: 1px solid var(--octc-color-border);
-  border-radius: 8px;
-  background: color-mix(in srgb, var(--octc-color-bg-alt) 42%, transparent);
+  border-radius: 6px;
+  background: color-mix(in srgb, var(--octc-color-bg-alt) 34%, transparent);
 }
 .content .ox-steps__list {
   list-style: none;
@@ -1027,20 +1027,20 @@ a:hover {
 }
 .content .ox-steps__item {
   position: relative;
-  margin: 0 0 1rem;
-  padding-left: 2.5rem;
+  margin: 0 0 0.85rem;
+  padding-left: 2.2rem;
   counter-increment: ox-steps;
 }
 .content .ox-steps__item::before {
   content: counter(ox-steps);
   position: absolute;
   left: 0;
-  top: 0.15rem;
+  top: 0.12rem;
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 1.6rem;
-  height: 1.6rem;
+  width: 1.45rem;
+  height: 1.45rem;
   border-radius: 999px;
   background: var(--octc-color-primary);
   color: var(--octc-color-bg);
@@ -1196,13 +1196,13 @@ a:hover {
   position: relative;
 }
 .content pre.ox-code-block.line-numbers-mode .line {
-  padding-left: 4rem;
+  padding-left: 3rem;
 }
 .content pre.ox-code-block.line-numbers-mode .line::before {
   content: attr(data-line-number);
   position: absolute;
   left: var(--octc-code-pad-inline);
-  width: 2rem;
+  width: 1.65rem;
   text-align: right;
   color: var(--octc-color-code-line-number);
   user-select: none;
@@ -1264,7 +1264,7 @@ a:hover {
   margin: 1.25rem 0;
   font-size: 0.875rem;
 }
-.content table[data-ox-table-scrollable="true"]:focus-visible {
+.content table[data-ox-table-scrollable]:focus-visible {
   outline: var(--octc-focus-ring);
   outline-offset: var(--octc-focus-offset);
 }
@@ -2104,10 +2104,10 @@ a:hover {
     font-size: 0.82rem !important;
   }
   .content pre.ox-code-block.line-numbers-mode .line {
-    padding-left: 3.7rem;
+    padding-left: 2.85rem;
   }
   .content pre.ox-code-block.line-numbers-mode .line::before {
-    width: 1.75rem;
+    width: 1.65rem;
   }
   .content table {
     margin: 1rem 0;

package/dist/styles/markdown-tables.css

@@ -8,7 +8,9 @@
   -webkit-overflow-scrolling: touch;
 }
 
-.content table[data-ox-table-scrollable="true"]:focus-visible {
+/* `enhanceMarkdownTables()` marks overflow with `toggleAttribute()`, so the
+   attribute is present with an empty value. Match on presence, never a value. */
+.content table[data-ox-table-scrollable]:focus-visible {
   outline: var(--octc-focus-ring, 2px solid Highlight);
   outline-offset: var(--octc-focus-offset, 2px);
 }

package/dist/styles/social.css

@@ -17,6 +17,13 @@
   color: var(--octc-color-text);
 }
 
+/* A fetched tweet renders `<figure><header>…` rather than wrapping its body in
+   one anchor, so the rule above never matches it. Pad the card itself to keep
+   it level with the Bluesky card. */
+.ox-tweet--fetched {
+  padding: 1rem 0;
+}
+
 .ox-tweet > a:hover,
 .ox-bluesky > a:hover {
   text-decoration: none;
@@ -292,13 +299,13 @@
 .ox-tweet__quote .ox-tweet__media {
   margin-bottom: 0;
 }
-
 /* WebContainer lazy placeholder */
 .ox-webcontainer {
   margin: 1.5rem 0;
   border: 1px solid color-mix(in srgb, var(--octc-color-border) 74%, transparent);
   border-radius: 8px;
   overflow: hidden;
+  background: var(--octc-color-bg);
 }
 
 .ox-webcontainer__header {
@@ -306,40 +313,79 @@
   align-items: center;
   justify-content: space-between;
   gap: 0.75rem;
-  padding: 0.625rem 1rem;
+  padding: 0.65rem 0.85rem;
   border-bottom: 1px solid color-mix(in srgb, var(--octc-color-border) 74%, transparent);
   background: var(--octc-color-bg-alt);
 }
 
-.ox-webcontainer__header strong {
+.ox-webcontainer__title {
+  display: inline-flex;
+  align-items: center;
+  min-width: 0;
+  gap: 0.55rem;
+}
+
+.ox-webcontainer__title strong {
   font-size: 0.875rem;
   color: var(--octc-color-text);
 }
 
-.ox-webcontainer__header span {
+.ox-webcontainer__title code {
+  color: var(--octc-color-text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ox-webcontainer__status,
+.ox-webcontainer__meta {
   font-size: 0.75rem;
   color: var(--octc-color-text-muted);
+}
+
+.ox-webcontainer__status {
+  padding: 0.16rem 0.5rem;
+  border: 1px solid color-mix(in srgb, var(--octc-color-primary) 26%, transparent);
+  border-radius: 999px;
+  background: color-mix(in srgb, var(--octc-color-primary) 8%, transparent);
+  color: var(--octc-color-primary);
   white-space: nowrap;
 }
 
+.ox-webcontainer__preview {
+  background: var(--octc-color-code-bg);
+}
+
 .ox-webcontainer pre {
   margin: 0;
   border: 0;
   border-radius: 0;
 }
+
+.ox-webcontainer__meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem 0.85rem;
+  padding: 0.6rem 0.85rem;
+  border-top: 1px solid color-mix(in srgb, var(--octc-color-border) 74%, transparent);
+  background: color-mix(in srgb, var(--octc-color-bg-alt) 54%, transparent);
+}
+
+.ox-webcontainer__meta code {
+  color: var(--octc-color-text);
+}
 /* Provider cards for static article, place, community, and social embeds */
 .ox-provider-card {
   display: block;
-  margin: 1.5rem 0;
+  margin: 1rem 0;
   border: 1px solid color-mix(in srgb, var(--octc-color-border) 74%, transparent);
-  border-radius: 8px;
+  border-radius: 6px;
   overflow: hidden;
   background: var(--octc-color-bg);
 }
 
 .ox-provider-card__main {
-  display: block;
-  padding: 1rem;
+  display: grid;
   color: var(--octc-color-text);
   text-decoration: none;
 }
@@ -358,7 +404,10 @@
 }
 
 .ox-provider-card__header {
-  margin-bottom: 0.625rem;
+  min-height: 2.1rem;
+  padding: 0.45rem 0.8rem;
+  border-bottom: 1px solid color-mix(in srgb, var(--octc-color-border) 68%, transparent);
+  background: color-mix(in srgb, var(--octc-color-bg-alt) 60%, transparent);
   font-size: 0.75rem;
 }
 
@@ -378,6 +427,7 @@
   align-items: flex-start;
   gap: 0.75rem;
   min-width: 0;
+  padding: 0.8rem;
 }
 
 .ox-provider-card__avatar {
@@ -393,7 +443,7 @@
   min-width: 0;
 }
 
-.ox-provider-card__title {
+.ox-provider-card .ox-provider-card__title {
   margin: 0;
   font-size: 1rem;
   line-height: 1.35;
@@ -404,8 +454,8 @@
   text-decoration: underline;
 }
 
-.ox-provider-card__excerpt {
-  margin: 0.625rem 0 0;
+.ox-provider-card .ox-provider-card__excerpt {
+  margin: 0.35rem 0 0;
   font-size: 0.875rem;
   line-height: 1.55;
   color: var(--octc-color-text-muted);
@@ -417,15 +467,18 @@
   width: 100%;
   height: auto;
   max-height: 420px;
-  margin-top: 0.875rem;
   border: 1px solid color-mix(in srgb, var(--octc-color-border) 74%, transparent);
-  border-radius: 8px;
+  border-width: 1px 0 0;
+  border-radius: 0;
   object-fit: cover;
   background: var(--octc-color-bg-alt);
 }
 
 .ox-provider-card__meta {
-  margin-top: 0.875rem;
+  min-height: 2.15rem;
+  padding: 0.45rem 0.8rem;
+  border-top: 1px solid color-mix(in srgb, var(--octc-color-border) 68%, transparent);
+  background: color-mix(in srgb, var(--octc-color-bg-alt) 48%, transparent);
   font-size: 0.75rem;
 }
 

package/dist/styles/tabs.css

@@ -1,18 +1,18 @@
 /* ox-content Tabs Plugin - Pure CSS, No JS */
 
 .ox-tabs {
-  margin: 1.5rem 0;
+  margin: 1.25rem 0;
   border: 1px solid var(--octc-color-border);
-  border-radius: 4px;
+  border-radius: 6px;
   overflow: hidden;
   background: var(--octc-color-bg);
 }
 
 .ox-tabs-header {
   display: flex;
-  align-items: end;
-  gap: 0.125rem;
-  padding: 0.35rem 0.35rem 0;
+  align-items: center;
+  gap: 0.2rem;
+  padding: 0.35rem;
   background: var(--octc-color-bg-alt);
   border-bottom: 1px solid var(--octc-color-border);
   overflow-x: auto;
@@ -42,17 +42,17 @@
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  flex: 1 0 max-content;
-  min-width: 3.5rem;
-  padding: 0.65rem 0.85rem;
+  flex: 0 0 auto;
+  min-width: 0;
+  min-height: 2.1rem;
+  padding: 0.42rem 0.7rem;
   cursor: pointer;
-  font-size: 0.875rem;
-  font-weight: 500;
+  font-size: 0.8125rem;
+  font-weight: 600;
   color: var(--octc-color-text-muted);
   border: 1px solid transparent;
   border-bottom: 2px solid transparent;
-  margin-bottom: -1px;
-  border-radius: 4px 4px 0 0;
+  border-radius: 5px;
   white-space: nowrap;
   transition:
     background-color 0.2s ease,
@@ -82,7 +82,7 @@
 /* Tab content panels */
 .ox-tab-panel {
   display: none;
-  padding: 1rem;
+  padding: 0.85rem 0.9rem;
   background: var(--octc-color-bg);
 }
 
@@ -169,7 +169,7 @@
 }
 
 .ox-tabs-fallback summary {
-  padding: 0.75rem 1rem;
+  padding: 0.55rem 0.75rem;
   cursor: pointer;
   font-weight: 500;
   background: var(--octc-color-bg-alt);
@@ -198,7 +198,7 @@
 }
 
 .ox-tabs-fallback .ox-tabs-fallback-content {
-  padding: 1rem;
+  padding: 0.85rem 0.9rem;
 }
 
 /* The disclosure marker still turns, it just turns instantly. */

package/dist/styles/twitter-full.css

@@ -1,3 +1,74 @@
+/*
+ * Host-prose isolation for full-fidelity Tweet cards.
+ *
+ * The full card replaces native elements — a `<figure>` root, `<img>`
+ * avatars and media, a `<blockquote>` for the quoted post — and an article
+ * stylesheet such as `@tailwindcss/typography` styles those by element. The
+ * component rules below the isolation block win wherever they set a
+ * property; this file covers the properties they never set, which is how a
+ * `.prose` article was adding image margins to avatars and quotation
+ * typography to the quoted post.
+ *
+ * Every selector doubles the root class (`.ox-tweet.ox-tweet--full`) so it
+ * outranks `.prose <element>` regardless of which stylesheet the host
+ * imports last. Generated quotes need a longer chain still: Tailwind writes
+ * them at `.prose blockquote p:first-of-type::before`.
+ */
+
+/*
+ * The card root is a `<figure>`, and the component sets its margin at one
+ * class of specificity — which `.prose figure` outranks. Restate it here
+ * through the same custom property, so a host that overrides the property
+ * still gets what it asked for.
+ */
+.ox-tweet.ox-tweet--full {
+  margin: var(--ox-tweet-container-margin);
+}
+
+.ox-tweet.ox-tweet--full :where(img, video, figure, picture, svg) {
+  margin: 0;
+}
+
+.ox-tweet.ox-tweet--full :where(p, ul, ol, li, dl, dd, dt, hr, h1, h2, h3, h4, h5, h6) {
+  margin: 0;
+  padding: 0;
+}
+
+.ox-tweet.ox-tweet--full :where(ul, ol) {
+  list-style: none;
+}
+
+.ox-tweet.ox-tweet--full :where(a) {
+  font-weight: inherit;
+  text-decoration: none;
+}
+
+.ox-tweet.ox-tweet--full :where(code, pre, kbd, samp) {
+  padding: 0;
+  font-size: inherit;
+  font-family: inherit;
+  background: none;
+}
+
+.ox-tweet.ox-tweet--full :where(code)::before,
+.ox-tweet.ox-tweet--full :where(code)::after {
+  content: none;
+}
+
+/* The quoted post is a `<blockquote>`, which prose styles the hardest. */
+.ox-tweet.ox-tweet--full .ox-tweet__quote {
+  font-style: normal;
+  font-weight: 400;
+  color: inherit;
+  quotes: none;
+}
+
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p)::before,
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p)::after,
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p):first-of-type::before,
+.ox-tweet.ox-tweet--full .ox-tweet__quote :where(p):last-of-type::after {
+  content: none;
+}
 /*
  * Opt-in full-card chrome for Twitter/X embeds.
  * Loaded only when a page has .ox-tweet--full.

package/dist/theme-tokens.cjs

@@ -0,0 +1,95 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.renderThemeTokenCss = renderThemeTokenCss;
+exports.tokensToCss = tokensToCss;
+const TOKEN_PREFIX = "--octc-";
+const TOKEN_NAME_PATTERN = /^[a-z][a-z0-9-]*$/;
+/**
+ * Renders a theme's `--octc-*` tokens as a standalone stylesheet.
+ *
+ * The built-in SSG emits these declarations itself, but `ssg.bare: true` and
+ * custom hosts render their own document — this is how they get the same
+ * tokens. The built-in highlighter emits `var(--octc-syntax-*)` references, so
+ * a bare host that wants only the highlighter palette can ask for it:
+ *
+ * ```ts
+ * import { renderThemeTokenCss } from "@ox-content/vite-plugin/theme-tokens";
+ * import { kanagawa } from "@ox-content/theme-color-kanagawa";
+ *
+ * const css = renderThemeTokenCss(kanagawa, {
+ *   include: (name) => name.startsWith("syntax-"),
+ * });
+ * ```
+ *
+ * Layers compose left to right and each layer's `extends` chain is flattened
+ * base-first, matching how `resolveTheme()` stacks a skin and a color scheme.
+ */
+function renderThemeTokenCss(theme, options = {}) {
+    const layers = (Array.isArray(theme) ? theme : [theme]).flatMap(expandExtendsChain);
+    return tokensToCss(mergeTokens(layers, "tokens", options.include), mergeTokens(layers, "darkTokens", options.include));
+}
+/**
+ * Renders light and dark token records as the three selectors the SSG runtime
+ * switches between: an explicit `[data-theme="dark"]` opt-in, the OS
+ * `prefers-color-scheme` fallback, and the `:root` base.
+ *
+ * Emitted after the typed color variables and before the theme's own `css`, so
+ * a token can override a typed color and raw `css` can override a token.
+ */
+function tokensToCss(light, dark) {
+    const lightBody = declarations(light, "  ");
+    const darkBody = declarations(dark, "  ");
+    const blocks = [];
+    if (lightBody) {
+        blocks.push(`:root {\n${lightBody}\n}`);
+    }
+    if (darkBody) {
+        blocks.push(`[data-theme="dark"] {\n${darkBody}\n}`);
+        blocks.push(`@media (prefers-color-scheme: dark) {\n  :root:not([data-theme="light"]) {\n${declarations(dark, "    ")}\n  }\n}`);
+    }
+    return blocks.join("\n");
+}
+function declarations(tokens, indent) {
+    return Object.entries(tokens)
+        .filter(([, value]) => value !== undefined && value !== "")
+        .map(([name, value]) => `${indent}${TOKEN_PREFIX}${assertTokenName(name)}: ${value};`)
+        .join("\n");
+}
+function assertTokenName(name) {
+    // Token names land verbatim inside a declaration block, so a stray `:` or `}`
+    // would silently break every rule after it. Fail the build with the offending
+    // key instead of shipping a corrupt stylesheet.
+    if (!TOKEN_NAME_PATTERN.test(name)) {
+        throw new Error(`Invalid theme token name: ${JSON.stringify(name)}. ` +
+            `Token names are lowercase kebab-case without the "${TOKEN_PREFIX}" prefix (e.g. "surface-glass").`);
+    }
+    return name;
+}
+function mergeTokens(layers, field, include) {
+    const merged = {};
+    for (const layer of layers) {
+        for (const [name, value] of Object.entries(layer[field] ?? {})) {
+            if (!include || include(name)) {
+                merged[name] = value;
+            }
+        }
+    }
+    return merged;
+}
+/**
+ * Flattens one layer's `extends` chain into base-first order, mirroring the
+ * SSG's own resolution. The `seen` guard keeps a theme that extends itself (or
+ * forms a cycle across two packages) from hanging the caller.
+ */
+function expandExtendsChain(theme) {
+    const chain = [];
+    const seen = new Set();
+    let current = theme;
+    while (current && !seen.has(current)) {
+        seen.add(current);
+        chain.unshift(current);
+        current = current.extends;
+    }
+    return chain;
+}
+//# sourceMappingURL=theme-tokens.cjs.map

package/dist/theme-tokens.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-tokens.cjs","sourceRoot":"","sources":["../../../../home/runner/work/ox-content/ox-content/npm/vite-plugin-ox-content/src/theme-tokens.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * Free-form `--octc-*` custom properties for themes that need more than the\n * typed `colors` / `fonts` / `layout` fields.\n *\n * Keys are written **without** the `--octc-` prefix, so `\"surface-glass\"`\n * becomes `--octc-surface-glass`. This is the seam that keeps the two theme\n * axes independent: a color package can restyle code-block line markers, brand\n * accents, and surface textures purely through tokens, while a skin package\n * lays out geometry against those same tokens without knowing any color.\n */\nexport type ThemeTokens = Record<string, string>;\n\nconst TOKEN_PREFIX = \"--octc-\";\nconst TOKEN_NAME_PATTERN = /^[a-z][a-z0-9-]*$/;\n\n/**\n * The token-bearing shape of a theme.\n *\n * Declared structurally instead of importing `ThemeConfig` so this module keeps\n * an empty import graph: `@ox-content/vite-plugin/theme-tokens` has to be\n * loadable by a bare (`ssg.bare: true`) or custom host that never pulls in the\n * Vite plugin, the SSG, the native binding, or a filesystem API. Every\n * `ThemeConfig` — including the published `@ox-content/theme-color-*` and\n * `@ox-content/theme-*` packages — satisfies it.\n */\nexport interface ThemeTokenSource {\n  tokens?: ThemeTokens;\n  darkTokens?: ThemeTokens;\n  extends?: ThemeTokenSource;\n}\n\n/**\n * Options for {@link renderThemeTokenCss}.\n */\nexport interface RenderThemeTokenCssOptions {\n  /**\n   * Keeps only the tokens whose name passes the predicate. Names arrive without\n   * the `--octc-` prefix, so `(name) => name.startsWith(\"syntax-\")` reuses a\n   * color scheme's highlighter palette without adopting its page colors,\n   * typography, or layout policy.\n   *\n   * Filtering runs per layer, before merging, so a token a later layer would\n   * have overridden is dropped along with the override.\n   */\n  include?: (name: string) => boolean;\n}\n\n/**\n * Renders a theme's `--octc-*` tokens as a standalone stylesheet.\n *\n * The built-in SSG emits these declarations itself, but `ssg.bare: true` and\n * custom hosts render their own document — this is how they get the same\n * tokens. The built-in highlighter emits `var(--octc-syntax-*)` references, so\n * a bare host that wants only the highlighter palette can ask for it:\n *\n * ```ts\n * import { renderThemeTokenCss } from \"@ox-content/vite-plugin/theme-tokens\";\n * import { kanagawa } from \"@ox-content/theme-color-kanagawa\";\n *\n * const css = renderThemeTokenCss(kanagawa, {\n *   include: (name) => name.startsWith(\"syntax-\"),\n * });\n * ```\n *\n * Layers compose left to right and each layer's `extends` chain is flattened\n * base-first, matching how `resolveTheme()` stacks a skin and a color scheme.\n */\nexport function renderThemeTokenCss(\n  theme: ThemeTokenSource | ThemeTokenSource[],\n  options: RenderThemeTokenCssOptions = {},\n): string {\n  const layers = (Array.isArray(theme) ? theme : [theme]).flatMap(expandExtendsChain);\n  return tokensToCss(\n    mergeTokens(layers, \"tokens\", options.include),\n    mergeTokens(layers, \"darkTokens\", options.include),\n  );\n}\n\n/**\n * Renders light and dark token records as the three selectors the SSG runtime\n * switches between: an explicit `[data-theme=\"dark\"]` opt-in, the OS\n * `prefers-color-scheme` fallback, and the `:root` base.\n *\n * Emitted after the typed color variables and before the theme's own `css`, so\n * a token can override a typed color and raw `css` can override a token.\n */\nexport function tokensToCss(light: ThemeTokens, dark: ThemeTokens): string {\n  const lightBody = declarations(light, \"  \");\n  const darkBody = declarations(dark, \"  \");\n  const blocks: string[] = [];\n\n  if (lightBody) {\n    blocks.push(`:root {\\n${lightBody}\\n}`);\n  }\n  if (darkBody) {\n    blocks.push(`[data-theme=\"dark\"] {\\n${darkBody}\\n}`);\n    blocks.push(\n      `@media (prefers-color-scheme: dark) {\\n  :root:not([data-theme=\"light\"]) {\\n${declarations(dark, \"    \")}\\n  }\\n}`,\n    );\n  }\n\n  return blocks.join(\"\\n\");\n}\n\nfunction declarations(tokens: ThemeTokens, indent: string): string {\n  return Object.entries(tokens)\n    .filter(([, value]) => value !== undefined && value !== \"\")\n    .map(([name, value]) => `${indent}${TOKEN_PREFIX}${assertTokenName(name)}: ${value};`)\n    .join(\"\\n\");\n}\n\nfunction assertTokenName(name: string): string {\n  // Token names land verbatim inside a declaration block, so a stray `:` or `}`\n  // would silently break every rule after it. Fail the build with the offending\n  // key instead of shipping a corrupt stylesheet.\n  if (!TOKEN_NAME_PATTERN.test(name)) {\n    throw new Error(\n      `Invalid theme token name: ${JSON.stringify(name)}. ` +\n        `Token names are lowercase kebab-case without the \"${TOKEN_PREFIX}\" prefix (e.g. \"surface-glass\").`,\n    );\n  }\n  return name;\n}\n\nfunction mergeTokens(\n  layers: ThemeTokenSource[],\n  field: \"tokens\" | \"darkTokens\",\n  include?: (name: string) => boolean,\n): ThemeTokens {\n  const merged: ThemeTokens = {};\n\n  for (const layer of layers) {\n    for (const [name, value] of Object.entries(layer[field] ?? {})) {\n      if (!include || include(name)) {\n        merged[name] = value;\n      }\n    }\n  }\n\n  return merged;\n}\n\n/**\n * Flattens one layer's `extends` chain into base-first order, mirroring the\n * SSG's own resolution. The `seen` guard keeps a theme that extends itself (or\n * forms a cycle across two packages) from hanging the caller.\n */\nfunction expandExtendsChain(theme: ThemeTokenSource): ThemeTokenSource[] {\n  const chain: ThemeTokenSource[] = [];\n  const seen = new Set<ThemeTokenSource>();\n  let current: ThemeTokenSource | undefined = theme;\n\n  while (current && !seen.has(current)) {\n    seen.add(current);\n    chain.unshift(current);\n    current = current.extends;\n  }\n\n  return chain;\n}\n"]}

package/dist/theme-tokens.d.cts

@@ -0,0 +1,75 @@
+//#region src/theme-tokens.d.ts
+/**
+ * Free-form `--octc-*` custom properties for themes that need more than the
+ * typed `colors` / `fonts` / `layout` fields.
+ *
+ * Keys are written **without** the `--octc-` prefix, so `"surface-glass"`
+ * becomes `--octc-surface-glass`. This is the seam that keeps the two theme
+ * axes independent: a color package can restyle code-block line markers, brand
+ * accents, and surface textures purely through tokens, while a skin package
+ * lays out geometry against those same tokens without knowing any color.
+ */
+type ThemeTokens = Record<string, string>;
+/**
+ * The token-bearing shape of a theme.
+ *
+ * Declared structurally instead of importing `ThemeConfig` so this module keeps
+ * an empty import graph: `@ox-content/vite-plugin/theme-tokens` has to be
+ * loadable by a bare (`ssg.bare: true`) or custom host that never pulls in the
+ * Vite plugin, the SSG, the native binding, or a filesystem API. Every
+ * `ThemeConfig` — including the published `@ox-content/theme-color-*` and
+ * `@ox-content/theme-*` packages — satisfies it.
+ */
+interface ThemeTokenSource {
+  tokens?: ThemeTokens;
+  darkTokens?: ThemeTokens;
+  extends?: ThemeTokenSource;
+}
+/**
+ * Options for {@link renderThemeTokenCss}.
+ */
+interface RenderThemeTokenCssOptions {
+  /**
+   * Keeps only the tokens whose name passes the predicate. Names arrive without
+   * the `--octc-` prefix, so `(name) => name.startsWith("syntax-")` reuses a
+   * color scheme's highlighter palette without adopting its page colors,
+   * typography, or layout policy.
+   *
+   * Filtering runs per layer, before merging, so a token a later layer would
+   * have overridden is dropped along with the override.
+   */
+  include?: (name: string) => boolean;
+}
+/**
+ * Renders a theme's `--octc-*` tokens as a standalone stylesheet.
+ *
+ * The built-in SSG emits these declarations itself, but `ssg.bare: true` and
+ * custom hosts render their own document — this is how they get the same
+ * tokens. The built-in highlighter emits `var(--octc-syntax-*)` references, so
+ * a bare host that wants only the highlighter palette can ask for it:
+ *
+ * ```ts
+ * import { renderThemeTokenCss } from "@ox-content/vite-plugin/theme-tokens";
+ * import { kanagawa } from "@ox-content/theme-color-kanagawa";
+ *
+ * const css = renderThemeTokenCss(kanagawa, {
+ *   include: (name) => name.startsWith("syntax-"),
+ * });
+ * ```
+ *
+ * Layers compose left to right and each layer's `extends` chain is flattened
+ * base-first, matching how `resolveTheme()` stacks a skin and a color scheme.
+ */
+declare function renderThemeTokenCss(theme: ThemeTokenSource | ThemeTokenSource[], options?: RenderThemeTokenCssOptions): string;
+/**
+ * Renders light and dark token records as the three selectors the SSG runtime
+ * switches between: an explicit `[data-theme="dark"]` opt-in, the OS
+ * `prefers-color-scheme` fallback, and the `:root` base.
+ *
+ * Emitted after the typed color variables and before the theme's own `css`, so
+ * a token can override a typed color and raw `css` can override a token.
+ */
+declare function tokensToCss(light: ThemeTokens, dark: ThemeTokens): string;
+//#endregion
+export { RenderThemeTokenCssOptions, ThemeTokenSource, ThemeTokens, renderThemeTokenCss, tokensToCss };
+//# sourceMappingURL=theme-tokens.d.cts.map