@optiaxiom/react 1.7.13 → 1.8.1

package/dist/esm/packages/react/src/select/Select.js

@@ -5,11 +5,16 @@ import { Popper } from '@radix-ui/react-popper';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { useSelect } from 'downshift';
 import { forwardRef, useRef, useMemo } from 'react';
+import { Avatar } from '../avatar/Avatar.js';
+import '../avatar/AvatarGroup.js';
 import { useHighlightedIndex } from '../downshift/useHighlightedIndex.js';
 import '../field/FieldContext.js';
 import { useObserveValue } from '../hooks/useObserveValue.js';
 import '../utils/conditions.js';
 import '../utils/isHoverSupported.js';
+import '@optiaxiom/globals';
+import { useSurface } from '../surface/useSurface.js';
+import { useSuggestions } from '../surface/useSuggestions.js';
 import { SelectProvider } from './SelectContext.js';
 import { SelectHiddenSelect } from './SelectHiddenSelect.js';
 import { useObserveReset } from './useObserveReset.js';
@@ -27,20 +32,47 @@ const Select = forwardRef(
     onOpenChange,
     onValueChange,
     open,
-    options: items,
+    options,
     required,
     value
   }, outerRef) => {
     const innerRef = useRef(null);
     const ref = useComposedRefs(innerRef, outerRef);
+    const surface = useSurface("property");
+    const suggestions = useSuggestions("value");
+    const suggestion = suggestions?.[0];
     const [shadowValue, setShadowValue] = 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 = useMemo(() => {
+      return options.map(
+        (option) => option.value === suggestion?.value ? {
+          ...option,
+          detail: /* @__PURE__ */ 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 = useMemo(
       () => shadowValue !== void 0 ? items.find((item) => item.value === shadowValue) : void 0,
       [items, shadowValue]
@@ -62,7 +94,6 @@ const Select = 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 : "",
@@ -120,7 +151,6 @@ const Select = forwardRef(
               disabled,
               name,
               onChange: (event) => {
-                setShadowValue(event.target.value);
                 onChange?.(event);
               },
               ref,

package/dist/esm/packages/react/src/select/SelectContent.js

@@ -20,6 +20,7 @@ import { shouldShowSeparator, shouldShowGroup } from '../listbox/utils.js';
 import { ModalLayer } from '../modal/ModalLayer.js';
 import { ModalListbox } from '../modal/ModalListbox.js';
 import { Portal } from '../portal/Portal.js';
+import { Text } from '../text/Text.js';
 import { Tooltip } from '../tooltip/Tooltip.js';
 import '../tooltip/TooltipContent.js';
 import '../tooltip/TooltipProvider.js';
@@ -27,7 +28,10 @@ import '../tooltip/TooltipRoot.js';
 import '../tooltip/TooltipTrigger.js';
 import '../transition/Transition.js';
 import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { useSelectContext } from './SelectContext.js';
+import '../utils/conditions.js';
+import { fallbackSpan } from '../utils/fallbackSpan.js';
+import '../utils/isHoverSupported.js';
+import { useSelectContext, resolveItemProperty } from './SelectContext.js';
 import { SelectRadioItem } from './SelectRadioItem.js';
 
 const SelectContent = forwardRef(
@@ -108,18 +112,27 @@ const SelectContent = forwardRef(
                   return /* @__PURE__ */ jsxs(Fragment, { children: [
                     shouldShowSeparator(group, prevItem) && /* @__PURE__ */ jsx(ListboxSeparator, {}),
                     shouldShowGroup(group, prevItem) && /* @__PURE__ */ jsx(ListboxLabel, { children: group.label }),
-                    /* @__PURE__ */ jsx(Tooltip, { content: item.disabledReason, children: /* @__PURE__ */ jsx(
-                      SelectRadioItem,
+                    /* @__PURE__ */ 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__ */ jsxs(
+                          SelectRadioItem,
+                          {
+                            addonBefore: item.addon,
+                            "aria-label": item["aria-label"],
+                            description: item.description,
+                            index,
+                            item,
+                            children: [
+                              item.label,
+                              item.detail && /* @__PURE__ */ jsx(Text, { asChild: true, color: "fg.secondary", truncate: true, children: fallbackSpan(item.detail) })
+                            ]
+                          },
+                          item.value
+                        )
+                      }
+                    )
                   ] });
                 })
               }

package/dist/esm/packages/react/src/select/SelectContext.js

@@ -1,6 +1,7 @@
 "use client";
 import { createContext } from '@radix-ui/react-context';
 
+const resolveItemProperty = (property, ...context) => typeof property === "function" ? property(...context) : property;
 const [SelectProvider, useSelectContext] = createContext("@optiaxiom/react/Select");
 
-export { SelectProvider, useSelectContext };
+export { SelectProvider, resolveItemProperty, useSelectContext };

package/dist/esm/packages/react/src/separator/Separator-css.js

@@ -1,9 +1,9 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/separator/Separator.css.ts.vanilla-EUx58oho.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/separator/Separator.css.ts.vanilla-CMP1i4Pe.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 import { createAtomsFn as createSprinkles } from '../../../../node_modules/.pnpm/@vanilla-extract_sprinkles@1.6.5_patch_hash_530004842e1937cf2ffe2728e2a18629c5dd638aa44_ff29e2a63cc347b263901e6ac2d561ef/node_modules/@vanilla-extract/sprinkles/createRuntimeSprinkles/dist/vanilla-extract-sprinkles-createRuntimeSprinkles.esm.js';
 
 var base = recipeRuntime({base:{borderColor:'border.secondary'}});
-var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'mnn544',md:'_61bom2',base:'_74tccw'},defaultClass:'_74tccw'},vertical:{conditions:{sm:'_5zhpd5',md:'guzuxz',base:'_1fw2pzw'},defaultClass:'_1fw2pzw'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+var separator = createSprinkles((function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{orientation:{values:{horizontal:{conditions:{sm:'_1bgqa3m',md:'_16k3fqc',base:'_1qf2q6a'},defaultClass:'_1qf2q6a'},vertical:{conditions:{sm:'_9gdl8z',md:'_7k4kao',base:'wdtudm'},defaultClass:'wdtudm'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
 
 export { base, separator };

package/dist/esm/packages/react/src/skeleton/Skeleton-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-oCVHoj3r.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/skeleton/Skeleton.css.ts.vanilla-w3MtzJkI.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'_1hkpmmo']});
+var skeleton = recipeRuntime({base:[{animation:'pulse',bg:'bg.avatar.neutral',color:'fg.default.inverse',display:'block'},'nuxvfs']});
 
 export { skeleton };

package/dist/esm/packages/react/src/sortable/Sortable.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { move } from '@dnd-kit/helpers';
 import { DragDropProvider } from '@dnd-kit/react';
 import { forwardRef, useState, useRef } from 'react';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import { SortableProvider } from './SortableContext.js';
 
 const Sortable = forwardRef(
@@ -38,7 +38,7 @@ const Sortable = forwardRef(
         onDragStart: () => {
           setItemsState(itemsProp ?? []);
         },
-        children: /* @__PURE__ */ jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsx(Flex, { ref, ...props, children: children?.(items) }) })
+        children: /* @__PURE__ */ jsx(SortableProvider, { cacheRef, isSorting: itemsState !== null, children: /* @__PURE__ */ jsx(Group, { flexDirection: "column", gap: "16", ...props, ref, children: children?.(items) }) })
       }
     );
   }

package/dist/esm/packages/react/src/sortable/SortableGroup.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useDroppable } from '@dnd-kit/react';
 import { useComposedRefs } from '@radix-ui/react-compose-refs';
 import { forwardRef, useState } from 'react';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import { SortableGroupProvider } from './SortableGroupContext.js';
 
 const SortableGroup = forwardRef(
@@ -16,7 +16,7 @@ const SortableGroup = forwardRef(
       type: "group"
     });
     const ref = useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsx(Flex, { ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
+    return /* @__PURE__ */ jsx(SortableGroupProvider, { id, setHasDropTarget, children: /* @__PURE__ */ jsx(Group, { flexDirection: "column", gap: "16", ref, ...props, children: typeof children === "function" ? children(isDropTarget || hasDropTarget) : children }) });
   }
 );
 SortableGroup.displayName = "@optiaxiom/react/SortableGroup";

package/dist/esm/packages/react/src/sortable/SortableHandle-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-RbQMlVFE.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/sortable/SortableHandle.css.ts.vanilla-CILhwBf3.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var handle = recipeRuntime({base:'ggxzwy'});
+var handle = recipeRuntime({base:'bgomy0'});
 
 export { handle };

package/dist/esm/packages/react/src/sortable/SortableItem-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-BiLEO1ZX.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/sortable/SortableItem.css.ts.vanilla-d0uJSq6T.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var item = recipeRuntime({base:'_1ob37iq',variants:{handle:{false:{},true:'_9ft8mi'}}});
+var item = recipeRuntime({base:'_1nobec0',variants:{handle:{false:{},true:'e75wko'}}});
 
 export { item };

package/dist/esm/packages/react/src/spinner/Spinner-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-CwQd6L3O.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/spinner/Spinner.css.ts.vanilla-DAhrjgU-.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var track = recipeRuntime({variants:{appearance:{'default':'_11hnoke',inverse:'beqbd1'}}});
+var track = recipeRuntime({variants:{appearance:{'default':'_1vsixl3',inverse:'nvdgmj'}}});
 
 export { track };

package/dist/esm/packages/react/src/spinner/Spinner.js

@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
 import { Box } from '../box/Box.js';
 import '../sprinkles/sprinkles.js';
 import '../sprinkles/sprinklesMerge.js';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import { track } from './Spinner-css.js';
 
 const mapAppearanceToFg = {
@@ -24,11 +24,13 @@ const Spinner = forwardRef(
     ...props
   }, ref) => {
     return /* @__PURE__ */ jsxs(
-      Flex,
+      Group,
       {
         alignItems,
         "aria-label": ariaLabel,
         display,
+        flexDirection: "column",
+        gap: "16",
         justifyContent,
         ref,
         role,

package/dist/esm/packages/react/src/sprinkles/properties-css.js

@@ -1,8 +1,8 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-Dk5sE9z0.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/sprinkles/properties.css.ts.vanilla-BB7CYd5B.css';
 
 var fontFamilyVar = 'var(--ax-styles-fontFamily)';
-var responsiveProps = (function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{maxH:{mappings:['maxHeight']},maxW:{mappings:['maxWidth']},size:{mappings:['height','width']},h:{mappings:['height']},w:{mappings:['width']},alignItems:{values:{center:{conditions:{sm:'_1gt816q',md:'_1sbgesy',base:'kal2yl'},defaultClass:'kal2yl'},end:{conditions:{sm:'_1qoz1zs',md:'_1e1myyi',base:'gmfyou'},defaultClass:'gmfyou'},normal:{conditions:{sm:'v6ttfo',md:'_1ljtua2',base:'_1qnx1p2'},defaultClass:'_1qnx1p2'},start:{conditions:{sm:'_1f0ec2n',md:'_139l73z',base:'_1tz5wmm'},defaultClass:'_1tz5wmm'},stretch:{conditions:{sm:'_13uk796',md:'_15ogsv4',base:'edtx4q'},defaultClass:'edtx4q'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_16gs0sn',md:'_152jewc',base:'g1owg7'},defaultClass:'g1owg7'},end:{conditions:{sm:'_5qdbja',md:'_27ox1k',base:'rl16kx'},defaultClass:'rl16kx'},normal:{conditions:{sm:'_1kuh03y',md:'ordylr',base:'_4a1p1g'},defaultClass:'_4a1p1g'},start:{conditions:{sm:'as5z6k',md:'_1xgpyje',base:'g3zkwk'},defaultClass:'g3zkwk'},stretch:{conditions:{sm:'rhpt7w',md:'_18jl4zd',base:'_8r9vef'},defaultClass:'_8r9vef'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'_3326f7',md:'djop6q',base:'_16c3b1g'},defaultClass:'_16c3b1g'},flex:{conditions:{sm:'ul8pxl',md:'_1s4eh67',base:'_1417rdg'},defaultClass:'_1417rdg'},grid:{conditions:{sm:'_18g0xo0',md:'_1pno60z',base:'_1e8y3zb'},defaultClass:'_1e8y3zb'},block:{conditions:{sm:'jozwaz',md:'_1vh6g92',base:'_1qk4zc3'},defaultClass:'_1qk4zc3'},inline:{conditions:{sm:'_1wyz15f',md:'_1ngm4p3',base:'w9iuvr'},defaultClass:'w9iuvr'},'inline-block':{conditions:{sm:'ewkp8g',md:'ofdow5',base:'bt1rac'},defaultClass:'bt1rac'},'inline-flex':{conditions:{sm:'_16hue5x',md:'_1njsvea',base:'zd1fo3'},defaultClass:'zd1fo3'},table:{conditions:{sm:'deth6b',md:'_1bpsxrr',base:'_1srqj77'},defaultClass:'_1srqj77'},'table-cell':{conditions:{sm:'_5dwcj',md:'_1xgi1li',base:'_1vh8ls1'},defaultClass:'_1vh8ls1'},'table-row':{conditions:{sm:'_1qk74ou',md:'_1kj5xe2',base:'lsx1tj'},defaultClass:'lsx1tj'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'_1xl6d0d',md:'_1so4xe3',base:'_1pqz6x8'},defaultClass:'_1pqz6x8'},auto:{conditions:{sm:'d6ctzf',md:'_1dq8t7z',base:'_1jay02p'},defaultClass:'_1jay02p'},initial:{conditions:{sm:'jd9hpw',md:'_2ca6r5',base:'_1n4flw0'},defaultClass:'_1n4flw0'},none:{conditions:{sm:'_1o5kmpk',md:'_1yqgb4n',base:'ng79iv'},defaultClass:'ng79iv'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'q6gxyk',md:'qer4g5',base:'_18f4stv'},defaultClass:'_18f4stv'},'column-reverse':{conditions:{sm:'_8hks06',md:'_1qhoiar',base:'zst9o6'},defaultClass:'zst9o6'},row:{conditions:{sm:'oe69th',md:'_1nuttvd',base:'ckgqnd'},defaultClass:'ckgqnd'},'row-reverse':{conditions:{sm:'_1pg4lyu',md:'_157ol8x',base:'v78fgu'},defaultClass:'v78fgu'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'yeeteu',md:'_1yyb4wa',base:'_5hucl8'},defaultClass:'_5hucl8'},wrap:{conditions:{sm:'_1losfmh',md:'_1gih0y',base:'_120emp2'},defaultClass:'_120emp2'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'qlrx51',md:'_1gvfwqd',base:'_1pnlfsp'},defaultClass:'_1pnlfsp'},'2':{conditions:{sm:'yyq5kv',md:'_2ab2fv',base:'_8bsdcf'},defaultClass:'_8bsdcf'},'4':{conditions:{sm:'_1phouz2',md:'ysweis',base:'_14dgf0n'},defaultClass:'_14dgf0n'},'6':{conditions:{sm:'_1w8kc71',md:'_8bprmy',base:'_10govqf'},defaultClass:'_10govqf'},'8':{conditions:{sm:'_15jfot2',md:'thfxfq',base:'_151362y'},defaultClass:'_151362y'},'10':{conditions:{sm:'_18gh9lz',md:'_1a8apnq',base:'_1gv2gbt'},defaultClass:'_1gv2gbt'},'12':{conditions:{sm:'_16vz2ku',md:'yikn6q',base:'_14vrxvm'},defaultClass:'_14vrxvm'},'16':{conditions:{sm:'_1y57b53',md:'_90tn9l',base:'_1bv59e6'},defaultClass:'_1bv59e6'},'20':{conditions:{sm:'naxkvc',md:'_1r3awwt',base:'b4q17g'},defaultClass:'b4q17g'},'24':{conditions:{sm:'_1jfvx6z',md:'_1qhe4ep',base:'_1cjusnh'},defaultClass:'_1cjusnh'},'32':{conditions:{sm:'_1da3p4q',md:'_1iludcn',base:'km91sf'},defaultClass:'km91sf'},'40':{conditions:{sm:'_1bptmcp',md:'_15t3tq6',base:'_17oedj3'},defaultClass:'_17oedj3'},'48':{conditions:{sm:'mq76aq',md:'y0u96v',base:'_1job2z7'},defaultClass:'_1job2z7'},'64':{conditions:{sm:'_5ruy1i',md:'uaulmj',base:'mhs516'},defaultClass:'mhs516'},'80':{conditions:{sm:'_193gbak',md:'_1ef79g9',base:'mtvnwe'},defaultClass:'mtvnwe'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'_18odbyn',md:'_1m8ukig',base:'_5q95g8'},defaultClass:'_5q95g8'},'2':{conditions:{sm:'_1w7r27f',md:'_1jkku46',base:'e5pyn7'},defaultClass:'e5pyn7'},'3':{conditions:{sm:'ga9g46',md:'u75qds',base:'mvpmco'},defaultClass:'mvpmco'},'4':{conditions:{sm:'_1d8ejlb',md:'_12a98mw',base:'vx4mio'},defaultClass:'vx4mio'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'k9lebs',md:'_1hrpfcj',base:'_118nby8'},defaultClass:'_118nby8'},'2':{conditions:{sm:'u19t1m',md:'_1ke1doo',base:'_10mpurw'},defaultClass:'_10mpurw'},'3':{conditions:{sm:'_1n18cw9',md:'_6ioisp',base:'_138xim1'},defaultClass:'_138xim1'},'4':{conditions:{sm:'_1bvemus',md:'_1p3m9ac',base:'_1v6cp1c'},defaultClass:'_1v6cp1c'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'i78hvw',md:'rmbkk3',base:'_1q45d0z'},defaultClass:'_1q45d0z'},'10':{conditions:{sm:'ljieoi',md:'_124nb2',base:'_1b07y9h'},defaultClass:'_1b07y9h'},'12':{conditions:{sm:'_13atskm',md:'nlu4d9',base:'_116hy0u'},defaultClass:'_116hy0u'},'16':{conditions:{sm:'_12ow2g2',md:'_1k7umb9',base:'_11ew54o'},defaultClass:'_11ew54o'},'20':{conditions:{sm:'_1198w43',md:'b9rgl6',base:'_1hpc4s5'},defaultClass:'_1hpc4s5'},'24':{conditions:{sm:'_18e7ec6',md:'_98chx3',base:'pb1uxb'},defaultClass:'pb1uxb'},'32':{conditions:{sm:'_169ogkj',md:'_1kozkkf',base:'_4vbume'},defaultClass:'_4vbume'},'40':{conditions:{sm:'hu2abv',md:'_1ubbd3b',base:'_9k18pa'},defaultClass:'_9k18pa'},'48':{conditions:{sm:'wkjfv4',md:'b8hvlt',base:'addkh2'},defaultClass:'addkh2'},'56':{conditions:{sm:'_13ru0zi',md:'bus51j',base:'_1hixdhp'},defaultClass:'_1hixdhp'},'64':{conditions:{sm:'_17by93l',md:'n7zdov',base:'pngewj'},defaultClass:'pngewj'},'80':{conditions:{sm:'_15ahdr3',md:'_2v4jlu',base:'tkt22m'},defaultClass:'tkt22m'},'224':{conditions:{sm:'_1ffweii',md:'_10xfwvi',base:'wgnbsr'},defaultClass:'wgnbsr'},'384':{conditions:{sm:'m3rce1',md:'_1bfdthm',base:'_67pdyu'},defaultClass:'_67pdyu'},'2xs':{conditions:{sm:'ozai7e',md:'evefzz',base:'_11jbkdj'},defaultClass:'_11jbkdj'},xs:{conditions:{sm:'_1ci3136',md:'kva42w',base:'aido32'},defaultClass:'aido32'},sm:{conditions:{sm:'q95hi7',md:'_123xlp4',base:'_1cfek0x'},defaultClass:'_1cfek0x'},md:{conditions:{sm:'_1w7pyx5',md:'iu2dvp',base:'_1kxzvzx'},defaultClass:'_1kxzvzx'},lg:{conditions:{sm:'x7zko6',md:'cql43u',base:'_1ui8bls'},defaultClass:'_1ui8bls'},xl:{conditions:{sm:'_1iuq03s',md:'_1iys5y7',base:'_1guig7w'},defaultClass:'_1guig7w'},'3xl':{conditions:{sm:'_1ih0zoe',md:'qd5k7e',base:'c3poc5'},defaultClass:'c3poc5'},'1/2':{conditions:{sm:'_11n3bup',md:'_111ey75',base:'orukdv'},defaultClass:'orukdv'},'1/3':{conditions:{sm:'ye0uff',md:'ea19ek',base:'_1x03t0a'},defaultClass:'_1x03t0a'},'2/3':{conditions:{sm:'oa1tmo',md:'u8hgxk',base:'_1ag7j43'},defaultClass:'_1ag7j43'},'1/4':{conditions:{sm:'b9afjy',md:'m6q8lo',base:'_1hde0il'},defaultClass:'_1hde0il'},'3/4':{conditions:{sm:'jz8t83',md:'xjmut1',base:'_1vn19ql'},defaultClass:'_1vn19ql'},auto:{conditions:{sm:'_1tbcnwm',md:'_1er3jyf',base:'_1d9qc5b'},defaultClass:'_1d9qc5b'},fit:{conditions:{sm:'_1tjqwuw',md:'_1o41qnb',base:'_1cnt6yb'},defaultClass:'_1cnt6yb'},full:{conditions:{sm:'_15j3ioq',md:'_1vupfj3',base:'_2op2tr'},defaultClass:'_2op2tr'},max:{conditions:{sm:'kvgbfz',md:'_1utf2bk',base:'_1likvb1'},defaultClass:'_1likvb1'},min:{conditions:{sm:'_1i1wfam',md:'_1t64vw9',base:'_9hvttj'},defaultClass:'_9hvttj'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'x1zw0e',md:'_7pk6vs',base:'_1qu3d8d'},defaultClass:'_1qu3d8d'},end:{conditions:{sm:'_1jg5hva',md:'v21h8e',base:'_1ybk496'},defaultClass:'_1ybk496'},'flex-end':{conditions:{sm:'_15z650i',md:'spqta9',base:'_1bvl7x6'},defaultClass:'_1bvl7x6'},'flex-start':{conditions:{sm:'_1wbnipg',md:'_1rfksh7',base:'_1dtny0q'},defaultClass:'_1dtny0q'},normal:{conditions:{sm:'_1qr4aph',md:'_12muyc5',base:'i6wqvn'},defaultClass:'i6wqvn'},'space-around':{conditions:{sm:'_163jma2',md:'_1y8rjgy',base:'_9zda9r'},defaultClass:'_9zda9r'},'space-between':{conditions:{sm:'_1okgi11',md:'_1jt0pnd',base:'ia3ht2'},defaultClass:'ia3ht2'},'space-evenly':{conditions:{sm:'_1cwoqqp',md:'cww8va',base:'ibakzf'},defaultClass:'ibakzf'},start:{conditions:{sm:'_13e214f',md:'wckuqv',base:'_404f2g'},defaultClass:'_404f2g'},stretch:{conditions:{sm:'gspwg6',md:'pyiw2u',base:'_1jd1ui6'},defaultClass:'_1jd1ui6'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_8s44g1',md:'_1967yuk',base:'z94nbb'},defaultClass:'z94nbb'},end:{conditions:{sm:'_1aexqhc',md:'_1ym5w4o',base:'svzqso'},defaultClass:'svzqso'},normal:{conditions:{sm:'_19xuisc',md:'udl28d',base:'_1bc7ajd'},defaultClass:'_1bc7ajd'},start:{conditions:{sm:'_122y88n',md:'_17jgwrt',base:'_13o6u7h'},defaultClass:'_13o6u7h'},stretch:{conditions:{sm:'_1eu38ku',md:'svv7tq',base:'_1m6sedb'},defaultClass:'_1m6sedb'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'t39y16',md:'_14952vb',base:'_1g9isvm'},defaultClass:'_1g9isvm'},sm:{conditions:{sm:'_33bveg',md:'wl4aew',base:'gfdy7f'},defaultClass:'gfdy7f'},md:{conditions:{sm:'_1dgsc6f',md:'ds2pc1',base:'gasx38'},defaultClass:'gasx38'},lg:{conditions:{sm:'_66y51d',md:'hm3mt8',base:'ziiogd'},defaultClass:'ziiogd'},full:{conditions:{sm:'jsnpuy',md:'_1pvz26w',base:'_1crliek'},defaultClass:'_1crliek'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'yd01ku',md:'_97ormb',base:'_1jmkw1'},defaultClass:'_1jmkw1'},sm:{conditions:{sm:'dcz021',md:'vkj6vx',base:'_1mkuomg'},defaultClass:'_1mkuomg'},md:{conditions:{sm:'_8oac7v',md:'tqnrju',base:'_1em60ae'},defaultClass:'_1em60ae'},lg:{conditions:{sm:'_1t6md4d',md:'_1lgx0an',base:'pmlakf'},defaultClass:'pmlakf'},full:{conditions:{sm:'uctzj1',md:'_1inf1wi',base:'_1ao24s'},defaultClass:'_1ao24s'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'uk3qqh',md:'v1qbs9',base:'_1yys9l'},defaultClass:'_1yys9l'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1tsofsi',md:'_127g1eg',base:'qxqje7'},defaultClass:'qxqje7'},'10':{conditions:{sm:'vnzbpp',md:'lcmw8j',base:'_9gq1wk'},defaultClass:'_9gq1wk'},'12':{conditions:{sm:'_4yc3yp',md:'_1feldyf',base:'_7dqvr5'},defaultClass:'_7dqvr5'},'16':{conditions:{sm:'_1ds2x9o',md:'yjw6kq',base:'_17xlfvn'},defaultClass:'_17xlfvn'},'20':{conditions:{sm:'buk22k',md:'_19ez2wz',base:'wrtrvi'},defaultClass:'wrtrvi'},'24':{conditions:{sm:'_123j7oz',md:'_69iryr',base:'_1ww7jr'},defaultClass:'_1ww7jr'},'32':{conditions:{sm:'cuyyeu',md:'ky5ya5',base:'n2q4jk'},defaultClass:'n2q4jk'},'40':{conditions:{sm:'_14ow9id',md:'_1ukzakc',base:'hrg67l'},defaultClass:'hrg67l'},'48':{conditions:{sm:'_1u02h5v',md:'_1qmxed1',base:'_1fphg79'},defaultClass:'_1fphg79'},'56':{conditions:{sm:'etsl15',md:'_1qwzmg',base:'w278s0'},defaultClass:'w278s0'},'64':{conditions:{sm:'_8ccgxf',md:'_1dq8yli',base:'pahubb'},defaultClass:'pahubb'},'80':{conditions:{sm:'_1dj5eei',md:'hsn2oc',base:'_832qev'},defaultClass:'_832qev'},'224':{conditions:{sm:'_134ml1t',md:'_99yljy',base:'_1pcy0v6'},defaultClass:'_1pcy0v6'},'384':{conditions:{sm:'zr4uqt',md:'sjlit5',base:'kgrrs4'},defaultClass:'kgrrs4'},'2xs':{conditions:{sm:'hg06ly',md:'_165aebi',base:'_14bi2ka'},defaultClass:'_14bi2ka'},xs:{conditions:{sm:'_1s113lx',md:'_1ljyd2o',base:'_18cr52c'},defaultClass:'_18cr52c'},sm:{conditions:{sm:'_1uwjghn',md:'_1d5lfxv',base:'_8gtmrk'},defaultClass:'_8gtmrk'},md:{conditions:{sm:'_1k4ngit',md:'blm1ad',base:'_1625jhq'},defaultClass:'_1625jhq'},lg:{conditions:{sm:'_7k9qcr',md:'_1cnnuaw',base:'_5k2fxz'},defaultClass:'_5k2fxz'},xl:{conditions:{sm:'pw1clw',md:'v9e293',base:'_1buei6f'},defaultClass:'_1buei6f'},'3xl':{conditions:{sm:'utvto8',md:'_10trdui',base:'t8bkgx'},defaultClass:'t8bkgx'},'1/2':{conditions:{sm:'_13lagpk',md:'_1wwno0h',base:'_867dsz'},defaultClass:'_867dsz'},'1/3':{conditions:{sm:'t2i2uz',md:'_1wy42bv',base:'_16nmtuo'},defaultClass:'_16nmtuo'},'2/3':{conditions:{sm:'_1bxwic3',md:'_1dngey',base:'_2srtz2'},defaultClass:'_2srtz2'},'1/4':{conditions:{sm:'spljpq',md:'bvlibi',base:'_10cu28p'},defaultClass:'_10cu28p'},'3/4':{conditions:{sm:'_13gfy55',md:'_1ustvdm',base:'_1dytnhm'},defaultClass:'_1dytnhm'},auto:{conditions:{sm:'_1hifzgx',md:'a8aan',base:'_1x2gvhe'},defaultClass:'_1x2gvhe'},fit:{conditions:{sm:'t9xd0n',md:'c2li8f',base:'h3q2uz'},defaultClass:'h3q2uz'},full:{conditions:{sm:'bqutpt',md:'js82ft',base:'b8jwyz'},defaultClass:'b8jwyz'},max:{conditions:{sm:'_6kzhk0',md:'uzfsbw',base:'kdclkn'},defaultClass:'kdclkn'},min:{conditions:{sm:'og1thb',md:'_15k5kv4',base:'utog1h'},defaultClass:'utog1h'}},responsiveArray:undefined}}};x.styles.alignItems.responsiveArray=x.conditions.responsiveArray;x.styles.alignSelf.responsiveArray=x.conditions.responsiveArray;x.styles.display.responsiveArray=x.conditions.responsiveArray;x.styles.flex.responsiveArray=x.conditions.responsiveArray;x.styles.flexDirection.responsiveArray=x.conditions.responsiveArray;x.styles.flexWrap.responsiveArray=x.conditions.responsiveArray;x.styles.gap.responsiveArray=x.conditions.responsiveArray;x.styles.gridColumn.responsiveArray=x.conditions.responsiveArray;x.styles.gridTemplateColumns.responsiveArray=x.conditions.responsiveArray;x.styles.height.responsiveArray=x.conditions.responsiveArray;x.styles.justifyContent.responsiveArray=x.conditions.responsiveArray;x.styles.justifyItems.responsiveArray=x.conditions.responsiveArray;x.styles.maxHeight.responsiveArray=x.conditions.responsiveArray;x.styles.maxWidth.responsiveArray=x.conditions.responsiveArray;x.styles.placeItems.responsiveArray=x.conditions.responsiveArray;x.styles.width.responsiveArray=x.conditions.responsiveArray;return x;}());
-var unresponsiveProps = {conditions:undefined,styles:{bg:{mappings:['backgroundColor']},border:{mappings:['borderBottomWidth','borderLeftWidth','borderRightWidth','borderTopWidth']},borderB:{mappings:['borderBottomWidth']},borderL:{mappings:['borderLeftWidth']},borderR:{mappings:['borderRightWidth']},borderT:{mappings:['borderTopWidth']},m:{mappings:['marginBottom','marginLeft','marginRight','marginTop']},mx:{mappings:['marginLeft','marginRight']},my:{mappings:['marginBottom','marginTop']},mb:{mappings:['marginBottom']},ml:{mappings:['marginLeft']},mr:{mappings:['marginRight']},mt:{mappings:['marginTop']},overflow:{mappings:['overflowX','overflowY']},p:{mappings:['paddingBottom','paddingLeft','paddingRight','paddingTop']},px:{mappings:['paddingLeft','paddingRight']},py:{mappings:['paddingBottom','paddingTop']},pb:{mappings:['paddingBottom']},pl:{mappings:['paddingLeft']},pr:{mappings:['paddingRight']},pt:{mappings:['paddingTop']},rounded:{mappings:['borderRadius']},shadow:{mappings:['boxShadow']},z:{mappings:['zIndex']},animation:{values:{ping:{defaultClass:'_1yzrluj'},pulse:{defaultClass:'epnwc1'},spin:{defaultClass:'_1mjg64r'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1t4sen0'},'bg.accent.hovered':{defaultClass:'_1gi7cef'},'bg.accent.light':{defaultClass:'_1w8h5ry'},'bg.accent.pressed':{defaultClass:'_1stgfqr'},'bg.accent.subtle':{defaultClass:'_1q3n21c'},'bg.avatar.neutral':{defaultClass:'_12337tx'},'bg.avatar.purple':{defaultClass:'_1eotjqe'},'bg.default':{defaultClass:'_10beb14'},'bg.default.hovered':{defaultClass:'ennr2e'},'bg.default.inverse':{defaultClass:'_1k8peqt'},'bg.default.inverse.hovered':{defaultClass:'_1vya4m6'},'bg.default.inverse.pressed':{defaultClass:'nww1i2'},'bg.default.pressed':{defaultClass:'_1p8unx8'},'bg.error':{defaultClass:'_1yasuyb'},'bg.error.hovered':{defaultClass:'_14xx6at'},'bg.error.light':{defaultClass:'_6wjqhv'},'bg.error.pressed':{defaultClass:'_3kno6s'},'bg.error.subtle':{defaultClass:'_4c8ik2'},'bg.error.subtlest':{defaultClass:'_61dqpf'},'bg.information':{defaultClass:'c09k1v'},'bg.information.light':{defaultClass:'iucjog'},'bg.information.subtle':{defaultClass:'_1nk9p1z'},'bg.overlay':{defaultClass:'_1gmjj1l'},'bg.page':{defaultClass:'di60p5'},'bg.secondary':{defaultClass:'nntd1y'},'bg.secondary.hovered':{defaultClass:'_1f15q93'},'bg.spinner.default':{defaultClass:'_154l77h'},'bg.spinner.inverse':{defaultClass:'_16ypt91'},'bg.success':{defaultClass:'i1raex'},'bg.success.hovered':{defaultClass:'_1iges2o'},'bg.success.light':{defaultClass:'cqlmtf'},'bg.success.subtle':{defaultClass:'_7fjenc'},'bg.tertiary':{defaultClass:'_8pp626'},'bg.tertiary.hovered':{defaultClass:'_1fd3czb'},'bg.warning':{defaultClass:'yontwz'},'bg.warning.hovered':{defaultClass:'_112h67d'},'bg.warning.light':{defaultClass:'pnrb1x'},'bg.warning.subtle':{defaultClass:'_1luuvkw'},current:{defaultClass:'n0f4sv'},transparent:{defaultClass:'_126lqtc'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'_15b6kvy'}}},borderBottomWidth:{values:{'0':{defaultClass:'_1rv2jnb'},'1':{defaultClass:'s1l8fh'},'2':{defaultClass:'_17onxao'}}},borderColor:{values:{'border.accent':{defaultClass:'dqvua7'},'border.control':{defaultClass:'es0ls7'},'border.control.hovered':{defaultClass:'_1az6pv9'},'border.default':{defaultClass:'w0e030'},'border.disabled':{defaultClass:'_2f5ebu'},'border.error':{defaultClass:'_14rtxty'},'border.focus':{defaultClass:'tu0xhg'},'border.focus.error':{defaultClass:'_1hygiho'},'border.secondary':{defaultClass:'bxcuum'},'border.success':{defaultClass:'_1qpue8m'},'border.tertiary':{defaultClass:'ijen0p'},'border.warning':{defaultClass:'_1j2l0x0'},current:{defaultClass:'_1e0i5mi'},transparent:{defaultClass:'_1f1myfm'}}},borderLeftWidth:{values:{'0':{defaultClass:'mx1ks9'},'1':{defaultClass:'_13y3we9'},'2':{defaultClass:'_8dajm2'}}},borderRadius:{values:{xs:{defaultClass:'_1vzrwbd'},sm:{defaultClass:'kbud40'},md:{defaultClass:'_182pra8'},lg:{defaultClass:'_1at0gnt'},xl:{defaultClass:'_1bu6vcg'},full:{defaultClass:'_4f2sux'},inherit:{defaultClass:'_1enulno'},none:{defaultClass:'mwvk6'}}},borderRightWidth:{values:{'0':{defaultClass:'_1h3ii06'},'1':{defaultClass:'_15dzm7r'},'2':{defaultClass:'z3x5iw'}}},borderTopWidth:{values:{'0':{defaultClass:'_1ddiwm2'},'1':{defaultClass:'ehtcu'},'2':{defaultClass:'atafhu'}}},boxShadow:{values:{sm:{defaultClass:'_6d6qzv'},md:{defaultClass:'_1vipsu2'},lg:{defaultClass:'_1behksc'},none:{defaultClass:'_1omoqzg'}}},color:{values:{'fg.accent':{defaultClass:'_1cx4pkt'},'fg.accent.hovered':{defaultClass:'_1senroq'},'fg.accent.strong':{defaultClass:'_1hsot2t'},'fg.avatar.neutral':{defaultClass:'_1l5zzxn'},'fg.avatar.purple':{defaultClass:'hnccdy'},'fg.default':{defaultClass:'wk08gz'},'fg.default.inverse':{defaultClass:'_1o6y1yr'},'fg.disabled':{defaultClass:'_1uoe85g'},'fg.error':{defaultClass:'o1ka27'},'fg.error.hovered':{defaultClass:'_1cop0g5'},'fg.error.light':{defaultClass:'_4d3nic'},'fg.error.strong':{defaultClass:'_7eu5n9'},'fg.information':{defaultClass:'yqc108'},'fg.information.light':{defaultClass:'q5vpgf'},'fg.information.strong':{defaultClass:'_18tg8kf'},'fg.link.default':{defaultClass:'_1al94um'},'fg.link.default.hovered':{defaultClass:'_1wl8xsb'},'fg.link.inverse':{defaultClass:'_1kl9m82'},'fg.link.subtle':{defaultClass:'zn2mxh'},'fg.link.visited':{defaultClass:'_1v0xgre'},'fg.secondary':{defaultClass:'jutv6p'},'fg.spinner.default':{defaultClass:'_1qzn7wh'},'fg.spinner.inverse':{defaultClass:'_1abqozi'},'fg.success':{defaultClass:'_10ebwhp'},'fg.success.hovered':{defaultClass:'wn8nsq'},'fg.success.light':{defaultClass:'_1vw6xjn'},'fg.success.strong':{defaultClass:'_1it3rah'},'fg.tertiary':{defaultClass:'_1iltmvv'},'fg.warning':{defaultClass:'_1c2v9ax'},'fg.warning.hovered':{defaultClass:'_14a9m40'},'fg.warning.inverse':{defaultClass:'kzdbfo'},'fg.warning.light':{defaultClass:'_1r9qo8g'},'fg.warning.strong':{defaultClass:'_1swdixx'},'fg.white':{defaultClass:'_1vwwjds'},current:{defaultClass:'_1l0eczl'},transparent:{defaultClass:'_1q36cj6'}}},cursor:{values:{pointer:{defaultClass:'fqeqnf'},'default':{defaultClass:'_1t6tkq4'},text:{defaultClass:'xct03g'}}},fontFamily:{values:{mono:{defaultClass:'a3odoq'},sans:{defaultClass:'_13yadei'}}},fontSize:{values:{xs:{defaultClass:'t50cwz'},sm:{defaultClass:'_1n0358c'},md:{defaultClass:'_17zz31a'},lg:{defaultClass:'_17g1d60'},xl:{defaultClass:'_1fz9fs5'},'2xl':{defaultClass:'_1eenop2'},'3xl':{defaultClass:'_1u5kznm'},'4xl':{defaultClass:'w4dyp7'},inherit:{defaultClass:'_1wsrp35'}}},fontWeight:{values:{'400':{defaultClass:'_3ldexg'},'500':{defaultClass:'_1fddn02'},'600':{defaultClass:'hgfo7r'},'700':{defaultClass:'yz0i1o'},inherit:{defaultClass:'scw20q'}}},marginBottom:{values:{'0':{defaultClass:'_1t1af2p'},'2':{defaultClass:'_1ntz694'},'4':{defaultClass:'d1i7e2'},'6':{defaultClass:'_1lmal5v'},'8':{defaultClass:'_2ndl2c'},'10':{defaultClass:'zy5da1'},'12':{defaultClass:'_1moiib'},'16':{defaultClass:'_1ierifa'},'20':{defaultClass:'_1y1ry7n'},'24':{defaultClass:'_1gjz13o'},'32':{defaultClass:'_1aqiw24'},'40':{defaultClass:'_6d7uep'},'48':{defaultClass:'ctf9wf'},'64':{defaultClass:'_188czqq'},'80':{defaultClass:'fziuvs'},auto:{defaultClass:'_1yv0ls8'}}},marginLeft:{values:{'0':{defaultClass:'_1sct26t'},'2':{defaultClass:'m3k8uv'},'4':{defaultClass:'sad1ia'},'6':{defaultClass:'mgx2e2'},'8':{defaultClass:'_2tklfm'},'10':{defaultClass:'_1307qqe'},'12':{defaultClass:'_1ivcmqr'},'16':{defaultClass:'_1bvh5cr'},'20':{defaultClass:'rvoy2q'},'24':{defaultClass:'fhwc14'},'32':{defaultClass:'_53cf3l'},'40':{defaultClass:'g963ie'},'48':{defaultClass:'_12rx3vt'},'64':{defaultClass:'_1n27sjq'},'80':{defaultClass:'_12zbv6l'},auto:{defaultClass:'x5tj45'}}},marginRight:{values:{'0':{defaultClass:'a16e79'},'2':{defaultClass:'_1axwcw2'},'4':{defaultClass:'phuwci'},'6':{defaultClass:'cg3c0k'},'8':{defaultClass:'_1ocaj6t'},'10':{defaultClass:'_1nk63n2'},'12':{defaultClass:'_1uxrviw'},'16':{defaultClass:'_12c442j'},'20':{defaultClass:'_12nkc7x'},'24':{defaultClass:'_14a7wgq'},'32':{defaultClass:'vvap89'},'40':{defaultClass:'yqisj'},'48':{defaultClass:'_1b5eg5c'},'64':{defaultClass:'_1pwmwrj'},'80':{defaultClass:'_1j8u3dn'},auto:{defaultClass:'_1dro3bc'}}},marginTop:{values:{'0':{defaultClass:'_195nvwi'},'2':{defaultClass:'_4kzrbi'},'4':{defaultClass:'n6j3ku'},'6':{defaultClass:'_1y8vh3o'},'8':{defaultClass:'_152e1ue'},'10':{defaultClass:'_1rrayko'},'12':{defaultClass:'_1soodye'},'16':{defaultClass:'_2pna1u'},'20':{defaultClass:'_1uvqg2r'},'24':{defaultClass:'_11du5s5'},'32':{defaultClass:'_11ylwys'},'40':{defaultClass:'kplgg7'},'48':{defaultClass:'aqjh0y'},'64':{defaultClass:'_1l9s9vy'},'80':{defaultClass:'_1jae4o3'},auto:{defaultClass:'_1831nop'}}},objectFit:{values:{contain:{defaultClass:'_1mu5zfs'},cover:{defaultClass:'_16hjiv1'},fill:{defaultClass:'_1g0iizs'},none:{defaultClass:'hpl2jq'}}},overflowX:{values:{auto:{defaultClass:'auip2e'},hidden:{defaultClass:'_1tv50m7'},visible:{defaultClass:'_1raos9w'}}},overflowY:{values:{auto:{defaultClass:'_1rv9otv'},hidden:{defaultClass:'n66e0g'},visible:{defaultClass:'_1wnp1p5'}}},paddingBottom:{values:{'0':{defaultClass:'o4w7wf'},'2':{defaultClass:'_1d32a2q'},'4':{defaultClass:'az4kce'},'6':{defaultClass:'_1a5475c'},'8':{defaultClass:'_1ekwht2'},'10':{defaultClass:'_15icwng'},'12':{defaultClass:'_1ifyjxr'},'16':{defaultClass:'_1oo6kyk'},'20':{defaultClass:'fljni4'},'24':{defaultClass:'gszfsp'},'32':{defaultClass:'lhzxaz'},'40':{defaultClass:'_1jpzrv2'},'48':{defaultClass:'ykhnuv'},'64':{defaultClass:'b0i05s'},'80':{defaultClass:'_1j0dsou'}}},paddingLeft:{values:{'0':{defaultClass:'_1v8s6d0'},'2':{defaultClass:'_3n4du2'},'4':{defaultClass:'_4pug5u'},'6':{defaultClass:'_1c9s5pn'},'8':{defaultClass:'v6yy2j'},'10':{defaultClass:'_15qctgm'},'12':{defaultClass:'_8ugfn4'},'16':{defaultClass:'v85prj'},'20':{defaultClass:'_17t2xl0'},'24':{defaultClass:'a7fwyh'},'32':{defaultClass:'_5b9ba0'},'40':{defaultClass:'_19r58gk'},'48':{defaultClass:'_1ko2qop'},'64':{defaultClass:'_1s3jpgv'},'80':{defaultClass:'_14aiqxr'}}},paddingRight:{values:{'0':{defaultClass:'ct9stc'},'2':{defaultClass:'_1r298cw'},'4':{defaultClass:'mw948z'},'6':{defaultClass:'_2g83uh'},'8':{defaultClass:'_1wpw0cu'},'10':{defaultClass:'_1ii1hfd'},'12':{defaultClass:'_5r572q'},'16':{defaultClass:'_6tv32h'},'20':{defaultClass:'ca34dy'},'24':{defaultClass:'_17vi93u'},'32':{defaultClass:'_12222fm'},'40':{defaultClass:'_4loosm'},'48':{defaultClass:'_18gb5g'},'64':{defaultClass:'_1sg2vzn'},'80':{defaultClass:'_13soz24'}}},paddingTop:{values:{'0':{defaultClass:'_1b9mc1p'},'2':{defaultClass:'_33cjnd'},'4':{defaultClass:'_1hv37x4'},'6':{defaultClass:'_1cajdxd'},'8':{defaultClass:'_1iwxx3o'},'10':{defaultClass:'xwgt4l'},'12':{defaultClass:'uj8ljf'},'16':{defaultClass:'_1wv83ry'},'20':{defaultClass:'vryka7'},'24':{defaultClass:'_5jd21s'},'32':{defaultClass:'jyb8tc'},'40':{defaultClass:'_1ma81dz'},'48':{defaultClass:'tcfwhx'},'64':{defaultClass:'x7e94i'},'80':{defaultClass:'_16mgpgt'}}},pointerEvents:{values:{auto:{defaultClass:'dizmwo'},none:{defaultClass:'_1jyjsfw'}}},textAlign:{values:{end:{defaultClass:'_1nh9zuc'},start:{defaultClass:'w1i83p'},center:{defaultClass:'jxckmy'},justify:{defaultClass:'_1qcyoe6'}}},textTransform:{values:{capitalize:{defaultClass:'fjb046'},none:{defaultClass:'kzvj63'},uppercase:{defaultClass:'qjq96'}}},transition:{values:{all:{defaultClass:'_1pnte53'},colors:{defaultClass:'_21txc2'},none:{defaultClass:'ikcz4x'},opacity:{defaultClass:'_1kw9r44'},transform:{defaultClass:'_1f2skto'}}},whiteSpace:{values:{nowrap:{defaultClass:'grmjg8'}}},zIndex:{values:{'0':{defaultClass:'hjy5pg'},'10':{defaultClass:'acliem'},'20':{defaultClass:'_13lzsjf'},'30':{defaultClass:'_6e4dav'},popover:{defaultClass:'_1pgohs6'},toast:{defaultClass:'kjrnkb'},tooltip:{defaultClass:'_15ocrsm'},auto:{defaultClass:'ru74un'}}}}};
+var responsiveProps = (function(){var x={conditions:{defaultCondition:'base',conditionNames:['sm','md','base'],responsiveArray:['base','sm','md']},styles:{maxH:{mappings:['maxHeight']},maxW:{mappings:['maxWidth']},size:{mappings:['height','width']},h:{mappings:['height']},w:{mappings:['width']},alignItems:{values:{center:{conditions:{sm:'_13gvo04',md:'dybgw7',base:'smioio'},defaultClass:'smioio'},end:{conditions:{sm:'tyuamx',md:'_1fg2jt0',base:'_1ru0up7'},defaultClass:'_1ru0up7'},normal:{conditions:{sm:'pm6iub',md:'_14g3l8v',base:'q7rjis'},defaultClass:'q7rjis'},start:{conditions:{sm:'_9uk7c3',md:'raqvlx',base:'_3b7f72'},defaultClass:'_3b7f72'},stretch:{conditions:{sm:'_1i2i603',md:'h9273q',base:'_1o22w5n'},defaultClass:'_1o22w5n'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_2swh47',md:'zxqnru',base:'rth9s9'},defaultClass:'rth9s9'},end:{conditions:{sm:'_1jfflff',md:'_8u895j',base:'_16m8dtq'},defaultClass:'_16m8dtq'},normal:{conditions:{sm:'gwok77',md:'h0p8ky',base:'_47ry00'},defaultClass:'_47ry00'},start:{conditions:{sm:'ng48ux',md:'_1eovr3y',base:'r6mi71'},defaultClass:'r6mi71'},stretch:{conditions:{sm:'xy9ck9',md:'_1bwdiq7',base:'h22owb'},defaultClass:'h22owb'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'bfwf2h',md:'i4ct8c',base:'_180uif9'},defaultClass:'_180uif9'},flex:{conditions:{sm:'xuy74x',md:'_1w8v4r',base:'_1i00rah'},defaultClass:'_1i00rah'},grid:{conditions:{sm:'_3z8h2g',md:'_1wdfh4u',base:'hbk2p'},defaultClass:'hbk2p'},block:{conditions:{sm:'_1mwtyw1',md:'_11ep8r0',base:'pwt97z'},defaultClass:'pwt97z'},inline:{conditions:{sm:'wo00mi',md:'xdfiif',base:'_4gfe27'},defaultClass:'_4gfe27'},'inline-block':{conditions:{sm:'ccxm8a',md:'_1joyoak',base:'_1q8kis3'},defaultClass:'_1q8kis3'},'inline-flex':{conditions:{sm:'_11dbu0d',md:'_734api',base:'_1ljkhj9'},defaultClass:'_1ljkhj9'},table:{conditions:{sm:'_1h35gno',md:'_1irz26s',base:'_1qe3pw5'},defaultClass:'_1qe3pw5'},'table-cell':{conditions:{sm:'s4ji8w',md:'_1du1ane',base:'jhb20b'},defaultClass:'jhb20b'},'table-row':{conditions:{sm:'_7ztwyb',md:'_1cqg53p',base:'_1vtuko7'},defaultClass:'_1vtuko7'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'_1xuy1fj',md:'iyixay',base:'tzbc3i'},defaultClass:'tzbc3i'},auto:{conditions:{sm:'_62agfy',md:'_1cl2sx7',base:'_1w8ay66'},defaultClass:'_1w8ay66'},initial:{conditions:{sm:'miohbt',md:'_1xkyyyl',base:'_19363ov'},defaultClass:'_19363ov'},none:{conditions:{sm:'_1yq8bov',md:'_1to61le',base:'_1orm2it'},defaultClass:'_1orm2it'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'gmwz5k',md:'lfi0cb',base:'rjl8db'},defaultClass:'rjl8db'},'column-reverse':{conditions:{sm:'_1syue22',md:'q18ttc',base:'cwcvdc'},defaultClass:'cwcvdc'},row:{conditions:{sm:'e5g6lg',md:'zzr51h',base:'_1s7nsds'},defaultClass:'_1s7nsds'},'row-reverse':{conditions:{sm:'_1yfjdnb',md:'km2126',base:'_1j2dh7s'},defaultClass:'_1j2dh7s'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_4uf59f',md:'_1hh4drx',base:'v9e6dk'},defaultClass:'v9e6dk'},wrap:{conditions:{sm:'g4z7lq',md:'_1kajvxa',base:'_1qzxxtc'},defaultClass:'_1qzxxtc'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'_7k360x',md:'_1g6b6g3',base:'_5sp0hi'},defaultClass:'_5sp0hi'},'2':{conditions:{sm:'nfux58',md:'jt9efx',base:'_1adhezd'},defaultClass:'_1adhezd'},'4':{conditions:{sm:'_1hxnnrq',md:'lme4xm',base:'ash8ut'},defaultClass:'ash8ut'},'6':{conditions:{sm:'_1d82xzd',md:'_1q4wcfc',base:'nwgrut'},defaultClass:'nwgrut'},'8':{conditions:{sm:'tsh6wx',md:'f4l1q',base:'dus0yu'},defaultClass:'dus0yu'},'10':{conditions:{sm:'_1nzmky5',md:'_2ct7io',base:'_1xcqdhl'},defaultClass:'_1xcqdhl'},'12':{conditions:{sm:'_1p8az62',md:'obrpix',base:'_11m8y9g'},defaultClass:'_11m8y9g'},'16':{conditions:{sm:'_14zgsbz',md:'fkcla7',base:'v9r5ne'},defaultClass:'v9r5ne'},'20':{conditions:{sm:'wow8bo',md:'_17t9c9v',base:'_1ogu44k'},defaultClass:'_1ogu44k'},'24':{conditions:{sm:'_1f2qv9f',md:'_1rrufqh',base:'pbxky0'},defaultClass:'pbxky0'},'32':{conditions:{sm:'fckjud',md:'c4i5bw',base:'_1x0qfk8'},defaultClass:'_1x0qfk8'},'40':{conditions:{sm:'pi67qm',md:'_3u1fjj',base:'_1eljk1t'},defaultClass:'_1eljk1t'},'48':{conditions:{sm:'n0qpxt',md:'_13qc2dr',base:'_6a8euv'},defaultClass:'_6a8euv'},'64':{conditions:{sm:'_1o2k05y',md:'_10ja51d',base:'_166gfiv'},defaultClass:'_166gfiv'},'80':{conditions:{sm:'_14ozcck',md:'_1n6q67b',base:'_1gph086'},defaultClass:'_1gph086'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'qnw4no',md:'u4etc1',base:'gqrm5t'},defaultClass:'gqrm5t'},'2':{conditions:{sm:'j9ryku',md:'p85k9u',base:'_19k91yr'},defaultClass:'_19k91yr'},'3':{conditions:{sm:'iwp0q5',md:'_1d8qcuf',base:'_1bwa1xv'},defaultClass:'_1bwa1xv'},'4':{conditions:{sm:'g6fdie',md:'_1tm74pi',base:'_16atkif'},defaultClass:'_16atkif'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'_12mvjbq',md:'mt6sx8',base:'ojdorg'},defaultClass:'ojdorg'},'2':{conditions:{sm:'_1gvdkfu',md:'_137uh75',base:'_1u8li8g'},defaultClass:'_1u8li8g'},'3':{conditions:{sm:'_1gere5u',md:'ua1mb',base:'_23cho6'},defaultClass:'_23cho6'},'4':{conditions:{sm:'qgynzs',md:'_19lmllg',base:'qzvkrw'},defaultClass:'qzvkrw'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'_1r422um',md:'_1a8vgi5',base:'bpcua7'},defaultClass:'bpcua7'},'10':{conditions:{sm:'_8grjiu',md:'ani1g9',base:'e8y5xv'},defaultClass:'e8y5xv'},'12':{conditions:{sm:'j5r7f2',md:'ylsc0x',base:'kzibhx'},defaultClass:'kzibhx'},'16':{conditions:{sm:'pjrygx',md:'_4tuycq',base:'_1dz1nb3'},defaultClass:'_1dz1nb3'},'20':{conditions:{sm:'pwz19i',md:'_1d5icx6',base:'_1wal0gq'},defaultClass:'_1wal0gq'},'24':{conditions:{sm:'_4tzj41',md:'kv98u2',base:'_1lyhuxp'},defaultClass:'_1lyhuxp'},'32':{conditions:{sm:'_1hwqog2',md:'j8vbx0',base:'_1t03yfo'},defaultClass:'_1t03yfo'},'40':{conditions:{sm:'_43odoz',md:'_1yd3wjn',base:'_1nt0825'},defaultClass:'_1nt0825'},'48':{conditions:{sm:'_313hy4',md:'_13t4kmk',base:'_1y4oyxl'},defaultClass:'_1y4oyxl'},'56':{conditions:{sm:'_13on0jx',md:'_1dceapy',base:'_1yz5kpb'},defaultClass:'_1yz5kpb'},'64':{conditions:{sm:'_60oft8',md:'_1ta22g',base:'luija7'},defaultClass:'luija7'},'80':{conditions:{sm:'naqzhb',md:'xgto2c',base:'_15t8m5t'},defaultClass:'_15t8m5t'},'224':{conditions:{sm:'_11xwzfn',md:'zvalqh',base:'_1pssyrq'},defaultClass:'_1pssyrq'},'384':{conditions:{sm:'pf6so5',md:'p3sco2',base:'_1q75h57'},defaultClass:'_1q75h57'},'2xs':{conditions:{sm:'_13eivh9',md:'_7ez675',base:'_1hezq9z'},defaultClass:'_1hezq9z'},xs:{conditions:{sm:'_1vv2ank',md:'_18gp39e',base:'hi8w1m'},defaultClass:'hi8w1m'},sm:{conditions:{sm:'_1xpa8cn',md:'eh7bbu',base:'_1blocpj'},defaultClass:'_1blocpj'},md:{conditions:{sm:'_1swaf44',md:'gt7vjs',base:'_8hktt1'},defaultClass:'_8hktt1'},lg:{conditions:{sm:'d2r44i',md:'rnmqbw',base:'_10lucqo'},defaultClass:'_10lucqo'},xl:{conditions:{sm:'hheixh',md:'_18qd1nc',base:'_1ixbyqb'},defaultClass:'_1ixbyqb'},'3xl':{conditions:{sm:'_1j9lcvz',md:'d3jvhb',base:'_1lgyrin'},defaultClass:'_1lgyrin'},'1/2':{conditions:{sm:'dm5444',md:'_12esv8m',base:'y0odqs'},defaultClass:'y0odqs'},'1/3':{conditions:{sm:'f7hj55',md:'_1dln3s2',base:'_1i4dkin'},defaultClass:'_1i4dkin'},'2/3':{conditions:{sm:'_1bn9q5i',md:'b4j2vj',base:'a1s0z2'},defaultClass:'a1s0z2'},'1/4':{conditions:{sm:'_1vl9ol9',md:'_1ubhbh0',base:'_1g5rzlr'},defaultClass:'_1g5rzlr'},'3/4':{conditions:{sm:'hbax85',md:'_1tb3w1r',base:'_1p5hay'},defaultClass:'_1p5hay'},auto:{conditions:{sm:'_3tewzf',md:'tqeyv7',base:'_2aeuca'},defaultClass:'_2aeuca'},fit:{conditions:{sm:'_192jx7z',md:'_1xe05sf',base:'_1anc3s7'},defaultClass:'_1anc3s7'},full:{conditions:{sm:'_1gx64ft',md:'_1fa0yrt',base:'_50mf8p'},defaultClass:'_50mf8p'},max:{conditions:{sm:'_1gkqcpw',md:'x6jqiz',base:'_1uyfzf'},defaultClass:'_1uyfzf'},min:{conditions:{sm:'_1xak19s',md:'_7z4b7w',base:'odjgpn'},defaultClass:'odjgpn'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'_8wk7a2',md:'gfvx3b',base:'eax6k5'},defaultClass:'eax6k5'},end:{conditions:{sm:'lq6kjq',md:'_53onzr',base:'_1wjwme'},defaultClass:'_1wjwme'},'flex-end':{conditions:{sm:'hiptqq',md:'_2nbpbo',base:'fxhxum'},defaultClass:'fxhxum'},'flex-start':{conditions:{sm:'_13idxs8',md:'kiq1b9',base:'kdp35e'},defaultClass:'kdp35e'},normal:{conditions:{sm:'_44rhyw',md:'_193esom',base:'_17p8rx3'},defaultClass:'_17p8rx3'},'space-around':{conditions:{sm:'hx3y3s',md:'_1fi25hy',base:'_1fe3q4'},defaultClass:'_1fe3q4'},'space-between':{conditions:{sm:'sxk0bb',md:'_166m9d6',base:'_1hkr0h9'},defaultClass:'_1hkr0h9'},'space-evenly':{conditions:{sm:'_1mzybiz',md:'uuhtbw',base:'_1m49vnh'},defaultClass:'_1m49vnh'},start:{conditions:{sm:'_14e0fcb',md:'_1ttbaj5',base:'z2x4gc'},defaultClass:'z2x4gc'},stretch:{conditions:{sm:'_1gv5fc4',md:'_12s6s81',base:'_1qf9xdz'},defaultClass:'_1qf9xdz'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'_1e9f6f7',md:'_1tqrg5q',base:'_1nv07nc'},defaultClass:'_1nv07nc'},end:{conditions:{sm:'uf379q',md:'nxxo1x',base:'_1fq6n9t'},defaultClass:'_1fq6n9t'},normal:{conditions:{sm:'zjfxb7',md:'_12eavsm',base:'_1lharxi'},defaultClass:'_1lharxi'},start:{conditions:{sm:'_1ffbch',md:'kv6xwb',base:'y8ku0x'},defaultClass:'y8ku0x'},stretch:{conditions:{sm:'vpnfh4',md:'_1y6rywq',base:'_8atllr'},defaultClass:'_8atllr'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'_1vnxbzj',md:'_1it5fw9',base:'_1ef0ttx'},defaultClass:'_1ef0ttx'},sm:{conditions:{sm:'vlsed0',md:'_111lstq',base:'lgcbd7'},defaultClass:'lgcbd7'},md:{conditions:{sm:'sh5net',md:'_1xrdcb3',base:'esx32s'},defaultClass:'esx32s'},lg:{conditions:{sm:'_1yp8nnc',md:'_1w51izb',base:'_1ecuxax'},defaultClass:'_1ecuxax'},full:{conditions:{sm:'_1uo2y0k',md:'_18gclea',base:'m4174x'},defaultClass:'m4174x'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'_1ods1xi',md:'vnfwd6',base:'_144hulo'},defaultClass:'_144hulo'},sm:{conditions:{sm:'_13nsdhj',md:'acults',base:'_15jjwnv'},defaultClass:'_15jjwnv'},md:{conditions:{sm:'_78qtkf',md:'_2eqkqh',base:'_60m7t5'},defaultClass:'_60m7t5'},lg:{conditions:{sm:'_83wu6b',md:'_1niysx1',base:'_1f6j3lv'},defaultClass:'_1f6j3lv'},full:{conditions:{sm:'_5n8ww3',md:'_1ayqx9i',base:'ct21j3'},defaultClass:'ct21j3'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'wte7g9',md:'qxnm7',base:'_1ckkik6'},defaultClass:'_1ckkik6'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1idvp95',md:'_1ac8bni',base:'_4wsdkv'},defaultClass:'_4wsdkv'},'10':{conditions:{sm:'_2mqw25',md:'wy50qu',base:'_10pg5vg'},defaultClass:'_10pg5vg'},'12':{conditions:{sm:'ubhrje',md:'_1cpxsg9',base:'_1htqlqw'},defaultClass:'_1htqlqw'},'16':{conditions:{sm:'_96w0h7',md:'_1or5qtg',base:'_1x1oius'},defaultClass:'_1x1oius'},'20':{conditions:{sm:'_1fvpq0t',md:'_1ssejlm',base:'_133c8em'},defaultClass:'_133c8em'},'24':{conditions:{sm:'_11fjgvt',md:'g71bgq',base:'_1auzqim'},defaultClass:'_1auzqim'},'32':{conditions:{sm:'_39tuhw',md:'_7jx9tx',base:'_1p3eo91'},defaultClass:'_1p3eo91'},'40':{conditions:{sm:'_1lmnmgv',md:'_1gprg67',base:'_1wrb9uz'},defaultClass:'_1wrb9uz'},'48':{conditions:{sm:'_8n38xt',md:'_13obgcl',base:'_1uhalbw'},defaultClass:'_1uhalbw'},'56':{conditions:{sm:'fde77p',md:'_1mkbqsu',base:'m25424'},defaultClass:'m25424'},'64':{conditions:{sm:'_1eh6z2e',md:'_1monae8',base:'_1jd9b2v'},defaultClass:'_1jd9b2v'},'80':{conditions:{sm:'qxvu5o',md:'t90u2c',base:'_12dok3r'},defaultClass:'_12dok3r'},'224':{conditions:{sm:'_7d9h7s',md:'_1apl24g',base:'_7cmh2s'},defaultClass:'_7cmh2s'},'384':{conditions:{sm:'_1pq5750',md:'cj4p7a',base:'_7ew79y'},defaultClass:'_7ew79y'},'2xs':{conditions:{sm:'zfwarj',md:'_19awpxw',base:'h9dqdt'},defaultClass:'h9dqdt'},xs:{conditions:{sm:'_1ha7f1j',md:'_6q5n7o',base:'esrxmw'},defaultClass:'esrxmw'},sm:{conditions:{sm:'a3kdxa',md:'_1hgmefi',base:'wanhbn'},defaultClass:'wanhbn'},md:{conditions:{sm:'_1iyg0yz',md:'_1uwafs6',base:'_1ymgt85'},defaultClass:'_1ymgt85'},lg:{conditions:{sm:'_6ov52o',md:'a59ikp',base:'w0djy9'},defaultClass:'w0djy9'},xl:{conditions:{sm:'_9wvduc',md:'cof1n1',base:'b13727'},defaultClass:'b13727'},'3xl':{conditions:{sm:'_1ormgid',md:'_1fr6z4n',base:'ly1xaw'},defaultClass:'ly1xaw'},'1/2':{conditions:{sm:'_1ngbrea',md:'jnvsz5',base:'_1y5dxhr'},defaultClass:'_1y5dxhr'},'1/3':{conditions:{sm:'_1pxzhpn',md:'ysm5g',base:'_1tmit4d'},defaultClass:'_1tmit4d'},'2/3':{conditions:{sm:'n908ww',md:'_97642k',base:'_4o5y0p'},defaultClass:'_4o5y0p'},'1/4':{conditions:{sm:'c9luq2',md:'dtpsr6',base:'_1g0zcu3'},defaultClass:'_1g0zcu3'},'3/4':{conditions:{sm:'_1vdxgux',md:'_1vpuj5p',base:'_1lwwpy7'},defaultClass:'_1lwwpy7'},auto:{conditions:{sm:'_17lubmk',md:'_1o2qljl',base:'_1lnlmwq'},defaultClass:'_1lnlmwq'},fit:{conditions:{sm:'_1clbtz2',md:'_1e2feuc',base:'_3wrlj2'},defaultClass:'_3wrlj2'},full:{conditions:{sm:'sjw53y',md:'xs7gkx',base:'hoosuf'},defaultClass:'hoosuf'},max:{conditions:{sm:'_1bpe6j8',md:'_1vdm7qv',base:'_1y53917'},defaultClass:'_1y53917'},min:{conditions:{sm:'_1y4fkqk',md:'_1iu9zd0',base:'twlo3s'},defaultClass:'twlo3s'}},responsiveArray:undefined}}};x.styles.alignItems.responsiveArray=x.conditions.responsiveArray;x.styles.alignSelf.responsiveArray=x.conditions.responsiveArray;x.styles.display.responsiveArray=x.conditions.responsiveArray;x.styles.flex.responsiveArray=x.conditions.responsiveArray;x.styles.flexDirection.responsiveArray=x.conditions.responsiveArray;x.styles.flexWrap.responsiveArray=x.conditions.responsiveArray;x.styles.gap.responsiveArray=x.conditions.responsiveArray;x.styles.gridColumn.responsiveArray=x.conditions.responsiveArray;x.styles.gridTemplateColumns.responsiveArray=x.conditions.responsiveArray;x.styles.height.responsiveArray=x.conditions.responsiveArray;x.styles.justifyContent.responsiveArray=x.conditions.responsiveArray;x.styles.justifyItems.responsiveArray=x.conditions.responsiveArray;x.styles.maxHeight.responsiveArray=x.conditions.responsiveArray;x.styles.maxWidth.responsiveArray=x.conditions.responsiveArray;x.styles.placeItems.responsiveArray=x.conditions.responsiveArray;x.styles.width.responsiveArray=x.conditions.responsiveArray;return x;}());
+var unresponsiveProps = {conditions:undefined,styles:{bg:{mappings:['backgroundColor']},border:{mappings:['borderBottomWidth','borderLeftWidth','borderRightWidth','borderTopWidth']},borderB:{mappings:['borderBottomWidth']},borderL:{mappings:['borderLeftWidth']},borderR:{mappings:['borderRightWidth']},borderT:{mappings:['borderTopWidth']},m:{mappings:['marginBottom','marginLeft','marginRight','marginTop']},mx:{mappings:['marginLeft','marginRight']},my:{mappings:['marginBottom','marginTop']},mb:{mappings:['marginBottom']},ml:{mappings:['marginLeft']},mr:{mappings:['marginRight']},mt:{mappings:['marginTop']},overflow:{mappings:['overflowX','overflowY']},p:{mappings:['paddingBottom','paddingLeft','paddingRight','paddingTop']},px:{mappings:['paddingLeft','paddingRight']},py:{mappings:['paddingBottom','paddingTop']},pb:{mappings:['paddingBottom']},pl:{mappings:['paddingLeft']},pr:{mappings:['paddingRight']},pt:{mappings:['paddingTop']},rounded:{mappings:['borderRadius']},shadow:{mappings:['boxShadow']},z:{mappings:['zIndex']},animation:{values:{ping:{defaultClass:'_11u5m9f'},pulse:{defaultClass:'_1d1larb'},spin:{defaultClass:'_1kzm5fj'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1mhwmnv'},'bg.accent.hovered':{defaultClass:'_1n8k3yk'},'bg.accent.light':{defaultClass:'_9pf14q'},'bg.accent.pressed':{defaultClass:'fqmz7a'},'bg.accent.subtle':{defaultClass:'_1e3gh5n'},'bg.avatar.neutral':{defaultClass:'et1hr3'},'bg.avatar.purple':{defaultClass:'_1acqluh'},'bg.default':{defaultClass:'jca00x'},'bg.default.hovered':{defaultClass:'_1t2q1m'},'bg.default.inverse':{defaultClass:'_1r9spvt'},'bg.default.inverse.hovered':{defaultClass:'_3u5tnk'},'bg.default.inverse.pressed':{defaultClass:'pw531i'},'bg.default.pressed':{defaultClass:'_8i792t'},'bg.error':{defaultClass:'_2064i0'},'bg.error.hovered':{defaultClass:'abo9zg'},'bg.error.light':{defaultClass:'j1aant'},'bg.error.pressed':{defaultClass:'_18w0znb'},'bg.error.subtle':{defaultClass:'xpi80e'},'bg.error.subtlest':{defaultClass:'_1dgogl7'},'bg.information':{defaultClass:'_3yr19c'},'bg.information.light':{defaultClass:'_2gw8e0'},'bg.information.subtle':{defaultClass:'m3y6ge'},'bg.overlay':{defaultClass:'_335g64'},'bg.page':{defaultClass:'_1rpn5t0'},'bg.secondary':{defaultClass:'goz6my'},'bg.secondary.hovered':{defaultClass:'c0k9ur'},'bg.spinner.default':{defaultClass:'_18pcxs8'},'bg.spinner.inverse':{defaultClass:'iyjfuv'},'bg.success':{defaultClass:'_19q1vw4'},'bg.success.hovered':{defaultClass:'_1vdv4c'},'bg.success.light':{defaultClass:'rfxmdp'},'bg.success.subtle':{defaultClass:'_125azri'},'bg.tertiary':{defaultClass:'w828ev'},'bg.tertiary.hovered':{defaultClass:'_6jvriz'},'bg.warning':{defaultClass:'_1legvr'},'bg.warning.hovered':{defaultClass:'_1026gsq'},'bg.warning.light':{defaultClass:'_1wz8r28'},'bg.warning.subtle':{defaultClass:'_2yjgoi'},current:{defaultClass:'_1cht8fq'},transparent:{defaultClass:'_1447p0i'}}},backgroundImage:{values:{'gradient.opal':{defaultClass:'_145sfj9'}}},borderBottomWidth:{values:{'0':{defaultClass:'_1g2bls7'},'1':{defaultClass:'vtcqi0'},'2':{defaultClass:'_13sntc9'}}},borderColor:{values:{'border.accent':{defaultClass:'hzo98u'},'border.control':{defaultClass:'qbek3x'},'border.control.hovered':{defaultClass:'xrf584'},'border.default':{defaultClass:'_156bnlb'},'border.disabled':{defaultClass:'_19vgv5m'},'border.error':{defaultClass:'_1339cn8'},'border.focus':{defaultClass:'_1xo446k'},'border.focus.error':{defaultClass:'xamm6x'},'border.secondary':{defaultClass:'_1imk9fl'},'border.success':{defaultClass:'_1kqlbrh'},'border.tertiary':{defaultClass:'_1elyf6y'},'border.warning':{defaultClass:'pl7i9v'},current:{defaultClass:'_17ahe3w'},transparent:{defaultClass:'su3mxx'}}},borderLeftWidth:{values:{'0':{defaultClass:'d1fihd'},'1':{defaultClass:'ebnrm0'},'2':{defaultClass:'awi479'}}},borderRadius:{values:{xs:{defaultClass:'uuohpi'},sm:{defaultClass:'_4hjqnh'},md:{defaultClass:'_1oen0u8'},lg:{defaultClass:'_1g70gdd'},xl:{defaultClass:'_1qd78qi'},full:{defaultClass:'_1yj5ll2'},inherit:{defaultClass:'_8iw8n7'},none:{defaultClass:'ehmcxw'}}},borderRightWidth:{values:{'0':{defaultClass:'mufd2m'},'1':{defaultClass:'gr9ou3'},'2':{defaultClass:'_1026367'}}},borderTopWidth:{values:{'0':{defaultClass:'ufuamc'},'1':{defaultClass:'h51iu7'},'2':{defaultClass:'rjf33f'}}},boxShadow:{values:{sm:{defaultClass:'nuvi3a'},md:{defaultClass:'_59ld4s'},lg:{defaultClass:'_1f3z8fm'},none:{defaultClass:'_1b3cyzi'}}},color:{values:{'fg.accent':{defaultClass:'_1j3qltw'},'fg.accent.hovered':{defaultClass:'_10pd578'},'fg.accent.strong':{defaultClass:'_1woa6eg'},'fg.avatar.neutral':{defaultClass:'_13w5hdn'},'fg.avatar.purple':{defaultClass:'_1rvf5r4'},'fg.default':{defaultClass:'_126ty8n'},'fg.default.inverse':{defaultClass:'_10199um'},'fg.disabled':{defaultClass:'_1ujm370'},'fg.error':{defaultClass:'bekkne'},'fg.error.hovered':{defaultClass:'_17mye97'},'fg.error.light':{defaultClass:'t7mfen'},'fg.error.strong':{defaultClass:'_1l06imd'},'fg.information':{defaultClass:'ai29a'},'fg.information.light':{defaultClass:'e4qecf'},'fg.information.strong':{defaultClass:'_19rd1tp'},'fg.link.default':{defaultClass:'sjg8nj'},'fg.link.default.hovered':{defaultClass:'_1btz2o'},'fg.link.inverse':{defaultClass:'_1i73prs'},'fg.link.subtle':{defaultClass:'jok9tr'},'fg.link.visited':{defaultClass:'_6zi7i6'},'fg.secondary':{defaultClass:'lkn75p'},'fg.spinner.default':{defaultClass:'_1bsl65e'},'fg.spinner.inverse':{defaultClass:'y94z5i'},'fg.success':{defaultClass:'_8dwgf2'},'fg.success.hovered':{defaultClass:'_125y70z'},'fg.success.light':{defaultClass:'_1momqve'},'fg.success.strong':{defaultClass:'_1jlz4k5'},'fg.tertiary':{defaultClass:'_1youv85'},'fg.warning':{defaultClass:'zpo7v0'},'fg.warning.hovered':{defaultClass:'_11x8rfb'},'fg.warning.inverse':{defaultClass:'_1wpwlbe'},'fg.warning.light':{defaultClass:'p9d7s2'},'fg.warning.strong':{defaultClass:'_1p45yjr'},'fg.white':{defaultClass:'x9v52a'},current:{defaultClass:'_1lw0bs3'},transparent:{defaultClass:'_15lvy9l'}}},cursor:{values:{pointer:{defaultClass:'_7sljhj'},'default':{defaultClass:'_1wy9ug5'},text:{defaultClass:'nugzrc'}}},fontFamily:{values:{mono:{defaultClass:'_11xjmo3'},sans:{defaultClass:'_1urevp0'}}},fontSize:{values:{xs:{defaultClass:'fchh0g'},sm:{defaultClass:'jao4n1'},md:{defaultClass:'wxvpyw'},lg:{defaultClass:'_11iiv1'},xl:{defaultClass:'e72kqg'},'2xl':{defaultClass:'bb1k2l'},'3xl':{defaultClass:'_5703lk'},'4xl':{defaultClass:'_3wrrsh'},inherit:{defaultClass:'_1l5xhpw'}}},fontWeight:{values:{'400':{defaultClass:'_1mr07b6'},'500':{defaultClass:'_1i1jt5j'},'600':{defaultClass:'ffwtvl'},'700':{defaultClass:'_1xopc35'},inherit:{defaultClass:'c7ivkp'}}},marginBottom:{values:{'0':{defaultClass:'ddgtdr'},'2':{defaultClass:'_8e9p78'},'4':{defaultClass:'_1yb4ihx'},'6':{defaultClass:'_929nz5'},'8':{defaultClass:'_1qyhtp9'},'10':{defaultClass:'_1m10a3v'},'12':{defaultClass:'_8k4qa'},'16':{defaultClass:'_1u0p62k'},'20':{defaultClass:'l0csvc'},'24':{defaultClass:'omnmkq'},'32':{defaultClass:'_1uvwfv'},'40':{defaultClass:'_1wmg8nk'},'48':{defaultClass:'jq6vxs'},'64':{defaultClass:'nffmgb'},'80':{defaultClass:'_1k8vxx1'},auto:{defaultClass:'_1cpj6el'}}},marginLeft:{values:{'0':{defaultClass:'_7b3sma'},'2':{defaultClass:'_12h3z2r'},'4':{defaultClass:'_1sl35pl'},'6':{defaultClass:'dy0szz'},'8':{defaultClass:'_1ccudl'},'10':{defaultClass:'_1cox9d2'},'12':{defaultClass:'r0xomx'},'16':{defaultClass:'ifslob'},'20':{defaultClass:'z4rv2p'},'24':{defaultClass:'_152605f'},'32':{defaultClass:'cm01h2'},'40':{defaultClass:'_7s5q0w'},'48':{defaultClass:'_1yfkugn'},'64':{defaultClass:'_13dcq07'},'80':{defaultClass:'_5hb0pm'},auto:{defaultClass:'_1hxvwdt'}}},marginRight:{values:{'0':{defaultClass:'luxmek'},'2':{defaultClass:'_176xztf'},'4':{defaultClass:'_1jntj85'},'6':{defaultClass:'zomefd'},'8':{defaultClass:'u9gkhi'},'10':{defaultClass:'_9ub4r4'},'12':{defaultClass:'_1ydxrlj'},'16':{defaultClass:'t2tz60'},'20':{defaultClass:'_1r7pilg'},'24':{defaultClass:'_1y5donz'},'32':{defaultClass:'_1y6jfy9'},'40':{defaultClass:'_1tg0px5'},'48':{defaultClass:'_5n8y9o'},'64':{defaultClass:'_1bpbt4q'},'80':{defaultClass:'_1hghost'},auto:{defaultClass:'kl078z'}}},marginTop:{values:{'0':{defaultClass:'_1bwl2uz'},'2':{defaultClass:'ykhkbo'},'4':{defaultClass:'_30nu8c'},'6':{defaultClass:'h6zkym'},'8':{defaultClass:'qw7ocn'},'10':{defaultClass:'_8p59oe'},'12':{defaultClass:'_19ntq3q'},'16':{defaultClass:'v1p92c'},'20':{defaultClass:'_1az2yyw'},'24':{defaultClass:'iynk6t'},'32':{defaultClass:'_2veggr'},'40':{defaultClass:'emvda6'},'48':{defaultClass:'prjutc'},'64':{defaultClass:'_7k6hxv'},'80':{defaultClass:'iksvwd'},auto:{defaultClass:'_1gl4zjp'}}},objectFit:{values:{contain:{defaultClass:'nan9zc'},cover:{defaultClass:'uiq2rt'},fill:{defaultClass:'h8l19a'},none:{defaultClass:'_1imk1rm'}}},overflowX:{values:{auto:{defaultClass:'y43usz'},hidden:{defaultClass:'_1kmbz5r'},visible:{defaultClass:'_17oj6ni'}}},overflowY:{values:{auto:{defaultClass:'z5o8w3'},hidden:{defaultClass:'h81t10'},visible:{defaultClass:'_86g569'}}},paddingBottom:{values:{'0':{defaultClass:'_4pukqk'},'2':{defaultClass:'jmhs6e'},'4':{defaultClass:'_142bril'},'6':{defaultClass:'_1bafdf4'},'8':{defaultClass:'_18h9gbo'},'10':{defaultClass:'qdx2tg'},'12':{defaultClass:'vqzbl0'},'16':{defaultClass:'_1lyf4ft'},'20':{defaultClass:'_1a8vsvu'},'24':{defaultClass:'_1kevhuw'},'32':{defaultClass:'la9j7u'},'40':{defaultClass:'_1abu0se'},'48':{defaultClass:'_1ajhnt2'},'64':{defaultClass:'bwm3ed'},'80':{defaultClass:'_1dl7k3k'}}},paddingLeft:{values:{'0':{defaultClass:'_1p4iqlu'},'2':{defaultClass:'ve9prt'},'4':{defaultClass:'h326ad'},'6':{defaultClass:'a0p7aa'},'8':{defaultClass:'wmv8im'},'10':{defaultClass:'_1m6qxip'},'12':{defaultClass:'_1wwis30'},'16':{defaultClass:'_1my1di9'},'20':{defaultClass:'wca2ja'},'24':{defaultClass:'tyl91j'},'32':{defaultClass:'_10gfena'},'40':{defaultClass:'_1dxq8y2'},'48':{defaultClass:'hnvvp1'},'64':{defaultClass:'qgok3z'},'80':{defaultClass:'_1s22dzh'}}},paddingRight:{values:{'0':{defaultClass:'_15p46nw'},'2':{defaultClass:'_2tl6zy'},'4':{defaultClass:'e966yd'},'6':{defaultClass:'j7j9m3'},'8':{defaultClass:'_1lyuym7'},'10':{defaultClass:'_1lu7iq2'},'12':{defaultClass:'_1slc56j'},'16':{defaultClass:'_13t72r'},'20':{defaultClass:'k36dcs'},'24':{defaultClass:'v3glr'},'32':{defaultClass:'_1mi13fb'},'40':{defaultClass:'fg3svf'},'48':{defaultClass:'na4q07'},'64':{defaultClass:'_1i6xtkc'},'80':{defaultClass:'u8395'}}},paddingTop:{values:{'0':{defaultClass:'_8fqmix'},'2':{defaultClass:'_1elgjae'},'4':{defaultClass:'udslx0'},'6':{defaultClass:'_19p7wep'},'8':{defaultClass:'_1sisxjc'},'10':{defaultClass:'_6r3azy'},'12':{defaultClass:'_7ts8b5'},'16':{defaultClass:'_1b6ip1m'},'20':{defaultClass:'_40sawa'},'24':{defaultClass:'pbd7rb'},'32':{defaultClass:'dlkrcl'},'40':{defaultClass:'_1bewg9q'},'48':{defaultClass:'_1vtuvwe'},'64':{defaultClass:'_78ivss'},'80':{defaultClass:'_14f4np1'}}},pointerEvents:{values:{auto:{defaultClass:'d7hj1h'},none:{defaultClass:'_13ccu1v'}}},textAlign:{values:{end:{defaultClass:'_1wr1b8c'},start:{defaultClass:'rapwva'},center:{defaultClass:'_8vqxe5'},justify:{defaultClass:'ecgy6d'}}},textTransform:{values:{capitalize:{defaultClass:'igp5ci'},none:{defaultClass:'ptb197'},uppercase:{defaultClass:'_1k4kk5s'}}},transition:{values:{all:{defaultClass:'_1lh7kyy'},colors:{defaultClass:'_12wspld'},none:{defaultClass:'_1ed6fyj'},opacity:{defaultClass:'_144rzak'},transform:{defaultClass:'jq621b'}}},whiteSpace:{values:{nowrap:{defaultClass:'_1a7dg4i'}}},zIndex:{values:{'0':{defaultClass:'_1xz8a2u'},'10':{defaultClass:'_9bn1if'},'20':{defaultClass:'_649feg'},'30':{defaultClass:'otlpmq'},popover:{defaultClass:'_60t4d3'},toast:{defaultClass:'kzofzq'},tooltip:{defaultClass:'dhtljv'},auto:{defaultClass:'_9efc47'}}}}};
 
 export { fontFamilyVar, responsiveProps, unresponsiveProps };

package/dist/esm/packages/react/src/sub-nav/SubNav-css.js

@@ -1,7 +1,7 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-Dql4wsub.css';
-import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-v6VNXn4D.css';
+import './../../../../assets/src/layers/layers.css.ts.vanilla-BqIfkBSM.css';
+import './../../../../assets/src/sub-nav/SubNav.css.ts.vanilla-d9KdDCDy.css';
 import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
 
-var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',gap:'0',overflow:'hidden',py:'16'},'_1fbigb3']});
+var nav = recipeRuntime({base:[{bg:'bg.default',flex:'1',flexDirection:'column',gap:'0',overflow:'hidden',py:'16'},'_1e6jl0b']});
 
 export { nav };

package/dist/esm/packages/react/src/sub-nav/SubNav.js

@@ -1,22 +1,24 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
-import { Flex } from '../flex/Flex.js';
+import { Group } from '../group/Group.js';
 import { SidebarProvider } from '../sidebar/SidebarContext.js';
 import { nav } from './SubNav-css.js';
 
 const SubNav = forwardRef(
   ({ children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
-      Flex,
+      Group,
       {
         borderColor: "border.tertiary",
         borderR: "1",
+        flexDirection: "column",
+        gap: "16",
         h: "full",
         ref,
         w: "fit",
         ...props,
-        children: /* @__PURE__ */ jsx(Flex, { asChild: true, ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsx(
+        children: /* @__PURE__ */ jsx(Group, { asChild: true, ...nav(), children: /* @__PURE__ */ jsx("nav", { "aria-label": "Secondary", children: /* @__PURE__ */ jsx(
           SidebarProvider,
           {
             expanded: true,

package/dist/esm/packages/react/src/suggestion/Suggestion.js

@@ -0,0 +1,66 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { Alert } from '../alert/Alert.js';
+import { Button } from '../button/Button.js';
+import '../button/ButtonGroup.js';
+import { Group } from '../group/Group.js';
+import '@optiaxiom/globals';
+import { useSurface } from '../surface/useSurface.js';
+import { useSuggestions } from '../surface/useSuggestions.js';
+import { Text } from '../text/Text.js';
+
+function Suggestion({ ...props }) {
+  const surface = useSurface();
+  const hasPopover = surface?.suggestionPopover.registered;
+  const messageSuggestions = useSuggestions("message");
+  const valueSuggestions = useSuggestions("value");
+  const [isExecuting, setIsExecuting] = 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__ */ jsxs(
+    Alert,
+    {
+      intent: "opal",
+      onDismiss: () => surface?.reject(suggestion.id),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(Text, { children: text }),
+        reason && /* @__PURE__ */ jsx(Text, { color: "fg.secondary", children: reason }),
+        /* @__PURE__ */ jsx(Group, { gap: "4", children: /* @__PURE__ */ 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";
+
+export { Suggestion };