@optiaxiom/react 1.7.13 → 1.8.1

package/dist/cjs/{Calendar-DCeu_TcB.js → Calendar-BkyYSD2t.js}

@@ -8,74 +8,79 @@ var reactUseControllableState = require('@radix-ui/react-use-controllable-state'
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactContext = require('@radix-ui/react-context');
 var clsx = require('clsx');
-require('./assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BqgCec2b.css');
+require('./assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DxmfK7Uv.css');
 var downshift = require('downshift');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/input/InputControl.css.ts.vanilla-4p6N6l04.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-COgZcQHS.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-B6j8sj5c.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-B6ye-LyC.css');
+require('./assets/src/input/Input.css.ts.vanilla-m7qpF9cK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DJH-Oysx.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Ck_68vXe.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BWEtopw1.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-fh1HIdfy.css');
 var reactId = require('@radix-ui/react-id');
 var reactRemoveScroll = require('react-remove-scroll');
 var RadixDialog = require('@radix-ui/react-dialog');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-BRUq7Gcb.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DvxCM94i.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CJ015n_y.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-BfvRykqp.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BnElOmOC.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CpCp6rFA.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEK85f-5.css');
-var RadixPopover = require('@radix-ui/react-popover');
-var RadixPopper = require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-xcTzrEuj.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-CmnHkNLK.css');
-require('./assets/src/table/Table.css.ts.vanilla-nBnoN9Wy.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-Di6LAh0-.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-B0oL7CJL.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-B1wGoNFv.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-xaFM2plv.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-CuR6Aqrk.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-fQYI72Ka.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CH0AOIxR.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-B13kLuUc.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CbQN7HmK.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Ctv-2YYA.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BDrpUAjw.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BFnEMPVA.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Dib8qJEt.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B5DCuqsb.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-UTrcK4Fi.css');
+require('./assets/src/table/Table.css.ts.vanilla-CWSCJWeT.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-Bp2vHi5A.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-D6fsQ5U9.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-HxTef6QV.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Ciefr5In.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-TsZaV5Jv.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Cszsl-d8.css');
 var reactDayPicker = require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-Dk5sE9z0.css');
-require('./assets/src/box/Box.css.ts.vanilla-Bp7c1dm4.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BB7CYd5B.css');
+require('./assets/src/box/Box.css.ts.vanilla-ClZDfclT.css');
+var RadixPopper = require('@radix-ui/react-popper');
+var RadixAvatar = require('@radix-ui/react-avatar');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-Bi5TvME6.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-BYdDOR2R.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BRtfBAek.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-DeNOd6Sk.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-DN6T6NfM.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-nyytmiZt.css');
-require('./assets/src/text/Text.css.ts.vanilla-DKnKo9mG.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-0kdzL3J8.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-BEAEi1qp.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-oCVHoj3r.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-DFcg7Xy4.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-OmydsJ52.css');
+require('./assets/src/text/Text.css.ts.vanilla-Co0Dm9Je.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DAhrjgU-.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Dvx-EaPa.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-AeFnPihO.css');
+var RadixPopover = require('@radix-ui/react-popover');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DIDl3Kx9.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-73AUe7Bx.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-w3MtzJkI.css');
 var reactVirtual = require('@tanstack/react-virtual');
 var RadixSeparator = require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-EUx58oho.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-amh3c1Uk.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CMP1i4Pe.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzOv6YKg.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Bh_4Yq14.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DMtVZw_m.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bj5Fxqi3.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BtqqaOEn.css');
+var RadixPortal = require('@radix-ui/react-portal');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B_1qvg20.css');
 var reactDismissableLayer = require('@radix-ui/react-dismissable-layer');
 var reactFocusGuards = require('@radix-ui/react-focus-guards');
 var reactFocusScope = require('@radix-ui/react-focus-scope');
-require('./assets/src/transition/Transition.css.ts.vanilla-DIpwQuV9.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bk6jM4ro.css');
-var RadixPortal = require('@radix-ui/react-portal');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-D_lkRk1X.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-BPd-X2i3.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-CwQd6L3O.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-BREYfr6S.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-3XOtsElU.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-OdTHHjog.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-B5DUmXkm.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-Wfpn5Fkc.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-iXXrhens.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-BmKLCWYL.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DQvNx7tA.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BrudO6CI.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-zMAPAF3B.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DJWNq4a-.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BEXFVZCa.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -95,14 +100,15 @@ function _interopNamespaceDefault(e) {
 }
 
 var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
-var RadixPopover__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopover);
 var RadixPopper__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopper);
+var RadixAvatar__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAvatar);
 var RadixVisuallyHidden__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixVisuallyHidden);
+var RadixPopover__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopover);
 var RadixSeparator__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixSeparator);
 var RadixPortal__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPortal);
 var RadixTooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTooltip);
 
-var version = "1.7.13";
+var version = "1.8.1";
 
 function createNormalizeValueFn(properties) {
   var {
@@ -356,8 +362,8 @@ var createSprinkles = function createSprinkles() {
 };
 
 var fontFamilyVar = 'var(--ax-styles-fontFamily)';
-var responsiveProps = (function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{maxH:{mappings:['maxHeight']},maxW:{mappings:['maxWidth']},size:{mappings:['height','width']},h:{mappings:['height']},w:{mappings:['width']},alignItems:{values:{center:{conditions:{sm:'_1gt816q',md:'_1sbgesy',base:'kal2yl'},defaultClass:'kal2yl'},end:{conditions:{sm:'_1qoz1zs',md:'_1e1myyi',base:'gmfyou'},defaultClass:'gmfyou'},normal:{conditions:{sm:'v6ttfo',md:'_1ljtua2',base:'_1qnx1p2'},defaultClass:'_1qnx1p2'},start:{conditions:{sm:'_1f0ec2n',md:'_139l73z',base:'_1tz5wmm'},defaultClass:'_1tz5wmm'},stretch:{conditions:{sm:'_13uk796',md:'_15ogsv4',base:'edtx4q'},defaultClass:'edtx4q'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_16gs0sn',md:'_152jewc',base:'g1owg7'},defaultClass:'g1owg7'},end:{conditions:{sm:'_5qdbja',md:'_27ox1k',base:'rl16kx'},defaultClass:'rl16kx'},normal:{conditions:{sm:'_1kuh03y',md:'ordylr',base:'_4a1p1g'},defaultClass:'_4a1p1g'},start:{conditions:{sm:'as5z6k',md:'_1xgpyje',base:'g3zkwk'},defaultClass:'g3zkwk'},stretch:{conditions:{sm:'rhpt7w',md:'_18jl4zd',base:'_8r9vef'},defaultClass:'_8r9vef'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'_3326f7',md:'djop6q',base:'_16c3b1g'},defaultClass:'_16c3b1g'},flex:{conditions:{sm:'ul8pxl',md:'_1s4eh67',base:'_1417rdg'},defaultClass:'_1417rdg'},grid:{conditions:{sm:'_18g0xo0',md:'_1pno60z',base:'_1e8y3zb'},defaultClass:'_1e8y3zb'},block:{conditions:{sm:'jozwaz',md:'_1vh6g92',base:'_1qk4zc3'},defaultClass:'_1qk4zc3'},inline:{conditions:{sm:'_1wyz15f',md:'_1ngm4p3',base:'w9iuvr'},defaultClass:'w9iuvr'},'inline-block':{conditions:{sm:'ewkp8g',md:'ofdow5',base:'bt1rac'},defaultClass:'bt1rac'},'inline-flex':{conditions:{sm:'_16hue5x',md:'_1njsvea',base:'zd1fo3'},defaultClass:'zd1fo3'},table:{conditions:{sm:'deth6b',md:'_1bpsxrr',base:'_1srqj77'},defaultClass:'_1srqj77'},'table-cell':{conditions:{sm:'_5dwcj',md:'_1xgi1li',base:'_1vh8ls1'},defaultClass:'_1vh8ls1'},'table-row':{conditions:{sm:'_1qk74ou',md:'_1kj5xe2',base:'lsx1tj'},defaultClass:'lsx1tj'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'_1xl6d0d',md:'_1so4xe3',base:'_1pqz6x8'},defaultClass:'_1pqz6x8'},auto:{conditions:{sm:'d6ctzf',md:'_1dq8t7z',base:'_1jay02p'},defaultClass:'_1jay02p'},initial:{conditions:{sm:'jd9hpw',md:'_2ca6r5',base:'_1n4flw0'},defaultClass:'_1n4flw0'},none:{conditions:{sm:'_1o5kmpk',md:'_1yqgb4n',base:'ng79iv'},defaultClass:'ng79iv'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'q6gxyk',md:'qer4g5',base:'_18f4stv'},defaultClass:'_18f4stv'},'column-reverse':{conditions:{sm:'_8hks06',md:'_1qhoiar',base:'zst9o6'},defaultClass:'zst9o6'},row:{conditions:{sm:'oe69th',md:'_1nuttvd',base:'ckgqnd'},defaultClass:'ckgqnd'},'row-reverse':{conditions:{sm:'_1pg4lyu',md:'_157ol8x',base:'v78fgu'},defaultClass:'v78fgu'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'yeeteu',md:'_1yyb4wa',base:'_5hucl8'},defaultClass:'_5hucl8'},wrap:{conditions:{sm:'_1losfmh',md:'_1gih0y',base:'_120emp2'},defaultClass:'_120emp2'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'qlrx51',md:'_1gvfwqd',base:'_1pnlfsp'},defaultClass:'_1pnlfsp'},'2':{conditions:{sm:'yyq5kv',md:'_2ab2fv',base:'_8bsdcf'},defaultClass:'_8bsdcf'},'4':{conditions:{sm:'_1phouz2',md:'ysweis',base:'_14dgf0n'},defaultClass:'_14dgf0n'},'6':{conditions:{sm:'_1w8kc71',md:'_8bprmy',base:'_10govqf'},defaultClass:'_10govqf'},'8':{conditions:{sm:'_15jfot2',md:'thfxfq',base:'_151362y'},defaultClass:'_151362y'},'10':{conditions:{sm:'_18gh9lz',md:'_1a8apnq',base:'_1gv2gbt'},defaultClass:'_1gv2gbt'},'12':{conditions:{sm:'_16vz2ku',md:'yikn6q',base:'_14vrxvm'},defaultClass:'_14vrxvm'},'16':{conditions:{sm:'_1y57b53',md:'_90tn9l',base:'_1bv59e6'},defaultClass:'_1bv59e6'},'20':{conditions:{sm:'naxkvc',md:'_1r3awwt',base:'b4q17g'},defaultClass:'b4q17g'},'24':{conditions:{sm:'_1jfvx6z',md:'_1qhe4ep',base:'_1cjusnh'},defaultClass:'_1cjusnh'},'32':{conditions:{sm:'_1da3p4q',md:'_1iludcn',base:'km91sf'},defaultClass:'km91sf'},'40':{conditions:{sm:'_1bptmcp',md:'_15t3tq6',base:'_17oedj3'},defaultClass:'_17oedj3'},'48':{conditions:{sm:'mq76aq',md:'y0u96v',base:'_1job2z7'},defaultClass:'_1job2z7'},'64':{conditions:{sm:'_5ruy1i',md:'uaulmj',base:'mhs516'},defaultClass:'mhs516'},'80':{conditions:{sm:'_193gbak',md:'_1ef79g9',base:'mtvnwe'},defaultClass:'mtvnwe'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'_18odbyn',md:'_1m8ukig',base:'_5q95g8'},defaultClass:'_5q95g8'},'2':{conditions:{sm:'_1w7r27f',md:'_1jkku46',base:'e5pyn7'},defaultClass:'e5pyn7'},'3':{conditions:{sm:'ga9g46',md:'u75qds',base:'mvpmco'},defaultClass:'mvpmco'},'4':{conditions:{sm:'_1d8ejlb',md:'_12a98mw',base:'vx4mio'},defaultClass:'vx4mio'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'k9lebs',md:'_1hrpfcj',base:'_118nby8'},defaultClass:'_118nby8'},'2':{conditions:{sm:'u19t1m',md:'_1ke1doo',base:'_10mpurw'},defaultClass:'_10mpurw'},'3':{conditions:{sm:'_1n18cw9',md:'_6ioisp',base:'_138xim1'},defaultClass:'_138xim1'},'4':{conditions:{sm:'_1bvemus',md:'_1p3m9ac',base:'_1v6cp1c'},defaultClass:'_1v6cp1c'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'i78hvw',md:'rmbkk3',base:'_1q45d0z'},defaultClass:'_1q45d0z'},'10':{conditions:{sm:'ljieoi',md:'_124nb2',base:'_1b07y9h'},defaultClass:'_1b07y9h'},'12':{conditions:{sm:'_13atskm',md:'nlu4d9',base:'_116hy0u'},defaultClass:'_116hy0u'},'16':{conditions:{sm:'_12ow2g2',md:'_1k7umb9',base:'_11ew54o'},defaultClass:'_11ew54o'},'20':{conditions:{sm:'_1198w43',md:'b9rgl6',base:'_1hpc4s5'},defaultClass:'_1hpc4s5'},'24':{conditions:{sm:'_18e7ec6',md:'_98chx3',base:'pb1uxb'},defaultClass:'pb1uxb'},'32':{conditions:{sm:'_169ogkj',md:'_1kozkkf',base:'_4vbume'},defaultClass:'_4vbume'},'40':{conditions:{sm:'hu2abv',md:'_1ubbd3b',base:'_9k18pa'},defaultClass:'_9k18pa'},'48':{conditions:{sm:'wkjfv4',md:'b8hvlt',base:'addkh2'},defaultClass:'addkh2'},'56':{conditions:{sm:'_13ru0zi',md:'bus51j',base:'_1hixdhp'},defaultClass:'_1hixdhp'},'64':{conditions:{sm:'_17by93l',md:'n7zdov',base:'pngewj'},defaultClass:'pngewj'},'80':{conditions:{sm:'_15ahdr3',md:'_2v4jlu',base:'tkt22m'},defaultClass:'tkt22m'},'224':{conditions:{sm:'_1ffweii',md:'_10xfwvi',base:'wgnbsr'},defaultClass:'wgnbsr'},'384':{conditions:{sm:'m3rce1',md:'_1bfdthm',base:'_67pdyu'},defaultClass:'_67pdyu'},'2xs':{conditions:{sm:'ozai7e',md:'evefzz',base:'_11jbkdj'},defaultClass:'_11jbkdj'},xs:{conditions:{sm:'_1ci3136',md:'kva42w',base:'aido32'},defaultClass:'aido32'},sm:{conditions:{sm:'q95hi7',md:'_123xlp4',base:'_1cfek0x'},defaultClass:'_1cfek0x'},md:{conditions:{sm:'_1w7pyx5',md:'iu2dvp',base:'_1kxzvzx'},defaultClass:'_1kxzvzx'},lg:{conditions:{sm:'x7zko6',md:'cql43u',base:'_1ui8bls'},defaultClass:'_1ui8bls'},xl:{conditions:{sm:'_1iuq03s',md:'_1iys5y7',base:'_1guig7w'},defaultClass:'_1guig7w'},'3xl':{conditions:{sm:'_1ih0zoe',md:'qd5k7e',base:'c3poc5'},defaultClass:'c3poc5'},'1/2':{conditions:{sm:'_11n3bup',md:'_111ey75',base:'orukdv'},defaultClass:'orukdv'},'1/3':{conditions:{sm:'ye0uff',md:'ea19ek',base:'_1x03t0a'},defaultClass:'_1x03t0a'},'2/3':{conditions:{sm:'oa1tmo',md:'u8hgxk',base:'_1ag7j43'},defaultClass:'_1ag7j43'},'1/4':{conditions:{sm:'b9afjy',md:'m6q8lo',base:'_1hde0il'},defaultClass:'_1hde0il'},'3/4':{conditions:{sm:'jz8t83',md:'xjmut1',base:'_1vn19ql'},defaultClass:'_1vn19ql'},auto:{conditions:{sm:'_1tbcnwm',md:'_1er3jyf',base:'_1d9qc5b'},defaultClass:'_1d9qc5b'},fit:{conditions:{sm:'_1tjqwuw',md:'_1o41qnb',base:'_1cnt6yb'},defaultClass:'_1cnt6yb'},full:{conditions:{sm:'_15j3ioq',md:'_1vupfj3',base:'_2op2tr'},defaultClass:'_2op2tr'},max:{conditions:{sm:'kvgbfz',md:'_1utf2bk',base:'_1likvb1'},defaultClass:'_1likvb1'},min:{conditions:{sm:'_1i1wfam',md:'_1t64vw9',base:'_9hvttj'},defaultClass:'_9hvttj'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'x1zw0e',md:'_7pk6vs',base:'_1qu3d8d'},defaultClass:'_1qu3d8d'},end:{conditions:{sm:'_1jg5hva',md:'v21h8e',base:'_1ybk496'},defaultClass:'_1ybk496'},'flex-end':{conditions:{sm:'_15z650i',md:'spqta9',base:'_1bvl7x6'},defaultClass:'_1bvl7x6'},'flex-start':{conditions:{sm:'_1wbnipg',md:'_1rfksh7',base:'_1dtny0q'},defaultClass:'_1dtny0q'},normal:{conditions:{sm:'_1qr4aph',md:'_12muyc5',base:'i6wqvn'},defaultClass:'i6wqvn'},'space-around':{conditions:{sm:'_163jma2',md:'_1y8rjgy',base:'_9zda9r'},defaultClass:'_9zda9r'},'space-between':{conditions:{sm:'_1okgi11',md:'_1jt0pnd',base:'ia3ht2'},defaultClass:'ia3ht2'},'space-evenly':{conditions:{sm:'_1cwoqqp',md:'cww8va',base:'ibakzf'},defaultClass:'ibakzf'},start:{conditions:{sm:'_13e214f',md:'wckuqv',base:'_404f2g'},defaultClass:'_404f2g'},stretch:{conditions:{sm:'gspwg6',md:'pyiw2u',base:'_1jd1ui6'},defaultClass:'_1jd1ui6'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_8s44g1',md:'_1967yuk',base:'z94nbb'},defaultClass:'z94nbb'},end:{conditions:{sm:'_1aexqhc',md:'_1ym5w4o',base:'svzqso'},defaultClass:'svzqso'},normal:{conditions:{sm:'_19xuisc',md:'udl28d',base:'_1bc7ajd'},defaultClass:'_1bc7ajd'},start:{conditions:{sm:'_122y88n',md:'_17jgwrt',base:'_13o6u7h'},defaultClass:'_13o6u7h'},stretch:{conditions:{sm:'_1eu38ku',md:'svv7tq',base:'_1m6sedb'},defaultClass:'_1m6sedb'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'t39y16',md:'_14952vb',base:'_1g9isvm'},defaultClass:'_1g9isvm'},sm:{conditions:{sm:'_33bveg',md:'wl4aew',base:'gfdy7f'},defaultClass:'gfdy7f'},md:{conditions:{sm:'_1dgsc6f',md:'ds2pc1',base:'gasx38'},defaultClass:'gasx38'},lg:{conditions:{sm:'_66y51d',md:'hm3mt8',base:'ziiogd'},defaultClass:'ziiogd'},full:{conditions:{sm:'jsnpuy',md:'_1pvz26w',base:'_1crliek'},defaultClass:'_1crliek'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'yd01ku',md:'_97ormb',base:'_1jmkw1'},defaultClass:'_1jmkw1'},sm:{conditions:{sm:'dcz021',md:'vkj6vx',base:'_1mkuomg'},defaultClass:'_1mkuomg'},md:{conditions:{sm:'_8oac7v',md:'tqnrju',base:'_1em60ae'},defaultClass:'_1em60ae'},lg:{conditions:{sm:'_1t6md4d',md:'_1lgx0an',base:'pmlakf'},defaultClass:'pmlakf'},full:{conditions:{sm:'uctzj1',md:'_1inf1wi',base:'_1ao24s'},defaultClass:'_1ao24s'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'uk3qqh',md:'v1qbs9',base:'_1yys9l'},defaultClass:'_1yys9l'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1tsofsi',md:'_127g1eg',base:'qxqje7'},defaultClass:'qxqje7'},'10':{conditions:{sm:'vnzbpp',md:'lcmw8j',base:'_9gq1wk'},defaultClass:'_9gq1wk'},'12':{conditions:{sm:'_4yc3yp',md:'_1feldyf',base:'_7dqvr5'},defaultClass:'_7dqvr5'},'16':{conditions:{sm:'_1ds2x9o',md:'yjw6kq',base:'_17xlfvn'},defaultClass:'_17xlfvn'},'20':{conditions:{sm:'buk22k',md:'_19ez2wz',base:'wrtrvi'},defaultClass:'wrtrvi'},'24':{conditions:{sm:'_123j7oz',md:'_69iryr',base:'_1ww7jr'},defaultClass:'_1ww7jr'},'32':{conditions:{sm:'cuyyeu',md:'ky5ya5',base:'n2q4jk'},defaultClass:'n2q4jk'},'40':{conditions:{sm:'_14ow9id',md:'_1ukzakc',base:'hrg67l'},defaultClass:'hrg67l'},'48':{conditions:{sm:'_1u02h5v',md:'_1qmxed1',base:'_1fphg79'},defaultClass:'_1fphg79'},'56':{conditions:{sm:'etsl15',md:'_1qwzmg',base:'w278s0'},defaultClass:'w278s0'},'64':{conditions:{sm:'_8ccgxf',md:'_1dq8yli',base:'pahubb'},defaultClass:'pahubb'},'80':{conditions:{sm:'_1dj5eei',md:'hsn2oc',base:'_832qev'},defaultClass:'_832qev'},'224':{conditions:{sm:'_134ml1t',md:'_99yljy',base:'_1pcy0v6'},defaultClass:'_1pcy0v6'},'384':{conditions:{sm:'zr4uqt',md:'sjlit5',base:'kgrrs4'},defaultClass:'kgrrs4'},'2xs':{conditions:{sm:'hg06ly',md:'_165aebi',base:'_14bi2ka'},defaultClass:'_14bi2ka'},xs:{conditions:{sm:'_1s113lx',md:'_1ljyd2o',base:'_18cr52c'},defaultClass:'_18cr52c'},sm:{conditions:{sm:'_1uwjghn',md:'_1d5lfxv',base:'_8gtmrk'},defaultClass:'_8gtmrk'},md:{conditions:{sm:'_1k4ngit',md:'blm1ad',base:'_1625jhq'},defaultClass:'_1625jhq'},lg:{conditions:{sm:'_7k9qcr',md:'_1cnnuaw',base:'_5k2fxz'},defaultClass:'_5k2fxz'},xl:{conditions:{sm:'pw1clw',md:'v9e293',base:'_1buei6f'},defaultClass:'_1buei6f'},'3xl':{conditions:{sm:'utvto8',md:'_10trdui',base:'t8bkgx'},defaultClass:'t8bkgx'},'1/2':{conditions:{sm:'_13lagpk',md:'_1wwno0h',base:'_867dsz'},defaultClass:'_867dsz'},'1/3':{conditions:{sm:'t2i2uz',md:'_1wy42bv',base:'_16nmtuo'},defaultClass:'_16nmtuo'},'2/3':{conditions:{sm:'_1bxwic3',md:'_1dngey',base:'_2srtz2'},defaultClass:'_2srtz2'},'1/4':{conditions:{sm:'spljpq',md:'bvlibi',base:'_10cu28p'},defaultClass:'_10cu28p'},'3/4':{conditions:{sm:'_13gfy55',md:'_1ustvdm',base:'_1dytnhm'},defaultClass:'_1dytnhm'},auto:{conditions:{sm:'_1hifzgx',md:'a8aan',base:'_1x2gvhe'},defaultClass:'_1x2gvhe'},fit:{conditions:{sm:'t9xd0n',md:'c2li8f',base:'h3q2uz'},defaultClass:'h3q2uz'},full:{conditions:{sm:'bqutpt',md:'js82ft',base:'b8jwyz'},defaultClass:'b8jwyz'},max:{conditions:{sm:'_6kzhk0',md:'uzfsbw',base:'kdclkn'},defaultClass:'kdclkn'},min:{conditions:{sm:'og1thb',md:'_15k5kv4',base:'utog1h'},defaultClass:'utog1h'}},responsiveArray:undefined}}};x.styles.alignItems.responsiveArray=x.conditions.responsiveArray;x.styles.alignSelf.responsiveArray=x.conditions.responsiveArray;x.styles.display.responsiveArray=x.conditions.responsiveArray;x.styles.flex.responsiveArray=x.conditions.responsiveArray;x.styles.flexDirection.responsiveArray=x.conditions.responsiveArray;x.styles.flexWrap.responsiveArray=x.conditions.responsiveArray;x.styles.gap.responsiveArray=x.conditions.responsiveArray;x.styles.gridColumn.responsiveArray=x.conditions.responsiveArray;x.styles.gridTemplateColumns.responsiveArray=x.conditions.responsiveArray;x.styles.height.responsiveArray=x.conditions.responsiveArray;x.styles.justifyContent.responsiveArray=x.conditions.responsiveArray;x.styles.justifyItems.responsiveArray=x.conditions.responsiveArray;x.styles.maxHeight.responsiveArray=x.conditions.responsiveArray;x.styles.maxWidth.responsiveArray=x.conditions.responsiveArray;x.styles.placeItems.responsiveArray=x.conditions.responsiveArray;x.styles.width.responsiveArray=x.conditions.responsiveArray;return x;}());
-var unresponsiveProps = {conditions:undefined,styles:{bg:{mappings:['backgroundColor']},border:{mappings:['borderBottomWidth','borderLeftWidth','borderRightWidth','borderTopWidth']},borderB:{mappings:['borderBottomWidth']},borderL:{mappings:['borderLeftWidth']},borderR:{mappings:['borderRightWidth']},borderT:{mappings:['borderTopWidth']},m:{mappings:['marginBottom','marginLeft','marginRight','marginTop']},mx:{mappings:['marginLeft','marginRight']},my:{mappings:['marginBottom','marginTop']},mb:{mappings:['marginBottom']},ml:{mappings:['marginLeft']},mr:{mappings:['marginRight']},mt:{mappings:['marginTop']},overflow:{mappings:['overflowX','overflowY']},p:{mappings:['paddingBottom','paddingLeft','paddingRight','paddingTop']},px:{mappings:['paddingLeft','paddingRight']},py:{mappings:['paddingBottom','paddingTop']},pb:{mappings:['paddingBottom']},pl:{mappings:['paddingLeft']},pr:{mappings:['paddingRight']},pt:{mappings:['paddingTop']},rounded:{mappings:['borderRadius']},shadow:{mappings:['boxShadow']},z:{mappings:['zIndex']},animation:{values:{ping:{defaultClass:'_1yzrluj'},pulse:{defaultClass:'epnwc1'},spin:{defaultClass:'_1mjg64r'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1t4sen0'},'bg.accent.hovered':{defaultClass:'_1gi7cef'},'bg.accent.light':{defaultClass:'_1w8h5ry'},'bg.accent.pressed':{defaultClass:'_1stgfqr'},'bg.accent.subtle':{defaultClass:'_1q3n21c'},'bg.avatar.neutral':{defaultClass:'_12337tx'},'bg.avatar.purple':{defaultClass:'_1eotjqe'},'bg.default':{defaultClass:'_10beb14'},'bg.default.hovered':{defaultClass:'ennr2e'},'bg.default.inverse':{defaultClass:'_1k8peqt'},'bg.default.inverse.hovered':{defaultClass:'_1vya4m6'},'bg.default.inverse.pressed':{defaultClass:'nww1i2'},'bg.default.pressed':{defaultClass:'_1p8unx8'},'bg.error':{defaultClass:'_1yasuyb'},'bg.error.hovered':{defaultClass:'_14xx6at'},'bg.error.light':{defaultClass:'_6wjqhv'},'bg.error.pressed':{defaultClass:'_3kno6s'},'bg.error.subtle':{defaultClass:'_4c8ik2'},'bg.error.subtlest':{defaultClass:'_61dqpf'},'bg.information':{defaultClass:'c09k1v'},'bg.information.light':{defaultClass:'iucjog'},'bg.information.subtle':{defaultClass:'_1nk9p1z'},'bg.overlay':{defaultClass:'_1gmjj1l'},'bg.page':{defaultClass:'di60p5'},'bg.secondary':{defaultClass:'nntd1y'},'bg.secondary.hovered':{defaultClass:'_1f15q93'},'bg.spinner.default':{defaultClass:'_154l77h'},'bg.spinner.inverse':{defaultClass:'_16ypt91'},'bg.success':{defaultClass:'i1raex'},'bg.success.hovered':{defaultClass:'_1iges2o'},'bg.success.light':{defaultClass:'cqlmtf'},'bg.success.subtle':{defaultClass:'_7fjenc'},'bg.tertiary':{defaultClass:'_8pp626'},'bg.tertiary.hovered':{defaultClass:'_1fd3czb'},'bg.warning':{defaultClass:'yontwz'},'bg.warning.hovered':{defaultClass:'_112h67d'},'bg.warning.light':{defaultClass:'pnrb1x'},'bg.warning.subtle':{defaultClass:'_1luuvkw'},current:{defaultClass:'n0f4sv'},transparent:{defaultClass:'_126lqtc'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'_15b6kvy'}}},borderBottomWidth:{values:{'0':{defaultClass:'_1rv2jnb'},'1':{defaultClass:'s1l8fh'},'2':{defaultClass:'_17onxao'}}},borderColor:{values:{'border.accent':{defaultClass:'dqvua7'},'border.control':{defaultClass:'es0ls7'},'border.control.hovered':{defaultClass:'_1az6pv9'},'border.default':{defaultClass:'w0e030'},'border.disabled':{defaultClass:'_2f5ebu'},'border.error':{defaultClass:'_14rtxty'},'border.focus':{defaultClass:'tu0xhg'},'border.focus.error':{defaultClass:'_1hygiho'},'border.secondary':{defaultClass:'bxcuum'},'border.success':{defaultClass:'_1qpue8m'},'border.tertiary':{defaultClass:'ijen0p'},'border.warning':{defaultClass:'_1j2l0x0'},current:{defaultClass:'_1e0i5mi'},transparent:{defaultClass:'_1f1myfm'}}},borderLeftWidth:{values:{'0':{defaultClass:'mx1ks9'},'1':{defaultClass:'_13y3we9'},'2':{defaultClass:'_8dajm2'}}},borderRadius:{values:{xs:{defaultClass:'_1vzrwbd'},sm:{defaultClass:'kbud40'},md:{defaultClass:'_182pra8'},lg:{defaultClass:'_1at0gnt'},xl:{defaultClass:'_1bu6vcg'},full:{defaultClass:'_4f2sux'},inherit:{defaultClass:'_1enulno'},none:{defaultClass:'mwvk6'}}},borderRightWidth:{values:{'0':{defaultClass:'_1h3ii06'},'1':{defaultClass:'_15dzm7r'},'2':{defaultClass:'z3x5iw'}}},borderTopWidth:{values:{'0':{defaultClass:'_1ddiwm2'},'1':{defaultClass:'ehtcu'},'2':{defaultClass:'atafhu'}}},boxShadow:{values:{sm:{defaultClass:'_6d6qzv'},md:{defaultClass:'_1vipsu2'},lg:{defaultClass:'_1behksc'},none:{defaultClass:'_1omoqzg'}}},color:{values:{'fg.accent':{defaultClass:'_1cx4pkt'},'fg.accent.hovered':{defaultClass:'_1senroq'},'fg.accent.strong':{defaultClass:'_1hsot2t'},'fg.avatar.neutral':{defaultClass:'_1l5zzxn'},'fg.avatar.purple':{defaultClass:'hnccdy'},'fg.default':{defaultClass:'wk08gz'},'fg.default.inverse':{defaultClass:'_1o6y1yr'},'fg.disabled':{defaultClass:'_1uoe85g'},'fg.error':{defaultClass:'o1ka27'},'fg.error.hovered':{defaultClass:'_1cop0g5'},'fg.error.light':{defaultClass:'_4d3nic'},'fg.error.strong':{defaultClass:'_7eu5n9'},'fg.information':{defaultClass:'yqc108'},'fg.information.light':{defaultClass:'q5vpgf'},'fg.information.strong':{defaultClass:'_18tg8kf'},'fg.link.default':{defaultClass:'_1al94um'},'fg.link.default.hovered':{defaultClass:'_1wl8xsb'},'fg.link.inverse':{defaultClass:'_1kl9m82'},'fg.link.subtle':{defaultClass:'zn2mxh'},'fg.link.visited':{defaultClass:'_1v0xgre'},'fg.secondary':{defaultClass:'jutv6p'},'fg.spinner.default':{defaultClass:'_1qzn7wh'},'fg.spinner.inverse':{defaultClass:'_1abqozi'},'fg.success':{defaultClass:'_10ebwhp'},'fg.success.hovered':{defaultClass:'wn8nsq'},'fg.success.light':{defaultClass:'_1vw6xjn'},'fg.success.strong':{defaultClass:'_1it3rah'},'fg.tertiary':{defaultClass:'_1iltmvv'},'fg.warning':{defaultClass:'_1c2v9ax'},'fg.warning.hovered':{defaultClass:'_14a9m40'},'fg.warning.inverse':{defaultClass:'kzdbfo'},'fg.warning.light':{defaultClass:'_1r9qo8g'},'fg.warning.strong':{defaultClass:'_1swdixx'},'fg.white':{defaultClass:'_1vwwjds'},current:{defaultClass:'_1l0eczl'},transparent:{defaultClass:'_1q36cj6'}}},cursor:{values:{pointer:{defaultClass:'fqeqnf'},'default':{defaultClass:'_1t6tkq4'},text:{defaultClass:'xct03g'}}},fontFamily:{values:{mono:{defaultClass:'a3odoq'},sans:{defaultClass:'_13yadei'}}},fontSize:{values:{xs:{defaultClass:'t50cwz'},sm:{defaultClass:'_1n0358c'},md:{defaultClass:'_17zz31a'},lg:{defaultClass:'_17g1d60'},xl:{defaultClass:'_1fz9fs5'},'2xl':{defaultClass:'_1eenop2'},'3xl':{defaultClass:'_1u5kznm'},'4xl':{defaultClass:'w4dyp7'},inherit:{defaultClass:'_1wsrp35'}}},fontWeight:{values:{'400':{defaultClass:'_3ldexg'},'500':{defaultClass:'_1fddn02'},'600':{defaultClass:'hgfo7r'},'700':{defaultClass:'yz0i1o'},inherit:{defaultClass:'scw20q'}}},marginBottom:{values:{'0':{defaultClass:'_1t1af2p'},'2':{defaultClass:'_1ntz694'},'4':{defaultClass:'d1i7e2'},'6':{defaultClass:'_1lmal5v'},'8':{defaultClass:'_2ndl2c'},'10':{defaultClass:'zy5da1'},'12':{defaultClass:'_1moiib'},'16':{defaultClass:'_1ierifa'},'20':{defaultClass:'_1y1ry7n'},'24':{defaultClass:'_1gjz13o'},'32':{defaultClass:'_1aqiw24'},'40':{defaultClass:'_6d7uep'},'48':{defaultClass:'ctf9wf'},'64':{defaultClass:'_188czqq'},'80':{defaultClass:'fziuvs'},auto:{defaultClass:'_1yv0ls8'}}},marginLeft:{values:{'0':{defaultClass:'_1sct26t'},'2':{defaultClass:'m3k8uv'},'4':{defaultClass:'sad1ia'},'6':{defaultClass:'mgx2e2'},'8':{defaultClass:'_2tklfm'},'10':{defaultClass:'_1307qqe'},'12':{defaultClass:'_1ivcmqr'},'16':{defaultClass:'_1bvh5cr'},'20':{defaultClass:'rvoy2q'},'24':{defaultClass:'fhwc14'},'32':{defaultClass:'_53cf3l'},'40':{defaultClass:'g963ie'},'48':{defaultClass:'_12rx3vt'},'64':{defaultClass:'_1n27sjq'},'80':{defaultClass:'_12zbv6l'},auto:{defaultClass:'x5tj45'}}},marginRight:{values:{'0':{defaultClass:'a16e79'},'2':{defaultClass:'_1axwcw2'},'4':{defaultClass:'phuwci'},'6':{defaultClass:'cg3c0k'},'8':{defaultClass:'_1ocaj6t'},'10':{defaultClass:'_1nk63n2'},'12':{defaultClass:'_1uxrviw'},'16':{defaultClass:'_12c442j'},'20':{defaultClass:'_12nkc7x'},'24':{defaultClass:'_14a7wgq'},'32':{defaultClass:'vvap89'},'40':{defaultClass:'yqisj'},'48':{defaultClass:'_1b5eg5c'},'64':{defaultClass:'_1pwmwrj'},'80':{defaultClass:'_1j8u3dn'},auto:{defaultClass:'_1dro3bc'}}},marginTop:{values:{'0':{defaultClass:'_195nvwi'},'2':{defaultClass:'_4kzrbi'},'4':{defaultClass:'n6j3ku'},'6':{defaultClass:'_1y8vh3o'},'8':{defaultClass:'_152e1ue'},'10':{defaultClass:'_1rrayko'},'12':{defaultClass:'_1soodye'},'16':{defaultClass:'_2pna1u'},'20':{defaultClass:'_1uvqg2r'},'24':{defaultClass:'_11du5s5'},'32':{defaultClass:'_11ylwys'},'40':{defaultClass:'kplgg7'},'48':{defaultClass:'aqjh0y'},'64':{defaultClass:'_1l9s9vy'},'80':{defaultClass:'_1jae4o3'},auto:{defaultClass:'_1831nop'}}},objectFit:{values:{contain:{defaultClass:'_1mu5zfs'},cover:{defaultClass:'_16hjiv1'},fill:{defaultClass:'_1g0iizs'},none:{defaultClass:'hpl2jq'}}},overflowX:{values:{auto:{defaultClass:'auip2e'},hidden:{defaultClass:'_1tv50m7'},visible:{defaultClass:'_1raos9w'}}},overflowY:{values:{auto:{defaultClass:'_1rv9otv'},hidden:{defaultClass:'n66e0g'},visible:{defaultClass:'_1wnp1p5'}}},paddingBottom:{values:{'0':{defaultClass:'o4w7wf'},'2':{defaultClass:'_1d32a2q'},'4':{defaultClass:'az4kce'},'6':{defaultClass:'_1a5475c'},'8':{defaultClass:'_1ekwht2'},'10':{defaultClass:'_15icwng'},'12':{defaultClass:'_1ifyjxr'},'16':{defaultClass:'_1oo6kyk'},'20':{defaultClass:'fljni4'},'24':{defaultClass:'gszfsp'},'32':{defaultClass:'lhzxaz'},'40':{defaultClass:'_1jpzrv2'},'48':{defaultClass:'ykhnuv'},'64':{defaultClass:'b0i05s'},'80':{defaultClass:'_1j0dsou'}}},paddingLeft:{values:{'0':{defaultClass:'_1v8s6d0'},'2':{defaultClass:'_3n4du2'},'4':{defaultClass:'_4pug5u'},'6':{defaultClass:'_1c9s5pn'},'8':{defaultClass:'v6yy2j'},'10':{defaultClass:'_15qctgm'},'12':{defaultClass:'_8ugfn4'},'16':{defaultClass:'v85prj'},'20':{defaultClass:'_17t2xl0'},'24':{defaultClass:'a7fwyh'},'32':{defaultClass:'_5b9ba0'},'40':{defaultClass:'_19r58gk'},'48':{defaultClass:'_1ko2qop'},'64':{defaultClass:'_1s3jpgv'},'80':{defaultClass:'_14aiqxr'}}},paddingRight:{values:{'0':{defaultClass:'ct9stc'},'2':{defaultClass:'_1r298cw'},'4':{defaultClass:'mw948z'},'6':{defaultClass:'_2g83uh'},'8':{defaultClass:'_1wpw0cu'},'10':{defaultClass:'_1ii1hfd'},'12':{defaultClass:'_5r572q'},'16':{defaultClass:'_6tv32h'},'20':{defaultClass:'ca34dy'},'24':{defaultClass:'_17vi93u'},'32':{defaultClass:'_12222fm'},'40':{defaultClass:'_4loosm'},'48':{defaultClass:'_18gb5g'},'64':{defaultClass:'_1sg2vzn'},'80':{defaultClass:'_13soz24'}}},paddingTop:{values:{'0':{defaultClass:'_1b9mc1p'},'2':{defaultClass:'_33cjnd'},'4':{defaultClass:'_1hv37x4'},'6':{defaultClass:'_1cajdxd'},'8':{defaultClass:'_1iwxx3o'},'10':{defaultClass:'xwgt4l'},'12':{defaultClass:'uj8ljf'},'16':{defaultClass:'_1wv83ry'},'20':{defaultClass:'vryka7'},'24':{defaultClass:'_5jd21s'},'32':{defaultClass:'jyb8tc'},'40':{defaultClass:'_1ma81dz'},'48':{defaultClass:'tcfwhx'},'64':{defaultClass:'x7e94i'},'80':{defaultClass:'_16mgpgt'}}},pointerEvents:{values:{auto:{defaultClass:'dizmwo'},none:{defaultClass:'_1jyjsfw'}}},textAlign:{values:{end:{defaultClass:'_1nh9zuc'},start:{defaultClass:'w1i83p'},center:{defaultClass:'jxckmy'},justify:{defaultClass:'_1qcyoe6'}}},textTransform:{values:{capitalize:{defaultClass:'fjb046'},none:{defaultClass:'kzvj63'},uppercase:{defaultClass:'qjq96'}}},transition:{values:{all:{defaultClass:'_1pnte53'},colors:{defaultClass:'_21txc2'},none:{defaultClass:'ikcz4x'},opacity:{defaultClass:'_1kw9r44'},transform:{defaultClass:'_1f2skto'}}},whiteSpace:{values:{nowrap:{defaultClass:'grmjg8'}}},zIndex:{values:{'0':{defaultClass:'hjy5pg'},'10':{defaultClass:'acliem'},'20':{defaultClass:'_13lzsjf'},'30':{defaultClass:'_6e4dav'},popover:{defaultClass:'_1pgohs6'},toast:{defaultClass:'kjrnkb'},tooltip:{defaultClass:'_15ocrsm'},auto:{defaultClass:'ru74un'}}}}};
+var responsiveProps = (function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{maxH:{mappings:['maxHeight']},maxW:{mappings:['maxWidth']},size:{mappings:['height','width']},h:{mappings:['height']},w:{mappings:['width']},alignItems:{values:{center:{conditions:{sm:'_13gvo04',md:'dybgw7',base:'smioio'},defaultClass:'smioio'},end:{conditions:{sm:'tyuamx',md:'_1fg2jt0',base:'_1ru0up7'},defaultClass:'_1ru0up7'},normal:{conditions:{sm:'pm6iub',md:'_14g3l8v',base:'q7rjis'},defaultClass:'q7rjis'},start:{conditions:{sm:'_9uk7c3',md:'raqvlx',base:'_3b7f72'},defaultClass:'_3b7f72'},stretch:{conditions:{sm:'_1i2i603',md:'h9273q',base:'_1o22w5n'},defaultClass:'_1o22w5n'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_2swh47',md:'zxqnru',base:'rth9s9'},defaultClass:'rth9s9'},end:{conditions:{sm:'_1jfflff',md:'_8u895j',base:'_16m8dtq'},defaultClass:'_16m8dtq'},normal:{conditions:{sm:'gwok77',md:'h0p8ky',base:'_47ry00'},defaultClass:'_47ry00'},start:{conditions:{sm:'ng48ux',md:'_1eovr3y',base:'r6mi71'},defaultClass:'r6mi71'},stretch:{conditions:{sm:'xy9ck9',md:'_1bwdiq7',base:'h22owb'},defaultClass:'h22owb'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'bfwf2h',md:'i4ct8c',base:'_180uif9'},defaultClass:'_180uif9'},flex:{conditions:{sm:'xuy74x',md:'_1w8v4r',base:'_1i00rah'},defaultClass:'_1i00rah'},grid:{conditions:{sm:'_3z8h2g',md:'_1wdfh4u',base:'hbk2p'},defaultClass:'hbk2p'},block:{conditions:{sm:'_1mwtyw1',md:'_11ep8r0',base:'pwt97z'},defaultClass:'pwt97z'},inline:{conditions:{sm:'wo00mi',md:'xdfiif',base:'_4gfe27'},defaultClass:'_4gfe27'},'inline-block':{conditions:{sm:'ccxm8a',md:'_1joyoak',base:'_1q8kis3'},defaultClass:'_1q8kis3'},'inline-flex':{conditions:{sm:'_11dbu0d',md:'_734api',base:'_1ljkhj9'},defaultClass:'_1ljkhj9'},table:{conditions:{sm:'_1h35gno',md:'_1irz26s',base:'_1qe3pw5'},defaultClass:'_1qe3pw5'},'table-cell':{conditions:{sm:'s4ji8w',md:'_1du1ane',base:'jhb20b'},defaultClass:'jhb20b'},'table-row':{conditions:{sm:'_7ztwyb',md:'_1cqg53p',base:'_1vtuko7'},defaultClass:'_1vtuko7'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'_1xuy1fj',md:'iyixay',base:'tzbc3i'},defaultClass:'tzbc3i'},auto:{conditions:{sm:'_62agfy',md:'_1cl2sx7',base:'_1w8ay66'},defaultClass:'_1w8ay66'},initial:{conditions:{sm:'miohbt',md:'_1xkyyyl',base:'_19363ov'},defaultClass:'_19363ov'},none:{conditions:{sm:'_1yq8bov',md:'_1to61le',base:'_1orm2it'},defaultClass:'_1orm2it'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'gmwz5k',md:'lfi0cb',base:'rjl8db'},defaultClass:'rjl8db'},'column-reverse':{conditions:{sm:'_1syue22',md:'q18ttc',base:'cwcvdc'},defaultClass:'cwcvdc'},row:{conditions:{sm:'e5g6lg',md:'zzr51h',base:'_1s7nsds'},defaultClass:'_1s7nsds'},'row-reverse':{conditions:{sm:'_1yfjdnb',md:'km2126',base:'_1j2dh7s'},defaultClass:'_1j2dh7s'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_4uf59f',md:'_1hh4drx',base:'v9e6dk'},defaultClass:'v9e6dk'},wrap:{conditions:{sm:'g4z7lq',md:'_1kajvxa',base:'_1qzxxtc'},defaultClass:'_1qzxxtc'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'_7k360x',md:'_1g6b6g3',base:'_5sp0hi'},defaultClass:'_5sp0hi'},'2':{conditions:{sm:'nfux58',md:'jt9efx',base:'_1adhezd'},defaultClass:'_1adhezd'},'4':{conditions:{sm:'_1hxnnrq',md:'lme4xm',base:'ash8ut'},defaultClass:'ash8ut'},'6':{conditions:{sm:'_1d82xzd',md:'_1q4wcfc',base:'nwgrut'},defaultClass:'nwgrut'},'8':{conditions:{sm:'tsh6wx',md:'f4l1q',base:'dus0yu'},defaultClass:'dus0yu'},'10':{conditions:{sm:'_1nzmky5',md:'_2ct7io',base:'_1xcqdhl'},defaultClass:'_1xcqdhl'},'12':{conditions:{sm:'_1p8az62',md:'obrpix',base:'_11m8y9g'},defaultClass:'_11m8y9g'},'16':{conditions:{sm:'_14zgsbz',md:'fkcla7',base:'v9r5ne'},defaultClass:'v9r5ne'},'20':{conditions:{sm:'wow8bo',md:'_17t9c9v',base:'_1ogu44k'},defaultClass:'_1ogu44k'},'24':{conditions:{sm:'_1f2qv9f',md:'_1rrufqh',base:'pbxky0'},defaultClass:'pbxky0'},'32':{conditions:{sm:'fckjud',md:'c4i5bw',base:'_1x0qfk8'},defaultClass:'_1x0qfk8'},'40':{conditions:{sm:'pi67qm',md:'_3u1fjj',base:'_1eljk1t'},defaultClass:'_1eljk1t'},'48':{conditions:{sm:'n0qpxt',md:'_13qc2dr',base:'_6a8euv'},defaultClass:'_6a8euv'},'64':{conditions:{sm:'_1o2k05y',md:'_10ja51d',base:'_166gfiv'},defaultClass:'_166gfiv'},'80':{conditions:{sm:'_14ozcck',md:'_1n6q67b',base:'_1gph086'},defaultClass:'_1gph086'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'qnw4no',md:'u4etc1',base:'gqrm5t'},defaultClass:'gqrm5t'},'2':{conditions:{sm:'j9ryku',md:'p85k9u',base:'_19k91yr'},defaultClass:'_19k91yr'},'3':{conditions:{sm:'iwp0q5',md:'_1d8qcuf',base:'_1bwa1xv'},defaultClass:'_1bwa1xv'},'4':{conditions:{sm:'g6fdie',md:'_1tm74pi',base:'_16atkif'},defaultClass:'_16atkif'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'_12mvjbq',md:'mt6sx8',base:'ojdorg'},defaultClass:'ojdorg'},'2':{conditions:{sm:'_1gvdkfu',md:'_137uh75',base:'_1u8li8g'},defaultClass:'_1u8li8g'},'3':{conditions:{sm:'_1gere5u',md:'ua1mb',base:'_23cho6'},defaultClass:'_23cho6'},'4':{conditions:{sm:'qgynzs',md:'_19lmllg',base:'qzvkrw'},defaultClass:'qzvkrw'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'_1r422um',md:'_1a8vgi5',base:'bpcua7'},defaultClass:'bpcua7'},'10':{conditions:{sm:'_8grjiu',md:'ani1g9',base:'e8y5xv'},defaultClass:'e8y5xv'},'12':{conditions:{sm:'j5r7f2',md:'ylsc0x',base:'kzibhx'},defaultClass:'kzibhx'},'16':{conditions:{sm:'pjrygx',md:'_4tuycq',base:'_1dz1nb3'},defaultClass:'_1dz1nb3'},'20':{conditions:{sm:'pwz19i',md:'_1d5icx6',base:'_1wal0gq'},defaultClass:'_1wal0gq'},'24':{conditions:{sm:'_4tzj41',md:'kv98u2',base:'_1lyhuxp'},defaultClass:'_1lyhuxp'},'32':{conditions:{sm:'_1hwqog2',md:'j8vbx0',base:'_1t03yfo'},defaultClass:'_1t03yfo'},'40':{conditions:{sm:'_43odoz',md:'_1yd3wjn',base:'_1nt0825'},defaultClass:'_1nt0825'},'48':{conditions:{sm:'_313hy4',md:'_13t4kmk',base:'_1y4oyxl'},defaultClass:'_1y4oyxl'},'56':{conditions:{sm:'_13on0jx',md:'_1dceapy',base:'_1yz5kpb'},defaultClass:'_1yz5kpb'},'64':{conditions:{sm:'_60oft8',md:'_1ta22g',base:'luija7'},defaultClass:'luija7'},'80':{conditions:{sm:'naqzhb',md:'xgto2c',base:'_15t8m5t'},defaultClass:'_15t8m5t'},'224':{conditions:{sm:'_11xwzfn',md:'zvalqh',base:'_1pssyrq'},defaultClass:'_1pssyrq'},'384':{conditions:{sm:'pf6so5',md:'p3sco2',base:'_1q75h57'},defaultClass:'_1q75h57'},'2xs':{conditions:{sm:'_13eivh9',md:'_7ez675',base:'_1hezq9z'},defaultClass:'_1hezq9z'},xs:{conditions:{sm:'_1vv2ank',md:'_18gp39e',base:'hi8w1m'},defaultClass:'hi8w1m'},sm:{conditions:{sm:'_1xpa8cn',md:'eh7bbu',base:'_1blocpj'},defaultClass:'_1blocpj'},md:{conditions:{sm:'_1swaf44',md:'gt7vjs',base:'_8hktt1'},defaultClass:'_8hktt1'},lg:{conditions:{sm:'d2r44i',md:'rnmqbw',base:'_10lucqo'},defaultClass:'_10lucqo'},xl:{conditions:{sm:'hheixh',md:'_18qd1nc',base:'_1ixbyqb'},defaultClass:'_1ixbyqb'},'3xl':{conditions:{sm:'_1j9lcvz',md:'d3jvhb',base:'_1lgyrin'},defaultClass:'_1lgyrin'},'1/2':{conditions:{sm:'dm5444',md:'_12esv8m',base:'y0odqs'},defaultClass:'y0odqs'},'1/3':{conditions:{sm:'f7hj55',md:'_1dln3s2',base:'_1i4dkin'},defaultClass:'_1i4dkin'},'2/3':{conditions:{sm:'_1bn9q5i',md:'b4j2vj',base:'a1s0z2'},defaultClass:'a1s0z2'},'1/4':{conditions:{sm:'_1vl9ol9',md:'_1ubhbh0',base:'_1g5rzlr'},defaultClass:'_1g5rzlr'},'3/4':{conditions:{sm:'hbax85',md:'_1tb3w1r',base:'_1p5hay'},defaultClass:'_1p5hay'},auto:{conditions:{sm:'_3tewzf',md:'tqeyv7',base:'_2aeuca'},defaultClass:'_2aeuca'},fit:{conditions:{sm:'_192jx7z',md:'_1xe05sf',base:'_1anc3s7'},defaultClass:'_1anc3s7'},full:{conditions:{sm:'_1gx64ft',md:'_1fa0yrt',base:'_50mf8p'},defaultClass:'_50mf8p'},max:{conditions:{sm:'_1gkqcpw',md:'x6jqiz',base:'_1uyfzf'},defaultClass:'_1uyfzf'},min:{conditions:{sm:'_1xak19s',md:'_7z4b7w',base:'odjgpn'},defaultClass:'odjgpn'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'_8wk7a2',md:'gfvx3b',base:'eax6k5'},defaultClass:'eax6k5'},end:{conditions:{sm:'lq6kjq',md:'_53onzr',base:'_1wjwme'},defaultClass:'_1wjwme'},'flex-end':{conditions:{sm:'hiptqq',md:'_2nbpbo',base:'fxhxum'},defaultClass:'fxhxum'},'flex-start':{conditions:{sm:'_13idxs8',md:'kiq1b9',base:'kdp35e'},defaultClass:'kdp35e'},normal:{conditions:{sm:'_44rhyw',md:'_193esom',base:'_17p8rx3'},defaultClass:'_17p8rx3'},'space-around':{conditions:{sm:'hx3y3s',md:'_1fi25hy',base:'_1fe3q4'},defaultClass:'_1fe3q4'},'space-between':{conditions:{sm:'sxk0bb',md:'_166m9d6',base:'_1hkr0h9'},defaultClass:'_1hkr0h9'},'space-evenly':{conditions:{sm:'_1mzybiz',md:'uuhtbw',base:'_1m49vnh'},defaultClass:'_1m49vnh'},start:{conditions:{sm:'_14e0fcb',md:'_1ttbaj5',base:'z2x4gc'},defaultClass:'z2x4gc'},stretch:{conditions:{sm:'_1gv5fc4',md:'_12s6s81',base:'_1qf9xdz'},defaultClass:'_1qf9xdz'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_1e9f6f7',md:'_1tqrg5q',base:'_1nv07nc'},defaultClass:'_1nv07nc'},end:{conditions:{sm:'uf379q',md:'nxxo1x',base:'_1fq6n9t'},defaultClass:'_1fq6n9t'},normal:{conditions:{sm:'zjfxb7',md:'_12eavsm',base:'_1lharxi'},defaultClass:'_1lharxi'},start:{conditions:{sm:'_1ffbch',md:'kv6xwb',base:'y8ku0x'},defaultClass:'y8ku0x'},stretch:{conditions:{sm:'vpnfh4',md:'_1y6rywq',base:'_8atllr'},defaultClass:'_8atllr'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'_1vnxbzj',md:'_1it5fw9',base:'_1ef0ttx'},defaultClass:'_1ef0ttx'},sm:{conditions:{sm:'vlsed0',md:'_111lstq',base:'lgcbd7'},defaultClass:'lgcbd7'},md:{conditions:{sm:'sh5net',md:'_1xrdcb3',base:'esx32s'},defaultClass:'esx32s'},lg:{conditions:{sm:'_1yp8nnc',md:'_1w51izb',base:'_1ecuxax'},defaultClass:'_1ecuxax'},full:{conditions:{sm:'_1uo2y0k',md:'_18gclea',base:'m4174x'},defaultClass:'m4174x'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'_1ods1xi',md:'vnfwd6',base:'_144hulo'},defaultClass:'_144hulo'},sm:{conditions:{sm:'_13nsdhj',md:'acults',base:'_15jjwnv'},defaultClass:'_15jjwnv'},md:{conditions:{sm:'_78qtkf',md:'_2eqkqh',base:'_60m7t5'},defaultClass:'_60m7t5'},lg:{conditions:{sm:'_83wu6b',md:'_1niysx1',base:'_1f6j3lv'},defaultClass:'_1f6j3lv'},full:{conditions:{sm:'_5n8ww3',md:'_1ayqx9i',base:'ct21j3'},defaultClass:'ct21j3'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'wte7g9',md:'qxnm7',base:'_1ckkik6'},defaultClass:'_1ckkik6'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1idvp95',md:'_1ac8bni',base:'_4wsdkv'},defaultClass:'_4wsdkv'},'10':{conditions:{sm:'_2mqw25',md:'wy50qu',base:'_10pg5vg'},defaultClass:'_10pg5vg'},'12':{conditions:{sm:'ubhrje',md:'_1cpxsg9',base:'_1htqlqw'},defaultClass:'_1htqlqw'},'16':{conditions:{sm:'_96w0h7',md:'_1or5qtg',base:'_1x1oius'},defaultClass:'_1x1oius'},'20':{conditions:{sm:'_1fvpq0t',md:'_1ssejlm',base:'_133c8em'},defaultClass:'_133c8em'},'24':{conditions:{sm:'_11fjgvt',md:'g71bgq',base:'_1auzqim'},defaultClass:'_1auzqim'},'32':{conditions:{sm:'_39tuhw',md:'_7jx9tx',base:'_1p3eo91'},defaultClass:'_1p3eo91'},'40':{conditions:{sm:'_1lmnmgv',md:'_1gprg67',base:'_1wrb9uz'},defaultClass:'_1wrb9uz'},'48':{conditions:{sm:'_8n38xt',md:'_13obgcl',base:'_1uhalbw'},defaultClass:'_1uhalbw'},'56':{conditions:{sm:'fde77p',md:'_1mkbqsu',base:'m25424'},defaultClass:'m25424'},'64':{conditions:{sm:'_1eh6z2e',md:'_1monae8',base:'_1jd9b2v'},defaultClass:'_1jd9b2v'},'80':{conditions:{sm:'qxvu5o',md:'t90u2c',base:'_12dok3r'},defaultClass:'_12dok3r'},'224':{conditions:{sm:'_7d9h7s',md:'_1apl24g',base:'_7cmh2s'},defaultClass:'_7cmh2s'},'384':{conditions:{sm:'_1pq5750',md:'cj4p7a',base:'_7ew79y'},defaultClass:'_7ew79y'},'2xs':{conditions:{sm:'zfwarj',md:'_19awpxw',base:'h9dqdt'},defaultClass:'h9dqdt'},xs:{conditions:{sm:'_1ha7f1j',md:'_6q5n7o',base:'esrxmw'},defaultClass:'esrxmw'},sm:{conditions:{sm:'a3kdxa',md:'_1hgmefi',base:'wanhbn'},defaultClass:'wanhbn'},md:{conditions:{sm:'_1iyg0yz',md:'_1uwafs6',base:'_1ymgt85'},defaultClass:'_1ymgt85'},lg:{conditions:{sm:'_6ov52o',md:'a59ikp',base:'w0djy9'},defaultClass:'w0djy9'},xl:{conditions:{sm:'_9wvduc',md:'cof1n1',base:'b13727'},defaultClass:'b13727'},'3xl':{conditions:{sm:'_1ormgid',md:'_1fr6z4n',base:'ly1xaw'},defaultClass:'ly1xaw'},'1/2':{conditions:{sm:'_1ngbrea',md:'jnvsz5',base:'_1y5dxhr'},defaultClass:'_1y5dxhr'},'1/3':{conditions:{sm:'_1pxzhpn',md:'ysm5g',base:'_1tmit4d'},defaultClass:'_1tmit4d'},'2/3':{conditions:{sm:'n908ww',md:'_97642k',base:'_4o5y0p'},defaultClass:'_4o5y0p'},'1/4':{conditions:{sm:'c9luq2',md:'dtpsr6',base:'_1g0zcu3'},defaultClass:'_1g0zcu3'},'3/4':{conditions:{sm:'_1vdxgux',md:'_1vpuj5p',base:'_1lwwpy7'},defaultClass:'_1lwwpy7'},auto:{conditions:{sm:'_17lubmk',md:'_1o2qljl',base:'_1lnlmwq'},defaultClass:'_1lnlmwq'},fit:{conditions:{sm:'_1clbtz2',md:'_1e2feuc',base:'_3wrlj2'},defaultClass:'_3wrlj2'},full:{conditions:{sm:'sjw53y',md:'xs7gkx',base:'hoosuf'},defaultClass:'hoosuf'},max:{conditions:{sm:'_1bpe6j8',md:'_1vdm7qv',base:'_1y53917'},defaultClass:'_1y53917'},min:{conditions:{sm:'_1y4fkqk',md:'_1iu9zd0',base:'twlo3s'},defaultClass:'twlo3s'}},responsiveArray:undefined}}};x.styles.alignItems.responsiveArray=x.conditions.responsiveArray;x.styles.alignSelf.responsiveArray=x.conditions.responsiveArray;x.styles.display.responsiveArray=x.conditions.responsiveArray;x.styles.flex.responsiveArray=x.conditions.responsiveArray;x.styles.flexDirection.responsiveArray=x.conditions.responsiveArray;x.styles.flexWrap.responsiveArray=x.conditions.responsiveArray;x.styles.gap.responsiveArray=x.conditions.responsiveArray;x.styles.gridColumn.responsiveArray=x.conditions.responsiveArray;x.styles.gridTemplateColumns.responsiveArray=x.conditions.responsiveArray;x.styles.height.responsiveArray=x.conditions.responsiveArray;x.styles.justifyContent.responsiveArray=x.conditions.responsiveArray;x.styles.justifyItems.responsiveArray=x.conditions.responsiveArray;x.styles.maxHeight.responsiveArray=x.conditions.responsiveArray;x.styles.maxWidth.responsiveArray=x.conditions.responsiveArray;x.styles.placeItems.responsiveArray=x.conditions.responsiveArray;x.styles.width.responsiveArray=x.conditions.responsiveArray;return x;}());
+var unresponsiveProps = {conditions:undefined,styles:{bg:{mappings:['backgroundColor']},border:{mappings:['borderBottomWidth','borderLeftWidth','borderRightWidth','borderTopWidth']},borderB:{mappings:['borderBottomWidth']},borderL:{mappings:['borderLeftWidth']},borderR:{mappings:['borderRightWidth']},borderT:{mappings:['borderTopWidth']},m:{mappings:['marginBottom','marginLeft','marginRight','marginTop']},mx:{mappings:['marginLeft','marginRight']},my:{mappings:['marginBottom','marginTop']},mb:{mappings:['marginBottom']},ml:{mappings:['marginLeft']},mr:{mappings:['marginRight']},mt:{mappings:['marginTop']},overflow:{mappings:['overflowX','overflowY']},p:{mappings:['paddingBottom','paddingLeft','paddingRight','paddingTop']},px:{mappings:['paddingLeft','paddingRight']},py:{mappings:['paddingBottom','paddingTop']},pb:{mappings:['paddingBottom']},pl:{mappings:['paddingLeft']},pr:{mappings:['paddingRight']},pt:{mappings:['paddingTop']},rounded:{mappings:['borderRadius']},shadow:{mappings:['boxShadow']},z:{mappings:['zIndex']},animation:{values:{ping:{defaultClass:'_11u5m9f'},pulse:{defaultClass:'_1d1larb'},spin:{defaultClass:'_1kzm5fj'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1mhwmnv'},'bg.accent.hovered':{defaultClass:'_1n8k3yk'},'bg.accent.light':{defaultClass:'_9pf14q'},'bg.accent.pressed':{defaultClass:'fqmz7a'},'bg.accent.subtle':{defaultClass:'_1e3gh5n'},'bg.avatar.neutral':{defaultClass:'et1hr3'},'bg.avatar.purple':{defaultClass:'_1acqluh'},'bg.default':{defaultClass:'jca00x'},'bg.default.hovered':{defaultClass:'_1t2q1m'},'bg.default.inverse':{defaultClass:'_1r9spvt'},'bg.default.inverse.hovered':{defaultClass:'_3u5tnk'},'bg.default.inverse.pressed':{defaultClass:'pw531i'},'bg.default.pressed':{defaultClass:'_8i792t'},'bg.error':{defaultClass:'_2064i0'},'bg.error.hovered':{defaultClass:'abo9zg'},'bg.error.light':{defaultClass:'j1aant'},'bg.error.pressed':{defaultClass:'_18w0znb'},'bg.error.subtle':{defaultClass:'xpi80e'},'bg.error.subtlest':{defaultClass:'_1dgogl7'},'bg.information':{defaultClass:'_3yr19c'},'bg.information.light':{defaultClass:'_2gw8e0'},'bg.information.subtle':{defaultClass:'m3y6ge'},'bg.overlay':{defaultClass:'_335g64'},'bg.page':{defaultClass:'_1rpn5t0'},'bg.secondary':{defaultClass:'goz6my'},'bg.secondary.hovered':{defaultClass:'c0k9ur'},'bg.spinner.default':{defaultClass:'_18pcxs8'},'bg.spinner.inverse':{defaultClass:'iyjfuv'},'bg.success':{defaultClass:'_19q1vw4'},'bg.success.hovered':{defaultClass:'_1vdv4c'},'bg.success.light':{defaultClass:'rfxmdp'},'bg.success.subtle':{defaultClass:'_125azri'},'bg.tertiary':{defaultClass:'w828ev'},'bg.tertiary.hovered':{defaultClass:'_6jvriz'},'bg.warning':{defaultClass:'_1legvr'},'bg.warning.hovered':{defaultClass:'_1026gsq'},'bg.warning.light':{defaultClass:'_1wz8r28'},'bg.warning.subtle':{defaultClass:'_2yjgoi'},current:{defaultClass:'_1cht8fq'},transparent:{defaultClass:'_1447p0i'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'_145sfj9'}}},borderBottomWidth:{values:{'0':{defaultClass:'_1g2bls7'},'1':{defaultClass:'vtcqi0'},'2':{defaultClass:'_13sntc9'}}},borderColor:{values:{'border.accent':{defaultClass:'hzo98u'},'border.control':{defaultClass:'qbek3x'},'border.control.hovered':{defaultClass:'xrf584'},'border.default':{defaultClass:'_156bnlb'},'border.disabled':{defaultClass:'_19vgv5m'},'border.error':{defaultClass:'_1339cn8'},'border.focus':{defaultClass:'_1xo446k'},'border.focus.error':{defaultClass:'xamm6x'},'border.secondary':{defaultClass:'_1imk9fl'},'border.success':{defaultClass:'_1kqlbrh'},'border.tertiary':{defaultClass:'_1elyf6y'},'border.warning':{defaultClass:'pl7i9v'},current:{defaultClass:'_17ahe3w'},transparent:{defaultClass:'su3mxx'}}},borderLeftWidth:{values:{'0':{defaultClass:'d1fihd'},'1':{defaultClass:'ebnrm0'},'2':{defaultClass:'awi479'}}},borderRadius:{values:{xs:{defaultClass:'uuohpi'},sm:{defaultClass:'_4hjqnh'},md:{defaultClass:'_1oen0u8'},lg:{defaultClass:'_1g70gdd'},xl:{defaultClass:'_1qd78qi'},full:{defaultClass:'_1yj5ll2'},inherit:{defaultClass:'_8iw8n7'},none:{defaultClass:'ehmcxw'}}},borderRightWidth:{values:{'0':{defaultClass:'mufd2m'},'1':{defaultClass:'gr9ou3'},'2':{defaultClass:'_1026367'}}},borderTopWidth:{values:{'0':{defaultClass:'ufuamc'},'1':{defaultClass:'h51iu7'},'2':{defaultClass:'rjf33f'}}},boxShadow:{values:{sm:{defaultClass:'nuvi3a'},md:{defaultClass:'_59ld4s'},lg:{defaultClass:'_1f3z8fm'},none:{defaultClass:'_1b3cyzi'}}},color:{values:{'fg.accent':{defaultClass:'_1j3qltw'},'fg.accent.hovered':{defaultClass:'_10pd578'},'fg.accent.strong':{defaultClass:'_1woa6eg'},'fg.avatar.neutral':{defaultClass:'_13w5hdn'},'fg.avatar.purple':{defaultClass:'_1rvf5r4'},'fg.default':{defaultClass:'_126ty8n'},'fg.default.inverse':{defaultClass:'_10199um'},'fg.disabled':{defaultClass:'_1ujm370'},'fg.error':{defaultClass:'bekkne'},'fg.error.hovered':{defaultClass:'_17mye97'},'fg.error.light':{defaultClass:'t7mfen'},'fg.error.strong':{defaultClass:'_1l06imd'},'fg.information':{defaultClass:'ai29a'},'fg.information.light':{defaultClass:'e4qecf'},'fg.information.strong':{defaultClass:'_19rd1tp'},'fg.link.default':{defaultClass:'sjg8nj'},'fg.link.default.hovered':{defaultClass:'_1btz2o'},'fg.link.inverse':{defaultClass:'_1i73prs'},'fg.link.subtle':{defaultClass:'jok9tr'},'fg.link.visited':{defaultClass:'_6zi7i6'},'fg.secondary':{defaultClass:'lkn75p'},'fg.spinner.default':{defaultClass:'_1bsl65e'},'fg.spinner.inverse':{defaultClass:'y94z5i'},'fg.success':{defaultClass:'_8dwgf2'},'fg.success.hovered':{defaultClass:'_125y70z'},'fg.success.light':{defaultClass:'_1momqve'},'fg.success.strong':{defaultClass:'_1jlz4k5'},'fg.tertiary':{defaultClass:'_1youv85'},'fg.warning':{defaultClass:'zpo7v0'},'fg.warning.hovered':{defaultClass:'_11x8rfb'},'fg.warning.inverse':{defaultClass:'_1wpwlbe'},'fg.warning.light':{defaultClass:'p9d7s2'},'fg.warning.strong':{defaultClass:'_1p45yjr'},'fg.white':{defaultClass:'x9v52a'},current:{defaultClass:'_1lw0bs3'},transparent:{defaultClass:'_15lvy9l'}}},cursor:{values:{pointer:{defaultClass:'_7sljhj'},'default':{defaultClass:'_1wy9ug5'},text:{defaultClass:'nugzrc'}}},fontFamily:{values:{mono:{defaultClass:'_11xjmo3'},sans:{defaultClass:'_1urevp0'}}},fontSize:{values:{xs:{defaultClass:'fchh0g'},sm:{defaultClass:'jao4n1'},md:{defaultClass:'wxvpyw'},lg:{defaultClass:'_11iiv1'},xl:{defaultClass:'e72kqg'},'2xl':{defaultClass:'bb1k2l'},'3xl':{defaultClass:'_5703lk'},'4xl':{defaultClass:'_3wrrsh'},inherit:{defaultClass:'_1l5xhpw'}}},fontWeight:{values:{'400':{defaultClass:'_1mr07b6'},'500':{defaultClass:'_1i1jt5j'},'600':{defaultClass:'ffwtvl'},'700':{defaultClass:'_1xopc35'},inherit:{defaultClass:'c7ivkp'}}},marginBottom:{values:{'0':{defaultClass:'ddgtdr'},'2':{defaultClass:'_8e9p78'},'4':{defaultClass:'_1yb4ihx'},'6':{defaultClass:'_929nz5'},'8':{defaultClass:'_1qyhtp9'},'10':{defaultClass:'_1m10a3v'},'12':{defaultClass:'_8k4qa'},'16':{defaultClass:'_1u0p62k'},'20':{defaultClass:'l0csvc'},'24':{defaultClass:'omnmkq'},'32':{defaultClass:'_1uvwfv'},'40':{defaultClass:'_1wmg8nk'},'48':{defaultClass:'jq6vxs'},'64':{defaultClass:'nffmgb'},'80':{defaultClass:'_1k8vxx1'},auto:{defaultClass:'_1cpj6el'}}},marginLeft:{values:{'0':{defaultClass:'_7b3sma'},'2':{defaultClass:'_12h3z2r'},'4':{defaultClass:'_1sl35pl'},'6':{defaultClass:'dy0szz'},'8':{defaultClass:'_1ccudl'},'10':{defaultClass:'_1cox9d2'},'12':{defaultClass:'r0xomx'},'16':{defaultClass:'ifslob'},'20':{defaultClass:'z4rv2p'},'24':{defaultClass:'_152605f'},'32':{defaultClass:'cm01h2'},'40':{defaultClass:'_7s5q0w'},'48':{defaultClass:'_1yfkugn'},'64':{defaultClass:'_13dcq07'},'80':{defaultClass:'_5hb0pm'},auto:{defaultClass:'_1hxvwdt'}}},marginRight:{values:{'0':{defaultClass:'luxmek'},'2':{defaultClass:'_176xztf'},'4':{defaultClass:'_1jntj85'},'6':{defaultClass:'zomefd'},'8':{defaultClass:'u9gkhi'},'10':{defaultClass:'_9ub4r4'},'12':{defaultClass:'_1ydxrlj'},'16':{defaultClass:'t2tz60'},'20':{defaultClass:'_1r7pilg'},'24':{defaultClass:'_1y5donz'},'32':{defaultClass:'_1y6jfy9'},'40':{defaultClass:'_1tg0px5'},'48':{defaultClass:'_5n8y9o'},'64':{defaultClass:'_1bpbt4q'},'80':{defaultClass:'_1hghost'},auto:{defaultClass:'kl078z'}}},marginTop:{values:{'0':{defaultClass:'_1bwl2uz'},'2':{defaultClass:'ykhkbo'},'4':{defaultClass:'_30nu8c'},'6':{defaultClass:'h6zkym'},'8':{defaultClass:'qw7ocn'},'10':{defaultClass:'_8p59oe'},'12':{defaultClass:'_19ntq3q'},'16':{defaultClass:'v1p92c'},'20':{defaultClass:'_1az2yyw'},'24':{defaultClass:'iynk6t'},'32':{defaultClass:'_2veggr'},'40':{defaultClass:'emvda6'},'48':{defaultClass:'prjutc'},'64':{defaultClass:'_7k6hxv'},'80':{defaultClass:'iksvwd'},auto:{defaultClass:'_1gl4zjp'}}},objectFit:{values:{contain:{defaultClass:'nan9zc'},cover:{defaultClass:'uiq2rt'},fill:{defaultClass:'h8l19a'},none:{defaultClass:'_1imk1rm'}}},overflowX:{values:{auto:{defaultClass:'y43usz'},hidden:{defaultClass:'_1kmbz5r'},visible:{defaultClass:'_17oj6ni'}}},overflowY:{values:{auto:{defaultClass:'z5o8w3'},hidden:{defaultClass:'h81t10'},visible:{defaultClass:'_86g569'}}},paddingBottom:{values:{'0':{defaultClass:'_4pukqk'},'2':{defaultClass:'jmhs6e'},'4':{defaultClass:'_142bril'},'6':{defaultClass:'_1bafdf4'},'8':{defaultClass:'_18h9gbo'},'10':{defaultClass:'qdx2tg'},'12':{defaultClass:'vqzbl0'},'16':{defaultClass:'_1lyf4ft'},'20':{defaultClass:'_1a8vsvu'},'24':{defaultClass:'_1kevhuw'},'32':{defaultClass:'la9j7u'},'40':{defaultClass:'_1abu0se'},'48':{defaultClass:'_1ajhnt2'},'64':{defaultClass:'bwm3ed'},'80':{defaultClass:'_1dl7k3k'}}},paddingLeft:{values:{'0':{defaultClass:'_1p4iqlu'},'2':{defaultClass:'ve9prt'},'4':{defaultClass:'h326ad'},'6':{defaultClass:'a0p7aa'},'8':{defaultClass:'wmv8im'},'10':{defaultClass:'_1m6qxip'},'12':{defaultClass:'_1wwis30'},'16':{defaultClass:'_1my1di9'},'20':{defaultClass:'wca2ja'},'24':{defaultClass:'tyl91j'},'32':{defaultClass:'_10gfena'},'40':{defaultClass:'_1dxq8y2'},'48':{defaultClass:'hnvvp1'},'64':{defaultClass:'qgok3z'},'80':{defaultClass:'_1s22dzh'}}},paddingRight:{values:{'0':{defaultClass:'_15p46nw'},'2':{defaultClass:'_2tl6zy'},'4':{defaultClass:'e966yd'},'6':{defaultClass:'j7j9m3'},'8':{defaultClass:'_1lyuym7'},'10':{defaultClass:'_1lu7iq2'},'12':{defaultClass:'_1slc56j'},'16':{defaultClass:'_13t72r'},'20':{defaultClass:'k36dcs'},'24':{defaultClass:'v3glr'},'32':{defaultClass:'_1mi13fb'},'40':{defaultClass:'fg3svf'},'48':{defaultClass:'na4q07'},'64':{defaultClass:'_1i6xtkc'},'80':{defaultClass:'u8395'}}},paddingTop:{values:{'0':{defaultClass:'_8fqmix'},'2':{defaultClass:'_1elgjae'},'4':{defaultClass:'udslx0'},'6':{defaultClass:'_19p7wep'},'8':{defaultClass:'_1sisxjc'},'10':{defaultClass:'_6r3azy'},'12':{defaultClass:'_7ts8b5'},'16':{defaultClass:'_1b6ip1m'},'20':{defaultClass:'_40sawa'},'24':{defaultClass:'pbd7rb'},'32':{defaultClass:'dlkrcl'},'40':{defaultClass:'_1bewg9q'},'48':{defaultClass:'_1vtuvwe'},'64':{defaultClass:'_78ivss'},'80':{defaultClass:'_14f4np1'}}},pointerEvents:{values:{auto:{defaultClass:'d7hj1h'},none:{defaultClass:'_13ccu1v'}}},textAlign:{values:{end:{defaultClass:'_1wr1b8c'},start:{defaultClass:'rapwva'},center:{defaultClass:'_8vqxe5'},justify:{defaultClass:'ecgy6d'}}},textTransform:{values:{capitalize:{defaultClass:'igp5ci'},none:{defaultClass:'ptb197'},uppercase:{defaultClass:'_1k4kk5s'}}},transition:{values:{all:{defaultClass:'_1lh7kyy'},colors:{defaultClass:'_12wspld'},none:{defaultClass:'_1ed6fyj'},opacity:{defaultClass:'_144rzak'},transform:{defaultClass:'jq621b'}}},whiteSpace:{values:{nowrap:{defaultClass:'_1a7dg4i'}}},zIndex:{values:{'0':{defaultClass:'_1xz8a2u'},'10':{defaultClass:'_9bn1if'},'20':{defaultClass:'_649feg'},'30':{defaultClass:'otlpmq'},popover:{defaultClass:'_60t4d3'},toast:{defaultClass:'kzofzq'},tooltip:{defaultClass:'dhtljv'},auto:{defaultClass:'_9efc47'}}}}};
 
 const vars = {
   fontFamilyVar: fontFamilyVar
@@ -471,13 +477,13 @@ const shouldApplyCompound = (compoundCheck, selections) => {
   return true;
 };
 
-var box = recipeRuntime({base:'slmaeh'});
+var box = recipeRuntime({base:'_16yt15m'});
 
 function extractBoxProps(props) {
   const boxProps = {};
   const restProps = {};
   for (const [name, value] of Object.entries(props)) {
-    if (name === "className" || name === "styles" || sprinkles.properties.has(name)) {
+    if (name === "className" || name === "style" || sprinkles.properties.has(name)) {
       if (value !== null && value !== void 0) {
         boxProps[name] = value;
       }
@@ -488,16 +494,17 @@ function extractBoxProps(props) {
   return { boxProps, restProps };
 }
 
-const Slot$e = reactSlot.createSlot("@optiaxiom/react/Box");
+const Slot$f = reactSlot.createSlot("@optiaxiom/react/Box");
 const Box = React.forwardRef(
-  ({ asChild, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$e : "div";
+  ({ asChild, className, style, ...props }, ref) => {
+    const Comp = asChild ? Slot$f : "div";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
       {
         "data-axiom": version,
         ref,
+        style,
         ...box({}, sprinklesMerge(className, sprinkles(boxProps))),
         ...restProps
       }
@@ -513,6 +520,14 @@ const Icon = React.forwardRef(
 );
 Icon.displayName = "@optiaxiom/react/Icon";
 
+function useSurface(type) {
+  const surface = globals.unstable_useSurfaceContext("@optiaxiom/react/useSurface");
+  if (surface && (!type || surface.type === type)) {
+    return surface;
+  }
+  return void 0;
+}
+
 const mapValues = (obj, valueFn, keyFn = (key) => key) => {
   const result = {};
   for (const [key, value] of Object.entries(obj)) {
@@ -592,7 +607,7 @@ const toPlainTime = (date, step = "60") => {
   return hour + ":" + (Math.floor(parseInt(minute) / stepInMinutes) * stepInMinutes).toString().padStart(2, "0");
 };
 
-var loadable = recipeRuntime({base:[{transition:'opacity'},'wtgsqm']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_1rb4hso']});
 
 const ButtonLoadable = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -610,12 +625,12 @@ ButtonAddon.displayName = "@optiaxiom/react/ButtonAddon";
 
 const [ButtonProvider, useButtonContext] = reactContext.createContext("@optiaxiom/react/Button", { size: void 0 });
 
-var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'ewjrrl','qu6e2a','_188oey0'],'2':[undefined,'ewjrrl','qu6e2a','_17qh09h'],'3':[undefined,'ewjrrl','qu6e2a','o287ji'],'4':[undefined,'ewjrrl','qu6e2a','_1hwjt60']},truncate:{true:[undefined,'ewjrrl',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
+var text = recipeRuntime((function(){var x={variants:{lineClamp:{'1':[{overflow:'hidden'},'_1pbyqhy','_1acyy6y','o7hui8'],'2':[undefined,'_1pbyqhy','_1acyy6y','_1twusmc'],'3':[undefined,'_1pbyqhy','_1acyy6y','ca19yq'],'4':[undefined,'_1pbyqhy','_1acyy6y','_1ov5smh']},truncate:{true:[undefined,'_1pbyqhy',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
-const Slot$d = reactSlot.createSlot("@optiaxiom/react/Text");
+const Slot$e = reactSlot.createSlot("@optiaxiom/react/Text");
 const Text = React.forwardRef(
   ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
-    const Comp = asChild ? Slot$d : "p";
+    const Comp = asChild ? Slot$e : "p";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
@@ -643,14 +658,8 @@ const mapDirectionToAlign = {
   row: "center",
   "row-reverse": "center"
 };
-const Flex = React.forwardRef(
-  ({
-    alignItems,
-    display = "flex",
-    flexDirection = "column",
-    gap = "16",
-    ...props
-  }, ref) => {
+const Group = React.forwardRef(
+  ({ alignItems, display = "flex", flexDirection = "row", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
@@ -660,16 +669,15 @@ const Flex = React.forwardRef(
         ),
         display,
         flexDirection,
-        gap,
         ref,
         ...props
       }
     );
   }
 );
-Flex.displayName = "@optiaxiom/react/Flex";
+Group.displayName = "@optiaxiom/react/Group";
 
-var track = recipeRuntime({variants:{appearance:{'default':'_11hnoke',inverse:'beqbd1'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_1vsixl3',inverse:'nvdgmj'}}});
 
 const mapAppearanceToFg = {
   default: "fg.spinner.default",
@@ -688,11 +696,13 @@ const Spinner = React.forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      Flex,
+      Group,
       {
         alignItems,
         "aria-label": ariaLabel,
         display,
+        flexDirection: "column",
+        gap: "16",
         justifyContent,
         ref,
         role,
@@ -738,7 +748,7 @@ const Spinner = React.forwardRef(
 );
 Spinner.displayName = "@optiaxiom/react/Spinner";
 
-var transition = recipeRuntime({base:'yttylf',variants:{duration:{sm:'_1acpiu2',md:'broi7e',lg:'c137vl'}}});
+var transition = recipeRuntime({base:'_1hba547',variants:{duration:{sm:'haav6j',md:'_1i2wl4a',lg:'iawyzk'}}});
 
 const TransitionGlobalConfig = {
   skipAnimations: false
@@ -764,7 +774,7 @@ const useTransitionStatus = (ref) => {
   return open && !mounted ? "starting" : !open ? "ending" : void 0;
 };
 
-const Slot$c = reactSlot.createSlot("@optiaxiom/react/Transition");
+const Slot$d = reactSlot.createSlot("@optiaxiom/react/Transition");
 const Transition = React.forwardRef(
   ({
     children,
@@ -777,8 +787,8 @@ const Transition = React.forwardRef(
     const innerRef = React.useRef(null);
     const transitionStatus = useTransitionStatus(innerRef);
     const ref = reactComposeRefs.useComposedRefs(outerRef, innerRef);
-    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsxRuntime.jsx(Slot$c, { className, ref, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx(
-      Slot$c,
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsxRuntime.jsx(Slot$d, { className, ref, ...props, children }) : /* @__PURE__ */ jsxRuntime.jsx(
+      Slot$d,
       {
         "data-transition-fade": transitionStatus ? "" : void 0,
         "data-transition-pop": transitionStatus && type === "pop" ? "" : void 0,
@@ -864,10 +874,10 @@ function TransitionGroup({
 }
 TransitionGroup.displayName = "@optiaxiom/react/TransitionGroup";
 
-var buttonBase = recipeRuntime({base:['es8q60',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1yiyvam'],variants:{intent:{danger:'_1y52cs8',neutral:'_1sgepua',primary:'_166voj1'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{outline:'_147ip66','outline-opal':'_1dc5hiv',strong:'ng3vsx','strong-opal':'_14feluo',subtle:'g3yz3a'}},variantsCompounded:[{style:'twrqhz',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'phrdp5',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_3av8wd',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1xk1zlq',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_9uom00',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'_14v1lwb']});
+var buttonBase = recipeRuntime({base:['un8x29',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_15wqmn0'],variants:{intent:{danger:'_6l6tpz',neutral:'rt37g8',primary:'ggdbll'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{outline:'_5hwwus','outline-opal':'i40lbo',strong:'_1w8bl07','strong-opal':'dlr6xb',subtle:'i350jb'}},variantsCompounded:[{style:'_7393ku',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_5c48cm',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'p1u1fr',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1fg0cnx',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'n6szhs',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1tqbyd4']});
 
-const Slot$b = reactSlot.createSlot("@optiaxiom/react/ButtonRoot");
+const Slot$c = reactSlot.createSlot("@optiaxiom/react/ButtonRoot");
 const appearances = {
   danger: { intent: "danger", variant: "strong" },
   "danger-outline": { intent: "danger", variant: "outline" },
@@ -890,7 +900,7 @@ const ButtonRoot = React.forwardRef(
     square,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$b : "button";
+    const Comp = asChild ? Slot$c : "button";
     const { boxProps, restProps } = extractBoxProps(props);
     const { intent, variant } = appearances[appearance];
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -926,7 +936,7 @@ const ButtonRoot = React.forwardRef(
 );
 ButtonRoot.displayName = "@optiaxiom/react/ButtonRoot";
 
-const Slot$a = reactSlot.createSlot("@optiaxiom/react/Button");
+const Slot$b = reactSlot.createSlot("@optiaxiom/react/Button");
 const Button = React.forwardRef(
   ({
     addonAfter,
@@ -935,12 +945,14 @@ const Button = React.forwardRef(
     children,
     icon,
     iconPosition = "start",
+    onClick,
     size: sizeProp,
     square,
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$a : "button";
+    const Comp = asChild ? Slot$b : "button";
     const context = useButtonContext("@optiaxiom/react/Button");
+    const surface = useSurface("action");
     const size = sizeProp || context.size || "md";
     let isIconOnly = false;
     children = decorateChildren({ asChild, children }, (children2) => {
@@ -974,6 +986,12 @@ const Button = React.forwardRef(
       {
         asChild: true,
         justifyContent: square ? "center" : iconPosition === "end" ? "space-between" : "flex-start",
+        onClick: (event) => {
+          onClick?.(event);
+          if (surface) {
+            surface.track({ name: "invoked" });
+          }
+        },
         ref,
         size,
         square,
@@ -985,12 +1003,12 @@ const Button = React.forwardRef(
 );
 Button.displayName = "@optiaxiom/react/Button";
 
-var buttonGroup = recipeRuntime({base:'_1a405fv'});
+var buttonGroup = recipeRuntime({base:'lohau6'});
 
 const ButtonGroup = React.forwardRef(
   ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Flex,
+      Group,
       {
         "data-orientation": gap === "0" ? orientation : void 0,
         flexDirection: orientation === "vertical" ? "column" : "row",
@@ -1031,6 +1049,83 @@ const withIcon = ({
   return Icon;
 };
 
+const IconCircleCheckSolid = withIcon(
+  {
+    name: "IconCircleCheckSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconCircleExclamationSolid = withIcon(
+  {
+    name: "IconCircleExclamationSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zm0-384c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM224 352a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconCircleInfoSolid = withIcon(
+  {
+    name: "IconCircleInfoSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336l24 0 0-64-24 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const Slot$a = reactSlot.createSlot("@optiaxiom/react/IconOpal");
+const IconOpal = React.forwardRef(
+  ({ asChild, ...props }, ref) => {
+    const Comp = asChild ? Slot$a : "img";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        alt: "Opal",
+        ref,
+        src: "data:image/webp;base64,UklGRngGAABXRUJQVlA4WAoAAAAQAAAALwAALwAAQUxQSPoBAAABoLRtmyHJlv9GRoxt27Y9O8+sbNsr27a5sm2bx7ZtVkR872F2VkTEBCC21kDWVjPPvPWLkPLzm6ent8wM6AgJKw3UWvaaMLa8sqQ6oFUiBmh4TEg6L/8l3pN0B+sCOgGDPJtJWs8MekvKupwwGVEa7T+kWCYplny3FbSKpRQmkCkmLSlyJCIVQyksIx3T6MgFiNT/aSyjE6ZVHOdD/4/BWDphmsVxGMx/aLQhhWkXshk0AIWc79ExQMc3skEBGuuYYpApLoNBhNqOEobwz6qINPbTMlDL3dCokqKEIvytHDCXlsFaToN+Th+O50M0sgxY+HvtyfQB0XP0gbAc9z4Py/PhV5SQhB//ycB/caHZ4FJ/hPbT55SQhB88og/J8/Y+upAct42mD8lzUM3fKOEIf66Me/ThOF4HptKGYzkWKPkzJRThd0VhsIk2FMtVMBHK/kIJQ/hDCUQwmMFUGJZTYAAF9Zg2BMu7gAKgUe0P+vQ5/lIBGv826E76dHmyIwz+22AE6dPjyAEw+H+N4aRNhyX7wyCuRpdfaSUpsfypAwziG1S6R1pJQix5sywMMmqAKd+T1kk8cY78ZjxgkHENFF/xNUnvvQgp4r0n+eWSIkCEJJUBCo249B1jf3t+aH7AIOnIACjba/WlV7747rvPX764skcZAEYhNlZQOCBYBAAA0BUAnQEqMAAwAAAAACWwAnTKEcw+Afg3+nn+H+QSgPxb7Yfq//kssE8T/Kf9J/WvyI7QHmC/pz/VfzO/sXce8wHRY9A39eOuF9EvpO/2k/Zn2WLsv+weA/gl8yRgyM/CHvn2oN6CKHzC/6z6MejP6L9gD+M/0P/g/lV3dv1u9iD9XDpv4Pmbsxz3+4DV3DTgOT+2sNNtvT2De9mpwZz2tys38g7Ex2b1+rQdl8eD7VJf6UuLUNgAAP7//xvff2waCax+0nIivhG6p+wO4oA+r9IoQXy31wj0QY96ZA0g/8bLQabB5myn+14h4iyjnfMUOswsf+k+zW/2yARwIlBEfk+NAw5mFPjWrT7r7Se//A6/god4hh+5AI/YiGsvEaohhf3Kf/+betEfYeGuifwyLvxn5N0CDKU8qX7A/6n/eqktgEdOIzWakKt5L65bV2eEFZ/FTcy+ziGcB2RPI4KeFINugFzZQ6EBfqkXTOYShPBGvmzmJOe8cPPQEmuT5sdMORg3N4RPqU799iCl4uyZQ/9hNW4nf9OjN45N75et9EGPkVbbcaSJzt0cNgkgfjvc+JXM/61ST92rpVrKpUogszga6HqCY5RXt85d1jdU77MAA/v6bgn3tuKejzH9a/lYqP7Sv4XwQSlr9RxZINph14I2uYy0W5EoFwkhDJnwxEHCb+XY2Rwh9R/mpBItNmlEFYnuvGKW5AAiaG9LJL5+lplk0WWM12WJzICLfHQ670nX2gPir1GFyZPTsT1wlfq9Umaa2Km5+pHTqdnvhR5h4e9575kfIdCipByx7sMm2iBFeWqXX+hr7tEMTNHnVOzaFYanmX93LIuUoZm0uYKnWPVXalsXXeDhlrhCmo9tL3hfzFEWBbnPYWkPof2Yj7ZhwT6QUPVTlenyPrz8kiZ4g0NYySwWGnjlBhmEul9OyZe+udvexjXNCDtIZ49IvgHHZo/rGBcIrIzwAxekOnr0jAxuHx5rcLI1dqli4cNh/U1kuvmCcXQHIONQi5rBJE57YfE2gBhOoFa6fOXGnNvSg38AXv515HRldxa8+ZBAS4S/nXhIHyobMNBfyGXf5xjsZZdxacaBeHD8z1IRpt4EY81lXZFd13rNaU+ewS/01QghoxUuv6FbyeZSBo3hMr3XJGSHLXGG1Aac/CQarfcdt6oVaJXsSIRu6M+5Up5x+mfe+LQX/UlWaxk9j0QKzcMgCS12kobCjkhEGDrKqjUIBNgH9Pd8zMACRzg0uFvQ9oeODvW6jH3t2jrwiURoGfktQstbwvNZBnbuKlFXyPIFYmljQG+2Xuq4valALCCK56NYl7uk39TrW7JnHvChVvPqYj8Qr8TixKspxTNxqe59YRwKPvUfBzsJuE30ddVGkjWbt1gR4Q+Che/knkliTtj//Zjz994aEembHwwf98SRQf/ndzu+eifpMdEj8CF0piR2o++KUcg5D4Sur+Br5cGVO/GVwTbGtAA=",
+        ...props
+      }
+    );
+  }
+);
+IconOpal.displayName = "@optiaxiom/react/IconOpal";
+
+const IconTriangleExclamationSolid = withIcon(
+  {
+    name: "IconTriangleExclamationSolid",
+    viewBox: "0 0 512 512"
+  },
+  // <!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480L40 480c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
 const IconX = withIcon(
   {
     name: "IconX"
@@ -1046,6 +1141,51 @@ const IconX = withIcon(
   )
 );
 
+var alert = recipeRuntime({base:[{alignItems:'start',color:'fg.default',fontSize:'md',fontWeight:'500',gap:'8',justifyContent:'space-between',p:'12',pr:'16',rounded:'md'}],variants:{intent:{danger:{bg:'bg.error.subtle'},information:{bg:'bg.information.subtle'},neutral:{bg:'bg.secondary'},opal:{backgroundImage:'gradient.opal'},success:{bg:'bg.success.subtle'},warning:{bg:'bg.warning.subtle'}}}});
+var content$6 = recipeRuntime({base:[{flex:'1',flexDirection:'column',gap:'8',justifyContent:'center'},'_1svi0ie']});
+var icon$3 = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
+
+const mapIntentToIcon = {
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  opal: IconOpal,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
+};
+const Alert = React.forwardRef(
+  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Group,
+      {
+        "aria-labelledby": labelId,
+        ref,
+        role: "alert",
+        ...alert({ intent }, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, ...icon$3({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Group, { id: labelId, ...content$6(), children }),
+          !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              appearance: "subtle",
+              "aria-label": "close",
+              color: "fg.default",
+              flex: "none",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(IconX, {}),
+              onClick: onDismiss,
+              size: "sm"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "@optiaxiom/react/Alert";
+
 const DialogKitContext = React.createContext(void 0);
 
 const EMPTY = [];
@@ -1287,11 +1427,11 @@ function Dialog({
 }
 Dialog.displayName = "@optiaxiom/react/Dialog";
 
-var body$1 = recipeRuntime({base:[{flex:'1',fontSize:'md',px:'24',py:'16',z:'0'},'_1rby5gl']});
+var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'e4vhny']});
 
 const DialogBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Flex, { ref, ...body$1({}, className), ...props, children });
+    return /* @__PURE__ */ jsxRuntime.jsx(Group, { ref, ...body$1({}, className), ...props, children });
   }
 );
 DialogBody.displayName = "@optiaxiom/react/DialogBody";
@@ -1321,7 +1461,7 @@ const DialogClose = React.forwardRef(
 );
 DialogClose.displayName = "@optiaxiom/react/DialogClose";
 
-var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1pqamiu']});
+var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'yuy1ac']});
 
 const Backdrop = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...backdrop$2({}, className), ...props })
@@ -1345,11 +1485,11 @@ const Portal = React.forwardRef(
 );
 Portal.displayName = "@optiaxiom/react/Portal";
 
-var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'hu5f50'}}});
-var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1wrxqaa'],variants:{size:{sm:'_1cjxif3',md:'zd1i8q',lg:'_7bouoq',fullscreen:'xq6yvn'}}});
-var nestedDialogCountVar$1 = 'var(--_16my7q2)';
-var scrollPaddingBottomVar = 'var(--vqukdw)';
-var scrollPaddingTopVar = 'var(--fxvdbt)';
+var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'ac4ezc'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'p0v015'],variants:{size:{sm:'_14jcsls',md:'_8l0cds',lg:'pdgc7r',fullscreen:'foj1ih'}}});
+var nestedDialogCountVar$1 = 'var(--_1rej5it)';
+var scrollPaddingBottomVar = 'var(--_15m8oxl)';
+var scrollPaddingTopVar = 'var(--ey6w0n)';
 
 var styles = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1472,13 +1612,13 @@ const DialogContent = React.forwardRef(
 );
 DialogContent.displayName = "@optiaxiom/react/DialogContent";
 
-var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_12sosvo']});
+var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'j7coga']});
 
 const DialogFooter = React.forwardRef(
   ({ children, className, ...props }, outerRef) => {
     const { footerRef } = useDialogContext("@optiaxiom/react/DialogFooter");
     const ref = reactComposeRefs.useComposedRefs(footerRef, outerRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { ref, ...footer$1({}, className), ...props, children }) });
+    return /* @__PURE__ */ jsxRuntime.jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Group, { ref, ...footer$1({}, className), ...props, children }) });
   }
 );
 DialogFooter.displayName = "@optiaxiom/react/DialogFooter";
@@ -1563,11 +1703,11 @@ const VisuallyHidden = React.forwardRef(
 );
 VisuallyHidden.displayName = "@optiaxiom/react/VisuallyHidden";
 
-var actions = recipeRuntime({base:[{flexDirection:'row',gap:'8'},'_12eoat']});
-var close = recipeRuntime({base:['_1qrly20']});
-var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_3xegqa']});
-var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_1rnda1g']});
-var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1p4m1lc']});
+var actions = recipeRuntime({base:[{gap:'8'},'_1wcksd1']});
+var close = recipeRuntime({base:['bk7q7q']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'yaf6vi']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_2hya77']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1chl41u']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, className, description, ...props }, outerRef) => {
@@ -1584,7 +1724,7 @@ const DialogHeader = React.forwardRef(
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(Heading, { asChild: true, level: "3", ...title$1(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { children }) }),
-      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Flex, { ...actions(), children: addonAfter }),
+      addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Group, { ...actions(), children: addonAfter }),
       description ? /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, ...description$1(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, { children: description }) }) : /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Description, {}) })
     ] });
   }
@@ -1633,11 +1773,13 @@ AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
 
 const AlertDialogBody = React.forwardRef(
   ({ children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
-    Flex,
+    Group,
     {
       asChild: true,
       flex: "1",
+      flexDirection: "column",
       fontSize: "md",
+      gap: "16",
       px: "24",
       py: "16",
       ref,
@@ -1680,10 +1822,10 @@ const AlertDialogCancel = React.forwardRef(
 );
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1ggo5h8'}}});
-var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'rje61q'],variants:{size:{sm:'_1a2g1gl',md:'_1fde9wh',lg:'_1q429pv'}}});
-var nestedDialogCountVar = 'var(--_12mgu31)';
-var root$4 = recipeRuntime({base:[{alignItems:'center',gap:'0',z:'popover'},'_15q2nrg']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1vef9yd'}}});
+var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'mvfr6h'],variants:{size:{sm:'_1j4p05h',md:'_3yf0b6',lg:'_1m52uj6'}}});
+var nestedDialogCountVar = 'var(--eula73)';
+var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'_11vw2f8']});
 
 const AlertDialogContent = React.forwardRef(
   ({
@@ -1726,7 +1868,7 @@ const AlertDialogContent = React.forwardRef(
               children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, {})
             }
           ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Flex, { ...root$4(), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(Group, { ...root$4(), children: [
             /* @__PURE__ */ jsxRuntime.jsx(Box, { flex: "1", pointerEvents: "none" }),
             /* @__PURE__ */ jsxRuntime.jsx(Transition, { type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(
               Paper,
@@ -1784,17 +1926,17 @@ const AlertDialogContent = React.forwardRef(
 );
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'gxnk44']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'azzjnz']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { ...footer({}, className), ref, ...props, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsxRuntime.jsx(Group, { ...footer({}, className), ref, ...props, children }) });
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
 
-var header$1 = recipeRuntime({base:[{bg:'bg.default',flexDirection:'row',gap:'8',p:'24',pb:'16',z:'10'},'_15ex5rr']});
+var header$1 = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1nzqpvn']});
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { ref, ...header$1({}, className), ...props, children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(Group, { ref, ...header$1({}, className), ...props, children: [
     /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore && fallbackSpan(addonBefore) }),
     /* @__PURE__ */ jsxRuntime.jsx(Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Title, { children }) })
   ] });
@@ -1894,6 +2036,102 @@ const useObserveValue = (inputRef, setValue) => {
   };
 };
 
+function useCallbackRef(callback) {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+
+function useDebouncedCallback(callback, options) {
+  const { delay, flushOnUnmount, leading } = { delay: options, flushOnUnmount: false, leading: false } ;
+  const handleCallback = useCallbackRef(callback);
+  const debounceTimerRef = React.useRef(0);
+  const lastCallback = React.useMemo(() => {
+    const currentCallback = Object.assign(
+      (...args) => {
+        window.clearTimeout(debounceTimerRef.current);
+        const isFirstCall = currentCallback._isFirstCall;
+        currentCallback._isFirstCall = false;
+        function clearTimeoutAndLeadingRef() {
+          window.clearTimeout(debounceTimerRef.current);
+          debounceTimerRef.current = 0;
+          currentCallback._isFirstCall = true;
+        }
+        if (leading && isFirstCall) {
+          handleCallback(...args);
+          const resetLeadingState = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          const flush2 = () => {
+            if (debounceTimerRef.current !== 0) {
+              clearTimeoutAndLeadingRef();
+              handleCallback(...args);
+            }
+          };
+          const cancel2 = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          currentCallback.flush = flush2;
+          currentCallback.cancel = cancel2;
+          debounceTimerRef.current = window.setTimeout(resetLeadingState, delay);
+          return;
+        }
+        if (leading && !isFirstCall) {
+          const flush2 = () => {
+            if (debounceTimerRef.current !== 0) {
+              clearTimeoutAndLeadingRef();
+              handleCallback(...args);
+            }
+          };
+          const cancel2 = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          currentCallback.flush = flush2;
+          currentCallback.cancel = cancel2;
+          const resetLeadingState = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          debounceTimerRef.current = window.setTimeout(resetLeadingState, delay);
+          return;
+        }
+        const flush = () => {
+          if (debounceTimerRef.current !== 0) {
+            clearTimeoutAndLeadingRef();
+            handleCallback(...args);
+          }
+        };
+        const cancel = () => {
+          clearTimeoutAndLeadingRef();
+        };
+        currentCallback.flush = flush;
+        currentCallback.cancel = cancel;
+        debounceTimerRef.current = window.setTimeout(flush, delay);
+      },
+      {
+        flush: () => {
+        },
+        cancel: () => {
+        },
+        _isFirstCall: true
+      }
+    );
+    return currentCallback;
+  }, [handleCallback, delay, leading]);
+  React.useEffect(
+    () => () => {
+      if (flushOnUnmount) {
+        lastCallback.flush();
+      } else {
+        lastCallback.cancel();
+      }
+    },
+    [lastCallback, flushOnUnmount]
+  );
+  return lastCallback;
+}
+
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -1966,8 +2204,97 @@ function useAuthContext() {
   return React.useContext(globals.AxiomAuthContext);
 }
 
+const IconUserSolid = withIcon(
+  {
+    name: "IconUserSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconUsersSolid = withIcon(
+  {
+    name: "IconUsersSolid",
+    viewBox: "0 0 640 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
+      fill: "currentColor"
+    }
+  )
+);
+
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1gdx57p'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1f5rafo'],xs:[{fontWeight:'400',size:'xs'},'_1otywmi'],sm:[{size:'sm'},'_1xsomnn'],md:[{size:'md'},'qxefm6'],lg:[{size:'lg'},'_1y9p1r2'],xl:[{size:'xl'},'_1sixhws'],'3xl':[{size:'3xl'},'_1nvn40p']}}});
+var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
+var icon$2 = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
+
+const [AvatarProvider, useAvatarContext] = reactContext.createContext("@optiaxiom/react/Avatar", { size: void 0 });
+
+function getInitialsFromName(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] ?? "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+const mapFallbackToIcon = {
+  opal: null,
+  team: /* @__PURE__ */ jsxRuntime.jsx(IconUsersSolid, {}),
+  user: /* @__PURE__ */ jsxRuntime.jsx(IconUserSolid, {})
+};
+const Avatar = React.forwardRef(
+  ({
+    children,
+    className,
+    colorScheme = "neutral",
+    fallback: fallback$1 = "user",
+    name,
+    size: sizeProp,
+    src,
+    ...props
+  }, ref) => {
+    const context = useAvatarContext("@optiaxiom/react/Avatar");
+    const size = sizeProp || context?.size || "md";
+    if (fallback$1 === "opal") {
+      fallback$1 = "user";
+      src = "opal";
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild: true,
+        ...avatar({ colorScheme, size }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAvatar__namespace.Root, { ref, children: [
+          src && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: src === "opal" ? /* @__PURE__ */ jsxRuntime.jsx(IconOpal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "Opal" }) }) : /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "avatar", src }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Fallback, { delayMs: src ? 600 : void 0, children: (children ?? (name ? getInitialsFromName(name) : void 0)) || /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$2({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
+        ] })
+      }
+    );
+  }
+);
+Avatar.displayName = "@optiaxiom/react/Avatar";
+
+var avatarGroup = recipeRuntime({base:['t5we1t',{display:'flex'}]});
+
+const AvatarGroup = React.forwardRef(
+  ({ children, className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(AvatarProvider, { size, children }) });
+  }
+);
+AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
+
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'mnn544',md:'_61bom2',base:'_74tccw'},defaultClass:'_74tccw'},vertical:{conditions:{sm:'_5zhpd5',md:'guzuxz',base:'_1fw2pzw'},defaultClass:'_1fw2pzw'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1bgqa3m',md:'_16k3fqc',base:'_1qf2q6a'},defaultClass:'_1qf2q6a'},vertical:{conditions:{sm:'_9gdl8z',md:'_7k4kao',base:'wdtudm'},defaultClass:'wdtudm'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 const Separator = React.forwardRef(
   ({ className, orientation = "horizontal", ...props }, ref) => {
@@ -2147,7 +2474,7 @@ function TooltipProvider({
 }
 TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
 
-var cover = recipeRuntime({variants:{disabled:{false:['_15gqmg3','nxlo92'],true:{}},inset:{false:'_1sxl4b3',true:'_4rpvlc'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['hgnber','_383dvj'],true:{}},inset:{false:'_1rx0rsn',true:'ilnmz0'}}});
 
 const Cover = React.forwardRef(
   ({ className, disabled = false, inset = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2219,9 +2546,46 @@ function useHighlightedIndex(open, getInitialHighlightedIndex = () => -1) {
   ];
 }
 
-const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
+const resolveItemProperty$1 = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [CommandProvider, useCommandContext] = reactContext.createContext("@optiaxiom/react/Command");
 
+const buildSurfacePath = (basePath, surface) => {
+  return `${basePath ? `${basePath}/` : ""}${surface.type}<${surface.name}>`;
+};
+
+function filterSuggestionsBySurface(suggestions, path, surfaces) {
+  if (!suggestions || !surfaces?.length) {
+    return suggestions;
+  }
+  const targetPath = surfaces.reduce(buildSurfacePath, path ?? "");
+  return suggestions.filter((s) => s.surface === targetPath);
+}
+
+function useDebouncedTrack() {
+  const { track } = useSurface() ?? {};
+  const debouncedTrack = useDebouncedCallback(
+    (interaction) => {
+      track?.(interaction);
+    },
+    300
+  );
+  return track ? debouncedTrack : void 0;
+}
+
+function useSuggestions(type) {
+  const surface = useSurface();
+  if (!surface?.suggestions) {
+    return void 0;
+  }
+  const filtered = surface.suggestions.filter(
+    (s) => s.surface === surface.path
+  );
+  if (!type) {
+    return filtered;
+  }
+  return filtered.filter((s) => s.type === type);
+}
+
 const collator = new Intl.Collator(void 0, {
   sensitivity: "base",
   usage: "search"
@@ -2251,7 +2615,7 @@ function score(item, inputValue) {
   if (!inputValue || item.skipFilterScoring) {
     return 0;
   }
-  const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();
+  const label = resolveItemProperty$1(item.label, { inputValue }).normalize().toLowerCase();
   inputValue = inputValue.toLowerCase();
   let score2 = 0;
   if (label === inputValue) {
@@ -2275,33 +2639,63 @@ const useCommandItems = ({
   options
 }) => {
   const filterFn = useEffectEvent((item, inputValue2) => {
-    const string = resolveItemProperty(item.label, {
+    const string = resolveItemProperty$1(item.label, {
       inputValue: inputValue2
     }).normalize();
-    return "visible" in item ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
+    return "visible" in item ? resolveItemProperty$1(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
   });
+  const surface = useSurface();
+  const suggestions = surface?.suggestions.filter((s) => s.type === "value");
   return React.useMemo(() => {
     const substring = (inputValue ?? "").normalize();
+    const processedSurfaces = /* @__PURE__ */ new Set();
+    const suggestedValues = /* @__PURE__ */ new Map();
+    for (const option of options) {
+      if (option.surface?.type === "property") {
+        const optionSurface = option.surface;
+        const key = option.surface.name;
+        if (processedSurfaces.has(key)) {
+          continue;
+        }
+        processedSurfaces.add(key);
+        filterSuggestionsBySurface(suggestions, surface?.path, [
+          {
+            name: option.surface.name,
+            type: "property"
+          }
+        ])?.forEach((s) => {
+          const path = buildSurfacePath(surface?.path, {
+            name: optionSurface.name,
+            type: optionSurface.type
+          });
+          suggestedValues.set(path, s.value);
+        });
+      }
+    }
     const callback = (parentOption) => (item) => {
-      return item.subOptions && substring ? resolveItemProperty(item.subOptions, { inputValue }).flatMap(
+      return item.subOptions && substring ? resolveItemProperty$1(item.subOptions, { inputValue }).flatMap(
         callback(item)
       ) : filterFn(item, substring) ? [
         parentOption ? {
           ...item,
           key: [
-            parentOption.key ?? resolveItemProperty(parentOption.label, {
+            parentOption.key ?? resolveItemProperty$1(parentOption.label, {
               inputValue
             }),
-            item.key ?? resolveItemProperty(item.label, { inputValue })
+            item.key ?? resolveItemProperty$1(item.label, { inputValue })
           ].join("-"),
           parentOption
         } : item
       ] : [];
     };
     return options.flatMap(callback()).sort((a, b) => {
-      return (b.group?.priority ?? 0) + score(b, substring) - ((a.group?.priority ?? 0) + score(a, substring));
+      const aIsSuggested = a.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, a.surface)) === a.surface.value;
+      const bIsSuggested = b.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, b.surface)) === b.surface.value;
+      const aScore = score(a, substring) + (aIsSuggested ? 1e3 : 0);
+      const bScore = score(b, substring) + (bIsSuggested ? 1e3 : 0);
+      return (b.group?.priority ?? 0) + bScore - ((a.group?.priority ?? 0) + aScore);
     });
-  }, [options, filterFn, inputValue]);
+  }, [options, filterFn, inputValue, suggestions, surface?.path]);
 };
 
 function Command({
@@ -2329,12 +2723,12 @@ function Command({
   });
   const highlightedItemRef = React.useRef(null);
   const downshift$1 = downshift.useCombobox({
-    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
+    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty$1(item.disabledReason)) : highlightedIndex,
     inputValue,
-    isItemDisabled: (item) => Boolean(resolveItemProperty(item?.disabledReason)),
+    isItemDisabled: (item) => Boolean(resolveItemProperty$1(item?.disabledReason)),
     isOpen: !!enabled,
     items,
-    itemToString: (item) => item !== null ? resolveItemProperty(item.label, { inputValue }) : "",
+    itemToString: (item) => item !== null ? resolveItemProperty$1(item.label, { inputValue }) : "",
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
       setHighlightedIndex(highlightedIndex2);
       if (highlightedIndex2 !== -1) {
@@ -2426,436 +2820,197 @@ const IconMagnifyingGlass = withIcon(
   ] })
 );
 
-var addon$1 = recipeRuntime({base:{display:'flex',flex:'none'}});
-var input$2 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
-var root$3 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
-
-const [InputProvider, useInputContext] = reactContext.createContext("@optiaxiom/react/Input");
-
-const InputAddon = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const { addonPointerEvents, inputRef } = useInputContext(
-      "@optiaxiom/react/InputAddon"
-    );
-    const addonProps = addonPointerEvents === "none" ? {
-      fontSize: "md",
-      onPointerUp: (event) => {
-        if (isFocusCaptured(event)) {
-          return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        inputRef.current?.focus();
-      }
-    } : {
-      fontSize: "md"
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...addonProps, ...props, children });
+function Suggestion({ ...props }) {
+  const surface = useSurface();
+  const hasPopover = surface?.suggestionPopover.registered;
+  const messageSuggestions = useSuggestions("message");
+  const valueSuggestions = useSuggestions("value");
+  const [isExecuting, setIsExecuting] = React.useState(false);
+  const messageSuggestion = messageSuggestions?.[0];
+  const valueSuggestion = !hasPopover ? valueSuggestions?.[0] : void 0;
+  const suggestion = messageSuggestion ?? valueSuggestion;
+  if (!suggestion) {
+    return null;
   }
+  const text = suggestion.type === "message" ? suggestion.text : surface?.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
+  const reason = suggestion.type === "value" ? suggestion.reason : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Alert,
+    {
+      intent: "opal",
+      onDismiss: () => surface?.reject(suggestion.id),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { children: text }),
+        reason && /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: reason }),
+        /* @__PURE__ */ jsxRuntime.jsx(Group, { gap: "4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            appearance: "primary-opal",
+            disabled: isExecuting,
+            loading: isExecuting,
+            onClick: async () => {
+              if (suggestion.type === "message" && suggestion.tool) {
+                setIsExecuting(true);
+                try {
+                  await surface?.executeTool(
+                    suggestion.tool.name,
+                    suggestion.tool.parameters
+                  );
+                } finally {
+                  setIsExecuting(false);
+                }
+              }
+              surface?.accept(suggestion.id);
+            },
+            size: "sm",
+            children: "Accept"
+          }
+        ) })
+      ]
+    }
+  );
+}
+Suggestion.displayName = "@optiaxiom/react/Suggestion";
+
+const IconCheck = withIcon(
+  {
+    name: "IconCheck"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
 );
-InputAddon.displayName = "@optiaxiom/react/InputAddon";
 
-var control$3 = recipeRuntime({base:['wynzv8',{bg:'transparent',flex:'auto',w:'full'},'_1uxfnna','qqtqu8'],variants:{size:{md:{},lg:{},xl:['kw7m5c']}}});
+const [PopoverProvider, usePopoverContext] = reactContext.createContext("@optiaxiom/react/Popover");
 
-const Slot$7 = reactSlot.createSlot("@optiaxiom/react/InputControl");
-const InputControl = React.forwardRef(
-  ({
-    asChild,
-    children,
-    className,
-    error: errorProp,
-    onChange,
-    onValueChange,
-    size = "md",
-    ...props
-  }, outerRef) => {
-    const Comp = asChild ? Slot$7 : "input";
-    const disabled = props.disabled;
-    const readOnly = props.readOnly;
-    const { descriptionId, error, errorId, inputId } = useFieldContext(
-      "@optiaxiom/react/InputControl"
-    );
-    const { boxProps, restProps } = extractBoxProps(props);
-    const { inputRef } = useInputContext("@optiaxiom/react/InputControl");
-    const ref = reactComposeRefs.useComposedRefs(inputRef, outerRef);
+const usePopoverScope = RadixPopover__namespace.createPopoverScope();
+
+function Popover({
+  children,
+  defaultOpen = false,
+  modal,
+  onOpenChange,
+  open: openProp
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    caller: "@optiaxiom/react/Popover",
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const [presence, setPresence] = React.useState(false);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixPopover__namespace.Root,
+    {
+      modal,
+      onOpenChange: setOpen,
+      open,
+      ...usePopoverScope(void 0),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        PopoverProvider,
+        {
+          open,
+          presence,
+          setPresence,
+          children
+        }
+      )
+    }
+  );
+}
+Popover.displayName = "@optiaxiom/react/Popover";
+
+const PopoverAnchor = React.forwardRef(
+  ({ asChild, children, staticRef, ...props }, ref) => {
+    const { __scopePopover } = usePopoverScope(void 0);
+    const { open } = usePopoverContext("@optiaxiom/react/PopoverAnchor");
+    const [virtualRef, setVirtualRef] = React.useState({ current: null });
+    React.useEffect(() => {
+      if (!staticRef?.current || !open) {
+        return;
+      }
+      const rect = staticRef.current.getBoundingClientRect();
+      setVirtualRef({ current: { getBoundingClientRect: () => rect } });
+    }, [open, staticRef]);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
-        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
-        "aria-disabled": disabled,
-        "aria-invalid": error || errorProp ? true : void 0,
         asChild: true,
-        "data-disabled": disabled ? "" : void 0,
-        "data-invalid": error || errorProp ? "" : void 0,
-        "data-readonly": readOnly ? "" : void 0,
-        ...control$3({ size }, className),
-        ...boxProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          Comp,
-          {
-            id: inputId,
-            onChange: (event) => {
-              onChange?.(
-                event
-              );
-              if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
-                onValueChange?.(event.target.value);
-              }
-            },
-            ref,
-            ...restProps,
-            children
-          }
-        )
+        ref,
+        virtualRef: staticRef ? virtualRef : void 0,
+        ...props,
+        ...{ __scopePopper: __scopePopover },
+        children: /* @__PURE__ */ jsxRuntime.jsx(RadixPopper__namespace.Anchor, { asChild, children })
       }
     );
   }
 );
-InputControl.displayName = "@optiaxiom/react/InputControl";
-
-var root$2 = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1c3rbg1']});
+PopoverAnchor.displayName = "@optiaxiom/react/PopoverAnchor";
 
-const InputRoot = React.forwardRef(
-  ({
-    addonPointerEvents = "auto",
-    children,
-    className,
-    onPointerDown,
-    ...props
-  }, ref) => {
-    const inputRef = React.useRef(null);
+const Listbox = React.forwardRef(
+  ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Flex,
+      Box,
       {
-        onPointerDown: (event) => {
-          onPointerDown?.(event);
-          if (event.defaultPrevented) {
-            return;
-          }
-          if (event.target !== event.currentTarget) {
-            return;
-          }
-          event.preventDefault();
-          event.stopPropagation();
-          inputRef.current?.focus();
-        },
+        display: "flex",
+        flex: "1",
+        flexDirection: "column",
+        gap: "2",
+        overflow: "auto",
         ref,
-        ...root$2({}, className),
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          InputProvider,
-          {
-            addonPointerEvents,
-            inputRef,
-            children
-          }
-        )
+        children
       }
     );
   }
 );
-InputRoot.displayName = "@optiaxiom/react/InputRoot";
+Listbox.displayName = "@optiaxiom/react/Listbox";
 
-const Slot$6 = reactSlot.createSlot("@optiaxiom/react/Input");
-const Input = React.forwardRef(
-  ({
-    addonAfter,
-    addonBefore,
-    addonPointerEvents,
-    appearance = "default",
-    asChild,
-    children,
-    className,
-    htmlSize,
-    size = "md",
-    style,
-    ...props
-  }, ref) => {
-    const Comp = asChild ? Slot$6 : "input";
-    const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsxs(
-      InputRoot,
-      {
-        addonPointerEvents,
-        style,
-        ...root$3({ size }, className),
-        ...boxProps,
-        children: [
-          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(InputAddon, { asChild: true, ...addon$1(), children: fallbackSpan(addonBefore) }),
-          /* @__PURE__ */ jsxRuntime.jsx(
-            InputControl,
-            {
-              asChild: true,
-              size,
-              ...input$2({ appearance, size }),
-              ...restProps,
-              children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, size: htmlSize, children })
-            }
-          ),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(InputAddon, { asChild: true, ...addon$1(), children: fallbackSpan(addonAfter) })
-        ]
-      }
-    );
-  }
-);
-Input.displayName = "@optiaxiom/react/Input";
+var toggleInput = recipeRuntime({base:['tml7bk',{alignItems:'start',display:'inline-flex',gap:'8'},'ashl6a']});
 
-const CommandInput = React.forwardRef(
-  ({ onBlur, onKeyDown, size, ...props }, ref) => {
-    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
-    const setInputValueStable = useEffectEvent(setInputValue);
-    React.useEffect(() => {
-      setInputValueStable("");
-    }, [setInputValueStable]);
-    const preventDownshiftBlurRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Input,
+const [ToggleInputProvider, useToggleInputContext] = reactContext.createContext("@optiaxiom/react/ToggleInput");
+
+const Slot$7 = reactSlot.createSlot("@optiaxiom/react/ToggleInput");
+const ToggleInput = React.forwardRef(
+  ({ asChild, children, className, onMouseDown, ...props }, ref) => {
+    const Comp = asChild ? Slot$7 : "label";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const descriptionId = reactId.useId();
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(Group, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
       {
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass, {}),
-        htmlSize: 1,
-        size,
-        ...downshift.getInputProps({
-          "aria-label": props.placeholder,
-          ref,
-          ...props,
-          onBlur: (event) => {
-            onBlur?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (preventDownshiftBlurRef.current) {
-              Object.assign(event, { preventDownshiftDefault: true });
-              preventDownshiftBlurRef.current = false;
-            }
-          },
-          onChange: (event) => {
-            setInputValue("value" in event.target ? event.target.value : "");
-          },
-          onKeyDown: (event) => {
-            onKeyDown?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (!(event.target instanceof HTMLInputElement)) {
-              return;
-            }
-            if (!highlightedItem) {
-              return;
-            }
-            const selectedWithSpace = !event.target.value && event.key === " ";
-            if (highlightedItemRef.current instanceof HTMLAnchorElement && !highlightedItem.execute && (selectedWithSpace || event.key === "Enter")) {
-              const { view: _view, ...eventInit } = event;
-              event.preventDefault();
-              Object.assign(event, { preventDownshiftDefault: true });
-              if (highlightedItem.external) {
-                eventInit.metaKey = true;
-              }
-              preventDownshiftBlurRef.current = true;
-              highlightedItemRef.current.dispatchEvent(
-                new MouseEvent("click", eventInit)
-              );
-              downshift.selectItem(highlightedItem);
-            } else if (selectedWithSpace) {
-              event.preventDefault();
-              downshift.selectItem(highlightedItem);
-            }
+        onMouseDown: (event) => {
+          onMouseDown?.(event);
+          if (!event.defaultPrevented && event.detail > 1) {
+            event.preventDefault();
           }
-        })
+        },
+        ref,
+        ...restProps,
+        children
       }
-    );
+    ) }) });
   }
 );
-CommandInput.displayName = "@optiaxiom/react/CommandInput";
-
-const IconAngleRight = withIcon(
-  {
-    fill: "none",
-    name: "IconAngleRight"
-  },
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M7.5 13L12.5 8L7.5 3",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'lto7v3']});
-
-const CommandItem = React.forwardRef(
-  ({
-    asChild,
-    children,
-    index,
-    item,
-    onClick,
-    onMouseLeave,
-    onMouseMove,
-    selected,
-    size,
-    ...props
-  }, outerRef) => {
-    const {
-      downshift,
-      enabled,
-      highlightedItem,
-      highlightedItemRef,
-      inputValue,
-      items,
-      pauseInteractionRef
-    } = useCommandContext("@optiaxiom/react/CommandItem");
-    const ref = reactComposeRefs.useComposedRefs(
-      highlightedItem === item ? highlightedItemRef : void 0,
-      outerRef
-    );
-    const itemProps = downshift.getItemProps({
-      "aria-posinset": index + 1,
-      "aria-selected": selected ?? resolveItemProperty(item.selected),
-      "aria-setsize": items.length,
-      item,
-      onClick: (event) => {
-        onClick?.(event);
-        if (event.currentTarget instanceof HTMLAnchorElement) {
-          if (event.altKey || event.metaKey || event.shiftKey) {
-            Object.assign(event, {
-              preventDownshiftDefault: true
-            });
-          } else {
-            if (item.execute) {
-              event.preventDefault();
-            }
-          }
-        }
-      },
-      onMouseLeave: (event) => {
-        onMouseLeave?.(event);
-        window.clearTimeout(pauseInteractionRef.current.timer);
-      },
-      onMouseMove: (event) => {
-        onMouseMove?.(event);
-        if (event.defaultPrevented) {
-          return;
-        }
-        if (!enabled || resolveItemProperty(item.disabledReason)) {
-          event.preventDefault();
-          Object.assign(event.nativeEvent, {
-            preventDownshiftDefault: true
-          });
-          return;
-        }
-        if (!pauseInteractionRef.current.isInsideTriangle) {
-          return;
-        }
-        if (pauseInteractionRef.current.isInsideTriangle({
-          x: event.clientX,
-          y: event.clientY
-        })) {
-          event.preventDefault();
-          Object.assign(event.nativeEvent, {
-            preventDownshiftDefault: true
-          });
-          window.clearTimeout(pauseInteractionRef.current.timer);
-          pauseInteractionRef.current.timer = window.setTimeout(() => {
-            pauseInteractionRef.current.isInsideTriangle = null;
-            downshift.setHighlightedIndex(index);
-          }, 20);
-        } else {
-          pauseInteractionRef.current.isInsideTriangle = null;
-        }
-      },
-      ref,
-      ...props
-    });
-    const detail$1 = resolveItemProperty(item.detail, { inputValue });
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        asChild,
-        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
-        "data-highlighted": highlightedItem === item ? "" : void 0,
-        size,
-        tabIndex: -1,
-        ...itemProps,
-        ...item.href && { href: item.href },
-        children: decorateChildren(
-          { asChild, children },
-          (children2) => children2 ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            item.parentOption && !item.parentOption.hiddenInSearchContext && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: resolveItemProperty(item.parentOption.label, {
-                inputValue
-              }) }),
-              /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(IconAngleRight, {}) })
-            ] }),
-            resolveItemProperty(item.label, { inputValue }),
-            detail$1 && /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, truncate: true, ...detail(), children: fallbackSpan(detail$1) })
-          ] })
-        )
-      }
-    );
-  }
-);
-CommandItem.displayName = "@optiaxiom/react/CommandItem";
-
-const Listbox = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        display: "flex",
-        flex: "1",
-        flexDirection: "column",
-        gap: "2",
-        overflow: "auto",
-        ref,
-        ...props,
-        children
-      }
-    );
-  }
-);
-Listbox.displayName = "@optiaxiom/react/Listbox";
-
-var toggleInput = recipeRuntime({base:['_1im0u7t',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1jroeqa']});
-
-const [ToggleInputProvider, useToggleInputContext] = reactContext.createContext("@optiaxiom/react/ToggleInput");
-
-const Slot$5 = reactSlot.createSlot("@optiaxiom/react/ToggleInput");
-const ToggleInput = React.forwardRef(
-  ({ asChild, children, className, onMouseDown, ...props }, ref) => {
-    const Comp = asChild ? Slot$5 : "label";
-    const { boxProps, restProps } = extractBoxProps(props);
-    const descriptionId = reactId.useId();
-    const labelId = reactId.useId();
-    return /* @__PURE__ */ jsxRuntime.jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Comp,
-      {
-        onMouseDown: (event) => {
-          onMouseDown?.(event);
-          if (!event.defaultPrevented && event.detail > 1) {
-            event.preventDefault();
-          }
-        },
-        ref,
-        ...restProps,
-        children
-      }
-    ) }) });
-  }
-);
-ToggleInput.displayName = "@optiaxiom/react/ToggleInput";
+ToggleInput.displayName = "@optiaxiom/react/ToggleInput";
 
 const ToggleInputContent = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(Box, { flex: "1", fontSize: "md", overflow: "hidden", ref, ...props, children });
 });
 ToggleInputContent.displayName = "@optiaxiom/react/ToggleInputContent";
 
-var control$2 = recipeRuntime({base:['_7sgad9']});
+var control$3 = recipeRuntime({base:['jfxb03']});
 
 const ToggleInputControl = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": true, ref, ...control$2({}, className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": true, ref, ...control$3({}, className), ...props, children });
 });
 ToggleInputControl.displayName = "@optiaxiom/react/ToggleInputControl";
 
@@ -2877,12 +3032,14 @@ const ToggleInputDescription = React.forwardRef(({ children, ...props }, ref) =>
 });
 ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
 
-var className = '_7jdm2k';
+var className = '_1iy6rgu';
 
 const ToggleInputHiddenInput = React.forwardRef(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
   const { descriptionId, labelId } = useToggleInputContext(
     "@optiaxiom/react/ToggleInputHiddenInput"
   );
+  const surface = useSurface("property");
+  const { track } = surface ?? {};
   return /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -2890,8 +3047,13 @@ const ToggleInputHiddenInput = React.forwardRef(({ className: className$1, onCha
       "aria-labelledby": labelId,
       className: clsx(className$1, className),
       onChange: (event) => {
+        const checked = event.target.checked;
         onChange?.(event);
-        onCheckedChange?.(event.target.checked);
+        onCheckedChange?.(checked);
+        track?.({
+          checked,
+          name: "toggled"
+        });
       },
       ref,
       type: "checkbox",
@@ -2951,8 +3113,8 @@ const IconMinus = withIcon(
   )
 );
 
-var control$1 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1bb9u38'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon$1 = recipeRuntime({base:[{transition:'all'},'_1imwipg']});
+var control$2 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_17ettn3'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'_1wjzp77']});
 var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 const CheckboxControl = React.forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
@@ -2960,7 +3122,7 @@ const CheckboxControl = React.forwardRef(({ className, indeterminate, shift, ...
     ToggleInputControl,
     {
       ref,
-      ...control$1({ shift }, className),
+      ...control$2({ shift }, className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...indicator$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$1(), children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(IconMinus, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckboxCheck, {}) }) })
     }
@@ -2989,7 +3151,9 @@ const CheckboxRoot = React.forwardRef(
 CheckboxRoot.displayName = "@optiaxiom/react/CheckboxRoot";
 
 const Checkbox = React.forwardRef(
-  ({ children, description, indeterminate, ...props }, ref) => {
+  ({ children, description, indeterminate, ...props }, outerRef) => {
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       CheckboxRoot,
       {
@@ -3004,7 +3168,14 @@ const Checkbox = React.forwardRef(
               shift: Boolean(children)
             }
           ),
-          (children || description) && /* @__PURE__ */ jsxRuntime.jsx(CheckboxContent, { description, children })
+          (children || description) && /* @__PURE__ */ jsxRuntime.jsx(CheckboxContent, { description, children }),
+          props.checked !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            SuggestionPopover,
+            {
+              currentValue: props.checked,
+              style: { marginTop: -2 }
+            }
+          )
         ]
       }
     );
@@ -3012,14 +3183,14 @@ const Checkbox = React.forwardRef(
 );
 Checkbox.displayName = "@optiaxiom/react/Checkbox";
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'iolez1']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'gqkxno']});
 
-var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_1m6flp0'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'xyuw4l']});
-var item = recipeRuntime({base:[{alignItems:'start',flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'d1ucb5'],variants:{intent:{danger:'t01c3w',neutral:'_1oz5tph'}}});
-var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_1d44m4e']});
+var addon$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'ggeyjo'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1iapmls']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1b1hmrr'],variants:{intent:{danger:'q835p3',neutral:'_1925809'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_18b1cq']});
 
-const Slot$4 = reactSlot.createSlot("@optiaxiom/react/ListboxItem");
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/ListboxItem");
 const ListboxItem = React.forwardRef(
   ({
     addonAfter,
@@ -3032,11 +3203,11 @@ const ListboxItem = React.forwardRef(
     intent = "neutral",
     ...props
   }, ref) => {
-    const Comp = asChild ? Slot$4 : "div";
+    const Comp = asChild ? Slot$6 : "div";
     const labelId = reactId.useId();
     const descriptionId = reactId.useId();
     return /* @__PURE__ */ jsxRuntime.jsx(
-      Flex,
+      Group,
       {
         "aria-describedby": description$1 ? descriptionId : void 0,
         "aria-labelledby": labelId,
@@ -3048,12 +3219,12 @@ const ListboxItem = React.forwardRef(
           "data-highlighted": void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          (addonBefore || icon) && /* @__PURE__ */ jsxRuntime.jsx(Box, { ...addon({ slot: "before" }), children: addonBefore ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flex: "1", gap: "0", maxW: "full", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
+          (addonBefore || icon) && /* @__PURE__ */ jsxRuntime.jsx(Box, { ...addon$1({ slot: "before" }), children: addonBefore ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon }) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(Group, { flex: "1", flexDirection: "column", gap: "0", maxW: "full", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Group, { asChild: true, ...title(), id: labelId, children: fallbackSpan(children2) }),
             description$1 && /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, ...description(), id: descriptionId, children: fallbackSpan(description$1) })
           ] }),
-          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Box, { ...addon({ slot: "after" }), children: addonAfter })
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(Box, { ...addon$1({ slot: "after" }), children: addonAfter })
         ] })) })
       }
     );
@@ -3068,7 +3239,7 @@ const ListboxCheckboxItem = React.forwardRef(({ addonBefore, icon, onCheckedChan
   return /* @__PURE__ */ jsxRuntime.jsx(
     ListboxItem,
     {
-      addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+      addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "8", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           Box,
           {
@@ -3129,22 +3300,7 @@ const ListboxGroup = React.forwardRef(
 );
 ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";
 
-const IconCheck = withIcon(
-  {
-    name: "IconCheck"
-  },
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  )
-);
-
-var indicator = recipeRuntime({base:['zfohy3'],variants:{active:{false:{},true:'_1xte79i'}}});
+var indicator = recipeRuntime({base:['h5ip9e'],variants:{active:{false:{},true:'_1p1ugos'}}});
 
 const ListboxItemIndicator = React.forwardRef(({ active, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3160,9 +3316,9 @@ const ListboxItemIndicator = React.forwardRef(({ active, children, className, ..
 });
 ListboxItemIndicator.displayName = "@optiaxiom/react/ListboxItemIndicator";
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1hkpmmo']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'nuxvfs']});
 
-const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Skeleton");
+const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Skeleton");
 const Skeleton = React.forwardRef(
   ({ asChild = true, children, circle, className, rounded = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3172,7 +3328,7 @@ const Skeleton = React.forwardRef(
         rounded: circle || rounded === "full" ? "full" : rounded,
         ...skeleton({}, className),
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Slot$3, { ref, children: children ? children : /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { ref, children: children ? children : /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
       }
     );
   }
@@ -3319,7 +3475,7 @@ const ListboxRadioItem = React.forwardRef(({ addonAfter, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ListboxItem,
     {
-      addonAfter: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+      addonAfter: /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "8", children: [
         addonAfter,
         /* @__PURE__ */ jsxRuntime.jsx(
           ListboxItemIndicator,
@@ -3340,29 +3496,30 @@ ListboxRadioItem.displayName = "@optiaxiom/react/ListboxRadioItem";
 const ListboxSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Separator, { "aria-hidden": true, flex: "none", mx: "8", my: "4", ref, ...props }));
 ListboxSeparator.displayName = "@optiaxiom/react/ListboxSeparator";
 
-var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'e5mxx5']});
-var input$1 = recipeRuntime({base:'_1vgubbb'});
-var root$1 = recipeRuntime({base:['_1gx72zf','_1ydi6rm']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'eexs9d'],variants:{size:{md:'_1bklipr',lg:'_20xk3n'}}});
+var control$1 = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1jsef53']});
+var input$2 = recipeRuntime({base:'a3308x'});
+var root$3 = recipeRuntime({base:['_59f3ci','_1e9wxep']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1hti7pp'],variants:{size:{md:'twepzm',lg:'_18s810s'}}});
 
 const Switch = React.forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsxs(ToggleInput, { ...root$1({}, className), ...boxProps, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(ToggleInput, { ...root$3({}, className), ...boxProps, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ToggleInputHiddenInput,
         {
           ref,
           role: "switch",
-          ...input$1(),
+          ...input$2(),
           ...restProps
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...thumb({ size }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToggleInputControl, { ...control$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...thumb({ size }) }) }),
       (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
         children && /* @__PURE__ */ jsxRuntime.jsx(ToggleInputLabel, { children }),
         description && /* @__PURE__ */ jsxRuntime.jsx(ToggleInputDescription, { children: description })
-      ] })
+      ] }),
+      props.checked !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SuggestionPopover, { currentValue: props.checked })
     ] });
   }
 );
@@ -3372,7 +3529,7 @@ const ListboxSwitchItem = React.forwardRef(({ addonAfter, onCheckedChange, ...pr
   return /* @__PURE__ */ jsxRuntime.jsx(
     ListboxItem,
     {
-      addonAfter: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+      addonAfter: /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "8", children: [
         addonAfter,
         /* @__PURE__ */ jsxRuntime.jsx(
           Box,
@@ -3399,10 +3556,576 @@ const ListboxSwitchItem = React.forwardRef(({ addonAfter, onCheckedChange, ...pr
       ] }),
       ref,
       ...props
-    }
-  );
-});
-ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
+    }
+  );
+});
+ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
+
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_12j86kw'],variants:{maxH:{xs:'z0yz6l',sm:'_18h51d4',md:'rw4m4o',lg:'_1vwgbzg',full:{}},minW:{'0':{},trigger:'_17luz50'}}});
+
+const ModalListbox = React.forwardRef(
+  ({ children, className, maxH, minW, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Listbox,
+    {
+      ref,
+      ...listbox({ maxH, minW }, className),
+      ...props,
+      children
+    }
+  ) }) })
+);
+ModalListbox.displayName = "@optiaxiom/react/ModalListbox";
+
+const [PopoverContentProvider, usePopoverContentContext] = reactContext.createContext("@optiaxiom/react/PopoverContent", { side: void 0 });
+
+const PopoverContentImpl = React.forwardRef(({ children, ...props }, outerRef) => {
+  const innerRef = React.useRef(null);
+  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverContentProvider,
+    {
+      side: "data-side" in props && (props["data-side"] === "bottom" || props["data-side"] === "left" || props["data-side"] === "right" || props["data-side"] === "top") ? props["data-side"] : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(globals.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(FocusBookmarkProvider, { containerRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...props, children }) }) })
+    }
+  );
+});
+PopoverContentImpl.displayName = "@optiaxiom/react/PopoverContentImpl";
+
+const PopoverContent = React.forwardRef(
+  ({
+    align = "start",
+    asChild,
+    children,
+    onCloseAutoFocus,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    const { open, presence, setPresence } = usePopoverContext(
+      "@optiaxiom/react/PopoverContent"
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TransitionGroup,
+      {
+        onPresenceChange: setPresence,
+        open,
+        presence,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ModalListbox,
+          {
+            asChild: true,
+            onBlur: onReactSelectInputBlur,
+            p: "16",
+            ...props,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              RadixPopover__namespace.Content,
+              {
+                align,
+                asChild: true,
+                collisionPadding: 16,
+                "data-state": presence ? "open" : "closed",
+                forceMount: true,
+                onCloseAutoFocus: (event) => {
+                  onCloseAutoFocus?.(event);
+                  if (event.defaultPrevented) {
+                    return;
+                  }
+                  if (document.activeElement !== document.body) {
+                    event.preventDefault();
+                  }
+                },
+                ref,
+                sideOffset,
+                ...usePopoverScope(void 0),
+                children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContentImpl, { asChild, children })
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+PopoverContent.displayName = "@optiaxiom/react/PopoverContent";
+
+const PopoverTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
+  const { open, presence } = usePopoverContext(
+    "@optiaxiom/react/PopoverTrigger"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixPopover__namespace.Trigger,
+    {
+      "aria-expanded": open || presence,
+      asChild: true,
+      "data-state": open || presence ? "open" : "closed",
+      ref,
+      ...props,
+      ...usePopoverScope(void 0),
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { children })
+    }
+  );
+});
+PopoverTrigger.displayName = "@optiaxiom/react/PopoverTrigger";
+
+const SuggestionPopover = React.forwardRef(({ currentValue, ...props }, ref) => {
+  const surface = useSurface();
+  React.useEffect(() => {
+    return surface?.suggestionPopover.register();
+  }, [surface]);
+  const suggestions = useSuggestions("value");
+  const suggestion = suggestions?.find((s) => s.value !== currentValue);
+  if (!suggestion || currentValue === void 0) {
+    return null;
+  }
+  const text = surface?.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverTrigger,
+      {
+        appearance: "subtle",
+        "aria-label": "Opal suggestion",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { fallback: "opal", size: "2xs" }),
+        ref,
+        size: "sm",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { "aria-label": "Suggestion", fontSize: "sm", gap: "4", p: "12", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { children: text }),
+      suggestion.reason && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, { my: "8" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Heading, { fontSize: "sm", level: "4", children: "Why this was suggested" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: suggestion.reason })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Separator, { my: "8" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(IconCheck, {}),
+          justifyContent: "center",
+          onClick: () => {
+            surface?.accept(suggestion.id);
+          },
+          size: "sm",
+          children: "Accept"
+        }
+      )
+    ] })
+  ] });
+});
+SuggestionPopover.displayName = "@optiaxiom/react/SuggestionPopover";
+
+var addon = recipeRuntime({base:[{flex:'none'},'f8lfol']});
+var input$1 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
+var root$2 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
+
+const [InputProvider, useInputContext] = reactContext.createContext("@optiaxiom/react/Input");
+
+const InputAddon = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { addonPointerEvents, inputRef } = useInputContext(
+      "@optiaxiom/react/InputAddon"
+    );
+    const addonProps = addonPointerEvents === "none" ? {
+      fontSize: "md",
+      onPointerUp: (event) => {
+        if (isFocusCaptured(event)) {
+          return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        inputRef.current?.focus();
+      }
+    } : {
+      fontSize: "md"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...addonProps, ...props, children });
+  }
+);
+InputAddon.displayName = "@optiaxiom/react/InputAddon";
+
+var control = recipeRuntime({base:['cmxrps',{bg:'transparent',flex:'auto',w:'full'},'_177bt7f','f70w9p'],variants:{size:{md:{},lg:{},xl:['_1ipo8se']}}});
+
+const Slot$4 = reactSlot.createSlot("@optiaxiom/react/InputControl");
+const InputControl = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    error: errorProp,
+    onChange,
+    onValueChange,
+    size = "md",
+    ...props
+  }, outerRef) => {
+    const Comp = asChild ? Slot$4 : "input";
+    const disabled = props.disabled;
+    const readOnly = props.readOnly;
+    const { descriptionId, error, errorId, inputId } = useFieldContext(
+      "@optiaxiom/react/InputControl"
+    );
+    const { boxProps, restProps } = extractBoxProps(props);
+    const { inputRef } = useInputContext("@optiaxiom/react/InputControl");
+    const ref = reactComposeRefs.useComposedRefs(inputRef, outerRef);
+    const surface = useSurface("property");
+    const { track } = surface ?? {};
+    const debouncedTrack = useDebouncedTrack();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
+        "aria-disabled": disabled,
+        "aria-invalid": error || errorProp ? true : void 0,
+        asChild: true,
+        "data-disabled": disabled ? "" : void 0,
+        "data-invalid": error || errorProp ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
+        ...control({ size }, className),
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Comp,
+          {
+            id: inputId,
+            onBlur: (event) => {
+              restProps.onBlur?.(
+                event
+              );
+              track?.({ name: "blurred" });
+            },
+            onChange: (event) => {
+              onChange?.(
+                event
+              );
+              if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
+                const newValue = event.target.value;
+                onValueChange?.(newValue);
+                debouncedTrack?.({
+                  name: "changed",
+                  value: newValue
+                });
+              }
+            },
+            onFocus: (event) => {
+              restProps.onFocus?.(
+                event
+              );
+              track?.({ name: "focused" });
+            },
+            ref,
+            ...restProps,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+InputControl.displayName = "@optiaxiom/react/InputControl";
+
+var root$1 = recipeRuntime({base:[{gap:'0'},'_174xxmy']});
+
+const InputRoot = React.forwardRef(
+  ({
+    addonPointerEvents = "auto",
+    children,
+    className,
+    onPointerDown,
+    ...props
+  }, ref) => {
+    const inputRef = React.useRef(null);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Group,
+      {
+        onPointerDown: (event) => {
+          onPointerDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target !== event.currentTarget) {
+            return;
+          }
+          event.preventDefault();
+          event.stopPropagation();
+          inputRef.current?.focus();
+        },
+        ref,
+        ...root$1({}, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          InputProvider,
+          {
+            addonPointerEvents,
+            inputRef,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+InputRoot.displayName = "@optiaxiom/react/InputRoot";
+
+const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Input");
+const Input = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents,
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    htmlSize,
+    size = "md",
+    style,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot$3 : "input";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      InputRoot,
+      {
+        addonPointerEvents,
+        style,
+        ...root$2({ size }, className),
+        ...boxProps,
+        children: [
+          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(InputAddon, { asChild: true, ...addon(), children: fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            InputControl,
+            {
+              asChild: true,
+              size,
+              ...input$1({ appearance, size }),
+              ...restProps,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, size: htmlSize, children })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(InputAddon, { ...addon(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SuggestionPopover, { currentValue: props.value }),
+            addonAfter
+          ] })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "@optiaxiom/react/Input";
+
+const CommandInput = React.forwardRef(
+  ({ onBlur, onKeyDown, size, ...props }, ref) => {
+    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
+    const setInputValueStable = useEffectEvent(setInputValue);
+    React.useEffect(() => {
+      setInputValueStable("");
+    }, [setInputValueStable]);
+    const preventDownshiftBlurRef = React.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass, {}),
+        htmlSize: 1,
+        size,
+        ...downshift.getInputProps({
+          "aria-label": props.placeholder,
+          ref,
+          ...props,
+          onBlur: (event) => {
+            onBlur?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (preventDownshiftBlurRef.current) {
+              Object.assign(event, { preventDownshiftDefault: true });
+              preventDownshiftBlurRef.current = false;
+            }
+          },
+          onChange: (event) => {
+            setInputValue("value" in event.target ? event.target.value : "");
+          },
+          onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (!(event.target instanceof HTMLInputElement)) {
+              return;
+            }
+            if (!highlightedItem) {
+              return;
+            }
+            const selectedWithSpace = !event.target.value && event.key === " ";
+            if (highlightedItemRef.current instanceof HTMLAnchorElement && !highlightedItem.execute && (selectedWithSpace || event.key === "Enter")) {
+              const { view: _view, ...eventInit } = event;
+              event.preventDefault();
+              Object.assign(event, { preventDownshiftDefault: true });
+              if (highlightedItem.external) {
+                eventInit.metaKey = true;
+              }
+              preventDownshiftBlurRef.current = true;
+              highlightedItemRef.current.dispatchEvent(
+                new MouseEvent("click", eventInit)
+              );
+              downshift.selectItem(highlightedItem);
+            } else if (selectedWithSpace) {
+              event.preventDefault();
+              downshift.selectItem(highlightedItem);
+            }
+          }
+        })
+      }
+    );
+  }
+);
+CommandInput.displayName = "@optiaxiom/react/CommandInput";
+
+const IconAngleRight = withIcon(
+  {
+    fill: "none",
+    name: "IconAngleRight"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7.5 13L12.5 8L7.5 3",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_10d0b3r']});
+
+const CommandItem = React.forwardRef(
+  ({
+    asChild,
+    children,
+    index,
+    item,
+    onClick,
+    onMouseLeave,
+    onMouseMove,
+    selected,
+    size,
+    ...props
+  }, outerRef) => {
+    const {
+      downshift,
+      enabled,
+      highlightedItem,
+      highlightedItemRef,
+      inputValue,
+      items,
+      pauseInteractionRef
+    } = useCommandContext("@optiaxiom/react/CommandItem");
+    const ref = reactComposeRefs.useComposedRefs(
+      highlightedItem === item ? highlightedItemRef : void 0,
+      outerRef
+    );
+    const surface = useSurface();
+    const itemSuggestions = item.surface?.type === "property" ? filterSuggestionsBySurface(
+      surface?.suggestions.filter((s) => s.type === "value"),
+      surface?.path,
+      [
+        {
+          name: item.surface.name,
+          type: "property"
+        }
+      ]
+    ) : void 0;
+    const isSuggested = item.surface?.type === "property" && itemSuggestions?.some((s) => {
+      if (item.surface?.type !== "property")
+        return false;
+      return s.value === item.surface.value;
+    }) && !resolveItemProperty$1(item.selected);
+    const itemProps = downshift.getItemProps({
+      "aria-posinset": index + 1,
+      "aria-selected": selected ?? resolveItemProperty$1(item.selected),
+      "aria-setsize": items.length,
+      item,
+      onClick: (event) => {
+        onClick?.(event);
+        if (event.currentTarget instanceof HTMLAnchorElement) {
+          if (event.altKey || event.metaKey || event.shiftKey) {
+            Object.assign(event, {
+              preventDownshiftDefault: true
+            });
+          } else {
+            if (item.execute) {
+              event.preventDefault();
+            }
+          }
+        }
+      },
+      onMouseLeave: (event) => {
+        onMouseLeave?.(event);
+        window.clearTimeout(pauseInteractionRef.current.timer);
+      },
+      onMouseMove: (event) => {
+        onMouseMove?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (!enabled || resolveItemProperty$1(item.disabledReason)) {
+          event.preventDefault();
+          Object.assign(event.nativeEvent, {
+            preventDownshiftDefault: true
+          });
+          return;
+        }
+        if (!pauseInteractionRef.current.isInsideTriangle) {
+          return;
+        }
+        if (pauseInteractionRef.current.isInsideTriangle({
+          x: event.clientX,
+          y: event.clientY
+        })) {
+          event.preventDefault();
+          Object.assign(event.nativeEvent, {
+            preventDownshiftDefault: true
+          });
+          window.clearTimeout(pauseInteractionRef.current.timer);
+          pauseInteractionRef.current.timer = window.setTimeout(() => {
+            pauseInteractionRef.current.isInsideTriangle = null;
+            downshift.setHighlightedIndex(index);
+          }, 20);
+        } else {
+          pauseInteractionRef.current.isInsideTriangle = null;
+        }
+      },
+      ref,
+      ...props
+    });
+    const detail$1 = resolveItemProperty$1(item.detail, { inputValue });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild,
+        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+        "data-highlighted": highlightedItem === item ? "" : void 0,
+        size,
+        tabIndex: -1,
+        ...itemProps,
+        ...item.href && { href: item.href },
+        children: decorateChildren(
+          { asChild, children },
+          (children2) => children2 ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            item.parentOption && !item.parentOption.hiddenInSearchContext && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: resolveItemProperty$1(item.parentOption.label, {
+                inputValue
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(IconAngleRight, {}) })
+            ] }),
+            resolveItemProperty$1(item.label, { inputValue }),
+            isSuggested && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { fallback: "opal", size: "2xs" }),
+            detail$1 && /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, truncate: true, ...detail(), children: fallbackSpan(detail$1) })
+          ] })
+        )
+      }
+    );
+  }
+);
+CommandItem.displayName = "@optiaxiom/react/CommandItem";
 
 const CommandListbox = React.forwardRef(
   ({ children, size, ...props }, ref) => {
@@ -3418,7 +4141,7 @@ const CommandListbox = React.forwardRef(
       {
         highlightedItem,
         items,
-        itemToKey: (item) => item.key ?? resolveItemProperty(item.label, { inputValue }),
+        itemToKey: (item) => item.key ?? resolveItemProperty$1(item.label, { inputValue }),
         onPlacedChange: (placed) => {
           if (placed && highlightedItemRef.current) {
             highlightedItemRef.current.scrollIntoView({ block: "nearest" });
@@ -3435,183 +4158,79 @@ CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
 const [MenuProvider, useMenuContext] = reactContext.createContext("@optiaxiom/react/Menu");
 
-const [PopoverProvider, usePopoverContext] = reactContext.createContext("@optiaxiom/react/Popover");
-
-const usePopoverScope = RadixPopover__namespace.createPopoverScope();
-
-function Popover({
-  children,
-  defaultOpen = false,
-  modal,
-  onOpenChange,
-  open: openProp
-}) {
-  const [open, setOpen] = reactUseControllableState.useControllableState({
-    caller: "@optiaxiom/react/Popover",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [presence, setPresence] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixPopover__namespace.Root,
-    {
-      modal,
-      onOpenChange: setOpen,
-      open,
-      ...usePopoverScope(void 0),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        PopoverProvider,
-        {
-          open,
-          presence,
-          setPresence,
-          children
-        }
-      )
-    }
-  );
+function MenuPopover(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Popover, { ...props });
 }
-Popover.displayName = "@optiaxiom/react/Popover";
-
-const PopoverAnchor = React.forwardRef(
-  ({ asChild, children, staticRef, ...props }, ref) => {
-    const { __scopePopover } = usePopoverScope(void 0);
-    const { open } = usePopoverContext("@optiaxiom/react/PopoverAnchor");
-    const [virtualRef, setVirtualRef] = React.useState({ current: null });
-    React.useEffect(() => {
-      if (!staticRef?.current || !open) {
-        return;
-      }
-      const rect = staticRef.current.getBoundingClientRect();
-      setVirtualRef({ current: { getBoundingClientRect: () => rect } });
-    }, [open, staticRef]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        asChild: true,
-        ref,
-        virtualRef: staticRef ? virtualRef : void 0,
-        ...props,
-        ...{ __scopePopper: __scopePopover },
-        children: /* @__PURE__ */ jsxRuntime.jsx(RadixPopper__namespace.Anchor, { asChild, children })
-      }
-    );
-  }
-);
-PopoverAnchor.displayName = "@optiaxiom/react/PopoverAnchor";
-
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'vi39f6'],variants:{maxH:{xs:'knomr8',sm:'_1awrb8e',md:'nrdskt',lg:'_1uydy86',full:{}},minW:{'0':{},trigger:'uwv2ov'}}});
-
-const ModalListbox = React.forwardRef(
-  ({ children, className, maxH, minW, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-    Listbox,
-    {
-      ref,
-      ...listbox({ maxH, minW }, className),
-      ...props,
-      children
-    }
-  ) }) })
-);
-ModalListbox.displayName = "@optiaxiom/react/ModalListbox";
+MenuPopover.displayName = "@optiaxiom/react/MenuPopover";
 
-const [PopoverContentProvider, usePopoverContentContext] = reactContext.createContext("@optiaxiom/react/PopoverContent", { side: void 0 });
+const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
 
-const PopoverContentImpl = React.forwardRef(({ children, ...props }, outerRef) => {
-  const innerRef = React.useRef(null);
-  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    PopoverContentProvider,
-    {
-      side: "data-side" in props && (props["data-side"] === "bottom" || props["data-side"] === "left" || props["data-side"] === "right" || props["data-side"] === "top") ? props["data-side"] : void 0,
-      children: /* @__PURE__ */ jsxRuntime.jsx(globals.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(FocusBookmarkProvider, { containerRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...props, children }) }) })
+function useMenuSurface() {
+  const surface = useSurface();
+  return (item) => {
+    if (!item.surface || !surface) {
+      return;
     }
-  );
-});
-PopoverContentImpl.displayName = "@optiaxiom/react/PopoverContentImpl";
-
-const PopoverContent = React.forwardRef(
-  ({
-    align = "start",
-    asChild,
-    children,
-    onCloseAutoFocus,
-    sideOffset = 4,
-    ...props
-  }, ref) => {
-    const { open, presence, setPresence } = usePopoverContext(
-      "@optiaxiom/react/PopoverContent"
+    const allSuggestions = surface.suggestions?.filter(
+      (s) => s.type === "value"
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      TransitionGroup,
-      {
-        onPresenceChange: setPresence,
-        open,
-        presence,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-          ModalListbox,
+    const itemSurface = item.surface;
+    if (itemSurface.type === "property") {
+      const itemSuggestions = filterSuggestionsBySurface(
+        allSuggestions,
+        surface.path,
+        [
           {
-            asChild: true,
-            onBlur: onReactSelectInputBlur,
-            p: "16",
-            ...props,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              RadixPopover__namespace.Content,
-              {
-                align,
-                asChild: true,
-                collisionPadding: 16,
-                "data-state": presence ? "open" : "closed",
-                forceMount: true,
-                onCloseAutoFocus: (event) => {
-                  onCloseAutoFocus?.(event);
-                  if (event.defaultPrevented) {
-                    return;
-                  }
-                  if (document.activeElement !== document.body) {
-                    event.preventDefault();
-                  }
-                },
-                ref,
-                sideOffset,
-                ...usePopoverScope(void 0),
-                children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContentImpl, { asChild, children })
-              }
-            )
+            name: itemSurface.name,
+            type: "property"
           }
-        ) })
+        ]
+      );
+      const matchingSuggestion = itemSuggestions?.find(
+        (s) => s.value === itemSurface.value
+      );
+      if (item.multi || item.switch) {
+        surface.track(
+          {
+            checked: !resolveItemProperty$1(item.selected),
+            name: "toggled"
+          },
+          {
+            [itemSurface.name]: {
+              data: itemSurface.data,
+              type: "property"
+            }
+          }
+        );
+      } else if ("selected" in item) {
+        surface.track(
+          {
+            name: "changed",
+            value: itemSurface.value
+          },
+          {
+            [itemSurface.name]: {
+              data: itemSurface.data,
+              type: "property"
+            }
+          }
+        );
       }
-    );
-  }
-);
-PopoverContent.displayName = "@optiaxiom/react/PopoverContent";
-
-const PopoverTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
-  const { open, presence } = usePopoverContext(
-    "@optiaxiom/react/PopoverTrigger"
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixPopover__namespace.Trigger,
-    {
-      "aria-expanded": open || presence,
-      asChild: true,
-      "data-state": open || presence ? "open" : "closed",
-      ref,
-      ...props,
-      ...usePopoverScope(void 0),
-      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { children })
+      if (matchingSuggestion) {
+        surface.accept(matchingSuggestion.id);
+      }
+    } else if (itemSurface.type === "action") {
+      surface.track(
+        { name: "invoked" },
+        {
+          [itemSurface.name]: {
+            type: "action"
+          }
+        }
+      );
     }
-  );
-});
-PopoverTrigger.displayName = "@optiaxiom/react/PopoverTrigger";
-
-function MenuPopover(props) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Popover, { ...props });
+  };
 }
-MenuPopover.displayName = "@optiaxiom/react/MenuPopover";
-
-const [MenuSubProvider, useMenuSubContext] = reactContext.createContext("@optiaxiom/react/MenuSub");
 
 function Menu({
   children,
@@ -3631,6 +4250,7 @@ function Menu({
     sm: sizeProp ?? "sm"
   });
   const Comp = size === "sm" ? MenuPopover : Dialog;
+  const track = useMenuSurface();
   const [open, setOpen] = reactUseControllableState.useControllableState({
     caller: "@optiaxiom/react/Menu",
     defaultProp: defaultOpen,
@@ -3670,16 +4290,16 @@ function Menu({
   const options = React.useMemo(
     () => size === "sm" ? optionsProp.map((option) => ({
       ...option,
-      label: option.subOptions ? resolveItemProperty(option.label, { inputValue }).replace(
+      label: option.subOptions ? resolveItemProperty$1(option.label, { inputValue }).replace(
         "\u2026",
         ""
-      ) : resolveItemProperty(option.label, { inputValue })
+      ) : resolveItemProperty$1(option.label, { inputValue })
     })) : activeItemStack.length ? activeItemStack.reduce((result, stackItem) => {
-      const stackKey = stackItem.key ?? resolveItemProperty(stackItem.label, { inputValue });
+      const stackKey = stackItem.key ?? resolveItemProperty$1(stackItem.label, { inputValue });
       for (const resultItem of result) {
-        const resultKey = resultItem.key ?? resolveItemProperty(resultItem.label, { inputValue });
+        const resultKey = resultItem.key ?? resolveItemProperty$1(resultItem.label, { inputValue });
         if (resultKey === stackKey) {
-          return resolveItemProperty(resultItem.subOptions, {
+          return resolveItemProperty$1(resultItem.subOptions, {
             inputValue
           }) ?? [];
         }
@@ -3719,13 +4339,14 @@ function Menu({
       inputRef,
       inputVisible,
       onSelect: (item, { dismiss }) => {
+        track(item);
         item.execute?.({ dismiss, inputValue });
         if (typeof openProp === "undefined" && dismiss) {
           setOpen(false);
         }
       },
       open,
-      placeholder: activeItemStack.length ? resolveItemProperty(
+      placeholder: activeItemStack.length ? resolveItemProperty$1(
         activeItemStack[activeItemStack.length - 1].label,
         { inputValue }
       ) : placeholder,
@@ -3752,6 +4373,7 @@ function Menu({
                 setSubMenuOpen(true);
               }
             } else {
+              track(item);
               item.execute?.({ dismiss, inputValue });
               if (typeof openProp === "undefined" && dismiss) {
                 setOpen(false);
@@ -3778,7 +4400,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content$2 = recipeRuntime({base:'_1e1kypw'});
+var content$2 = recipeRuntime({base:'jzeqkx'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -3821,7 +4443,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_11jvkdy']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_16xjk1v']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -3894,15 +4516,21 @@ const isSameGroup = (group1, group2) => {
 const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
   const Comp = props.item.href ? "a" : "div";
   const { inputValue } = useCommandContext("@optiaxiom/react/MenuCheckboxItem");
+  const track = useMenuSurface();
   return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     ListboxCheckboxItem,
     {
-      addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+      addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
       asChild: true,
-      description: resolveItemProperty(props.item.description, {
+      description: resolveItemProperty$1(props.item.description, {
         inputValue
       }),
-      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
+      onCheckedChange: () => {
+        if (!resolveItemProperty$1(props.item.disabledReason)) {
+          track(props.item);
+          props.item.execute?.({ dismiss: false, inputValue });
+        }
+      },
       children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
     }
   ) });
@@ -3917,9 +4545,9 @@ const MenuItem = React.forwardRef(
       ListboxItem,
       {
         addonAfter: props.item.href && props.item.external ? /* @__PURE__ */ jsxRuntime.jsx(IconUpRightFromSquare, {}) : addonAfter,
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+        addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
         asChild: true,
-        description: resolveItemProperty(props.item.description, {
+        description: resolveItemProperty$1(props.item.description, {
           inputValue
         }),
         intent: props.item.intent,
@@ -3947,9 +4575,9 @@ const MenuRadioItem = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       ListboxRadioItem,
       {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+        addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
         asChild: true,
-        description: resolveItemProperty(props.item.description, {
+        description: resolveItemProperty$1(props.item.description, {
           inputValue
         }),
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
@@ -4018,7 +4646,7 @@ const MenuSubContent = React.forwardRef(
     const ref = reactComposeRefs.useComposedRefs(parentContentRef, outerRef);
     const [inputValue, setInputValue] = React.useState("");
     const options = React.useMemo(
-      () => resolveItemProperty(item?.subOptions, { inputValue }) ?? [],
+      () => resolveItemProperty$1(item?.subOptions, { inputValue }) ?? [],
       [inputValue, item]
     );
     const contentRef = React.useRef(null);
@@ -4122,7 +4750,7 @@ const MenuSubContent = React.forwardRef(
                   )
                 ]
               },
-              item.key ?? resolveItemProperty(item.label, {
+              item.key ?? resolveItemProperty$1(item.label, {
                 inputValue: parentInputValue
               })
             )
@@ -4230,15 +4858,21 @@ const MenuSwitchItem = React.forwardRef(
   ({ children, ...props }, ref) => {
     const Comp = props.item.href ? "a" : "div";
     const { inputValue } = useCommandContext("@optiaxiom/react/MenuSwitchItem");
+    const track = useMenuSurface();
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       ListboxSwitchItem,
       {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+        addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
         asChild: true,
-        description: resolveItemProperty(props.item.description, {
+        description: resolveItemProperty$1(props.item.description, {
           inputValue
         }),
-        onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
+        onCheckedChange: () => {
+          if (!resolveItemProperty$1(props.item.disabledReason)) {
+            track(props.item);
+            props.item.execute?.({ dismiss: false, inputValue });
+          }
+        },
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
     ) });
@@ -4258,7 +4892,7 @@ const MenuListbox = React.forwardRef(
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxSeparator, {}),
           shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxLabel, { children: group.label }),
-          Comp === MenuSubTrigger ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { index, item }) }) : /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { index, item }) })
+          Comp === MenuSubTrigger ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty$1(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { index, item }) }) : /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty$1(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { index, item }) })
         ] });
       }) }),
       !inputValue && size === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Popover, { open, children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubContent, {}) })
@@ -4394,7 +5028,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var content$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'space-between'},'u4kkku'],variants:{visible:{always:'_1clbfyu','if-needed':'_151l1dt'}}});
+var content$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'space-between'},'_13gdn3d'],variants:{visible:{always:'_11dds98','if-needed':'_3rhh2z'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = "if-needed", ...props }, ref) => {
@@ -4403,7 +5037,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var root = recipeRuntime({base:'_17gl504'});
+var root = recipeRuntime({base:'_19zxffw'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -4412,22 +5046,12 @@ const ActionsRoot = React.forwardRef(
 );
 ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'bfo0zq'],variants:{layout:{auto:['c6v18t'],fixed:[{display:'grid'},'xvnouo']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'vl4ods']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'it7393'],variants:{layout:{auto:['_1ddnubk'],fixed:[{display:'grid'},'mvamcs']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'va4v9q']});
 
 const Table = React.forwardRef(
-  ({ children, className, layout = "auto", style, ...props }, ref) => {
-    const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        ref,
-        style,
-        ...wrapper({}, className),
-        ...boxProps,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...table({ layout }), ...restProps, children: /* @__PURE__ */ jsxRuntime.jsx("table", { children }) })
-      }
-    );
+  ({ children, className, layout = "auto", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...wrapper({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...table({ layout }), children: /* @__PURE__ */ jsxRuntime.jsx("table", { children }) }) });
   }
 );
 Table.displayName = "@optiaxiom/react/Table";
@@ -4439,14 +5063,14 @@ const TableAction = React.forwardRef(
 );
 TableAction.displayName = "@optiaxiom/react/TableAction";
 
-var body = recipeRuntime({base:['_2wgbdp']});
+var body = recipeRuntime({base:['_1qsmq1t']});
 
 const TableBody = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
 );
 TableBody.displayName = "@optiaxiom/react/TableBody";
 
-var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1hstzfr'],variants:{pinned:{false:'_23zsvp',true:'hinbz2'}}});
+var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'yadliw'],variants:{pinned:{false:'_1tt73zf',true:'_1p8pb3p'}}});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, pinned = false, ...props }, ref) => {
@@ -4464,13 +5088,13 @@ const TableCell = React.forwardRef(
 );
 TableCell.displayName = "@optiaxiom/react/TableCell";
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'_7pqc4n'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'_1v2g1sg'}}});
 
 const TableHeader = React.forwardRef(({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...header({ pinned }, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'y09pbf'],variants:{pinned:{false:'_1w8tohm',true:'ft7qko'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1ujso8c']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'nohy0f'],variants:{pinned:{false:'anc10b',true:'_1rvl47i'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_17cmv9o']});
 
 const TableHeaderCell = React.forwardRef(
   ({
@@ -4495,7 +5119,7 @@ const TableHeaderCell = React.forwardRef(
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var row = recipeRuntime({base:['_1c1djxv',{transition:'colors',w:'full'},'_24ueu7']});
+var row = recipeRuntime({base:['k8n4sx',{transition:'colors',w:'full'},'c0rf7f']});
 
 const TableRow = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...row({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, children }) }) })
@@ -4593,9 +5217,9 @@ const IconSortUp = withIcon(
   )
 );
 
-var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'wsqsce']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'tszb1e'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'zu4bin'],variants:{active:{false:'c47d5f',true:'_1s1iw4u'}}});
+var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'o03mvb']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1bq80qm'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1wzgstk'],variants:{active:{false:'_19nslt4',true:'_1g55knz'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -4670,6 +5294,7 @@ const IconAngleLeft = withIcon(
   )
 );
 
+const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [SelectProvider, useSelectContext] = reactContext.createContext("@optiaxiom/react/Select");
 
 const SelectHiddenSelect = React.forwardRef(({ defaultValue, disabled, name, onChange, required, value }, ref) => {
@@ -4727,20 +5352,47 @@ const Select = React.forwardRef(
     onOpenChange,
     onValueChange,
     open,
-    options: items,
+    options,
     required,
     value
   }, outerRef) => {
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    const surface = useSurface("property");
+    const suggestions = useSuggestions("value");
+    const suggestion = suggestions?.[0];
     const [shadowValue, setShadowValue] = reactUseControllableState.useControllableState({
       caller: "@optiaxiom/react/Select",
       defaultProp: defaultValue ?? "",
-      onChange: onValueChange,
+      onChange: (newValue) => {
+        surface?.track({
+          name: "changed",
+          value: newValue
+        });
+        if (suggestion && newValue === suggestion.value) {
+          surface?.accept(suggestion.id);
+        }
+        onValueChange?.(newValue);
+      },
       prop: value
     });
     const forceValueChange = useObserveValue(innerRef, setShadowValue);
     useObserveReset(innerRef, setShadowValue);
+    const items = React.useMemo(() => {
+      return options.map(
+        (option) => option.value === suggestion?.value ? {
+          ...option,
+          detail: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { fallback: "opal", size: "2xs" }),
+          group: {
+            hidden: true,
+            label: "Suggested",
+            priority: 1e3
+          }
+        } : option
+      ).sort((a, b) => {
+        return (b.group?.priority ?? 0) - (a.group?.priority ?? 0);
+      });
+    }, [options, suggestion]);
     const selectedItem = React.useMemo(
       () => shadowValue !== void 0 ? items.find((item) => item.value === shadowValue) : void 0,
       [items, shadowValue]
@@ -4762,7 +5414,6 @@ const Select = React.forwardRef(
       highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !item.disabledReason) : highlightedIndex,
       isItemDisabled: (item) => !!item.disabledReason,
       isOpen,
-      // @ts-expect-error -- no harm in supporting read only arrays
       items,
       itemToKey: (item) => item !== null ? item.value : item,
       itemToString: (item) => item !== null ? item.label : "",
@@ -4820,7 +5471,6 @@ const Select = React.forwardRef(
               disabled,
               name,
               onChange: (event) => {
-                setShadowValue(event.target.value);
                 onChange?.(event);
               },
               ref,
@@ -5001,18 +5651,27 @@ const SelectContent = React.forwardRef(
                   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxSeparator, {}),
                     shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxLabel, { children: group.label }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: item.disabledReason, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      SelectRadioItem,
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Tooltip,
                       {
-                        addonBefore: item.addon,
-                        "aria-label": item["aria-label"],
-                        description: item.description,
-                        index,
-                        item,
-                        children: item.label
-                      },
-                      item.value
-                    ) })
+                        content: resolveItemProperty(item.disabledReason),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          SelectRadioItem,
+                          {
+                            addonBefore: item.addon,
+                            "aria-label": item["aria-label"],
+                            description: item.description,
+                            index,
+                            item,
+                            children: [
+                              item.label,
+                              item.detail && /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, color: "fg.secondary", truncate: true, children: fallbackSpan(item.detail) })
+                            ]
+                          },
+                          item.value
+                        )
+                      }
+                    )
                   ] });
                 })
               }
@@ -5154,7 +5813,7 @@ const Clock = React.forwardRef(
       (minute) => minute.padStart(2, "0")
     );
     const periods = ["AM", "PM"];
-    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flexDirection: "row", gap: "4", ref, ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(Group, { gap: "4", ref, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsxs(
         Select,
         {
@@ -5207,7 +5866,7 @@ const Clock = React.forwardRef(
 );
 Clock.displayName = "@optiaxiom/react/Clock";
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'mkqg8d'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'_1bhsm8a'}}});
 
 const [CalendarProvider, useCalendarContext] = reactContext.createContext("@optiaxiom/react/Calendar");
 
@@ -5257,8 +5916,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'rb6n69'],variants:{appearance:{'default':'_12tbs1i',holiday:[{color:'fg.error'},'hbs6ji'],range_middle:'_927cs3',selected:[{color:'fg.white'},'ty54hh'],weekend:[{color:'fg.tertiary'},'bv5lsk']},range:{end:['_18ui53u'],middle:['_1uamn19'],start:['pt5l4w']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'a7ijod']});
+var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1jugbj6'],variants:{appearance:{'default':'apzmtc',holiday:[{color:'fg.error'},'ha0flv'],range_middle:'ej2fd0',selected:[{color:'fg.white'},'_1dszu1b'],weekend:[{color:'fg.tertiary'},'srzdbh']},range:{end:['_2k7bn9'],middle:['_1d8ldm'],start:['_1p9jd6t']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'r1nnso']});
 
 function CalendarDayButton({
   children,
@@ -5317,7 +5976,7 @@ function CalendarMonthCaption({
 }
 CalendarMonthCaption.displayName = "@optiaxiom/react/CalendarMonthCaption";
 
-var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'hl9hjf']});
+var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1cv8n04']});
 
 const grid = [0, 1, 2].map((row) => [0, 1, 2, 3].map((col) => row * 4 + col));
 const intentMap = {
@@ -5544,14 +6203,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = recipeRuntime({base:[{alignItems:'start',flexDirection:'row'},'zfh6se']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'lgbywt']});
 
 function CalendarMonths({ children, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(Group, { asChild: true, ...months(), children: /* @__PURE__ */ jsxRuntime.jsx(reactDayPicker.Months, { ...props, children }) });
 }
 CalendarMonths.displayName = "@optiaxiom/react/CalendarMonths";
 
-var button$1 = recipeRuntime({base:'jlr8ix'});
+var button$1 = recipeRuntime({base:'_9mr1dn'});
 
 function CalendarNextMonthButton({
   "aria-label": _ariaLabel,
@@ -5587,7 +6246,7 @@ function CalendarNextMonthButton({
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 
-var button = recipeRuntime({base:'_15gsr4s'});
+var button = recipeRuntime({base:'tafzum'});
 
 function CalendarPreviousMonthButton({
   "aria-label": _ariaLabel,
@@ -5709,14 +6368,15 @@ const Calendar = React.forwardRef(
         setView,
         view,
         children: /* @__PURE__ */ jsxRuntime.jsxs(
-          Flex,
+          Group,
           {
             bg: "bg.default",
             color: "fg.default",
+            flexDirection: "column",
             fontSize: "md",
             gap: "4",
-            ref,
             ...props,
+            ref,
             children: [
               /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...picker({ side }), children: mode === "single" ? /* @__PURE__ */ jsxRuntime.jsx(
                 reactDayPicker.DayPicker,
@@ -5785,7 +6445,7 @@ const Calendar = React.forwardRef(
                   today
                 }
               ) }),
-              type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "8", mt: "8", children: [
+              type === "datetime-local" && mode == "single" && /* @__PURE__ */ jsxRuntime.jsxs(Group, { flexDirection: "column", gap: "8", mt: "8", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   Clock,
                   {
@@ -5826,6 +6486,7 @@ Calendar.displayName = "@optiaxiom/react/Calendar";
 
 exports.ActionsContent = ActionsContent;
 exports.ActionsRoot = ActionsRoot;
+exports.Alert = Alert;
 exports.AlertDialog = AlertDialog;
 exports.AlertDialogAction = AlertDialogAction;
 exports.AlertDialogBody = AlertDialogBody;
@@ -5836,6 +6497,8 @@ exports.AlertDialogHeader = AlertDialogHeader;
 exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AngleMenuButton = AngleMenuButton;
 exports.AuthProvider = AuthProvider;
+exports.Avatar = Avatar;
+exports.AvatarGroup = AvatarGroup;
 exports.Box = Box;
 exports.Button = Button;
 exports.ButtonAddon = ButtonAddon;
@@ -5858,14 +6521,18 @@ exports.DialogKitContext = DialogKitContext;
 exports.DialogKitProvider = DialogKitProvider;
 exports.DialogTrigger = DialogTrigger;
 exports.FieldProvider = FieldProvider;
-exports.Flex = Flex;
 exports.FocusBookmarkProvider = FocusBookmarkProvider;
+exports.Group = Group;
 exports.Heading = Heading;
 exports.Icon = Icon;
 exports.IconAngleDown = IconAngleDown;
 exports.IconAngleLeft = IconAngleLeft;
 exports.IconAngleRight = IconAngleRight;
+exports.IconCircleCheckSolid = IconCircleCheckSolid;
+exports.IconCircleExclamationSolid = IconCircleExclamationSolid;
+exports.IconCircleInfoSolid = IconCircleInfoSolid;
 exports.IconMagnifyingGlass = IconMagnifyingGlass;
+exports.IconTriangleExclamationSolid = IconTriangleExclamationSolid;
 exports.IconUpRightFromSquare = IconUpRightFromSquare;
 exports.IconX = IconX;
 exports.Input = Input;
@@ -5901,6 +6568,8 @@ exports.SelectTrigger = SelectTrigger;
 exports.Separator = Separator;
 exports.Skeleton = Skeleton;
 exports.Spinner = Spinner;
+exports.Suggestion = Suggestion;
+exports.SuggestionPopover = SuggestionPopover;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableAction = TableAction;
@@ -5934,7 +6603,7 @@ exports.fallbackSpan = fallbackSpan;
 exports.mapResponsiveValue = mapResponsiveValue;
 exports.normalizeResponsiveValue = normalizeResponsiveValue;
 exports.recipeRuntime = recipeRuntime;
-exports.resolveItemProperty = resolveItemProperty;
+exports.resolveItemProperty = resolveItemProperty$1;
 exports.sprinkles = sprinkles;
 exports.sprinklesMerge = sprinklesMerge;
 exports.toInstant = toInstant;
@@ -5948,6 +6617,7 @@ exports.useFieldContext = useFieldContext;
 exports.useFieldLabelTrigger = useFieldLabelTrigger;
 exports.useMenuContext = useMenuContext;
 exports.useObserveValue = useObserveValue;
+exports.useSurface = useSurface;
 exports.vars = vars;
 exports.version = version;
 exports.withIcon = withIcon;