@arbidocs/blocks 0.5.124 → 0.5.126

package/dist/{chunk-YGBHY67W.cjs → chunk-6B4CCDDB.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk2CSLFAGF_cjs = require('./chunk-2CSLFAGF.cjs');
+var chunkQ6N5D3R5_cjs = require('./chunk-Q6N5D3R5.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function StreamedWordArtifact({
@@ -15,7 +15,7 @@ function StreamedWordArtifact({
 }) {
   if (!busy && documentId) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk2CSLFAGF_cjs.NativeDocxEditor,
+      chunkQ6N5D3R5_cjs.NativeDocxEditor,
       {
         adapter,
         documentId,
@@ -26,7 +26,7 @@ function StreamedWordArtifact({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk2CSLFAGF_cjs.NativeDocxEditor,
+    chunkQ6N5D3R5_cjs.NativeDocxEditor,
     {
       adapter,
       documentId: "stream-preview",
@@ -39,5 +39,5 @@ function StreamedWordArtifact({
 }
 
 exports.StreamedWordArtifact = StreamedWordArtifact;
-//# sourceMappingURL=chunk-YGBHY67W.cjs.map
-//# sourceMappingURL=chunk-YGBHY67W.cjs.map
+//# sourceMappingURL=chunk-6B4CCDDB.cjs.map
+//# sourceMappingURL=chunk-6B4CCDDB.cjs.map

package/dist/{chunk-YGBHY67W.cjs.map → chunk-6B4CCDDB.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/docx/StreamedWordArtifact.tsx"],"names":["jsx","NativeDocxEditor"],"mappings":";;;;;AAmBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,IAAI,CAAC,QAAQ,UAAA,EAAY;AACvB,IAAA,uBACEA,cAAA;AAAA,MAACC,kCAAA;AAAA,MAAA;AAAA,QAEC,OAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAJK;AAAA,KAKP;AAAA,EAEJ;AACA,EAAA,uBACED,cAAA;AAAA,IAACC,kCAAA;AAAA,IAAA;AAAA,MAEC,OAAA;AAAA,MACA,UAAA,EAAW,gBAAA;AAAA,MACX,KAAA;AAAA,MACA,YAAA,EAAa,EAAA;AAAA,MACb,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA;AAAM,KAAA;AAAA,IAL3B;AAAA,GAMN;AAEJ","file":"chunk-YGBHY67W.cjs","sourcesContent":["import { NativeDocxEditor, type NativeDocxAdapter } from './NativeDocxEditor'\n\nexport interface StreamedWordArtifactProps {\n  adapter: NativeDocxAdapter\n  /** Streamed Markdown, shown as a read-only preview while the draft is generated. */\n  content: string\n  title: string\n  busy: boolean\n  error?: string | null\n  /** The DOCX draft the server stored for this generation (`doc-…`), once known. */\n  documentId?: string\n  onSaved?: (documentId: string) => void\n}\n\n/**\n * One drafting surface for an AI document draft. The server stores every draft as DOCX, so\n * this component never creates a document: it previews the streamed Markdown until generation\n * ends and the stored DOCX is known, then opens that DOCX in the live collaborative editor.\n */\nexport function StreamedWordArtifact({\n  adapter,\n  content,\n  title,\n  busy,\n  error,\n  documentId,\n  onSaved,\n}: StreamedWordArtifactProps) {\n  if (!busy && documentId) {\n    return (\n      <NativeDocxEditor\n        key={documentId}\n        adapter={adapter}\n        documentId={documentId}\n        title={title}\n        onSaved={onSaved}\n      />\n    )\n  }\n  return (\n    <NativeDocxEditor\n      key=\"stream-preview\"\n      adapter={adapter}\n      documentId=\"stream-preview\"\n      title={title}\n      draftContent=\"\"\n      stream={{ content, busy, error }}\n    />\n  )\n}\n"]}
+{"version":3,"sources":["../src/docx/StreamedWordArtifact.tsx"],"names":["jsx","NativeDocxEditor"],"mappings":";;;;;AAmBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,IAAI,CAAC,QAAQ,UAAA,EAAY;AACvB,IAAA,uBACEA,cAAA;AAAA,MAACC,kCAAA;AAAA,MAAA;AAAA,QAEC,OAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAJK;AAAA,KAKP;AAAA,EAEJ;AACA,EAAA,uBACED,cAAA;AAAA,IAACC,kCAAA;AAAA,IAAA;AAAA,MAEC,OAAA;AAAA,MACA,UAAA,EAAW,gBAAA;AAAA,MACX,KAAA;AAAA,MACA,YAAA,EAAa,EAAA;AAAA,MACb,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA;AAAM,KAAA;AAAA,IAL3B;AAAA,GAMN;AAEJ","file":"chunk-6B4CCDDB.cjs","sourcesContent":["import { NativeDocxEditor, type NativeDocxAdapter } from './NativeDocxEditor'\n\nexport interface StreamedWordArtifactProps {\n  adapter: NativeDocxAdapter\n  /** Streamed Markdown, shown as a read-only preview while the draft is generated. */\n  content: string\n  title: string\n  busy: boolean\n  error?: string | null\n  /** The DOCX draft the server stored for this generation (`doc-…`), once known. */\n  documentId?: string\n  onSaved?: (documentId: string) => void\n}\n\n/**\n * One drafting surface for an AI document draft. The server stores every draft as DOCX, so\n * this component never creates a document: it previews the streamed Markdown until generation\n * ends and the stored DOCX is known, then opens that DOCX in the live collaborative editor.\n */\nexport function StreamedWordArtifact({\n  adapter,\n  content,\n  title,\n  busy,\n  error,\n  documentId,\n  onSaved,\n}: StreamedWordArtifactProps) {\n  if (!busy && documentId) {\n    return (\n      <NativeDocxEditor\n        key={documentId}\n        adapter={adapter}\n        documentId={documentId}\n        title={title}\n        onSaved={onSaved}\n      />\n    )\n  }\n  return (\n    <NativeDocxEditor\n      key=\"stream-preview\"\n      adapter={adapter}\n      documentId=\"stream-preview\"\n      title={title}\n      draftContent=\"\"\n      stream={{ content, busy, error }}\n    />\n  )\n}\n"]}

package/dist/{chunk-JY7UUZQG.cjs → chunk-7Q46YAX4.cjs}

@@ -3,8 +3,8 @@
 
 var chunkWOOOMTTA_cjs = require('./chunk-WOOOMTTA.cjs');
 var chunk5GCCUXMT_cjs = require('./chunk-5GCCUXMT.cjs');
-var chunkADPRIBSH_cjs = require('./chunk-ADPRIBSH.cjs');
-var chunkORNLCBNE_cjs = require('./chunk-ORNLCBNE.cjs');
+var chunkX7ALF4MP_cjs = require('./chunk-X7ALF4MP.cjs');
+var chunkJVEDKKNO_cjs = require('./chunk-JVEDKKNO.cjs');
 var react = require('react');
 var viewers = require('@arbidocs/react/viewers');
 var ui = require('@arbidocs/react/ui');
@@ -53,7 +53,7 @@ function MediaClip({
           preload: "auto",
           className: "pointer-events-none block select-none",
           style: cropStyle(clip.rect),
-          ...live ? { [chunkADPRIBSH_cjs.STAGE_VIDEO_ATTRIBUTE]: "" } : {}
+          ...live ? { [chunkX7ALF4MP_cjs.STAGE_VIDEO_ATTRIBUTE]: "" } : {}
         }
       ) : /* @__PURE__ */ jsxRuntime.jsx(
         "img",
@@ -88,17 +88,20 @@ function PdfClip({ clip, className }) {
     const view = canvas?.ownerDocument.defaultView;
     if (!canvas || !view) return;
     const measure = () => {
-      const box = canvas.getBoundingClientRect();
       const dpr = view.devicePixelRatio || 1;
-      const width = Math.max(1, Math.round(box.width * dpr));
-      const height = Math.max(1, Math.round(box.height * dpr));
+      const width = Math.max(1, Math.round(canvas.clientWidth * dpr));
+      const height = Math.max(1, Math.round(canvas.clientHeight * dpr));
       setSize((s) => s.width === width && s.height === height ? s : { width, height });
     };
     measure();
     const Observer = view.ResizeObserver ?? ResizeObserver;
     const observer = new Observer(measure);
     observer.observe(canvas);
-    return () => observer.disconnect();
+    view.addEventListener("resize", measure);
+    return () => {
+      observer.disconnect();
+      view.removeEventListener("resize", measure);
+    };
   }, []);
   react.useLayoutEffect(() => {
     const canvas = canvasRef.current;
@@ -226,7 +229,7 @@ function HoldButton({
   );
 }
 function ClipViewControls({ clip }) {
-  const { panClip, setClipZoom } = chunkORNLCBNE_cjs.usePresentation.getState();
+  const { panClip, setClipZoom } = chunkJVEDKKNO_cjs.usePresentation.getState();
   const { rect } = clip;
   const zoomBase = clip.zoomBase ?? rect.w;
   const minZoom = Math.min(100, Math.floor(zoomBase / Math.min(1, rect.w / rect.h) * 100));
@@ -331,8 +334,8 @@ function ClipActionBar({
   onEditImage,
   onCropImage
 }) {
-  const actions = chunkORNLCBNE_cjs.usePresentation.getState();
-  const clip = chunkORNLCBNE_cjs.usePresentation((state) => state.clips.find((entry) => entry.id === clipId));
+  const actions = chunkJVEDKKNO_cjs.usePresentation.getState();
+  const clip = chunkJVEDKKNO_cjs.usePresentation((state) => state.clips.find((entry) => entry.id === clipId));
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
@@ -456,7 +459,7 @@ function Text({
         box.anchor === "middle" && "justify-center",
         box.anchor === "bottom" && "justify-end"
       ),
-      style: textStyle(box, empty ? PLACEHOLDER_COLOR : chunkORNLCBNE_cjs.TEXT_COLORS[box.tone]),
+      style: textStyle(box, empty ? PLACEHOLDER_COLOR : chunkJVEDKKNO_cjs.TEXT_COLORS[box.tone]),
       onPointerDown: onEdit ? (event) => event.stopPropagation() : void 0,
       onClick: onEdit,
       "data-testid": testId,
@@ -505,7 +508,7 @@ function TextField({
         box.align === "center" && "text-center"
       ),
       style: {
-        ...textStyle(box, chunkORNLCBNE_cjs.TEXT_COLORS[box.tone]),
+        ...textStyle(box, chunkJVEDKKNO_cjs.TEXT_COLORS[box.tone]),
         fontFamily: "inherit",
         // Bulleted lines keep their indent while typed.
         paddingLeft: box.bullets ? "1.22em" : void 0
@@ -539,10 +542,10 @@ var SlideDecor = react.memo(function SlideDecor2({
   dim
 }) {
   const [typing, setTyping] = react.useState(null);
-  const geometry = chunkORNLCBNE_cjs.slideGeometry(slide, { labels, logo: theme.logo?.corner ?? null });
+  const geometry = chunkJVEDKKNO_cjs.slideGeometry(slide, { labels, logo: theme.logo?.corner ?? null });
   const title = slide.caption.trim();
   const titled = slide.layout === "title" || slide.layout === "section";
-  const info = chunkORNLCBNE_cjs.LAYOUT_INFO[slide.layout];
+  const info = chunkJVEDKKNO_cjs.LAYOUT_INFO[slide.layout];
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cn("pointer-events-none absolute inset-0", dim && "opacity-30"), children: [
     !geometry.title ? null : editing && typing === "title" ? /* @__PURE__ */ jsxRuntime.jsx(
       TextField,
@@ -560,7 +563,7 @@ var SlideDecor = react.memo(function SlideDecor2({
       {
         box: geometry.title,
         lines: title ? [title] : [],
-        accent: chunkORNLCBNE_cjs.accentColor(theme.accent),
+        accent: chunkJVEDKKNO_cjs.accentColor(theme.accent),
         placeholder: editable && (titled || editing) ? "Click to add a title" : void 0,
         onEdit: editing ? () => setTyping("title") : void 0,
         testId: "stage-slide-caption"
@@ -570,7 +573,7 @@ var SlideDecor = react.memo(function SlideDecor2({
       "div",
       {
         className: "absolute",
-        style: { ...boxStyle(geometry.rule), background: chunkORNLCBNE_cjs.accentColor(theme.accent) }
+        style: { ...boxStyle(geometry.rule), background: chunkJVEDKKNO_cjs.accentColor(theme.accent) }
       }
     ),
     geometry.text && (editing && typing === "text" ? /* @__PURE__ */ jsxRuntime.jsx(
@@ -588,8 +591,8 @@ var SlideDecor = react.memo(function SlideDecor2({
       Text,
       {
         box: geometry.text,
-        lines: chunkORNLCBNE_cjs.textLines(slide.points),
-        accent: chunkORNLCBNE_cjs.accentColor(theme.accent),
+        lines: chunkJVEDKKNO_cjs.textLines(slide.points),
+        accent: chunkJVEDKKNO_cjs.accentColor(theme.accent),
         placeholder: editable ? info.text : void 0,
         onEdit: editing ? () => setTyping("text") : void 0,
         testId: "stage-slide-points"
@@ -611,7 +614,7 @@ var CORNERS = [
   { corner: "sw", left: "0%", top: "100%", cursor: "nesw-resize" },
   { corner: "se", left: "100%", top: "100%", cursor: "nwse-resize" }
 ];
-var EDGE_CSS = chunkORNLCBNE_cjs.clipEdgeCss();
+var EDGE_CSS = chunkJVEDKKNO_cjs.clipEdgeCss();
 var StageItem = react.memo(function StageItem2({
   clip,
   frame,
@@ -679,14 +682,14 @@ var StageItem = react.memo(function StageItem2({
     const dy = (event.clientY - g.pointer.y) / g.stage.height;
     const free = event.altKey;
     if (isEdge(g.kind)) {
-      const result = chunkORNLCBNE_cjs.reshapeFrame(g.frame, g.shape, g.kind, dx, dy, g.others, free);
+      const result = chunkJVEDKKNO_cjs.reshapeFrame(g.frame, g.shape, g.kind, dx, dy, g.others, free);
       g.next = {
         frame: result.frame,
         shape: { rect: result.rect, aspect: result.aspect },
         guides: result.guides
       };
     } else {
-      g.next = g.kind === "move" ? chunkORNLCBNE_cjs.moveFrame(g.frame, g.shape.aspect, dx, dy, g.others, free) : chunkORNLCBNE_cjs.resizeFrame(g.frame, g.shape.aspect, g.kind, dx, dy, g.others, free);
+      g.next = g.kind === "move" ? chunkJVEDKKNO_cjs.moveFrame(g.frame, g.shape.aspect, dx, dy, g.others, free) : chunkJVEDKKNO_cjs.resizeFrame(g.frame, g.shape.aspect, g.kind, dx, dy, g.others, free);
     }
     g.request ??= view().requestAnimationFrame(apply);
   };
@@ -722,7 +725,7 @@ var StageItem = react.memo(function StageItem2({
         left: `${box.x * 100}%`,
         top: `${box.y * 100}%`,
         width: `${box.w * 100}%`,
-        height: `${chunkORNLCBNE_cjs.frameHeight(box, shown.aspect) * 100}%`
+        height: `${chunkJVEDKKNO_cjs.frameHeight(box, shown.aspect) * 100}%`
       },
       onPointerDown: (event) => start(event, "move"),
       onPointerMove: move,
@@ -747,7 +750,7 @@ var StageItem = react.memo(function StageItem2({
           "div",
           {
             className: "pointer-events-none absolute left-0 top-full mt-[0.5cqw] max-w-full truncate text-[1.7cqw] leading-tight",
-            style: { color: chunkORNLCBNE_cjs.TEXT_COLORS.muted },
+            style: { color: chunkJVEDKKNO_cjs.TEXT_COLORS.muted },
             children: label
           }
         ),
@@ -790,14 +793,14 @@ var StageItem = react.memo(function StageItem2({
 });
 
 // src/presentation/box-style.ts
-var cqw = (points) => `${chunkORNLCBNE_cjs.pointsToStage(points) * 100}cqw`;
+var cqw = (points) => `${chunkJVEDKKNO_cjs.pointsToStage(points) * 100}cqw`;
 function runStyle(run, font) {
   return {
-    fontSize: cqw(run.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE),
+    fontSize: cqw(run.size ?? chunkJVEDKKNO_cjs.DEFAULT_TEXT_SIZE),
     fontWeight: run.bold ? 700 : 400,
     fontStyle: run.italic ? "italic" : void 0,
     textDecoration: run.underline ? "underline" : void 0,
-    color: run.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body,
+    color: run.color ?? chunkJVEDKKNO_cjs.TEXT_COLORS.body,
     fontFamily: run.font ? `"${run.font}", ${font}` : font
   };
 }
@@ -819,7 +822,7 @@ var withAlpha = (hex, alpha = 1) => {
 function shapeStyle(box) {
   const { frame } = box;
   const line = box.line;
-  const shorter = Math.min(frame.w, frame.h * 1 / chunkORNLCBNE_cjs.STAGE_ASPECT);
+  const shorter = Math.min(frame.w, frame.h * 1 / chunkJVEDKKNO_cjs.STAGE_ASPECT);
   return {
     background: box.fill && box.shape !== "line" ? withAlpha(box.fill, box.fillAlpha) : void 0,
     border: line && box.shape !== "line" ? `${cqw(line.width)} ${line.dash ? "dashed" : "solid"} ${line.color}` : void 0,
@@ -832,7 +835,7 @@ function Paragraphs({
 }) {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: paragraphs.map((paragraph, index) => {
     const first = paragraph.runs[0];
-    const size = first?.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE;
+    const size = first?.size ?? chunkJVEDKKNO_cjs.DEFAULT_TEXT_SIZE;
     const indent = (paragraph.level ?? 0) * 0.5 * size;
     const empty = !paragraph.runs.some((run) => run.text);
     return /* @__PURE__ */ jsxRuntime.jsxs(
@@ -919,7 +922,7 @@ var StageBox = react.memo(function StageBox2({
     const dx = (event.clientX - g.pointer.x) / g.stage.width;
     const dy = (event.clientY - g.pointer.y) / g.stage.height;
     if (!g.next) setDragging(true);
-    g.next = g.handle === "move" ? chunkORNLCBNE_cjs.moveBox(g.frame, dx, dy) : chunkORNLCBNE_cjs.stretchBox(g.frame, g.handle, dx, dy);
+    g.next = g.handle === "move" ? chunkJVEDKKNO_cjs.moveBox(g.frame, dx, dy) : chunkJVEDKKNO_cjs.stretchBox(g.frame, g.handle, dx, dy);
     g.request ??= view().requestAnimationFrame(apply);
   };
   const end = () => {
@@ -943,8 +946,8 @@ var StageBox = react.memo(function StageBox2({
     host.commit(box.id, g.next);
   };
   const hasText = box.shape !== "line";
-  const inset = cqw(box.inset ?? chunkORNLCBNE_cjs.DEFAULT_INSET);
-  const run = chunkORNLCBNE_cjs.firstRun(box);
+  const inset = cqw(box.inset ?? chunkJVEDKKNO_cjs.DEFAULT_INSET);
+  const run = chunkJVEDKKNO_cjs.firstRun(box);
   const transform = box.rotation ? `rotate(${box.rotation}deg)` : void 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
@@ -992,7 +995,7 @@ var StageBox = react.memo(function StageBox2({
                 y1: box.flipV ? "100%" : "0%",
                 x2: "100%",
                 y2: box.flipV ? "0%" : "100%",
-                stroke: box.line?.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body,
+                stroke: box.line?.color ?? chunkJVEDKKNO_cjs.TEXT_COLORS.body,
                 style: { strokeWidth: cqw(box.line?.width ?? 1) },
                 strokeDasharray: box.line?.dash ? "6 4" : void 0
               }
@@ -1011,7 +1014,7 @@ var StageBox = react.memo(function StageBox2({
               "textarea",
               {
                 autoFocus: true,
-                defaultValue: chunkORNLCBNE_cjs.boxText(box),
+                defaultValue: chunkJVEDKKNO_cjs.boxText(box),
                 className: "pointer-events-auto w-full flex-1 resize-none bg-transparent p-0 outline-none",
                 style: {
                   ...runStyle(run ?? { }, font),
@@ -1030,11 +1033,11 @@ var StageBox = react.memo(function StageBox2({
                 "aria-label": "Text",
                 "data-testid": "stage-box-text-input"
               }
-            ) : chunkORNLCBNE_cjs.boxText(box) || !editable ? /* @__PURE__ */ jsxRuntime.jsx(Paragraphs, { paragraphs: box.paragraphs, font }) : box.shape === "text" && /* @__PURE__ */ jsxRuntime.jsx(
+            ) : chunkJVEDKKNO_cjs.boxText(box) || !editable ? /* @__PURE__ */ jsxRuntime.jsx(Paragraphs, { paragraphs: box.paragraphs, font }) : box.shape === "text" && /* @__PURE__ */ jsxRuntime.jsx(
               "span",
               {
                 className: "text-white/40",
-                style: { fontSize: cqw(run?.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE) },
+                style: { fontSize: cqw(run?.size ?? chunkJVEDKKNO_cjs.DEFAULT_TEXT_SIZE) },
                 children: "Double-click to type"
               }
             )
@@ -1094,9 +1097,9 @@ function ColorAction({
   ] });
 }
 function BoxActionBar({ box, onRemoved }) {
-  const actions = chunkORNLCBNE_cjs.usePresentation.getState();
-  const run = chunkORNLCBNE_cjs.firstRun(box);
-  const size = run?.size ?? chunkORNLCBNE_cjs.DEFAULT_TEXT_SIZE;
+  const actions = chunkJVEDKKNO_cjs.usePresentation.getState();
+  const run = chunkJVEDKKNO_cjs.firstRun(box);
+  const size = run?.size ?? chunkJVEDKKNO_cjs.DEFAULT_TEXT_SIZE;
   const align = box.paragraphs[0]?.align ?? "left";
   const update = (change) => actions.updateBox(box.id, change);
   const text = box.shape !== "line";
@@ -1119,7 +1122,7 @@ function BoxActionBar({ box, onRemoved }) {
             Action,
             {
               label: "Smaller",
-              onClick: () => update((b) => chunkORNLCBNE_cjs.styleRuns(b, (r) => ({ ...r, size: nextSize(r.size ?? size, false) }))),
+              onClick: () => update((b) => chunkJVEDKKNO_cjs.styleRuns(b, (r) => ({ ...r, size: nextSize(r.size ?? size, false) }))),
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AArrowDown, { className: "size-4" })
             }
           ),
@@ -1135,7 +1138,7 @@ function BoxActionBar({ box, onRemoved }) {
             Action,
             {
               label: "Larger",
-              onClick: () => update((b) => chunkORNLCBNE_cjs.styleRuns(b, (r) => ({ ...r, size: nextSize(r.size ?? size, true) }))),
+              onClick: () => update((b) => chunkJVEDKKNO_cjs.styleRuns(b, (r) => ({ ...r, size: nextSize(r.size ?? size, true) }))),
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AArrowUp, { className: "size-4" })
             }
           ),
@@ -1143,7 +1146,7 @@ function BoxActionBar({ box, onRemoved }) {
             Action,
             {
               label: "Bold",
-              onClick: () => update((b) => chunkORNLCBNE_cjs.styleRuns(b, (r) => ({ ...r, bold: !run?.bold }))),
+              onClick: () => update((b) => chunkJVEDKKNO_cjs.styleRuns(b, (r) => ({ ...r, bold: !run?.bold }))),
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bold, { className: ui.cn("size-4", run?.bold && "text-primary") })
             }
           ),
@@ -1151,8 +1154,8 @@ function BoxActionBar({ box, onRemoved }) {
             ColorAction,
             {
               label: "Text colour",
-              value: run?.color ?? chunkORNLCBNE_cjs.TEXT_COLORS.body,
-              onChange: (color) => update((b) => chunkORNLCBNE_cjs.styleRuns(b, (r) => ({ ...r, color }))),
+              value: run?.color ?? chunkJVEDKKNO_cjs.TEXT_COLORS.body,
+              onChange: (color) => update((b) => chunkJVEDKKNO_cjs.styleRuns(b, (r) => ({ ...r, color }))),
               children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Baseline, { className: "size-4" })
             }
           )
@@ -1186,7 +1189,7 @@ function BoxActionBar({ box, onRemoved }) {
                 ui.DropdownMenuCheckboxItem,
                 {
                   checked: !!run?.italic,
-                  onCheckedChange: () => update((b) => chunkORNLCBNE_cjs.styleRuns(b, (r) => ({ ...r, italic: !run?.italic }))),
+                  onCheckedChange: () => update((b) => chunkJVEDKKNO_cjs.styleRuns(b, (r) => ({ ...r, italic: !run?.italic }))),
                   children: [
                     /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Italic, { className: "size-4" }),
                     /* @__PURE__ */ jsxRuntime.jsx("span", { className: "ml-2", children: "Italic" })
@@ -1243,7 +1246,7 @@ var DROP_ATTRIBUTE = "data-presentation-drop";
 function dropAt(doc, clipId, x, y) {
   const target = doc.elementFromPoint(x, y)?.closest(`[${DROP_ATTRIBUTE}]`);
   if (!target) return false;
-  const state = chunkORNLCBNE_cjs.usePresentation.getState();
+  const state = chunkJVEDKKNO_cjs.usePresentation.getState();
   if (target.getAttribute(DROP_ATTRIBUTE) === "slide") {
     const index2 = Number(target.getAttribute("data-slide-index"));
     if (!Number.isInteger(index2)) return false;
@@ -1263,7 +1266,7 @@ function useClipDrag(clipId, onTap) {
   const end = () => {
     press.current = null;
     setGhost(null);
-    chunkORNLCBNE_cjs.usePresentation.getState().setDragging(null);
+    chunkJVEDKKNO_cjs.usePresentation.getState().setDragging(null);
   };
   return {
     ghost,
@@ -1279,7 +1282,7 @@ function useClipDrag(clipId, onTap) {
           if (Math.hypot(event.clientX - p.x, event.clientY - p.y) < DRAG_THRESHOLD) return;
           p.dragging = true;
           event.currentTarget.setPointerCapture(event.pointerId);
-          chunkORNLCBNE_cjs.usePresentation.getState().setDragging(clipId);
+          chunkJVEDKKNO_cjs.usePresentation.getState().setDragging(clipId);
         }
         event.preventDefault();
         setGhost({ x: event.clientX, y: event.clientY });
@@ -1322,20 +1325,20 @@ function PresentationStage({
   overlay,
   className
 }) {
-  const index = chunkORNLCBNE_cjs.usePresentation((s) => slideIndex ?? s.current);
-  const deckSlide = chunkORNLCBNE_cjs.usePresentation((s) => s.slides[index]);
-  const deckClips = chunkORNLCBNE_cjs.usePresentation((s) => s.clips);
+  const index = chunkJVEDKKNO_cjs.usePresentation((s) => slideIndex ?? s.current);
+  const deckSlide = chunkJVEDKKNO_cjs.usePresentation((s) => s.slides[index]);
+  const deckClips = chunkJVEDKKNO_cjs.usePresentation((s) => s.clips);
   const slide = show?.slide ?? deckSlide;
   const clips = show?.clips ?? deckClips;
-  const blank = chunkORNLCBNE_cjs.usePresentation((s) => s.blank && !editable && !show);
-  const captions = chunkORNLCBNE_cjs.usePresentation((s) => s.captions);
-  const columnValues = chunkORNLCBNE_cjs.usePresentation((s) => s.columnValues);
-  const theme = chunkORNLCBNE_cjs.usePresentation((s) => s.theme);
-  const logoImage = chunkORNLCBNE_cjs.usePresentation((s) => s.logoImage);
-  const media = chunkORNLCBNE_cjs.usePresentation((s) => s.media);
+  const blank = chunkJVEDKKNO_cjs.usePresentation((s) => s.blank && !editable && !show);
+  const captions = chunkJVEDKKNO_cjs.usePresentation((s) => s.captions);
+  const columnValues = chunkJVEDKKNO_cjs.usePresentation((s) => s.columnValues);
+  const theme = chunkJVEDKKNO_cjs.usePresentation((s) => s.theme);
+  const logoImage = chunkJVEDKKNO_cjs.usePresentation((s) => s.logoImage);
+  const media = chunkJVEDKKNO_cjs.usePresentation((s) => s.media);
   const stageRef = react.useRef(null);
   const guideLayer = react.useRef(null);
-  const dropping = chunkORNLCBNE_cjs.usePresentation((s) => editable && s.dragging !== null);
+  const dropping = chunkJVEDKKNO_cjs.usePresentation((s) => editable && s.dragging !== null);
   const [dragging, setDragging] = react.useState(false);
   const latest = react.useRef({ slide, clips, index, onSelect });
   latest.current = { slide, clips, index, onSelect };
@@ -1350,13 +1353,13 @@ function PresentationStage({
         }));
       },
       select: (clipId) => {
-        chunkORNLCBNE_cjs.usePresentation.getState().goTo(latest.current.index);
+        chunkJVEDKKNO_cjs.usePresentation.getState().goTo(latest.current.index);
         latest.current.onSelect?.(clipId);
       },
       guides: (guides) => guideLayer.current?.set(guides),
       dragging: setDragging,
       commit: (clipId, frame, shape) => {
-        const state = chunkORNLCBNE_cjs.usePresentation.getState();
+        const state = chunkJVEDKKNO_cjs.usePresentation.getState();
         state.goTo(latest.current.index);
         if (shape) state.reshapeClip(clipId, frame, shape.rect, shape.aspect);
         else state.setFrame(clipId, frame);
@@ -1368,15 +1371,15 @@ function PresentationStage({
     () => ({
       stageBox: () => stageRef.current?.getBoundingClientRect() ?? null,
       select: (boxId) => {
-        chunkORNLCBNE_cjs.usePresentation.getState().goTo(latest.current.index);
+        chunkJVEDKKNO_cjs.usePresentation.getState().goTo(latest.current.index);
         latest.current.onSelect?.(boxId);
       },
-      commit: (boxId, frame) => chunkORNLCBNE_cjs.usePresentation.getState().updateBox(boxId, (box) => ({ ...box, frame })),
-      setText: (boxId, text) => chunkORNLCBNE_cjs.usePresentation.getState().setBoxText(boxId, text)
+      commit: (boxId, frame) => chunkJVEDKKNO_cjs.usePresentation.getState().updateBox(boxId, (box) => ({ ...box, frame })),
+      setText: (boxId, text) => chunkJVEDKKNO_cjs.usePresentation.getState().setBoxText(boxId, text)
     }),
     []
   );
-  const font = chunkORNLCBNE_cjs.FONTS[theme.font].css;
+  const font = chunkJVEDKKNO_cjs.FONTS[theme.font].css;
   const boxes = slide?.boxes ?? [];
   const selectedBox = selected ? boxes.find((box) => box.id === selected) : void 0;
   const renderBoxes = (front) => boxes.filter((box) => !!box.front === front).map((box) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1402,7 +1405,7 @@ function PresentationStage({
       const item = event.target?.closest?.(
         `[data-testid="stage-item-${selected}"]`
       );
-      const clip = chunkORNLCBNE_cjs.usePresentation.getState().clips.find((entry) => entry.id === selected);
+      const clip = chunkJVEDKKNO_cjs.usePresentation.getState().clips.find((entry) => entry.id === selected);
       if (!item || !clip) return;
       event.preventDefault();
       const box = item.getBoundingClientRect();
@@ -1415,7 +1418,7 @@ function PresentationStage({
       };
       request ??= view.requestAnimationFrame(() => {
         request = null;
-        chunkORNLCBNE_cjs.usePresentation.getState().panClip(selected, sum.x, sum.y);
+        chunkJVEDKKNO_cjs.usePresentation.getState().panClip(selected, sum.x, sum.y);
         sum = { x: 0, y: 0 };
       });
     };
@@ -1444,12 +1447,12 @@ function PresentationStage({
             width: "min(100cqw, calc(100cqh * 16 / 9))",
             height: "min(100cqh, calc(100cqw * 9 / 16))",
             containerType: "inline-size",
-            background: slide?.background ? chunkORNLCBNE_cjs.slideBackgroundCss(slide.background, media) : chunkORNLCBNE_cjs.backgroundCss(theme.background),
-            fontFamily: chunkORNLCBNE_cjs.FONTS[theme.font].css
+            background: slide?.background ? chunkJVEDKKNO_cjs.slideBackgroundCss(slide.background, media) : chunkJVEDKKNO_cjs.backgroundCss(theme.background),
+            fontFamily: chunkJVEDKKNO_cjs.FONTS[theme.font].css
           },
           onPointerDown: () => {
             if (!editable) return;
-            chunkORNLCBNE_cjs.usePresentation.getState().goTo(index);
+            chunkJVEDKKNO_cjs.usePresentation.getState().goTo(index);
             onSelect?.(null);
           },
           ...editable ? { [DROP_ATTRIBUTE]: "stage", "data-slide-index": index } : {},
@@ -1479,7 +1482,7 @@ function PresentationStage({
                   editable,
                   selected: editable && selected === clip.id,
                   dim: false,
-                  label: captions ? chunkORNLCBNE_cjs.clipLabel(clip, columnValues) : "",
+                  label: captions ? chunkJVEDKKNO_cjs.clipLabel(clip, columnValues) : "",
                   host
                 },
                 clip.id
@@ -1509,5 +1512,5 @@ function PresentationStage({
 exports.ClipImage = ClipImage;
 exports.PresentationStage = PresentationStage;
 exports.useClipDrag = useClipDrag;
-//# sourceMappingURL=chunk-JY7UUZQG.cjs.map
-//# sourceMappingURL=chunk-JY7UUZQG.cjs.map
+//# sourceMappingURL=chunk-7Q46YAX4.cjs.map
+//# sourceMappingURL=chunk-7Q46YAX4.cjs.map