@optiaxiom/react 0.12.1 → 0.12.3

package/dist/cjs/IconMagnifyingGlass-DvYcw5N4.js

@@ -0,0 +1,2414 @@
+"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-Cd9ocVF0.css');
+require('./assets/src/badge/Badge.css.ts.vanilla-B0bjehof.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-CF2yV8a7.css');
+require('./assets/src/dialog-content/DialogContent.css.ts.vanilla-CSiw9TKj.css');
+var RadixCollapsible = require('@radix-ui/react-collapsible');
+require('./assets/src/disclosure-trigger/DisclosureTrigger.css.ts.vanilla-BXvVttwC.css');
+require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
+require('./assets/src/toggle-input/ToggleInput.css.ts.vanilla-BWOKluYb.css');
+require('./assets/src/toggle-input-control/ToggleInputControl.css.ts.vanilla-OvUXfGMV.css');
+require('./assets/src/checkbox-control/CheckboxControl.css.ts.vanilla-Hd13ZaHc.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-BNIxitNQ.css');
+var reactComposeRefs = require('@radix-ui/react-compose-refs');
+require('./assets/src/input-control/InputControl.css.ts.vanilla-Bs_UqBe4.css');
+require('./assets/src/avatar-group/AvatarGroup.css.ts.vanilla-Uzeu57xv.css');
+require('./assets/src/input-root/InputRoot.css.ts.vanilla-B4uW-TL9.css');
+require('./assets/src/link/Link.css.ts.vanilla-mAttatgp.css');
+require('./assets/src/listbox-item/ListboxItem.css.ts.vanilla-BYxqoONu.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-6H3aFCbx.css');
+require('./assets/src/pagination/Pagination.css.ts.vanilla-Bb-clgKZ.css');
+var RadixPopover = require('@radix-ui/react-popover');
+require('./assets/src/menu-listbox/MenuListbox.css.ts.vanilla-BH2uKGfQ.css');
+require('@optiaxiom/globals/fonts');
+require('./assets/src/sprinkles/properties.css.ts.vanilla-C2HIp2sT.css');
+require('./assets/src/box/Box.css.ts.vanilla-Cfl8r0-i.css');
+require('./assets/src/button-base/ButtonBase.css.ts.vanilla-CLWcNZZI.css');
+require('./assets/src/button-loadable/ButtonLoadable.css.ts.vanilla-CLkp0G0_.css');
+require('./assets/src/spinner/Spinner.css.ts.vanilla-BMpmw6Aw.css');
+require('./assets/src/transition/Transition.css.ts.vanilla-BEDqm8-d.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.12.3";
+
+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 (undefined !== e) {
+    var i = e.call(t, r || "default");
+    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:'_1iqq6pv',md:'afgby3',base:'_12pc13a'},defaultClass:'_12pc13a'},end:{conditions:{sm:'yugh2i',md:'jkk48s',base:'bfcl7v'},defaultClass:'bfcl7v'},normal:{conditions:{sm:'_1xkbq5u',md:'ekoega',base:'_1e3gyj8'},defaultClass:'_1e3gyj8'},'space-around':{conditions:{sm:'tifb5b',md:'cbubmp',base:'_2zjytq'},defaultClass:'_2zjytq'},'space-between':{conditions:{sm:'_13ckqa7',md:'_5mksmw',base:'_1e5alt6'},defaultClass:'_1e5alt6'},'space-evenly':{conditions:{sm:'tk63xx',md:'_6yz8zz',base:'_18a6msn'},defaultClass:'_18a6msn'},start:{conditions:{sm:'_1rx45ky',md:'hra30m',base:'_15ogxoj'},defaultClass:'_15ogxoj'},stretch:{conditions:{sm:'_1d3194r',md:'_1gh6nxa',base:'_18bvei5'},defaultClass:'_18bvei5'}},responsiveArray:undefined},alignSelf:{values:{center:{conditions:{sm:'_1ml3o5j',md:'_15laxnd',base:'byyet2'},defaultClass:'byyet2'},end:{conditions:{sm:'na7efd',md:'_1rva5lz',base:'sjuq2o'},defaultClass:'sjuq2o'},normal:{conditions:{sm:'_1se36mr',md:'wvkxdy',base:'_6lboio'},defaultClass:'_6lboio'},start:{conditions:{sm:'_1bn3v46',md:'_1m9m8bs',base:'_1477ogq'},defaultClass:'_1477ogq'},stretch:{conditions:{sm:'dx0s5x',md:'_1vvslv',base:'pzvovi'},defaultClass:'pzvovi'}},responsiveArray:undefined},display:{values:{none:{conditions:{sm:'_1eg3olz',md:'_15x866p',base:'_1j6rne2'},defaultClass:'_1j6rne2'},flex:{conditions:{sm:'_1hkso0u',md:'_1jpkpqe',base:'_1a4vmtv'},defaultClass:'_1a4vmtv'},grid:{conditions:{sm:'_1qifu8v',md:'_1cgm5i7',base:'_1r19hey'},defaultClass:'_1r19hey'},block:{conditions:{sm:'j2tb21',md:'_58glug',base:'_10a72au'},defaultClass:'_10a72au'},inline:{conditions:{sm:'_1o6p7sz',md:'_1b1ebrl',base:'_1ez2sq0'},defaultClass:'_1ez2sq0'},'inline-block':{conditions:{sm:'_1dd4tct',md:'_1cdx6lt',base:'_7jebor'},defaultClass:'_7jebor'},'inline-flex':{conditions:{sm:'_1sq4vl6',md:'_96zq09',base:'_1cncmik'},defaultClass:'_1cncmik'},table:{conditions:{sm:'x0u0r8',md:'j6g1yz',base:'_1ua35u6'},defaultClass:'_1ua35u6'},'table-cell':{conditions:{sm:'_1jp2vp3',md:'_1qda61z',base:'fnsjoe'},defaultClass:'fnsjoe'},'table-row':{conditions:{sm:'yxql2p',md:'kqn7ki',base:'_1sqd2xa'},defaultClass:'_1sqd2xa'}},responsiveArray:undefined},flex:{values:{'1':{conditions:{sm:'crseab',md:'rapxxd',base:'_74tmzk'},defaultClass:'_74tmzk'},auto:{conditions:{sm:'_12os2eg',md:'vg2jry',base:'_4m64l5'},defaultClass:'_4m64l5'},initial:{conditions:{sm:'_1lunofb',md:'_9p0b9p',base:'_1horpii'},defaultClass:'_1horpii'},none:{conditions:{sm:'_1jkf9zq',md:'g95my5',base:'u1tjo6'},defaultClass:'u1tjo6'}},responsiveArray:undefined},flexDirection:{values:{column:{conditions:{sm:'rn5b90',md:'_1iek26w',base:'bz8qv0'},defaultClass:'bz8qv0'},'column-reverse':{conditions:{sm:'w2wcg',md:'_1xrligl',base:'_1cehla2'},defaultClass:'_1cehla2'},row:{conditions:{sm:'zlxt7v',md:'dywrpa',base:'_1lyn5a3'},defaultClass:'_1lyn5a3'},'row-reverse':{conditions:{sm:'z7mxm5',md:'hf3nu3',base:'_1sx57yz'},defaultClass:'_1sx57yz'}},responsiveArray:undefined},flexWrap:{values:{nowrap:{conditions:{sm:'_124txti',md:'_1huengh',base:'_151sboi'},defaultClass:'_151sboi'},wrap:{conditions:{sm:'_1ftejwu',md:'l62n37',base:'vepzvf'},defaultClass:'vepzvf'}},responsiveArray:undefined},gap:{values:{'0':{conditions:{sm:'c2633g',md:'_1aq2n8j',base:'_1jrl5c9'},defaultClass:'_1jrl5c9'},'2':{conditions:{sm:'_1unr2av',md:'_1s7ia2b',base:'_1h5zlyq'},defaultClass:'_1h5zlyq'},'4':{conditions:{sm:'h06cjk',md:'q98qew',base:'_726tif'},defaultClass:'_726tif'},'6':{conditions:{sm:'c2ipm2',md:'a3pozd',base:'_7ni3a3'},defaultClass:'_7ni3a3'},'8':{conditions:{sm:'_1jm5pbv',md:'_7ph9d8',base:'_1rn1fcg'},defaultClass:'_1rn1fcg'},'10':{conditions:{sm:'_1ff0jny',md:'_3pslgw',base:'_1v1qrpm'},defaultClass:'_1v1qrpm'},'12':{conditions:{sm:'yzid1g',md:'_1tauoxu',base:'_1r22q8u'},defaultClass:'_1r22q8u'},'16':{conditions:{sm:'rl6j7j',md:'fun8w8',base:'_59lwo4'},defaultClass:'_59lwo4'},'20':{conditions:{sm:'nlih7n',md:'_10d01qw',base:'s8h27h'},defaultClass:'s8h27h'},'24':{conditions:{sm:'_91fafu',md:'wdehcc',base:'_8edoa1'},defaultClass:'_8edoa1'},'32':{conditions:{sm:'_17raisi',md:'_15b0c30',base:'_1qzxko0'},defaultClass:'_1qzxko0'},'40':{conditions:{sm:'yz1vdn',md:'_1ct9zw2',base:'xx6t80'},defaultClass:'xx6t80'},'48':{conditions:{sm:'_8tfe4t',md:'_1dwn9kl',base:'sf3vqg'},defaultClass:'sf3vqg'},'64':{conditions:{sm:'_412jqv',md:'ry68r8',base:'rxsg08'},defaultClass:'rxsg08'},'80':{conditions:{sm:'je5l5n',md:'pybmx',base:'ml00cq'},defaultClass:'ml00cq'}},responsiveArray:undefined},gridColumn:{values:{'1':{conditions:{sm:'_18udrlg',md:'g307ol',base:'_1cn8jh1'},defaultClass:'_1cn8jh1'},'2':{conditions:{sm:'l5832o',md:'_1t5kd50',base:'_1c5z6py'},defaultClass:'_1c5z6py'},'3':{conditions:{sm:'_10icabf',md:'ky3m7b',base:'_13p87fu'},defaultClass:'_13p87fu'},'4':{conditions:{sm:'_1t2jxaa',md:'v55ert',base:'bjieq1'},defaultClass:'bjieq1'}},responsiveArray:undefined},gridTemplateColumns:{values:{'1':{conditions:{sm:'uo7zat',md:'_9e2t96',base:'pe5z6g'},defaultClass:'pe5z6g'},'2':{conditions:{sm:'_19q3xqm',md:'nvd9eb',base:'_2l8nq8'},defaultClass:'_2l8nq8'},'3':{conditions:{sm:'xh1at1',md:'wj7k6z',base:'_1381e6z'},defaultClass:'_1381e6z'},'4':{conditions:{sm:'_1yb93ga',md:'xxzv3y',base:'_1ohtf86'},defaultClass:'_1ohtf86'}},responsiveArray:undefined},height:{values:{'0':{conditions:{sm:'_1riz9bd',md:'nl2zm0',base:'_1j52zyf'},defaultClass:'_1j52zyf'},'10':{conditions:{sm:'_1uy04kp',md:'_14lkh2n',base:'ze6qwg'},defaultClass:'ze6qwg'},'12':{conditions:{sm:'_55sfd6',md:'jjjs66',base:'zve6f'},defaultClass:'zve6f'},'16':{conditions:{sm:'_1oru6wt',md:'_1wju7ei',base:'_1ottxg7'},defaultClass:'_1ottxg7'},'20':{conditions:{sm:'pavqsp',md:'tk0wub',base:'fuyh4z'},defaultClass:'fuyh4z'},'24':{conditions:{sm:'_1eyljxq',md:'_8hyzpe',base:'_1asntkr'},defaultClass:'_1asntkr'},'32':{conditions:{sm:'_158klak',md:'_1li8ula',base:'_1ds7p2z'},defaultClass:'_1ds7p2z'},'40':{conditions:{sm:'h1v04g',md:'bhofid',base:'as6z9c'},defaultClass:'as6z9c'},'48':{conditions:{sm:'_44on0k',md:'_13zkfva',base:'_1r2xe8'},defaultClass:'_1r2xe8'},'56':{conditions:{sm:'_8u7gvj',md:'liimyc',base:'mhqn6x'},defaultClass:'mhqn6x'},'64':{conditions:{sm:'_16iaad0',md:'g81gjt',base:'_1bl4m0w'},defaultClass:'_1bl4m0w'},'80':{conditions:{sm:'_1yb5r3b',md:'jmsyr9',base:'_13uqe8u'},defaultClass:'_13uqe8u'},'224':{conditions:{sm:'_126hu52',md:'jz1zht',base:'_13nbtwa'},defaultClass:'_13nbtwa'},'384':{conditions:{sm:'_1awav4e',md:'_1crr7j4',base:'_1uu11u2'},defaultClass:'_1uu11u2'},'2xs':{conditions:{sm:'kx9765',md:'_5c509q',base:'_1ysxxqo'},defaultClass:'_1ysxxqo'},xs:{conditions:{sm:'_19blztw',md:'_11ydtpl',base:'d014og'},defaultClass:'d014og'},sm:{conditions:{sm:'jvmt46',md:'ey4ac0',base:'lm74o7'},defaultClass:'lm74o7'},md:{conditions:{sm:'_1umcu7f',md:'e68sb3',base:'_10z8im8'},defaultClass:'_10z8im8'},lg:{conditions:{sm:'jzlqbm',md:'_1ja4pms',base:'_12tg9hm'},defaultClass:'_12tg9hm'},xl:{conditions:{sm:'_1l338eu',md:'itntqw',base:'_2dso4'},defaultClass:'_2dso4'},'3xl':{conditions:{sm:'_12j1ee4',md:'eb0e8g',base:'_1m6be6b'},defaultClass:'_1m6be6b'},'1/2':{conditions:{sm:'h3jz5t',md:'_10ltxi1',base:'_1cnlyvv'},defaultClass:'_1cnlyvv'},'1/3':{conditions:{sm:'_15hukof',md:'_1kg5pdq',base:'_1rt42l1'},defaultClass:'_1rt42l1'},'2/3':{conditions:{sm:'_1yoraa3',md:'_1jyp0fl',base:'xjqsx9'},defaultClass:'xjqsx9'},'1/4':{conditions:{sm:'_2dgml6',md:'_10qp4sa',base:'l3a7ow'},defaultClass:'l3a7ow'},'2/4':{conditions:{sm:'_23zgz6',md:'_102pydj',base:'glvv7m'},defaultClass:'glvv7m'},'3/4':{conditions:{sm:'_1m0kdg0',md:'_1oemws',base:'_1gr5tgs'},defaultClass:'_1gr5tgs'},auto:{conditions:{sm:'fhb1z6',md:'_1qgmlus',base:'_1wfk6mb'},defaultClass:'_1wfk6mb'},fit:{conditions:{sm:'_9z7bzb',md:'_292cxj',base:'_13u5wbi'},defaultClass:'_13u5wbi'},full:{conditions:{sm:'o6sl47',md:'db48p6',base:'uj0eqp'},defaultClass:'uj0eqp'},max:{conditions:{sm:'_1gopc0i',md:'pu9h3y',base:'_917p7d'},defaultClass:'_917p7d'},min:{conditions:{sm:'_12p082s',md:'iqmxwh',base:'kdv5zh'},defaultClass:'kdv5zh'}},responsiveArray:undefined},justifyContent:{values:{center:{conditions:{sm:'tvc6lm',md:'_1gs772u',base:'_18krk1y'},defaultClass:'_18krk1y'},end:{conditions:{sm:'ss5963',md:'_1wiuiju',base:'_14acpwr'},defaultClass:'_14acpwr'},normal:{conditions:{sm:'_7786mr',md:'laa9g3',base:'_1w3d704'},defaultClass:'_1w3d704'},'space-around':{conditions:{sm:'_1hoqcwk',md:'cgnnnl',base:'qklac5'},defaultClass:'qklac5'},'space-between':{conditions:{sm:'y578pn',md:'_1ue3mrk',base:'_1hn50ym'},defaultClass:'_1hn50ym'},'space-evenly':{conditions:{sm:'_1eciqqz',md:'w3ghw3',base:'_82yyk2'},defaultClass:'_82yyk2'},start:{conditions:{sm:'xvgxjm',md:'_1hogbny',base:'_15wbeej'},defaultClass:'_15wbeej'},stretch:{conditions:{sm:'_1sabecx',md:'_1mq5nys',base:'_1delwt9'},defaultClass:'_1delwt9'}},responsiveArray:undefined},justifyItems:{values:{center:{conditions:{sm:'vejwwk',md:'_1j0h0ox',base:'_1w2gmc6'},defaultClass:'_1w2gmc6'},end:{conditions:{sm:'_1hoh8k5',md:'_5kbmv0',base:'uurg3y'},defaultClass:'uurg3y'},normal:{conditions:{sm:'pi1n40',md:'_1bog3xz',base:'_1krrsok'},defaultClass:'_1krrsok'},start:{conditions:{sm:'kcy05k',md:'l83q4v',base:'s3t3qm'},defaultClass:'s3t3qm'},stretch:{conditions:{sm:'_1r7kvsy',md:'u5rvgv',base:'_1min7rx'},defaultClass:'_1min7rx'}},responsiveArray:undefined},maxHeight:{values:{xs:{conditions:{sm:'p7s123',md:'_1e0rhxp',base:'_128l4ru'},defaultClass:'_128l4ru'},sm:{conditions:{sm:'_1lilwv9',md:'_1m6b3qm',base:'_1wnh3y1'},defaultClass:'_1wnh3y1'},md:{conditions:{sm:'_7v05xe',md:'_8q7lyx',base:'_10vm5u0'},defaultClass:'_10vm5u0'},lg:{conditions:{sm:'_13zxde5',md:'_1jpgv40',base:'vxxv7y'},defaultClass:'vxxv7y'},full:{conditions:{sm:'_1g8i273',md:'_1v8x3qz',base:'hhofvc'},defaultClass:'hhofvc'}},responsiveArray:undefined},maxWidth:{values:{xs:{conditions:{sm:'_1k9wwk3',md:'_1ptu91v',base:'_1mfg6dm'},defaultClass:'_1mfg6dm'},sm:{conditions:{sm:'mry6fa',md:'_1nn7su5',base:'_14wqu9k'},defaultClass:'_14wqu9k'},md:{conditions:{sm:'_1pg65v3',md:'_1mzwjsy',base:'kqiwfn'},defaultClass:'kqiwfn'},lg:{conditions:{sm:'_1c0w63e',md:'s0461v',base:'_1po9jsd'},defaultClass:'_1po9jsd'},full:{conditions:{sm:'eiyplp',md:'ptkogd',base:'_733lxk'},defaultClass:'_733lxk'}},responsiveArray:undefined},placeItems:{values:{center:{conditions:{sm:'_1h760xi',md:'kzbqw',base:'_1rztshl'},defaultClass:'_1rztshl'}},responsiveArray:undefined},width:{values:{'0':{conditions:{sm:'mwbb92',md:'_1dnn1zj',base:'i23hs0'},defaultClass:'i23hs0'},'10':{conditions:{sm:'l7v0f7',md:'b3hfc7',base:'_4l5o5u'},defaultClass:'_4l5o5u'},'12':{conditions:{sm:'zfy5o0',md:'uoo2n0',base:'_1lrcey6'},defaultClass:'_1lrcey6'},'16':{conditions:{sm:'qmcxoh',md:'_9mnk1v',base:'_14izgc1'},defaultClass:'_14izgc1'},'20':{conditions:{sm:'_1gn4sh9',md:'_16bv4d8',base:'tn7msk'},defaultClass:'tn7msk'},'24':{conditions:{sm:'t9vkr9',md:'_1h7tmxx',base:'_1atdbjl'},defaultClass:'_1atdbjl'},'32':{conditions:{sm:'joxgws',md:'ct1hx4',base:'imyyrq'},defaultClass:'imyyrq'},'40':{conditions:{sm:'xmn8ht',md:'agdhzn',base:'_1x54t4n'},defaultClass:'_1x54t4n'},'48':{conditions:{sm:'fgcva2',md:'qmg0pl',base:'ra4zxc'},defaultClass:'ra4zxc'},'56':{conditions:{sm:'_1nsr5b9',md:'_1xohvn4',base:'_1e96s82'},defaultClass:'_1e96s82'},'64':{conditions:{sm:'ml2965',md:'_7wez5p',base:'_1m3j49f'},defaultClass:'_1m3j49f'},'80':{conditions:{sm:'_1s1rlzk',md:'_1pxrnjl',base:'_1np0hb9'},defaultClass:'_1np0hb9'},'224':{conditions:{sm:'_1xsh0mz',md:'_1thaa',base:'hh9rx4'},defaultClass:'hh9rx4'},'384':{conditions:{sm:'usc3s4',md:'_1u3gfg',base:'_1udo5mt'},defaultClass:'_1udo5mt'},'2xs':{conditions:{sm:'_5of2nd',md:'_1t4wfce',base:'_1nohw9n'},defaultClass:'_1nohw9n'},xs:{conditions:{sm:'etkqh6',md:'zczyo5',base:'x47x6g'},defaultClass:'x47x6g'},sm:{conditions:{sm:'_9uctt0',md:'_1gzx0zi',base:'_1yff0yr'},defaultClass:'_1yff0yr'},md:{conditions:{sm:'i1vi17',md:'_1o7ulzl',base:'nrf0g2'},defaultClass:'nrf0g2'},lg:{conditions:{sm:'e0m5fo',md:'_1xcvzev',base:'ok91gw'},defaultClass:'ok91gw'},xl:{conditions:{sm:'_1g84uvo',md:'_18e5e6q',base:'suqgfj'},defaultClass:'suqgfj'},'3xl':{conditions:{sm:'_16ndi0k',md:'_14ol2e8',base:'_18if02n'},defaultClass:'_18if02n'},'1/2':{conditions:{sm:'_1kx1jnv',md:'_4d9yiw',base:'_189g1f7'},defaultClass:'_189g1f7'},'1/3':{conditions:{sm:'_156j59s',md:'_1vevlvm',base:'_1fvfby7'},defaultClass:'_1fvfby7'},'2/3':{conditions:{sm:'vlpu1c',md:'_1n9lkxh',base:'egvw5i'},defaultClass:'egvw5i'},'1/4':{conditions:{sm:'_18xilwp',md:'z6obmr',base:'ah5ppd'},defaultClass:'ah5ppd'},'2/4':{conditions:{sm:'_1b45agj',md:'_1lbcg1g',base:'q6f5v2'},defaultClass:'q6f5v2'},'3/4':{conditions:{sm:'_1spbyg2',md:'q4ozmd',base:'_1x14l7k'},defaultClass:'_1x14l7k'},auto:{conditions:{sm:'_1h2eibg',md:'m4x96c',base:'_1447lqc'},defaultClass:'_1447lqc'},fit:{conditions:{sm:'_1henc0w',md:'_12d9z0u',base:'dnsgsd'},defaultClass:'dnsgsd'},full:{conditions:{sm:'_1ox44h3',md:'_1q7j06',base:'_1aqdf8y'},defaultClass:'_1aqdf8y'},max:{conditions:{sm:'euzbzj',md:'_18kv74d',base:'_11la1sm'},defaultClass:'_11la1sm'},min:{conditions:{sm:'o02qvd',md:'_1gtnceq',base:'wwmkei'},defaultClass:'wwmkei'}},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:'gfhr5i'},pulse:{defaultClass:'_1lo44cs'},spin:{defaultClass:'_16joc7q'}}},backgroundColor:{values:{'bg.accent':{defaultClass:'ucvwy3'},'bg.accent.hovered':{defaultClass:'_35mg7t'},'bg.accent.light':{defaultClass:'_2bnyhb'},'bg.accent.pressed':{defaultClass:'xx9kpm'},'bg.accent.subtle':{defaultClass:'auuqmm'},'bg.avatar.neutral':{defaultClass:'_1pxlkbx'},'bg.avatar.purple':{defaultClass:'_1tuvdv9'},'bg.default':{defaultClass:'_1k27scb'},'bg.default.hovered':{defaultClass:'_1sz4vkv'},'bg.default.inverse':{defaultClass:'jhuohu'},'bg.default.inverse.hovered':{defaultClass:'_1fnmh22'},'bg.default.inverse.pressed':{defaultClass:'dd2t3c'},'bg.default.pressed':{defaultClass:'om3mm5'},'bg.error':{defaultClass:'_129r03v'},'bg.error.hovered':{defaultClass:'_6qx8yh'},'bg.error.light':{defaultClass:'_1gta379'},'bg.error.pressed':{defaultClass:'l773dj'},'bg.error.subtle':{defaultClass:'_1yogocb'},'bg.error.subtlest':{defaultClass:'diyly3'},'bg.information':{defaultClass:'_1kpwkf6'},'bg.information.light':{defaultClass:'o5w8a2'},'bg.information.subtle':{defaultClass:'u33hcp'},'bg.overlay':{defaultClass:'_1w92bmm'},'bg.page':{defaultClass:'cpgl5c'},'bg.secondary':{defaultClass:'_1vzf5ry'},'bg.secondary.hovered':{defaultClass:'foq7g8'},'bg.spinner.default':{defaultClass:'_840otv'},'bg.spinner.inverse':{defaultClass:'nbt5bi'},'bg.success':{defaultClass:'_1f9w8c4'},'bg.success.hovered':{defaultClass:'d067g1'},'bg.success.light':{defaultClass:'_1bcyjsn'},'bg.success.subtle':{defaultClass:'_1t037yt'},'bg.tertiary':{defaultClass:'_44jpvf'},'bg.tertiary.hovered':{defaultClass:'b082hk'},'bg.warning':{defaultClass:'gxwkh7'},'bg.warning.hovered':{defaultClass:'_11xvugz'},'bg.warning.light':{defaultClass:'_1xg6vek'},'bg.warning.subtle':{defaultClass:'_7wnioj'},current:{defaultClass:'_1rutie6'},transparent:{defaultClass:'vqjacf'}}},borderBottomWidth:{values:{'0':{defaultClass:'h3gd2f'},'1':{defaultClass:'a27pc3'},'2':{defaultClass:'_1yzru2d'}}},borderColor:{values:{'border.accent':{defaultClass:'_1ny6gx5'},'border.control':{defaultClass:'_17vkhx6'},'border.control.hovered':{defaultClass:'_15fbugt'},'border.default':{defaultClass:'_1vw5c27'},'border.disabled':{defaultClass:'_1gt8px6'},'border.error':{defaultClass:'_3pm36l'},'border.focus':{defaultClass:'z7ttem'},'border.focus.error':{defaultClass:'vc5coe'},'border.secondary':{defaultClass:'_1q5lrhs'},'border.success':{defaultClass:'mvut3d'},'border.tertiary':{defaultClass:'_14h9j73'},'border.warning':{defaultClass:'_1niesux'},current:{defaultClass:'t2zcza'},transparent:{defaultClass:'wcos6n'}}},borderLeftWidth:{values:{'0':{defaultClass:'noevu0'},'1':{defaultClass:'k1qqtq'},'2':{defaultClass:'_18e8pf9'}}},borderRadius:{values:{xs:{defaultClass:'_191zge4'},sm:{defaultClass:'_170sg70'},md:{defaultClass:'_1i6s4za'},lg:{defaultClass:'n51hpb'},full:{defaultClass:'ljq19'},inherit:{defaultClass:'_1g5n2yc'},none:{defaultClass:'qrx9i2'}}},borderRightWidth:{values:{'0':{defaultClass:'_1hpcmvv'},'1':{defaultClass:'upuhnl'},'2':{defaultClass:'mj93a5'}}},borderTopWidth:{values:{'0':{defaultClass:'_1jq236a'},'1':{defaultClass:'lw6gdu'},'2':{defaultClass:'d8269m'}}},boxShadow:{values:{sm:{defaultClass:'u7o4t1'},md:{defaultClass:'vcue1o'},lg:{defaultClass:'_11pkyj7'},none:{defaultClass:'y28nus'}}},color:{values:{'fg.accent':{defaultClass:'p5o1uk'},'fg.accent.hovered':{defaultClass:'bhmbxe'},'fg.accent.strong':{defaultClass:'g7bb00'},'fg.avatar.neutral':{defaultClass:'_1psiibr'},'fg.avatar.purple':{defaultClass:'_1bmtj8w'},'fg.default':{defaultClass:'_1pq3gu3'},'fg.default.inverse':{defaultClass:'kb90fk'},'fg.disabled':{defaultClass:'_17n9t7e'},'fg.error':{defaultClass:'_1rg5vrl'},'fg.error.hovered':{defaultClass:'j6ip80'},'fg.error.light':{defaultClass:'x85ait'},'fg.error.strong':{defaultClass:'_1v2fspa'},'fg.information':{defaultClass:'akdblv'},'fg.information.light':{defaultClass:'lc01p0'},'fg.information.strong':{defaultClass:'_1dwe22e'},'fg.link.default':{defaultClass:'szuoqr'},'fg.link.default.hovered':{defaultClass:'hy5tre'},'fg.link.inverse':{defaultClass:'_1izi414'},'fg.link.subtle':{defaultClass:'v0ksrv'},'fg.link.visited':{defaultClass:'ap287'},'fg.secondary':{defaultClass:'_8ctjrk'},'fg.spinner.default':{defaultClass:'_17r4c8g'},'fg.spinner.inverse':{defaultClass:'_1lxhqa'},'fg.success':{defaultClass:'_1f936ge'},'fg.success.hovered':{defaultClass:'_1p8msv8'},'fg.success.light':{defaultClass:'_14014we'},'fg.success.strong':{defaultClass:'_8fasl6'},'fg.tertiary':{defaultClass:'_1h4sqt3'},'fg.warning':{defaultClass:'_19oiigk'},'fg.warning.hovered':{defaultClass:'_1q0toz'},'fg.warning.inverse':{defaultClass:'_3op52p'},'fg.warning.light':{defaultClass:'_8grgh9'},'fg.warning.strong':{defaultClass:'gk89o1'},'fg.white':{defaultClass:'_2tsqgp'},current:{defaultClass:'_1oib4t'},transparent:{defaultClass:'_19mqgvd'}}},cursor:{values:{pointer:{defaultClass:'jb5azq'},'default':{defaultClass:'busksk'},'not-allowed':{defaultClass:'_12xeale'},text:{defaultClass:'_14w5fs1'}}},empty:{values:{hidden:{defaultClass:'_19o77oc'}}},fontFamily:{values:{mono:{defaultClass:'_1kvo5po'},sans:{defaultClass:'_1418vwp'}}},fontSize:{values:{xs:{defaultClass:'_15zxibc'},sm:{defaultClass:'_1dvvqfy'},md:{defaultClass:'_1vb7k1v'},lg:{defaultClass:'qgr871'},xl:{defaultClass:'_99my25'},'2xl':{defaultClass:'_10hj5d6'},'3xl':{defaultClass:'mtbhgi'},'4xl':{defaultClass:'_11tpibg'},'5xl':{defaultClass:'rchyn2'},inherit:{defaultClass:'_18kfcz9'}}},fontWeight:{values:{'400':{defaultClass:'_1jrus39'},'500':{defaultClass:'_1yek5zb'},'600':{defaultClass:'_3y46qc'},'700':{defaultClass:'_11e0zoo'}}},marginBottom:{values:{'0':{defaultClass:'_1itdhu5'},'2':{defaultClass:'lr0jtq'},'4':{defaultClass:'_1it8ul7'},'6':{defaultClass:'_1knjxsk'},'8':{defaultClass:'_1ngzf6b'},'10':{defaultClass:'_1ayf6nn'},'12':{defaultClass:'_10x18qf'},'16':{defaultClass:'b9ki6a'},'20':{defaultClass:'_124si4i'},'24':{defaultClass:'_5x6r0p'},'32':{defaultClass:'xdhqe6'},'40':{defaultClass:'_1osbxh8'},'48':{defaultClass:'o6qp0n'},'64':{defaultClass:'m2r2p2'},'80':{defaultClass:'_1gw0wjc'},auto:{defaultClass:'yd08jl'}}},marginLeft:{values:{'0':{defaultClass:'_30kqa3'},'2':{defaultClass:'_182h3qz'},'4':{defaultClass:'_1wpcti7'},'6':{defaultClass:'_1ke57e9'},'8':{defaultClass:'_1upzip1'},'10':{defaultClass:'u4eodb'},'12':{defaultClass:'dtqwkv'},'16':{defaultClass:'_1nev8to'},'20':{defaultClass:'_1ak546n'},'24':{defaultClass:'t6uawo'},'32':{defaultClass:'t43m9o'},'40':{defaultClass:'_1e6dcwy'},'48':{defaultClass:'_1sgedzj'},'64':{defaultClass:'lozhwg'},'80':{defaultClass:'bm7q9m'},auto:{defaultClass:'_1yc5mct'}}},marginRight:{values:{'0':{defaultClass:'_1ekgbec'},'2':{defaultClass:'_1szt4dc'},'4':{defaultClass:'qwin7v'},'6':{defaultClass:'_15qwbzb'},'8':{defaultClass:'_15o6dl7'},'10':{defaultClass:'_1bfsm8d'},'12':{defaultClass:'y89urg'},'16':{defaultClass:'_1d2kvff'},'20':{defaultClass:'poofdr'},'24':{defaultClass:'_1eaxs2g'},'32':{defaultClass:'bhwqve'},'40':{defaultClass:'ghjhb9'},'48':{defaultClass:'uuhh3'},'64':{defaultClass:'uq52ah'},'80':{defaultClass:'_1awc8n8'},auto:{defaultClass:'sz8zu9'}}},marginTop:{values:{'0':{defaultClass:'rfirup'},'2':{defaultClass:'_18ly5ql'},'4':{defaultClass:'xgjyp9'},'6':{defaultClass:'kbzl6j'},'8':{defaultClass:'_197cyqu'},'10':{defaultClass:'_17nghrx'},'12':{defaultClass:'_1ey9wmc'},'16':{defaultClass:'_4l1av5'},'20':{defaultClass:'_1ra7zg9'},'24':{defaultClass:'_109lfip'},'32':{defaultClass:'rrli1y'},'40':{defaultClass:'_1nedhmp'},'48':{defaultClass:'_64ze4t'},'64':{defaultClass:'_1dcj8rx'},'80':{defaultClass:'kdlhfl'},auto:{defaultClass:'fa4y3w'}}},objectFit:{values:{contain:{defaultClass:'imq42g'},cover:{defaultClass:'h2t0wz'},fill:{defaultClass:'xghtk8'},none:{defaultClass:'_1pq9hy5'}}},overflowX:{values:{auto:{defaultClass:'_1lzbuji'},hidden:{defaultClass:'hpvi3m'},visible:{defaultClass:'z5c4jd'}}},overflowY:{values:{auto:{defaultClass:'_8j4ur9'},hidden:{defaultClass:'xegd3k'},visible:{defaultClass:'ac0c3q'}}},paddingBottom:{values:{'0':{defaultClass:'rrgmjh'},'2':{defaultClass:'mo0mrs'},'4':{defaultClass:'_1kijrt1'},'6':{defaultClass:'_54dqsr'},'8':{defaultClass:'ie2d7d'},'10':{defaultClass:'u2z9ie'},'12':{defaultClass:'_1omfubk'},'16':{defaultClass:'_1yi8e6'},'20':{defaultClass:'uvt9h0'},'24':{defaultClass:'_124zxtm'},'32':{defaultClass:'p8thpd'},'40':{defaultClass:'_1wpqyod'},'48':{defaultClass:'pci5h1'},'64':{defaultClass:'lj62kc'},'80':{defaultClass:'gcixra'}}},paddingLeft:{values:{'0':{defaultClass:'_1j9to41'},'2':{defaultClass:'uo9vnf'},'4':{defaultClass:'h5cyic'},'6':{defaultClass:'_1ips9w'},'8':{defaultClass:'_1kyqsjr'},'10':{defaultClass:'qeee16'},'12':{defaultClass:'_6nimil'},'16':{defaultClass:'_6kp4lw'},'20':{defaultClass:'o04w3g'},'24':{defaultClass:'_1f8yuh7'},'32':{defaultClass:'ry7yfl'},'40':{defaultClass:'gwhddx'},'48':{defaultClass:'cw9vl9'},'64':{defaultClass:'_1rmww4w'},'80':{defaultClass:'_1pls4p1'}}},paddingRight:{values:{'0':{defaultClass:'_5smqk5'},'2':{defaultClass:'znxr55'},'4':{defaultClass:'_1bm26kw'},'6':{defaultClass:'_1t6ncl3'},'8':{defaultClass:'_1kavy6e'},'10':{defaultClass:'_1djr0vx'},'12':{defaultClass:'fuhe9l'},'16':{defaultClass:'_1klthql'},'20':{defaultClass:'e1cc8n'},'24':{defaultClass:'pgg7hb'},'32':{defaultClass:'_1l0bs4n'},'40':{defaultClass:'ygvz6t'},'48':{defaultClass:'_1h9bpem'},'64':{defaultClass:'_1wyutgj'},'80':{defaultClass:'_1q9t01g'}}},paddingTop:{values:{'0':{defaultClass:'_1p928s0'},'2':{defaultClass:'jbaptb'},'4':{defaultClass:'_9goa1j'},'6':{defaultClass:'_1wgpe8t'},'8':{defaultClass:'_19yp0yj'},'10':{defaultClass:'_14elsfg'},'12':{defaultClass:'p8ffto'},'16':{defaultClass:'_1lx9tok'},'20':{defaultClass:'_1f88oyw'},'24':{defaultClass:'x86q29'},'32':{defaultClass:'p8xrae'},'40':{defaultClass:'_1ggykpg'},'48':{defaultClass:'_53a81n'},'64':{defaultClass:'_1u0u4s5'},'80':{defaultClass:'uidk7o'}}},pointerEvents:{values:{auto:{defaultClass:'_4lyb23'},none:{defaultClass:'acq3t4'}}},textAlign:{values:{end:{defaultClass:'ulnkpw'},start:{defaultClass:'dpiart'},center:{defaultClass:'gasmak'},justify:{defaultClass:'_13paoyt'}}},textTransform:{values:{capitalize:{defaultClass:'heskcx'},none:{defaultClass:'_1gxkab4'},uppercase:{defaultClass:'ue1pqm'}}},transition:{values:{all:{defaultClass:'wruil0'},colors:{defaultClass:'vi32hu'},none:{defaultClass:'ep231z'},opacity:{defaultClass:'_4lfu81'},transform:{defaultClass:'_1xuyd8l'}}},whiteSpace:{values:{nowrap:{defaultClass:'zo5p8y'}}},zIndex:{values:{'0':{defaultClass:'ioepo4'},'10':{defaultClass:'_1hvt4m'},'20':{defaultClass:'_1o2rdn2'},'30':{defaultClass:'_1ydlrjb'},popover:{defaultClass:'_19929p7'},toast:{defaultClass:'nrgj9y'},tooltip:{defaultClass:'_1tdm3mt'},auto:{defaultClass:'tvdjxb'}}}}};
+
+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] === undefined) {
+        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:'qrvo02'});
+
+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 !== undefined) {
+        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'},'_76tp55']});
+
+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':'dxxsk3',inverse:'ma7tz9'}}});
+
+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(undefined);
+
+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" : undefined;
+};
+
+var transition = recipeRuntime({base:'cutdj1',variants:{duration:{sm:'_1xrwqtq',md:'_1420zmm',lg:'fb12qj'},type:{fade:'o4mzmi',pop:'_1b1nxhc',slide:'b3vt3q'}}});
+
+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 : undefined
+          },
+          undefined
+        ),
+        ...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 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})`
+    })),
+    base: {}
+  },
+  defaultCondition: "base",
+  responsiveArray: ["base", "sm", "md"]
+};
+
+const decorateChildren = ({ asChild, children }, decorator) => {
+  if (asChild) {
+    const newElement = React.isValidElement(children) ? children : null;
+    return newElement ? React.cloneElement(
+      newElement,
+      undefined,
+      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:['_1m6yacp',{alignItems:'center',display:'inline-flex',flexDirection:'row',justifyContent:'start',transition:'colors'},'q4uz07'],variants:{intent:{danger:'_1jfi8hu',neutral:'_8bojlx',primary:'_9z5xna'},size:{sm:{fontSize:'sm',h:'sm'},md:{fontSize:'md',gap:'2',h:'md'},lg:{fontSize:'md',gap:'4',h:'lg'}},square:{false:'_8o8l68',true:{}},variant:{outline:'_197i2b4',solid:'p38c8s',subtle:'bcfst7'}},variantsCompounded:[{style:{w:'sm'},variants:{size:'sm',square:true}},{style:'_1ebj128',variants:{size:'sm',square:false}},{style:{w:'md'},variants:{size:'md',square:true}},{style:'_10x5fjj',variants:{size:'md',square:false}},{style:{w:'lg'},variants:{size:'lg',square:true}},{style:'_4imikr',variants:{size:'lg',square:false}}]});
+var spinner = recipeRuntime({base:[{size:'2xs'},'_1tfi0ta']});
+
+const appearances = {
+  danger: { intent: "danger", variant: "solid" },
+  "danger-outline": { intent: "danger", variant: "outline" },
+  default: { intent: "neutral", variant: "outline" },
+  inverse: { intent: "neutral", variant: "solid" },
+  primary: { intent: "primary", variant: "solid" },
+  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 ? "" : undefined,
+        "data-loading": loading ? "" : undefined,
+        ...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 === "solid" ? "inverse" : "default",
+              "aria-hidden": "true",
+              ...spinner()
+            }
+          ) }) }),
+          children2
+        ] })) })
+      }
+    );
+  }
+);
+ButtonBase.displayName = "@optiaxiom/react/ButtonBase";
+
+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",
+    square,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    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,
+        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'},'_1kte7lq']});
+
+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'},'_1jd7j1x','_7skpv8','_1bts5yl'],'2':[undefined,'_1jd7j1x','_7skpv8','tgqdre'],'3':[undefined,'_1jd7j1x','_7skpv8','_1xes7ps'],'4':[undefined,'_1jd7j1x','_7skpv8','_1y82jx1']},truncate:{true:[undefined,'_1jd7j1x',{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",
+  "5": "h5",
+  "6": "h6"
+};
+const mapLevelToFontSize = {
+  "1": "5xl",
+  "2": "4xl",
+  "3": "3xl",
+  "4": "2xl",
+  "5": "xl",
+  "6": "md"
+};
+const Heading = React.forwardRef(
+  ({ asChild, children, level = "1", ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : mapLevelToTag[level];
+    const fontSize = mapLevelToFontSize[level];
+    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:'_13ziltk',md:'p81cgu',base:'_1q7gerv'},defaultClass:'_1q7gerv'},vertical:{conditions:{sm:'_1ryn2iz',md:'_3yu1og',base:'_1yw5b9e'},defaultClass:'_1yw5b9e'}},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:'8',py:'2',rounded:'full'},'_16r913e'],variants:{intent:{danger:'k233vg',information:'_1lu6m6e',neutral:'emb38d',primary:'_1acq4ba',success:'begpb4',warning:'_1t8mxel'},variant:{light:'_1cza6of',solid:'_11igp9x'}}});
+
+const Badge = React.forwardRef(
+  ({
+    asChild,
+    children,
+    className,
+    intent = "neutral",
+    variant = "light",
+    ...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:['qe2gjo']});
+
+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'},'_1lo6rp9'],variants:{shift:{false:{},true:{mt:'2'}}}});
+var icon$2 = recipeRuntime({base:[{transition:'all'},'iej4hg']});
+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:['yumqxj',{alignItems:'start',display:'inline-flex',flexDirection:'row',gap:'8'},'ted1ob']});
+
+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 : undefined,
+        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 = '_7wp0f';
+
+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, size = "lg", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixDialog__namespace.Close, { asChild: true, ref, ...props, children: asChild ? children : /* @__PURE__ */ jsxRuntime.jsx(Button, { appearance, size, children }) });
+  }
+);
+DialogClose.displayName = "@optiaxiom/react/DialogClose";
+
+var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'o6hni'}}});
+var content$1 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column'},'oghsik'],variants:{size:{sm:'_1rems6o',md:'_30z100',lg:'nzwz4i',fullscreen:'_1e4c3at'}}});
+var nestedDialogCountVar = 'var(--hps9xu)';
+
+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";
+
+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:'u6a9lp',start:'_1jb6nw8'}}});
+var trigger = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',fontWeight:'500',gap:'4',p:'8',px:'4',rounded:'md',textAlign:'start',w:'full',z:'10'},'_190hddc']});
+
+const DisclosureTrigger = React.forwardRef(
+  ({
+    addonAfter,
+    addonBefore,
+    chevronPosition = "start",
+    children,
+    className,
+    ...props
+  }, ref) => {
+    useDisclosureContext("DisclosureTrigger");
+    const { boxProps, restProps } = extractBoxProps(props);
+    const startIcon = addonBefore || chevronPosition === "start" && !addonAfter && /* @__PURE__ */ jsxRuntime.jsx(IconAngleRight, {});
+    const endIcon = addonAfter || chevronPosition === "end" && /* @__PURE__ */ jsxRuntime.jsx(IconAngleDown, {});
+    return /* @__PURE__ */ jsxRuntime.jsx(Flex, { asChild: true, ...trigger({}, className), ...boxProps, children: /* @__PURE__ */ jsxRuntime.jsxs(RadixCollapsible__namespace.Trigger, { ref, ...restProps, children: [
+      startIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$1({ chevronPosition }), children: startIcon }),
+      /* @__PURE__ */ jsxRuntime.jsx(Box, { flex: "1", px: "4", children }),
+      endIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { asChild: true, ...icon$1({ chevronPosition }), children: endIcon })
+    ] }) });
+  }
+);
+DisclosureTrigger.displayName = "@optiaxiom/react/DisclosureTrigger";
+
+var description = recipeRuntime({base:[{fontSize:'sm'},'_1l2fc4']});
+var item = recipeRuntime({base:[{flexDirection:'row',fontSize:'md',gap:'8',p:'8',rounded:'sm',transition:'colors'},'_1vc2ed2'],variants:{intent:{danger:'q79j8d',neutral:'_1t6av8w'}}});
+var title = recipeRuntime({base:[{alignItems:'center',flexDirection:'row',gap:'8'},'_2pqxhf']});
+
+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 : undefined,
+        "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'},'mi8syg'],variants:{maxH:{xs:'_1qq04is',sm:'_1fkz1gi',md:'xewepb',lg:'mdt7gk',full:{}},minW:{'0':{},trigger:'w95sgs'},provider:{'dropdown-menu':'_1tvjs83',popover:'p048ep',popper:'_7xzmct'}}});
+
+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(undefined);
+
+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 === undefined ? (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:['vl5mba',{bg:'transparent',flex:'auto',w:'full'},'hmoru4','_1lg38j3'],variants:{size:{md:{},lg:{},xl:['_18w05mv']}}});
+
+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) : undefined,
+        "aria-disabled": disabled,
+        "aria-invalid": error ? true : undefined,
+        asChild: true,
+        "data-disabled": disabled ? "" : undefined,
+        "data-invalid": error ? "" : undefined,
+        "data-readonly": readOnly ? "" : undefined,
+        ...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'},'_1hn0kbp']});
+
+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'},'_1lycxff']});
+var link = recipeRuntime({base:['_1ib6xn3','fb4qc7'],variants:{appearance:{'default':'_1dk0uc1',inverse:'yijaeu',subtle:'_1khj3y7'},overlay:{false:{},true:'_1rvu7pt'}}});
+
+const Link = React.forwardRef(
+  ({
+    appearance = "default",
+    asChild,
+    children,
+    className,
+    disabled,
+    external,
+    href,
+    overlay,
+    ...props
+  }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "a";
+    const { boxProps, restProps } = extractBoxProps(props);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Box,
+      {
+        asChild: true,
+        ...link({ appearance, overlay }, className),
+        ...boxProps,
+        children: /* @__PURE__ */ jsxRuntime.jsx(
+          Comp,
+          {
+            "aria-disabled": disabled,
+            "data-disabled": disabled ? "" : undefined,
+            "data-overlay": overlay ? "" : undefined,
+            href,
+            ref,
+            ...external && { rel: "noopener noreferrer", target: "_blank" },
+            ...restProps,
+            ...disabled && {
+              href: undefined,
+              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: undefined });
+
+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: undefined });
+
+function useUncontrolled({
+  value,
+  defaultValue,
+  finalValue,
+  onChange = () => {
+  }
+}) {
+  const [uncontrolledValue, setUncontrolledValue] = React.useState(
+    defaultValue !== undefined ? defaultValue : finalValue
+  );
+  const handleUncontrolledChange = (val, ...payload) => {
+    setUncontrolledValue(val);
+    onChange?.(val, ...payload);
+  };
+  if (value !== undefined) {
+    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
+  };
+}
+
+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"
+    }
+  )
+);
+
+var button = recipeRuntime({base:[{justifyContent:'center'},'muxufa']});
+var cursor = recipeRuntime({base:[{justifyContent:'center',z:'10'},'_8etaso'],variants:{animation:{false:{},true:{transition:'transform'}}}});
+var list = recipeRuntime({base:[{flexDirection:'row',gap:'2'},'_1xah36v']});
+
+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" : undefined,
+              disabled,
+              onClick: () => setPage(page),
+              ref: active === page ? activeRef : undefined,
+              ...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.Checkbox = Checkbox;
+exports.CheckboxContent = CheckboxContent;
+exports.CheckboxControl = CheckboxControl;
+exports.CheckboxRoot = CheckboxRoot;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogTrigger = DialogTrigger;
+exports.Disclosure = Disclosure;
+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.useDisclosureContext = useDisclosureContext;
+exports.useFieldContext = useFieldContext;
+exports.useNavGroupContext = useNavGroupContext;
+exports.useNestedDialogCount = useNestedDialogCount;
+exports.useSidebarContext = useSidebarContext;
+exports.version = version;
+exports.withIcon = withIcon;