@valbuild/react 0.101.1 → 0.103.0

package/dist/declarations/src/internal/ValRichText.d.ts

@@ -1,5 +1,5 @@
 import { RichTextNode as RichTextSourceNode, AllRichTextOptions, RichTextOptions, SelectorSource, Schema } from "@valbuild/core";
-import { CSSProperties, ReactNode } from "react";
+import { CSSProperties, type JSX, ReactNode } from "react";
 import { RichText, StegaOfRichTextSource } from "../stega/index.js";
 type DefaultThemes = Partial<{
     br: string | null;
@@ -77,5 +77,5 @@ export declare function ValRichText<O extends RichTextOptions>({ className, styl
     children: RichText<O>;
 } | {
     content: RichText<O>;
-})): import("react/jsx-runtime").JSX.Element;
+})): JSX.Element;
 export {};

package/dist/declarations/src/jsx-dev-runtime.d.ts

@@ -1,2 +1,2 @@
-export function jsxDEV(type: any, props: any, key: any, isStaticChildren: any, source: any, self: any): any;
+export function jsxDEV(type: any, props: any, key: any, isStaticChildren: any, source: any, self: any): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
 export * from "react/jsx-dev-runtime";

package/dist/declarations/src/jsx-namespace.d.ts

@@ -1,17 +1,20 @@
 import { Source, Val } from "@valbuild/core";
 
 // unpack all here to avoid infinite self-referencing when defining our own JSX namespace
-type ReactJSXElement = JSX.Element;
-type ReactJSXElementClass = JSX.ElementClass;
-type ReactJSXElementAttributesProperty = JSX.ElementAttributesProperty;
-type ReactJSXElementChildrenAttribute = JSX.ElementChildrenAttribute;
-type ReactJSXLibraryManagedAttributes<C, P> = JSX.LibraryManagedAttributes<
-  C,
-  P
->;
-type ReactJSXIntrinsicAttributes = JSX.IntrinsicAttributes;
-type ReactJSXIntrinsicClassAttributes<T> = JSX.IntrinsicClassAttributes<T>;
-type ReactJSXIntrinsicElements = JSX.IntrinsicElements;
+//
+// `React.JSX` rather than the bare global `JSX`: @types/react 19 removed the
+// global JSX namespace, so the only remaining declaration is the one on the
+// react module itself.
+type ReactJSXElement = React.JSX.Element;
+type ReactJSXElementClass = React.JSX.ElementClass;
+type ReactJSXElementAttributesProperty = React.JSX.ElementAttributesProperty;
+type ReactJSXElementChildrenAttribute = React.JSX.ElementChildrenAttribute;
+type ReactJSXLibraryManagedAttributes<C, P> =
+  React.JSX.LibraryManagedAttributes<C, P>;
+type ReactJSXIntrinsicAttributes = React.JSX.IntrinsicAttributes;
+type ReactJSXIntrinsicClassAttributes<T> =
+  React.JSX.IntrinsicClassAttributes<T>;
+type ReactJSXIntrinsicElements = React.JSX.IntrinsicElements;
 
 type MaybeVal<T> = T extends Source ? Val<T> | T : T;
 type WithVal<T extends object> = {

package/dist/declarations/src/stega/stegaEncode.d.ts

@@ -1,4 +1,4 @@
-import { Json, RichTextSource, ImageMetadata, FileMetadata, RichTextOptions, ImageSource } from "@valbuild/core";
+import { Json, RichTextSource, MediaHotspot, RichTextOptions, ImageSource } from "@valbuild/core";
 import { FileSource, Source, SourceObject } from "@valbuild/core";
 import { JsonPrimitive } from "@valbuild/core";
 import { SourceArray } from "@valbuild/core";
@@ -146,13 +146,25 @@ export type ValEncodedString = `${string}__VAL_ENCODED_STRING_INVISIBLE_CHARS` &
     length: never;
     [brand]: "ValEncodedString";
 };
+/**
+ * An image as a consumer sees it: what was authored, plus the generated `url`.
+ *
+ * `path` stays a plain string — it is what `url` is derived from, so encoding it
+ * would corrupt every URL built from it.
+ */
 export type Image = {
+    readonly path: string;
     readonly url: ValEncodedString;
-    readonly metadata?: ImageMetadata;
+    readonly width?: number;
+    readonly height?: number;
+    readonly mimeType?: string;
+    readonly alt?: string;
+    readonly hotspot?: MediaHotspot;
 };
-export type File<Metadata extends FileMetadata> = {
+export type File = {
+    readonly path: string;
     readonly url: ValEncodedString;
-    readonly metadata?: Metadata;
+    readonly mimeType?: string;
 };
 export type StegaOfRichTextSource<T extends Source> = Json extends T ? Json : T extends ImageSource ? Image : T extends SourceObject ? {
     [key in keyof T]: StegaOfRichTextSource<T[key]>;
@@ -163,7 +175,7 @@ export type StegaOfRichTextSource<T extends Source> = Json extends T ? Json : T
 export type RichText<O extends RichTextOptions> = StegaOfRichTextSource<RichTextSource<O>> & {
     readonly __brand?: "RichText";
 };
-export type StegaOfSource<T extends Source> = Json extends T ? Json : T extends RichTextSource<infer O> ? RichText<O> : T extends ImageSource ? Image : T extends FileSource<infer M> ? M extends FileMetadata ? File<M> : never : T extends SourceObject ? {
+export type StegaOfSource<T extends Source> = Json extends T ? Json : T extends RichTextSource<infer O> ? RichText<O> : T extends ImageSource ? Image : T extends FileSource ? File : T extends SourceObject ? {
     [key in keyof T]: StegaOfSource<T[key]>;
 } : T extends SourceArray ? StegaOfSource<T[number]>[] : T extends RawString ? string : string extends T ? ValEncodedString : T extends JsonPrimitive ? T : never;
 export declare function stegaEncode(input: any, opts: {

package/dist/{raw-bac58cc7.cjs.prod.js → raw-18eb953f.cjs.prod.js}

@@ -149,6 +149,13 @@ function _toConsumableArray(r) {
  *
  */
 
+/**
+ * An image as a consumer sees it: what was authored, plus the generated `url`.
+ *
+ * `path` stays a plain string — it is what `url` is derived from, so encoding it
+ * would corrupt every URL built from it.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -206,6 +213,28 @@ function resolveLiteralUnionSchema(source, schema) {
   return matchingSchema || null;
 }
 
+/**
+ * The image schema of a richtext's inline images.
+ *
+ * `inline.img` serializes as `true` when the author did not pass a schema, so
+ * there is nothing to hand down; a bare `{type: "image"}` is enough, since all
+ * the media branch needs is to know that it is looking at media.
+ */
+function inlineImageSchemaOf(schema) {
+  var _schema$options;
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) !== "richtext") {
+    return undefined;
+  }
+  var img = (_schema$options = schema.options) === null || _schema$options === void 0 || (_schema$options = _schema$options.inline) === null || _schema$options === void 0 ? void 0 : _schema$options.img;
+  if (!img) {
+    return undefined;
+  }
+  return img === true ? {
+    type: "image",
+    opt: false
+  } : img;
+}
+
 /**
  * Handles richtext schema traversal with callback support.
  * Processes richtext structures (string, array, or object format).
@@ -231,13 +260,17 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
     if (!sourceOrSelector) {
       return null;
     }
+    // An inline image's `src` is media, and media is now recognised only from
+    // the schema. Passing the richtext schema down (as every other key does)
+    // would leave it looking like a plain object, and it would lose its `url`.
+    var imgSchema = sourceOrSelector.tag === "img" ? inlineImageSchemaOf(recOpts.schema) : undefined;
     var richtextSelector = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
       var _ref3 = slicedToArray._slicedToArray(_ref2, 2),
         key = _ref3[0],
         value = _ref3[1];
       return [key, key === "tag" || key === "styles" ? value : rec(value, {
         path: recOpts.path,
-        schema: recOpts.schema
+        schema: key === "src" && imgSchema ? imgSchema : recOpts.schema
       })];
     }));
     return richtextSelector;
@@ -286,6 +319,14 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && (isImageSchema(recOpts.schema) || isFileSchema(recOpts.schema)) && sourceOrSelector && slicedToArray._typeof(sourceOrSelector) === "object") {
+      var src = opts.getModule ? core.Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
+      // `url` carries the edit tag, so a click on an image reaches its field.
+      // `path` must stay raw: it is what the URL was derived from.
+      return _objectSpread2(_objectSpread2({}, src), {}, {
+        url: rec(core.Internal.mediaUrl(src), recOpts)
+      });
+    }
     if (slicedToArray._typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
         return null;
@@ -293,30 +334,11 @@ function stegaEncode(input, opts) {
       var selectorPath = core.Internal.getValPath(sourceOrSelector);
       if (selectorPath) {
         var newSchema = core.Internal.getSchema(sourceOrSelector);
-        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : core.Internal.getSource(sourceOrSelector), opts.disabled ? undefined : {
+        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : core.Internal.getSource(sourceOrSelector), {
           path: selectorPath,
           schema: newSchema === null || newSchema === void 0 ? void 0 : newSchema["executeSerialize"]()
         });
       }
-      if (core.VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
-          var source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var fileSelector = core.Internal.convertFileSource(source);
-          var url = fileSelector.url;
-          return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(url, recOpts)
-          });
-        } else if (sourceOrSelector[core.VAL_EXTENSION] === "remote") {
-          var _source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var remoteSelector = core.Internal.convertFileSource(_source);
-          var _url = remoteSelector.url;
-          return _objectSpread2(_objectSpread2({}, remoteSelector), {}, {
-            url: rec(_url, recOpts)
-          });
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[core.VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         return sourceOrSelector.map(function (el, i) {
           return rec(el, recOpts && {
@@ -344,7 +366,11 @@ function stegaEncode(input, opts) {
     }
     if (typeof sourceOrSelector === "string") {
       var _recOpts$schema, _recOpts$schema2;
-      if (!recOpts) {
+      // `disabled` suppresses the steganography, NOT the schema. Media is
+      // recognised from the schema now, so dropping it here — which is what
+      // this function used to do — would strip `url` from every image on every
+      // production page, where `disabled` is the normal case.
+      if (!recOpts || opts.disabled) {
         return sourceOrSelector;
       }
       if ((_recOpts$schema = recOpts.schema) !== null && _recOpts$schema !== void 0 && _recOpts$schema.raw || ((_recOpts$schema2 = recOpts.schema) === null || _recOpts$schema2 === void 0 ? void 0 : _recOpts$schema2.type) === "literal") {
@@ -364,7 +390,7 @@ function stegaEncode(input, opts) {
     console.error("Unexpected type of source selector: ".concat(slicedToArray._typeof(sourceOrSelector)));
     return sourceOrSelector;
   }
-  return rec(input, opts.disabled ? undefined : opts.root);
+  return rec(input, opts.root);
 }
 function isRecordSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "record";
@@ -403,31 +429,6 @@ function isFileSchema(schema) {
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
-function augmentWithReferencedModuleMetadata(source, schema, getModule) {
-  if (source.metadata || !(isFileSchema(schema) || isImageSchema(schema)) || !schema.referencedModule) {
-    return source;
-  }
-  var moduleSource = getModule(schema.referencedModule);
-  if (!moduleSource || slicedToArray._typeof(moduleSource) !== "object" || Array.isArray(moduleSource)) {
-    return source;
-  }
-  var ref = source[core.FILE_REF_PROP];
-  // For local files the ref is the file path directly; for remote refs we
-  // need to extract the file path from the remote URL.
-  var fileRef = ref in moduleSource ? ref : null;
-  if (!fileRef) {
-    var splitResult = core.Internal.remote.splitRemoteRef(ref);
-    if (splitResult.status === "success" && splitResult.filePath in moduleSource) {
-      fileRef = splitResult.filePath;
-    }
-  }
-  if (!fileRef) {
-    return source;
-  }
-  return _objectSpread2(_objectSpread2({}, source), {}, {
-    metadata: moduleSource[fileRef]
-  });
-}
 function collectReferencedModulesFromSchema(schema, acc) {
   if (isFileSchema(schema) || isImageSchema(schema)) {
     if (schema.referencedModule) {
@@ -477,16 +478,6 @@ function getModuleIds(input) {
         }
         return;
       }
-      if (core.VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[core.VAL_EXTENSION] === "richtext") {
-          return;
-        }
-        if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
-          return;
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[core.VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         sourceOrSelector.forEach(rec);
         return;

package/dist/{raw-0293ccee.browser.esm.js → raw-31c1b7d6.browser.esm.js}

@@ -1,5 +1,5 @@
 import { b as _unsupportedIterableToArray, a as _typeof, c as _arrayLikeToArray, _ as _slicedToArray } from './slicedToArray-9cce0d9f.browser.esm.js';
-import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
+import { Internal } from '@valbuild/core';
 import { vercelStegaDecodeAll, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 
 function _createForOfIteratorHelper(r, e) {
@@ -147,6 +147,13 @@ function _toConsumableArray(r) {
  *
  */
 
+/**
+ * An image as a consumer sees it: what was authored, plus the generated `url`.
+ *
+ * `path` stays a plain string — it is what `url` is derived from, so encoding it
+ * would corrupt every URL built from it.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -204,6 +211,28 @@ function resolveLiteralUnionSchema(source, schema) {
   return matchingSchema || null;
 }
 
+/**
+ * The image schema of a richtext's inline images.
+ *
+ * `inline.img` serializes as `true` when the author did not pass a schema, so
+ * there is nothing to hand down; a bare `{type: "image"}` is enough, since all
+ * the media branch needs is to know that it is looking at media.
+ */
+function inlineImageSchemaOf(schema) {
+  var _schema$options;
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) !== "richtext") {
+    return undefined;
+  }
+  var img = (_schema$options = schema.options) === null || _schema$options === void 0 || (_schema$options = _schema$options.inline) === null || _schema$options === void 0 ? void 0 : _schema$options.img;
+  if (!img) {
+    return undefined;
+  }
+  return img === true ? {
+    type: "image",
+    opt: false
+  } : img;
+}
+
 /**
  * Handles richtext schema traversal with callback support.
  * Processes richtext structures (string, array, or object format).
@@ -229,13 +258,17 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
     if (!sourceOrSelector) {
       return null;
     }
+    // An inline image's `src` is media, and media is now recognised only from
+    // the schema. Passing the richtext schema down (as every other key does)
+    // would leave it looking like a plain object, and it would lose its `url`.
+    var imgSchema = sourceOrSelector.tag === "img" ? inlineImageSchemaOf(recOpts.schema) : undefined;
     var richtextSelector = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2),
         key = _ref3[0],
         value = _ref3[1];
       return [key, key === "tag" || key === "styles" ? value : rec(value, {
         path: recOpts.path,
-        schema: recOpts.schema
+        schema: key === "src" && imgSchema ? imgSchema : recOpts.schema
       })];
     }));
     return richtextSelector;
@@ -284,6 +317,14 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && (isImageSchema(recOpts.schema) || isFileSchema(recOpts.schema)) && sourceOrSelector && _typeof(sourceOrSelector) === "object") {
+      var src = opts.getModule ? Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
+      // `url` carries the edit tag, so a click on an image reaches its field.
+      // `path` must stay raw: it is what the URL was derived from.
+      return _objectSpread2(_objectSpread2({}, src), {}, {
+        url: rec(Internal.mediaUrl(src), recOpts)
+      });
+    }
     if (_typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
         return null;
@@ -291,30 +332,11 @@ function stegaEncode(input, opts) {
       var selectorPath = Internal.getValPath(sourceOrSelector);
       if (selectorPath) {
         var newSchema = Internal.getSchema(sourceOrSelector);
-        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : Internal.getSource(sourceOrSelector), opts.disabled ? undefined : {
+        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : Internal.getSource(sourceOrSelector), {
           path: selectorPath,
           schema: newSchema === null || newSchema === void 0 ? void 0 : newSchema["executeSerialize"]()
         });
       }
-      if (VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
-          var source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var fileSelector = Internal.convertFileSource(source);
-          var url = fileSelector.url;
-          return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(url, recOpts)
-          });
-        } else if (sourceOrSelector[VAL_EXTENSION] === "remote") {
-          var _source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var remoteSelector = Internal.convertFileSource(_source);
-          var _url = remoteSelector.url;
-          return _objectSpread2(_objectSpread2({}, remoteSelector), {}, {
-            url: rec(_url, recOpts)
-          });
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         return sourceOrSelector.map(function (el, i) {
           return rec(el, recOpts && {
@@ -342,7 +364,11 @@ function stegaEncode(input, opts) {
     }
     if (typeof sourceOrSelector === "string") {
       var _recOpts$schema, _recOpts$schema2;
-      if (!recOpts) {
+      // `disabled` suppresses the steganography, NOT the schema. Media is
+      // recognised from the schema now, so dropping it here — which is what
+      // this function used to do — would strip `url` from every image on every
+      // production page, where `disabled` is the normal case.
+      if (!recOpts || opts.disabled) {
         return sourceOrSelector;
       }
       if ((_recOpts$schema = recOpts.schema) !== null && _recOpts$schema !== void 0 && _recOpts$schema.raw || ((_recOpts$schema2 = recOpts.schema) === null || _recOpts$schema2 === void 0 ? void 0 : _recOpts$schema2.type) === "literal") {
@@ -362,7 +388,7 @@ function stegaEncode(input, opts) {
     console.error("Unexpected type of source selector: ".concat(_typeof(sourceOrSelector)));
     return sourceOrSelector;
   }
-  return rec(input, opts.disabled ? undefined : opts.root);
+  return rec(input, opts.root);
 }
 function isRecordSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "record";
@@ -401,31 +427,6 @@ function isFileSchema(schema) {
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
-function augmentWithReferencedModuleMetadata(source, schema, getModule) {
-  if (source.metadata || !(isFileSchema(schema) || isImageSchema(schema)) || !schema.referencedModule) {
-    return source;
-  }
-  var moduleSource = getModule(schema.referencedModule);
-  if (!moduleSource || _typeof(moduleSource) !== "object" || Array.isArray(moduleSource)) {
-    return source;
-  }
-  var ref = source[FILE_REF_PROP];
-  // For local files the ref is the file path directly; for remote refs we
-  // need to extract the file path from the remote URL.
-  var fileRef = ref in moduleSource ? ref : null;
-  if (!fileRef) {
-    var splitResult = Internal.remote.splitRemoteRef(ref);
-    if (splitResult.status === "success" && splitResult.filePath in moduleSource) {
-      fileRef = splitResult.filePath;
-    }
-  }
-  if (!fileRef) {
-    return source;
-  }
-  return _objectSpread2(_objectSpread2({}, source), {}, {
-    metadata: moduleSource[fileRef]
-  });
-}
 function collectReferencedModulesFromSchema(schema, acc) {
   if (isFileSchema(schema) || isImageSchema(schema)) {
     if (schema.referencedModule) {
@@ -475,16 +476,6 @@ function getModuleIds(input) {
         }
         return;
       }
-      if (VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
-          return;
-        }
-        if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
-          return;
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         sourceOrSelector.forEach(rec);
         return;

package/dist/{raw-a20b5f53.worker.esm.js → raw-5a505416.worker.esm.js}

@@ -1,5 +1,5 @@
 import { b as _unsupportedIterableToArray, a as _typeof, c as _arrayLikeToArray, _ as _slicedToArray } from './slicedToArray-7d0170b6.worker.esm.js';
-import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
+import { Internal } from '@valbuild/core';
 import { vercelStegaDecodeAll, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 
 function _createForOfIteratorHelper(r, e) {
@@ -147,6 +147,13 @@ function _toConsumableArray(r) {
  *
  */
 
+/**
+ * An image as a consumer sees it: what was authored, plus the generated `url`.
+ *
+ * `path` stays a plain string — it is what `url` is derived from, so encoding it
+ * would corrupt every URL built from it.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -204,6 +211,28 @@ function resolveLiteralUnionSchema(source, schema) {
   return matchingSchema || null;
 }
 
+/**
+ * The image schema of a richtext's inline images.
+ *
+ * `inline.img` serializes as `true` when the author did not pass a schema, so
+ * there is nothing to hand down; a bare `{type: "image"}` is enough, since all
+ * the media branch needs is to know that it is looking at media.
+ */
+function inlineImageSchemaOf(schema) {
+  var _schema$options;
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) !== "richtext") {
+    return undefined;
+  }
+  var img = (_schema$options = schema.options) === null || _schema$options === void 0 || (_schema$options = _schema$options.inline) === null || _schema$options === void 0 ? void 0 : _schema$options.img;
+  if (!img) {
+    return undefined;
+  }
+  return img === true ? {
+    type: "image",
+    opt: false
+  } : img;
+}
+
 /**
  * Handles richtext schema traversal with callback support.
  * Processes richtext structures (string, array, or object format).
@@ -229,13 +258,17 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
     if (!sourceOrSelector) {
       return null;
     }
+    // An inline image's `src` is media, and media is now recognised only from
+    // the schema. Passing the richtext schema down (as every other key does)
+    // would leave it looking like a plain object, and it would lose its `url`.
+    var imgSchema = sourceOrSelector.tag === "img" ? inlineImageSchemaOf(recOpts.schema) : undefined;
     var richtextSelector = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2),
         key = _ref3[0],
         value = _ref3[1];
       return [key, key === "tag" || key === "styles" ? value : rec(value, {
         path: recOpts.path,
-        schema: recOpts.schema
+        schema: key === "src" && imgSchema ? imgSchema : recOpts.schema
       })];
     }));
     return richtextSelector;
@@ -284,6 +317,14 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && (isImageSchema(recOpts.schema) || isFileSchema(recOpts.schema)) && sourceOrSelector && _typeof(sourceOrSelector) === "object") {
+      var src = opts.getModule ? Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
+      // `url` carries the edit tag, so a click on an image reaches its field.
+      // `path` must stay raw: it is what the URL was derived from.
+      return _objectSpread2(_objectSpread2({}, src), {}, {
+        url: rec(Internal.mediaUrl(src), recOpts)
+      });
+    }
     if (_typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
         return null;
@@ -291,30 +332,11 @@ function stegaEncode(input, opts) {
       var selectorPath = Internal.getValPath(sourceOrSelector);
       if (selectorPath) {
         var newSchema = Internal.getSchema(sourceOrSelector);
-        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : Internal.getSource(sourceOrSelector), opts.disabled ? undefined : {
+        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : Internal.getSource(sourceOrSelector), {
           path: selectorPath,
           schema: newSchema === null || newSchema === void 0 ? void 0 : newSchema["executeSerialize"]()
         });
       }
-      if (VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
-          var source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var fileSelector = Internal.convertFileSource(source);
-          var url = fileSelector.url;
-          return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(url, recOpts)
-          });
-        } else if (sourceOrSelector[VAL_EXTENSION] === "remote") {
-          var _source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var remoteSelector = Internal.convertFileSource(_source);
-          var _url = remoteSelector.url;
-          return _objectSpread2(_objectSpread2({}, remoteSelector), {}, {
-            url: rec(_url, recOpts)
-          });
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         return sourceOrSelector.map(function (el, i) {
           return rec(el, recOpts && {
@@ -342,7 +364,11 @@ function stegaEncode(input, opts) {
     }
     if (typeof sourceOrSelector === "string") {
       var _recOpts$schema, _recOpts$schema2;
-      if (!recOpts) {
+      // `disabled` suppresses the steganography, NOT the schema. Media is
+      // recognised from the schema now, so dropping it here — which is what
+      // this function used to do — would strip `url` from every image on every
+      // production page, where `disabled` is the normal case.
+      if (!recOpts || opts.disabled) {
         return sourceOrSelector;
       }
       if ((_recOpts$schema = recOpts.schema) !== null && _recOpts$schema !== void 0 && _recOpts$schema.raw || ((_recOpts$schema2 = recOpts.schema) === null || _recOpts$schema2 === void 0 ? void 0 : _recOpts$schema2.type) === "literal") {
@@ -362,7 +388,7 @@ function stegaEncode(input, opts) {
     console.error("Unexpected type of source selector: ".concat(_typeof(sourceOrSelector)));
     return sourceOrSelector;
   }
-  return rec(input, opts.disabled ? undefined : opts.root);
+  return rec(input, opts.root);
 }
 function isRecordSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "record";
@@ -401,31 +427,6 @@ function isFileSchema(schema) {
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
-function augmentWithReferencedModuleMetadata(source, schema, getModule) {
-  if (source.metadata || !(isFileSchema(schema) || isImageSchema(schema)) || !schema.referencedModule) {
-    return source;
-  }
-  var moduleSource = getModule(schema.referencedModule);
-  if (!moduleSource || _typeof(moduleSource) !== "object" || Array.isArray(moduleSource)) {
-    return source;
-  }
-  var ref = source[FILE_REF_PROP];
-  // For local files the ref is the file path directly; for remote refs we
-  // need to extract the file path from the remote URL.
-  var fileRef = ref in moduleSource ? ref : null;
-  if (!fileRef) {
-    var splitResult = Internal.remote.splitRemoteRef(ref);
-    if (splitResult.status === "success" && splitResult.filePath in moduleSource) {
-      fileRef = splitResult.filePath;
-    }
-  }
-  if (!fileRef) {
-    return source;
-  }
-  return _objectSpread2(_objectSpread2({}, source), {}, {
-    metadata: moduleSource[fileRef]
-  });
-}
 function collectReferencedModulesFromSchema(schema, acc) {
   if (isFileSchema(schema) || isImageSchema(schema)) {
     if (schema.referencedModule) {
@@ -475,16 +476,6 @@ function getModuleIds(input) {
         }
         return;
       }
-      if (VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
-          return;
-        }
-        if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
-          return;
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         sourceOrSelector.forEach(rec);
         return;

package/dist/{raw-e561ced7.esm.js → raw-628bf5e1.esm.js}

@@ -1,5 +1,5 @@
 import { b as _unsupportedIterableToArray, a as _typeof, c as _arrayLikeToArray, _ as _slicedToArray } from './slicedToArray-0c0a3b4a.esm.js';
-import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
+import { Internal } from '@valbuild/core';
 import { vercelStegaDecodeAll, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 
 function _createForOfIteratorHelper(r, e) {
@@ -147,6 +147,13 @@ function _toConsumableArray(r) {
  *
  */
 
+/**
+ * An image as a consumer sees it: what was authored, plus the generated `url`.
+ *
+ * `path` stays a plain string — it is what `url` is derived from, so encoding it
+ * would corrupt every URL built from it.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -204,6 +211,28 @@ function resolveLiteralUnionSchema(source, schema) {
   return matchingSchema || null;
 }
 
+/**
+ * The image schema of a richtext's inline images.
+ *
+ * `inline.img` serializes as `true` when the author did not pass a schema, so
+ * there is nothing to hand down; a bare `{type: "image"}` is enough, since all
+ * the media branch needs is to know that it is looking at media.
+ */
+function inlineImageSchemaOf(schema) {
+  var _schema$options;
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) !== "richtext") {
+    return undefined;
+  }
+  var img = (_schema$options = schema.options) === null || _schema$options === void 0 || (_schema$options = _schema$options.inline) === null || _schema$options === void 0 ? void 0 : _schema$options.img;
+  if (!img) {
+    return undefined;
+  }
+  return img === true ? {
+    type: "image",
+    opt: false
+  } : img;
+}
+
 /**
  * Handles richtext schema traversal with callback support.
  * Processes richtext structures (string, array, or object format).
@@ -229,13 +258,17 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
     if (!sourceOrSelector) {
       return null;
     }
+    // An inline image's `src` is media, and media is now recognised only from
+    // the schema. Passing the richtext schema down (as every other key does)
+    // would leave it looking like a plain object, and it would lose its `url`.
+    var imgSchema = sourceOrSelector.tag === "img" ? inlineImageSchemaOf(recOpts.schema) : undefined;
     var richtextSelector = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
       var _ref3 = _slicedToArray(_ref2, 2),
         key = _ref3[0],
         value = _ref3[1];
       return [key, key === "tag" || key === "styles" ? value : rec(value, {
         path: recOpts.path,
-        schema: recOpts.schema
+        schema: key === "src" && imgSchema ? imgSchema : recOpts.schema
       })];
     }));
     return richtextSelector;
@@ -284,6 +317,14 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && (isImageSchema(recOpts.schema) || isFileSchema(recOpts.schema)) && sourceOrSelector && _typeof(sourceOrSelector) === "object") {
+      var src = opts.getModule ? Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
+      // `url` carries the edit tag, so a click on an image reaches its field.
+      // `path` must stay raw: it is what the URL was derived from.
+      return _objectSpread2(_objectSpread2({}, src), {}, {
+        url: rec(Internal.mediaUrl(src), recOpts)
+      });
+    }
     if (_typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
         return null;
@@ -291,30 +332,11 @@ function stegaEncode(input, opts) {
       var selectorPath = Internal.getValPath(sourceOrSelector);
       if (selectorPath) {
         var newSchema = Internal.getSchema(sourceOrSelector);
-        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : Internal.getSource(sourceOrSelector), opts.disabled ? undefined : {
+        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : Internal.getSource(sourceOrSelector), {
           path: selectorPath,
           schema: newSchema === null || newSchema === void 0 ? void 0 : newSchema["executeSerialize"]()
         });
       }
-      if (VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
-          var source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var fileSelector = Internal.convertFileSource(source);
-          var url = fileSelector.url;
-          return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(url, recOpts)
-          });
-        } else if (sourceOrSelector[VAL_EXTENSION] === "remote") {
-          var _source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var remoteSelector = Internal.convertFileSource(_source);
-          var _url = remoteSelector.url;
-          return _objectSpread2(_objectSpread2({}, remoteSelector), {}, {
-            url: rec(_url, recOpts)
-          });
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         return sourceOrSelector.map(function (el, i) {
           return rec(el, recOpts && {
@@ -342,7 +364,11 @@ function stegaEncode(input, opts) {
     }
     if (typeof sourceOrSelector === "string") {
       var _recOpts$schema, _recOpts$schema2;
-      if (!recOpts) {
+      // `disabled` suppresses the steganography, NOT the schema. Media is
+      // recognised from the schema now, so dropping it here — which is what
+      // this function used to do — would strip `url` from every image on every
+      // production page, where `disabled` is the normal case.
+      if (!recOpts || opts.disabled) {
         return sourceOrSelector;
       }
       if ((_recOpts$schema = recOpts.schema) !== null && _recOpts$schema !== void 0 && _recOpts$schema.raw || ((_recOpts$schema2 = recOpts.schema) === null || _recOpts$schema2 === void 0 ? void 0 : _recOpts$schema2.type) === "literal") {
@@ -362,7 +388,7 @@ function stegaEncode(input, opts) {
     console.error("Unexpected type of source selector: ".concat(_typeof(sourceOrSelector)));
     return sourceOrSelector;
   }
-  return rec(input, opts.disabled ? undefined : opts.root);
+  return rec(input, opts.root);
 }
 function isRecordSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "record";
@@ -401,31 +427,6 @@ function isFileSchema(schema) {
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
-function augmentWithReferencedModuleMetadata(source, schema, getModule) {
-  if (source.metadata || !(isFileSchema(schema) || isImageSchema(schema)) || !schema.referencedModule) {
-    return source;
-  }
-  var moduleSource = getModule(schema.referencedModule);
-  if (!moduleSource || _typeof(moduleSource) !== "object" || Array.isArray(moduleSource)) {
-    return source;
-  }
-  var ref = source[FILE_REF_PROP];
-  // For local files the ref is the file path directly; for remote refs we
-  // need to extract the file path from the remote URL.
-  var fileRef = ref in moduleSource ? ref : null;
-  if (!fileRef) {
-    var splitResult = Internal.remote.splitRemoteRef(ref);
-    if (splitResult.status === "success" && splitResult.filePath in moduleSource) {
-      fileRef = splitResult.filePath;
-    }
-  }
-  if (!fileRef) {
-    return source;
-  }
-  return _objectSpread2(_objectSpread2({}, source), {}, {
-    metadata: moduleSource[fileRef]
-  });
-}
 function collectReferencedModulesFromSchema(schema, acc) {
   if (isFileSchema(schema) || isImageSchema(schema)) {
     if (schema.referencedModule) {
@@ -475,16 +476,6 @@ function getModuleIds(input) {
         }
         return;
       }
-      if (VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
-          return;
-        }
-        if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
-          return;
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         sourceOrSelector.forEach(rec);
         return;

package/dist/{raw-af73dda7.cjs.dev.js → raw-9e45e445.cjs.dev.js}

@@ -149,6 +149,13 @@ function _toConsumableArray(r) {
  *
  */
 
+/**
+ * An image as a consumer sees it: what was authored, plus the generated `url`.
+ *
+ * `path` stays a plain string — it is what `url` is derived from, so encoding it
+ * would corrupt every URL built from it.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -206,6 +213,28 @@ function resolveLiteralUnionSchema(source, schema) {
   return matchingSchema || null;
 }
 
+/**
+ * The image schema of a richtext's inline images.
+ *
+ * `inline.img` serializes as `true` when the author did not pass a schema, so
+ * there is nothing to hand down; a bare `{type: "image"}` is enough, since all
+ * the media branch needs is to know that it is looking at media.
+ */
+function inlineImageSchemaOf(schema) {
+  var _schema$options;
+  if ((schema === null || schema === void 0 ? void 0 : schema.type) !== "richtext") {
+    return undefined;
+  }
+  var img = (_schema$options = schema.options) === null || _schema$options === void 0 || (_schema$options = _schema$options.inline) === null || _schema$options === void 0 ? void 0 : _schema$options.img;
+  if (!img) {
+    return undefined;
+  }
+  return img === true ? {
+    type: "image",
+    opt: false
+  } : img;
+}
+
 /**
  * Handles richtext schema traversal with callback support.
  * Processes richtext structures (string, array, or object format).
@@ -231,13 +260,17 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
     if (!sourceOrSelector) {
       return null;
     }
+    // An inline image's `src` is media, and media is now recognised only from
+    // the schema. Passing the richtext schema down (as every other key does)
+    // would leave it looking like a plain object, and it would lose its `url`.
+    var imgSchema = sourceOrSelector.tag === "img" ? inlineImageSchemaOf(recOpts.schema) : undefined;
     var richtextSelector = Object.fromEntries(Object.entries(sourceOrSelector).map(function (_ref2) {
       var _ref3 = slicedToArray._slicedToArray(_ref2, 2),
         key = _ref3[0],
         value = _ref3[1];
       return [key, key === "tag" || key === "styles" ? value : rec(value, {
         path: recOpts.path,
-        schema: recOpts.schema
+        schema: key === "src" && imgSchema ? imgSchema : recOpts.schema
       })];
     }));
     return richtextSelector;
@@ -286,6 +319,14 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && (isImageSchema(recOpts.schema) || isFileSchema(recOpts.schema)) && sourceOrSelector && slicedToArray._typeof(sourceOrSelector) === "object") {
+      var src = opts.getModule ? core.Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
+      // `url` carries the edit tag, so a click on an image reaches its field.
+      // `path` must stay raw: it is what the URL was derived from.
+      return _objectSpread2(_objectSpread2({}, src), {}, {
+        url: rec(core.Internal.mediaUrl(src), recOpts)
+      });
+    }
     if (slicedToArray._typeof(sourceOrSelector) === "object") {
       if (!sourceOrSelector) {
         return null;
@@ -293,30 +334,11 @@ function stegaEncode(input, opts) {
       var selectorPath = core.Internal.getValPath(sourceOrSelector);
       if (selectorPath) {
         var newSchema = core.Internal.getSchema(sourceOrSelector);
-        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : core.Internal.getSource(sourceOrSelector), opts.disabled ? undefined : {
+        return rec(opts.getModule && opts.getModule(selectorPath) !== undefined ? opts.getModule(selectorPath) : core.Internal.getSource(sourceOrSelector), {
           path: selectorPath,
           schema: newSchema === null || newSchema === void 0 ? void 0 : newSchema["executeSerialize"]()
         });
       }
-      if (core.VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
-          var source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var fileSelector = core.Internal.convertFileSource(source);
-          var url = fileSelector.url;
-          return _objectSpread2(_objectSpread2({}, fileSelector), {}, {
-            url: rec(url, recOpts)
-          });
-        } else if (sourceOrSelector[core.VAL_EXTENSION] === "remote") {
-          var _source = recOpts !== null && recOpts !== void 0 && recOpts.schema && opts.getModule ? augmentWithReferencedModuleMetadata(sourceOrSelector, recOpts.schema, opts.getModule) : sourceOrSelector;
-          var remoteSelector = core.Internal.convertFileSource(_source);
-          var _url = remoteSelector.url;
-          return _objectSpread2(_objectSpread2({}, remoteSelector), {}, {
-            url: rec(_url, recOpts)
-          });
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[core.VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         return sourceOrSelector.map(function (el, i) {
           return rec(el, recOpts && {
@@ -344,7 +366,11 @@ function stegaEncode(input, opts) {
     }
     if (typeof sourceOrSelector === "string") {
       var _recOpts$schema, _recOpts$schema2;
-      if (!recOpts) {
+      // `disabled` suppresses the steganography, NOT the schema. Media is
+      // recognised from the schema now, so dropping it here — which is what
+      // this function used to do — would strip `url` from every image on every
+      // production page, where `disabled` is the normal case.
+      if (!recOpts || opts.disabled) {
         return sourceOrSelector;
       }
       if ((_recOpts$schema = recOpts.schema) !== null && _recOpts$schema !== void 0 && _recOpts$schema.raw || ((_recOpts$schema2 = recOpts.schema) === null || _recOpts$schema2 === void 0 ? void 0 : _recOpts$schema2.type) === "literal") {
@@ -364,7 +390,7 @@ function stegaEncode(input, opts) {
     console.error("Unexpected type of source selector: ".concat(slicedToArray._typeof(sourceOrSelector)));
     return sourceOrSelector;
   }
-  return rec(input, opts.disabled ? undefined : opts.root);
+  return rec(input, opts.root);
 }
 function isRecordSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "record";
@@ -403,31 +429,6 @@ function isFileSchema(schema) {
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
-function augmentWithReferencedModuleMetadata(source, schema, getModule) {
-  if (source.metadata || !(isFileSchema(schema) || isImageSchema(schema)) || !schema.referencedModule) {
-    return source;
-  }
-  var moduleSource = getModule(schema.referencedModule);
-  if (!moduleSource || slicedToArray._typeof(moduleSource) !== "object" || Array.isArray(moduleSource)) {
-    return source;
-  }
-  var ref = source[core.FILE_REF_PROP];
-  // For local files the ref is the file path directly; for remote refs we
-  // need to extract the file path from the remote URL.
-  var fileRef = ref in moduleSource ? ref : null;
-  if (!fileRef) {
-    var splitResult = core.Internal.remote.splitRemoteRef(ref);
-    if (splitResult.status === "success" && splitResult.filePath in moduleSource) {
-      fileRef = splitResult.filePath;
-    }
-  }
-  if (!fileRef) {
-    return source;
-  }
-  return _objectSpread2(_objectSpread2({}, source), {}, {
-    metadata: moduleSource[fileRef]
-  });
-}
 function collectReferencedModulesFromSchema(schema, acc) {
   if (isFileSchema(schema) || isImageSchema(schema)) {
     if (schema.referencedModule) {
@@ -477,16 +478,6 @@ function getModuleIds(input) {
         }
         return;
       }
-      if (core.VAL_EXTENSION in sourceOrSelector) {
-        if (sourceOrSelector[core.VAL_EXTENSION] === "richtext") {
-          return;
-        }
-        if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
-          return;
-        }
-        console.error("Encountered unexpected extension: ".concat(sourceOrSelector[core.VAL_EXTENSION]));
-        return sourceOrSelector;
-      }
       if (Array.isArray(sourceOrSelector)) {
         sourceOrSelector.forEach(rec);
         return;

package/internal/dist/valbuild-react-internal.browser.esm.js

@@ -1,4 +1,4 @@
-import { d as _objectSpread2, r as raw, c as attrs, e as _toConsumableArray } from '../../dist/raw-0293ccee.browser.esm.js';
+import { d as _objectSpread2, r as raw, c as attrs, e as _toConsumableArray } from '../../dist/raw-31c1b7d6.browser.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 import '../../dist/slicedToArray-9cce0d9f.browser.esm.js';
@@ -87,7 +87,6 @@ function ValRichText(_ref) {
     }
     var className = classNameOfTag(child.tag, child.tag === "span" ? child.styles : [], theme);
     if (child.tag === "img") {
-      var _child$src$metadata, _child$src$metadata2;
       var _transformed = transform && transform(child, [], undefined, key);
       if (_transformed !== undefined) {
         return _transformed;
@@ -97,8 +96,8 @@ function ValRichText(_ref) {
         className: className,
         src: child.src.url,
         // alt: child.alt, TODO: add alt to the img html object
-        width: (_child$src$metadata = child.src.metadata) === null || _child$src$metadata === void 0 ? void 0 : _child$src$metadata.width,
-        height: (_child$src$metadata2 = child.src.metadata) === null || _child$src$metadata2 === void 0 ? void 0 : _child$src$metadata2.height
+        width: child.src.width,
+        height: child.src.height
       });
     }
     var children = "children" in child ?

package/internal/dist/valbuild-react-internal.cjs.dev.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var raw = require('../../dist/raw-af73dda7.cjs.dev.js');
+var raw = require('../../dist/raw-9e45e445.cjs.dev.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('../../dist/slicedToArray-e9e8e991.cjs.dev.js');
@@ -95,7 +95,6 @@ function ValRichText(_ref) {
     }
     var className = classNameOfTag(child.tag, child.tag === "span" ? child.styles : [], theme);
     if (child.tag === "img") {
-      var _child$src$metadata, _child$src$metadata2;
       var _transformed = transform && transform(child, [], undefined, key);
       if (_transformed !== undefined) {
         return _transformed;
@@ -105,8 +104,8 @@ function ValRichText(_ref) {
         className: className,
         src: child.src.url,
         // alt: child.alt, TODO: add alt to the img html object
-        width: (_child$src$metadata = child.src.metadata) === null || _child$src$metadata === void 0 ? void 0 : _child$src$metadata.width,
-        height: (_child$src$metadata2 = child.src.metadata) === null || _child$src$metadata2 === void 0 ? void 0 : _child$src$metadata2.height
+        width: child.src.width,
+        height: child.src.height
       });
     }
     var children = "children" in child ?

package/internal/dist/valbuild-react-internal.cjs.prod.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var raw = require('../../dist/raw-bac58cc7.cjs.prod.js');
+var raw = require('../../dist/raw-18eb953f.cjs.prod.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('../../dist/slicedToArray-86004d59.cjs.prod.js');
@@ -95,7 +95,6 @@ function ValRichText(_ref) {
     }
     var className = classNameOfTag(child.tag, child.tag === "span" ? child.styles : [], theme);
     if (child.tag === "img") {
-      var _child$src$metadata, _child$src$metadata2;
       var _transformed = transform && transform(child, [], undefined, key);
       if (_transformed !== undefined) {
         return _transformed;
@@ -105,8 +104,8 @@ function ValRichText(_ref) {
         className: className,
         src: child.src.url,
         // alt: child.alt, TODO: add alt to the img html object
-        width: (_child$src$metadata = child.src.metadata) === null || _child$src$metadata === void 0 ? void 0 : _child$src$metadata.width,
-        height: (_child$src$metadata2 = child.src.metadata) === null || _child$src$metadata2 === void 0 ? void 0 : _child$src$metadata2.height
+        width: child.src.width,
+        height: child.src.height
       });
     }
     var children = "children" in child ?

package/internal/dist/valbuild-react-internal.esm.js

@@ -1,4 +1,4 @@
-import { d as _objectSpread2, r as raw, c as attrs, e as _toConsumableArray } from '../../dist/raw-e561ced7.esm.js';
+import { d as _objectSpread2, r as raw, c as attrs, e as _toConsumableArray } from '../../dist/raw-628bf5e1.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 import '../../dist/slicedToArray-0c0a3b4a.esm.js';
@@ -87,7 +87,6 @@ function ValRichText(_ref) {
     }
     var className = classNameOfTag(child.tag, child.tag === "span" ? child.styles : [], theme);
     if (child.tag === "img") {
-      var _child$src$metadata, _child$src$metadata2;
       var _transformed = transform && transform(child, [], undefined, key);
       if (_transformed !== undefined) {
         return _transformed;
@@ -97,8 +96,8 @@ function ValRichText(_ref) {
         className: className,
         src: child.src.url,
         // alt: child.alt, TODO: add alt to the img html object
-        width: (_child$src$metadata = child.src.metadata) === null || _child$src$metadata === void 0 ? void 0 : _child$src$metadata.width,
-        height: (_child$src$metadata2 = child.src.metadata) === null || _child$src$metadata2 === void 0 ? void 0 : _child$src$metadata2.height
+        width: child.src.width,
+        height: child.src.height
       });
     }
     var children = "children" in child ?

package/internal/dist/valbuild-react-internal.worker.esm.js

@@ -1,4 +1,4 @@
-import { d as _objectSpread2, r as raw, c as attrs, e as _toConsumableArray } from '../../dist/raw-a20b5f53.worker.esm.js';
+import { d as _objectSpread2, r as raw, c as attrs, e as _toConsumableArray } from '../../dist/raw-5a505416.worker.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 import '../../dist/slicedToArray-7d0170b6.worker.esm.js';
@@ -87,7 +87,6 @@ function ValRichText(_ref) {
     }
     var className = classNameOfTag(child.tag, child.tag === "span" ? child.styles : [], theme);
     if (child.tag === "img") {
-      var _child$src$metadata, _child$src$metadata2;
       var _transformed = transform && transform(child, [], undefined, key);
       if (_transformed !== undefined) {
         return _transformed;
@@ -97,8 +96,8 @@ function ValRichText(_ref) {
         className: className,
         src: child.src.url,
         // alt: child.alt, TODO: add alt to the img html object
-        width: (_child$src$metadata = child.src.metadata) === null || _child$src$metadata === void 0 ? void 0 : _child$src$metadata.width,
-        height: (_child$src$metadata2 = child.src.metadata) === null || _child$src$metadata2 === void 0 ? void 0 : _child$src$metadata2.height
+        width: child.src.width,
+        height: child.src.height
       });
     }
     var children = "children" in child ?

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.101.1",
+  "version": "0.103.0",
   "private": false,
   "description": "Val - React internal helpers",
   "repository": {
@@ -11,21 +11,21 @@
   "dependencies": {
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
-    "@valbuild/core": "0.101.0",
-    "@valbuild/shared": "0.101.1",
-    "@valbuild/ui": "0.101.1"
+    "@valbuild/core": "0.103.0",
+    "@valbuild/shared": "0.103.0",
+    "@valbuild/ui": "0.103.0"
   },
   "devDependencies": {
-    "@testing-library/react": "^14.0.0",
-    "@types/react": "^18.2.38",
+    "@testing-library/react": "^16.3.2",
+    "@types/react": "^19.2.18",
     "jest-environment-jsdom": "^29.5.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "typescript": "^5.9.3"
   },
   "peerDependencies": {
-    "react": ">=18.2.0 || ^19.0 || ^19.0.0-rc",
-    "react-dom": ">=18.2.0 || ^19.0 || ^19.0.0-rc"
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
   },
   "peerDependenciesMeta": {
     "@types/react": {

package/stega/dist/valbuild-react-stega.browser.esm.js

@@ -1,6 +1,6 @@
 import { a as _typeof, _ as _slicedToArray } from '../../dist/slicedToArray-9cce0d9f.browser.esm.js';
-import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-0293ccee.browser.esm.js';
-export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-0293ccee.browser.esm.js';
+import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-31c1b7d6.browser.esm.js';
+export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-31c1b7d6.browser.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';

package/stega/dist/valbuild-react-stega.cjs.dev.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('../../dist/slicedToArray-e9e8e991.cjs.dev.js');
-var raw = require('../../dist/raw-af73dda7.cjs.dev.js');
+var raw = require('../../dist/raw-9e45e445.cjs.dev.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');

package/stega/dist/valbuild-react-stega.cjs.prod.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('../../dist/slicedToArray-86004d59.cjs.prod.js');
-var raw = require('../../dist/raw-bac58cc7.cjs.prod.js');
+var raw = require('../../dist/raw-18eb953f.cjs.prod.js');
 var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');

package/stega/dist/valbuild-react-stega.esm.js

@@ -1,6 +1,6 @@
 import { a as _typeof, _ as _slicedToArray } from '../../dist/slicedToArray-0c0a3b4a.esm.js';
-import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-e561ced7.esm.js';
-export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-e561ced7.esm.js';
+import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-628bf5e1.esm.js';
+export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-628bf5e1.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';

package/stega/dist/valbuild-react-stega.worker.esm.js

@@ -1,6 +1,6 @@
 import { a as _typeof, _ as _slicedToArray } from '../../dist/slicedToArray-7d0170b6.worker.esm.js';
-import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-a20b5f53.worker.esm.js';
-export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-a20b5f53.worker.esm.js';
+import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-5a505416.worker.esm.js';
+export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-5a505416.worker.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';