@particle-academy/react-fancy 5.48.1 → 5.49.0

package/dist/{chunk-MUCXXYDN.js → chunk-XOWWNG7D.js}

@@ -1,3 +1,4 @@
+import { FauxClient } from './chunk-XWXV6HSK.js';
 import { usePanZoom } from './chunk-CPY7NHXM.js';
 import { cn } from './chunk-MMW2JGKZ.js';
 import { forwardRef, useRef, useState, useCallback } from 'react';
@@ -29,7 +30,9 @@ var ImageViewer = forwardRef(
     onLoad,
     onError,
     className,
-    style
+    style,
+    frame = false,
+    frameProps
   }, ref) => {
     const containerRef = useRef(null);
     const [status, setStatus] = useState("loading");
@@ -78,15 +81,17 @@ var ImageViewer = forwardRef(
       [setViewport, minZoom, maxZoom]
     );
     const reset = useCallback(() => setViewport(DEFAULT_VIEWPORT), [setViewport]);
-    const showControls = (controls ?? zoomable) && interactive;
+    const showControls = !frame && (controls ?? zoomable) && interactive;
     const transform = `translate(${current.panX}px, ${current.panY}px) scale(${current.zoom})`;
-    return /* @__PURE__ */ jsxs(
+    const viewer = /* @__PURE__ */ jsxs(
       "div",
       {
         ref,
         "data-react-fancy-image-viewer": "",
         className: cn(
           "relative isolate overflow-hidden rounded-md select-none",
+          // In the frame it fills the frame's body; standalone, the caller sizes it.
+          frame && "h-full w-full rounded-none",
           checkerboard ? "fancy-checkerboard" : "bg-zinc-100 dark:bg-zinc-900",
           className
         ),
@@ -188,10 +193,26 @@ var ImageViewer = forwardRef(
         ]
       }
     );
+    if (!frame) return viewer;
+    return /* @__PURE__ */ jsx(
+      FauxClient,
+      {
+        variant: "device",
+        controls: true,
+        fill: true,
+        applyZoom: false,
+        zoom: current.zoom,
+        onZoomChange: (z) => z === 1 ? reset() : zoomBy(z / current.zoom),
+        minZoom,
+        maxZoom,
+        ...frameProps,
+        children: viewer
+      }
+    );
   }
 );
 ImageViewer.displayName = "ImageViewer";
 
 export { ImageViewer };
-//# sourceMappingURL=chunk-MUCXXYDN.js.map
-//# sourceMappingURL=chunk-MUCXXYDN.js.map
+//# sourceMappingURL=chunk-XOWWNG7D.js.map
+//# sourceMappingURL=chunk-XOWWNG7D.js.map

package/dist/chunk-XOWWNG7D.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ImageViewer/ImageViewer.tsx"],"names":[],"mappings":"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","file":"chunk-XOWWNG7D.js","sourcesContent":["import { FauxClient } from \"../FauxClient\";\nimport {\n  forwardRef,\n  useCallback,\n  useRef,\n  useState,\n  type CSSProperties,\n} from \"react\";\nimport { cn } from \"../../utils/cn\";\nimport { usePanZoom } from \"../../hooks/use-pan-zoom\";\nimport type { ImageViewerProps, ImageViewerViewport } from \"./ImageViewer.types\";\n\nconst DEFAULT_VIEWPORT: ImageViewerViewport = { panX: 0, panY: 0, zoom: 1 };\n\nconst fitClasses: Record<NonNullable<ImageViewerProps[\"fit\"]>, string> = {\n  contain: \"h-full w-full object-contain\",\n  cover: \"h-full w-full object-cover\",\n  none: \"max-w-none object-none\",\n};\n\nfunction clamp(n: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, n));\n}\n\n/**\n * A standalone image viewer: fits the image to its container, with optional\n * Ctrl/⌘+wheel zoom, click-drag panning, and a transparency checkerboard. Works\n * anywhere on its own and is also what `<MediaViewer>` renders for images.\n *\n * The pan/zoom viewport is controllable (`viewport` + `onViewportChange`) so an\n * agent bridge can drive it; it's uncontrolled by default.\n *\n * ```tsx\n * <ImageViewer src=\"/logo.png\" alt=\"logo.png\" style={{ height: 320 }} />\n * ```\n */\nexport const ImageViewer = forwardRef<HTMLDivElement, ImageViewerProps>(\n  (\n    {\n      src,\n      alt = \"\",\n      fit = \"contain\",\n      zoomable = true,\n      pannable = true,\n      controls,\n      minZoom = 0.25,\n      maxZoom = 8,\n      checkerboard = true,\n      viewport,\n      defaultViewport,\n      onViewportChange,\n      onLoad,\n      onError,\n      className,\n      style,\n      frame = false,\n      frameProps,\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n    const [status, setStatus] = useState<\"loading\" | \"loaded\" | \"error\">(\"loading\");\n\n    // Controllable viewport supporting functional updates (usePanZoom needs them).\n    const isControlled = viewport !== undefined;\n    const [internal, setInternal] = useState<ImageViewerViewport>(\n      defaultViewport ?? DEFAULT_VIEWPORT,\n    );\n    const current = isControlled ? viewport! : internal;\n    const currentRef = useRef(current);\n    currentRef.current = current;\n\n    const setViewport = useCallback(\n      (\n        next:\n          | ImageViewerViewport\n          | ((prev: ImageViewerViewport) => ImageViewerViewport),\n      ) => {\n        const resolved =\n          typeof next === \"function\" ? next(currentRef.current) : next;\n        if (!isControlled) setInternal(resolved);\n        onViewportChange?.(resolved);\n      },\n      [isControlled, onViewportChange],\n    );\n\n    const interactive = status === \"loaded\";\n    const { containerProps, isPanning } = usePanZoom({\n      viewport: current,\n      setViewport,\n      minZoom,\n      maxZoom,\n      pannable: pannable && interactive,\n      zoomable: zoomable && interactive,\n      containerRef,\n    });\n\n    // Zoom about the container centre — used by the +/− buttons.\n    const zoomBy = useCallback(\n      (factor: number) => {\n        const el = containerRef.current;\n        if (!el) return;\n        const rect = el.getBoundingClientRect();\n        const cx = rect.width / 2;\n        const cy = rect.height / 2;\n        setViewport((prev) => {\n          const newZoom = clamp(prev.zoom * factor, minZoom, maxZoom);\n          const ratio = newZoom / prev.zoom;\n          return {\n            zoom: newZoom,\n            panX: cx - (cx - prev.panX) * ratio,\n            panY: cy - (cy - prev.panY) * ratio,\n          };\n        });\n      },\n      [setViewport, minZoom, maxZoom],\n    );\n\n    const reset = useCallback(() => setViewport(DEFAULT_VIEWPORT), [setViewport]);\n\n    const showControls = !frame && (controls ?? zoomable) && interactive;\n    const transform = `translate(${current.panX}px, ${current.panY}px) scale(${current.zoom})`;\n\n    const viewer = (\n      <div\n        ref={ref}\n        data-react-fancy-image-viewer=\"\"\n        className={cn(\n          \"relative isolate overflow-hidden rounded-md select-none\",\n          // In the frame it fills the frame's body; standalone, the caller sizes it.\n          frame && \"h-full w-full rounded-none\",\n          checkerboard\n            ? \"fancy-checkerboard\"\n            : \"bg-zinc-100 dark:bg-zinc-900\",\n          className,\n        )}\n        style={style}\n      >\n        <div\n          ref={containerRef}\n          data-canvas-bg=\"\"\n          className={cn(\n            \"absolute inset-0 flex items-center justify-center\",\n            isPanning\n              ? \"cursor-grabbing\"\n              : pannable && interactive\n                ? \"cursor-grab\"\n                : \"\",\n          )}\n          style={\n            {\n              transform,\n              transformOrigin: \"0 0\",\n              willChange: \"transform\",\n              touchAction: zoomable || pannable ? \"none\" : undefined,\n            } as CSSProperties\n          }\n          onDoubleClick={zoomable ? reset : undefined}\n          {...containerProps}\n        >\n          <img\n            src={src}\n            alt={alt}\n            draggable={false}\n            onLoad={() => {\n              setStatus(\"loaded\");\n              onLoad?.();\n            }}\n            onError={() => {\n              setStatus(\"error\");\n              onError?.();\n            }}\n            className={cn(\n              \"pointer-events-none block\",\n              status === \"error\" && \"hidden\",\n              fitClasses[fit],\n            )}\n          />\n        </div>\n\n        {status === \"error\" && (\n          <div\n            data-react-fancy-image-viewer-error=\"\"\n            className=\"absolute inset-0 flex flex-col items-center justify-center gap-1 p-4 text-center text-sm text-zinc-500 dark:text-zinc-400\"\n          >\n            <span className=\"font-medium\">Couldn&apos;t load image</span>\n            <span className=\"max-w-full truncate text-xs opacity-70\">{alt || src}</span>\n          </div>\n        )}\n\n        {showControls && (\n          <div\n            data-react-fancy-image-viewer-controls=\"\"\n            className=\"absolute bottom-2 right-2 flex items-center gap-0.5 rounded-md border border-zinc-200 bg-white/90 p-0.5 text-zinc-700 shadow-sm backdrop-blur dark:border-zinc-700 dark:bg-zinc-900/90 dark:text-zinc-200\"\n          >\n            <button\n              type=\"button\"\n              aria-label=\"Zoom out\"\n              onClick={() => zoomBy(1 / 1.25)}\n              className=\"flex h-6 w-6 items-center justify-center rounded text-base leading-none hover:bg-zinc-100 dark:hover:bg-zinc-800\"\n            >\n              −\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Reset zoom\"\n              onClick={reset}\n              className=\"min-w-[3rem] rounded px-1 text-center text-xs tabular-nums hover:bg-zinc-100 dark:hover:bg-zinc-800\"\n            >\n              {Math.round(current.zoom * 100)}%\n            </button>\n            <button\n              type=\"button\"\n              aria-label=\"Zoom in\"\n              onClick={() => zoomBy(1.25)}\n              className=\"flex h-6 w-6 items-center justify-center rounded text-base leading-none hover:bg-zinc-100 dark:hover:bg-zinc-800\"\n            >\n              +\n            </button>\n          </div>\n        )}\n      </div>\n    );\n\n    if (!frame) return viewer;\n\n    // The frame's bar drives the image's own zoom (about the centre), and the\n    // image's boxed bar steps aside: one set of controls, revealed on hover.\n    return (\n      <FauxClient\n        variant=\"device\"\n        controls\n        fill\n        applyZoom={false}\n        zoom={current.zoom}\n        onZoomChange={(z) => (z === 1 ? reset() : zoomBy(z / current.zoom))}\n        minZoom={minZoom}\n        maxZoom={maxZoom}\n        {...frameProps}\n      >\n        {viewer}\n      </FauxClient>\n    );\n  },\n);\n\nImageViewer.displayName = \"ImageViewer\";\n"]}

package/dist/faux-client.d.cts

@@ -1,66 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** Chrome style: a browser window, a device bezel, or no chrome. */
-    variant?: "browser" | "device" | "bare";
-    /** Address-bar / title text (browser variant). */
-    url?: ReactNode;
-    /** Right-aligned meta text in the bar (browser variant). */
-    meta?: ReactNode;
-    /** Show the macOS traffic-light dots (browser variant). */
-    dots?: boolean;
-    /**
-     * Logical content width in px. When set, children render at this width and are
-     * scaled to fit (see {@link FauxClientProps.scale}) — for downscaled previews
-     * of full pages/apps. Omit to render children at natural size (chrome only).
-     */
-    width?: number;
-    /** `"fit"` scales the logical {@link FauxClientProps.width} to the frame; a number is a fixed scale. */
-    scale?: number | "fit";
-    /**
-     * A zoom bar (−, percentage, +) and a full-screen button, in the frame's
-     * bottom-right corner. `true` for both; `{ zoom: false }` or
-     * `{ fullscreen: false }` to leave one out. Default `false`.
-     */
-    controls?: boolean | {
-        zoom?: boolean;
-        fullscreen?: boolean;
-    };
-    /** The zoom, 1 = fit. Controllable, so an agent can read and set it. */
-    zoom?: number;
-    defaultZoom?: number;
-    onZoomChange?: (zoom: number) => void;
-    /** Default 0.5. */
-    minZoom?: number;
-    /** Default 4. */
-    maxZoom?: number;
-    /**
-     * Called when the frame enters or leaves full screen, however it happened
-     * (the button, Esc, the browser). The frame also carries
-     * `data-fullscreen="true"` while it is, for styling the content.
-     */
-    onFullscreenChange?: (fullscreen: boolean) => void;
-    /**
-     * Take the parent's height, and give the content whatever the chrome leaves.
-     * For content that sizes itself to its box (a slide viewer, a spreadsheet)
-     * rather than to what is in it. Default `false`.
-     */
-    fill?: boolean;
-    /**
-     * `false`: the frame shows the zoom controls and keeps the zoom state, but
-     * does not scale the content; the content reads `zoom` (via `onZoomChange` or
-     * a controlled `zoom`) and zooms itself. For content that fits itself to its
-     * box (a slide viewer), which a scaled frame only re-fits. Default `true`.
-     */
-    applyZoom?: boolean;
-    className?: string;
-    /** Class for the browser bar. */
-    barClassName?: string;
-    /** Class for the content viewport. */
-    bodyClassName?: string;
-    children?: ReactNode;
-}
+import { F as FauxClientProps } from './FauxClient.types-Dtk9aRs6.cjs';
 
 /**
  * A frame that mimics a browser window or device, rendering **real UI** inside.
@@ -75,4 +14,4 @@ interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children
  */
 declare const FauxClient: react.ForwardRefExoticComponent<FauxClientProps & react.RefAttributes<HTMLDivElement>>;
 
-export { FauxClient, type FauxClientProps };
+export { FauxClient, FauxClientProps };

package/dist/faux-client.d.ts

@@ -1,66 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, ReactNode } from 'react';
-
-interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
-    /** Chrome style: a browser window, a device bezel, or no chrome. */
-    variant?: "browser" | "device" | "bare";
-    /** Address-bar / title text (browser variant). */
-    url?: ReactNode;
-    /** Right-aligned meta text in the bar (browser variant). */
-    meta?: ReactNode;
-    /** Show the macOS traffic-light dots (browser variant). */
-    dots?: boolean;
-    /**
-     * Logical content width in px. When set, children render at this width and are
-     * scaled to fit (see {@link FauxClientProps.scale}) — for downscaled previews
-     * of full pages/apps. Omit to render children at natural size (chrome only).
-     */
-    width?: number;
-    /** `"fit"` scales the logical {@link FauxClientProps.width} to the frame; a number is a fixed scale. */
-    scale?: number | "fit";
-    /**
-     * A zoom bar (−, percentage, +) and a full-screen button, in the frame's
-     * bottom-right corner. `true` for both; `{ zoom: false }` or
-     * `{ fullscreen: false }` to leave one out. Default `false`.
-     */
-    controls?: boolean | {
-        zoom?: boolean;
-        fullscreen?: boolean;
-    };
-    /** The zoom, 1 = fit. Controllable, so an agent can read and set it. */
-    zoom?: number;
-    defaultZoom?: number;
-    onZoomChange?: (zoom: number) => void;
-    /** Default 0.5. */
-    minZoom?: number;
-    /** Default 4. */
-    maxZoom?: number;
-    /**
-     * Called when the frame enters or leaves full screen, however it happened
-     * (the button, Esc, the browser). The frame also carries
-     * `data-fullscreen="true"` while it is, for styling the content.
-     */
-    onFullscreenChange?: (fullscreen: boolean) => void;
-    /**
-     * Take the parent's height, and give the content whatever the chrome leaves.
-     * For content that sizes itself to its box (a slide viewer, a spreadsheet)
-     * rather than to what is in it. Default `false`.
-     */
-    fill?: boolean;
-    /**
-     * `false`: the frame shows the zoom controls and keeps the zoom state, but
-     * does not scale the content; the content reads `zoom` (via `onZoomChange` or
-     * a controlled `zoom`) and zooms itself. For content that fits itself to its
-     * box (a slide viewer), which a scaled frame only re-fits. Default `true`.
-     */
-    applyZoom?: boolean;
-    className?: string;
-    /** Class for the browser bar. */
-    barClassName?: string;
-    /** Class for the content viewport. */
-    bodyClassName?: string;
-    children?: ReactNode;
-}
+import { F as FauxClientProps } from './FauxClient.types-Dtk9aRs6.js';
 
 /**
  * A frame that mimics a browser window or device, rendering **real UI** inside.
@@ -75,4 +14,4 @@ interface FauxClientProps extends Omit<HTMLAttributes<HTMLDivElement>, "children
  */
 declare const FauxClient: react.ForwardRefExoticComponent<FauxClientProps & react.RefAttributes<HTMLDivElement>>;
 
-export { FauxClient, type FauxClientProps };
+export { FauxClient, FauxClientProps };

package/dist/image-viewer.cjs

@@ -1,14 +1,16 @@
 'use strict';
 
-var chunkQDVDBUJM_cjs = require('./chunk-QDVDBUJM.cjs');
+var chunkWBJRFWZE_cjs = require('./chunk-WBJRFWZE.cjs');
+require('./chunk-DUOZSOSB.cjs');
 require('./chunk-T6YELZPJ.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "ImageViewer", {
   enumerable: true,
-  get: function () { return chunkQDVDBUJM_cjs.ImageViewer; }
+  get: function () { return chunkWBJRFWZE_cjs.ImageViewer; }
 });
 //# sourceMappingURL=image-viewer.cjs.map
 //# sourceMappingURL=image-viewer.cjs.map

package/dist/image-viewer.d.cts

@@ -1,6 +1,7 @@
 import * as react from 'react';
-import { I as ImageViewerProps } from './ImageViewer.types-BaqlDeuo.cjs';
-export { a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.cjs';
+import { I as ImageViewerProps } from './ImageViewer.types-CtqaA6KV.cjs';
+export { a as ImageViewerViewport } from './ImageViewer.types-CtqaA6KV.cjs';
+import './FauxClient.types-Dtk9aRs6.cjs';
 
 /**
  * A standalone image viewer: fits the image to its container, with optional

package/dist/image-viewer.d.ts

@@ -1,6 +1,7 @@
 import * as react from 'react';
-import { I as ImageViewerProps } from './ImageViewer.types-BaqlDeuo.js';
-export { a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.js';
+import { I as ImageViewerProps } from './ImageViewer.types-BDTxBYEN.js';
+export { a as ImageViewerViewport } from './ImageViewer.types-BDTxBYEN.js';
+import './FauxClient.types-Dtk9aRs6.js';
 
 /**
  * A standalone image viewer: fits the image to its container, with optional

package/dist/image-viewer.js

@@ -1,5 +1,7 @@
-export { ImageViewer } from './chunk-MUCXXYDN.js';
+export { ImageViewer } from './chunk-XOWWNG7D.js';
+import './chunk-XWXV6HSK.js';
 import './chunk-CPY7NHXM.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=image-viewer.js.map
 //# sourceMappingURL=image-viewer.js.map

package/dist/{index-CgPpIw_O.d.cts → index-AesVUjQE.d.cts}

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
-import { I as ImageViewerProps } from './ImageViewer.types-BaqlDeuo.cjs';
+import { I as ImageViewerProps } from './ImageViewer.types-CtqaA6KV.cjs';
 import { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.cjs';
 import { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.cjs';
-import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
+import { P as PdfViewerProps } from './PdfViewer.types-Bgn9EmZT.cjs';
 
 /**
  * Resolve what kind of media a source is, from its MIME type (preferred) or its

package/dist/{index-IeivGsNg.d.ts → index-D3wJ8hrZ.d.ts}

@@ -1,9 +1,9 @@
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
-import { I as ImageViewerProps } from './ImageViewer.types-BaqlDeuo.js';
+import { I as ImageViewerProps } from './ImageViewer.types-BDTxBYEN.js';
 import { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.js';
 import { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.js';
-import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.js';
+import { P as PdfViewerProps } from './PdfViewer.types-xnPpdjJa.js';
 
 /**
  * Resolve what kind of media a source is, from its MIME type (preferred) or its

package/dist/index.cjs

@@ -57,16 +57,16 @@ var chunkXKDW6B7X_cjs = require('./chunk-XKDW6B7X.cjs');
 var chunkBBOIFV27_cjs = require('./chunk-BBOIFV27.cjs');
 require('./chunk-YLGTDBB2.cjs');
 var chunkZVDW2VX5_cjs = require('./chunk-ZVDW2VX5.cjs');
-var chunkZMD3PIYF_cjs = require('./chunk-ZMD3PIYF.cjs');
+var chunkKST6GW2B_cjs = require('./chunk-KST6GW2B.cjs');
 var chunkTH7VP4CL_cjs = require('./chunk-TH7VP4CL.cjs');
-var chunkV35A6B7A_cjs = require('./chunk-V35A6B7A.cjs');
+var chunkLP3HMRQT_cjs = require('./chunk-LP3HMRQT.cjs');
 var chunkRPVCMW64_cjs = require('./chunk-RPVCMW64.cjs');
-var chunkDUOZSOSB_cjs = require('./chunk-DUOZSOSB.cjs');
 var chunkT45XK5GN_cjs = require('./chunk-T45XK5GN.cjs');
 var chunkVKXNCYLE_cjs = require('./chunk-VKXNCYLE.cjs');
 var chunkOOZCJLEF_cjs = require('./chunk-OOZCJLEF.cjs');
 require('./chunk-FJKZ5NOA.cjs');
-var chunkQDVDBUJM_cjs = require('./chunk-QDVDBUJM.cjs');
+var chunkWBJRFWZE_cjs = require('./chunk-WBJRFWZE.cjs');
+var chunkDUOZSOSB_cjs = require('./chunk-DUOZSOSB.cjs');
 var chunkTGNQ5Y6F_cjs = require('./chunk-TGNQ5Y6F.cjs');
 require('./chunk-S3TRSECD.cjs');
 var chunkPV5WDIGM_cjs = require('./chunk-PV5WDIGM.cjs');
@@ -443,11 +443,11 @@ Object.defineProperty(exports, "Marquee", {
 });
 Object.defineProperty(exports, "MediaViewer", {
   enumerable: true,
-  get: function () { return chunkZMD3PIYF_cjs.MediaViewer; }
+  get: function () { return chunkKST6GW2B_cjs.MediaViewer; }
 });
 Object.defineProperty(exports, "resolveMediaType", {
   enumerable: true,
-  get: function () { return chunkZMD3PIYF_cjs.resolveMediaType; }
+  get: function () { return chunkKST6GW2B_cjs.resolveMediaType; }
 });
 Object.defineProperty(exports, "VideoViewer", {
   enumerable: true,
@@ -455,7 +455,7 @@ Object.defineProperty(exports, "VideoViewer", {
 });
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunkV35A6B7A_cjs.PdfViewer; }
+  get: function () { return chunkLP3HMRQT_cjs.PdfViewer; }
 });
 Object.defineProperty(exports, "Menu", {
   enumerable: true,
@@ -465,10 +465,6 @@ Object.defineProperty(exports, "useMenu", {
   enumerable: true,
   get: function () { return chunkRPVCMW64_cjs.useMenu; }
 });
-Object.defineProperty(exports, "FauxClient", {
-  enumerable: true,
-  get: function () { return chunkDUOZSOSB_cjs.FauxClient; }
-});
 Object.defineProperty(exports, "FileBrowser", {
   enumerable: true,
   get: function () { return chunkT45XK5GN_cjs.FileBrowser; }
@@ -499,7 +495,11 @@ Object.defineProperty(exports, "Grid", {
 });
 Object.defineProperty(exports, "ImageViewer", {
   enumerable: true,
-  get: function () { return chunkQDVDBUJM_cjs.ImageViewer; }
+  get: function () { return chunkWBJRFWZE_cjs.ImageViewer; }
+});
+Object.defineProperty(exports, "FauxClient", {
+  enumerable: true,
+  get: function () { return chunkDUOZSOSB_cjs.FauxClient; }
 });
 Object.defineProperty(exports, "IndexList", {
   enumerable: true,

package/dist/index.d.cts

@@ -43,7 +43,8 @@ export { Stat, StatBand, StatBandProps, StatProps } from './stat.cjs';
 export { Profile, ProfileProps } from './profile.cjs';
 export { e as Card, f as CardBleedEdges, d as CardBleedProps, a as CardBodyProps, b as CardFooterProps, C as CardHeaderProps, c as CardMediaProps, g as CardPadding, h as CardProps, i as CardSectionProps, j as CardSections, k as CardSize } from './Card-CuRZivBz.cjs';
 export { Callout, CalloutProps } from './callout.cjs';
-export { FauxClient, FauxClientProps } from './faux-client.cjs';
+export { FauxClient } from './faux-client.cjs';
+export { F as FauxClientProps } from './FauxClient.types-Dtk9aRs6.cjs';
 export { StickyNote, StickyNoteColor, StickyNoteProps } from './sticky-note.cjs';
 export { b as Timeline, a as TimelineBlockProps, c as TimelineEvent, T as TimelineItemProps, d as TimelineOrientation, e as TimelineProps, f as TimelineVariant } from './Timeline-BSk0X2nV.cjs';
 export { TimeGrid, TimeGridProps, TimeGridTone } from './time-grid.cjs';
@@ -81,7 +82,7 @@ export { MobileMenu, MobileMenuBottomBarProps, MobileMenuContextValue, MobileMen
 export { Kanban, KanbanCardMoveHandler, KanbanCardProps, KanbanColumnHandleProps, KanbanColumnMoveHandler, KanbanColumnProps, KanbanContextValue, KanbanProps, useKanban } from './kanban.cjs';
 export { DropPosition, TreeNav, TreeNavContextValue, TreeNavProps, TreeNodeData, TreeNodeProps, useTreeNav } from './tree-nav.cjs';
 export { FileBrowser, FileBrowserContextValue, FileBrowserNewFolder, FileBrowserNodeProps, FileBrowserPathBarProps, FileBrowserProps, FileBrowserProvider, FileBrowserRow, FileBrowserToolbarProps, FileBrowserTreeProps, FileEntry, FileKind, FileLoadStatus, FileSelectMode, FileSnapshotNode, FileSort, FileSortDirection, FileSortField, useFileBrowser, validateFolderName } from './file-browser.cjs';
-export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-CgPpIw_O.cjs';
+export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-AesVUjQE.cjs';
 export { F as FancyPlatform, P as PlatformHints, a as PromptAttachment, b as PromptCmd, c as PromptInput, d as PromptInputProps, e as PromptMention, f as browserPlatformHints, g as detectPlatform, m as modifierKeyLabel } from './index-BF5qsQur.cjs';
 import { P as Placement } from './types-DJI492iY.cjs';
 export { A as ActionColor, B as ButtonColor, C as Color, S as Size, V as Variant } from './types-DJI492iY.cjs';
@@ -92,13 +93,13 @@ export { ChatDrawer, ChatDrawerProps, ChatDrawerTab } from './chat-drawer.cjs';
 export { ControlledAdapterHandle, InputTag, InputTagAdapter, InputTagAdapterState, InputTagProps, InputTagTrigger, InputTagTriggers, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './input-tag.cjs';
 export { MagicWand, MagicWandAction, MagicWandAppearance, MagicWandProps, MagicWandSelection } from './magic-wand.cjs';
 export { ImageViewer } from './image-viewer.cjs';
-export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.cjs';
+export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-CtqaA6KV.cjs';
 export { VideoViewer } from './video-viewer.cjs';
 export { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.cjs';
 export { AudioViewer } from './audio-viewer.cjs';
 export { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.cjs';
 export { PdfViewer } from './pdf-viewer.cjs';
-export { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
+export { P as PdfViewerProps } from './PdfViewer.types-Bgn9EmZT.cjs';
 export { J as JSON_FIELD_TYPES, a as JsonArray, b as JsonEditor, c as JsonEditorActivity, d as JsonEditorEdit, e as JsonEditorIssue, f as JsonEditorNode, g as JsonEditorPendingEdit, h as JsonEditorProps, i as JsonFieldType, j as JsonKeyMapEntry, k as JsonKeyRule, l as JsonObject, m as JsonPath, n as JsonPrimitive, o as JsonValue, P as ParsedKeyMap, p as applyJsonEdit, q as describeEdit, r as findJsonConflicts, s as getAtPath, t as inferType, u as parseKeyMap, v as parsePath, w as pathToString, x as resolveKeyRule, y as typeMatches } from './index-CEb-loCl.cjs';
 
 /**

package/dist/index.d.ts

@@ -43,7 +43,8 @@ export { Stat, StatBand, StatBandProps, StatProps } from './stat.js';
 export { Profile, ProfileProps } from './profile.js';
 export { e as Card, f as CardBleedEdges, d as CardBleedProps, a as CardBodyProps, b as CardFooterProps, C as CardHeaderProps, c as CardMediaProps, g as CardPadding, h as CardProps, i as CardSectionProps, j as CardSections, k as CardSize } from './Card-CuRZivBz.js';
 export { Callout, CalloutProps } from './callout.js';
-export { FauxClient, FauxClientProps } from './faux-client.js';
+export { FauxClient } from './faux-client.js';
+export { F as FauxClientProps } from './FauxClient.types-Dtk9aRs6.js';
 export { StickyNote, StickyNoteColor, StickyNoteProps } from './sticky-note.js';
 export { b as Timeline, a as TimelineBlockProps, c as TimelineEvent, T as TimelineItemProps, d as TimelineOrientation, e as TimelineProps, f as TimelineVariant } from './Timeline-B-3JFX43.js';
 export { TimeGrid, TimeGridProps, TimeGridTone } from './time-grid.js';
@@ -81,7 +82,7 @@ export { MobileMenu, MobileMenuBottomBarProps, MobileMenuContextValue, MobileMen
 export { Kanban, KanbanCardMoveHandler, KanbanCardProps, KanbanColumnHandleProps, KanbanColumnMoveHandler, KanbanColumnProps, KanbanContextValue, KanbanProps, useKanban } from './kanban.js';
 export { DropPosition, TreeNav, TreeNavContextValue, TreeNavProps, TreeNodeData, TreeNodeProps, useTreeNav } from './tree-nav.js';
 export { FileBrowser, FileBrowserContextValue, FileBrowserNewFolder, FileBrowserNodeProps, FileBrowserPathBarProps, FileBrowserProps, FileBrowserProvider, FileBrowserRow, FileBrowserToolbarProps, FileBrowserTreeProps, FileEntry, FileKind, FileLoadStatus, FileSelectMode, FileSnapshotNode, FileSort, FileSortDirection, FileSortField, useFileBrowser, validateFolderName } from './file-browser.js';
-export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-IeivGsNg.js';
+export { M as MediaKind, a as MediaViewer, b as MediaViewerProps, R as ResolveMediaTypeInput, r as resolveMediaType } from './index-D3wJ8hrZ.js';
 export { F as FancyPlatform, P as PlatformHints, a as PromptAttachment, b as PromptCmd, c as PromptInput, d as PromptInputProps, e as PromptMention, f as browserPlatformHints, g as detectPlatform, m as modifierKeyLabel } from './index-BZON-gXr.js';
 import { P as Placement } from './types-DJI492iY.js';
 export { A as ActionColor, B as ButtonColor, C as Color, S as Size, V as Variant } from './types-DJI492iY.js';
@@ -92,13 +93,13 @@ export { ChatDrawer, ChatDrawerProps, ChatDrawerTab } from './chat-drawer.js';
 export { ControlledAdapterHandle, InputTag, InputTagAdapter, InputTagAdapterState, InputTagProps, InputTagTrigger, InputTagTriggers, contentEditableAdapter, controlledAdapter, inputAdapter, textareaAdapter } from './input-tag.js';
 export { MagicWand, MagicWandAction, MagicWandAppearance, MagicWandProps, MagicWandSelection } from './magic-wand.js';
 export { ImageViewer } from './image-viewer.js';
-export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-BaqlDeuo.js';
+export { I as ImageViewerProps, a as ImageViewerViewport } from './ImageViewer.types-BDTxBYEN.js';
 export { VideoViewer } from './video-viewer.js';
 export { V as VideoViewerProps } from './VideoViewer.types-_AwQ8DQr.js';
 export { AudioViewer } from './audio-viewer.js';
 export { A as AudioViewerProps } from './AudioViewer.types-CyhmQVQd.js';
 export { PdfViewer } from './pdf-viewer.js';
-export { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.js';
+export { P as PdfViewerProps } from './PdfViewer.types-xnPpdjJa.js';
 export { J as JSON_FIELD_TYPES, a as JsonArray, b as JsonEditor, c as JsonEditorActivity, d as JsonEditorEdit, e as JsonEditorIssue, f as JsonEditorNode, g as JsonEditorPendingEdit, h as JsonEditorProps, i as JsonFieldType, j as JsonKeyMapEntry, k as JsonKeyRule, l as JsonObject, m as JsonPath, n as JsonPrimitive, o as JsonValue, P as ParsedKeyMap, p as applyJsonEdit, q as describeEdit, r as findJsonConflicts, s as getAtPath, t as inferType, u as parseKeyMap, v as parsePath, w as pathToString, x as resolveKeyRule, y as typeMatches } from './index-DeAJbVOn.js';
 
 /**

package/dist/index.js

@@ -55,16 +55,16 @@ export { DisplayValue } from './chunk-KKWNKBKR.js';
 export { Field } from './chunk-5MU6X3KO.js';
 import './chunk-GFYSELJF.js';
 export { Marquee } from './chunk-RSLZL6VP.js';
-export { MediaViewer, resolveMediaType } from './chunk-KO2HLNBB.js';
+export { MediaViewer, resolveMediaType } from './chunk-MQEV7XEG.js';
 export { VideoViewer } from './chunk-VOGI7GX3.js';
-export { PdfViewer } from './chunk-SOYORSLZ.js';
+export { PdfViewer } from './chunk-VKRQHLM5.js';
 export { Menu, useMenu } from './chunk-RA2VOQ46.js';
-export { FauxClient } from './chunk-XWXV6HSK.js';
 export { FileBrowser, FileBrowserNewFolder, useFileBrowser, validateFolderName } from './chunk-2KAJ4L7C.js';
 export { FileUpload, useFileUpload } from './chunk-W6RDAZJC.js';
 export { Grid } from './chunk-TM3RTWKI.js';
 import './chunk-CFH6CJQG.js';
-export { ImageViewer } from './chunk-MUCXXYDN.js';
+export { ImageViewer } from './chunk-XOWWNG7D.js';
+export { FauxClient } from './chunk-XWXV6HSK.js';
 export { IndexList } from './chunk-UKUNWGL5.js';
 import './chunk-AUTW5O4W.js';
 export { ContextMenu, useContextMenu } from './chunk-SWBF2BXA.js';

package/dist/media-viewer.cjs

@@ -1,18 +1,20 @@
 'use strict';
 
-var chunkZMD3PIYF_cjs = require('./chunk-ZMD3PIYF.cjs');
+var chunkKST6GW2B_cjs = require('./chunk-KST6GW2B.cjs');
 require('./chunk-TH7VP4CL.cjs');
-require('./chunk-V35A6B7A.cjs');
-require('./chunk-QDVDBUJM.cjs');
+require('./chunk-LP3HMRQT.cjs');
+require('./chunk-WBJRFWZE.cjs');
+require('./chunk-DUOZSOSB.cjs');
 require('./chunk-T6YELZPJ.cjs');
 require('./chunk-QW66UHWO.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "MediaViewer", {
   enumerable: true,
-  get: function () { return chunkZMD3PIYF_cjs.MediaViewer; }
+  get: function () { return chunkKST6GW2B_cjs.MediaViewer; }
 });
 //# sourceMappingURL=media-viewer.cjs.map
 //# sourceMappingURL=media-viewer.cjs.map

package/dist/media-viewer.d.cts

@@ -1,6 +1,7 @@
-export { a as MediaViewer, b as MediaViewerProps } from './index-CgPpIw_O.cjs';
+export { a as MediaViewer, b as MediaViewerProps } from './index-AesVUjQE.cjs';
 import 'react';
-import './ImageViewer.types-BaqlDeuo.cjs';
+import './ImageViewer.types-CtqaA6KV.cjs';
+import './FauxClient.types-Dtk9aRs6.cjs';
 import './VideoViewer.types-_AwQ8DQr.cjs';
 import './AudioViewer.types-CyhmQVQd.cjs';
-import './PdfViewer.types-_u6vboSl.cjs';
+import './PdfViewer.types-Bgn9EmZT.cjs';

package/dist/media-viewer.d.ts

@@ -1,6 +1,7 @@
-export { a as MediaViewer, b as MediaViewerProps } from './index-IeivGsNg.js';
+export { a as MediaViewer, b as MediaViewerProps } from './index-D3wJ8hrZ.js';
 import 'react';
-import './ImageViewer.types-BaqlDeuo.js';
+import './ImageViewer.types-BDTxBYEN.js';
+import './FauxClient.types-Dtk9aRs6.js';
 import './VideoViewer.types-_AwQ8DQr.js';
 import './AudioViewer.types-CyhmQVQd.js';
-import './PdfViewer.types-_u6vboSl.js';
+import './PdfViewer.types-xnPpdjJa.js';

package/dist/media-viewer.js

@@ -1,9 +1,11 @@
-export { MediaViewer } from './chunk-KO2HLNBB.js';
+export { MediaViewer } from './chunk-MQEV7XEG.js';
 import './chunk-VOGI7GX3.js';
-import './chunk-SOYORSLZ.js';
-import './chunk-MUCXXYDN.js';
+import './chunk-VKRQHLM5.js';
+import './chunk-XOWWNG7D.js';
+import './chunk-XWXV6HSK.js';
 import './chunk-CPY7NHXM.js';
 import './chunk-UIJR26YW.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=media-viewer.js.map
 //# sourceMappingURL=media-viewer.js.map

package/dist/pdf-viewer.cjs

@@ -1,13 +1,15 @@
 'use strict';
 
-var chunkV35A6B7A_cjs = require('./chunk-V35A6B7A.cjs');
+var chunkLP3HMRQT_cjs = require('./chunk-LP3HMRQT.cjs');
+require('./chunk-DUOZSOSB.cjs');
+require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "PdfViewer", {
   enumerable: true,
-  get: function () { return chunkV35A6B7A_cjs.PdfViewer; }
+  get: function () { return chunkLP3HMRQT_cjs.PdfViewer; }
 });
 //# sourceMappingURL=pdf-viewer.cjs.map
 //# sourceMappingURL=pdf-viewer.cjs.map

package/dist/pdf-viewer.d.cts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.cjs';
+import { P as PdfViewerProps } from './PdfViewer.types-Bgn9EmZT.cjs';
+import './FauxClient.types-Dtk9aRs6.cjs';
 
 /**
  * A standalone PDF viewer — embeds the document via the browser's native PDF

package/dist/pdf-viewer.d.ts

@@ -1,5 +1,6 @@
 import * as react from 'react';
-import { P as PdfViewerProps } from './PdfViewer.types-_u6vboSl.js';
+import { P as PdfViewerProps } from './PdfViewer.types-xnPpdjJa.js';
+import './FauxClient.types-Dtk9aRs6.js';
 
 /**
  * A standalone PDF viewer — embeds the document via the browser's native PDF

package/dist/pdf-viewer.js

@@ -1,4 +1,6 @@
-export { PdfViewer } from './chunk-SOYORSLZ.js';
+export { PdfViewer } from './chunk-VKRQHLM5.js';
+import './chunk-XWXV6HSK.js';
+import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=pdf-viewer.js.map
 //# sourceMappingURL=pdf-viewer.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/react-fancy",
-  "version": "5.48.1",
+  "version": "5.49.0",
   "description": "React UI component library for Human+ UX — controlled, agent-bridgeable primitives",
   "repository": {
     "type": "git",