@eightyfourthousand/lib-editing 2026.3.1 → 2026.4.1

package/lib/components/shared/hooks/usePaginationLoadTriggers.js

@@ -0,0 +1,94 @@
+'use client';
+import { useEffect, useRef, useState } from 'react';
+export const usePaginationLoadTriggers = ({ enabled = true, startCursor, endCursor, startIsLoading = false, endIsLoading = false, }) => {
+    const loadMoreAtStartRef = useRef(null);
+    const loadMoreAtEndRef = useRef(null);
+    const startCursorRef = useRef(startCursor);
+    const endCursorRef = useRef(endCursor);
+    const startIsLoadingRef = useRef(startIsLoading);
+    const endIsLoadingRef = useRef(endIsLoading);
+    const startLoadArmedRef = useRef(true);
+    const endLoadArmedRef = useRef(true);
+    const startIsIntersectingRef = useRef(false);
+    const endIsIntersectingRef = useRef(false);
+    const [startLoadRequest, setStartLoadRequest] = useState(0);
+    const [endLoadRequest, setEndLoadRequest] = useState(0);
+    useEffect(() => {
+        startCursorRef.current = startCursor;
+    }, [startCursor]);
+    useEffect(() => {
+        endCursorRef.current = endCursor;
+    }, [endCursor]);
+    useEffect(() => {
+        startIsLoadingRef.current = startIsLoading;
+        if (!startIsLoading && !startIsIntersectingRef.current) {
+            startLoadArmedRef.current = true;
+        }
+    }, [startIsLoading]);
+    useEffect(() => {
+        endIsLoadingRef.current = endIsLoading;
+        if (!endIsLoading && !endIsIntersectingRef.current) {
+            endLoadArmedRef.current = true;
+        }
+    }, [endIsLoading]);
+    useEffect(() => {
+        if (!enabled) {
+            return;
+        }
+        const startEl = loadMoreAtStartRef.current;
+        const endEl = loadMoreAtEndRef.current;
+        const observer = new IntersectionObserver((entries) => {
+            for (const entry of entries) {
+                if (entry.target === startEl) {
+                    startIsIntersectingRef.current = entry.isIntersecting;
+                    if (!entry.isIntersecting) {
+                        if (!startIsLoadingRef.current) {
+                            startLoadArmedRef.current = true;
+                        }
+                        continue;
+                    }
+                    if (startIsLoadingRef.current || !startCursorRef.current) {
+                        continue;
+                    }
+                    if (!startLoadArmedRef.current) {
+                        continue;
+                    }
+                    startLoadArmedRef.current = false;
+                    setStartLoadRequest((current) => current + 1);
+                    continue;
+                }
+                if (entry.target === endEl) {
+                    endIsIntersectingRef.current = entry.isIntersecting;
+                    if (!entry.isIntersecting) {
+                        if (!endIsLoadingRef.current) {
+                            endLoadArmedRef.current = true;
+                        }
+                        continue;
+                    }
+                    if (endIsLoadingRef.current || !endCursorRef.current) {
+                        continue;
+                    }
+                    if (!endLoadArmedRef.current) {
+                        continue;
+                    }
+                    endLoadArmedRef.current = false;
+                    setEndLoadRequest((current) => current + 1);
+                }
+            }
+        });
+        if (startEl) {
+            observer.observe(startEl);
+        }
+        if (endEl) {
+            observer.observe(endEl);
+        }
+        return () => observer.disconnect();
+    }, [enabled]);
+    return {
+        loadMoreAtStartRef,
+        loadMoreAtEndRef,
+        startLoadRequest,
+        endLoadRequest,
+    };
+};
+//# sourceMappingURL=usePaginationLoadTriggers.js.map

package/lib/components/shared/hooks/usePaginationLoadTriggers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePaginationLoadTriggers.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/hooks/usePaginationLoadTriggers.ts"],"names":[],"mappings":"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"}

package/lib/components/shared/hooks/useScrollInTab.d.ts

@@ -0,0 +1,7 @@
+import { PanelName, TabName } from '../types';
+export declare const useScrollInTab: ({ panel, tab, }: {
+    panel: PanelName;
+    tab: TabName;
+}) => {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+};

package/lib/components/shared/hooks/useScrollInTab.js

@@ -0,0 +1,31 @@
+'use client';
+import { __awaiter } from "tslib";
+import { useEffect, useRef } from 'react';
+import { useNavigation } from '../NavigationProvider';
+import { scrollToElement } from '@eightyfourthousand/lib-utils';
+export const useScrollInTab = ({ panel, tab, }) => {
+    const ref = useRef(null);
+    const { panels, updatePanel } = useNavigation();
+    useEffect(() => {
+        const div = ref.current;
+        if (!div) {
+            return;
+        }
+        const { open, hash, tab: currentTab } = panels[panel];
+        if (!open || !hash || currentTab !== tab) {
+            return;
+        }
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const element = div.querySelector(`#${CSS.escape(hash)}`);
+            if (element) {
+                yield scrollToElement({ element, behavior: 'smooth' });
+                updatePanel({
+                    name: panel,
+                    state: { open, tab: currentTab, hash: undefined },
+                });
+            }
+        }))();
+    }, [panels, panel, tab, updatePanel]);
+    return { ref };
+};
+//# sourceMappingURL=useScrollInTab.js.map

package/lib/components/shared/hooks/useScrollInTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollInTab.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/hooks/useScrollInTab.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAEhE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,GAAG,GAIJ,EAAE,EAAE;IACH,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACzC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,aAAa,EAAE,CAAC;IAEhD,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;QACxB,IAAI,CAAC,GAAG,EAAE,CAAC;YACT,OAAO;QACT,CAAC;QAED,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAEtD,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,UAAU,KAAK,GAAG,EAAE,CAAC;YACzC,OAAO;QACT,CAAC;QAED,CAAC,GAAS,EAAE;YACV,MAAM,OAAO,GAAG,GAAG,CAAC,aAAa,CAAc,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACvE,IAAI,OAAO,EAAE,CAAC;gBACZ,MAAM,eAAe,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;gBACvD,WAAW,CAAC;oBACV,IAAI,EAAE,KAAK;oBACX,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;iBAClD,CAAC,CAAC;YACL,CAAC;QACH,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC;IAEtC,OAAO,EAAE,GAAG,EAAE,CAAC;AACjB,CAAC,CAAC"}

package/lib/components/shared/hooks/useScrollPositionRestore.d.ts

@@ -0,0 +1,44 @@
+import { RefObject } from 'react';
+/**
+ * Snapshot of the topmost visible passage element: its UUID and how far
+ * its top edge is from the viewport top. Used to realign scroll position
+ * after a layout change (e.g. tab switch with different content widths).
+ */
+export interface PassageAnchor {
+    uuid: string;
+    offsetFromViewport: number;
+}
+/**
+ * Finds the nearest scrollable ancestor of an element,
+ * skipping hidden containers (zero clientHeight).
+ */
+export declare function findScrollParent(element: HTMLElement): HTMLElement | null;
+/**
+ * Finds the topmost visible passage element within the scroll container.
+ * Passage elements are NodeViewWrappers with `id` attributes (UUIDs).
+ */
+export declare function capturePassageAnchor(scrollContainer: HTMLElement): PassageAnchor | null;
+/**
+ * After a tab switch, finds the same passage element by UUID and adjusts
+ * scrollTop so it appears at the same viewport offset as before.
+ */
+export declare function restorePassageAnchor(scrollContainer: HTMLElement, anchor: PassageAnchor): void;
+export declare function usePassageAnchorRestore(scrollContainerRef: RefObject<HTMLElement | null>, activeTab: string | undefined): RefObject<PassageAnchor | null>;
+/**
+ * Saves scroll position when switching away from a tab and restores it
+ * when switching back.
+ *
+ * Scroll positions are stored in a module-level Map (not a ref) so they
+ * survive component remounts — which happen on tab switches because the
+ * ThreeColumns layout renders main panel children in both mobile and
+ * desktop trees.
+ *
+ * For tabs with async/paginated content (TipTap editor), uses a MutationObserver
+ * to wait for enough content to load before restoring the scroll position.
+ *
+ * @param panelId - Stable identifier for the panel ('main' or 'right')
+ * @param scrollContainerRef - Ref to the scrollable container element
+ * @param activeTab - The currently active tab name
+ * @param hasHash - When true, skips restore to let hash-based scrolling take over
+ */
+export declare function useScrollPositionRestore(panelId: string, scrollContainerRef: RefObject<HTMLElement | null>, activeTab: string | undefined, hasHash: boolean, passageAnchorRef?: RefObject<PassageAnchor | null>): void;

package/lib/components/shared/hooks/useScrollPositionRestore.js

@@ -0,0 +1,219 @@
+'use client';
+import { useEffect, useRef } from 'react';
+/**
+ * Finds the nearest scrollable ancestor of an element,
+ * skipping hidden containers (zero clientHeight).
+ */
+export function findScrollParent(element) {
+    let current = element.parentElement;
+    while (current) {
+        const { overflowY } = getComputedStyle(current);
+        if ((overflowY === 'auto' || overflowY === 'scroll') &&
+            current.clientHeight > 0) {
+            return current;
+        }
+        current = current.parentElement;
+    }
+    return null;
+}
+/**
+ * Finds the topmost visible passage element within the scroll container.
+ * Passage elements are NodeViewWrappers with `id` attributes (UUIDs).
+ */
+export function capturePassageAnchor(scrollContainer) {
+    const passagesList = scrollContainer.querySelectorAll('[data-node-view-wrapper][id]');
+    const passages = Array.from(passagesList);
+    const containerTop = scrollContainer.getBoundingClientRect().top;
+    for (const el of passages) {
+        const rect = el.getBoundingClientRect();
+        // Find the first passage whose bottom is below the container top
+        // (i.e. at least partially visible)
+        if (rect.bottom > containerTop) {
+            return {
+                uuid: el.id,
+                offsetFromViewport: rect.top - containerTop,
+            };
+        }
+    }
+    return null;
+}
+/**
+ * After a tab switch, finds the same passage element by UUID and adjusts
+ * scrollTop so it appears at the same viewport offset as before.
+ */
+export function restorePassageAnchor(scrollContainer, anchor) {
+    // Use querySelectorAll because Translation and Compare can both contain
+    // passages with the same UUID. querySelector would return the first
+    // (hidden Translation), so we need to find the visible one.
+    const candidatesList = scrollContainer.querySelectorAll(`[data-node-view-wrapper]#${CSS.escape(anchor.uuid)}`);
+    const candidates = Array.from(candidatesList);
+    let el = null;
+    for (const candidate of candidates) {
+        if (candidate.getBoundingClientRect().height > 0) {
+            el = candidate;
+            break;
+        }
+    }
+    if (!el)
+        return;
+    const containerTop = scrollContainer.getBoundingClientRect().top;
+    const currentOffset = el.getBoundingClientRect().top - containerTop;
+    const delta = currentOffset - anchor.offsetFromViewport;
+    scrollContainer.scrollTop += delta;
+}
+/** Tabs whose content contains passage elements (data-node-view-wrapper). */
+const PASSAGE_TABS = ['translation', 'compare'];
+export function usePassageAnchorRestore(scrollContainerRef, activeTab) {
+    const anchorRef = useRef(null);
+    const prevTabRef = useRef(undefined);
+    useEffect(() => {
+        if (prevTabRef.current === activeTab)
+            return;
+        prevTabRef.current = activeTab;
+        // Only restore when arriving at a passage tab (translation/compare).
+        // When switching to front/source, keep the anchor so it's available
+        // when the user eventually returns to a passage tab.
+        if (!PASSAGE_TABS.includes(activeTab || ''))
+            return;
+        const container = scrollContainerRef.current;
+        const anchor = anchorRef.current;
+        if (!container || !anchor)
+            return;
+        // Clear inside rAF, not here — useScrollPositionRestore reads the ref
+        // synchronously (in its effect, which runs after this one) to decide
+        // whether to skip its own restore.
+        requestAnimationFrame(() => {
+            anchorRef.current = null;
+            restorePassageAnchor(container, anchor);
+        });
+    }, [activeTab, scrollContainerRef]);
+    return anchorRef;
+}
+/**
+ * Normalizes tab names so that tabs which should share scroll position
+ * map to the same key (e.g. 'compare' → 'translation').
+ */
+function normalizeTabKey(tab) {
+    if (tab === 'compare')
+        return 'translation';
+    return tab;
+}
+/** Max time (ms) to wait for content to populate before giving up on restore. */
+const RESTORE_TIMEOUT = 5000;
+/**
+ * Module-level storage for scroll positions, keyed by `panelId:tabKey`.
+ * Survives component remounts (which happen on tab switches due to the
+ * ThreeColumns dual-render architecture).
+ */
+const scrollPositions = new Map();
+/**
+ * Watches the scroll container for content changes (via MutationObserver) and
+ * restores scrollTop once the container has enough height. Returns a cleanup
+ * function that tears down the observer and timeout.
+ */
+function waitForContentAndRestore(container, targetScroll) {
+    // Try immediately — content may already be present (non-paginated tabs)
+    container.scrollTop = targetScroll;
+    if (Math.abs(container.scrollTop - targetScroll) < 2) {
+        return () => { };
+    }
+    let settled = false;
+    const cleanup = () => {
+        if (settled)
+            return;
+        settled = true;
+        observer.disconnect();
+        clearTimeout(timeout);
+    };
+    const tryRestore = () => {
+        if (settled)
+            return;
+        requestAnimationFrame(() => {
+            if (settled)
+                return;
+            container.scrollTop = targetScroll;
+            if (Math.abs(container.scrollTop - targetScroll) < 2) {
+                cleanup();
+            }
+        });
+    };
+    const observer = new MutationObserver(tryRestore);
+    observer.observe(container, {
+        childList: true,
+        subtree: true,
+        characterData: true,
+    });
+    // Give up after timeout — content may simply be shorter than the saved position
+    const timeout = setTimeout(() => {
+        container.scrollTop = targetScroll;
+        cleanup();
+    }, RESTORE_TIMEOUT);
+    return cleanup;
+}
+/**
+ * Saves scroll position when switching away from a tab and restores it
+ * when switching back.
+ *
+ * Scroll positions are stored in a module-level Map (not a ref) so they
+ * survive component remounts — which happen on tab switches because the
+ * ThreeColumns layout renders main panel children in both mobile and
+ * desktop trees.
+ *
+ * For tabs with async/paginated content (TipTap editor), uses a MutationObserver
+ * to wait for enough content to load before restoring the scroll position.
+ *
+ * @param panelId - Stable identifier for the panel ('main' or 'right')
+ * @param scrollContainerRef - Ref to the scrollable container element
+ * @param activeTab - The currently active tab name
+ * @param hasHash - When true, skips restore to let hash-based scrolling take over
+ */
+export function useScrollPositionRestore(panelId, scrollContainerRef, activeTab, hasHash, passageAnchorRef) {
+    const prevTabRef = useRef(undefined);
+    const cleanupRef = useRef(null);
+    useEffect(() => {
+        var _a, _b;
+        const currentKey = normalizeTabKey(activeTab || '');
+        const prevKey = prevTabRef.current !== undefined
+            ? normalizeTabKey(prevTabRef.current)
+            : undefined;
+        const container = scrollContainerRef.current;
+        // Skip hidden containers (mobile layout on desktop viewport)
+        if (container && container.clientHeight === 0) {
+            prevTabRef.current = activeTab;
+            return;
+        }
+        // Cancel any in-progress restore from a previous tab switch
+        (_a = cleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(cleanupRef);
+        cleanupRef.current = null;
+        // Save outgoing tab's scroll position
+        if (prevKey !== undefined && prevKey !== currentKey && container) {
+            scrollPositions.set(`${panelId}:${prevKey}`, container.scrollTop);
+        }
+        // Restore incoming tab's scroll position.
+        // Skip when a passage anchor is pending AND we're arriving at a passage
+        // tab — the passage anchor restore is more accurate (immune to scrollTop
+        // clamping from hidden content) and will handle positioning instead.
+        const passageAnchorWillRestore = !!(passageAnchorRef === null || passageAnchorRef === void 0 ? void 0 : passageAnchorRef.current) &&
+            PASSAGE_TABS.includes(activeTab || '');
+        if (prevKey !== currentKey && !hasHash && !passageAnchorWillRestore && container) {
+            const saved = (_b = scrollPositions.get(`${panelId}:${currentKey}`)) !== null && _b !== void 0 ? _b : 0;
+            if (saved === 0) {
+                requestAnimationFrame(() => {
+                    container.scrollTop = 0;
+                });
+            }
+            else {
+                cleanupRef.current = waitForContentAndRestore(container, saved);
+            }
+        }
+        prevTabRef.current = activeTab;
+    }, [panelId, activeTab, hasHash, scrollContainerRef]);
+    // Cleanup on unmount
+    useEffect(() => {
+        return () => {
+            var _a;
+            (_a = cleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(cleanupRef);
+        };
+    }, []);
+}
+//# sourceMappingURL=useScrollPositionRestore.js.map

package/lib/components/shared/hooks/useScrollPositionRestore.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollPositionRestore.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/hooks/useScrollPositionRestore.ts"],"names":[],"mappings":"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"}

package/lib/components/shared/hooks/useTohToggle.d.ts

@@ -0,0 +1,5 @@
+import { TohokuCatalogEntry, Work } from '@eightyfourthousand/data-access';
+export declare const useTohToggle: ({ toh, work, }: {
+    toh?: TohokuCatalogEntry;
+    work: Work;
+}) => void;

package/lib/components/shared/hooks/useTohToggle.js

@@ -0,0 +1,36 @@
+'use client';
+import { __awaiter } from "tslib";
+import { useEffect } from 'react';
+export const useTohToggle = ({ toh, work, }) => {
+    useEffect(() => {
+        (() => __awaiter(void 0, void 0, void 0, function* () {
+            const sheets = Array.from(document.styleSheets);
+            let sheet = [...sheets].find((s) => {
+                const node = s.ownerNode;
+                return (node === null || node === void 0 ? void 0 : node.id) === 'dynamic-visibility-rules';
+            });
+            if (!sheet) {
+                const styleEl = document.createElement('style');
+                styleEl.id = 'dynamic-visibility-rules';
+                document.head.appendChild(styleEl);
+                sheet = styleEl.sheet;
+            }
+            if (!sheet) {
+                console.warn('Could not find or create stylesheet for dynamic class toggling.');
+                return;
+            }
+            // Clear existing rules
+            while (sheet.cssRules.length > 0) {
+                sheet.deleteRule(0);
+            }
+            // Add new rules
+            const tohs = work.toh;
+            tohs
+                .filter((cls) => cls !== toh)
+                .forEach((cls) => {
+                sheet.insertRule(`.${cls} { display: none !important; }`, sheet.cssRules.length);
+            });
+        }))();
+    }, [toh, work.toh]);
+};
+//# sourceMappingURL=useTohToggle.js.map

package/lib/components/shared/hooks/useTohToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTohToggle.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/hooks/useTohToggle.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,GAAG,EACH,IAAI,GAIL,EAAE,EAAE;IACH,SAAS,CAAC,GAAG,EAAE;QACb,CAAC,GAAS,EAAE;YACV,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;YAChD,IAAI,KAAK,GAAqC,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;gBACnE,MAAM,IAAI,GAAG,CAAC,CAAC,SAA+B,CAAC;gBAC/C,OAAO,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,EAAE,MAAK,0BAA0B,CAAC;YACjD,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;gBAChD,OAAO,CAAC,EAAE,GAAG,0BAA0B,CAAC;gBACxC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;gBACnC,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC;YACxB,CAAC;YAED,IAAI,CAAC,KAAK,EAAE,CAAC;gBACX,OAAO,CAAC,IAAI,CACV,iEAAiE,CAClE,CAAC;gBACF,OAAO;YACT,CAAC;YAED,uBAAuB;YACvB,OAAO,KAAK,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACjC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;YACtB,CAAC;YAED,gBAAgB;YAChB,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC;YACtB,IAAI;iBACD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC;iBAC5B,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;gBACf,KAAK,CAAC,UAAU,CACd,IAAI,GAAG,gCAAgC,EACvC,KAAK,CAAC,QAAQ,CAAC,MAAM,CACtB,CAAC;YACJ,CAAC,CAAC,CAAC;QACP,CAAC,CAAA,CAAC,EAAE,CAAC;IACP,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AACtB,CAAC,CAAC"}

package/lib/components/shared/index.js

@@ -0,0 +1,12 @@
+export * from './AiSummarizerPage';
+export * from './NavigationProvider';
+export * from './LabeledElement';
+export * from './SuggestRevisionForm';
+export * from './ThreeColumnRenderer';
+export * from './TranslationSkeleton';
+export * from './TranslationTable';
+export * from './bibliography';
+export * from './glossary';
+export * from './titles';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/lib/components/shared/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC"}

package/lib/components/shared/ssr.js

@@ -0,0 +1,3 @@
+export * from './generate-metadata';
+export * from './OpenGraphImage';
+//# sourceMappingURL=ssr.js.map

package/lib/components/shared/ssr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssr.js","sourceRoot":"","sources":["../../../../../../libs/lib-editing/src/lib/components/shared/ssr.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC"}

package/lib/components/shared/titles/FramedCard.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode, SVGProps } from 'react';
+export declare const OrnamentBG: ({ className }: SVGProps<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const Ornament: ({ className }: SVGProps<SVGElement>) => import("react/jsx-runtime").JSX.Element;
+export declare const FramedCard: ({ children, className, }: {
+    children: ReactNode;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/titles/FramedCard.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '@eightyfourthousand/lib-utils';
+export const OrnamentBG = ({ className }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "38", height: "20", viewBox: "0 0 38 20", fill: "none", className: className, children: _jsx("path", { d: "M0 0C0 11.04 8.512 20 19 20C29.488 20 38 11.04 38 0H0Z" }) }));
+};
+export const Ornament = ({ className }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "36", height: "19", viewBox: "0 0 36 19", className: className, children: _jsx("path", { d: "M21.8 11.28C22.332 11.12 22.864 10.88 23.32 10.56V8H24.84V6.4H23.32V4.8H30.084C28.488 9.2 24.84 12.48 20.28 13.36V1.6H33.884C33.124 10.16 26.284 16.8 18 16.8C9.71602 16.8 2.87602 10.16 2.11602 1.6H15.72V13.36C11.236 12.48 7.51202 9.2 5.91602 4.8H12.68V6.4H11.16V8H12.68V10.64C13.136 10.88 13.668 11.12 14.2 11.36V3.2H3.86402C5.23202 9.76 10.628 14.8 17.24 15.12V0H0.52002C0.52002 10.16 8.34802 18.4 18 18.4C27.652 18.4 35.48 10.16 35.48 0H18.76V15.12C25.372 14.72 30.768 9.76 32.136 3.2H21.8V11.28Z" }) }));
+};
+export const FramedCard = ({ children, className, }) => {
+    const borderColor = `border-navy/50`;
+    const bgColor = `bg-navy/10`;
+    const ornamentTint = `fill-navy/20`;
+    const ornamentBgTint = `fill-white/75`;
+    const cornerSize = 2;
+    const size = `size-${cornerSize}`;
+    const height = `height-${cornerSize}`;
+    const width = `width-${cornerSize}`;
+    const border = `border border-5 ${borderColor} border-double`;
+    return (_jsxs("div", { className: cn('grid grid-cols-[auto_minmax(0,1fr)_auto] gap-0', className), children: [_jsx("div", { className: cn(size, 'relative'), children: _jsx("div", { className: cn(border, 'absolute top-1.25 start-1.25 z-2 border-t-transparent border-s-transparent') }) }), _jsxs("div", { className: cn(height, border, bgColor, 'relative rounded-t-md border-b-transparent'), children: [_jsx("div", { className: "absolute -top-1.25 h-0 w-full overflow-visible", children: _jsx(OrnamentBG, { className: cn('mx-auto', ornamentBgTint) }) }), _jsx("div", { className: "absolute -top-1.25 h-0 w-full overflow-visible", children: _jsx(Ornament, { className: cn('mx-auto', ornamentTint) }) })] }), _jsx("div", { className: cn(size, 'relative'), children: _jsx("div", { className: cn(border, 'absolute top-1.25 end-0.75 z-2 border-t-transparent border-e-transparent') }) }), _jsx("div", { className: cn(width, border, bgColor, 'rounded-s-md border-e-transparent border-double') }), _jsx("div", { className: cn('fit-content', bgColor), children: children }), _jsx("div", { className: cn(width, border, bgColor, 'rounded-e-md border-s-transparent') }), _jsx("div", { className: cn(size, 'relative'), children: _jsx("div", { className: cn(border, 'absolute bottom-0.75 start-1.25 z-2 border-b-transparent border-s-transparent') }) }), _jsx("div", { className: cn(height, border, bgColor, 'rounded-b-md border-t-transparent') }), _jsx("div", { className: cn(size, 'relative'), children: _jsx("div", { className: cn(border, 'absolute right-0.75 bottom-0.75 z-2 border-b-transparent border-e-transparent') }) })] }));
+};
+//# sourceMappingURL=FramedCard.js.map

package/lib/components/shared/titles/FramedCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FramedCard.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/titles/FramedCard.tsx"],"names":[],"mappings":"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"}

package/lib/components/shared/titles/LongTitle.d.ts

@@ -0,0 +1,5 @@
+import { TranslationLanguage } from '@eightyfourthousand/data-access';
+export declare const LongTitle: ({ title, language, }: {
+    title: string;
+    language: TranslationLanguage;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/titles/LongTitle.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '@eightyfourthousand/lib-utils';
+export const LongTitle = ({ title, language, }) => {
+    const languageStyles = {
+        'Sa-Ltn': 'italic long-term',
+        'Bo-Ltn': 'italic',
+        bo: 'font-tibetan',
+    };
+    const textStyle = languageStyles[language] || '';
+    return _jsx("div", { className: cn('py-1.5', textStyle), children: title });
+};
+//# sourceMappingURL=LongTitle.js.map

package/lib/components/shared/titles/LongTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongTitle.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/titles/LongTitle.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,EAAE,EAAE,MAAM,+BAA+B,CAAC;AAEnD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,KAAK,EACL,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,cAAc,GAA8C;QAChE,QAAQ,EAAE,kBAAkB;QAC5B,QAAQ,EAAE,QAAQ;QAClB,EAAE,EAAE,cAAc;KACnB,CAAC;IAEF,MAAM,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;IAEjD,OAAO,cAAK,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,SAAS,CAAC,YAAG,KAAK,GAAO,CAAC;AAChE,CAAC,CAAC"}

package/lib/components/shared/titles/LongTitles.d.ts

@@ -0,0 +1,4 @@
+import { Imprint } from '@eightyfourthousand/data-access';
+export declare const LongTitles: ({ imprint }: {
+    imprint?: Imprint;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/shared/titles/LongTitles.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from '@eightyfourthousand/design-system';
+import { TitleDetails } from './TitleDetails';
+import { TitlesCard } from './TitlesCard';
+export const LongTitles = ({ imprint }) => {
+    if (!imprint) {
+        return _jsx(Skeleton, { className: "h-48 w-full" });
+    }
+    const { mainTitles } = imprint;
+    const mainEnTitle = (mainTitles === null || mainTitles === void 0 ? void 0 : mainTitles.en) || '';
+    return (_jsxs("div", { className: "mx-auto flex w-full flex-col gap-1 px-4 pt-8", children: [_jsx(TitlesCard, { header: imprint.section, main: mainEnTitle, footer: imprint.toh, canEdit: false }), _jsx("div", { className: "h-8" }), _jsx(TitleDetails, { imprint: imprint })] }));
+};
+//# sourceMappingURL=LongTitles.js.map

package/lib/components/shared/titles/LongTitles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongTitles.js","sourceRoot":"","sources":["../../../../../../../libs/lib-editing/src/lib/components/shared/titles/LongTitles.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EAAE,OAAO,EAAyB,EAAE,EAAE;IAC/D,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAC,aAAa,GAAG,CAAC;IAC9C,CAAC;IAED,MAAM,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC;IAC/B,MAAM,WAAW,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,EAAE,KAAI,EAAE,CAAC;IAEzC,OAAO,CACL,eAAK,SAAS,EAAC,8CAA8C,aAC3D,KAAC,UAAU,IACT,MAAM,EAAE,OAAO,CAAC,OAAO,EACvB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,OAAO,CAAC,GAAG,EACnB,OAAO,EAAE,KAAK,GACd,EACF,cAAK,SAAS,EAAC,KAAK,GAAG,EACvB,KAAC,YAAY,IAAC,OAAO,EAAE,OAAO,GAAI,IAC9B,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/components/shared/titles/Title.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const TITLE_VARIANT_STYLES: {
+    en: string;
+    bo: string;
+    ja: string;
+    zh: string;
+    'Bo-Ltn': string;
+    'Mt-Ltn': string;
+    'Pi-Ltn': string;
+    'Sa-Ltn': string;
+    'Zh-Ltn': string;
+};
+declare const titleVariants: (props?: ({
+    language?: "bo" | "en" | "Bo-Ltn" | "Sa-Ltn" | "zh" | "ja" | "Mt-Ltn" | "Pi-Ltn" | "Zh-Ltn" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const Title: ({ children, language, ...props }: {
+    children: ReactNode;
+} & VariantProps<typeof titleVariants>) => import("react/jsx-runtime").JSX.Element;
+export {};