@takazudo/zudo-doc 0.1.0

package/dist/header/nav-overflow-script.js

@@ -0,0 +1,169 @@
+import { AFTER_NAVIGATE_EVENT } from "../transitions/page-events.js";
+const NAV_OVERFLOW_SCRIPT = `(function () {
+  var cleanupNavOverflow = null;
+
+  function initNavOverflow() {
+    if (cleanupNavOverflow) cleanupNavOverflow();
+
+    var nav = document.querySelector("[data-header-nav]");
+    var moreContainer = document.querySelector("[data-nav-more]");
+    var moreMenu = document.querySelector("[data-nav-more-menu]");
+    var moreToggle = document.querySelector("[data-nav-more-toggle]");
+    if (!nav || !moreContainer || !moreMenu || !moreToggle) return;
+
+    var items = Array.from(nav.querySelectorAll(":scope > [data-nav-item]"));
+    if (items.length === 0) return;
+
+    var controller = new AbortController();
+
+    function update() {
+      items.forEach(function (el) { el.style.display = ""; });
+      moreContainer.style.display = "";
+      moreMenu.innerHTML = "";
+      moreMenu.classList.add("hidden");
+      moreToggle.setAttribute("aria-expanded", "false");
+
+      var itemWidths = items.map(function (el) { return el.offsetWidth; });
+      var moreWidth = moreContainer.offsetWidth;
+      var navGap = parseFloat(getComputedStyle(nav).columnGap) || 0;
+      var available = nav.clientWidth;
+
+      if (available <= 0) {
+        moreContainer.style.display = "none";
+        return;
+      }
+
+      var total = 0;
+      for (var i = 0; i < itemWidths.length; i++) {
+        total += itemWidths[i] + (i > 0 ? navGap : 0);
+      }
+
+      if (total <= available) {
+        moreContainer.style.display = "none";
+        return;
+      }
+
+      var used = 0;
+      var cutoffIndex = 0;
+
+      for (var i2 = 0; i2 < items.length; i2++) {
+        var w = itemWidths[i2] + (i2 > 0 ? navGap : 0);
+        if (used + w > available - moreWidth - navGap) break;
+        used += w;
+        cutoffIndex = i2 + 1;
+      }
+
+      for (var i3 = cutoffIndex; i3 < items.length; i3++) {
+        items[i3].style.display = "none";
+      }
+
+      for (var i4 = cutoffIndex; i4 < items.length; i4++) {
+        var el = items[i4];
+        var isDropdown = el.hasAttribute("data-nav-item-dropdown");
+
+        if (isDropdown) {
+          var parentLink = el.querySelector(":scope > a");
+          var childLinks = el.querySelectorAll(":scope > div a");
+          if (parentLink) {
+            var li = document.createElement("li");
+            var a = document.createElement("a");
+            a.href = parentLink.href;
+            var parentText = parentLink.textContent ? parentLink.textContent.trim().replace(/\\s+/g, " ") : "";
+            a.textContent = parentText;
+            a.className = "block px-hsp-md py-vsp-2xs text-small font-bold hover:bg-accent/10 hover:underline focus-visible:underline text-fg";
+            if (parentLink.getAttribute("aria-current") === "page") {
+              a.className += " text-accent";
+            }
+            li.appendChild(a);
+            moreMenu.appendChild(li);
+          }
+          childLinks.forEach(function (child) {
+            var li = document.createElement("li");
+            var a = document.createElement("a");
+            a.href = child.href;
+            a.textContent = child.textContent ? child.textContent.trim() : "";
+            var isChildActive = child.hasAttribute("data-active");
+            a.className = isChildActive
+              ? "block pl-hsp-xl pr-hsp-md py-vsp-2xs text-small font-bold text-accent hover:bg-accent/10 hover:underline focus-visible:underline"
+              : "block pl-hsp-xl pr-hsp-md py-vsp-2xs text-small text-muted hover:bg-accent/10 hover:text-fg hover:underline focus-visible:underline";
+            li.appendChild(a);
+            moreMenu.appendChild(li);
+          });
+        } else {
+          var anchor = el;
+          var li2 = document.createElement("li");
+          var a2 = document.createElement("a");
+          a2.href = anchor.href;
+          a2.textContent = anchor.textContent ? anchor.textContent.trim() : "";
+          a2.className = "block px-hsp-md py-vsp-2xs text-small hover:bg-accent/10 hover:underline focus-visible:underline text-fg";
+          if (anchor.getAttribute("aria-current") === "page") {
+            a2.className += " font-bold text-accent";
+          }
+          li2.appendChild(a2);
+          moreMenu.appendChild(li2);
+        }
+      }
+    }
+
+    moreToggle.addEventListener("click", function () {
+      var isOpen = !moreMenu.classList.contains("hidden");
+      moreMenu.classList.toggle("hidden", isOpen);
+      moreToggle.setAttribute("aria-expanded", String(!isOpen));
+    }, { signal: controller.signal });
+
+    document.addEventListener("click", function (e) {
+      if (!moreContainer.contains(e.target)) {
+        moreMenu.classList.add("hidden");
+        moreToggle.setAttribute("aria-expanded", "false");
+      }
+    }, { signal: controller.signal });
+
+    document.addEventListener("keydown", function (e) {
+      if (e.key !== "Escape") return;
+      if (!moreMenu.classList.contains("hidden")) {
+        moreMenu.classList.add("hidden");
+        moreToggle.setAttribute("aria-expanded", "false");
+        moreToggle.focus();
+        return;
+      }
+      var active = document.activeElement;
+      var dropdown = active && active.closest ? active.closest("[data-nav-item-dropdown]") : null;
+      if (dropdown && active && active.blur) {
+        active.blur();
+      }
+    }, { signal: controller.signal });
+
+    var dropdowns = nav.querySelectorAll("[data-nav-item-dropdown]");
+    dropdowns.forEach(function (dd) {
+      var trigger = dd.querySelector(":scope > a");
+      if (!trigger) return;
+      function setExpanded(v) {
+        trigger.setAttribute("aria-expanded", String(v));
+      }
+      dd.addEventListener("mouseenter", function () { setExpanded(true); }, { signal: controller.signal });
+      dd.addEventListener("mouseleave", function () { setExpanded(false); }, { signal: controller.signal });
+      dd.addEventListener("focusin", function () { setExpanded(true); }, { signal: controller.signal });
+      dd.addEventListener("focusout", function (e) {
+        if (!dd.contains(e.relatedTarget)) {
+          setExpanded(false);
+        }
+      }, { signal: controller.signal });
+    });
+
+    var ro = new ResizeObserver(update);
+    ro.observe(nav);
+    controller.signal.addEventListener("abort", function () { ro.disconnect(); });
+
+    document.fonts.ready.then(update);
+
+    update();
+
+    cleanupNavOverflow = function () { controller.abort(); };
+  }
+
+  initNavOverflow();
+  document.addEventListener(${JSON.stringify(AFTER_NAVIGATE_EVENT)}, initNavOverflow);
+})();`;
+export {
+  NAV_OVERFLOW_SCRIPT
+};

package/dist/header/right-items.d.ts

@@ -0,0 +1,38 @@
+import { HeaderRightItem } from './types.js';
+
+/**
+ * Runtime gates for `filterHeaderRightItems`.
+ *
+ * Mirrors the predicates in the legacy host-side helper (`src/utils/
+ * header-right-items.ts` pre-#1729). Each flag corresponds to a specific
+ * `settings.*` switch the original implementation consulted directly:
+ *
+ *   - `designTokenPanel` — `settings.designTokenPanel || settings.colorTweakPanel`
+ *   - `colorTweakPanel`  — retained for symmetry; treated as an OR with
+ *     `designTokenPanel` so callers that still distinguish the deprecated
+ *     alias get the same gate as the legacy helper.
+ *   - `aiAssistant`      — `settings.aiAssistant`
+ *   - `colorMode`        — `Boolean(settings.colorMode)`
+ *   - `hasLocales`       — `Object.keys(settings.locales).length > 0`
+ *   - `hasVersions`      — `Boolean(settings.versions)`
+ *   - `hasGithubUrl`     — `Boolean(settings.githubUrl)`
+ */
+interface HeaderRightItemFlags {
+    designTokenPanel: boolean;
+    colorTweakPanel: boolean;
+    aiAssistant: boolean;
+    colorMode: boolean;
+    hasLocales: boolean;
+    hasVersions: boolean;
+    hasGithubUrl: boolean;
+}
+/**
+ * Drop header-right items whose gating flag is off. Pure function — the
+ * caller is responsible for computing the flags from host config.
+ *
+ * Items not gated by any flag (links, raw HTML, version-switcher when
+ * versions are configured, search, …) pass through untouched.
+ */
+declare function filterHeaderRightItems(items: HeaderRightItem[], flags: HeaderRightItemFlags): HeaderRightItem[];
+
+export { type HeaderRightItemFlags, filterHeaderRightItems };

package/dist/header/right-items.js

@@ -0,0 +1,30 @@
+function filterHeaderRightItems(items, flags) {
+  return items.filter((item) => {
+    if (item.type === "trigger") {
+      if (item.trigger === "design-token-panel") {
+        return flags.designTokenPanel || flags.colorTweakPanel;
+      }
+      if (item.trigger === "ai-chat") {
+        return flags.aiAssistant;
+      }
+    }
+    if (item.type === "component") {
+      if (item.component === "theme-toggle") {
+        return flags.colorMode;
+      }
+      if (item.component === "language-switcher") {
+        return flags.hasLocales;
+      }
+      if (item.component === "version-switcher") {
+        return flags.hasVersions;
+      }
+      if (item.component === "github-link") {
+        return flags.hasGithubUrl;
+      }
+    }
+    return true;
+  });
+}
+export {
+  filterHeaderRightItems
+};

package/dist/header/types.d.ts

@@ -0,0 +1,40 @@
+/**
+ * Locale code as seen by the header. Widened from the host's literal
+ * union (`"en" | "ja" | …`) to plain `string` at the v2 boundary so the
+ * package can render for any project's locale set without a generic
+ * parameter (super-epic #1724, sub-issue #1729).
+ */
+type Locale = string;
+interface HeaderNavChildItem {
+    label: string;
+    labelKey?: string;
+    path: string;
+    categoryMatch?: string;
+}
+interface HeaderNavItem extends HeaderNavChildItem {
+    children?: HeaderNavChildItem[];
+}
+type HeaderRightComponentName = "theme-toggle" | "language-switcher" | "version-switcher" | "github-link" | "search";
+type HeaderRightTriggerName = "design-token-panel" | "ai-chat";
+interface HeaderRightComponentItem {
+    type: "component";
+    component: HeaderRightComponentName;
+}
+interface HeaderRightTriggerItem {
+    type: "trigger";
+    trigger: HeaderRightTriggerName;
+}
+interface HeaderRightLinkItem {
+    type: "link";
+    href: string;
+    label?: string;
+    ariaLabel?: string;
+    icon?: "github";
+}
+interface HeaderRightHtmlItem {
+    type: "html";
+    html: string;
+}
+type HeaderRightItem = HeaderRightComponentItem | HeaderRightTriggerItem | HeaderRightLinkItem | HeaderRightHtmlItem;
+
+export type { HeaderNavChildItem, HeaderNavItem, HeaderRightComponentItem, HeaderRightComponentName, HeaderRightHtmlItem, HeaderRightItem, HeaderRightLinkItem, HeaderRightTriggerItem, HeaderRightTriggerName, Locale };

package/dist/html-preview-wrapper/dedent.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Strip common leading whitespace from all lines of a template literal string.
+ * Similar to Python's textwrap.dedent().
+ *
+ * Copied from src/utils/dedent.ts so the v2 package has no upward dependency
+ * on the host project's source.
+ */
+declare function dedent(text: string): string;
+
+export { dedent };

package/dist/html-preview-wrapper/dedent.js

@@ -0,0 +1,16 @@
+function dedent(text) {
+  const lines = text.split("\n");
+  let minIndent = Infinity;
+  for (const line of lines) {
+    if (line.trim().length === 0) continue;
+    const indent = line.match(/^(\s*)/)?.[1].length ?? 0;
+    if (indent < minIndent) minIndent = indent;
+  }
+  if (minIndent === 0 || minIndent === Infinity) {
+    return text.trim();
+  }
+  return lines.map((line) => line.trim().length === 0 ? "" : line.slice(minIndent)).join("\n").trim();
+}
+export {
+  dedent
+};

package/dist/html-preview-wrapper/highlighted-code.d.ts

@@ -0,0 +1,18 @@
+import { VNode } from 'preact';
+
+/** @jsxRuntime automatic */
+/** @jsxImportSource preact */
+
+interface HighlightedCodeProps {
+    code: string;
+    language: string;
+}
+/**
+ * Syntax-highlighted code block backed by Shiki. Falls back to a
+ * plain `<pre><code>` block while Shiki is loading or if it fails.
+ *
+ * JSX port of src/components/html-preview/highlighted-code.tsx.
+ */
+declare function HighlightedCode({ code, language, }: HighlightedCodeProps): VNode;
+
+export { HighlightedCode, type HighlightedCodeProps };

package/dist/html-preview-wrapper/highlighted-code.js

@@ -0,0 +1,53 @@
+import { jsx } from "preact/jsx-runtime";
+import { useEffect, useState } from "preact/hooks";
+let highlighterPromise = null;
+function getHighlighter() {
+  if (!highlighterPromise) {
+    highlighterPromise = import("shiki").then(
+      ({ createHighlighter }) => createHighlighter({
+        themes: ["catppuccin-latte", "vitesse-dark"],
+        langs: ["html", "css", "javascript"]
+      })
+    ).catch((err) => {
+      highlighterPromise = null;
+      throw err;
+    });
+  }
+  return highlighterPromise;
+}
+function HighlightedCode({
+  code,
+  language
+}) {
+  const [html, setHtml] = useState(null);
+  useEffect(() => {
+    let cancelled = false;
+    getHighlighter().then((highlighter) => {
+      if (cancelled) return;
+      const lang = highlighter.getLoadedLanguages().includes(language) ? language : "text";
+      const result = highlighter.codeToHtml(code, {
+        lang,
+        themes: { light: "catppuccin-latte", dark: "vitesse-dark" },
+        defaultColor: false
+      });
+      setHtml(result);
+    }).catch(() => {
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [code, language]);
+  if (!html) {
+    return /* @__PURE__ */ jsx("pre", { class: "m-0 p-hsp-md bg-code-bg text-caption leading-relaxed overflow-x-auto", children: /* @__PURE__ */ jsx("code", { class: "font-mono whitespace-pre", children: code }) });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      class: "zd-html-preview-code",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+}
+export {
+  HighlightedCode
+};

package/dist/html-preview-wrapper/html-preview-wrapper.d.ts

@@ -0,0 +1,60 @@
+import { VNode } from 'preact';
+
+/** @jsxRuntime automatic */
+/** @jsxImportSource preact */
+
+/**
+ * Global HTML preview configuration. Mirrors the `settings.htmlPreview`
+ * shape from the host project so callers can pass the resolved config
+ * object directly.
+ */
+interface HtmlPreviewGlobalConfig {
+    /** CSS appended to every preview iframe (e.g. global component library styles). */
+    css?: string;
+    /** HTML injected into the `<head>` of every preview iframe. */
+    head?: string;
+    /** JavaScript appended to every preview iframe's `<body>`. */
+    js?: string;
+}
+interface HtmlPreviewWrapperProps {
+    /**
+     * Site-wide HTML preview configuration (resolved from
+     * `settings.htmlPreview` by the caller). When provided, its
+     * `head`, `css`, and `js` are prepended to the per-usage values so
+     * that global styles/scripts apply to every preview.
+     *
+     * The legacy `html-preview-wrapper.astro` read this directly from
+     * `settings`; v2 accepts it as a prop so the component has no
+     * upward dependency on the project settings module.
+     */
+    globalConfig?: HtmlPreviewGlobalConfig | null;
+    /** HTML body content to display in the iframe. */
+    html: string;
+    /** Per-usage CSS injected after the global CSS. */
+    css?: string;
+    /** Per-usage `<head>` content injected after the global head. */
+    head?: string;
+    /** Per-usage JavaScript injected after the global JS. */
+    js?: string;
+    /** Optional title displayed in the preview title bar. */
+    title?: string;
+    /** Fixed iframe height in pixels. Auto-sizes when omitted. */
+    height?: number;
+    /** When true, the code section is expanded by default. */
+    defaultOpen?: boolean;
+}
+/**
+ * HTML preview wrapper — JSX port of
+ * `src/components/html-preview-wrapper.astro`.
+ *
+ * The legacy Astro wrapper merged `settings.htmlPreview` (global config)
+ * with per-usage props and forwarded everything to `<HtmlPreview
+ * client:visible />`. v2 collapses the merge into the inner shell and
+ * wraps it in `<Island when="visible">` here, mirroring the legacy
+ * `client:visible` hydration timing — the iframe is heavy and not on
+ * the critical path, so we defer hydration until the preview enters
+ * the viewport.
+ */
+declare function HtmlPreviewWrapper(props: HtmlPreviewWrapperProps): VNode;
+
+export { type HtmlPreviewGlobalConfig, HtmlPreviewWrapper, type HtmlPreviewWrapperProps };

package/dist/html-preview-wrapper/html-preview-wrapper.js

@@ -0,0 +1,36 @@
+"use client";
+import { jsx } from "preact/jsx-runtime";
+import { Island } from "@takazudo/zfb";
+import { HtmlPreview } from "./html-preview.js";
+function HtmlPreviewWrapperInner(props) {
+  const { globalConfig, html, css, head, js, title, height, defaultOpen } = props;
+  const mergedHead = [globalConfig?.head, head].filter(Boolean).join("\n") || void 0;
+  const mergedCss = [globalConfig?.css, css].filter(Boolean).join("\n") || void 0;
+  const mergedJs = [globalConfig?.js, js].filter(Boolean).join("\n") || void 0;
+  return /* @__PURE__ */ jsx(
+    HtmlPreview,
+    {
+      html,
+      css: mergedCss,
+      head: mergedHead,
+      js: mergedJs,
+      title,
+      height,
+      defaultOpen,
+      componentCss: css,
+      componentHead: head,
+      componentJs: js
+    }
+  );
+}
+HtmlPreviewWrapperInner.displayName = "HtmlPreviewWrapper";
+function HtmlPreviewWrapper(props) {
+  const rendered = Island({
+    when: "visible",
+    children: /* @__PURE__ */ jsx(HtmlPreviewWrapperInner, { ...props })
+  });
+  return rendered;
+}
+export {
+  HtmlPreviewWrapper
+};

package/dist/html-preview-wrapper/html-preview.d.ts

@@ -0,0 +1,35 @@
+import { VNode } from 'preact';
+
+/** @jsxRuntime automatic */
+/** @jsxImportSource preact */
+
+interface HtmlPreviewProps {
+    html: string;
+    css?: string;
+    head?: string;
+    js?: string;
+    title?: string;
+    height?: number;
+    defaultOpen?: boolean;
+    /** Per-component css for code block display (before global merge) */
+    componentCss?: string;
+    /** Per-component head for code block display (before global merge) */
+    componentHead?: string;
+    /** Per-component js for code block display (before global merge) */
+    componentJs?: string;
+}
+/**
+ * HTML preview widget — renders an isolated iframe with viewport
+ * controls and a collapsible code section.
+ *
+ * JSX port of src/components/html-preview/html-preview.tsx with
+ * React → Preact hook imports.
+ *
+ * Requires client-side JS (iframe load events, height sync, code
+ * toggle). Mount as an island via `<HtmlPreview client:visible />` in
+ * Astro, or wire up the SSR-skip placeholder pattern for non-Astro
+ * consumers.
+ */
+declare function HtmlPreview({ html, css, head, js, title, height, defaultOpen, componentCss, componentHead, componentJs, }: HtmlPreviewProps): VNode;
+
+export { HtmlPreview, type HtmlPreviewProps };

package/dist/html-preview-wrapper/html-preview.js

@@ -0,0 +1,75 @@
+import { jsx } from "preact/jsx-runtime";
+import { useMemo } from "preact/hooks";
+import { PreviewBase } from "./preview-base.js";
+import { dedent } from "./dedent.js";
+import { preflightCss } from "./preflight.js";
+function containsScript(head, js) {
+  if (js) return true;
+  if (head && /<script/i.test(head)) return true;
+  return false;
+}
+function buildSrcdoc(html, css, head, js) {
+  return `<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<style>${preflightCss}</style>
+${head ?? ""}
+${css ? `<style>${css}</style>` : ""}
+</head>
+<body>${html}
+${js ? `<script>${js}</script>` : ""}
+</body>
+</html>`;
+}
+function HtmlPreview({
+  html,
+  css,
+  head,
+  js,
+  title,
+  height,
+  defaultOpen,
+  componentCss,
+  componentHead,
+  componentJs
+}) {
+  const srcdoc = useMemo(
+    () => buildSrcdoc(html, css, head, js),
+    [html, css, head, js]
+  );
+  const hasScripts = containsScript(head, js);
+  const syncDelay = hasScripts ? 300 : 0;
+  const sandboxValue = hasScripts ? "allow-scripts allow-same-origin" : "allow-same-origin";
+  const codeBlocks = useMemo(
+    () => [
+      { language: "html", title: "HTML", code: dedent(html) },
+      ...componentCss ? [{ language: "css", title: "CSS", code: dedent(componentCss) }] : [],
+      ...componentHead ? [{ language: "html", title: "Head", code: dedent(componentHead) }] : [],
+      ...componentJs ? [
+        {
+          language: "javascript",
+          title: "JS",
+          code: dedent(componentJs)
+        }
+      ] : []
+    ],
+    [html, componentCss, componentHead, componentJs]
+  );
+  return /* @__PURE__ */ jsx(
+    PreviewBase,
+    {
+      title,
+      height,
+      srcdoc,
+      defaultOpen,
+      sandbox: sandboxValue,
+      syncDelay,
+      codeBlocks
+    }
+  );
+}
+export {
+  HtmlPreview
+};

package/dist/html-preview-wrapper/index.d.ts

@@ -0,0 +1,5 @@
+export { HtmlPreviewGlobalConfig, HtmlPreviewWrapper, HtmlPreviewWrapperProps } from './html-preview-wrapper.js';
+export { HtmlPreview, HtmlPreviewProps } from './html-preview.js';
+export { CodeBlockData, PreviewBase, PreviewBaseProps } from './preview-base.js';
+export { HighlightedCode, HighlightedCodeProps } from './highlighted-code.js';
+import 'preact';

package/dist/html-preview-wrapper/index.js

@@ -0,0 +1,12 @@
+import {
+  HtmlPreviewWrapper
+} from "./html-preview-wrapper.js";
+import { HtmlPreview } from "./html-preview.js";
+import { PreviewBase } from "./preview-base.js";
+import { HighlightedCode } from "./highlighted-code.js";
+export {
+  HighlightedCode,
+  HtmlPreview,
+  HtmlPreviewWrapper,
+  PreviewBase
+};

package/dist/html-preview-wrapper/preflight.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Tailwind CSS v4 preflight (modern-normalize/reset).
+ * Source: https://unpkg.com/tailwindcss@4/preflight.css
+ *
+ * The --theme() references are replaced with standard fallback values
+ * so the reset works standalone inside an iframe.
+ *
+ * Copied verbatim from src/components/html-preview/preflight.ts so the
+ * v2 package has no upward dependency on the host project's source.
+ */
+declare const preflightCss = "\n*,\n::after,\n::before,\n::backdrop,\n::file-selector-button {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: 0 solid;\n}\n\nhtml,\n:host {\n  line-height: 1.5;\n  -webkit-text-size-adjust: 100%;\n  tab-size: 4;\n  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  -webkit-tap-highlight-color: transparent;\n}\n\nhr {\n  height: 0;\n  color: inherit;\n  border-top-width: 1px;\n}\n\nabbr:where([title]) {\n  -webkit-text-decoration: underline dotted;\n  text-decoration: underline dotted;\n}\n\nh1, h2, h3, h4, h5, h6 {\n  font-size: inherit;\n  font-weight: inherit;\n}\n\na {\n  color: inherit;\n  -webkit-text-decoration: inherit;\n  text-decoration: inherit;\n}\n\nb, strong {\n  font-weight: bolder;\n}\n\ncode, kbd, samp, pre {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;\n  font-size: 1em;\n}\n\nsmall {\n  font-size: 80%;\n}\n\nsub, sup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub { bottom: -0.25em; }\nsup { top: -0.5em; }\n\ntable {\n  text-indent: 0;\n  border-color: inherit;\n  border-collapse: collapse;\n}\n\nol, ul, menu {\n  list-style: none;\n}\n\nimg, svg, video, canvas, audio, iframe, embed, object {\n  display: block;\n  vertical-align: middle;\n}\n\nimg, video {\n  max-width: 100%;\n  height: auto;\n}\n\nbutton, input, select, optgroup, textarea, ::file-selector-button {\n  font: inherit;\n  font-feature-settings: inherit;\n  font-variation-settings: inherit;\n  letter-spacing: inherit;\n  color: inherit;\n  border-radius: 0;\n  background-color: transparent;\n  opacity: 1;\n}\n\ntextarea {\n  resize: vertical;\n}\n\n[hidden]:where(:not([hidden='until-found'])) {\n  display: none !important;\n}\n";
+
+export { preflightCss };