@k2b/ui 0.13.0 → 0.14.0

package/dist/browser/layout/MobileShell.js

@@ -35,8 +35,14 @@ const persistentToastInset = body => {
 
 /** Marks the link whose page is loading; the tab bar shows it as selected. */
 const PENDING = "data-k2b-pending";
+/** On a link: the title of the page it opens. Such a link switches the shell to that page's frame at the first touch. */
+const PAGE_TITLE = "data-k2b-title";
+/** On the root while the shell shows the frame of the page that is loading. */
+const SWITCHING = "data-k2b-switching";
+/** On the header title while the shell switches: the loading page's title, which the title shows instead. */
+const NEXT_TITLE = "data-k2b-next-title";
 
-/** The link a click follows as a page load of this origin, or null when the click does something else. */
+/** The link a click or press follows as a page load of this origin, or null when it does something else. */
 const pageLink = (root, event) => {
   if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return null;
   const link = event.target instanceof Element ? event.target.closest("a[href]") : null;
@@ -51,30 +57,62 @@ const pageLink = (root, event) => {
 /**
  * Taps on the shell's links. iOS shows `:active` only while the page listens to touches, so a tap gets its pressed
  * state at once. A link's page keeps loading while the old page stays visible; a second tap on it would cancel that
- * load and start it over, so it is ignored. Returns the cleanup.
+ * load and start it over, so it is ignored. A link that names its page's title, such as a tab, shows that page's
+ * frame at the first touch instead of at the end of the tap: its title and an empty content area, until the page
+ * arrives. Returns the cleanup.
  */
 const observeLinkTaps = root => {
+  /** The link marked as the next page. */
   let pending;
+  /** Whether its page is loading; a pressed tab waits for its click. */
+  let loading = false;
   const clear = () => {
     pending = undefined;
+    loading = false;
     for (const link of root.querySelectorAll(`[${PENDING}]`)) link.removeAttribute(PENDING);
+    root.removeAttribute(SWITCHING);
+    root.querySelector(".k2b-mobile-shell__title")?.removeAttribute(NEXT_TITLE);
+  };
+  const mark = link => {
+    clear();
+    pending = link.href;
+    link.setAttribute(PENDING, "");
+    const title = link.getAttribute(PAGE_TITLE);
+    const heading = root.querySelector(".k2b-mobile-shell__title");
+    if (title === null || !heading) return;
+    heading.setAttribute(NEXT_TITLE, title);
+    root.setAttribute(SWITCHING, "");
   };
   const touch = () => {};
+  // A press on a tab shows its page's frame while the finger is still down. The page itself loads with the click
+  // that ends the tap, as for any link: only the end of a touch counts as the person's action, and a load that
+  // started before it could let the browser's Back skip this page.
+  const press = event => {
+    if (!event.isPrimary) return;
+    const link = pageLink(root, event);
+    if (!link?.hasAttribute(PAGE_TITLE) || link.href === pending && loading) return;
+    mark(link);
+  };
+  // A press that the browser takes over, such as one that turns into a scroll, ends without a click and takes its
+  // frame back.
+  const cancel = event => {
+    if (event.isPrimary && !loading) clear();
+  };
   // On the window, so it runs after every handler of the click, including delegated ones that prevent it.
   const click = event => {
     const link = pageLink(root, event);
-    if (link && link.href === pending) {
+    if (link && link.href === pending && loading) {
       event.preventDefault();
       return;
     }
     // Any other tap ends the wait, also for a link that answered with a download instead of a page.
     clear();
     if (!link) return;
-    pending = link.href;
-    link.setAttribute(PENDING, "");
+    mark(link);
+    loading = true;
   };
   // iOS sends no click for a tap on content without an action, so the end of a tap anywhere else ends the wait as
-  // well. A touch that scrolls ends without a pointerup and keeps it.
+  // well. A touch that scrolls ends without a pointerup and keeps a load's wait.
   const release = event => {
     if (pending === undefined) return;
     const link = event.target instanceof Element ? event.target.closest("a[href]") : null;
@@ -87,11 +125,15 @@ const observeLinkTaps = root => {
   document.addEventListener("touchstart", touch, {
     passive: true
   });
+  window.addEventListener("pointerdown", press);
+  window.addEventListener("pointercancel", cancel);
   window.addEventListener("pointerup", release);
   window.addEventListener("click", click);
   window.addEventListener("pageshow", show);
   return () => {
     document.removeEventListener("touchstart", touch);
+    window.removeEventListener("pointerdown", press);
+    window.removeEventListener("pointercancel", cancel);
     window.removeEventListener("pointerup", release);
     window.removeEventListener("click", click);
     window.removeEventListener("pageshow", show);

package/dist/browser/layout/MobileShell.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/MobileShell.tsx"],"sourcesContent":["import { type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { IconButton, IconButtonLink } from \"../actions/Button\";\nimport ScrollArea from \"./ScrollArea\";\nimport { installScrollFades } from \"./scroll-fade\";\n\nexport type MobileShellProps = {\n  /** Usually `MobileShell.Header`; it sits above the scroll area and pads the top safe area. */\n  header: JSX.Element;\n  /** Usually a `TabBar`; it sits below the scroll area and pads the bottom safe area itself. */\n  footer?: JSX.Element;\n  /** The page content, inside the shell's only scroll area. */\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type MobileShellHeaderProps = {\n  title: string;\n  /** A Back control before the title: a link with `href`, otherwise a button. */\n  back?: { href?: string; onClick?: () => void; label: string };\n  /** Controls after the title, such as a menu. */\n  actions?: JSX.Element;\n};\n\n/** Read by the toast rail, which is portalled outside the shell, so it lives on the body. */\nconst FOOTER_HEIGHT = \"--k2b-mobile-shell-footer-height\";\n/** How much of the scroll area a persistent toast covers; local to the shell. */\nconst TOAST_INSET = \"--k2b-mobile-shell-toast-inset\";\n\n/**\n * The visible part of the toast rail when it holds a toast without a timer (`duration: 0`, running progress, or a\n * custom slot), so the last row of the scroll area can still scroll above it. A rail that sits elsewhere, such as\n * above a dialog, covers nothing.\n */\nconst persistentToastInset = (body: HTMLElement): number => {\n  if (document.querySelector(\"dialog:modal\")) return 0;\n  const cards = [...document.querySelectorAll<HTMLElement>(\"[data-k2b-toast-container] [data-k2b-toast]:not([data-closing])\")];\n  if (!cards.some((card) => card.dataset.persistent === \"true\")) return 0;\n  const area = body.getBoundingClientRect();\n  const top = Math.min(...cards.map((card) => card.getBoundingClientRect().top));\n  return Math.max(0, Math.min(area.height, area.bottom - top));\n};\n\n/** Marks the link whose page is loading; the tab bar shows it as selected. */\nconst PENDING = \"data-k2b-pending\";\n\n/** The link a click follows as a page load of this origin, or null when the click does something else. */\nconst pageLink = (root: HTMLElement, event: MouseEvent): HTMLAnchorElement | null => {\n  if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return null;\n  const link = event.target instanceof Element ? event.target.closest<HTMLAnchorElement>(\"a[href]\") : null;\n  if (!link || !root.contains(link) || link.hasAttribute(\"download\") || (link.target && link.target !== \"_self\")) return null;\n  const url = new URL(link.href);\n  if (url.origin !== location.origin) return null;\n  // A jump inside the page loads nothing.\n  if (url.hash && url.pathname === location.pathname && url.search === location.search) return null;\n  return link;\n};\n\n/**\n * Taps on the shell's links. iOS shows `:active` only while the page listens to touches, so a tap gets its pressed\n * state at once. A link's page keeps loading while the old page stays visible; a second tap on it would cancel that\n * load and start it over, so it is ignored. Returns the cleanup.\n */\nconst observeLinkTaps = (root: HTMLElement): (() => void) => {\n  let pending: string | undefined;\n  const clear = () => {\n    pending = undefined;\n    for (const link of root.querySelectorAll(`[${PENDING}]`)) link.removeAttribute(PENDING);\n  };\n  const touch = () => {};\n  // On the window, so it runs after every handler of the click, including delegated ones that prevent it.\n  const click = (event: MouseEvent) => {\n    const link = pageLink(root, event);\n    if (link && link.href === pending) {\n      event.preventDefault();\n      return;\n    }\n    // Any other tap ends the wait, also for a link that answered with a download instead of a page.\n    clear();\n    if (!link) return;\n    pending = link.href;\n    link.setAttribute(PENDING, \"\");\n  };\n  // iOS sends no click for a tap on content without an action, so the end of a tap anywhere else ends the wait as\n  // well. A touch that scrolls ends without a pointerup and keeps it.\n  const release = (event: PointerEvent) => {\n    if (pending === undefined) return;\n    const link = event.target instanceof Element ? event.target.closest<HTMLAnchorElement>(\"a[href]\") : null;\n    if (link?.href !== pending) clear();\n  };\n  // A page restored from the back/forward cache shows the state it was left in.\n  const show = (event: PageTransitionEvent) => {\n    if (event.persisted) clear();\n  };\n  document.addEventListener(\"touchstart\", touch, { passive: true });\n  window.addEventListener(\"pointerup\", release);\n  window.addEventListener(\"click\", click);\n  window.addEventListener(\"pageshow\", show);\n  return () => {\n    document.removeEventListener(\"touchstart\", touch);\n    window.removeEventListener(\"pointerup\", release);\n    window.removeEventListener(\"click\", click);\n    window.removeEventListener(\"pageshow\", show);\n    clear();\n  };\n};\n\n/**\n * Keeps a mounted shell working: the footer height on the body, which the portalled toast rail reads, the room a\n * persistent toast takes from the scroll area, the scroll area's edge fade, and immediate feedback for link taps.\n * The fade is the only cue at the footer's edge, which has no rule. `MobileShell` calls it itself;\n * a page that renders the shell on the server without hydrating it calls it once in the browser. Returns the\n * cleanup.\n */\nexport function observeMobileShell(root: HTMLElement): () => void {\n  const main = root.querySelector<HTMLElement>(\":scope > .k2b-mobile-shell__main\");\n  const body = main?.querySelector<HTMLElement>(\":scope > .k2b-mobile-shell__body\");\n  if (!main || !body) return () => {};\n  const stopLinkTaps = observeLinkTaps(root);\n  const stopScrollFades = installScrollFades(body);\n  let frame = 0;\n  const measure = () => {\n    frame = 0;\n    const footer = Math.max(0, root.getBoundingClientRect().bottom - main.getBoundingClientRect().bottom);\n    document.body.style.setProperty(FOOTER_HEIGHT, `${footer}px`);\n    root.style.setProperty(TOAST_INSET, `${persistentToastInset(body)}px`);\n  };\n  const schedule = () => {\n    if (!frame) frame = requestAnimationFrame(measure);\n  };\n  measure();\n  // The footer can appear, disappear, or change height; the main area takes whatever it leaves.\n  const resize = new ResizeObserver(schedule);\n  resize.observe(root);\n  resize.observe(main);\n  // Toasts arrive and leave anywhere in the document, and their slots grow and collapse in a transition.\n  const mutations = new MutationObserver(schedule);\n  mutations.observe(document.body, {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: [\"data-state\", \"data-closing\", \"data-persistent\", \"open\"],\n  });\n  document.addEventListener(\"transitionend\", schedule, true);\n  return () => {\n    if (frame) cancelAnimationFrame(frame);\n    resize.disconnect();\n    mutations.disconnect();\n    document.removeEventListener(\"transitionend\", schedule, true);\n    document.body.style.removeProperty(FOOTER_HEIGHT);\n    stopLinkTaps();\n    stopScrollFades();\n  };\n}\n\nfunction MobileShellRoot(props: MobileShellProps): JSX.Element {\n  let root!: HTMLDivElement;\n\n  onMount(() => onCleanup(observeMobileShell(root)));\n\n  return (\n    <div ref={root} class={props.class ? `k2b-mobile-shell ${props.class}` : \"k2b-mobile-shell\"}>\n      {props.header}\n      <main class=\"k2b-mobile-shell__main\">\n        <ScrollArea class=\"k2b-mobile-shell__body\">{props.children}</ScrollArea>\n      </main>\n      {props.footer}\n    </div>\n  );\n}\n\nfunction MobileShellHeader(props: MobileShellHeaderProps): JSX.Element {\n  return (\n    <header class=\"k2b-mobile-shell__header\">\n      <Show when={props.back}>\n        {(back) => (\n          <Show\n            when={back().href}\n            fallback={\n              <IconButton class=\"k2b-mobile-shell__back\" label={back().label} tooltip={false} onClick={() => back().onClick?.()}>\n                <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n              </IconButton>\n            }\n          >\n            {(href) => (\n              <IconButtonLink\n                class=\"k2b-mobile-shell__back\"\n                href={href()}\n                label={back().label}\n                tooltip={false}\n                onClick={() => back().onClick?.()}\n              >\n                <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n              </IconButtonLink>\n            )}\n          </Show>\n        )}\n      </Show>\n      <h1 class=\"k2b-mobile-shell__title\">{props.title}</h1>\n      <Show when={props.actions}>\n        <div class=\"k2b-mobile-shell__actions\">{props.actions}</div>\n      </Show>\n    </header>\n  );\n}\n\n/**\n * The full-screen frame of a phone app: a header, one scroll area, and an optional footer such as a `TabBar`. While\n * it is mounted, the document itself never scrolls, pinch zoom and rubber-banding are off, and the toast rail sits\n * above the footer. Mount one per page, as the page's layout.\n */\nexport const MobileShell = Object.assign(MobileShellRoot, { Header: MobileShellHeader });\n\nexport default MobileShell;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/MobileShell.tsx"],"sourcesContent":["import { type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { IconButton, IconButtonLink } from \"../actions/Button\";\nimport ScrollArea from \"./ScrollArea\";\nimport { installScrollFades } from \"./scroll-fade\";\n\nexport type MobileShellProps = {\n  /** Usually `MobileShell.Header`; it sits above the scroll area and pads the top safe area. */\n  header: JSX.Element;\n  /** Usually a `TabBar`; it sits below the scroll area and pads the bottom safe area itself. */\n  footer?: JSX.Element;\n  /** The page content, inside the shell's only scroll area. */\n  children: JSX.Element;\n  class?: string;\n};\n\nexport type MobileShellHeaderProps = {\n  title: string;\n  /** A Back control before the title: a link with `href`, otherwise a button. */\n  back?: { href?: string; onClick?: () => void; label: string };\n  /** Controls after the title, such as a menu. */\n  actions?: JSX.Element;\n};\n\n/** Read by the toast rail, which is portalled outside the shell, so it lives on the body. */\nconst FOOTER_HEIGHT = \"--k2b-mobile-shell-footer-height\";\n/** How much of the scroll area a persistent toast covers; local to the shell. */\nconst TOAST_INSET = \"--k2b-mobile-shell-toast-inset\";\n\n/**\n * The visible part of the toast rail when it holds a toast without a timer (`duration: 0`, running progress, or a\n * custom slot), so the last row of the scroll area can still scroll above it. A rail that sits elsewhere, such as\n * above a dialog, covers nothing.\n */\nconst persistentToastInset = (body: HTMLElement): number => {\n  if (document.querySelector(\"dialog:modal\")) return 0;\n  const cards = [...document.querySelectorAll<HTMLElement>(\"[data-k2b-toast-container] [data-k2b-toast]:not([data-closing])\")];\n  if (!cards.some((card) => card.dataset.persistent === \"true\")) return 0;\n  const area = body.getBoundingClientRect();\n  const top = Math.min(...cards.map((card) => card.getBoundingClientRect().top));\n  return Math.max(0, Math.min(area.height, area.bottom - top));\n};\n\n/** Marks the link whose page is loading; the tab bar shows it as selected. */\nconst PENDING = \"data-k2b-pending\";\n/** On a link: the title of the page it opens. Such a link switches the shell to that page's frame at the first touch. */\nconst PAGE_TITLE = \"data-k2b-title\";\n/** On the root while the shell shows the frame of the page that is loading. */\nconst SWITCHING = \"data-k2b-switching\";\n/** On the header title while the shell switches: the loading page's title, which the title shows instead. */\nconst NEXT_TITLE = \"data-k2b-next-title\";\n\n/** The link a click or press follows as a page load of this origin, or null when it does something else. */\nconst pageLink = (root: HTMLElement, event: MouseEvent): HTMLAnchorElement | null => {\n  if (event.defaultPrevented || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey || event.altKey) return null;\n  const link = event.target instanceof Element ? event.target.closest<HTMLAnchorElement>(\"a[href]\") : null;\n  if (!link || !root.contains(link) || link.hasAttribute(\"download\") || (link.target && link.target !== \"_self\")) return null;\n  const url = new URL(link.href);\n  if (url.origin !== location.origin) return null;\n  // A jump inside the page loads nothing.\n  if (url.hash && url.pathname === location.pathname && url.search === location.search) return null;\n  return link;\n};\n\n/**\n * Taps on the shell's links. iOS shows `:active` only while the page listens to touches, so a tap gets its pressed\n * state at once. A link's page keeps loading while the old page stays visible; a second tap on it would cancel that\n * load and start it over, so it is ignored. A link that names its page's title, such as a tab, shows that page's\n * frame at the first touch instead of at the end of the tap: its title and an empty content area, until the page\n * arrives. Returns the cleanup.\n */\nconst observeLinkTaps = (root: HTMLElement): (() => void) => {\n  /** The link marked as the next page. */\n  let pending: string | undefined;\n  /** Whether its page is loading; a pressed tab waits for its click. */\n  let loading = false;\n  const clear = () => {\n    pending = undefined;\n    loading = false;\n    for (const link of root.querySelectorAll(`[${PENDING}]`)) link.removeAttribute(PENDING);\n    root.removeAttribute(SWITCHING);\n    root.querySelector(\".k2b-mobile-shell__title\")?.removeAttribute(NEXT_TITLE);\n  };\n  const mark = (link: HTMLAnchorElement) => {\n    clear();\n    pending = link.href;\n    link.setAttribute(PENDING, \"\");\n    const title = link.getAttribute(PAGE_TITLE);\n    const heading = root.querySelector(\".k2b-mobile-shell__title\");\n    if (title === null || !heading) return;\n    heading.setAttribute(NEXT_TITLE, title);\n    root.setAttribute(SWITCHING, \"\");\n  };\n  const touch = () => {};\n  // A press on a tab shows its page's frame while the finger is still down. The page itself loads with the click\n  // that ends the tap, as for any link: only the end of a touch counts as the person's action, and a load that\n  // started before it could let the browser's Back skip this page.\n  const press = (event: PointerEvent) => {\n    if (!event.isPrimary) return;\n    const link = pageLink(root, event);\n    if (!link?.hasAttribute(PAGE_TITLE) || (link.href === pending && loading)) return;\n    mark(link);\n  };\n  // A press that the browser takes over, such as one that turns into a scroll, ends without a click and takes its\n  // frame back.\n  const cancel = (event: PointerEvent) => {\n    if (event.isPrimary && !loading) clear();\n  };\n  // On the window, so it runs after every handler of the click, including delegated ones that prevent it.\n  const click = (event: MouseEvent) => {\n    const link = pageLink(root, event);\n    if (link && link.href === pending && loading) {\n      event.preventDefault();\n      return;\n    }\n    // Any other tap ends the wait, also for a link that answered with a download instead of a page.\n    clear();\n    if (!link) return;\n    mark(link);\n    loading = true;\n  };\n  // iOS sends no click for a tap on content without an action, so the end of a tap anywhere else ends the wait as\n  // well. A touch that scrolls ends without a pointerup and keeps a load's wait.\n  const release = (event: PointerEvent) => {\n    if (pending === undefined) return;\n    const link = event.target instanceof Element ? event.target.closest<HTMLAnchorElement>(\"a[href]\") : null;\n    if (link?.href !== pending) clear();\n  };\n  // A page restored from the back/forward cache shows the state it was left in.\n  const show = (event: PageTransitionEvent) => {\n    if (event.persisted) clear();\n  };\n  document.addEventListener(\"touchstart\", touch, { passive: true });\n  window.addEventListener(\"pointerdown\", press);\n  window.addEventListener(\"pointercancel\", cancel);\n  window.addEventListener(\"pointerup\", release);\n  window.addEventListener(\"click\", click);\n  window.addEventListener(\"pageshow\", show);\n  return () => {\n    document.removeEventListener(\"touchstart\", touch);\n    window.removeEventListener(\"pointerdown\", press);\n    window.removeEventListener(\"pointercancel\", cancel);\n    window.removeEventListener(\"pointerup\", release);\n    window.removeEventListener(\"click\", click);\n    window.removeEventListener(\"pageshow\", show);\n    clear();\n  };\n};\n\n/**\n * Keeps a mounted shell working: the footer height on the body, which the portalled toast rail reads, the room a\n * persistent toast takes from the scroll area, the scroll area's edge fade, and immediate feedback for link taps.\n * The fade is the only cue at the footer's edge, which has no rule. `MobileShell` calls it itself;\n * a page that renders the shell on the server without hydrating it calls it once in the browser. Returns the\n * cleanup.\n */\nexport function observeMobileShell(root: HTMLElement): () => void {\n  const main = root.querySelector<HTMLElement>(\":scope > .k2b-mobile-shell__main\");\n  const body = main?.querySelector<HTMLElement>(\":scope > .k2b-mobile-shell__body\");\n  if (!main || !body) return () => {};\n  const stopLinkTaps = observeLinkTaps(root);\n  const stopScrollFades = installScrollFades(body);\n  let frame = 0;\n  const measure = () => {\n    frame = 0;\n    const footer = Math.max(0, root.getBoundingClientRect().bottom - main.getBoundingClientRect().bottom);\n    document.body.style.setProperty(FOOTER_HEIGHT, `${footer}px`);\n    root.style.setProperty(TOAST_INSET, `${persistentToastInset(body)}px`);\n  };\n  const schedule = () => {\n    if (!frame) frame = requestAnimationFrame(measure);\n  };\n  measure();\n  // The footer can appear, disappear, or change height; the main area takes whatever it leaves.\n  const resize = new ResizeObserver(schedule);\n  resize.observe(root);\n  resize.observe(main);\n  // Toasts arrive and leave anywhere in the document, and their slots grow and collapse in a transition.\n  const mutations = new MutationObserver(schedule);\n  mutations.observe(document.body, {\n    childList: true,\n    subtree: true,\n    attributes: true,\n    attributeFilter: [\"data-state\", \"data-closing\", \"data-persistent\", \"open\"],\n  });\n  document.addEventListener(\"transitionend\", schedule, true);\n  return () => {\n    if (frame) cancelAnimationFrame(frame);\n    resize.disconnect();\n    mutations.disconnect();\n    document.removeEventListener(\"transitionend\", schedule, true);\n    document.body.style.removeProperty(FOOTER_HEIGHT);\n    stopLinkTaps();\n    stopScrollFades();\n  };\n}\n\nfunction MobileShellRoot(props: MobileShellProps): JSX.Element {\n  let root!: HTMLDivElement;\n\n  onMount(() => onCleanup(observeMobileShell(root)));\n\n  return (\n    <div ref={root} class={props.class ? `k2b-mobile-shell ${props.class}` : \"k2b-mobile-shell\"}>\n      {props.header}\n      <main class=\"k2b-mobile-shell__main\">\n        <ScrollArea class=\"k2b-mobile-shell__body\">{props.children}</ScrollArea>\n      </main>\n      {props.footer}\n    </div>\n  );\n}\n\nfunction MobileShellHeader(props: MobileShellHeaderProps): JSX.Element {\n  return (\n    <header class=\"k2b-mobile-shell__header\">\n      <Show when={props.back}>\n        {(back) => (\n          <Show\n            when={back().href}\n            fallback={\n              <IconButton class=\"k2b-mobile-shell__back\" label={back().label} tooltip={false} onClick={() => back().onClick?.()}>\n                <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n              </IconButton>\n            }\n          >\n            {(href) => (\n              <IconButtonLink\n                class=\"k2b-mobile-shell__back\"\n                href={href()}\n                label={back().label}\n                tooltip={false}\n                onClick={() => back().onClick?.()}\n              >\n                <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n              </IconButtonLink>\n            )}\n          </Show>\n        )}\n      </Show>\n      <h1 class=\"k2b-mobile-shell__title\">{props.title}</h1>\n      <Show when={props.actions}>\n        <div class=\"k2b-mobile-shell__actions\">{props.actions}</div>\n      </Show>\n    </header>\n  );\n}\n\n/**\n * The full-screen frame of a phone app: a header, one scroll area, and an optional footer such as a `TabBar`. While\n * it is mounted, the document itself never scrolls, pinch zoom and rubber-banding are off, and the toast rail sits\n * above the footer. Mount one per page, as the page's layout.\n */\nexport const MobileShell = Object.assign(MobileShellRoot, { Header: MobileShellHeader });\n\nexport default MobileShell;\n"],"mappings":"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","ignoreList":[]}

package/dist/browser/layout/TabBar.js

@@ -13,7 +13,8 @@ const TAB_BAR_MAX_ITEMS = 5;
 
 /**
  * Bottom navigation between a phone app's top-level pages: native links with equal widths, an icon above each label,
- * and `aria-current="page"` on the open page. Place it in `MobileShell`'s footer; it pads the bottom safe area.
+ * and `aria-current="page"` on the open page. Place it in `MobileShell`'s footer; it pads the bottom safe area. There a
+ * tab switches at the first touch: the shell shows the item's `title` while its page loads.
  */
 export function TabBar(props) {
   return (() => {
@@ -33,17 +34,20 @@ export function TabBar(props) {
           var _v$3 = item.href,
             _v$4 = item.current ? "page" : undefined,
             _v$5 = item.id,
-            _v$6 = item.icon;
+            _v$6 = item.title ?? item.label,
+            _v$7 = item.icon;
           _v$3 !== _p$.e && _$setAttribute(_el$4, "href", _p$.e = _v$3);
           _v$4 !== _p$.t && _$setAttribute(_el$4, "aria-current", _p$.t = _v$4);
           _v$5 !== _p$.a && _$setAttribute(_el$4, "data-tab", _p$.a = _v$5);
-          _v$6 !== _p$.o && _$className(_el$5, _p$.o = _v$6);
+          _v$6 !== _p$.o && _$setAttribute(_el$4, "data-k2b-title", _p$.o = _v$6);
+          _v$7 !== _p$.i && _$className(_el$5, _p$.i = _v$7);
           return _p$;
         }, {
           e: undefined,
           t: undefined,
           a: undefined,
-          o: undefined
+          o: undefined,
+          i: undefined
         });
         return _el$3;
       })()

package/dist/browser/layout/TabBar.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["layout/TabBar.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\n\nexport type TabBarItem = {\n  id: string;\n  label: string;\n  /** Icon class, for example `ti ti-home`. */\n  icon: string;\n  href: string;\n  /** The page this item leads to is open. */\n  current?: boolean;\n};\n\nexport type TabBarProps = {\n  /** Accessible name of the navigation landmark. */\n  label: string;\n  /** Up to five destinations; further items are not rendered. Put the rest behind a \"More\" destination. */\n  items: readonly TabBarItem[];\n  class?: string;\n};\n\n/** A phone app's bottom navigation holds at most five destinations. */\nconst TAB_BAR_MAX_ITEMS = 5;\n\n/**\n * Bottom navigation between a phone app's top-level pages: native links with equal widths, an icon above each label,\n * and `aria-current=\"page\"` on the open page. Place it in `MobileShell`'s footer; it pads the bottom safe area.\n */\nexport function TabBar(props: TabBarProps): JSX.Element {\n  return (\n    <nav class={props.class ? `k2b-tab-bar ${props.class}` : \"k2b-tab-bar\"} aria-label={props.label}>\n      <ul>\n        <For each={props.items.slice(0, TAB_BAR_MAX_ITEMS)}>\n          {(item) => (\n            <li>\n              <a href={item.href} aria-current={item.current ? \"page\" : undefined} data-tab={item.id}>\n                <i class={item.icon} aria-hidden=\"true\" />\n                <span>{item.label}</span>\n              </a>\n            </li>\n          )}\n        </For>\n      </ul>\n    </nav>\n  );\n}\n\nexport default TabBar;\n"],"mappings":";;;;;;;;;AAAA,SAAS,GAAG,QAAkB,UAAU;AAoBxC;AACA,MAAM,iBAAiB,GAAG,CAAC;;AAE3B;AACA;AACA;AACA;AACA,OAAO,SAAS,MAAM,CAAC,KAAkB,EAAe;EACtD;IAAA;MAAA;IAAA,kCAGO,GAAG;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC;MAAA;MAAA,UAC9C,IAAI;QAAA;UAAA;UAAA;UAAA;QAAA,sBAIO,IAAI,CAAC,KAAK;QAAA;UAAA,WAFV,IAAI,CAAC,IAAI;YAAA,OAAgB,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS;YAAA,OAAY,IAAI,CAAC,EAAE;YAAA,OAC1E,IAAI,CAAC,IAAI;UAAA;UAAA;UAAA;UAAA;UAAA;QAAA;UAAA;UAAA;UAAA;UAAA;QAAA;QAAA;MAAA;IAIxB;IAAA;MAAA,UAVK,KAAK,CAAC,KAAK,GAAG,eAAe,KAAK,CAAC,KAAK,EAAE,GAAG,aAAa;QAAA,OAAc,KAAK,CAAC,KAAK;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;IAAA;IAAA;EAAA;AAenG;AAEA,eAAe,MAAM","ignoreList":[]}
+{"version":3,"names":[],"sources":["layout/TabBar.tsx"],"sourcesContent":["import { For, type JSX } from \"solid-js\";\n\nexport type TabBarItem = {\n  id: string;\n  label: string;\n  /** Icon class, for example `ti ti-home`. */\n  icon: string;\n  href: string;\n  /** The header title of the page this item opens, shown while that page loads. Defaults to `label`. */\n  title?: string;\n  /** The page this item leads to is open. */\n  current?: boolean;\n};\n\nexport type TabBarProps = {\n  /** Accessible name of the navigation landmark. */\n  label: string;\n  /** Up to five destinations; further items are not rendered. Put the rest behind a \"More\" destination. */\n  items: readonly TabBarItem[];\n  class?: string;\n};\n\n/** A phone app's bottom navigation holds at most five destinations. */\nconst TAB_BAR_MAX_ITEMS = 5;\n\n/**\n * Bottom navigation between a phone app's top-level pages: native links with equal widths, an icon above each label,\n * and `aria-current=\"page\"` on the open page. Place it in `MobileShell`'s footer; it pads the bottom safe area. There a\n * tab switches at the first touch: the shell shows the item's `title` while its page loads.\n */\nexport function TabBar(props: TabBarProps): JSX.Element {\n  return (\n    <nav class={props.class ? `k2b-tab-bar ${props.class}` : \"k2b-tab-bar\"} aria-label={props.label}>\n      <ul>\n        <For each={props.items.slice(0, TAB_BAR_MAX_ITEMS)}>\n          {(item) => (\n            <li>\n              <a\n                href={item.href}\n                aria-current={item.current ? \"page\" : undefined}\n                data-tab={item.id}\n                data-k2b-title={item.title ?? item.label}\n              >\n                <i class={item.icon} aria-hidden=\"true\" />\n                <span>{item.label}</span>\n              </a>\n            </li>\n          )}\n        </For>\n      </ul>\n    </nav>\n  );\n}\n\nexport default TabBar;\n"],"mappings":";;;;;;;;;AAAA,SAAS,GAAG,QAAkB,UAAU;AAsBxC;AACA,MAAM,iBAAiB,GAAG,CAAC;;AAE3B;AACA;AACA;AACA;AACA;AACA,OAAO,SAAS,MAAM,CAAC,KAAkB,EAAe;EACtD;IAAA;MAAA;IAAA,kCAGO,GAAG;MAAA,IAAC,IAAI;QAAA,OAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,iBAAiB,CAAC;MAAA;MAAA,UAC9C,IAAI;QAAA;UAAA;UAAA;UAAA;QAAA,sBASO,IAAI,CAAC,KAAK;QAAA;UAAA,WANX,IAAI,CAAC,IAAI;YAAA,OACD,IAAI,CAAC,OAAO,GAAG,MAAM,GAAG,SAAS;YAAA,OACrC,IAAI,CAAC,EAAE;YAAA,OACD,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK;YAAA,OAE9B,IAAI,CAAC,IAAI;UAAA;UAAA;UAAA;UAAA;UAAA;UAAA;QAAA;UAAA;UAAA;UAAA;UAAA;UAAA;QAAA;QAAA;MAAA;IAIxB;IAAA;MAAA,UAfK,KAAK,CAAC,KAAK,GAAG,eAAe,KAAK,CAAC,KAAK,EAAE,GAAG,aAAa;QAAA,OAAc,KAAK,CAAC,KAAK;MAAA;MAAA;MAAA;IAAA;MAAA;MAAA;IAAA;IAAA;EAAA;AAoBnG;AAEA,eAAe,MAAM","ignoreList":[]}

package/dist/ssr/content/MarkdownView.js

@@ -2,7 +2,9 @@ import { ssr as _$ssr } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
 var _tmpl$ = ["<div class=\"", "\"", ">", "</div>"];
-import { marked, Renderer } from "marked";
+import { Marked, Renderer } from "marked";
+import { useLocale } from "../intl/locale";
+import { markdownInfoBlocks } from "./markdown-info-blocks";
 const escapeHtml = value => value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
 const safeUrl = value => {
   const normalized = value.trim().replace(/[\u0000-\u001f\u007f-\u009f\s]+/g, "");
@@ -107,7 +109,9 @@ const createSafeRenderer = (options = {}) => {
   };
   return renderer;
 };
-export const renderSafeMarkdown = (markdown, options = {}) => marked.parse(markdown, {
+export const renderSafeMarkdown = (markdown, options = {}) => new Marked(markdownInfoBlocks({
+  locale: options.locale
+})).parse(markdown, {
   async: false,
   renderer: createSafeRenderer(options)
 });
@@ -116,8 +120,10 @@ export const renderSafeMarkdown = (markdown, options = {}) => marked.parse(markd
  * Markdown View Component (SSR)
  *
  * Renders untrusted Markdown safely by default. Raw HTML and unsafe link
- * protocols are escaped. Already-rendered HTML requires the deliberately named
- * `trustedHtml` boundary; the caller owns sanitization in that mode.
+ * protocols are escaped. Info blocks (`:::note`, `:::info`, `:::success`,
+ * `:::warning`, `:::danger`) render as the calm `NoticeCard`. Already-rendered
+ * HTML requires the deliberately named `trustedHtml` boundary; the caller owns
+ * sanitization in that mode.
  *
  * @example
  * ```tsx
@@ -132,11 +138,13 @@ export const renderSafeMarkdown = (markdown, options = {}) => marked.parse(markd
  * ```
  */
 export default function MarkdownView(props) {
+  const locale = useLocale();
   const html = () => props.markdown !== undefined ? renderSafeMarkdown(props.markdown, {
     inlineTokens: props.inlineTokens,
     allowImages: props.allowImages,
     linkProtocols: props.linkProtocols,
-    linkTarget: props.linkTarget
+    linkTarget: props.linkTarget,
+    locale: locale()
   }) : props.trustedHtml;
   return _$ssr(_tmpl$, `k2b-content-markdown ${_$escape(props.class ?? "", true)}`, _$ssrAttribute("data-heading-scale", props.headingScale && props.headingScale !== "normal" ? _$escape(props.headingScale, true) : _$escape(undefined, true), false), html());
 }

package/dist/ssr/content/MarkdownView.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/MarkdownView.tsx"],"sourcesContent":["import { marked, Renderer, type Tokens } from \"marked\";\n\ntype CommonProps = MarkdownRenderOptions & {\n  /** Optional additional CSS classes */\n  class?: string;\n  /**\n   * Visual heading scale. Markdown heading levels and document structure stay\n   * unchanged.\n   */\n  headingScale?: \"compact\" | \"normal\" | \"large\";\n};\n\nexport type MarkdownViewProps = CommonProps &\n  (\n    | {\n        /** Untrusted Markdown. Raw HTML and unsafe link protocols are escaped. */\n        markdown: string;\n        /** Exact standalone text tokens to emphasize without changing Markdown parsing or trusted-HTML boundaries. */\n        inlineTokens?: readonly string[];\n        trustedHtml?: never;\n      }\n    | {\n        /** Explicitly trusted, already-rendered HTML. The caller owns sanitization. */\n        trustedHtml: string;\n        markdown?: never;\n        inlineTokens?: never;\n      }\n  );\n\nexport type MarkdownRenderOptions = {\n  inlineTokens?: readonly string[];\n  /** Whether to render images. False renders alt text without resource requests. Defaults to true. */\n  allowImages?: boolean;\n  /** Optional protocol allowlist, including trailing colons. Relative URLs resolve as HTTPS. */\n  linkProtocols?: readonly string[];\n  linkTarget?: \"_blank\";\n};\n\nconst escapeHtml = (value: string): string =>\n  value.replaceAll(\"&\", \"&amp;\").replaceAll(\"<\", \"&lt;\").replaceAll(\">\", \"&gt;\").replaceAll('\"', \"&quot;\").replaceAll(\"'\", \"&#39;\");\n\nconst safeUrl = (value: string): string | null => {\n  const normalized = value.trim().replace(/[\\u0000-\\u001f\\u007f-\\u009f\\s]+/g, \"\");\n  if (/^(?:javascript|vbscript|data):/i.test(normalized)) return null;\n  return value;\n};\n\nconst normalizeInlineTokens = (tokens: readonly string[] | undefined): string[] =>\n  [...new Set(tokens?.filter(Boolean) ?? [])].sort((left, right) => right.length - left.length);\n\nconst isStandaloneInlineToken = (text: string, start: number, value: string): boolean => {\n  const before = text[start - 1];\n  if (before && /[a-zA-Z0-9_.%+\\-]/.test(before)) return false;\n  const end = start + value.length;\n  const after = text[end];\n  if (after && /[a-zA-Z0-9_@]/.test(after)) return false;\n  return !(after === \".\" && /[a-zA-Z0-9_]/.test(text[end + 1] ?? \"\"));\n};\n\nconst createSafeRenderer = (options: MarkdownRenderOptions = {}): Renderer => {\n  const renderer = new Renderer();\n  const inlineTokens = normalizeInlineTokens(options.inlineTokens);\n  const baseText = renderer.text.bind(renderer);\n  // marked flags text that follows an inline <pre>, <code>, <kbd> or <script>\n  // tag as already escaped, because it expects that tag to reach the output as\n  // HTML. The tag is escaped here, so the text after it is escaped as well.\n  const renderText: Renderer[\"text\"] = (token) => baseText(token.type === \"text\" && token.escaped ? { ...token, escaped: false } : token);\n  const renderTable = renderer.table.bind(renderer);\n  renderer.table = (token: Tokens.Table) => {\n    const table = renderTable(token);\n    const content = token.header.every((cell) => !cell.text.trim()) ? table.replace(/<thead>[\\s\\S]*?<\\/thead>\\n?/, \"\") : table;\n    return `<div class=\"k2b-content-markdown__table\" tabindex=\"0\">${content}</div>`;\n  };\n  renderer.html = ({ text }: Tokens.HTML | Tokens.Tag) => escapeHtml(text);\n  renderer.link = function ({ href, title, tokens }: Tokens.Link) {\n    const body = this.parser.parseInline(tokens);\n    const url = safeUrl(href);\n    if (!url) return body;\n    if (options.linkProtocols) {\n      try {\n        if (!options.linkProtocols.includes(new URL(url, \"https://markdown.invalid/\").protocol)) return body;\n      } catch {\n        return body;\n      }\n    }\n    const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n    const target = options.linkTarget === \"_blank\" ? ' target=\"_blank\" rel=\"noopener noreferrer\"' : \"\";\n    return `<a href=\"${escapeHtml(url)}\"${titleAttribute}${target}>${body}</a>`;\n  };\n  renderer.image = ({ href, title, text }: Tokens.Image) => {\n    const url = safeUrl(href);\n    if (!url || options.allowImages === false) return escapeHtml(text);\n    const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n    return `<img src=\"${escapeHtml(url)}\" alt=\"${escapeHtml(text)}\"${titleAttribute}>`;\n  };\n  renderer.text = (token) => {\n    if (inlineTokens.length === 0 || token.type === \"escape\" || (\"tokens\" in token && token.tokens)) return renderText(token);\n    const parts: string[] = [];\n    let plainStart = 0;\n    let cursor = 0;\n    while (cursor < token.text.length) {\n      const inlineToken = inlineTokens.find(\n        (candidate) => token.text.startsWith(candidate, cursor) && isStandaloneInlineToken(token.text, cursor, candidate),\n      );\n      if (!inlineToken) {\n        cursor += 1;\n        continue;\n      }\n      if (plainStart < cursor) {\n        const text = token.text.slice(plainStart, cursor);\n        parts.push(renderText({ ...token, raw: text, text }));\n      }\n      parts.push(\n        `<span class=\"k2b-content-markdown__inline-token\">${renderText({ ...token, raw: inlineToken, text: inlineToken })}</span>`,\n      );\n      cursor += inlineToken.length;\n      plainStart = cursor;\n    }\n    if (plainStart === 0) return renderText(token);\n    if (plainStart < token.text.length) {\n      const text = token.text.slice(plainStart);\n      parts.push(renderText({ ...token, raw: text, text }));\n    }\n    return parts.join(\"\");\n  };\n  return renderer;\n};\n\nexport const renderSafeMarkdown = (markdown: string, options: MarkdownRenderOptions = {}): string =>\n  marked.parse(markdown, {\n    async: false,\n    renderer: createSafeRenderer(options),\n  }) as string;\n\n/**\n * Markdown View Component (SSR)\n *\n * Renders untrusted Markdown safely by default. Raw HTML and unsafe link\n * protocols are escaped. Already-rendered HTML requires the deliberately named\n * `trustedHtml` boundary; the caller owns sanitization in that mode.\n *\n * @example\n * ```tsx\n * import { MarkdownView } from \"@k2b/ui\";\n *\n * <MarkdownView markdown={source} />;\n * ```\n *\n * @example Compact headings, e.g. inside comments or file previews:\n * ```tsx\n * <MarkdownView markdown={source} headingScale=\"compact\" />;\n * ```\n */\nexport default function MarkdownView(props: MarkdownViewProps) {\n  const html = () =>\n    props.markdown !== undefined\n      ? renderSafeMarkdown(props.markdown, {\n          inlineTokens: props.inlineTokens,\n          allowImages: props.allowImages,\n          linkProtocols: props.linkProtocols,\n          linkTarget: props.linkTarget,\n        })\n      : props.trustedHtml;\n  return (\n    <div\n      class={`k2b-content-markdown ${props.class ?? \"\"}`}\n      data-heading-scale={props.headingScale && props.headingScale !== \"normal\" ? props.headingScale : undefined}\n      innerHTML={html()}\n    />\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/MarkdownView.tsx"],"sourcesContent":["import { Marked, Renderer, type Tokens } from \"marked\";\nimport { useLocale } from \"../intl/locale\";\nimport { markdownInfoBlocks } from \"./markdown-info-blocks\";\n\ntype CommonProps = MarkdownRenderOptions & {\n  /** Optional additional CSS classes */\n  class?: string;\n  /**\n   * Visual heading scale. Markdown heading levels and document structure stay\n   * unchanged.\n   */\n  headingScale?: \"compact\" | \"normal\" | \"large\";\n};\n\nexport type MarkdownViewProps = CommonProps &\n  (\n    | {\n        /** Untrusted Markdown. Raw HTML and unsafe link protocols are escaped. */\n        markdown: string;\n        /** Exact standalone text tokens to emphasize without changing Markdown parsing or trusted-HTML boundaries. */\n        inlineTokens?: readonly string[];\n        trustedHtml?: never;\n      }\n    | {\n        /** Explicitly trusted, already-rendered HTML. The caller owns sanitization. */\n        trustedHtml: string;\n        markdown?: never;\n        inlineTokens?: never;\n      }\n  );\n\nexport type MarkdownRenderOptions = {\n  inlineTokens?: readonly string[];\n  /** Whether to render images. False renders alt text without resource requests. Defaults to true. */\n  allowImages?: boolean;\n  /** Optional protocol allowlist, including trailing colons. Relative URLs resolve as HTTPS. */\n  linkProtocols?: readonly string[];\n  linkTarget?: \"_blank\";\n  /** Locale for the screen-reader names of untitled info blocks. `MarkdownView` passes the inherited render locale. */\n  locale?: string;\n};\n\nconst escapeHtml = (value: string): string =>\n  value.replaceAll(\"&\", \"&amp;\").replaceAll(\"<\", \"&lt;\").replaceAll(\">\", \"&gt;\").replaceAll('\"', \"&quot;\").replaceAll(\"'\", \"&#39;\");\n\nconst safeUrl = (value: string): string | null => {\n  const normalized = value.trim().replace(/[\\u0000-\\u001f\\u007f-\\u009f\\s]+/g, \"\");\n  if (/^(?:javascript|vbscript|data):/i.test(normalized)) return null;\n  return value;\n};\n\nconst normalizeInlineTokens = (tokens: readonly string[] | undefined): string[] =>\n  [...new Set(tokens?.filter(Boolean) ?? [])].sort((left, right) => right.length - left.length);\n\nconst isStandaloneInlineToken = (text: string, start: number, value: string): boolean => {\n  const before = text[start - 1];\n  if (before && /[a-zA-Z0-9_.%+\\-]/.test(before)) return false;\n  const end = start + value.length;\n  const after = text[end];\n  if (after && /[a-zA-Z0-9_@]/.test(after)) return false;\n  return !(after === \".\" && /[a-zA-Z0-9_]/.test(text[end + 1] ?? \"\"));\n};\n\nconst createSafeRenderer = (options: MarkdownRenderOptions = {}): Renderer => {\n  const renderer = new Renderer();\n  const inlineTokens = normalizeInlineTokens(options.inlineTokens);\n  const baseText = renderer.text.bind(renderer);\n  // marked flags text that follows an inline <pre>, <code>, <kbd> or <script>\n  // tag as already escaped, because it expects that tag to reach the output as\n  // HTML. The tag is escaped here, so the text after it is escaped as well.\n  const renderText: Renderer[\"text\"] = (token) => baseText(token.type === \"text\" && token.escaped ? { ...token, escaped: false } : token);\n  const renderTable = renderer.table.bind(renderer);\n  renderer.table = (token: Tokens.Table) => {\n    const table = renderTable(token);\n    const content = token.header.every((cell) => !cell.text.trim()) ? table.replace(/<thead>[\\s\\S]*?<\\/thead>\\n?/, \"\") : table;\n    return `<div class=\"k2b-content-markdown__table\" tabindex=\"0\">${content}</div>`;\n  };\n  renderer.html = ({ text }: Tokens.HTML | Tokens.Tag) => escapeHtml(text);\n  renderer.link = function ({ href, title, tokens }: Tokens.Link) {\n    const body = this.parser.parseInline(tokens);\n    const url = safeUrl(href);\n    if (!url) return body;\n    if (options.linkProtocols) {\n      try {\n        if (!options.linkProtocols.includes(new URL(url, \"https://markdown.invalid/\").protocol)) return body;\n      } catch {\n        return body;\n      }\n    }\n    const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n    const target = options.linkTarget === \"_blank\" ? ' target=\"_blank\" rel=\"noopener noreferrer\"' : \"\";\n    return `<a href=\"${escapeHtml(url)}\"${titleAttribute}${target}>${body}</a>`;\n  };\n  renderer.image = ({ href, title, text }: Tokens.Image) => {\n    const url = safeUrl(href);\n    if (!url || options.allowImages === false) return escapeHtml(text);\n    const titleAttribute = title ? ` title=\"${escapeHtml(title)}\"` : \"\";\n    return `<img src=\"${escapeHtml(url)}\" alt=\"${escapeHtml(text)}\"${titleAttribute}>`;\n  };\n  renderer.text = (token) => {\n    if (inlineTokens.length === 0 || token.type === \"escape\" || (\"tokens\" in token && token.tokens)) return renderText(token);\n    const parts: string[] = [];\n    let plainStart = 0;\n    let cursor = 0;\n    while (cursor < token.text.length) {\n      const inlineToken = inlineTokens.find(\n        (candidate) => token.text.startsWith(candidate, cursor) && isStandaloneInlineToken(token.text, cursor, candidate),\n      );\n      if (!inlineToken) {\n        cursor += 1;\n        continue;\n      }\n      if (plainStart < cursor) {\n        const text = token.text.slice(plainStart, cursor);\n        parts.push(renderText({ ...token, raw: text, text }));\n      }\n      parts.push(\n        `<span class=\"k2b-content-markdown__inline-token\">${renderText({ ...token, raw: inlineToken, text: inlineToken })}</span>`,\n      );\n      cursor += inlineToken.length;\n      plainStart = cursor;\n    }\n    if (plainStart === 0) return renderText(token);\n    if (plainStart < token.text.length) {\n      const text = token.text.slice(plainStart);\n      parts.push(renderText({ ...token, raw: text, text }));\n    }\n    return parts.join(\"\");\n  };\n  return renderer;\n};\n\nexport const renderSafeMarkdown = (markdown: string, options: MarkdownRenderOptions = {}): string =>\n  new Marked(markdownInfoBlocks({ locale: options.locale })).parse(markdown, {\n    async: false,\n    renderer: createSafeRenderer(options),\n  }) as string;\n\n/**\n * Markdown View Component (SSR)\n *\n * Renders untrusted Markdown safely by default. Raw HTML and unsafe link\n * protocols are escaped. Info blocks (`:::note`, `:::info`, `:::success`,\n * `:::warning`, `:::danger`) render as the calm `NoticeCard`. Already-rendered\n * HTML requires the deliberately named `trustedHtml` boundary; the caller owns\n * sanitization in that mode.\n *\n * @example\n * ```tsx\n * import { MarkdownView } from \"@k2b/ui\";\n *\n * <MarkdownView markdown={source} />;\n * ```\n *\n * @example Compact headings, e.g. inside comments or file previews:\n * ```tsx\n * <MarkdownView markdown={source} headingScale=\"compact\" />;\n * ```\n */\nexport default function MarkdownView(props: MarkdownViewProps) {\n  const locale = useLocale();\n  const html = () =>\n    props.markdown !== undefined\n      ? renderSafeMarkdown(props.markdown, {\n          inlineTokens: props.inlineTokens,\n          allowImages: props.allowImages,\n          linkProtocols: props.linkProtocols,\n          linkTarget: props.linkTarget,\n          locale: locale(),\n        })\n      : props.trustedHtml;\n  return (\n    <div\n      class={`k2b-content-markdown ${props.class ?? \"\"}`}\n      data-heading-scale={props.headingScale && props.headingScale !== \"normal\" ? props.headingScale : undefined}\n      innerHTML={html()}\n    />\n  );\n}\n"],"mappings":";;;;AAAA,SAAS,MAAM,EAAE,QAAQ,QAAqB,QAAQ;AACtD,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAAS,kBAAkB,QAAQ,wBAAwB;AAwC3D,MAAM,UAAU,GAAI,KAAa,IAC/B,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,CAAC;AAEnI,MAAM,OAAO,GAAI,KAAa,IAAoB;EAChD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,kCAAkC,EAAE,EAAE,CAAC;EAC/E,IAAI,iCAAiC,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,OAAO,IAAI;EACnE,OAAO,KAAK;AACd,CAAC;AAED,MAAM,qBAAqB,GAAI,MAAqC,IAClE,CAAC,GAAG,IAAI,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;AAE/F,MAAM,uBAAuB,GAAG,CAAC,IAAY,EAAE,KAAa,EAAE,KAAa,KAAc;EACvF,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;EAC9B,IAAI,MAAM,IAAI,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,OAAO,KAAK;EAC5D,MAAM,GAAG,GAAG,KAAK,GAAG,KAAK,CAAC,MAAM;EAChC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC;EACvB,IAAI,KAAK,IAAI,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK;EACtD,OAAO,EAAE,KAAK,KAAK,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACrE,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,OAA8B,GAAG,CAAC,CAAC,KAAe;EAC5E,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC;EAC/B,MAAM,YAAY,GAAG,qBAAqB,CAAC,OAAO,CAAC,YAAY,CAAC;EAChE,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;EAC7C;EACA;EACA;EACA,MAAM,UAA4B,GAAI,KAAK,IAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,IAAI,KAAK,CAAC,OAAO,GAAG;IAAE,GAAG,KAAK;IAAE,OAAO,EAAE;EAAM,CAAC,GAAG,KAAK,CAAC;EACvI,MAAM,WAAW,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC;EACjD,QAAQ,CAAC,KAAK,GAAI,KAAmB,IAAK;IACxC,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;IAChC,MAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAE,IAAI,IAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,6BAA6B,EAAE,EAAE,CAAC,GAAG,KAAK;IAC1H,OAAO,yDAAyD,OAAO,QAAQ;EACjF,CAAC;EACD,QAAQ,CAAC,IAAI,GAAG,CAAC;IAAE;EAA+B,CAAC,KAAK,UAAU,CAAC,IAAI,CAAC;EACxE,QAAQ,CAAC,IAAI,GAAG,UAAU;IAAE,IAAI;IAAE,KAAK;IAAE;EAAoB,CAAC,EAAE;IAC9D,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,MAAM,CAAC;IAC5C,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IACzB,IAAI,CAAC,GAAG,EAAE,OAAO,IAAI;IACrB,IAAI,OAAO,CAAC,aAAa,EAAE;MACzB,IAAI;QACF,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,GAAG,CAAC,GAAG,EAAE,2BAA2B,CAAC,CAAC,QAAQ,CAAC,EAAE,OAAO,IAAI;MACtG,CAAC,CAAC,MAAM;QACN,OAAO,IAAI;MACb;IACF;IACA,MAAM,cAAc,GAAG,KAAK,GAAG,WAAW,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;IACnE,MAAM,MAAM,GAAG,OAAO,CAAC,UAAU,KAAK,QAAQ,GAAG,4CAA4C,GAAG,EAAE;IAClG,OAAO,YAAY,UAAU,CAAC,GAAG,CAAC,IAAI,cAAc,GAAG,MAAM,IAAI,IAAI,MAAM;EAC7E,CAAC;EACD,QAAQ,CAAC,KAAK,GAAG,CAAC;IAAE,IAAI;IAAE,KAAK;IAAE;EAAmB,CAAC,KAAK;IACxD,MAAM,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IACzB,IAAI,CAAC,GAAG,IAAI,OAAO,CAAC,WAAW,KAAK,KAAK,EAAE,OAAO,UAAU,CAAC,IAAI,CAAC;IAClE,MAAM,cAAc,GAAG,KAAK,GAAG,WAAW,UAAU,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;IACnE,OAAO,aAAa,UAAU,CAAC,GAAG,CAAC,UAAU,UAAU,CAAC,IAAI,CAAC,IAAI,cAAc,GAAG;EACpF,CAAC;EACD,QAAQ,CAAC,IAAI,GAAI,KAAK,IAAK;IACzB,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,IAAK,QAAQ,IAAI,KAAK,IAAI,KAAK,CAAC,MAAO,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC;IACzH,MAAM,KAAe,GAAG,EAAE;IAC1B,IAAI,UAAU,GAAG,CAAC;IAClB,IAAI,MAAM,GAAG,CAAC;IACd,OAAO,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;MACjC,MAAM,WAAW,GAAG,YAAY,CAAC,IAAI,CAClC,SAAS,IAAK,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,SAAS,EAAE,MAAM,CAAC,IAAI,uBAAuB,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,CAClH,CAAC;MACD,IAAI,CAAC,WAAW,EAAE;QAChB,MAAM,IAAI,CAAC;QACX;MACF;MACA,IAAI,UAAU,GAAG,MAAM,EAAE;QACvB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC;QACjD,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;UAAE,GAAG,KAAK;UAAE,GAAG,EAAE,IAAI;UAAE;QAAK,CAAC,CAAC,CAAC;MACvD;MACA,KAAK,CAAC,IAAI,CACR,oDAAoD,UAAU,CAAC;QAAE,GAAG,KAAK;QAAE,GAAG,EAAE,WAAW;QAAE,IAAI,EAAE;MAAY,CAAC,CAAC,SACnH,CAAC;MACD,MAAM,IAAI,WAAW,CAAC,MAAM;MAC5B,UAAU,GAAG,MAAM;IACrB;IACA,IAAI,UAAU,KAAK,CAAC,EAAE,OAAO,UAAU,CAAC,KAAK,CAAC;IAC9C,IAAI,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE;MAClC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;MACzC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC;QAAE,GAAG,KAAK;QAAE,GAAG,EAAE,IAAI;QAAE;MAAK,CAAC,CAAC,CAAC;IACvD;IACA,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;EACvB,CAAC;EACD,OAAO,QAAQ;AACjB,CAAC;AAED,OAAO,MAAM,kBAAkB,GAAG,CAAC,QAAgB,EAAE,OAA8B,GAAG,CAAC,CAAC,KACtF,IAAI,MAAM,CAAC,kBAAkB,CAAC;EAAE,MAAM,EAAE,OAAO,CAAC;AAAO,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE;EACzE,KAAK,EAAE,KAAK;EACZ,QAAQ,EAAE,kBAAkB,CAAC,OAAO;AACtC,CAAC,CAAW;;AAEd;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,eAAe,SAAS,YAAY,CAAC,KAAwB,EAAE;EAC7D,MAAM,MAAM,GAAG,SAAS,CAAC,CAAC;EAC1B,MAAM,IAAI,GAAG,MACX,KAAK,CAAC,QAAQ,KAAK,SAAS,GACxB,kBAAkB,CAAC,KAAK,CAAC,QAAQ,EAAE;IACjC,YAAY,EAAE,KAAK,CAAC,YAAY;IAChC,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,aAAa,EAAE,KAAK,CAAC,aAAa;IAClC,UAAU,EAAE,KAAK,CAAC,UAAU;IAC5B,MAAM,EAAE,MAAM,CAAC;EACjB,CAAC,CAAC,GACF,KAAK,CAAC,WAAW;EACvB,qBAEW,iCAAwB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,uCAC9B,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,YAAY,KAAK,QAAQ,YAAG,KAAK,CAAC,YAAY,mBAAG,SAAS,iBAC/F,IAAI,CAAC,CAAC;AAGvB","ignoreList":[]}

package/dist/ssr/content/index.js

@@ -18,6 +18,7 @@ export { canPreviewFile, default as FileView, formatFileViewSize, getFileViewPre
 export { default as Lightbox } from "./Lightbox";
 export { default as LogEntriesTable } from "./LogEntriesTable";
 export { default as MarkdownView, renderSafeMarkdown } from "./MarkdownView";
+export { markdownInfoBlocks, renderMarkdownInfoBlock, scanMarkdownInfoBlock } from "./markdown-info-blocks";
 export { Pagination } from "./Pagination";
 export { default as PdfPreview } from "./PdfPreview";
 export { default as RangePicker } from "./RangePicker";

package/dist/ssr/content/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarLabels,\n  CalendarProps,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAaA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAChI,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/index.ts"],"sourcesContent":["export type {\n  CalendarAttendee,\n  CalendarDayBadge,\n  CalendarEvent,\n  CalendarEventColor,\n  CalendarEventRenderContext,\n  CalendarEventTimeChange,\n  CalendarLabels,\n  CalendarProps,\n  CalendarRecurrence,\n  CalendarResource,\n  CalendarView,\n} from \"./Calendar\";\nexport { default as Calendar } from \"./Calendar\";\n\nexport type { ChartKind, ChartLabels, ChartProps, ChartRenderOptions } from \"./Chart\";\nexport { default as Chart } from \"./Chart\";\nexport type { ChartExplorerColumn, ChartExplorerProps } from \"./ChartExplorer\";\nexport { ChartExplorer } from \"./ChartExplorer\";\nexport type { ChartExplorerControlsProps } from \"./ChartExplorerControls\";\nexport { ChartExplorerControls } from \"./ChartExplorerControls\";\nexport { ChartFilterControls, type ChartFilterControlsProps } from \"./ChartFilterControls\";\nexport { ChartSnapshotView } from \"./ChartSnapshotView\";\nexport type { CodeDisplayLanguage, CodeDisplayProps } from \"./CodeDisplay\";\nexport { default as CodeDisplay } from \"./CodeDisplay\";\nexport { type ChartCursor, createChartCursor } from \"./chart-cursor\";\nexport type {\n  ChartExplorerCharts,\n  ChartExplorerController,\n  ChartExplorerData,\n  ChartExplorerOptions,\n  ChartExplorerRequest,\n  ChartExplorerRow,\n  ChartExplorerSnapshot,\n} from \"./chart-explorer\";\nexport { createChartExplorer } from \"./chart-explorer\";\nexport type { ChartDatumRef, ChartSelection, ChartTooltip, ChartTooltipFormatter } from \"./chart-inspection\";\nexport type { ChartSnapshot } from \"./chart-snapshot\";\nexport { prepareChartSnapshot } from \"./chart-snapshot\";\nexport type {\n  StateTimelineChartOptions,\n  StateTimelineDomain,\n  StateTimelineInterval,\n  StateTimelineRow,\n  StateTimelineState,\n} from \"./chart-state-timeline\";\nexport { type CollectionSelection, createCollectionSelection, type SelectionModifiers } from \"./collection-selection\";\nexport type {\n  DataTableColumn,\n  DataTableControlsProps,\n  DataTableFooter,\n  DataTableHeaderProps,\n  DataTablePanelFooterProps,\n  DataTablePanelProps,\n  DataTableProps,\n  DataTableRenderCell,\n  DataTableRenderHeader,\n  DataTableSort,\n} from \"./DataTable\";\nexport { default as DataTable } from \"./DataTable\";\nexport type { DocCodeHighlighter, DocCodeProps, DocConcept, DocNoteVariant, DocRow } from \"./Docs\";\nexport { DocCode, DocConceptGrid, DocInlineCode, DocLead, DocNote, DocPage, DocRows, DocSection } from \"./Docs\";\nexport { FileBrowserPanel, type FileBrowserPanelProps, type FileSource, openFileBrowser } from \"./FileBrowser\";\nexport { FileGrid, type FileGridProps } from \"./FileGrid\";\nexport { default as FileTree, type FileTreeActions, type FileTreeEntry, type FileTreeProps } from \"./FileTree\";\nexport {\n  canPreviewFile,\n  default as FileView,\n  type FileViewContent,\n  type FileViewFile,\n  type FileViewPreviewKind,\n  type FileViewProps,\n  type FileViewRenderer,\n  type FileViewRendererProps,\n  formatFileViewSize,\n  getFileViewPreviewKind,\n} from \"./FileView\";\nexport type { LightboxImage } from \"./Lightbox\";\nexport { default as Lightbox } from \"./Lightbox\";\nexport type { LogTableEntry } from \"./LogEntriesTable\";\nexport { default as LogEntriesTable } from \"./LogEntriesTable\";\nexport { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from \"./MarkdownView\";\nexport {\n  type MarkdownInfoBlock,\n  type MarkdownInfoBlockRenderInput,\n  type MarkdownInfoBlockType,\n  markdownInfoBlocks,\n  renderMarkdownInfoBlock,\n  scanMarkdownInfoBlock,\n} from \"./markdown-info-blocks\";\nexport { Pagination, type PaginationProps } from \"./Pagination\";\nexport type { PdfPreviewProps, PdfPreviewRequest } from \"./PdfPreview\";\nexport { default as PdfPreview } from \"./PdfPreview\";\nexport type { RangeOption, RangePickerProps } from \"./RangePicker\";\nexport { default as RangePicker } from \"./RangePicker\";\nexport type { StructuredDataPreviewMode, StructuredDataPreviewProps, StructuredDataValue } from \"./StructuredDataPreview\";\nexport { default as StructuredDataPreview, isStructuredDataValue } from \"./StructuredDataPreview\";\nexport type { ZoomPanAction, ZoomPanFullscreen, ZoomPanViewportProps } from \"./ZoomPanViewport\";\nexport { ZoomPanViewport } from \"./ZoomPanViewport\";\n"],"mappings":"AAaA,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAGhD,SAAS,OAAO,IAAI,KAAK,QAAQ,SAAS;AAE1C,SAAS,aAAa,QAAQ,iBAAiB;AAE/C,SAAS,qBAAqB,QAAQ,yBAAyB;AAC/D,SAAS,mBAAmB,QAAuC,uBAAuB;AAC1F,SAAS,iBAAiB,QAAQ,qBAAqB;AAEvD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AACtD,SAA2B,iBAAiB,QAAQ,gBAAgB;AAUpE,SAAS,mBAAmB,QAAQ,kBAAkB;AAGtD,SAAS,oBAAoB,QAAQ,kBAAkB;AAQvD,SAAmC,yBAAyB,QAAiC,wBAAwB;AAarH,SAAS,OAAO,IAAI,SAAS,QAAQ,aAAa;AAElD,SAAS,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,QAAQ,QAAQ;AAC/G,SAAS,gBAAgB,EAA+C,eAAe,QAAQ,eAAe;AAC9G,SAAS,QAAQ,QAA4B,YAAY;AACzD,SAAS,OAAO,IAAI,QAAQ,QAAsE,YAAY;AAC9G,SACE,cAAc,EACd,OAAO,IAAI,QAAQ,EAOnB,kBAAkB,EAClB,sBAAsB,QACjB,YAAY;AAEnB,SAAS,OAAO,IAAI,QAAQ,QAAQ,YAAY;AAEhD,SAAS,OAAO,IAAI,eAAe,QAAQ,mBAAmB;AAC9D,SAAS,OAAO,IAAI,YAAY,EAAsD,kBAAkB,QAAQ,gBAAgB;AAChI,SAIE,kBAAkB,EAClB,uBAAuB,EACvB,qBAAqB,QAChB,wBAAwB;AAC/B,SAAS,UAAU,QAA8B,cAAc;AAE/D,SAAS,OAAO,IAAI,UAAU,QAAQ,cAAc;AAEpD,SAAS,OAAO,IAAI,WAAW,QAAQ,eAAe;AAEtD,SAAS,OAAO,IAAI,qBAAqB,EAAE,qBAAqB,QAAQ,yBAAyB;AAEjG,SAAS,eAAe,QAAQ,mBAAmB","ignoreList":[]}