@pressy-pub/components 0.1.0

package/dist/content/index.d.ts

@@ -0,0 +1,41 @@
+import * as preact from 'preact';
+import { ComponentChildren, ComponentType } from 'preact';
+
+interface FootnoteProps {
+    id: string | number;
+    children: ComponentChildren;
+}
+declare function Footnote({ id, children }: FootnoteProps): preact.JSX.Element;
+
+interface AsideProps {
+    children: ComponentChildren;
+    title?: string;
+}
+declare function Aside({ children, title }: AsideProps): preact.JSX.Element;
+
+interface FigureProps {
+    src: string;
+    alt?: string;
+    caption?: string;
+    wide?: boolean;
+    children?: ComponentChildren;
+}
+declare function Figure({ src, alt, caption, wide, children }: FigureProps): preact.JSX.Element;
+
+type CalloutType = 'note' | 'tip' | 'warning' | 'important';
+interface CalloutProps {
+    type?: CalloutType;
+    title?: string;
+    children: ComponentChildren;
+}
+declare function Callout({ type, title, children }: CalloutProps): preact.JSX.Element;
+
+interface SceneBreakProps {
+    variant?: 'asterisks' | 'line' | 'ornament';
+}
+declare function SceneBreak({ variant }: SceneBreakProps): preact.JSX.Element;
+
+declare function setMDXComponents(components: Record<string, ComponentType<any>>): void;
+declare function useMDXComponents(): Record<string, ComponentType<any>>;
+
+export { Aside, Callout, Figure, Footnote, SceneBreak, setMDXComponents, useMDXComponents };

package/dist/content/index.js

@@ -0,0 +1,368 @@
+// src/content/Footnote.tsx
+import { useSignal } from "@preact/signals";
+import { jsx, jsxs } from "preact/jsx-runtime";
+function Footnote({ id, children }) {
+  const isOpen = useSignal(false);
+  return /* @__PURE__ */ jsxs("span", { class: "pressy-footnote-wrapper", children: [
+    /* @__PURE__ */ jsx(
+      "button",
+      {
+        class: "pressy-footnote-ref",
+        onClick: () => isOpen.value = !isOpen.value,
+        "aria-describedby": `footnote-${id}`,
+        "aria-expanded": isOpen.value,
+        children: id
+      }
+    ),
+    isOpen.value && /* @__PURE__ */ jsxs("span", { class: "pressy-footnote-content", id: `footnote-${id}`, role: "tooltip", children: [
+      children,
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          class: "pressy-footnote-close",
+          onClick: () => isOpen.value = false,
+          "aria-label": "Close footnote",
+          children: "\xD7"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("style", { children: `
+        .pressy-footnote-wrapper {
+          position: relative;
+          display: inline;
+        }
+
+        .pressy-footnote-ref {
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+          min-width: 1.25em;
+          height: 1.25em;
+          padding: 0 0.25em;
+          font-size: 0.75em;
+          font-weight: 600;
+          color: var(--color-accent);
+          background: var(--color-bg-subtle);
+          border: none;
+          border-radius: 0.25em;
+          cursor: pointer;
+          vertical-align: super;
+          line-height: 1;
+          transition: background 0.15s;
+        }
+
+        .pressy-footnote-ref:hover {
+          background: var(--color-bg-muted);
+        }
+
+        .pressy-footnote-content {
+          position: absolute;
+          bottom: calc(100% + 0.5em);
+          left: 0;
+          z-index: 30;
+          display: block;
+          padding: 0.5em 2em 0.5em 0.75em;
+          font-size: var(--font-size-sm);
+          background: var(--color-bg-subtle);
+          border-radius: 0.375em;
+          border: 1px solid var(--color-border);
+          width: 300px;
+          max-width: 80vw;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
+        }
+
+        .pressy-footnote-close {
+          position: absolute;
+          top: 0.25em;
+          right: 0.25em;
+          width: 1.5em;
+          height: 1.5em;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 1em;
+          color: var(--color-text-muted);
+          background: none;
+          border: none;
+          cursor: pointer;
+          border-radius: 0.25em;
+        }
+
+        .pressy-footnote-close:hover {
+          background: var(--color-bg-muted);
+          color: var(--color-text);
+        }
+      ` })
+  ] });
+}
+
+// src/content/Aside.tsx
+import { jsx as jsx2, jsxs as jsxs2 } from "preact/jsx-runtime";
+function Aside({ children, title }) {
+  return /* @__PURE__ */ jsxs2("aside", { class: "pressy-aside", children: [
+    title && /* @__PURE__ */ jsx2("strong", { class: "pressy-aside-title", children: title }),
+    /* @__PURE__ */ jsx2("div", { class: "pressy-aside-content", children }),
+    /* @__PURE__ */ jsx2("style", { children: `
+        .pressy-aside {
+          font-size: var(--font-size-sm);
+          color: var(--color-text-muted);
+          border-left: 3px solid var(--color-accent);
+          padding-left: 1em;
+          margin-block: 1.5em;
+        }
+
+        .pressy-aside-title {
+          display: block;
+          color: var(--color-heading);
+          margin-bottom: 0.5em;
+          font-weight: 600;
+        }
+
+        .pressy-aside-content {
+          line-height: 1.5;
+        }
+
+        .pressy-aside-content p:first-child {
+          margin-top: 0;
+        }
+
+        .pressy-aside-content p:last-child {
+          margin-bottom: 0;
+        }
+
+        @media (min-width: 80ch) {
+          .pressy-aside {
+            float: right;
+            width: 40%;
+            margin-left: 2em;
+            margin-right: calc(-1 * ((100vw - 65ch) / 4));
+          }
+        }
+      ` })
+  ] });
+}
+
+// src/content/Figure.tsx
+import { jsx as jsx3, jsxs as jsxs3 } from "preact/jsx-runtime";
+function Figure({ src, alt, caption, wide, children }) {
+  return /* @__PURE__ */ jsxs3("figure", { class: `pressy-figure ${wide ? "pressy-figure-wide" : ""}`, children: [
+    /* @__PURE__ */ jsx3("img", { src, alt: alt || caption || "", loading: "lazy", decoding: "async" }),
+    (caption || children) && /* @__PURE__ */ jsx3("figcaption", { class: "pressy-figure-caption", children: caption || children }),
+    /* @__PURE__ */ jsx3("style", { children: `
+        .pressy-figure {
+          margin-block: 2em;
+          margin-inline: 0;
+        }
+
+        .pressy-figure img {
+          width: 100%;
+          height: auto;
+          border-radius: 0.5em;
+        }
+
+        .pressy-figure-caption {
+          font-size: var(--font-size-sm);
+          color: var(--color-text-muted);
+          text-align: center;
+          margin-top: 0.75em;
+          font-style: italic;
+        }
+
+        .pressy-figure-wide {
+          margin-inline: 0;
+        }
+
+        @media (min-width: 80ch) {
+          .pressy-figure-wide {
+            margin-inline: calc(-1 * ((100vw - 65ch) / 4));
+            max-width: none;
+          }
+        }
+      ` })
+  ] });
+}
+
+// src/content/Callout.tsx
+import { jsx as jsx4, jsxs as jsxs4 } from "preact/jsx-runtime";
+var icons = {
+  note: "\u{1F4DD}",
+  tip: "\u{1F4A1}",
+  warning: "\u26A0\uFE0F",
+  important: "\u2757"
+};
+var defaultTitles = {
+  note: "Note",
+  tip: "Tip",
+  warning: "Warning",
+  important: "Important"
+};
+function Callout({ type = "note", title, children }) {
+  return /* @__PURE__ */ jsxs4("div", { class: `pressy-callout pressy-callout-${type}`, children: [
+    /* @__PURE__ */ jsxs4("div", { class: "pressy-callout-header", children: [
+      /* @__PURE__ */ jsx4("span", { class: "pressy-callout-icon", children: icons[type] }),
+      /* @__PURE__ */ jsx4("strong", { class: "pressy-callout-title", children: title || defaultTitles[type] })
+    ] }),
+    /* @__PURE__ */ jsx4("div", { class: "pressy-callout-content", children }),
+    /* @__PURE__ */ jsx4("style", { children: `
+        .pressy-callout {
+          border-radius: 0.5em;
+          padding: 1em 1.25em;
+          margin-block: 1.5em;
+        }
+
+        .pressy-callout-note {
+          background: #eff6ff;
+          border: 1px solid #bfdbfe;
+        }
+
+        .pressy-callout-tip {
+          background: #f0fdf4;
+          border: 1px solid #bbf7d0;
+        }
+
+        .pressy-callout-warning {
+          background: #fffbeb;
+          border: 1px solid #fde68a;
+        }
+
+        .pressy-callout-important {
+          background: #fef2f2;
+          border: 1px solid #fecaca;
+        }
+
+        .pressy-callout-header {
+          display: flex;
+          align-items: center;
+          gap: 0.5em;
+          margin-bottom: 0.5em;
+        }
+
+        .pressy-callout-icon {
+          font-size: 1.25em;
+        }
+
+        .pressy-callout-title {
+          font-weight: 600;
+        }
+
+        .pressy-callout-content {
+          font-size: var(--font-size-sm);
+          line-height: 1.5;
+        }
+
+        .pressy-callout-content p:first-child {
+          margin-top: 0;
+        }
+
+        .pressy-callout-content p:last-child {
+          margin-bottom: 0;
+        }
+
+        /* Dark mode adjustments */
+        @media (prefers-color-scheme: dark) {
+          .pressy-callout-note {
+            background: #1e3a5f;
+            border-color: #1e40af;
+          }
+
+          .pressy-callout-tip {
+            background: #052e16;
+            border-color: #166534;
+          }
+
+          .pressy-callout-warning {
+            background: #422006;
+            border-color: #854d0e;
+          }
+
+          .pressy-callout-important {
+            background: #450a0a;
+            border-color: #991b1b;
+          }
+        }
+
+        [data-theme="dark"] .pressy-callout-note {
+          background: #1e3a5f;
+          border-color: #1e40af;
+        }
+
+        [data-theme="dark"] .pressy-callout-tip {
+          background: #052e16;
+          border-color: #166534;
+        }
+
+        [data-theme="dark"] .pressy-callout-warning {
+          background: #422006;
+          border-color: #854d0e;
+        }
+
+        [data-theme="dark"] .pressy-callout-important {
+          background: #450a0a;
+          border-color: #991b1b;
+        }
+      ` })
+  ] });
+}
+
+// src/content/SceneBreak.tsx
+import { jsx as jsx5, jsxs as jsxs5 } from "preact/jsx-runtime";
+function SceneBreak({ variant = "asterisks" }) {
+  return /* @__PURE__ */ jsxs5("div", { class: `pressy-scene-break pressy-scene-break-${variant}`, role: "separator", children: [
+    variant === "asterisks" && /* @__PURE__ */ jsx5("span", { children: "* * *" }),
+    variant === "ornament" && /* @__PURE__ */ jsx5("span", { children: "\u2767" }),
+    /* @__PURE__ */ jsx5("style", { children: `
+        .pressy-scene-break {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          margin-block: 3em;
+          color: var(--color-text-muted);
+        }
+
+        .pressy-scene-break-asterisks span {
+          letter-spacing: 0.5em;
+          font-size: 1.25em;
+        }
+
+        .pressy-scene-break-line {
+          width: 100%;
+          max-width: 10ch;
+          height: 1px;
+          background: var(--color-border);
+        }
+
+        .pressy-scene-break-ornament span {
+          font-size: 1.5em;
+        }
+      ` })
+  ] });
+}
+
+// src/content/index.ts
+var defaultComponents = {
+  Footnote,
+  Aside,
+  Figure,
+  Callout,
+  SceneBreak,
+  // Override default elements
+  img: Figure,
+  hr: SceneBreak
+};
+var customComponents = {};
+function setMDXComponents(components) {
+  customComponents = components;
+}
+function useMDXComponents() {
+  return { ...defaultComponents, ...customComponents };
+}
+export {
+  Aside,
+  Callout,
+  Figure,
+  Footnote,
+  SceneBreak,
+  setMDXComponents,
+  useMDXComponents
+};
+//# sourceMappingURL=index.js.map

package/dist/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/content/Footnote.tsx","../../src/content/Aside.tsx","../../src/content/Figure.tsx","../../src/content/Callout.tsx","../../src/content/SceneBreak.tsx","../../src/content/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact'\nimport { useSignal } from '@preact/signals'\n\ninterface FootnoteProps {\n  id: string | number\n  children: ComponentChildren\n}\n\nexport function Footnote({ id, children }: FootnoteProps) {\n  const isOpen = useSignal(false)\n\n  return (\n    <span class=\"pressy-footnote-wrapper\">\n      <button\n        class=\"pressy-footnote-ref\"\n        onClick={() => (isOpen.value = !isOpen.value)}\n        aria-describedby={`footnote-${id}`}\n        aria-expanded={isOpen.value}\n      >\n        {id}\n      </button>\n\n      {isOpen.value && (\n        <span class=\"pressy-footnote-content\" id={`footnote-${id}`} role=\"tooltip\">\n          {children}\n          <button\n            class=\"pressy-footnote-close\"\n            onClick={() => (isOpen.value = false)}\n            aria-label=\"Close footnote\"\n          >\n            ×\n          </button>\n        </span>\n      )}\n\n      <style>{`\n        .pressy-footnote-wrapper {\n          position: relative;\n          display: inline;\n        }\n\n        .pressy-footnote-ref {\n          display: inline-flex;\n          align-items: center;\n          justify-content: center;\n          min-width: 1.25em;\n          height: 1.25em;\n          padding: 0 0.25em;\n          font-size: 0.75em;\n          font-weight: 600;\n          color: var(--color-accent);\n          background: var(--color-bg-subtle);\n          border: none;\n          border-radius: 0.25em;\n          cursor: pointer;\n          vertical-align: super;\n          line-height: 1;\n          transition: background 0.15s;\n        }\n\n        .pressy-footnote-ref:hover {\n          background: var(--color-bg-muted);\n        }\n\n        .pressy-footnote-content {\n          position: absolute;\n          bottom: calc(100% + 0.5em);\n          left: 0;\n          z-index: 30;\n          display: block;\n          padding: 0.5em 2em 0.5em 0.75em;\n          font-size: var(--font-size-sm);\n          background: var(--color-bg-subtle);\n          border-radius: 0.375em;\n          border: 1px solid var(--color-border);\n          width: 300px;\n          max-width: 80vw;\n          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);\n        }\n\n        .pressy-footnote-close {\n          position: absolute;\n          top: 0.25em;\n          right: 0.25em;\n          width: 1.5em;\n          height: 1.5em;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 1em;\n          color: var(--color-text-muted);\n          background: none;\n          border: none;\n          cursor: pointer;\n          border-radius: 0.25em;\n        }\n\n        .pressy-footnote-close:hover {\n          background: var(--color-bg-muted);\n          color: var(--color-text);\n        }\n      `}</style>\n    </span>\n  )\n}\n","import { ComponentChildren } from 'preact'\n\ninterface AsideProps {\n  children: ComponentChildren\n  title?: string\n}\n\nexport function Aside({ children, title }: AsideProps) {\n  return (\n    <aside class=\"pressy-aside\">\n      {title && <strong class=\"pressy-aside-title\">{title}</strong>}\n      <div class=\"pressy-aside-content\">{children}</div>\n\n      <style>{`\n        .pressy-aside {\n          font-size: var(--font-size-sm);\n          color: var(--color-text-muted);\n          border-left: 3px solid var(--color-accent);\n          padding-left: 1em;\n          margin-block: 1.5em;\n        }\n\n        .pressy-aside-title {\n          display: block;\n          color: var(--color-heading);\n          margin-bottom: 0.5em;\n          font-weight: 600;\n        }\n\n        .pressy-aside-content {\n          line-height: 1.5;\n        }\n\n        .pressy-aside-content p:first-child {\n          margin-top: 0;\n        }\n\n        .pressy-aside-content p:last-child {\n          margin-bottom: 0;\n        }\n\n        @media (min-width: 80ch) {\n          .pressy-aside {\n            float: right;\n            width: 40%;\n            margin-left: 2em;\n            margin-right: calc(-1 * ((100vw - 65ch) / 4));\n          }\n        }\n      `}</style>\n    </aside>\n  )\n}\n","import { ComponentChildren } from 'preact'\n\ninterface FigureProps {\n  src: string\n  alt?: string\n  caption?: string\n  wide?: boolean\n  children?: ComponentChildren\n}\n\nexport function Figure({ src, alt, caption, wide, children }: FigureProps) {\n  return (\n    <figure class={`pressy-figure ${wide ? 'pressy-figure-wide' : ''}`}>\n      <img src={src} alt={alt || caption || ''} loading=\"lazy\" decoding=\"async\" />\n      {(caption || children) && (\n        <figcaption class=\"pressy-figure-caption\">{caption || children}</figcaption>\n      )}\n\n      <style>{`\n        .pressy-figure {\n          margin-block: 2em;\n          margin-inline: 0;\n        }\n\n        .pressy-figure img {\n          width: 100%;\n          height: auto;\n          border-radius: 0.5em;\n        }\n\n        .pressy-figure-caption {\n          font-size: var(--font-size-sm);\n          color: var(--color-text-muted);\n          text-align: center;\n          margin-top: 0.75em;\n          font-style: italic;\n        }\n\n        .pressy-figure-wide {\n          margin-inline: 0;\n        }\n\n        @media (min-width: 80ch) {\n          .pressy-figure-wide {\n            margin-inline: calc(-1 * ((100vw - 65ch) / 4));\n            max-width: none;\n          }\n        }\n      `}</style>\n    </figure>\n  )\n}\n","import { ComponentChildren } from 'preact'\n\ntype CalloutType = 'note' | 'tip' | 'warning' | 'important'\n\ninterface CalloutProps {\n  type?: CalloutType\n  title?: string\n  children: ComponentChildren\n}\n\nconst icons: Record<CalloutType, string> = {\n  note: '📝',\n  tip: '💡',\n  warning: '⚠️',\n  important: '❗',\n}\n\nconst defaultTitles: Record<CalloutType, string> = {\n  note: 'Note',\n  tip: 'Tip',\n  warning: 'Warning',\n  important: 'Important',\n}\n\nexport function Callout({ type = 'note', title, children }: CalloutProps) {\n  return (\n    <div class={`pressy-callout pressy-callout-${type}`}>\n      <div class=\"pressy-callout-header\">\n        <span class=\"pressy-callout-icon\">{icons[type]}</span>\n        <strong class=\"pressy-callout-title\">{title || defaultTitles[type]}</strong>\n      </div>\n      <div class=\"pressy-callout-content\">{children}</div>\n\n      <style>{`\n        .pressy-callout {\n          border-radius: 0.5em;\n          padding: 1em 1.25em;\n          margin-block: 1.5em;\n        }\n\n        .pressy-callout-note {\n          background: #eff6ff;\n          border: 1px solid #bfdbfe;\n        }\n\n        .pressy-callout-tip {\n          background: #f0fdf4;\n          border: 1px solid #bbf7d0;\n        }\n\n        .pressy-callout-warning {\n          background: #fffbeb;\n          border: 1px solid #fde68a;\n        }\n\n        .pressy-callout-important {\n          background: #fef2f2;\n          border: 1px solid #fecaca;\n        }\n\n        .pressy-callout-header {\n          display: flex;\n          align-items: center;\n          gap: 0.5em;\n          margin-bottom: 0.5em;\n        }\n\n        .pressy-callout-icon {\n          font-size: 1.25em;\n        }\n\n        .pressy-callout-title {\n          font-weight: 600;\n        }\n\n        .pressy-callout-content {\n          font-size: var(--font-size-sm);\n          line-height: 1.5;\n        }\n\n        .pressy-callout-content p:first-child {\n          margin-top: 0;\n        }\n\n        .pressy-callout-content p:last-child {\n          margin-bottom: 0;\n        }\n\n        /* Dark mode adjustments */\n        @media (prefers-color-scheme: dark) {\n          .pressy-callout-note {\n            background: #1e3a5f;\n            border-color: #1e40af;\n          }\n\n          .pressy-callout-tip {\n            background: #052e16;\n            border-color: #166534;\n          }\n\n          .pressy-callout-warning {\n            background: #422006;\n            border-color: #854d0e;\n          }\n\n          .pressy-callout-important {\n            background: #450a0a;\n            border-color: #991b1b;\n          }\n        }\n\n        [data-theme=\"dark\"] .pressy-callout-note {\n          background: #1e3a5f;\n          border-color: #1e40af;\n        }\n\n        [data-theme=\"dark\"] .pressy-callout-tip {\n          background: #052e16;\n          border-color: #166534;\n        }\n\n        [data-theme=\"dark\"] .pressy-callout-warning {\n          background: #422006;\n          border-color: #854d0e;\n        }\n\n        [data-theme=\"dark\"] .pressy-callout-important {\n          background: #450a0a;\n          border-color: #991b1b;\n        }\n      `}</style>\n    </div>\n  )\n}\n","interface SceneBreakProps {\n  variant?: 'asterisks' | 'line' | 'ornament'\n}\n\nexport function SceneBreak({ variant = 'asterisks' }: SceneBreakProps) {\n  return (\n    <div class={`pressy-scene-break pressy-scene-break-${variant}`} role=\"separator\">\n      {variant === 'asterisks' && <span>* * *</span>}\n      {variant === 'ornament' && <span>❧</span>}\n\n      <style>{`\n        .pressy-scene-break {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          margin-block: 3em;\n          color: var(--color-text-muted);\n        }\n\n        .pressy-scene-break-asterisks span {\n          letter-spacing: 0.5em;\n          font-size: 1.25em;\n        }\n\n        .pressy-scene-break-line {\n          width: 100%;\n          max-width: 10ch;\n          height: 1px;\n          background: var(--color-border);\n        }\n\n        .pressy-scene-break-ornament span {\n          font-size: 1.5em;\n        }\n      `}</style>\n    </div>\n  )\n}\n","import { ComponentType, ComponentChildren } from 'preact'\nimport { Footnote } from './Footnote.js'\nimport { Aside } from './Aside.js'\nimport { Figure } from './Figure.js'\nimport { Callout } from './Callout.js'\nimport { SceneBreak } from './SceneBreak.js'\n\nexport { Footnote } from './Footnote.js'\nexport { Aside } from './Aside.js'\nexport { Figure } from './Figure.js'\nexport { Callout } from './Callout.js'\nexport { SceneBreak } from './SceneBreak.js'\n\n// MDX components provider\nconst defaultComponents: Record<string, ComponentType<any>> = {\n  Footnote,\n  Aside,\n  Figure,\n  Callout,\n  SceneBreak,\n  // Override default elements\n  img: Figure,\n  hr: SceneBreak,\n}\n\nlet customComponents: Record<string, ComponentType<any>> = {}\n\nexport function setMDXComponents(components: Record<string, ComponentType<any>>) {\n  customComponents = components\n}\n\nexport function useMDXComponents(): Record<string, ComponentType<any>> {\n  return { ...defaultComponents, ...customComponents }\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsxs","jsx","jsxs","jsx","jsxs"]}

package/dist/index.d.ts

@@ -0,0 +1,131 @@
+import * as preact from 'preact';
+import { ComponentType, ComponentChildren } from 'preact';
+
+interface ProgressData {
+    page: number;
+    totalPages: number;
+    scrollPosition: number;
+}
+interface ChapterMapData {
+    chapterMap: Record<string, () => Promise<{
+        default: ComponentType<{
+            components?: Record<string, unknown>;
+        }>;
+    }>>;
+    chapterOrder: string[];
+}
+interface ReaderProps {
+    children: ComponentChildren;
+    title: string;
+    bookTitle?: string;
+    chapterSlug?: string;
+    prevChapter?: {
+        slug: string;
+        title: string;
+    };
+    nextChapter?: {
+        slug: string;
+        title: string;
+    };
+    showDropCap?: boolean;
+    paginationMode?: "scroll" | "paginated";
+    onSaveProgress?: (data: ProgressData) => void;
+    onRestoreProgress?: () => Promise<ProgressData | null>;
+    bookProgressPercent?: number;
+    initialContent?: ComponentType<{
+        components?: Record<string, unknown>;
+    }>;
+    chapterMapData?: ChapterMapData;
+    currentChapterSlug?: string;
+    allChapters?: Array<{
+        slug: string;
+        title: string;
+        wordCount?: number;
+    }>;
+    bookBasePath?: string;
+    onChapterChange?: (slug: string, page: number, totalPages: number) => void;
+    mdxComponents?: Record<string, unknown>;
+}
+declare function Reader({ children, bookTitle, prevChapter, nextChapter, showDropCap, paginationMode, onSaveProgress, onRestoreProgress, bookProgressPercent, initialContent, chapterMapData, currentChapterSlug, allChapters, bookBasePath, onChapterChange, mdxComponents, }: ReaderProps): preact.JSX.Element;
+
+interface NavigationProps {
+    prev?: {
+        slug: string;
+        title: string;
+    };
+    next?: {
+        slug: string;
+        title: string;
+    };
+}
+declare function Navigation({ prev, next }: NavigationProps): preact.JSX.Element | null;
+
+interface TOCItem {
+    level: number;
+    text: string;
+    slug: string;
+}
+interface TableOfContentsProps {
+    items: TOCItem[];
+    onNavigate?: () => void;
+    activeSlug?: string;
+}
+declare function TableOfContents({ items, onNavigate, activeSlug }: TableOfContentsProps): preact.JSX.Element;
+
+declare function TextShare(): preact.JSX.Element | null;
+
+interface PaywallProps {
+    bookSlug: string;
+    bookTitle: string;
+    previewChapters: number;
+    currentChapter: number;
+    shopifyProductId?: string;
+    mode?: 'shopify' | 'email';
+    onUnlock?: () => void;
+}
+declare function Paywall({ bookSlug, bookTitle, previewChapters, currentChapter, shopifyProductId, mode, onUnlock, }: PaywallProps): preact.JSX.Element | null;
+
+declare function ThemeSwitcher(): preact.JSX.Element;
+
+declare function OfflineIndicator(): preact.JSX.Element | null;
+
+interface DownloadBookProps {
+    bookSlug: string;
+    chapterUrls: string[];
+    /** Reactive signal: set of cached book slugs */
+    cachedBooks: {
+        value: Set<string>;
+    };
+    /** Reactive signal: current download progress or null */
+    cacheProgress: {
+        value: {
+            bookSlug: string;
+            current: number;
+            total: number;
+        } | null;
+    };
+    /** Called to start downloading the book */
+    onDownload: (bookSlug: string, chapterUrls: string[]) => void;
+    /** Called to remove the cached book */
+    onRemove: (bookSlug: string) => void;
+}
+declare function DownloadBook({ bookSlug, chapterUrls, cachedBooks, cacheProgress, onDownload, onRemove, }: DownloadBookProps): preact.JSX.Element;
+
+interface BookProgressProps {
+    bookSlug: string;
+    chapters: Array<{
+        slug: string;
+        title: string;
+        order: number;
+        wordCount?: number;
+    }>;
+    basePath: string;
+    loadAllProgress: () => Promise<Array<{
+        chapterSlug: string;
+        page: number;
+        totalPages: number;
+    }>>;
+}
+declare function BookProgress({ chapters, basePath, bookSlug, loadAllProgress, }: BookProgressProps): preact.JSX.Element;
+
+export { BookProgress, type BookProgressProps, type ChapterMapData, DownloadBook, type DownloadBookProps, Navigation, type NavigationProps, OfflineIndicator, Paywall, type PaywallProps, type ProgressData, Reader, type ReaderProps, type TOCItem, TableOfContents, type TableOfContentsProps, TextShare, ThemeSwitcher };