@optiaxiom/react 1.9.14 → 1.9.15

package/dist/esm/packages/react/src/proteus-document/ProteusInput.js

@@ -15,7 +15,7 @@ function ProteusInput(props) {
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusInput"
   );
-  const value = useProteusValue(props.name ?? "");
+  const value = useProteusValue({ path: props.name ?? "" });
   return /* @__PURE__ */ jsx(
     Input,
     {

package/dist/esm/packages/react/src/proteus-document/ProteusMap.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useProteusDocumentPathContext, ProteusDocumentPathProvider } from './ProteusDocumentPathContext.js';
-import { ProteusElement } from './ProteusElement.js';
 import { useProteusValue } from './useProteusValue.js';
 
 function ProteusMap({
@@ -11,7 +10,7 @@ function ProteusMap({
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusMap"
   );
-  const array = useProteusValue(path);
+  const array = useProteusValue({ path });
   if (!Array.isArray(array)) {
     return null;
   }
@@ -19,7 +18,7 @@ function ProteusMap({
     ProteusDocumentPathProvider,
     {
       path: `${path.startsWith("/") ? path : `${parentPath}/${path}`}/${index}`,
-      children: /* @__PURE__ */ jsx(ProteusElement, { element: children })
+      children
     },
     index
   )) });

package/dist/esm/packages/react/src/proteus-document/ProteusSelect.js

@@ -6,7 +6,6 @@ import '../select/SelectContent.js';
 import '../select/SelectTrigger.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
-import { ProteusElement } from './ProteusElement.js';
 import { useProteusValue } from './useProteusValue.js';
 
 function ProteusSelect({
@@ -22,7 +21,7 @@ function ProteusSelect({
   );
   const optionsRef = useRef(options);
   optionsRef.current = options;
-  const resolved = useProteusValue(props.name ?? "");
+  const resolved = useProteusValue({ path: props.name ?? "" });
   const value = props.name ? String(resolved ?? options[0]?.value ?? "") : options[0]?.value ?? "";
   return /* @__PURE__ */ jsx(
     Select,
@@ -38,7 +37,7 @@ function ProteusSelect({
       },
       options,
       value,
-      children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children })
+      children
     }
   );
 }

package/dist/esm/packages/react/src/proteus-document/ProteusShow.js

@@ -1,8 +1,7 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
-import { ProteusElement } from './ProteusElement.js';
 import { resolveProteusValue } from './resolveProteusValue.js';
 
 function ProteusShow({
@@ -20,7 +19,7 @@ function ProteusShow({
   if (!shouldShow) {
     return null;
   }
-  return /* @__PURE__ */ jsx(ProteusElement, { element: children });
+  return /* @__PURE__ */ jsx(Fragment, { children });
 }
 function evaluateCondition(condition, data, parentPath) {
   if (!condition) {

package/dist/esm/packages/react/src/proteus-document/ProteusTextarea.js

@@ -12,7 +12,7 @@ function ProteusTextarea(props) {
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusTextarea"
   );
-  const value = useProteusValue(props.name ?? "");
+  const value = useProteusValue({ path: props.name ?? "" });
   return /* @__PURE__ */ jsx(
     Textarea,
     {

package/dist/esm/packages/react/src/proteus-document/ProteusValue.js

@@ -1,8 +1,8 @@
 "use client";
 import { useProteusValue } from './useProteusValue.js';
 
-function ProteusValue({ path }) {
-  return useProteusValue(path);
+function ProteusValue(element) {
+  return useProteusValue(element);
 }
 ProteusValue.displayName = "@optiaxiom/react/ProteusValue";
 

package/dist/esm/packages/react/src/proteus-document/getProteusValue.js

@@ -1,11 +1,48 @@
 import { get } from 'jsonpointer';
 
-function getProteusValue(data, path, parentPath) {
+function getProteusValue(data, element, parentPath) {
   try {
-    return get(data, path.startsWith("/") ? path : `${parentPath}/${path}`);
+    const value = get(
+      data,
+      element.path.startsWith("/") ? element.path : element.path ? `${parentPath}/${element.path}` : parentPath
+    );
+    if (element.formatter) {
+      return applyFormatter(value, element.formatter);
+    }
+    return value;
   } catch (error) {
     return null;
   }
 }
+const formatters = {
+  DateTime: (value, options) => {
+    if (typeof value === "number" || typeof value === "string") {
+      return new Intl.DateTimeFormat(void 0, {
+        day: "numeric",
+        month: "short",
+        ...options
+      }).format(new Date(value));
+    }
+    return value;
+  },
+  Number: (value, options) => {
+    if (typeof value === "number") {
+      return new Intl.NumberFormat(void 0, options).format(value);
+    }
+    return value;
+  }
+};
+function applyFormatter(value, formatter) {
+  const key = typeof formatter === "string" ? formatter : formatter.type;
+  const fn = formatters[key];
+  if (!fn) {
+    return value;
+  }
+  const options = typeof formatter === "string" ? void 0 : formatter.options;
+  if (Array.isArray(value)) {
+    return value.map((v) => fn(v, options));
+  }
+  return fn(value, options);
+}
 
 export { getProteusValue };

package/dist/esm/packages/react/src/proteus-document/proteus-document-spec.json.js

@@ -2792,6 +2792,52 @@ var definitions = {
 		],
 		description: "A Proteus node can be a string, number, boolean, null, a single element, or an array of these types (similar to ReactNode)"
 	},
+	ProteusZip: {
+		description: "Zips multiple parallel arrays into an array of objects. Each key in 'sources' becomes a property in the resulting row objects.",
+		examples: [
+			{
+				$type: "Zip",
+				sources: {
+					date: {
+						$type: "Value",
+						path: "/upserts/0/i"
+					},
+					measure0: {
+						$type: "Value",
+						path: "/upserts/1/i"
+					}
+				}
+			}
+		],
+		properties: {
+			$type: {
+				"const": "Zip"
+			},
+			sources: {
+				description: "Map of output property names to array sources. Each source should resolve to an array of the same length.",
+				patternProperties: {
+					".*": {
+						anyOf: [
+							{
+								$ref: "#/definitions/ProteusValue"
+							},
+							{
+								items: {
+								},
+								type: "array"
+							}
+						]
+					}
+				},
+				type: "object"
+			}
+		},
+		required: [
+			"$type",
+			"sources"
+		],
+		type: "object"
+	},
 	ProteusAction: {
 		examples: [
 			{
@@ -3466,26 +3512,21 @@ var definitions = {
 					},
 					{
 						$ref: "#/definitions/ProteusValue"
+					},
+					{
+						$ref: "#/definitions/ProteusZip"
 					}
 				],
-				description: "Chart data records, either inline or a ProteusValue reference"
+				description: "Chart data records, either inline, a ProteusValue reference, or a ProteusZip transformation"
 			},
 			series: {
 				description: "Data series configuration",
 				items: {
 					properties: {
-						color: {
-							description: "Series color",
-							type: "string"
-						},
 						dataKey: {
 							description: "Key in data records for this series",
 							type: "string"
 						},
-						labelKey: {
-							description: "Key in data records for pre-formatted labels displayed above bars",
-							type: "string"
-						},
 						name: {
 							description: "Display name for legend",
 							type: "string"
@@ -3499,7 +3540,14 @@ var definitions = {
 				type: "array"
 			},
 			type: {
-				"const": "bar",
+				anyOf: [
+					{
+						"const": "bar"
+					},
+					{
+						"const": "line"
+					}
+				],
 				description: "Chart type"
 			},
 			xAxisKey: {
@@ -3565,6 +3613,9 @@ var definitions = {
 					},
 					{
 						$ref: "#/definitions/ProteusValue"
+					},
+					{
+						$ref: "#/definitions/ProteusZip"
 					}
 				]
 			}
@@ -6607,6 +6658,40 @@ var definitions = {
 			$type: {
 				"const": "Value"
 			},
+			formatter: {
+				anyOf: [
+					{
+						description: "Shorthand formatter name. 'DateTime' formats timestamps using Intl.DateTimeFormat (default: month short, day numeric). 'Number' formats numbers using Intl.NumberFormat.",
+						"enum": [
+							"DateTime",
+							"Number"
+						],
+						type: "string"
+					},
+					{
+						description: "Formatter with custom Intl options. 'type' selects the formatter, 'options' are passed to the Intl constructor.",
+						properties: {
+							options: {
+								description: "Options passed to the Intl formatter constructor (e.g., Intl.DateTimeFormatOptions or Intl.NumberFormatOptions)",
+								type: "object"
+							},
+							type: {
+								description: "Formatter type",
+								"enum": [
+									"DateTime",
+									"Number"
+								],
+								type: "string"
+							}
+						},
+						required: [
+							"type"
+						],
+						type: "object"
+					}
+				],
+				description: "Optional formatter to apply to the resolved value. Can be a string shorthand or an object with type and options for Intl formatters."
+			},
 			path: {
 				description: "Path to a value in the data. Absolute paths start with '/' and resolve from the root (e.g., '/title', '/options/0/label'). Inside a Map template, paths without a leading '/' are relative to the current item (e.g., 'title' resolves to each item's 'title' field).",
 				type: "string"

package/dist/esm/packages/react/src/proteus-document/resolveProteusValue.js

@@ -1,8 +1,34 @@
 import { getProteusValue } from './getProteusValue.js';
 
 function resolveProteusValue(value, data, parentPath) {
-  if (typeof value === "object" && value !== null && "$type" in value && value.$type === "Value" && "path" in value && typeof value.path === "string") {
-    return getProteusValue(data, value.path, parentPath);
+  if (typeof value !== "object" || value === null || !("$type" in value)) {
+    return value;
+  }
+  if (value.$type === "Value" && "path" in value && typeof value.path === "string") {
+    return getProteusValue(
+      data,
+      value,
+      parentPath
+    );
+  }
+  if (value.$type === "Zip" && "sources" in value) {
+    const sources = value.sources;
+    const resolved = {};
+    let length = 0;
+    for (const [k, v] of Object.entries(sources)) {
+      const arr = resolveProteusValue(v, data, parentPath);
+      if (Array.isArray(arr)) {
+        resolved[k] = arr;
+        length = Math.max(length, arr.length);
+      }
+    }
+    return Array.from({ length }, (_, i) => {
+      const row = {};
+      for (const [k, arr] of Object.entries(resolved)) {
+        row[k] = arr[i];
+      }
+      return row;
+    });
   }
   return value;
 }

package/dist/esm/packages/react/src/proteus-document/useProteusValue.js

@@ -2,14 +2,14 @@ import { getProteusValue } from './getProteusValue.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
 
-function useProteusValue(path) {
+function useProteusValue(element) {
   const { data } = useProteusDocumentContext(
     "@optiaxiom/react/useProteusValue"
   );
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/useProteusValue"
   );
-  return getProteusValue(data, path, parentPath);
+  return getProteusValue(data, element, parentPath);
 }
 
 export { useProteusValue };

package/dist/esm/packages/react/src/radio/Radio-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-C-S5wvye.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-DCSBDjlJ.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla--xixxGyL.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-B46dx2so.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'jhm1po'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1vhbpx4']});
-var input = recipeRuntime({base:'_1fiwekx'});
-var radio = recipeRuntime({base:'_119i4fw'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1ibjxcy'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1471478']});
+var input = recipeRuntime({base:'_50t6ct'});
+var radio = recipeRuntime({base:'zr9v0l'});
 
 export { control, indicator, input, radio };

package/dist/esm/packages/react/src/range/Range-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/range/Range.css.ts.vanilla-NICO9cBE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/range/Range.css.ts.vanilla-BxeGZ2Ph.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'transparent'},'_1buohqn']});
-var fillValue = 'var(--_11qnjw2)';
-var mark = recipeRuntime({base:[{transition:'colors'},'_4jsnle'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--ocrxj1)';
-var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'fpgmcp']});
-var root = recipeRuntime({base:['_1l17qs1',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'dk0uk6'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'hs9dga']});
-var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_14xrv65']});
+var control = recipeRuntime({base:[{bg:'transparent'},'_1u4f1xv']});
+var fillValue = 'var(--vejtt7)';
+var mark = recipeRuntime({base:[{transition:'colors'},'_1bson1v'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_3l5qw3)';
+var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1p2r543']});
+var root = recipeRuntime({base:['_1p2v76p',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1eh7c38'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'qlsvpc']});
+var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'xzziys']});
 
 export { control, fillValue, mark, markValue, range, root, thumb, track };

package/dist/esm/packages/react/src/resizable/ResizableHandle-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-4bidMKnS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-BXZU_7zY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1t8iuev']});
-var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_8d8nf4']});
+var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'qnvose']});
+var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_9rrmgo']});
 
 export { handle, root };

package/dist/esm/packages/react/src/search-input/SearchInput-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-clhfVofz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-CO3U0g92.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'pxssbn']});
-var input = recipeRuntime({base:'kldmqa'});
-var search = recipeRuntime({base:'i9pefv'});
+var clear = recipeRuntime({base:[{size:'sm'},'xit46']});
+var input = recipeRuntime({base:'_1deekcf'});
+var search = recipeRuntime({base:'sd51lg'});
 
 export { clear, input, search };

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-CZgkKodY.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CN5R6OO1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createAtomsFn as createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_ff29e2a63cc347b263901e6ac2d561ef/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1ajdk1w',md:'vomst1',base:'e8eomg'},defaultClass:'e8eomg'},vertical:{conditions:{sm:'_131fz70',md:'_9t49a7',base:'foy3c1'},defaultClass:'foy3c1'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1iadk8b',md:'lreoas',base:'_9gb5ys'},defaultClass:'_9gb5ys'},vertical:{conditions:{sm:'_1f9kycx',md:'_13jfd68',base:'_1a1zkx9'},defaultClass:'_1a1zkx9'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DkQP0Cpc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-DGOOpm9c.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'r1p34c']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_6ydrok']});
 
 export { skeleton };

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-B-AhnUXU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-DHDRp25N.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'yso43f'});
+var handle = recipeRuntime({base:'_1yqwbg'});
 
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-BCtGYW3S.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-3QmIwO7l.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'z2w8ka',variants:{handle:{false:{},true:'_1wra3or'}}});
+var item = recipeRuntime({base:'l6s43m',variants:{handle:{false:{},true:'_1h1r4sj'}}});
 
 export { item };

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-BqhFg_d9.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DrtklfLm.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-c5X5f7MA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'mz4olm',inverse:'_16auoc7'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_1x94o0x',inverse:'qnbjrz'}}});
 
 export { track };