@use-voltra/ios 2.0.0-rc.4 → 2.1.0

package/build/commonjs/index.js

@@ -28,6 +28,18 @@ Object.defineProperty(exports, "getComponentName", {
     return _componentIds.getComponentName;
   }
 });
+Object.defineProperty(exports, "isAndroidEnv", {
+  enumerable: true,
+  get: function () {
+    return _core.isAndroidEnv;
+  }
+});
+Object.defineProperty(exports, "isIosEnv", {
+  enumerable: true,
+  get: function () {
+    return _core.isIosEnv;
+  }
+});
 Object.defineProperty(exports, "renderLiveActivityToJson", {
   enumerable: true,
   get: function () {
@@ -64,5 +76,6 @@ var _componentIds = require("./payload/component-ids.js");
 var _renderer = require("./live-activity/renderer.js");
 var _index = require("./renderer/index.js");
 var _renderer2 = require("./widgets/renderer.js");
+var _core = require("@use-voltra/core");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 //# sourceMappingURL=index.js.map

package/build/commonjs/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Voltra","_interopRequireWildcard","require","exports","_componentIds","_renderer","_index","_renderer2","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAH,MAAA,GAAAA,MAAA;AAG7C,IAAAI,aAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AAgBA,IAAAK,UAAA,GAAAL,OAAA;AAAgF,SAAAD,wBAAAO,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAT,uBAAA,YAAAA,CAAAO,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}
+{"version":3,"names":["Voltra","_interopRequireWildcard","require","exports","_componentIds","_renderer","_index","_renderer2","_core","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA6CC,OAAA,CAAAH,MAAA,GAAAA,MAAA;AAG7C,IAAAI,aAAA,GAAAF,OAAA;AAMA,IAAAG,SAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AAgBA,IAAAK,UAAA,GAAAL,OAAA;AAEA,IAAAM,KAAA,GAAAN,OAAA;AAAyD,SAAAD,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA","ignoreList":[]}

package/build/module/index.js

@@ -6,4 +6,5 @@ export { getComponentId, getComponentName, COMPONENT_ID_TO_NAME, COMPONENT_NAME_
 export { renderLiveActivityToJson, renderLiveActivityToString } from './live-activity/renderer.js';
 export { renderVoltraVariantToJson } from './renderer/index.js';
 export { renderWidgetToJson, renderWidgetToString } from './widgets/renderer.js';
+export { isAndroidEnv, isIosEnv } from '@use-voltra/core';
 //# sourceMappingURL=index.js.map

package/build/module/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["Voltra","getComponentId","getComponentName","COMPONENT_ID_TO_NAME","COMPONENT_NAME_TO_ID","renderLiveActivityToJson","renderLiveActivityToString","renderVoltraVariantToJson","renderWidgetToJson","renderWidgetToString"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAO,KAAKA,MAAM,MAAM,qBAAqB;AAE7C,SAASA,MAAM;AACf,SACEC,cAAc,EACdC,gBAAgB,EAChBC,oBAAoB,EACpBC,oBAAoB,QACf,4BAA4B;AACnC,SAASC,wBAAwB,EAAEC,0BAA0B,QAAQ,6BAA6B;AAOlG,SAASC,yBAAyB,QAAQ,qBAAqB;AAgB/D,SAASC,kBAAkB,EAAEC,oBAAoB,QAAQ,uBAAuB","ignoreList":[]}
+{"version":3,"names":["Voltra","getComponentId","getComponentName","COMPONENT_ID_TO_NAME","COMPONENT_NAME_TO_ID","renderLiveActivityToJson","renderLiveActivityToString","renderVoltraVariantToJson","renderWidgetToJson","renderWidgetToString","isAndroidEnv","isIosEnv"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,OAAO,KAAKA,MAAM,MAAM,qBAAqB;AAE7C,SAASA,MAAM;AACf,SACEC,cAAc,EACdC,gBAAgB,EAChBC,oBAAoB,EACpBC,oBAAoB,QACf,4BAA4B;AACnC,SAASC,wBAAwB,EAAEC,0BAA0B,QAAQ,6BAA6B;AAOlG,SAASC,yBAAyB,QAAQ,qBAAqB;AAgB/D,SAASC,kBAAkB,EAAEC,oBAAoB,QAAQ,uBAAuB;AAEhF,SAASC,YAAY,EAAEC,QAAQ,QAAQ,kBAAkB","ignoreList":[]}

package/build/typescript/commonjs/index.d.ts

@@ -8,4 +8,6 @@ export type { VoltraStyleProp, VoltraTextStyle, VoltraTextStyleProp, VoltraViewS
 export type { EventSubscription, PreloadImageFailure, PreloadImageOptions, PreloadImageSvgOptions, PreloadImageUrlOptions, PreloadImagesResult, UpdateWidgetOptions, VoltraElementJson, VoltraElementRef, VoltraNodeJson, VoltraPropValue, WidgetServerCredentials, } from './types.js';
 export { renderWidgetToJson, renderWidgetToString } from './widgets/renderer.js';
 export type { ScheduledWidgetEntry, WidgetFamily, WidgetInfo, WidgetVariants } from './widgets/types.js';
+export { isAndroidEnv, isIosEnv } from '@use-voltra/core';
+export type { WidgetBuildEnvironment, WidgetEnvironment } from '@use-voltra/core';
 //# sourceMappingURL=index.d.ts.map

package/build/typescript/commonjs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAClG,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC/G,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,uBAAuB,GACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAChF,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAClG,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC/G,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,uBAAuB,GACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAChF,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxG,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA"}

package/build/typescript/commonjs/jsx/props/Image.d.ts

@@ -5,6 +5,8 @@ export type ImageProps = VoltraBaseProps & {
     source?: Record<string, any>;
     /** How the image should be resized to fit its container */
     resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
+    /** iOS 18+ Home Screen widgets only. Controls how the image is rendered when the widget is in an accented (tinted) or vibrant rendering mode. Use 'fullColor' to opt the image out of the system's desaturation so it keeps its original colors on top of the tinted backdrop. No-op outside of accented/vibrant rendering modes. */
+    accentedRenderingMode?: 'fullColor' | 'accented' | 'accentedDesaturated' | 'desaturated';
     /** Custom fallback content rendered when the image is missing */
     fallback?: ReactNode;
 };

package/build/typescript/commonjs/jsx/props/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/jsx/props/Image.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,2HAA2H;IAC3H,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAClE,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/jsx/props/Image.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,2HAA2H;IAC3H,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAClE,qUAAqU;IACrU,qBAAqB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,aAAa,CAAA;IACxF,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}

package/build/typescript/module/index.d.ts

@@ -8,4 +8,6 @@ export type { VoltraStyleProp, VoltraTextStyle, VoltraTextStyleProp, VoltraViewS
 export type { EventSubscription, PreloadImageFailure, PreloadImageOptions, PreloadImageSvgOptions, PreloadImageUrlOptions, PreloadImagesResult, UpdateWidgetOptions, VoltraElementJson, VoltraElementRef, VoltraNodeJson, VoltraPropValue, WidgetServerCredentials, } from './types.js';
 export { renderWidgetToJson, renderWidgetToString } from './widgets/renderer.js';
 export type { ScheduledWidgetEntry, WidgetFamily, WidgetInfo, WidgetVariants } from './widgets/types.js';
+export { isAndroidEnv, isIosEnv } from '@use-voltra/core';
+export type { WidgetBuildEnvironment, WidgetEnvironment } from '@use-voltra/core';
 //# sourceMappingURL=index.d.ts.map

package/build/typescript/module/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAClG,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC/G,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,uBAAuB,GACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAChF,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,MAAM,qBAAqB,CAAA;AAE7C,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,OAAO,EACL,cAAc,EACd,gBAAgB,EAChB,oBAAoB,EACpB,oBAAoB,GACrB,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAAE,wBAAwB,EAAE,0BAA0B,EAAE,MAAM,6BAA6B,CAAA;AAClG,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACpB,wBAAwB,GACzB,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAC/G,YAAY,EACV,iBAAiB,EACjB,mBAAmB,EACnB,mBAAmB,EACnB,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,EACnB,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,cAAc,EACd,eAAe,EACf,uBAAuB,GACxB,MAAM,YAAY,CAAA;AACnB,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAA;AAChF,YAAY,EAAE,oBAAoB,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACxG,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA"}

package/build/typescript/module/jsx/props/Image.d.ts

@@ -5,6 +5,8 @@ export type ImageProps = VoltraBaseProps & {
     source?: Record<string, any>;
     /** How the image should be resized to fit its container */
     resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center';
+    /** iOS 18+ Home Screen widgets only. Controls how the image is rendered when the widget is in an accented (tinted) or vibrant rendering mode. Use 'fullColor' to opt the image out of the system's desaturation so it keeps its original colors on top of the tinted backdrop. No-op outside of accented/vibrant rendering modes. */
+    accentedRenderingMode?: 'fullColor' | 'accented' | 'accentedDesaturated' | 'desaturated';
     /** Custom fallback content rendered when the image is missing */
     fallback?: ReactNode;
 };

package/build/typescript/module/jsx/props/Image.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/jsx/props/Image.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,2HAA2H;IAC3H,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAClE,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}
+{"version":3,"file":"Image.d.ts","sourceRoot":"","sources":["../../../../../src/jsx/props/Image.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,MAAM,MAAM,UAAU,GAAG,eAAe,GAAG;IACzC,2HAA2H;IAC3H,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC5B,2DAA2D;IAC3D,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAClE,qUAAqU;IACrU,qBAAqB,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,qBAAqB,GAAG,aAAa,CAAA;IACxF,iEAAiE;IACjE,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-voltra/ios",
-  "version": "2.0.0-rc.4",
+  "version": "2.1.0",
   "description": "Voltra for iOS",
   "main": "build/commonjs/index.js",
   "module": "build/module/index.js",
@@ -34,10 +34,11 @@
   },
   "files": [
     "build",
+    "src",
     "README.md"
   ],
   "dependencies": {
-    "@use-voltra/core": "^2.0.0-rc.4"
+    "@use-voltra/core": "^2.1.0"
   },
   "keywords": [
     "react-native",

package/src/index.ts

@@ -0,0 +1,36 @@
+import * as Voltra from './jsx/primitives.js'
+
+export { Voltra }
+export {
+  getComponentId,
+  getComponentName,
+  COMPONENT_ID_TO_NAME,
+  COMPONENT_NAME_TO_ID,
+} from './payload/component-ids.js'
+export { renderLiveActivityToJson, renderLiveActivityToString } from './live-activity/renderer.js'
+export type {
+  DismissalPolicy,
+  LiveActivityJson,
+  LiveActivityVariants,
+  LiveActivityVariantsJson,
+} from './live-activity/types.js'
+export { renderVoltraVariantToJson } from './renderer/index.js'
+export type { VoltraStyleProp, VoltraTextStyle, VoltraTextStyleProp, VoltraViewStyle } from './styles/index.js'
+export type {
+  EventSubscription,
+  PreloadImageFailure,
+  PreloadImageOptions,
+  PreloadImageSvgOptions,
+  PreloadImageUrlOptions,
+  PreloadImagesResult,
+  UpdateWidgetOptions,
+  VoltraElementJson,
+  VoltraElementRef,
+  VoltraNodeJson,
+  VoltraPropValue,
+  WidgetServerCredentials,
+} from './types.js'
+export { renderWidgetToJson, renderWidgetToString } from './widgets/renderer.js'
+export type { ScheduledWidgetEntry, WidgetFamily, WidgetInfo, WidgetVariants } from './widgets/types.js'
+export { isAndroidEnv, isIosEnv } from '@use-voltra/core'
+export type { WidgetBuildEnvironment, WidgetEnvironment } from '@use-voltra/core'

package/src/jsx/AreaMark.tsx

@@ -0,0 +1,14 @@
+import { createElement } from 'react'
+
+import { VOLTRA_MARK_TAG } from './BarMark.js'
+import type { ChartDataPoint } from './chart-types.js'
+
+export type AreaMarkProps = {
+  data: ChartDataPoint[]
+  color?: string
+  interpolation?: 'linear' | 'monotone' | 'stepStart' | 'stepEnd' | 'stepCenter' | 'cardinal' | 'catmullRom'
+}
+
+export const AreaMark = (props: AreaMarkProps) => createElement('VoltraAreaMark', props as any)
+AreaMark.displayName = 'AreaMark'
+AreaMark[VOLTRA_MARK_TAG] = 'area' as const

package/src/jsx/BarMark.tsx

@@ -0,0 +1,17 @@
+import { createElement } from 'react'
+
+import type { ChartDataPoint } from './chart-types.js'
+
+export const VOLTRA_MARK_TAG = Symbol.for('VOLTRA_MARK_TAG')
+
+export type BarMarkProps = {
+  data: ChartDataPoint[]
+  color?: string
+  stacking?: 'grouped'
+  cornerRadius?: number
+  width?: number
+}
+
+export const BarMark = (props: BarMarkProps) => createElement('VoltraBarMark', props as any)
+BarMark.displayName = 'BarMark'
+BarMark[VOLTRA_MARK_TAG] = 'bar' as const

package/src/jsx/Button.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { ButtonProps } from './props/Button.js'
+
+export type { ButtonProps }
+export const Button = createVoltraComponent<ButtonProps>('Button')

package/src/jsx/Chart.tsx

@@ -0,0 +1,153 @@
+import React from 'react'
+
+import type { AreaMarkProps } from './AreaMark.js'
+import type { BarMarkProps } from './BarMark.js'
+import { VOLTRA_MARK_TAG } from './BarMark.js'
+import type { ChartDataPoint, SectorDataPoint } from './chart-types.js'
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { LineMarkProps } from './LineMark.js'
+import type { PointMarkProps } from './PointMark.js'
+import type { ChartProps as GeneratedChartProps } from './props/Chart.js'
+import type { RuleMarkProps } from './RuleMark.js'
+import type { SectorMarkProps } from './SectorMark.js'
+
+// ---- user-facing prop types ----
+
+type AxisGridStyle = {
+  visible?: boolean
+  color?: string
+  lineWidth?: number
+  dash?: number[]
+}
+
+export type ChartProps = Omit<
+  GeneratedChartProps,
+  'marks' | 'foregroundStyleScale' | 'xAxisGridStyle' | 'yAxisGridStyle' | 'style'
+> & {
+  children?: React.ReactNode
+  foregroundStyleScale?: Record<string, string>
+  xAxisGridStyle?: AxisGridStyle
+  yAxisGridStyle?: AxisGridStyle
+  style?: GeneratedChartProps['style'] & { color?: string }
+}
+
+// ---- wire encoding helpers ----
+
+type CompactDataPoint = [string | number, number] | [string | number, number, string]
+type CompactSectorPoint = [number, string]
+type MarkWire = [string, CompactDataPoint[] | CompactSectorPoint[] | null, Record<string, unknown>]
+
+const encodeDataPoints = (data: ChartDataPoint[]): CompactDataPoint[] =>
+  data.map((pt) => (pt.series != null ? [pt.x, pt.y, pt.series] : [pt.x, pt.y]))
+
+const encodeSectorPoints = (data: SectorDataPoint[]): CompactSectorPoint[] => data.map((pt) => [pt.value, pt.category])
+
+const encodeAxisGridStyle = (style: AxisGridStyle): Record<string, unknown> => {
+  const encoded: Record<string, unknown> = {}
+  if (style.visible != null) encoded.v = style.visible
+  if (style.color != null) encoded.c = style.color
+  if (style.lineWidth != null) encoded.lw = style.lineWidth
+  if (style.dash != null) encoded.d = style.dash
+  return encoded
+}
+
+const encodeBarMark = (props: BarMarkProps): MarkWire => {
+  const p: Record<string, unknown> = {}
+  if (props.color != null) p.c = props.color
+  if (props.stacking === 'grouped') p.stk = props.stacking
+  if (props.cornerRadius != null) p.cr = props.cornerRadius
+  if (props.width != null) p.w = props.width
+  return ['bar', encodeDataPoints(props.data), p]
+}
+
+const encodeLineMark = (props: LineMarkProps): MarkWire => {
+  const p: Record<string, unknown> = {}
+  if (props.color != null) p.c = props.color
+  if (props.interpolation != null) p.itp = props.interpolation
+  if (props.lineWidth != null) p.lw = props.lineWidth
+  if (props.symbol != null) p.sym = props.symbol
+  return ['line', encodeDataPoints(props.data), p]
+}
+
+const encodeAreaMark = (props: AreaMarkProps): MarkWire => {
+  const p: Record<string, unknown> = {}
+  if (props.color != null) p.c = props.color
+  if (props.interpolation != null) p.itp = props.interpolation
+  return ['area', encodeDataPoints(props.data), p]
+}
+
+const encodePointMark = (props: PointMarkProps): MarkWire => {
+  const p: Record<string, unknown> = {}
+  if (props.color != null) p.c = props.color
+  if (props.symbol != null) p.sym = props.symbol
+  if (props.symbolSize != null) p.syms = props.symbolSize
+  return ['point', encodeDataPoints(props.data), p]
+}
+
+const encodeRuleMark = (props: RuleMarkProps): MarkWire => {
+  const p: Record<string, unknown> = {}
+  if (props.color != null) p.c = props.color
+  if (props.lineWidth != null) p.lw = props.lineWidth
+  if (props.xValue != null) p.xv = props.xValue
+  if (props.yValue != null) p.yv = props.yValue
+  return ['rule', null, p]
+}
+
+const encodeSectorMark = (props: SectorMarkProps): MarkWire => {
+  const p: Record<string, unknown> = {}
+  if (props.color != null) p.c = props.color
+  if (props.innerRadius != null) p.ir = props.innerRadius
+  if (props.outerRadius != null) p.or = props.outerRadius
+  if (props.angularInset != null) p.agin = props.angularInset
+  return ['sector', encodeSectorPoints(props.data), p]
+}
+
+const ENCODERS: Record<string, (props: any) => MarkWire> = {
+  bar: encodeBarMark,
+  line: encodeLineMark,
+  area: encodeAreaMark,
+  point: encodePointMark,
+  rule: encodeRuleMark,
+  sector: encodeSectorMark,
+}
+
+// ---- component ----
+
+export const Chart = createVoltraComponent<ChartProps>('Chart', {
+  toJSON: (props) => {
+    const {
+      children,
+      foregroundStyleScale,
+      xAxisGridStyle,
+      yAxisGridStyle,
+      chartScrollableAxes: _chartScrollableAxes,
+      ...rest
+    } = props as ChartProps & { chartScrollableAxes?: unknown }
+
+    // Flatten mark children into a compact JSON string
+    const marks: MarkWire[] = []
+
+    React.Children.forEach(children, (child) => {
+      if (!React.isValidElement(child)) return
+      const type = child.type as any
+      const markType: string | undefined = type[VOLTRA_MARK_TAG]
+      if (!markType) return
+      const encoder = ENCODERS[markType]
+      if (encoder) marks.push(encoder(child.props as any))
+    })
+
+    const result: Record<string, unknown> = { ...rest }
+    if (marks.length > 0) result.marks = JSON.stringify(marks)
+    if (foregroundStyleScale != null) {
+      result.foregroundStyleScale = JSON.stringify(Object.entries(foregroundStyleScale))
+    }
+    if (xAxisGridStyle != null) {
+      result.xAxisGridStyle = JSON.stringify(encodeAxisGridStyle(xAxisGridStyle))
+    }
+    if (yAxisGridStyle != null) {
+      result.yAxisGridStyle = JSON.stringify(encodeAxisGridStyle(yAxisGridStyle))
+    }
+
+    return result
+  },
+})

package/src/jsx/CircularProgressView.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { CircularProgressViewProps } from './props/CircularProgressView.js'
+
+export type { CircularProgressViewProps }
+export const CircularProgressView = createVoltraComponent<CircularProgressViewProps>('CircularProgressView')

package/src/jsx/Divider.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { DividerProps } from './props/Divider.js'
+
+export type { DividerProps }
+export const Divider = createVoltraComponent<DividerProps>('Divider')

package/src/jsx/Gauge.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { GaugeProps } from './props/Gauge.js'
+
+export type { GaugeProps }
+export const Gauge = createVoltraComponent<GaugeProps>('Gauge')

package/src/jsx/GlassContainer.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { GlassContainerProps } from './props/GlassContainer.js'
+
+export type { GlassContainerProps }
+export const GlassContainer = createVoltraComponent<GlassContainerProps>('GlassContainer')

package/src/jsx/GroupBox.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { GroupBoxProps } from './props/GroupBox.js'
+
+export type { GroupBoxProps }
+export const GroupBox = createVoltraComponent<GroupBoxProps>('GroupBox')

package/src/jsx/HStack.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { HStackProps } from './props/HStack.js'
+
+export type { HStackProps }
+export const HStack = createVoltraComponent<HStackProps>('HStack')

package/src/jsx/Image.tsx

@@ -0,0 +1,22 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { ImageProps as SwiftImageProps } from './props/Image.js'
+
+export type ImageAssetSource = { assetName: string }
+export type ImageBase64Source = { base64: string }
+export type ImageSource = ImageAssetSource | ImageBase64Source
+
+export type ImageProps = Omit<SwiftImageProps, 'source'> & {
+  source?: ImageSource
+  resizeMode?: 'cover' | 'contain' | 'stretch' | 'repeat' | 'center'
+}
+
+export const Image = createVoltraComponent<ImageProps>('Image', {
+  toJSON: (props) => {
+    const { source, ...rest } = props
+
+    return {
+      ...rest,
+      ...(source ? { source: JSON.stringify(source) } : {}),
+    }
+  },
+})

package/src/jsx/Label.tsx

@@ -0,0 +1,8 @@
+import { VoltraTextStyleProp } from '../styles/types.js'
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { LabelProps as SwiftLabelProps } from './props/Label.js'
+
+export type LabelProps = Omit<SwiftLabelProps, 'style'> & {
+  style?: VoltraTextStyleProp
+}
+export const Label = createVoltraComponent<LabelProps>('Label')

package/src/jsx/LineMark.tsx

@@ -0,0 +1,16 @@
+import { createElement } from 'react'
+
+import { VOLTRA_MARK_TAG } from './BarMark.js'
+import type { ChartDataPoint } from './chart-types.js'
+
+export type LineMarkProps = {
+  data: ChartDataPoint[]
+  color?: string
+  interpolation?: 'linear' | 'monotone' | 'stepStart' | 'stepEnd' | 'stepCenter' | 'cardinal' | 'catmullRom'
+  lineWidth?: number
+  symbol?: string
+}
+
+export const LineMark = (props: LineMarkProps) => createElement('VoltraLineMark', props as any)
+LineMark.displayName = 'LineMark'
+LineMark[VOLTRA_MARK_TAG] = 'line' as const

package/src/jsx/LinearGradient.tsx

@@ -0,0 +1,108 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { LinearGradientProps as SwiftLinearGradientProps } from './props/LinearGradient.js'
+
+// Helper function to convert point to string
+const convertPointToString = (point: LinearGradientProps['start'] | LinearGradientProps['end']): string | null => {
+  if (!point) return null
+  if (typeof point === 'string') return point
+  if (Array.isArray(point) && point.length === 2) {
+    const [x, y] = point
+    if (typeof x === 'number' && typeof y === 'number') {
+      // Convert coordinate to closest predefined point
+      if (x === 0 && y === 0) return 'topLeading'
+      if (x === 0.5 && y === 0) return 'top'
+      if (x === 1 && y === 0) return 'topTrailing'
+      if (x === 0 && y === 0.5) return 'leading'
+      if (x === 0.5 && y === 0.5) return 'center'
+      if (x === 1 && y === 0.5) return 'trailing'
+      if (x === 0 && y === 1) return 'bottomLeading'
+      if (x === 0.5 && y === 1) return 'bottom'
+      if (x === 1 && y === 1) return 'bottomTrailing'
+      // For custom coordinates, encode as "x,y"
+      return `${x},${y}`
+    }
+    return null
+  }
+  if (typeof point === 'object' && point.x != null && point.y != null) {
+    const x = typeof point.x === 'number' ? point.x : Number(point.x)
+    const y = typeof point.y === 'number' ? point.y : Number(point.y)
+    if (!Number.isNaN(x) && !Number.isNaN(y)) {
+      // Convert coordinate to closest predefined point
+      if (x === 0 && y === 0) return 'topLeading'
+      if (x === 0.5 && y === 0) return 'top'
+      if (x === 1 && y === 0) return 'topTrailing'
+      if (x === 0 && y === 0.5) return 'leading'
+      if (x === 0.5 && y === 0.5) return 'center'
+      if (x === 1 && y === 0.5) return 'trailing'
+      if (x === 0 && y === 1) return 'bottomLeading'
+      if (x === 0.5 && y === 1) return 'bottom'
+      if (x === 1 && y === 1) return 'bottomTrailing'
+      // For custom coordinates, encode as "x,y"
+      return `${x},${y}`
+    }
+  }
+  return null
+}
+
+export type LinearGradientProps = Omit<SwiftLinearGradientProps, 'colors' | 'locations' | 'start' | 'end'> & {
+  // Array of colors that represent stops in the gradient (at least 2 required)
+  colors: readonly [string, string, ...string[]]
+  // Optional array of numbers (0-1) indicating color-stop locations
+  locations?: readonly number[] | null
+  // Start point of the gradient as {x, y} coordinates (0-1) or predefined string
+  start?:
+    | { x: number; y: number }
+    | [number, number]
+    | 'top'
+    | 'bottom'
+    | 'leading'
+    | 'trailing'
+    | 'topLeading'
+    | 'topTrailing'
+    | 'bottomLeading'
+    | 'bottomTrailing'
+    | 'center'
+    | null
+  // End point of the gradient as {x, y} coordinates (0-1) or predefined string
+  end?:
+    | { x: number; y: number }
+    | [number, number]
+    | 'top'
+    | 'bottom'
+    | 'leading'
+    | 'trailing'
+    | 'topLeading'
+    | 'topTrailing'
+    | 'bottomLeading'
+    | 'bottomTrailing'
+    | 'center'
+    | null
+}
+
+export const LinearGradient = createVoltraComponent<LinearGradientProps>('LinearGradient', {
+  toJSON: ({ colors, locations, start, end, ...otherProps }) => {
+    const updatedProps: SwiftLinearGradientProps = { ...otherProps }
+
+    // Handle colors array (required in Expo API)
+    if (Array.isArray(colors)) {
+      updatedProps.colors = colors.join('|')
+    }
+
+    // Handle locations array (Expo API)
+    if (Array.isArray(locations)) {
+      // Convert locations to stops format for iOS compatibility
+      const stops = colors.map((color: any, index: number) => `${String(color)}@${locations[index]}`)
+      updatedProps.stops = stops.join('|')
+    }
+
+    // Handle start point (Expo API)
+    const startPoint = convertPointToString(start)
+    if (startPoint) updatedProps.startPoint = startPoint
+
+    // Handle end point (Expo API)
+    const endPoint = convertPointToString(end)
+    if (endPoint) updatedProps.endPoint = endPoint
+
+    return updatedProps
+  },
+})

package/src/jsx/LinearProgressView.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { LinearProgressViewProps } from './props/LinearProgressView.js'
+
+export type { LinearProgressViewProps }
+export const LinearProgressView = createVoltraComponent<LinearProgressViewProps>('LinearProgressView')

package/src/jsx/Link.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { LinkProps } from './props/Link.js'
+
+export type { LinkProps }
+export const Link = createVoltraComponent<LinkProps>('Link')

package/src/jsx/Mask.tsx

@@ -0,0 +1,5 @@
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { MaskProps } from './props/Mask.js'
+
+export type { MaskProps }
+export const Mask = createVoltraComponent<MaskProps>('Mask')

package/src/jsx/PointMark.tsx

@@ -0,0 +1,15 @@
+import { createElement } from 'react'
+
+import { VOLTRA_MARK_TAG } from './BarMark.js'
+import type { ChartDataPoint } from './chart-types.js'
+
+export type PointMarkProps = {
+  data: ChartDataPoint[]
+  color?: string
+  symbol?: string
+  symbolSize?: number
+}
+
+export const PointMark = (props: PointMarkProps) => createElement('VoltraPointMark', props as any)
+PointMark.displayName = 'PointMark'
+PointMark[VOLTRA_MARK_TAG] = 'point' as const

package/src/jsx/RuleMark.tsx

@@ -0,0 +1,14 @@
+import { createElement } from 'react'
+
+import { VOLTRA_MARK_TAG } from './BarMark.js'
+
+export type RuleMarkProps = {
+  xValue?: string | number
+  yValue?: number
+  color?: string
+  lineWidth?: number
+}
+
+export const RuleMark = (props: RuleMarkProps) => createElement('VoltraRuleMark', props as any)
+RuleMark.displayName = 'RuleMark'
+RuleMark[VOLTRA_MARK_TAG] = 'rule' as const

package/src/jsx/SectorMark.tsx

@@ -0,0 +1,16 @@
+import { createElement } from 'react'
+
+import { VOLTRA_MARK_TAG } from './BarMark.js'
+import type { SectorDataPoint } from './chart-types.js'
+
+export type SectorMarkProps = {
+  data: SectorDataPoint[]
+  color?: string
+  innerRadius?: number
+  outerRadius?: number
+  angularInset?: number
+}
+
+export const SectorMark = (props: SectorMarkProps) => createElement('VoltraSectorMark', props as any)
+SectorMark.displayName = 'SectorMark'
+SectorMark[VOLTRA_MARK_TAG] = 'sector' as const