@optiaxiom/react 1.9.16 → 1.9.17

package/dist/cjs/unstable.js

@@ -1,125 +1,130 @@
 "use client";
 'use strict';
 
-var Textarea = require('./Textarea-DDX3rk6i.js');
+var Textarea = require('./Textarea-DJUFOOPp.js');
 var jsxRuntime = require('react/jsx-runtime');
 var reactId = require('@radix-ui/react-id');
 var clsx = require('clsx');
 var reactSlot = require('@radix-ui/react-slot');
 var React = require('react');
-require('./assets/src/layers/layers.css.ts.vanilla-CSarMspk.css');
-require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-CUsL7m4h.css');
+require('./assets/src/layers/layers.css.ts.vanilla-D8I-bHqr.css');
+require('./assets/src/details-panel/DetailsPanel.css.ts.vanilla-DuJuoNVP.css');
 var reactContext = require('@radix-ui/react-context');
-require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BDMsk0GL.css');
-require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-insuF64R.css');
+require('./assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-C2SViMBl.css');
+require('./assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C_y445vq.css');
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
-require('./assets/src/file-upload/FileUpload.css.ts.vanilla-eUcIpxPH.css');
-require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-C41rF0Sv.css');
-require('./assets/src/highlight/Highlight.css.ts.vanilla-yHOP6nt-.css');
+require('./assets/src/file-upload/FileUpload.css.ts.vanilla-BTr3yceM.css');
+require('./assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BttYenkj.css');
+require('./assets/src/highlight/Highlight.css.ts.vanilla-CgdfrLjN.css');
 var RadixHoverCard = require('@radix-ui/react-hover-card');
 var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
-require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BAER6gEc.css');
-require('./assets/src/inline-input/InlineInput.css.ts.vanilla-Db4V5bJs.css');
+require('./assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-NZPr5lQ7.css');
+require('./assets/src/inline-input/InlineInput.css.ts.vanilla-C1ahR4RN.css');
 var ResizablePrimitive = require('react-resizable-panels');
-require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-C_6-3LsE.css');
-require('./assets/src/layout/Layout.css.ts.vanilla-BzyYKFBA.css');
-require('./assets/src/layout/LayoutContent.css.ts.vanilla-C0de6w30.css');
-require('./assets/src/pill/Pill.css.ts.vanilla-DmPYTL5p.css');
+require('./assets/src/resizable/ResizableHandle.css.ts.vanilla-B4zUxbsJ.css');
+require('./assets/src/layout/Layout.css.ts.vanilla-LfyXdS7A.css');
+require('./assets/src/layout/LayoutContent.css.ts.vanilla-BZ-IPJmE.css');
+require('./assets/src/pill/Pill.css.ts.vanilla-CdMoq9VI.css');
 var RadixRovingFocus = require('@radix-ui/react-roving-focus');
-require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-KCdG3dwn.css');
+require('./assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-iXH2O8yR.css');
 var jsonpointer = require('jsonpointer');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/range/Range.css.ts.vanilla-BcoXzjcb.css');
+require('./assets/src/range/Range.css.ts.vanilla-BA9h8Lof.css');
+require('./assets/src/proteus-document/ProteusChoiceGroup.css.ts.vanilla-DifGOwv5.css');
 var reactTable = require('@tanstack/react-table');
 var jsonSchema = require('@cfworker/json-schema');
 var globals = require('@optiaxiom/globals');
 var recharts = require('recharts');
-require('./assets/src/proteus-document/ProteusChart.css.ts.vanilla-ChD6u0qq.css');
-require('./assets/src/proteus-document/ProteusChartTooltipContent.css.ts.vanilla-P2y3-Hsr.css');
+require('./assets/src/proteus-document/ProteusChart.css.ts.vanilla-CQ6tccKR.css');
+require('./assets/src/proteus-document/ProteusChartTooltipContent.css.ts.vanilla-5GpWy3Cc.css');
 var helpers = require('@dnd-kit/helpers');
 var react = require('@dnd-kit/react');
-require('./assets/src/sortable/SortableHandle.css.ts.vanilla-BeGnTH9R.css');
+require('./assets/src/sortable/SortableHandle.css.ts.vanilla-B4cMUGw5.css');
 var sortable = require('@dnd-kit/react/sortable');
-require('./assets/src/sortable/SortableItem.css.ts.vanilla-9DlwhLm6.css');
-require('./assets/src/badge/Badge.css.ts.vanilla-J1xNR1e4.css');
-require('./assets/src/link/Link.css.ts.vanilla-CSVVgWem.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-CtYn64h2.css');
+require('./assets/src/sortable/SortableItem.css.ts.vanilla-B8xdDVFw.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-BIKWgh9B.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-xpO2wIR5.css');
 require('downshift');
-require('./assets/src/command/CommandItem.css.ts.vanilla-CAOwt6TC.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-BpkuPkAA.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-7mkGItLj.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-DqJHXK4a.css');
 require('react-remove-scroll');
 require('@radix-ui/react-dialog');
 require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-B-QbvWHW.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-CwH1qYIq.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BcwLfA16.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DqUPLev-.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-ByceQwPy.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DuVhDtzW.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DFmjIajP.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BYlHiiWi.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-DCxrCe0F.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-DtTweR_d.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-PjN5HNWV.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BuAaDYHj.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CaP3DK9F.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-C5OQEEeq.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-B9fXww2G.css');
+require('./assets/src/card/Card.css.ts.vanilla-CDZEHqAM.css');
+require('./assets/src/card/CardCheckbox.css.ts.vanilla-DkxGd8A1.css');
+require('./assets/src/card/CardHeader.css.ts.vanilla-DucSy4Ut.css');
+require('./assets/src/link/Link.css.ts.vanilla-Cxtwlqyl.css');
+require('./assets/src/card/CardPreview.css.ts.vanilla-CGzPi4bP.css');
 require('@tanstack/react-virtual');
-require('./assets/src/table/Table.css.ts.vanilla-BW-wge_p.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-HNd3viJL.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DMRLm8il.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-BeGRM2pQ.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-TWBcJB4a.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-Da5FZ9Am.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-4Nn0HOuR.css');
-require('./assets/src/data-table/DataTableBody.css.ts.vanilla-D1R-41zf.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-ACRDoO2Y.css');
+require('./assets/src/table/Table.css.ts.vanilla-CB6lYvXd.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DJmemxye.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-OSS0zrDM.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-BNH2hy-q.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-CnGtGc7a.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-BFfdNonI.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-LT0Cku08.css');
+require('./assets/src/data-table/DataTableBody.css.ts.vanilla-CtOeSPGk.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-D36jAWcF.css');
 require('react-day-picker');
 require('@radix-ui/react-popper');
 require('@radix-ui/react-dismissable-layer');
 require('@radix-ui/react-focus-guards');
 require('@radix-ui/react-focus-scope');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-I3hw0mdY.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BQO0Cm1g.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CDloHxmo.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DWTUygZM.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-BgKV4iI8.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-B5flTQxs.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-Dr8xJ5qS.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CxdZnd0h.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-Bw_2dr6O.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DknWQF-O.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DLlRXrA8.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BQKyiVGt.css');
 require('@radix-ui/react-collapsible');
-require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-BdjmtP9z.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-BGl39LNW.css');
-require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-BMWiDY8r.css');
+require('./assets/src/disclosure/DisclosureContent.css.ts.vanilla-DwpWsJw3.css');
+require('./assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Dw_qqlnN.css');
 require('@radix-ui/react-label');
 require('@radix-ui/react-tooltip');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-DdPB_Ha3.css');
-require('./assets/src/box/Box.css.ts.vanilla-D7CmYp4m.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-B1l5701M.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-CdHQVuYn.css');
-require('./assets/src/text/Text.css.ts.vanilla-DxeCnDGE.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-BV4B-L7N.css');
-require('./assets/src/transition/Transition.css.ts.vanilla-CAaFlkLD.css');
-require('./assets/src/alert/Alert.css.ts.vanilla-DFsF6RR0.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CCxxdaoM.css');
+require('./assets/src/box/Box.css.ts.vanilla-BVlrC21q.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-DtPKwUMj.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-3LYWDUIY.css');
+require('./assets/src/text/Text.css.ts.vanilla-93h-2qm4.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-qY1Xc4ny.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-DXOiDYrm.css');
+require('./assets/src/alert/Alert.css.ts.vanilla--2F4T8Jh.css');
 require('@radix-ui/react-avatar');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css');
-require('./assets/src/avatar/Avatar.css.ts.vanilla-DCWwo5j3.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-BQDQ2B8t.css');
 require('@radix-ui/react-popover');
-require('./assets/src/listbox/Listbox.css.ts.vanilla-Dvuht6po.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BHgmuhkd.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BbipBfdW.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-NBM_4LVu.css');
+require('./assets/src/listbox/Listbox.css.ts.vanilla-DVr7Jfck.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-QJWhQGED.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DXxjmqSH.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DyBjIDSr.css');
 require('@radix-ui/react-visually-hidden');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-niGH06Aa.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DX_P-t5u.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BxkMYvF_.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-B4dh-26Q.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-DAbc8bgk.css');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-C7MUOQEY.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CxY9e7Uc.css');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-BXfFyKhW.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-D1kyco4a.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-BdEOgzKA.css');
 require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-D9vo1ok5.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-ASYTl3Rh.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-BL5MBZpn.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-0HAnBW8A.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-RWkYQGoh.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-B9YDgKjN.css');
 require('@radix-ui/react-portal');
-require('./assets/src/input/Input.css.ts.vanilla-Ca9ROpqx.css');
-require('./assets/src/input/InputControl.css.ts.vanilla-AyIRq1Ry.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-Der8c7vR.css');
-require('./assets/src/textarea/Textarea.css.ts.vanilla-gCdPu-Hg.css');
-require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-Dv0wxgdh.css');
+require('./assets/src/input/Input.css.ts.vanilla-g3chHJi8.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-CZnAzuFA.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-CA26_thU.css');
+require('./assets/src/textarea/Textarea.css.ts.vanilla-OGoToM8P.css');
+require('./assets/src/textarea/TextareaAutosize.css.ts.vanilla-BAvQcRJS.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -298,7 +303,7 @@ function DataTableExpandableHeader({
 }
 DataTableExpandableHeader.displayName = "@optiaxiom/react/DataTableExpandableHeader";
 
-var root$3 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1rsiot0']});
+var root$3 = Textarea.recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1yemux8']});
 
 const [DetailsPanelProvider, useDetailsPanelContext] = reactContext.createContext("@optiaxiom/react/DetailsPanel");
 
@@ -341,14 +346,14 @@ const DetailsPanelBody = React.forwardRef(({ children, ...props }, ref) => {
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
 
-var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_14u4407']});
+var footer = Textarea.recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_7xwx6m']});
 
 const DetailsPanelFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ref, ...footer({}, className), ...props, children }) });
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
 
-var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_101cdez']});
+var header = Textarea.recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_5orqlj']});
 
 const DetailsPanelHeader = React.forwardRef(
   ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
@@ -385,7 +390,7 @@ const DetailsPanelHeader = React.forwardRef(
 );
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
 
-var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1xcv2bk']});
+var upload = Textarea.recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1mnatuk']});
 
 const [FileUploadProvider, useFileUploadContext] = reactContext.createContext("@optiaxiom/react/FileUpload");
 
@@ -422,8 +427,8 @@ const IconFileImport = Textarea.withIcon(
   )
 );
 
-var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1wlfzn'],variants:{drag:{false:{},true:['_1qmaqjv']},hidden:{false:'_7nbx1t',true:'_192b1oc'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1u4fa7d']}}});
-var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'fcsvmm'}}});
+var dropzone = Textarea.recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_21c7xx'],variants:{drag:{false:{},true:['_1iaimy8']},hidden:{false:'_1nfbwyf',true:'_1x3pbgw'},overlay:{false:{flex:'1'},true:[{z:'10'},'dhx7a8']}}});
+var label = Textarea.recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1e5a77s'}}});
 
 const useFileUploadTrigger = () => {
   const { inputRef } = useFileUploadContext(
@@ -770,7 +775,7 @@ const FileUploadDropzone = React.forwardRef(
 );
 FileUploadDropzone.displayName = "@optiaxiom/react/FileUploadDropzone";
 
-var mark$1 = Textarea.recipeRuntime({base:'_124vmnp'});
+var mark$1 = Textarea.recipeRuntime({base:'e26uiw'});
 
 const useHighlightedChunks = (content, query) => {
   const terms = React.useMemo(
@@ -884,7 +889,7 @@ const HoverCardContent = React.forwardRef(
 );
 HoverCardContent.displayName = "@optiaxiom/react/HoverCardContent";
 
-var trigger$1 = Textarea.recipeRuntime({base:'_1l6rpjp'});
+var trigger$1 = Textarea.recipeRuntime({base:'rtn025'});
 
 const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, ref) => {
   const { boxProps, restProps } = Textarea.extractBoxProps(props);
@@ -892,8 +897,8 @@ const HoverCardTrigger = React.forwardRef(({ children, className, ...props }, re
 });
 HoverCardTrigger.displayName = "@optiaxiom/react/HoverCardTrigger";
 
-var editor = Textarea.recipeRuntime({base:'inb2p2',variants:{empty:{false:{},true:'_1qebvxs'}}});
-var input = Textarea.recipeRuntime({base:'_1rg5ful'});
+var editor = Textarea.recipeRuntime({base:'uzcwno',variants:{empty:{false:{},true:'_523mrt'}}});
+var input$1 = Textarea.recipeRuntime({base:'t28ctx'});
 
 const InlineInput = React.forwardRef(
   ({
@@ -932,7 +937,7 @@ const InlineInput = React.forwardRef(
         }
       }
     }, [multiline, value]);
-    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ref, ...input$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       Textarea.Box,
       {
         "aria-multiline": multiline,
@@ -979,8 +984,8 @@ const Resizable = ({ ...props }) => {
 };
 Resizable.displayName = "@optiaxiom/react/Resizable";
 
-var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_111at8']});
-var root$2 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'e87528']});
+var handle$1 = Textarea.recipeRuntime({base:[{border:'1',h:'56',rounded:'sm',w:'12'},'_2b0kj8']});
+var root$2 = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',justifyContent:'center',rounded:'sm',z:'10'},'rrr1a7']});
 
 const ResizableHandle = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, ...root$2(), children: /* @__PURE__ */ jsxRuntime.jsx(ResizablePrimitive__namespace.PanelResizeHandle, { ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...handle$1() }) }) });
@@ -992,7 +997,7 @@ const ResizablePanel = ({ ...props }) => {
 };
 ResizablePanel.displayName = "@optiaxiom/react/ResizablePanel";
 
-var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1xahdfo'],variants:{size:{full:'_6p0h2j',screen:'_1pylp7i'}}});
+var layout = Textarea.recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1tznjr0'],variants:{size:{full:'feyvnn',screen:'oten9i'}}});
 
 const Layout = React.forwardRef(
   ({
@@ -1025,7 +1030,7 @@ const Layout = React.forwardRef(
 );
 Layout.displayName = "@optiaxiom/react/Layout";
 
-var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1h1wmbo']});
+var content = Textarea.recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'ruzw0b']});
 
 const LayoutContent = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1043,7 +1048,7 @@ const LayoutContent = React.forwardRef(
 );
 LayoutContent.displayName = "@optiaxiom/react/LayoutContent";
 
-var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'wkmu5r'],variants:{interactive:{false:{},true:'_1gnwikl'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = Textarea.recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1veo4m0'],variants:{interactive:{false:{},true:'_1aogkzc'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 const Slot$2 = reactSlot.createSlot("@optiaxiom/react/Pill");
 const Pill = React.forwardRef(
@@ -1304,9 +1309,9 @@ const PillMenuPill = React.forwardRef(
 );
 PillMenuPill.displayName = "@optiaxiom/react/PillMenuPill";
 
-var root$1 = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1tuxu2a'],variants:{size:{md:'_10ebm2m',lg:'_1ykgdpt'}}});
-var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1o6m3ek']});
-var wrapper = Textarea.recipeRuntime({base:'rczxgp'});
+var root$1 = Textarea.recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1vl1epo'],variants:{size:{md:'k4a7kr',lg:'_1agwh3k'}}});
+var trigger = Textarea.recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1ti61mu']});
+var wrapper = Textarea.recipeRuntime({base:'_1cjvrat'});
 
 const remapSize = {
   md: "xs",
@@ -1417,6 +1422,13 @@ function ProteusDocumentShell({
   open: openProp,
   readOnly = false
 }) {
+  const [valid, setValid] = React.useState(false);
+  const formRef = React.useRef(null);
+  React.useEffect(() => {
+    if (formRef.current) {
+      setValid(formRef.current.checkValidity());
+    }
+  }, []);
   const [open, setOpen] = reactUseControllableState.useControllableState({
     defaultProp: defaultOpen,
     onChange: onOpenChange,
@@ -1447,6 +1459,7 @@ function ProteusDocumentShell({
         }
       }),
       readOnly,
+      valid,
       children: /* @__PURE__ */ jsxRuntime.jsxs(
         Textarea.Disclosure,
         {
@@ -1467,7 +1480,7 @@ function ProteusDocumentShell({
                   flex: "none",
                   rounded: "xs",
                   size: "20",
-                  children: element.appIcon ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: element.appIcon }) : /* @__PURE__ */ jsxRuntime.jsx("div", {})
+                  children: element.appIcon ? /* @__PURE__ */ jsxRuntime.jsx("img", { alt: "", src: element.appIcon }) : /* @__PURE__ */ jsxRuntime.jsx("div", {})
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { fontWeight: "500", children: element.appName }),
@@ -1487,8 +1500,20 @@ function ProteusDocumentShell({
                     /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { fontSize: "lg", fontWeight: "600", level: "2", lineClamp: "2", children: element.title }),
                     !!element.subtitle && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", fontSize: "sm", children: element.subtitle })
                   ] }),
-                  element.body,
-                  !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { gap: "16", justifyContent: "end", w: "full", children: element.actions })
+                  /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { asChild: true, flexDirection: "column", gap: "16", children: /* @__PURE__ */ jsxRuntime.jsx(
+                    "form",
+                    {
+                      onChange: (event) => {
+                        const form = event.currentTarget;
+                        setTimeout(() => {
+                          setValid(form.checkValidity());
+                        });
+                      },
+                      ref: formRef,
+                      children: element.body
+                    }
+                  ) }),
+                  element.actions && !readOnly && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { gap: "16", justifyContent: "end", w: "full", children: element.actions })
                 ]
               }
             )
@@ -1500,14 +1525,14 @@ function ProteusDocumentShell({
 }
 ProteusDocumentShell.displayName = "@optiaxiom/react/ProteusDocumentShell";
 
-var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_1i042th']});
-var fillValue = 'var(--_1vd5xzv)';
-var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'_1po2558'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
-var markValue = 'var(--_13m9co4)';
-var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'g8p5mu']});
-var root = Textarea.recipeRuntime({base:['kbbjkg',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'_1psnfih'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
-var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1w7ykv4']});
-var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1vq5xts']});
+var control = Textarea.recipeRuntime({base:[{bg:'transparent'},'_1uxh4v9']});
+var fillValue = 'var(--b38x5q)';
+var mark = Textarea.recipeRuntime({base:[{transition:'colors'},'_1qxtg01'],variants:{active:{false:{color:'fg.secondary'},true:{}}}});
+var markValue = 'var(--_1pl3zjd)';
+var range = Textarea.recipeRuntime({base:[{h:'full',rounded:'inherit'},'_1kzp6aw']});
+var root = Textarea.recipeRuntime({base:['o85t8e',{alignItems:'center',color:'fg.default',display:'flex',fontSize:'md',w:'full'},'izdyg3'],variants:{marks:{false:{},true:{mb:'24'}},size:{md:{h:'md'},lg:{h:'lg'}}}});
+var thumb = Textarea.recipeRuntime({base:[{border:'1',rounded:'full',shadow:'sm',size:'xs'},'_1tfw494']});
+var track = Textarea.recipeRuntime({base:[{display:'flex',flex:'1',rounded:'full'},'_1t3bev0']});
 
 const useTooltipState = () => {
   const [tooltipOpen, setTooltipOpen] = React.useState(false);
@@ -1726,8 +1751,9 @@ const formatters = {
     return value;
   },
   Number: (value, options) => {
-    if (typeof value === "number") {
-      return new Intl.NumberFormat(void 0, options).format(value);
+    const num = typeof value === "number" ? value : typeof value === "string" && value !== "" ? Number(value) : NaN;
+    if (!Number.isNaN(num)) {
+      return new Intl.NumberFormat(void 0, options).format(num);
     }
     return value;
   }
@@ -1746,35 +1772,16 @@ function applyFormatter(value, formatter) {
 }
 
 function resolveProteusValue(value, data, parentPath) {
-  if (typeof value !== "object" || value === null || !("$type" in value)) {
+  if (typeof value !== "object" || value === null) {
     return value;
   }
-  if (value.$type === "Value" && "path" in value && typeof value.path === "string") {
+  if ("$type" in value && 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;
 }
 
@@ -1797,7 +1804,7 @@ function ProteusAction({
   onClick,
   ...props
 }) {
-  const { onEvent } = useProteusDocumentContext(
+  const { onEvent, valid } = useProteusDocumentContext(
     "@optiaxiom/react/ProteusAction"
   );
   const resolvedOnClick = useResolvedProteusProps(
@@ -1807,6 +1814,7 @@ function ProteusAction({
   return /* @__PURE__ */ jsxRuntime.jsx(
     Textarea.Button,
     {
+      disabled: !valid,
       justifyContent: "center",
       loading,
       onClick: async () => {
@@ -1858,17 +1866,114 @@ function ProteusCancelAction({
 }
 ProteusCancelAction.displayName = "@optiaxiom/react/ProteusCancelAction";
 
+var addon = Textarea.recipeRuntime({base:[{display:'grid',fontWeight:'500',placeItems:'center',rounded:'lg',size:'md',transition:'colors'},'_1y6o7eg']});
+var choice = Textarea.recipeRuntime({base:[{border:'1',color:'fg.default',cursor:'pointer',flexDirection:'column',fontSize:'md',gap:'8',px:'16',py:'12',rounded:'lg',transition:'colors'},'_3ner4b','_1je4m29']});
+var choiceGroup = Textarea.recipeRuntime({base:{flexDirection:'column',gap:'8'}});
+var input = Textarea.recipeRuntime({base:'_1y5672t'});
+
+function ProteusChoice({
+  addonBefore,
+  children,
+  className,
+  description,
+  onClick,
+  value,
+  ...props
+}) {
+  const { boxProps, restProps } = Textarea.extractBoxProps(props);
+  const groupContext = Textarea.useRadioGroupContext("@optiaxiom/react/ProteusChoice");
+  const { onEvent } = useProteusDocumentContext(
+    "@optiaxiom/react/ProteusChoice"
+  );
+  const resolvedOnClick = useResolvedProteusProps(
+    onClick ?? {}
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...choice({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs("label", { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Textarea.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...input(), children: /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        checked: groupContext?.value === value,
+        name: groupContext?.name,
+        onChange: (event) => {
+          groupContext?.onChange?.(event);
+          if (onClick) {
+            void onEvent(resolvedOnClick);
+          }
+        },
+        type: "radio",
+        value,
+        ...restProps
+      }
+    ) }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { gap: "12", children: [
+      addonBefore && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...addon(), children: addonBefore }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Group, { flex: "1", flexDirection: "column", gap: "2", children: [
+        children && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { fontWeight: "500", children }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Text, { color: "fg.secondary", fontSize: "sm", children: description })
+      ] })
+    ] })
+  ] }) });
+}
+ProteusChoice.displayName = "@optiaxiom/react/ProteusChoice";
+
+function useProteusValue(element) {
+  const { data } = useProteusDocumentContext(
+    "@optiaxiom/react/useProteusValue"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/useProteusValue"
+  );
+  return getProteusValue(data, element, parentPath);
+}
+
+function ProteusChoiceGroup({
+  children,
+  name
+}) {
+  const { onDataChange, readOnly } = useProteusDocumentContext(
+    "@optiaxiom/react/ProteusChoiceGroup"
+  );
+  const { path: parentPath } = useProteusDocumentPathContext(
+    "@optiaxiom/react/ProteusChoiceGroup"
+  );
+  const resolved = useProteusValue({ path: name ?? "" });
+  const value = name ? String(resolved ?? "") : "";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Textarea.RadioGroupProvider,
+    {
+      disabled: readOnly ?? false,
+      name,
+      onChange: (event) => {
+        if (name) {
+          onDataChange?.(`${parentPath}/${name}`, event.target.value);
+        }
+      },
+      value,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ...choiceGroup(), children })
+    }
+  );
+}
+ProteusChoiceGroup.displayName = "@optiaxiom/react/ProteusChoiceGroup";
+
 const ProteusDataTable = ({
   columns,
   data
 }) => {
   const tableData = data;
   const columnHelper = reactTable.createColumnHelper();
-  const columnDefs = columns.map(
-    (col) => columnHelper.accessor(col.accessorKey, {
-      header: col.header
-    })
-  );
+  const columnDefs = columns.map((col) => {
+    return columnHelper.accessor(
+      (row) => {
+        const value = jsonpointer.get(row, "/" + col.accessorKey);
+        return col.format ? String(applyFormatter(value, col.format)) : value;
+      },
+      {
+        header: col.header,
+        id: col.accessorKey,
+        size: col.size
+      }
+    );
+  });
   const table = reactTable.useReactTable({
     columns: columnDefs,
     data: tableData,
@@ -1963,16 +2068,6 @@ function ProteusImage(props) {
 }
 ProteusImage.displayName = "@optiaxiom/react/ProteusImage";
 
-function useProteusValue(element) {
-  const { data } = useProteusDocumentContext(
-    "@optiaxiom/react/useProteusValue"
-  );
-  const { path: parentPath } = useProteusDocumentPathContext(
-    "@optiaxiom/react/useProteusValue"
-  );
-  return getProteusValue(data, element, parentPath);
-}
-
 function ProteusInput(props) {
   const { onDataChange, readOnly } = useProteusDocumentContext(
     "@optiaxiom/react/ProteusInput"
@@ -1999,7 +2094,8 @@ ProteusInput.displayName = "@optiaxiom/react/ProteusInput";
 
 function ProteusMap({
   children,
-  path
+  path,
+  separator
 }) {
   const { path: parentPath } = useProteusDocumentPathContext(
     "@optiaxiom/react/ProteusMap"
@@ -2008,11 +2104,14 @@ function ProteusMap({
   if (!Array.isArray(array)) {
     return null;
   }
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: array.map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: array.map((_, index) => /* @__PURE__ */ jsxRuntime.jsxs(
     ProteusDocumentPathProvider,
     {
       path: `${path.startsWith("/") ? path : `${parentPath}/${path}`}/${index}`,
-      children
+      children: [
+        index > 0 && separator,
+        children
+      ]
     },
     index
   )) });
@@ -2149,6 +2248,39 @@ function ProteusValue(element) {
 }
 ProteusValue.displayName = "@optiaxiom/react/ProteusValue";
 
+function resolveProteusProp(value, data, parentPath) {
+  if (typeof value !== "object" || value === null) {
+    return value;
+  }
+  if ("$type" in value && value.$type === "Value" && "path" in value && typeof value.path === "string") {
+    return getProteusValue(
+      data,
+      value,
+      parentPath
+    );
+  }
+  if ("$type" in value && 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 = resolveProteusProp(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 "$type" in value || Array.isArray(value) && value.some((v) => v && typeof v === "object" && "$type" in v) ? /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: value }) : value;
+}
+
 var definitions = {
 	SprinkleProp_alignItems: {
 		anyOf: [
@@ -4304,7 +4436,7 @@ var definitions = {
 		],
 		description: "Set the element's stacking order. Only accepts predefined zIndex tokens (e.g., popover, toast, tooltip) or numeric values (0, 10, 20, 30, auto)."
 	},
-	ProteusAtomicCondition: {
+	ProteusCondition: {
 		anyOf: [
 			{
 				properties: {
@@ -4531,14 +4663,22 @@ var definitions = {
 					"!!"
 				],
 				type: "object"
-			}
-		],
-		description: "Simple comparison condition - single operator only (used in OR arrays to avoid recursion)"
-	},
-	ProteusCondition: {
-		anyOf: [
+			},
 			{
-				$ref: "#/definitions/ProteusAtomicCondition"
+				properties: {
+					and: {
+						description: "Logical AND - returns true if all conditions are true",
+						items: {
+							$ref: "#/definitions/ProteusCondition"
+						},
+						minItems: 1,
+						type: "array"
+					}
+				},
+				required: [
+					"and"
+				],
+				type: "object"
 			},
 			{
 				properties: {
@@ -4547,23 +4687,7 @@ var definitions = {
 						items: {
 							anyOf: [
 								{
-									properties: {
-										and: {
-											description: "Logical AND - returns true if all conditions are true",
-											items: {
-												$ref: "#/definitions/ProteusAtomicCondition"
-											},
-											minItems: 1,
-											type: "array"
-										}
-									},
-									required: [
-										"and"
-									],
-									type: "object"
-								},
-								{
-									$ref: "#/definitions/ProteusAtomicCondition"
+									$ref: "#/definitions/ProteusCondition"
 								}
 							]
 						},
@@ -4778,15 +4902,33 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusAction"
 			},
+			{
+				$ref: "#/definitions/ProteusAvatar"
+			},
 			{
 				$ref: "#/definitions/ProteusBadge"
 			},
 			{
 				$ref: "#/definitions/ProteusCancelAction"
 			},
+			{
+				$ref: "#/definitions/ProteusCard"
+			},
+			{
+				$ref: "#/definitions/ProteusCardHeader"
+			},
+			{
+				$ref: "#/definitions/ProteusCardLink"
+			},
 			{
 				$ref: "#/definitions/ProteusChart"
 			},
+			{
+				$ref: "#/definitions/ProteusChoice"
+			},
+			{
+				$ref: "#/definitions/ProteusChoiceGroup"
+			},
 			{
 				$ref: "#/definitions/ProteusDataTable"
 			},
@@ -4799,6 +4941,9 @@ var definitions = {
 			{
 				$ref: "#/definitions/ProteusHeading"
 			},
+			{
+				$ref: "#/definitions/ProteusIconCalendar"
+			},
 			{
 				$ref: "#/definitions/ProteusImage"
 			},
@@ -5214,17 +5359,10 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusBadge: {
-		examples: [
-			{
-				$type: "Badge",
-				children: "Badge",
-				intent: "success"
-			}
-		],
+	ProteusAvatar: {
 		properties: {
 			$type: {
-				"const": "Badge"
+				"const": "Avatar"
 			},
 			alignItems: {
 				$ref: "#/definitions/SprinkleProp_alignItems"
@@ -5265,12 +5403,43 @@ var definitions = {
 			color: {
 				$ref: "#/definitions/SprinkleProp_color"
 			},
+			colorScheme: {
+				anyOf: [
+					{
+						"const": "purple"
+					},
+					{
+						"const": "neutral"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Control the avatar fallback background and text colors."
+			},
 			cursor: {
 				$ref: "#/definitions/SprinkleProp_cursor"
 			},
 			display: {
 				$ref: "#/definitions/SprinkleProp_display"
 			},
+			fallback: {
+				anyOf: [
+					{
+						"const": "opal"
+					},
+					{
+						"const": "team"
+					},
+					{
+						"const": "user"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "The fallback icon to display when no name or image is given."
+			},
 			flex: {
 				$ref: "#/definitions/SprinkleProp_flex"
 			},
@@ -5301,32 +5470,6 @@ var definitions = {
 			h: {
 				$ref: "#/definitions/SprinkleProp_h"
 			},
-			intent: {
-				anyOf: [
-					{
-						"const": "information"
-					},
-					{
-						"const": "success"
-					},
-					{
-						"const": "warning"
-					},
-					{
-						"const": "danger"
-					},
-					{
-						"const": "neutral"
-					},
-					{
-						"const": "primary"
-					},
-					{
-						$ref: "#/definitions/ProteusValue"
-					}
-				],
-				description: "Control the appearance by selecting between the different badge types."
-			},
 			justifyContent: {
 				$ref: "#/definitions/SprinkleProp_justifyContent"
 			},
@@ -5360,6 +5503,17 @@ var definitions = {
 			my: {
 				$ref: "#/definitions/SprinkleProp_my"
 			},
+			name: {
+				anyOf: [
+					{
+						type: "string"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Use name to generate initials to show inside the avatar."
+			},
 			objectFit: {
 				$ref: "#/definitions/SprinkleProp_objectFit"
 			},
@@ -5406,7 +5560,44 @@ var definitions = {
 				$ref: "#/definitions/SprinkleProp_shadow"
 			},
 			size: {
-				$ref: "#/definitions/SprinkleProp_size"
+				anyOf: [
+					{
+						"const": "xs"
+					},
+					{
+						"const": "sm"
+					},
+					{
+						"const": "md"
+					},
+					{
+						"const": "lg"
+					},
+					{
+						"const": "xl"
+					},
+					{
+						"const": "3xl"
+					},
+					{
+						"const": "2xs"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Control the size of the avatar."
+			},
+			src: {
+				anyOf: [
+					{
+						type: "string"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Render the image inside the avatar."
 			},
 			textAlign: {
 				$ref: "#/definitions/SprinkleProp_textAlign"
@@ -5432,16 +5623,828 @@ var definitions = {
 		],
 		type: "object"
 	},
-	ProteusCancelAction: {
+	ProteusBadge: {
 		examples: [
 			{
-				$type: "CancelAction",
-				children: "Cancel"
+				$type: "Badge",
+				children: "Badge",
+				intent: "success"
 			}
 		],
 		properties: {
 			$type: {
-				"const": "CancelAction"
+				"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"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				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: [
+			{
+				$type: "CancelAction",
+				children: "Cancel"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "CancelAction"
+			},
+			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"
+			},
+			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"
+			},
+			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"
+			},
+			placeholder: {
+				description: "Placeholder text for the text input field",
+				type: "string"
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
+	ProteusCard: {
+		examples: [
+			{
+				$type: "Card",
+				children: [
+					{
+						$type: "CardHeader",
+						children: "Card title",
+						description: "Card description"
+					}
+				]
+			}
+		],
+		properties: {
+			$type: {
+				"const": "Card"
+			},
+			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"
+			},
+			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"
+	},
+	ProteusCardHeader: {
+		examples: [
+			{
+				$type: "CardHeader",
+				children: "Header",
+				description: "Subtitle"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "CardHeader"
+			},
+			addonAfter: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Display content inside the header after `children`."
+			},
+			addonBefore: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Display content inside the header before `children`."
+			},
+			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"
+			},
+			description: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Add secondary text after the primary title."
+			},
+			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"
+			},
+			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"
+	},
+	ProteusCardLink: {
+		examples: [
+			{
+				$type: "CardLink",
+				children: "Link text",
+				href: "https://example.com"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "CardLink"
 			},
 			alignItems: {
 				$ref: "#/definitions/SprinkleProp_alignItems"
@@ -5518,6 +6521,17 @@ var definitions = {
 			h: {
 				$ref: "#/definitions/SprinkleProp_h"
 			},
+			href: {
+				anyOf: [
+					{
+						type: "string"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "The link href."
+			},
 			justifyContent: {
 				$ref: "#/definitions/SprinkleProp_justifyContent"
 			},
@@ -5596,6 +6610,9 @@ var definitions = {
 			shadow: {
 				$ref: "#/definitions/SprinkleProp_shadow"
 			},
+			size: {
+				$ref: "#/definitions/SprinkleProp_size"
+			},
 			textAlign: {
 				$ref: "#/definitions/SprinkleProp_textAlign"
 			},
@@ -5613,10 +6630,6 @@ var definitions = {
 			},
 			z: {
 				$ref: "#/definitions/SprinkleProp_z"
-			},
-			placeholder: {
-				description: "Placeholder text for the text input field",
-				type: "string"
 			}
 		},
 		required: [
@@ -5698,11 +6711,90 @@ var definitions = {
 					{
 						"const": "line"
 					}
-				],
-				description: "Chart type"
+				],
+				description: "Chart type"
+			},
+			xAxisKey: {
+				description: "Key in data records for x-axis labels",
+				type: "string"
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
+	ProteusChoice: {
+		examples: [
+			{
+				$type: "Choice",
+				children: "Option 1",
+				description: "Description of option 1",
+				value: "option1"
+			}
+		],
+		properties: {
+			$type: {
+				"const": "Choice"
+			},
+			addonBefore: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Content to display before the choice text (e.g., numbered badge)"
+			},
+			children: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Title/label of the choice"
+			},
+			description: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Secondary description text shown below the title"
+			},
+			onClick: {
+				$ref: "#/definitions/ProteusEventHandler",
+				description: "Action triggered when choice is selected"
+			},
+			required: {
+				description: "Whether selecting this choice is required to proceed",
+				type: "boolean"
+			},
+			value: {
+				description: "Value associated with this choice",
+				type: "string"
+			}
+		},
+		required: [
+			"$type"
+		],
+		type: "object"
+	},
+	ProteusChoiceGroup: {
+		examples: [
+			{
+				$type: "ChoiceGroup",
+				children: [
+					{
+						$type: "Choice",
+						children: "Option 1",
+						value: "option1"
+					},
+					{
+						$type: "Choice",
+						children: "Option 2",
+						value: "option2"
+					}
+				]
+			}
+		],
+		properties: {
+			$type: {
+				"const": "ChoiceGroup"
 			},
-			xAxisKey: {
-				description: "Key in data records for x-axis labels",
+			children: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Choice elements to render"
+			},
+			name: {
+				description: "Data field name for the selected value",
 				type: "string"
 			}
 		},
@@ -5740,9 +6832,37 @@ var definitions = {
 							description: "Key in data objects",
 							type: "string"
 						},
+						format: {
+							anyOf: [
+								{
+									description: "Formatter name",
+									type: "string"
+								},
+								{
+									description: "Formatter with options",
+									properties: {
+										options: {
+											type: "object"
+										},
+										type: {
+											type: "string"
+										}
+									},
+									required: [
+										"type"
+									],
+									type: "object"
+								}
+							],
+							description: "Format to apply to cell values (e.g. 'Number', 'DateTime')"
+						},
 						header: {
 							description: "Column header text",
 							type: "string"
+						},
+						size: {
+							description: "Column size",
+							type: "number"
 						}
 					},
 					required: [
@@ -6437,6 +7557,188 @@ var definitions = {
 		],
 		type: "object"
 	},
+	ProteusIconCalendar: {
+		properties: {
+			$type: {
+				"const": "IconCalendar"
+			},
+			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"
+			},
+			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"
+			},
+			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"
+	},
 	ProteusImage: {
 		examples: [
 			{
@@ -6848,6 +8150,17 @@ var definitions = {
 			py: {
 				$ref: "#/definitions/SprinkleProp_py"
 			},
+			required: {
+				anyOf: [
+					{
+						type: "boolean"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Whether selecting this input is required."
+			},
 			rounded: {
 				$ref: "#/definitions/SprinkleProp_rounded"
 			},
@@ -7180,6 +8493,10 @@ var definitions = {
 			path: {
 				description: "JSON pointer path to the source array in the data (e.g., '/results')",
 				type: "string"
+			},
+			separator: {
+				$ref: "#/definitions/ProteusNode",
+				description: "Optional separator to render between items. Can be a string or a ProteusNode for more complex separators."
 			}
 		},
 		required: [
@@ -7500,6 +8817,17 @@ var definitions = {
 					type: "object"
 				},
 				type: "array"
+			},
+			required: {
+				anyOf: [
+					{
+						type: "boolean"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Whether the select value is required."
 			}
 		},
 		required: [
@@ -8518,6 +9846,17 @@ var definitions = {
 			py: {
 				$ref: "#/definitions/SprinkleProp_py"
 			},
+			required: {
+				anyOf: [
+					{
+						type: "boolean"
+					},
+					{
+						$ref: "#/definitions/ProteusValue"
+					}
+				],
+				description: "Whether selecting this input is required."
+			},
 			resize: {
 				anyOf: [
 					{
@@ -8927,22 +10266,28 @@ const ProteusElement = ({
   }
   const element = result.data;
   const resolve = (obj) => {
-    const { $type: _$type, children, ...rest } = obj;
-    const resolved = {
-      children: children ? /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: children }) : children
-    };
+    const { $type: _$type, ...rest } = obj;
+    const resolved = {};
     for (const [key, value] of Object.entries(rest)) {
-      resolved[key] = resolveProteusValue(value, data, parentPath);
+      resolved[key] = resolveProteusProp(value, data, parentPath);
     }
     return resolved;
   };
   switch (element.$type) {
     case "Action":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusAction, { ...resolve(element) });
+    case "Avatar":
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Avatar, { ...resolve(element) });
     case "Badge":
       return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Badge, { ...resolve(element) });
     case "CancelAction":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusCancelAction, { ...resolve(element) });
+    case "Card":
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Card, { ...resolve(element) });
+    case "CardHeader":
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.CardHeader, { ...resolve(element) });
+    case "CardLink":
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.CardLink, { ...resolve(element) });
     case "Chart":
       return /* @__PURE__ */ jsxRuntime.jsx(React.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntime.jsx(
         ProteusChart$2,
@@ -8950,6 +10295,20 @@ const ProteusElement = ({
           ...resolve(element)
         }
       ) });
+    case "Choice":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ProteusChoice,
+        {
+          ...resolve(element)
+        }
+      );
+    case "ChoiceGroup":
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ProteusChoiceGroup,
+        {
+          ...resolve(element)
+        }
+      );
     case "DataTable":
       return /* @__PURE__ */ jsxRuntime.jsx(
         ProteusDataTable,
@@ -8963,6 +10322,8 @@ const ProteusElement = ({
       return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Group, { ...resolve(element) });
     case "Heading":
       return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Heading, { ...resolve(element) });
+    case "IconCalendar":
+      return /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { asChild: true, ...resolve(element), children: /* @__PURE__ */ jsxRuntime.jsx(Textarea.IconCalendar, {}) });
     case "Image":
       return /* @__PURE__ */ jsxRuntime.jsx(ProteusImage, { ...resolve(element) });
     case "Input":
@@ -9030,21 +10391,24 @@ function ProteusDocumentRenderer({
     {
       element: {
         ...result.data,
-        actions: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.actions }),
-        body: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.body }),
-        subtitle: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.subtitle }),
-        title: /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.title })
+        actions: hasValue(result.data.actions) && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.actions }),
+        body: hasValue(result.data.body) && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.body }),
+        subtitle: hasValue(result.data.subtitle) && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.subtitle }),
+        title: hasValue(result.data.title) && /* @__PURE__ */ jsxRuntime.jsx(ProteusElement, { element: result.data.title })
       },
       ...props
     }
   );
 }
 ProteusDocumentRenderer.displayName = "@optiaxiom/react/ProteusDocumentRenderer";
+function hasValue(value) {
+  return !!value && (!Array.isArray(value) || value.length > 0);
+}
 
-var chart = Textarea.recipeRuntime({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'_1t2lev4','_1fbsjhk']});
+var chart = Textarea.recipeRuntime({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'_1e1qk72','aofhyt']});
 
-var tooltip = Textarea.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'_1mfoexr']});
-var value = Textarea.recipeRuntime({base:[{color:'fg.default',fontWeight:'500'},'_1iom0k8']});
+var tooltip = Textarea.recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.secondary',display:'grid',fontSize:'sm',gap:'6',px:'8',py:'10',rounded:'lg',shadow:'lg'},'nrrqw1']});
+var value = Textarea.recipeRuntime({base:[{color:'fg.default',fontWeight:'500'},'_1jzo5t1']});
 
 function ProteusChartTooltipContent({
   active,
@@ -9056,7 +10420,7 @@ function ProteusChartTooltipContent({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(Textarea.Box, { ...tooltip(), children: [
     label && /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { fontWeight: "500", children: label }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: payload.filter((item) => item.type !== "none").map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { children: payload.filter((item) => item.type !== "none").map((item, i) => /* @__PURE__ */ jsxRuntime.jsxs(
       Textarea.Box,
       {
         alignItems: "center",
@@ -9076,10 +10440,10 @@ function ProteusChartTooltipContent({
             ),
             /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { color: "fg.tertiary", children: item.name ?? item.dataKey })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...value(), children: typeof item.value === "number" ? item.value.toLocaleString() : item.value })
+          /* @__PURE__ */ jsxRuntime.jsx(Textarea.Box, { ...value(), children: applyFormatter(item.value, "Number") })
         ]
       },
-      item.dataKey
+      i
     )) })
   ] });
 }
@@ -9107,7 +10471,7 @@ const ProteusChart = ({
       recharts.XAxis,
       {
         axisLine: false,
-        dataKey: xAxisKey,
+        dataKey: (row) => jsonpointer.get(row, "/" + xAxisKey),
         minTickGap: 32,
         padding: { left: 16, right: 16 },
         tick: { fill: globals.theme.colors["fg.secondary"] },
@@ -9133,14 +10497,14 @@ const ProteusChart = ({
     series.map((s, i) => /* @__PURE__ */ jsxRuntime.jsx(
       Chart,
       {
-        dataKey: s.dataKey,
+        dataKey: (row) => jsonpointer.get(row, "/" + s.dataKey),
         dot: false,
         fill: getColor(i),
         name: s.name ?? s.dataKey,
         radius: type === "bar" ? 4 : void 0,
         type: "natural"
       },
-      s.dataKey
+      i
     ))
   ] }) }) });
 };
@@ -9213,7 +10577,7 @@ const SortableGroup = React.forwardRef(
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";
 
-var handle = Textarea.recipeRuntime({base:'c348ff'});
+var handle = Textarea.recipeRuntime({base:'a0abhj'});
 
 const [SortableItemProvider, useSortableItemContext] = reactContext.createContext("@optiaxiom/react/SortableItem");
 
@@ -9238,7 +10602,7 @@ const SortableHandle = React.forwardRef(
 );
 SortableHandle.displayName = "@optiaxiom/react/SortableHandle";
 
-var item = Textarea.recipeRuntime({base:'z663cr',variants:{handle:{false:{},true:'_1nvpxma'}}});
+var item = Textarea.recipeRuntime({base:'_189cxm2',variants:{handle:{false:{},true:'_9ofr1j'}}});
 
 const SortableItem = React.forwardRef(
   ({ children, className, index, item: id, ...props }, outerRef) => {