@optiaxiom/react 1.9.13 → 1.9.15

package/dist/esm/packages/react/src/dialog/DialogHeader.js

@@ -16,7 +16,15 @@ import { useDialogContext } from './DialogContext.js';
 import { header, close, title, actions, description } from './DialogHeader-css.js';
 
 const DialogHeader = forwardRef(
-  ({ addonAfter, children, className, description: description$1, ...props }, outerRef) => {
+  ({
+    addonAfter,
+    children,
+    className,
+    description: description$1,
+    lineClamp,
+    truncate,
+    ...props
+  }, outerRef) => {
     const { headerRef } = useDialogContext("@optiaxiom/react/DialogHeader");
     const ref = useComposedRefs(headerRef, outerRef);
     return /* @__PURE__ */ jsxs(Box, { ref, ...header({}, className), ...props, children: [
@@ -29,7 +37,17 @@ const DialogHeader = forwardRef(
           ...close()
         }
       ),
-      /* @__PURE__ */ jsx(Heading, { asChild: true, level: "3", ...title(), children: /* @__PURE__ */ jsx(RadixDialog.Title, { children }) }),
+      /* @__PURE__ */ jsx(
+        Heading,
+        {
+          asChild: true,
+          level: "3",
+          lineClamp,
+          truncate,
+          ...title(),
+          children: /* @__PURE__ */ jsx(RadixDialog.Title, { children })
+        }
+      ),
       addonAfter && /* @__PURE__ */ jsx(Group, { ...actions(), children: addonAfter }),
       description$1 ? /* @__PURE__ */ jsx(Text, { asChild: true, ...description(), children: /* @__PURE__ */ jsx(RadixDialog.Description, { children: description$1 }) }) : /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx(RadixDialog.Description, {}) })
     ] });

package/dist/esm/packages/react/src/disclosure/DisclosureContent-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-DpP1Pn9C.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-ZjHP2xbJ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['ucy3mw']});
-var outer = recipeRuntime({base:[{display:'grid'},'_1x0706i'],variants:{scale:{false:'_17g6rad',true:{}}}});
+var inner = recipeRuntime({base:['_1gd9bwe']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1wpzsy6'],variants:{scale:{false:'f92ola',true:{}}}});
 
 export { inner, outer };

package/dist/esm/packages/react/src/disclosure/DisclosureTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Dzs0EEQb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Dy13loQ2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'j645t7']});
-var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1love2m']});
-var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_12mopck']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'jbb0sl']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_1i7xgl2']});
+var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'_1u2oup6']});
 
 export { icon, root, trigger };

package/dist/esm/packages/react/src/file-upload/FileUpload-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-DNlPKC0K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-D8jrqLO5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_9ojxs9']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'sbyylu']});
 
 export { upload };

package/dist/esm/packages/react/src/file-upload/FileUploadDropzone-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-BM8GFIg-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Dx0pmmN9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1fove7x'],variants:{drag:{false:{},true:['_1rzx7mj']},hidden:{false:'orxodz',true:'og8p7e'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1hhve6m']}}});
-var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_7a1l6u'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'_1p2ir9q'],variants:{drag:{false:{},true:['k5iwwn']},hidden:{false:'tfhv9a',true:'_1jlnlfy'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1y2bm98']}}});
+var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_6iyf5f'}}});
 
 export { dropzone, label };

package/dist/esm/packages/react/src/highlight/Highlight-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BvTt7R6I.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-g4RvxUb_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'gmdt4y'});
+var mark = recipeRuntime({base:'_17n1fut'});
 
 export { mark };

package/dist/esm/packages/react/src/hover-card/HoverCardTrigger-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-CVQEoOEx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-Bcc9gzf2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger = recipeRuntime({base:'j82lgr'});
+var trigger = recipeRuntime({base:'ujoa1b'});
 
 export { trigger };

package/dist/esm/packages/react/src/indicator/Indicator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-DMzGHs5k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-CUR5iCRA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_8yviss',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1h5j7og']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'hxo20v']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_15rfgvh'],variants:{offset:{false:'l4uuk7',true:{}},position:{'bottom-right':'_1yy5goi','top-right':'_1v01q92'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1qr17yr']});
+var badge = recipeRuntime({base:'_1yv0z9x',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1s7bif0']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'k5j5be']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_77wh84'],variants:{offset:{false:'hnhr1n',true:{}},position:{'bottom-right':'_128j1ld','top-right':'_3ry2se'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1piqf0n']});
 
 export { badge, floating, indicator };

package/dist/esm/packages/react/src/inline-input/InlineInput-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-C1GmzjqK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Bk-xp805.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'br18oh',variants:{empty:{false:{},true:'_1wzjay'}}});
-var input = recipeRuntime({base:'_5ofrrp'});
+var editor = recipeRuntime({base:'dcr2bn',variants:{empty:{false:{},true:'iamk53'}}});
+var input = recipeRuntime({base:'_3obbyf'});
 
 export { editor, input };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/input/Input.css.ts.vanilla-D8GeAgO8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/input/Input.css.ts.vanilla-CE6MxRlP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none'},'_1vl5qz7']});
+var addon = recipeRuntime({base:[{flex:'none'},'_1rlq0xs']});
 var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
 var root = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
 

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-CxD1m9SG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-XdoBVXey.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_56fr3l',{bg:'transparent',flex:'auto',w:'full'},'fazswc','_1ts3ck6'],variants:{size:{md:{},lg:{},xl:['_1skp53y']}}});
+var control = recipeRuntime({base:['_1v4i7qk',{bg:'transparent',flex:'auto',w:'full'},'_105yjix','_1003je3'],variants:{size:{md:{},lg:{},xl:['_1t4lkjv']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BTcdNUMi.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-CxD1m9SG.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Kd0VRxrR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-XdoBVXey.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-D99PGk1i.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{gap:'0'},'_1lk7q36']});
+var root = recipeRuntime({base:[{gap:'0'},'_1evgmvb']});
 
 export { root };

package/dist/esm/packages/react/src/kbd/Kbd-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-B1NGSefH.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Cj3rUZf5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{display:'inline-flex',gap:'2',whiteSpace:'nowrap'}});
-var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_1dhntvn'],subtle:{}}}});
+var key = recipeRuntime({base:{alignItems:'center',color:'fg.secondary',display:'inline-flex',fontFamily:'sans',gap:'2',justifyContent:'center'},variants:{variant:{outline:[{bg:'bg.secondary',border:'1',borderB:'2',borderColor:'border.secondary',rounded:'sm'},'_8h93v7'],subtle:{}}}});
 
 export { kbd, key };

package/dist/esm/packages/react/src/label-menu-button/LabelMenuButton-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BTcdNUMi.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dyh-L9n4.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-9W292XFi.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BZ1Rvfrv.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BOLIr5op.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1jpqt5f']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1jctmqf']});
 var content = recipeRuntime({base:[{fontSize:'sm',transition:'all'}],variants:{filled:{false:{h:'0'},true:{h:'16'}}}});
 var label = recipeRuntime({base:[{color:'fg.secondary',cursor:'pointer',maxW:'full',transition:'all'}],variants:{filled:{false:{fontSize:'md'},true:{fontSize:'xs'}}}});
 

package/dist/esm/packages/react/src/layers/layers-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._38j4hw';
-var reset = 'optiaxiom._7dxuh2';
+var components = 'optiaxiom._1fkw717';
+var reset = 'optiaxiom._1xg8kqa';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };

package/dist/esm/packages/react/src/layout/Layout-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-BbLKCGlv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/layout/Layout.css.ts.vanilla-VjIAuSGd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'xzslft'],variants:{size:{full:'mc97b4',screen:'_12rl2v1'}}});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1q85i2c'],variants:{size:{full:'hnyko3',screen:'_1kzesfn'}}});
 
 export { layout };

package/dist/esm/packages/react/src/layout/LayoutContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-BdC2vwhf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-CRgxIrNy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_4fj4jc']});
+var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_5jbvrp']});
 
 export { content };

package/dist/esm/packages/react/src/link/Link-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-BWeMxUII.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-DkqulCAB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'cb82uo']});
-var link = recipeRuntime({base:['yejavn'],variants:{appearance:{'default':'_15j8di',inverse:'_1vezb3g',subtle:'_19wvn9y'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'g07uf4']});
+var link = recipeRuntime({base:['_1dqywh0'],variants:{appearance:{'default':'_14unh2b',inverse:'pruv61',subtle:'_1pkyy0x'}}});
 
 export { icon, link };

package/dist/esm/packages/react/src/listbox/Listbox-css.js

@@ -0,0 +1,7 @@
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/listbox/Listbox.css.ts.vanilla-BTGD60Mp.css';
+import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
+
+var listbox = recipeRuntime({base:[{display:'flex',flex:'1',flexDirection:'column',gap:'2',overflow:'auto'},'s7r94y']});
+
+export { listbox };

package/dist/esm/packages/react/src/listbox/Listbox.js

@@ -4,22 +4,11 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
+import { listbox } from './Listbox-css.js';
 
 const Listbox = forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      Box,
-      {
-        display: "flex",
-        flex: "1",
-        flexDirection: "column",
-        gap: "2",
-        overflow: "auto",
-        ref,
-        ...props,
-        children
-      }
-    );
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(Box, { ref, ...listbox({}, className), ...props, children });
   }
 );
 Listbox.displayName = "@optiaxiom/react/Listbox";

package/dist/esm/packages/react/src/listbox/ListboxCheckboxItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BMYKl9PP.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-DsY3zAML.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_14i2zhm']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'fii1qn']});
 
 export { checkbox };

package/dist/esm/packages/react/src/listbox/ListboxItem-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BdkmqySs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-B0qxevMR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'yjzcxu'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1iz977a']});
-var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'nl6u22'],variants:{intent:{danger:'koq4iu',neutral:'qdmxkm'}}});
-var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_1ravnfk']});
+var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_1sr96rz'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'ileatc']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'s5h2t6'],variants:{intent:{danger:'_1m6tm1h',neutral:'wckhop'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_11wuxju']});
 
 export { addon, description, item, title };

package/dist/esm/packages/react/src/listbox/ListboxItemIndicator-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-AHjhLnJs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DOg1RLgl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['dzl6uz'],variants:{active:{false:{},true:'_1x0tsnq'}}});
+var indicator = recipeRuntime({base:['_1oqoqsh'],variants:{active:{false:{},true:'kcf2y5'}}});
 
 export { indicator };

package/dist/esm/packages/react/src/menu/MenuDialogContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-CLg-MXIt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-9-TG0dnl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_83qait'});
+var content = recipeRuntime({base:'zqdjbr'});
 
 export { content };

package/dist/esm/packages/react/src/menu/MenuInput-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-CWUqRINF.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-BBfJYmzE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'fxnwuv']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'m36m8s']}}});
 
 export { input };

package/dist/esm/packages/react/src/menu/MenuSubContent.js

@@ -74,6 +74,7 @@ const MenuSubContent = forwardRef(
           align,
           alignOffset: item.subOptionsInputVisible ? -46 : -4,
           "aria-labelledby": clsx(parentItemRef.current?.id, labelId),
+          maxH: "lg",
           onCloseAutoFocus: (event) => {
             event.preventDefault();
             parentInputRef.current?.focus();

package/dist/esm/packages/react/src/modal/ModalListbox-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-Ds5yXBJt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-BloJsYYx.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_163vdxc'],variants:{maxH:{xs:'eumc9g',sm:'_1afet8p',md:'_143abvx',lg:'zdpcob',full:{}},minW:{'0':{},trigger:'_7stpxn'}}});
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_1nv4f8o'],variants:{maxH:{xs:'_1e7u9v',sm:'ziazxq',md:'_1p05vgw',lg:'_1cm39n7',full:{}},minW:{'0':{},trigger:'_1vinb79'}}});
 
 export { listbox };

package/dist/esm/packages/react/src/nav/Nav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-unQ3QOze.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/nav/Nav.css.ts.vanilla-BafiTAZG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'tr3wif']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',pb:'8',pt:'16'},'_15m3rj3']});
 
 export { nav };

package/dist/esm/packages/react/src/nav/NavAccountItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DUdG6cyN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-QMafxs0A.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'_1cj3ds2',true:'_1b3n87d'}}});
+var item = recipeRuntime({base:{flex:'1',fontSize:'md',gap:'8',overflowX:'hidden',transition:'opacity'},variants:{expanded:{false:'gu8j5i',true:'t2elnd'}}});
 
 export { item };

package/dist/esm/packages/react/src/nav/NavBody-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'4',justifyContent:'flex-start',overflowX:'hidden',py:'8',w:'full'}],variants:{expanded:{false:{overflowY:'hidden'},true:{overflowY:'auto'}}}});

package/dist/esm/packages/react/src/nav/NavItem-css.js

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-BTcdNUMi.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-Dyh-L9n4.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-F947ZeRR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WnRVaEEO.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BZ1Rvfrv.css';
+import './../../../../assets/src/nav/NavItem.css.ts.vanilla-CzFQGrtX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1pq001o']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_4m3w43'],variants:{expanded:{false:'reti4e',true:'_1uqknjg'}}});
+var item = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',fontWeight:'500',h:'lg',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors'},'_1r1ay5y']});
+var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'hua5wq'],variants:{expanded:{false:'ir41vb',true:'cg4za0'}}});
 
 export { item, label };

package/dist/esm/packages/react/src/pagination/Pagination-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-CrwZbLV0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D-YgALc9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'center'},'_1orf5yq']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_1lsndgp'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{gap:'2'},'_1ioqn61']});
+var button = recipeRuntime({base:[{justifyContent:'center'},'_1r357ho']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_5y0vg0'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{gap:'2'},'j7fm1e']});
 
 export { button, cursor, list };

package/dist/esm/packages/react/src/paper/Paper-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'},screen:{}}}});

package/dist/esm/packages/react/src/pill/Pill-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-RsT-RYdO.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/pill/Pill.css.ts.vanilla-DZQF15es.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'_1t19vas'],variants:{interactive:{false:{},true:'ny66uf'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
+var pill = recipeRuntime({base:[{alignItems:'center',color:'fg.default',display:'flex',fontSize:'sm',gap:'4',px:'6',rounded:'md',transition:'colors',whiteSpace:'nowrap'},'rak0m'],variants:{interactive:{false:{},true:'ok3rzw'},size:{xs:{h:'xs'},sm:{h:'sm'}}}});
 
 export { pill };

package/dist/esm/packages/react/src/pill-menu/PillMenuTrigger-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-DU20Aj2p.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-PnttnkIG.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_10jhoc1'],variants:{size:{md:'_1d9d91q',lg:'_8ghmj5'}}});
-var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'itgdcb']});
-var wrapper = recipeRuntime({base:'_8j3gj7'});
+var root = recipeRuntime({base:[{border:'1',rounded:'md',transition:'colors'},'_1perlk9'],variants:{size:{md:'c4synk',lg:'_1n5rd1'}}});
+var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_1wve59i']});
+var wrapper = recipeRuntime({base:'mjtuk8'});
 
 export { root, trigger, wrapper };

package/dist/esm/packages/react/src/progress/Progress-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-fodkQK5n.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/progress/Progress.css.ts.vanilla-DHa-RVfU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1qm6mp2',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_14s86ae']});
+var indicator = recipeRuntime({base:[{h:'full',rounded:'full',transition:'all'}],variants:{intent:{danger:{bg:'bg.error'},opal:'_1528d6a',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
+var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'w0xf8f']});
 
 export { indicator, progress };

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

@@ -4,7 +4,7 @@ import { useState } from 'react';
 import { Button } from '../button/Button.js';
 import '../button/ButtonGroup.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
-import { ProteusElement } from './ProteusElement.js';
+import { useResolvedProteusProps } from './useResolvedProteusProps.js';
 
 function ProteusAction({
   children,
@@ -14,6 +14,9 @@ function ProteusAction({
   const { onEvent } = useProteusDocumentContext(
     "@optiaxiom/react/ProteusAction"
   );
+  const resolvedOnClick = useResolvedProteusProps(
+    onClick ?? {}
+  );
   const [loading, setLoading] = useState(false);
   return /* @__PURE__ */ jsx(
     Button,
@@ -25,11 +28,11 @@ function ProteusAction({
           return;
         }
         setLoading(true);
-        await onEvent(onClick);
+        await onEvent(resolvedOnClick);
         setLoading(false);
       },
       ...props,
-      children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children })
+      children
     }
   );
 }

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

@@ -9,7 +9,6 @@ import '../input/InputAddon.js';
 import '../input/InputControl.js';
 import '../input/InputRoot.js';
 import { useProteusDocumentContext } from './ProteusDocumentContext.js';
-import { ProteusElement } from './ProteusElement.js';
 
 function ProteusCancelAction({
   children,
@@ -38,7 +37,7 @@ function ProteusCancelAction({
             w: "full"
           }
         ),
-        /* @__PURE__ */ jsx(Button, { size: "lg", type: "submit", children: children && /* @__PURE__ */ jsx(ProteusElement, { element: children }) })
+        /* @__PURE__ */ jsx(Button, { size: "lg", type: "submit", children })
       ] })
     }
   );

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DKObgrxp.css';
-import './../../../../assets/src/proteus-document/ProteusChart.css.ts.vanilla-DqZUeY4l.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
+import './../../../../assets/src/proteus-document/ProteusChart.css.ts.vanilla-D9P5EXK2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var chart = recipeRuntime({base:[{fontSize:'sm'},'n8lhtd']});
+var chart = recipeRuntime({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'_1prt2ai','_1fkdmul']});
 
 export { chart };