@optiaxiom/react 1.9.0 → 1.9.2

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-DdHH54zv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/card/CardCheckbox.css.ts.vanilla-y9H0CyPV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:['xh3kp']});
+var checkbox = recipeRuntime({base:['_2882rl']});
 
 export { checkbox };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/card/CardHeader.css.ts.vanilla-CFOfCFv3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/card/CardHeader.css.ts.vanilla-BNrnVonl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'x9c0ft',before:'_4a81ti'}}});
-var content = recipeRuntime({base:[{flex:'1'},'rhx5t6']});
-var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'gjha57']});
+var addon = recipeRuntime({base:[{flex:'none',gap:'8'}],variants:{slot:{after:'k50lil',before:'_1fttz6p'}}});
+var content = recipeRuntime({base:[{flex:'1'},'_1n11gb7']});
+var header = recipeRuntime({base:[{alignSelf:'stretch',gap:'12',justifyContent:'space-between'},'cemycv']});
 
 export { addon, content, header };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var image = recipeRuntime({base:{objectFit:'cover',rounded:'inherit',size:'full'}});

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/card/CardPreview.css.ts.vanilla-CTfTyliN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/card/CardPreview.css.ts.vanilla-BiUGkZ5R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_6gpimu']});
-var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'wd1ei5']});
+var overlay = recipeRuntime({base:[{display:'flex',flexWrap:'wrap'},'_1p1qox3']});
+var preview = recipeRuntime({base:[{alignSelf:'stretch',display:'grid',placeItems:'center'},'_19ndht5']});
 
 export { overlay, preview };

package/dist/esm/packages/react/src/checkbox/CheckboxControl-css.js

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-CrytUVTz.css';
-import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-Ca8pC30f.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-0U1It8_o.css';
+import './../../../../assets/src/checkbox/CheckboxControl.css.ts.vanilla-DXXpjMkH.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'ouoxe9'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:[{transition:'all'},'_55wlqz']});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1hfg6xu'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:[{transition:'all'},'_1s1fh2v']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 export { control, icon, indicator };

package/dist/esm/packages/react/src/code/Code-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-DSe-VZHU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-ru_fFOqD.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{fontWeight:'600'},'yram8x']});
+var code = recipeRuntime({base:[{fontWeight:'600'},'av0oa9']});
 
 export { code };

package/dist/esm/packages/react/src/command/CommandItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/command/CommandItem.css.ts.vanilla-C-4_R2Is.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/command/CommandItem.css.ts.vanilla-BY4_oTWP.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'wxo56y']});
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_12mvx29']});
 
 export { detail };

package/dist/esm/packages/react/src/cover/Cover-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/cover/Cover.css.ts.vanilla-BY12GJ4k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/cover/Cover.css.ts.vanilla-DDO4z9cs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cover = recipeRuntime({variants:{disabled:{false:['_14pch8s','_1j6fqhf'],true:{}},inset:{false:'_5nyo0',true:'mi6lvu'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1r47ax4','_1sjo4mn'],true:{}},inset:{false:'_12nug20',true:'_68vpvk'}}});
 
 export { cover };

package/dist/esm/packages/react/src/data-table/DataTableBody-css.js

@@ -1,14 +1,14 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/table/TableRow.css.ts.vanilla-BSOYit4e.css';
-import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-iahXDswM.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-McnoZtVB.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-B2Zs-lHC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'w7ys4e'],variants:{pinned:{left:'a5ep8r',right:'_19brypt'},pinnedType:{body:'_1p3iuny',header:{}},resizable:{false:{},true:'_1w7pwoe'}}});
-var cellOffsetVar = 'var(--owp1m8)';
-var cellSizeVar = 'var(--_36215g)';
-var leftTotalSizeVar = 'var(--zqxopv)';
-var rightTotalSizeVar = 'var(--mcra5v)';
-var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'qyit86']});
-var totalSizeVar = 'var(--v8w3f6)';
+var cell = recipeRuntime({base:[{alignItems:'start',display:'flex'},'e7qisn'],variants:{pinned:{left:'v2vwme',right:'_1r7d6xl'},pinnedType:{body:'klrul9',header:{}},resizable:{false:{},true:'apjt6h'}}});
+var cellOffsetVar = 'var(--_14e6gxx)';
+var cellSizeVar = 'var(--_1x8pv2i)';
+var leftTotalSizeVar = 'var(--_1bq8djp)';
+var rightTotalSizeVar = 'var(--_1r52h1x)';
+var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'_1ra5mmb']});
+var totalSizeVar = 'var(--_1fkwck6)';
 
 export { cell, cellOffsetVar, cellSizeVar, leftTotalSizeVar, rightTotalSizeVar, root, totalSizeVar };

package/dist/esm/packages/react/src/data-table/DataTableFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-CMoSF7Om.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-7vSmRoA_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1wheiie',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = recipeRuntime({base:'d1y2th',variants:{slot:{after:{textAlign:'end'},before:{}}}});
 
 export { addon };

package/dist/esm/packages/react/src/data-table/DataTableHeaderCell-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-z6nZcCW8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BmRf4Tef.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'la7evo']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1k8zwqa'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1apv4e1'],variants:{active:{false:'_1f68ufq',true:'_1y9vx7l'}}});
+var button = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'abs2lj']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1544ons'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1ymsnne'],variants:{active:{false:'_19mgctz',true:'_1efn8o0'}}});
 
 export { button, handle, icon };

package/dist/esm/packages/react/src/data-table/DataTableRow.js

@@ -56,12 +56,34 @@ const DataTableRow = forwardRef(
         "data-focus-visible": focusManaged ? "" : void 0,
         "data-selected": row.getIsSelected() ? "" : void 0,
         onClick: (event) => {
-          if (selector && getAssociatedControl(event) !== selector.current) {
-            table.setRowSelection({ [row.id]: true });
+          if (!(event.target instanceof Element)) {
+            return;
+          }
+          if (isPortalClick(event)) {
+            return;
+          }
+          if (isInteractiveElement(event)) {
+            return;
+          }
+          if (row.getCanSelect()) {
+            if (selector && getAssociatedControl(event) !== selector.current) {
+              table.setRowSelection({ [row.id]: true });
+            }
+          } else if (!primary?.ref.current?.contains(event.target)) {
+            primary?.ref.current?.click();
           }
         },
         onDoubleClick: (event) => {
-          if (!primary || event.target instanceof Element && primary.ref.current?.contains(event.target)) {
+          if (!row.getCanSelect() || !primary || !(event.target instanceof Element)) {
+            return;
+          }
+          if (isPortalClick(event)) {
+            return;
+          }
+          if (isInteractiveElement(event)) {
+            return;
+          }
+          if (primary.ref.current?.contains(event.target)) {
             return;
           }
           event.preventDefault();
@@ -160,5 +182,17 @@ const getAssociatedControl = (event) => {
   }
   return;
 };
+const isInteractiveElement = (event) => {
+  if (!(event.target instanceof Element)) {
+    return false;
+  }
+  const interactive = event.target.closest(
+    'a, button, input, select, textarea, [contenteditable="true"], [role="button"], [role="link"]'
+  );
+  return interactive && interactive !== event.currentTarget;
+};
+const isPortalClick = (event) => {
+  return event.target instanceof Element && !event.currentTarget.contains(event.target);
+};
 
 export { DataTableRow };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BJ194j0L.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-BD0GmsOX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var clear = recipeRuntime({base:[{size:'sm'},'gi6061']});
-var date = recipeRuntime({base:'_1xexhio'});
-var input = recipeRuntime({base:'vohxg1'});
-var picker = recipeRuntime({base:'_1dw35ps'});
+var clear = recipeRuntime({base:[{size:'sm'},'_1g1ma9k']});
+var date = recipeRuntime({base:'_1i6oknf'});
+var input = recipeRuntime({base:'_1hoqhfk'});
+var picker = recipeRuntime({base:'nvdnem'});
 
 export { clear, date, input, picker };

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContent-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var panels = recipeRuntime({base:[{alignItems:'stretch',gap:'0'}]});

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-VoFdQA7k.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-CcqHTaKj.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_15l3llw']});
+var root = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1o5fnow']});
 
 export { root };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-BGGOeU4-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-x54teE06.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'ev9hih']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'_79tob5']});
 
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-Wab_fAfb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-BvLRVKj_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qw1yib']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_1qh80to']});
 
 export { header };

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'eerpsn']});
+var body = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'tgnqcc']});
 
 export { body };

package/dist/esm/packages/react/src/dialog/DialogContent-css.js

@@ -1,12 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
-import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-CziQxeOs.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-DzVVWxAI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1l0p19m'}}});
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_15swnk7'],variants:{size:{sm:'t32f7g',md:'_1qqdrlx',lg:'pdsck9',fullscreen:'x05hwo'}}});
-var nestedDialogCountVar = 'var(--_1e9ryzm)';
-var scrollPaddingBottomVar = 'var(--_1yiaptm)';
-var scrollPaddingTopVar = 'var(--_18m7554)';
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1ju9mr9'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1mh52e9'],variants:{size:{sm:'_100lig5',md:'_1asrjbm',lg:'lwfa2r',fullscreen:'_1442iw8'}}});
+var nestedDialogCountVar = 'var(--_1clr0mq)';
+var scrollPaddingBottomVar = 'var(--zfprer)';
+var scrollPaddingTopVar = 'var(--iu5n4n)';
 
 export { backdrop, content, nestedDialogCountVar, scrollPaddingBottomVar, scrollPaddingTopVar };

package/dist/esm/packages/react/src/dialog/DialogFooter-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-DF-A3sdc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-Dsc7LYoo.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var footer = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'be5khu']});
+var footer = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'hp9zxf']});
 
 export { footer };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-ihfhiAFh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-B4duvzxO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{gap:'8'},'_4w7c6d']});
-var close = recipeRuntime({base:['_1p979gl']});
-var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1o0bak6']});
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'uh8ham']});
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1s7qb9c']});
+var actions = recipeRuntime({base:[{gap:'8'},'_1aj4ckv']});
+var close = recipeRuntime({base:['wnd6ls']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'ndnsq9']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'ol2lep']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1lz58bg']});
 
 export { actions, close, description, header, title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-D4xqtFkK.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-B_zLsmIi.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var inner = recipeRuntime({base:['_43f3fq']});
-var outer = recipeRuntime({base:[{display:'grid'},'f5ita3'],variants:{scale:{false:'h31fw8',true:{}}}});
+var inner = recipeRuntime({base:['_17oyeiz']});
+var outer = recipeRuntime({base:[{display:'grid'},'_1q86yc6'],variants:{scale:{false:'ad8xnq',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-B_jLTKAn.css';
-import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-Dzksz6eR.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-ceXriVo6.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{flex:'none',transition:'transform'}],variants:{chevronPosition:{end:'_5bbnxn',start:'iofss'}}});
-var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'zldqjq']});
-var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'koi8n1']});
+var icon = recipeRuntime({base:[{flex:'none',transition:'transform'},'nxzdnv']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'_17q6d7c']});
+var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'t86uqd']});
 
 export { icon, root, trigger };

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

@@ -8,7 +8,6 @@ import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
 import { Cover } from '../cover/Cover.js';
 import { Group } from '../group/Group.js';
-import { IconAngleLeft } from '../icons/IconAngleLeft.js';
 import { IconAngleRight } from '../icons/IconAngleRight.js';
 import { useDisclosureContext } from './DisclosureContext.js';
 import { root, trigger, icon } from './DisclosureTrigger-css.js';
@@ -28,9 +27,9 @@ const DisclosureTrigger = forwardRef(
     return asChild ? /* @__PURE__ */ jsx(Slot, { className, ref, ...props, children: /* @__PURE__ */ jsx(RadixCollapsible.Trigger, { asChild: true, children }) }) : /* @__PURE__ */ jsxs(Group, { ref, ...root({}, className), ...props, children: [
       addonBefore,
       /* @__PURE__ */ jsx(Group, { asChild: true, ...trigger(), children: /* @__PURE__ */ jsx(Cover, { asChild: true, children: /* @__PURE__ */ jsxs(RadixCollapsible.Trigger, { children: [
-        chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),
+        chevronPosition === "start" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) }),
         /* @__PURE__ */ jsx(Box, { flex: "1", overflow: "hidden", children }),
-        chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon({ chevronPosition }), children: /* @__PURE__ */ jsx(IconAngleLeft, {}) })
+        chevronPosition === "end" && /* @__PURE__ */ jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsx(IconAngleRight, {}) })
       ] }) }) }),
       addonAfter
     ] });

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-IvjPsVWh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-6jZns-mZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_89kkok']});
+var upload = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_8o2kam']});
 
 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-B_jLTKAn.css';
-import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-DbagyNcT.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-B6en_vdM.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'},'_1h5xchb'],variants:{drag:{false:{},true:['rs3a9j']},hidden:{false:'_1nd9qtt',true:'_1gw5r4g'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1qr3vi8']}}});
-var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_17sirew'}}});
+var dropzone = recipeRuntime({base:[{alignItems:'center',bg:'bg.secondary',flexDirection:'column',gap:'16',justifyContent:'center',p:'32',rounded:'md',textAlign:'center',transition:'colors'},'hpf88t'],variants:{drag:{false:{},true:['_1kzfnz3']},hidden:{false:'_14kwwfv',true:'_1ffcllm'},overlay:{false:{flex:'1'},true:[{z:'10'},'qstu1d']}}});
+var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_1uf8wwy'}}});
 
 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-B_jLTKAn.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-CLXs_VaN.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-C0U7CWDC.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'vo6ga0'});
+var mark = recipeRuntime({base:'_15vmlfg'});
 
 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-B_jLTKAn.css';
-import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-CsmsV3v-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BkChgwiO.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger = recipeRuntime({base:'_1s1wvnk'});
+var trigger = recipeRuntime({base:'bbk372'});
 
 export { trigger };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-B4lAo7Jo.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-FVXdQT68.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'_1339m4n',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'w89qsg']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'ygugyf']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1e4gt8g'],variants:{offset:{false:'jfnemm',true:{}},position:{'bottom-right':'_1ed2ufa','top-right':'_1smjxsp'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_2ppa4j']});
+var badge = recipeRuntime({base:'_1vlfiav',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'_1b1dcr8']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1nnncac']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_15pma45'],variants:{offset:{false:'fudq87',true:{}},position:{'bottom-right':'_1j70in7','top-right':'dc3yn1'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_174awon']});
 
 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-B_jLTKAn.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Dk5Tbevb.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-SyUvH1K9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var editor = recipeRuntime({base:'_1kjarpm',variants:{empty:{false:{},true:'_1nnmyn3'}}});
-var input = recipeRuntime({base:'wm8n2n'});
+var editor = recipeRuntime({base:'_1rxn82h',variants:{empty:{false:{},true:'yy5vl2'}}});
+var input = recipeRuntime({base:'_1u7tlsh'});
 
 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-B_jLTKAn.css';
-import './../../../../assets/src/input/Input.css.ts.vanilla-ByjwzT6K.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/input/Input.css.ts.vanilla-DZb4mhFb.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none'},'_1dtq5uk']});
+var addon = recipeRuntime({base:[{flex:'none'},'_1ghffqi']});
 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-B_jLTKAn.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-Bn84cpIc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-CzM3OvJp.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['asvdag',{bg:'transparent',flex:'auto',w:'full'},'_16idbdg','nirjrj'],variants:{size:{md:{},lg:{},xl:['aeo0j9']}}});
+var control = recipeRuntime({base:['_318ixe',{bg:'transparent',flex:'auto',w:'full'},'qhpx25','dbympc'],variants:{size:{md:{},lg:{},xl:['_15g0txz']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
-import './../../../../assets/src/input/InputControl.css.ts.vanilla-Bn84cpIc.css';
-import './../../../../assets/src/input/InputRoot.css.ts.vanilla-GUX2WLT1.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-CzM3OvJp.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-DOwkDwOE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{gap:'0'},'_8v38yb']});
+var root = recipeRuntime({base:[{gap:'0'},'t4icwt']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-Bdt8rCrw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CtUgeB8z.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'},'v993sf'],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'},'aemd7e'],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-B_jLTKAn.css';
-import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-WBp4BSVx.css';
-import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-CpaCqK7r.css';
-import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-D_MF910-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-Cq8iC4_b.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-B54o4W4o.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-J3fjAqyB.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1rotksj']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'_8xdbjh']});
 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-B_jLTKAn.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-Er3WnjvX.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1ab1yda';
-var reset = 'optiaxiom._1xi7au6';
+var components = 'optiaxiom.zr0xr4';
+var reset = 'optiaxiom._11sz157';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };