@drawnagency/primitives 0.1.71 → 0.1.73

package/dist/{chunk-WXVKX6PY.js → chunk-NKVZGPR6.js}

@@ -1,9 +1,10 @@
 import {
   EditablePlainText
-} from "./chunk-KWBM27UR.js";
+} from "./chunk-T7MP7ANP.js";
 import {
+  Button,
   usePages
-} from "./chunk-4E66N6UV.js";
+} from "./chunk-ZSPCE6MZ.js";
 import {
   sanitizeHtml,
   toSectionId
@@ -78,61 +79,6 @@ function defineHeadingSection(config) {
 // src/components/primitives/LinkPopover.tsx
 import { useState } from "react";
 
-// src/components/shared/Button.tsx
-import { forwardRef } from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var boxSize = {
-  sm: "rounded px-3 py-1.5 text-xs font-medium",
-  md: "rounded px-4 py-2 text-sm font-medium"
-};
-var ghostSize = {
-  sm: "text-xs font-medium",
-  md: "text-sm font-medium"
-};
-var variantClasses = {
-  primary: "bg-base-contrast text-base-accent hover:bg-base-contrast/90",
-  brand: "bg-primary text-primary-contrast hover:opacity-90",
-  secondary: "border border-base-200 text-base-contrast hover:bg-base-accent",
-  destructive: "border border-red-600 text-red-600 hover:bg-red-600 hover:text-white"
-};
-var ghostToneClasses = {
-  neutral: "text-base-contrast-light hover:text-base-contrast",
-  destructive: "text-red-600 hover:text-red-800"
-};
-var Button = forwardRef(function Button2({
-  variant = "primary",
-  size = "sm",
-  tone = "neutral",
-  fullWidth = false,
-  isLoading = false,
-  loadingLabel,
-  disabled,
-  className,
-  children,
-  ...rest
-}, ref) {
-  const isGhost = variant === "ghost";
-  const resolvedDisabled = disabled || isLoading;
-  const label = isLoading && loadingLabel ? loadingLabel : children;
-  return /* @__PURE__ */ jsx3(
-    "button",
-    {
-      ref,
-      disabled: resolvedDisabled,
-      className: cn(
-        "inline-flex items-center justify-center transition-colors",
-        isGhost ? ghostSize[size] : boxSize[size],
-        isGhost ? ghostToneClasses[tone] : variantClasses[variant],
-        fullWidth && "w-full",
-        resolvedDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-        className
-      ),
-      ...rest,
-      children: label
-    }
-  );
-});
-
 // src/lib/links.ts
 function internalHref(pageId, anchorSectionId) {
   return `page://${pageId}${anchorSectionId ? `#${anchorSectionId}` : ""}`;
@@ -143,7 +89,7 @@ function parseInternalHref(href) {
 }
 
 // src/components/primitives/LinkPopover.tsx
-import { Fragment, jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx as jsx3, jsxs } from "react/jsx-runtime";
 var selectClasses = "w-full rounded border border-base-contrast/20 bg-base px-2 py-1 text-sm text-base-contrast focus:outline-none focus:ring-1 focus:ring-primary";
 function LinkPopover({ editor, onClose }) {
   const { pages, getPageHeadings } = usePages();
@@ -188,7 +134,7 @@ function LinkPopover({ editor, onClose }) {
       onMouseDown: (e) => e.stopPropagation(),
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsx4("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx4(
+        /* @__PURE__ */ jsx3("div", { className: "flex gap-2", role: "tablist", children: ["external", "internal"].map((kind) => /* @__PURE__ */ jsx3(
           "button",
           {
             type: "button",
@@ -204,7 +150,7 @@ function LinkPopover({ editor, onClose }) {
           kind
         )) }),
         mode === "external" ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             "input",
             {
               autoFocus: true,
@@ -216,7 +162,7 @@ function LinkPopover({ editor, onClose }) {
             }
           ),
           /* @__PURE__ */ jsxs("label", { className: "flex cursor-pointer items-center gap-2 text-sm text-base-contrast", children: [
-            /* @__PURE__ */ jsx4(
+            /* @__PURE__ */ jsx3(
               "input",
               {
                 type: "checkbox",
@@ -240,8 +186,8 @@ function LinkPopover({ editor, onClose }) {
               },
               className: selectClasses,
               children: [
-                /* @__PURE__ */ jsx4("option", { value: "", children: "Select a page\u2026" }),
-                pages.map((p) => /* @__PURE__ */ jsx4("option", { value: p.id, children: p.title }, p.id))
+                /* @__PURE__ */ jsx3("option", { value: "", children: "Select a page\u2026" }),
+                pages.map((p) => /* @__PURE__ */ jsx3("option", { value: p.id, children: p.title }, p.id))
               ]
             }
           ),
@@ -254,14 +200,14 @@ function LinkPopover({ editor, onClose }) {
               onChange: (e) => setAnchorId(e.target.value),
               className: cn(selectClasses, !pageId && "cursor-not-allowed opacity-50"),
               children: [
-                /* @__PURE__ */ jsx4("option", { value: "", children: "None (top of page)" }),
-                headings.map((h) => /* @__PURE__ */ jsx4("option", { value: h.id, children: h.label }, h.id))
+                /* @__PURE__ */ jsx3("option", { value: "", children: "None (top of page)" }),
+                headings.map((h) => /* @__PURE__ */ jsx3("option", { value: h.id, children: h.label }, h.id))
               ]
             }
           )
         ] }),
         /* @__PURE__ */ jsxs("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "brand",
@@ -273,7 +219,7 @@ function LinkPopover({ editor, onClose }) {
               children: "Apply"
             }
           ),
-          hasLink && /* @__PURE__ */ jsx4(
+          hasLink && /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "secondary",
@@ -285,7 +231,7 @@ function LinkPopover({ editor, onClose }) {
               children: "Remove"
             }
           ),
-          /* @__PURE__ */ jsx4(
+          /* @__PURE__ */ jsx3(
             Button,
             {
               variant: "secondary",
@@ -504,9 +450,9 @@ function useEditableRichText({
 // src/components/primitives/RichTextToolbar.tsx
 import { useState as useState3 } from "react";
 import { useEditorState } from "@tiptap/react";
-import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function ToolbarButton({ isActive, onClick, title, children }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx4(
     "button",
     {
       type: "button",
@@ -526,7 +472,7 @@ function ToolbarButton({ isActive, onClick, title, children }) {
   );
 }
 function Separator() {
-  return /* @__PURE__ */ jsx5("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
+  return /* @__PURE__ */ jsx4("div", { className: "mx-1 h-5 w-px bg-base-contrast/20" });
 }
 function RichTextToolbar({ editor, preset }) {
   const [showLinkPopover, setShowLinkPopover] = useState3(false);
@@ -558,37 +504,37 @@ function RichTextToolbar({ editor, preset }) {
       "data-testid": "rich-text-toolbar",
       className: "flex items-center gap-1 rounded border border-base-contrast/10 bg-base-accent p-1 shadow-md",
       children: [
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           ToolbarButton,
           {
             isActive: state.isBold,
             onClick: () => editor.chain().focus().toggleBold().run(),
             title: "Bold",
-            children: /* @__PURE__ */ jsx5("strong", { children: "B" })
+            children: /* @__PURE__ */ jsx4("strong", { children: "B" })
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           ToolbarButton,
           {
             isActive: state.isItalic,
             onClick: () => editor.chain().focus().toggleItalic().run(),
             title: "Italic",
-            children: /* @__PURE__ */ jsx5("em", { children: "I" })
+            children: /* @__PURE__ */ jsx4("em", { children: "I" })
           }
         ),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx4(
           ToolbarButton,
           {
             isActive: state.isUnderline,
             onClick: () => editor.chain().focus().toggleUnderline().run(),
             title: "Underline",
-            children: /* @__PURE__ */ jsx5("span", { className: "underline", children: "U" })
+            children: /* @__PURE__ */ jsx4("span", { className: "underline", children: "U" })
           }
         ),
         preset === "rich" && /* @__PURE__ */ jsxs2(Fragment2, { children: [
-          /* @__PURE__ */ jsx5(Separator, {}),
+          /* @__PURE__ */ jsx4(Separator, {}),
           /* @__PURE__ */ jsxs2("div", { className: "relative", children: [
-            /* @__PURE__ */ jsx5(
+            /* @__PURE__ */ jsx4(
               ToolbarButton,
               {
                 isActive: state.isLink || showLinkPopover,
@@ -597,7 +543,7 @@ function RichTextToolbar({ editor, preset }) {
                 children: "\u{1F517}"
               }
             ),
-            showLinkPopover && /* @__PURE__ */ jsx5("div", { className: "absolute left-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx5(
+            showLinkPopover && /* @__PURE__ */ jsx4("div", { className: "absolute left-0 top-full z-50 mt-1", children: /* @__PURE__ */ jsx4(
               LinkPopover,
               {
                 editor,
@@ -605,8 +551,8 @@ function RichTextToolbar({ editor, preset }) {
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsx5(Separator, {}),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(Separator, {}),
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isBulletList,
@@ -615,7 +561,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "\u2022\u2261"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isOrderedList,
@@ -624,8 +570,8 @@ function RichTextToolbar({ editor, preset }) {
               children: "1\u2261"
             }
           ),
-          /* @__PURE__ */ jsx5(Separator, {}),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(Separator, {}),
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isH3,
@@ -634,7 +580,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "H3"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isH4,
@@ -643,7 +589,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "H4"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isLarge,
@@ -652,7 +598,7 @@ function RichTextToolbar({ editor, preset }) {
               children: "Lg"
             }
           ),
-          /* @__PURE__ */ jsx5(
+          /* @__PURE__ */ jsx4(
             ToolbarButton,
             {
               isActive: state.isLeadIn,
@@ -668,7 +614,7 @@ function RichTextToolbar({ editor, preset }) {
 }
 
 // src/components/primitives/EditableRichText.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
 function isContentEmpty(html) {
   return html.replace(/<[^>]*>/g, "").trim().length === 0;
 }
@@ -736,7 +682,7 @@ function EditableRichText({
     }, 150);
   }, [deactivate]);
   if (!isEditMode) {
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       "div",
       {
         className,
@@ -747,9 +693,9 @@ function EditableRichText({
   if (!isEditorActive || !editor) {
     const empty = isContentEmpty(value);
     if (empty) {
-      return /* @__PURE__ */ jsx6("div", { className, onClick: handleClick, children: /* @__PURE__ */ jsx6("p", { className: "tiptap-placeholder", children: placeholder }) });
+      return /* @__PURE__ */ jsx5("div", { className, onClick: handleClick, children: /* @__PURE__ */ jsx5("p", { className: "tiptap-placeholder", children: placeholder }) });
     }
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx5(
       "div",
       {
         className,
@@ -766,7 +712,7 @@ function EditableRichText({
       onFocus: handleFocus,
       onBlur: handleBlur,
       children: [
-        /* @__PURE__ */ jsx6(
+        /* @__PURE__ */ jsx5(
           BubbleMenu,
           {
             editor,
@@ -775,10 +721,10 @@ function EditableRichText({
               const { from, to } = state.selection;
               return ed.isFocused && from !== to;
             },
-            children: /* @__PURE__ */ jsx6(RichTextToolbar, { editor, preset })
+            children: /* @__PURE__ */ jsx5(RichTextToolbar, { editor, preset })
           }
         ),
-        /* @__PURE__ */ jsx6(EditorContent, { editor })
+        /* @__PURE__ */ jsx5(EditorContent, { editor })
       ]
     }
   );

package/dist/{chunk-3DCG4DNU.js → chunk-PZJL2S3Z.js}

@@ -11,12 +11,16 @@ function isSafeHref(href) {
   return s === "http" || s === "https" || s === "mailto";
 }
 var LinkValueSchema = z.discriminatedUnion("kind", [
-  z.object({ kind: z.literal("external"), href: z.string().refine(isSafeHref, "Unsafe href scheme"), target: LinkTargetSchema }),
+  z.object({
+    kind: z.literal("external"),
+    href: z.string().refine(isSafeHref, "Unsafe href scheme").describe("An absolute http(s)/mailto URL, a relative path, or empty (unset). javascript:, data:, and protocol-relative URLs are rejected."),
+    target: LinkTargetSchema.describe("Where the link opens: '_self' (same tab) or '_blank' (new tab).")
+  }),
   z.object({
     kind: z.literal("internal"),
-    pageId: z.string(),
-    anchorSectionId: z.string().nullable().optional(),
-    target: LinkTargetSchema
+    pageId: z.string().describe("Id of the page to link to, within the same site."),
+    anchorSectionId: z.string().nullable().optional().describe("Optional section id on the target page to scroll to; null or omitted links to the page itself."),
+    target: LinkTargetSchema.describe("Where the link opens: '_self' (same tab) or '_blank' (new tab).")
   })
 ]);
 var DEFAULT_LINK = { kind: "external", href: "", target: "_self" };

package/dist/chunk-RBTSUR5V.js

@@ -0,0 +1,37 @@
+// src/lib/video-url.ts
+var YT_ID = /^[\w-]{6,20}$/;
+function parseVideoUrl(raw) {
+  let url;
+  try {
+    url = new URL(raw.trim());
+  } catch {
+    return null;
+  }
+  if (url.protocol !== "https:" && url.protocol !== "http:") return null;
+  const host = url.hostname.replace(/^www\./, "");
+  if (host === "youtube.com" || host === "m.youtube.com" || host === "youtube-nocookie.com") {
+    if (url.pathname === "/watch") {
+      const v = url.searchParams.get("v");
+      return v && YT_ID.test(v) ? { provider: "youtube", id: v } : null;
+    }
+    const m = url.pathname.match(/^\/(?:embed|shorts|live)\/([\w-]{6,20})$/);
+    return m ? { provider: "youtube", id: m[1] } : null;
+  }
+  if (host === "youtu.be") {
+    const m = url.pathname.match(/^\/([\w-]{6,20})$/);
+    return m ? { provider: "youtube", id: m[1] } : null;
+  }
+  if (host === "vimeo.com" || host === "player.vimeo.com") {
+    const m = url.pathname.match(/\/(\d{6,12})$/);
+    return m ? { provider: "vimeo", id: m[1] } : null;
+  }
+  return null;
+}
+function embedUrl(p) {
+  return p.provider === "youtube" ? `https://www.youtube-nocookie.com/embed/${p.id}` : `https://player.vimeo.com/video/${p.id}`;
+}
+
+export {
+  parseVideoUrl,
+  embedUrl
+};

package/dist/{chunk-6UDYJQL6.js → chunk-S55OZ7F2.js}

@@ -220,6 +220,12 @@ function resolveManifestReferences(content, manifest, sizes, provider) {
   }
   return content;
 }
+var BAKED_MEDIA_KEYS = ["src", "srcset", "alt", "width", "height", "poster"];
+function rebindImageRef(ref, imageId) {
+  const fresh = { ...ref, imageId };
+  for (const key of BAKED_MEDIA_KEYS) delete fresh[key];
+  return fresh;
+}
 
 // src/media/videoPoster.ts
 function generateVideoPoster(blob, quality) {
@@ -272,7 +278,7 @@ function generateVideoPoster(blob, quality) {
                 reject(new Error("Failed to create poster blob"));
                 return;
               }
-              resolve({ posterBlob, width: w, height: h });
+              resolve({ posterBlob, width: w, height: h, duration: video.duration });
             },
             "image/webp",
             quality / 100
@@ -312,6 +318,8 @@ export {
   ProcessingQueue,
   resolveMedia,
   resolveManifestReferences,
+  BAKED_MEDIA_KEYS,
+  rebindImageRef,
   generateVideoPoster,
   setMediaProvider,
   getMediaProvider

package/dist/{chunk-NR7UB6DZ.js → chunk-SFKYUKVN.js}

@@ -1,6 +1,6 @@
 import {
   HexColorSchema
-} from "./chunk-YMVYTYGQ.js";
+} from "./chunk-SWIHUIFT.js";
 
 // src/schemas/audience.ts
 import { z } from "zod";

package/dist/{chunk-YMVYTYGQ.js → chunk-SWIHUIFT.js}

@@ -24,32 +24,32 @@ var TextLineSchema = z.discriminatedUnion("type", [
   TextListItemLine
 ]);
 var BaseMediaRef = z.object({
-  imageId: z.string().default(""),
-  caption: z.union([z.string(), z.array(z.string())]).optional(),
-  background: z.string().optional(),
-  invertFrom: z.string().optional(),
-  border: z.boolean().optional(),
-  objectFit: z.enum(["cover", "contain"]).optional()
+  imageId: z.string().default("").describe("Media-library id of the image/video asset."),
+  caption: z.union([z.string(), z.array(z.string())]).optional().describe("Optional caption: a single string, or multiple lines as an array of strings."),
+  background: z.string().optional().describe("Optional CSS background color/value shown behind a transparent image."),
+  invertFrom: z.string().optional().describe("Optional CSS color; the image inverts when the page background matches it (e.g. for dark-mode logo swaps)."),
+  border: z.boolean().optional().describe("When true, draw a border around the media."),
+  objectFit: z.enum(["cover", "contain"]).optional().describe("How the image fills its box: 'contain' (fit whole image) or 'cover' (fill and crop).")
 });
 var ImageRef = BaseMediaRef.extend({
   type: z.literal("image")
 });
 var VideoRef = BaseMediaRef.extend({
   type: z.literal("video"),
-  poster: z.string().optional(),
-  autoplay: z.boolean().optional(),
-  loop: z.boolean().optional(),
-  muted: z.boolean().optional()
+  poster: z.string().optional().describe("Optional poster-image URL shown before playback starts."),
+  autoplay: z.boolean().optional().describe("When true, the video starts playing automatically."),
+  loop: z.boolean().optional().describe("When true, the video repeats when it finishes."),
+  muted: z.boolean().optional().describe("When true, the video plays without sound.")
 });
 var DoDontImageRef = BaseMediaRef.extend({
   type: z.literal("doDontImage"),
-  doDont: z.enum(["do", "dont"])
+  doDont: z.enum(["do", "dont"]).describe("Whether this is a 'do' (correct) or 'dont' (incorrect) example.")
 });
 var LinkedImageRef = BaseMediaRef.extend({
   type: z.literal("linkedImage"),
-  href: z.string(),
-  target: z.string().optional(),
-  linkText: z.string().optional()
+  href: z.string().describe("URL the image links to."),
+  target: z.string().optional().describe("Link target, e.g. '_self' or '_blank'."),
+  linkText: z.string().optional().describe("Optional accessible link text/label.")
 });
 var MediaReferenceSchema = z.discriminatedUnion("type", [
   ImageRef,
@@ -79,7 +79,16 @@ var MediaItemSchema = z2.object({
   size: z2.number().int().nonnegative(),
   folder: z2.string(),
   variants: z2.array(VariantSchema),
-  alt: z2.string().default("")
+  alt: z2.string().default(""),
+  // Where the original bytes live. "github" = committed to the repo (images,
+  // small loops); "assets" = large original in the AssetStore bucket. Legacy
+  // manifests have no field — default keeps them on the git path.
+  storage: z2.enum(["github", "assets"]).default("github"),
+  // Public CDN URL for assets-backed originals, baked at upload time so
+  // resolution needs no env access in the browser or at SSR.
+  url: z2.string().optional(),
+  // Seconds; videos only. Informational (library UI).
+  duration: z2.number().positive().optional()
 });
 var ImageManifestSchema = z2.object({
   images: z2.record(z2.string(), MediaItemSchema)
@@ -87,7 +96,10 @@ var ImageManifestSchema = z2.object({
 var MediaConfigSchema = z2.object({
   sizes: z2.array(z2.number()).default([640, 1080, 1920]),
   maxFileSize: z2.number().default(5242880),
-  quality: z2.number().min(1).max(100).default(85)
+  quality: z2.number().min(1).max(100).default(85),
+  // Per-file cap for bucket-backed video uploads (bytes). The git-path cap is
+  // maxFileSize; anything between the two routes to the AssetStore.
+  maxAssetSize: z2.number().default(209715200)
 });
 
 // src/schemas/site-config.ts

package/dist/{chunk-KWBM27UR.js → chunk-T7MP7ANP.js}

@@ -3,11 +3,13 @@ import {
   DeleteIcon,
   DragHandle,
   IconButton,
-  SettingsIcon
-} from "./chunk-I5737FJY.js";
+  SettingsIcon,
+  useMediaLibrary,
+  useResolvedMedia
+} from "./chunk-IFHRHV7S.js";
 import {
-  getMediaProvider
-} from "./chunk-6UDYJQL6.js";
+  rebindImageRef
+} from "./chunk-S55OZ7F2.js";
 import {
   cn
 } from "./chunk-7EOSDFS3.js";
@@ -128,60 +130,6 @@ function EditablePlainText({
 // src/components/primitives/ResolvedMedia.tsx
 import { useState as useState2 } from "react";
 import { ImageIcon } from "lucide-react";
-
-// src/hooks/useResolvedMedia.ts
-import { useMemo } from "react";
-
-// src/components/shell/MediaLibraryContext.tsx
-import { createContext, useContext } from "react";
-var MediaLibraryContext = createContext(null);
-function useMediaLibrary() {
-  return useContext(MediaLibraryContext);
-}
-
-// src/hooks/useResolvedMedia.ts
-function useResolvedMedia(imageId) {
-  const ctx = useMediaLibrary();
-  return useMemo(() => {
-    if (!imageId || !ctx) {
-      return { src: void 0, srcset: void 0, poster: void 0, alt: "", kind: "image" };
-    }
-    const { manifest, pendingItems, pendingLocalUrls, siteConfig } = ctx;
-    const sizes = siteConfig?.media?.sizes ?? [640, 1080, 1920];
-    const manifestItem = manifest.images[imageId];
-    const pendingItem = pendingItems.find((i) => i.id === imageId);
-    const item = manifestItem ?? pendingItem;
-    const alt = item?.alt ?? "";
-    const kind = item?.kind ?? "image";
-    const width = item?.width;
-    const height = item?.height;
-    const localUrl = pendingLocalUrls[imageId];
-    if (localUrl) {
-      return { src: localUrl, srcset: void 0, poster: void 0, alt, kind, width, height };
-    }
-    if (manifestItem) {
-      const provider = getMediaProvider();
-      const resolved = provider.resolve(manifestItem, sizes);
-      if (resolved && resolved.tag === "img") {
-        return {
-          src: resolved.src,
-          srcset: "srcSet" in resolved ? resolved.srcSet : void 0,
-          poster: void 0,
-          alt,
-          kind,
-          width: resolved.width,
-          height: resolved.height
-        };
-      }
-      if (resolved && resolved.tag === "video") {
-        return { src: resolved.src, srcset: void 0, poster: resolved.poster, alt, kind, width: resolved.width, height: resolved.height };
-      }
-    }
-    return { src: void 0, srcset: void 0, poster: void 0, alt, kind, width, height };
-  }, [imageId, ctx]);
-}
-
-// src/components/primitives/ResolvedMedia.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ResolvedMedia({
   imageId,
@@ -195,13 +143,14 @@ function ResolvedMedia({
   invertFrom
 }) {
   const resolved = useResolvedMedia(imageId);
-  const src = propSrc || resolved.src;
-  const srcset = propSrcset || resolved.srcset;
+  const hasResolved = !!resolved.src;
+  const src = hasResolved ? resolved.src : propSrc;
+  const srcset = hasResolved ? resolved.srcset : propSrcset;
   const poster = resolved.poster;
-  const alt = propAlt ?? resolved.alt;
+  const alt = hasResolved ? resolved.alt : propAlt ?? "";
   const kind = resolved.kind;
-  const width = propWidth ?? resolved.width;
-  const height = propHeight ?? resolved.height;
+  const width = hasResolved ? resolved.width : propWidth;
+  const height = hasResolved ? resolved.height : propHeight;
   const [loaded, setLoaded] = useState2(false);
   const invertClass = invertFrom === "light" ? "invert dark:invert-0" : invertFrom === "dark" ? "dark:invert" : void 0;
   const mediaClass = cn("relative h-full w-full", imgClassName, invertClass);
@@ -314,7 +263,7 @@ function MediaBlock({ refValue, options, link, isEditMode, onRefChange }) {
   const fitClass = fit === "cover" ? "object-cover" : "object-contain";
   const showBorder = refValue.border ?? options.border;
   const captionStr = refValue.caption ? Array.isArray(refValue.caption) ? refValue.caption.join("\n") : refValue.caption : "";
-  const replace = onRefChange ? (imageId) => onRefChange({ ...refValue, imageId }) : void 0;
+  const replace = onRefChange ? (imageId) => onRefChange(rebindImageRef(refValue, imageId)) : void 0;
   const baked = refValue;
   const bakedWidth = typeof baked.width === "number" ? baked.width : void 0;
   const bakedHeight = typeof baked.height === "number" ? baked.height : void 0;