@optiaxiom/react 1.9.0 → 1.9.1

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-D-0qNZNR.css';
+import './../../../../assets/src/table/TableRow.css.ts.vanilla-BfVTRowW.css';
+import './../../../../assets/src/data-table/DataTableBody.css.ts.vanilla-CTD8pS4G.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'},'kb9dsq'],variants:{pinned:{left:'_2yq3gi',right:'_5l8i4v'},pinnedType:{body:'ssh4w',header:{}},resizable:{false:{},true:'_1d73ns'}}});
+var cellOffsetVar = 'var(--vtkxtx)';
+var cellSizeVar = 'var(--_1tt4r6o)';
+var leftTotalSizeVar = 'var(--_1s1vmv7)';
+var rightTotalSizeVar = 'var(--tz8um8)';
+var root = recipeRuntime({base:[{display:'flex',flexDirection:'column',maxW:'full',overflow:'hidden',rounded:'lg'},'up9rlg']});
+var totalSizeVar = 'var(--_1rw3uvz)';
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/data-table/DataTableFooter.css.ts.vanilla-pXOJyECf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:'_1wheiie',variants:{slot:{after:{textAlign:'end'},before:{}}}});
+var addon = recipeRuntime({base:'_1vvdmwg',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-D-0qNZNR.css';
+import './../../../../assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-x8xlTp_H.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'},'_8v4le2']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'c37c8z'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'u8qczl'],variants:{active:{false:'_1g4h95y',true:'_103it0b'}}});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/date-input/DateInput.css.ts.vanilla-71Ox6VYi.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'},'fm6vo7']});
+var date = recipeRuntime({base:'_11kfeu6'});
+var input = recipeRuntime({base:'mlm2ib'});
+var picker = recipeRuntime({base:'_1opsl34'});
 
 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-D-0qNZNR.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-D-0qNZNR.css';
+import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-LxFvaIrg.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'},'u2snxl']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-D1wzfwwO.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'},'_1wgxno']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-CF72X8yH.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'},'_1stx5fq']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.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'},'_1lemm7v']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css';
+import './../../../../assets/src/dialog/DialogContent.css.ts.vanilla-D9dn3929.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:'_15izzwp'}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_17uyh1x'],variants:{size:{sm:'_1r2wj3f',md:'_1q88o1t',lg:'mzvnp0',fullscreen:'rwxosc'}}});
+var nestedDialogCountVar = 'var(--_5jgxkk)';
+var scrollPaddingBottomVar = 'var(--svlr52)';
+var scrollPaddingTopVar = 'var(--_144nwza)';
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/dialog/DialogFooter.css.ts.vanilla-jbkyqgJ5.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'},'_1bwe403']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/dialog/DialogHeader.css.ts.vanilla-DWXCvlLV.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'},'_1sp4vpl']});
+var close = recipeRuntime({base:['_1ochlsg']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'spqc5x']});
+var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_1fecg2p']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1tazo6t']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/disclosure/DisclosureContent.css.ts.vanilla-DL99ZDY_.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:['_1ad21ue']});
+var outer = recipeRuntime({base:[{display:'grid'},'_12l9bmx'],variants:{scale:{false:'_1fq0erm',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-D-0qNZNR.css';
+import './../../../../assets/src/disclosure/DisclosureTrigger.css.ts.vanilla-ewT_un9z.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'},'_15ou41v']});
+var root = recipeRuntime({base:[{fontSize:'md',gap:'8',py:'8',transition:'colors'},'om13lj']});
+var trigger = recipeRuntime({base:[{fontSize:'inherit',fontWeight:'inherit',gap:'4',rounded:'md',textAlign:'start',w:'full'},'u1jjs9']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/file-upload/FileUpload.css.ts.vanilla-VZCDxW_r.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'},'djufn6']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/file-upload/FileUploadDropzone.css.ts.vanilla-Do_UzmVH.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'},'_17v1sni'],variants:{drag:{false:{},true:['_1blo1v8']},hidden:{false:'_64k8hz',true:'_13ztu5'},overlay:{false:{flex:'1'},true:[{z:'10'},'_1vzeeiv']}}});
+var label = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'8'}],variants:{disabled:{false:{},true:'_188ia1n'}}});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-dpPrHJDz.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'vo6ga0'});
+var mark = recipeRuntime({base:'_13kf741'});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/hover-card/HoverCardTrigger.css.ts.vanilla-BkXL8yAs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var trigger = recipeRuntime({base:'_1s1wvnk'});
+var trigger = recipeRuntime({base:'_9aly3g'});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-Clbpnyq1.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:'_1eb3zrd',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'4',py:'0'},'qqbl37']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_1hj9ihz']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',pointerEvents:'none',z:'10'},'_1j7gl8w'],variants:{offset:{false:'mnqxu9',true:{}},position:{'bottom-right':'vr07sm','top-right':'it5gwq'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex',flexDirection:'column',gap:'16'},'_19ep6ef']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Qi7JmqCR.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:'_1jcv3g',variants:{empty:{false:{},true:'_188555w'}}});
+var input = recipeRuntime({base:'_1sq0qu1'});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/input/Input.css.ts.vanilla-CBVwbUFs.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{flex:'none'},'_1dtq5uk']});
+var addon = recipeRuntime({base:[{flex:'none'},'p5g9q3']});
 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-D-0qNZNR.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DH2aNNjr.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:['zq118d',{bg:'transparent',flex:'auto',w:'full'},'_1js9717','xxo5j'],variants:{size:{md:{},lg:{},xl:['ym8ber']}}});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css';
+import './../../../../assets/src/input/InputControl.css.ts.vanilla-DH2aNNjr.css';
+import './../../../../assets/src/input/InputRoot.css.ts.vanilla-GV42GQzu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{gap:'0'},'_8v38yb']});
+var root = recipeRuntime({base:[{gap:'0'},'_189nu27']});
 
 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-D-0qNZNR.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-CZun47ai.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'},'_1isztyu'],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-D-0qNZNR.css';
+import './../../../../assets/src/dialog/DialogBody.css.ts.vanilla-DsN1F63f.css';
+import './../../../../assets/src/button/ButtonRoot.css.ts.vanilla-BLQiePz0.css';
+import './../../../../assets/src/label-menu-button/LabelMenuButton.css.ts.vanilla-BKIxIS0Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var button = recipeRuntime({base:[{justifyContent:'space-between'},'_1rotksj']});
+var button = recipeRuntime({base:[{justifyContent:'space-between'},'yv0bt']});
 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-D-0qNZNR.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._1ab1yda';
-var reset = 'optiaxiom._1xi7au6';
+var components = 'optiaxiom._1rdazxo';
+var reset = 'optiaxiom.f2u5w5';
 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-B_jLTKAn.css';
-import './../../../../assets/src/layout/Layout.css.ts.vanilla-DM52TWOG.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/layout/Layout.css.ts.vanilla-DxhCIN8V.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_1bq2wp1'],variants:{size:{full:'y4cr5i',screen:'_1f5ymen'}}});
+var layout = recipeRuntime({base:[{bg:'bg.page',display:'flex',flexDirection:'column',fontSize:'md'},'_85q3m'],variants:{size:{full:'_1w6ejxr',screen:'_1odh6nl'}}});
 
 export { layout };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-sFEYB-l7.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/layout/LayoutContent.css.ts.vanilla-CHFg0WG5.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'_1x3hwhz']});
+var content = recipeRuntime({base:[{flexDirection:'column',gap:'16',overflow:'auto',px:'32',py:'24'},'j8xjsp']});
 
 export { content };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/link/Link.css.ts.vanilla-cndkzeiv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/link/Link.css.ts.vanilla-CFRWurGh.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'jepslo']});
-var link = recipeRuntime({base:['_1um0b91'],variants:{appearance:{'default':'txst7p',inverse:'_3g88ao',subtle:'_1dsh5zj'}}});
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1wssiof']});
+var link = recipeRuntime({base:['_5eygpx'],variants:{appearance:{'default':'olwzzq',inverse:'xjdvpp',subtle:'_6wvowi'}}});
 
 export { icon, link };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-BxXbrOvd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-C7grohzQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1dwrq0h']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1g5urg4']});
 
 export { checkbox };

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

@@ -1,10 +1,10 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-wXOfYTD5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/listbox/ListboxItem.css.ts.vanilla-BZNTOvlk.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'bik4mu'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'_2rhmzf']});
-var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'xxtpib'],variants:{intent:{danger:'fc2x3r',neutral:'_1y9mg50'}}});
-var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'tzupss']});
+var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_1l5jmj9'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_2j7iwc']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'see3cz'],variants:{intent:{danger:'_19bcq2v',neutral:'_1wtdbdn'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_1wkg467']});
 
 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-B_jLTKAn.css';
-import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CFZXnbre.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-ccsgBfqR.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var indicator = recipeRuntime({base:['_1m6cjto'],variants:{active:{false:{},true:'q1sfdq'}}});
+var indicator = recipeRuntime({base:['_10wwasx'],variants:{active:{false:{},true:'z71a1a'}}});
 
 export { indicator };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-BHjo6qSc.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/menu/MenuDialogContent.css.ts.vanilla-DXzLiAS2.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:'_1gf1kz4'});
+var content = recipeRuntime({base:'_10mr83w'});
 
 export { content };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-B_jLTKAn.css';
-import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-BF-vBg5W.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-D-0qNZNR.css';
+import './../../../../assets/src/menu/MenuInput.css.ts.vanilla-Bf5Fvqx5.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'},'zivnbu']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_11rgq5t']}}});
 
 export { input };