@optiaxiom/proteus 0.1.22-next.1 → 0.1.23

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

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

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

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

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

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

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

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

package/dist/esm/index.js

@@ -1,5 +1,4 @@
 export { ProteusAction } from './proteus-action/ProteusAction.js';
-export { ProteusCancelAction } from './proteus-action/ProteusCancelAction.js';
 export { ProteusChart } from './proteus-chart/ProteusChart.js';
 export { ProteusDataTable } from './proteus-data-table/ProteusDataTable.js';
 export { ProteusDocumentRenderer } from './proteus-document/ProteusDocumentRenderer.js';

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

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChart.css.ts.vanilla-Qxw4rwpH.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/ProteusChart.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Box, theme } from '@optiaxiom/react';
 import { get } from 'jsonpointer';
-import { ResponsiveContainer, BarChart, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Bar, Line } from 'recharts';
+import { ResponsiveContainer, BarChart, LineChart, CartesianGrid, YAxis, XAxis, Tooltip, Bar, Line } from 'recharts';
 import { chart } from './ProteusChart-css.js';
 import { ProteusChartTooltipContent } from './ProteusChartTooltipContent.js';
 
@@ -10,13 +10,17 @@ const DEFAULT_COLORS = ["#096DD9", "#E59700", "#38C56C", "#D1D8DE"];
 const getColor = (index) => DEFAULT_COLORS[index % DEFAULT_COLORS.length];
 const ProteusChart = ({
   data,
+  layout = "horizontal",
   series,
   type,
   xAxisKey
 }) => {
+  const isVertical = layout === "vertical";
   const ChartComponent = type === "bar" ? BarChart : LineChart;
   const Chart = type === "bar" ? Bar : Line;
-  return /* @__PURE__ */ jsx(Box, { asChild: true, ...chart(), children: /* @__PURE__ */ jsx(ResponsiveContainer, { aspect: 16 / 9, width: "100%", children: /* @__PURE__ */ jsxs(ChartComponent, { data, children: [
+  const CategoryAxis = isVertical ? YAxis : XAxis;
+  const ValueAxis = isVertical ? XAxis : YAxis;
+  return /* @__PURE__ */ jsx(Box, { asChild: true, ...chart(), children: /* @__PURE__ */ jsx(ResponsiveContainer, { aspect: 16 / 9, width: "100%", children: /* @__PURE__ */ jsxs(ChartComponent, { data, layout, children: [
     /* @__PURE__ */ jsx(
       CartesianGrid,
       {
@@ -26,19 +30,20 @@ const ProteusChart = ({
       }
     ),
     /* @__PURE__ */ jsx(
-      XAxis,
+      CategoryAxis,
       {
         axisLine: false,
         dataKey: (row) => get(row, "/" + xAxisKey),
-        minTickGap: 32,
         padding: { left: 16, right: 16 },
         tick: { fill: theme.colors["fg.secondary"] },
         tickLine: false,
-        tickMargin: 8
+        tickMargin: 8,
+        type: "category",
+        width: isVertical ? "auto" : void 0
       }
     ),
     /* @__PURE__ */ jsx(
-      YAxis,
+      ValueAxis,
       {
         axisLine: { stroke: "#CBD5E1" },
         minTickGap: 32,
@@ -48,7 +53,8 @@ const ProteusChart = ({
           notation: "compact"
         }).format(value),
         tickMargin: 8,
-        width: "auto"
+        type: "number",
+        width: isVertical ? void 0 : "auto"
       }
     ),
     /* @__PURE__ */ jsx(Tooltip, { content: ProteusChartTooltipContent, cursor: false }),

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

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-chart/ProteusChartTooltipContent.css.ts.vanilla-CXOspnN_.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-element/ProteusElement.js

@@ -5,7 +5,6 @@ import { Time, Range } from '@optiaxiom/react/unstable';
 import { lazy, Suspense } from 'react';
 import { IconCalendar } from '../icons/IconCalendar.js';
 import { ProteusAction } from '../proteus-action/ProteusAction.js';
-import { ProteusCancelAction } from '../proteus-action/ProteusCancelAction.js';
 import { ProteusDataTable } from '../proteus-data-table/ProteusDataTable.js';
 import { useProteusDocumentContext } from '../proteus-document/ProteusDocumentContext.js';
 import { useProteusDocumentPathContext } from '../proteus-document/ProteusDocumentPathContext.js';
@@ -66,8 +65,8 @@ const ProteusElement = ({
       return /* @__PURE__ */ jsx(Avatar, { ...resolve(element) });
     case "Badge":
       return /* @__PURE__ */ jsx(Badge, { ...resolve(element) });
-    case "CancelAction":
-      return /* @__PURE__ */ jsx(ProteusCancelAction, { ...resolve(element) });
+    case "Button":
+      return /* @__PURE__ */ jsx(ProteusAction, { ...resolve(element) });
     case "Card":
       return /* @__PURE__ */ jsx(Card, { ...resolve(element) });
     case "CardHeader":

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

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-image-carousel/ProteusImageCarousel.css.ts.vanilla-CJORx2JF.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-question/ProteusQuestion-css.js

@@ -1,4 +1,4 @@
-import './../assets/src/proteus-question/ProteusQuestion.css.ts.vanilla-DVD_u2w0.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'}}}});