@optiaxiom/proteus 0.1.19 → 0.1.21

package/dist/esm/assets/src/proteus-chart/{ProteusChart.css.ts.vanilla-CK0mlfvQ.css → ProteusChart.css.ts.vanilla-BCN2MOqI.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1g6ippr;
-@layer optiaxiom._1g6ippr {
+@layer optiaxiom.tmkl1w;
+@layer optiaxiom.tmkl1w {
   .ProteusChart__jmlqij1 {
     border-radius: 16px;
   }

package/dist/esm/assets/src/proteus-chart/{ProteusChartTooltipContent.css.ts.vanilla-VEKfizml.css → ProteusChartTooltipContent.css.ts.vanilla-DmqHa3bY.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1g6ippr;
-@layer optiaxiom._1g6ippr {
+@layer optiaxiom.tmkl1w;
+@layer optiaxiom.tmkl1w {
   .ProteusChartTooltipContent__1gsvq810 {
     min-width: 128px;
   }

package/dist/esm/assets/src/proteus-image-carousel/{ProteusImageCarousel.css.ts.vanilla-DV3O-VwO.css → ProteusImageCarousel.css.ts.vanilla-Bbo2TbLv.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1g6ippr;
-@layer optiaxiom._1g6ippr {
+@layer optiaxiom.tmkl1w;
+@layer optiaxiom.tmkl1w {
   .ProteusImageCarousel__1t6qej70 {
     outline: none;
     user-select: none;

package/dist/esm/assets/src/proteus-question/{ProteusQuestion.css.ts.vanilla-0cQoAJ0-.css → ProteusQuestion.css.ts.vanilla-DRvLrb5J.css}

@@ -1,5 +1,5 @@
-@layer optiaxiom._1g6ippr;
-@layer optiaxiom._1g6ippr {
+@layer optiaxiom.tmkl1w;
+@layer optiaxiom.tmkl1w {
   .ProteusQuestion__8f590p0 {
     outline: none;
   }

package/dist/esm/proteus-chart/ProteusChart-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-CK0mlfvQ.css';
+import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-BCN2MOqI.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var chart = recipe({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'ProteusChart__jmlqij1','ProteusChart__jmlqij0']});

package/dist/esm/proteus-chart/ProteusChartTooltipContent-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-VEKfizml.css';
+import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-DmqHa3bY.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var tooltip = recipe({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'ProteusChartTooltipContent__1gsvq810']});

package/dist/esm/proteus-chart/ProteusChartTooltipContent.js

@@ -2,7 +2,7 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Box, Group } from '@optiaxiom/react';
 import { applyFormatter } from '../proteus-document/getProteusValue.js';
-import { tooltip, value } from './ProteusChartTooltipContent-css.js';
+import { value, tooltip } from './ProteusChartTooltipContent-css.js';
 
 function ProteusChartTooltipContent({
   active,
@@ -32,7 +32,7 @@ function ProteusChartTooltipContent({
                 style: { backgroundColor: item.color }
               }
             ),
-            /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: item.name ?? item.dataKey })
+            /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: item.name ?? String(item.dataKey) })
           ] }),
           /* @__PURE__ */ jsx(Box, { ...value(), children: applyFormatter(item.value, "Number") })
         ]

package/dist/esm/proteus-document/ProteusDocumentShell.js

@@ -113,6 +113,7 @@ function ProteusDocumentShell({
                   element.title && /* @__PURE__ */ jsxs(
                     Group,
                     {
+                      alignItems: element.titleIcon ? "start" : void 0,
                       bg: element.titleIcon ? "bg.page" : "transparent",
                       gap: "12",
                       p: element.titleIcon ? "12" : void 0,

package/dist/esm/proteus-image-carousel/ProteusImageCarousel-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-DV3O-VwO.css';
+import './../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-Bbo2TbLv.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var carousel = recipe({base:[{flexDirection:'column',gap:'12'},'ProteusImageCarousel__1t6qej70']});

package/dist/esm/proteus-image-carousel/ProteusImageCarousel.js

@@ -7,7 +7,7 @@ import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { ProteusImage } from '../proteus-image/ProteusImage.js';
-import { carousel, content, viewport, slideContainer, slide, navButton, thumbnail } from './ProteusImageCarousel-css.js';
+import { slide, slideContainer, viewport, navButton, content, thumbnail, carousel } from './ProteusImageCarousel-css.js';
 
 function ProteusImageCarousel({
   images,

package/dist/esm/proteus-question/ProteusQuestion-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-question/ProteusQuestion.css.ts.vanilla-0cQoAJ0-.css';
+import './../assets/src/proteus-question/ProteusQuestion.css.ts.vanilla-DRvLrb5J.css';
 import { recipe } from '@optiaxiom/react/css-runtime';
 
 var addon = recipe({base:[{display:'grid',fontWeight:'500',placeItems:'center',rounded:'lg',size:'md',transition:'colors'},'ProteusQuestion__8f590p3'],variants:{cursor:{pointer:{cursor:'pointer'}}}});

package/dist/esm/proteus-question/ProteusQuestion.js

@@ -1,16 +1,15 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { IconNorth } from '@optiaxiom/icons';
+import { IconArrowRightAlt, IconEdit } from '@optiaxiom/icons';
 import { Group, Text, Button, Box, Checkbox } from '@optiaxiom/react';
 import { InlineInput } from '@optiaxiom/react/unstable';
 import * as RovingFocus from '@radix-ui/react-roving-focus';
 import { useState, useCallback, useRef, useEffect } from 'react';
 import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
-import { IconPencil } from '../icons/IconPencil.js';
 import { IconX } from '../icons/IconX.js';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
-import { question, choiceGroup, choice, addon } from './ProteusQuestion-css.js';
+import { addon, choice, choiceGroup, question } from './ProteusQuestion-css.js';
 
 function ProteusQuestion({ questions }) {
   const { onEvent } = useProteusDocumentContext(
@@ -209,7 +208,7 @@ A: ${value2 || "[Not specified]"}`
                       tabIndex: 0,
                       ...choice({ cursor: "pointer" }),
                       children: /* @__PURE__ */ jsxs(Group, { gap: "12", children: [
-                        /* @__PURE__ */ jsx(Box, { ...addon(), children: type === "single_select" ? index + 1 : /* @__PURE__ */ jsx(
+                        type === "single_select" ? /* @__PURE__ */ jsx(Box, { ...addon(), children: index + 1 }) : /* @__PURE__ */ jsx(
                           Checkbox,
                           {
                             checked,
@@ -217,9 +216,19 @@ A: ${value2 || "[Not specified]"}`
                             pointerEvents: "none",
                             tabIndex: -1
                           }
-                        ) }),
+                        ),
                         /* @__PURE__ */ jsx(Group, { flex: "1", flexDirection: "column", gap: "2", children: /* @__PURE__ */ jsx(Text, { children: option }) }),
-                        type === "single_select" && checked && /* @__PURE__ */ jsx(Box, { asChild: true, color: "fg.tertiary", ml: "auto", children: /* @__PURE__ */ jsx(IconNorth, {}) })
+                        type === "single_select" && checked && /* @__PURE__ */ jsx(
+                          Box,
+                          {
+                            asChild: true,
+                            color: "fg.tertiary",
+                            h: "24",
+                            ml: "auto",
+                            w: "24",
+                            children: /* @__PURE__ */ jsx(IconArrowRightAlt, {})
+                          }
+                        )
                       ] })
                     }
                   ) }, option);
@@ -232,7 +241,7 @@ A: ${value2 || "[Not specified]"}`
                     role: "group",
                     ...choice({ cursor: "text" }),
                     children: /* @__PURE__ */ jsxs(Group, { gap: "12", children: [
-                      /* @__PURE__ */ jsx(Box, { ...addon({ cursor: "pointer" }), children: type === "single_select" ? /* @__PURE__ */ jsx(IconPencil, {}) : /* @__PURE__ */ jsx(
+                      type === "single_select" ? /* @__PURE__ */ jsx(Box, { ...addon({ cursor: "pointer" }), children: /* @__PURE__ */ jsx(IconEdit, {}) }) : /* @__PURE__ */ jsx(
                         Checkbox,
                         {
                           checked: otherChecked,
@@ -240,7 +249,7 @@ A: ${value2 || "[Not specified]"}`
                           pointerEvents: "none",
                           tabIndex: -1
                         }
-                      ) }),
+                      ),
                       /* @__PURE__ */ jsx(RovingFocus.Item, { asChild: true, children: /* @__PURE__ */ jsx(
                         Group,
                         {
@@ -292,9 +301,9 @@ A: ${value2 || "[Not specified]"}`
                       type === "single_select" && /* @__PURE__ */ jsx(
                         Button,
                         {
-                          appearance: otherValue ? "primary" : "default",
+                          appearance: otherValue ? "primary-opal" : "default",
                           "aria-label": otherValue && (isLast ? "Submit" : "Next"),
-                          icon: otherValue && /* @__PURE__ */ jsx(IconNorth, {}),
+                          icon: otherValue && /* @__PURE__ */ jsx(IconArrowRightAlt, {}),
                           ml: "auto",
                           onClick: (event) => {
                             event.preventDefault();
@@ -342,10 +351,10 @@ A: ${value2 || "[Not specified]"}`
               /* @__PURE__ */ jsx(
                 Button,
                 {
-                  appearance: valid ? "primary" : "default",
+                  appearance: valid ? "primary-opal" : "default",
                   "aria-label": isLast ? "Submit" : "Next",
                   disabled: !valid,
-                  icon: /* @__PURE__ */ jsx(IconNorth, {}),
+                  icon: /* @__PURE__ */ jsx(IconArrowRightAlt, {}),
                   onClick: (event) => {
                     event.preventDefault();
                     onSubmit();

package/dist/esm/schema/public-schema.json.js

@@ -2,9 +2,6 @@ var $schema = "http://json-schema.org/draft-07/schema#";
 var definitions = {
 	SprinkleProp_alignItems: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "stretch"
 			},
@@ -17,6 +14,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -25,9 +25,6 @@ var definitions = {
 	},
 	SprinkleProp_alignSelf: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "stretch"
 			},
@@ -40,6 +37,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -456,13 +456,13 @@ var definitions = {
 	SprinkleProp_cursor: {
 		anyOf: [
 			{
-				"const": "default"
+				"const": "text"
 			},
 			{
-				"const": "pointer"
+				"const": "default"
 			},
 			{
-				"const": "text"
+				"const": "pointer"
 			},
 			{
 				$ref: "#/definitions/ProteusExpression"
@@ -841,9 +841,6 @@ var definitions = {
 	},
 	SprinkleProp_justifyContent: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "space-around"
 			},
@@ -871,6 +868,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -879,9 +879,6 @@ var definitions = {
 	},
 	SprinkleProp_justifyItems: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "stretch"
 			},
@@ -894,6 +891,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -4984,9 +4984,6 @@ var definitions = {
 			},
 			alignItems: {
 				anyOf: [
-					{
-						"const": "normal"
-					},
 					{
 						"const": "stretch"
 					},
@@ -4999,6 +4996,9 @@ var definitions = {
 					{
 						"const": "start"
 					},
+					{
+						"const": "normal"
+					},
 					{
 						$ref: "#/definitions/ProteusExpression"
 					}

package/dist/esm/schema/runtime-schema.json.js

@@ -1,9 +1,6 @@
 var definitions = {
 	SprinkleProp_alignItems: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "stretch"
 			},
@@ -16,6 +13,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -24,9 +24,6 @@ var definitions = {
 	},
 	SprinkleProp_alignSelf: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "stretch"
 			},
@@ -39,6 +36,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -455,13 +455,13 @@ var definitions = {
 	SprinkleProp_cursor: {
 		anyOf: [
 			{
-				"const": "default"
+				"const": "text"
 			},
 			{
-				"const": "pointer"
+				"const": "default"
 			},
 			{
-				"const": "text"
+				"const": "pointer"
 			},
 			{
 				$ref: "#/definitions/ProteusExpression"
@@ -840,9 +840,6 @@ var definitions = {
 	},
 	SprinkleProp_justifyContent: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "space-around"
 			},
@@ -870,6 +867,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -878,9 +878,6 @@ var definitions = {
 	},
 	SprinkleProp_justifyItems: {
 		anyOf: [
-			{
-				"const": "normal"
-			},
 			{
 				"const": "stretch"
 			},
@@ -893,6 +890,9 @@ var definitions = {
 			{
 				"const": "start"
 			},
+			{
+				"const": "normal"
+			},
 			{
 				$ref: "#/definitions/ProteusExpression"
 			}
@@ -4953,9 +4953,6 @@ var definitions = {
 			},
 			alignItems: {
 				anyOf: [
-					{
-						"const": "normal"
-					},
 					{
 						"const": "stretch"
 					},
@@ -4968,6 +4965,9 @@ var definitions = {
 					{
 						"const": "start"
 					},
+					{
+						"const": "normal"
+					},
 					{
 						$ref: "#/definitions/ProteusExpression"
 					}

package/package.json

@@ -7,7 +7,7 @@
     "url": "git+https://github.com/optimizely-axiom/optiaxiom.git"
   },
   "type": "module",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "files": [
     "dist/**",
     "LICENSE"
@@ -32,18 +32,18 @@
     "@radix-ui/react-context": "^1.1.2",
     "@radix-ui/react-roving-focus": "^1.1.11",
     "@radix-ui/react-use-controllable-state": "^1.2.2",
-    "@tanstack/react-table": "^8.0.0",
+    "@tanstack/react-table": "^8.21.3",
     "embla-carousel-react": "^8.6.0",
     "jsonpointer": "^5.0.1",
-    "recharts": "^3.7.0",
-    "@optiaxiom/icons": "0.1.4",
-    "@optiaxiom/react": "1.9.25"
+    "recharts": "^3.8.1",
+    "@optiaxiom/icons": "1.0.0",
+    "@optiaxiom/react": "1.9.26"
   },
   "devDependencies": {
     "@emotion/hash": "^0.9.2",
-    "@vanilla-extract/css": "^1.17.4",
-    "autoprefixer": "^10.4.21",
-    "postcss": "^8.5.6",
+    "@vanilla-extract/css": "^1.20.1",
+    "autoprefixer": "^10.5.0",
+    "postcss": "^8.5.10",
     "@optiaxiom/shared": "0.0.0"
   },
   "peerDependencies": {

package/dist/esm/icons/IconPencil.js

@@ -1,20 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { withIcon } from './withIcon.js';
-
-const IconPencil = withIcon(
-  {
-    name: "IconPencil",
-    viewBox: "0 0 640 640"
-  },
-  // <!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.-->
-  /* @__PURE__ */ jsx(
-    "path",
-    {
-      d: "M100.4 417.2C104.5 402.6 112.2 389.3 123 378.5L304.2 197.3L338.1 163.4C354.7 180 389.4 214.7 442.1 267.4L476 301.3L442.1 335.2L260.9 516.4C250.2 527.1 236.8 534.9 222.2 539L94.4 574.6C86.1 576.9 77.1 574.6 71 568.4C64.9 562.2 62.6 553.3 64.9 545L100.4 417.2zM156 413.5C151.6 418.2 148.4 423.9 146.7 430.1L122.6 517L209.5 492.9C215.9 491.1 221.7 487.8 226.5 483.2L155.9 413.5zM510 267.4C493.4 250.8 458.7 216.1 406 163.4L372 129.5C398.5 103 413.4 88.1 416.9 84.6C430.4 71 448.8 63.4 468 63.4C487.2 63.4 505.6 71 519.1 84.6L554.8 120.3C568.4 133.9 576 152.3 576 171.4C576 190.5 568.4 209 554.8 222.5C551.3 226 536.4 240.9 509.9 267.4z",
-      fill: "currentColor"
-    }
-  )
-);
-
-export { IconPencil };