@bendyline/docblocks-react 1.1.2 → 2.0.0

package/dist/chunk-5A4KEWKT.js

@@ -0,0 +1,97 @@
+// src/Git/GitContext.tsx
+import { createContext, useContext } from "react";
+var GitContext = createContext(null);
+function useGitContext() {
+  return useContext(GitContext);
+}
+
+// src/Git/git-status.ts
+var BADGE_GLYPHS = {
+  modified: "M",
+  added: "A",
+  untracked: "U",
+  renamed: "R",
+  deleted: "D",
+  conflicted: "!",
+  dir: "\u2022"
+};
+var BADGE_LABELS = {
+  modified: "modified",
+  added: "added",
+  untracked: "untracked",
+  renamed: "renamed",
+  deleted: "deleted",
+  conflicted: "has conflicts",
+  dir: "contains changes"
+};
+function normalise(path) {
+  return path.startsWith("/") ? path : `/${path}`;
+}
+function isDotPath(path) {
+  return normalise(path).split("/").some((segment) => segment.startsWith("."));
+}
+function badgeKindFor(change) {
+  if (change.conflicted) return "conflicted";
+  if (change.worktree === "untracked") return "untracked";
+  if (change.index === "deleted" || change.worktree === "deleted") return "deleted";
+  if (change.index === "renamed" || change.worktree === "renamed") return "renamed";
+  if (change.index === "added" || change.worktree === "added") return "added";
+  return "modified";
+}
+function buildBadgeMap(changes) {
+  const badges = /* @__PURE__ */ new Map();
+  const dirKinds = /* @__PURE__ */ new Map();
+  for (const change of changes) {
+    if (isDotPath(change.path)) continue;
+    const filePath = normalise(change.path);
+    const kind = badgeKindFor(change);
+    if (kind !== "deleted") {
+      badges.set(filePath, kind);
+    }
+    const segments = filePath.split("/").slice(1, -1);
+    let dir = "";
+    for (const segment of segments) {
+      dir += `/${segment}`;
+      const rollup = kind === "conflicted" ? "conflicted" : "dir";
+      if (dirKinds.get(dir) !== "conflicted") dirKinds.set(dir, rollup);
+    }
+  }
+  for (const [dir, kind] of dirKinds) {
+    if (!badges.has(dir)) badges.set(dir, kind);
+  }
+  return badges;
+}
+function formatAheadBehind(status) {
+  const parts = [];
+  if (status.ahead > 0) parts.push(`${status.ahead}\u2191`);
+  if (status.behind > 0) parts.push(`${status.behind}\u2193`);
+  return parts.join(" ");
+}
+function isFileDirty(status, path) {
+  if (!status || !path) return false;
+  const target = normalise(path);
+  return status.changes.some((c) => normalise(c.path) === target);
+}
+function conflictedPaths(status) {
+  if (!status) return [];
+  return status.changes.filter((c) => c.conflicted).map((c) => normalise(c.path));
+}
+function summarizeDirty(status) {
+  const count = status?.changes.length ?? 0;
+  if (count === 0) return "";
+  return count === 1 ? "1 change" : `${count} changes`;
+}
+
+export {
+  GitContext,
+  useGitContext,
+  BADGE_GLYPHS,
+  BADGE_LABELS,
+  badgeKindFor,
+  buildBadgeMap,
+  formatAheadBehind,
+  isFileDirty,
+  conflictedPaths,
+  summarizeDirty
+};
+//# sourceMappingURL=chunk-5A4KEWKT.js.map

package/dist/chunk-5A4KEWKT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Git/GitContext.tsx","../src/Git/git-status.ts"],"sourcesContent":["/**\n * GitContext — the seam between DocBlocksShell and every git UI surface.\n *\n * The shell calls useGit() once and provides the value here; the status\n * bar, file-tree badges, toolbar control, and dialogs all consume it.\n * Consumers must tolerate a null context (FileExplorer renders standalone\n * in tests and on surfaces with no git).\n */\n\nimport { createContext, useContext } from 'react';\nimport type {\n  DocBlocksHostGitAPI,\n  GitCapabilities,\n  GitRepoDetection,\n  GitStatus,\n} from '@bendyline/docblocks/host';\nimport type { FileSystemProvider } from '@bendyline/docblocks/filesystem';\nimport type { GitBadgeKind } from './git-status.js';\n\nexport type GitDialogState =\n  | { kind: 'none' }\n  | { kind: 'commit' }\n  | { kind: 'branches'; createFocus?: boolean }\n  | { kind: 'history'; path?: string }\n  /** `revision` absent → working tree vs HEAD; present → that commit vs its parent. */\n  | { kind: 'diff'; path: string; revision?: { sha: string } }\n  | { kind: 'clone' }\n  | {\n      kind: 'auth-guidance';\n      operation: 'push' | 'pull' | 'fetch' | 'clone' | 'pr';\n      detail?: string;\n    }\n  | { kind: 'conflicts'; paths: string[] };\n\nexport type GitBusyKind = 'push' | 'pull' | 'fetch' | 'commit' | 'branch' | 'pr' | null;\n\nexport interface GitInlineResult {\n  tone: 'info' | 'error';\n  message: string;\n}\n\nexport interface GitValue {\n  /** Tier 1 — Electron host with a working git. Gates the clone entry. */\n  available: boolean;\n  capabilities: GitCapabilities | null;\n  /** Tier 2 — the active workspace root is a repository. Gates everything else. */\n  repo: GitRepoDetection | null;\n  /** Main-owned repository capability; never a native path. */\n  repositoryId: string | null;\n  /** Parsed web location of the first remote, when one exists and parses. */\n  remoteWeb: { host: string; owner: string; repo: string; webUrl: string } | null;\n  /** Raw host API for read-heavy dialogs (log, branches, file-at-revision). */\n  gitApi: DocBlocksHostGitAPI | null;\n  provider: FileSystemProvider | null;\n  theme: 'light' | 'dark';\n\n  status: GitStatus | null;\n  badges: ReadonlyMap<string, GitBadgeKind>;\n  busy: GitBusyKind;\n  /** Latest operation outcome, surfaced in an aria-live region. */\n  lastResult: GitInlineResult | null;\n\n  refresh: () => void;\n  /** Debounced refresh — used after autosave writes. */\n  scheduleRefresh: () => void;\n\n  /** Actions route their typed errors to dialogs/lastResult internally. */\n  commit: (message: string, paths: string[]) => Promise<boolean>;\n  push: () => Promise<void>;\n  pull: () => Promise<void>;\n  fetchRemote: () => Promise<void>;\n  createBranch: (name: string) => Promise<boolean>;\n  switchBranch: (name: string) => Promise<boolean>;\n  /** Open the repo (or a file within it) on the remote's web host. */\n  openOnRemote: (filePath?: string) => void;\n  createPullRequest: () => Promise<void>;\n\n  dialog: GitDialogState;\n  openDialog: (dialog: GitDialogState) => void;\n  closeDialog: () => void;\n}\n\nexport const GitContext = createContext<GitValue | null>(null);\n\n/** Null when no provider is mounted — callers must degrade gracefully. */\nexport function useGitContext(): GitValue | null {\n  return useContext(GitContext);\n}\n","/**\n * Pure helpers mapping GitStatus onto UI concerns — file-tree badges,\n * ahead/behind chips, dirty summaries. No React, no host access.\n */\n\nimport type { GitFileChange, GitStatus } from '@bendyline/docblocks/host';\n\nexport type GitBadgeKind =\n  | 'modified'\n  | 'added'\n  | 'untracked'\n  | 'renamed'\n  | 'deleted'\n  | 'conflicted'\n  | 'dir';\n\nexport const BADGE_GLYPHS: Record<GitBadgeKind, string> = {\n  modified: 'M',\n  added: 'A',\n  untracked: 'U',\n  renamed: 'R',\n  deleted: 'D',\n  conflicted: '!',\n  dir: '•',\n};\n\nexport const BADGE_LABELS: Record<GitBadgeKind, string> = {\n  modified: 'modified',\n  added: 'added',\n  untracked: 'untracked',\n  renamed: 'renamed',\n  deleted: 'deleted',\n  conflicted: 'has conflicts',\n  dir: 'contains changes',\n};\n\nfunction normalise(path: string): string {\n  return path.startsWith('/') ? path : `/${path}`;\n}\n\n/** True when any path segment is a dot-entry (.git, .github, .gitignore…). */\nfunction isDotPath(path: string): boolean {\n  return normalise(path)\n    .split('/')\n    .some((segment) => segment.startsWith('.'));\n}\n\nexport function badgeKindFor(change: GitFileChange): GitBadgeKind {\n  if (change.conflicted) return 'conflicted';\n  if (change.worktree === 'untracked') return 'untracked';\n  if (change.index === 'deleted' || change.worktree === 'deleted') return 'deleted';\n  if (change.index === 'renamed' || change.worktree === 'renamed') return 'renamed';\n  if (change.index === 'added' || change.worktree === 'added') return 'added';\n  return 'modified';\n}\n\n/**\n * Slash-prefixed path → badge kind, including directory rollups: any\n * ancestor directory of a changed file gets a 'dir' dot (or 'conflicted'\n * when a conflicted descendant wins). Deleted files aren't in the tree, so\n * they contribute only their ancestor rollup. Dot-paths are excluded so a\n * `.gitignore` edit doesn't inexplicably dot the root.\n */\nexport function buildBadgeMap(changes: readonly GitFileChange[]): Map<string, GitBadgeKind> {\n  const badges = new Map<string, GitBadgeKind>();\n  const dirKinds = new Map<string, GitBadgeKind>();\n\n  for (const change of changes) {\n    if (isDotPath(change.path)) continue;\n    const filePath = normalise(change.path);\n    const kind = badgeKindFor(change);\n    if (kind !== 'deleted') {\n      badges.set(filePath, kind);\n    }\n    const segments = filePath.split('/').slice(1, -1);\n    let dir = '';\n    for (const segment of segments) {\n      dir += `/${segment}`;\n      const rollup = kind === 'conflicted' ? 'conflicted' : 'dir';\n      if (dirKinds.get(dir) !== 'conflicted') dirKinds.set(dir, rollup);\n    }\n  }\n  for (const [dir, kind] of dirKinds) {\n    if (!badges.has(dir)) badges.set(dir, kind);\n  }\n  return badges;\n}\n\n/** \"2↑ 1↓\" — empty string when neither applies. */\nexport function formatAheadBehind(status: Pick<GitStatus, 'ahead' | 'behind'>): string {\n  const parts: string[] = [];\n  if (status.ahead > 0) parts.push(`${status.ahead}↑`);\n  if (status.behind > 0) parts.push(`${status.behind}↓`);\n  return parts.join(' ');\n}\n\nexport function isFileDirty(status: GitStatus | null, path: string | null): boolean {\n  if (!status || !path) return false;\n  const target = normalise(path);\n  return status.changes.some((c) => normalise(c.path) === target);\n}\n\nexport function conflictedPaths(status: GitStatus | null): string[] {\n  if (!status) return [];\n  return status.changes.filter((c) => c.conflicted).map((c) => normalise(c.path));\n}\n\n/** \"3 changes\" / \"1 change\" / \"\" when clean. */\nexport function summarizeDirty(status: GitStatus | null): string {\n  const count = status?.changes.length ?? 0;\n  if (count === 0) return '';\n  return count === 1 ? '1 change' : `${count} changes`;\n}\n"],"mappings":";AASA,SAAS,eAAe,kBAAkB;AAyEnC,IAAM,aAAa,cAA+B,IAAI;AAGtD,SAAS,gBAAiC;AAC/C,SAAO,WAAW,UAAU;AAC9B;;;ACvEO,IAAM,eAA6C;AAAA,EACxD,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AACP;AAEO,IAAM,eAA6C;AAAA,EACxD,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK;AACP;AAEA,SAAS,UAAU,MAAsB;AACvC,SAAO,KAAK,WAAW,GAAG,IAAI,OAAO,IAAI,IAAI;AAC/C;AAGA,SAAS,UAAU,MAAuB;AACxC,SAAO,UAAU,IAAI,EAClB,MAAM,GAAG,EACT,KAAK,CAAC,YAAY,QAAQ,WAAW,GAAG,CAAC;AAC9C;AAEO,SAAS,aAAa,QAAqC;AAChE,MAAI,OAAO,WAAY,QAAO;AAC9B,MAAI,OAAO,aAAa,YAAa,QAAO;AAC5C,MAAI,OAAO,UAAU,aAAa,OAAO,aAAa,UAAW,QAAO;AACxE,MAAI,OAAO,UAAU,aAAa,OAAO,aAAa,UAAW,QAAO;AACxE,MAAI,OAAO,UAAU,WAAW,OAAO,aAAa,QAAS,QAAO;AACpE,SAAO;AACT;AASO,SAAS,cAAc,SAA8D;AAC1F,QAAM,SAAS,oBAAI,IAA0B;AAC7C,QAAM,WAAW,oBAAI,IAA0B;AAE/C,aAAW,UAAU,SAAS;AAC5B,QAAI,UAAU,OAAO,IAAI,EAAG;AAC5B,UAAM,WAAW,UAAU,OAAO,IAAI;AACtC,UAAM,OAAO,aAAa,MAAM;AAChC,QAAI,SAAS,WAAW;AACtB,aAAO,IAAI,UAAU,IAAI;AAAA,IAC3B;AACA,UAAM,WAAW,SAAS,MAAM,GAAG,EAAE,MAAM,GAAG,EAAE;AAChD,QAAI,MAAM;AACV,eAAW,WAAW,UAAU;AAC9B,aAAO,IAAI,OAAO;AAClB,YAAM,SAAS,SAAS,eAAe,eAAe;AACtD,UAAI,SAAS,IAAI,GAAG,MAAM,aAAc,UAAS,IAAI,KAAK,MAAM;AAAA,IAClE;AAAA,EACF;AACA,aAAW,CAAC,KAAK,IAAI,KAAK,UAAU;AAClC,QAAI,CAAC,OAAO,IAAI,GAAG,EAAG,QAAO,IAAI,KAAK,IAAI;AAAA,EAC5C;AACA,SAAO;AACT;AAGO,SAAS,kBAAkB,QAAqD;AACrF,QAAM,QAAkB,CAAC;AACzB,MAAI,OAAO,QAAQ,EAAG,OAAM,KAAK,GAAG,OAAO,KAAK,QAAG;AACnD,MAAI,OAAO,SAAS,EAAG,OAAM,KAAK,GAAG,OAAO,MAAM,QAAG;AACrD,SAAO,MAAM,KAAK,GAAG;AACvB;AAEO,SAAS,YAAY,QAA0B,MAA8B;AAClF,MAAI,CAAC,UAAU,CAAC,KAAM,QAAO;AAC7B,QAAM,SAAS,UAAU,IAAI;AAC7B,SAAO,OAAO,QAAQ,KAAK,CAAC,MAAM,UAAU,EAAE,IAAI,MAAM,MAAM;AAChE;AAEO,SAAS,gBAAgB,QAAoC;AAClE,MAAI,CAAC,OAAQ,QAAO,CAAC;AACrB,SAAO,OAAO,QAAQ,OAAO,CAAC,MAAM,EAAE,UAAU,EAAE,IAAI,CAAC,MAAM,UAAU,EAAE,IAAI,CAAC;AAChF;AAGO,SAAS,eAAe,QAAkC;AAC/D,QAAM,QAAQ,QAAQ,QAAQ,UAAU;AACxC,MAAI,UAAU,EAAG,QAAO;AACxB,SAAO,UAAU,IAAI,aAAa,GAAG,KAAK;AAC5C;","names":[]}

package/dist/chunk-AOVTHZU7.js

@@ -0,0 +1,321 @@
+import {
+  loadTransformStyleSummaries
+} from "./chunk-4XXSWN3T.js";
+import {
+  FORMAT_LABELS,
+  saveExportOptions
+} from "./chunk-DD4VFJQI.js";
+
+// src/Export/ExportDialog.tsx
+import { useState, useCallback, useEffect, useMemo, useRef } from "react";
+import { getThemeSummaries } from "@bendyline/squisq/schemas";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var FORMATS = ["pdf", "docx", "pptx", "html", "md"];
+var FORMAT_CHIP_LABELS = {
+  pdf: "PDF",
+  docx: "Word",
+  pptx: "PowerPoint",
+  html: "HTML",
+  md: "Markdown"
+};
+var HTML_STYLE_CHIPS = [
+  {
+    key: "plain",
+    label: "Plain",
+    hint: "A lightweight static HTML document."
+  },
+  {
+    key: "rendered",
+    label: "Rendered",
+    hint: "Renders via SquisqPlayer with themes and playback support."
+  }
+];
+var HTML_BUNDLE_CHIPS = [
+  {
+    key: "single",
+    label: "Single file",
+    hint: "One .html file with images embedded as base64 data URIs."
+  },
+  {
+    key: "zip",
+    label: "ZIP archive",
+    hint: "A .zip with index.html plus separate image (and JS) files."
+  }
+];
+function ChipRadioGroup({
+  name,
+  value,
+  options,
+  onChange
+}) {
+  return /* @__PURE__ */ jsx("div", { className: "db-export-chips", role: "radiogroup", "aria-label": name, children: options.map((opt) => {
+    const active = opt.key === value;
+    return /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        role: "radio",
+        "aria-checked": active,
+        className: `db-export-chip${active ? " db-export-chip--active" : ""}`,
+        onClick: () => onChange(opt.key),
+        title: opt.title,
+        children: opt.label
+      },
+      opt.key
+    );
+  }) });
+}
+function ExportDialog({
+  initial,
+  exporting,
+  destination,
+  onExport,
+  onOptionsChange,
+  onClose
+}) {
+  const [format, setFormat] = useState(initial.format);
+  const [themeId, setThemeId] = useState(initial.themeId);
+  const [transformStyle, setTransformStyle] = useState(initial.transformStyle);
+  const [pageSize, setPageSize] = useState(initial.pageSize);
+  const [htmlStyle, setHtmlStyle] = useState(initial.htmlStyle);
+  const [htmlBundle, setHtmlBundle] = useState(initial.htmlBundle);
+  const [includeLinkedDocs, setIncludeLinkedDocs] = useState(initial.includeLinkedDocs);
+  const [entryAsIndex, setEntryAsIndex] = useState(initial.entryAsIndex);
+  const [transforms, setTransforms] = useState([]);
+  const dialogRef = useRef(null);
+  const themes = getThemeSummaries();
+  const showTheme = format === "docx" || format === "pdf" || format === "pptx" || format === "html";
+  const showTransform = format === "pptx";
+  const showPageSize = format === "pdf";
+  const showHtmlOptions = format === "html";
+  const showIncludeLinked = format === "html";
+  const showHtmlBundle = showHtmlOptions && !includeLinkedDocs;
+  const showEntryAsIndex = showHtmlOptions && (htmlBundle === "single" || includeLinkedDocs);
+  useEffect(() => {
+    if (!showTransform) return;
+    let cancelled = false;
+    loadTransformStyleSummaries().then((nextTransforms) => {
+      if (!cancelled) setTransforms(nextTransforms);
+    }).catch(() => {
+      if (!cancelled) setTransforms([]);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [showTransform]);
+  const currentOptions = useMemo(
+    () => ({
+      format,
+      themeId,
+      transformStyle,
+      pageSize,
+      htmlStyle,
+      htmlBundle,
+      includeLinkedDocs: showIncludeLinked && includeLinkedDocs,
+      entryAsIndex: showEntryAsIndex && entryAsIndex
+    }),
+    [
+      format,
+      themeId,
+      transformStyle,
+      pageSize,
+      htmlStyle,
+      htmlBundle,
+      includeLinkedDocs,
+      entryAsIndex,
+      showIncludeLinked,
+      showEntryAsIndex
+    ]
+  );
+  useEffect(() => {
+    onOptionsChange?.(currentOptions);
+  }, [currentOptions, onOptionsChange]);
+  const handleExport = useCallback(() => {
+    saveExportOptions(currentOptions);
+    onExport(currentOptions);
+  }, [currentOptions, onExport]);
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  const handleBackdropClick = useCallback(
+    (e) => {
+      if (e.target === e.currentTarget) onClose();
+    },
+    [onClose]
+  );
+  return /* @__PURE__ */ jsx("div", { className: "db-dialog-overlay", onClick: handleBackdropClick, children: /* @__PURE__ */ jsxs("div", { className: "db-dialog db-export-dialog", ref: dialogRef, children: [
+    /* @__PURE__ */ jsxs("div", { className: "db-dialog-header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "db-dialog-title", children: "Export Document" }),
+      /* @__PURE__ */ jsx("button", { className: "db-dialog-close", onClick: onClose, "aria-label": "Close", children: "\xD7" })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "db-dialog-body", children: [
+      /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+        /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Format" }),
+        /* @__PURE__ */ jsx(
+          ChipRadioGroup,
+          {
+            name: "Format",
+            value: format,
+            options: FORMATS.map((f) => ({
+              key: f,
+              label: FORMAT_CHIP_LABELS[f],
+              title: FORMAT_LABELS[f]
+            })),
+            onChange: setFormat
+          }
+        )
+      ] }),
+      destination && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-path", children: "Export to" }),
+        /* @__PURE__ */ jsxs("div", { className: "db-export-path-row", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              id: "db-export-path",
+              className: "db-export-path-input",
+              value: destination.value,
+              readOnly: true,
+              disabled: exporting,
+              spellCheck: false,
+              autoComplete: "off"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              className: "db-export-path-pick",
+              onClick: () => void destination.onPick(currentOptions),
+              disabled: exporting,
+              "aria-label": "Choose export location",
+              title: "Choose export location",
+              children: "..."
+            }
+          )
+        ] }),
+        destination.hint && /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: destination.hint })
+      ] }),
+      showHtmlOptions && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Style" }),
+          /* @__PURE__ */ jsx(
+            ChipRadioGroup,
+            {
+              name: "Style",
+              value: htmlStyle,
+              options: HTML_STYLE_CHIPS,
+              onChange: setHtmlStyle
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: HTML_STYLE_CHIPS.find((c) => c.key === htmlStyle)?.hint })
+        ] }),
+        showHtmlBundle && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsx("span", { className: "db-export-label", children: "Bundle" }),
+          /* @__PURE__ */ jsx(
+            ChipRadioGroup,
+            {
+              name: "Bundle",
+              value: htmlBundle,
+              options: HTML_BUNDLE_CHIPS,
+              onChange: setHtmlBundle
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: HTML_BUNDLE_CHIPS.find((c) => c.key === htmlBundle)?.hint })
+        ] }),
+        showIncludeLinked && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsxs("label", { className: "db-export-checkbox", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: includeLinkedDocs,
+                onChange: (e) => setIncludeLinkedDocs(e.target.checked)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: "Include linked-to documents" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: includeLinkedDocs ? "Follows relative .md links from this page and bundles every reachable document as its own .html in a ZIP. Cross-doc links rewrite from .md to .html." : "Only this document is exported." })
+        ] }),
+        showEntryAsIndex && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+          /* @__PURE__ */ jsxs("label", { className: "db-export-checkbox", children: [
+            /* @__PURE__ */ jsx(
+              "input",
+              {
+                type: "checkbox",
+                checked: entryAsIndex,
+                onChange: (e) => setEntryAsIndex(e.target.checked)
+              }
+            ),
+            /* @__PURE__ */ jsx("span", { children: "Name entry page index.html" })
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: entryAsIndex ? includeLinkedDocs ? "Renames this page to index.html in the ZIP and rewrites any cross-doc links pointing back at it. Drops straight into a static-site host." : "Downloads as index.html instead of the document name. Drops straight into a static-site host." : "Exports under the document name." })
+        ] })
+      ] }),
+      showTheme && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-theme", children: "Theme" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: "db-export-theme",
+            className: "db-export-select",
+            value: themeId,
+            onChange: (e) => setThemeId(e.target.value),
+            children: themes.map((t) => /* @__PURE__ */ jsx("option", { value: t.id, children: t.name }, t.id))
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: themes.find((t) => t.id === themeId)?.description })
+      ] }),
+      showTransform && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-transform", children: "Transform" }),
+        /* @__PURE__ */ jsx(
+          "select",
+          {
+            id: "db-export-transform",
+            className: "db-export-select",
+            value: transformStyle,
+            onChange: (e) => setTransformStyle(e.target.value),
+            children: transforms.length === 0 ? /* @__PURE__ */ jsx("option", { value: transformStyle, children: "Loading..." }) : transforms.map((t) => /* @__PURE__ */ jsx("option", { value: t.id, children: t.name }, t.id))
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "db-export-hint", children: transforms.find((t) => t.id === transformStyle)?.description })
+      ] }),
+      showPageSize && /* @__PURE__ */ jsxs("div", { className: "db-export-field", children: [
+        /* @__PURE__ */ jsx("label", { className: "db-export-label", htmlFor: "db-export-pagesize", children: "Page Size" }),
+        /* @__PURE__ */ jsxs(
+          "select",
+          {
+            id: "db-export-pagesize",
+            className: "db-export-select",
+            value: pageSize,
+            onChange: (e) => setPageSize(e.target.value),
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "letter", children: "US Letter" }),
+              /* @__PURE__ */ jsx("option", { value: "a4", children: "A4" })
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "db-export-footer", children: [
+      /* @__PURE__ */ jsx("button", { className: "db-export-btn db-export-btn--secondary", onClick: onClose, children: "Cancel" }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          className: "db-export-btn db-export-btn--primary",
+          onClick: handleExport,
+          disabled: exporting,
+          children: exporting ? "Exporting..." : "Export"
+        }
+      )
+    ] })
+  ] }) });
+}
+
+export {
+  ExportDialog
+};
+//# sourceMappingURL=chunk-AOVTHZU7.js.map

package/dist/chunk-AOVTHZU7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Export/ExportDialog.tsx"],"sourcesContent":["/**\n * ExportDialog — modal for choosing export format and options.\n */\n\nimport { useState, useCallback, useEffect, useMemo, useRef } from 'react';\nimport { getThemeSummaries } from '@bendyline/squisq/schemas';\nimport type { ExportFormat, ExportOptions, HtmlBundle, HtmlStyle } from './export-options.js';\nimport { FORMAT_LABELS, saveExportOptions } from './export-options.js';\nimport { loadTransformStyleSummaries, type ExportSummaryOption } from './transform-summaries.js';\n\nexport interface ExportDialogProps {\n  /** Initial options (pre-populated from last export). */\n  initial: ExportOptions;\n  /** Whether the export is currently running. */\n  exporting: boolean;\n  /** Optional host-provided destination path control. */\n  destination?: ExportDestinationControl;\n  /** Called when the user confirms the export. */\n  onExport: (options: ExportOptions) => void;\n  /** Called whenever the currently selected options change. */\n  onOptionsChange?: (options: ExportOptions) => void;\n  /** Called when the dialog is dismissed. */\n  onClose: () => void;\n}\n\nexport interface ExportDestinationControl {\n  value: string;\n  onPick: (options: ExportOptions) => void | Promise<void>;\n  hint?: string;\n}\n\nconst FORMATS: ExportFormat[] = ['pdf', 'docx', 'pptx', 'html', 'md'];\n\n/** Short labels for the Format chip row. The fuller `FORMAT_LABELS` list\n *  is still used as a tooltip so users can confirm the file extension. */\nconst FORMAT_CHIP_LABELS: Record<ExportFormat, string> = {\n  pdf: 'PDF',\n  docx: 'Word',\n  pptx: 'PowerPoint',\n  html: 'HTML',\n  md: 'Markdown',\n};\n\nconst HTML_STYLE_CHIPS: { key: HtmlStyle; label: string; hint: string }[] = [\n  {\n    key: 'plain',\n    label: 'Plain',\n    hint: 'A lightweight static HTML document.',\n  },\n  {\n    key: 'rendered',\n    label: 'Rendered',\n    hint: 'Renders via SquisqPlayer with themes and playback support.',\n  },\n];\n\nconst HTML_BUNDLE_CHIPS: { key: HtmlBundle; label: string; hint: string }[] = [\n  {\n    key: 'single',\n    label: 'Single file',\n    hint: 'One .html file with images embedded as base64 data URIs.',\n  },\n  {\n    key: 'zip',\n    label: 'ZIP archive',\n    hint: 'A .zip with index.html plus separate image (and JS) files.',\n  },\n];\n\ninterface ChipOption<T extends string> {\n  key: T;\n  label: string;\n  title?: string;\n}\n\nfunction ChipRadioGroup<T extends string>({\n  name,\n  value,\n  options,\n  onChange,\n}: {\n  name: string;\n  value: T;\n  options: ChipOption<T>[];\n  onChange: (next: T) => void;\n}) {\n  return (\n    <div className=\"db-export-chips\" role=\"radiogroup\" aria-label={name}>\n      {options.map((opt) => {\n        const active = opt.key === value;\n        return (\n          <button\n            key={opt.key}\n            type=\"button\"\n            role=\"radio\"\n            aria-checked={active}\n            className={`db-export-chip${active ? ' db-export-chip--active' : ''}`}\n            onClick={() => onChange(opt.key)}\n            title={opt.title}\n          >\n            {opt.label}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n\nexport function ExportDialog({\n  initial,\n  exporting,\n  destination,\n  onExport,\n  onOptionsChange,\n  onClose,\n}: ExportDialogProps) {\n  const [format, setFormat] = useState<ExportFormat>(initial.format);\n  const [themeId, setThemeId] = useState(initial.themeId);\n  const [transformStyle, setTransformStyle] = useState(initial.transformStyle);\n  const [pageSize, setPageSize] = useState(initial.pageSize);\n  const [htmlStyle, setHtmlStyle] = useState<HtmlStyle>(initial.htmlStyle);\n  const [htmlBundle, setHtmlBundle] = useState<HtmlBundle>(initial.htmlBundle);\n  const [includeLinkedDocs, setIncludeLinkedDocs] = useState<boolean>(initial.includeLinkedDocs);\n  const [entryAsIndex, setEntryAsIndex] = useState<boolean>(initial.entryAsIndex);\n  const [transforms, setTransforms] = useState<ExportSummaryOption[]>([]);\n  const dialogRef = useRef<HTMLDivElement>(null);\n\n  const themes = getThemeSummaries();\n\n  // Both HTML styles honor themes now: rendered HTML through the\n  // SquisqPlayer's theme system, plain HTML through squisq's\n  // `markdownDocToPlainHtml` which emits theme-driven CSS variables\n  // and Google Fonts links. Show the dropdown for any export format\n  // whose pipeline actually applies the picked theme.\n  const showTheme = format === 'docx' || format === 'pdf' || format === 'pptx' || format === 'html';\n  const showTransform = format === 'pptx';\n  const showPageSize = format === 'pdf';\n  const showHtmlOptions = format === 'html';\n  // Both HTML styles now have a recursive bundle: plain via\n  // `markdownDocsToPlainHtmlBundle`, rendered via\n  // `markdownDocsToHtmlBundle` (which rewrites Doc-tree links to\n  // `.html` before SquisqPlayer serialization). So the option applies\n  // to any HTML export.\n  const showIncludeLinked = format === 'html';\n  // Multi-doc output is inherently a directory tree, so when recursion\n  // is on the Bundle row would only confuse — ZIP is the only valid\n  // packaging. Hide the chip row and surface the implication in a hint.\n  const showHtmlBundle = showHtmlOptions && !includeLinkedDocs;\n  // `entryAsIndex` is only honored in pipelines where we control the\n  // output filename ourselves:\n  //   • single-file HTML downloads → renames `<doc>.html` → `index.html`\n  //   • recursive bundles → passed through to squisq's bundle helpers\n  // In the single-doc ZIP path, squisq's `docToHtmlZip` and our plain-\n  // HTML zip writer always emit `index.html` inside the archive, so the\n  // checkbox has no observable effect — hide it to avoid surfacing an\n  // inert control.\n  const showEntryAsIndex = showHtmlOptions && (htmlBundle === 'single' || includeLinkedDocs);\n\n  useEffect(() => {\n    if (!showTransform) return;\n    let cancelled = false;\n\n    loadTransformStyleSummaries()\n      .then((nextTransforms) => {\n        if (!cancelled) setTransforms(nextTransforms);\n      })\n      .catch(() => {\n        if (!cancelled) setTransforms([]);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [showTransform]);\n\n  const currentOptions = useMemo<ExportOptions>(\n    () => ({\n      format,\n      themeId,\n      transformStyle,\n      pageSize,\n      htmlStyle,\n      htmlBundle,\n      includeLinkedDocs: showIncludeLinked && includeLinkedDocs,\n      entryAsIndex: showEntryAsIndex && entryAsIndex,\n    }),\n    [\n      format,\n      themeId,\n      transformStyle,\n      pageSize,\n      htmlStyle,\n      htmlBundle,\n      includeLinkedDocs,\n      entryAsIndex,\n      showIncludeLinked,\n      showEntryAsIndex,\n    ],\n  );\n\n  useEffect(() => {\n    onOptionsChange?.(currentOptions);\n  }, [currentOptions, onOptionsChange]);\n\n  const handleExport = useCallback(() => {\n    saveExportOptions(currentOptions);\n    onExport(currentOptions);\n  }, [currentOptions, onExport]);\n\n  // Close on Escape\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [onClose]);\n\n  // Close on backdrop click\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (e.target === e.currentTarget) onClose();\n    },\n    [onClose],\n  );\n\n  return (\n    <div className=\"db-dialog-overlay\" onClick={handleBackdropClick}>\n      <div className=\"db-dialog db-export-dialog\" ref={dialogRef}>\n        <div className=\"db-dialog-header\">\n          <h2 className=\"db-dialog-title\">Export Document</h2>\n          <button className=\"db-dialog-close\" onClick={onClose} aria-label=\"Close\">\n            &times;\n          </button>\n        </div>\n\n        <div className=\"db-dialog-body\">\n          {/* Format — chip radio row for fast switching */}\n          <div className=\"db-export-field\">\n            <span className=\"db-export-label\">Format</span>\n            <ChipRadioGroup\n              name=\"Format\"\n              value={format}\n              options={FORMATS.map((f) => ({\n                key: f,\n                label: FORMAT_CHIP_LABELS[f],\n                title: FORMAT_LABELS[f],\n              }))}\n              onChange={setFormat}\n            />\n          </div>\n\n          {destination && (\n            <div className=\"db-export-field\">\n              <label className=\"db-export-label\" htmlFor=\"db-export-path\">\n                Export to\n              </label>\n              <div className=\"db-export-path-row\">\n                <input\n                  id=\"db-export-path\"\n                  className=\"db-export-path-input\"\n                  value={destination.value}\n                  readOnly\n                  disabled={exporting}\n                  spellCheck={false}\n                  autoComplete=\"off\"\n                />\n                <button\n                  type=\"button\"\n                  className=\"db-export-path-pick\"\n                  onClick={() => void destination.onPick(currentOptions)}\n                  disabled={exporting}\n                  aria-label=\"Choose export location\"\n                  title=\"Choose export location\"\n                >\n                  ...\n                </button>\n              </div>\n              {destination.hint && <span className=\"db-export-hint\">{destination.hint}</span>}\n            </div>\n          )}\n\n          {/* HTML style + bundle (HTML only) — also chip rows */}\n          {showHtmlOptions && (\n            <>\n              <div className=\"db-export-field\">\n                <span className=\"db-export-label\">Style</span>\n                <ChipRadioGroup\n                  name=\"Style\"\n                  value={htmlStyle}\n                  options={HTML_STYLE_CHIPS}\n                  onChange={setHtmlStyle}\n                />\n                <span className=\"db-export-hint\">\n                  {HTML_STYLE_CHIPS.find((c) => c.key === htmlStyle)?.hint}\n                </span>\n              </div>\n              {showHtmlBundle && (\n                <div className=\"db-export-field\">\n                  <span className=\"db-export-label\">Bundle</span>\n                  <ChipRadioGroup\n                    name=\"Bundle\"\n                    value={htmlBundle}\n                    options={HTML_BUNDLE_CHIPS}\n                    onChange={setHtmlBundle}\n                  />\n                  <span className=\"db-export-hint\">\n                    {HTML_BUNDLE_CHIPS.find((c) => c.key === htmlBundle)?.hint}\n                  </span>\n                </div>\n              )}\n              {showIncludeLinked && (\n                <div className=\"db-export-field\">\n                  <label className=\"db-export-checkbox\">\n                    <input\n                      type=\"checkbox\"\n                      checked={includeLinkedDocs}\n                      onChange={(e) => setIncludeLinkedDocs(e.target.checked)}\n                    />\n                    <span>Include linked-to documents</span>\n                  </label>\n                  <span className=\"db-export-hint\">\n                    {includeLinkedDocs\n                      ? 'Follows relative .md links from this page and bundles every reachable document as its own .html in a ZIP. Cross-doc links rewrite from .md to .html.'\n                      : 'Only this document is exported.'}\n                  </span>\n                </div>\n              )}\n              {showEntryAsIndex && (\n                <div className=\"db-export-field\">\n                  <label className=\"db-export-checkbox\">\n                    <input\n                      type=\"checkbox\"\n                      checked={entryAsIndex}\n                      onChange={(e) => setEntryAsIndex(e.target.checked)}\n                    />\n                    <span>Name entry page index.html</span>\n                  </label>\n                  <span className=\"db-export-hint\">\n                    {entryAsIndex\n                      ? includeLinkedDocs\n                        ? 'Renames this page to index.html in the ZIP and rewrites any cross-doc links pointing back at it. Drops straight into a static-site host.'\n                        : 'Downloads as index.html instead of the document name. Drops straight into a static-site host.'\n                      : 'Exports under the document name.'}\n                  </span>\n                </div>\n              )}\n            </>\n          )}\n\n          {/* Theme */}\n          {showTheme && (\n            <div className=\"db-export-field\">\n              <label className=\"db-export-label\" htmlFor=\"db-export-theme\">\n                Theme\n              </label>\n              <select\n                id=\"db-export-theme\"\n                className=\"db-export-select\"\n                value={themeId}\n                onChange={(e) => setThemeId(e.target.value)}\n              >\n                {themes.map((t) => (\n                  <option key={t.id} value={t.id}>\n                    {t.name}\n                  </option>\n                ))}\n              </select>\n              <span className=\"db-export-hint\">\n                {themes.find((t) => t.id === themeId)?.description}\n              </span>\n            </div>\n          )}\n\n          {/* Transform (PPTX only) */}\n          {showTransform && (\n            <div className=\"db-export-field\">\n              <label className=\"db-export-label\" htmlFor=\"db-export-transform\">\n                Transform\n              </label>\n              <select\n                id=\"db-export-transform\"\n                className=\"db-export-select\"\n                value={transformStyle}\n                onChange={(e) => setTransformStyle(e.target.value)}\n              >\n                {transforms.length === 0 ? (\n                  <option value={transformStyle}>Loading...</option>\n                ) : (\n                  transforms.map((t) => (\n                    <option key={t.id} value={t.id}>\n                      {t.name}\n                    </option>\n                  ))\n                )}\n              </select>\n              <span className=\"db-export-hint\">\n                {transforms.find((t) => t.id === transformStyle)?.description}\n              </span>\n            </div>\n          )}\n\n          {/* Page size (PDF only) */}\n          {showPageSize && (\n            <div className=\"db-export-field\">\n              <label className=\"db-export-label\" htmlFor=\"db-export-pagesize\">\n                Page Size\n              </label>\n              <select\n                id=\"db-export-pagesize\"\n                className=\"db-export-select\"\n                value={pageSize}\n                onChange={(e) => setPageSize(e.target.value as 'letter' | 'a4')}\n              >\n                <option value=\"letter\">US Letter</option>\n                <option value=\"a4\">A4</option>\n              </select>\n            </div>\n          )}\n        </div>\n\n        <div className=\"db-export-footer\">\n          <button className=\"db-export-btn db-export-btn--secondary\" onClick={onClose}>\n            Cancel\n          </button>\n          <button\n            className=\"db-export-btn db-export-btn--primary\"\n            onClick={handleExport}\n            disabled={exporting}\n          >\n            {exporting ? 'Exporting...' : 'Export'}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-DD4VFJQI.js

@@ -0,0 +1,51 @@
+// src/Export/export-options.ts
+var FORMAT_LABELS = {
+  docx: "Word Document (.docx)",
+  pdf: "PDF (.pdf)",
+  pptx: "PowerPoint (.pptx)",
+  md: "Markdown (.md)",
+  html: "HTML (.html)"
+};
+var FORMAT_EXTENSIONS = {
+  docx: ".docx",
+  pdf: ".pdf",
+  pptx: ".pptx",
+  md: ".md",
+  html: ".html"
+};
+var STORAGE_KEY = "docblocks-export-options";
+var DEFAULT_OPTIONS = {
+  format: "pdf",
+  themeId: "standard",
+  transformStyle: "documentary",
+  pageSize: "letter",
+  htmlStyle: "plain",
+  htmlBundle: "single",
+  includeLinkedDocs: false,
+  entryAsIndex: false
+};
+function loadLastExportOptions() {
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    return { ...DEFAULT_OPTIONS, ...parsed };
+  } catch {
+    return null;
+  }
+}
+function saveExportOptions(options) {
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(options));
+  } catch {
+  }
+}
+
+export {
+  FORMAT_LABELS,
+  FORMAT_EXTENSIONS,
+  DEFAULT_OPTIONS,
+  loadLastExportOptions,
+  saveExportOptions
+};
+//# sourceMappingURL=chunk-DD4VFJQI.js.map

package/dist/chunk-DD4VFJQI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Export/export-options.ts"],"sourcesContent":["/**\n * Export option types and localStorage persistence for quick-export.\n */\n\nexport type ExportFormat = 'docx' | 'pdf' | 'pptx' | 'md' | 'html';\n\n/** Visual style for HTML export. */\nexport type HtmlStyle =\n  /** Render via SquisqPlayer (themed, embeds player bundle). */\n  | 'rendered'\n  /** Plain semantic HTML — small, no JS, no playback. */\n  | 'plain';\n\n/** Packaging for HTML export. */\nexport type HtmlBundle =\n  /** Single self-contained .html file (images base64-embedded). */\n  | 'single'\n  /** ZIP containing index.html + asset files. */\n  | 'zip';\n\nexport interface ExportOptions {\n  format: ExportFormat;\n  themeId: string;\n  /** Transform style for PPTX — controls how content is segmented and styled. */\n  transformStyle: string;\n  /** Only applies to PDF */\n  pageSize: 'letter' | 'a4';\n  /** HTML rendering style. Only applies to format=html. */\n  htmlStyle: HtmlStyle;\n  /** HTML bundle layout. Only applies to format=html. */\n  htmlBundle: HtmlBundle;\n  /**\n   * Recursive HTML bundle: walk relative `.md` links from the entry\n   * document, render every reachable sibling/child page, and rewrite\n   * cross-doc links from `.md` → `.html`. The output is a ZIP\n   * regardless of `htmlBundle` because multi-doc output needs a\n   * directory tree. Supported for both plain (`markdownDocsToPlainHtmlBundle`)\n   * and rendered (`markdownDocsToHtmlBundle`) HTML styles. Only\n   * meaningful when `format === 'html'`.\n   */\n  includeLinkedDocs: boolean;\n  /**\n   * Rename the entry page from `<basename>.html` to `index.html` so the\n   * export drops straight into a static-site host that expects an\n   * `index.html` landing page. For recursive bundles, cross-doc links\n   * targeting the entry also rewrite to `index.html` so siblings don't\n   * 404. For a single-doc HTML download, this just renames the file.\n   * Only meaningful when `format === 'html'`.\n   */\n  entryAsIndex: boolean;\n}\n\nexport const FORMAT_LABELS: Record<ExportFormat, string> = {\n  docx: 'Word Document (.docx)',\n  pdf: 'PDF (.pdf)',\n  pptx: 'PowerPoint (.pptx)',\n  md: 'Markdown (.md)',\n  html: 'HTML (.html)',\n};\n\nexport const FORMAT_EXTENSIONS: Record<ExportFormat, string> = {\n  docx: '.docx',\n  pdf: '.pdf',\n  pptx: '.pptx',\n  md: '.md',\n  html: '.html',\n};\n\nconst STORAGE_KEY = 'docblocks-export-options';\n\nexport const DEFAULT_OPTIONS: ExportOptions = {\n  format: 'pdf',\n  themeId: 'standard',\n  transformStyle: 'documentary',\n  pageSize: 'letter',\n  htmlStyle: 'plain',\n  htmlBundle: 'single',\n  includeLinkedDocs: false,\n  entryAsIndex: false,\n};\n\nexport function loadLastExportOptions(): ExportOptions | null {\n  try {\n    const raw = localStorage.getItem(STORAGE_KEY);\n    if (!raw) return null;\n    const parsed = JSON.parse(raw) as Partial<ExportOptions>;\n    return { ...DEFAULT_OPTIONS, ...parsed };\n  } catch {\n    return null;\n  }\n}\n\nexport function saveExportOptions(options: ExportOptions): void {\n  try {\n    localStorage.setItem(STORAGE_KEY, JSON.stringify(options));\n  } catch {\n    // Ignore storage errors\n  }\n}\n"],"mappings":";AAoDO,IAAM,gBAA8C;AAAA,EACzD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AACR;AAEO,IAAM,oBAAkD;AAAA,EAC7D,MAAM;AAAA,EACN,KAAK;AAAA,EACL,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,MAAM;AACR;AAEA,IAAM,cAAc;AAEb,IAAM,kBAAiC;AAAA,EAC5C,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,cAAc;AAChB;AAEO,SAAS,wBAA8C;AAC5D,MAAI;AACF,UAAM,MAAM,aAAa,QAAQ,WAAW;AAC5C,QAAI,CAAC,IAAK,QAAO;AACjB,UAAM,SAAS,KAAK,MAAM,GAAG;AAC7B,WAAO,EAAE,GAAG,iBAAiB,GAAG,OAAO;AAAA,EACzC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEO,SAAS,kBAAkB,SAA8B;AAC9D,MAAI;AACF,iBAAa,QAAQ,aAAa,KAAK,UAAU,OAAO,CAAC;AAAA,EAC3D,QAAQ;AAAA,EAER;AACF;","names":[]}

package/dist/chunk-GSNZSCIK.js

@@ -0,0 +1,55 @@
+// src/components/Dialog.tsx
+import { useCallback, useEffect, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function Dialog({
+  title,
+  onClose,
+  size = "default",
+  children,
+  footer,
+  initialFocusRef,
+  closeOnBackdrop = true
+}) {
+  const closeButtonRef = useRef(null);
+  useEffect(() => {
+    const onKey = (e) => {
+      if (e.key === "Escape") onClose();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [onClose]);
+  useEffect(() => {
+    const target = initialFocusRef?.current ?? closeButtonRef.current;
+    target?.focus();
+  }, []);
+  const handleBackdropClick = useCallback(
+    (e) => {
+      if (closeOnBackdrop && e.target === e.currentTarget) onClose();
+    },
+    [closeOnBackdrop, onClose]
+  );
+  const sizeClass = size === "wide" ? " db-dialog--wide" : size === "full" ? " db-dialog--full" : "";
+  return /* @__PURE__ */ jsx("div", { className: "db-dialog-overlay", onClick: handleBackdropClick, children: /* @__PURE__ */ jsxs("div", { className: `db-dialog${sizeClass}`, role: "dialog", "aria-modal": "true", "aria-label": title, children: [
+    /* @__PURE__ */ jsxs("div", { className: "db-dialog-header", children: [
+      /* @__PURE__ */ jsx("h2", { className: "db-dialog-title", children: title }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          ref: closeButtonRef,
+          type: "button",
+          className: "db-dialog-close",
+          onClick: onClose,
+          "aria-label": "Close",
+          children: "\xD7"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "db-dialog-body", children }),
+    footer && /* @__PURE__ */ jsx("div", { className: "db-dialog-footer", children: footer })
+  ] }) });
+}
+
+export {
+  Dialog
+};
+//# sourceMappingURL=chunk-GSNZSCIK.js.map

package/dist/chunk-GSNZSCIK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/Dialog.tsx"],"sourcesContent":["/**\n * Dialog — shared modal primitive.\n *\n * Promotes the `db-dialog-overlay` / `db-dialog` pattern used by the\n * settings dialogs into a reusable component, adding aria-modal and\n * initial focus. Escape and (by default) backdrop clicks close it.\n */\n\nimport { useCallback, useEffect, useRef } from 'react';\n\nexport interface DialogProps {\n  title: string;\n  onClose: () => void;\n  /** default 380px / wide 560px / full min(1100px, 94vw) column. */\n  size?: 'default' | 'wide' | 'full';\n  children: React.ReactNode;\n  /** Right-aligned action row below the body. */\n  footer?: React.ReactNode;\n  /** Element to focus on open; defaults to the close button. */\n  initialFocusRef?: React.RefObject<HTMLElement | null>;\n  /** Set false when a stray backdrop click would lose user input. */\n  closeOnBackdrop?: boolean;\n}\n\nexport function Dialog({\n  title,\n  onClose,\n  size = 'default',\n  children,\n  footer,\n  initialFocusRef,\n  closeOnBackdrop = true,\n}: DialogProps) {\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n\n  useEffect(() => {\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') onClose();\n    };\n    window.addEventListener('keydown', onKey);\n    return () => window.removeEventListener('keydown', onKey);\n  }, [onClose]);\n\n  useEffect(() => {\n    const target = initialFocusRef?.current ?? closeButtonRef.current;\n    target?.focus();\n    // Focus only on mount — refocusing on every re-render would fight the user.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleBackdropClick = useCallback(\n    (e: React.MouseEvent) => {\n      if (closeOnBackdrop && e.target === e.currentTarget) onClose();\n    },\n    [closeOnBackdrop, onClose],\n  );\n\n  const sizeClass =\n    size === 'wide' ? ' db-dialog--wide' : size === 'full' ? ' db-dialog--full' : '';\n\n  return (\n    <div className=\"db-dialog-overlay\" onClick={handleBackdropClick}>\n      <div className={`db-dialog${sizeClass}`} role=\"dialog\" aria-modal=\"true\" aria-label={title}>\n        <div className=\"db-dialog-header\">\n          <h2 className=\"db-dialog-title\">{title}</h2>\n          <button\n            ref={closeButtonRef}\n            type=\"button\"\n            className=\"db-dialog-close\"\n            onClick={onClose}\n            aria-label=\"Close\"\n          >\n            &times;\n          </button>\n        </div>\n        <div className=\"db-dialog-body\">{children}</div>\n        {footer && <div className=\"db-dialog-footer\">{footer}</div>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";AAQA,SAAS,aAAa,WAAW,cAAc;AAuDvC,SACE,KADF;AAvCD,SAAS,OAAO;AAAA,EACrB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,GAAgB;AACd,QAAM,iBAAiB,OAA0B,IAAI;AAErD,YAAU,MAAM;AACd,UAAM,QAAQ,CAAC,MAAqB;AAClC,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AACA,WAAO,iBAAiB,WAAW,KAAK;AACxC,WAAO,MAAM,OAAO,oBAAoB,WAAW,KAAK;AAAA,EAC1D,GAAG,CAAC,OAAO,CAAC;AAEZ,YAAU,MAAM;AACd,UAAM,SAAS,iBAAiB,WAAW,eAAe;AAC1D,YAAQ,MAAM;AAAA,EAGhB,GAAG,CAAC,CAAC;AAEL,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,mBAAmB,EAAE,WAAW,EAAE,cAAe,SAAQ;AAAA,IAC/D;AAAA,IACA,CAAC,iBAAiB,OAAO;AAAA,EAC3B;AAEA,QAAM,YACJ,SAAS,SAAS,qBAAqB,SAAS,SAAS,qBAAqB;AAEhF,SACE,oBAAC,SAAI,WAAU,qBAAoB,SAAS,qBAC1C,+BAAC,SAAI,WAAW,YAAY,SAAS,IAAI,MAAK,UAAS,cAAW,QAAO,cAAY,OACnF;AAAA,yBAAC,SAAI,WAAU,oBACb;AAAA,0BAAC,QAAG,WAAU,mBAAmB,iBAAM;AAAA,MACvC;AAAA,QAAC;AAAA;AAAA,UACC,KAAK;AAAA,UACL,MAAK;AAAA,UACL,WAAU;AAAA,UACV,SAAS;AAAA,UACT,cAAW;AAAA,UACZ;AAAA;AAAA,MAED;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,kBAAkB,UAAS;AAAA,IACzC,UAAU,oBAAC,SAAI,WAAU,oBAAoB,kBAAO;AAAA,KACvD,GACF;AAEJ;","names":[]}