@optiaxiom/react 1.8.0 → 1.8.2

package/dist/cjs/{Calendar-BiyxjFQF.js → Calendar-sZ7gRbCk.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-DRA_4QUJ.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BRLuMF_D.css');
+require('./assets/src/layers/layers.css.ts.vanilla-bETfJDoA.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DsXcZrhm.css');
 var downshift = require('downshift');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/input/InputControl.css.ts.vanilla-Bg1e6sV-.css');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
-require('./assets/src/input/InputRoot.css.ts.vanilla-CwDcyfBs.css');
-require('./assets/src/command/CommandItem.css.ts.vanilla-DMwQexME.css');
-require('./assets/src/menu/MenuInput.css.ts.vanilla-DAPWgXVs.css');
+require('./assets/src/input/Input.css.ts.vanilla-BPQCA4zH.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-D_jXJ1Zo.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Dm1gU2FS.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-15sBBaw2.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-CkCKwdYi.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-De3mPKgV.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-CoojNkT3.css');
-require('./assets/src/dialog/DialogContent.css.ts.vanilla-DiYr8Wii.css');
-require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CDUbINuU.css');
-require('./assets/src/dialog/DialogHeader.css.ts.vanilla-DC0TFJ6C.css');
-require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DbH_XZ1B.css');
-require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-DzPVUes3.css');
-require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-BEeG3LeL.css');
-var RadixPopover = require('@radix-ui/react-popover');
-var RadixPopper = require('@radix-ui/react-popper');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
-require('./assets/src/actions/ActionsContent.css.ts.vanilla-CIPKnVwJ.css');
-require('./assets/src/cover/Cover.css.ts.vanilla-4DhuLKkI.css');
-require('./assets/src/table/Table.css.ts.vanilla-DNMMzK6b.css');
-require('./assets/src/table/TableBody.css.ts.vanilla-DeDUa_Bw.css');
-require('./assets/src/table/TableRow.css.ts.vanilla-T1dTDIP1.css');
-require('./assets/src/table/TableCell.css.ts.vanilla-B8JpbhP8.css');
-require('./assets/src/table/TableHeader.css.ts.vanilla-BMnvG5iS.css');
-require('./assets/src/table/TableHeaderCell.css.ts.vanilla-BbE_9wyn.css');
-require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-BYHRDTl4.css');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-B2h2pml4.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-ItCa1wp0.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-BHtm3oVs.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-CfXhNhba.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-CXzUdAnN.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-CJn-y0Ui.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-gSwc1NEw.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-DiBVl4tZ.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-BBbnZ9RU.css');
+require('./assets/src/table/Table.css.ts.vanilla-BlXaDGj8.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-CzuyRj15.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-COqkQgbB.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-YHmT62uz.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-C3J_H2wm.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-Bz5pp_cm.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Dlzxt6JQ.css');
 var reactDayPicker = require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BGzzfwpF.css');
-require('./assets/src/box/Box.css.ts.vanilla-Dbo87Hg_.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-CqH1Gade.css');
+require('./assets/src/box/Box.css.ts.vanilla-BZuKFdfX.css');
+var RadixPopper = require('@radix-ui/react-popper');
+var RadixAvatar = require('@radix-ui/react-avatar');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-ChFqlFhA.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
-require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-DR0szHMw.css');
-require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-dC7qxTbj.css');
-require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-FnNV3P-x.css');
-require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-D2giTvo1.css');
-require('./assets/src/text/Text.css.ts.vanilla-BMSaHeIw.css');
-require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DFaRN0Nu.css');
-require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-DzM1XH0P.css');
-require('./assets/src/skeleton/Skeleton.css.ts.vanilla-CqxpPZZK.css');
+require('./assets/src/button/ButtonRoot.css.ts.vanilla-BlwCBF5g.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-DboweB74.css');
+require('./assets/src/text/Text.css.ts.vanilla-D2Vai-OL.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-C5e2QG_r.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-HjQNNXYr.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-DxD2BMWh.css');
+var RadixPopover = require('@radix-ui/react-popover');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DxbewD0D.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-CmuOh2I-.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-Dq_jFICH.css');
 var reactVirtual = require('@tanstack/react-virtual');
 var RadixSeparator = require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DY6wwOcC.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-XtDykhqq.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-BBFF9jdM.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-CT2t-0cr.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BwHTqH9s.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-B5Tlej7H.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-CD_1dpzo.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-CuBafXB1.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-CQzdee5f.css');
+var RadixPortal = require('@radix-ui/react-portal');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-CuUyt1zX.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-Dv7qhrb8.css');
-require('./assets/src/modal/ModalListbox.css.ts.vanilla-Bi3wP45X.css');
-var RadixPortal = require('@radix-ui/react-portal');
 var RadixTooltip = require('@radix-ui/react-tooltip');
-require('./assets/src/button/ButtonRoot.css.ts.vanilla-B39dsJVj.css');
-require('./assets/src/button/ButtonLoadable.css.ts.vanilla-9-Q500PR.css');
-require('./assets/src/spinner/Spinner.css.ts.vanilla-DCtjkPl0.css');
-require('./assets/src/calendar/Calendar.css.ts.vanilla-CCWjYTzv.css');
-require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-CaXsLGN4.css');
-require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-CsU9y-Vq.css');
-require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-DaXFFaYb.css');
-require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DKVUiRJa.css');
-require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-D5KcwPgq.css');
+require('./assets/src/calendar/Calendar.css.ts.vanilla-Br3LRiWF.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-BG_VUjur.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BhvEOVAG.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-BGlSwFfG.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DrZ0PQPG.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-CqBA4TbH.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.8.0";
+var version = "1.8.2";
 
 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:'_7j2khp',md:'_1iudliu',base:'_1ohw6a0'},defaultClass:'_1ohw6a0'},end:{conditions:{sm:'_8g1cph',md:'_1uye9vf',base:'_16vmdl4'},defaultClass:'_16vmdl4'},normal:{conditions:{sm:'_1b0moo0',md:'jx240o',base:'_1i6ud6f'},defaultClass:'_1i6ud6f'},start:{conditions:{sm:'y5dhae',md:'_1s6jpww',base:'_44oydy'},defaultClass:'_44oydy'},stretch:{conditions:{sm:'y19ork',md:'oq5rff',base:'_1xnuxyr'},defaultClass:'_1xnuxyr'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_1d447ur',md:'g98f4p',base:'_1qpcqy0'},defaultClass:'_1qpcqy0'},end:{conditions:{sm:'_1a3o4en',md:'jqgama',base:'wh3vld'},defaultClass:'wh3vld'},normal:{conditions:{sm:'qxmn7m',md:'grhehp',base:'jnyv3p'},defaultClass:'jnyv3p'},start:{conditions:{sm:'_1owfiqd',md:'ppyhxa',base:'_1m4ohqi'},defaultClass:'_1m4ohqi'},stretch:{conditions:{sm:'_1nexwhq',md:'etm56z',base:'_1u5hu4w'},defaultClass:'_1u5hu4w'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'y2rnrd',md:'_1cfvtde',base:'_1ni092j'},defaultClass:'_1ni092j'},flex:{conditions:{sm:'caj5e7',md:'_1pv6fus',base:'_19ahlo6'},defaultClass:'_19ahlo6'},grid:{conditions:{sm:'_1qs8ie7',md:'_8ikw61',base:'_1sie9ye'},defaultClass:'_1sie9ye'},block:{conditions:{sm:'pluns1',md:'s8kje4',base:'_1umj4ra'},defaultClass:'_1umj4ra'},inline:{conditions:{sm:'fllnk6',md:'_1buk3n7',base:'bybn53'},defaultClass:'bybn53'},'inline-block':{conditions:{sm:'_1h9ta1a',md:'_1cq1etm',base:'zgeqcv'},defaultClass:'zgeqcv'},'inline-flex':{conditions:{sm:'_1sh65vs',md:'_10kl0lj',base:'_1eqqld6'},defaultClass:'_1eqqld6'},table:{conditions:{sm:'_1vlfp81',md:'_1e03mgh',base:'_19n8j5w'},defaultClass:'_19n8j5w'},'table-cell':{conditions:{sm:'s380fn',md:'_14m6vd5',base:'_1ih6q0k'},defaultClass:'_1ih6q0k'},'table-row':{conditions:{sm:'un3hpz',md:'_1ni0n16',base:'_11dm57e'},defaultClass:'_11dm57e'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'_1wvm4wp',md:'_177ping',base:'_1ke0z5j'},defaultClass:'_1ke0z5j'},auto:{conditions:{sm:'_4ynogp',md:'nw8jjg',base:'_78dunk'},defaultClass:'_78dunk'},initial:{conditions:{sm:'_7ulak8',md:'z1nte8',base:'dykk9q'},defaultClass:'dykk9q'},none:{conditions:{sm:'_1jb8rl5',md:'csm84h',base:'_6qsakb'},defaultClass:'_6qsakb'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'_1mlpfgf',md:'_15ytfjg',base:'bj4jqf'},defaultClass:'bj4jqf'},'column-reverse':{conditions:{sm:'_1d4y0qy',md:'_1psn6ev',base:'_1wz89bd'},defaultClass:'_1wz89bd'},row:{conditions:{sm:'_1k1nzeu',md:'_1ee3dxf',base:'_144q1kl'},defaultClass:'_144q1kl'},'row-reverse':{conditions:{sm:'_14obcg5',md:'_1bspl85',base:'yuh9y7'},defaultClass:'yuh9y7'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_15uu0cb',md:'l6vk76',base:'_1i5cvki'},defaultClass:'_1i5cvki'},wrap:{conditions:{sm:'g96dnc',md:'_1ejnkhj',base:'ovsszf'},defaultClass:'ovsszf'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'_45ovrs',md:'_1bfa5x2',base:'_7arkdd'},defaultClass:'_7arkdd'},'2':{conditions:{sm:'_1vh587j',md:'_1mc91jf',base:'zr9nth'},defaultClass:'zr9nth'},'4':{conditions:{sm:'_121u60h',md:'_2o7vl3',base:'ntd1hp'},defaultClass:'ntd1hp'},'6':{conditions:{sm:'_1jyvd0k',md:'rruod4',base:'irn3fz'},defaultClass:'irn3fz'},'8':{conditions:{sm:'oud513',md:'_21ouy2',base:'_12pbvb'},defaultClass:'_12pbvb'},'10':{conditions:{sm:'_1b0ng85',md:'_10s5r7g',base:'da8bwy'},defaultClass:'da8bwy'},'12':{conditions:{sm:'_17wl9wr',md:'knr2ld',base:'_19h269v'},defaultClass:'_19h269v'},'16':{conditions:{sm:'u61ucb',md:'zw3am3',base:'a9dso8'},defaultClass:'a9dso8'},'20':{conditions:{sm:'_1u1hb60',md:'egq1mk',base:'_1ba9vds'},defaultClass:'_1ba9vds'},'24':{conditions:{sm:'_15cf8oy',md:'z7gwul',base:'_15y9sio'},defaultClass:'_15y9sio'},'32':{conditions:{sm:'_1d5nvo2',md:'cuk7hz',base:'dq4ozc'},defaultClass:'dq4ozc'},'40':{conditions:{sm:'_6x0rmd',md:'_1kmyt6v',base:'_1tegc6y'},defaultClass:'_1tegc6y'},'48':{conditions:{sm:'_1y16qfq',md:'_15lacda',base:'_1ovovib'},defaultClass:'_1ovovib'},'64':{conditions:{sm:'_759wqh',md:'z12bc6',base:'wnvsrt'},defaultClass:'wnvsrt'},'80':{conditions:{sm:'mvxckk',md:'_1qaln47',base:'m1pz59'},defaultClass:'m1pz59'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'wus3ob',md:'_1iia66q',base:'lpzn9j'},defaultClass:'lpzn9j'},'2':{conditions:{sm:'_1u4qoq0',md:'_1p1esa',base:'_1i9llxo'},defaultClass:'_1i9llxo'},'3':{conditions:{sm:'_14qyam6',md:'dh92cb',base:'r164j5'},defaultClass:'r164j5'},'4':{conditions:{sm:'py8c9t',md:'_1ovk4y7',base:'tcnfhs'},defaultClass:'tcnfhs'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'lozfju',md:'s1zq7t',base:'_1cg4f5w'},defaultClass:'_1cg4f5w'},'2':{conditions:{sm:'_1oqjpvl',md:'_13h59gw',base:'hxh7h'},defaultClass:'hxh7h'},'3':{conditions:{sm:'ss3ga',md:'y61z8f',base:'tzouy1'},defaultClass:'tzouy1'},'4':{conditions:{sm:'_1g4ya2e',md:'ist7xm',base:'_7jvg4p'},defaultClass:'_7jvg4p'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'_3hc5gt',md:'_6l4dts',base:'npzd91'},defaultClass:'npzd91'},'10':{conditions:{sm:'_1b9w77q',md:'tdjs7c',base:'_17dcyo9'},defaultClass:'_17dcyo9'},'12':{conditions:{sm:'_1z0j1bt',md:'_1h6x23i',base:'_1aqslnb'},defaultClass:'_1aqslnb'},'16':{conditions:{sm:'_1jhgeum',md:'_17u4xqx',base:'exqjyt'},defaultClass:'exqjyt'},'20':{conditions:{sm:'_14rqhot',md:'_1rn21e2',base:'_16lhu6c'},defaultClass:'_16lhu6c'},'24':{conditions:{sm:'_1p05mjj',md:'_1ds6h6d',base:'_1jw799b'},defaultClass:'_1jw799b'},'32':{conditions:{sm:'_1wtmorx',md:'_137n554',base:'wwq2xb'},defaultClass:'wwq2xb'},'40':{conditions:{sm:'_1dj6tsp',md:'yql36v',base:'_1u0di32'},defaultClass:'_1u0di32'},'48':{conditions:{sm:'zziz0c',md:'c6ya5y',base:'tl9v9'},defaultClass:'tl9v9'},'56':{conditions:{sm:'t3adpn',md:'_1s9b2cg',base:'l9i8bj'},defaultClass:'l9i8bj'},'64':{conditions:{sm:'_6wdiq2',md:'_1x04wz7',base:'_15as92v'},defaultClass:'_15as92v'},'80':{conditions:{sm:'pdft43',md:'qf0tsg',base:'_16mpxs'},defaultClass:'_16mpxs'},'224':{conditions:{sm:'_1e81uqz',md:'ioiwdw',base:'hq82js'},defaultClass:'hq82js'},'384':{conditions:{sm:'_1r9c8sb',md:'_1skjmqg',base:'rlv5jc'},defaultClass:'rlv5jc'},'2xs':{conditions:{sm:'_1gb6hf6',md:'_160v9cx',base:'_1l8ld4'},defaultClass:'_1l8ld4'},xs:{conditions:{sm:'pty50c',md:'_1fbjraw',base:'zbjr5k'},defaultClass:'zbjr5k'},sm:{conditions:{sm:'_6ah93n',md:'_1vzclro',base:'_130topa'},defaultClass:'_130topa'},md:{conditions:{sm:'_6y49w',md:'_1wp8n0l',base:'_1vd1odc'},defaultClass:'_1vd1odc'},lg:{conditions:{sm:'urtsq6',md:'_7mul8e',base:'_1awh3nv'},defaultClass:'_1awh3nv'},xl:{conditions:{sm:'_1lnv3w2',md:'_105sho6',base:'_1tewgf8'},defaultClass:'_1tewgf8'},'3xl':{conditions:{sm:'_1mojsv4',md:'seq506',base:'ckpb4s'},defaultClass:'ckpb4s'},'1/2':{conditions:{sm:'jqozev',md:'_5iq9r0',base:'_17ffktt'},defaultClass:'_17ffktt'},'1/3':{conditions:{sm:'_5ceo37',md:'_1owxdrk',base:'_1rqt22v'},defaultClass:'_1rqt22v'},'2/3':{conditions:{sm:'_19eeg9p',md:'_1wyn8ou',base:'_110mjrw'},defaultClass:'_110mjrw'},'1/4':{conditions:{sm:'_46dtb9',md:'_1spa2ln',base:'_1ndu2v3'},defaultClass:'_1ndu2v3'},'3/4':{conditions:{sm:'wamqlm',md:'_3kpfuz',base:'_1ndf0ck'},defaultClass:'_1ndf0ck'},auto:{conditions:{sm:'_1d8tftb',md:'_1mn1svl',base:'_1kedrnj'},defaultClass:'_1kedrnj'},fit:{conditions:{sm:'u7krjv',md:'eh6116',base:'zksvw4'},defaultClass:'zksvw4'},full:{conditions:{sm:'_11x2490',md:'_1r0b9mb',base:'_6uyqvc'},defaultClass:'_6uyqvc'},max:{conditions:{sm:'z5etxo',md:'_1d5x0y9',base:'_1fa8srh'},defaultClass:'_1fa8srh'},min:{conditions:{sm:'_1swj7yd',md:'_1ixpexz',base:'hqemay'},defaultClass:'hqemay'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'scei43',md:'d4hwmf',base:'_1vj2aqi'},defaultClass:'_1vj2aqi'},end:{conditions:{sm:'_1dgi2gh',md:'_1g7pnpq',base:'_1wb5w6u'},defaultClass:'_1wb5w6u'},'flex-end':{conditions:{sm:'_1427qia',md:'_82bgq4',base:'i67eat'},defaultClass:'i67eat'},'flex-start':{conditions:{sm:'_1ja8p7m',md:'_1otze9u',base:'_164n5yh'},defaultClass:'_164n5yh'},normal:{conditions:{sm:'_19dnscl',md:'_10nc8yn',base:'_1x7610d'},defaultClass:'_1x7610d'},'space-around':{conditions:{sm:'_1u1ehlp',md:'ze7xt5',base:'tsa8u5'},defaultClass:'tsa8u5'},'space-between':{conditions:{sm:'_10cvcfz',md:'_1ut96se',base:'_1aikzca'},defaultClass:'_1aikzca'},'space-evenly':{conditions:{sm:'_1hz2jt',md:'_5yz6a6',base:'_1fgvvcm'},defaultClass:'_1fgvvcm'},start:{conditions:{sm:'_1yn2gyg',md:'_1z0kgco',base:'_7wuqx1'},defaultClass:'_7wuqx1'},stretch:{conditions:{sm:'_121mhjb',md:'_1lx8zdo',base:'_1rs7v2g'},defaultClass:'_1rs7v2g'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_121hb5t',md:'_1q27qvy',base:'_103l6l4'},defaultClass:'_103l6l4'},end:{conditions:{sm:'_1wsyy39',md:'_1snkr93',base:'ox7wu1'},defaultClass:'ox7wu1'},normal:{conditions:{sm:'_1ly4qc5',md:'w50mz2',base:'zvbnsn'},defaultClass:'zvbnsn'},start:{conditions:{sm:'_1jn5wox',md:'_1ijuzwx',base:'_18mdhrh'},defaultClass:'_18mdhrh'},stretch:{conditions:{sm:'_1b8i664',md:'_1a1u0mz',base:'_1dhec5'},defaultClass:'_1dhec5'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'c62t0y',md:'_1kdenxr',base:'_1d115qc'},defaultClass:'_1d115qc'},sm:{conditions:{sm:'_1onrbsa',md:'mw7fqt',base:'_4kefrf'},defaultClass:'_4kefrf'},md:{conditions:{sm:'_12qk07n',md:'_10kxfec',base:'dzie78'},defaultClass:'dzie78'},lg:{conditions:{sm:'_1p5jprb',md:'i2knrm',base:'_1cplh08'},defaultClass:'_1cplh08'},full:{conditions:{sm:'_11hsbkf',md:'wrdyop',base:'_5i6bw6'},defaultClass:'_5i6bw6'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'xax46o',md:'_1e4xbk0',base:'dbvfhd'},defaultClass:'dbvfhd'},sm:{conditions:{sm:'_1skix75',md:'_19822ph',base:'nvfp8q'},defaultClass:'nvfp8q'},md:{conditions:{sm:'_188j4s4',md:'ll5gif',base:'gfbs88'},defaultClass:'gfbs88'},lg:{conditions:{sm:'_14myg49',md:'_1qaixow',base:'_1y581rf'},defaultClass:'_1y581rf'},full:{conditions:{sm:'m3zu9j',md:'_173ulhz',base:'_77ufug'},defaultClass:'_77ufug'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'_3wlkfq',md:'zns26j',base:'_9k7fgl'},defaultClass:'_9k7fgl'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1rmv4pv',md:'_5wz4b9',base:'_1xc1jf'},defaultClass:'_1xc1jf'},'10':{conditions:{sm:'_1rsofhr',md:'_1qn27oe',base:'q57kfg'},defaultClass:'q57kfg'},'12':{conditions:{sm:'zvmul3',md:'_1s3zp8h',base:'_1lm5hcx'},defaultClass:'_1lm5hcx'},'16':{conditions:{sm:'die0g9',md:'_1v93hfh',base:'bbiqwz'},defaultClass:'bbiqwz'},'20':{conditions:{sm:'_1kdllb2',md:'lmeqb7',base:'_151eww8'},defaultClass:'_151eww8'},'24':{conditions:{sm:'_2353fr',md:'x3x4go',base:'_15rysmn'},defaultClass:'_15rysmn'},'32':{conditions:{sm:'_1j7uqkl',md:'rm4puh',base:'r1pg35'},defaultClass:'r1pg35'},'40':{conditions:{sm:'j12zgs',md:'utdo0w',base:'s4rdit'},defaultClass:'s4rdit'},'48':{conditions:{sm:'_12apyi6',md:'rnhhbz',base:'_4jh1e3'},defaultClass:'_4jh1e3'},'56':{conditions:{sm:'_1c0wb4b',md:'_1b7snoo',base:'bdmnkd'},defaultClass:'bdmnkd'},'64':{conditions:{sm:'_10qm7oo',md:'_1p5g3l7',base:'snyzsi'},defaultClass:'snyzsi'},'80':{conditions:{sm:'_179x78v',md:'_1xl6lp1',base:'_1hmkchs'},defaultClass:'_1hmkchs'},'224':{conditions:{sm:'_1l62kcu',md:'_1u9vhwo',base:'hhw3ey'},defaultClass:'hhw3ey'},'384':{conditions:{sm:'a96dmk',md:'_1vfs9t',base:'or0udf'},defaultClass:'or0udf'},'2xs':{conditions:{sm:'_69a3v0',md:'q9cdjj',base:'_14xxhu4'},defaultClass:'_14xxhu4'},xs:{conditions:{sm:'_1p19wf7',md:'_1umtk5l',base:'_1ukiwgs'},defaultClass:'_1ukiwgs'},sm:{conditions:{sm:'_8r1mth',md:'k5qifi',base:'l281sz'},defaultClass:'l281sz'},md:{conditions:{sm:'_1b0omu7',md:'_1ln2xrz',base:'em4tgb'},defaultClass:'em4tgb'},lg:{conditions:{sm:'_18f6mwv',md:'_1q5ihvj',base:'_6d9xk0'},defaultClass:'_6d9xk0'},xl:{conditions:{sm:'_18f76xg',md:'_1u9cjp5',base:'n1a6e5'},defaultClass:'n1a6e5'},'3xl':{conditions:{sm:'ubx444',md:'_17d8sj5',base:'uxo0g6'},defaultClass:'uxo0g6'},'1/2':{conditions:{sm:'mzk9rv',md:'_8t17hb',base:'_17qmcqv'},defaultClass:'_17qmcqv'},'1/3':{conditions:{sm:'_6lv8u6',md:'_103kum5',base:'b2fxof'},defaultClass:'b2fxof'},'2/3':{conditions:{sm:'ktlbpf',md:'_9wud2',base:'_1hmy7co'},defaultClass:'_1hmy7co'},'1/4':{conditions:{sm:'_1aukhlm',md:'_3v6d0z',base:'_142inec'},defaultClass:'_142inec'},'3/4':{conditions:{sm:'wygvrx',md:'lbvglb',base:'_3djb9v'},defaultClass:'_3djb9v'},auto:{conditions:{sm:'_1691uvv',md:'_1yme3pa',base:'_1mten00'},defaultClass:'_1mten00'},fit:{conditions:{sm:'box75c',md:'_1jcjsgh',base:'n103pa'},defaultClass:'n103pa'},full:{conditions:{sm:'dcjbx',md:'_1br4zpf',base:'_10624du'},defaultClass:'_10624du'},max:{conditions:{sm:'_1w87ksd',md:'_1knmrfv',base:'_2fsmcz'},defaultClass:'_2fsmcz'},min:{conditions:{sm:'_1i0u3lj',md:'_1nmawn9',base:'j6vgqj'},defaultClass:'j6vgqj'}},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:'_17bzbsr'},pulse:{defaultClass:'_1xny11i'},spin:{defaultClass:'ipy7ec'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1mp0g8d'},'bg.accent.hovered':{defaultClass:'_1s0pbbi'},'bg.accent.light':{defaultClass:'_1a7kpnu'},'bg.accent.pressed':{defaultClass:'a0flh4'},'bg.accent.subtle':{defaultClass:'_1y0zwy'},'bg.avatar.neutral':{defaultClass:'p53f18'},'bg.avatar.purple':{defaultClass:'t93a80'},'bg.default':{defaultClass:'ekgf6y'},'bg.default.hovered':{defaultClass:'_1tcfqge'},'bg.default.inverse':{defaultClass:'_11us29i'},'bg.default.inverse.hovered':{defaultClass:'_4hgeu6'},'bg.default.inverse.pressed':{defaultClass:'_1oll83t'},'bg.default.pressed':{defaultClass:'_13xcz71'},'bg.error':{defaultClass:'gk5ofj'},'bg.error.hovered':{defaultClass:'gl7iur'},'bg.error.light':{defaultClass:'pm9tpr'},'bg.error.pressed':{defaultClass:'t8mrr5'},'bg.error.subtle':{defaultClass:'j08xsf'},'bg.error.subtlest':{defaultClass:'_1qnazrb'},'bg.information':{defaultClass:'_75j7ic'},'bg.information.light':{defaultClass:'rn6trw'},'bg.information.subtle':{defaultClass:'_12ucm6u'},'bg.overlay':{defaultClass:'_1phu4h'},'bg.page':{defaultClass:'t9xtpa'},'bg.secondary':{defaultClass:'i97m6z'},'bg.secondary.hovered':{defaultClass:'_14m2ca2'},'bg.spinner.default':{defaultClass:'_1y1qdlx'},'bg.spinner.inverse':{defaultClass:'_1fo31kz'},'bg.success':{defaultClass:'useoov'},'bg.success.hovered':{defaultClass:'_86aqom'},'bg.success.light':{defaultClass:'_1tetujb'},'bg.success.subtle':{defaultClass:'_8fcqhj'},'bg.tertiary':{defaultClass:'k1e4uc'},'bg.tertiary.hovered':{defaultClass:'fgtoe2'},'bg.warning':{defaultClass:'_16v1baf'},'bg.warning.hovered':{defaultClass:'_1ouey7p'},'bg.warning.light':{defaultClass:'_79r4ka'},'bg.warning.subtle':{defaultClass:'q1qiqd'},current:{defaultClass:'_1rbmanu'},transparent:{defaultClass:'d2h3u6'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'mit1ew'}}},borderBottomWidth:{values:{'0':{defaultClass:'_1mo5cjc'},'1':{defaultClass:'_1n1jb76'},'2':{defaultClass:'nk2sn2'}}},borderColor:{values:{'border.accent':{defaultClass:'_1su3pii'},'border.control':{defaultClass:'_1mqszoh'},'border.control.hovered':{defaultClass:'_1x0061e'},'border.default':{defaultClass:'sffweb'},'border.disabled':{defaultClass:'_1w109dd'},'border.error':{defaultClass:'ann7ve'},'border.focus':{defaultClass:'k6e0j9'},'border.focus.error':{defaultClass:'ap8l6t'},'border.secondary':{defaultClass:'r9tqzg'},'border.success':{defaultClass:'_1aseeth'},'border.tertiary':{defaultClass:'_6vxmeo'},'border.warning':{defaultClass:'_1l5bwlw'},current:{defaultClass:'zj1btu'},transparent:{defaultClass:'_1t82tfg'}}},borderLeftWidth:{values:{'0':{defaultClass:'stvtej'},'1':{defaultClass:'_79odn6'},'2':{defaultClass:'_5jblwz'}}},borderRadius:{values:{xs:{defaultClass:'u2ha7w'},sm:{defaultClass:'ambm3t'},md:{defaultClass:'n8ck2j'},lg:{defaultClass:'dr7ki'},xl:{defaultClass:'_46buqc'},full:{defaultClass:'_1l9r77m'},inherit:{defaultClass:'ymr658'},none:{defaultClass:'_1294097'}}},borderRightWidth:{values:{'0':{defaultClass:'dbdm6g'},'1':{defaultClass:'ehzn6d'},'2':{defaultClass:'_5oo23w'}}},borderTopWidth:{values:{'0':{defaultClass:'_14gld9'},'1':{defaultClass:'jqfpda'},'2':{defaultClass:'ol5en6'}}},boxShadow:{values:{sm:{defaultClass:'ubgymt'},md:{defaultClass:'lqa5ci'},lg:{defaultClass:'_6r78d2'},none:{defaultClass:'_1nlnf4a'}}},color:{values:{'fg.accent':{defaultClass:'_99yiz8'},'fg.accent.hovered':{defaultClass:'_1pp6qx4'},'fg.accent.strong':{defaultClass:'imz8jx'},'fg.avatar.neutral':{defaultClass:'_1fcbw0i'},'fg.avatar.purple':{defaultClass:'_1j8pdi'},'fg.default':{defaultClass:'_18q3p9a'},'fg.default.inverse':{defaultClass:'_1zuzjz'},'fg.disabled':{defaultClass:'_1fiy8rr'},'fg.error':{defaultClass:'nbynuk'},'fg.error.hovered':{defaultClass:'jufzul'},'fg.error.light':{defaultClass:'dpfj96'},'fg.error.strong':{defaultClass:'_1xra5oj'},'fg.information':{defaultClass:'scoy3h'},'fg.information.light':{defaultClass:'_11n78qc'},'fg.information.strong':{defaultClass:'_1g7t0a4'},'fg.link.default':{defaultClass:'_1lpmb5s'},'fg.link.default.hovered':{defaultClass:'g957u2'},'fg.link.inverse':{defaultClass:'qdk2gx'},'fg.link.subtle':{defaultClass:'zalibz'},'fg.link.visited':{defaultClass:'_10ha8j8'},'fg.secondary':{defaultClass:'apw2q0'},'fg.spinner.default':{defaultClass:'zrtj5'},'fg.spinner.inverse':{defaultClass:'zgpz0u'},'fg.success':{defaultClass:'qf8zbt'},'fg.success.hovered':{defaultClass:'gg9b8o'},'fg.success.light':{defaultClass:'yvkfb3'},'fg.success.strong':{defaultClass:'_1wihh8m'},'fg.tertiary':{defaultClass:'_1u1xh5t'},'fg.warning':{defaultClass:'r4yt5c'},'fg.warning.hovered':{defaultClass:'_1acbd4y'},'fg.warning.inverse':{defaultClass:'_1y41se3'},'fg.warning.light':{defaultClass:'c7ct5p'},'fg.warning.strong':{defaultClass:'_1l47eir'},'fg.white':{defaultClass:'_1xhale4'},current:{defaultClass:'_7dm7dh'},transparent:{defaultClass:'srzsn9'}}},cursor:{values:{pointer:{defaultClass:'gvm274'},'default':{defaultClass:'vhkc6m'},text:{defaultClass:'_112tbys'}}},fontFamily:{values:{mono:{defaultClass:'_1yqgsys'},sans:{defaultClass:'_1fzjpft'}}},fontSize:{values:{xs:{defaultClass:'_1el9bi7'},sm:{defaultClass:'_1j5bqgi'},md:{defaultClass:'pxvszg'},lg:{defaultClass:'haytj8'},xl:{defaultClass:'crpszm'},'2xl':{defaultClass:'l647w5'},'3xl':{defaultClass:'_1eephk0'},'4xl':{defaultClass:'_1fuvi6h'},inherit:{defaultClass:'aaj43j'}}},fontWeight:{values:{'400':{defaultClass:'_9d0vkm'},'500':{defaultClass:'_1t1phu4'},'600':{defaultClass:'_1b8s953'},'700':{defaultClass:'p51bhl'},inherit:{defaultClass:'eti1v2'}}},marginBottom:{values:{'0':{defaultClass:'w9lf6m'},'2':{defaultClass:'_1sbfrk8'},'4':{defaultClass:'_13s7487'},'6':{defaultClass:'_1p93aoz'},'8':{defaultClass:'wo7tb3'},'10':{defaultClass:'x0hxv7'},'12':{defaultClass:'fquh7c'},'16':{defaultClass:'_13anji2'},'20':{defaultClass:'_185ikuz'},'24':{defaultClass:'xltpfn'},'32':{defaultClass:'_9eq06i'},'40':{defaultClass:'dhk2o9'},'48':{defaultClass:'iu6hll'},'64':{defaultClass:'_1lvom0w'},'80':{defaultClass:'_1ynkzvw'},auto:{defaultClass:'_1cmjwzr'}}},marginLeft:{values:{'0':{defaultClass:'jn8gci'},'2':{defaultClass:'vfy5i6'},'4':{defaultClass:'lee9wy'},'6':{defaultClass:'_1b112fn'},'8':{defaultClass:'eg07aw'},'10':{defaultClass:'_5w34lh'},'12':{defaultClass:'icr486'},'16':{defaultClass:'jv76mv'},'20':{defaultClass:'_1n6mdsh'},'24':{defaultClass:'_1wtrgms'},'32':{defaultClass:'_1tgv7tk'},'40':{defaultClass:'_1hca55s'},'48':{defaultClass:'nrx9eu'},'64':{defaultClass:'_4jzzdg'},'80':{defaultClass:'_1nhx19i'},auto:{defaultClass:'_1ghlwha'}}},marginRight:{values:{'0':{defaultClass:'_8hk534'},'2':{defaultClass:'_1jz91t6'},'4':{defaultClass:'_1pytnms'},'6':{defaultClass:'_1w913mj'},'8':{defaultClass:'_65k3t7'},'10':{defaultClass:'_1mhe48e'},'12':{defaultClass:'_1fuwa2z'},'16':{defaultClass:'_1y38qxe'},'20':{defaultClass:'imt5yc'},'24':{defaultClass:'klz2en'},'32':{defaultClass:'_1nujab8'},'40':{defaultClass:'_1jzqlz7'},'48':{defaultClass:'_1o3ipa6'},'64':{defaultClass:'_12mxl7p'},'80':{defaultClass:'ipss4x'},auto:{defaultClass:'u0az22'}}},marginTop:{values:{'0':{defaultClass:'sl9dxc'},'2':{defaultClass:'h7ooos'},'4':{defaultClass:'_1auz488'},'6':{defaultClass:'rpw8gi'},'8':{defaultClass:'m96emp'},'10':{defaultClass:'_190fzh9'},'12':{defaultClass:'_153s45r'},'16':{defaultClass:'s4gfi8'},'20':{defaultClass:'_6ybqhr'},'24':{defaultClass:'_15te55p'},'32':{defaultClass:'fjp4tb'},'40':{defaultClass:'bnqrka'},'48':{defaultClass:'_7gvrry'},'64':{defaultClass:'_1meaydy'},'80':{defaultClass:'_18u8o9e'},auto:{defaultClass:'ndsnt1'}}},objectFit:{values:{contain:{defaultClass:'itvzih'},cover:{defaultClass:'_1epw2k6'},fill:{defaultClass:'_7vzdlv'},none:{defaultClass:'mk0w9y'}}},overflowX:{values:{auto:{defaultClass:'_197ig2s'},hidden:{defaultClass:'_1o7o38s'},visible:{defaultClass:'_548o6e'}}},overflowY:{values:{auto:{defaultClass:'bzi9zl'},hidden:{defaultClass:'_1youfsb'},visible:{defaultClass:'e2s0ui'}}},paddingBottom:{values:{'0':{defaultClass:'wy739p'},'2':{defaultClass:'rgvf29'},'4':{defaultClass:'_1b073gt'},'6':{defaultClass:'_13ghhyj'},'8':{defaultClass:'_2vam9a'},'10':{defaultClass:'_1sdm4to'},'12':{defaultClass:'_7xg8v9'},'16':{defaultClass:'_1323375'},'20':{defaultClass:'_1ui315t'},'24':{defaultClass:'_1bkhltq'},'32':{defaultClass:'jqwflo'},'40':{defaultClass:'_1atbk5s'},'48':{defaultClass:'_1qen8jb'},'64':{defaultClass:'_1kqfedt'},'80':{defaultClass:'wyt9mh'}}},paddingLeft:{values:{'0':{defaultClass:'lhom3j'},'2':{defaultClass:'n1owhm'},'4':{defaultClass:'hryhi'},'6':{defaultClass:'_68cvyq'},'8':{defaultClass:'_1ccvzpr'},'10':{defaultClass:'_1mthwfu'},'12':{defaultClass:'_1flut26'},'16':{defaultClass:'_1afwhl2'},'20':{defaultClass:'xqr7gc'},'24':{defaultClass:'_1m8bwar'},'32':{defaultClass:'_1lh3btd'},'40':{defaultClass:'ez96xy'},'48':{defaultClass:'_1j0wirw'},'64':{defaultClass:'kxv8bo'},'80':{defaultClass:'_1ktz3o9'}}},paddingRight:{values:{'0':{defaultClass:'_1r6d3jr'},'2':{defaultClass:'_16ioo31'},'4':{defaultClass:'jc8y5g'},'6':{defaultClass:'_1abpjlu'},'8':{defaultClass:'bcrru0'},'10':{defaultClass:'mrrq66'},'12':{defaultClass:'_1d59sfq'},'16':{defaultClass:'_19j4fa8'},'20':{defaultClass:'_1fl1pf3'},'24':{defaultClass:'_1smqz4'},'32':{defaultClass:'_11p3qb2'},'40':{defaultClass:'_22yqdb'},'48':{defaultClass:'bpos2l'},'64':{defaultClass:'_1s0i66f'},'80':{defaultClass:'_49iz0g'}}},paddingTop:{values:{'0':{defaultClass:'_11cjg9c'},'2':{defaultClass:'_1o5gwum'},'4':{defaultClass:'gl1k18'},'6':{defaultClass:'_1tvrkkg'},'8':{defaultClass:'_1x2ws5g'},'10':{defaultClass:'_1n5k60q'},'12':{defaultClass:'gksd0t'},'16':{defaultClass:'_1gldjxe'},'20':{defaultClass:'abr8tj'},'24':{defaultClass:'_1vwcsob'},'32':{defaultClass:'_140h17m'},'40':{defaultClass:'_1w28oiz'},'48':{defaultClass:'_17s0ufh'},'64':{defaultClass:'_1l4h3zx'},'80':{defaultClass:'_1drttdh'}}},pointerEvents:{values:{auto:{defaultClass:'lyekyi'},none:{defaultClass:'u6j5qb'}}},textAlign:{values:{end:{defaultClass:'_1hifhvx'},start:{defaultClass:'upfz9o'},center:{defaultClass:'_67ivib'},justify:{defaultClass:'cya1n0'}}},textTransform:{values:{capitalize:{defaultClass:'_1ckdfik'},none:{defaultClass:'_1ek5ae7'},uppercase:{defaultClass:'_1wyqe41'}}},transition:{values:{all:{defaultClass:'_8fzkw2'},colors:{defaultClass:'thyp46'},none:{defaultClass:'_7ogyjl'},opacity:{defaultClass:'_10wz6uz'},transform:{defaultClass:'w1phau'}}},whiteSpace:{values:{nowrap:{defaultClass:'_13604sl'}}},zIndex:{values:{'0':{defaultClass:'_1pzdgb'},'10':{defaultClass:'wlff86'},'20':{defaultClass:'_1yvdk7j'},'30':{defaultClass:'_4yvx92'},popover:{defaultClass:'b15cxo'},toast:{defaultClass:'_5iz7p9'},tooltip:{defaultClass:'_1oe9vil'},auto:{defaultClass:'_14ymgng'}}}}};
+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:'zyqbar',md:'_1djvzzr',base:'aoj8yu'},defaultClass:'aoj8yu'},end:{conditions:{sm:'ng5r2o',md:'uh8s2e',base:'_1u30dwf'},defaultClass:'_1u30dwf'},normal:{conditions:{sm:'ykgc8c',md:'_1ssthc3',base:'c3s4ut'},defaultClass:'c3s4ut'},start:{conditions:{sm:'xy164f',md:'_2jhvhs',base:'_10kqtq2'},defaultClass:'_10kqtq2'},stretch:{conditions:{sm:'z2olj',md:'_11n5k5j',base:'_1tnv4w2'},defaultClass:'_1tnv4w2'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_1udqcoj',md:'_1sth0m7',base:'_2afxwh'},defaultClass:'_2afxwh'},end:{conditions:{sm:'k2yrjl',md:'_1r4clym',base:'tqfrif'},defaultClass:'tqfrif'},normal:{conditions:{sm:'_1p2ysx6',md:'_5rg1rd',base:'_1gjplne'},defaultClass:'_1gjplne'},start:{conditions:{sm:'_1vtihtg',md:'e29h1r',base:'_4sv66q'},defaultClass:'_4sv66q'},stretch:{conditions:{sm:'_1cpa9g3',md:'cz85u',base:'zgr3h9'},defaultClass:'zgr3h9'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'_3lxk4q',md:'mdvxtc',base:'_1n9v3ub'},defaultClass:'_1n9v3ub'},flex:{conditions:{sm:'_1npgkdv',md:'t9dhnb',base:'_29jyfr'},defaultClass:'_29jyfr'},grid:{conditions:{sm:'she93g',md:'djmi3p',base:'ggszd3'},defaultClass:'ggszd3'},block:{conditions:{sm:'_1ub12lj',md:'lui2hu',base:'_4j5fua'},defaultClass:'_4j5fua'},inline:{conditions:{sm:'ujfles',md:'_1vfhhvn',base:'fwv95l'},defaultClass:'fwv95l'},'inline-block':{conditions:{sm:'z05zy6',md:'_1asizza',base:'_1xl2mx7'},defaultClass:'_1xl2mx7'},'inline-flex':{conditions:{sm:'u9wwx7',md:'_1r4vtt7',base:'_1yxn3c3'},defaultClass:'_1yxn3c3'},table:{conditions:{sm:'ixfr03',md:'_16hn9pa',base:'_1nvch8k'},defaultClass:'_1nvch8k'},'table-cell':{conditions:{sm:'_1xw1s0p',md:'cghf40',base:'_1fpwf4'},defaultClass:'_1fpwf4'},'table-row':{conditions:{sm:'_1mc3jrm',md:'_3zo93u',base:'_1qp2tgy'},defaultClass:'_1qp2tgy'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'zgyavh',md:'_1b4h1nz',base:'o44q9o'},defaultClass:'o44q9o'},auto:{conditions:{sm:'_1vtgrk5',md:'_8sueoi',base:'asze7n'},defaultClass:'asze7n'},initial:{conditions:{sm:'_11wgc34',md:'_1hi2f6q',base:'_5auekl'},defaultClass:'_5auekl'},none:{conditions:{sm:'gvw42d',md:'hodv65',base:'_68bj7j'},defaultClass:'_68bj7j'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'gcb9n3',md:'p388nl',base:'_1w4485d'},defaultClass:'_1w4485d'},'column-reverse':{conditions:{sm:'khhjdg',md:'y5cs24',base:'qyv1rz'},defaultClass:'qyv1rz'},row:{conditions:{sm:'_1h9t9lu',md:'_1gdg8jv',base:'_4yeyeg'},defaultClass:'_4yeyeg'},'row-reverse':{conditions:{sm:'hrddj9',md:'w1z6xs',base:'g8063h'},defaultClass:'g8063h'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_1f8n4c8',md:'_1jg7tb7',base:'_1l4csbu'},defaultClass:'_1l4csbu'},wrap:{conditions:{sm:'_62xmmq',md:'_1be1rsm',base:'_1dc4zrm'},defaultClass:'_1dc4zrm'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'n6k18n',md:'mqux2z',base:'g3ic7u'},defaultClass:'g3ic7u'},'2':{conditions:{sm:'_1fmxhh3',md:'sc3vg',base:'_94fq9i'},defaultClass:'_94fq9i'},'4':{conditions:{sm:'_1pdevk1',md:'bqpkz5',base:'_190ponq'},defaultClass:'_190ponq'},'6':{conditions:{sm:'_18618pk',md:'_1vr0lju',base:'_9bsqw8'},defaultClass:'_9bsqw8'},'8':{conditions:{sm:'nv844u',md:'sq3m7h',base:'_1o8qfgt'},defaultClass:'_1o8qfgt'},'10':{conditions:{sm:'gr13el',md:'_1uy886j',base:'_9g6ggc'},defaultClass:'_9g6ggc'},'12':{conditions:{sm:'_1ovt3zt',md:'_1ci7ud9',base:'pduu6u'},defaultClass:'pduu6u'},'16':{conditions:{sm:'_17yfw37',md:'_1lb6nxf',base:'co4z4v'},defaultClass:'co4z4v'},'20':{conditions:{sm:'_1epjbk0',md:'_1f2bgjy',base:'ln7wj1'},defaultClass:'ln7wj1'},'24':{conditions:{sm:'c7ke5i',md:'_1gfjlaz',base:'mwvvxr'},defaultClass:'mwvvxr'},'32':{conditions:{sm:'_1iqpwye',md:'miwc95',base:'_1wig7i6'},defaultClass:'_1wig7i6'},'40':{conditions:{sm:'_1t4gc95',md:'_1be355t',base:'ofmje3'},defaultClass:'ofmje3'},'48':{conditions:{sm:'_1gloujy',md:'xpegf6',base:'yi3y3'},defaultClass:'yi3y3'},'64':{conditions:{sm:'_185hxd0',md:'_1muyagi',base:'bci3ln'},defaultClass:'bci3ln'},'80':{conditions:{sm:'_3mqxyn',md:'_6t01el',base:'_1phjlh5'},defaultClass:'_1phjlh5'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'_9gr80x',md:'oq9z22',base:'_1lf6dp7'},defaultClass:'_1lf6dp7'},'2':{conditions:{sm:'k5o5uc',md:'_10maucv',base:'_9ke6zs'},defaultClass:'_9ke6zs'},'3':{conditions:{sm:'osh3uk',md:'_1avx3d7',base:'_116vi2r'},defaultClass:'_116vi2r'},'4':{conditions:{sm:'_1y6k74f',md:'r07ezy',base:'_1bqofi'},defaultClass:'_1bqofi'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'_1xniq6p',md:'up8jpl',base:'akvt78'},defaultClass:'akvt78'},'2':{conditions:{sm:'kl9hbg',md:'_4l8f5b',base:'_1vpwqwn'},defaultClass:'_1vpwqwn'},'3':{conditions:{sm:'_1m1bfpu',md:'_1hc9wx2',base:'_1qqwij6'},defaultClass:'_1qqwij6'},'4':{conditions:{sm:'n8402a',md:'qqvq9g',base:'vbtg3t'},defaultClass:'vbtg3t'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'a2m1iv',md:'iomoo9',base:'_1wmgq1d'},defaultClass:'_1wmgq1d'},'10':{conditions:{sm:'_10o5lr2',md:'_1b3qzsx',base:'_1kwp196'},defaultClass:'_1kwp196'},'12':{conditions:{sm:'y14twi',md:'lxgfq1',base:'_1665dgz'},defaultClass:'_1665dgz'},'16':{conditions:{sm:'d52n5g',md:'r342v4',base:'_1xnbgyy'},defaultClass:'_1xnbgyy'},'20':{conditions:{sm:'kuu5ru',md:'_1i52g36',base:'_1rg7gfi'},defaultClass:'_1rg7gfi'},'24':{conditions:{sm:'_1sdntaa',md:'_1jmvz6f',base:'m1xezy'},defaultClass:'m1xezy'},'32':{conditions:{sm:'_5rp5t3',md:'_1tyehss',base:'t13mpm'},defaultClass:'t13mpm'},'40':{conditions:{sm:'pvr0t9',md:'gm7odl',base:'imqqyn'},defaultClass:'imqqyn'},'48':{conditions:{sm:'_11mus0f',md:'_1f8afro',base:'_1eg6zxs'},defaultClass:'_1eg6zxs'},'56':{conditions:{sm:'bayd7a',md:'_1esgrvv',base:'fbbuz9'},defaultClass:'fbbuz9'},'64':{conditions:{sm:'_1lq62ja',md:'_9789hi',base:'h8z9zi'},defaultClass:'h8z9zi'},'80':{conditions:{sm:'cryu7d',md:'r2dd9r',base:'_56pwew'},defaultClass:'_56pwew'},'224':{conditions:{sm:'_1jvkk7o',md:'_1hh2ia2',base:'_1a9i3pj'},defaultClass:'_1a9i3pj'},'384':{conditions:{sm:'iiszbb',md:'_1h17hlm',base:'pgicpu'},defaultClass:'pgicpu'},'2xs':{conditions:{sm:'_13n5dpg',md:'d31uy6',base:'_1xui41j'},defaultClass:'_1xui41j'},xs:{conditions:{sm:'_103g9et',md:'_65g2if',base:'jntel9'},defaultClass:'jntel9'},sm:{conditions:{sm:'_1l02zgr',md:'_14voal4',base:'gwu1e3'},defaultClass:'gwu1e3'},md:{conditions:{sm:'fy9hwg',md:'g632em',base:'_1vndcgy'},defaultClass:'_1vndcgy'},lg:{conditions:{sm:'_1b5iqw4',md:'_1j2w9nt',base:'hy6ktk'},defaultClass:'hy6ktk'},xl:{conditions:{sm:'_1o1bkc4',md:'_12nej9q',base:'_12h73kr'},defaultClass:'_12h73kr'},'3xl':{conditions:{sm:'_1n8play',md:'_1gxxizd',base:'vyecm2'},defaultClass:'vyecm2'},'1/2':{conditions:{sm:'i0vt50',md:'_14m97i2',base:'_5jwk9l'},defaultClass:'_5jwk9l'},'1/3':{conditions:{sm:'_1c52taw',md:'wog1bh',base:'_133x6ml'},defaultClass:'_133x6ml'},'2/3':{conditions:{sm:'tpc2lb',md:'_1kwx500',base:'_125vm18'},defaultClass:'_125vm18'},'1/4':{conditions:{sm:'_13oucki',md:'_5mqjmg',base:'_1lfr27l'},defaultClass:'_1lfr27l'},'3/4':{conditions:{sm:'_12yx0fq',md:'_1cnsye2',base:'_15ybvyi'},defaultClass:'_15ybvyi'},auto:{conditions:{sm:'_1q8468o',md:'zyz8lc',base:'szonvu'},defaultClass:'szonvu'},fit:{conditions:{sm:'ejlzy1',md:'_1c877ti',base:'yup6h5'},defaultClass:'yup6h5'},full:{conditions:{sm:'_131zo16',md:'cyj5b0',base:'b123g9'},defaultClass:'b123g9'},max:{conditions:{sm:'_14u1ov',md:'xqajq0',base:'_1ympvzm'},defaultClass:'_1ympvzm'},min:{conditions:{sm:'v3ez0j',md:'_1w8kf8k',base:'xhujct'},defaultClass:'xhujct'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'_1qf22ry',md:'dt2mrr',base:'_1d9llcm'},defaultClass:'_1d9llcm'},end:{conditions:{sm:'_1gdllc7',md:'_1v097yi',base:'_138oik0'},defaultClass:'_138oik0'},'flex-end':{conditions:{sm:'npawaf',md:'n8tzne',base:'_9rgjyp'},defaultClass:'_9rgjyp'},'flex-start':{conditions:{sm:'_1npn9jf',md:'_1z0umve',base:'bmhqav'},defaultClass:'bmhqav'},normal:{conditions:{sm:'_1g9c2e',md:'_1pl3kcx',base:'_131fhc7'},defaultClass:'_131fhc7'},'space-around':{conditions:{sm:'_1rtyyex',md:'_1o00e2o',base:'g2vle7'},defaultClass:'g2vle7'},'space-between':{conditions:{sm:'_8blvdi',md:'xdxvzp',base:'_7effb1'},defaultClass:'_7effb1'},'space-evenly':{conditions:{sm:'_10zh50z',md:'_1v0syiy',base:'wb0szb'},defaultClass:'wb0szb'},start:{conditions:{sm:'_17v27li',md:'_3km07k',base:'n5v71a'},defaultClass:'n5v71a'},stretch:{conditions:{sm:'_14ozm74',md:'_3sj9pj',base:'abgwjc'},defaultClass:'abgwjc'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_1hofeej',md:'li3iio',base:'az3gfh'},defaultClass:'az3gfh'},end:{conditions:{sm:'_1kkrixt',md:'_1t8co2l',base:'_1c0154p'},defaultClass:'_1c0154p'},normal:{conditions:{sm:'_1b2ptzl',md:'_1d2lrfj',base:'_1jvl4be'},defaultClass:'_1jvl4be'},start:{conditions:{sm:'_1rq0xl2',md:'_12nb5n6',base:'_2mpcgs'},defaultClass:'_2mpcgs'},stretch:{conditions:{sm:'_1k2hsld',md:'clwglv',base:'vplq4t'},defaultClass:'vplq4t'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'bd4tyg',md:'mt18m2',base:'plavk0'},defaultClass:'plavk0'},sm:{conditions:{sm:'h5vw06',md:'ws790i',base:'_8csk72'},defaultClass:'_8csk72'},md:{conditions:{sm:'hfx6rq',md:'_1an4eou',base:'_16els8r'},defaultClass:'_16els8r'},lg:{conditions:{sm:'_1jodfxm',md:'mk1o9c',base:'_1lg4a39'},defaultClass:'_1lg4a39'},full:{conditions:{sm:'_31wb8p',md:'_5fn7nc',base:'_17cz77l'},defaultClass:'_17cz77l'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'ies1bn',md:'_1taxmk6',base:'_7ibra5'},defaultClass:'_7ibra5'},sm:{conditions:{sm:'_1nkn350',md:'_1u1kqn8',base:'v7r5ff'},defaultClass:'v7r5ff'},md:{conditions:{sm:'_15mwibo',md:'us1c8e',base:'_1sijp0u'},defaultClass:'_1sijp0u'},lg:{conditions:{sm:'_1vsy8d0',md:'_2qxrzd',base:'_1upys57'},defaultClass:'_1upys57'},full:{conditions:{sm:'_1lsr65l',md:'_9oozxu',base:'_1li7ls1'},defaultClass:'_1li7ls1'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'_7yua1e',md:'_59q0nl',base:'_1so0efl'},defaultClass:'_1so0efl'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1l00r0z',md:'_1n2pi0e',base:'_1h4enh3'},defaultClass:'_1h4enh3'},'10':{conditions:{sm:'_1r4qwp7',md:'dx5eou',base:'ua8clh'},defaultClass:'ua8clh'},'12':{conditions:{sm:'bzjnwi',md:'k27vq9',base:'ekz6v9'},defaultClass:'ekz6v9'},'16':{conditions:{sm:'zjwi5v',md:'_1kmngm7',base:'_125o1z5'},defaultClass:'_125o1z5'},'20':{conditions:{sm:'cvtk87',md:'_1hqj5ey',base:'igu75x'},defaultClass:'igu75x'},'24':{conditions:{sm:'_2as1iw',md:'_1j5gykh',base:'hfk4ar'},defaultClass:'hfk4ar'},'32':{conditions:{sm:'jfy3ht',md:'vma1f6',base:'_13v0ytc'},defaultClass:'_13v0ytc'},'40':{conditions:{sm:'_1lmrzfv',md:'wieykq',base:'_1ojm0zy'},defaultClass:'_1ojm0zy'},'48':{conditions:{sm:'n9vhis',md:'_7vwjzh',base:'_1i733zm'},defaultClass:'_1i733zm'},'56':{conditions:{sm:'_1k24tzi',md:'_12neozh',base:'qbyn7o'},defaultClass:'qbyn7o'},'64':{conditions:{sm:'wc3c4f',md:'auoswm',base:'_1gcjpnt'},defaultClass:'_1gcjpnt'},'80':{conditions:{sm:'_3miulb',md:'_1ddfdog',base:'pt4949'},defaultClass:'pt4949'},'224':{conditions:{sm:'_1ngrfbi',md:'_157zay8',base:'_2qfbxj'},defaultClass:'_2qfbxj'},'384':{conditions:{sm:'s06wu5',md:'_7173if',base:'_1ybgn2y'},defaultClass:'_1ybgn2y'},'2xs':{conditions:{sm:'_1lw8097',md:'_1xa03cp',base:'newfxu'},defaultClass:'newfxu'},xs:{conditions:{sm:'_4ai8px',md:'_101y8xu',base:'_31xmsz'},defaultClass:'_31xmsz'},sm:{conditions:{sm:'_12plqku',md:'_3ivdir',base:'_5npq0a'},defaultClass:'_5npq0a'},md:{conditions:{sm:'_1cv2n7n',md:'ng5tc2',base:'_1pjet3n'},defaultClass:'_1pjet3n'},lg:{conditions:{sm:'_1u47vni',md:'_1urbdgf',base:'_1e6k6z'},defaultClass:'_1e6k6z'},xl:{conditions:{sm:'_1jms61c',md:'_17ksn7h',base:'_1lrrslo'},defaultClass:'_1lrrslo'},'3xl':{conditions:{sm:'suv04f',md:'_14y4h0a',base:'ng140'},defaultClass:'ng140'},'1/2':{conditions:{sm:'_1k0xwnq',md:'_1rh8apu',base:'_6ly4fi'},defaultClass:'_6ly4fi'},'1/3':{conditions:{sm:'_12busyp',md:'ve07qe',base:'wnntjn'},defaultClass:'wnntjn'},'2/3':{conditions:{sm:'aaz47j',md:'_1j2hscl',base:'_1r93l61'},defaultClass:'_1r93l61'},'1/4':{conditions:{sm:'zxzqib',md:'_1fe2gcu',base:'_6d343h'},defaultClass:'_6d343h'},'3/4':{conditions:{sm:'_15lb0qi',md:'nhzp8y',base:'_1mb8p6o'},defaultClass:'_1mb8p6o'},auto:{conditions:{sm:'_1tfy3h5',md:'_174m2qb',base:'_1v6fkbr'},defaultClass:'_1v6fkbr'},fit:{conditions:{sm:'am33lc',md:'cm981z',base:'to5pui'},defaultClass:'to5pui'},full:{conditions:{sm:'_1vznscj',md:'_12y7yn5',base:'_18sqxi1'},defaultClass:'_18sqxi1'},max:{conditions:{sm:'_1lrvvnm',md:'_17yup8g',base:'kjq4wt'},defaultClass:'kjq4wt'},min:{conditions:{sm:'_9jcxgz',md:'_122ajr5',base:'iprv7b'},defaultClass:'iprv7b'}},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:'log2lf'},pulse:{defaultClass:'_1udibz4'},spin:{defaultClass:'_1ay9hct'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'fop8n8'},'bg.accent.hovered':{defaultClass:'_13l6811'},'bg.accent.light':{defaultClass:'_17hvjoa'},'bg.accent.pressed':{defaultClass:'_1oembxz'},'bg.accent.subtle':{defaultClass:'kxkj52'},'bg.avatar.neutral':{defaultClass:'_1umxb5c'},'bg.avatar.purple':{defaultClass:'_1lvbc2w'},'bg.default':{defaultClass:'_188cj7g'},'bg.default.hovered':{defaultClass:'_1xt13br'},'bg.default.inverse':{defaultClass:'_17t6vkr'},'bg.default.inverse.hovered':{defaultClass:'_1pu9yol'},'bg.default.inverse.pressed':{defaultClass:'_1mpn67k'},'bg.default.pressed':{defaultClass:'x027hi'},'bg.error':{defaultClass:'_13iqjoz'},'bg.error.hovered':{defaultClass:'_1gmkmie'},'bg.error.light':{defaultClass:'_1ji6xo0'},'bg.error.pressed':{defaultClass:'_1i8340p'},'bg.error.subtle':{defaultClass:'_1kmvmvf'},'bg.error.subtlest':{defaultClass:'cw2a2s'},'bg.information':{defaultClass:'_4yb8np'},'bg.information.light':{defaultClass:'_1l7o13t'},'bg.information.subtle':{defaultClass:'wz5zrv'},'bg.overlay':{defaultClass:'_1n9ms2r'},'bg.page':{defaultClass:'_14geqnp'},'bg.secondary':{defaultClass:'yj0vr0'},'bg.secondary.hovered':{defaultClass:'_18wk1q9'},'bg.spinner.default':{defaultClass:'_1e9g7i1'},'bg.spinner.inverse':{defaultClass:'gzdui'},'bg.success':{defaultClass:'_1rgglq1'},'bg.success.hovered':{defaultClass:'_1en84sk'},'bg.success.light':{defaultClass:'_1pdq3uc'},'bg.success.subtle':{defaultClass:'_2vvfd'},'bg.tertiary':{defaultClass:'_1bx4d4i'},'bg.tertiary.hovered':{defaultClass:'_1qu5swq'},'bg.warning':{defaultClass:'cftbvq'},'bg.warning.hovered':{defaultClass:'_18o031r'},'bg.warning.light':{defaultClass:'_11xmmqv'},'bg.warning.subtle':{defaultClass:'_1qkwapn'},current:{defaultClass:'_1bf950p'},transparent:{defaultClass:'tkltno'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'_1sg4rb2'}}},borderBottomWidth:{values:{'0':{defaultClass:'bar1tw'},'1':{defaultClass:'_1f0zrti'},'2':{defaultClass:'dgz24p'}}},borderColor:{values:{'border.accent':{defaultClass:'_176mlrn'},'border.control':{defaultClass:'_4ytslk'},'border.control.hovered':{defaultClass:'_1jyo6fp'},'border.default':{defaultClass:'_4entlp'},'border.disabled':{defaultClass:'dmp1nb'},'border.error':{defaultClass:'gqzs97'},'border.focus':{defaultClass:'getea8'},'border.focus.error':{defaultClass:'ye12ax'},'border.secondary':{defaultClass:'_1c5x3av'},'border.success':{defaultClass:'m2gii6'},'border.tertiary':{defaultClass:'_16stbf0'},'border.warning':{defaultClass:'peu12x'},current:{defaultClass:'_19evuqq'},transparent:{defaultClass:'qa2stn'}}},borderLeftWidth:{values:{'0':{defaultClass:'_19x4njf'},'1':{defaultClass:'_8a0m5t'},'2':{defaultClass:'_1ce55ix'}}},borderRadius:{values:{xs:{defaultClass:'_1f9cwqv'},sm:{defaultClass:'_1a6dya'},md:{defaultClass:'_8ml80r'},lg:{defaultClass:'kjzj1t'},xl:{defaultClass:'r8o7tw'},full:{defaultClass:'o95nbe'},inherit:{defaultClass:'_1wcgd4t'},none:{defaultClass:'_1wdggbb'}}},borderRightWidth:{values:{'0':{defaultClass:'vua327'},'1':{defaultClass:'_3yaskk'},'2':{defaultClass:'_1ew1f16'}}},borderTopWidth:{values:{'0':{defaultClass:'jso06j'},'1':{defaultClass:'_1i3dpem'},'2':{defaultClass:'dpo2pc'}}},boxShadow:{values:{sm:{defaultClass:'_18y63vo'},md:{defaultClass:'_18tb2i8'},lg:{defaultClass:'_83y6c1'},none:{defaultClass:'_1qw9ym7'}}},color:{values:{'fg.accent':{defaultClass:'y9ezdx'},'fg.accent.hovered':{defaultClass:'ao5hrd'},'fg.accent.strong':{defaultClass:'hrxu2n'},'fg.avatar.neutral':{defaultClass:'_1s0q4ro'},'fg.avatar.purple':{defaultClass:'wc3lbp'},'fg.default':{defaultClass:'_1ku7xca'},'fg.default.inverse':{defaultClass:'_1siqqin'},'fg.disabled':{defaultClass:'_17bo2ok'},'fg.error':{defaultClass:'p8b9vo'},'fg.error.hovered':{defaultClass:'_1aj444o'},'fg.error.light':{defaultClass:'_1p8ua1o'},'fg.error.strong':{defaultClass:'_14p3077'},'fg.information':{defaultClass:'_1twst8q'},'fg.information.light':{defaultClass:'_1s4iy1g'},'fg.information.strong':{defaultClass:'_1t6o7gg'},'fg.link.default':{defaultClass:'_16phkyd'},'fg.link.default.hovered':{defaultClass:'ejsiln'},'fg.link.inverse':{defaultClass:'_1r89naz'},'fg.link.subtle':{defaultClass:'_2edixy'},'fg.link.visited':{defaultClass:'_1xu8odc'},'fg.secondary':{defaultClass:'okyyiy'},'fg.spinner.default':{defaultClass:'c5d32x'},'fg.spinner.inverse':{defaultClass:'_1wb062n'},'fg.success':{defaultClass:'_1ag5o1q'},'fg.success.hovered':{defaultClass:'wqadpb'},'fg.success.light':{defaultClass:'_1g7nxhr'},'fg.success.strong':{defaultClass:'xeohlq'},'fg.tertiary':{defaultClass:'_1rn87ps'},'fg.warning':{defaultClass:'_1glbun5'},'fg.warning.hovered':{defaultClass:'_1keiuvo'},'fg.warning.inverse':{defaultClass:'kmrewf'},'fg.warning.light':{defaultClass:'_1xrby2k'},'fg.warning.strong':{defaultClass:'ktqupm'},'fg.white':{defaultClass:'_12ew11b'},current:{defaultClass:'cw12y8'},transparent:{defaultClass:'jn5gzy'}}},cursor:{values:{pointer:{defaultClass:'_1vw7xga'},'default':{defaultClass:'_1ym7m4o'},text:{defaultClass:'_1vgj318'}}},fontFamily:{values:{mono:{defaultClass:'tkjn4l'},sans:{defaultClass:'i5ty4l'}}},fontSize:{values:{xs:{defaultClass:'_18bstue'},sm:{defaultClass:'_10ev1t1'},md:{defaultClass:'_1px8j6x'},lg:{defaultClass:'_2azj4q'},xl:{defaultClass:'ahhjur'},'2xl':{defaultClass:'_1skn0wx'},'3xl':{defaultClass:'_165t64g'},'4xl':{defaultClass:'_1s2pqhv'},inherit:{defaultClass:'y6eg5y'}}},fontWeight:{values:{'400':{defaultClass:'_1so7d8p'},'500':{defaultClass:'zzfz6o'},'600':{defaultClass:'g1qgbz'},'700':{defaultClass:'_1mrxx8v'},inherit:{defaultClass:'_1j9lpx8'}}},marginBottom:{values:{'0':{defaultClass:'i6s86z'},'2':{defaultClass:'_15fnmct'},'4':{defaultClass:'e5aq9a'},'6':{defaultClass:'_1fhjt6s'},'8':{defaultClass:'hfrc6c'},'10':{defaultClass:'_1cb2yku'},'12':{defaultClass:'rh4t03'},'16':{defaultClass:'_1o20xps'},'20':{defaultClass:'cyt74c'},'24':{defaultClass:'_1me7odl'},'32':{defaultClass:'_1qaenra'},'40':{defaultClass:'zm0tri'},'48':{defaultClass:'krbgf6'},'64':{defaultClass:'_1vdezyc'},'80':{defaultClass:'_1gzftb3'},auto:{defaultClass:'lgd1ni'}}},marginLeft:{values:{'0':{defaultClass:'_12qbn6'},'2':{defaultClass:'_1vu1x65'},'4':{defaultClass:'_1ewb90e'},'6':{defaultClass:'h6fuiu'},'8':{defaultClass:'_1q3loux'},'10':{defaultClass:'_1m9ywss'},'12':{defaultClass:'_1uw41fi'},'16':{defaultClass:'e32ksb'},'20':{defaultClass:'o6ay0w'},'24':{defaultClass:'hz0i9g'},'32':{defaultClass:'_14i6yuj'},'40':{defaultClass:'ol3prv'},'48':{defaultClass:'_1kt76yg'},'64':{defaultClass:'o3i12o'},'80':{defaultClass:'_1emfz5v'},auto:{defaultClass:'_163e7mt'}}},marginRight:{values:{'0':{defaultClass:'r6j4k'},'2':{defaultClass:'_19za1ye'},'4':{defaultClass:'_1qgwo6f'},'6':{defaultClass:'_1fibwfh'},'8':{defaultClass:'_1b9kunu'},'10':{defaultClass:'_15pnb95'},'12':{defaultClass:'uav82m'},'16':{defaultClass:'wf4jj0'},'20':{defaultClass:'_1pcv81z'},'24':{defaultClass:'_1pbz8dv'},'32':{defaultClass:'_15508a7'},'40':{defaultClass:'_5sql2w'},'48':{defaultClass:'_15tb1fi'},'64':{defaultClass:'i6zshe'},'80':{defaultClass:'hurlhq'},auto:{defaultClass:'_13oxjkw'}}},marginTop:{values:{'0':{defaultClass:'_2jw9vq'},'2':{defaultClass:'_1tk7hhb'},'4':{defaultClass:'wx0aax'},'6':{defaultClass:'l3dw1i'},'8':{defaultClass:'_15rvu7c'},'10':{defaultClass:'_5kyd2a'},'12':{defaultClass:'_1j9b30p'},'16':{defaultClass:'l4llu2'},'20':{defaultClass:'v6yiwh'},'24':{defaultClass:'_1ubby2d'},'32':{defaultClass:'_1orm27o'},'40':{defaultClass:'vjv8s5'},'48':{defaultClass:'xlv2v2'},'64':{defaultClass:'_13hvdjh'},'80':{defaultClass:'fcf4fz'},auto:{defaultClass:'_1m8js3c'}}},objectFit:{values:{contain:{defaultClass:'nx9hr0'},cover:{defaultClass:'wj9fk2'},fill:{defaultClass:'_1c8zb39'},none:{defaultClass:'_15hlkpy'}}},overflowX:{values:{auto:{defaultClass:'_1b6fyyp'},hidden:{defaultClass:'_11qhym3'},visible:{defaultClass:'_16j4qxw'}}},overflowY:{values:{auto:{defaultClass:'qfphak'},hidden:{defaultClass:'_1fj7ex4'},visible:{defaultClass:'i74rez'}}},paddingBottom:{values:{'0':{defaultClass:'i376cv'},'2':{defaultClass:'ry2r21'},'4':{defaultClass:'n03rmz'},'6':{defaultClass:'s3chgz'},'8':{defaultClass:'q6y2gt'},'10':{defaultClass:'_1hfwmi6'},'12':{defaultClass:'_1xyseyr'},'16':{defaultClass:'_2jyvv1'},'20':{defaultClass:'_1hoev4g'},'24':{defaultClass:'xnbghl'},'32':{defaultClass:'yzwznk'},'40':{defaultClass:'kvqmt7'},'48':{defaultClass:'_13qqocj'},'64':{defaultClass:'stxbqq'},'80':{defaultClass:'bmoac2'}}},paddingLeft:{values:{'0':{defaultClass:'_16xc66f'},'2':{defaultClass:'sa4ty2'},'4':{defaultClass:'afprj2'},'6':{defaultClass:'_1cpx4yp'},'8':{defaultClass:'dj9keu'},'10':{defaultClass:'_152zayh'},'12':{defaultClass:'_1rb5bbc'},'16':{defaultClass:'w2rzte'},'20':{defaultClass:'sblzq6'},'24':{defaultClass:'_1aviya9'},'32':{defaultClass:'_16mrlck'},'40':{defaultClass:'_192wtvy'},'48':{defaultClass:'ddx2w8'},'64':{defaultClass:'_1bhn8vh'},'80':{defaultClass:'_1wnan5d'}}},paddingRight:{values:{'0':{defaultClass:'t3t2gp'},'2':{defaultClass:'_6f8rbk'},'4':{defaultClass:'rh5j7x'},'6':{defaultClass:'_1oj2tnr'},'8':{defaultClass:'xxdsa7'},'10':{defaultClass:'_1eigb1o'},'12':{defaultClass:'ssho5d'},'16':{defaultClass:'_172ah63'},'20':{defaultClass:'_9eawea'},'24':{defaultClass:'tw62jm'},'32':{defaultClass:'jb0olk'},'40':{defaultClass:'_1tecay1'},'48':{defaultClass:'_1q02mtr'},'64':{defaultClass:'_1mukuj0'},'80':{defaultClass:'btrs0q'}}},paddingTop:{values:{'0':{defaultClass:'_17akwpy'},'2':{defaultClass:'_19o5akd'},'4':{defaultClass:'_1tk3zfp'},'6':{defaultClass:'_1tdy6v0'},'8':{defaultClass:'_1ib9rnd'},'10':{defaultClass:'yo37co'},'12':{defaultClass:'_978f0'},'16':{defaultClass:'rigfur'},'20':{defaultClass:'_1tqz0n7'},'24':{defaultClass:'_7uz8q9'},'32':{defaultClass:'lzebo4'},'40':{defaultClass:'vkm9b2'},'48':{defaultClass:'_10n86ip'},'64':{defaultClass:'_11o41g'},'80':{defaultClass:'_1fenfx3'}}},pointerEvents:{values:{auto:{defaultClass:'_1ylq3vh'},none:{defaultClass:'t0l23u'}}},textAlign:{values:{end:{defaultClass:'yf8tja'},start:{defaultClass:'q2jhve'},center:{defaultClass:'egecax'},justify:{defaultClass:'_12u5y7m'}}},textTransform:{values:{capitalize:{defaultClass:'_1dph21s'},none:{defaultClass:'_1y7f9ac'},uppercase:{defaultClass:'_1yu3gej'}}},transition:{values:{all:{defaultClass:'_1nvtj5'},colors:{defaultClass:'dbcqy5'},none:{defaultClass:'stpui0'},opacity:{defaultClass:'_19x3kvq'},transform:{defaultClass:'nso82r'}}},whiteSpace:{values:{nowrap:{defaultClass:'ychqfo'}}},zIndex:{values:{'0':{defaultClass:'_11ozoj8'},'10':{defaultClass:'jv8x2c'},'20':{defaultClass:'_11wr8r4'},'30':{defaultClass:'q9tmr1'},popover:{defaultClass:'_1mefbaj'},toast:{defaultClass:'_1blhot1'},tooltip:{defaultClass:'ymb8vo'},auto:{defaultClass:'_5wlkim'}}}}};
 
 const vars = {
   fontFamilyVar: fontFamilyVar
@@ -471,7 +477,7 @@ const shouldApplyCompound = (compoundCheck, selections) => {
   return true;
 };
 
-var box = recipeRuntime({base:'_1fn2yl8'});
+var box = recipeRuntime({base:'_19atof8'});
 
 function extractBoxProps(props) {
   const boxProps = {};
@@ -488,10 +494,10 @@ 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, style, ...props }, ref) => {
-    const Comp = asChild ? Slot$e : "div";
+    const Comp = asChild ? Slot$f : "div";
     const { boxProps, restProps } = extractBoxProps(props);
     return /* @__PURE__ */ jsxRuntime.jsx(
       Comp,
@@ -514,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)) {
@@ -593,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'},'_1ykbd3p']});
+var loadable = recipeRuntime({base:[{transition:'opacity'},'fpxkd0']});
 
 const ButtonLoadable = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -611,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'},'_1o4wrg0','_114rnlb','fzvul3'],'2':[undefined,'_1o4wrg0','_114rnlb','_9md0dw'],'3':[undefined,'_1o4wrg0','_114rnlb','rvvts'],'4':[undefined,'_1o4wrg0','_114rnlb','_1nhdtw8']},truncate:{true:[undefined,'_1o4wrg0',{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'},'ra53vi','ul7u96','_10b16az'],'2':[undefined,'ra53vi','ul7u96','qeg33b'],'3':[undefined,'ra53vi','ul7u96','wwnaod'],'4':[undefined,'ra53vi','ul7u96','_1shkzgb']},truncate:{true:[undefined,'ra53vi',{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,
       {
@@ -663,7 +677,7 @@ const Group = React.forwardRef(
 );
 Group.displayName = "@optiaxiom/react/Group";
 
-var track = recipeRuntime({variants:{appearance:{'default':'_1va9c2u',inverse:'g21ywb'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_15q6o7f',inverse:'yz0ell'}}});
 
 const mapAppearanceToFg = {
   default: "fg.spinner.default",
@@ -734,7 +748,7 @@ const Spinner = React.forwardRef(
 );
 Spinner.displayName = "@optiaxiom/react/Spinner";
 
-var transition = recipeRuntime({base:'e2o6fp',variants:{duration:{sm:'_52htvo',md:'_1dqucss',lg:'xz28nd'}}});
+var transition = recipeRuntime({base:'mcp70d',variants:{duration:{sm:'_1jq4wh3',md:'_1xhikrc',lg:'_3pjt64'}}});
 
 const TransitionGlobalConfig = {
   skipAnimations: false
@@ -760,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,
@@ -773,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,
@@ -860,10 +874,10 @@ function TransitionGroup({
 }
 TransitionGroup.displayName = "@optiaxiom/react/TransitionGroup";
 
-var buttonBase = recipeRuntime({base:['_1dajkkn',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_1o6hj36'],variants:{intent:{danger:'wpu8ka',neutral:'othj5r',primary:'_1ldskd1'},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:'b8gfb8','outline-opal':'i4to5w',strong:'xqv9zl','strong-opal':'mbe281',subtle:'_185v6hx'}},variantsCompounded:[{style:'a0cugw',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_10107el',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'ocwaea',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'td1236',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_71fgvr',variants:{size:'lg',square:false}}]});
-var spinner = recipeRuntime({base:[{size:'2xs'},'ed3yws']});
+var buttonBase = recipeRuntime({base:['_1xy3nb0',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'zgzsq5'],variants:{intent:{danger:'_51r08w',neutral:'_1htvcaa',primary:'f3fait'},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:'_1uudvpa','outline-opal':'_1suhuev',strong:'_1fl1rqr','strong-opal':'ku4gr4',subtle:'n4pm5u'}},variantsCompounded:[{style:'xaestl',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'pd6geh',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'_1ml6r7h',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1rgua0v',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'i2i642',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_19bowhg']});
 
-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" },
@@ -886,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(
@@ -922,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,
@@ -931,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) => {
@@ -970,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,
@@ -981,7 +1003,7 @@ const Button = React.forwardRef(
 );
 Button.displayName = "@optiaxiom/react/Button";
 
-var buttonGroup = recipeRuntime({base:'_164lvie'});
+var buttonGroup = recipeRuntime({base:'gges1z'});
 
 const ButtonGroup = React.forwardRef(
   ({ children, className, gap = "0", orientation = "horizontal", ...props }, ref) => {
@@ -1027,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"
@@ -1042,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'},'_1bx9o9q']});
+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 = [];
@@ -1283,7 +1427,7 @@ function Dialog({
 }
 Dialog.displayName = "@optiaxiom/react/Dialog";
 
-var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'i40pds']});
+var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'zs5f76']});
 
 const DialogBody = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -1317,7 +1461,7 @@ const DialogClose = React.forwardRef(
 );
 DialogClose.displayName = "@optiaxiom/react/DialogClose";
 
-var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_14vvjxa']});
+var backdrop$2 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'iaxybh']});
 
 const Backdrop = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...backdrop$2({}, className), ...props })
@@ -1341,11 +1485,11 @@ const Portal = React.forwardRef(
 );
 Portal.displayName = "@optiaxiom/react/Portal";
 
-var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'whmic6'}}});
-var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1e49q9h'],variants:{size:{sm:'v90mzg',md:'_12dq96g',lg:'_1vl3xvq',fullscreen:'_16qrpzq'}}});
-var nestedDialogCountVar$1 = 'var(--_1q905eh)';
-var scrollPaddingBottomVar = 'var(--db6cu3)';
-var scrollPaddingTopVar = 'var(--jv24yd)';
+var backdrop$1 = recipeRuntime({variants:{hidden:{false:{},true:'_1n0gm0e'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_1j25ysi'],variants:{size:{sm:'_18fvrxp',md:'_19elssv',lg:'_1rpcwpk',fullscreen:'_1e3g8gy'}}});
+var nestedDialogCountVar$1 = 'var(--_5r7wmj)';
+var scrollPaddingBottomVar = 'var(--nlbovk)';
+var scrollPaddingTopVar = 'var(--_168by7b)';
 
 var styles = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1404,6 +1548,12 @@ const DialogContent = React.forwardRef(
     const { onClose, onDismiss } = React.useContext(DialogKitContext) ?? {};
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    const { track } = useSurface("dialog") ?? {};
+    React.useEffect(() => {
+      if (open) {
+        track?.({ name: "viewed" });
+      }
+    }, [open, track]);
     return /* @__PURE__ */ jsxRuntime.jsxs(TransitionGroup, { open, children: [
       /* @__PURE__ */ jsxRuntime.jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
         Backdrop,
@@ -1468,7 +1618,7 @@ const DialogContent = React.forwardRef(
 );
 DialogContent.displayName = "@optiaxiom/react/DialogContent";
 
-var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_4vkp86']});
+var footer$1 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderT:'1',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1lhrfj6']});
 
 const DialogFooter = React.forwardRef(
   ({ children, className, ...props }, outerRef) => {
@@ -1559,11 +1709,11 @@ const VisuallyHidden = React.forwardRef(
 );
 VisuallyHidden.displayName = "@optiaxiom/react/VisuallyHidden";
 
-var actions = recipeRuntime({base:[{gap:'8'},'_1ezg6sl']});
-var close = recipeRuntime({base:['_1n6derp']});
-var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_15v48cb']});
-var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_1b9guzf']});
-var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1vv8wo7']});
+var actions = recipeRuntime({base:[{gap:'8'},'o2g4mj']});
+var close = recipeRuntime({base:['ihf6a0']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'_1gbot8g']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_14o5ye2']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1o7vuid']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, className, description, ...props }, outerRef) => {
@@ -1678,10 +1828,10 @@ const AlertDialogCancel = React.forwardRef(
 );
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
 
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1ospztu'}}});
-var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_15hffhp'],variants:{size:{sm:'qunocg',md:'ikxh40',lg:'js0mum'}}});
-var nestedDialogCountVar = 'var(--s5u39j)';
-var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'cthiln']});
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1fvf0fl'}}});
+var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'_3mt6ll'],variants:{size:{sm:'_1qfuqc9',md:'_1qroth7',lg:'zve0ji'}}});
+var nestedDialogCountVar = 'var(--_1yzb9kr)';
+var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'hqj9oc']});
 
 const AlertDialogContent = React.forwardRef(
   ({
@@ -1782,14 +1932,14 @@ const AlertDialogContent = React.forwardRef(
 );
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
 
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_1ax7c37']});
+var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'jjlsl2']});
 
 const AlertDialogFooter = React.forwardRef(({ children, className, ...props }, ref) => {
   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',gap:'8',p:'24',pb:'16',z:'10'},'demxki']});
+var header$1 = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1yivhks']});
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Group, { ref, ...header$1({}, className), ...props, children: [
@@ -1892,6 +2042,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);
@@ -1964,8 +2210,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'},'og2ryq'],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'},'syw3md'],xs:[{fontWeight:'400',size:'xs'},'_1py32xg'],sm:[{size:'sm'},'_1j3wq2h'],md:[{size:'md'},'_7hj1ph'],lg:[{size:'lg'},'egkhlk'],xl:[{size:'xl'},'_8m1kqj'],'3xl':[{size:'3xl'},'_1fnmia9']}}});
+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:['_8zk7il',{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:'_1inco0r',md:'jjrugo',base:'_6e8lm4'},defaultClass:'_6e8lm4'},vertical:{conditions:{sm:'_5g7638',md:'_8yxidz',base:'_3t8v5w'},defaultClass:'_3t8v5w'}},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:'_1v0mnod',md:'_36ffun',base:'jj6s7b'},defaultClass:'jj6s7b'},vertical:{conditions:{sm:'_1tz5iaj',md:'_1l518ml',base:'mazl0b'},defaultClass:'mazl0b'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 const Separator = React.forwardRef(
   ({ className, orientation = "horizontal", ...props }, ref) => {
@@ -2145,7 +2480,7 @@ function TooltipProvider({
 }
 TooltipProvider.displayName = "@optiaxiom/react/TooltipProvider";
 
-var cover = recipeRuntime({variants:{disabled:{false:['y3zkgn','_1xlzv8x'],true:{}},inset:{false:'sok3ky',true:'_80c5dh'}}});
+var cover = recipeRuntime({variants:{disabled:{false:['_1vmn11h','iyhyoi'],true:{}},inset:{false:'_1w952g6',true:'_1c54ft7'}}});
 
 const Cover = React.forwardRef(
   ({ className, disabled = false, inset = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2217,9 +2552,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"
@@ -2249,7 +2621,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) {
@@ -2273,33 +2645,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({
@@ -2327,12 +2729,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) {
@@ -2424,436 +2826,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 SuggestionAlert({ ...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"
+          }
+        ) })
+      ]
+    }
+  );
+}
+SuggestionAlert.displayName = "@optiaxiom/react/SuggestionAlert";
+
+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:['lzie0r',{bg:'transparent',flex:'auto',w:'full'},'_1x7fuai','_1fvt264'],variants:{size:{md:{},lg:{},xl:['yt0tkz']}}});
+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:[{gap:'0'},'_1h7587x']});
+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(
-      Group,
+      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:['t6o53g',{alignItems:'start',display:'inline-flex',gap:'8'},'t4tk7l']});
 
-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'},'iwwxzu']});
-
-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:['_1ia1l0t',{alignItems:'start',display:'inline-flex',gap:'8'},'fpafac']});
-
-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(Group, { 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:['_9kodlb']});
+var control$3 = recipeRuntime({base:['uik10r']});
 
 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";
 
@@ -2875,12 +3038,14 @@ const ToggleInputDescription = React.forwardRef(({ children, ...props }, ref) =>
 });
 ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
 
-var className = '_13ggu1q';
+var className = '_1frzbw9';
 
 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",
     {
@@ -2888,8 +3053,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",
@@ -2949,8 +3119,8 @@ const IconMinus = withIcon(
   )
 );
 
-var control$1 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'rwqowt'],variants:{shift:{false:{},true:{mt:'2'}}}});
-var icon$1 = recipeRuntime({base:[{transition:'all'},'_1lxac8g']});
+var control$2 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'rlhmc4'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'_1ej060s']});
 var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 const CheckboxControl = React.forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
@@ -2958,7 +3128,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, {}) }) })
     }
@@ -2987,7 +3157,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,
       {
@@ -3002,7 +3174,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 }
+            }
+          )
         ]
       }
     );
@@ -3010,14 +3189,14 @@ const Checkbox = React.forwardRef(
 );
 Checkbox.displayName = "@optiaxiom/react/Checkbox";
 
-var checkbox = recipeRuntime({base:[{display:'inline-flex'},'ac5cnw']});
+var checkbox = recipeRuntime({base:[{display:'inline-flex'},'_1pq9vjd']});
 
-var addon = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'_12vw6c2'],variants:{slot:{after:{ml:'8'},before:{}}}});
-var description = recipeRuntime({base:[{fontSize:'sm'},'_1jeqhic']});
-var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1wtr4u2'],variants:{intent:{danger:'_1811gzj',neutral:'_1ahtxhg'}}});
-var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'f6m1vk']});
+var addon$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'8'},'y0d5fg'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'n26ot0']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1lugr6n'],variants:{intent:{danger:'_5tr4k6',neutral:'_1lb54yu'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'yds6kw']});
 
-const Slot$4 = reactSlot.createSlot("@optiaxiom/react/ListboxItem");
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/ListboxItem");
 const ListboxItem = React.forwardRef(
   ({
     addonAfter,
@@ -3030,7 +3209,7 @@ 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(
@@ -3046,12 +3225,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 }) }),
+          (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 })
         ] })) })
       }
     );
@@ -3127,22 +3306,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:['_1579yu6'],variants:{active:{false:{},true:'vek75b'}}});
+var indicator = recipeRuntime({base:['zpq93d'],variants:{active:{false:{},true:'_1pbnaja'}}});
 
 const ListboxItemIndicator = React.forwardRef(({ active, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3158,9 +3322,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'},'_17tln3a']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'vnrixm']});
 
-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(
@@ -3170,7 +3334,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", {}) })
       }
     );
   }
@@ -3338,29 +3502,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'},'_1xi5xa4']});
-var input$1 = recipeRuntime({base:'at8yyk'});
-var root$1 = recipeRuntime({base:['iexdez','q741dp']});
-var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'estlww'],variants:{size:{md:'p3u2pm',lg:'_1bgawsu'}}});
+var control$1 = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_1esxhhq']});
+var input$2 = recipeRuntime({base:'a3eiq0'});
+var root$3 = recipeRuntime({base:['bpdjm1','_1mjuzhs']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1vhu1ln'],variants:{size:{md:'_1fycqq6',lg:'bizies'}}});
 
 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 })
     ] });
   }
 );
@@ -3397,10 +3562,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'},'_13fywwt'],variants:{maxH:{xs:'_1d9mi9',sm:'_1dkblpg',md:'_1n6koor',lg:'cd96on',full:{}},minW:{'0':{},trigger:'_7ottuk'}}});
+
+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'},'_1s25q74']});
+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:['p8gzno',{bg:'transparent',flex:'auto',w:'full'},'zi0vci','hnmgzm'],variants:{size:{md:{},lg:{},xl:['_1yeoa42']}}});
+
+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'},'audcze']});
+
+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'},'_17z3lsc']});
+
+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) => {
@@ -3416,7 +4147,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" });
@@ -3433,183 +4164,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'},'_10edap5'],variants:{maxH:{xs:'fiip7',sm:'_1tgm3xn',md:'b4g2lw',lg:'_30mixj',full:{}},minW:{'0':{},trigger:'ipz57i'}}});
-
-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,
@@ -3629,6 +4256,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,
@@ -3668,16 +4296,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
           }) ?? [];
         }
@@ -3717,13 +4345,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,
@@ -3750,6 +4379,7 @@ function Menu({
                 setSubMenuOpen(true);
               }
             } else {
+              track(item);
               item.execute?.({ dismiss, inputValue });
               if (typeof openProp === "undefined" && dismiss) {
                 setOpen(false);
@@ -3776,7 +4406,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content$2 = recipeRuntime({base:'klhdrl'});
+var content$2 = recipeRuntime({base:'_1u2mg7w'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -3819,7 +4449,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'},'_1w9g5v6']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_17tdkkx']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -3892,15 +4522,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 })
     }
   ) });
@@ -3915,9 +4551,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,
@@ -3945,9 +4581,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 })
@@ -4016,7 +4652,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);
@@ -4120,7 +4756,7 @@ const MenuSubContent = React.forwardRef(
                   )
                 ]
               },
-              item.key ?? resolveItemProperty(item.label, {
+              item.key ?? resolveItemProperty$1(item.label, {
                 inputValue: parentInputValue
               })
             )
@@ -4228,15 +4864,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 })
       }
     ) });
@@ -4256,7 +4898,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, {}) })
@@ -4392,7 +5034,7 @@ const MenuTrigger = React.forwardRef(
 );
 MenuTrigger.displayName = "@optiaxiom/react/MenuTrigger";
 
-var content$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'space-between'},'nsbmik'],variants:{visible:{always:'_12i0o00','if-needed':'_1ngayl3'}}});
+var content$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'space-between'},'ett8fj'],variants:{visible:{always:'_1d8i7j9','if-needed':'o646l4'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = "if-needed", ...props }, ref) => {
@@ -4401,7 +5043,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var root = recipeRuntime({base:'_1i32x9l'});
+var root = recipeRuntime({base:'_6efu04'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -4410,8 +5052,8 @@ const ActionsRoot = React.forwardRef(
 );
 ActionsRoot.displayName = "@optiaxiom/react/ActionsRoot";
 
-var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'thnnne'],variants:{layout:{auto:['_13adrxh'],fixed:[{display:'grid'},'_1xl20g0']}}});
-var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_5kgfsr']});
+var table = recipeRuntime({base:[{color:'fg.default',fontSize:'md',w:'full'},'w0b83b'],variants:{layout:{auto:['_13f8pg9'],fixed:[{display:'grid'},'_1mfoslv']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'_1uemrgu']});
 
 const Table = React.forwardRef(
   ({ children, className, layout = "auto", ...props }, ref) => {
@@ -4427,14 +5069,14 @@ const TableAction = React.forwardRef(
 );
 TableAction.displayName = "@optiaxiom/react/TableAction";
 
-var body = recipeRuntime({base:['_1nja7l2']});
+var body = recipeRuntime({base:['zwxi78']});
 
 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'},'_1oxespv'],variants:{pinned:{false:'_1ozs9lc',true:'_19c5x51'}}});
+var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_5jcwfr'],variants:{pinned:{false:'_16vo0gv',true:'_61xe3i'}}});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, pinned = false, ...props }, ref) => {
@@ -4452,13 +5094,13 @@ const TableCell = React.forwardRef(
 );
 TableCell.displayName = "@optiaxiom/react/TableCell";
 
-var header = recipeRuntime({variants:{pinned:{false:{},true:'_1mw23iy'}}});
+var header = recipeRuntime({variants:{pinned:{false:{},true:'nf2arr'}}});
 
 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'},'_1pehd1v'],variants:{pinned:{false:'_1p0cad6',true:'_1trwyvt'}}});
-var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1i5g04a']});
+var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'_1f5kmxv'],variants:{pinned:{false:'kcd2my',true:'wqatm9'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_1ydidr5']});
 
 const TableHeaderCell = React.forwardRef(
   ({
@@ -4483,7 +5125,7 @@ const TableHeaderCell = React.forwardRef(
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var row = recipeRuntime({base:['_1k4e836',{transition:'colors',w:'full'},'_1vg2rtn']});
+var row = recipeRuntime({base:['qm95ju',{transition:'colors',w:'full'},'_142c3j8']});
 
 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 }) }) })
@@ -4581,9 +5223,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'},'_1nv73v9']});
-var handle = recipeRuntime({base:[{h:'full',z:'10'},'tb766k'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
-var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1sv9gaw'],variants:{active:{false:'_13ruvmm',true:'_16d4540'}}});
+var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_1cm4lrl']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'duf03m'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'tiwxgo'],variants:{active:{false:'c78krb',true:'uhhfij'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -4658,6 +5300,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) => {
@@ -4715,20 +5358,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]
@@ -4750,7 +5420,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 : "",
@@ -4808,7 +5477,6 @@ const Select = React.forwardRef(
               disabled,
               name,
               onChange: (event) => {
-                setShadowValue(event.target.value);
                 onChange?.(event);
               },
               ref,
@@ -4989,18 +5657,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
+                        )
+                      }
+                    )
                   ] });
                 })
               }
@@ -5195,7 +5872,7 @@ const Clock = React.forwardRef(
 );
 Clock.displayName = "@optiaxiom/react/Clock";
 
-var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'hegz2g'}}});
+var picker = recipeRuntime({variants:{side:{bottom:{},left:{},right:{},top:'dwxtfc'}}});
 
 const [CalendarProvider, useCalendarContext] = reactContext.createContext("@optiaxiom/react/Calendar");
 
@@ -5245,8 +5922,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_15tquye'],variants:{appearance:{'default':'gvhv4q',holiday:[{color:'fg.error'},'qhivh2'],range_middle:'xsqg16',selected:[{color:'fg.white'},'_1anm5rr'],weekend:[{color:'fg.tertiary'},'_1i5whfz']},range:{end:['etlkld'],middle:['rz1b8f'],start:['_13og2o1']}}});
-var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'vefahy']});
+var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_1kt9gbj'],variants:{appearance:{'default':'_16jt2w',holiday:[{color:'fg.error'},'_6afpkv'],range_middle:'z5pxty',selected:[{color:'fg.white'},'hrd9gg'],weekend:[{color:'fg.tertiary'},'mlkwzw']},range:{end:['_1ma9tfv'],middle:['_1t9cy8'],start:['oolafr']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'ds0v7f']});
 
 function CalendarDayButton({
   children,
@@ -5305,7 +5982,7 @@ function CalendarMonthCaption({
 }
 CalendarMonthCaption.displayName = "@optiaxiom/react/CalendarMonthCaption";
 
-var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_16esce5']});
+var grid$1 = recipeRuntime({base:[{display:'flex',flexDirection:'column',gap:'2'},'_1epwm58']});
 
 const grid = [0, 1, 2].map((row) => [0, 1, 2, 3].map((col) => row * 4 + col));
 const intentMap = {
@@ -5532,14 +6209,14 @@ function CalendarMonthGrid({
 }
 CalendarMonthGrid.displayName = "@optiaxiom/react/CalendarMonthGrid";
 
-var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'qsq877']});
+var months = recipeRuntime({base:[{alignItems:'start',gap:'16'},'_1744v3n']});
 
 function CalendarMonths({ children, ...props }) {
   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:'_15ergqz'});
+var button$1 = recipeRuntime({base:'_2fyi1v'});
 
 function CalendarNextMonthButton({
   "aria-label": _ariaLabel,
@@ -5575,7 +6252,7 @@ function CalendarNextMonthButton({
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 
-var button = recipeRuntime({base:'_54xtg7'});
+var button = recipeRuntime({base:'hxdr9y'});
 
 function CalendarPreviousMonthButton({
   "aria-label": _ariaLabel,
@@ -5815,6 +6492,7 @@ Calendar.displayName = "@optiaxiom/react/Calendar";
 
 exports.ActionsContent = ActionsContent;
 exports.ActionsRoot = ActionsRoot;
+exports.Alert = Alert;
 exports.AlertDialog = AlertDialog;
 exports.AlertDialogAction = AlertDialogAction;
 exports.AlertDialogBody = AlertDialogBody;
@@ -5825,6 +6503,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;
@@ -5854,7 +6534,11 @@ 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;
@@ -5890,6 +6574,8 @@ exports.SelectTrigger = SelectTrigger;
 exports.Separator = Separator;
 exports.Skeleton = Skeleton;
 exports.Spinner = Spinner;
+exports.SuggestionAlert = SuggestionAlert;
+exports.SuggestionPopover = SuggestionPopover;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableAction = TableAction;
@@ -5923,7 +6609,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;
@@ -5937,6 +6623,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;