@optiaxiom/react 1.9.6 → 1.9.7

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

@@ -2416,15 +2416,11 @@ var definitions = {
 				"const": "Document"
 			},
 			actions: {
-				anyOf: [
-					{
-						$ref: "#/definitions/ProteusNode"
-					}
-				],
+				$ref: "#/definitions/ProteusNode",
 				description: "Actions available for this document"
 			},
 			appIcon: {
-				description: "A visual representation of the application",
+				description: "URL or data URI for the application icon (e.g., 'https://example.com/icon.png' or 'data:image/svg+xml,...'). Rendered as an <img> element.",
 				type: "string"
 			},
 			appName: {
@@ -2436,19 +2432,16 @@ var definitions = {
 				type: "boolean"
 			},
 			body: {
-				anyOf: [
-					{
-						$ref: "#/definitions/ProteusNode"
-					}
-				]
+				$ref: "#/definitions/ProteusNode",
+				description: "The main content of the document."
 			},
 			subtitle: {
-				description: "A brief description or tagline that provides additional context about the Proteus document's purpose.",
-				type: "string"
+				$ref: "#/definitions/ProteusNode",
+				description: "A brief description or tagline that provides additional context about the Proteus document's purpose."
 			},
 			title: {
-				description: "A concise heading that encapsulates the essence of the Proteus document's content or intended action.",
-				type: "string"
+				$ref: "#/definitions/ProteusNode",
+				description: "A concise heading that encapsulates the essence of the Proteus document's content or intended action."
 			}
 		},
 		required: [
@@ -2464,9 +2457,18 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusAction"
 			},
+			{
+				$ref: "#/definitions/ProteusBadge"
+			},
 			{
 				$ref: "#/definitions/ProteusCancelAction"
 			},
+			{
+				$ref: "#/definitions/ProteusChart"
+			},
+			{
+				$ref: "#/definitions/ProteusDataTable"
+			},
 			{
 				$ref: "#/definitions/ProteusField"
 			},
@@ -2813,6 +2815,221 @@ var definitions = {
 		],
 		type: "object"
 	},
+	ProteusBadge: {
+		examples: [
+			{
+				$type: "Badge",
+				children: "Badge",
+				intent: "success"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "Badge"
+			},
+			alignItems: {
+				$ref: "#/definitions/SprinkleProp_alignItems"
+			},
+			alignSelf: {
+				$ref: "#/definitions/SprinkleProp_alignSelf"
+			},
+			animation: {
+				$ref: "#/definitions/SprinkleProp_animation"
+			},
+			backgroundImage: {
+				$ref: "#/definitions/SprinkleProp_backgroundImage"
+			},
+			bg: {
+				$ref: "#/definitions/SprinkleProp_bg"
+			},
+			border: {
+				$ref: "#/definitions/SprinkleProp_border"
+			},
+			borderB: {
+				$ref: "#/definitions/SprinkleProp_borderB"
+			},
+			borderColor: {
+				$ref: "#/definitions/SprinkleProp_borderColor"
+			},
+			borderL: {
+				$ref: "#/definitions/SprinkleProp_borderL"
+			},
+			borderR: {
+				$ref: "#/definitions/SprinkleProp_borderR"
+			},
+			borderT: {
+				$ref: "#/definitions/SprinkleProp_borderT"
+			},
+			children: {
+				$ref: "#/definitions/ProteusNode"
+			},
+			color: {
+				$ref: "#/definitions/SprinkleProp_color"
+			},
+			cursor: {
+				$ref: "#/definitions/SprinkleProp_cursor"
+			},
+			display: {
+				$ref: "#/definitions/SprinkleProp_display"
+			},
+			flex: {
+				$ref: "#/definitions/SprinkleProp_flex"
+			},
+			flexDirection: {
+				$ref: "#/definitions/SprinkleProp_flexDirection"
+			},
+			flexWrap: {
+				$ref: "#/definitions/SprinkleProp_flexWrap"
+			},
+			fontFamily: {
+				$ref: "#/definitions/SprinkleProp_fontFamily"
+			},
+			fontSize: {
+				$ref: "#/definitions/SprinkleProp_fontSize"
+			},
+			fontWeight: {
+				$ref: "#/definitions/SprinkleProp_fontWeight"
+			},
+			gap: {
+				$ref: "#/definitions/SprinkleProp_gap"
+			},
+			gridColumn: {
+				$ref: "#/definitions/SprinkleProp_gridColumn"
+			},
+			gridTemplateColumns: {
+				$ref: "#/definitions/SprinkleProp_gridTemplateColumns"
+			},
+			h: {
+				$ref: "#/definitions/SprinkleProp_h"
+			},
+			intent: {
+				anyOf: [
+					{
+						"const": "information"
+					},
+					{
+						"const": "success"
+					},
+					{
+						"const": "warning"
+					},
+					{
+						"const": "danger"
+					},
+					{
+						"const": "neutral"
+					},
+					{
+						"const": "primary"
+					}
+				],
+				description: "Control the appearance by selecting between the different badge types."
+			},
+			justifyContent: {
+				$ref: "#/definitions/SprinkleProp_justifyContent"
+			},
+			justifyItems: {
+				$ref: "#/definitions/SprinkleProp_justifyItems"
+			},
+			m: {
+				$ref: "#/definitions/SprinkleProp_m"
+			},
+			maxH: {
+				$ref: "#/definitions/SprinkleProp_maxH"
+			},
+			maxW: {
+				$ref: "#/definitions/SprinkleProp_maxW"
+			},
+			mb: {
+				$ref: "#/definitions/SprinkleProp_mb"
+			},
+			ml: {
+				$ref: "#/definitions/SprinkleProp_ml"
+			},
+			mr: {
+				$ref: "#/definitions/SprinkleProp_mr"
+			},
+			mt: {
+				$ref: "#/definitions/SprinkleProp_mt"
+			},
+			mx: {
+				$ref: "#/definitions/SprinkleProp_mx"
+			},
+			my: {
+				$ref: "#/definitions/SprinkleProp_my"
+			},
+			objectFit: {
+				$ref: "#/definitions/SprinkleProp_objectFit"
+			},
+			overflow: {
+				$ref: "#/definitions/SprinkleProp_overflow"
+			},
+			overflowX: {
+				$ref: "#/definitions/SprinkleProp_overflowX"
+			},
+			overflowY: {
+				$ref: "#/definitions/SprinkleProp_overflowY"
+			},
+			p: {
+				$ref: "#/definitions/SprinkleProp_p"
+			},
+			pb: {
+				$ref: "#/definitions/SprinkleProp_pb"
+			},
+			pl: {
+				$ref: "#/definitions/SprinkleProp_pl"
+			},
+			placeItems: {
+				$ref: "#/definitions/SprinkleProp_placeItems"
+			},
+			pointerEvents: {
+				$ref: "#/definitions/SprinkleProp_pointerEvents"
+			},
+			pr: {
+				$ref: "#/definitions/SprinkleProp_pr"
+			},
+			pt: {
+				$ref: "#/definitions/SprinkleProp_pt"
+			},
+			px: {
+				$ref: "#/definitions/SprinkleProp_px"
+			},
+			py: {
+				$ref: "#/definitions/SprinkleProp_py"
+			},
+			rounded: {
+				$ref: "#/definitions/SprinkleProp_rounded"
+			},
+			shadow: {
+				$ref: "#/definitions/SprinkleProp_shadow"
+			},
+			size: {
+				$ref: "#/definitions/SprinkleProp_size"
+			},
+			textAlign: {
+				$ref: "#/definitions/SprinkleProp_textAlign"
+			},
+			textTransform: {
+				$ref: "#/definitions/SprinkleProp_textTransform"
+			},
+			transition: {
+				$ref: "#/definitions/SprinkleProp_transition"
+			},
+			w: {
+				$ref: "#/definitions/SprinkleProp_w"
+			},
+			whiteSpace: {
+				$ref: "#/definitions/SprinkleProp_whiteSpace"
+			},
+			z: {
+				$ref: "#/definitions/SprinkleProp_z"
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
 	ProteusCancelAction: {
 		examples: [
 			{
@@ -3005,6 +3222,153 @@ var definitions = {
 		],
 		type: "object"
 	},
+	ProteusChart: {
+		examples: [
+			{
+				$type: "Chart",
+				data: [
+					{
+						name: "Jan",
+						revenue: 4000
+					},
+					{
+						name: "Feb",
+						revenue: 3000
+					}
+				],
+				series: [
+					{
+						dataKey: "revenue",
+						name: "Revenue"
+					}
+				],
+				type: "bar",
+				xAxisKey: "name"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "Chart"
+			},
+			data: {
+				anyOf: [
+					{
+						description: "Inline data records array",
+						items: {
+							type: "object"
+						},
+						type: "array"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Chart data records, either inline or a ProteusValue reference"
+			},
+			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"
+						}
+					},
+					required: [
+						"dataKey"
+					],
+					type: "object"
+				},
+				type: "array"
+			},
+			type: {
+				"const": "bar",
+				description: "Chart type"
+			},
+			xAxisKey: {
+				description: "Key in data records for x-axis labels",
+				type: "string"
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
+	ProteusDataTable: {
+		examples: [
+			{
+				$type: "DataTable",
+				columns: [
+					{
+						accessorKey: "name",
+						header: "Name"
+					}
+				],
+				data: [
+					{
+						name: "Alice"
+					}
+				]
+			}
+		],
+		properties: {
+			$type: {
+				"const": "DataTable"
+			},
+			columns: {
+				description: "Column definitions",
+				items: {
+					properties: {
+						accessorKey: {
+							description: "Key in data objects",
+							type: "string"
+						},
+						header: {
+							description: "Column header text",
+							type: "string"
+						}
+					},
+					required: [
+						"accessorKey",
+						"header"
+					],
+					type: "object"
+				},
+				type: "array"
+			},
+			data: {
+				anyOf: [
+					{
+						description: "Inline data array",
+						items: {
+							type: "object"
+						},
+						type: "array"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				]
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
 	ProteusField: {
 		examples: [
 			{
@@ -3834,12 +4198,26 @@ var definitions = {
 				$ref: "#/definitions/SprinkleProp_z"
 			},
 			alt: {
-				description: "Alternative text for the image",
-				type: "string"
+				anyOf: [
+					{
+						$ref: "#/definitions/ProteusValue"
+					},
+					{
+						type: "string"
+					}
+				],
+				description: "Alternative text for the image"
 			},
 			src: {
-				description: "The image source URL",
-				type: "string"
+				anyOf: [
+					{
+						$ref: "#/definitions/ProteusValue"
+					},
+					{
+						type: "string"
+					}
+				],
+				description: "The image source URL"
 			}
 		},
 		required: [
@@ -4346,11 +4724,11 @@ var definitions = {
 				"const": "Map"
 			},
 			children: {
-				description: "Template object to render for each item in the array. Value paths are relative to current item.",
+				description: "Template object to render for each item in the array. Value paths inside this template are relative to the current item (e.g., path='title' resolves to each item's 'title' field). Use a leading '/' to reference top-level data (e.g., path='/title' resolves to the root data's 'title').",
 				type: "object"
 			},
 			path: {
-				description: "JSON pointer path to array (e.g., '/questions')",
+				description: "JSON pointer path to the source array in the data (e.g., '/results')",
 				type: "string"
 			}
 		},
@@ -5331,6 +5709,23 @@ var definitions = {
 			justifyItems: {
 				$ref: "#/definitions/SprinkleProp_justifyItems"
 			},
+			lineClamp: {
+				anyOf: [
+					{
+						"const": "2"
+					},
+					{
+						"const": "4"
+					},
+					{
+						"const": "1"
+					},
+					{
+						"const": "3"
+					}
+				],
+				description: "Truncate the text at specific number of lines."
+			},
 			m: {
 				$ref: "#/definitions/SprinkleProp_m"
 			},
@@ -5415,6 +5810,10 @@ var definitions = {
 			transition: {
 				$ref: "#/definitions/SprinkleProp_transition"
 			},
+			truncate: {
+				description: "Whether to truncate the text and add an ellipsis at the end.",
+				type: "boolean"
+			},
 			w: {
 				$ref: "#/definitions/SprinkleProp_w"
 			},
@@ -5674,7 +6073,7 @@ var definitions = {
 				"const": "Value"
 			},
 			path: {
-				description: "JSON pointer path to value (e.g., '/question', '/options/0/label')",
+				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

@@ -0,0 +1,10 @@
+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);
+  }
+  return value;
+}
+
+export { resolveProteusValue };

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

@@ -0,0 +1,15 @@
+import { useProteusDocumentContext } from './ProteusDocumentContext.js';
+import { useProteusDocumentPathContext } from './ProteusDocumentPathContext.js';
+import { resolveProteusValue } from './resolveProteusValue.js';
+
+function useResolvedProteusValue(value) {
+  const { data } = useProteusDocumentContext(
+    "@optiaxiom/react/useResolvedProteusValue"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/useResolvedProteusValue"
+  );
+  return resolveProteusValue(value, data, parentPath);
+}
+
+export { useResolvedProteusValue };

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

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CjJxdOBs.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-kq9Cotml.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-Ccmy8Sm4.css';
-import './../../../../assets/src/radio/Radio.css.ts.vanilla-CA7XtcZX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-CobE3002.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-B0Aq2wnn.css';
+import './../../../../assets/src/radio/Radio.css.ts.vanilla-CPbfAoNU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'_1u93qt3'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'_1c5azcg']});
-var input = recipeRuntime({base:'gpa4jw'});
-var radio = recipeRuntime({base:'_1gnhtoq'});
+var control = recipeRuntime({base:[{bg:'bg.default',border:'1',p:'2',rounded:'full',size:'2xs'},'hoprm5'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var indicator = recipeRuntime({base:[{rounded:'inherit',size:'full',transition:'transform'},'qob692']});
+var input = recipeRuntime({base:'_1nqvyr2'});
+var radio = recipeRuntime({base:'wcdiv0'});
 
 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-CjJxdOBs.css';
-import './../../../../assets/src/range/Range.css.ts.vanilla-j4OvsB1Y.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/range/Range.css.ts.vanilla-C9E4lqyG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{bg:'transparent'},'csy9ua']});
-var fillValue = 'var(--_1rhw9ue)';
-var mark = recipeRuntime({base:[{transition:'colors'},'_1i46pah'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--ripl62)';
-var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'f5mkew']});
-var root = recipeRuntime({base:['ef8hrm',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'fl0e13'],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'},'_1bq3gl2']});
-var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'sydtm7']});
+var control = recipeRuntime({base:[{bg:'transparent'},'_67111n']});
+var fillValue = 'var(--b59m6f)';
+var mark = recipeRuntime({base:[{transition:'colors'},'oytleq'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_82cmgc)';
+var range = recipeRuntime({base:[{h:'full',rounded:'inherit'},'_11uo7uk']});
+var root = recipeRuntime({base:['_93xcp6',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'a9m7i4'],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'},'olhy5h']});
+var track = recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1o3o27p']});
 
 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-CjJxdOBs.css';
-import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CrzGFa2r.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/resizable/ResizableHandle.css.ts.vanilla-CZc7HWNZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1mxuy91']});
-var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_116wbze']});
+var handle = recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_1v51upc']});
+var root = recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'_15f7jcv']});
 
 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-CjJxdOBs.css';
-import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-B6QuCxnz.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/search-input/SearchInput.css.ts.vanilla-DTlPAkYv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'_1909lmf']});
-var input = recipeRuntime({base:'_17jtfhs'});
-var search = recipeRuntime({base:'_1oirpae'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1sc3bmp']});
+var input = recipeRuntime({base:'gyyx39'});
+var search = recipeRuntime({base:'_1owc8on'});
 
 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-CjJxdOBs.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-DEAJvGwS.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-BKcR1UQ3.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:'_801vl0',md:'wrtkxg',base:'ed78wh'},defaultClass:'ed78wh'},vertical:{conditions:{sm:'_10vi2dx',md:'_1ybwd56',base:'_1trl1vx'},defaultClass:'_1trl1vx'}},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:'n7obib',md:'n07atv',base:'qhxeao'},defaultClass:'qhxeao'},vertical:{conditions:{sm:'_7g7q4h',md:'nt4svh',base:'_114cpxo'},defaultClass:'_114cpxo'}},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-CjJxdOBs.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-OD7AvebH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-ChatJ78k.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1kchwwb']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_158kmhz']});
 
 export { skeleton };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CjJxdOBs.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CnKK_v91.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-DA73sxuz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'_1ta45hv'});
+var handle = recipeRuntime({base:'_1uwlkcn'});
 
 export { handle };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CjJxdOBs.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-i7424ZWc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-iaXD05J2.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-BV38MEBs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'wdzv3o',variants:{handle:{false:{},true:'gwbwjb'}}});
+var item = recipeRuntime({base:'_1vx3mig',variants:{handle:{false:{},true:'n9qusp'}}});
 
 export { item };