@bendyline/squisq-react 1.3.1 → 1.4.0

package/dist/hooks/useDocPlayback.js

@@ -1,179 +0,0 @@
-/**
- * useDocPlayback Hook
- *
- * Manages the playback state for a visual doc, including which block
- * is currently active, transition states, and synchronization with audio.
- *
- * This hook provides:
- * - Current block determination based on time
- * - Transition tracking (entering/exiting blocks)
- * - Manual navigation (next/prev block)
- * - Time-based seeking
- * - Automatic expansion of template blocks
- */
-import { useState, useEffect, useMemo, useCallback, useRef } from 'react';
-import { getBlockAtTime } from '@bendyline/squisq/schemas';
-import { expandDocBlocks, flattenBlocks, isTemplateBlock, VIEWPORT_PRESETS, } from '@bendyline/squisq/doc';
-export function useDocPlayback(script, currentTime, viewport = VIEWPORT_PRESETS.landscape, renderMode = false, theme) {
-    const [transitionState, setTransitionState] = useState({
-        entering: false,
-        exiting: false,
-        previousBlock: null,
-    });
-    // Expand any template blocks into full blocks
-    const blocks = useMemo(() => {
-        if (!script?.blocks) {
-            return [];
-        }
-        // Flatten nested block hierarchy (markdown-derived docs have children)
-        const hasChildren = script.blocks.some((b) => b.children && b.children.length > 0);
-        const flatBlocks = hasChildren ? flattenBlocks(script.blocks) : script.blocks;
-        // Check if any blocks are templates
-        const hasTemplates = flatBlocks.some(isTemplateBlock);
-        if (hasTemplates) {
-            // Extract audio segment timing for proper block synchronization
-            const audioSegments = script.audio?.segments?.map((seg) => ({
-                startTime: seg.startTime,
-                duration: seg.duration,
-            }));
-            // Expand template blocks with audio segment timing, viewport, and persistent layers
-            const expanded = expandDocBlocks(flatBlocks, {
-                audioSegments,
-                viewport,
-                persistentLayers: script.persistentLayers,
-                theme,
-            });
-            return expanded;
-        }
-        // All raw blocks, use as-is
-        return flatBlocks;
-    }, [script?.blocks, script?.audio?.segments, script?.persistentLayers, viewport, theme]);
-    // Find current block based on time
-    const currentBlock = useMemo(() => getBlockAtTime(blocks, currentTime), [blocks, currentTime]);
-    const currentBlockIndex = useMemo(() => (currentBlock ? blocks.indexOf(currentBlock) : -1), [blocks, currentBlock]);
-    // Calculate block-relative time
-    const blockTime = useMemo(() => {
-        if (!currentBlock)
-            return 0;
-        return Math.max(0, currentTime - currentBlock.startTime);
-    }, [currentBlock, currentTime]);
-    // Calculate progress values
-    const blockProgress = useMemo(() => {
-        if (!currentBlock || currentBlock.duration === 0)
-            return 0;
-        return Math.min(1, blockTime / currentBlock.duration);
-    }, [currentBlock, blockTime]);
-    const docProgress = useMemo(() => {
-        if (!script || script.duration === 0)
-            return 0;
-        return Math.min(1, currentTime / script.duration);
-    }, [script, currentTime]);
-    // Track block transitions.
-    // In render mode, transitions are computed from blockTime so they stay
-    // synchronized with the seekTo timeline. In normal mode, setTimeout drives
-    // transitions at the browser's real-time clock speed.
-    const _prevBlockRef = useMemo(() => currentBlock, 
-    // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally keyed on index, not block reference
-    [currentBlockIndex]);
-    useEffect(() => {
-        if (!currentBlock || renderMode)
-            return;
-        // When block changes, trigger transition (real-time mode only)
-        if (transitionState.previousBlock?.id !== currentBlock.id) {
-            const transition = currentBlock.transition;
-            const transitionDuration = transition?.duration || 0;
-            if (transitionDuration > 0) {
-                // Start transition
-                setTransitionState({
-                    entering: true,
-                    exiting: true,
-                    previousBlock: transitionState.previousBlock,
-                });
-                // End transition after duration
-                const timer = setTimeout(() => {
-                    setTransitionState({
-                        entering: false,
-                        exiting: false,
-                        previousBlock: currentBlock,
-                    });
-                }, transitionDuration * 1000);
-                return () => clearTimeout(timer);
-            }
-            else {
-                // Instant cut
-                setTransitionState({
-                    entering: false,
-                    exiting: false,
-                    previousBlock: currentBlock,
-                });
-            }
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- intentionally keyed on currentBlock?.id only; reading transitionState.previousBlock without dep to avoid infinite loop
-    }, [currentBlock?.id, renderMode]);
-    // Render mode: track previous block via ref and compute transition from time
-    const renderPrevBlockRef = useRef(null);
-    useEffect(() => {
-        if (!renderMode || !currentBlock)
-            return;
-        if (transitionState.previousBlock?.id !== currentBlock.id) {
-            // Block changed — remember the old block for crossfade
-            const oldPrev = transitionState.previousBlock;
-            renderPrevBlockRef.current = oldPrev;
-            // Store current block as the "last seen" for next transition
-            setTransitionState((prev) => ({
-                ...prev,
-                previousBlock: currentBlock,
-            }));
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps -- same pattern: keyed on block identity change
-    }, [currentBlock?.id, renderMode]);
-    // In render mode, derive entering/exiting from blockTime
-    const renderTransitionDuration = currentBlock?.transition?.duration || 0;
-    const renderIsEntering = renderMode && renderTransitionDuration > 0 && blockTime < renderTransitionDuration;
-    const renderIsExiting = renderIsEntering && renderPrevBlockRef.current !== null;
-    // Manual navigation
-    const goToBlock = useCallback((index) => {
-        if (!script || index < 0 || index >= blocks.length)
-            return;
-        // This would need to be coordinated with seekTo from audio sync
-        // For now, just return the target block's start time
-        const targetBlock = blocks[index];
-        if (targetBlock) {
-            // Caller should use this time with audio seekTo
-            return targetBlock.startTime;
-        }
-    }, [script, blocks]);
-    const nextBlock = useCallback(() => {
-        if (currentBlockIndex < blocks.length - 1) {
-            return goToBlock(currentBlockIndex + 1);
-        }
-    }, [currentBlockIndex, blocks.length, goToBlock]);
-    const prevBlock = useCallback(() => {
-        if (currentBlockIndex > 0) {
-            return goToBlock(currentBlockIndex - 1);
-        }
-    }, [currentBlockIndex, goToBlock]);
-    return {
-        currentBlock,
-        currentBlockIndex,
-        previousBlock: renderMode
-            ? renderIsExiting
-                ? renderPrevBlockRef.current
-                : null
-            : transitionState.exiting
-                ? transitionState.previousBlock
-                : null,
-        isEntering: renderMode ? renderIsEntering : transitionState.entering,
-        isExiting: renderMode ? renderIsExiting : transitionState.exiting,
-        blockTime,
-        blockProgress,
-        docProgress,
-        nextBlock,
-        prevBlock,
-        goToBlock,
-        /** Expanded blocks (templates converted to full blocks with layers) */
-        blocks,
-    };
-}
-export default useDocPlayback;
-//# sourceMappingURL=useDocPlayback.js.map

package/dist/hooks/useDocPlayback.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDocPlayback.js","sourceRoot":"","sources":["../../src/hooks/useDocPlayback.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG1E,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EACL,eAAe,EACf,aAAa,EACb,eAAe,EACf,gBAAgB,GAEjB,MAAM,uBAAuB,CAAC;AAgC/B,MAAM,UAAU,cAAc,CAC5B,MAAkB,EAClB,WAAmB,EACnB,WAA2B,gBAAgB,CAAC,SAAS,EACrD,aAAsB,KAAK,EAC3B,KAAa;IAEb,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAInD;QACD,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,KAAK;QACd,aAAa,EAAE,IAAI;KACpB,CAAC,CAAC;IAEH,8CAA8C;IAC9C,MAAM,MAAM,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1B,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC;YACpB,OAAO,EAAE,CAAC;QACZ,CAAC;QAED,uEAAuE;QACvE,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;QACnF,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;QAE9E,oCAAoC;QACpC,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QAEtD,IAAI,YAAY,EAAE,CAAC;YACjB,gEAAgE;YAChE,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;gBAC1D,SAAS,EAAE,GAAG,CAAC,SAAS;gBACxB,QAAQ,EAAE,GAAG,CAAC,QAAQ;aACvB,CAAC,CAAC,CAAC;YAEJ,oFAAoF;YACpF,MAAM,QAAQ,GAAG,eAAe,CAAC,UAAwB,EAAE;gBACzD,aAAa;gBACb,QAAQ;gBACR,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;gBACzC,KAAK;aACN,CAAC,CAAC;YACH,OAAO,QAAQ,CAAC;QAClB,CAAC;QAED,4BAA4B;QAC5B,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzF,mCAAmC;IACnC,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE/F,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EACxD,CAAC,MAAM,EAAE,YAAY,CAAC,CACvB,CAAC;IAEF,gCAAgC;IAChC,MAAM,SAAS,GAAG,OAAO,CAAC,GAAG,EAAE;QAC7B,IAAI,CAAC,YAAY;YAAE,OAAO,CAAC,CAAC;QAC5B,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;IAC3D,CAAC,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC,CAAC,CAAC;IAEhC,4BAA4B;IAC5B,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,YAAY,IAAI,YAAY,CAAC,QAAQ,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAC3D,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IACxD,CAAC,EAAE,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9B,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,QAAQ,KAAK,CAAC;YAAE,OAAO,CAAC,CAAC;QAC/C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACpD,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC;IAE1B,2BAA2B;IAC3B,uEAAuE;IACvE,2EAA2E;IAC3E,sDAAsD;IACtD,MAAM,aAAa,GAAG,OAAO,CAC3B,GAAG,EAAE,CAAC,YAAY;IAClB,4GAA4G;IAC5G,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,YAAY,IAAI,UAAU;YAAE,OAAO;QAExC,+DAA+D;QAC/D,IAAI,eAAe,CAAC,aAAa,EAAE,EAAE,KAAK,YAAY,CAAC,EAAE,EAAE,CAAC;YAC1D,MAAM,UAAU,GAAG,YAAY,CAAC,UAAU,CAAC;YAC3C,MAAM,kBAAkB,GAAG,UAAU,EAAE,QAAQ,IAAI,CAAC,CAAC;YAErD,IAAI,kBAAkB,GAAG,CAAC,EAAE,CAAC;gBAC3B,mBAAmB;gBACnB,kBAAkB,CAAC;oBACjB,QAAQ,EAAE,IAAI;oBACd,OAAO,EAAE,IAAI;oBACb,aAAa,EAAE,eAAe,CAAC,aAAa;iBAC7C,CAAC,CAAC;gBAEH,gCAAgC;gBAChC,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC5B,kBAAkB,CAAC;wBACjB,QAAQ,EAAE,KAAK;wBACf,OAAO,EAAE,KAAK;wBACd,aAAa,EAAE,YAAY;qBAC5B,CAAC,CAAC;gBACL,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC,CAAC;gBAE9B,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC;iBAAM,CAAC;gBACN,cAAc;gBACd,kBAAkB,CAAC;oBACjB,QAAQ,EAAE,KAAK;oBACf,OAAO,EAAE,KAAK;oBACd,aAAa,EAAE,YAAY;iBAC5B,CAAC,CAAC;YACL,CAAC;QACH,CAAC;QACD,iLAAiL;IACnL,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,6EAA6E;IAC7E,MAAM,kBAAkB,GAAG,MAAM,CAAe,IAAI,CAAC,CAAC;IAEtD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,UAAU,IAAI,CAAC,YAAY;YAAE,OAAO;QAEzC,IAAI,eAAe,CAAC,aAAa,EAAE,EAAE,KAAK,YAAY,CAAC,EAAE,EAAE,CAAC;YAC1D,uDAAuD;YACvD,MAAM,OAAO,GAAG,eAAe,CAAC,aAAa,CAAC;YAC9C,kBAAkB,CAAC,OAAO,GAAG,OAAO,CAAC;YACrC,6DAA6D;YAC7D,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;gBAC5B,GAAG,IAAI;gBACP,aAAa,EAAE,YAAY;aAC5B,CAAC,CAAC,CAAC;QACN,CAAC;QACD,uGAAuG;IACzG,CAAC,EAAE,CAAC,YAAY,EAAE,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC;IAEnC,yDAAyD;IACzD,MAAM,wBAAwB,GAAG,YAAY,EAAE,UAAU,EAAE,QAAQ,IAAI,CAAC,CAAC;IACzE,MAAM,gBAAgB,GACpB,UAAU,IAAI,wBAAwB,GAAG,CAAC,IAAI,SAAS,GAAG,wBAAwB,CAAC;IACrF,MAAM,eAAe,GAAG,gBAAgB,IAAI,kBAAkB,CAAC,OAAO,KAAK,IAAI,CAAC;IAEhF,oBAAoB;IACpB,MAAM,SAAS,GAAG,WAAW,CAC3B,CAAC,KAAa,EAAE,EAAE;QAChB,IAAI,CAAC,MAAM,IAAI,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,MAAM,CAAC,MAAM;YAAE,OAAO;QAC3D,gEAAgE;QAChE,qDAAqD;QACrD,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,WAAW,EAAE,CAAC;YAChB,gDAAgD;YAChD,OAAO,WAAW,CAAC,SAAS,CAAC;QAC/B,CAAC;IACH,CAAC,EACD,CAAC,MAAM,EAAE,MAAM,CAAC,CACjB,CAAC;IAEF,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,iBAAiB,GAAG,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC1C,OAAO,SAAS,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC;IAElD,MAAM,SAAS,GAAG,WAAW,CAAC,GAAG,EAAE;QACjC,IAAI,iBAAiB,GAAG,CAAC,EAAE,CAAC;YAC1B,OAAO,SAAS,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;QAC1C,CAAC;IACH,CAAC,EAAE,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEnC,OAAO;QACL,YAAY;QACZ,iBAAiB;QACjB,aAAa,EAAE,UAAU;YACvB,CAAC,CAAC,eAAe;gBACf,CAAC,CAAC,kBAAkB,CAAC,OAAO;gBAC5B,CAAC,CAAC,IAAI;YACR,CAAC,CAAC,eAAe,CAAC,OAAO;gBACvB,CAAC,CAAC,eAAe,CAAC,aAAa;gBAC/B,CAAC,CAAC,IAAI;QACV,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,eAAe,CAAC,QAAQ;QACpE,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC,OAAO;QACjE,SAAS;QACT,aAAa;QACb,WAAW;QACX,SAAS;QACT,SAAS;QACT,SAAS;QACT,uEAAuE;QACvE,MAAM;KACP,CAAC;AACJ,CAAC;AAED,eAAe,cAAc,CAAC"}

package/dist/hooks/useViewportOrientation.d.ts

@@ -1,31 +0,0 @@
-/**
- * useViewportOrientation Hook
- *
- * Detects the current viewport orientation and returns the appropriate
- * VIEWPORT_PRESET for rendering docs. Automatically updates when
- * the window is resized.
- *
- * Thresholds:
- * - Portrait: height > width * 1.2 (significantly taller than wide)
- * - Square: width and height within 20% of each other
- * - Landscape: width > height * 1.2 (significantly wider than tall)
- */
-import { type ViewportConfig, type ViewportOrientation } from '@bendyline/squisq/doc';
-interface UseViewportOrientationResult {
-    /** Current viewport preset configuration */
-    viewport: ViewportConfig;
-    /** Current orientation name */
-    orientation: ViewportOrientation;
-    /** Current window dimensions */
-    windowSize: {
-        width: number;
-        height: number;
-    };
-}
-/**
- * Hook to detect viewport orientation and return appropriate preset.
- * Updates automatically when window is resized.
- */
-export declare function useViewportOrientation(): UseViewportOrientationResult;
-export default useViewportOrientation;
-//# sourceMappingURL=useViewportOrientation.d.ts.map

package/dist/hooks/useViewportOrientation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useViewportOrientation.d.ts","sourceRoot":"","sources":["../../src/hooks/useViewportOrientation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAGH,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACzB,MAAM,uBAAuB,CAAC;AAE/B,UAAU,4BAA4B;IACpC,4CAA4C;IAC5C,QAAQ,EAAE,cAAc,CAAC;IACzB,+BAA+B;IAC/B,WAAW,EAAE,mBAAmB,CAAC;IACjC,gCAAgC;IAChC,UAAU,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/C;AAsCD;;;GAGG;AACH,wBAAgB,sBAAsB,IAAI,4BAA4B,CA6CrE;AAED,eAAe,sBAAsB,CAAC"}

package/dist/hooks/useViewportOrientation.js

@@ -1,92 +0,0 @@
-/**
- * useViewportOrientation Hook
- *
- * Detects the current viewport orientation and returns the appropriate
- * VIEWPORT_PRESET for rendering docs. Automatically updates when
- * the window is resized.
- *
- * Thresholds:
- * - Portrait: height > width * 1.2 (significantly taller than wide)
- * - Square: width and height within 20% of each other
- * - Landscape: width > height * 1.2 (significantly wider than tall)
- */
-import { useState, useEffect, useMemo } from 'react';
-import { VIEWPORT_PRESETS, } from '@bendyline/squisq/doc';
-/**
- * Determine viewport orientation from window dimensions.
- */
-function getOrientationFromWindow(width, height) {
-    const ratio = width / height;
-    // Use thresholds to determine orientation
-    // - Ratio > 1.2 = landscape (wider than tall)
-    // - Ratio < 0.83 (1/1.2) = portrait (taller than wide)
-    // - Otherwise = square-ish, use landscape for better readability
-    if (ratio > 1.2) {
-        return 'landscape';
-    }
-    else if (ratio < 0.83) {
-        return 'portrait';
-    }
-    else {
-        // Near-square viewports: use landscape for better text readability
-        // Could also use 'square' preset if available and desired
-        return 'landscape';
-    }
-}
-/**
- * Get the appropriate viewport preset for an orientation.
- */
-function getViewportForOrientation(orientation) {
-    switch (orientation) {
-        case 'portrait':
-            return VIEWPORT_PRESETS.portrait;
-        case 'square':
-            return VIEWPORT_PRESETS.square;
-        case 'landscape':
-        default:
-            return VIEWPORT_PRESETS.landscape;
-    }
-}
-/**
- * Hook to detect viewport orientation and return appropriate preset.
- * Updates automatically when window is resized.
- */
-export function useViewportOrientation() {
-    const [windowSize, setWindowSize] = useState(() => ({
-        width: typeof window !== 'undefined' ? window.innerWidth : 1920,
-        height: typeof window !== 'undefined' ? window.innerHeight : 1080,
-    }));
-    // Listen for window resize
-    useEffect(() => {
-        if (typeof window === 'undefined')
-            return;
-        const handleResize = () => {
-            setWindowSize({
-                width: window.innerWidth,
-                height: window.innerHeight,
-            });
-        };
-        // Debounce resize handler to avoid excessive re-renders
-        let timeoutId;
-        const debouncedResize = () => {
-            clearTimeout(timeoutId);
-            timeoutId = setTimeout(handleResize, 100);
-        };
-        window.addEventListener('resize', debouncedResize);
-        return () => {
-            window.removeEventListener('resize', debouncedResize);
-            clearTimeout(timeoutId);
-        };
-    }, []);
-    // Calculate orientation from window size
-    const orientation = useMemo(() => getOrientationFromWindow(windowSize.width, windowSize.height), [windowSize.width, windowSize.height]);
-    // Get appropriate viewport preset
-    const viewport = useMemo(() => getViewportForOrientation(orientation), [orientation]);
-    return {
-        viewport,
-        orientation,
-        windowSize,
-    };
-}
-export default useViewportOrientation;
-//# sourceMappingURL=useViewportOrientation.js.map

package/dist/hooks/useViewportOrientation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useViewportOrientation.js","sourceRoot":"","sources":["../../src/hooks/useViewportOrientation.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAEH,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EACL,gBAAgB,GAGjB,MAAM,uBAAuB,CAAC;AAW/B;;GAEG;AACH,SAAS,wBAAwB,CAAC,KAAa,EAAE,MAAc;IAC7D,MAAM,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;IAE7B,0CAA0C;IAC1C,8CAA8C;IAC9C,uDAAuD;IACvD,iEAAiE;IACjE,IAAI,KAAK,GAAG,GAAG,EAAE,CAAC;QAChB,OAAO,WAAW,CAAC;IACrB,CAAC;SAAM,IAAI,KAAK,GAAG,IAAI,EAAE,CAAC;QACxB,OAAO,UAAU,CAAC;IACpB,CAAC;SAAM,CAAC;QACN,mEAAmE;QACnE,0DAA0D;QAC1D,OAAO,WAAW,CAAC;IACrB,CAAC;AACH,CAAC;AAED;;GAEG;AACH,SAAS,yBAAyB,CAAC,WAAgC;IACjE,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,UAAU;YACb,OAAO,gBAAgB,CAAC,QAAQ,CAAC;QACnC,KAAK,QAAQ;YACX,OAAO,gBAAgB,CAAC,MAAM,CAAC;QACjC,KAAK,WAAW,CAAC;QACjB;YACE,OAAO,gBAAgB,CAAC,SAAS,CAAC;IACtC,CAAC;AACH,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,sBAAsB;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;QAClD,KAAK,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;QAC/D,MAAM,EAAE,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI;KAClE,CAAC,CAAC,CAAC;IAEJ,2BAA2B;IAC3B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO;QAE1C,MAAM,YAAY,GAAG,GAAG,EAAE;YACxB,aAAa,CAAC;gBACZ,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC3B,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,wDAAwD;QACxD,IAAI,SAAwC,CAAC;QAC7C,MAAM,eAAe,GAAG,GAAG,EAAE;YAC3B,YAAY,CAAC,SAAS,CAAC,CAAC;YACxB,SAAS,GAAG,UAAU,CAAC,YAAY,EAAE,GAAG,CAAC,CAAC;QAC5C,CAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;QACnD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,eAAe,CAAC,CAAC;YACtD,YAAY,CAAC,SAAS,CAAC,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,yCAAyC;IACzC,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,wBAAwB,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,EACnE,CAAC,UAAU,CAAC,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,CACtC,CAAC;IAEF,kCAAkC;IAClC,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,yBAAyB,CAAC,WAAW,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAEtF,OAAO;QACL,QAAQ;QACR,WAAW;QACX,UAAU;KACX,CAAC;AACJ,CAAC;AAED,eAAe,sBAAsB,CAAC"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAGrE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAGhD,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAC3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtF,OAAO,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAG3D,YAAY,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxF,YAAY,EACV,aAAa,EACb,eAAe,EACf,WAAW,EACX,cAAc,EACd,WAAW,EACX,YAAY,EACZ,WAAW,EACX,eAAe,EACf,eAAe,EACf,YAAY,EACZ,eAAe,EACf,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAGxC,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AAGlF,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/jsonView/JsonView.d.ts

@@ -1,26 +0,0 @@
-/**
- * <JsonView>
- *
- * Read-only renderer for any JSON value bound to a JSON Schema (with
- * optional Squisq UI hints). Designed to look like a polished settings
- * summary or CRM record — not a disabled form. Themable via the
- * standard Theme + SurfaceScheme props used elsewhere in Squisq.
- */
-import type { SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
-import type { SurfaceScheme, Theme } from '@bendyline/squisq/schemas';
-export interface JsonViewProps {
-    /** Schema describing the value's shape (with optional `squisq` UI hints). */
-    schema: SquisqAnnotatedSchema;
-    /** The value to display. */
-    value: unknown;
-    /** Optional theme. Defaults to `DEFAULT_THEME`. */
-    theme?: Theme;
-    /** Light/dark surface override; `'auto'` follows `prefers-color-scheme`. */
-    surface?: SurfaceScheme | 'auto';
-    /** Padding/gap density. Default: 'comfortable'. */
-    density?: 'comfortable' | 'compact';
-    /** Optional CSS class for the outer container. */
-    className?: string;
-}
-export declare function JsonView(props: JsonViewProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=JsonView.d.ts.map

package/dist/jsonView/JsonView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"JsonView.d.ts","sourceRoot":"","sources":["../../src/jsonView/JsonView.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAItE,MAAM,WAAW,aAAa;IAC5B,6EAA6E;IAC7E,MAAM,EAAE,qBAAqB,CAAC;IAC9B,4BAA4B;IAC5B,KAAK,EAAE,OAAO,CAAC;IACf,mDAAmD;IACnD,KAAK,CAAC,EAAE,KAAK,CAAC;IACd,4EAA4E;IAC5E,OAAO,CAAC,EAAE,aAAa,GAAG,MAAM,CAAC;IACjC,mDAAmD;IACnD,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAqB5C"}

package/dist/jsonView/JsonView.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useJsonViewTokens } from './useJsonViewTokens';
-import { RenderNode } from './RenderNode';
-export function JsonView(props) {
-    const { schema, value, theme, surface, density = 'comfortable', className } = props;
-    const { style } = useJsonViewTokens(theme, surface);
-    const cls = 'squisq-json-view' +
-        (density === 'compact' ? ' squisq-json-view--compact' : '') +
-        (className ? ` ${className}` : '');
-    return (_jsx("div", { className: cls, style: style, children: _jsx(RenderNode, { value: value, schema: schema, rootSchema: schema, rootData: value, pointer: "", density: density }) }));
-}
-//# sourceMappingURL=JsonView.js.map

package/dist/jsonView/JsonView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"JsonView.js","sourceRoot":"","sources":["../../src/jsonView/JsonView.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAiB1C,MAAM,UAAU,QAAQ,CAAC,KAAoB;IAC3C,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,GAAG,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACpF,MAAM,EAAE,KAAK,EAAE,GAAG,iBAAiB,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;IAEpD,MAAM,GAAG,GACP,kBAAkB;QAClB,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3D,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAErC,OAAO,CACL,cAAK,SAAS,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,YAC/B,KAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,KAAK,EACf,OAAO,EAAC,EAAE,EACV,OAAO,EAAE,OAAO,GAChB,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/jsonView/RenderNode.d.ts

@@ -1,22 +0,0 @@
-/**
- * Recursive dispatcher: looks at a schema node + value, chooses a
- * `ControlKind`, evaluates `hidden` rules, and renders the matching
- * read-only viewer.
- */
-import { type SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
-export interface RenderNodeProps {
-    value: unknown;
-    schema: SquisqAnnotatedSchema;
-    rootSchema: SquisqAnnotatedSchema;
-    rootData: unknown;
-    pointer: string;
-    density: 'comfortable' | 'compact';
-    /**
-     * When a parent group already wrote its own card chrome (e.g. a
-     * card-stack item), suppress the nested group's outer title so the
-     * UI doesn't double up on labels.
-     */
-    suppressTopGroupTitle?: boolean;
-}
-export declare function RenderNode(props: RenderNodeProps): React.ReactElement | null;
-//# sourceMappingURL=RenderNode.d.ts.map

package/dist/jsonView/RenderNode.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderNode.d.ts","sourceRoot":"","sources":["../../src/jsonView/RenderNode.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAIL,KAAK,qBAAqB,EAC3B,MAAM,4BAA4B,CAAC;AAGpC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,qBAAqB,CAAC;IAC9B,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;IACnC;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,YAAY,GAAG,IAAI,CAqB5E"}

package/dist/jsonView/RenderNode.js

@@ -1,30 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Recursive dispatcher: looks at a schema node + value, chooses a
- * `ControlKind`, evaluates `hidden` rules, and renders the matching
- * read-only viewer.
- */
-import { chooseControl, resolveFlag, resolveRef, } from '@bendyline/squisq/jsonForm';
-import { VIEWERS } from './viewers';
-export function RenderNode(props) {
-    const resolved = resolveRef(props.schema, props.rootSchema) ?? props.schema;
-    if (resolveFlag(resolved.squisq?.hidden, props.rootData))
-        return null;
-    const kind = chooseControl(resolved);
-    const Viewer = VIEWERS[kind];
-    const viewerProps = {
-        value: props.value,
-        schema: resolved,
-        rootSchema: props.rootSchema,
-        rootData: props.rootData,
-        pointer: props.pointer,
-        density: props.density,
-    };
-    if (kind === 'group' || kind === 'card') {
-        // GroupViewer accepts an extra prop that RenderNode forwards.
-        const Group = Viewer;
-        return _jsx(Group, { ...viewerProps, suppressTitle: props.suppressTopGroupTitle });
-    }
-    return _jsx(Viewer, { ...viewerProps });
-}
-//# sourceMappingURL=RenderNode.js.map

package/dist/jsonView/RenderNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RenderNode.js","sourceRoot":"","sources":["../../src/jsonView/RenderNode.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EACL,aAAa,EACb,WAAW,EACX,UAAU,GAEX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EAAE,OAAO,EAAoB,MAAM,WAAW,CAAC;AAiBtD,MAAM,UAAU,UAAU,CAAC,KAAsB;IAC/C,MAAM,QAAQ,GAAG,UAAU,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,UAAU,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC;IAE5E,IAAI,WAAW,CAAC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,QAAQ,CAAC;QAAE,OAAO,IAAI,CAAC;IAEtE,MAAM,IAAI,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,MAAM,WAAW,GAAgB;QAC/B,KAAK,EAAE,KAAK,CAAC,KAAK;QAClB,MAAM,EAAE,QAAQ;QAChB,UAAU,EAAE,KAAK,CAAC,UAAU;QAC5B,QAAQ,EAAE,KAAK,CAAC,QAAQ;QACxB,OAAO,EAAE,KAAK,CAAC,OAAO;QACtB,OAAO,EAAE,KAAK,CAAC,OAAO;KACvB,CAAC;IACF,IAAI,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QACxC,8DAA8D;QAC9D,MAAM,KAAK,GAAG,MAAwE,CAAC;QACvF,OAAO,KAAC,KAAK,OAAK,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,qBAAqB,GAAI,CAAC;IAChF,CAAC;IACD,OAAO,KAAC,MAAM,OAAK,WAAW,GAAI,CAAC;AACrC,CAAC"}

package/dist/jsonView/index.d.ts

@@ -1,3 +0,0 @@
-export { JsonView } from './JsonView';
-export type { JsonViewProps } from './JsonView';
-//# sourceMappingURL=index.d.ts.map

package/dist/jsonView/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/jsonView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}

package/dist/jsonView/index.js

@@ -1,2 +0,0 @@
-export { JsonView } from './JsonView';
-//# sourceMappingURL=index.js.map

package/dist/jsonView/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/jsonView/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}

package/dist/jsonView/useJsonViewTokens.d.ts

@@ -1,14 +0,0 @@
-/**
- * Derive the CSS custom-property bag for `<JsonView>` from a Theme + Surface.
- * Mirrors the pattern in LinearDocView so JsonView re-themes consistently
- * with the rest of Squisq.
- */
-import { type SurfaceScheme, type Theme } from '@bendyline/squisq/schemas';
-export interface JsonViewTokens {
-    /** Inline style object to spread onto the root element. */
-    style: React.CSSProperties;
-    /** The effective theme (after surface application). */
-    theme: Theme;
-}
-export declare function useJsonViewTokens(theme: Theme | undefined, surface: SurfaceScheme | 'auto' | undefined): JsonViewTokens;
-//# sourceMappingURL=useJsonViewTokens.d.ts.map

package/dist/jsonView/useJsonViewTokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useJsonViewTokens.d.ts","sourceRoot":"","sources":["../../src/jsonView/useJsonViewTokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAGL,KAAK,aAAa,EAClB,KAAK,KAAK,EACX,MAAM,2BAA2B,CAAC;AAInC,MAAM,WAAW,cAAc;IAC7B,2DAA2D;IAC3D,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,uDAAuD;IACvD,KAAK,EAAE,KAAK,CAAC;CACd;AAED,wBAAgB,iBAAiB,CAC/B,KAAK,EAAE,KAAK,GAAG,SAAS,EACxB,OAAO,EAAE,aAAa,GAAG,MAAM,GAAG,SAAS,GAC1C,cAAc,CA8BhB"}

package/dist/jsonView/useJsonViewTokens.js

@@ -1,34 +0,0 @@
-/**
- * Derive the CSS custom-property bag for `<JsonView>` from a Theme + Surface.
- * Mirrors the pattern in LinearDocView so JsonView re-themes consistently
- * with the rest of Squisq.
- */
-import { useMemo } from 'react';
-import { applySurface, resolveFontFamily, } from '@bendyline/squisq/schemas';
-import { DEFAULT_THEME } from '@bendyline/squisq/doc';
-import { useAutoSurface } from '../hooks/useAutoSurface';
-export function useJsonViewTokens(theme, surface) {
-    const auto = useAutoSurface(surface === 'auto');
-    const effectiveSurface = surface === 'auto' ? auto : (surface ?? undefined);
-    return useMemo(() => {
-        const baseTheme = theme ?? DEFAULT_THEME;
-        const finalTheme = effectiveSurface ? applySurface(baseTheme, effectiveSurface) : baseTheme;
-        const titleFont = resolveFontFamily(finalTheme.typography.titleFont, 'system-ui, sans-serif');
-        const bodyFont = resolveFontFamily(finalTheme.typography.bodyFont, 'system-ui, sans-serif');
-        const monoFont = resolveFontFamily(finalTheme.typography.monoFont, 'ui-monospace, Consolas, monospace');
-        const style = {
-            ['--squisq-json-bg']: finalTheme.colors.background,
-            ['--squisq-json-text']: finalTheme.colors.text,
-            ['--squisq-json-muted']: finalTheme.colors.textMuted,
-            ['--squisq-json-primary']: finalTheme.colors.primary,
-            ['--squisq-json-accent']: finalTheme.colors.secondary,
-            ['--squisq-json-border']: `color-mix(in srgb, ${finalTheme.colors.textMuted} 35%, transparent)`,
-            ['--squisq-json-title-font']: titleFont,
-            ['--squisq-json-body-font']: bodyFont,
-            ['--squisq-json-mono-font']: monoFont,
-            ['--squisq-json-radius']: `${finalTheme.style.borderRadius ?? 8}px`,
-        };
-        return { style, theme: finalTheme };
-    }, [theme, effectiveSurface]);
-}
-//# sourceMappingURL=useJsonViewTokens.js.map

package/dist/jsonView/useJsonViewTokens.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useJsonViewTokens.js","sourceRoot":"","sources":["../../src/jsonView/useJsonViewTokens.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EACL,YAAY,EACZ,iBAAiB,GAGlB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AASzD,MAAM,UAAU,iBAAiB,CAC/B,KAAwB,EACxB,OAA2C;IAE3C,MAAM,IAAI,GAAG,cAAc,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC;IAChD,MAAM,gBAAgB,GAAG,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;IAE5E,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,SAAS,GAAG,KAAK,IAAI,aAAa,CAAC;QACzC,MAAM,UAAU,GAAG,gBAAgB,CAAC,CAAC,CAAC,YAAY,CAAC,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;QAE5F,MAAM,SAAS,GAAG,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,SAAS,EAAE,uBAAuB,CAAC,CAAC;QAC9F,MAAM,QAAQ,GAAG,iBAAiB,CAAC,UAAU,CAAC,UAAU,CAAC,QAAQ,EAAE,uBAAuB,CAAC,CAAC;QAC5F,MAAM,QAAQ,GAAG,iBAAiB,CAChC,UAAU,CAAC,UAAU,CAAC,QAAQ,EAC9B,mCAAmC,CACpC,CAAC;QAEF,MAAM,KAAK,GAAwB;YACjC,CAAC,kBAA4B,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,UAAU;YAC5D,CAAC,oBAA8B,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI;YACxD,CAAC,qBAA+B,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS;YAC9D,CAAC,uBAAiC,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,OAAO;YAC9D,CAAC,sBAAgC,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,SAAS;YAC/D,CAAC,sBAAgC,CAAC,EAAE,sBAAsB,UAAU,CAAC,MAAM,CAAC,SAAS,oBAAoB;YACzG,CAAC,0BAAoC,CAAC,EAAE,SAAS;YACjD,CAAC,yBAAmC,CAAC,EAAE,QAAQ;YAC/C,CAAC,yBAAmC,CAAC,EAAE,QAAQ;YAC/C,CAAC,sBAAgC,CAAC,EAAE,GAAG,UAAU,CAAC,KAAK,CAAC,YAAY,IAAI,CAAC,IAAI;SAC9E,CAAC;QAEF,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC;IACtC,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,CAAC,CAAC,CAAC;AAChC,CAAC"}

package/dist/jsonView/viewers.d.ts

@@ -1,30 +0,0 @@
-/**
- * Read-only viewer renderers for `<JsonView>`. Each viewer is a small
- * pure function that takes a value + schema slice and renders inline.
- * Group / card-stack viewers recurse into `RenderNode`.
- */
-import { type ControlKind, type SquisqAnnotatedSchema } from '@bendyline/squisq/jsonForm';
-export interface ViewerProps {
-    value: unknown;
-    schema: SquisqAnnotatedSchema;
-    rootSchema: SquisqAnnotatedSchema;
-    rootData: unknown;
-    pointer: string;
-    density: 'comfortable' | 'compact';
-}
-export declare function TextViewer({ value }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function MultilineViewer({ value }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function RichTextViewer({ value }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function NumberViewer({ value }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function BooleanViewer({ value }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function EnumViewer({ value, schema }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ColorViewer({ value }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function DateViewer({ value, schema }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function ChipBinViewer({ value, schema }: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function CardStackViewer(props: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare function GroupViewer(props: ViewerProps & {
-    suppressTitle?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function TabsViewer(props: ViewerProps): import("react/jsx-runtime").JSX.Element;
-export declare const VIEWERS: Record<ControlKind, React.ComponentType<ViewerProps>>;
-//# sourceMappingURL=viewers.d.ts.map

package/dist/jsonView/viewers.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"viewers.d.ts","sourceRoot":"","sources":["../../src/jsonView/viewers.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,qBAAqB,EAC3B,MAAM,4BAA4B,CAAC;AAKpC,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,OAAO,CAAC;IACf,MAAM,EAAE,qBAAqB,CAAC;IAC9B,UAAU,EAAE,qBAAqB,CAAC;IAClC,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,aAAa,GAAG,SAAS,CAAC;CACpC;AAID,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAKhD;AAED,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAKrD;AAED,wBAAgB,cAAc,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAgBpD;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAKlD;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAOnD;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,2CAOxD;AAED,wBAAgB,WAAW,CAAC,EAAE,KAAK,EAAE,EAAE,WAAW,2CAUjD;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,2CAqBxD;AAID,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,WAAW,2CAmB3D;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,WAAW,2CA4BjD;AAiBD,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,GAAG;IAAE,aAAa,CAAC,EAAE,OAAO,CAAA;CAAE,2CAgC3E;AA6CD,wBAAgB,UAAU,CAAC,KAAK,EAAE,WAAW,2CAuB5C;AAmCD,eAAO,MAAM,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,CAoBzE,CAAC"}