@optiaxiom/react 0.12.2 → 0.13.0

package/dist/cjs/IconMagnifyingGlass-CTEsjPRN.js

@@ -0,0 +1,2446 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactSlot = require('@radix-ui/react-slot');
+var React = require('react');
+require('./assets/src/layers/layers.css.ts.vanilla-DvUyVLsY.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-K20bfTNv.css');
+var RadixDialog = require('@radix-ui/react-dialog');
+var reactUseControllableState = require('@radix-ui/react-use-controllable-state');
+var reactContext = require('@radix-ui/react-context');
+var dynamic = require('@vanilla-extract/dynamic');
+require('./assets/src/backdrop/Backdrop.css.ts.vanilla-Sdkm0Ik-.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-BQ9-WHf6.css');
+var RadixCollapsible = require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure-content/DisclosureContent.css.ts.vanilla-CoBOLDcZ.css');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-CiNDiK90.css');
+require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-Bjb3PD4S.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-BrznT8Qb.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-C3pr7zVr.css');
+var reactId = require('@radix-ui/react-id');
+var reactVisuallyHidden = require('@radix-ui/react-visually-hidden');
+var clsx = require('clsx');
+var RadixSeparator = require('@radix-ui/react-separator');
+require('./assets/src/separator/Separator.css.ts.vanilla-DW8OmA5H.css');
+var reactComposeRefs = require('@radix-ui/react-compose-refs');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-D_Y4T4gr.css');
+require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-pvg1PXNv.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-B-a174zk.css');
+require('./assets/src/cover/Cover.css.ts.vanilla-B-I3ddwo.css');
+require('./assets/src/link/Link.css.ts.vanilla-DpUHZuBB.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BFoVwm4N.css');
+var reactDismissableLayer = require('@radix-ui/react-dismissable-layer');
+var reactFocusGuards = require('@radix-ui/react-focus-guards');
+var reactRemoveScroll = require('react-remove-scroll');
+var globals = require('@optiaxiom/globals');
+var RadixTooltip = require('@radix-ui/react-tooltip');
+require('./assets/src/text/Text.css.ts.vanilla-zVX8BmW1.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-D1oh8aQz.css');
+var RadixPopover = require('@radix-ui/react-popover');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-Cp_vxKKA.css');
+require('@optiaxiom/globals/fonts');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-Dnn6qkGT.css');
+require('./assets/src/box/Box.css.ts.vanilla-BWyfa0J7.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-BrUGV5jP.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-EPXy4rlh.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-Cg1S7kSw.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-OebmjN-9.css');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var RadixDialog__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixDialog);
+var RadixCollapsible__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixCollapsible);
+var RadixSeparator__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixSeparator);
+var RadixTooltip__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixTooltip);
+var RadixPopover__namespace = /*#__PURE__*/_interopNamespaceDefault(RadixPopover);
+
+var version = "0.13.0";
+
+function createNormalizeValueFn(properties) {
+  var {
+    conditions
+  } = properties;
+  if (!conditions) {
+    throw new Error('Styles have no conditions');
+  }
+  return function normalizeValue(value) {
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+      if (!conditions.defaultCondition) {
+        throw new Error('No default condition');
+      }
+      return {
+        [conditions.defaultCondition]: value
+      };
+    }
+    if (Array.isArray(value)) {
+      if (!('responsiveArray' in conditions)) {
+        throw new Error('Responsive arrays are not supported');
+      }
+      var returnValue = {};
+      for (var index in conditions.responsiveArray) {
+        if (value[index] != null) {
+          returnValue[conditions.responsiveArray[index]] = value[index];
+        }
+      }
+      return returnValue;
+    }
+    return value;
+  }
+}
+function createMapValueFn(properties) {
+  var {
+    conditions
+  } = properties;
+  if (!conditions) {
+    throw new Error('Styles have no conditions');
+  }
+  var normalizeValue = createNormalizeValueFn(properties);
+  return function mapValue(value, mapFn) {
+    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean') {
+      if (!conditions.defaultCondition) {
+        throw new Error('No default condition');
+      }
+      return mapFn(value, conditions.defaultCondition);
+    }
+    var normalizedObject = Array.isArray(value) ? normalizeValue(value) : value;
+    var mappedObject = {};
+    for (var _key in normalizedObject) {
+      if (normalizedObject[_key] != null) {
+        mappedObject[_key] = mapFn(normalizedObject[_key], _key);
+      }
+    }
+    return mappedObject;
+  }
+}
+
+function toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+
+function toPropertyKey(t) {
+  var i = toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : String(i);
+}
+
+function _defineProperty(obj, key, value) {
+  key = toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+
+var createSprinkles$1 = composeStyles => function () {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var sprinklesStyles = Object.assign({}, ...args.map(a => a.styles));
+  var sprinklesKeys = Object.keys(sprinklesStyles);
+  var shorthandNames = sprinklesKeys.filter(property => 'mappings' in sprinklesStyles[property]);
+  var sprinklesFn = props => {
+    var classNames = [];
+    var shorthands = {};
+    var nonShorthands = _objectSpread2({}, props);
+    var hasShorthands = false;
+    for (var shorthand of shorthandNames) {
+      var value = props[shorthand];
+      if (value != null) {
+        var sprinkle = sprinklesStyles[shorthand];
+        hasShorthands = true;
+        for (var propMapping of sprinkle.mappings) {
+          shorthands[propMapping] = value;
+          if (nonShorthands[propMapping] == null) {
+            delete nonShorthands[propMapping];
+          }
+        }
+      }
+    }
+    var finalProps = hasShorthands ? _objectSpread2(_objectSpread2({}, shorthands), nonShorthands) : props;
+    var _loop = function _loop() {
+      var propValue = finalProps[prop];
+      var sprinkle = sprinklesStyles[prop];
+      try {
+        if (sprinkle.mappings) {
+          // Skip shorthands
+          return 1; // continue
+        }
+        if (typeof propValue === 'string' || typeof propValue === 'number') {
+          if (process.env.NODE_ENV !== 'production') {
+            if (!sprinkle.values[propValue].defaultClass) {
+              throw new Error();
+            }
+          }
+          classNames.push(sprinkle.values[propValue].defaultClass);
+        } else if (Array.isArray(propValue)) {
+          for (var responsiveIndex = 0; responsiveIndex < propValue.length; responsiveIndex++) {
+            var responsiveValue = propValue[responsiveIndex];
+            if (responsiveValue != null) {
+              var conditionName = sprinkle.responsiveArray[responsiveIndex];
+              if (process.env.NODE_ENV !== 'production') {
+                if (!sprinkle.values[responsiveValue].conditions[conditionName]) {
+                  throw new Error();
+                }
+              }
+              classNames.push(sprinkle.values[responsiveValue].conditions[conditionName]);
+            }
+          }
+        } else {
+          for (var _conditionName in propValue) {
+            // Conditional style
+            var _value = propValue[_conditionName];
+            if (_value != null) {
+              if (process.env.NODE_ENV !== 'production') {
+                if (!sprinkle.values[_value].conditions[_conditionName]) {
+                  throw new Error();
+                }
+              }
+              classNames.push(sprinkle.values[_value].conditions[_conditionName]);
+            }
+          }
+        }
+      } catch (e) {
+        if (process.env.NODE_ENV !== 'production') {
+          class SprinklesError extends Error {
+            constructor(message) {
+              super(message);
+              this.name = 'SprinklesError';
+            }
+          }
+          var format = v => typeof v === 'string' ? "\"".concat(v, "\"") : v;
+          var invalidPropValue = (prop, value, possibleValues) => {
+            throw new SprinklesError("\"".concat(prop, "\" has no value ").concat(format(value), ". Possible values are ").concat(Object.keys(possibleValues).map(format).join(', ')));
+          };
+          if (!sprinkle) {
+            throw new SprinklesError("\"".concat(prop, "\" is not a valid sprinkle"));
+          }
+          if (typeof propValue === 'string' || typeof propValue === 'number') {
+            if (!(propValue in sprinkle.values)) {
+              invalidPropValue(prop, propValue, sprinkle.values);
+            }
+            if (!sprinkle.values[propValue].defaultClass) {
+              throw new SprinklesError("\"".concat(prop, "\" has no default condition. You must specify which conditions to target explicitly. Possible options are ").concat(Object.keys(sprinkle.values[propValue].conditions).map(format).join(', ')));
+            }
+          }
+          if (typeof propValue === 'object') {
+            if (!('conditions' in sprinkle.values[Object.keys(sprinkle.values)[0]])) {
+              throw new SprinklesError("\"".concat(prop, "\" is not a conditional property"));
+            }
+            if (Array.isArray(propValue)) {
+              if (!('responsiveArray' in sprinkle)) {
+                throw new SprinklesError("\"".concat(prop, "\" does not support responsive arrays"));
+              }
+              var breakpointCount = sprinkle.responsiveArray.length;
+              if (breakpointCount < propValue.length) {
+                throw new SprinklesError("\"".concat(prop, "\" only supports up to ").concat(breakpointCount, " breakpoints. You passed ").concat(propValue.length));
+              }
+              for (var _responsiveValue of propValue) {
+                if (!sprinkle.values[_responsiveValue]) {
+                  invalidPropValue(prop, _responsiveValue, sprinkle.values);
+                }
+              }
+            } else {
+              for (var _conditionName2 in propValue) {
+                var _value2 = propValue[_conditionName2];
+                if (_value2 != null) {
+                  if (!sprinkle.values[_value2]) {
+                    invalidPropValue(prop, _value2, sprinkle.values);
+                  }
+                  if (!sprinkle.values[_value2].conditions[_conditionName2]) {
+                    throw new SprinklesError("\"".concat(prop, "\" has no condition named ").concat(format(_conditionName2), ". Possible values are ").concat(Object.keys(sprinkle.values[_value2].conditions).map(format).join(', ')));
+                  }
+                }
+              }
+            }
+          }
+        }
+        throw e;
+      }
+    };
+    for (var prop in finalProps) {
+      if (_loop()) continue;
+    }
+    return composeStyles(classNames.join(' '));
+  };
+  return Object.assign(sprinklesFn, {
+    properties: new Set(sprinklesKeys)
+  });
+};
+
+var composeStyles = classList => classList;
+var createSprinkles = function createSprinkles() {
+  return createSprinkles$1(composeStyles)(...arguments);
+};
+
+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:'ozazgn',md:'_1q5wojn',base:'_5g58gr'},defaultClass:'_5g58gr'},end:{conditions:{sm:'a0acqt',md:'_1ge8log',base:'_1nxgq1b'},defaultClass:'_1nxgq1b'},normal:{conditions:{sm:'_14patso',md:'_1s9qhc0',base:'t0ngth'},defaultClass:'t0ngth'},'space-around':{conditions:{sm:'dcmkdp',md:'cfxer',base:'_14w3wkl'},defaultClass:'_14w3wkl'},'space-between':{conditions:{sm:'_1hoyv1m',md:'zn0plc',base:'_68twfu'},defaultClass:'_68twfu'},'space-evenly':{conditions:{sm:'ev9pii',md:'lq1sbd',base:'c9yfu3'},defaultClass:'c9yfu3'},start:{conditions:{sm:'_1yatkkh',md:'_1ybioud',base:'_13txcs7'},defaultClass:'_13txcs7'},stretch:{conditions:{sm:'_1gz74a2',md:'_1owhjyb',base:'k0jbgi'},defaultClass:'k0jbgi'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_11pxdwo',md:'_8btw66',base:'x8fkb5'},defaultClass:'x8fkb5'},end:{conditions:{sm:'_149tweu',md:'_1dwbrke',base:'icql42'},defaultClass:'icql42'},normal:{conditions:{sm:'_1fo8ghu',md:'czir1f',base:'go9wxj'},defaultClass:'go9wxj'},start:{conditions:{sm:'sxt5sm',md:'_1qicdhj',base:'_1qwr6lm'},defaultClass:'_1qwr6lm'},stretch:{conditions:{sm:'wmwg0o',md:'zgxcqy',base:'kwqot5'},defaultClass:'kwqot5'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'ychfj9',md:'ifvhxu',base:'rpvpfv'},defaultClass:'rpvpfv'},flex:{conditions:{sm:'vhrvyk',md:'_2irrsr',base:'ebaepf'},defaultClass:'ebaepf'},grid:{conditions:{sm:'_6lyu4i',md:'_1nsq7s4',base:'_18jj89w'},defaultClass:'_18jj89w'},block:{conditions:{sm:'_3ra9ih',md:'_1iikn01',base:'_1cs6elo'},defaultClass:'_1cs6elo'},inline:{conditions:{sm:'bbke8d',md:'_1fzom3j',base:'_18mscil'},defaultClass:'_18mscil'},'inline-block':{conditions:{sm:'b8qhba',md:'_7ttpju',base:'_15fm2j9'},defaultClass:'_15fm2j9'},'inline-flex':{conditions:{sm:'_16olkkv',md:'g0ysuh',base:'_1dcdv20'},defaultClass:'_1dcdv20'},table:{conditions:{sm:'g1cs7a',md:'_1ntl0y8',base:'vn4iuz'},defaultClass:'vn4iuz'},'table-cell':{conditions:{sm:'_19ybjav',md:'nmxg1c',base:'_16g3mp8'},defaultClass:'_16g3mp8'},'table-row':{conditions:{sm:'_1kupw4s',md:'_5dzmym',base:'_1sjy2le'},defaultClass:'_1sjy2le'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'j2j61a',md:'_1ysp8wi',base:'_1q4bpe7'},defaultClass:'_1q4bpe7'},auto:{conditions:{sm:'_1qp37b3',md:'pz4bm',base:'jj2tjy'},defaultClass:'jj2tjy'},initial:{conditions:{sm:'_1c0nxdo',md:'_1ci4u2c',base:'_4kid8h'},defaultClass:'_4kid8h'},none:{conditions:{sm:'u44otm',md:'at89ym',base:'_1n34gz1'},defaultClass:'_1n34gz1'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'_2pm44a',md:'_1sz8y9m',base:'le7qhj'},defaultClass:'le7qhj'},'column-reverse':{conditions:{sm:'iiom8k',md:'gno7fk',base:'_18anl4h'},defaultClass:'_18anl4h'},row:{conditions:{sm:'g5ucld',md:'pqazhs',base:'_6rwd6s'},defaultClass:'_6rwd6s'},'row-reverse':{conditions:{sm:'jj7vkl',md:'co55rp',base:'_1wduchy'},defaultClass:'_1wduchy'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_15w7g94',md:'zx0sta',base:'_15qwmw8'},defaultClass:'_15qwmw8'},wrap:{conditions:{sm:'_1lp50mn',md:'_13saahg',base:'cfyl9k'},defaultClass:'cfyl9k'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'_32l8ij',md:'_19gugvs',base:'_103zhdz'},defaultClass:'_103zhdz'},'2':{conditions:{sm:'wctsvg',md:'_1usw8nt',base:'_17m1zeg'},defaultClass:'_17m1zeg'},'4':{conditions:{sm:'_14wjc8q',md:'_1v5gvge',base:'oiint9'},defaultClass:'oiint9'},'6':{conditions:{sm:'_1rry0c1',md:'uxtghx',base:'_1b5kzcb'},defaultClass:'_1b5kzcb'},'8':{conditions:{sm:'htr8o9',md:'cif0ts',base:'hl5mxt'},defaultClass:'hl5mxt'},'10':{conditions:{sm:'_1fy51ni',md:'_188gdbg',base:'_1592oo4'},defaultClass:'_1592oo4'},'12':{conditions:{sm:'_3sgnkl',md:'izljm9',base:'_13f7xhb'},defaultClass:'_13f7xhb'},'16':{conditions:{sm:'_1a1ph4n',md:'_4mi7jl',base:'_169k87e'},defaultClass:'_169k87e'},'20':{conditions:{sm:'_1r53tg6',md:'_15uwsed',base:'px1bx3'},defaultClass:'px1bx3'},'24':{conditions:{sm:'_1gyhjcn',md:'_1gke5de',base:'_9xgfkd'},defaultClass:'_9xgfkd'},'32':{conditions:{sm:'qr32sz',md:'_1j26rv2',base:'_12iock0'},defaultClass:'_12iock0'},'40':{conditions:{sm:'_1fd2miu',md:'cyd6uf',base:'ty0j5'},defaultClass:'ty0j5'},'48':{conditions:{sm:'_38y6e9',md:'_1fbgr4o',base:'vvq7x0'},defaultClass:'vvq7x0'},'64':{conditions:{sm:'_13fpshu',md:'_1r1byfd',base:'_1vwx72x'},defaultClass:'_1vwx72x'},'80':{conditions:{sm:'lbquf6',md:'_69okur',base:'_61dk5p'},defaultClass:'_61dk5p'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'wu8c3o',md:'_1hvi352',base:'mu3by8'},defaultClass:'mu3by8'},'2':{conditions:{sm:'_15zlhpk',md:'_1l3p4z6',base:'_1ygz013'},defaultClass:'_1ygz013'},'3':{conditions:{sm:'nvpkm0',md:'_8tnmwp',base:'_1w0u2ah'},defaultClass:'_1w0u2ah'},'4':{conditions:{sm:'ze7dxu',md:'d6osnk',base:'_1ood4v1'},defaultClass:'_1ood4v1'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'_1nccei',md:'im9c2u',base:'_1intz3u'},defaultClass:'_1intz3u'},'2':{conditions:{sm:'_1qka8bb',md:'i1ab2i',base:'_1b3ugxo'},defaultClass:'_1b3ugxo'},'3':{conditions:{sm:'owcd2a',md:'_1hdrlzd',base:'_1n5vevw'},defaultClass:'_1n5vevw'},'4':{conditions:{sm:'o40jtq',md:'_1kbfjx',base:'_1mdjt60'},defaultClass:'_1mdjt60'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'_2nzsoj',md:'df05l2',base:'_1t0du6a'},defaultClass:'_1t0du6a'},'10':{conditions:{sm:'_3q5luf',md:'bifsg8',base:'_1bk0zrn'},defaultClass:'_1bk0zrn'},'12':{conditions:{sm:'p3imy2',md:'_2ashh4',base:'_13k703c'},defaultClass:'_13k703c'},'16':{conditions:{sm:'k4hol1',md:'_13rhccf',base:'_1al8z31'},defaultClass:'_1al8z31'},'20':{conditions:{sm:'j74dn7',md:'mk0y04',base:'_1mln1a7'},defaultClass:'_1mln1a7'},'24':{conditions:{sm:'onajca',md:'_12x56n6',base:'_1q3lq9c'},defaultClass:'_1q3lq9c'},'32':{conditions:{sm:'_13jz9k7',md:'_1et3q8q',base:'c6hvrb'},defaultClass:'c6hvrb'},'40':{conditions:{sm:'_1s78egk',md:'_18rhsfk',base:'_65qn3a'},defaultClass:'_65qn3a'},'48':{conditions:{sm:'hbk9yp',md:'nmxwhf',base:'ppwl5l'},defaultClass:'ppwl5l'},'56':{conditions:{sm:'_13qhkei',md:'_1naahcv',base:'i27319'},defaultClass:'i27319'},'64':{conditions:{sm:'_15evqsa',md:'m2dh73',base:'_16k1a21'},defaultClass:'_16k1a21'},'80':{conditions:{sm:'idaquy',md:'_1ieu00d',base:'fgkqqb'},defaultClass:'fgkqqb'},'224':{conditions:{sm:'j6fqt0',md:'g5xuk7',base:'_1d3iozi'},defaultClass:'_1d3iozi'},'384':{conditions:{sm:'jlao4x',md:'_57crqk',base:'_108wmvn'},defaultClass:'_108wmvn'},'2xs':{conditions:{sm:'hajo61',md:'r702e',base:'gyvbsw'},defaultClass:'gyvbsw'},xs:{conditions:{sm:'_136kfmj',md:'ge30s9',base:'_163902p'},defaultClass:'_163902p'},sm:{conditions:{sm:'ci20j7',md:'_1veceyl',base:'afib08'},defaultClass:'afib08'},md:{conditions:{sm:'_1f485e0',md:'_172kd5f',base:'_1esi8uo'},defaultClass:'_1esi8uo'},lg:{conditions:{sm:'_1z40qy',md:'_7k019l',base:'_1vfes03'},defaultClass:'_1vfes03'},xl:{conditions:{sm:'_1abrryb',md:'_1odzx9a',base:'_1x2ut1u'},defaultClass:'_1x2ut1u'},'3xl':{conditions:{sm:'_1hywzdt',md:'_10tl8mf',base:'_1ufo3qj'},defaultClass:'_1ufo3qj'},'1/2':{conditions:{sm:'_5zduv3',md:'zlkqvz',base:'_1316ilz'},defaultClass:'_1316ilz'},'1/3':{conditions:{sm:'_1wn4aqk',md:'fzb3pq',base:'vfqcs'},defaultClass:'vfqcs'},'2/3':{conditions:{sm:'wmw640',md:'_1ap3gfg',base:'_1xpyvpv'},defaultClass:'_1xpyvpv'},'1/4':{conditions:{sm:'_1dly2qa',md:'wgho7s',base:'_4ws1wy'},defaultClass:'_4ws1wy'},'2/4':{conditions:{sm:'_1cnh19z',md:'_14a2qag',base:'mcre9i'},defaultClass:'mcre9i'},'3/4':{conditions:{sm:'dabrrs',md:'_1pm45x5',base:'_8nwula'},defaultClass:'_8nwula'},auto:{conditions:{sm:'_1b28cr1',md:'bjb716',base:'_1nelv8y'},defaultClass:'_1nelv8y'},fit:{conditions:{sm:'_1v2pjsi',md:'_1cj1tvl',base:'m43e42'},defaultClass:'m43e42'},full:{conditions:{sm:'_1b41a4o',md:'_1xuzbp2',base:'xzxvek'},defaultClass:'xzxvek'},max:{conditions:{sm:'_9urvi5',md:'s9xq99',base:'m789fm'},defaultClass:'m789fm'},min:{conditions:{sm:'_12cybdb',md:'ii88oh',base:'_1tf4yj5'},defaultClass:'_1tf4yj5'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'m0ygkh',md:'zx8fj3',base:'sidgj9'},defaultClass:'sidgj9'},end:{conditions:{sm:'_9m8kmm',md:'bg6b2a',base:'_1am9ako'},defaultClass:'_1am9ako'},normal:{conditions:{sm:'ebkvse',md:'_2n74ia',base:'umov8t'},defaultClass:'umov8t'},'space-around':{conditions:{sm:'p683bz',md:'_1loqusn',base:'bnj81p'},defaultClass:'bnj81p'},'space-between':{conditions:{sm:'_1izesya',md:'_141m7c9',base:'_1dlwosi'},defaultClass:'_1dlwosi'},'space-evenly':{conditions:{sm:'_1ebp49j',md:'_1gyk0p9',base:'ony3sh'},defaultClass:'ony3sh'},start:{conditions:{sm:'_13qshmj',md:'_15a0gjl',base:'_1t6p4gf'},defaultClass:'_1t6p4gf'},stretch:{conditions:{sm:'f9up8i',md:'msqhdi',base:'ogjqp1'},defaultClass:'ogjqp1'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'mt36s4',md:'wqgdom',base:'_4fufi3'},defaultClass:'_4fufi3'},end:{conditions:{sm:'jimycs',md:'l1whl7',base:'dotkce'},defaultClass:'dotkce'},normal:{conditions:{sm:'_1u2u4d0',md:'_1kmh8jq',base:'_48fmwf'},defaultClass:'_48fmwf'},start:{conditions:{sm:'pd22aq',md:'_7ne32x',base:'_1ggolf'},defaultClass:'_1ggolf'},stretch:{conditions:{sm:'_1nhcbm1',md:'_11l35fg',base:'b1md1j'},defaultClass:'b1md1j'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'sk8f0i',md:'_1ezltk1',base:'dizq28'},defaultClass:'dizq28'},sm:{conditions:{sm:'_1v6xb8t',md:'_2esen6',base:'n45bdh'},defaultClass:'n45bdh'},md:{conditions:{sm:'pr3wky',md:'_1lswwla',base:'_1iebigq'},defaultClass:'_1iebigq'},lg:{conditions:{sm:'_1ollfmu',md:'_1ielgew',base:'jpp2ua'},defaultClass:'jpp2ua'},full:{conditions:{sm:'blyvqr',md:'wwpsan',base:'_1qcnt40'},defaultClass:'_1qcnt40'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'_1fuqnrw',md:'ap74n7',base:'wrvh93'},defaultClass:'wrvh93'},sm:{conditions:{sm:'xsh6f',md:'_1s6ln4s',base:'_1m95vl4'},defaultClass:'_1m95vl4'},md:{conditions:{sm:'_173th6n',md:'_1m50lp7',base:'_828p8u'},defaultClass:'_828p8u'},lg:{conditions:{sm:'vmn4o6',md:'_1bbhzp0',base:'_1dm7s3w'},defaultClass:'_1dm7s3w'},full:{conditions:{sm:'_1fqt0ei',md:'_17upz6o',base:'_42iot1'},defaultClass:'_42iot1'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'mvnv1d',md:'_9gcf1y',base:'_10a0syu'},defaultClass:'_10a0syu'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'_1mwwnm1',md:'_1ai42qi',base:'quutes'},defaultClass:'quutes'},'10':{conditions:{sm:'_5qibj6',md:'ikunhl',base:'_1l71lvy'},defaultClass:'_1l71lvy'},'12':{conditions:{sm:'_1qfhdn5',md:'_1mei481',base:'q5omb2'},defaultClass:'q5omb2'},'16':{conditions:{sm:'_132l5zf',md:'_17mx8sb',base:'_1mpnj65'},defaultClass:'_1mpnj65'},'20':{conditions:{sm:'r29jv4',md:'_1yx4w58',base:'k99b4m'},defaultClass:'k99b4m'},'24':{conditions:{sm:'bo3hl',md:'_47yroq',base:'_1vfdeyx'},defaultClass:'_1vfdeyx'},'32':{conditions:{sm:'_1uto03d',md:'_17owe9e',base:'_1hb1swq'},defaultClass:'_1hb1swq'},'40':{conditions:{sm:'_5199d1',md:'vdzxtj',base:'_1otvwas'},defaultClass:'_1otvwas'},'48':{conditions:{sm:'rwow18',md:'_1u7gghq',base:'itxpgz'},defaultClass:'itxpgz'},'56':{conditions:{sm:'_1ow08fl',md:'_174t3g4',base:'_1bde8nn'},defaultClass:'_1bde8nn'},'64':{conditions:{sm:'_1y4oz5a',md:'e2a4ix',base:'_1rdxnbu'},defaultClass:'_1rdxnbu'},'80':{conditions:{sm:'lz1zhh',md:'g8o2jj',base:'_1xwb7ls'},defaultClass:'_1xwb7ls'},'224':{conditions:{sm:'irvavh',md:'_13sext7',base:'_1nlscnc'},defaultClass:'_1nlscnc'},'384':{conditions:{sm:'_1swz9k',md:'_1wj6ozm',base:'r4b2d9'},defaultClass:'r4b2d9'},'2xs':{conditions:{sm:'_3koq17',md:'_1vy88wo',base:'_185ciqv'},defaultClass:'_185ciqv'},xs:{conditions:{sm:'_18xogg3',md:'_1gb7zss',base:'_1tw01nf'},defaultClass:'_1tw01nf'},sm:{conditions:{sm:'_174p42m',md:'_17x0tqi',base:'_1omih0y'},defaultClass:'_1omih0y'},md:{conditions:{sm:'_93rxj0',md:'_1j1y6j4',base:'_6kopl5'},defaultClass:'_6kopl5'},lg:{conditions:{sm:'_1hmjz4q',md:'u11x3c',base:'s949dv'},defaultClass:'s949dv'},xl:{conditions:{sm:'_1272kkc',md:'_1fcydvm',base:'_12ov1mk'},defaultClass:'_12ov1mk'},'3xl':{conditions:{sm:'ucf0ou',md:'_1d4a7rd',base:'n0dfa'},defaultClass:'n0dfa'},'1/2':{conditions:{sm:'_1boweoj',md:'o3dxg0',base:'_58cr2r'},defaultClass:'_58cr2r'},'1/3':{conditions:{sm:'_6ommoz',md:'_1hwz7x0',base:'_76fnz7'},defaultClass:'_76fnz7'},'2/3':{conditions:{sm:'_7bo3pq',md:'_2k10ao',base:'_1dsajgq'},defaultClass:'_1dsajgq'},'1/4':{conditions:{sm:'_1hohyfl',md:'wq49vr',base:'_1vputg1'},defaultClass:'_1vputg1'},'2/4':{conditions:{sm:'sifpdc',md:'s81dbn',base:'_9czb5p'},defaultClass:'_9czb5p'},'3/4':{conditions:{sm:'_4lbcac',md:'wtbrto',base:'_35zzam'},defaultClass:'_35zzam'},auto:{conditions:{sm:'sjg0ik',md:'_1f39rii',base:'_1d7ke9t'},defaultClass:'_1d7ke9t'},fit:{conditions:{sm:'ubgdjp',md:'_355cf6',base:'pp12qj'},defaultClass:'pp12qj'},full:{conditions:{sm:'evfstz',md:'j5s793',base:'_12837x3'},defaultClass:'_12837x3'},max:{conditions:{sm:'e33wab',md:'_3q7zjx',base:'_1139ck2'},defaultClass:'_1139ck2'},min:{conditions:{sm:'_136584o',md:'_36wqs8',base:'_1q50ox5'},defaultClass:'_1q50ox5'}},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:'dciuxp'},pulse:{defaultClass:'_12cfpma'},spin:{defaultClass:'_9q8m4n'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'_1grj27m'},'bg.accent.hovered':{defaultClass:'_1tmg96c'},'bg.accent.light':{defaultClass:'_1vhu5mx'},'bg.accent.pressed':{defaultClass:'_1qshxxc'},'bg.accent.subtle':{defaultClass:'_10ja07l'},'bg.avatar.neutral':{defaultClass:'_1s5p6yy'},'bg.avatar.purple':{defaultClass:'_1ur1mi6'},'bg.default':{defaultClass:'_2f17fq'},'bg.default.hovered':{defaultClass:'_1vjieot'},'bg.default.inverse':{defaultClass:'_1rl571a'},'bg.default.inverse.hovered':{defaultClass:'_1p7anr5'},'bg.default.inverse.pressed':{defaultClass:'_1djdkb6'},'bg.default.pressed':{defaultClass:'_1opry6y'},'bg.error':{defaultClass:'_1l22zvd'},'bg.error.hovered':{defaultClass:'_1emt6nt'},'bg.error.light':{defaultClass:'_1vd5n8e'},'bg.error.pressed':{defaultClass:'_44rorr'},'bg.error.subtle':{defaultClass:'sp3evr'},'bg.error.subtlest':{defaultClass:'_1v19zal'},'bg.information':{defaultClass:'ku1b2l'},'bg.information.light':{defaultClass:'_1cyjyuk'},'bg.information.subtle':{defaultClass:'_1yn839b'},'bg.overlay':{defaultClass:'_1nd8m2g'},'bg.page':{defaultClass:'_8234gl'},'bg.secondary':{defaultClass:'axj50q'},'bg.secondary.hovered':{defaultClass:'_1dygbb'},'bg.spinner.default':{defaultClass:'_12tp1ln'},'bg.spinner.inverse':{defaultClass:'nyvjx8'},'bg.success':{defaultClass:'_1vwn1uo'},'bg.success.hovered':{defaultClass:'_1soeabc'},'bg.success.light':{defaultClass:'ejh9tw'},'bg.success.subtle':{defaultClass:'fkuc47'},'bg.tertiary':{defaultClass:'_11f1mq8'},'bg.tertiary.hovered':{defaultClass:'q9idx9'},'bg.warning':{defaultClass:'_1jx5r4x'},'bg.warning.hovered':{defaultClass:'_1vruuwq'},'bg.warning.light':{defaultClass:'_1diha1s'},'bg.warning.subtle':{defaultClass:'_1rx4zzk'},current:{defaultClass:'_1ep7n1e'},transparent:{defaultClass:'a4mqxq'}}},borderBottomWidth:{values:{'0':{defaultClass:'_17ls029'},'1':{defaultClass:'_1wjw9xh'},'2':{defaultClass:'kbv9us'}}},borderColor:{values:{'border.accent':{defaultClass:'cwwlk2'},'border.control':{defaultClass:'_1pu7rr5'},'border.control.hovered':{defaultClass:'_17kq6hr'},'border.default':{defaultClass:'_3xkwgl'},'border.disabled':{defaultClass:'at0bqv'},'border.error':{defaultClass:'_1ak366'},'border.focus':{defaultClass:'_116hg0p'},'border.focus.error':{defaultClass:'dc377w'},'border.secondary':{defaultClass:'_1r93q8o'},'border.success':{defaultClass:'_1oxerde'},'border.tertiary':{defaultClass:'_3wz3r2'},'border.warning':{defaultClass:'_1tj251z'},current:{defaultClass:'xhm20g'},transparent:{defaultClass:'_9wagga'}}},borderLeftWidth:{values:{'0':{defaultClass:'_1y2cani'},'1':{defaultClass:'_1vqnylj'},'2':{defaultClass:'cx0f5b'}}},borderRadius:{values:{xs:{defaultClass:'_1vw1fkz'},sm:{defaultClass:'_1ro5kj9'},md:{defaultClass:'_10pufc4'},lg:{defaultClass:'iphzv3'},full:{defaultClass:'strod0'},inherit:{defaultClass:'_116i9ly'},none:{defaultClass:'_7wbnc7'}}},borderRightWidth:{values:{'0':{defaultClass:'eq5xbp'},'1':{defaultClass:'_1m60ean'},'2':{defaultClass:'gebis0'}}},borderTopWidth:{values:{'0':{defaultClass:'zpqa2v'},'1':{defaultClass:'_1p4n40h'},'2':{defaultClass:'ep7s3w'}}},boxShadow:{values:{sm:{defaultClass:'ay3u3v'},md:{defaultClass:'_6459we'},lg:{defaultClass:'_1cifb25'},none:{defaultClass:'_1i8wytz'}}},color:{values:{'fg.accent':{defaultClass:'qnlozc'},'fg.accent.hovered':{defaultClass:'rfxmss'},'fg.accent.strong':{defaultClass:'ts0rm6'},'fg.avatar.neutral':{defaultClass:'_1rku9a1'},'fg.avatar.purple':{defaultClass:'_16q5dvm'},'fg.default':{defaultClass:'_1vg6p9q'},'fg.default.inverse':{defaultClass:'_6gubl'},'fg.disabled':{defaultClass:'xzdr34'},'fg.error':{defaultClass:'_1utxroi'},'fg.error.hovered':{defaultClass:'_1itxdi2'},'fg.error.light':{defaultClass:'_5jxuoy'},'fg.error.strong':{defaultClass:'_134dax9'},'fg.information':{defaultClass:'_1fmmmql'},'fg.information.light':{defaultClass:'_1j2xjt5'},'fg.information.strong':{defaultClass:'_1rwxo71'},'fg.link.default':{defaultClass:'hyeke6'},'fg.link.default.hovered':{defaultClass:'_1f1zqqj'},'fg.link.inverse':{defaultClass:'q0jbs7'},'fg.link.subtle':{defaultClass:'_1o7kuso'},'fg.link.visited':{defaultClass:'ab3ke7'},'fg.secondary':{defaultClass:'_1wmbvja'},'fg.spinner.default':{defaultClass:'_1c4xgsa'},'fg.spinner.inverse':{defaultClass:'dvsztk'},'fg.success':{defaultClass:'_1z8r4h'},'fg.success.hovered':{defaultClass:'ujcmrp'},'fg.success.light':{defaultClass:'hrl9kq'},'fg.success.strong':{defaultClass:'_1l3j7eq'},'fg.tertiary':{defaultClass:'dmanv4'},'fg.warning':{defaultClass:'d12ps8'},'fg.warning.hovered':{defaultClass:'zsjkae'},'fg.warning.inverse':{defaultClass:'_1uvsgbu'},'fg.warning.light':{defaultClass:'_18c0yix'},'fg.warning.strong':{defaultClass:'_1m3w655'},'fg.white':{defaultClass:'_11jcs56'},current:{defaultClass:'ex9ugw'},transparent:{defaultClass:'v2jpgk'}}},cursor:{values:{pointer:{defaultClass:'_1pqggzq'},'default':{defaultClass:'o2ndno'},'not-allowed':{defaultClass:'_9rk773'},text:{defaultClass:'fdwmhn'}}},empty:{values:{hidden:{defaultClass:'_1jdlyb8'}}},fontFamily:{values:{mono:{defaultClass:'_1onx6o7'},sans:{defaultClass:'emcft4'}}},fontSize:{values:{xs:{defaultClass:'hh8qcu'},sm:{defaultClass:'_1prdct1'},md:{defaultClass:'qv32f4'},lg:{defaultClass:'tj9nla'},xl:{defaultClass:'t6p0r6'},'2xl':{defaultClass:'_19q7fyd'},'3xl':{defaultClass:'_1vr08gq'},'4xl':{defaultClass:'_3dujta'},inherit:{defaultClass:'_1yge5u1'}}},fontWeight:{values:{'400':{defaultClass:'fysdpp'},'500':{defaultClass:'lligcv'},'600':{defaultClass:'_10phtsh'},'700':{defaultClass:'_8mbogh'},inherit:{defaultClass:'_14gl918'}}},marginBottom:{values:{'0':{defaultClass:'_6el1ig'},'2':{defaultClass:'im4zif'},'4':{defaultClass:'f02kvl'},'6':{defaultClass:'_16jzdhj'},'8':{defaultClass:'_12x0mc1'},'10':{defaultClass:'yygthh'},'12':{defaultClass:'_1jpap5y'},'16':{defaultClass:'irx6zd'},'20':{defaultClass:'pecokk'},'24':{defaultClass:'_1p4uipj'},'32':{defaultClass:'_1r7uzmy'},'40':{defaultClass:'ko4a4y'},'48':{defaultClass:'_1i1lyze'},'64':{defaultClass:'_11r6bq0'},'80':{defaultClass:'kfem80'},auto:{defaultClass:'o6tdq3'}}},marginLeft:{values:{'0':{defaultClass:'_1cfjzw'},'2':{defaultClass:'_1q0pdz2'},'4':{defaultClass:'i4lcj9'},'6':{defaultClass:'k7k0ob'},'8':{defaultClass:'_1o6sr1w'},'10':{defaultClass:'_1c3tklx'},'12':{defaultClass:'_1ts6dsm'},'16':{defaultClass:'i3oc4c'},'20':{defaultClass:'_412lxe'},'24':{defaultClass:'_1spa4ic'},'32':{defaultClass:'spn73d'},'40':{defaultClass:'_1o7pogd'},'48':{defaultClass:'_1js27p9'},'64':{defaultClass:'ed5t0a'},'80':{defaultClass:'oixdvb'},auto:{defaultClass:'_1obdx29'}}},marginRight:{values:{'0':{defaultClass:'_1alcduc'},'2':{defaultClass:'nsncoi'},'4':{defaultClass:'_1u04w2m'},'6':{defaultClass:'k03crt'},'8':{defaultClass:'_1ipgyrf'},'10':{defaultClass:'_1iddhz3'},'12':{defaultClass:'_14ozdtb'},'16':{defaultClass:'_1j7p17d'},'20':{defaultClass:'wt46or'},'24':{defaultClass:'_762obn'},'32':{defaultClass:'_1hrgqwj'},'40':{defaultClass:'_1v8rpm7'},'48':{defaultClass:'_1g4t0zx'},'64':{defaultClass:'hno0ix'},'80':{defaultClass:'_1ft3a3p'},auto:{defaultClass:'tyegya'}}},marginTop:{values:{'0':{defaultClass:'_9uf1n5'},'2':{defaultClass:'_1mu6cep'},'4':{defaultClass:'_1xd0wac'},'6':{defaultClass:'_7us149'},'8':{defaultClass:'_12iwfsc'},'10':{defaultClass:'nf1hvu'},'12':{defaultClass:'_1wgk93o'},'16':{defaultClass:'n3cehu'},'20':{defaultClass:'_1uojogq'},'24':{defaultClass:'f371yc'},'32':{defaultClass:'_12m11uk'},'40':{defaultClass:'_2koqnt'},'48':{defaultClass:'h3sloz'},'64':{defaultClass:'hjqse2'},'80':{defaultClass:'_1pvzkxh'},auto:{defaultClass:'lwfde3'}}},objectFit:{values:{contain:{defaultClass:'_1d7jpvs'},cover:{defaultClass:'_14boc98'},fill:{defaultClass:'r4j820'},none:{defaultClass:'_1dodsbl'}}},overflowX:{values:{auto:{defaultClass:'_11xuy7b'},hidden:{defaultClass:'_1f5r6m9'},visible:{defaultClass:'jl1c4'}}},overflowY:{values:{auto:{defaultClass:'a2dbfd'},hidden:{defaultClass:'sn7tmv'},visible:{defaultClass:'_1jirufk'}}},paddingBottom:{values:{'0':{defaultClass:'_4nll8h'},'2':{defaultClass:'hje93w'},'4':{defaultClass:'_1reidk2'},'6':{defaultClass:'yqwvq3'},'8':{defaultClass:'_18bara4'},'10':{defaultClass:'xwuax9'},'12':{defaultClass:'ircdoc'},'16':{defaultClass:'rd78un'},'20':{defaultClass:'_9fx0pm'},'24':{defaultClass:'_1qwvtgi'},'32':{defaultClass:'n4eu33'},'40':{defaultClass:'gofok4'},'48':{defaultClass:'eirvlt'},'64':{defaultClass:'fligpk'},'80':{defaultClass:'_18jcfnc'}}},paddingLeft:{values:{'0':{defaultClass:'_1p2rh6h'},'2':{defaultClass:'imwqvt'},'4':{defaultClass:'_1h2x4ga'},'6':{defaultClass:'y76cgv'},'8':{defaultClass:'_1tfqseg'},'10':{defaultClass:'_1q80d4'},'12':{defaultClass:'_1rnvvbn'},'16':{defaultClass:'_4lmf6c'},'20':{defaultClass:'_1xk6mcg'},'24':{defaultClass:'pg4542'},'32':{defaultClass:'_1nn4ada'},'40':{defaultClass:'_1gia0bo'},'48':{defaultClass:'_1ehrz68'},'64':{defaultClass:'_230zc8'},'80':{defaultClass:'_1p5racv'}}},paddingRight:{values:{'0':{defaultClass:'h1rpeh'},'2':{defaultClass:'_1xki8hd'},'4':{defaultClass:'gq3cxs'},'6':{defaultClass:'_1eq77h'},'8':{defaultClass:'_11ka5p8'},'10':{defaultClass:'_13yvbsu'},'12':{defaultClass:'l34i4z'},'16':{defaultClass:'_1vz1uww'},'20':{defaultClass:'nw55ft'},'24':{defaultClass:'uybfph'},'32':{defaultClass:'xmho4f'},'40':{defaultClass:'_3rv7z1'},'48':{defaultClass:'oxpje6'},'64':{defaultClass:'_4oe26m'},'80':{defaultClass:'jselac'}}},paddingTop:{values:{'0':{defaultClass:'_1v0tij5'},'2':{defaultClass:'el70gp'},'4':{defaultClass:'_1t0fitj'},'6':{defaultClass:'_1ss0y0k'},'8':{defaultClass:'_1vg4p0u'},'10':{defaultClass:'_11llvot'},'12':{defaultClass:'_1mrhgox'},'16':{defaultClass:'_12i1mbi'},'20':{defaultClass:'mcdcvi'},'24':{defaultClass:'ttcaxt'},'32':{defaultClass:'_1cex5c9'},'40':{defaultClass:'rt14s6'},'48':{defaultClass:'uh7ots'},'64':{defaultClass:'vwn3tg'},'80':{defaultClass:'_9p4rcm'}}},pointerEvents:{values:{auto:{defaultClass:'_1j4gkw'},none:{defaultClass:'_1kek9ww'}}},textAlign:{values:{end:{defaultClass:'hq2rkb'},start:{defaultClass:'_1ko20sq'},center:{defaultClass:'_10eq4vf'},justify:{defaultClass:'k93b3v'}}},textTransform:{values:{capitalize:{defaultClass:'rq1la5'},none:{defaultClass:'hyd41n'},uppercase:{defaultClass:'a4uu5w'}}},transition:{values:{all:{defaultClass:'_1gkfp55'},colors:{defaultClass:'qbtivj'},none:{defaultClass:'_1ld7fzn'},opacity:{defaultClass:'_1d79yd8'},transform:{defaultClass:'klp0ap'}}},whiteSpace:{values:{nowrap:{defaultClass:'_11ygvbq'}}},zIndex:{values:{'0':{defaultClass:'_10tt2g1'},'10':{defaultClass:'y5xfh8'},'20':{defaultClass:'_1b7n65w'},'30':{defaultClass:'r28hry'},popover:{defaultClass:'vdn061'},toast:{defaultClass:'_43149a'},tooltip:{defaultClass:'_1vijm0d'},auto:{defaultClass:'_1lqi0di'}}}}};
+
+const sprinkles = createSprinkles(
+  unresponsiveProps,
+  responsiveProps
+);
+const mapResponsiveValue = createMapValueFn(responsiveProps);
+
+function createSprinklesMerge(...properties) {
+  const classNameToPropertyMapping = {};
+  for (const [name, definition] of Object.entries({
+    ...properties[0]?.styles,
+    ...properties[1]?.styles
+  })) {
+    if ("values" in definition) {
+      for (const value of Object.values(definition.values)) {
+        classNameToPropertyMapping[value.defaultClass] = `defaultClass:${name}`;
+        if ("conditions" in value && value.conditions) {
+          for (const [condition, className] of Object.entries(
+            value.conditions
+          )) {
+            classNameToPropertyMapping[className] = `${condition}:${name}`;
+          }
+        }
+      }
+    }
+  }
+  return function sprinklesMerge(...classNames) {
+    let parsedClassName = { _: [] };
+    while (classNames.length) {
+      const className = classNames.shift();
+      if (!className) {
+        continue;
+      }
+      parsedClassName = className.split(" ").reduce((result, className2) => {
+        className2 = className2.trim();
+        if (!className2) {
+          return result;
+        }
+        if (className2 in classNameToPropertyMapping) {
+          result[classNameToPropertyMapping[className2]] = [className2];
+        } else {
+          result._.push(className2);
+        }
+        return result;
+      }, parsedClassName);
+    }
+    return clsx(...new Set(Object.values(parsedClassName).flat()));
+  };
+}
+
+const sprinklesMerge = createSprinklesMerge(
+  unresponsiveProps,
+  responsiveProps
+);
+
+const recipeRuntime = ({
+  base = {},
+  variants,
+  variantsCompounded = []
+}) => {
+  return (props, className) => {
+    const selections = props ?? {};
+    const classNames = className ? [className] : [];
+    const sprinkleProps = {};
+    function process(rule) {
+      for (const item of Array.isArray(rule) ? rule : [rule]) {
+        if (typeof item === "string") {
+          classNames.push(item);
+        } else {
+          for (const [name, value] of Object.entries(item)) {
+            sprinkleProps[name] = value;
+          }
+        }
+      }
+    }
+    process(base);
+    for (const variantName in variants) {
+      if (selections[variantName] === null || selections[variantName] === void 0) {
+        continue;
+      }
+      const variant = variants[variantName];
+      const selection = typeof selections[variantName] === "boolean" ? selections[variantName] ? "true" : "false" : selections[variantName];
+      if (String(selection) in variant) {
+        process(variant[selection]);
+      }
+    }
+    for (const { style, variants: variants2 } of variantsCompounded) {
+      if (!shouldApplyCompound(variants2, selections)) {
+        continue;
+      }
+      process(style);
+    }
+    return {
+      ...sprinkleProps,
+      className: classNames.join(" ")
+    };
+  };
+};
+const shouldApplyCompound = (compoundCheck, selections) => {
+  for (const key of Object.keys(compoundCheck)) {
+    if (compoundCheck[key] !== selections[key]) {
+      return false;
+    }
+  }
+  return true;
+};
+
+var box = recipeRuntime({base:'esmvms'});
+
+function extractBoxProps(props) {
+  const boxProps = {};
+  const restProps = {};
+  for (const [name, value] of Object.entries(props)) {
+    if (name === "className" || sprinkles.properties.has(name)) {
+      if (value !== null && value !== void 0) {
+        boxProps[name] = value;
+      }
+    } else {
+      restProps[name] = value;
+    }
+  }
+  return { boxProps, restProps };
+}
+
+const Box = React.forwardRef(
+  ({ asChild, className, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        "data-axiom": version,
+        ref,
+        ...box({}, sprinklesMerge(className, sprinkles(boxProps))),
+        ...restProps
+      }
+    );
+  }
+);
+Box.displayName = "@optiaxiom/react/Box";
+
+var loadable = recipeRuntime({base:[{transition:'opacity'},'_5f1004']});
+
+const ButtonLoadable = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...loadable({}, className), ...props, children });
+  }
+);
+ButtonLoadable.displayName = "@optiaxiom/react/ButtonLoadable";
+
+const ButtonAddon = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "flex", flex: "none", ref, ...props, children }) });
+  }
+);
+ButtonAddon.displayName = "@optiaxiom/react/ButtonAddon";
+
+const mapDirectionToAlign = {
+  column: "stretch",
+  "column-reverse": "stretch",
+  row: "center",
+  "row-reverse": "center"
+};
+const mapDirectionToJustify = {
+  column: "center",
+  "column-reverse": "center",
+  row: "start",
+  "row-reverse": "start"
+};
+const Flex = React.forwardRef(
+  ({
+    alignItems,
+    flexDirection = "column",
+    gap = "16",
+    justifyContent,
+    ...props
+  }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        alignItems: alignItems ?? mapResponsiveValue(
+          flexDirection,
+          (value) => mapDirectionToAlign[value]
+        ),
+        display: "flex",
+        flexDirection,
+        gap,
+        justifyContent: justifyContent ?? mapResponsiveValue(
+          flexDirection,
+          (value) => mapDirectionToJustify[value]
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Flex.displayName = "@optiaxiom/react/Flex";
+
+var track = recipeRuntime({variants:{appearance:{'default':'bjzhm9',inverse:'aru97'}}});
+
+const mapAppearanceToFg = {
+  default: "fg.spinner.default",
+  inverse: "fg.spinner.inverse"
+};
+const Spinner = React.forwardRef(
+  ({ appearance = "default", children, size = "md", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      Flex,
+      {
+        alignItems: "center",
+        "aria-label": "Loading",
+        display: "inline-flex",
+        ref,
+        role: "status",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Box, { animation: "spin", asChild: true, size, children: /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              fill: "none",
+              height: 16,
+              viewBox: "0 0 16 16",
+              width: 16,
+              xmlns: "http://www.w3.org/2000/svg",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...track({ appearance }), children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "circle",
+                  {
+                    cx: "8",
+                    cy: "8",
+                    r: "7",
+                    stroke: "currentColor",
+                    strokeOpacity: "0.04",
+                    strokeWidth: "1.5"
+                  }
+                ) }),
+                /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, color: mapAppearanceToFg[appearance], children: /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    d: "M4.5 1.93782C5.45668 1.38549 6.53049 1.06741 7.63365 1.00959C8.73681 0.951779 9.83799 1.15587 10.8472 1.60518C11.8563 2.05449 12.7448 2.73627 13.44 3.59476C14.1352 4.45325 14.6174 5.46408 14.847 6.54462",
+                    stroke: "currentColor",
+                    strokeLinecap: "round",
+                    strokeWidth: "1.5"
+                  }
+                ) })
+              ]
+            }
+          ) }),
+          children
+        ]
+      }
+    );
+  }
+);
+Spinner.displayName = "@optiaxiom/react/Spinner";
+
+const TransitionGroupContext = React.createContext(void 0);
+
+const useTransitionStatus = (ref) => {
+  const { onMount, onUnmount, open } = React.useContext(TransitionGroupContext) ?? {
+    open: true
+  };
+  React.useEffect(() => {
+    onMount?.(ref);
+    return () => onUnmount?.(ref);
+  }, [onMount, onUnmount, ref]);
+  const [mounted, setMounted] = React.useState(false);
+  React.useEffect(() => {
+    if (open) {
+      requestAnimationFrame(() => setMounted(true));
+    }
+  }, [open]);
+  return open && !mounted ? "starting" : !open && mounted ? "ending" : void 0;
+};
+
+var transition = recipeRuntime({base:'_142yteh',variants:{duration:{sm:'_5d4p77',md:'_347pef',lg:'qzphd2'},type:{fade:'_15tlllz',pop:'nuolo7',slide:'v4lzj5',slidePop:'klklv6'}}});
+
+const TransitionGlobalConfig = {
+  skipAnimations: false
+};
+
+const Transition = React.forwardRef(
+  ({ children, duration = "md", skipAnimations, type = "fade", ...props }, outerRef) => {
+    const innerRef = React.useRef(null);
+    const transitionStatus = useTransitionStatus(innerRef);
+    const ref = reactComposeRefs.useComposedRefs(outerRef, innerRef);
+    return skipAnimations || TransitionGlobalConfig.skipAnimations ? /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, children }) : /* @__PURE__ */ jsxRuntime.jsx(
+      reactSlot.Slot,
+      {
+        ref,
+        ...transition(
+          {
+            duration,
+            type: transitionStatus ? type : void 0
+          },
+          void 0
+        ),
+        ...props,
+        children
+      }
+    );
+  }
+);
+Transition.displayName = "@optiaxiom/react/Transition";
+
+function TransitionGroup({
+  children,
+  open
+}) {
+  const [transitions, setTransitions] = React.useState(
+    []
+  );
+  const onMount = React.useCallback((ref) => {
+    setTransitions((transitions2) => [...transitions2, ref]);
+  }, []);
+  const onUnmount = React.useCallback((ref) => {
+    setTransitions(
+      (transitions2) => transitions2.filter((transition) => transition !== ref)
+    );
+  }, []);
+  const [connected, setConnected] = React.useState(false);
+  React.useEffect(() => {
+    if (open) {
+      setConnected(true);
+    } else {
+      if (transitions.length) {
+        void Promise.allSettled(
+          transitions.flatMap(
+            (ref) => typeof ref.current?.getAnimations === "function" ? ref.current?.getAnimations().map((animation) => animation.finished) : [Promise.resolve()]
+          )
+        ).then(() => setConnected(false));
+      } else {
+        setConnected(false);
+      }
+    }
+  }, [open, transitions]);
+  if (TransitionGlobalConfig.skipAnimations) {
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: open && children });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(TransitionGroupContext.Provider, { value: { onMount, onUnmount, open }, children: (open || connected) && children });
+}
+TransitionGroup.displayName = "@optiaxiom/react/TransitionGroup";
+
+const mapValues = (obj, valueFn, keyFn = (key) => key) => {
+  const result = {};
+  for (const [key, value] of Object.entries(obj)) {
+    result[keyFn ? keyFn(key) : key] = valueFn(value, key);
+  }
+  return result;
+};
+
+const conditions = {
+  conditions: {
+    ...mapValues(globals.tokens.screens, (width) => ({
+      "@media": `screen and (min-width: ${width})`
+    }))}};
+
+const decorateChildren = ({ asChild, children }, decorator) => {
+  if (asChild) {
+    const newElement = React.isValidElement(children) ? children : null;
+    return newElement ? React.cloneElement(
+      newElement,
+      void 0,
+      decorateChildren(
+        {
+          ...newElement.props,
+          asChild: newElement.props.asChild || newElement.type === reactSlot.Slot
+        },
+        decorator
+      )
+    ) : children;
+  } else {
+    return decorator(children);
+  }
+};
+
+const fallbackSpan = (content) => React.isValidElement(content) ? content : /* @__PURE__ */ jsxRuntime.jsx("span", { children: content });
+
+const forceValueChange = (input, value) => {
+  Object.getOwnPropertyDescriptor(
+    input.constructor.prototype,
+    "value"
+  )?.set?.call(input, value);
+  input.dispatchEvent(new Event("change", { bubbles: true }));
+};
+
+function onReactSelectInputBlur(event) {
+  const { relatedTarget, target } = event;
+  if (isReactSelectInput(target) && isNonDialogElement(relatedTarget)) {
+    relatedTarget.focus();
+  }
+}
+function isNonDialogElement(element) {
+  return element instanceof HTMLElement && element.role !== "dialog";
+}
+function isReactSelectInput(element) {
+  return element instanceof HTMLElement && element.id.startsWith("react-select-") && element.id.endsWith("-input") && element.localName === "input";
+}
+
+var buttonBase = recipeRuntime({base:['_1xdkp9e',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'_3e0gdv'],variants:{intent:{danger:'r9i7q9',neutral:'_18qrfbf',primary:'_38trn'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_1rq1a0d',true:{}},variant:{outline:'_8fhhtt',strong:'_12cnbfj',subtle:'_185ktbl'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_10r4k6r',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'a67vhy',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'rnj6u0',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'lpkeg9']});
+
+const appearances = {
+  danger: { intent: "danger", variant: "strong" },
+  "danger-outline": { intent: "danger", variant: "outline" },
+  default: { intent: "neutral", variant: "outline" },
+  inverse: { intent: "neutral", variant: "strong" },
+  primary: { intent: "primary", variant: "strong" },
+  subtle: { intent: "neutral", variant: "subtle" }
+};
+const ButtonBase = React.forwardRef(
+  ({
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    disabled,
+    loading,
+    size = "md",
+    square,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const { intent, variant } = appearances[appearance];
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild: true,
+        cursor: disabled ? "not-allowed" : "pointer",
+        "data-disabled": disabled ? "" : void 0,
+        "data-loading": loading ? "" : void 0,
+        ...buttonBase(
+          {
+            intent,
+            size,
+            square: Boolean(square),
+            variant
+          },
+          className
+        ),
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { disabled, ref, ...restProps, children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(TransitionGroup, { open: loading, children: /* @__PURE__ */ jsxRuntime.jsx(Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
+            Spinner,
+            {
+              appearance: variant === "strong" ? "inverse" : "default",
+              "aria-hidden": "true",
+              ...spinner()
+            }
+          ) }) }),
+          children2
+        ] })) })
+      }
+    );
+  }
+);
+ButtonBase.displayName = "@optiaxiom/react/ButtonBase";
+
+const [ButtonContextProvider, useButtonContext] = reactContext.createContext("Button", { size: void 0 });
+
+const ButtonLabel = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(ButtonLoadable, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { flex: "1", flexDirection: "row", gap: "4", mx: "4", ref, ...props, children }) });
+  }
+);
+ButtonLabel.displayName = "@optiaxiom/react/ButtonLabel";
+
+const Icon = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { flex: "none", h: "2xs", ref, w: "auto", ...props, children });
+  }
+);
+Icon.displayName = "@optiaxiom/react/Icon";
+
+const Button = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    asChild,
+    children,
+    icon,
+    iconPosition = "start",
+    size: sizeProp,
+    square,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    const context = useButtonContext("Button");
+    const size = sizeProp || context.size || "md";
+    let isIconOnly = false;
+    children = decorateChildren({ asChild, children }, (children2) => {
+      isIconOnly = Boolean(!children2 && icon);
+      if (isIconOnly) {
+        square = true;
+      }
+      if (icon && !isIconOnly) {
+        if (iconPosition === "start") {
+          addonBefore = /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon });
+        } else if (iconPosition === "end") {
+          addonAfter = /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon });
+        }
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        addonBefore && /* @__PURE__ */ jsxRuntime.jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonBefore) }),
+        square ? /* @__PURE__ */ jsxRuntime.jsx(ButtonLoadable, { asChild: true, children: children2 ? fallbackSpan(children2) : /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon }) }) : /* @__PURE__ */ jsxRuntime.jsx(ButtonLabel, { children: children2 }),
+        addonAfter && /* @__PURE__ */ jsxRuntime.jsx(ButtonAddon, { asChild: true, children: fallbackSpan(addonAfter) })
+      ] });
+    });
+    const isIconMissingAriaLabel = isIconOnly && !props["aria-label"];
+    React.useEffect(() => {
+      if (isIconMissingAriaLabel) {
+        console.error(
+          `Icon only \`Button\` requires an \`aria-label\` for the component to be accessible for screen reader users.`
+        );
+      }
+    }, [isIconMissingAriaLabel]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ButtonBase,
+      {
+        asChild: true,
+        ref,
+        size,
+        square,
+        ...props,
+        ...square && {
+          justifyContent: "center"
+        },
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children })
+      }
+    );
+  }
+);
+Button.displayName = "@optiaxiom/react/Button";
+
+const withIcon = ({
+  fill,
+  height = 16,
+  name,
+  viewBox,
+  width = 20
+}, children) => {
+  const Icon = React.forwardRef(
+    (props, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        fill,
+        height,
+        ref,
+        viewBox: viewBox ?? `0 0 ${width} ${height}`,
+        width,
+        xmlns: "http://www.w3.org/2000/svg",
+        ...props,
+        children
+      }
+    )
+  );
+  Icon.displayName = `@optiaxiom/react/${name}`;
+  return Icon;
+};
+
+const IconX = withIcon(
+  {
+    name: "IconX"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      clipRule: "evenodd",
+      d: "M14.8669 3.77596C15.0444 3.59845 15.0444 3.31064 14.8669 3.13313C14.6894 2.95562 14.4016 2.95562 14.224 3.13313L10 7.35718L5.77596 3.13313C5.59845 2.95562 5.31064 2.95562 5.13313 3.13313C4.95562 3.31064 4.95562 3.59845 5.13313 3.77596L9.35718 8L5.13313 12.224C4.95562 12.4016 4.95562 12.6894 5.13313 12.8669C5.31064 13.0444 5.59845 13.0444 5.77596 12.8669L10 8.64282L14.224 12.8669C14.4016 13.0444 14.6894 13.0444 14.8669 12.8669C15.0444 12.6894 15.0444 12.4016 14.8669 12.224L10.6428 8L14.8669 3.77596Z",
+      fill: "currentColor",
+      fillRule: "evenodd"
+    }
+  )
+);
+
+const [NestedDialogContextProvider, useNestedDialogContext] = reactContext.createContext("NestedDialog", null);
+
+function useNestedDialogCount(name, open) {
+  const { onCountChange } = useNestedDialogContext(name) ?? {};
+  const [nestedDialogCount, setNestedDialogCount] = React.useState(0);
+  React.useEffect(() => {
+    if (!onCountChange) {
+      return;
+    }
+    if (open) {
+      onCountChange(nestedDialogCount + 1);
+    }
+    return () => onCountChange(0);
+  }, [nestedDialogCount, onCountChange, open]);
+  return [nestedDialogCount, setNestedDialogCount];
+}
+
+var backdrop$1 = recipeRuntime({base:[{bg:'bg.overlay',z:'popover'},'_1a2ahua']});
+
+const Backdrop = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...backdrop$1({}, className), ...props })
+);
+Backdrop.displayName = "@optiaxiom/react/Backdrop";
+
+var paper = recipeRuntime({base:{bg:'bg.default',color:'fg.default',shadow:'md',z:'popover'},variants:{elevation:{dialog:{rounded:'lg'},drawer:{},menu:{border:'1',borderColor:'border.secondary',rounded:'lg'}}}});
+
+const Paper = React.forwardRef(
+  ({ className, elevation = "menu", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...paper({ elevation }, className), ...props })
+);
+Paper.displayName = "@optiaxiom/react/Paper";
+
+var text = recipeRuntime((function(){var x={base:{fontSize:'md'},variants:{lineClamp:{'1':[{overflow:'hidden'},'_1c93ix0','_6h33i2','_9luwzq'],'2':[undefined,'_1c93ix0','_6h33i2','seyqhe'],'3':[undefined,'_1c93ix0','_6h33i2','_106x2ob'],'4':[undefined,'_1c93ix0','_6h33i2','quavgq']},truncate:{true:[undefined,'_1c93ix0',{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 Text = React.forwardRef(
+  ({ asChild, children, className, lineClamp, truncate, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "p";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild: true,
+        ref,
+        ...text({ lineClamp, truncate }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children })
+      }
+    );
+  }
+);
+Text.displayName = "@optiaxiom/react/Text";
+
+const mapLevelToTag = {
+  "1": "h1",
+  "2": "h2",
+  "3": "h3",
+  "4": "h4"
+};
+const mapLevelToFontSize = {
+  "1": "4xl",
+  "2": "3xl",
+  "3": "2xl",
+  "4": "xl"
+};
+const Heading = React.forwardRef(
+  ({ asChild, children, level = "1", ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : mapLevelToTag[level] ?? "h1";
+    const fontSize = mapLevelToFontSize[level] ?? "4xl";
+    return /* @__PURE__ */ jsxRuntime.jsx(Text, { asChild: true, fontSize, fontWeight: "700", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children }) });
+  }
+);
+Heading.displayName = "@optiaxiom/react/Heading";
+
+const IconAngleDown = withIcon(
+  {
+    fill: "none",
+    name: "IconAngleDown"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M5 5.5L10 10.5L15 5.5",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+const AngleMenuButton = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(IconAngleDown, {}), iconPosition: "end", ref, ...props, children });
+});
+AngleMenuButton.displayName = "@optiaxiom/react/AngleMenuButton";
+
+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:'lrylxe',md:'ljdfo1',base:'_1q6rf33'},defaultClass:'_1q6rf33'},vertical:{conditions:{sm:'_1yntbew',md:'bho9ji',base:'pntkmp'},defaultClass:'pntkmp'}},responsiveArray:undefined}}};x.styles.orientation.responsiveArray=x.conditions.responsiveArray;return x;}()));
+
+const Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild: true,
+        ref,
+        ...base({}, clsx(separator({ orientation }), className)),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(RadixSeparator__namespace.Root, {})
+      }
+    );
+  }
+);
+Separator.displayName = "@optiaxiom/react/Separator";
+
+var badge = recipeRuntime({base:[{display:'inline-flex',fontSize:'sm',fontWeight:'500',justifyContent:'center',px:'6',py:'2',rounded:'full'},'rdtfp8'],variants:{intent:{danger:'_7u0hd3',information:'_154h0ue',neutral:'g5prys',primary:'kz35fb',success:'k700nv',warning:'y7arqd'},variant:{strong:'_18t6khf',subtle:'_9not93'}}});
+
+const Badge = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    intent = "neutral",
+    variant = "subtle",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "span";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Text,
+      {
+        asChild: true,
+        ...badge({ intent, variant }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, children })
+      }
+    );
+  }
+);
+Badge.displayName = "@optiaxiom/react/Badge";
+
+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";
+
+const [ToggleInputContextProvider, useToggleInputContext] = reactContext.createContext("ToggleInput");
+
+const ToggleInputDescription = React.forwardRef(({ children, ...props }, ref) => {
+  const { descriptionId } = useToggleInputContext("ToggleInputDescription");
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box,
+    {
+      color: "fg.secondary",
+      fontSize: "sm",
+      id: descriptionId,
+      ref,
+      ...props,
+      children
+    }
+  );
+});
+ToggleInputDescription.displayName = "@optiaxiom/react/ToggleInputDescription";
+
+const ToggleInputLabel = React.forwardRef(({ children, ...props }, ref) => {
+  const { labelId } = useToggleInputContext("ToggleInputLabel");
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { id: labelId, ref, ...props, children });
+});
+ToggleInputLabel.displayName = "@optiaxiom/react/ToggleInputLabel";
+
+const CheckboxContent = React.forwardRef(({ children, description, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxs(ToggleInputContent, { ref, ...props, children: [
+    children && /* @__PURE__ */ jsxRuntime.jsx(ToggleInputLabel, { children }),
+    description && /* @__PURE__ */ jsxRuntime.jsx(ToggleInputDescription, { children: description })
+  ] });
+});
+CheckboxContent.displayName = "@optiaxiom/react/CheckboxContent";
+
+const CheckboxCheck = withIcon(
+  {
+    fill: "none",
+    height: 8,
+    name: "CheckboxCheck",
+    width: 12
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M1.5 3.47059L4.83333 7L10.5 1",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      strokeWidth: "1.5"
+    }
+  )
+);
+
+const IconMinus = withIcon(
+  {
+    height: 8,
+    name: "IconMinus",
+    width: 12
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M2.85714 3.19995C2.35714 3.19995 2 3.56662 2 3.99995C2 4.46662 2.35714 4.79995 2.85714 4.79995H9.14286C9.60714 4.79995 10 4.46662 10 3.99995C10 3.56662 9.60714 3.19995 9.14286 3.19995H2.85714Z",
+      fill: "currentColor"
+    }
+  )
+);
+
+var control$2 = recipeRuntime({base:['_2p9n3w']});
+
+const ToggleInputControl = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-hidden": true, ref, ...control$2({}, className), ...props, children });
+});
+ToggleInputControl.displayName = "@optiaxiom/react/ToggleInputControl";
+
+var control$1 = recipeRuntime({base:[{color:'fg.default.inverse',display:'grid',rounded:'xs',size:'2xs'},'_1u6xc13'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon$2 = recipeRuntime({base:[{transition:'all'},'u9txtw']});
+var indicator = recipeRuntime({base:[{alignItems:'center',display:'flex',justifyContent:'center',p:'2',size:'full'}]});
+
+const CheckboxControl = React.forwardRef(({ className, indeterminate, shift, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ToggleInputControl,
+    {
+      ref,
+      ...control$1({ shift }, className),
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...indicator(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$2(), children: indeterminate ? /* @__PURE__ */ jsxRuntime.jsx(IconMinus, {}) : /* @__PURE__ */ jsxRuntime.jsx(CheckboxCheck, {}) }) })
+    }
+  );
+});
+CheckboxControl.displayName = "@optiaxiom/react/CheckboxControl";
+
+var toggleInput = recipeRuntime({base:['_1y76pao',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'_1foi746']});
+
+const ToggleInput = React.forwardRef(
+  ({ asChild, children, className, description, onMouseDown, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "label";
+    const { boxProps, restProps } = extractBoxProps(props);
+    const descriptionId = reactId.useId();
+    const labelId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ToggleInputContextProvider,
+      {
+        descriptionId: description ? descriptionId : void 0,
+        labelId,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, ...toggleInput({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(
+          Comp,
+          {
+            onMouseDown: (event) => {
+              onMouseDown?.(event);
+              if (!event.defaultPrevented && event.detail > 1) {
+                event.preventDefault();
+              }
+            },
+            ref,
+            ...restProps,
+            children
+          }
+        ) })
+      }
+    );
+  }
+);
+ToggleInput.displayName = "@optiaxiom/react/ToggleInput";
+
+var className = '_1ns4y0i';
+
+const ToggleInputHiddenInput = React.forwardRef(({ className: className$1, onChange, onCheckedChange, ...props }, ref) => {
+  const { descriptionId, labelId } = useToggleInputContext(
+    "ToggleInputHiddenInput"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      "aria-describedby": descriptionId,
+      "aria-labelledby": labelId,
+      className: clsx(className$1, className),
+      onChange: (event) => {
+        onChange?.(event);
+        onCheckedChange?.(event.target.checked);
+      },
+      ref,
+      type: "checkbox",
+      ...props
+    }
+  ) });
+});
+ToggleInputHiddenInput.displayName = "@optiaxiom/react/ToggleInputHiddenInput";
+
+const CheckboxRoot = React.forwardRef(
+  ({ children, description, ...props }, ref) => {
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(ToggleInput, { description: !!description, ...boxProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ToggleInputHiddenInput, { ref, ...restProps }),
+      children
+    ] });
+  }
+);
+CheckboxRoot.displayName = "@optiaxiom/react/CheckboxRoot";
+
+const Checkbox = React.forwardRef(
+  ({ children, description, indeterminate, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(CheckboxRoot, { description: !!description, ref, ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        CheckboxControl,
+        {
+          indeterminate,
+          shift: Boolean(children)
+        }
+      ),
+      (children || description) && /* @__PURE__ */ jsxRuntime.jsx(CheckboxContent, { description, children })
+    ] });
+  }
+);
+Checkbox.displayName = "@optiaxiom/react/Checkbox";
+
+const [DialogContextProvider, useDialogContext] = reactContext.createContext("Dialog");
+
+function Dialog({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  const [nestedDialogCount, setNestedDialogCount] = useNestedDialogCount(
+    "Dialog",
+    open
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(NestedDialogContextProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    DialogContextProvider,
+    {
+      nestedDialogCount,
+      open,
+      children
+    }
+  ) }) });
+}
+Dialog.displayName = "@optiaxiom/react/Dialog";
+
+const DialogClose = React.forwardRef(
+  ({ appearance = "subtle", asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { appearance, children }) });
+  }
+);
+DialogClose.displayName = "@optiaxiom/react/DialogClose";
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'baet66'}}});
+var content$1 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'psr1f'],variants:{size:{sm:'_1i9tkd2',md:'_135vpww',lg:'b2dor9',fullscreen:'iwiqy2'}}});
+var nestedDialogCountVar = 'var(--wd5f9v)';
+
+const DialogContent = React.forwardRef(
+  ({
+    children,
+    className,
+    size = "md",
+    style,
+    transitionType = "fade",
+    ...props
+  }, ref) => {
+    const { nestedDialogCount, open } = useDialogContext("DialogContent");
+    return /* @__PURE__ */ jsxRuntime.jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixDialog__namespace.Portal, { forceMount: true, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Transition, { children: /* @__PURE__ */ jsxRuntime.jsx(
+        Backdrop,
+        {
+          asChild: true,
+          ...backdrop({ hidden: nestedDialogCount > 0 }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Overlay, {})
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Transition, { "data-side": "bottom", type: transitionType, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Paper,
+        {
+          asChild: true,
+          elevation: size === "fullscreen" ? "drawer" : "dialog",
+          onBlur: onReactSelectInputBlur,
+          style: {
+            ...dynamic.assignInlineVars({
+              [nestedDialogCountVar]: `${nestedDialogCount}`
+            }),
+            ...style
+          },
+          ...content$1({ size }, className),
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Content, { ref, children })
+        }
+      ) })
+    ] }) });
+  }
+);
+DialogContent.displayName = "@optiaxiom/react/DialogContent";
+
+const DialogTrigger = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { children }) });
+  }
+);
+DialogTrigger.displayName = "@optiaxiom/react/DialogTrigger";
+
+const [DisclosureContextProvider, useDisclosureContext] = reactContext.createContext("Disclosure");
+
+const Disclosure = React.forwardRef(
+  ({ asChild, children, defaultOpen, onOpenChange, open: openProp, ...props }, ref) => {
+    const [open, setOpen] = reactUseControllableState.useControllableState({
+      defaultProp: defaultOpen,
+      onChange: onOpenChange,
+      prop: openProp
+    });
+    return /* @__PURE__ */ jsxRuntime.jsx(DisclosureContextProvider, { open, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, color: "fg.default", fontSize: "md", ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+      RadixCollapsible__namespace.Root,
+      {
+        asChild,
+        onOpenChange: setOpen,
+        open,
+        children
+      }
+    ) }) });
+  }
+);
+Disclosure.displayName = "@optiaxiom/react/Disclosure";
+
+var inner = recipeRuntime({base:['_1pd5ixm']});
+var outer = recipeRuntime({base:[{display:'grid'},'_15gi53l']});
+
+const DisclosureContent = React.forwardRef(({ children, transitionType = "slide", ...props }, ref) => {
+  const { open } = useDisclosureContext("DisclosureContent");
+  const [skipAnimations, setSkipAnimations] = React.useState(Boolean(open));
+  React.useEffect(() => {
+    if (skipAnimations) {
+      requestAnimationFrame(() => setSkipAnimations(false));
+    }
+  }, [skipAnimations]);
+  return /* @__PURE__ */ jsxRuntime.jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(
+    Transition,
+    {
+      "data-side": "bottom",
+      skipAnimations,
+      type: transitionType,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Box, { ...outer(), children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...inner(), children: /* @__PURE__ */ jsxRuntime.jsx(RadixCollapsible__namespace.Content, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { p: "8", ref, ...props, children }) }) }) })
+    }
+  ) });
+});
+DisclosureContent.displayName = "@optiaxiom/react/DisclosureContent";
+
+var cover = recipeRuntime({variants:{overlay:{false:{},true:['ulsqec','lc91f6']}}});
+
+const Cover = React.forwardRef(
+  ({ className, overlay, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(Box, { ref, ...cover({ overlay }, className), ...props })
+);
+Cover.displayName = "@optiaxiom/react/Cover";
+
+const IconAngleLeft = withIcon(
+  {
+    fill: "none",
+    name: "IconAngleLeft"
+  },
+  /* @__PURE__ */ jsxRuntime.jsx(
+    "path",
+    {
+      d: "M12.5 13L7.5 8L12.5 3",
+      stroke: "currentColor",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  )
+);
+
+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 icon$1 = recipeRuntime({base:[{transition:'transform'}],variants:{chevronPosition:{end:'_1te8vyg',start:'_1cndddn'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'8',h:'lg',px:'8',transition:'colors'},'_1b69dxl']});
+
+const DisclosureTrigger = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    chevronPosition = "start",
+    children,
+    className,
+    ...props
+  }, ref) => {
+    useDisclosureContext("DisclosureTrigger");
+    return /* @__PURE__ */ jsxRuntime.jsxs(Flex, { ref, ...trigger({}, className), ...props, children: [
+      addonBefore,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        Flex,
+        {
+          asChild: true,
+          flexDirection: "row",
+          fontWeight: "inherit",
+          gap: "4",
+          rounded: "md",
+          textAlign: "start",
+          w: "full",
+          children: /* @__PURE__ */ jsxRuntime.jsx(Cover, { asChild: true, overlay: true, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { children: [
+            chevronPosition === "start" && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$1({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(IconAngleRight, {}) }),
+            /* @__PURE__ */ jsxRuntime.jsx(Box, { flex: "1", children }),
+            chevronPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$1({ chevronPosition }), children: /* @__PURE__ */ jsxRuntime.jsx(IconAngleLeft, {}) })
+          ] }) })
+        }
+      ),
+      addonAfter
+    ] });
+  }
+);
+DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
+
+var description = recipeRuntime({base:[{fontSize:'sm'},'_5fy8l6']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1rug828'],variants:{intent:{danger:'csgzfw',neutral:'_1lfst83'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'jdx5ea']});
+
+const ListboxItem = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    asChild,
+    children,
+    className,
+    description: description$1,
+    icon,
+    intent = "neutral",
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "div";
+    const labelId = reactId.useId();
+    const descriptionId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Flex,
+      {
+        "aria-describedby": description$1 ? descriptionId : void 0,
+        "aria-labelledby": labelId,
+        asChild: true,
+        ref,
+        ...item({ intent }, className),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon }) : null,
+          /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flex: "1", gap: "0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(Flex, { 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, { asChild: true, ml: "8", children: fallbackSpan(addonAfter) })
+        ] })) })
+      }
+    );
+  }
+);
+ListboxItem.displayName = "@optiaxiom/react/ListboxItem";
+
+const ListboxCheckboxItem = React.forwardRef(({ addonBefore, icon, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ListboxItem,
+    {
+      addonBefore: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          Checkbox,
+          {
+            checked: Boolean(
+              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+            ),
+            disabled: Boolean(props["aria-disabled"]),
+            pointerEvents: "none",
+            tabIndex: -1
+          }
+        ),
+        addonBefore ? addonBefore : icon ? /* @__PURE__ */ jsxRuntime.jsx(Icon, { asChild: true, children: icon }) : null
+      ] }),
+      ref,
+      ...props
+    }
+  );
+});
+ListboxCheckboxItem.displayName = "@optiaxiom/react/ListboxCheckboxItem";
+
+const Listbox = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        display: "flex",
+        flexDirection: "column",
+        gap: "2",
+        overflow: "auto",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+Listbox.displayName = "@optiaxiom/react/Listbox";
+
+var listbox = recipeRuntime({base:[{maxW:'xs',p:'4'},'_140klok'],variants:{maxH:{xs:'_2b39jm',sm:'hsdmto',md:'_1s1aitv',lg:'_14i2xhz',full:{}},minW:{'0':{},trigger:'xxpfk'},provider:{'dropdown-menu':'k0qfck',popover:'fmgcvu',popper:'_31za3'}}});
+
+const MenuListbox = React.forwardRef(
+  ({ children, className, maxH, minW, provider = "popover", ...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, provider }, className),
+      ...props,
+      children
+    }
+  ) }) })
+);
+MenuListbox.displayName = "@optiaxiom/react/MenuListbox";
+
+const ListboxSeparator = React.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(Separator, { flex: "none", mx: "8", my: "4", ref, ...props }));
+ListboxSeparator.displayName = "@optiaxiom/react/ListboxSeparator";
+
+const FieldContext = React.createContext(void 0);
+
+const useFieldContext = (overrides = {}) => {
+  return {
+    ...React.useContext(FieldContext) ?? {},
+    ..."error" in overrides && typeof overrides.error !== "undefined" && { error: overrides.error }
+  };
+};
+
+const [TooltipContextProvider, useTooltipContext] = reactContext.createContext("TooltipRoot");
+
+var content = recipeRuntime({base:[{bg:'bg.default.inverse',color:'fg.default.inverse',px:'12',py:'8',rounded:'md',z:'tooltip'}]});
+
+const TooltipContent = React.forwardRef(
+  ({ align = "center", children, className, side = "top", ...props }, ref) => {
+    const { open } = useTooltipContext("TooltipContent");
+    return /* @__PURE__ */ jsxRuntime.jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(Transition, { duration: "sm", type: "pop", children: /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...content({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      RadixTooltip__namespace.Content,
+      {
+        align,
+        arrowPadding: 6,
+        ref,
+        side,
+        sideOffset: 5,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Text, { fontSize: "sm", children }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            RadixTooltip__namespace.Arrow,
+            {
+              fill: globals.theme.colors["bg.default.inverse"],
+              height: 4,
+              width: 8
+            }
+          )
+        ]
+      }
+    ) }) }) }) });
+  }
+);
+TooltipContent.displayName = "@optiaxiom/react/TooltipContent";
+
+function TooltipRoot({
+  auto,
+  children,
+  defaultOpen,
+  delayDuration,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const triggerRef = React.useRef(null);
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RadixTooltip__namespace.Root,
+    {
+      delayDuration,
+      onOpenChange: openProp === void 0 ? (flag) => {
+        if (auto && flag && triggerRef.current) {
+          let truncated = false;
+          const elements = [triggerRef.current];
+          while (!truncated && elements.length) {
+            const element = elements.shift();
+            if (!(element instanceof HTMLElement)) {
+              continue;
+            }
+            const { offsetWidth, scrollWidth } = element;
+            if (offsetWidth < scrollWidth) {
+              truncated = true;
+              break;
+            }
+            elements.push(...element.children);
+          }
+          if (!truncated) {
+            return;
+          }
+        }
+        setOpen(flag);
+        onOpenChange?.(flag);
+      } : setOpen,
+      open,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        TooltipContextProvider,
+        {
+          open,
+          setOpen,
+          triggerRef,
+          children
+        }
+      )
+    }
+  );
+}
+TooltipRoot.displayName = "@optiaxiom/react/TooltipRoot";
+
+const FilteredSlot = React.forwardRef(
+  ({ exclude, ...props }, ref) => {
+    delete props[exclude];
+    return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, ...props });
+  }
+);
+FilteredSlot.displayName = "@optiaxiom/react/FilteredSlot";
+
+const TooltipTrigger = React.forwardRef(({ asChild, children, ...props }, outerRef) => {
+  const { triggerRef } = useTooltipContext("TooltipTrigger");
+  const ref = reactComposeRefs.useComposedRefs(triggerRef, outerRef);
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixTooltip__namespace.Trigger, { asChild: true, ref, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(FilteredSlot, { exclude: "data-state", children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { children }) }) });
+});
+TooltipTrigger.displayName = "@optiaxiom/react/TooltipTrigger";
+
+function Tooltip({
+  auto,
+  children,
+  content,
+  defaultOpen,
+  delayDuration,
+  disabled,
+  onOpenChange,
+  open,
+  ...props
+}) {
+  const empty = !content && typeof content !== "number";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    TooltipRoot,
+    {
+      auto,
+      defaultOpen,
+      delayDuration,
+      onOpenChange,
+      open,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(TooltipTrigger, { asChild: true, children }),
+        !disabled && !empty && /* @__PURE__ */ jsxRuntime.jsx(TooltipContent, { maxW: "xs", ...props, children: content })
+      ]
+    }
+  );
+}
+Tooltip.displayName = "@optiaxiom/react/Tooltip";
+
+const Grid = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Box, { display: "grid", gap: "16", gridTemplateColumns: "1", ref, ...props });
+});
+Grid.displayName = "@optiaxiom/react/Grid";
+
+const [InputContextProvider, useInputContext] = reactContext.createContext("InputRoot");
+
+const InputAddon = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { addonPointerEvents, inputRef } = useInputContext("InputAddon");
+    const addonProps = addonPointerEvents === "none" ? {
+      cursor: "text",
+      fontSize: "md",
+      onMouseDown: (event) => {
+        if (event.target !== event.currentTarget) {
+          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:['zydbp1',{bg:'transparent',flex:'auto',w:'full'},'_1660juk','_17uia1y'],variants:{size:{md:{},lg:{},xl:['_1p0coh5']}}});
+
+const InputControl = React.forwardRef(
+  ({ asChild, children, className, error: errorProp, size = "md", ...props }, outerRef) => {
+    const Comp = asChild ? reactSlot.Slot : "input";
+    const disabled = props.disabled;
+    const readOnly = props.readOnly;
+    const { descriptionId, error, errorId, inputId } = useFieldContext({
+      error: errorProp
+    });
+    const { boxProps, restProps } = extractBoxProps(props);
+    const { inputRef } = useInputContext("InputControl");
+    const ref = reactComposeRefs.useComposedRefs(inputRef, outerRef);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        "aria-describedby": errorId || descriptionId ? clsx(errorId, descriptionId) : void 0,
+        "aria-disabled": disabled,
+        "aria-invalid": error ? true : void 0,
+        asChild: true,
+        "data-disabled": disabled ? "" : void 0,
+        "data-invalid": error ? "" : void 0,
+        "data-readonly": readOnly ? "" : void 0,
+        ...control({ size }, className),
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { id: inputId, ref, ...restProps, children })
+      }
+    );
+  }
+);
+InputControl.displayName = "@optiaxiom/react/InputControl";
+
+var root$1 = recipeRuntime({base:[{flexDirection:'row',gap:'0'},'_1vbsl41']});
+
+const InputRoot = React.forwardRef(({ addonPointerEvents = "auto", children, className, ...props }, ref) => {
+  const inputRef = React.useRef(null);
+  return /* @__PURE__ */ jsxRuntime.jsx(Flex, { ref, ...root$1({}, className), ...props, children: /* @__PURE__ */ jsxRuntime.jsx(
+    InputContextProvider,
+    {
+      addonPointerEvents,
+      inputRef,
+      children
+    }
+  ) });
+});
+InputRoot.displayName = "@optiaxiom/react/InputRoot";
+
+var addon = recipeRuntime({base:{display:'flex',flex:'none'}});
+var input = recipeRuntime({variants:{appearance:{'default':{textAlign:'start'},number:{textAlign:'end'}},size:{md:{py:'4'},lg:{py:'8'},xl:{py:'12'}}}});
+var root = recipeRuntime({variants:{size:{md:{gap:'8',px:'8'},lg:{gap:'8',px:'8'},xl:{gap:'12',px:'12'}}}});
+
+const Input = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    addonPointerEvents,
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    htmlSize,
+    size = "md",
+    style,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "input";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      InputRoot,
+      {
+        addonPointerEvents,
+        style,
+        ...root({ size }, className),
+        ...boxProps,
+        children: [
+          addonBefore && /* @__PURE__ */ jsxRuntime.jsx(InputAddon, { asChild: true, ...addon(), children: fallbackSpan(addonBefore) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            InputControl,
+            {
+              asChild: true,
+              size,
+              ...input({ appearance, size }),
+              ...restProps,
+              children: /* @__PURE__ */ jsxRuntime.jsx(Comp, { ref, size: htmlSize, children })
+            }
+          ),
+          addonAfter && /* @__PURE__ */ jsxRuntime.jsx(InputAddon, { asChild: true, ...addon(), children: fallbackSpan(addonAfter) })
+        ]
+      }
+    );
+  }
+);
+Input.displayName = "@optiaxiom/react/Input";
+
+const IconUpRightFromSquare = withIcon(
+  {
+    fill: "none",
+    name: "IconUpRightFromSquare"
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M15 8.83333V13.8333C15 14.2754 14.8244 14.6993 14.5118 15.0118C14.1993 15.3244 13.7754 15.5 13.3333 15.5H4.16667C3.72464 15.5 3.30072 15.3244 2.98816 15.0118C2.67559 14.6993 2.5 14.2754 2.5 13.8333V4.66667C2.5 4.22464 2.67559 3.80072 2.98816 3.48816C3.30072 3.17559 3.72464 3 4.16667 3H9.16667",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M12.5 0.5H17.5V5.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M8.33333 9.66667L17.5 0.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
+);
+
+var icon = recipeRuntime({base:[{display:'inline-flex',ml:'4'},'_1oi7r22']});
+var link = recipeRuntime({base:['fa2lq8','u4xb40'],variants:{appearance:{'default':'_1cjm9qy',inverse:'_18qmi44',subtle:'_10bhhzf'}}});
+
+const Link = React.forwardRef(
+  ({
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    disabled,
+    external,
+    overlay,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "a";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...link({ appearance }, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx(Cover, { asChild: true, overlay, children: /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        "aria-disabled": disabled,
+        "data-disabled": disabled ? "" : void 0,
+        "data-overlay": overlay ? "" : void 0,
+        ref,
+        ...external && { rel: "noopener noreferrer", target: "_blank" },
+        ...restProps,
+        ...disabled && {
+          href: void 0,
+          role: "link"
+        },
+        children: decorateChildren({ asChild, children }, (children2) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          children2,
+          external && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon(), children: /* @__PURE__ */ jsxRuntime.jsx(IconUpRightFromSquare, {}) })
+        ] }))
+      }
+    ) }) });
+  }
+);
+Link.displayName = "@optiaxiom/react/Link";
+
+const ListboxEmpty = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        alignItems: "center",
+        color: "fg.disabled",
+        display: "flex",
+        flexDirection: "column",
+        fontSize: "md",
+        p: "16",
+        ref,
+        ...props,
+        children: children || "No options"
+      }
+    );
+  }
+);
+ListboxEmpty.displayName = "@optiaxiom/react/ListboxEmpty";
+
+const ListboxFooter = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Flex,
+      {
+        borderColor: "border.secondary",
+        borderT: "1",
+        flexDirection: "row",
+        gap: "16",
+        justifyContent: "space-between",
+        p: "12",
+        ref,
+        ...props,
+        children
+      }
+    );
+  }
+);
+ListboxFooter.displayName = "@optiaxiom/react/ListboxFooter";
+
+const [ListboxGroupContextProvider, useListboxGroupContext] = reactContext.createContext("ListboxGroup", { id: void 0 });
+
+const ListboxGroup = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const groupId = reactId.useId();
+    return /* @__PURE__ */ jsxRuntime.jsx(ListboxGroupContextProvider, { id: groupId, children: /* @__PURE__ */ jsxRuntime.jsx(Box, { "aria-labelledby": groupId, ref, role: "group", ...props, children }) });
+  }
+);
+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"
+    }
+  )
+);
+
+const ListboxItemIndicator = React.forwardRef(({ active, children, className, ...props }, ref) => {
+  const { boxProps, restProps } = extractBoxProps(props);
+  if (!active) {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, className, h: "0", w: "xs", ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsx("svg", { ref, ...restProps }) });
+  }
+  return (
+    // @ts-expect-error -- too complex
+    /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, className, ref, ...props, children: children ?? /* @__PURE__ */ jsxRuntime.jsx(IconCheck, {}) })
+  );
+});
+ListboxItemIndicator.displayName = "@optiaxiom/react/ListboxItemIndicator";
+
+const ListboxLabel = React.forwardRef(
+  ({ children, ...props }, ref) => {
+    const { id } = useListboxGroupContext("ListboxLabel");
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { color: "fg.tertiary", fontSize: "sm", id, p: "8", ref, ...props, children });
+  }
+);
+ListboxLabel.displayName = "@optiaxiom/react/ListboxLabel";
+
+const ListboxRadioItem = React.forwardRef(({ addonAfter, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ListboxItem,
+    {
+      addonAfter: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { flexDirection: "row", gap: "8", children: [
+        addonAfter,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ListboxItemIndicator,
+          {
+            active: Boolean(
+              props[props["role"] === "option" ? "aria-selected" : "aria-checked"]
+            )
+          }
+        )
+      ] }),
+      ref,
+      ...props
+    }
+  );
+});
+ListboxRadioItem.displayName = "@optiaxiom/react/ListboxRadioItem";
+
+const ListboxScrollArea = React.forwardRef((props, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Box,
+    {
+      display: "flex",
+      flex: "1",
+      flexDirection: "column",
+      gap: "2",
+      overflow: "auto",
+      ref,
+      ...props
+    }
+  );
+});
+ListboxScrollArea.displayName = "@optiaxiom/react/ListboxScrollArea";
+
+const ModalLayer = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    let result = /* @__PURE__ */ jsxRuntime.jsx(reactDismissableLayer.DismissableLayer, { asChild, ref, ...props, children });
+    const [locked] = React.useState(() => document.body.dataset.scrollLocked);
+    if (locked) {
+      result = /* @__PURE__ */ jsxRuntime.jsx(reactRemoveScroll.RemoveScroll, { allowPinchZoom: true, as: reactSlot.Slot, children: result });
+    }
+    const [guards] = React.useState(
+      () => document.querySelector("[data-radix-focus-guard]")
+    );
+    if (guards) {
+      result = /* @__PURE__ */ jsxRuntime.jsx(reactFocusGuards.FocusGuards, { children: result });
+    }
+    return result;
+  }
+);
+ModalLayer.displayName = "@optiaxiom/react/ModalLayer";
+
+const [SidebarContextProvider, useSidebarContext] = reactContext.createContext("Sidebar");
+
+const IconEllipsis = withIcon(
+  {
+    name: "IconEllipsis"
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M8.54167 8C8.54167 7.19459 9.19458 6.54167 10 6.54167C10.8054 6.54167 11.4583 7.19459 11.4583 8C11.4583 8.80542 10.8054 9.45833 10 9.45833C9.19458 9.45833 8.54167 8.80542 8.54167 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M14.375 8C14.375 7.19459 15.0279 6.54167 15.8333 6.54167C16.6387 6.54167 17.2917 7.19459 17.2917 8C17.2917 8.80542 16.6387 9.45833 15.8333 9.45833C15.0279 9.45833 14.375 8.80542 14.375 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        clipRule: "evenodd",
+        d: "M2.70833 8C2.70833 7.19459 3.36125 6.54167 4.16667 6.54167C4.97208 6.54167 5.625 7.19459 5.625 8C5.625 8.80542 4.97208 9.45833 4.16667 9.45833C3.36125 9.45833 2.70833 8.80542 2.70833 8Z",
+        fill: "currentColor",
+        fillRule: "evenodd"
+      }
+    )
+  ] })
+);
+
+const [NavGroupContextProvider, useNavGroupContext] = reactContext.createContext("NavGroup", { id: void 0 });
+
+function useUncontrolled({
+  value,
+  defaultValue,
+  finalValue,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    defaultValue !== void 0 ? defaultValue : finalValue
+  );
+  const handleUncontrolledChange = (val, ...payload) => {
+    setUncontrolledValue(val);
+    onChange?.(val, ...payload);
+  };
+  if (value !== void 0) {
+    return [value, onChange, true];
+  }
+  return [uncontrolledValue, handleUncontrolledChange, false];
+}
+
+function range(start, end) {
+  const length = end - start + 1;
+  return Array.from({ length }, (_, index) => index + start);
+}
+const DOTS = "dots";
+function usePagination({
+  total,
+  siblings = 1,
+  boundaries = 1,
+  page,
+  initialPage = 1,
+  onChange
+}) {
+  const _total = Math.max(Math.trunc(total), 0);
+  const [activePage, setActivePage] = useUncontrolled({
+    value: page,
+    onChange,
+    defaultValue: initialPage,
+    finalValue: initialPage
+  });
+  const setPage = (pageNumber) => {
+    if (pageNumber <= 0) {
+      setActivePage(1);
+    } else if (pageNumber > _total) {
+      setActivePage(_total);
+    } else {
+      setActivePage(pageNumber);
+    }
+  };
+  const next = () => setPage(activePage + 1);
+  const previous = () => setPage(activePage - 1);
+  const first = () => setPage(1);
+  const last = () => setPage(_total);
+  const paginationRange = React.useMemo(() => {
+    const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
+    if (totalPageNumbers >= _total) {
+      return range(1, _total);
+    }
+    const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
+    const rightSiblingIndex = Math.min(activePage + siblings, _total - boundaries);
+    const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
+    const shouldShowRightDots = rightSiblingIndex < _total - (boundaries + 1);
+    if (!shouldShowLeftDots && shouldShowRightDots) {
+      const leftItemCount = siblings * 2 + boundaries + 2;
+      return [...range(1, leftItemCount), DOTS, ...range(_total - (boundaries - 1), _total)];
+    }
+    if (shouldShowLeftDots && !shouldShowRightDots) {
+      const rightItemCount = boundaries + 1 + 2 * siblings;
+      return [...range(1, boundaries), DOTS, ...range(_total - rightItemCount, _total)];
+    }
+    return [
+      ...range(1, boundaries),
+      DOTS,
+      ...range(leftSiblingIndex, rightSiblingIndex),
+      DOTS,
+      ...range(_total - boundaries + 1, _total)
+    ];
+  }, [_total, siblings, activePage]);
+  return {
+    range: paginationRange,
+    active: activePage,
+    setPage,
+    next,
+    previous,
+    first,
+    last
+  };
+}
+
+var button = recipeRuntime({base:[{justifyContent:'center'},'jpvsh8']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_9czaj2'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1oyt8o8']});
+
+const Pagination = React.forwardRef(
+  ({ defaultPage, disabled, onPageChange, page: pageProp, total, ...props }, ref) => {
+    const [value, setValue] = reactUseControllableState.useControllableState({
+      defaultProp: defaultPage,
+      onChange: onPageChange,
+      prop: pageProp
+    });
+    const { active, next, previous, range, setPage } = usePagination({
+      onChange: setValue,
+      page: value,
+      siblings: 2,
+      total
+    });
+    const [animation, setAnimation] = React.useState(false);
+    const activeRef = React.useRef(null);
+    const cursorRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!activeRef.current || !cursorRef.current) {
+        return;
+      }
+      cursorRef.current.style.transform = `translateX(${activeRef.current.offsetLeft}px)`;
+      cursorRef.current.style.visibility = "visible";
+      setTimeout(() => setAnimation(true), 150);
+    }, [active]);
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "pagination", ref, children: /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, ...list(), children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ButtonBase,
+        {
+          appearance: "subtle",
+          "aria-hidden": true,
+          asChild: true,
+          "data-state": "active",
+          disabled,
+          ref: cursorRef,
+          ...cursor({ animation }),
+          children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: active })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: "Prev", disabled: disabled || active === 1, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          appearance: "subtle",
+          "aria-label": "Previous page",
+          disabled: disabled || active === 1,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(IconAngleLeft, {}),
+          onClick: previous
+        }
+      ) }) }),
+      range.map((page, index) => /* @__PURE__ */ jsxRuntime.jsx(
+        "li",
+        {
+          children: page === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(
+            Box,
+            {
+              alignItems: "stretch",
+              display: "flex",
+              justifyContent: "center",
+              px: "6",
+              py: "8",
+              size: "md",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                Icon,
+                {
+                  asChild: true,
+                  color: disabled ? "fg.disabled" : "fg.default",
+                  cursor: disabled ? "not-allowed" : "default",
+                  children: /* @__PURE__ */ jsxRuntime.jsx(IconEllipsis, {})
+                }
+              )
+            }
+          ) : /* @__PURE__ */ jsxRuntime.jsxs(
+            ButtonBase,
+            {
+              appearance: "subtle",
+              "aria-current": active === page ? "page" : void 0,
+              disabled,
+              onClick: () => setPage(page),
+              ref: active === page ? activeRef : void 0,
+              ...button(),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: "page" }),
+                " ",
+                page,
+                page === 1 ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: "(first page)" }) : page === total ? /* @__PURE__ */ jsxRuntime.jsx(reactVisuallyHidden.VisuallyHidden, { children: "(last page)" }) : null
+              ]
+            }
+          )
+        },
+        page === "dots" ? `${page}-${index < range.indexOf(active) ? "before" : "after"}` : page
+      )),
+      /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsx(Tooltip, { content: "Next", disabled: disabled || active === total, children: /* @__PURE__ */ jsxRuntime.jsx(
+        Button,
+        {
+          appearance: "subtle",
+          "aria-label": "Next page",
+          disabled: disabled || active === total,
+          icon: /* @__PURE__ */ jsxRuntime.jsx(IconAngleRight, {}),
+          onClick: next
+        }
+      ) }) })
+    ] }) }) }) });
+  }
+);
+Pagination.displayName = "@optiaxiom/react/Pagination";
+
+const [PopoverContextProvider, usePopoverContext] = reactContext.createContext("Popover");
+
+function Popover({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open: openProp,
+  ...props
+}) {
+  const [open, setOpen] = reactUseControllableState.useControllableState({
+    defaultProp: defaultOpen,
+    onChange: onOpenChange,
+    prop: openProp
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Root, { onOpenChange: setOpen, open, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(PopoverContextProvider, { open, children }) });
+}
+Popover.displayName = "@optiaxiom/react/Popover";
+
+const PopoverAnchor = React.forwardRef(
+  ({ asChild, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...props, children: /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Anchor, { asChild, ref, children }) });
+  }
+);
+PopoverAnchor.displayName = "@optiaxiom/react/PopoverAnchor";
+
+const PopoverContent = React.forwardRef(
+  ({ align = "start", children, sideOffset = 2, withArrow, ...props }, ref) => {
+    const { open } = usePopoverContext("PopoverContent");
+    return /* @__PURE__ */ jsxRuntime.jsx(TransitionGroup, { open, children: /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Portal, { forceMount: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+      MenuListbox,
+      {
+        asChild: true,
+        onBlur: onReactSelectInputBlur,
+        p: "16",
+        provider: "popover",
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(
+          RadixPopover__namespace.Content,
+          {
+            align,
+            ref,
+            sideOffset,
+            children: [
+              children,
+              withArrow && /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Arrow, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  fill: globals.theme.colors["bg.default"],
+                  height: 4,
+                  preserveAspectRatio: "none",
+                  stroke: globals.theme.colors["border.secondary"],
+                  viewBox: "0 0 30 10",
+                  width: 8,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "0,0 30,0 15,10" }),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      "polyline",
+                      {
+                        points: "0,0 15,10 30,0",
+                        strokeLinecap: "round",
+                        strokeLinejoin: "round",
+                        strokeWidth: "2.5"
+                      }
+                    )
+                  ]
+                }
+              ) })
+            ]
+          }
+        )
+      }
+    ) }) });
+  }
+);
+PopoverContent.displayName = "@optiaxiom/react/PopoverContent";
+
+const PopoverTrigger = React.forwardRef(({ asChild, children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(RadixPopover__namespace.Trigger, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { children }) });
+});
+PopoverTrigger.displayName = "@optiaxiom/react/PopoverTrigger";
+
+const IconMagnifyingGlass = withIcon(
+  {
+    fill: "none",
+    name: "IconMagnifyingGlass"
+  },
+  /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M8 13C11.3137 13 14 10.3137 14 7C14 3.68629 11.3137 1 8 1C4.68629 1 2 3.68629 2 7C2 10.3137 4.68629 13 8 13Z",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        d: "M16.5 15.5L12.5 11.5",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] })
+);
+
+exports.AngleMenuButton = AngleMenuButton;
+exports.Backdrop = Backdrop;
+exports.Badge = Badge;
+exports.Box = Box;
+exports.Button = Button;
+exports.ButtonContextProvider = ButtonContextProvider;
+exports.Checkbox = Checkbox;
+exports.CheckboxControl = CheckboxControl;
+exports.CheckboxRoot = CheckboxRoot;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogTrigger = DialogTrigger;
+exports.Disclosure = Disclosure;
+exports.DisclosureContent = DisclosureContent;
+exports.DisclosureTrigger = DisclosureTrigger;
+exports.FieldContext = FieldContext;
+exports.Flex = Flex;
+exports.Grid = Grid;
+exports.Heading = Heading;
+exports.Icon = Icon;
+exports.IconAngleDown = IconAngleDown;
+exports.IconAngleLeft = IconAngleLeft;
+exports.IconAngleRight = IconAngleRight;
+exports.IconEllipsis = IconEllipsis;
+exports.IconMagnifyingGlass = IconMagnifyingGlass;
+exports.IconX = IconX;
+exports.Input = Input;
+exports.InputAddon = InputAddon;
+exports.InputControl = InputControl;
+exports.InputRoot = InputRoot;
+exports.Link = Link;
+exports.Listbox = Listbox;
+exports.ListboxCheckboxItem = ListboxCheckboxItem;
+exports.ListboxEmpty = ListboxEmpty;
+exports.ListboxFooter = ListboxFooter;
+exports.ListboxGroup = ListboxGroup;
+exports.ListboxItem = ListboxItem;
+exports.ListboxItemIndicator = ListboxItemIndicator;
+exports.ListboxLabel = ListboxLabel;
+exports.ListboxRadioItem = ListboxRadioItem;
+exports.ListboxScrollArea = ListboxScrollArea;
+exports.ListboxSeparator = ListboxSeparator;
+exports.MenuListbox = MenuListbox;
+exports.ModalLayer = ModalLayer;
+exports.NavGroupContextProvider = NavGroupContextProvider;
+exports.NestedDialogContextProvider = NestedDialogContextProvider;
+exports.Pagination = Pagination;
+exports.Paper = Paper;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Separator = Separator;
+exports.SidebarContextProvider = SidebarContextProvider;
+exports.Spinner = Spinner;
+exports.Text = Text;
+exports.ToggleInput = ToggleInput;
+exports.ToggleInputContent = ToggleInputContent;
+exports.ToggleInputControl = ToggleInputControl;
+exports.ToggleInputDescription = ToggleInputDescription;
+exports.ToggleInputHiddenInput = ToggleInputHiddenInput;
+exports.ToggleInputLabel = ToggleInputLabel;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipRoot = TooltipRoot;
+exports.TooltipTrigger = TooltipTrigger;
+exports.Transition = Transition;
+exports.TransitionGlobalConfig = TransitionGlobalConfig;
+exports.TransitionGroup = TransitionGroup;
+exports.conditions = conditions;
+exports.decorateChildren = decorateChildren;
+exports.extractBoxProps = extractBoxProps;
+exports.fallbackSpan = fallbackSpan;
+exports.forceValueChange = forceValueChange;
+exports.mapResponsiveValue = mapResponsiveValue;
+exports.onReactSelectInputBlur = onReactSelectInputBlur;
+exports.recipeRuntime = recipeRuntime;
+exports.sprinkles = sprinkles;
+exports.sprinklesMerge = sprinklesMerge;
+exports.useFieldContext = useFieldContext;
+exports.useNavGroupContext = useNavGroupContext;
+exports.useNestedDialogCount = useNestedDialogCount;
+exports.useSidebarContext = useSidebarContext;
+exports.version = version;
+exports.withIcon = withIcon;