@k2b/ui 0.5.0 → 0.6.0

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

@@ -1 +1 @@
-{"version":3,"names":["dates","Show","useUiMessages","Placeholder","DataTable","levelIcon","debug","icon","level","label","info","warn","error","LogEntriesTable","props","messages","columns","id","header","value","entry","entries","length","source","message","createdAt","cellClass","_$createComponent","when","fallback","surface","description","emptyMessage","noLogEntries","children","rows","getRowId","String","hoverRows","renderCell","row","col","_$ssr","_tmpl$","_$ssrAttribute","_$escape","_tmpl$2","_tmpl$3","_tmpl$4","formatDateTime"],"sources":["content/LogEntriesTable.tsx"],"sourcesContent":["import { dates } from \"@k2b/stdlib\";\nimport { Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport DataTable, { type DataTableColumn } from \"./DataTable\";\n\nexport type LogTableEntry = {\n  id: number | string;\n  level: string;\n  source: string;\n  message: string;\n  metadata: Record<string, unknown> | null;\n  createdAt: string;\n};\n\ntype Props = {\n  entries: readonly LogTableEntry[];\n  emptyMessage?: string;\n};\n\n/**\n * Cloud paints each level with a hardcoded Tailwind palette pair\n * (`text-amber-500 dark:text-amber-400`, …). The package keeps the same\n * per-level distinction but routes it through `data-level` so the semantic\n * `--k2b-*` tokens stay the single theming contract in both schemes.\n */\nconst levelIcon: Record<string, { icon: string; level: string; label: string }> = {\n  debug: { icon: \"ti ti-bug\", level: \"debug\", label: \"debug\" },\n  info: { icon: \"ti ti-info-circle\", level: \"info\", label: \"info\" },\n  warn: { icon: \"ti ti-alert-triangle\", level: \"warn\", label: \"warn\" },\n  error: { icon: \"ti ti-alert-circle\", level: \"error\", label: \"error\" },\n};\n\nexport default function LogEntriesTable(props: Props) {\n  const messages = useUiMessages();\n  const columns = (): DataTableColumn<LogTableEntry>[] => [\n    { id: \"level\", header: \"Level\", value: (entry) => entry.level },\n    { id: \"source\", header: `Source (${props.entries.length})`, value: (entry) => entry.source },\n    { id: \"message\", header: \"Message\", value: (entry) => entry.message },\n    { id: \"time\", header: \"Time\", value: (entry) => entry.createdAt, cellClass: \"k2b-log-table__time-cell\" },\n  ];\n\n  return (\n    <Show\n      when={props.entries.length > 0}\n      fallback={<Placeholder surface=\"paper\" description={<>{props.emptyMessage ?? messages().noLogEntries}</>} />}\n    >\n      <DataTable\n        rows={props.entries}\n        columns={columns()}\n        getRowId={(entry) => String(entry.id)}\n        hoverRows\n        class=\"k2b-log-table\"\n        renderCell={({ row, col }) => {\n          if (col.id === \"level\") {\n            const level = levelIcon[row.level] ?? { icon: \"ti ti-circle\", level: \"neutral\", label: row.level || \"unknown\" };\n            return (\n              <span class=\"k2b-log-level\" data-level={level.level}>\n                <i class={`k2b-log-level__icon ${level.icon}`} aria-hidden=\"true\" />\n                <span>{level.label}</span>\n              </span>\n            );\n          }\n          if (col.id === \"source\") return <span class=\"k2b-log-table__source\">{row.source}</span>;\n          if (col.id === \"message\") return <span title={row.message}>{row.message}</span>;\n          if (col.id === \"time\") return <span class=\"k2b-log-table__time\">{dates.formatDateTime(row.createdAt)}</span>;\n          return \"\";\n        }}\n      />\n    </Show>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/LogEntriesTable.tsx"],"sourcesContent":["import { dates } from \"@k2b/stdlib\";\nimport { Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\nimport Placeholder from \"../surfaces/Placeholder\";\nimport DataTable, { type DataTableColumn } from \"./DataTable\";\n\nexport type LogTableEntry = {\n  id: number | string;\n  level: string;\n  source: string;\n  message: string;\n  metadata: Record<string, unknown> | null;\n  createdAt: string;\n};\n\ntype Props = {\n  entries: readonly LogTableEntry[];\n  emptyMessage?: string;\n};\n\n/**\n * Cloud paints each level with a hardcoded Tailwind palette pair\n * (`text-amber-500 dark:text-amber-400`, …). The package keeps the same\n * per-level distinction but routes it through `data-level` so the semantic\n * `--k2b-*` tokens stay the single theming contract in both schemes.\n */\nconst levelIcon: Record<string, { icon: string; level: string; label: string }> = {\n  debug: { icon: \"ti ti-bug\", level: \"debug\", label: \"debug\" },\n  info: { icon: \"ti ti-info-circle\", level: \"info\", label: \"info\" },\n  warn: { icon: \"ti ti-alert-triangle\", level: \"warn\", label: \"warn\" },\n  error: { icon: \"ti ti-alert-circle\", level: \"error\", label: \"error\" },\n};\n\nexport default function LogEntriesTable(props: Props) {\n  const messages = useUiMessages();\n  const columns = (): DataTableColumn<LogTableEntry>[] => [\n    { id: \"level\", header: \"Level\", value: (entry) => entry.level },\n    { id: \"source\", header: `Source (${props.entries.length})`, value: (entry) => entry.source },\n    { id: \"message\", header: \"Message\", value: (entry) => entry.message },\n    { id: \"time\", header: \"Time\", value: (entry) => entry.createdAt, cellClass: \"k2b-log-table__time-cell\" },\n  ];\n\n  return (\n    <Show\n      when={props.entries.length > 0}\n      fallback={<Placeholder surface=\"paper\" description={<>{props.emptyMessage ?? messages().noLogEntries}</>} />}\n    >\n      <DataTable\n        rows={props.entries}\n        columns={columns()}\n        getRowId={(entry) => String(entry.id)}\n        hoverRows\n        class=\"k2b-log-table\"\n        renderCell={({ row, col }) => {\n          if (col.id === \"level\") {\n            const level = levelIcon[row.level] ?? { icon: \"ti ti-circle\", level: \"neutral\", label: row.level || \"unknown\" };\n            return (\n              <span class=\"k2b-log-level\" data-level={level.level}>\n                <i class={`k2b-log-level__icon ${level.icon}`} aria-hidden=\"true\" />\n                <span>{level.label}</span>\n              </span>\n            );\n          }\n          if (col.id === \"source\") return <span class=\"k2b-log-table__source\">{row.source}</span>;\n          if (col.id === \"message\") return <span title={row.message}>{row.message}</span>;\n          if (col.id === \"time\") return <span class=\"k2b-log-table__time\">{dates.formatDateTime(row.createdAt)}</span>;\n          return \"\";\n        }}\n      />\n    </Show>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["marked","Renderer","escapeHtml","value","replaceAll","safeUrl","normalized","trim","replace","test","normalizeInlineTokens","tokens","Set","filter","Boolean","sort","left","right","length","isStandaloneInlineToken","text","start","before","end","after","createSafeRenderer","options","renderer","inlineTokens","renderText","bind","renderTable","table","token","content","header","every","cell","html","link","href","title","body","parser","parseInline","url","linkProtocols","includes","URL","protocol","titleAttribute","target","linkTarget","image","allowImages","type","parts","plainStart","cursor","inlineToken","find","candidate","startsWith","slice","push","raw","join","renderSafeMarkdown","markdown","parse","async","MarkdownView","props","undefined","trustedHtml","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","headingScale"],"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 renderText = renderer.text.bind(renderer);\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\";\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 renderText = renderer.text.bind(renderer);\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":[]}

package/dist/ssr/content/Pagination.js

@@ -1,3 +1,4 @@
+import { memo as _$memo } from "solid-js/web";
 import { ssr as _$ssr } from "solid-js/web";
 import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
 import { escape as _$escape } from "solid-js/web";
@@ -6,7 +7,7 @@ var _tmpl$ = ["<a", " class=\"", "\"", ">", "</a>"],
   _tmpl$2 = "<i class=\"ti ti-chevron-left\" aria-hidden=\"true\"></i>",
   _tmpl$3 = "<i class=\"ti ti-chevron-right\" aria-hidden=\"true\"></i>",
   _tmpl$4 = ["<nav class=\"k2b-pagination\"", "><span class=\"k2b-sr-only\">", "</span><div class=\"k2b-pagination__pages\">", "", "", "</div></nav>"],
-  _tmpl$5 = "<span class=\"k2b-pagination__ellipsis\" aria-hidden=\"true\">\u2026</span>",
+  _tmpl$5 = "<span class=\"k2b-pagination__ellipsis\" aria-hidden=\"true\">…</span>",
   _tmpl$6 = ["<span class=\"k2b-pagination__page is-current\" aria-current=\"page\">", "</span>"];
 import { Link } from "@k2b/ssr/nav";
 import { createMemo, For, Show } from "solid-js";

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

@@ -1 +1 @@
-{"version":3,"names":["Link","createMemo","For","Show","useUiMessages","PaginationLink","props","onNavigate","_$createComponent","href","rel","scroll","class","aria-label","label","children","_$ssr","_tmpl$","_$ssrAttribute","_$escape","Pagination","messages","totalPages","Math","max","floor","Number","isFinite","currentPage","min","page","baseUrl","visiblePages","Set","filter","sort","left","right","when","_tmpl$4","pagination","pageOf","total","previousPage","_tmpl$2","each","index","hasGap","undefined","isCurrent","mobileVisible","_tmpl$5","fallback","goToPage","_tmpl$6","nextPage","_tmpl$3"],"sources":["content/Pagination.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent } from \"@k2b/ssr/nav\";\nimport { createMemo, For, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type PaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  baseUrl: string;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n};\n\ntype PaginationLinkProps = {\n  href: string;\n  label: string;\n  rel?: \"prev\" | \"next\";\n  class?: string;\n  onNavigate?: PaginationProps[\"onNavigate\"];\n  children: JSX.Element;\n};\n\nconst PaginationLink = (props: PaginationLinkProps) =>\n  props.onNavigate ? (\n    <Link\n      href={props.href}\n      rel={props.rel}\n      scroll=\"top\"\n      onNavigate={props.onNavigate}\n      class={`k2b-pagination__page ${props.class ?? \"\"}`}\n      aria-label={props.label}\n    >\n      {props.children}\n    </Link>\n  ) : (\n    <a href={props.href} rel={props.rel} class={`k2b-pagination__page ${props.class ?? \"\"}`} aria-label={props.label}>\n      {props.children}\n    </a>\n  );\n\n/** Link-based pagination with directional navigation and compact mobile disclosure. */\nexport const Pagination = (props: PaginationProps): JSX.Element => {\n  const messages = useUiMessages();\n  const totalPages = createMemo(() => Math.max(1, Math.floor(Number.isFinite(props.totalPages) ? props.totalPages : 1)));\n  const currentPage = createMemo(() =>\n    Math.min(totalPages(), Math.max(1, Math.floor(Number.isFinite(props.currentPage) ? props.currentPage : 1))),\n  );\n  const href = (page: number) => `${props.baseUrl}${page}`;\n  const visiblePages = createMemo(() =>\n    [...new Set([1, currentPage() - 1, currentPage(), currentPage() + 1, totalPages()])]\n      .filter((page) => page >= 1 && page <= totalPages())\n      .sort((left, right) => left - right),\n  );\n\n  return (\n    <Show when={totalPages() > 1}>\n      <nav class=\"k2b-pagination\" aria-label={messages().pagination}>\n        <span class=\"k2b-sr-only\">{messages().pageOf({ page: currentPage(), total: totalPages() })}</span>\n        <div class=\"k2b-pagination__pages\">\n          <Show when={currentPage() > 1}>\n            <PaginationLink href={href(currentPage() - 1)} rel=\"prev\" label={messages().previousPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n\n          <For each={visiblePages()}>\n            {(page, index) => {\n              const previousPage = () => visiblePages()[index() - 1];\n              const hasGap = () => previousPage() !== undefined && page - previousPage()! > 1;\n              const isCurrent = () => page === currentPage();\n              const mobileVisible = () => page === 1 || page === totalPages() || isCurrent();\n\n              return (\n                <>\n                  <Show when={hasGap()}>\n                    <span class=\"k2b-pagination__ellipsis\" aria-hidden=\"true\">\n                      …\n                    </span>\n                  </Show>\n                  <Show\n                    when={isCurrent()}\n                    fallback={\n                      <PaginationLink\n                        href={href(page)}\n                        label={messages().goToPage({ page })}\n                        class={mobileVisible() ? \"\" : \"k2b-pagination__page--wide-only\"}\n                        onNavigate={props.onNavigate}\n                      >\n                        {page}\n                      </PaginationLink>\n                    }\n                  >\n                    <span class=\"k2b-pagination__page is-current\" aria-current=\"page\">\n                      {page}\n                    </span>\n                  </Show>\n                </>\n              );\n            }}\n          </For>\n\n          <Show when={currentPage() < totalPages()}>\n            <PaginationLink href={href(currentPage() + 1)} rel=\"next\" label={messages().nextPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n        </div>\n      </nav>\n    </Show>\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA,SAASA,IAAI,QAAgC,cAAc;AAC3D,SAASC,UAAU,EAAEC,GAAG,EAAYC,IAAI,QAAQ,UAAU;AAC1D,SAASC,aAAa,QAAQ,kBAAkB;AAkBhD,MAAMC,cAAc,GAAIC,KAA0B,IAChDA,KAAK,CAACC,UAAU,GAAAC,iBAAA,CACbR,IAAI;EAAA,IACHS,IAAIA,CAAA;IAAA,OAAEH,KAAK,CAACG,IAAI;EAAA;EAAA,IAChBC,GAAGA,CAAA;IAAA,OAAEJ,KAAK,CAACI,GAAG;EAAA;EACdC,MAAM;EAAA,IACNJ,UAAUA,CAAA;IAAA,OAAED,KAAK,CAACC,UAAU;EAAA;EAAA,aAAAK,CAAA;IAAA,OACrB,wBAAwBN,KAAK,CAACM,KAAK,IAAI,EAAE,EAAE;EAAA;EAAA,kBAAAC,CAAA;IAAA,OACtCP,KAAK,CAACQ,KAAK;EAAA;EAAA,IAAAC,SAAA;IAAA,OAEtBT,KAAK,CAACS,QAAQ;EAAA;AAAA,KAAAC,KAAA,CAAAC,MAAA,EAAAC,cAAA,SAAAC,QAAA,CAGRb,KAAK,CAACG,IAAI,kBAAAS,cAAA,QAAAC,QAAA,CAAOb,KAAK,CAACI,GAAG,iBAAS,wBAAAS,QAAA,CAAwBb,KAAK,CAACM,KAAK,IAAI,EAAE,SAAE,EAAAM,cAAA,eAAAC,QAAA,CAAcb,KAAK,CAACQ,KAAK,iBAAAK,QAAA,CAC7Gb,KAAK,CAACS,QAAQ,EAElB;;AAEH;AACA,OAAO,MAAMK,UAAU,GAAId,KAAsB,IAAkB;EACjE,MAAMe,QAAQ,GAAGjB,aAAa,CAAC,CAAC;EAChC,MAAMkB,UAAU,GAAGrB,UAAU,CAAC,MAAMsB,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACrB,KAAK,CAACgB,UAAU,CAAC,GAAGhB,KAAK,CAACgB,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC;EACtH,MAAMM,WAAW,GAAG3B,UAAU,CAAC,MAC7BsB,IAAI,CAACM,GAAG,CAACP,UAAU,CAAC,CAAC,EAAEC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,KAAK,CAACC,MAAM,CAACC,QAAQ,CAACrB,KAAK,CAACsB,WAAW,CAAC,GAAGtB,KAAK,CAACsB,WAAW,GAAG,CAAC,CAAC,CAAC,CAC5G,CAAC;EACD,MAAMnB,IAAI,GAAIqB,IAAY,IAAK,GAAGxB,KAAK,CAACyB,OAAO,GAAGD,IAAI,EAAE;EACxD,MAAME,YAAY,GAAG/B,UAAU,CAAC,MAC9B,CAAC,GAAG,IAAIgC,GAAG,CAAC,CAAC,CAAC,EAAEL,WAAW,CAAC,CAAC,GAAG,CAAC,EAAEA,WAAW,CAAC,CAAC,EAAEA,WAAW,CAAC,CAAC,GAAG,CAAC,EAAEN,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CACjFY,MAAM,CAAEJ,IAAI,IAAKA,IAAI,IAAI,CAAC,IAAIA,IAAI,IAAIR,UAAU,CAAC,CAAC,CAAC,CACnDa,IAAI,CAAC,CAACC,IAAI,EAAEC,KAAK,KAAKD,IAAI,GAAGC,KAAK,CACvC,CAAC;EAED,OAAA7B,iBAAA,CACGL,IAAI;IAAA,IAACmC,IAAIA,CAAA;MAAA,OAAEhB,UAAU,CAAC,CAAC,GAAG,CAAC;IAAA;IAAA,IAAAP,SAAA;MAAA,OAAAC,KAAA,CAAAuB,OAAA,EAAArB,cAAA,eAAAC,QAAA,CACcE,QAAQ,CAAC,CAAC,CAACmB,UAAU,iBAAArB,QAAA,CAChCE,QAAQ,CAAC,CAAC,CAACoB,MAAM,CAAC;QAAEX,IAAI,EAAEF,WAAW,CAAC,CAAC;QAAEc,KAAK,EAAEpB,UAAU,CAAC;MAAE,CAAC,CAAC,GAAAH,QAAA,CAAAX,iBAAA,CAEvFL,IAAI;QAAA,IAACmC,IAAIA,CAAA;UAAA,OAAEV,WAAW,CAAC,CAAC,GAAG,CAAC;QAAA;QAAA,IAAAb,SAAA;UAAA,OAAAP,iBAAA,CAC1BH,cAAc;YAAA,IAACI,IAAIA,CAAA;cAAA,OAAEA,IAAI,CAACmB,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;YAAA;YAAElB,GAAG;YAAA,IAAQI,KAAKA,CAAA;cAAA,OAAEO,QAAQ,CAAC,CAAC,CAACsB,YAAY;YAAA;YAAA,IAAEpC,UAAUA,CAAA;cAAA,OAAED,KAAK,CAACC,UAAU;YAAA;YAAA,IAAAQ,SAAA;cAAA,OAAAC,KAAA,CAAA4B,OAAA;YAAA;UAAA;QAAA;MAAA,KAAAzB,QAAA,CAAAX,iBAAA,CAKvHN,GAAG;QAAA,IAAC2C,IAAIA,CAAA;UAAA,OAAEb,YAAY,CAAC,CAAC;QAAA;QAAAjB,QAAA,EACtBA,CAACe,IAAI,EAAEgB,KAAK,KAAK;UAChB,MAAMH,YAAY,GAAGA,CAAA,KAAMX,YAAY,CAAC,CAAC,CAACc,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC;UACtD,MAAMC,MAAM,GAAGA,CAAA,KAAMJ,YAAY,CAAC,CAAC,KAAKK,SAAS,IAAIlB,IAAI,GAAGa,YAAY,CAAC,CAAE,GAAG,CAAC;UAC/E,MAAMM,SAAS,GAAGA,CAAA,KAAMnB,IAAI,KAAKF,WAAW,CAAC,CAAC;UAC9C,MAAMsB,aAAa,GAAGA,CAAA,KAAMpB,IAAI,KAAK,CAAC,IAAIA,IAAI,KAAKR,UAAU,CAAC,CAAC,IAAI2B,SAAS,CAAC,CAAC;UAE9E,QAAAzC,iBAAA,CAEKL,IAAI;YAAA,IAACmC,IAAIA,CAAA;cAAA,OAAES,MAAM,CAAC,CAAC;YAAA;YAAA,IAAAhC,SAAA;cAAA,OAAAC,KAAA,CAAAmC,OAAA;YAAA;UAAA,IAAA3C,iBAAA,CAKnBL,IAAI;YAAA,IACHmC,IAAIA,CAAA;cAAA,OAAEW,SAAS,CAAC,CAAC;YAAA;YAAA,IACjBG,QAAQA,CAAA;cAAA,OAAA5C,iBAAA,CACLH,cAAc;gBAAA,IACbI,IAAIA,CAAA;kBAAA,OAAEA,IAAI,CAACqB,IAAI,CAAC;gBAAA;gBAAA,IAChBhB,KAAKA,CAAA;kBAAA,OAAEO,QAAQ,CAAC,CAAC,CAACgC,QAAQ,CAAC;oBAAEvB;kBAAK,CAAC,CAAC;gBAAA;gBAAA,aAAAlB,CAAA;kBAAA,OAC7BsC,aAAa,CAAC,CAAC,GAAG,EAAE,GAAG,iCAAiC;gBAAA;gBAAA,IAC/D3C,UAAUA,CAAA;kBAAA,OAAED,KAAK,CAACC,UAAU;gBAAA;gBAAAQ,QAAA,EAE3Be;cAAI;YAAA;YAAA,IAAAf,SAAA;cAAA,OAAAC,KAAA,CAAAsC,OAAA,EAAAnC,QAAA,CAKNW,IAAI;YAAA;UAAA;QAKf;MAAC,KAAAX,QAAA,CAAAX,iBAAA,CAGFL,IAAI;QAAA,IAACmC,IAAIA,CAAA;UAAA,OAAEV,WAAW,CAAC,CAAC,GAAGN,UAAU,CAAC,CAAC;QAAA;QAAA,IAAAP,SAAA;UAAA,OAAAP,iBAAA,CACrCH,cAAc;YAAA,IAACI,IAAIA,CAAA;cAAA,OAAEA,IAAI,CAACmB,WAAW,CAAC,CAAC,GAAG,CAAC,CAAC;YAAA;YAAElB,GAAG;YAAA,IAAQI,KAAKA,CAAA;cAAA,OAAEO,QAAQ,CAAC,CAAC,CAACkC,QAAQ;YAAA;YAAA,IAAEhD,UAAUA,CAAA;cAAA,OAAED,KAAK,CAACC,UAAU;YAAA;YAAA,IAAAQ,SAAA;cAAA,OAAAC,KAAA,CAAAwC,OAAA;YAAA;UAAA;QAAA;MAAA;IAAA;EAAA;AAQ9H,CAAC","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/Pagination.tsx"],"sourcesContent":["import { Link, type LinkNavigateEvent } from \"@k2b/ssr/nav\";\nimport { createMemo, For, type JSX, Show } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type PaginationProps = {\n  currentPage: number;\n  totalPages: number;\n  baseUrl: string;\n  onNavigate?: (event: LinkNavigateEvent) => void | Promise<void>;\n};\n\ntype PaginationLinkProps = {\n  href: string;\n  label: string;\n  rel?: \"prev\" | \"next\";\n  class?: string;\n  onNavigate?: PaginationProps[\"onNavigate\"];\n  children: JSX.Element;\n};\n\nconst PaginationLink = (props: PaginationLinkProps) =>\n  props.onNavigate ? (\n    <Link\n      href={props.href}\n      rel={props.rel}\n      scroll=\"top\"\n      onNavigate={props.onNavigate}\n      class={`k2b-pagination__page ${props.class ?? \"\"}`}\n      aria-label={props.label}\n    >\n      {props.children}\n    </Link>\n  ) : (\n    <a href={props.href} rel={props.rel} class={`k2b-pagination__page ${props.class ?? \"\"}`} aria-label={props.label}>\n      {props.children}\n    </a>\n  );\n\n/** Link-based pagination with directional navigation and compact mobile disclosure. */\nexport const Pagination = (props: PaginationProps): JSX.Element => {\n  const messages = useUiMessages();\n  const totalPages = createMemo(() => Math.max(1, Math.floor(Number.isFinite(props.totalPages) ? props.totalPages : 1)));\n  const currentPage = createMemo(() =>\n    Math.min(totalPages(), Math.max(1, Math.floor(Number.isFinite(props.currentPage) ? props.currentPage : 1))),\n  );\n  const href = (page: number) => `${props.baseUrl}${page}`;\n  const visiblePages = createMemo(() =>\n    [...new Set([1, currentPage() - 1, currentPage(), currentPage() + 1, totalPages()])]\n      .filter((page) => page >= 1 && page <= totalPages())\n      .sort((left, right) => left - right),\n  );\n\n  return (\n    <Show when={totalPages() > 1}>\n      <nav class=\"k2b-pagination\" aria-label={messages().pagination}>\n        <span class=\"k2b-sr-only\">{messages().pageOf({ page: currentPage(), total: totalPages() })}</span>\n        <div class=\"k2b-pagination__pages\">\n          <Show when={currentPage() > 1}>\n            <PaginationLink href={href(currentPage() - 1)} rel=\"prev\" label={messages().previousPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-left\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n\n          <For each={visiblePages()}>\n            {(page, index) => {\n              const previousPage = () => visiblePages()[index() - 1];\n              const hasGap = () => previousPage() !== undefined && page - previousPage()! > 1;\n              const isCurrent = () => page === currentPage();\n              const mobileVisible = () => page === 1 || page === totalPages() || isCurrent();\n\n              return (\n                <>\n                  <Show when={hasGap()}>\n                    <span class=\"k2b-pagination__ellipsis\" aria-hidden=\"true\">\n                      …\n                    </span>\n                  </Show>\n                  <Show\n                    when={isCurrent()}\n                    fallback={\n                      <PaginationLink\n                        href={href(page)}\n                        label={messages().goToPage({ page })}\n                        class={mobileVisible() ? \"\" : \"k2b-pagination__page--wide-only\"}\n                        onNavigate={props.onNavigate}\n                      >\n                        {page}\n                      </PaginationLink>\n                    }\n                  >\n                    <span class=\"k2b-pagination__page is-current\" aria-current=\"page\">\n                      {page}\n                    </span>\n                  </Show>\n                </>\n              );\n            }}\n          </For>\n\n          <Show when={currentPage() < totalPages()}>\n            <PaginationLink href={href(currentPage() + 1)} rel=\"next\" label={messages().nextPage} onNavigate={props.onNavigate}>\n              <i class=\"ti ti-chevron-right\" aria-hidden=\"true\" />\n            </PaginationLink>\n          </Show>\n        </div>\n      </nav>\n    </Show>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["createSignal","onCleanup","onMount","Show","resolveUiMessages","useUiMessages","readErrorMessage","response","data","json","message","pdfPreviewHttpError","status","PdfPreview","props","messages","url","setUrl","loading","setLoading","opening","setOpening","error","setError","disposed","loadGeneration","openGeneration","revokeCurrent","current","URL","revokeObjectURL","readPdfBlob","request","blob","Response","ok","Error","type","load","disabled","generation","nextUrl","createObjectURL","previousUrl","e","autoLoad","openInNewTab","tab","window","open","opener","document","title","pdfPreview","body","textContent","close","objectUrl","location","href","setTimeout","actions","_$ssr","_tmpl$","_$ssrAttribute","_$escape","openButtonLabel","openPreview","buttonLabel","previewPdf","content","_$createComponent","when","fallback","_tmpl$2","undefined","emptyText","renderPdfPreview","children","currentUrl","_tmpl$3","renderError","_tmpl$4","_tmpl$6","class","_tmpl$5"],"sources":["content/PdfPreview.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PdfPreviewRequest = () => Promise<Response | Blob>;\n\nexport type PdfPreviewProps = {\n  request: PdfPreviewRequest;\n  autoLoad?: boolean;\n  disabled?: () => boolean;\n  title?: string;\n  buttonLabel?: string;\n  openButtonLabel?: string;\n  emptyText?: string;\n  class?: string;\n  children?: (parts: { actions: JSX.Element; content: JSX.Element }) => JSX.Element;\n  renderError?: (message: string) => JSX.Element;\n};\n\nconst readErrorMessage = async (response: Response): Promise<string> => {\n  try {\n    const data = (await response.json()) as unknown;\n    if (data && typeof data === \"object\" && \"message\" in data && typeof data.message === \"string\") return data.message;\n  } catch {\n    // Fall through to the HTTP status fallback.\n  }\n  return resolveUiMessages().pdfPreviewHttpError({ status: response.status });\n};\n\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const messages = useUiMessages();\n  const [url, setUrl] = createSignal<string | null>(null);\n  const [loading, setLoading] = createSignal(false);\n  const [opening, setOpening] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  let disposed = false;\n  let loadGeneration = 0;\n  let openGeneration = 0;\n\n  const revokeCurrent = () => {\n    const current = url();\n    if (current) URL.revokeObjectURL(current);\n    setUrl(null);\n  };\n\n  onCleanup(() => {\n    disposed = true;\n    loadGeneration += 1;\n    openGeneration += 1;\n    revokeCurrent();\n  });\n\n  const readPdfBlob = async () => {\n    const response = await props.request();\n    const blob = response instanceof Response ? (response.ok ? await response.blob() : null) : response;\n    if (!blob) throw new Error(await readErrorMessage(response as Response));\n    if (blob.type && blob.type !== \"application/pdf\") throw new Error(`PDF preview returned ${blob.type} instead of application/pdf`);\n    return blob;\n  };\n\n  const load = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++loadGeneration;\n    setLoading(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      const nextUrl = URL.createObjectURL(blob);\n      if (disposed || generation !== loadGeneration) {\n        URL.revokeObjectURL(nextUrl);\n        return;\n      }\n      const previousUrl = url();\n      setUrl(nextUrl);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n    } catch (e) {\n      if (!disposed && generation === loadGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === loadGeneration) setLoading(false);\n    }\n  };\n\n  onMount(() => {\n    if (props.autoLoad) void load();\n  });\n\n  const openInNewTab = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++openGeneration;\n    const tab = window.open(\"\", \"_blank\");\n    if (!tab) {\n      setError(\"Browser blocked the preview tab\");\n      return;\n    }\n    tab.opener = null;\n    tab.document.title = props.title ?? messages().pdfPreview;\n    tab.document.body.textContent = \"Rendering PDF preview...\";\n    setOpening(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      if (disposed || generation !== openGeneration) {\n        tab.close();\n        return;\n      }\n      const objectUrl = URL.createObjectURL(blob);\n      tab.location.href = objectUrl;\n      window.setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);\n    } catch (e) {\n      tab.close();\n      if (!disposed && generation === openGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === openGeneration) setOpening(false);\n    }\n  };\n\n  const actions = () => (\n    <div class=\"k2b-content-pdf-preview__actions\">\n      <button\n        type=\"button\"\n        class=\"k2b-button\"\n        data-variant=\"secondary\"\n        data-size=\"sm\"\n        onClick={() => void openInNewTab()}\n        disabled={loading() || opening() || props.disabled?.()}\n      >\n        <i class={opening() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-external-link\"} aria-hidden=\"true\" />\n        {props.openButtonLabel ?? messages().openPreview}\n      </button>\n      <button\n        type=\"button\"\n        class=\"k2b-button\"\n        data-variant=\"secondary\"\n        data-size=\"sm\"\n        onClick={() => void load()}\n        disabled={loading() || opening() || props.disabled?.()}\n      >\n        <i class={loading() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-file-type-pdf\"} aria-hidden=\"true\" />\n        {props.buttonLabel ?? messages().previewPdf}\n      </button>\n    </div>\n  );\n  const content = () => (\n    <Show\n      when={error()}\n      fallback={\n        <Show\n          when={url()}\n          fallback={\n            <div class=\"k2b-content-pdf-preview__empty\">\n              <span role={loading() ? \"status\" : undefined}>\n                {loading() ? messages().loading : (props.emptyText ?? messages().renderPdfPreview)}\n              </span>\n            </div>\n          }\n        >\n          {(currentUrl) => (\n            <iframe class=\"k2b-content-pdf-preview__frame\" src={currentUrl()} title={props.title ?? messages().pdfPreview} />\n          )}\n        </Show>\n      }\n    >\n      {(message) =>\n        props.renderError?.(message()) ?? (\n          <div role=\"alert\" class=\"k2b-content-pdf-preview__error\">\n            {message()}\n          </div>\n        )\n      }\n    </Show>\n  );\n\n  if (props.children)\n    return props.children({\n      get actions() {\n        return actions();\n      },\n      get content() {\n        return content();\n      },\n    });\n  return (\n    <section class={`k2b-content-pdf-preview ${props.class ?? \"\"}`}>\n      <div class=\"k2b-content-pdf-preview__toolbar\">\n        <div class=\"k2b-content-pdf-preview__heading\">\n          <Show when={props.title}>\n            <h2 class=\"k2b-content-pdf-preview__title\">{props.title}</h2>\n          </Show>\n        </div>\n        {actions()}\n      </div>\n      {content()}\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/PdfPreview.tsx"],"sourcesContent":["import { createSignal, type JSX, onCleanup, onMount, Show } from \"solid-js\";\nimport { resolveUiMessages, useUiMessages } from \"../intl/messages\";\n\nexport type PdfPreviewRequest = () => Promise<Response | Blob>;\n\nexport type PdfPreviewProps = {\n  request: PdfPreviewRequest;\n  autoLoad?: boolean;\n  disabled?: () => boolean;\n  title?: string;\n  buttonLabel?: string;\n  openButtonLabel?: string;\n  emptyText?: string;\n  class?: string;\n  children?: (parts: { actions: JSX.Element; content: JSX.Element }) => JSX.Element;\n  renderError?: (message: string) => JSX.Element;\n};\n\nconst readErrorMessage = async (response: Response): Promise<string> => {\n  try {\n    const data = (await response.json()) as unknown;\n    if (data && typeof data === \"object\" && \"message\" in data && typeof data.message === \"string\") return data.message;\n  } catch {\n    // Fall through to the HTTP status fallback.\n  }\n  return resolveUiMessages().pdfPreviewHttpError({ status: response.status });\n};\n\nexport default function PdfPreview(props: PdfPreviewProps) {\n  const messages = useUiMessages();\n  const [url, setUrl] = createSignal<string | null>(null);\n  const [loading, setLoading] = createSignal(false);\n  const [opening, setOpening] = createSignal(false);\n  const [error, setError] = createSignal<string | null>(null);\n  let disposed = false;\n  let loadGeneration = 0;\n  let openGeneration = 0;\n\n  const revokeCurrent = () => {\n    const current = url();\n    if (current) URL.revokeObjectURL(current);\n    setUrl(null);\n  };\n\n  onCleanup(() => {\n    disposed = true;\n    loadGeneration += 1;\n    openGeneration += 1;\n    revokeCurrent();\n  });\n\n  const readPdfBlob = async () => {\n    const response = await props.request();\n    const blob = response instanceof Response ? (response.ok ? await response.blob() : null) : response;\n    if (!blob) throw new Error(await readErrorMessage(response as Response));\n    if (blob.type && blob.type !== \"application/pdf\") throw new Error(`PDF preview returned ${blob.type} instead of application/pdf`);\n    return blob;\n  };\n\n  const load = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++loadGeneration;\n    setLoading(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      const nextUrl = URL.createObjectURL(blob);\n      if (disposed || generation !== loadGeneration) {\n        URL.revokeObjectURL(nextUrl);\n        return;\n      }\n      const previousUrl = url();\n      setUrl(nextUrl);\n      if (previousUrl) URL.revokeObjectURL(previousUrl);\n    } catch (e) {\n      if (!disposed && generation === loadGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === loadGeneration) setLoading(false);\n    }\n  };\n\n  onMount(() => {\n    if (props.autoLoad) void load();\n  });\n\n  const openInNewTab = async () => {\n    if (loading() || opening() || props.disabled?.()) return;\n    const generation = ++openGeneration;\n    const tab = window.open(\"\", \"_blank\");\n    if (!tab) {\n      setError(\"Browser blocked the preview tab\");\n      return;\n    }\n    tab.opener = null;\n    tab.document.title = props.title ?? messages().pdfPreview;\n    tab.document.body.textContent = \"Rendering PDF preview...\";\n    setOpening(true);\n    setError(null);\n    try {\n      const blob = await readPdfBlob();\n      if (disposed || generation !== openGeneration) {\n        tab.close();\n        return;\n      }\n      const objectUrl = URL.createObjectURL(blob);\n      tab.location.href = objectUrl;\n      window.setTimeout(() => URL.revokeObjectURL(objectUrl), 60_000);\n    } catch (e) {\n      tab.close();\n      if (!disposed && generation === openGeneration) setError(e instanceof Error ? e.message : \"PDF preview failed\");\n    } finally {\n      if (!disposed && generation === openGeneration) setOpening(false);\n    }\n  };\n\n  const actions = () => (\n    <div class=\"k2b-content-pdf-preview__actions\">\n      <button\n        type=\"button\"\n        class=\"k2b-button\"\n        data-variant=\"secondary\"\n        data-size=\"sm\"\n        onClick={() => void openInNewTab()}\n        disabled={loading() || opening() || props.disabled?.()}\n      >\n        <i class={opening() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-external-link\"} aria-hidden=\"true\" />\n        {props.openButtonLabel ?? messages().openPreview}\n      </button>\n      <button\n        type=\"button\"\n        class=\"k2b-button\"\n        data-variant=\"secondary\"\n        data-size=\"sm\"\n        onClick={() => void load()}\n        disabled={loading() || opening() || props.disabled?.()}\n      >\n        <i class={loading() ? \"ti ti-loader-2 k2b-spin\" : \"ti ti-file-type-pdf\"} aria-hidden=\"true\" />\n        {props.buttonLabel ?? messages().previewPdf}\n      </button>\n    </div>\n  );\n  const content = () => (\n    <Show\n      when={error()}\n      fallback={\n        <Show\n          when={url()}\n          fallback={\n            <div class=\"k2b-content-pdf-preview__empty\">\n              <span role={loading() ? \"status\" : undefined}>\n                {loading() ? messages().loading : (props.emptyText ?? messages().renderPdfPreview)}\n              </span>\n            </div>\n          }\n        >\n          {(currentUrl) => (\n            <iframe class=\"k2b-content-pdf-preview__frame\" src={currentUrl()} title={props.title ?? messages().pdfPreview} />\n          )}\n        </Show>\n      }\n    >\n      {(message) =>\n        props.renderError?.(message()) ?? (\n          <div role=\"alert\" class=\"k2b-content-pdf-preview__error\">\n            {message()}\n          </div>\n        )\n      }\n    </Show>\n  );\n\n  if (props.children)\n    return props.children({\n      get actions() {\n        return actions();\n      },\n      get content() {\n        return content();\n      },\n    });\n  return (\n    <section class={`k2b-content-pdf-preview ${props.class ?? \"\"}`}>\n      <div class=\"k2b-content-pdf-preview__toolbar\">\n        <div class=\"k2b-content-pdf-preview__heading\">\n          <Show when={props.title}>\n            <h2 class=\"k2b-content-pdf-preview__title\">{props.title}</h2>\n          </Show>\n        </div>\n        {actions()}\n      </div>\n      {content()}\n    </section>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["For","useUiMessages","RangePicker","props","messages","caption","label","window","_$ssr","_tmpl$","_$escape","class","_$ssrAttribute","ariaLabel","range","_tmpl$2","_$createComponent","each","options","children","option","_tmpl$3","href","value","undefined"],"sources":["content/RangePicker.tsx"],"sourcesContent":["import { For } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/**\n * RangePicker — the time window every observability surface needs.\n *\n * Rendered as links rather than buttons on purpose: window selection is a\n * server concern (the query, not the rendering), so it belongs in the URL and\n * works without hydration. Callers supply the href per option, which is what\n * lets each page keep its own other params intact — the hand-rolled copies\n * differed exactly there, with one silently dropping every unrelated filter.\n *\n * The vocabulary stays with the caller too. Traces think in `10m…30d`, request\n * telemetry in `1h…30d`, audit in days; a single hardcoded list would be wrong\n * for most of them.\n */\nexport type RangeOption<T extends string> = {\n  value: T;\n  /** Defaults to the value, which is already short by convention (`24h`). */\n  label?: string;\n  href: string;\n};\n\nexport type RangePickerProps<T extends string> = {\n  options: readonly RangeOption<T>[];\n  value: T;\n  /** Leading caption. Pass `null` to omit it in tight toolbars. */\n  label?: string | null;\n  /** Names the control for assistive tech; defaults to the visible label. */\n  ariaLabel?: string;\n  class?: string;\n};\n\nexport default function RangePicker<T extends string>(props: RangePickerProps<T>) {\n  const messages = useUiMessages();\n  const caption = () => (props.label === null ? null : (props.label ?? messages().window));\n  return (\n    <nav class={`k2b-range-picker ${props.class ?? \"\"}`} aria-label={props.ariaLabel ?? caption() ?? messages().range}>\n      {caption() ? <span class=\"k2b-range-picker__caption\">{caption()}</span> : null}\n      <For each={props.options}>\n        {(option) => (\n          <a\n            href={option.href}\n            class=\"k2b-range-picker__option\"\n            data-selected={option.value === props.value ? \"true\" : undefined}\n            aria-current={option.value === props.value ? \"true\" : undefined}\n          >\n            {option.label ?? option.value}\n          </a>\n        )}\n      </For>\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;AAAA,SAASA,GAAG,QAAQ,UAAU;AAC9B,SAASC,aAAa,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,eAAe,SAASC,WAAWA,CAAmBC,KAA0B,EAAE;EAChF,MAAMC,QAAQ,GAAGH,aAAa,CAAC,CAAC;EAChC,MAAMI,OAAO,GAAGA,CAAA,KAAOF,KAAK,CAACG,KAAK,KAAK,IAAI,GAAG,IAAI,GAAIH,KAAK,CAACG,KAAK,IAAIF,QAAQ,CAAC,CAAC,CAACG,MAAQ;EACxF,OAAAC,KAAA,CAAAC,MAAA,EACc,oBAAAC,QAAA,CAAoBP,KAAK,CAACQ,KAAK,IAAI,EAAE,SAAE,EAAAC,cAAA,eAAAF,QAAA,CAAcP,KAAK,CAACU,SAAS,IAAIR,OAAO,CAAC,CAAC,IAAID,QAAQ,CAAC,CAAC,CAACU,KAAK,iBAC9GT,OAAO,CAAC,CAAC,GAAAG,KAAA,CAAAO,OAAA,EAAAL,QAAA,CAA4CL,OAAO,CAAC,CAAC,KAAAK,QAAA,CAAW,IAAI,GAAAA,QAAA,CAAAM,iBAAA,CAC7EhB,GAAG;IAAA,IAACiB,IAAIA,CAAA;MAAA,OAAEd,KAAK,CAACe,OAAO;IAAA;IAAAC,QAAA,EACpBC,MAAM,IAAAZ,KAAA,CAAAa,OAAA,EAAAT,cAAA,SAAAF,QAAA,CAEEU,MAAM,CAACE,IAAI,iBAAAV,cAAA,kBAEFQ,MAAM,CAACG,KAAK,KAAKpB,KAAK,CAACoB,KAAK,GAAG,MAAM,GAAAb,QAAA,CAAGc,SAAS,kBAAAZ,cAAA,iBAClDQ,MAAM,CAACG,KAAK,KAAKpB,KAAK,CAACoB,KAAK,GAAG,MAAM,GAAAb,QAAA,CAAGc,SAAS,iBAAAd,QAAA,CAE9DU,MAAM,CAACd,KAAK,IAAIc,MAAM,CAACG,KAAK;EAEhC;AAIT","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/RangePicker.tsx"],"sourcesContent":["import { For } from \"solid-js\";\nimport { useUiMessages } from \"../intl/messages\";\n\n/**\n * RangePicker — the time window every observability surface needs.\n *\n * Rendered as links rather than buttons on purpose: window selection is a\n * server concern (the query, not the rendering), so it belongs in the URL and\n * works without hydration. Callers supply the href per option, which is what\n * lets each page keep its own other params intact — the hand-rolled copies\n * differed exactly there, with one silently dropping every unrelated filter.\n *\n * The vocabulary stays with the caller too. Traces think in `10m…30d`, request\n * telemetry in `1h…30d`, audit in days; a single hardcoded list would be wrong\n * for most of them.\n */\nexport type RangeOption<T extends string> = {\n  value: T;\n  /** Defaults to the value, which is already short by convention (`24h`). */\n  label?: string;\n  href: string;\n};\n\nexport type RangePickerProps<T extends string> = {\n  options: readonly RangeOption<T>[];\n  value: T;\n  /** Leading caption. Pass `null` to omit it in tight toolbars. */\n  label?: string | null;\n  /** Names the control for assistive tech; defaults to the visible label. */\n  ariaLabel?: string;\n  class?: string;\n};\n\nexport default function RangePicker<T extends string>(props: RangePickerProps<T>) {\n  const messages = useUiMessages();\n  const caption = () => (props.label === null ? null : (props.label ?? messages().window));\n  return (\n    <nav class={`k2b-range-picker ${props.class ?? \"\"}`} aria-label={props.ariaLabel ?? caption() ?? messages().range}>\n      {caption() ? <span class=\"k2b-range-picker__caption\">{caption()}</span> : null}\n      <For each={props.options}>\n        {(option) => (\n          <a\n            href={option.href}\n            class=\"k2b-range-picker__option\"\n            data-selected={option.value === props.value ? \"true\" : undefined}\n            aria-current={option.value === props.value ? \"true\" : undefined}\n          >\n            {option.label ?? option.value}\n          </a>\n        )}\n      </For>\n    </nav>\n  );\n}\n"],"mappings":";;;;;;;AAAA,SAAS,GAAG,QAAQ,UAAU;AAC9B,SAAS,aAAa,QAAQ,kBAAkB;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkBA,eAAe,SAAS,WAAW,CAAmB,KAA0B,EAAE;EAChF,MAAM,QAAQ,GAAG,aAAa,CAAC,CAAC;EAChC,MAAM,OAAO,GAAG,MAAO,KAAK,CAAC,KAAK,KAAK,IAAI,GAAG,IAAI,GAAI,KAAK,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAQ;EACxF,qBACc,6BAAoB,KAAK,CAAC,KAAK,IAAI,EAAE,SAAE,wCAAc,KAAK,CAAC,SAAS,IAAI,OAAO,CAAC,CAAC,IAAI,QAAQ,CAAC,CAAC,CAAC,KAAK,iBAC9G,OAAO,CAAC,CAAC,2BAA4C,OAAO,CAAC,CAAC,cAAW,IAAI,8BAC7E,GAAG;IAAA,IAAC,IAAI;MAAA,OAAE,KAAK,CAAC,OAAO;IAAA;IAAA,UACpB,MAAM,mDAEE,MAAM,CAAC,IAAI,iDAEF,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAG,MAAM,YAAG,SAAS,iDAClD,MAAM,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,GAAG,MAAM,YAAG,SAAS,0BAE9D,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK;EAEhC;AAIT","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["createMemo","createSignal","For","Show","CopyButton","resolveMaybeAccessor","useUiMessages","isStructuredDataValue","value","seen","WeakSet","Number","isFinite","has","prototype","Object","getPrototypeOf","Array","isArray","add","valid","every","item","values","delete","toRows","data","map","index","key","String","entries","formatInlineValue","JSON","stringify","formatJson","StructuredDataPreview","props","messages","internalMode","setInternalMode","defaultMode","mode","undefined","setMode","next","onModeChange","rows","visibleRows","slice","maxRows","length","hiddenCount","Math","max","raw","hasData","showRaw","_$ssr","_tmpl$5","_$ssrAttribute","_$escape","class","filter","Boolean","join","_$createComponent","when","title","children","_tmpl$6","fallback","_tmpl$8","copy","_tmpl$7","text","_tmpl$3","_tmpl$9","empty","noData","_tmpl$","each","row","complex","_tmpl$0","_tmpl$1","_tmpl$2","_tmpl$4"],"sources":["content/StructuredDataPreview.tsx"],"sourcesContent":["import { createMemo, createSignal, For, Show } from \"solid-js\";\nimport CopyButton from \"../actions/CopyButton\";\nimport { type MaybeAccessor, resolveMaybeAccessor } from \"../inputs/field-contract\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type StructuredDataPreviewMode = \"formatted\" | \"raw\";\nexport type StructuredDataValue =\n  | null\n  | boolean\n  | number\n  | string\n  | readonly StructuredDataValue[]\n  | { readonly [key: string]: StructuredDataValue };\n\nexport const isStructuredDataValue = (value: unknown, seen = new WeakSet<object>()): value is StructuredDataValue => {\n  if (value === null || typeof value === \"string\" || typeof value === \"boolean\") return true;\n  if (typeof value === \"number\") return Number.isFinite(value);\n  if (typeof value !== \"object\" || seen.has(value)) return false;\n\n  const prototype = Object.getPrototypeOf(value);\n  if (!Array.isArray(value) && prototype !== Object.prototype && prototype !== null) return false;\n\n  seen.add(value);\n  const valid = Array.isArray(value)\n    ? value.every((item) => isStructuredDataValue(item, seen))\n    : Object.values(value).every((item) => isStructuredDataValue(item, seen));\n  seen.delete(value);\n  return valid;\n};\n\nexport type StructuredDataPreviewProps = {\n  title?: string;\n  data: StructuredDataValue;\n  /** Controlled display mode. */\n  mode?: MaybeAccessor<StructuredDataPreviewMode>;\n  onModeChange?: (mode: StructuredDataPreviewMode) => void;\n  /** Initial mode for an uncontrolled preview. */\n  defaultMode?: StructuredDataPreviewMode;\n  copy?: boolean;\n  empty?: string;\n  maxRows?: number;\n  class?: string;\n};\n\ntype Row = {\n  key: string;\n  value: StructuredDataValue;\n};\n\nconst toRows = (data: StructuredDataValue): Row[] => {\n  if (Array.isArray(data)) return data.map((value, index) => ({ key: String(index), value }));\n  if (data && typeof data === \"object\") return Object.entries(data).map(([key, value]) => ({ key, value }));\n  if (data === null) return [];\n  return [{ key: \"value\", value: data }];\n};\n\nconst formatInlineValue = (value: StructuredDataValue): string => {\n  if (value === null) return \"null\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return String(value);\n  return JSON.stringify(value);\n};\n\nconst formatJson = (data: StructuredDataValue): string => JSON.stringify(data, null, 2);\n\nexport default function StructuredDataPreview(props: StructuredDataPreviewProps) {\n  const messages = useUiMessages();\n  const [internalMode, setInternalMode] = createSignal<StructuredDataPreviewMode>(props.defaultMode ?? \"formatted\");\n  const mode = () => (props.mode === undefined ? internalMode() : resolveMaybeAccessor(props.mode));\n  const setMode = (next: StructuredDataPreviewMode) => {\n    if (props.mode === undefined) setInternalMode(next);\n    props.onModeChange?.(next);\n  };\n  const rows = createMemo(() => toRows(props.data));\n  const visibleRows = createMemo(() => rows().slice(0, props.maxRows ?? rows().length));\n  const hiddenCount = createMemo(() => Math.max(0, rows().length - visibleRows().length));\n  const raw = createMemo(() => formatJson(props.data));\n  const hasData = createMemo(() => rows().length > 0);\n  const showRaw = createMemo(() => mode() === \"raw\");\n\n  return (\n    <div class={[\"k2b-content-structured-data\", props.class].filter(Boolean).join(\" \")}>\n      <Show when={props.title}>{(title) => <h2 class=\"k2b-content-structured-data__title\">{title()}</h2>}</Show>\n\n      <Show\n        when={!showRaw()}\n        fallback={\n          <div class=\"k2b-content-structured-data__surface\" data-mode=\"raw\">\n            <pre>{raw()}</pre>\n            <Show when={props.copy !== false}>\n              <div class=\"k2b-content-structured-data__copy\">\n                <CopyButton text={raw()} />\n              </div>\n            </Show>\n          </div>\n        }\n      >\n        <div class=\"k2b-content-structured-data__surface\">\n          <Show when={hasData()} fallback={<p class=\"k2b-content-structured-data__empty\">{props.empty ?? messages().noData}</p>}>\n            <div class=\"k2b-content-structured-data__rows\">\n              <For each={visibleRows()}>\n                {(row) => {\n                  const complex = typeof row.value === \"object\" && row.value !== null;\n                  return (\n                    <>\n                      <span class=\"k2b-content-structured-data__key\" title={row.key}>\n                        {row.key}\n                      </span>\n                      <span class=\"k2b-content-structured-data__value\" data-complex={complex ? \"true\" : undefined}>\n                        {formatInlineValue(row.value)}\n                      </span>\n                    </>\n                  );\n                }}\n              </For>\n            </div>\n            <Show when={hiddenCount() > 0}>\n              <p class=\"k2b-content-structured-data__hidden\">\n                {hiddenCount()} more row{hiddenCount() === 1 ? \"\" : \"s\"} hidden.\n              </p>\n            </Show>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"k2b-content-structured-data__footer\">\n        <Show when={hasData()}>\n          <button type=\"button\" class=\"k2b-content-structured-data__action\" onClick={() => setMode(showRaw() ? \"formatted\" : \"raw\")}>\n            {showRaw() ? \"View formatted\" : \"View raw\"}\n          </button>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":[],"sources":["content/StructuredDataPreview.tsx"],"sourcesContent":["import { createMemo, createSignal, For, Show } from \"solid-js\";\nimport CopyButton from \"../actions/CopyButton\";\nimport { type MaybeAccessor, resolveMaybeAccessor } from \"../inputs/field-contract\";\nimport { useUiMessages } from \"../intl/messages\";\n\nexport type StructuredDataPreviewMode = \"formatted\" | \"raw\";\nexport type StructuredDataValue =\n  | null\n  | boolean\n  | number\n  | string\n  | readonly StructuredDataValue[]\n  | { readonly [key: string]: StructuredDataValue };\n\nexport const isStructuredDataValue = (value: unknown, seen = new WeakSet<object>()): value is StructuredDataValue => {\n  if (value === null || typeof value === \"string\" || typeof value === \"boolean\") return true;\n  if (typeof value === \"number\") return Number.isFinite(value);\n  if (typeof value !== \"object\" || seen.has(value)) return false;\n\n  const prototype = Object.getPrototypeOf(value);\n  if (!Array.isArray(value) && prototype !== Object.prototype && prototype !== null) return false;\n\n  seen.add(value);\n  const valid = Array.isArray(value)\n    ? value.every((item) => isStructuredDataValue(item, seen))\n    : Object.values(value).every((item) => isStructuredDataValue(item, seen));\n  seen.delete(value);\n  return valid;\n};\n\nexport type StructuredDataPreviewProps = {\n  title?: string;\n  data: StructuredDataValue;\n  /** Controlled display mode. */\n  mode?: MaybeAccessor<StructuredDataPreviewMode>;\n  onModeChange?: (mode: StructuredDataPreviewMode) => void;\n  /** Initial mode for an uncontrolled preview. */\n  defaultMode?: StructuredDataPreviewMode;\n  copy?: boolean;\n  empty?: string;\n  maxRows?: number;\n  class?: string;\n};\n\ntype Row = {\n  key: string;\n  value: StructuredDataValue;\n};\n\nconst toRows = (data: StructuredDataValue): Row[] => {\n  if (Array.isArray(data)) return data.map((value, index) => ({ key: String(index), value }));\n  if (data && typeof data === \"object\") return Object.entries(data).map(([key, value]) => ({ key, value }));\n  if (data === null) return [];\n  return [{ key: \"value\", value: data }];\n};\n\nconst formatInlineValue = (value: StructuredDataValue): string => {\n  if (value === null) return \"null\";\n  if (typeof value === \"string\") return value;\n  if (typeof value === \"number\" || typeof value === \"boolean\") return String(value);\n  return JSON.stringify(value);\n};\n\nconst formatJson = (data: StructuredDataValue): string => JSON.stringify(data, null, 2);\n\nexport default function StructuredDataPreview(props: StructuredDataPreviewProps) {\n  const messages = useUiMessages();\n  const [internalMode, setInternalMode] = createSignal<StructuredDataPreviewMode>(props.defaultMode ?? \"formatted\");\n  const mode = () => (props.mode === undefined ? internalMode() : resolveMaybeAccessor(props.mode));\n  const setMode = (next: StructuredDataPreviewMode) => {\n    if (props.mode === undefined) setInternalMode(next);\n    props.onModeChange?.(next);\n  };\n  const rows = createMemo(() => toRows(props.data));\n  const visibleRows = createMemo(() => rows().slice(0, props.maxRows ?? rows().length));\n  const hiddenCount = createMemo(() => Math.max(0, rows().length - visibleRows().length));\n  const raw = createMemo(() => formatJson(props.data));\n  const hasData = createMemo(() => rows().length > 0);\n  const showRaw = createMemo(() => mode() === \"raw\");\n\n  return (\n    <div class={[\"k2b-content-structured-data\", props.class].filter(Boolean).join(\" \")}>\n      <Show when={props.title}>{(title) => <h2 class=\"k2b-content-structured-data__title\">{title()}</h2>}</Show>\n\n      <Show\n        when={!showRaw()}\n        fallback={\n          <div class=\"k2b-content-structured-data__surface\" data-mode=\"raw\">\n            <pre>{raw()}</pre>\n            <Show when={props.copy !== false}>\n              <div class=\"k2b-content-structured-data__copy\">\n                <CopyButton text={raw()} />\n              </div>\n            </Show>\n          </div>\n        }\n      >\n        <div class=\"k2b-content-structured-data__surface\">\n          <Show when={hasData()} fallback={<p class=\"k2b-content-structured-data__empty\">{props.empty ?? messages().noData}</p>}>\n            <div class=\"k2b-content-structured-data__rows\">\n              <For each={visibleRows()}>\n                {(row) => {\n                  const complex = typeof row.value === \"object\" && row.value !== null;\n                  return (\n                    <>\n                      <span class=\"k2b-content-structured-data__key\" title={row.key}>\n                        {row.key}\n                      </span>\n                      <span class=\"k2b-content-structured-data__value\" data-complex={complex ? \"true\" : undefined}>\n                        {formatInlineValue(row.value)}\n                      </span>\n                    </>\n                  );\n                }}\n              </For>\n            </div>\n            <Show when={hiddenCount() > 0}>\n              <p class=\"k2b-content-structured-data__hidden\">\n                {hiddenCount()} more row{hiddenCount() === 1 ? \"\" : \"s\"} hidden.\n              </p>\n            </Show>\n          </Show>\n        </div>\n      </Show>\n\n      <div class=\"k2b-content-structured-data__footer\">\n        <Show when={hasData()}>\n          <button type=\"button\" class=\"k2b-content-structured-data__action\" onClick={() => setMode(showRaw() ? \"formatted\" : \"raw\")}>\n            {showRaw() ? \"View formatted\" : \"View raw\"}\n          </button>\n        </Show>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/ssr/content/ZoomPanViewport.js

@@ -0,0 +1,300 @@
+import { ssrStyleProperty as _$ssrStyleProperty } from "solid-js/web";
+import { ssrStyle as _$ssrStyle } from "solid-js/web";
+import { ssr as _$ssr } from "solid-js/web";
+import { ssrAttribute as _$ssrAttribute } from "solid-js/web";
+import { escape as _$escape } from "solid-js/web";
+import { createComponent as _$createComponent } from "solid-js/web";
+var _tmpl$ = ["<i", " aria-hidden=\"true\"></i>"],
+  _tmpl$2 = ["<footer class=\"k2b-dialog__actions\">", "</footer>"],
+  _tmpl$3 = ["<div class=\"k2b-dialog__panel k2b-dialog__stack\">", "<div class=\"k2b-zoom-pan-dialog\">", "", "</div></div>"],
+  _tmpl$4 = ["<button type=\"button\" class=\"k2b-button k2b-icon-button\" data-variant=\"secondary\"", " title=\"", "\"><i class=\"", "\" aria-hidden=\"true\"></i></button>"],
+  _tmpl$5 = ["<div class=\"", "\" style=\"", "\" role=\"group\"", " tabindex=\"0\"", "><div class=\"k2b-zoom-pan__stage\"", " style=\"", "\">", "</div><div class=\"k2b-zoom-pan__controls\">", "", "", "", "</div></div>"];
+import { createSignal, For, onCleanup, onMount, Show } from "solid-js";
+import { Button } from "../actions/Button";
+import { dialogCore } from "../feedback/dialog-core";
+import { DialogHeader } from "../feedback/prompts";
+import { LocaleProvider, useLocale } from "../intl/locale";
+import { useUiMessages } from "../intl/messages";
+import { clampZoomPan, panZoomPan, ZOOM_PAN_FIT, ZOOM_PAN_STEP, zoomZoomPanAt } from "./zoom-pan";
+const PAN_KEY_STEP = 48;
+const DRAG_THRESHOLD = 4;
+const PAN_KEYS = {
+  ArrowLeft: [PAN_KEY_STEP, 0],
+  ArrowRight: [-PAN_KEY_STEP, 0],
+  ArrowUp: [0, PAN_KEY_STEP],
+  ArrowDown: [0, -PAN_KEY_STEP]
+};
+
+/** Current screen transform of the stage, including a running CSS transition. */
+const renderedTransform = (stage, fallback) => {
+  const match = /^matrix\(([^)]+)\)$/.exec(getComputedStyle(stage).transform ?? "");
+  const values = match?.[1]?.split(",").map(Number);
+  if (!values || values.length !== 6 || values.some(value => !Number.isFinite(value)) || !values[0]) return fallback;
+  return {
+    scale: values[0],
+    x: values[4] ?? 0,
+    y: values[5] ?? 0
+  };
+};
+const ActionButton = props => {
+  const [pending, setPending] = createSignal(false);
+  const run = async () => {
+    if (pending()) return;
+    setPending(true);
+    try {
+      await props.action.onSelect();
+    } catch (error) {
+      console.error("Zoom-pan action failed", error);
+    } finally {
+      setPending(false);
+    }
+  };
+  return _$createComponent(Button, {
+    variant: "secondary",
+    get loading() {
+      return pending();
+    },
+    onClick: () => void run(),
+    get children() {
+      return [_$createComponent(Show, {
+        get when() {
+          return props.action.icon;
+        },
+        children: icon => _$ssr(_tmpl$, _$ssrAttribute("class", _$escape(icon(), true), false))
+      }), props.action.label];
+    }
+  });
+};
+
+/**
+ * Makes any content zoomable (fit to 8×) and pannable with buttons, Ctrl/Cmd +
+ * wheel, pinch, drag, and keys. It applies a CSS transform, so vector content
+ * stays crisp and is never re-rendered. The view always starts at fit.
+ */
+export function ZoomPanViewport(props) {
+  const messages = useUiMessages();
+  const locale = useLocale();
+  const [transform, setTransform] = createSignal(ZOOM_PAN_FIT);
+  const [smooth, setSmooth] = createSignal(false);
+  const [dragging, setDragging] = createSignal(false);
+  let root;
+  let stage;
+  const pointers = new Map();
+  let drag;
+  let pinch;
+  let suppressClick = false;
+  const zoomed = () => transform().scale > 1;
+  const geometry = () => {
+    const rect = root?.getBoundingClientRect();
+    const width = rect?.width ?? 0;
+    const height = rect?.height ?? 0;
+    const content = stage?.firstElementChild?.getBoundingClientRect();
+    if (!rect || !stage || !content || content.width <= 0 || content.height <= 0) {
+      return {
+        width,
+        height,
+        content: {
+          left: 0,
+          top: 0,
+          width,
+          height
+        }
+      };
+    }
+    const current = renderedTransform(stage, transform());
+    return {
+      width,
+      height,
+      content: {
+        left: (content.left - rect.left - current.x) / current.scale,
+        top: (content.top - rect.top - current.y) / current.scale,
+        width: content.width / current.scale,
+        height: content.height / current.scale
+      }
+    };
+  };
+  const apply = (next, animate) => {
+    setSmooth(animate);
+    setTransform(next);
+  };
+  const local = event => {
+    const rect = root?.getBoundingClientRect();
+    return {
+      x: event.clientX - (rect?.left ?? 0),
+      y: event.clientY - (rect?.top ?? 0)
+    };
+  };
+  const zoomBy = (factor, point, animate = true) => {
+    const box = geometry();
+    const current = transform();
+    apply(zoomZoomPanAt(current, current.scale * factor, point ?? {
+      x: box.width / 2,
+      y: box.height / 2
+    }, box), animate);
+  };
+  const reset = () => apply(ZOOM_PAN_FIT, true);
+  const openFullscreen = () => {
+    const fullscreen = props.fullscreen;
+    if (!fullscreen) return;
+    const currentLocale = locale();
+    void dialogCore.open(close => _$createComponent(LocaleProvider, {
+      locale: currentLocale,
+      get children() {
+        return _$ssr(_tmpl$3, _$escape(_$createComponent(DialogHeader, {
+          get title() {
+            return fullscreen.title;
+          },
+          close: () => close()
+        })), _$escape(_$createComponent(ZoomPanViewport, {
+          get label() {
+            return props.label;
+          },
+          get children() {
+            return fullscreen.content();
+          }
+        })), _$escape(_$createComponent(Show, {
+          get when() {
+            return fullscreen.actions?.length;
+          },
+          get children() {
+            return _$ssr(_tmpl$2, _$escape(_$createComponent(For, {
+              get each() {
+                return fullscreen.actions;
+              },
+              children: action => _$createComponent(ActionButton, {
+                action: action
+              })
+            })));
+          }
+        })));
+      }
+    }), {
+      panelClassName: "k2b-dialog k2b-dialog--full",
+      ariaLabel: fullscreen.title,
+      initialFocus: dialog => dialog.querySelector(".k2b-zoom-pan")
+    });
+  };
+  const handleKeyDown = event => {
+    if (event.target !== root || event.ctrlKey || event.metaKey || event.altKey) return;
+    const key = event.key;
+    if (key === "+" || key === "=") zoomBy(ZOOM_PAN_STEP);else if (key === "-" || key === "_") zoomBy(1 / ZOOM_PAN_STEP);else if (key === "0") reset();else if ((key === "f" || key === "F") && props.fullscreen) openFullscreen();else {
+      const delta = PAN_KEYS[key];
+      // At fit the arrow keys keep scrolling the page.
+      if (!delta || !zoomed()) return;
+      apply(panZoomPan(transform(), delta[0], delta[1], geometry()), true);
+    }
+    event.preventDefault();
+  };
+
+  // Plain wheel keeps scrolling the page; Ctrl/Cmd + wheel (and trackpad pinch) zooms toward the pointer.
+  const handleWheel = event => {
+    if (!event.ctrlKey && !event.metaKey) return;
+    event.preventDefault();
+    const lines = event.deltaMode === 1 ? 16 : event.deltaMode === 2 ? 400 : 1;
+    const delta = Math.max(-50, Math.min(50, event.deltaY * lines));
+    zoomBy(Math.exp(-delta / 100), local(event), false);
+  };
+  const handlePointerDown = event => {
+    if (event.button !== 0 || event.target.closest("button, a, input, select, textarea")) return;
+    pointers.set(event.pointerId, local(event));
+    if (pointers.size === 2) {
+      const [first, second] = [...pointers.values()];
+      pinch = {
+        distance: Math.max(1, Math.hypot(second.x - first.x, second.y - first.y)),
+        center: {
+          x: (first.x + second.x) / 2,
+          y: (first.y + second.y) / 2
+        },
+        origin: transform()
+      };
+      drag = undefined;
+    } else if (pointers.size === 1 && zoomed()) {
+      // Panning starts only above fit, so clicks and text selection keep working at fit.
+      drag = {
+        id: event.pointerId,
+        x: event.clientX,
+        y: event.clientY,
+        origin: transform(),
+        moved: false
+      };
+    } else return;
+    try {
+      event.currentTarget.setPointerCapture(event.pointerId);
+    } catch {
+      // A synthetic or already released pointer cannot be captured; moves still arrive while inside.
+    }
+  };
+  const handlePointerMove = event => {
+    if (!pointers.has(event.pointerId)) return;
+    pointers.set(event.pointerId, local(event));
+    if (pinch && pointers.size >= 2) {
+      const [first, second] = [...pointers.values()];
+      const distance = Math.hypot(second.x - first.x, second.y - first.y);
+      const center = {
+        x: (first.x + second.x) / 2,
+        y: (first.y + second.y) / 2
+      };
+      const box = geometry();
+      const scaled = zoomZoomPanAt(pinch.origin, pinch.origin.scale * (distance / pinch.distance), pinch.center, box);
+      apply(panZoomPan(scaled, center.x - pinch.center.x, center.y - pinch.center.y, box), false);
+      return;
+    }
+    if (drag?.id !== event.pointerId) return;
+    const dx = event.clientX - drag.x;
+    const dy = event.clientY - drag.y;
+    if (!drag.moved && Math.hypot(dx, dy) < DRAG_THRESHOLD) return;
+    drag.moved = true;
+    setDragging(true);
+    apply(panZoomPan(drag.origin, dx, dy, geometry()), false);
+  };
+  const handlePointerEnd = event => {
+    pointers.delete(event.pointerId);
+    if (pointers.size < 2) pinch = undefined;
+    if (drag?.id !== event.pointerId) return;
+    if (drag.moved) {
+      // The click that follows this pointerup (if the browser sends one) comes in the same task.
+      suppressClick = true;
+      setTimeout(() => {
+        suppressClick = false;
+      });
+    }
+    drag = undefined;
+    setDragging(false);
+  };
+  onMount(() => {
+    const element = root;
+    if (!element) return;
+    // A drag must not also count as a click on the content or its owner.
+    const click = event => {
+      if (!suppressClick) return;
+      suppressClick = false;
+      event.preventDefault();
+      event.stopPropagation();
+    };
+    // Keep a two-finger gesture for pinch zoom instead of page panning.
+    const touchMove = event => {
+      if (event.touches.length > 1) event.preventDefault();
+    };
+    element.addEventListener("click", click, true);
+    element.addEventListener("touchmove", touchMove, {
+      passive: false
+    });
+    const observer = typeof ResizeObserver === "undefined" ? undefined : new ResizeObserver(() => apply(clampZoomPan(transform(), geometry()), false));
+    observer?.observe(element);
+    onCleanup(() => {
+      element.removeEventListener("click", click, true);
+      element.removeEventListener("touchmove", touchMove);
+      observer?.disconnect();
+    });
+  });
+  const control = (label, shortcut, icon, action) => _$ssr(_tmpl$4, _$ssrAttribute("aria-label", _$escape(label, true), false), `${_$escape(label, true)} (${_$escape(shortcut, true)})`, `ti ${_$escape(icon, true)}`);
+  return _$ssr(_tmpl$5, `k2b-zoom-pan ${_$escape(props.class ?? "", true)}`, _$ssrStyle(props.style), _$ssrAttribute("aria-label", _$escape(props.label, true), false) + _$ssrAttribute("aria-description", _$escape(messages().zoomPanKeys, true), false), _$ssrAttribute("data-controls", _$escape(props.controls ?? "visible", true), false) + _$ssrAttribute("data-zoomed", zoomed() ? "true" : _$escape(undefined, true), false) + _$ssrAttribute("data-dragging", dragging() ? "true" : _$escape(undefined, true), false), _$ssrAttribute("data-smooth", smooth() ? "true" : _$escape(undefined, true), false), _$ssrStyleProperty("transform:", `translate(${_$escape(transform().x, true)}px, ${_$escape(transform().y, true)}px) scale(${_$escape(transform().scale, true)})`), _$escape(props.children), _$escape(control(messages().zoomIn, "+", "ti-plus", () => zoomBy(ZOOM_PAN_STEP))), _$escape(control(messages().zoomOut, "-", "ti-minus", () => zoomBy(1 / ZOOM_PAN_STEP))), _$escape(control(messages().resetZoom, "0", "ti-focus-centered", reset)), _$escape(_$createComponent(Show, {
+    get when() {
+      return props.fullscreen;
+    },
+    get children() {
+      return control(messages().openFullscreen, "F", "ti-maximize", openFullscreen);
+    }
+  })));
+}
+//# sourceMappingURL=ZoomPanViewport.js.map