@use-voltra/ios 2.0.0 → 2.1.1

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@use-voltra/ios",
-  "version": "2.0.0",
+  "version": "2.1.1",
   "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"
+    "@use-voltra/core": "^2.1.1"
   },
   "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

package/src/jsx/Spacer.tsx

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

package/src/jsx/Symbol.tsx

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

package/src/jsx/Text.tsx

@@ -0,0 +1,10 @@
+import { VoltraTextStyleProp } from '../styles/index.js'
+import { createVoltraComponent } from './createVoltraComponent.js'
+import type { TextProps as GeneratedTextProps } from './props/Text.js'
+
+// Update 'style' at this point, so the generated types remain unchanged.
+export type TextProps = Omit<GeneratedTextProps, 'style'> & {
+  style?: VoltraTextStyleProp
+}
+
+export const Text = createVoltraComponent<TextProps>('Text')

package/src/jsx/Timer.tsx

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