@optiaxiom/react 0.7.6 → 0.7.7

package/dist/packages/react/src/backdrop/Backdrop-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-BGbuT9Dv.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/backdrop/Backdrop.css.ts.vanilla-C-Ta-72C.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1tadbe4']});
+var backdrop = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1a76112']});
 
 export { backdrop };

package/dist/packages/react/src/badge/Badge-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/badge/Badge.css.ts.vanilla-BKH9vvfU.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/badge/Badge.css.ts.vanilla-B8PnEnIy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'hkbfrp'],variants:{intent:{danger:'_1ggttsk',information:'ale1ie',neutral:'_10jdjc2',primary:'_1mwzsvb',success:'_1k037db',warning:'_1r6hlgo'},variant:{light:'_1mf0rar',solid:'_1f1mkfr'}}});
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'xs',py:'2',rounded:'full'},'_10904u4'],variants:{intent:{danger:'_2mt8zu',information:'q5xbhl',neutral:'_164ms55',primary:'_1rm3pqe',success:'_1lyd61c',warning:'qlvqa7'},variant:{light:'_15hwc3c',solid:'_1mjhl35'}}});
 
 export { badge };

package/dist/packages/react/src/banner/Banner-css.js

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var banner = recipeRuntime({base:[{alignItems:'start',color:'fg.default',flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'sm',justifyContent:'space-between',px:'lg',py:'sm'}],variants:{intent:{danger:{bg:'bg.error.light'},information:{bg:'bg.information.light'},neutral:{bg:'bg.tertiary'},success:{bg:'bg.success.light'},warning:{bg:'bg.warning.light'}}}});

package/dist/packages/react/src/box/Box-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/box/Box.css.ts.vanilla-DZGANI6a.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/box/Box.css.ts.vanilla-D2J0hjNd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var box = recipeRuntime({base:'_1yqa81q'});
+var box = recipeRuntime({base:'oeq2v3'});
 
 export { box };

package/dist/packages/react/src/breadcrumb-item/BreadcrumbItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-D0ma-xQj.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/breadcrumb-item/BreadcrumbItem.css.ts.vanilla-Co4ZexSV.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_3ak95s']});
+var item = recipeRuntime({base:[{alignItems:'center',display:'inline-flex'},'_1456rro']});
 
 export { item };

package/dist/packages/react/src/breadcrumb-link/BreadcrumbLink-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BpvitZ4O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/breadcrumb-link/BreadcrumbLink.css.ts.vanilla-BZ9b4SO_.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'_1kzju9']});
+var link = recipeRuntime({base:[{alignItems:'center',display:'flex',fontSize:'md',h:'md',rounded:'md'},'q6arjh']});
 
 export { link };

package/dist/packages/react/src/button-base/ButtonBase-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-KV_oer54.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DG0diu8R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonBase = recipeRuntime({base:['_4946js',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'nnb9ll'],variants:{iconOnly:{false:'_1lunlf0',true:{}},intent:{danger:'bjidbg',neutral:'sodeqn',primary:'_11kjs20'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_3bie8o',solid:'_1krssle',subtle:'_8s777'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_13el1j2',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'z8cdg1',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'dzwxz6',variants:{iconOnly:false,size:'lg'}}]});
-var spinner = recipeRuntime({base:'mekyou'});
+var buttonBase = recipeRuntime({base:['h1was0',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'center',transition:'colors'},'_3z71p7'],variants:{iconOnly:{false:'z25dpj',true:{}},intent:{danger:'_8n8l5o',neutral:'s5a412',primary:'_1ll9s8q'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},variant:{outline:'_1h5kw1x',solid:'tieica',subtle:'hi9t3'}},variantsCompounded:[{style:{w:'sm'},variants:{iconOnly:true,size:'sm'}},{style:'_1ukaj7c',variants:{iconOnly:false,size:'sm'}},{style:{w:'md'},variants:{iconOnly:true,size:'md'}},{style:'aron9z',variants:{iconOnly:false,size:'md'}},{style:{w:'lg'},variants:{iconOnly:true,size:'lg'}},{style:'_16kd90n',variants:{iconOnly:false,size:'lg'}}]});
+var spinner = recipeRuntime({base:'t4zgcl'});
 
 export { buttonBase, spinner };

package/dist/packages/react/src/button-group/ButtonGroup-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var buttonGroup = recipeRuntime({base:'w96egz'});
+var buttonGroup = recipeRuntime({base:'_1bj6x3y'});
 
 export { buttonGroup };

package/dist/packages/react/src/button-loadable/ButtonLoadable-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
-import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-KV_oer54.css';
-import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-R2Sq-2rA.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/button-base/ButtonBase.css.ts.vanilla-DG0diu8R.css';
+import './../../../../assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-Cjx2dRpl.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'r7v5ag']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'i1uj8w']});
 
 export { loadable };

package/dist/packages/react/src/checkbox/Checkbox-css.js

@@ -1,13 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
-import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-g0-XJTzh.css';
-import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-DKJ4XQ08.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/toggle-input/ToggleInput.css.ts.vanilla-BKCyAUcg.css';
+import './../../../../assets/src/checkbox/Checkbox.css.ts.vanilla-BGPofUrU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var checkbox = recipeRuntime({base:'cfzm49'});
-var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'vl0sgq'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon = recipeRuntime({base:['_96yoka']});
+var checkbox = recipeRuntime({base:'_1k3yi16'});
+var control = recipeRuntime({base:[{color:'fg.default.inverse',rounded:'xs',size:'16'},'_1w6kntq'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon = recipeRuntime({base:['qmo9ik']});
 var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
-var input = recipeRuntime({base:'_1fo0jhq'});
+var input = recipeRuntime({base:'_1fp9ta1'});
 
 export { checkbox, control, icon, indicator, input };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/code/Code.css.ts.vanilla-BRxqihQg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/code/Code.css.ts.vanilla-BLVL-g0N.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'_1mw7q5n']});
+var code = recipeRuntime({base:[{bg:'bg.secondary',display:'inline-block',px:'4',rounded:'sm'},'bdgts9']});
 
 export { code };

package/dist/packages/react/src/combobox-popover-content/ComboboxPopoverContent.js

@@ -2,9 +2,10 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { PopoverContent } from '../popover-content/PopoverContent.js';
+import { RemoveScroll } from '../remove-scroll/RemoveScroll.js';
 
 const ComboboxPopoverContent = forwardRef((props, ref) => {
-  return /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props });
+  return /* @__PURE__ */ jsx(RemoveScroll, { children: /* @__PURE__ */ jsx(PopoverContent, { minW: "trigger", ref, ...props }) });
 });
 ComboboxPopoverContent.displayName = "@optiaxiom/react/ComboboxPopoverContent";
 

package/dist/packages/react/src/command-focusable-item/CommandFocusableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-DCvcSsi5.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/command-focusable-item/CommandFocusableItem.css.ts.vanilla-Bra5ud8R.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'ycappz'});
+var item = recipeRuntime({base:'bn6i2q'});
 
 export { item };

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

@@ -1,11 +1,11 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-dl1APsHd.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/data-table/DataTable.css.ts.vanilla-CqbLOTqA.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var cellOffsetVar = 'var(--pcoffx)';
-var columnWidthVar = 'var(--_1eje3qt)';
-var tableCell = recipeRuntime({base:[{bg:'bg.default'},'j2xsmf'],variants:{pinned:{false:{},left:'cyfzdf',right:{}}}});
-var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_1o3dpj5'],variants:{pinned:{false:{},left:'_1tyt1qe',right:{}}}});
-var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1kownjq']});
+var cellOffsetVar = 'var(--_3z0xzz)';
+var columnWidthVar = 'var(--_166ompc)';
+var tableCell = recipeRuntime({base:[{bg:'bg.default'},'_1u5jj3'],variants:{pinned:{false:{},left:'_1kkefka',right:{}}}});
+var tableHead = recipeRuntime({base:[{bg:'bg.default'},'_99k0sp'],variants:{pinned:{false:{},left:'_1bhuba5',right:{}}}});
+var tableHeader = recipeRuntime({base:[{bg:'bg.default'},'_1qdm9zf']});
 
 export { cellOffsetVar, columnWidthVar, tableCell, tableHead, tableHeader };

package/dist/packages/react/src/data-table-header/DataTableHeader-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-sx3PJ6ZI.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/data-table-header/DataTableHeader.css.ts.vanilla-DOiK0xnf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var header = recipeRuntime({base:[{gap:'4'},'_13z42j3'],variants:{sortable:{false:'_142li68',true:'_476dvg'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
-var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'bh75na',true:{}}}});
+var header = recipeRuntime({base:[{gap:'4'},'_1ihrult'],variants:{sortable:{false:'mng5ib',true:'_9nr968'},variant:{number:{flexDirection:'row-reverse',justifyContent:'end'},text:{flexDirection:'row'}}}});
+var icon = recipeRuntime({base:[{border:'0',color:'fg.tertiary'}],variants:{sorted:{false:'_1jgjidd',true:{}}}});
 
 export { header, icon };

package/dist/packages/react/src/dialog-actions/DialogActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-BqvvtJHg.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/dialog-actions/DialogActions.css.ts.vanilla-B8Kg4mjf.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_14bujzc']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_2kj1pw']});
 
 export { actions };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-B2OSBIB-.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/dialog-content/DialogContent.css.ts.vanilla-BBUS6Reu.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'i15a8r'],variants:{size:{sm:'vla91f',md:'_12gsg2p',lg:'_648eia',fullscreen:'_1w0ikae'}}});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column'},'drbnn7'],variants:{size:{sm:'_1hts0bo',md:'_11wz53j',lg:'_4k2t92',fullscreen:'_186stz6'}}});
 
 export { content };

package/dist/packages/react/src/dialog-description/DialogDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-DS6k9L4g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/dialog-description/DialogDescription.css.ts.vanilla-DQJjpKKv.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'d471ni']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'thrwgl']});
 
 export { description };

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var footer = recipeRuntime({base:[{borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'md',justifyContent:'end',px:'lg',py:'20'}]});

package/dist/packages/react/src/dialog-title/DialogTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-DvtqxXMw.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/dialog-title/DialogTitle.css.ts.vanilla-4sWVPrjd.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'n7gzkj']});
+var title = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'u2alyr']});
 
 export { title };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BZqnBB7g.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-qBf4IcFU.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_10tlct2',start:'_1fg0e31'}}});
-var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'_12fld5h']});
+var icon = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'sgcdyt',start:'_1t2v7qb'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'xs',px:'4',rounded:'md',textAlign:'start',w:'full'},'u4t4f8']});
 
 export { icon, trigger };

package/dist/packages/react/src/drawer-actions/DrawerActions-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-0bFK-6ga.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/drawer-actions/DrawerActions.css.ts.vanilla-E4CNQ4rE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'gku5ve']});
+var actions = recipeRuntime({base:[{flexDirection:'row-reverse',gap:'xs'},'_1xnyzqq']});
 
 export { actions };

package/dist/packages/react/src/drawer-content/DrawerContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-NcNTxdp8.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/drawer-content/DrawerContent.css.ts.vanilla-Dnmc_dSZ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'mh9gap'],variants:{position:{bottom:[{borderT:'1'},'_16xnf25'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'w2zonp'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'dzh5bc']}}});
+var content = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'_1dgb1k5'],variants:{position:{bottom:[{borderT:'1'},'_8ydy55'],left:[{borderR:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'qi4b2k'],right:[{borderL:'1',h:'full',maxW:['full','lg'],w:['full','3/4']},'vn9gg']}}});
 
 export { content };

package/dist/packages/react/src/drawer-description/DrawerDescription-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BM2XC6Ml.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/drawer-description/DrawerDescription.css.ts.vanilla-BD-2Cxx1.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'rwmogp']});
+var description = recipeRuntime({base:[{color:'fg.secondary',fontWeight:'400',w:'full'},'_8up5gf']});
 
 export { description };

package/dist/packages/react/src/drawer-title/DrawerTitle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-kvCg7St0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/drawer-title/DrawerTitle.css.ts.vanilla-BzDsbaHE.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var title = recipeRuntime({base:[{flex:'1'},'plh1yv']});
+var title = recipeRuntime({base:[{flex:'1'},'_1091plh']});
 
 export { title };

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-Dc0IjjSf.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/highlight/Highlight.css.ts.vanilla-BXFWF6EY.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var mark = recipeRuntime({base:'_5u6zjn'});
+var mark = recipeRuntime({base:'_1qn5uge'});
 
 export { mark };

package/dist/packages/react/src/hover-card-content/HoverCardContent-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BRnNRt-3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/hover-card-content/HoverCardContent.css.ts.vanilla-BUpOuujK.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_1dl64yc']});
+var content = recipeRuntime({base:[{display:'flex',flexDirection:'column',fontSize:'md',gap:'2',p:'sm'},'_9evkxy']});
 
 export { content };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-BmU-4NQV.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/indicator/Indicator.css.ts.vanilla-1vXu38rT.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var badge = recipeRuntime({base:'a773dq',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'_6twypz']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'yr1y69']}}});
-var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'fc3lkh'],variants:{offset:{false:'_14bnh4v',true:{}},position:{'bottom-right':'_16cynww','top-right':'_150ydpf'}}});
-var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1ejs8pk']});
+var badge = recipeRuntime({base:'_1z0ouo2',variants:{offset:{false:{px:'0',py:'0'},true:[{px:'6'},'cuxgjk']},ping:{false:{},true:[{animation:'ping',color:'transparent',pointerEvents:'none'},'_137zygk']}}});
+var floating = recipeRuntime({base:[{display:'inline-flex',z:'10'},'pcok8q'],variants:{offset:{false:'_154wjt8',true:{}},position:{'bottom-right':'zoze4i','top-right':'_1dcaa28'}}});
+var indicator = recipeRuntime({base:[{display:'inline-flex'},'_1hye2ha']});
 
 export { badge, floating, indicator };

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

@@ -1,7 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-C8T9C9ex.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/inline-input/InlineInput.css.ts.vanilla-Dp_ef77u.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var input = recipeRuntime({base:'_16nx6od'});
+var editor = recipeRuntime({base:'d0hliv',variants:{empty:{false:{},true:'_4xhhs2'}}});
+var input = recipeRuntime({base:'m85bii'});
 
-export { input };
+export { editor, input };

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

@@ -1,66 +1,77 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import Document from '@tiptap/extension-document';
-import History from '@tiptap/extension-history';
-import Paragraph from '@tiptap/extension-paragraph';
-import Placeholder from '@tiptap/extension-placeholder';
-import Text from '@tiptap/extension-text';
-import { useEditor, EditorContent } from '@tiptap/react';
-import { forwardRef, useEffect } from 'react';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { forwardRef, useRef, useEffect } from 'react';
 import { Box } from '../box/Box.js';
-import { input } from './InlineInput-css.js';
+import { input, editor } from './InlineInput-css.js';
 
 const InlineInput = forwardRef(
   ({
     className,
     defaultValue = "",
     disabled,
-    editorRef,
     label,
     multiline,
     onValueChange,
     placeholder,
+    value: valueProp,
     ...props
   }, ref) => {
-    const editor = useEditor({
-      content: `<p>${multiline ? defaultValue.replace("\n", "</p><p>") : defaultValue}</p>`,
-      editable: !disabled,
-      editorProps: {
-        attributes: {
-          ...label && { "aria-label": label },
-          "aria-multiline": String(multiline),
-          "aria-readonly": String(Boolean(disabled)),
-          role: "textbox",
-          spellcheck: "true"
-        }
-      },
-      extensions: [
-        Document.extend({
-          content: multiline ? "block+" : "block"
-        }),
-        History,
-        Paragraph,
-        Placeholder.configure({ placeholder: placeholder ?? label }),
-        Text
-      ],
-      immediatelyRender: false,
-      onUpdate: ({ editor: editor2 }) => {
-        onValueChange?.(editor2?.getText());
-      }
+    const [value, setValue] = useControllableState({
+      defaultProp: defaultValue,
+      onChange: onValueChange,
+      prop: valueProp
     });
+    const editorRef = useRef(null);
     useEffect(() => {
-      if (!editorRef) {
+      if (!editorRef.current) {
         return;
       }
-      editorRef.current = editor;
-      return () => {
-        editorRef.current = null;
-      };
-    });
-    if (!editor) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(Box, { asChild: true, ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsx(EditorContent, { editor }) });
+      const clippedValue = multiline || !value?.includes("\n") ? value : value?.slice(0, value.indexOf("\n"));
+      if (editorRef.current.textContent !== clippedValue) {
+        if (document.activeElement === editorRef.current) {
+          const selection = window.getSelection();
+          if (!selection) {
+            return;
+          }
+          selection.getRangeAt(0).selectNodeContents(editorRef.current);
+          document.execCommand("insertHTML", false, clippedValue);
+        } else {
+          editorRef.current.textContent = clippedValue ?? null;
+        }
+      }
+    }, [multiline, value]);
+    return /* @__PURE__ */ jsx(Box, { ref, ...input({}, className), ...props, children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        "aria-multiline": multiline,
+        "aria-readonly": disabled,
+        contentEditable: !disabled && "plaintext-only",
+        "data-placeholder": placeholder ?? label,
+        onInput: (event) => {
+          setValue(event.currentTarget.textContent ?? "");
+        },
+        onKeyDown: (event) => {
+          if (!multiline && event.key === "Enter") {
+            event.preventDefault();
+          }
+        },
+        onPaste: (event) => {
+          const value2 = event.clipboardData.getData("text");
+          if (!multiline && value2.includes("\n")) {
+            event.preventDefault();
+            const clippedValue = value2.slice(0, value2.indexOf("\n"));
+            document.execCommand("insertHTML", false, clippedValue);
+            setValue(event.currentTarget.textContent ?? "");
+          }
+        },
+        ref: editorRef,
+        role: "textbox",
+        spellCheck: "true",
+        ...label && { "aria-label": label },
+        ...editor({ empty: !value?.length })
+      }
+    ) });
   }
 );
 InlineInput.displayName = "@optiaxiom/react/InlineInput";

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

@@ -1,4 +1,4 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var addon = recipeRuntime({base:{display:'flex',flex:'none'}});

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

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CEz-0hI3.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BRP-9Ti9.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var control = recipeRuntime({base:['_13zm6c3',{bg:'transparent',flex:'auto',w:'full'},'_15qmbrr','br0pk8'],variants:{size:{md:{},lg:{},'2xl':['mdwv2b']}}});
+var control = recipeRuntime({base:['_1ucwy3t',{bg:'transparent',flex:'auto',w:'full'},'_1w67d6k','n7gwvk'],variants:{size:{md:{},lg:{},'2xl':['gco5i8']}}});
 
 export { control };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-Bv_dzV9s.css';
-import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-CEz-0hI3.css';
-import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-CsBuzHj2.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/table-row/TableRow.css.ts.vanilla-DPVF9K5Q.css';
+import './../../../../assets/src/input-control/InputControl.css.ts.vanilla-BRP-9Ti9.css';
+import './../../../../assets/src/input-root/InputRoot.css.ts.vanilla-C2V3NFOQ.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_90foh1']});
+var root = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'vm87va']});
 
 export { root };

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

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
-import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-DC2L99nt.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
+import './../../../../assets/src/kbd/Kbd.css.ts.vanilla-BuJHYVlI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
 var kbd = recipeRuntime({base:{alignItems:'center',display:'inline-flex',flexDirection:'row',whiteSpace:'nowrap'},variants:{variant:{outline:{border:'1',borderB:'2',fontWeight:'600',gap:'4'},subtle:{bg:'transparent',color:'fg.secondary',fontFamily:'sans',gap:'2',px:'0'}}}});
-var keys = recipeRuntime({base:'_9g2lzi',variants:{variant:{outline:'h8nra8',subtle:{}}}});
+var keys = recipeRuntime({base:'_1995ovd',variants:{variant:{outline:'_1ydi030',subtle:{}}}});
 
 export { kbd, keys };

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

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DUQAF1kh.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-wEvUFA1y.css';
 
 var axiom = 'optiaxiom';
 var base = 'optiaxiom.base';
-var components = 'optiaxiom._17fzbb1';
-var reset = 'optiaxiom._1l4lgrq';
+var components = 'optiaxiom._12pgibx';
+var reset = 'optiaxiom._1y14oqf';
 var theme = 'optiaxiom.theme';
 
 export { axiom, base, components, reset, theme };