@valbuild/react 0.140.2 → 0.141.0

package/CHANGELOG.md

@@ -1,5 +1,60 @@
 # @valbuild/react
 
+## 0.141.0
+
+### Minor Changes
+
+- [#779](https://github.com/valbuild/val/pull/779) [`ba3f330`](https://github.com/valbuild/val/commit/ba3f3300a3dd8649e154097cdfca3b64db209d89) Thanks [@freekh](https://github.com/freekh)! - New: `s.video()`, for mp4/WebM files and HLS streams.
+
+  ```ts
+  const schema = s.object({
+    intro: s.video({ stream: { type: "hls" } }),
+  });
+  ```
+
+  - **Upload and play in the Studio.** A video field shows a player, the file's size and length, and progress while it uploads.
+  - **HLS streaming without a video service.** With `stream: { type: "hls" }`, the Studio converts an upload to an HLS stream in the editor's browser before it uploads it. It makes one H.264 rendition per height (1080p, 720p and 480p by default, and never larger than the upload) and stores them as a folder of files next to your other uploads. Nothing is installed in your app for this: the converter ships inside the Studio and is only downloaded when someone uploads to a streaming field. A browser that can't convert (no WebCodecs, or a non-https address) uploads the original file and says so.
+  - **Poster:** pause on a frame and choose "Use current frame". The frame is saved as an image, and `posterTime` records where it was taken.
+  - **Start and end:** play part of a video without cutting the file.
+  - **Focal point:** marks what must stay in frame when the page crops the video.
+  - **Description:** text for people who can't see the video.
+  - **Captions:** one WebVTT file per language. `.srt` files are converted on upload.
+  - **`<ValVideo>`** in `@valbuild/next` and `@valbuild/tanstack` renders all of the above and is click-to-edit. For HLS in browsers that can't play it natively, pass `hls={() => import("hls.js")}`. It is only loaded when it's needed.
+  - **Rename** a video in the Studio. An HLS stream is renamed as a whole: every playlist and segment moves to the new folder.
+  - `npx val validate --fix` fills in `mimeType`, `width`, `height` and `duration` for a hand-written `.mp4`, `.mov`, `.webm`, `.mkv` or HLS video, on disk or on Val Remote. A remote video is not downloaded: only its headers are read, usually in one to three small requests.
+  - `.remote()` works for videos. `npx val validate --fix` moves a video to Val Remote, or back into the project, together with its poster, captions and every file of an HLS stream.
+
+  A video value always has a `mimeType`: it is how a page knows whether it has an `.mp4` or an `.m3u8`.
+
+  New: `s.videoset()`, a collection of videos, like `s.imageset()` for images.
+
+  ```ts
+  const videosVal = c.define(
+    "/content/videos.val.ts",
+    s.videoset({ dir: "/public/val/videos", stream: { type: "hls" } }),
+    {},
+  );
+  const schema = s.object({ intro: s.video(videosVal) });
+  ```
+
+  - **Upload once, set it up once, use anywhere.** A set's entry holds what is true of the file (its type, size and length) and, as defaults, a description, poster, start and end, focal point and captions. A field that picks from the set (`s.video(videosVal)`) gets all of those, and can override any of them on its own. For example, the same clip can open one page at 0:02 and every other page where the set says.
+  - **Media in the Studio.** A set is listed under Media and opens as a gallery of videos, with each video's poster as its thumbnail. Hovering a video previews it, and the selected video plays in a real player (HLS streams too) beside the poster, times, focal point and captions you edit for it. You can upload into the set (with `stream`, uploads become HLS streams, and each upload gets a poster), rename a video, and delete a video that nothing uses. Renaming a video updates every field that uses it. An HLS stream is one entry, and renaming or deleting it moves or removes all of its files.
+  - **Picking.** A set-backed field picks from the set, or uploads into it. Each value the set provides is marked "From gallery · Override", and once overridden, "Overridden · Use gallery's".
+  - `useVal` and `fetchVal` fill in what the set holds (`mimeType`, `width`, `height`, `duration`, and every default the field does not override), so `<ValVideo>` works the same either way.
+  - `.remote()` works for sets. `npx val validate --fix` fills in missing metadata for an entry, adds untracked videos found in the set's directory, and moves a set's videos to Val Remote.
+
+  Image and file galleries use the same new gallery layout: a grid or list of entries, with the selected one open in a panel beside it.
+
+  - An `s.imageset()` entry can hold a default focal point, as well as its description. An `s.image(galleryVal)` field shows both, and can override either.
+  - Fixed: outside draft mode, `useVal` and `fetchVal` now fill a gallery-backed image or file from its gallery (dimensions, mime type, description). Before, a published page got only the `path`.
+
+### Patch Changes
+
+- Updated dependencies [[`199e214`](https://github.com/valbuild/val/commit/199e21471d98806fb34c579cb876560078c928b9), [`9cbe428`](https://github.com/valbuild/val/commit/9cbe42895d006d55c3d993dc27f0779808b85306), [`fb5f097`](https://github.com/valbuild/val/commit/fb5f09721ac07f4d90b8502fdbee3fb3884d9688), [`6473a2e`](https://github.com/valbuild/val/commit/6473a2efe874f1749b27ed6f8ac4e0d19805edb1), [`ba3f330`](https://github.com/valbuild/val/commit/ba3f3300a3dd8649e154097cdfca3b64db209d89)]:
+  - @valbuild/core@0.141.0
+  - @valbuild/shared@0.141.0
+  - @valbuild/ui@0.141.0
+
 ## 0.140.2
 
 ### Patch Changes

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

@@ -1,5 +1,5 @@
 export { autoTagJSX } from "./autoTagJSX.js";
-export { stegaEncode, getModuleIds, stegaClean, type ValEncodedString, type StegaOfSource, type ResolvedVal, type Resolvable, type JsonEntryContentOf, type RouteValueOf, type StegaOfRichTextSource, type File, type Image, type RichText, } from "./stegaEncode.js";
+export { stegaEncode, getModuleIds, stegaClean, type ValEncodedString, type StegaOfSource, type ResolvedVal, type Resolvable, type JsonEntryContentOf, type RouteValueOf, type StegaOfRichTextSource, type File, type Image, type Video, type RichText, } from "./stegaEncode.js";
 export { stegaDecodeStrings } from "./stegaDecodeStrings.js";
 export { attrs } from "./attrs.js";
 export { raw, type DecodeVal } from "./raw.js";

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

@@ -1,4 +1,4 @@
-import { Json, RichTextSource, MediaHotspot, RichTextOptions, ImageSource } from "@valbuild/core";
+import { Json, RichTextSource, IsVideoSource, VideoCaptionSource, MediaHotspot, RichTextOptions, ImageSource } from "@valbuild/core";
 import { FileSource, Source, SourceObject } from "@valbuild/core";
 import type { ValView, ValViewSource } from "@valbuild/core";
 import { JsonPrimitive } from "@valbuild/core";
@@ -168,6 +168,41 @@ export type File = {
     readonly url: ValEncodedString;
     readonly mimeType?: string;
 };
+/**
+ * A video as a consumer sees it: what was authored, plus a generated `url` on
+ * the video, on its poster and on each caption track.
+ *
+ * Only the video's own `url` carries the edit tag — a click on the player
+ * reaches the field. The poster and the captions are parts of the same field,
+ * not fields of their own, so their URLs are plain.
+ *
+ * An HLS stream (`mimeType` `application/vnd.apple.mpegurl`) plays natively in
+ * Safari and needs a library such as hls.js everywhere else; `url` is then the
+ * master playlist.
+ */
+export type Video = {
+    readonly path: string;
+    readonly url: ValEncodedString;
+    readonly mimeType: string;
+    readonly width?: number;
+    readonly height?: number;
+    readonly duration?: number;
+    readonly alt?: string;
+    readonly hotspot?: MediaHotspot;
+    readonly posterTime?: number;
+    readonly poster?: {
+        readonly path: string;
+        readonly url: string;
+        readonly width?: number;
+        readonly height?: number;
+        readonly mimeType?: string;
+    };
+    readonly startTime?: number;
+    readonly endTime?: number;
+    readonly captions?: readonly (Omit<VideoCaptionSource, "patch_id"> & {
+        readonly url: 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]>;
 } : T extends SourceArray ? StegaOfRichTextSource<T[number]>[] : T extends JsonPrimitive ? T : never;
@@ -177,7 +212,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 ? File : T extends ValViewSource<string, infer Target> ? ValView<Target> : T extends SourceObject ? {
+export type StegaOfSource<T extends Source> = Json extends T ? Json : T extends RichTextSource<infer O> ? RichText<O> : IsVideoSource<T> extends true ? Video : T extends ImageSource ? Image : T extends FileSource ? File : T extends ValViewSource<string, infer Target> ? ValView<Target> : 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;
 /**

package/dist/{raw-ec62616c.cjs.dev.js → raw-1fce8756.cjs.dev.js}

@@ -140,6 +140,19 @@ function _objectSpread2(e) {
  * would corrupt every URL built from it.
  */
 
+/**
+ * A video as a consumer sees it: what was authored, plus a generated `url` on
+ * the video, on its poster and on each caption track.
+ *
+ * Only the video's own `url` carries the edit tag — a click on the player
+ * reaches the field. The poster and the captions are parts of the same field,
+ * not fields of their own, so their URLs are plain.
+ *
+ * An HLS stream (`mimeType` `application/vnd.apple.mpegurl`) plays natively in
+ * Safari and needs a library such as hls.js everywhere else; `url` is then the
+ * master playlist.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -286,6 +299,16 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
 }
 function stegaEncode(input, opts) {
   var viewModules = new Map();
+  /**
+   * The published entries of the galleries the module's fields pick from, for
+   * when there is no draft source to fill a gallery-backed value from — every
+   * read outside draft mode. See `Internal.media.galleriesOf`.
+   */
+  var galleries = new Map();
+  var getGallery = function getGallery(modulePath) {
+    var _opts$getModule, _opts$getModule2;
+    return (_opts$getModule = (_opts$getModule2 = opts.getModule) === null || _opts$getModule2 === void 0 ? void 0 : _opts$getModule2.call(opts, modulePath)) !== null && _opts$getModule !== void 0 ? _opts$getModule : galleries.get(modulePath);
+  };
   // Handed a view handle rather than a module: resolve it and encode what it
   // points at. This is what makes `useVal(page.header)` read the header.
   var resolved = core.Internal.viewHandleModule(input);
@@ -381,12 +404,22 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && isVideoSchema(recOpts.schema) && sourceOrSelector && slicedToArray._typeof(sourceOrSelector) === "object") {
+      // A set-backed video gets its mimeType, size and length from the set
+      // first — `Video` promises a `mimeType`, and the field has none — and
+      // every choice it did not make itself: the set's poster, times,
+      // description, focal point and captions.
+      var src = core.Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
+      return core.Internal.resolveVideo(src, function (video) {
+        return rec(core.Internal.mediaUrl(video), recOpts);
+      });
+    }
     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;
+      var _src = core.Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
       // `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)
+      return _objectSpread2(_objectSpread2({}, _src), {}, {
+        url: rec(core.Internal.mediaUrl(_src), recOpts)
       });
     }
     if (slicedToArray._typeof(sourceOrSelector) === "object") {
@@ -415,6 +448,20 @@ function stegaEncode(input, opts) {
         } finally {
           _iterator.f();
         }
+        var _iterator2 = _createForOfIteratorHelper(core.Internal.media.galleriesOf(newSchema)),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = slicedToArray._slicedToArray(_step2.value, 2),
+              _path = _step2$value[0],
+              entries = _step2$value[1];
+            galleries.set(_path, entries);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
         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"]()
@@ -430,11 +477,11 @@ function stegaEncode(input, opts) {
       }
       if (!Array.isArray(sourceOrSelector)) {
         var res = {};
-        var entries = Object.entries(sourceOrSelector);
-        for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-          var _entries$_i = slicedToArray._slicedToArray(_entries[_i], 2),
-            _key = _entries$_i[0],
-            value = _entries$_i[1];
+        var _entries = Object.entries(sourceOrSelector);
+        for (var _i = 0, _entries2 = _entries; _i < _entries2.length; _i++) {
+          var _entries2$_i = slicedToArray._slicedToArray(_entries2[_i], 2),
+            _key = _entries2$_i[0],
+            value = _entries2$_i[1];
           res[_key] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: core.Internal.createValPathOfItem(recOpts.path, _key),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key] : unknownSchema(recOpts.schema)
@@ -516,11 +563,14 @@ function isObjectSchema(schema) {
 function isFileSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "file";
 }
+function isVideoSchema(schema) {
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === "video";
+}
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
 function collectReferencedModulesFromSchema(schema, acc) {
-  if (isFileSchema(schema) || isImageSchema(schema)) {
+  if (isFileSchema(schema) || isImageSchema(schema) || isVideoSchema(schema)) {
     if (schema.referencedModule) {
       acc.add(schema.referencedModule);
     }
@@ -532,17 +582,17 @@ function collectReferencedModulesFromSchema(schema, acc) {
   } else if (schema.type === "array" || schema.type === "record") {
     collectReferencedModulesFromSchema(schema.item, acc);
   } else if (schema.type === "discriminated-union") {
-    var _iterator2 = _createForOfIteratorHelper(schema.items),
-      _step2;
+    var _iterator3 = _createForOfIteratorHelper(schema.items),
+      _step3;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
         collectReferencedModulesFromSchema(item, acc);
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator2.f();
+      _iterator3.f();
     }
   }
 }

package/dist/{raw-1280c322.worker.esm.js → raw-26e85a34.esm.js}

@@ -1,4 +1,4 @@
-import { b as _unsupportedIterableToArray, a as _typeof, _ as _slicedToArray } from './slicedToArray-7d0170b6.worker.esm.js';
+import { b as _unsupportedIterableToArray, a as _typeof, _ as _slicedToArray } from './slicedToArray-0c0a3b4a.esm.js';
 import { Internal, isValViewSource } from '@valbuild/core';
 import { vercelStegaDecodeAll, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 
@@ -138,6 +138,19 @@ function _objectSpread2(e) {
  * would corrupt every URL built from it.
  */
 
+/**
+ * A video as a consumer sees it: what was authored, plus a generated `url` on
+ * the video, on its poster and on each caption track.
+ *
+ * Only the video's own `url` carries the edit tag — a click on the player
+ * reaches the field. The poster and the captions are parts of the same field,
+ * not fields of their own, so their URLs are plain.
+ *
+ * An HLS stream (`mimeType` `application/vnd.apple.mpegurl`) plays natively in
+ * Safari and needs a library such as hls.js everywhere else; `url` is then the
+ * master playlist.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -284,6 +297,16 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
 }
 function stegaEncode(input, opts) {
   var viewModules = new Map();
+  /**
+   * The published entries of the galleries the module's fields pick from, for
+   * when there is no draft source to fill a gallery-backed value from — every
+   * read outside draft mode. See `Internal.media.galleriesOf`.
+   */
+  var galleries = new Map();
+  var getGallery = function getGallery(modulePath) {
+    var _opts$getModule, _opts$getModule2;
+    return (_opts$getModule = (_opts$getModule2 = opts.getModule) === null || _opts$getModule2 === void 0 ? void 0 : _opts$getModule2.call(opts, modulePath)) !== null && _opts$getModule !== void 0 ? _opts$getModule : galleries.get(modulePath);
+  };
   // Handed a view handle rather than a module: resolve it and encode what it
   // points at. This is what makes `useVal(page.header)` read the header.
   var resolved = Internal.viewHandleModule(input);
@@ -379,12 +402,22 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && isVideoSchema(recOpts.schema) && sourceOrSelector && _typeof(sourceOrSelector) === "object") {
+      // A set-backed video gets its mimeType, size and length from the set
+      // first — `Video` promises a `mimeType`, and the field has none — and
+      // every choice it did not make itself: the set's poster, times,
+      // description, focal point and captions.
+      var src = Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
+      return Internal.resolveVideo(src, function (video) {
+        return rec(Internal.mediaUrl(video), recOpts);
+      });
+    }
     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;
+      var _src = Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
       // `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)
+      return _objectSpread2(_objectSpread2({}, _src), {}, {
+        url: rec(Internal.mediaUrl(_src), recOpts)
       });
     }
     if (_typeof(sourceOrSelector) === "object") {
@@ -413,6 +446,20 @@ function stegaEncode(input, opts) {
         } finally {
           _iterator.f();
         }
+        var _iterator2 = _createForOfIteratorHelper(Internal.media.galleriesOf(newSchema)),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = _slicedToArray(_step2.value, 2),
+              _path = _step2$value[0],
+              entries = _step2$value[1];
+            galleries.set(_path, entries);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
         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"]()
@@ -428,11 +475,11 @@ function stegaEncode(input, opts) {
       }
       if (!Array.isArray(sourceOrSelector)) {
         var res = {};
-        var entries = Object.entries(sourceOrSelector);
-        for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-          var _entries$_i = _slicedToArray(_entries[_i], 2),
-            _key = _entries$_i[0],
-            value = _entries$_i[1];
+        var _entries = Object.entries(sourceOrSelector);
+        for (var _i = 0, _entries2 = _entries; _i < _entries2.length; _i++) {
+          var _entries2$_i = _slicedToArray(_entries2[_i], 2),
+            _key = _entries2$_i[0],
+            value = _entries2$_i[1];
           res[_key] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: Internal.createValPathOfItem(recOpts.path, _key),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key] : unknownSchema(recOpts.schema)
@@ -514,11 +561,14 @@ function isObjectSchema(schema) {
 function isFileSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "file";
 }
+function isVideoSchema(schema) {
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === "video";
+}
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
 function collectReferencedModulesFromSchema(schema, acc) {
-  if (isFileSchema(schema) || isImageSchema(schema)) {
+  if (isFileSchema(schema) || isImageSchema(schema) || isVideoSchema(schema)) {
     if (schema.referencedModule) {
       acc.add(schema.referencedModule);
     }
@@ -530,17 +580,17 @@ function collectReferencedModulesFromSchema(schema, acc) {
   } else if (schema.type === "array" || schema.type === "record") {
     collectReferencedModulesFromSchema(schema.item, acc);
   } else if (schema.type === "discriminated-union") {
-    var _iterator2 = _createForOfIteratorHelper(schema.items),
-      _step2;
+    var _iterator3 = _createForOfIteratorHelper(schema.items),
+      _step3;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
         collectReferencedModulesFromSchema(item, acc);
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator2.f();
+      _iterator3.f();
     }
   }
 }

package/dist/{raw-bd3105cd.esm.js → raw-55a21edc.worker.esm.js}

@@ -1,4 +1,4 @@
-import { b as _unsupportedIterableToArray, a as _typeof, _ as _slicedToArray } from './slicedToArray-0c0a3b4a.esm.js';
+import { b as _unsupportedIterableToArray, a as _typeof, _ as _slicedToArray } from './slicedToArray-7d0170b6.worker.esm.js';
 import { Internal, isValViewSource } from '@valbuild/core';
 import { vercelStegaDecodeAll, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 
@@ -138,6 +138,19 @@ function _objectSpread2(e) {
  * would corrupt every URL built from it.
  */
 
+/**
+ * A video as a consumer sees it: what was authored, plus a generated `url` on
+ * the video, on its poster and on each caption track.
+ *
+ * Only the video's own `url` carries the edit tag — a click on the player
+ * reaches the field. The poster and the captions are parts of the same field,
+ * not fields of their own, so their URLs are plain.
+ *
+ * An HLS stream (`mimeType` `application/vnd.apple.mpegurl`) plays natively in
+ * Safari and needs a library such as hls.js everywhere else; `url` is then the
+ * master playlist.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -284,6 +297,16 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
 }
 function stegaEncode(input, opts) {
   var viewModules = new Map();
+  /**
+   * The published entries of the galleries the module's fields pick from, for
+   * when there is no draft source to fill a gallery-backed value from — every
+   * read outside draft mode. See `Internal.media.galleriesOf`.
+   */
+  var galleries = new Map();
+  var getGallery = function getGallery(modulePath) {
+    var _opts$getModule, _opts$getModule2;
+    return (_opts$getModule = (_opts$getModule2 = opts.getModule) === null || _opts$getModule2 === void 0 ? void 0 : _opts$getModule2.call(opts, modulePath)) !== null && _opts$getModule !== void 0 ? _opts$getModule : galleries.get(modulePath);
+  };
   // Handed a view handle rather than a module: resolve it and encode what it
   // points at. This is what makes `useVal(page.header)` read the header.
   var resolved = Internal.viewHandleModule(input);
@@ -379,12 +402,22 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && isVideoSchema(recOpts.schema) && sourceOrSelector && _typeof(sourceOrSelector) === "object") {
+      // A set-backed video gets its mimeType, size and length from the set
+      // first — `Video` promises a `mimeType`, and the field has none — and
+      // every choice it did not make itself: the set's poster, times,
+      // description, focal point and captions.
+      var src = Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
+      return Internal.resolveVideo(src, function (video) {
+        return rec(Internal.mediaUrl(video), recOpts);
+      });
+    }
     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;
+      var _src = Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
       // `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)
+      return _objectSpread2(_objectSpread2({}, _src), {}, {
+        url: rec(Internal.mediaUrl(_src), recOpts)
       });
     }
     if (_typeof(sourceOrSelector) === "object") {
@@ -413,6 +446,20 @@ function stegaEncode(input, opts) {
         } finally {
           _iterator.f();
         }
+        var _iterator2 = _createForOfIteratorHelper(Internal.media.galleriesOf(newSchema)),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = _slicedToArray(_step2.value, 2),
+              _path = _step2$value[0],
+              entries = _step2$value[1];
+            galleries.set(_path, entries);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
         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"]()
@@ -428,11 +475,11 @@ function stegaEncode(input, opts) {
       }
       if (!Array.isArray(sourceOrSelector)) {
         var res = {};
-        var entries = Object.entries(sourceOrSelector);
-        for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-          var _entries$_i = _slicedToArray(_entries[_i], 2),
-            _key = _entries$_i[0],
-            value = _entries$_i[1];
+        var _entries = Object.entries(sourceOrSelector);
+        for (var _i = 0, _entries2 = _entries; _i < _entries2.length; _i++) {
+          var _entries2$_i = _slicedToArray(_entries2[_i], 2),
+            _key = _entries2$_i[0],
+            value = _entries2$_i[1];
           res[_key] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: Internal.createValPathOfItem(recOpts.path, _key),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key] : unknownSchema(recOpts.schema)
@@ -514,11 +561,14 @@ function isObjectSchema(schema) {
 function isFileSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "file";
 }
+function isVideoSchema(schema) {
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === "video";
+}
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
 function collectReferencedModulesFromSchema(schema, acc) {
-  if (isFileSchema(schema) || isImageSchema(schema)) {
+  if (isFileSchema(schema) || isImageSchema(schema) || isVideoSchema(schema)) {
     if (schema.referencedModule) {
       acc.add(schema.referencedModule);
     }
@@ -530,17 +580,17 @@ function collectReferencedModulesFromSchema(schema, acc) {
   } else if (schema.type === "array" || schema.type === "record") {
     collectReferencedModulesFromSchema(schema.item, acc);
   } else if (schema.type === "discriminated-union") {
-    var _iterator2 = _createForOfIteratorHelper(schema.items),
-      _step2;
+    var _iterator3 = _createForOfIteratorHelper(schema.items),
+      _step3;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
         collectReferencedModulesFromSchema(item, acc);
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator2.f();
+      _iterator3.f();
     }
   }
 }

package/dist/{raw-3ae44ab5.cjs.prod.js → raw-68a490e6.cjs.prod.js}

@@ -140,6 +140,19 @@ function _objectSpread2(e) {
  * would corrupt every URL built from it.
  */
 
+/**
+ * A video as a consumer sees it: what was authored, plus a generated `url` on
+ * the video, on its poster and on each caption track.
+ *
+ * Only the video's own `url` carries the edit tag — a click on the player
+ * reaches the field. The poster and the captions are parts of the same field,
+ * not fields of their own, so their URLs are plain.
+ *
+ * An HLS stream (`mimeType` `application/vnd.apple.mpegurl`) plays natively in
+ * Safari and needs a library such as hls.js everywhere else; `url` is then the
+ * master playlist.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -286,6 +299,16 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
 }
 function stegaEncode(input, opts) {
   var viewModules = new Map();
+  /**
+   * The published entries of the galleries the module's fields pick from, for
+   * when there is no draft source to fill a gallery-backed value from — every
+   * read outside draft mode. See `Internal.media.galleriesOf`.
+   */
+  var galleries = new Map();
+  var getGallery = function getGallery(modulePath) {
+    var _opts$getModule, _opts$getModule2;
+    return (_opts$getModule = (_opts$getModule2 = opts.getModule) === null || _opts$getModule2 === void 0 ? void 0 : _opts$getModule2.call(opts, modulePath)) !== null && _opts$getModule !== void 0 ? _opts$getModule : galleries.get(modulePath);
+  };
   // Handed a view handle rather than a module: resolve it and encode what it
   // points at. This is what makes `useVal(page.header)` read the header.
   var resolved = core.Internal.viewHandleModule(input);
@@ -381,12 +404,22 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && isVideoSchema(recOpts.schema) && sourceOrSelector && slicedToArray._typeof(sourceOrSelector) === "object") {
+      // A set-backed video gets its mimeType, size and length from the set
+      // first — `Video` promises a `mimeType`, and the field has none — and
+      // every choice it did not make itself: the set's poster, times,
+      // description, focal point and captions.
+      var src = core.Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
+      return core.Internal.resolveVideo(src, function (video) {
+        return rec(core.Internal.mediaUrl(video), recOpts);
+      });
+    }
     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;
+      var _src = core.Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
       // `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)
+      return _objectSpread2(_objectSpread2({}, _src), {}, {
+        url: rec(core.Internal.mediaUrl(_src), recOpts)
       });
     }
     if (slicedToArray._typeof(sourceOrSelector) === "object") {
@@ -415,6 +448,20 @@ function stegaEncode(input, opts) {
         } finally {
           _iterator.f();
         }
+        var _iterator2 = _createForOfIteratorHelper(core.Internal.media.galleriesOf(newSchema)),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = slicedToArray._slicedToArray(_step2.value, 2),
+              _path = _step2$value[0],
+              entries = _step2$value[1];
+            galleries.set(_path, entries);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
         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"]()
@@ -430,11 +477,11 @@ function stegaEncode(input, opts) {
       }
       if (!Array.isArray(sourceOrSelector)) {
         var res = {};
-        var entries = Object.entries(sourceOrSelector);
-        for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-          var _entries$_i = slicedToArray._slicedToArray(_entries[_i], 2),
-            _key = _entries$_i[0],
-            value = _entries$_i[1];
+        var _entries = Object.entries(sourceOrSelector);
+        for (var _i = 0, _entries2 = _entries; _i < _entries2.length; _i++) {
+          var _entries2$_i = slicedToArray._slicedToArray(_entries2[_i], 2),
+            _key = _entries2$_i[0],
+            value = _entries2$_i[1];
           res[_key] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: core.Internal.createValPathOfItem(recOpts.path, _key),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key] : unknownSchema(recOpts.schema)
@@ -516,11 +563,14 @@ function isObjectSchema(schema) {
 function isFileSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "file";
 }
+function isVideoSchema(schema) {
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === "video";
+}
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
 function collectReferencedModulesFromSchema(schema, acc) {
-  if (isFileSchema(schema) || isImageSchema(schema)) {
+  if (isFileSchema(schema) || isImageSchema(schema) || isVideoSchema(schema)) {
     if (schema.referencedModule) {
       acc.add(schema.referencedModule);
     }
@@ -532,17 +582,17 @@ function collectReferencedModulesFromSchema(schema, acc) {
   } else if (schema.type === "array" || schema.type === "record") {
     collectReferencedModulesFromSchema(schema.item, acc);
   } else if (schema.type === "discriminated-union") {
-    var _iterator2 = _createForOfIteratorHelper(schema.items),
-      _step2;
+    var _iterator3 = _createForOfIteratorHelper(schema.items),
+      _step3;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
         collectReferencedModulesFromSchema(item, acc);
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator2.f();
+      _iterator3.f();
     }
   }
 }

package/dist/{raw-d6f65f06.browser.esm.js → raw-be2fd916.browser.esm.js}

@@ -138,6 +138,19 @@ function _objectSpread2(e) {
  * would corrupt every URL built from it.
  */
 
+/**
+ * A video as a consumer sees it: what was authored, plus a generated `url` on
+ * the video, on its poster and on each caption track.
+ *
+ * Only the video's own `url` carries the edit tag — a click on the player
+ * reaches the field. The poster and the captions are parts of the same field,
+ * not fields of their own, so their URLs are plain.
+ *
+ * An HLS stream (`mimeType` `application/vnd.apple.mpegurl`) plays natively in
+ * Safari and needs a library such as hls.js everywhere else; `url` is then the
+ * master playlist.
+ */
+
 /**
  * RichText is accessible by users (after conversion via useVal / fetchVal)
  **/
@@ -284,6 +297,16 @@ function handleRichTextSchema(sourceOrSelector, recOpts, rec) {
 }
 function stegaEncode(input, opts) {
   var viewModules = new Map();
+  /**
+   * The published entries of the galleries the module's fields pick from, for
+   * when there is no draft source to fill a gallery-backed value from — every
+   * read outside draft mode. See `Internal.media.galleriesOf`.
+   */
+  var galleries = new Map();
+  var getGallery = function getGallery(modulePath) {
+    var _opts$getModule, _opts$getModule2;
+    return (_opts$getModule = (_opts$getModule2 = opts.getModule) === null || _opts$getModule2 === void 0 ? void 0 : _opts$getModule2.call(opts, modulePath)) !== null && _opts$getModule !== void 0 ? _opts$getModule : galleries.get(modulePath);
+  };
   // Handed a view handle rather than a module: resolve it and encode what it
   // points at. This is what makes `useVal(page.header)` read the header.
   var resolved = Internal.viewHandleModule(input);
@@ -379,12 +402,22 @@ function stegaEncode(input, opts) {
     if (recOpts !== null && recOpts !== void 0 && recOpts.schema && isRichTextSchema(recOpts.schema)) {
       return handleRichTextSchema(sourceOrSelector, recOpts, rec);
     }
+    if (recOpts && isVideoSchema(recOpts.schema) && sourceOrSelector && _typeof(sourceOrSelector) === "object") {
+      // A set-backed video gets its mimeType, size and length from the set
+      // first — `Video` promises a `mimeType`, and the field has none — and
+      // every choice it did not make itself: the set's poster, times,
+      // description, focal point and captions.
+      var src = Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
+      return Internal.resolveVideo(src, function (video) {
+        return rec(Internal.mediaUrl(video), recOpts);
+      });
+    }
     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;
+      var _src = Internal.media.fillFromGallery(sourceOrSelector, recOpts.schema, getGallery);
       // `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)
+      return _objectSpread2(_objectSpread2({}, _src), {}, {
+        url: rec(Internal.mediaUrl(_src), recOpts)
       });
     }
     if (_typeof(sourceOrSelector) === "object") {
@@ -413,6 +446,20 @@ function stegaEncode(input, opts) {
         } finally {
           _iterator.f();
         }
+        var _iterator2 = _createForOfIteratorHelper(Internal.media.galleriesOf(newSchema)),
+          _step2;
+        try {
+          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+            var _step2$value = _slicedToArray(_step2.value, 2),
+              _path = _step2$value[0],
+              entries = _step2$value[1];
+            galleries.set(_path, entries);
+          }
+        } catch (err) {
+          _iterator2.e(err);
+        } finally {
+          _iterator2.f();
+        }
         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"]()
@@ -428,11 +475,11 @@ function stegaEncode(input, opts) {
       }
       if (!Array.isArray(sourceOrSelector)) {
         var res = {};
-        var entries = Object.entries(sourceOrSelector);
-        for (var _i = 0, _entries = entries; _i < _entries.length; _i++) {
-          var _entries$_i = _slicedToArray(_entries[_i], 2),
-            _key = _entries$_i[0],
-            value = _entries$_i[1];
+        var _entries = Object.entries(sourceOrSelector);
+        for (var _i = 0, _entries2 = _entries; _i < _entries2.length; _i++) {
+          var _entries2$_i = _slicedToArray(_entries2[_i], 2),
+            _key = _entries2$_i[0],
+            value = _entries2$_i[1];
           res[_key] = rec(value, (recOpts === null || recOpts === void 0 ? void 0 : recOpts.schema) && {
             path: Internal.createValPathOfItem(recOpts.path, _key),
             schema: isRecordSchema(recOpts.schema) ? recOpts.schema.item : isObjectSchema(recOpts.schema) ? recOpts.schema.items[_key] : unknownSchema(recOpts.schema)
@@ -514,11 +561,14 @@ function isObjectSchema(schema) {
 function isFileSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "file";
 }
+function isVideoSchema(schema) {
+  return (schema === null || schema === void 0 ? void 0 : schema.type) === "video";
+}
 function isImageSchema(schema) {
   return (schema === null || schema === void 0 ? void 0 : schema.type) === "image";
 }
 function collectReferencedModulesFromSchema(schema, acc) {
-  if (isFileSchema(schema) || isImageSchema(schema)) {
+  if (isFileSchema(schema) || isImageSchema(schema) || isVideoSchema(schema)) {
     if (schema.referencedModule) {
       acc.add(schema.referencedModule);
     }
@@ -530,17 +580,17 @@ function collectReferencedModulesFromSchema(schema, acc) {
   } else if (schema.type === "array" || schema.type === "record") {
     collectReferencedModulesFromSchema(schema.item, acc);
   } else if (schema.type === "discriminated-union") {
-    var _iterator2 = _createForOfIteratorHelper(schema.items),
-      _step2;
+    var _iterator3 = _createForOfIteratorHelper(schema.items),
+      _step3;
     try {
-      for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-        var item = _step2.value;
+      for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+        var item = _step3.value;
         collectReferencedModulesFromSchema(item, acc);
       }
     } catch (err) {
-      _iterator2.e(err);
+      _iterator3.e(err);
     } finally {
-      _iterator2.f();
+      _iterator3.f();
     }
   }
 }

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

@@ -1,5 +1,5 @@
 import { c as _arrayLikeToArray, b as _unsupportedIterableToArray } from '../../dist/slicedToArray-9cce0d9f.browser.esm.js';
-import { d as _objectSpread2, r as raw, c as attrs } from '../../dist/raw-d6f65f06.browser.esm.js';
+import { d as _objectSpread2, r as raw, c as attrs } from '../../dist/raw-be2fd916.browser.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@valbuild/core';

package/internal/dist/valbuild-react-internal.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-ec62616c.cjs.dev.js');
+var raw = require('../../dist/raw-1fce8756.cjs.dev.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('@valbuild/core');

package/internal/dist/valbuild-react-internal.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-3ae44ab5.cjs.prod.js');
+var raw = require('../../dist/raw-68a490e6.cjs.prod.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 require('@valbuild/core');

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

@@ -1,5 +1,5 @@
 import { c as _arrayLikeToArray, b as _unsupportedIterableToArray } from '../../dist/slicedToArray-0c0a3b4a.esm.js';
-import { d as _objectSpread2, r as raw, c as attrs } from '../../dist/raw-bd3105cd.esm.js';
+import { d as _objectSpread2, r as raw, c as attrs } from '../../dist/raw-26e85a34.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@valbuild/core';

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

@@ -1,5 +1,5 @@
 import { c as _arrayLikeToArray, b as _unsupportedIterableToArray } from '../../dist/slicedToArray-7d0170b6.worker.esm.js';
-import { d as _objectSpread2, r as raw, c as attrs } from '../../dist/raw-1280c322.worker.esm.js';
+import { d as _objectSpread2, r as raw, c as attrs } from '../../dist/raw-55a21edc.worker.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 import '@valbuild/core';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.140.2",
+  "version": "0.141.0",
   "private": false,
   "description": "Val - React internal helpers",
   "repository": {
@@ -11,9 +11,9 @@
   "dependencies": {
     "@vercel/stega": "^1.1.0",
     "base64-arraybuffer": "^1.0.2",
-    "@valbuild/core": "0.139.1",
-    "@valbuild/shared": "0.140.2",
-    "@valbuild/ui": "0.140.2"
+    "@valbuild/shared": "0.141.0",
+    "@valbuild/core": "0.141.0",
+    "@valbuild/ui": "0.141.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.3",

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-d6f65f06.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-d6f65f06.browser.esm.js';
+import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-be2fd916.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-be2fd916.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-ec62616c.cjs.dev.js');
+var raw = require('../../dist/raw-1fce8756.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-3ae44ab5.cjs.prod.js');
+var raw = require('../../dist/raw-68a490e6.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-bd3105cd.esm.js';
-export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-bd3105cd.esm.js';
+import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-26e85a34.esm.js';
+export { c as attrs, g as getModuleIds, r as raw, b as stegaClean, s as stegaDecodeStrings, a as stegaEncode } from '../../dist/raw-26e85a34.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-1280c322.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-1280c322.worker.esm.js';
+import { s as stegaDecodeStrings, _ as _createForOfIteratorHelper } from '../../dist/raw-55a21edc.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-55a21edc.worker.esm.js';
 import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';