@valbuild/react 0.48.1 → 0.50.0

package/dist/{ValProvider-3f3f21ba.cjs.dev.js → ValProvider-1009cb51.cjs.dev.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
 var React = require('react');
-var defineProperty = require('./defineProperty-c82a49b0.cjs.dev.js');
+var defineProperty = require('./defineProperty-c84f9aba.cjs.dev.js');
 var fp = require('@valbuild/core/fp');
 var core = require('@valbuild/core');
 var ReactJSXRuntime = require('react/jsx-runtime');
@@ -429,7 +429,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, defineProperty._toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, defineProperty.toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -555,7 +555,6 @@ var ValStore = /*#__PURE__*/function () {
                           return subscriberId.includes(moduleId);
                         } // NOTE: dependent on
                         );
-
                         if (updatedSubscriberId) {
                           updatedSubscriberIds.set(updatedSubscriberId, (updatedSubscriberIds.get(updatedSubscriberId) || []).concat(moduleId));
                         }

package/dist/{ValProvider-36edbac3.browser.esm.js → ValProvider-6a12fd8e.browser.esm.js}

@@ -1,7 +1,7 @@
 'use client';
 import { a as _unsupportedIterableToArray, _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
 import React, { useContext, useMemo, useState, useEffect, lazy } from 'react';
-import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-f319cb47.browser.esm.js';
+import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-6ed7deb7.browser.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi, Internal } from '@valbuild/core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -403,7 +403,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -529,7 +529,6 @@ var ValStore = /*#__PURE__*/function () {
                           return subscriberId.includes(moduleId);
                         } // NOTE: dependent on
                         );
-
                         if (updatedSubscriberId) {
                           updatedSubscriberIds.set(updatedSubscriberId, (updatedSubscriberIds.get(updatedSubscriberId) || []).concat(moduleId));
                         }

package/dist/{ValProvider-87475f3a.esm.js → ValProvider-8ec03a73.esm.js}

@@ -1,7 +1,7 @@
 'use client';
 import { a as _unsupportedIterableToArray, _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
 import React, { useContext, useMemo, useState, useEffect, lazy } from 'react';
-import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-12b5bd29.esm.js';
+import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-9bf3d0c0.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi, Internal } from '@valbuild/core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -403,7 +403,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -529,7 +529,6 @@ var ValStore = /*#__PURE__*/function () {
                           return subscriberId.includes(moduleId);
                         } // NOTE: dependent on
                         );
-
                         if (updatedSubscriberId) {
                           updatedSubscriberIds.set(updatedSubscriberId, (updatedSubscriberIds.get(updatedSubscriberId) || []).concat(moduleId));
                         }

package/dist/ValProvider-c7d7067b.cjs.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === "production") {
+  module.exports = require("./ValProvider-c7d7067b.cjs.prod.js");
+} else {
+  module.exports = require("./ValProvider-c7d7067b.cjs.dev.js");
+}

package/dist/{ValProvider-1bf1d7e4.cjs.prod.js → ValProvider-c7d7067b.cjs.prod.js}

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
 var React = require('react');
-var defineProperty = require('./defineProperty-36ed93cd.cjs.prod.js');
+var defineProperty = require('./defineProperty-f8fe5660.cjs.prod.js');
 var fp = require('@valbuild/core/fp');
 var core = require('@valbuild/core');
 var ReactJSXRuntime = require('react/jsx-runtime');
@@ -429,7 +429,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, defineProperty._toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, defineProperty.toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -555,7 +555,6 @@ var ValStore = /*#__PURE__*/function () {
                           return subscriberId.includes(moduleId);
                         } // NOTE: dependent on
                         );
-
                         if (updatedSubscriberId) {
                           updatedSubscriberIds.set(updatedSubscriberId, (updatedSubscriberIds.get(updatedSubscriberId) || []).concat(moduleId));
                         }

package/dist/{ValProvider-a29fe950.worker.esm.js → ValProvider-ecf57703.worker.esm.js}

@@ -1,7 +1,7 @@
 'use client';
 import { a as _unsupportedIterableToArray, _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
 import { useMemo, useState, useEffect, lazy } from 'react';
-import { a as _toPropertyKey, _ as _defineProperty } from './defineProperty-a4bf59bc.worker.esm.js';
+import { t as toPropertyKey, _ as _defineProperty } from './defineProperty-82fbeafc.worker.esm.js';
 import { result } from '@valbuild/core/fp';
 import { ValApi, Internal } from '@valbuild/core';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
@@ -403,7 +403,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -529,7 +529,6 @@ var ValStore = /*#__PURE__*/function () {
                           return subscriberId.includes(moduleId);
                         } // NOTE: dependent on
                         );
-
                         if (updatedSubscriberId) {
                           updatedSubscriberIds.set(updatedSubscriberId, (updatedSubscriberIds.get(updatedSubscriberId) || []).concat(moduleId));
                         }

package/dist/ValUI-07905fec.browser.esm.js

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-85f6bb43.browser.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-36edbac3.browser.esm.js';
+import { useValApi, useValStore } from './ValProvider-6a12fd8e.browser.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-15ad1f1e.worker.esm.js

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-d4c4a4ed.worker.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-a29fe950.worker.esm.js';
+import { useValApi, useValStore } from './ValProvider-ecf57703.worker.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-b98a0c8f.cjs.prod.js

@@ -8,7 +8,7 @@ var slicedToArray = require('./slicedToArray-a2a426c7.cjs.prod.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-1bf1d7e4.cjs.prod.js');
+var ValProvider = require('./ValProvider-c7d7067b.cjs.prod.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-dd0484dc.cjs.dev.js

@@ -8,7 +8,7 @@ var slicedToArray = require('./slicedToArray-a9d0d9cd.cjs.dev.js');
 var React = require('react');
 var reactDom = require('react-dom');
 var ReactJSXRuntime = require('react/jsx-runtime');
-var ValProvider = require('./ValProvider-3f3f21ba.cjs.dev.js');
+var ValProvider = require('./ValProvider-1009cb51.cjs.dev.js');
 
 function ShadowContent(_ref) {
   var root = _ref.root,

package/dist/ValUI-efe41d9a.esm.js

@@ -4,7 +4,7 @@ import { _ as _slicedToArray } from './slicedToArray-331bebbb.esm.js';
 import { useRef, useState, useLayoutEffect } from 'react';
 import { createPortal } from 'react-dom';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { useValApi, useValStore } from './ValProvider-87475f3a.esm.js';
+import { useValApi, useValStore } from './ValProvider-8ec03a73.esm.js';
 
 function ShadowContent(_ref) {
   var root = _ref.root,

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

@@ -3,7 +3,7 @@ import { ValStore } from "./ValStore.js";
 import { ValApi } from "@valbuild/core";
 export declare const useValStore: () => ValStore | undefined;
 export type UseValStore = typeof useValStore;
-export declare const useValApi: () => ValApi | undefined;
+export declare const useValApi: () => any;
 export type UseValApi = typeof useValApi;
 export type ValContext = {
     readonly valStore?: ValStore;

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

@@ -1,5 +1,5 @@
 import { Json, ModuleId, ValApi } from "@valbuild/core";
-import type { IValStore } from "@valbuild/ui";
+import type { IValStore } from "@valbuild/shared/internal";
 export declare class ValStore implements IValStore {
     private readonly api;
     private readonly subscribers;

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

@@ -1,4 +1,4 @@
-import { Json, RichTextSource, RichText, ImageMetadata } from "@valbuild/core";
+import { Json, RichTextSource, RichText, ImageMetadata, FileMetadata } from "@valbuild/core";
 import { FileSource, Source, SourceObject } from "@valbuild/core";
 import { JsonPrimitive } from "@valbuild/core";
 import { SourceArray } from "@valbuild/core";
@@ -150,7 +150,11 @@ export type Image = {
     readonly url: ValEncodedString;
     readonly metadata?: ImageMetadata;
 };
-export type StegaOfSource<T extends Source> = Json extends T ? Json : T extends RichTextSource<infer O> ? RichText<O> : T extends FileSource<infer M> ? M extends ImageMetadata ? Image : T : T extends SourceObject ? {
+export type File<Metadata extends FileMetadata> = {
+    readonly url: ValEncodedString;
+    readonly metadata?: Metadata;
+};
+export type StegaOfSource<T extends Source> = Json extends T ? Json : T extends RichTextSource<infer O> ? RichText<O> : T extends FileSource<infer M> ? M extends ImageMetadata ? Image : M extends FileMetadata ? File<M> : never : 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/defineProperty-6ed7deb7.browser.esm.js

@@ -0,0 +1,32 @@
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+export { _defineProperty as _, toPropertyKey as t };

package/dist/defineProperty-82fbeafc.worker.esm.js

@@ -0,0 +1,32 @@
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+export { _defineProperty as _, toPropertyKey as t };

package/dist/defineProperty-9bf3d0c0.esm.js

@@ -0,0 +1,32 @@
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+export { _defineProperty as _, toPropertyKey as t };

package/dist/defineProperty-c84f9aba.cjs.dev.js

@@ -0,0 +1,35 @@
+'use strict';
+
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+exports._defineProperty = _defineProperty;
+exports.toPropertyKey = toPropertyKey;

package/dist/defineProperty-f8fe5660.cjs.prod.js

@@ -0,0 +1,35 @@
+'use strict';
+
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+exports._defineProperty = _defineProperty;
+exports.toPropertyKey = toPropertyKey;

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

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-36edbac3.browser.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-6a12fd8e.browser.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('../../dist/ValProvider-3f3f21ba.cjs.dev.js');
+var ValProvider = require('../../dist/ValProvider-1009cb51.cjs.dev.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ValProvider = require('../../dist/ValProvider-1bf1d7e4.cjs.prod.js');
+var ValProvider = require('../../dist/ValProvider-c7d7067b.cjs.prod.js');
 var React = require('react');
 var ReactJSXRuntime = require('react/jsx-runtime');
 

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

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-87475f3a.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-8ec03a73.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1,4 +1,4 @@
-export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-a29fe950.worker.esm.js';
+export { ValProvider, useValApi, useValStore } from '../../dist/ValProvider-ecf57703.worker.esm.js';
 import React from 'react';
 import { jsx } from 'react/jsx-runtime';
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@valbuild/react",
-  "version": "0.48.1",
+  "version": "0.50.0",
   "private": false,
   "description": "Val - React internal helpers",
   "sideEffects": false,
@@ -9,9 +9,9 @@
     "test": "jest"
   },
   "dependencies": {
-    "@valbuild/core": "~0.48.1",
-    "@valbuild/shared": "~0.48.1",
-    "@valbuild/ui": "~0.48.1",
+    "@valbuild/core": "~0.50.0",
+    "@valbuild/shared": "~0.50.0",
+    "@valbuild/ui": "~0.50.0",
     "@vercel/stega": "^0.1.0",
     "base64-arraybuffer": "^1.0.2",
     "style-to-object": "^0.4.1"

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

@@ -4,7 +4,7 @@ import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
 import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
-import { _ as _defineProperty } from '../../dist/defineProperty-f319cb47.browser.esm.js';
+import { _ as _defineProperty } from '../../dist/defineProperty-6ed7deb7.browser.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
 import { parseRichTextSource } from '@valbuild/shared/internal';
 
@@ -23,18 +23,48 @@ var isIntrinsicElement = function isIntrinsicElement(type) {
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
   var valSources = [];
+  function add(key, value, props, container) {
+    var valPath = stegaDecodeString(value);
+    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
+    if (valPath && !props[attr]) {
+      valSources.push(valPath);
+      var cleanValue = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
+      if (Array.isArray(container) && typeof key === "number") {
+        container[key] = cleanValue;
+      } else if (typeof key === "string" && !Array.isArray(container)) {
+        container[key] = cleanValue;
+      } else {
+        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+      }
+      props[attr] = valPath;
+    }
+  }
   if (props && _typeof(props) === "object") {
     for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
         key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
       if (typeof value === "string" && value.match(VERCEL_STEGA_REGEX)) {
-        var valPath = stegaDecodeString(value);
-        var attr = "data-val-attr-".concat(key.toLowerCase());
-        if (valPath && !props[attr]) {
-          valSources.push(valPath);
-          props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-          props[attr] = valPath;
+        add(key, value, props, props);
+      } else if (_typeof(value) === "object" && value !== null) {
+        if (key === "style") {
+          for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
+            var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+              styleKey = _Object$entries2$_i[0],
+              styleValue = _Object$entries2$_i[1];
+            if (typeof styleValue === "string" && styleValue.match(VERCEL_STEGA_REGEX)) {
+              add(styleKey, styleValue, props, value);
+            }
+          }
+        } else if (value instanceof Array) {
+          for (var _i3 = 0, _Object$entries3 = Object.entries(value); _i3 < _Object$entries3.length; _i3++) {
+            var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+              index = _Object$entries3$_i[0],
+              item = _Object$entries3$_i[1];
+            if (typeof item === "string" && item.match(VERCEL_STEGA_REGEX)) {
+              add(index, item, props, value);
+            }
+          }
         }
       }
     }
@@ -212,7 +242,6 @@ function stegaEncode(input, opts) {
       }, false // auto detection on urls and dates is disabled, isDate could be used but it is also disabled (users should use a date schema instead): isDate(sourceOrSelector) // skip = true if isDate
       );
     }
-
     if (typeof sourceOrSelector === "number" || typeof sourceOrSelector === "boolean") {
       return sourceOrSelector;
     }

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

@@ -8,7 +8,7 @@ var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');
 var stega = require('@vercel/stega');
-var defineProperty = require('../../dist/defineProperty-c82a49b0.cjs.dev.js');
+var defineProperty = require('../../dist/defineProperty-c84f9aba.cjs.dev.js');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
 
@@ -33,18 +33,48 @@ var isIntrinsicElement = function isIntrinsicElement(type) {
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
   var valSources = [];
+  function add(key, value, props, container) {
+    var valPath = stegaDecodeString(value);
+    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
+    if (valPath && !props[attr]) {
+      valSources.push(valPath);
+      var cleanValue = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
+      if (Array.isArray(container) && typeof key === "number") {
+        container[key] = cleanValue;
+      } else if (typeof key === "string" && !Array.isArray(container)) {
+        container[key] = cleanValue;
+      } else {
+        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+      }
+      props[attr] = valPath;
+    }
+  }
   if (props && _typeof._typeof(props) === "object") {
     for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
         key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
       if (typeof value === "string" && value.match(stega.VERCEL_STEGA_REGEX)) {
-        var valPath = stegaDecodeString(value);
-        var attr = "data-val-attr-".concat(key.toLowerCase());
-        if (valPath && !props[attr]) {
-          valSources.push(valPath);
-          props[key] = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
-          props[attr] = valPath;
+        add(key, value, props, props);
+      } else if (_typeof._typeof(value) === "object" && value !== null) {
+        if (key === "style") {
+          for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
+            var _Object$entries2$_i = slicedToArray._slicedToArray(_Object$entries2[_i2], 2),
+              styleKey = _Object$entries2$_i[0],
+              styleValue = _Object$entries2$_i[1];
+            if (typeof styleValue === "string" && styleValue.match(stega.VERCEL_STEGA_REGEX)) {
+              add(styleKey, styleValue, props, value);
+            }
+          }
+        } else if (value instanceof Array) {
+          for (var _i3 = 0, _Object$entries3 = Object.entries(value); _i3 < _Object$entries3.length; _i3++) {
+            var _Object$entries3$_i = slicedToArray._slicedToArray(_Object$entries3[_i3], 2),
+              index = _Object$entries3$_i[0],
+              item = _Object$entries3$_i[1];
+            if (typeof item === "string" && item.match(stega.VERCEL_STEGA_REGEX)) {
+              add(index, item, props, value);
+            }
+          }
         }
       }
     }
@@ -222,7 +252,6 @@ function stegaEncode(input, opts) {
       }, false // auto detection on urls and dates is disabled, isDate could be used but it is also disabled (users should use a date schema instead): isDate(sourceOrSelector) // skip = true if isDate
       );
     }
-
     if (typeof sourceOrSelector === "number" || typeof sourceOrSelector === "boolean") {
       return sourceOrSelector;
     }

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

@@ -8,7 +8,7 @@ var ReactJSXRuntime = require('react/jsx-runtime');
 var jsxRuntimeDev = require('react/jsx-dev-runtime');
 var React = require('react');
 var stega = require('@vercel/stega');
-var defineProperty = require('../../dist/defineProperty-36ed93cd.cjs.prod.js');
+var defineProperty = require('../../dist/defineProperty-f8fe5660.cjs.prod.js');
 var core = require('@valbuild/core');
 var internal = require('@valbuild/shared/internal');
 
@@ -33,18 +33,48 @@ var isIntrinsicElement = function isIntrinsicElement(type) {
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
   var valSources = [];
+  function add(key, value, props, container) {
+    var valPath = stegaDecodeString(value);
+    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
+    if (valPath && !props[attr]) {
+      valSources.push(valPath);
+      var cleanValue = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
+      if (Array.isArray(container) && typeof key === "number") {
+        container[key] = cleanValue;
+      } else if (typeof key === "string" && !Array.isArray(container)) {
+        container[key] = cleanValue;
+      } else {
+        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+      }
+      props[attr] = valPath;
+    }
+  }
   if (props && _typeof._typeof(props) === "object") {
     for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = slicedToArray._slicedToArray(_Object$entries[_i], 2),
         key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
       if (typeof value === "string" && value.match(stega.VERCEL_STEGA_REGEX)) {
-        var valPath = stegaDecodeString(value);
-        var attr = "data-val-attr-".concat(key.toLowerCase());
-        if (valPath && !props[attr]) {
-          valSources.push(valPath);
-          props[key] = isIntrinsicElement(type) ? stega.vercelStegaSplit(value).cleaned : value;
-          props[attr] = valPath;
+        add(key, value, props, props);
+      } else if (_typeof._typeof(value) === "object" && value !== null) {
+        if (key === "style") {
+          for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
+            var _Object$entries2$_i = slicedToArray._slicedToArray(_Object$entries2[_i2], 2),
+              styleKey = _Object$entries2$_i[0],
+              styleValue = _Object$entries2$_i[1];
+            if (typeof styleValue === "string" && styleValue.match(stega.VERCEL_STEGA_REGEX)) {
+              add(styleKey, styleValue, props, value);
+            }
+          }
+        } else if (value instanceof Array) {
+          for (var _i3 = 0, _Object$entries3 = Object.entries(value); _i3 < _Object$entries3.length; _i3++) {
+            var _Object$entries3$_i = slicedToArray._slicedToArray(_Object$entries3[_i3], 2),
+              index = _Object$entries3$_i[0],
+              item = _Object$entries3$_i[1];
+            if (typeof item === "string" && item.match(stega.VERCEL_STEGA_REGEX)) {
+              add(index, item, props, value);
+            }
+          }
         }
       }
     }
@@ -222,7 +252,6 @@ function stegaEncode(input, opts) {
       }, false // auto detection on urls and dates is disabled, isDate could be used but it is also disabled (users should use a date schema instead): isDate(sourceOrSelector) // skip = true if isDate
       );
     }
-
     if (typeof sourceOrSelector === "number" || typeof sourceOrSelector === "boolean") {
       return sourceOrSelector;
     }

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

@@ -4,7 +4,7 @@ import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
 import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
-import { _ as _defineProperty } from '../../dist/defineProperty-12b5bd29.esm.js';
+import { _ as _defineProperty } from '../../dist/defineProperty-9bf3d0c0.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
 import { parseRichTextSource } from '@valbuild/shared/internal';
 
@@ -23,18 +23,48 @@ var isIntrinsicElement = function isIntrinsicElement(type) {
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
   var valSources = [];
+  function add(key, value, props, container) {
+    var valPath = stegaDecodeString(value);
+    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
+    if (valPath && !props[attr]) {
+      valSources.push(valPath);
+      var cleanValue = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
+      if (Array.isArray(container) && typeof key === "number") {
+        container[key] = cleanValue;
+      } else if (typeof key === "string" && !Array.isArray(container)) {
+        container[key] = cleanValue;
+      } else {
+        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+      }
+      props[attr] = valPath;
+    }
+  }
   if (props && _typeof(props) === "object") {
     for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
         key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
       if (typeof value === "string" && value.match(VERCEL_STEGA_REGEX)) {
-        var valPath = stegaDecodeString(value);
-        var attr = "data-val-attr-".concat(key.toLowerCase());
-        if (valPath && !props[attr]) {
-          valSources.push(valPath);
-          props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-          props[attr] = valPath;
+        add(key, value, props, props);
+      } else if (_typeof(value) === "object" && value !== null) {
+        if (key === "style") {
+          for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
+            var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+              styleKey = _Object$entries2$_i[0],
+              styleValue = _Object$entries2$_i[1];
+            if (typeof styleValue === "string" && styleValue.match(VERCEL_STEGA_REGEX)) {
+              add(styleKey, styleValue, props, value);
+            }
+          }
+        } else if (value instanceof Array) {
+          for (var _i3 = 0, _Object$entries3 = Object.entries(value); _i3 < _Object$entries3.length; _i3++) {
+            var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+              index = _Object$entries3$_i[0],
+              item = _Object$entries3$_i[1];
+            if (typeof item === "string" && item.match(VERCEL_STEGA_REGEX)) {
+              add(index, item, props, value);
+            }
+          }
         }
       }
     }
@@ -212,7 +242,6 @@ function stegaEncode(input, opts) {
       }, false // auto detection on urls and dates is disabled, isDate could be used but it is also disabled (users should use a date schema instead): isDate(sourceOrSelector) // skip = true if isDate
       );
     }
-
     if (typeof sourceOrSelector === "number" || typeof sourceOrSelector === "boolean") {
       return sourceOrSelector;
     }

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

@@ -4,7 +4,7 @@ import ReactJSXRuntime__default from 'react/jsx-runtime';
 import jsxRuntimeDev__default from 'react/jsx-dev-runtime';
 import React from 'react';
 import { vercelStegaDecode, VERCEL_STEGA_REGEX, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
-import { _ as _defineProperty } from '../../dist/defineProperty-a4bf59bc.worker.esm.js';
+import { _ as _defineProperty } from '../../dist/defineProperty-82fbeafc.worker.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
 import { parseRichTextSource } from '@valbuild/shared/internal';
 
@@ -23,18 +23,48 @@ var isIntrinsicElement = function isIntrinsicElement(type) {
 };
 var addValPathIfFound = function addValPathIfFound(type, props) {
   var valSources = [];
+  function add(key, value, props, container) {
+    var valPath = stegaDecodeString(value);
+    var attr = "data-val-attr-".concat(key.toString().toLowerCase());
+    if (valPath && !props[attr]) {
+      valSources.push(valPath);
+      var cleanValue = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
+      if (Array.isArray(container) && typeof key === "number") {
+        container[key] = cleanValue;
+      } else if (typeof key === "string" && !Array.isArray(container)) {
+        container[key] = cleanValue;
+      } else {
+        console.error("Val: Could not auto tag. Reason: unexpected types found while cleaning and / or adding val path data props.");
+      }
+      props[attr] = valPath;
+    }
+  }
   if (props && _typeof(props) === "object") {
     for (var _i = 0, _Object$entries = Object.entries(props); _i < _Object$entries.length; _i++) {
       var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
         key = _Object$entries$_i[0],
         value = _Object$entries$_i[1];
       if (typeof value === "string" && value.match(VERCEL_STEGA_REGEX)) {
-        var valPath = stegaDecodeString(value);
-        var attr = "data-val-attr-".concat(key.toLowerCase());
-        if (valPath && !props[attr]) {
-          valSources.push(valPath);
-          props[key] = isIntrinsicElement(type) ? vercelStegaSplit(value).cleaned : value;
-          props[attr] = valPath;
+        add(key, value, props, props);
+      } else if (_typeof(value) === "object" && value !== null) {
+        if (key === "style") {
+          for (var _i2 = 0, _Object$entries2 = Object.entries(value); _i2 < _Object$entries2.length; _i2++) {
+            var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
+              styleKey = _Object$entries2$_i[0],
+              styleValue = _Object$entries2$_i[1];
+            if (typeof styleValue === "string" && styleValue.match(VERCEL_STEGA_REGEX)) {
+              add(styleKey, styleValue, props, value);
+            }
+          }
+        } else if (value instanceof Array) {
+          for (var _i3 = 0, _Object$entries3 = Object.entries(value); _i3 < _Object$entries3.length; _i3++) {
+            var _Object$entries3$_i = _slicedToArray(_Object$entries3[_i3], 2),
+              index = _Object$entries3$_i[0],
+              item = _Object$entries3$_i[1];
+            if (typeof item === "string" && item.match(VERCEL_STEGA_REGEX)) {
+              add(index, item, props, value);
+            }
+          }
         }
       }
     }
@@ -212,7 +242,6 @@ function stegaEncode(input, opts) {
       }, false // auto detection on urls and dates is disabled, isDate could be used but it is also disabled (users should use a date schema instead): isDate(sourceOrSelector) // skip = true if isDate
       );
     }
-
     if (typeof sourceOrSelector === "number" || typeof sourceOrSelector === "boolean") {
       return sourceOrSelector;
     }

package/dist/ValProvider-1bf1d7e4.cjs.js

@@ -1,7 +0,0 @@
-'use strict';
-
-if (process.env.NODE_ENV === "production") {
-  module.exports = require("./ValProvider-1bf1d7e4.cjs.prod.js");
-} else {
-  module.exports = require("./ValProvider-1bf1d7e4.cjs.dev.js");
-}

package/dist/defineProperty-12b5bd29.esm.js

@@ -1,32 +0,0 @@
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-export { _defineProperty as _, _toPropertyKey as a };

package/dist/defineProperty-36ed93cd.cjs.prod.js

@@ -1,35 +0,0 @@
-'use strict';
-
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-exports._defineProperty = _defineProperty;
-exports._toPropertyKey = _toPropertyKey;

package/dist/defineProperty-a4bf59bc.worker.esm.js

@@ -1,32 +0,0 @@
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-export { _defineProperty as _, _toPropertyKey as a };

package/dist/defineProperty-c82a49b0.cjs.dev.js

@@ -1,35 +0,0 @@
-'use strict';
-
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-exports._defineProperty = _defineProperty;
-exports._toPropertyKey = _toPropertyKey;

package/dist/defineProperty-f319cb47.browser.esm.js

@@ -1,32 +0,0 @@
-function _toPrimitive(input, hint) {
-  if (typeof input !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (typeof res !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return typeof key === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-export { _defineProperty as _, _toPropertyKey as a };