@optiaxiom/react 1.9.14 → 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-BqhFg_d9.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-Cwj7A2_M.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:['_19zw5xi']});
-var outer = recipeRuntime({base:[{display:'grid'},'_61nral'],variants:{scale:{false:'_79gzx7',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-BqhFg_d9.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-tM6CN4_z.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'},'_7k6obn']});
-var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'ariwoo']});
-var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'nqmgn3']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-BJJOj6XD.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'},'fajlvu']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Db-1W_Yh.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'},'_13jp8j0'],variants:{drag:{false:{},true:['_6akdej']},hidden:{false:'_1s8n789',true:'_1lvdu45'},overlay:{false:{flex:'1'},true:[{z:'10'},'ufl8b0']}}});
-var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1n612fy'}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-6k0q10qm.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:'_13z5tp4'});
+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-BqhFg_d9.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-Dg-FLtHw.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:'_1bujvxx'});
+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-BqhFg_d9.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BeIsihDY.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:'_1ea7yed',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1n040c2']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'nnylhs']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_15sq6db'],variants:{offset:{false:'wdubzn',true:{}},position:{'bottom-right':'_1j17dp3','top-right':'nzv9o5'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_1wr8dyc']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-BTllnsu5.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:'_4wsib4',variants:{empty:{false:{},true:'_114glxz'}}});
-var input = recipeRuntime({base:'tfm6yd'});
+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-BqhFg_d9.css';
-import './../../../../assets/src/input/Input.css.ts.vanilla-DSPz9yJL.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'},'_1tl8pvt']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-B1NUYlL0.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:['_9vfblw',{bg:'transparent',flex:'auto',w:'full'},'_1on73nb','_1u70u5'],variants:{size:{md:{},lg:{},xl:['_1xnl9m6']}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-B1NUYlL0.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-Bea06Nhb.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'},'_1p4swyj']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DNRuC1pB.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'},'vrb1ao'],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-BqhFg_d9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BmbRhclQ.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-jZDPf4R6.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'},'wcy61d']});
+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-BqhFg_d9.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-B_eNKbRT.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._140y3xm';
-var reset = 'optiaxiom._1vaiml8';
+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-BqhFg_d9.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-DgDCWr3e.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'},'xrp4v3'],variants:{size:{full:'_1bcqxpn',screen:'_571b9z'}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-1YkOoBnc.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'},'_82xlsr']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-C87j3MYj.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'},'s37esx']});
-var link = recipeRuntime({base:['_1ivdp2m'],variants:{appearance:{'default':'_1norfhr',inverse:'lchhjb',subtle:'_15stc9b'}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-KzO1KjP0.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'},'_11p8u1y']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-Ku7ih2ha.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'},'_126cavm'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'_6ybp9k']});
-var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1k1liyv'],variants:{intent:{danger:'_10ez0fk',neutral:'_1dgxj53'}}});
-var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_1tps727']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-Caa0Lzwj.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:['_1x4fvdb'],variants:{active:{false:{},true:'_1ym133d'}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-6-jyhLKY.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:'_1gavvt4'});
+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-BqhFg_d9.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-BLDTp5Vj.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'},'tiiwiw']}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/modal/ModalListbox.css.ts.vanilla-giSl8asV.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'},'_5daqp4'],variants:{maxH:{xs:'_11qad3l',sm:'_9gnvto',md:'b0hfmb',lg:'_1jduw0u',full:{}},minW:{'0':{},trigger:'fkevgr'}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/nav/Nav.css.ts.vanilla-DfpsNzRz.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'},'_150jydo']});
+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-BqhFg_d9.css';
-import './../../../../assets/src/nav/NavAccountItem.css.ts.vanilla-DDw0yb1b.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:'_6a68tf',true:'w4kc9d'}}});
+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-BqhFg_d9.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-BqhFg_d9.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DQx410Ns.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BmbRhclQ.css';
-import './../../../../assets/src/nav/NavItem.css.ts.vanilla-H-lriCQZ.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'},'h9dii']});
-var label = recipeRuntime({base:[{alignItems:'center',display:'flex',flex:'1',gap:'10',justifyContent:'space-between',mr:'10',overflow:'hidden'},'_1y7rxjp'],variants:{expanded:{false:'_7uvpl9',true:'_2nsy3s'}}});
+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-BqhFg_d9.css';
-import './../../../../assets/src/pagination/Pagination.css.ts.vanilla-D53k8BSa.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'},'_47e62']});
-var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_95gvuq'],variants:{animation:{false:{},true:{transition:'transform'}}}});
-var list = recipeRuntime({base:[{gap:'2'},'lm76ss']});
+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-BqhFg_d9.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-BqhFg_d9.css';
-import './../../../../assets/src/pill/Pill.css.ts.vanilla-Bg3HOEIF.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'},'_6o0g6w'],variants:{interactive:{false:{},true:'_1uwcsa2'},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-BqhFg_d9.css';
-import './../../../../assets/src/pill-menu/PillMenuTrigger.css.ts.vanilla-BvEhFcWF.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'},'_2jkrtq'],variants:{size:{md:'_17cdbmn',lg:'_1i9xyf5'}}});
-var trigger = recipeRuntime({base:[{display:'grid',placeItems:'center',rounded:'md'},'_19kkd3t']});
-var wrapper = recipeRuntime({base:'yqahee'});
+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-BqhFg_d9.css';
-import './../../../../assets/src/progress/Progress.css.ts.vanilla-hcd25Wr3.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:'_1rw05w2',primary:{bg:'bg.accent'},success:{bg:'bg.success'}}}});
-var progress = recipeRuntime({base:[{bg:'bg.tertiary',overflow:'hidden',rounded:'full'},'_2h0yno']});
+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,6 @@ 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({
@@ -33,7 +32,7 @@ function ProteusAction({
         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-BqhFg_d9.css';
-import './../../../../assets/src/proteus-document/ProteusChart.css.ts.vanilla-Bcof0gbf.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'},'jog23b']});
+var chart = recipeRuntime({base:[{border:'1',borderColor:'border.tertiary',fontSize:'sm',p:'16'},'_1prt2ai','_1fkdmul']});
 
 export { chart };