@optiaxiom/react 1.8.0 → 1.8.1

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

@@ -8,74 +8,79 @@ var reactUseControllableState = require('@radix-ui/react-use-controllable-state'
 var reactComposeRefs = require('@radix-ui/react-compose-refs');
 var reactContext = require('@radix-ui/react-context');
 var clsx = require('clsx');
-require('./assets/src/layers/layers.css.ts.vanilla-DRA_4QUJ.css');
-require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-BRLuMF_D.css');
+require('./assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css');
+require('./assets/src/menu/MenuDialogContent.css.ts.vanilla-DxmfK7Uv.css');
 var downshift = require('downshift');
 var reactSlot = require('@radix-ui/react-slot');
-require('./assets/src/input/InputControl.css.ts.vanilla-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-m7qpF9cK.css');
+require('./assets/src/input/InputControl.css.ts.vanilla-DJH-Oysx.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/input/InputRoot.css.ts.vanilla-Ck_68vXe.css');
+require('./assets/src/command/CommandItem.css.ts.vanilla-BWEtopw1.css');
+require('./assets/src/menu/MenuInput.css.ts.vanilla-fh1HIdfy.css');
 var reactId = require('@radix-ui/react-id');
 var reactRemoveScroll = require('react-remove-scroll');
 var RadixDialog = require('@radix-ui/react-dialog');
 var shim = require('use-sync-external-store/shim');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-De3mPKgV.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
 var dynamic = require('@vanilla-extract/dynamic');
-require('./assets/src/backdrop/Backdrop.css.ts.vanilla-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-CH0AOIxR.css');
+require('./assets/src/dialog/DialogContent.css.ts.vanilla-B13kLuUc.css');
+require('./assets/src/dialog/DialogFooter.css.ts.vanilla-CbQN7HmK.css');
+require('./assets/src/dialog/DialogHeader.css.ts.vanilla-Ctv-2YYA.css');
+require('./assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-BDrpUAjw.css');
+require('./assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-BFnEMPVA.css');
+require('./assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Dib8qJEt.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/actions/ActionsContent.css.ts.vanilla-B5DCuqsb.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-UTrcK4Fi.css');
+require('./assets/src/table/Table.css.ts.vanilla-CWSCJWeT.css');
+require('./assets/src/table/TableBody.css.ts.vanilla-Bp2vHi5A.css');
+require('./assets/src/table/TableRow.css.ts.vanilla-D6fsQ5U9.css');
+require('./assets/src/table/TableCell.css.ts.vanilla-HxTef6QV.css');
+require('./assets/src/table/TableHeader.css.ts.vanilla-Ciefr5In.css');
+require('./assets/src/table/TableHeaderCell.css.ts.vanilla-TsZaV5Jv.css');
+require('./assets/src/data-table/DataTableHeaderCell.css.ts.vanilla-Cszsl-d8.css');
 var reactDayPicker = require('react-day-picker');
 require('@optiaxiom/globals/fonts');
-require('./assets/src/sprinkles/properties.css.ts.vanilla-BGzzfwpF.css');
-require('./assets/src/box/Box.css.ts.vanilla-Dbo87Hg_.css');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-BB7CYd5B.css');
+require('./assets/src/box/Box.css.ts.vanilla-ClZDfclT.css');
+var RadixPopper = require('@radix-ui/react-popper');
+var RadixAvatar = require('@radix-ui/react-avatar');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/avatar/Avatar.css.ts.vanilla-Bi5TvME6.css');
 var RadixVisuallyHidden = require('@radix-ui/react-visually-hidden');
-require('./assets/src/dialog/DialogBody.css.ts.vanilla-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-DFcg7Xy4.css');
+require('./assets/src/button/ButtonLoadable.css.ts.vanilla-OmydsJ52.css');
+require('./assets/src/text/Text.css.ts.vanilla-Co0Dm9Je.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-DAhrjgU-.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-Dvx-EaPa.css');
+require('./assets/src/alert/Alert.css.ts.vanilla-AeFnPihO.css');
+var RadixPopover = require('@radix-ui/react-popover');
+require('./assets/src/listbox/ListboxItem.css.ts.vanilla-DIDl3Kx9.css');
+require('./assets/src/listbox/ListboxItemIndicator.css.ts.vanilla-73AUe7Bx.css');
+require('./assets/src/skeleton/Skeleton.css.ts.vanilla-w3MtzJkI.css');
 var reactVirtual = require('@tanstack/react-virtual');
 var RadixSeparator = require('@radix-ui/react-separator');
-require('./assets/src/separator/Separator.css.ts.vanilla-DY6wwOcC.css');
-require('./assets/src/switch/Switch.css.ts.vanilla-XtDykhqq.css');
+require('./assets/src/separator/Separator.css.ts.vanilla-CMP1i4Pe.css');
+require('./assets/src/dialog/DialogBody.css.ts.vanilla-BoMtptzi.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-CzOv6YKg.css');
+require('./assets/src/toggle-input/ToggleInputControl.css.ts.vanilla-Bh_4Yq14.css');
+require('./assets/src/switch/Switch.css.ts.vanilla-DMtVZw_m.css');
+require('./assets/src/listbox/ListboxCheckboxItem.css.ts.vanilla-Bj5Fxqi3.css');
+require('./assets/src/modal/ModalListbox.css.ts.vanilla-BtqqaOEn.css');
+var RadixPortal = require('@radix-ui/react-portal');
+require('./assets/src/checkbox/CheckboxControl.css.ts.vanilla-B_1qvg20.css');
 var reactDismissableLayer = require('@radix-ui/react-dismissable-layer');
 var reactFocusGuards = require('@radix-ui/react-focus-guards');
 var reactFocusScope = require('@radix-ui/react-focus-scope');
-require('./assets/src/transition/Transition.css.ts.vanilla-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-BmKLCWYL.css');
+require('./assets/src/calendar/CalendarDayButton.css.ts.vanilla-DQvNx7tA.css');
+require('./assets/src/calendar/CalendarGrid.css.ts.vanilla-BrudO6CI.css');
+require('./assets/src/calendar/CalendarMonths.css.ts.vanilla-zMAPAF3B.css');
+require('./assets/src/calendar/CalendarNextMonthButton.css.ts.vanilla-DJWNq4a-.css');
+require('./assets/src/calendar/CalendarPreviousMonthButton.css.ts.vanilla-BEXFVZCa.css');
 
 function _interopNamespaceDefault(e) {
   var n = Object.create(null);
@@ -95,14 +100,15 @@ function _interopNamespaceDefault(e) {
 }
 
 var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
-var RadixPopover__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopover);
 var RadixPopper__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopper);
+var RadixAvatar__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixAvatar);
 var RadixVisuallyHidden__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixVisuallyHidden);
+var RadixPopover__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopover);
 var RadixSeparator__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixSeparator);
 var RadixPortal__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPortal);
 var RadixTooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTooltip);
 
-var version = "1.8.0";
+var version = "1.8.1";
 
 function createNormalizeValueFn(properties) {
   var {
@@ -356,8 +362,8 @@ var createSprinkles = function createSprinkles() {
 };
 
 var fontFamilyVar = 'var(--ax-styles-fontFamily)';
-var responsiveProps = (function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{maxH:{mappings:['maxHeight']},maxW:{mappings:['maxWidth']},size:{mappings:['height','width']},h:{mappings:['height']},w:{mappings:['width']},alignItems:{values:{center:{conditions:{sm:'_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:'_13gvo04',md:'dybgw7',base:'smioio'},defaultClass:'smioio'},end:{conditions:{sm:'tyuamx',md:'_1fg2jt0',base:'_1ru0up7'},defaultClass:'_1ru0up7'},normal:{conditions:{sm:'pm6iub',md:'_14g3l8v',base:'q7rjis'},defaultClass:'q7rjis'},start:{conditions:{sm:'_9uk7c3',md:'raqvlx',base:'_3b7f72'},defaultClass:'_3b7f72'},stretch:{conditions:{sm:'_1i2i603',md:'h9273q',base:'_1o22w5n'},defaultClass:'_1o22w5n'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_2swh47',md:'zxqnru',base:'rth9s9'},defaultClass:'rth9s9'},end:{conditions:{sm:'_1jfflff',md:'_8u895j',base:'_16m8dtq'},defaultClass:'_16m8dtq'},normal:{conditions:{sm:'gwok77',md:'h0p8ky',base:'_47ry00'},defaultClass:'_47ry00'},start:{conditions:{sm:'ng48ux',md:'_1eovr3y',base:'r6mi71'},defaultClass:'r6mi71'},stretch:{conditions:{sm:'xy9ck9',md:'_1bwdiq7',base:'h22owb'},defaultClass:'h22owb'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'bfwf2h',md:'i4ct8c',base:'_180uif9'},defaultClass:'_180uif9'},flex:{conditions:{sm:'xuy74x',md:'_1w8v4r',base:'_1i00rah'},defaultClass:'_1i00rah'},grid:{conditions:{sm:'_3z8h2g',md:'_1wdfh4u',base:'hbk2p'},defaultClass:'hbk2p'},block:{conditions:{sm:'_1mwtyw1',md:'_11ep8r0',base:'pwt97z'},defaultClass:'pwt97z'},inline:{conditions:{sm:'wo00mi',md:'xdfiif',base:'_4gfe27'},defaultClass:'_4gfe27'},'inline-block':{conditions:{sm:'ccxm8a',md:'_1joyoak',base:'_1q8kis3'},defaultClass:'_1q8kis3'},'inline-flex':{conditions:{sm:'_11dbu0d',md:'_734api',base:'_1ljkhj9'},defaultClass:'_1ljkhj9'},table:{conditions:{sm:'_1h35gno',md:'_1irz26s',base:'_1qe3pw5'},defaultClass:'_1qe3pw5'},'table-cell':{conditions:{sm:'s4ji8w',md:'_1du1ane',base:'jhb20b'},defaultClass:'jhb20b'},'table-row':{conditions:{sm:'_7ztwyb',md:'_1cqg53p',base:'_1vtuko7'},defaultClass:'_1vtuko7'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'_1xuy1fj',md:'iyixay',base:'tzbc3i'},defaultClass:'tzbc3i'},auto:{conditions:{sm:'_62agfy',md:'_1cl2sx7',base:'_1w8ay66'},defaultClass:'_1w8ay66'},initial:{conditions:{sm:'miohbt',md:'_1xkyyyl',base:'_19363ov'},defaultClass:'_19363ov'},none:{conditions:{sm:'_1yq8bov',md:'_1to61le',base:'_1orm2it'},defaultClass:'_1orm2it'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'gmwz5k',md:'lfi0cb',base:'rjl8db'},defaultClass:'rjl8db'},'column-reverse':{conditions:{sm:'_1syue22',md:'q18ttc',base:'cwcvdc'},defaultClass:'cwcvdc'},row:{conditions:{sm:'e5g6lg',md:'zzr51h',base:'_1s7nsds'},defaultClass:'_1s7nsds'},'row-reverse':{conditions:{sm:'_1yfjdnb',md:'km2126',base:'_1j2dh7s'},defaultClass:'_1j2dh7s'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_4uf59f',md:'_1hh4drx',base:'v9e6dk'},defaultClass:'v9e6dk'},wrap:{conditions:{sm:'g4z7lq',md:'_1kajvxa',base:'_1qzxxtc'},defaultClass:'_1qzxxtc'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'_7k360x',md:'_1g6b6g3',base:'_5sp0hi'},defaultClass:'_5sp0hi'},'2':{conditions:{sm:'nfux58',md:'jt9efx',base:'_1adhezd'},defaultClass:'_1adhezd'},'4':{conditions:{sm:'_1hxnnrq',md:'lme4xm',base:'ash8ut'},defaultClass:'ash8ut'},'6':{conditions:{sm:'_1d82xzd',md:'_1q4wcfc',base:'nwgrut'},defaultClass:'nwgrut'},'8':{conditions:{sm:'tsh6wx',md:'f4l1q',base:'dus0yu'},defaultClass:'dus0yu'},'10':{conditions:{sm:'_1nzmky5',md:'_2ct7io',base:'_1xcqdhl'},defaultClass:'_1xcqdhl'},'12':{conditions:{sm:'_1p8az62',md:'obrpix',base:'_11m8y9g'},defaultClass:'_11m8y9g'},'16':{conditions:{sm:'_14zgsbz',md:'fkcla7',base:'v9r5ne'},defaultClass:'v9r5ne'},'20':{conditions:{sm:'wow8bo',md:'_17t9c9v',base:'_1ogu44k'},defaultClass:'_1ogu44k'},'24':{conditions:{sm:'_1f2qv9f',md:'_1rrufqh',base:'pbxky0'},defaultClass:'pbxky0'},'32':{conditions:{sm:'fckjud',md:'c4i5bw',base:'_1x0qfk8'},defaultClass:'_1x0qfk8'},'40':{conditions:{sm:'pi67qm',md:'_3u1fjj',base:'_1eljk1t'},defaultClass:'_1eljk1t'},'48':{conditions:{sm:'n0qpxt',md:'_13qc2dr',base:'_6a8euv'},defaultClass:'_6a8euv'},'64':{conditions:{sm:'_1o2k05y',md:'_10ja51d',base:'_166gfiv'},defaultClass:'_166gfiv'},'80':{conditions:{sm:'_14ozcck',md:'_1n6q67b',base:'_1gph086'},defaultClass:'_1gph086'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'qnw4no',md:'u4etc1',base:'gqrm5t'},defaultClass:'gqrm5t'},'2':{conditions:{sm:'j9ryku',md:'p85k9u',base:'_19k91yr'},defaultClass:'_19k91yr'},'3':{conditions:{sm:'iwp0q5',md:'_1d8qcuf',base:'_1bwa1xv'},defaultClass:'_1bwa1xv'},'4':{conditions:{sm:'g6fdie',md:'_1tm74pi',base:'_16atkif'},defaultClass:'_16atkif'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'_12mvjbq',md:'mt6sx8',base:'ojdorg'},defaultClass:'ojdorg'},'2':{conditions:{sm:'_1gvdkfu',md:'_137uh75',base:'_1u8li8g'},defaultClass:'_1u8li8g'},'3':{conditions:{sm:'_1gere5u',md:'ua1mb',base:'_23cho6'},defaultClass:'_23cho6'},'4':{conditions:{sm:'qgynzs',md:'_19lmllg',base:'qzvkrw'},defaultClass:'qzvkrw'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'_1r422um',md:'_1a8vgi5',base:'bpcua7'},defaultClass:'bpcua7'},'10':{conditions:{sm:'_8grjiu',md:'ani1g9',base:'e8y5xv'},defaultClass:'e8y5xv'},'12':{conditions:{sm:'j5r7f2',md:'ylsc0x',base:'kzibhx'},defaultClass:'kzibhx'},'16':{conditions:{sm:'pjrygx',md:'_4tuycq',base:'_1dz1nb3'},defaultClass:'_1dz1nb3'},'20':{conditions:{sm:'pwz19i',md:'_1d5icx6',base:'_1wal0gq'},defaultClass:'_1wal0gq'},'24':{conditions:{sm:'_4tzj41',md:'kv98u2',base:'_1lyhuxp'},defaultClass:'_1lyhuxp'},'32':{conditions:{sm:'_1hwqog2',md:'j8vbx0',base:'_1t03yfo'},defaultClass:'_1t03yfo'},'40':{conditions:{sm:'_43odoz',md:'_1yd3wjn',base:'_1nt0825'},defaultClass:'_1nt0825'},'48':{conditions:{sm:'_313hy4',md:'_13t4kmk',base:'_1y4oyxl'},defaultClass:'_1y4oyxl'},'56':{conditions:{sm:'_13on0jx',md:'_1dceapy',base:'_1yz5kpb'},defaultClass:'_1yz5kpb'},'64':{conditions:{sm:'_60oft8',md:'_1ta22g',base:'luija7'},defaultClass:'luija7'},'80':{conditions:{sm:'naqzhb',md:'xgto2c',base:'_15t8m5t'},defaultClass:'_15t8m5t'},'224':{conditions:{sm:'_11xwzfn',md:'zvalqh',base:'_1pssyrq'},defaultClass:'_1pssyrq'},'384':{conditions:{sm:'pf6so5',md:'p3sco2',base:'_1q75h57'},defaultClass:'_1q75h57'},'2xs':{conditions:{sm:'_13eivh9',md:'_7ez675',base:'_1hezq9z'},defaultClass:'_1hezq9z'},xs:{conditions:{sm:'_1vv2ank',md:'_18gp39e',base:'hi8w1m'},defaultClass:'hi8w1m'},sm:{conditions:{sm:'_1xpa8cn',md:'eh7bbu',base:'_1blocpj'},defaultClass:'_1blocpj'},md:{conditions:{sm:'_1swaf44',md:'gt7vjs',base:'_8hktt1'},defaultClass:'_8hktt1'},lg:{conditions:{sm:'d2r44i',md:'rnmqbw',base:'_10lucqo'},defaultClass:'_10lucqo'},xl:{conditions:{sm:'hheixh',md:'_18qd1nc',base:'_1ixbyqb'},defaultClass:'_1ixbyqb'},'3xl':{conditions:{sm:'_1j9lcvz',md:'d3jvhb',base:'_1lgyrin'},defaultClass:'_1lgyrin'},'1/2':{conditions:{sm:'dm5444',md:'_12esv8m',base:'y0odqs'},defaultClass:'y0odqs'},'1/3':{conditions:{sm:'f7hj55',md:'_1dln3s2',base:'_1i4dkin'},defaultClass:'_1i4dkin'},'2/3':{conditions:{sm:'_1bn9q5i',md:'b4j2vj',base:'a1s0z2'},defaultClass:'a1s0z2'},'1/4':{conditions:{sm:'_1vl9ol9',md:'_1ubhbh0',base:'_1g5rzlr'},defaultClass:'_1g5rzlr'},'3/4':{conditions:{sm:'hbax85',md:'_1tb3w1r',base:'_1p5hay'},defaultClass:'_1p5hay'},auto:{conditions:{sm:'_3tewzf',md:'tqeyv7',base:'_2aeuca'},defaultClass:'_2aeuca'},fit:{conditions:{sm:'_192jx7z',md:'_1xe05sf',base:'_1anc3s7'},defaultClass:'_1anc3s7'},full:{conditions:{sm:'_1gx64ft',md:'_1fa0yrt',base:'_50mf8p'},defaultClass:'_50mf8p'},max:{conditions:{sm:'_1gkqcpw',md:'x6jqiz',base:'_1uyfzf'},defaultClass:'_1uyfzf'},min:{conditions:{sm:'_1xak19s',md:'_7z4b7w',base:'odjgpn'},defaultClass:'odjgpn'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'_8wk7a2',md:'gfvx3b',base:'eax6k5'},defaultClass:'eax6k5'},end:{conditions:{sm:'lq6kjq',md:'_53onzr',base:'_1wjwme'},defaultClass:'_1wjwme'},'flex-end':{conditions:{sm:'hiptqq',md:'_2nbpbo',base:'fxhxum'},defaultClass:'fxhxum'},'flex-start':{conditions:{sm:'_13idxs8',md:'kiq1b9',base:'kdp35e'},defaultClass:'kdp35e'},normal:{conditions:{sm:'_44rhyw',md:'_193esom',base:'_17p8rx3'},defaultClass:'_17p8rx3'},'space-around':{conditions:{sm:'hx3y3s',md:'_1fi25hy',base:'_1fe3q4'},defaultClass:'_1fe3q4'},'space-between':{conditions:{sm:'sxk0bb',md:'_166m9d6',base:'_1hkr0h9'},defaultClass:'_1hkr0h9'},'space-evenly':{conditions:{sm:'_1mzybiz',md:'uuhtbw',base:'_1m49vnh'},defaultClass:'_1m49vnh'},start:{conditions:{sm:'_14e0fcb',md:'_1ttbaj5',base:'z2x4gc'},defaultClass:'z2x4gc'},stretch:{conditions:{sm:'_1gv5fc4',md:'_12s6s81',base:'_1qf9xdz'},defaultClass:'_1qf9xdz'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_1e9f6f7',md:'_1tqrg5q',base:'_1nv07nc'},defaultClass:'_1nv07nc'},end:{conditions:{sm:'uf379q',md:'nxxo1x',base:'_1fq6n9t'},defaultClass:'_1fq6n9t'},normal:{conditions:{sm:'zjfxb7',md:'_12eavsm',base:'_1lharxi'},defaultClass:'_1lharxi'},start:{conditions:{sm:'_1ffbch',md:'kv6xwb',base:'y8ku0x'},defaultClass:'y8ku0x'},stretch:{conditions:{sm:'vpnfh4',md:'_1y6rywq',base:'_8atllr'},defaultClass:'_8atllr'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'_1vnxbzj',md:'_1it5fw9',base:'_1ef0ttx'},defaultClass:'_1ef0ttx'},sm:{conditions:{sm:'vlsed0',md:'_111lstq',base:'lgcbd7'},defaultClass:'lgcbd7'},md:{conditions:{sm:'sh5net',md:'_1xrdcb3',base:'esx32s'},defaultClass:'esx32s'},lg:{conditions:{sm:'_1yp8nnc',md:'_1w51izb',base:'_1ecuxax'},defaultClass:'_1ecuxax'},full:{conditions:{sm:'_1uo2y0k',md:'_18gclea',base:'m4174x'},defaultClass:'m4174x'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'_1ods1xi',md:'vnfwd6',base:'_144hulo'},defaultClass:'_144hulo'},sm:{conditions:{sm:'_13nsdhj',md:'acults',base:'_15jjwnv'},defaultClass:'_15jjwnv'},md:{conditions:{sm:'_78qtkf',md:'_2eqkqh',base:'_60m7t5'},defaultClass:'_60m7t5'},lg:{conditions:{sm:'_83wu6b',md:'_1niysx1',base:'_1f6j3lv'},defaultClass:'_1f6j3lv'},full:{conditions:{sm:'_5n8ww3',md:'_1ayqx9i',base:'ct21j3'},defaultClass:'ct21j3'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'wte7g9',md:'qxnm7',base:'_1ckkik6'},defaultClass:'_1ckkik6'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1idvp95',md:'_1ac8bni',base:'_4wsdkv'},defaultClass:'_4wsdkv'},'10':{conditions:{sm:'_2mqw25',md:'wy50qu',base:'_10pg5vg'},defaultClass:'_10pg5vg'},'12':{conditions:{sm:'ubhrje',md:'_1cpxsg9',base:'_1htqlqw'},defaultClass:'_1htqlqw'},'16':{conditions:{sm:'_96w0h7',md:'_1or5qtg',base:'_1x1oius'},defaultClass:'_1x1oius'},'20':{conditions:{sm:'_1fvpq0t',md:'_1ssejlm',base:'_133c8em'},defaultClass:'_133c8em'},'24':{conditions:{sm:'_11fjgvt',md:'g71bgq',base:'_1auzqim'},defaultClass:'_1auzqim'},'32':{conditions:{sm:'_39tuhw',md:'_7jx9tx',base:'_1p3eo91'},defaultClass:'_1p3eo91'},'40':{conditions:{sm:'_1lmnmgv',md:'_1gprg67',base:'_1wrb9uz'},defaultClass:'_1wrb9uz'},'48':{conditions:{sm:'_8n38xt',md:'_13obgcl',base:'_1uhalbw'},defaultClass:'_1uhalbw'},'56':{conditions:{sm:'fde77p',md:'_1mkbqsu',base:'m25424'},defaultClass:'m25424'},'64':{conditions:{sm:'_1eh6z2e',md:'_1monae8',base:'_1jd9b2v'},defaultClass:'_1jd9b2v'},'80':{conditions:{sm:'qxvu5o',md:'t90u2c',base:'_12dok3r'},defaultClass:'_12dok3r'},'224':{conditions:{sm:'_7d9h7s',md:'_1apl24g',base:'_7cmh2s'},defaultClass:'_7cmh2s'},'384':{conditions:{sm:'_1pq5750',md:'cj4p7a',base:'_7ew79y'},defaultClass:'_7ew79y'},'2xs':{conditions:{sm:'zfwarj',md:'_19awpxw',base:'h9dqdt'},defaultClass:'h9dqdt'},xs:{conditions:{sm:'_1ha7f1j',md:'_6q5n7o',base:'esrxmw'},defaultClass:'esrxmw'},sm:{conditions:{sm:'a3kdxa',md:'_1hgmefi',base:'wanhbn'},defaultClass:'wanhbn'},md:{conditions:{sm:'_1iyg0yz',md:'_1uwafs6',base:'_1ymgt85'},defaultClass:'_1ymgt85'},lg:{conditions:{sm:'_6ov52o',md:'a59ikp',base:'w0djy9'},defaultClass:'w0djy9'},xl:{conditions:{sm:'_9wvduc',md:'cof1n1',base:'b13727'},defaultClass:'b13727'},'3xl':{conditions:{sm:'_1ormgid',md:'_1fr6z4n',base:'ly1xaw'},defaultClass:'ly1xaw'},'1/2':{conditions:{sm:'_1ngbrea',md:'jnvsz5',base:'_1y5dxhr'},defaultClass:'_1y5dxhr'},'1/3':{conditions:{sm:'_1pxzhpn',md:'ysm5g',base:'_1tmit4d'},defaultClass:'_1tmit4d'},'2/3':{conditions:{sm:'n908ww',md:'_97642k',base:'_4o5y0p'},defaultClass:'_4o5y0p'},'1/4':{conditions:{sm:'c9luq2',md:'dtpsr6',base:'_1g0zcu3'},defaultClass:'_1g0zcu3'},'3/4':{conditions:{sm:'_1vdxgux',md:'_1vpuj5p',base:'_1lwwpy7'},defaultClass:'_1lwwpy7'},auto:{conditions:{sm:'_17lubmk',md:'_1o2qljl',base:'_1lnlmwq'},defaultClass:'_1lnlmwq'},fit:{conditions:{sm:'_1clbtz2',md:'_1e2feuc',base:'_3wrlj2'},defaultClass:'_3wrlj2'},full:{conditions:{sm:'sjw53y',md:'xs7gkx',base:'hoosuf'},defaultClass:'hoosuf'},max:{conditions:{sm:'_1bpe6j8',md:'_1vdm7qv',base:'_1y53917'},defaultClass:'_1y53917'},min:{conditions:{sm:'_1y4fkqk',md:'_1iu9zd0',base:'twlo3s'},defaultClass:'twlo3s'}},responsiveArray:undefined}}};x.styles.alignItems.responsiveArray=x.conditions.responsiveArray;x.styles.alignSelf.responsiveArray=x.conditions.responsiveArray;x.styles.display.responsiveArray=x.conditions.responsiveArray;x.styles.flex.responsiveArray=x.conditions.responsiveArray;x.styles.flexDirection.responsiveArray=x.conditions.responsiveArray;x.styles.flexWrap.responsiveArray=x.conditions.responsiveArray;x.styles.gap.responsiveArray=x.conditions.responsiveArray;x.styles.gridColumn.responsiveArray=x.conditions.responsiveArray;x.styles.gridTemplateColumns.responsiveArray=x.conditions.responsiveArray;x.styles.height.responsiveArray=x.conditions.responsiveArray;x.styles.justifyContent.responsiveArray=x.conditions.responsiveArray;x.styles.justifyItems.responsiveArray=x.conditions.responsiveArray;x.styles.maxHeight.responsiveArray=x.conditions.responsiveArray;x.styles.maxWidth.responsiveArray=x.conditions.responsiveArray;x.styles.placeItems.responsiveArray=x.conditions.responsiveArray;x.styles.width.responsiveArray=x.conditions.responsiveArray;return x;}());
+var unresponsiveProps = {conditions:undefined,styles:{bg:{mappings:['backgroundColor']},border:{mappings:['borderBottomWidth','borderLeftWidth','borderRightWidth','borderTopWidth']},borderB:{mappings:['borderBottomWidth']},borderL:{mappings:['borderLeftWidth']},borderR:{mappings:['borderRightWidth']},borderT:{mappings:['borderTopWidth']},m:{mappings:['marginBottom','marginLeft','marginRight','marginTop']},mx:{mappings:['marginLeft','marginRight']},my:{mappings:['marginBottom','marginTop']},mb:{mappings:['marginBottom']},ml:{mappings:['marginLeft']},mr:{mappings:['marginRight']},mt:{mappings:['marginTop']},overflow:{mappings:['overflowX','overflowY']},p:{mappings:['paddingBottom','paddingLeft','paddingRight','paddingTop']},px:{mappings:['paddingLeft','paddingRight']},py:{mappings:['paddingBottom','paddingTop']},pb:{mappings:['paddingBottom']},pl:{mappings:['paddingLeft']},pr:{mappings:['paddingRight']},pt:{mappings:['paddingTop']},rounded:{mappings:['borderRadius']},shadow:{mappings:['boxShadow']},z:{mappings:['zIndex']},animation:{values:{ping:{defaultClass:'_11u5m9f'},pulse:{defaultClass:'_1d1larb'},spin:{defaultClass:'_1kzm5fj'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1mhwmnv'},'bg.accent.hovered':{defaultClass:'_1n8k3yk'},'bg.accent.light':{defaultClass:'_9pf14q'},'bg.accent.pressed':{defaultClass:'fqmz7a'},'bg.accent.subtle':{defaultClass:'_1e3gh5n'},'bg.avatar.neutral':{defaultClass:'et1hr3'},'bg.avatar.purple':{defaultClass:'_1acqluh'},'bg.default':{defaultClass:'jca00x'},'bg.default.hovered':{defaultClass:'_1t2q1m'},'bg.default.inverse':{defaultClass:'_1r9spvt'},'bg.default.inverse.hovered':{defaultClass:'_3u5tnk'},'bg.default.inverse.pressed':{defaultClass:'pw531i'},'bg.default.pressed':{defaultClass:'_8i792t'},'bg.error':{defaultClass:'_2064i0'},'bg.error.hovered':{defaultClass:'abo9zg'},'bg.error.light':{defaultClass:'j1aant'},'bg.error.pressed':{defaultClass:'_18w0znb'},'bg.error.subtle':{defaultClass:'xpi80e'},'bg.error.subtlest':{defaultClass:'_1dgogl7'},'bg.information':{defaultClass:'_3yr19c'},'bg.information.light':{defaultClass:'_2gw8e0'},'bg.information.subtle':{defaultClass:'m3y6ge'},'bg.overlay':{defaultClass:'_335g64'},'bg.page':{defaultClass:'_1rpn5t0'},'bg.secondary':{defaultClass:'goz6my'},'bg.secondary.hovered':{defaultClass:'c0k9ur'},'bg.spinner.default':{defaultClass:'_18pcxs8'},'bg.spinner.inverse':{defaultClass:'iyjfuv'},'bg.success':{defaultClass:'_19q1vw4'},'bg.success.hovered':{defaultClass:'_1vdv4c'},'bg.success.light':{defaultClass:'rfxmdp'},'bg.success.subtle':{defaultClass:'_125azri'},'bg.tertiary':{defaultClass:'w828ev'},'bg.tertiary.hovered':{defaultClass:'_6jvriz'},'bg.warning':{defaultClass:'_1legvr'},'bg.warning.hovered':{defaultClass:'_1026gsq'},'bg.warning.light':{defaultClass:'_1wz8r28'},'bg.warning.subtle':{defaultClass:'_2yjgoi'},current:{defaultClass:'_1cht8fq'},transparent:{defaultClass:'_1447p0i'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'_145sfj9'}}},borderBottomWidth:{values:{'0':{defaultClass:'_1g2bls7'},'1':{defaultClass:'vtcqi0'},'2':{defaultClass:'_13sntc9'}}},borderColor:{values:{'border.accent':{defaultClass:'hzo98u'},'border.control':{defaultClass:'qbek3x'},'border.control.hovered':{defaultClass:'xrf584'},'border.default':{defaultClass:'_156bnlb'},'border.disabled':{defaultClass:'_19vgv5m'},'border.error':{defaultClass:'_1339cn8'},'border.focus':{defaultClass:'_1xo446k'},'border.focus.error':{defaultClass:'xamm6x'},'border.secondary':{defaultClass:'_1imk9fl'},'border.success':{defaultClass:'_1kqlbrh'},'border.tertiary':{defaultClass:'_1elyf6y'},'border.warning':{defaultClass:'pl7i9v'},current:{defaultClass:'_17ahe3w'},transparent:{defaultClass:'su3mxx'}}},borderLeftWidth:{values:{'0':{defaultClass:'d1fihd'},'1':{defaultClass:'ebnrm0'},'2':{defaultClass:'awi479'}}},borderRadius:{values:{xs:{defaultClass:'uuohpi'},sm:{defaultClass:'_4hjqnh'},md:{defaultClass:'_1oen0u8'},lg:{defaultClass:'_1g70gdd'},xl:{defaultClass:'_1qd78qi'},full:{defaultClass:'_1yj5ll2'},inherit:{defaultClass:'_8iw8n7'},none:{defaultClass:'ehmcxw'}}},borderRightWidth:{values:{'0':{defaultClass:'mufd2m'},'1':{defaultClass:'gr9ou3'},'2':{defaultClass:'_1026367'}}},borderTopWidth:{values:{'0':{defaultClass:'ufuamc'},'1':{defaultClass:'h51iu7'},'2':{defaultClass:'rjf33f'}}},boxShadow:{values:{sm:{defaultClass:'nuvi3a'},md:{defaultClass:'_59ld4s'},lg:{defaultClass:'_1f3z8fm'},none:{defaultClass:'_1b3cyzi'}}},color:{values:{'fg.accent':{defaultClass:'_1j3qltw'},'fg.accent.hovered':{defaultClass:'_10pd578'},'fg.accent.strong':{defaultClass:'_1woa6eg'},'fg.avatar.neutral':{defaultClass:'_13w5hdn'},'fg.avatar.purple':{defaultClass:'_1rvf5r4'},'fg.default':{defaultClass:'_126ty8n'},'fg.default.inverse':{defaultClass:'_10199um'},'fg.disabled':{defaultClass:'_1ujm370'},'fg.error':{defaultClass:'bekkne'},'fg.error.hovered':{defaultClass:'_17mye97'},'fg.error.light':{defaultClass:'t7mfen'},'fg.error.strong':{defaultClass:'_1l06imd'},'fg.information':{defaultClass:'ai29a'},'fg.information.light':{defaultClass:'e4qecf'},'fg.information.strong':{defaultClass:'_19rd1tp'},'fg.link.default':{defaultClass:'sjg8nj'},'fg.link.default.hovered':{defaultClass:'_1btz2o'},'fg.link.inverse':{defaultClass:'_1i73prs'},'fg.link.subtle':{defaultClass:'jok9tr'},'fg.link.visited':{defaultClass:'_6zi7i6'},'fg.secondary':{defaultClass:'lkn75p'},'fg.spinner.default':{defaultClass:'_1bsl65e'},'fg.spinner.inverse':{defaultClass:'y94z5i'},'fg.success':{defaultClass:'_8dwgf2'},'fg.success.hovered':{defaultClass:'_125y70z'},'fg.success.light':{defaultClass:'_1momqve'},'fg.success.strong':{defaultClass:'_1jlz4k5'},'fg.tertiary':{defaultClass:'_1youv85'},'fg.warning':{defaultClass:'zpo7v0'},'fg.warning.hovered':{defaultClass:'_11x8rfb'},'fg.warning.inverse':{defaultClass:'_1wpwlbe'},'fg.warning.light':{defaultClass:'p9d7s2'},'fg.warning.strong':{defaultClass:'_1p45yjr'},'fg.white':{defaultClass:'x9v52a'},current:{defaultClass:'_1lw0bs3'},transparent:{defaultClass:'_15lvy9l'}}},cursor:{values:{pointer:{defaultClass:'_7sljhj'},'default':{defaultClass:'_1wy9ug5'},text:{defaultClass:'nugzrc'}}},fontFamily:{values:{mono:{defaultClass:'_11xjmo3'},sans:{defaultClass:'_1urevp0'}}},fontSize:{values:{xs:{defaultClass:'fchh0g'},sm:{defaultClass:'jao4n1'},md:{defaultClass:'wxvpyw'},lg:{defaultClass:'_11iiv1'},xl:{defaultClass:'e72kqg'},'2xl':{defaultClass:'bb1k2l'},'3xl':{defaultClass:'_5703lk'},'4xl':{defaultClass:'_3wrrsh'},inherit:{defaultClass:'_1l5xhpw'}}},fontWeight:{values:{'400':{defaultClass:'_1mr07b6'},'500':{defaultClass:'_1i1jt5j'},'600':{defaultClass:'ffwtvl'},'700':{defaultClass:'_1xopc35'},inherit:{defaultClass:'c7ivkp'}}},marginBottom:{values:{'0':{defaultClass:'ddgtdr'},'2':{defaultClass:'_8e9p78'},'4':{defaultClass:'_1yb4ihx'},'6':{defaultClass:'_929nz5'},'8':{defaultClass:'_1qyhtp9'},'10':{defaultClass:'_1m10a3v'},'12':{defaultClass:'_8k4qa'},'16':{defaultClass:'_1u0p62k'},'20':{defaultClass:'l0csvc'},'24':{defaultClass:'omnmkq'},'32':{defaultClass:'_1uvwfv'},'40':{defaultClass:'_1wmg8nk'},'48':{defaultClass:'jq6vxs'},'64':{defaultClass:'nffmgb'},'80':{defaultClass:'_1k8vxx1'},auto:{defaultClass:'_1cpj6el'}}},marginLeft:{values:{'0':{defaultClass:'_7b3sma'},'2':{defaultClass:'_12h3z2r'},'4':{defaultClass:'_1sl35pl'},'6':{defaultClass:'dy0szz'},'8':{defaultClass:'_1ccudl'},'10':{defaultClass:'_1cox9d2'},'12':{defaultClass:'r0xomx'},'16':{defaultClass:'ifslob'},'20':{defaultClass:'z4rv2p'},'24':{defaultClass:'_152605f'},'32':{defaultClass:'cm01h2'},'40':{defaultClass:'_7s5q0w'},'48':{defaultClass:'_1yfkugn'},'64':{defaultClass:'_13dcq07'},'80':{defaultClass:'_5hb0pm'},auto:{defaultClass:'_1hxvwdt'}}},marginRight:{values:{'0':{defaultClass:'luxmek'},'2':{defaultClass:'_176xztf'},'4':{defaultClass:'_1jntj85'},'6':{defaultClass:'zomefd'},'8':{defaultClass:'u9gkhi'},'10':{defaultClass:'_9ub4r4'},'12':{defaultClass:'_1ydxrlj'},'16':{defaultClass:'t2tz60'},'20':{defaultClass:'_1r7pilg'},'24':{defaultClass:'_1y5donz'},'32':{defaultClass:'_1y6jfy9'},'40':{defaultClass:'_1tg0px5'},'48':{defaultClass:'_5n8y9o'},'64':{defaultClass:'_1bpbt4q'},'80':{defaultClass:'_1hghost'},auto:{defaultClass:'kl078z'}}},marginTop:{values:{'0':{defaultClass:'_1bwl2uz'},'2':{defaultClass:'ykhkbo'},'4':{defaultClass:'_30nu8c'},'6':{defaultClass:'h6zkym'},'8':{defaultClass:'qw7ocn'},'10':{defaultClass:'_8p59oe'},'12':{defaultClass:'_19ntq3q'},'16':{defaultClass:'v1p92c'},'20':{defaultClass:'_1az2yyw'},'24':{defaultClass:'iynk6t'},'32':{defaultClass:'_2veggr'},'40':{defaultClass:'emvda6'},'48':{defaultClass:'prjutc'},'64':{defaultClass:'_7k6hxv'},'80':{defaultClass:'iksvwd'},auto:{defaultClass:'_1gl4zjp'}}},objectFit:{values:{contain:{defaultClass:'nan9zc'},cover:{defaultClass:'uiq2rt'},fill:{defaultClass:'h8l19a'},none:{defaultClass:'_1imk1rm'}}},overflowX:{values:{auto:{defaultClass:'y43usz'},hidden:{defaultClass:'_1kmbz5r'},visible:{defaultClass:'_17oj6ni'}}},overflowY:{values:{auto:{defaultClass:'z5o8w3'},hidden:{defaultClass:'h81t10'},visible:{defaultClass:'_86g569'}}},paddingBottom:{values:{'0':{defaultClass:'_4pukqk'},'2':{defaultClass:'jmhs6e'},'4':{defaultClass:'_142bril'},'6':{defaultClass:'_1bafdf4'},'8':{defaultClass:'_18h9gbo'},'10':{defaultClass:'qdx2tg'},'12':{defaultClass:'vqzbl0'},'16':{defaultClass:'_1lyf4ft'},'20':{defaultClass:'_1a8vsvu'},'24':{defaultClass:'_1kevhuw'},'32':{defaultClass:'la9j7u'},'40':{defaultClass:'_1abu0se'},'48':{defaultClass:'_1ajhnt2'},'64':{defaultClass:'bwm3ed'},'80':{defaultClass:'_1dl7k3k'}}},paddingLeft:{values:{'0':{defaultClass:'_1p4iqlu'},'2':{defaultClass:'ve9prt'},'4':{defaultClass:'h326ad'},'6':{defaultClass:'a0p7aa'},'8':{defaultClass:'wmv8im'},'10':{defaultClass:'_1m6qxip'},'12':{defaultClass:'_1wwis30'},'16':{defaultClass:'_1my1di9'},'20':{defaultClass:'wca2ja'},'24':{defaultClass:'tyl91j'},'32':{defaultClass:'_10gfena'},'40':{defaultClass:'_1dxq8y2'},'48':{defaultClass:'hnvvp1'},'64':{defaultClass:'qgok3z'},'80':{defaultClass:'_1s22dzh'}}},paddingRight:{values:{'0':{defaultClass:'_15p46nw'},'2':{defaultClass:'_2tl6zy'},'4':{defaultClass:'e966yd'},'6':{defaultClass:'j7j9m3'},'8':{defaultClass:'_1lyuym7'},'10':{defaultClass:'_1lu7iq2'},'12':{defaultClass:'_1slc56j'},'16':{defaultClass:'_13t72r'},'20':{defaultClass:'k36dcs'},'24':{defaultClass:'v3glr'},'32':{defaultClass:'_1mi13fb'},'40':{defaultClass:'fg3svf'},'48':{defaultClass:'na4q07'},'64':{defaultClass:'_1i6xtkc'},'80':{defaultClass:'u8395'}}},paddingTop:{values:{'0':{defaultClass:'_8fqmix'},'2':{defaultClass:'_1elgjae'},'4':{defaultClass:'udslx0'},'6':{defaultClass:'_19p7wep'},'8':{defaultClass:'_1sisxjc'},'10':{defaultClass:'_6r3azy'},'12':{defaultClass:'_7ts8b5'},'16':{defaultClass:'_1b6ip1m'},'20':{defaultClass:'_40sawa'},'24':{defaultClass:'pbd7rb'},'32':{defaultClass:'dlkrcl'},'40':{defaultClass:'_1bewg9q'},'48':{defaultClass:'_1vtuvwe'},'64':{defaultClass:'_78ivss'},'80':{defaultClass:'_14f4np1'}}},pointerEvents:{values:{auto:{defaultClass:'d7hj1h'},none:{defaultClass:'_13ccu1v'}}},textAlign:{values:{end:{defaultClass:'_1wr1b8c'},start:{defaultClass:'rapwva'},center:{defaultClass:'_8vqxe5'},justify:{defaultClass:'ecgy6d'}}},textTransform:{values:{capitalize:{defaultClass:'igp5ci'},none:{defaultClass:'ptb197'},uppercase:{defaultClass:'_1k4kk5s'}}},transition:{values:{all:{defaultClass:'_1lh7kyy'},colors:{defaultClass:'_12wspld'},none:{defaultClass:'_1ed6fyj'},opacity:{defaultClass:'_144rzak'},transform:{defaultClass:'jq621b'}}},whiteSpace:{values:{nowrap:{defaultClass:'_1a7dg4i'}}},zIndex:{values:{'0':{defaultClass:'_1xz8a2u'},'10':{defaultClass:'_9bn1if'},'20':{defaultClass:'_649feg'},'30':{defaultClass:'otlpmq'},popover:{defaultClass:'_60t4d3'},toast:{defaultClass:'kzofzq'},tooltip:{defaultClass:'dhtljv'},auto:{defaultClass:'_9efc47'}}}}};
 
 const vars = {
   fontFamilyVar: fontFamilyVar
@@ -471,7 +477,7 @@ const shouldApplyCompound = (compoundCheck, selections) => {
   return true;
 };
 
-var box = recipeRuntime({base:'_1fn2yl8'});
+var box = recipeRuntime({base:'_16yt15m'});
 
 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'},'_1rb4hso']});
 
 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'},'_1pbyqhy','_1acyy6y','o7hui8'],'2':[undefined,'_1pbyqhy','_1acyy6y','_1twusmc'],'3':[undefined,'_1pbyqhy','_1acyy6y','ca19yq'],'4':[undefined,'_1pbyqhy','_1acyy6y','_1ov5smh']},truncate:{true:[undefined,'_1pbyqhy',{whiteSpace:'nowrap'}]}}};x.variants.lineClamp['2'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['3'][0]=x.variants.lineClamp['1'][0];x.variants.lineClamp['4'][0]=x.variants.lineClamp['1'][0];x.variants.truncate.true[0]=x.variants.lineClamp['1'][0];return x;}()));
 
-const Slot$d = reactSlot.createSlot("@optiaxiom/react/Text");
+const Slot$e = reactSlot.createSlot("@optiaxiom/react/Text");
 const Text = React.forwardRef(
   ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
-    const Comp = asChild ? Slot$d : "p";
+    const Comp = asChild ? Slot$e : "p";
     return /* @__PURE__ */ jsxRuntime.jsx(
       Box,
       {
@@ -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':'_1vsixl3',inverse:'nvdgmj'}}});
 
 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:'_1hba547',variants:{duration:{sm:'haav6j',md:'_1i2wl4a',lg:'iawyzk'}}});
 
 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:['un8x29',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'flex-start',transition:'colors'},'_15wqmn0'],variants:{intent:{danger:'_6l6tpz',neutral:'rt37g8',primary:'ggdbll'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:{},true:{}},variant:{outline:'_5hwwus','outline-opal':'i40lbo',strong:'_1w8bl07','strong-opal':'dlr6xb',subtle:'i350jb'}},variantsCompounded:[{style:'_7393ku',variants:{size:['sm','md'],variant:['outline-opal','strong-opal']}},{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_5c48cm',variants:{size:'sm',square:false,variant:['outline','strong','subtle']}},{style:'p1u1fr',variants:{size:'sm',square:false,variant:['outline-opal','strong-opal']}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_1fg0cnx',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'n6szhs',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1tqbyd4']});
 
-const Slot$b = reactSlot.createSlot("@optiaxiom/react/ButtonRoot");
+const Slot$c = reactSlot.createSlot("@optiaxiom/react/ButtonRoot");
 const appearances = {
   danger: { intent: "danger", variant: "strong" },
   "danger-outline": { intent: "danger", variant: "outline" },
@@ -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:'lohau6'});
 
 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'},'_1svi0ie']});
+var icon$3 = recipeRuntime({base:[{mt:'4'}],variants:{intent:{danger:{color:'fg.error.strong'},information:{color:'fg.information.strong'},neutral:{color:'fg.tertiary'},opal:{h:'xs',mt:'2'},success:{color:'fg.success.strong'},warning:{color:'fg.warning.strong'}}}});
+
+const mapIntentToIcon = {
+  danger: IconCircleExclamationSolid,
+  information: IconCircleInfoSolid,
+  neutral: IconCircleInfoSolid,
+  opal: IconOpal,
+  success: IconCircleCheckSolid,
+  warning: IconTriangleExclamationSolid
+};
+const Alert = React.forwardRef(
+  ({ children, className, intent = "neutral", onDismiss, ...props }, ref) => {
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Group,
+      {
+        "aria-labelledby": labelId,
+        ref,
+        role: "alert",
+        ...alert({ intent }, className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, ...icon$3({ intent }), children: React.createElement(mapIntentToIcon[intent]) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Group, { id: labelId, ...content$6(), children }),
+          !!onDismiss && /* @__PURE__ */ jsxRuntime.jsx(
+            Button,
+            {
+              appearance: "subtle",
+              "aria-label": "close",
+              color: "fg.default",
+              flex: "none",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(IconX, {}),
+              onClick: onDismiss,
+              size: "sm"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "@optiaxiom/react/Alert";
+
 const DialogKitContext = React.createContext(void 0);
 
 const EMPTY = [];
@@ -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'},'e4vhny']});
 
 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'},'yuy1ac']});
 
 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:'ac4ezc'}}});
+var content$5 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'p0v015'],variants:{size:{sm:'_14jcsls',md:'_8l0cds',lg:'pdgc7r',fullscreen:'foj1ih'}}});
+var nestedDialogCountVar$1 = 'var(--_1rej5it)';
+var scrollPaddingBottomVar = 'var(--_15m8oxl)';
+var scrollPaddingTopVar = 'var(--ey6w0n)';
 
 var styles = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1468,7 +1612,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'},'j7coga']});
 
 const DialogFooter = React.forwardRef(
   ({ children, className, ...props }, outerRef) => {
@@ -1559,11 +1703,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'},'_1wcksd1']});
+var close = recipeRuntime({base:['bk7q7q']});
+var description$1 = recipeRuntime({base:[{color:'fg.secondary',fontSize:'md',fontWeight:'400',w:'full'},'yaf6vi']});
+var header$2 = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',gap:'8',p:'24',pb:'16',z:'10'},'_2hya77']});
+var title$1 = recipeRuntime({base:[{flex:'1',fontWeight:'500'},'_1chl41u']});
 
 const DialogHeader = React.forwardRef(
   ({ addonAfter, children, className, description, ...props }, outerRef) => {
@@ -1678,10 +1822,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:'_1vef9yd'}}});
+var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'mvfr6h'],variants:{size:{sm:'_1j4p05h',md:'_3yf0b6',lg:'_1m52uj6'}}});
+var nestedDialogCountVar = 'var(--eula73)';
+var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'_11vw2f8']});
 
 const AlertDialogContent = React.forwardRef(
   ({
@@ -1782,14 +1926,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'},'azzjnz']});
 
 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'},'_1nzqpvn']});
 
 const AlertDialogHeader = React.forwardRef(({ addonBefore, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(Group, { ref, ...header$1({}, className), ...props, children: [
@@ -1892,6 +2036,102 @@ const useObserveValue = (inputRef, setValue) => {
   };
 };
 
+function useCallbackRef(callback) {
+  const callbackRef = React.useRef(callback);
+  React.useEffect(() => {
+    callbackRef.current = callback;
+  });
+  return React.useMemo(() => (...args) => callbackRef.current?.(...args), []);
+}
+
+function useDebouncedCallback(callback, options) {
+  const { delay, flushOnUnmount, leading } = { delay: options, flushOnUnmount: false, leading: false } ;
+  const handleCallback = useCallbackRef(callback);
+  const debounceTimerRef = React.useRef(0);
+  const lastCallback = React.useMemo(() => {
+    const currentCallback = Object.assign(
+      (...args) => {
+        window.clearTimeout(debounceTimerRef.current);
+        const isFirstCall = currentCallback._isFirstCall;
+        currentCallback._isFirstCall = false;
+        function clearTimeoutAndLeadingRef() {
+          window.clearTimeout(debounceTimerRef.current);
+          debounceTimerRef.current = 0;
+          currentCallback._isFirstCall = true;
+        }
+        if (leading && isFirstCall) {
+          handleCallback(...args);
+          const resetLeadingState = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          const flush2 = () => {
+            if (debounceTimerRef.current !== 0) {
+              clearTimeoutAndLeadingRef();
+              handleCallback(...args);
+            }
+          };
+          const cancel2 = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          currentCallback.flush = flush2;
+          currentCallback.cancel = cancel2;
+          debounceTimerRef.current = window.setTimeout(resetLeadingState, delay);
+          return;
+        }
+        if (leading && !isFirstCall) {
+          const flush2 = () => {
+            if (debounceTimerRef.current !== 0) {
+              clearTimeoutAndLeadingRef();
+              handleCallback(...args);
+            }
+          };
+          const cancel2 = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          currentCallback.flush = flush2;
+          currentCallback.cancel = cancel2;
+          const resetLeadingState = () => {
+            clearTimeoutAndLeadingRef();
+          };
+          debounceTimerRef.current = window.setTimeout(resetLeadingState, delay);
+          return;
+        }
+        const flush = () => {
+          if (debounceTimerRef.current !== 0) {
+            clearTimeoutAndLeadingRef();
+            handleCallback(...args);
+          }
+        };
+        const cancel = () => {
+          clearTimeoutAndLeadingRef();
+        };
+        currentCallback.flush = flush;
+        currentCallback.cancel = cancel;
+        debounceTimerRef.current = window.setTimeout(flush, delay);
+      },
+      {
+        flush: () => {
+        },
+        cancel: () => {
+        },
+        _isFirstCall: true
+      }
+    );
+    return currentCallback;
+  }, [handleCallback, delay, leading]);
+  React.useEffect(
+    () => () => {
+      if (flushOnUnmount) {
+        lastCallback.flush();
+      } else {
+        lastCallback.cancel();
+      }
+    },
+    [lastCallback, flushOnUnmount]
+  );
+  return lastCallback;
+}
+
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -1964,8 +2204,97 @@ function useAuthContext() {
   return React.useContext(globals.AxiomAuthContext);
 }
 
+const IconUserSolid = withIcon(
+  {
+    name: "IconUserSolid",
+    viewBox: "0 0 448 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512l388.6 0c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304l-91.4 0z",
+      fill: "currentColor"
+    }
+  )
+);
+
+const IconUsersSolid = withIcon(
+  {
+    name: "IconUsersSolid",
+    viewBox: "0 0 640 512"
+  },
+  // <!--!Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.-->
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M144 0a80 80 0 1 1 0 160A80 80 0 1 1 144 0zM512 0a80 80 0 1 1 0 160A80 80 0 1 1 512 0zM0 298.7C0 239.8 47.8 192 106.7 192l42.7 0c15.9 0 31 3.5 44.6 9.7c-1.3 7.2-1.9 14.7-1.9 22.3c0 38.2 16.8 72.5 43.3 96c-.2 0-.4 0-.7 0L21.3 320C9.6 320 0 310.4 0 298.7zM405.3 320c-.2 0-.4 0-.7 0c26.6-23.5 43.3-57.8 43.3-96c0-7.6-.7-15-1.9-22.3c13.6-6.3 28.7-9.7 44.6-9.7l42.7 0C592.2 192 640 239.8 640 298.7c0 11.8-9.6 21.3-21.3 21.3l-213.3 0zM224 224a96 96 0 1 1 192 0 96 96 0 1 1 -192 0zM128 485.3C128 411.7 187.7 352 261.3 352l117.3 0C452.3 352 512 411.7 512 485.3c0 14.7-11.9 26.7-26.7 26.7l-330.7 0c-14.7 0-26.7-11.9-26.7-26.7z",
+      fill: "currentColor"
+    }
+  )
+);
+
+var avatar = recipeRuntime({base:[{alignItems:'center',display:'inline-flex',flex:'none',fontWeight:'500',justifyContent:'center',overflow:'hidden',rounded:'full'},'_1gdx57p'],variants:{colorScheme:{neutral:{bg:'bg.avatar.neutral',color:'fg.avatar.neutral'},purple:{bg:'bg.avatar.purple',color:'fg.avatar.purple'}},size:{'2xs':[{fontWeight:'400',size:'2xs'},'_1f5rafo'],xs:[{fontWeight:'400',size:'xs'},'_1otywmi'],sm:[{size:'sm'},'_1xsomnn'],md:[{size:'md'},'qxefm6'],lg:[{size:'lg'},'_1y9p1r2'],xl:[{size:'xl'},'_1sixhws'],'3xl':[{size:'3xl'},'_1nvn40p']}}});
+var fallback = recipeRuntime({base:{alignItems:'center',display:'flex',justifyContent:'center',rounded:'inherit',size:'full',textTransform:'uppercase'}});
+var icon$2 = recipeRuntime({base:[{w:'auto'}],variants:{size:{'2xs':{h:'10'},xs:{h:'10'},sm:{h:'12'},md:{h:'12'},lg:{h:'2xs'},xl:{h:'2xs'},'3xl':{h:'sm'}}}});
+
+const [AvatarProvider, useAvatarContext] = reactContext.createContext("@optiaxiom/react/Avatar", { size: void 0 });
+
+function getInitialsFromName(name) {
+  const names = name.trim().split(" ");
+  const firstName = names[0] ?? "";
+  const lastName = names.length > 1 ? names[names.length - 1] : "";
+  return firstName && lastName ? `${firstName.charAt(0)}${lastName.charAt(0)}` : firstName.charAt(0);
+}
+const mapFallbackToIcon = {
+  opal: null,
+  team: /* @__PURE__ */ jsxRuntime.jsx(IconUsersSolid, {}),
+  user: /* @__PURE__ */ jsxRuntime.jsx(IconUserSolid, {})
+};
+const Avatar = React.forwardRef(
+  ({
+    children,
+    className,
+    colorScheme = "neutral",
+    fallback: fallback$1 = "user",
+    name,
+    size: sizeProp,
+    src,
+    ...props
+  }, ref) => {
+    const context = useAvatarContext("@optiaxiom/react/Avatar");
+    const size = sizeProp || context?.size || "md";
+    if (fallback$1 === "opal") {
+      fallback$1 = "user";
+      src = "opal";
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild: true,
+        ...avatar({ colorScheme, size }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(RadixAvatar__namespace.Root, { ref, children: [
+          src && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, objectFit: "cover", rounded: "inherit", size: "full", children: src === "opal" ? /* @__PURE__ */ jsxRuntime.jsx(IconOpal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "Opal" }) }) : /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Image, { alt: name ?? "avatar", src }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...fallback({}), children: /* @__PURE__ */ jsxRuntime.jsx(RadixAvatar__namespace.Fallback, { delayMs: src ? 600 : void 0, children: (children ?? (name ? getInitialsFromName(name) : void 0)) || /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$2({ size }), children: mapFallbackToIcon[fallback$1] }) }) })
+        ] })
+      }
+    );
+  }
+);
+Avatar.displayName = "@optiaxiom/react/Avatar";
+
+var avatarGroup = recipeRuntime({base:['t5we1t',{display:'flex'}]});
+
+const AvatarGroup = React.forwardRef(
+  ({ children, className, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...avatarGroup({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(AvatarProvider, { size, children }) });
+  }
+);
+AvatarGroup.displayName = "@optiaxiom/react/AvatarGroup";
+
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_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:'_1bgqa3m',md:'_16k3fqc',base:'_1qf2q6a'},defaultClass:'_1qf2q6a'},vertical:{conditions:{sm:'_9gdl8z',md:'_7k4kao',base:'wdtudm'},defaultClass:'wdtudm'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 const Separator = React.forwardRef(
   ({ className, orientation = "horizontal", ...props }, ref) => {
@@ -2145,7 +2474,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:['hgnber','_383dvj'],true:{}},inset:{false:'_1rx0rsn',true:'ilnmz0'}}});
 
 const Cover = React.forwardRef(
   ({ className, disabled = false, inset = false, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -2217,9 +2546,46 @@ function useHighlightedIndex(open, getInitialHighlightedIndex = () => -1) {
   ];
 }
 
-const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
+const resolveItemProperty$1 = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [CommandProvider, useCommandContext] = reactContext.createContext("@optiaxiom/react/Command");
 
+const buildSurfacePath = (basePath, surface) => {
+  return `${basePath ? `${basePath}/` : ""}${surface.type}<${surface.name}>`;
+};
+
+function filterSuggestionsBySurface(suggestions, path, surfaces) {
+  if (!suggestions || !surfaces?.length) {
+    return suggestions;
+  }
+  const targetPath = surfaces.reduce(buildSurfacePath, path ?? "");
+  return suggestions.filter((s) => s.surface === targetPath);
+}
+
+function useDebouncedTrack() {
+  const { track } = useSurface() ?? {};
+  const debouncedTrack = useDebouncedCallback(
+    (interaction) => {
+      track?.(interaction);
+    },
+    300
+  );
+  return track ? debouncedTrack : void 0;
+}
+
+function useSuggestions(type) {
+  const surface = useSurface();
+  if (!surface?.suggestions) {
+    return void 0;
+  }
+  const filtered = surface.suggestions.filter(
+    (s) => s.surface === surface.path
+  );
+  if (!type) {
+    return filtered;
+  }
+  return filtered.filter((s) => s.type === type);
+}
+
 const collator = new Intl.Collator(void 0, {
   sensitivity: "base",
   usage: "search"
@@ -2249,7 +2615,7 @@ function score(item, inputValue) {
   if (!inputValue || item.skipFilterScoring) {
     return 0;
   }
-  const label = resolveItemProperty(item.label, { inputValue }).normalize().toLowerCase();
+  const label = resolveItemProperty$1(item.label, { inputValue }).normalize().toLowerCase();
   inputValue = inputValue.toLowerCase();
   let score2 = 0;
   if (label === inputValue) {
@@ -2273,33 +2639,63 @@ const useCommandItems = ({
   options
 }) => {
   const filterFn = useEffectEvent((item, inputValue2) => {
-    const string = resolveItemProperty(item.label, {
+    const string = resolveItemProperty$1(item.label, {
       inputValue: inputValue2
     }).normalize();
-    return "visible" in item ? resolveItemProperty(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
+    return "visible" in item ? resolveItemProperty$1(item.visible, { inputValue: inputValue2 }) : inputValue2 ? fuzzysearch(string, inputValue2) || item.keywords && fuzzysearch(item.keywords, inputValue2) : true;
   });
+  const surface = useSurface();
+  const suggestions = surface?.suggestions.filter((s) => s.type === "value");
   return React.useMemo(() => {
     const substring = (inputValue ?? "").normalize();
+    const processedSurfaces = /* @__PURE__ */ new Set();
+    const suggestedValues = /* @__PURE__ */ new Map();
+    for (const option of options) {
+      if (option.surface?.type === "property") {
+        const optionSurface = option.surface;
+        const key = option.surface.name;
+        if (processedSurfaces.has(key)) {
+          continue;
+        }
+        processedSurfaces.add(key);
+        filterSuggestionsBySurface(suggestions, surface?.path, [
+          {
+            name: option.surface.name,
+            type: "property"
+          }
+        ])?.forEach((s) => {
+          const path = buildSurfacePath(surface?.path, {
+            name: optionSurface.name,
+            type: optionSurface.type
+          });
+          suggestedValues.set(path, s.value);
+        });
+      }
+    }
     const callback = (parentOption) => (item) => {
-      return item.subOptions && substring ? resolveItemProperty(item.subOptions, { inputValue }).flatMap(
+      return item.subOptions && substring ? resolveItemProperty$1(item.subOptions, { inputValue }).flatMap(
         callback(item)
       ) : filterFn(item, substring) ? [
         parentOption ? {
           ...item,
           key: [
-            parentOption.key ?? resolveItemProperty(parentOption.label, {
+            parentOption.key ?? resolveItemProperty$1(parentOption.label, {
               inputValue
             }),
-            item.key ?? resolveItemProperty(item.label, { inputValue })
+            item.key ?? resolveItemProperty$1(item.label, { inputValue })
           ].join("-"),
           parentOption
         } : item
       ] : [];
     };
     return options.flatMap(callback()).sort((a, b) => {
-      return (b.group?.priority ?? 0) + score(b, substring) - ((a.group?.priority ?? 0) + score(a, substring));
+      const aIsSuggested = a.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, a.surface)) === a.surface.value;
+      const bIsSuggested = b.surface?.type === "property" && suggestedValues.get(buildSurfacePath(surface?.path, b.surface)) === b.surface.value;
+      const aScore = score(a, substring) + (aIsSuggested ? 1e3 : 0);
+      const bScore = score(b, substring) + (bIsSuggested ? 1e3 : 0);
+      return (b.group?.priority ?? 0) + bScore - ((a.group?.priority ?? 0) + aScore);
     });
-  }, [options, filterFn, inputValue]);
+  }, [options, filterFn, inputValue, suggestions, surface?.path]);
 };
 
 function Command({
@@ -2327,12 +2723,12 @@ function Command({
   });
   const highlightedItemRef = React.useRef(null);
   const downshift$1 = downshift.useCombobox({
-    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty(item.disabledReason)) : highlightedIndex,
+    highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !resolveItemProperty$1(item.disabledReason)) : highlightedIndex,
     inputValue,
-    isItemDisabled: (item) => Boolean(resolveItemProperty(item?.disabledReason)),
+    isItemDisabled: (item) => Boolean(resolveItemProperty$1(item?.disabledReason)),
     isOpen: !!enabled,
     items,
-    itemToString: (item) => item !== null ? resolveItemProperty(item.label, { inputValue }) : "",
+    itemToString: (item) => item !== null ? resolveItemProperty$1(item.label, { inputValue }) : "",
     onHighlightedIndexChange({ highlightedIndex: highlightedIndex2, type }) {
       setHighlightedIndex(highlightedIndex2);
       if (highlightedIndex2 !== -1) {
@@ -2424,436 +2820,197 @@ const IconMagnifyingGlass = withIcon(
   ] })
 );
 
-var addon$1 = recipeRuntime({base:{display:'flex',flex:'none'}});
-var input$2 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
-var root$3 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
-
-const [InputProvider, useInputContext] = reactContext.createContext("@optiaxiom/react/Input");
-
-const InputAddon = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    const { addonPointerEvents, inputRef } = useInputContext(
-      "@optiaxiom/react/InputAddon"
-    );
-    const addonProps = addonPointerEvents === "none" ? {
-      fontSize: "md",
-      onPointerUp: (event) => {
-        if (isFocusCaptured(event)) {
-          return;
-        }
-        event.preventDefault();
-        event.stopPropagation();
-        inputRef.current?.focus();
-      }
-    } : {
-      fontSize: "md"
-    };
-    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...addonProps, ...props, children });
+function Suggestion({ ...props }) {
+  const surface = useSurface();
+  const hasPopover = surface?.suggestionPopover.registered;
+  const messageSuggestions = useSuggestions("message");
+  const valueSuggestions = useSuggestions("value");
+  const [isExecuting, setIsExecuting] = React.useState(false);
+  const messageSuggestion = messageSuggestions?.[0];
+  const valueSuggestion = !hasPopover ? valueSuggestions?.[0] : void 0;
+  const suggestion = messageSuggestion ?? valueSuggestion;
+  if (!suggestion) {
+    return null;
   }
+  const text = suggestion.type === "message" ? suggestion.text : surface?.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
+  const reason = suggestion.type === "value" ? suggestion.reason : void 0;
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    Alert,
+    {
+      intent: "opal",
+      onDismiss: () => surface?.reject(suggestion.id),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { children: text }),
+        reason && /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: reason }),
+        /* @__PURE__ */ jsxRuntime.jsx(Group, { gap: "4", children: /* @__PURE__ */ jsxRuntime.jsx(
+          Button,
+          {
+            appearance: "primary-opal",
+            disabled: isExecuting,
+            loading: isExecuting,
+            onClick: async () => {
+              if (suggestion.type === "message" && suggestion.tool) {
+                setIsExecuting(true);
+                try {
+                  await surface?.executeTool(
+                    suggestion.tool.name,
+                    suggestion.tool.parameters
+                  );
+                } finally {
+                  setIsExecuting(false);
+                }
+              }
+              surface?.accept(suggestion.id);
+            },
+            size: "sm",
+            children: "Accept"
+          }
+        ) })
+      ]
+    }
+  );
+}
+Suggestion.displayName = "@optiaxiom/react/Suggestion";
+
+const IconCheck = withIcon(
+  {
+    name: "IconCheck"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
 );
-InputAddon.displayName = "@optiaxiom/react/InputAddon";
 
-var control$3 = recipeRuntime({base:['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:['tml7bk',{alignItems:'start',display:'inline-flex',gap:'8'},'ashl6a']});
 
-const CommandInput = React.forwardRef(
-  ({ onBlur, onKeyDown, size, ...props }, ref) => {
-    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
-    const setInputValueStable = useEffectEvent(setInputValue);
-    React.useEffect(() => {
-      setInputValueStable("");
-    }, [setInputValueStable]);
-    const preventDownshiftBlurRef = React.useRef(false);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Input,
+const [ToggleInputProvider, useToggleInputContext] = reactContext.createContext("@optiaxiom/react/ToggleInput");
+
+const Slot$7 = reactSlot.createSlot("@optiaxiom/react/ToggleInput");
+const ToggleInput = React.forwardRef(
+  ({ asChild, children, className, onMouseDown, ...props }, ref) => {
+    const Comp = asChild ? Slot$7 : "label";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const descriptionId = reactId.useId();
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(ToggleInputProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsxRuntime.jsx(Group, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
       {
-        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass, {}),
-        htmlSize: 1,
-        size,
-        ...downshift.getInputProps({
-          "aria-label": props.placeholder,
-          ref,
-          ...props,
-          onBlur: (event) => {
-            onBlur?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (preventDownshiftBlurRef.current) {
-              Object.assign(event, { preventDownshiftDefault: true });
-              preventDownshiftBlurRef.current = false;
-            }
-          },
-          onChange: (event) => {
-            setInputValue("value" in event.target ? event.target.value : "");
-          },
-          onKeyDown: (event) => {
-            onKeyDown?.(event);
-            if (event.defaultPrevented) {
-              return;
-            }
-            if (!(event.target instanceof HTMLInputElement)) {
-              return;
-            }
-            if (!highlightedItem) {
-              return;
-            }
-            const selectedWithSpace = !event.target.value && event.key === " ";
-            if (highlightedItemRef.current instanceof HTMLAnchorElement && !highlightedItem.execute && (selectedWithSpace || event.key === "Enter")) {
-              const { view: _view, ...eventInit } = event;
-              event.preventDefault();
-              Object.assign(event, { preventDownshiftDefault: true });
-              if (highlightedItem.external) {
-                eventInit.metaKey = true;
-              }
-              preventDownshiftBlurRef.current = true;
-              highlightedItemRef.current.dispatchEvent(
-                new MouseEvent("click", eventInit)
-              );
-              downshift.selectItem(highlightedItem);
-            } else if (selectedWithSpace) {
-              event.preventDefault();
-              downshift.selectItem(highlightedItem);
-            }
+        onMouseDown: (event) => {
+          onMouseDown?.(event);
+          if (!event.defaultPrevented && event.detail > 1) {
+            event.preventDefault();
           }
-        })
+        },
+        ref,
+        ...restProps,
+        children
       }
-    );
+    ) }) });
   }
 );
-CommandInput.displayName = "@optiaxiom/react/CommandInput";
-
-const IconAngleRight = withIcon(
-  {
-    fill: "none",
-    name: "IconAngleRight"
-  },
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      d: "M7.5 13L12.5 8L7.5 3",
-      stroke: "currentColor",
-      strokeLinecap: "round",
-      strokeLinejoin: "round"
-    }
-  )
-);
-
-var detail = recipeRuntime({base:[{color:'fg.secondary'},'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:['jfxb03']});
 
 const ToggleInputControl = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": true, ref, ...control$2({}, className), ...props, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": true, ref, ...control$3({}, className), ...props, children });
 });
 ToggleInputControl.displayName = "@optiaxiom/react/ToggleInputControl";
 
@@ -2875,12 +3032,14 @@ const ToggleInputDescription = React.forwardRef(({ children, ...props }, ref) =>
 });
 ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
 
-var className = '_13ggu1q';
+var className = '_1iy6rgu';
 
 const ToggleInputHiddenInput = React.forwardRef(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
   const { descriptionId, labelId } = useToggleInputContext(
     "@optiaxiom/react/ToggleInputHiddenInput"
   );
+  const surface = useSurface("property");
+  const { track } = surface ?? {};
   return /* @__PURE__ */ jsxRuntime.jsx(VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(
     "input",
     {
@@ -2888,8 +3047,13 @@ const ToggleInputHiddenInput = React.forwardRef(({ className: className$1, onCha
       "aria-labelledby": labelId,
       className: clsx(className$1, className),
       onChange: (event) => {
+        const checked = event.target.checked;
         onChange?.(event);
-        onCheckedChange?.(event.target.checked);
+        onCheckedChange?.(checked);
+        track?.({
+          checked,
+          name: "toggled"
+        });
       },
       ref,
       type: "checkbox",
@@ -2949,8 +3113,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'},'_17ettn3'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon$1 = recipeRuntime({base:[{transition:'all'},'_1wjzp77']});
 var indicator$1 = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
 
 const CheckboxControl = React.forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
@@ -2958,7 +3122,7 @@ const CheckboxControl = React.forwardRef(({ className, indeterminate, shift, ...
     ToggleInputControl,
     {
       ref,
-      ...control$1({ shift }, className),
+      ...control$2({ shift }, className),
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...indicator$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$1(), children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(IconMinus, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckboxCheck, {}) }) })
     }
@@ -2987,7 +3151,9 @@ const CheckboxRoot = React.forwardRef(
 CheckboxRoot.displayName = "@optiaxiom/react/CheckboxRoot";
 
 const Checkbox = React.forwardRef(
-  ({ children, description, indeterminate, ...props }, ref) => {
+  ({ children, description, indeterminate, ...props }, outerRef) => {
+    const innerRef = React.useRef(null);
+    const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
     return /* @__PURE__ */ jsxRuntime.jsxs(
       CheckboxRoot,
       {
@@ -3002,7 +3168,14 @@ const Checkbox = React.forwardRef(
               shift: Boolean(children)
             }
           ),
-          (children || description) && /* @__PURE__ */ jsxRuntime.jsx(CheckboxContent, { description, children })
+          (children || description) && /* @__PURE__ */ jsxRuntime.jsx(CheckboxContent, { description, children }),
+          props.checked !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+            SuggestionPopover,
+            {
+              currentValue: props.checked,
+              style: { marginTop: -2 }
+            }
+          )
         ]
       }
     );
@@ -3010,14 +3183,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'},'gqkxno']});
 
-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'},'ggeyjo'],variants:{slot:{after:{ml:'8'},before:{}}}});
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1iapmls']});
+var item = recipeRuntime({base:[{alignItems:'start',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1b1hmrr'],variants:{intent:{danger:'q835p3',neutral:'_1925809'}}});
+var title = recipeRuntime({base:[{alignItems:'center',gap:'8'},'_18b1cq']});
 
-const Slot$4 = reactSlot.createSlot("@optiaxiom/react/ListboxItem");
+const Slot$6 = reactSlot.createSlot("@optiaxiom/react/ListboxItem");
 const ListboxItem = React.forwardRef(
   ({
     addonAfter,
@@ -3030,7 +3203,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 +3219,12 @@ const ListboxItem = React.forwardRef(
           "data-highlighted": void 0
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          (addonBefore || icon) && /* @__PURE__ */ jsxRuntime.jsx(Box, { ...addon({ slot: "before" }), children: addonBefore ?? /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon }) }),
+          (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 +3300,7 @@ const ListboxGroup = React.forwardRef(
 );
 ListboxGroup.displayName = "@optiaxiom/react/ListboxGroup";
 
-const IconCheck = withIcon(
-  {
-    name: "IconCheck"
-  },
-  /* @__PURE__ */ jsxRuntime.jsx(
-    "path",
-    {
-      clipRule: "evenodd",
-      d: "M16.8719 3.16579C17.0565 3.37118 17.0396 3.68731 16.8342 3.87189L8.37588 12.3719C8.183 12.5452 7.8896 12.5423 7.70018 12.3652L3.32518 8.2743C3.12348 8.0857 3.11286 7.7693 3.30146 7.56759C3.49007 7.36589 3.80647 7.35528 4.00817 7.54388L8.04838 11.3217L16.1658 3.12811C16.3712 2.94353 16.6873 2.9604 16.8719 3.16579Z",
-      fill: "currentColor",
-      fillRule: "evenodd"
-    }
-  )
-);
-
-var indicator = recipeRuntime({base:['_1579yu6'],variants:{active:{false:{},true:'vek75b'}}});
+var indicator = recipeRuntime({base:['h5ip9e'],variants:{active:{false:{},true:'_1p1ugos'}}});
 
 const ListboxItemIndicator = React.forwardRef(({ active, children, className, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3158,9 +3316,9 @@ const ListboxItemIndicator = React.forwardRef(({ active, children, className, ..
 });
 ListboxItemIndicator.displayName = "@optiaxiom/react/ListboxItemIndicator";
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_17tln3a']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'nuxvfs']});
 
-const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Skeleton");
+const Slot$5 = reactSlot.createSlot("@optiaxiom/react/Skeleton");
 const Skeleton = React.forwardRef(
   ({ asChild = true, children, circle, className, rounded = "sm", ...props }, ref) => {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -3170,7 +3328,7 @@ const Skeleton = React.forwardRef(
         rounded: circle || rounded === "full" ? "full" : rounded,
         ...skeleton({}, className),
         ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(Slot$3, { ref, children: children ? children : /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
+        children: /* @__PURE__ */ jsxRuntime.jsx(Slot$5, { ref, children: children ? children : /* @__PURE__ */ jsxRuntime.jsx("span", {}) })
       }
     );
   }
@@ -3338,29 +3496,30 @@ ListboxRadioItem.displayName = "@optiaxiom/react/ListboxRadioItem";
 const ListboxSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Separator, { "aria-hidden": true, flex: "none", mx: "8", my: "4", ref, ...props }));
 ListboxSeparator.displayName = "@optiaxiom/react/ListboxSeparator";
 
-var control = recipeRuntime({base:[{px:'12',py:'2',rounded:'full',transition:'colors'},'_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'},'_1jsef53']});
+var input$2 = recipeRuntime({base:'a3308x'});
+var root$3 = recipeRuntime({base:['_59f3ci','_1e9wxep']});
+var thumb = recipeRuntime({base:[{display:'block',rounded:'full',transition:'all'},'_1hti7pp'],variants:{size:{md:'twepzm',lg:'_18s810s'}}});
 
 const Switch = React.forwardRef(
   ({ children, className, description, size = "md", ...props }, ref) => {
     const { boxProps, restProps } = extractBoxProps(props);
-    return /* @__PURE__ */ jsxRuntime.jsxs(ToggleInput, { ...root$1({}, className), ...boxProps, children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(ToggleInput, { ...root$3({}, className), ...boxProps, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ToggleInputHiddenInput,
         {
           ref,
           role: "switch",
-          ...input$1(),
+          ...input$2(),
           ...restProps
         }
       ),
-      /* @__PURE__ */ jsxRuntime.jsx(ToggleInputControl, { ...control(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...thumb({ size }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ToggleInputControl, { ...control$1(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...thumb({ size }) }) }),
       (children || description) && /* @__PURE__ */ jsxRuntime.jsxs(ToggleInputContent, { pt: size === "lg" ? "2" : "0", children: [
         children && /* @__PURE__ */ jsxRuntime.jsx(ToggleInputLabel, { children }),
         description && /* @__PURE__ */ jsxRuntime.jsx(ToggleInputDescription, { children: description })
-      ] })
+      ] }),
+      props.checked !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(SuggestionPopover, { currentValue: props.checked })
     ] });
   }
 );
@@ -3397,10 +3556,576 @@ const ListboxSwitchItem = React.forwardRef(({ addonAfter, onCheckedChange, ...pr
       ] }),
       ref,
       ...props
-    }
-  );
-});
-ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
+    }
+  );
+});
+ListboxSwitchItem.displayName = "@optiaxiom/react/ListboxSwitchItem";
+
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_12j86kw'],variants:{maxH:{xs:'z0yz6l',sm:'_18h51d4',md:'rw4m4o',lg:'_1vwgbzg',full:{}},minW:{'0':{},trigger:'_17luz50'}}});
+
+const ModalListbox = React.forwardRef(
+  ({ children, className, maxH, minW, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(Paper, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Listbox,
+    {
+      ref,
+      ...listbox({ maxH, minW }, className),
+      ...props,
+      children
+    }
+  ) }) })
+);
+ModalListbox.displayName = "@optiaxiom/react/ModalListbox";
+
+const [PopoverContentProvider, usePopoverContentContext] = reactContext.createContext("@optiaxiom/react/PopoverContent", { side: void 0 });
+
+const PopoverContentImpl = React.forwardRef(({ children, ...props }, outerRef) => {
+  const innerRef = React.useRef(null);
+  const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    PopoverContentProvider,
+    {
+      side: "data-side" in props && (props["data-side"] === "bottom" || props["data-side"] === "left" || props["data-side"] === "right" || props["data-side"] === "top") ? props["data-side"] : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(globals.ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(FocusBookmarkProvider, { containerRef: innerRef, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...props, children }) }) })
+    }
+  );
+});
+PopoverContentImpl.displayName = "@optiaxiom/react/PopoverContentImpl";
+
+const PopoverContent = React.forwardRef(
+  ({
+    align = "start",
+    asChild,
+    children,
+    onCloseAutoFocus,
+    sideOffset = 4,
+    ...props
+  }, ref) => {
+    const { open, presence, setPresence } = usePopoverContext(
+      "@optiaxiom/react/PopoverContent"
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      TransitionGroup,
+      {
+        onPresenceChange: setPresence,
+        open,
+        presence,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Portal, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+          ModalListbox,
+          {
+            asChild: true,
+            onBlur: onReactSelectInputBlur,
+            p: "16",
+            ...props,
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              RadixPopover__namespace.Content,
+              {
+                align,
+                asChild: true,
+                collisionPadding: 16,
+                "data-state": presence ? "open" : "closed",
+                forceMount: true,
+                onCloseAutoFocus: (event) => {
+                  onCloseAutoFocus?.(event);
+                  if (event.defaultPrevented) {
+                    return;
+                  }
+                  if (document.activeElement !== document.body) {
+                    event.preventDefault();
+                  }
+                },
+                ref,
+                sideOffset,
+                ...usePopoverScope(void 0),
+                children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContentImpl, { asChild, children })
+              }
+            )
+          }
+        ) })
+      }
+    );
+  }
+);
+PopoverContent.displayName = "@optiaxiom/react/PopoverContent";
+
+const PopoverTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
+  const { open, presence } = usePopoverContext(
+    "@optiaxiom/react/PopoverTrigger"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixPopover__namespace.Trigger,
+    {
+      "aria-expanded": open || presence,
+      asChild: true,
+      "data-state": open || presence ? "open" : "closed",
+      ref,
+      ...props,
+      ...usePopoverScope(void 0),
+      children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { children })
+    }
+  );
+});
+PopoverTrigger.displayName = "@optiaxiom/react/PopoverTrigger";
+
+const SuggestionPopover = React.forwardRef(({ currentValue, ...props }, ref) => {
+  const surface = useSurface();
+  React.useEffect(() => {
+    return surface?.suggestionPopover.register();
+  }, [surface]);
+  const suggestions = useSuggestions("value");
+  const suggestion = suggestions?.find((s) => s.value !== currentValue);
+  if (!suggestion || currentValue === void 0) {
+    return null;
+  }
+  const text = surface?.renderSuggestionValue ? surface.renderSuggestionValue(suggestion.value) : String(suggestion.value);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Popover, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      PopoverTrigger,
+      {
+        appearance: "subtle",
+        "aria-label": "Opal suggestion",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { fallback: "opal", size: "2xs" }),
+        ref,
+        size: "sm",
+        ...props
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(PopoverContent, { "aria-label": "Suggestion", fontSize: "sm", gap: "4", p: "12", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Text, { children: text }),
+      suggestion.reason && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(Separator, { my: "8" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Heading, { fontSize: "sm", level: "4", children: "Why this was suggested" }),
+        /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: suggestion.reason })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Separator, { my: "8" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          icon: /* @__PURE__ */ jsxRuntime.jsx(IconCheck, {}),
+          justifyContent: "center",
+          onClick: () => {
+            surface?.accept(suggestion.id);
+          },
+          size: "sm",
+          children: "Accept"
+        }
+      )
+    ] })
+  ] });
+});
+SuggestionPopover.displayName = "@optiaxiom/react/SuggestionPopover";
+
+var addon = recipeRuntime({base:[{flex:'none'},'f8lfol']});
+var input$1 = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
+var root$2 = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
+
+const [InputProvider, useInputContext] = reactContext.createContext("@optiaxiom/react/Input");
+
+const InputAddon = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { addonPointerEvents, inputRef } = useInputContext(
+      "@optiaxiom/react/InputAddon"
+    );
+    const addonProps = addonPointerEvents === "none" ? {
+      fontSize: "md",
+      onPointerUp: (event) => {
+        if (isFocusCaptured(event)) {
+          return;
+        }
+        event.preventDefault();
+        event.stopPropagation();
+        inputRef.current?.focus();
+      }
+    } : {
+      fontSize: "md"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...addonProps, ...props, children });
+  }
+);
+InputAddon.displayName = "@optiaxiom/react/InputAddon";
+
+var control = recipeRuntime({base:['cmxrps',{bg:'transparent',flex:'auto',w:'full'},'_177bt7f','f70w9p'],variants:{size:{md:{},lg:{},xl:['_1ipo8se']}}});
+
+const Slot$4 = reactSlot.createSlot("@optiaxiom/react/InputControl");
+const InputControl = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    error: errorProp,
+    onChange,
+    onValueChange,
+    size = "md",
+    ...props
+  }, outerRef) => {
+    const Comp = asChild ? Slot$4 : "input";
+    const disabled = props.disabled;
+    const readOnly = props.readOnly;
+    const { descriptionId, error, errorId, inputId } = useFieldContext(
+      "@optiaxiom/react/InputControl"
+    );
+    const { boxProps, restProps } = extractBoxProps(props);
+    const { inputRef } = useInputContext("@optiaxiom/react/InputControl");
+    const ref = reactComposeRefs.useComposedRefs(inputRef, outerRef);
+    const surface = useSurface("property");
+    const { track } = surface ?? {};
+    const debouncedTrack = useDebouncedTrack();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
+        "aria-disabled": disabled,
+        "aria-invalid": error || errorProp ? true : void 0,
+        asChild: true,
+        "data-disabled": disabled ? "" : void 0,
+        "data-invalid": error || errorProp ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
+        ...control({ size }, className),
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Comp,
+          {
+            id: inputId,
+            onBlur: (event) => {
+              restProps.onBlur?.(
+                event
+              );
+              track?.({ name: "blurred" });
+            },
+            onChange: (event) => {
+              onChange?.(
+                event
+              );
+              if (event.target instanceof HTMLInputElement || event.target instanceof HTMLTextAreaElement) {
+                const newValue = event.target.value;
+                onValueChange?.(newValue);
+                debouncedTrack?.({
+                  name: "changed",
+                  value: newValue
+                });
+              }
+            },
+            onFocus: (event) => {
+              restProps.onFocus?.(
+                event
+              );
+              track?.({ name: "focused" });
+            },
+            ref,
+            ...restProps,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+InputControl.displayName = "@optiaxiom/react/InputControl";
+
+var root$1 = recipeRuntime({base:[{gap:'0'},'_174xxmy']});
+
+const InputRoot = React.forwardRef(
+  ({
+    addonPointerEvents = "auto",
+    children,
+    className,
+    onPointerDown,
+    ...props
+  }, ref) => {
+    const inputRef = React.useRef(null);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Group,
+      {
+        onPointerDown: (event) => {
+          onPointerDown?.(event);
+          if (event.defaultPrevented) {
+            return;
+          }
+          if (event.target !== event.currentTarget) {
+            return;
+          }
+          event.preventDefault();
+          event.stopPropagation();
+          inputRef.current?.focus();
+        },
+        ref,
+        ...root$1({}, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          InputProvider,
+          {
+            addonPointerEvents,
+            inputRef,
+            children
+          }
+        )
+      }
+    );
+  }
+);
+InputRoot.displayName = "@optiaxiom/react/InputRoot";
+
+const Slot$3 = reactSlot.createSlot("@optiaxiom/react/Input");
+const Input = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents,
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    htmlSize,
+    size = "md",
+    style,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? Slot$3 : "input";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      InputRoot,
+      {
+        addonPointerEvents,
+        style,
+        ...root$2({ size }, className),
+        ...boxProps,
+        children: [
+          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(InputAddon, { asChild: true, ...addon(), children: fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            InputControl,
+            {
+              asChild: true,
+              size,
+              ...input$1({ appearance, size }),
+              ...restProps,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, size: htmlSize, children })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs(InputAddon, { ...addon(), children: [
+            /* @__PURE__ */ jsxRuntime.jsx(SuggestionPopover, { currentValue: props.value }),
+            addonAfter
+          ] })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "@optiaxiom/react/Input";
+
+const CommandInput = React.forwardRef(
+  ({ onBlur, onKeyDown, size, ...props }, ref) => {
+    const { downshift, highlightedItem, highlightedItemRef, setInputValue } = useCommandContext("@optiaxiom/react/CommandInput");
+    const setInputValueStable = useEffectEvent(setInputValue);
+    React.useEffect(() => {
+      setInputValueStable("");
+    }, [setInputValueStable]);
+    const preventDownshiftBlurRef = React.useRef(false);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Input,
+      {
+        addonBefore: /* @__PURE__ */ jsxRuntime.jsx(IconMagnifyingGlass, {}),
+        htmlSize: 1,
+        size,
+        ...downshift.getInputProps({
+          "aria-label": props.placeholder,
+          ref,
+          ...props,
+          onBlur: (event) => {
+            onBlur?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (preventDownshiftBlurRef.current) {
+              Object.assign(event, { preventDownshiftDefault: true });
+              preventDownshiftBlurRef.current = false;
+            }
+          },
+          onChange: (event) => {
+            setInputValue("value" in event.target ? event.target.value : "");
+          },
+          onKeyDown: (event) => {
+            onKeyDown?.(event);
+            if (event.defaultPrevented) {
+              return;
+            }
+            if (!(event.target instanceof HTMLInputElement)) {
+              return;
+            }
+            if (!highlightedItem) {
+              return;
+            }
+            const selectedWithSpace = !event.target.value && event.key === " ";
+            if (highlightedItemRef.current instanceof HTMLAnchorElement && !highlightedItem.execute && (selectedWithSpace || event.key === "Enter")) {
+              const { view: _view, ...eventInit } = event;
+              event.preventDefault();
+              Object.assign(event, { preventDownshiftDefault: true });
+              if (highlightedItem.external) {
+                eventInit.metaKey = true;
+              }
+              preventDownshiftBlurRef.current = true;
+              highlightedItemRef.current.dispatchEvent(
+                new MouseEvent("click", eventInit)
+              );
+              downshift.selectItem(highlightedItem);
+            } else if (selectedWithSpace) {
+              event.preventDefault();
+              downshift.selectItem(highlightedItem);
+            }
+          }
+        })
+      }
+    );
+  }
+);
+CommandInput.displayName = "@optiaxiom/react/CommandInput";
+
+const IconAngleRight = withIcon(
+  {
+    fill: "none",
+    name: "IconAngleRight"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M7.5 13L12.5 8L7.5 3",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+var detail = recipeRuntime({base:[{color:'fg.secondary'},'_10d0b3r']});
+
+const CommandItem = React.forwardRef(
+  ({
+    asChild,
+    children,
+    index,
+    item,
+    onClick,
+    onMouseLeave,
+    onMouseMove,
+    selected,
+    size,
+    ...props
+  }, outerRef) => {
+    const {
+      downshift,
+      enabled,
+      highlightedItem,
+      highlightedItemRef,
+      inputValue,
+      items,
+      pauseInteractionRef
+    } = useCommandContext("@optiaxiom/react/CommandItem");
+    const ref = reactComposeRefs.useComposedRefs(
+      highlightedItem === item ? highlightedItemRef : void 0,
+      outerRef
+    );
+    const surface = useSurface();
+    const itemSuggestions = item.surface?.type === "property" ? filterSuggestionsBySurface(
+      surface?.suggestions.filter((s) => s.type === "value"),
+      surface?.path,
+      [
+        {
+          name: item.surface.name,
+          type: "property"
+        }
+      ]
+    ) : void 0;
+    const isSuggested = item.surface?.type === "property" && itemSuggestions?.some((s) => {
+      if (item.surface?.type !== "property")
+        return false;
+      return s.value === item.surface.value;
+    }) && !resolveItemProperty$1(item.selected);
+    const itemProps = downshift.getItemProps({
+      "aria-posinset": index + 1,
+      "aria-selected": selected ?? resolveItemProperty$1(item.selected),
+      "aria-setsize": items.length,
+      item,
+      onClick: (event) => {
+        onClick?.(event);
+        if (event.currentTarget instanceof HTMLAnchorElement) {
+          if (event.altKey || event.metaKey || event.shiftKey) {
+            Object.assign(event, {
+              preventDownshiftDefault: true
+            });
+          } else {
+            if (item.execute) {
+              event.preventDefault();
+            }
+          }
+        }
+      },
+      onMouseLeave: (event) => {
+        onMouseLeave?.(event);
+        window.clearTimeout(pauseInteractionRef.current.timer);
+      },
+      onMouseMove: (event) => {
+        onMouseMove?.(event);
+        if (event.defaultPrevented) {
+          return;
+        }
+        if (!enabled || resolveItemProperty$1(item.disabledReason)) {
+          event.preventDefault();
+          Object.assign(event.nativeEvent, {
+            preventDownshiftDefault: true
+          });
+          return;
+        }
+        if (!pauseInteractionRef.current.isInsideTriangle) {
+          return;
+        }
+        if (pauseInteractionRef.current.isInsideTriangle({
+          x: event.clientX,
+          y: event.clientY
+        })) {
+          event.preventDefault();
+          Object.assign(event.nativeEvent, {
+            preventDownshiftDefault: true
+          });
+          window.clearTimeout(pauseInteractionRef.current.timer);
+          pauseInteractionRef.current.timer = window.setTimeout(() => {
+            pauseInteractionRef.current.isInsideTriangle = null;
+            downshift.setHighlightedIndex(index);
+          }, 20);
+        } else {
+          pauseInteractionRef.current.isInsideTriangle = null;
+        }
+      },
+      ref,
+      ...props
+    });
+    const detail$1 = resolveItemProperty$1(item.detail, { inputValue });
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild,
+        "data-disabled": itemProps["aria-disabled"] ? "" : void 0,
+        "data-highlighted": highlightedItem === item ? "" : void 0,
+        size,
+        tabIndex: -1,
+        ...itemProps,
+        ...item.href && { href: item.href },
+        children: decorateChildren(
+          { asChild, children },
+          (children2) => children2 ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            item.parentOption && !item.parentOption.hiddenInSearchContext && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(Text, { color: "fg.secondary", children: resolveItemProperty$1(item.parentOption.label, {
+                inputValue
+              }) }),
+              /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, h: "10", w: "auto", children: /* @__PURE__ */ jsxRuntime.jsx(IconAngleRight, {}) })
+            ] }),
+            resolveItemProperty$1(item.label, { inputValue }),
+            isSuggested && /* @__PURE__ */ jsxRuntime.jsx(Avatar, { fallback: "opal", size: "2xs" }),
+            detail$1 && /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, truncate: true, ...detail(), children: fallbackSpan(detail$1) })
+          ] })
+        )
+      }
+    );
+  }
+);
+CommandItem.displayName = "@optiaxiom/react/CommandItem";
 
 const CommandListbox = React.forwardRef(
   ({ children, size, ...props }, ref) => {
@@ -3416,7 +4141,7 @@ const CommandListbox = React.forwardRef(
       {
         highlightedItem,
         items,
-        itemToKey: (item) => item.key ?? resolveItemProperty(item.label, { inputValue }),
+        itemToKey: (item) => item.key ?? resolveItemProperty$1(item.label, { inputValue }),
         onPlacedChange: (placed) => {
           if (placed && highlightedItemRef.current) {
             highlightedItemRef.current.scrollIntoView({ block: "nearest" });
@@ -3433,183 +4158,79 @@ CommandListbox.displayName = "@optiaxiom/react/CommandListbox";
 
 const [MenuProvider, useMenuContext] = reactContext.createContext("@optiaxiom/react/Menu");
 
-const [PopoverProvider, usePopoverContext] = reactContext.createContext("@optiaxiom/react/Popover");
-
-const usePopoverScope = RadixPopover__namespace.createPopoverScope();
-
-function Popover({
-  children,
-  defaultOpen = false,
-  modal,
-  onOpenChange,
-  open: openProp
-}) {
-  const [open, setOpen] = reactUseControllableState.useControllableState({
-    caller: "@optiaxiom/react/Popover",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [presence, setPresence] = React.useState(false);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    RadixPopover__namespace.Root,
-    {
-      modal,
-      onOpenChange: setOpen,
-      open,
-      ...usePopoverScope(void 0),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        PopoverProvider,
-        {
-          open,
-          presence,
-          setPresence,
-          children
-        }
-      )
-    }
-  );
+function MenuPopover(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(Popover, { ...props });
 }
-Popover.displayName = "@optiaxiom/react/Popover";
-
-const PopoverAnchor = React.forwardRef(
-  ({ asChild, children, staticRef, ...props }, ref) => {
-    const { __scopePopover } = usePopoverScope(void 0);
-    const { open } = usePopoverContext("@optiaxiom/react/PopoverAnchor");
-    const [virtualRef, setVirtualRef] = React.useState({ current: null });
-    React.useEffect(() => {
-      if (!staticRef?.current || !open) {
-        return;
-      }
-      const rect = staticRef.current.getBoundingClientRect();
-      setVirtualRef({ current: { getBoundingClientRect: () => rect } });
-    }, [open, staticRef]);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Box,
-      {
-        asChild: true,
-        ref,
-        virtualRef: staticRef ? virtualRef : void 0,
-        ...props,
-        ...{ __scopePopper: __scopePopover },
-        children: /* @__PURE__ */ jsxRuntime.jsx(RadixPopper__namespace.Anchor, { asChild, children })
-      }
-    );
-  }
-);
-PopoverAnchor.displayName = "@optiaxiom/react/PopoverAnchor";
-
-var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_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 +4250,7 @@ function Menu({
     sm: sizeProp ?? "sm"
   });
   const Comp = size === "sm" ? MenuPopover : Dialog;
+  const track = useMenuSurface();
   const [open, setOpen] = reactUseControllableState.useControllableState({
     caller: "@optiaxiom/react/Menu",
     defaultProp: defaultOpen,
@@ -3668,16 +4290,16 @@ function Menu({
   const options = React.useMemo(
     () => size === "sm" ? optionsProp.map((option) => ({
       ...option,
-      label: option.subOptions ? resolveItemProperty(option.label, { inputValue }).replace(
+      label: option.subOptions ? resolveItemProperty$1(option.label, { inputValue }).replace(
         "\u2026",
         ""
-      ) : resolveItemProperty(option.label, { inputValue })
+      ) : resolveItemProperty$1(option.label, { inputValue })
     })) : activeItemStack.length ? activeItemStack.reduce((result, stackItem) => {
-      const stackKey = stackItem.key ?? resolveItemProperty(stackItem.label, { inputValue });
+      const stackKey = stackItem.key ?? resolveItemProperty$1(stackItem.label, { inputValue });
       for (const resultItem of result) {
-        const resultKey = resultItem.key ?? resolveItemProperty(resultItem.label, { inputValue });
+        const resultKey = resultItem.key ?? resolveItemProperty$1(resultItem.label, { inputValue });
         if (resultKey === stackKey) {
-          return resolveItemProperty(resultItem.subOptions, {
+          return resolveItemProperty$1(resultItem.subOptions, {
             inputValue
           }) ?? [];
         }
@@ -3717,13 +4339,14 @@ function Menu({
       inputRef,
       inputVisible,
       onSelect: (item, { dismiss }) => {
+        track(item);
         item.execute?.({ dismiss, inputValue });
         if (typeof openProp === "undefined" && dismiss) {
           setOpen(false);
         }
       },
       open,
-      placeholder: activeItemStack.length ? resolveItemProperty(
+      placeholder: activeItemStack.length ? resolveItemProperty$1(
         activeItemStack[activeItemStack.length - 1].label,
         { inputValue }
       ) : placeholder,
@@ -3750,6 +4373,7 @@ function Menu({
                 setSubMenuOpen(true);
               }
             } else {
+              track(item);
               item.execute?.({ dismiss, inputValue });
               if (typeof openProp === "undefined" && dismiss) {
                 setOpen(false);
@@ -3776,7 +4400,7 @@ function Menu({
 }
 Menu.displayName = "@optiaxiom/react/Menu";
 
-var content$2 = recipeRuntime({base:'klhdrl'});
+var content$2 = recipeRuntime({base:'jzeqkx'});
 
 const MenuDialogContent = React.forwardRef(
   ({
@@ -3819,7 +4443,7 @@ const MenuDialogContent = React.forwardRef(
 );
 MenuDialogContent.displayName = "@optiaxiom/react/MenuDialogContent";
 
-var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_1w9g5v6']}}});
+var input = recipeRuntime({variants:{size:{sm:{m:'4'},lg:[{border:'0',borderB:'1',borderColor:'border.secondary',rounded:'none'},'_16xjk1v']}}});
 
 const MenuInput = React.forwardRef(
   ({ className, onKeyDown, ...props }, outerRef) => {
@@ -3892,15 +4516,21 @@ const isSameGroup = (group1, group2) => {
 const MenuCheckboxItem = React.forwardRef(({ children, ...props }, ref) => {
   const Comp = props.item.href ? "a" : "div";
   const { inputValue } = useCommandContext("@optiaxiom/react/MenuCheckboxItem");
+  const track = useMenuSurface();
   return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
     ListboxCheckboxItem,
     {
-      addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+      addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
       asChild: true,
-      description: resolveItemProperty(props.item.description, {
+      description: resolveItemProperty$1(props.item.description, {
         inputValue
       }),
-      onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
+      onCheckedChange: () => {
+        if (!resolveItemProperty$1(props.item.disabledReason)) {
+          track(props.item);
+          props.item.execute?.({ dismiss: false, inputValue });
+        }
+      },
       children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
     }
   ) });
@@ -3915,9 +4545,9 @@ const MenuItem = React.forwardRef(
       ListboxItem,
       {
         addonAfter: props.item.href && props.item.external ? /* @__PURE__ */ jsxRuntime.jsx(IconUpRightFromSquare, {}) : addonAfter,
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+        addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
         asChild: true,
-        description: resolveItemProperty(props.item.description, {
+        description: resolveItemProperty$1(props.item.description, {
           inputValue
         }),
         intent: props.item.intent,
@@ -3945,9 +4575,9 @@ const MenuRadioItem = React.forwardRef(
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       ListboxRadioItem,
       {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+        addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
         asChild: true,
-        description: resolveItemProperty(props.item.description, {
+        description: resolveItemProperty$1(props.item.description, {
           inputValue
         }),
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
@@ -4016,7 +4646,7 @@ const MenuSubContent = React.forwardRef(
     const ref = reactComposeRefs.useComposedRefs(parentContentRef, outerRef);
     const [inputValue, setInputValue] = React.useState("");
     const options = React.useMemo(
-      () => resolveItemProperty(item?.subOptions, { inputValue }) ?? [],
+      () => resolveItemProperty$1(item?.subOptions, { inputValue }) ?? [],
       [inputValue, item]
     );
     const contentRef = React.useRef(null);
@@ -4120,7 +4750,7 @@ const MenuSubContent = React.forwardRef(
                   )
                 ]
               },
-              item.key ?? resolveItemProperty(item.label, {
+              item.key ?? resolveItemProperty$1(item.label, {
                 inputValue: parentInputValue
               })
             )
@@ -4228,15 +4858,21 @@ const MenuSwitchItem = React.forwardRef(
   ({ children, ...props }, ref) => {
     const Comp = props.item.href ? "a" : "div";
     const { inputValue } = useCommandContext("@optiaxiom/react/MenuSwitchItem");
+    const track = useMenuSurface();
     return /* @__PURE__ */ jsxRuntime.jsx(CommandItem, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
       ListboxSwitchItem,
       {
-        addonBefore: resolveItemProperty(props.item.addon, { inputValue }),
+        addonBefore: resolveItemProperty$1(props.item.addon, { inputValue }),
         asChild: true,
-        description: resolveItemProperty(props.item.description, {
+        description: resolveItemProperty$1(props.item.description, {
           inputValue
         }),
-        onCheckedChange: () => !resolveItemProperty(props.item.disabledReason) && props.item.execute?.({ dismiss: false, inputValue }),
+        onCheckedChange: () => {
+          if (!resolveItemProperty$1(props.item.disabledReason)) {
+            track(props.item);
+            props.item.execute?.({ dismiss: false, inputValue });
+          }
+        },
         children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ...props.item.href && { href: props.item.href }, children })
       }
     ) });
@@ -4256,7 +4892,7 @@ const MenuListbox = React.forwardRef(
         return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxSeparator, {}),
           shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxLabel, { children: group.label }),
-          Comp === MenuSubTrigger ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { index, item }) }) : /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { index, item }) })
+          Comp === MenuSubTrigger ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty$1(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubTrigger, { index, item }) }) : /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: resolveItemProperty$1(item.disabledReason), children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { index, item }) })
         ] });
       }) }),
       !inputValue && size === "sm" && /* @__PURE__ */ jsxRuntime.jsx(Popover, { open, children: /* @__PURE__ */ jsxRuntime.jsx(MenuSubContent, {}) })
@@ -4392,7 +5028,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'},'_13gdn3d'],variants:{visible:{always:'_11dds98','if-needed':'_3rhh2z'}}});
 
 const ActionsContent = React.forwardRef(
   ({ children, className, visible = "if-needed", ...props }, ref) => {
@@ -4401,7 +5037,7 @@ const ActionsContent = React.forwardRef(
 );
 ActionsContent.displayName = "@optiaxiom/react/ActionsContent";
 
-var root = recipeRuntime({base:'_1i32x9l'});
+var root = recipeRuntime({base:'_19zxffw'});
 
 const ActionsRoot = React.forwardRef(
   ({ children, className, ...props }, ref) => {
@@ -4410,8 +5046,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'},'it7393'],variants:{layout:{auto:['_1ddnubk'],fixed:[{display:'grid'},'mvamcs']}}});
+var wrapper = recipeRuntime({base:[{bg:'bg.default',border:'1',borderColor:'border.tertiary',maxW:'full',overflow:'auto',rounded:'lg'},'va4v9q']});
 
 const Table = React.forwardRef(
   ({ children, className, layout = "auto", ...props }, ref) => {
@@ -4427,14 +5063,14 @@ const TableAction = React.forwardRef(
 );
 TableAction.displayName = "@optiaxiom/react/TableAction";
 
-var body = recipeRuntime({base:['_1nja7l2']});
+var body = recipeRuntime({base:['_1qsmq1t']});
 
 const TableBody = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...body({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tbody", { ref, children }) })
 );
 TableBody.displayName = "@optiaxiom/react/TableBody";
 
-var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'_1oxespv'],variants:{pinned:{false:'_1ozs9lc',true:'_19c5x51'}}});
+var cell$1 = recipeRuntime({base:[{borderColor:'border.tertiary',p:'16'},'yadliw'],variants:{pinned:{false:'_1tt73zf',true:'_1p8pb3p'}}});
 
 const TableCell = React.forwardRef(
   ({ children, className, colSpan, pinned = false, ...props }, ref) => {
@@ -4452,13 +5088,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:'_1v2g1sg'}}});
 
 const TableHeader = React.forwardRef(({ children, className, pinned, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...header({ pinned }, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("thead", { ref, children }) }));
 TableHeader.displayName = "@optiaxiom/react/TableHeader";
 
-var cell = recipeRuntime({base:[{borderColor:'border.tertiary'},'_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'},'nohy0f'],variants:{pinned:{false:'anc10b',true:'_1rvl47i'}}});
+var content = recipeRuntime({base:[{alignItems:'center',bg:'bg.default',color:'fg.tertiary',display:'flex',fontSize:'sm',fontWeight:'400',size:'full'},'_17cmv9o']});
 
 const TableHeaderCell = React.forwardRef(
   ({
@@ -4483,7 +5119,7 @@ const TableHeaderCell = React.forwardRef(
 );
 TableHeaderCell.displayName = "@optiaxiom/react/TableHeaderCell";
 
-var row = recipeRuntime({base:['_1k4e836',{transition:'colors',w:'full'},'_1vg2rtn']});
+var row = recipeRuntime({base:['k8n4sx',{transition:'colors',w:'full'},'c0rf7f']});
 
 const TableRow = React.forwardRef(
   ({ children, className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(ActionsRoot, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...row({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx("tr", { ref, children }) }) })
@@ -4581,9 +5217,9 @@ const IconSortUp = withIcon(
   )
 );
 
-var button$3 = recipeRuntime({base:[{alignItems:'center',display:'flex',gap:'4',justifyContent:'flex-start',rounded:'md',textAlign:'start',transition:'colors',w:'full'},'_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'},'o03mvb']});
+var handle = recipeRuntime({base:[{h:'full',z:'10'},'_1bq80qm'],variants:{resizing:{false:{},true:{borderColor:'border.focus'}}}});
+var icon = recipeRuntime({base:[{h:'12',mx:'2',transition:'opacity'},'_1wzgstk'],variants:{active:{false:'_19nslt4',true:'_1g55knz'}}});
 
 const DataTableHeaderCell = React.forwardRef(({ children, header, ...props }, ref) => {
   const sortDir = header.column.getIsSorted();
@@ -4658,6 +5294,7 @@ const IconAngleLeft = withIcon(
   )
 );
 
+const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [SelectProvider, useSelectContext] = reactContext.createContext("@optiaxiom/react/Select");
 
 const SelectHiddenSelect = React.forwardRef(({ defaultValue, disabled, name, onChange, required, value }, ref) => {
@@ -4715,20 +5352,47 @@ const Select = React.forwardRef(
     onOpenChange,
     onValueChange,
     open,
-    options: items,
+    options,
     required,
     value
   }, outerRef) => {
     const innerRef = React.useRef(null);
     const ref = reactComposeRefs.useComposedRefs(innerRef, outerRef);
+    const surface = useSurface("property");
+    const suggestions = useSuggestions("value");
+    const suggestion = suggestions?.[0];
     const [shadowValue, setShadowValue] = reactUseControllableState.useControllableState({
       caller: "@optiaxiom/react/Select",
       defaultProp: defaultValue ?? "",
-      onChange: onValueChange,
+      onChange: (newValue) => {
+        surface?.track({
+          name: "changed",
+          value: newValue
+        });
+        if (suggestion && newValue === suggestion.value) {
+          surface?.accept(suggestion.id);
+        }
+        onValueChange?.(newValue);
+      },
       prop: value
     });
     const forceValueChange = useObserveValue(innerRef, setShadowValue);
     useObserveReset(innerRef, setShadowValue);
+    const items = React.useMemo(() => {
+      return options.map(
+        (option) => option.value === suggestion?.value ? {
+          ...option,
+          detail: /* @__PURE__ */ jsxRuntime.jsx(Avatar, { fallback: "opal", size: "2xs" }),
+          group: {
+            hidden: true,
+            label: "Suggested",
+            priority: 1e3
+          }
+        } : option
+      ).sort((a, b) => {
+        return (b.group?.priority ?? 0) - (a.group?.priority ?? 0);
+      });
+    }, [options, suggestion]);
     const selectedItem = React.useMemo(
       () => shadowValue !== void 0 ? items.find((item) => item.value === shadowValue) : void 0,
       [items, shadowValue]
@@ -4750,7 +5414,6 @@ const Select = React.forwardRef(
       highlightedIndex: highlightedIndex === -1 ? items.findIndex((item) => !item.disabledReason) : highlightedIndex,
       isItemDisabled: (item) => !!item.disabledReason,
       isOpen,
-      // @ts-expect-error -- no harm in supporting read only arrays
       items,
       itemToKey: (item) => item !== null ? item.value : item,
       itemToString: (item) => item !== null ? item.label : "",
@@ -4808,7 +5471,6 @@ const Select = React.forwardRef(
               disabled,
               name,
               onChange: (event) => {
-                setShadowValue(event.target.value);
                 onChange?.(event);
               },
               ref,
@@ -4989,18 +5651,27 @@ const SelectContent = React.forwardRef(
                   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
                     shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxSeparator, {}),
                     shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsxRuntime.jsx(ListboxLabel, { children: group.label }),
-                    /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: item.disabledReason, children: /* @__PURE__ */ jsxRuntime.jsx(
-                      SelectRadioItem,
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      Tooltip,
                       {
-                        addonBefore: item.addon,
-                        "aria-label": item["aria-label"],
-                        description: item.description,
-                        index,
-                        item,
-                        children: item.label
-                      },
-                      item.value
-                    ) })
+                        content: resolveItemProperty(item.disabledReason),
+                        children: /* @__PURE__ */ jsxRuntime.jsxs(
+                          SelectRadioItem,
+                          {
+                            addonBefore: item.addon,
+                            "aria-label": item["aria-label"],
+                            description: item.description,
+                            index,
+                            item,
+                            children: [
+                              item.label,
+                              item.detail && /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, color: "fg.secondary", truncate: true, children: fallbackSpan(item.detail) })
+                            ]
+                          },
+                          item.value
+                        )
+                      }
+                    )
                   ] });
                 })
               }
@@ -5195,7 +5866,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:'_1bhsm8a'}}});
 
 const [CalendarProvider, useCalendarContext] = reactContext.createContext("@optiaxiom/react/Calendar");
 
@@ -5245,8 +5916,8 @@ function CalendarDay({ children, ...props }) {
 }
 CalendarDay.displayName = "@optiaxiom/react/CalendarDay";
 
-var button$2 = recipeRuntime({base:[{color:'fg.default',fontSize:'md',size:'md',transition:'colors'},'_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'},'_1jugbj6'],variants:{appearance:{'default':'apzmtc',holiday:[{color:'fg.error'},'ha0flv'],range_middle:'ej2fd0',selected:[{color:'fg.white'},'_1dszu1b'],weekend:[{color:'fg.tertiary'},'srzdbh']},range:{end:['_2k7bn9'],middle:['_1d8ldm'],start:['_1p9jd6t']}}});
+var today = recipeRuntime({base:[{bg:'bg.accent',mx:'auto',rounded:'full'},'r1nnso']});
 
 function CalendarDayButton({
   children,
@@ -5305,7 +5976,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'},'_1cv8n04']});
 
 const grid = [0, 1, 2].map((row) => [0, 1, 2, 3].map((col) => row * 4 + col));
 const intentMap = {
@@ -5532,14 +6203,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'},'lgbywt']});
 
 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:'_9mr1dn'});
 
 function CalendarNextMonthButton({
   "aria-label": _ariaLabel,
@@ -5575,7 +6246,7 @@ function CalendarNextMonthButton({
 }
 CalendarNextMonthButton.displayName = "@optiaxiom/react/CalendarNextMonthButton";
 
-var button = recipeRuntime({base:'_54xtg7'});
+var button = recipeRuntime({base:'tafzum'});
 
 function CalendarPreviousMonthButton({
   "aria-label": _ariaLabel,
@@ -5815,6 +6486,7 @@ Calendar.displayName = "@optiaxiom/react/Calendar";
 
 exports.ActionsContent = ActionsContent;
 exports.ActionsRoot = ActionsRoot;
+exports.Alert = Alert;
 exports.AlertDialog = AlertDialog;
 exports.AlertDialogAction = AlertDialogAction;
 exports.AlertDialogBody = AlertDialogBody;
@@ -5825,6 +6497,8 @@ exports.AlertDialogHeader = AlertDialogHeader;
 exports.AlertDialogTrigger = AlertDialogTrigger;
 exports.AngleMenuButton = AngleMenuButton;
 exports.AuthProvider = AuthProvider;
+exports.Avatar = Avatar;
+exports.AvatarGroup = AvatarGroup;
 exports.Box = Box;
 exports.Button = Button;
 exports.ButtonAddon = ButtonAddon;
@@ -5854,7 +6528,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 +6568,8 @@ exports.SelectTrigger = SelectTrigger;
 exports.Separator = Separator;
 exports.Skeleton = Skeleton;
 exports.Spinner = Spinner;
+exports.Suggestion = Suggestion;
+exports.SuggestionPopover = SuggestionPopover;
 exports.Switch = Switch;
 exports.Table = Table;
 exports.TableAction = TableAction;
@@ -5923,7 +6603,7 @@ exports.fallbackSpan = fallbackSpan;
 exports.mapResponsiveValue = mapResponsiveValue;
 exports.normalizeResponsiveValue = normalizeResponsiveValue;
 exports.recipeRuntime = recipeRuntime;
-exports.resolveItemProperty = resolveItemProperty;
+exports.resolveItemProperty = resolveItemProperty$1;
 exports.sprinkles = sprinkles;
 exports.sprinklesMerge = sprinklesMerge;
 exports.toInstant = toInstant;
@@ -5937,6 +6617,7 @@ exports.useFieldContext = useFieldContext;
 exports.useFieldLabelTrigger = useFieldLabelTrigger;
 exports.useMenuContext = useMenuContext;
 exports.useObserveValue = useObserveValue;
+exports.useSurface = useSurface;
 exports.vars = vars;
 exports.version = version;
 exports.withIcon = withIcon;