@insforge/react 0.7.9 → 0.7.11-dev.1

package/dist/components.cjs

@@ -1,23 +1,439 @@
 'use strict';
 
-var react = require('react');
+var React2 = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 require('@insforge/sdk');
-var react$2 = require('@insforge/shared/react');
-require('@emotion/cache');
-var react$1 = require('@emotion/react');
-var styled = require('@emotion/styled');
+var react = require('@insforge/shared/react');
 var lucideReact = require('lucide-react');
 var zod = require('zod');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return 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 React2__namespace = /*#__PURE__*/_interopNamespace(React2);
 
-var styled__default = /*#__PURE__*/_interopDefault(styled);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+var __copyProps = (to, from2, except, desc) => {
+  if (from2 && typeof from2 === "object" || typeof from2 === "function") {
+    for (let key of __getOwnPropNames(from2))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+
+// ../node_modules/react-is/cjs/react-is.production.min.js
+var require_react_is_production_min = __commonJS({
+  "../node_modules/react-is/cjs/react-is.production.min.js"(exports$1) {
+    var b = "function" === typeof Symbol && Symbol.for;
+    var c = b ? Symbol.for("react.element") : 60103;
+    var d = b ? Symbol.for("react.portal") : 60106;
+    var e = b ? Symbol.for("react.fragment") : 60107;
+    var f = b ? Symbol.for("react.strict_mode") : 60108;
+    var g = b ? Symbol.for("react.profiler") : 60114;
+    var h = b ? Symbol.for("react.provider") : 60109;
+    var k = b ? Symbol.for("react.context") : 60110;
+    var l = b ? Symbol.for("react.async_mode") : 60111;
+    var m = b ? Symbol.for("react.concurrent_mode") : 60111;
+    var n = b ? Symbol.for("react.forward_ref") : 60112;
+    var p = b ? Symbol.for("react.suspense") : 60113;
+    var q = b ? Symbol.for("react.suspense_list") : 60120;
+    var r = b ? Symbol.for("react.memo") : 60115;
+    var t = b ? Symbol.for("react.lazy") : 60116;
+    var v = b ? Symbol.for("react.block") : 60121;
+    var w = b ? Symbol.for("react.fundamental") : 60117;
+    var x = b ? Symbol.for("react.responder") : 60118;
+    var y = b ? Symbol.for("react.scope") : 60119;
+    function z2(a) {
+      if ("object" === typeof a && null !== a) {
+        var u = a.$$typeof;
+        switch (u) {
+          case c:
+            switch (a = a.type, a) {
+              case l:
+              case m:
+              case e:
+              case g:
+              case f:
+              case p:
+                return a;
+              default:
+                switch (a = a && a.$$typeof, a) {
+                  case k:
+                  case n:
+                  case t:
+                  case r:
+                  case h:
+                    return a;
+                  default:
+                    return u;
+                }
+            }
+          case d:
+            return u;
+        }
+      }
+    }
+    function A(a) {
+      return z2(a) === m;
+    }
+    exports$1.AsyncMode = l;
+    exports$1.ConcurrentMode = m;
+    exports$1.ContextConsumer = k;
+    exports$1.ContextProvider = h;
+    exports$1.Element = c;
+    exports$1.ForwardRef = n;
+    exports$1.Fragment = e;
+    exports$1.Lazy = t;
+    exports$1.Memo = r;
+    exports$1.Portal = d;
+    exports$1.Profiler = g;
+    exports$1.StrictMode = f;
+    exports$1.Suspense = p;
+    exports$1.isAsyncMode = function(a) {
+      return A(a) || z2(a) === l;
+    };
+    exports$1.isConcurrentMode = A;
+    exports$1.isContextConsumer = function(a) {
+      return z2(a) === k;
+    };
+    exports$1.isContextProvider = function(a) {
+      return z2(a) === h;
+    };
+    exports$1.isElement = function(a) {
+      return "object" === typeof a && null !== a && a.$$typeof === c;
+    };
+    exports$1.isForwardRef = function(a) {
+      return z2(a) === n;
+    };
+    exports$1.isFragment = function(a) {
+      return z2(a) === e;
+    };
+    exports$1.isLazy = function(a) {
+      return z2(a) === t;
+    };
+    exports$1.isMemo = function(a) {
+      return z2(a) === r;
+    };
+    exports$1.isPortal = function(a) {
+      return z2(a) === d;
+    };
+    exports$1.isProfiler = function(a) {
+      return z2(a) === g;
+    };
+    exports$1.isStrictMode = function(a) {
+      return z2(a) === f;
+    };
+    exports$1.isSuspense = function(a) {
+      return z2(a) === p;
+    };
+    exports$1.isValidElementType = function(a) {
+      return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
+    };
+    exports$1.typeOf = z2;
+  }
+});
 
-// src/components/SignIn.tsx
-var NavigationContext = react.createContext(null);
+// ../node_modules/react-is/cjs/react-is.development.js
+var require_react_is_development = __commonJS({
+  "../node_modules/react-is/cjs/react-is.development.js"(exports$1) {
+    if (process.env.NODE_ENV !== "production") {
+      (function() {
+        var hasSymbol = typeof Symbol === "function" && Symbol.for;
+        var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
+        var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
+        var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
+        var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
+        var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
+        var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
+        var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
+        var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
+        var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
+        var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
+        var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
+        var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
+        var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
+        var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
+        var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
+        var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
+        var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
+        var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
+        function isValidElementType(type) {
+          return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+          type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
+        }
+        function typeOf(object) {
+          if (typeof object === "object" && object !== null) {
+            var $$typeof = object.$$typeof;
+            switch ($$typeof) {
+              case REACT_ELEMENT_TYPE:
+                var type = object.type;
+                switch (type) {
+                  case REACT_ASYNC_MODE_TYPE:
+                  case REACT_CONCURRENT_MODE_TYPE:
+                  case REACT_FRAGMENT_TYPE:
+                  case REACT_PROFILER_TYPE:
+                  case REACT_STRICT_MODE_TYPE:
+                  case REACT_SUSPENSE_TYPE:
+                    return type;
+                  default:
+                    var $$typeofType = type && type.$$typeof;
+                    switch ($$typeofType) {
+                      case REACT_CONTEXT_TYPE:
+                      case REACT_FORWARD_REF_TYPE:
+                      case REACT_LAZY_TYPE:
+                      case REACT_MEMO_TYPE:
+                      case REACT_PROVIDER_TYPE:
+                        return $$typeofType;
+                      default:
+                        return $$typeof;
+                    }
+                }
+              case REACT_PORTAL_TYPE:
+                return $$typeof;
+            }
+          }
+          return void 0;
+        }
+        var AsyncMode = REACT_ASYNC_MODE_TYPE;
+        var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+        var ContextConsumer = REACT_CONTEXT_TYPE;
+        var ContextProvider = REACT_PROVIDER_TYPE;
+        var Element = REACT_ELEMENT_TYPE;
+        var ForwardRef = REACT_FORWARD_REF_TYPE;
+        var Fragment9 = REACT_FRAGMENT_TYPE;
+        var Lazy = REACT_LAZY_TYPE;
+        var Memo = REACT_MEMO_TYPE;
+        var Portal = REACT_PORTAL_TYPE;
+        var Profiler = REACT_PROFILER_TYPE;
+        var StrictMode = REACT_STRICT_MODE_TYPE;
+        var Suspense = REACT_SUSPENSE_TYPE;
+        var hasWarnedAboutDeprecatedIsAsyncMode = false;
+        function isAsyncMode(object) {
+          {
+            if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+              hasWarnedAboutDeprecatedIsAsyncMode = true;
+              console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
+            }
+          }
+          return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+        }
+        function isConcurrentMode(object) {
+          return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+        }
+        function isContextConsumer(object) {
+          return typeOf(object) === REACT_CONTEXT_TYPE;
+        }
+        function isContextProvider(object) {
+          return typeOf(object) === REACT_PROVIDER_TYPE;
+        }
+        function isElement(object) {
+          return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+        }
+        function isForwardRef(object) {
+          return typeOf(object) === REACT_FORWARD_REF_TYPE;
+        }
+        function isFragment(object) {
+          return typeOf(object) === REACT_FRAGMENT_TYPE;
+        }
+        function isLazy(object) {
+          return typeOf(object) === REACT_LAZY_TYPE;
+        }
+        function isMemo(object) {
+          return typeOf(object) === REACT_MEMO_TYPE;
+        }
+        function isPortal(object) {
+          return typeOf(object) === REACT_PORTAL_TYPE;
+        }
+        function isProfiler(object) {
+          return typeOf(object) === REACT_PROFILER_TYPE;
+        }
+        function isStrictMode(object) {
+          return typeOf(object) === REACT_STRICT_MODE_TYPE;
+        }
+        function isSuspense(object) {
+          return typeOf(object) === REACT_SUSPENSE_TYPE;
+        }
+        exports$1.AsyncMode = AsyncMode;
+        exports$1.ConcurrentMode = ConcurrentMode;
+        exports$1.ContextConsumer = ContextConsumer;
+        exports$1.ContextProvider = ContextProvider;
+        exports$1.Element = Element;
+        exports$1.ForwardRef = ForwardRef;
+        exports$1.Fragment = Fragment9;
+        exports$1.Lazy = Lazy;
+        exports$1.Memo = Memo;
+        exports$1.Portal = Portal;
+        exports$1.Profiler = Profiler;
+        exports$1.StrictMode = StrictMode;
+        exports$1.Suspense = Suspense;
+        exports$1.isAsyncMode = isAsyncMode;
+        exports$1.isConcurrentMode = isConcurrentMode;
+        exports$1.isContextConsumer = isContextConsumer;
+        exports$1.isContextProvider = isContextProvider;
+        exports$1.isElement = isElement;
+        exports$1.isForwardRef = isForwardRef;
+        exports$1.isFragment = isFragment;
+        exports$1.isLazy = isLazy;
+        exports$1.isMemo = isMemo;
+        exports$1.isPortal = isPortal;
+        exports$1.isProfiler = isProfiler;
+        exports$1.isStrictMode = isStrictMode;
+        exports$1.isSuspense = isSuspense;
+        exports$1.isValidElementType = isValidElementType;
+        exports$1.typeOf = typeOf;
+      })();
+    }
+  }
+});
+
+// ../node_modules/react-is/index.js
+var require_react_is = __commonJS({
+  "../node_modules/react-is/index.js"(exports$1, module) {
+    if (process.env.NODE_ENV === "production") {
+      module.exports = require_react_is_production_min();
+    } else {
+      module.exports = require_react_is_development();
+    }
+  }
+});
+
+// ../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
+var require_hoist_non_react_statics_cjs = __commonJS({
+  "../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports$1, module) {
+    var reactIs = require_react_is();
+    var REACT_STATICS = {
+      childContextTypes: true,
+      contextType: true,
+      contextTypes: true,
+      defaultProps: true,
+      displayName: true,
+      getDefaultProps: true,
+      getDerivedStateFromError: true,
+      getDerivedStateFromProps: true,
+      mixins: true,
+      propTypes: true,
+      type: true
+    };
+    var KNOWN_STATICS = {
+      name: true,
+      length: true,
+      prototype: true,
+      caller: true,
+      callee: true,
+      arguments: true,
+      arity: true
+    };
+    var FORWARD_REF_STATICS = {
+      "$$typeof": true,
+      render: true,
+      defaultProps: true,
+      displayName: true,
+      propTypes: true
+    };
+    var MEMO_STATICS = {
+      "$$typeof": true,
+      compare: true,
+      defaultProps: true,
+      displayName: true,
+      propTypes: true,
+      type: true
+    };
+    var TYPE_STATICS = {};
+    TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
+    TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
+    function getStatics(component) {
+      if (reactIs.isMemo(component)) {
+        return MEMO_STATICS;
+      }
+      return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
+    }
+    var defineProperty = Object.defineProperty;
+    var getOwnPropertyNames = Object.getOwnPropertyNames;
+    var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+    var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
+    var getPrototypeOf = Object.getPrototypeOf;
+    var objectPrototype = Object.prototype;
+    function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
+      if (typeof sourceComponent !== "string") {
+        if (objectPrototype) {
+          var inheritedComponent = getPrototypeOf(sourceComponent);
+          if (inheritedComponent && inheritedComponent !== objectPrototype) {
+            hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
+          }
+        }
+        var keys = getOwnPropertyNames(sourceComponent);
+        if (getOwnPropertySymbols) {
+          keys = keys.concat(getOwnPropertySymbols(sourceComponent));
+        }
+        var targetStatics = getStatics(targetComponent);
+        var sourceStatics = getStatics(sourceComponent);
+        for (var i = 0; i < keys.length; ++i) {
+          var key = keys[i];
+          if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
+            var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
+            try {
+              defineProperty(targetComponent, key, descriptor);
+            } catch (e) {
+            }
+          }
+        }
+      }
+      return targetComponent;
+    }
+    module.exports = hoistNonReactStatics;
+  }
+});
+
+// ../node_modules/@babel/runtime/helpers/extends.js
+var require_extends = __commonJS({
+  "../node_modules/@babel/runtime/helpers/extends.js"(exports$1, module) {
+    function _extends2() {
+      return module.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
+        for (var e = 1; e < arguments.length; e++) {
+          var t = arguments[e];
+          for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+        }
+        return n;
+      }, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends2.apply(null, arguments);
+    }
+    module.exports = _extends2, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  }
+});
+var NavigationContext = React2.createContext(null);
 function useNavigationAdapter() {
-  const adapter = react.useContext(NavigationContext);
+  const adapter = React2.useContext(NavigationContext);
   if (!adapter) {
     return {
       useSearchParams: () => new URLSearchParams(),
@@ -32,8 +448,1316 @@ function useSearchParams() {
   const adapter = useNavigationAdapter();
   return adapter.useSearchParams();
 }
+function sheetForTag(tag) {
+  if (tag.sheet) {
+    return tag.sheet;
+  }
+  for (var i = 0; i < document.styleSheets.length; i++) {
+    if (document.styleSheets[i].ownerNode === tag) {
+      return document.styleSheets[i];
+    }
+  }
+  return void 0;
+}
+function createStyleElement(options) {
+  var tag = document.createElement("style");
+  tag.setAttribute("data-emotion", options.key);
+  if (options.nonce !== void 0) {
+    tag.setAttribute("nonce", options.nonce);
+  }
+  tag.appendChild(document.createTextNode(""));
+  tag.setAttribute("data-s", "");
+  return tag;
+}
+var StyleSheet = /* @__PURE__ */ (function() {
+  function StyleSheet2(options) {
+    var _this = this;
+    this._insertTag = function(tag) {
+      var before;
+      if (_this.tags.length === 0) {
+        if (_this.insertionPoint) {
+          before = _this.insertionPoint.nextSibling;
+        } else if (_this.prepend) {
+          before = _this.container.firstChild;
+        } else {
+          before = _this.before;
+        }
+      } else {
+        before = _this.tags[_this.tags.length - 1].nextSibling;
+      }
+      _this.container.insertBefore(tag, before);
+      _this.tags.push(tag);
+    };
+    this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
+    this.tags = [];
+    this.ctr = 0;
+    this.nonce = options.nonce;
+    this.key = options.key;
+    this.container = options.container;
+    this.prepend = options.prepend;
+    this.insertionPoint = options.insertionPoint;
+    this.before = null;
+  }
+  var _proto = StyleSheet2.prototype;
+  _proto.hydrate = function hydrate(nodes) {
+    nodes.forEach(this._insertTag);
+  };
+  _proto.insert = function insert(rule) {
+    if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
+      this._insertTag(createStyleElement(this));
+    }
+    var tag = this.tags[this.tags.length - 1];
+    if (this.isSpeedy) {
+      var sheet = sheetForTag(tag);
+      try {
+        sheet.insertRule(rule, sheet.cssRules.length);
+      } catch (e) {
+      }
+    } else {
+      tag.appendChild(document.createTextNode(rule));
+    }
+    this.ctr++;
+  };
+  _proto.flush = function flush() {
+    this.tags.forEach(function(tag) {
+      var _tag$parentNode;
+      return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
+    });
+    this.tags = [];
+    this.ctr = 0;
+  };
+  return StyleSheet2;
+})();
+
+// ../node_modules/stylis/src/Enum.js
+var MS = "-ms-";
+var MOZ = "-moz-";
+var WEBKIT = "-webkit-";
+var COMMENT = "comm";
+var RULESET = "rule";
+var DECLARATION = "decl";
+var IMPORT = "@import";
+var KEYFRAMES = "@keyframes";
+var LAYER = "@layer";
+
+// ../node_modules/stylis/src/Utility.js
+var abs = Math.abs;
+var from = String.fromCharCode;
+var assign = Object.assign;
+function hash(value, length2) {
+  return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
+}
+function trim(value) {
+  return value.trim();
+}
+function match(value, pattern) {
+  return (value = pattern.exec(value)) ? value[0] : value;
+}
+function replace(value, pattern, replacement) {
+  return value.replace(pattern, replacement);
+}
+function indexof(value, search) {
+  return value.indexOf(search);
+}
+function charat(value, index) {
+  return value.charCodeAt(index) | 0;
+}
+function substr(value, begin, end) {
+  return value.slice(begin, end);
+}
+function strlen(value) {
+  return value.length;
+}
+function sizeof(value) {
+  return value.length;
+}
+function append(value, array) {
+  return array.push(value), value;
+}
+function combine(array, callback) {
+  return array.map(callback).join("");
+}
+
+// ../node_modules/stylis/src/Tokenizer.js
+var line = 1;
+var column = 1;
+var length = 0;
+var position = 0;
+var character = 0;
+var characters = "";
+function node(value, root, parent, type, props, children, length2) {
+  return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
+}
+function copy(root, props) {
+  return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
+}
+function char() {
+  return character;
+}
+function prev() {
+  character = position > 0 ? charat(characters, --position) : 0;
+  if (column--, character === 10)
+    column = 1, line--;
+  return character;
+}
+function next() {
+  character = position < length ? charat(characters, position++) : 0;
+  if (column++, character === 10)
+    column = 1, line++;
+  return character;
+}
+function peek() {
+  return charat(characters, position);
+}
+function caret() {
+  return position;
+}
+function slice(begin, end) {
+  return substr(characters, begin, end);
+}
+function token(type) {
+  switch (type) {
+    // \0 \t \n \r \s whitespace token
+    case 0:
+    case 9:
+    case 10:
+    case 13:
+    case 32:
+      return 5;
+    // ! + , / > @ ~ isolate token
+    case 33:
+    case 43:
+    case 44:
+    case 47:
+    case 62:
+    case 64:
+    case 126:
+    // ; { } breakpoint token
+    case 59:
+    case 123:
+    case 125:
+      return 4;
+    // : accompanied token
+    case 58:
+      return 3;
+    // " ' ( [ opening delimit token
+    case 34:
+    case 39:
+    case 40:
+    case 91:
+      return 2;
+    // ) ] closing delimit token
+    case 41:
+    case 93:
+      return 1;
+  }
+  return 0;
+}
+function alloc(value) {
+  return line = column = 1, length = strlen(characters = value), position = 0, [];
+}
+function dealloc(value) {
+  return characters = "", value;
+}
+function delimit(type) {
+  return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
+}
+function whitespace(type) {
+  while (character = peek())
+    if (character < 33)
+      next();
+    else
+      break;
+  return token(type) > 2 || token(character) > 3 ? "" : " ";
+}
+function escaping(index, count) {
+  while (--count && next())
+    if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
+      break;
+  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
+}
+function delimiter(type) {
+  while (next())
+    switch (character) {
+      // ] ) " '
+      case type:
+        return position;
+      // " '
+      case 34:
+      case 39:
+        if (type !== 34 && type !== 39)
+          delimiter(character);
+        break;
+      // (
+      case 40:
+        if (type === 41)
+          delimiter(type);
+        break;
+      // \
+      case 92:
+        next();
+        break;
+    }
+  return position;
+}
+function commenter(type, index) {
+  while (next())
+    if (type + character === 47 + 10)
+      break;
+    else if (type + character === 42 + 42 && peek() === 47)
+      break;
+  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
+}
+function identifier(index) {
+  while (!token(peek()))
+    next();
+  return slice(index, position);
+}
+
+// ../node_modules/stylis/src/Parser.js
+function compile(value) {
+  return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
+}
+function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
+  var index = 0;
+  var offset = 0;
+  var length2 = pseudo;
+  var atrule = 0;
+  var property = 0;
+  var previous = 0;
+  var variable = 1;
+  var scanning = 1;
+  var ampersand = 1;
+  var character2 = 0;
+  var type = "";
+  var props = rules;
+  var children = rulesets;
+  var reference = rule;
+  var characters2 = type;
+  while (scanning)
+    switch (previous = character2, character2 = next()) {
+      // (
+      case 40:
+        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
+          if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
+            ampersand = -1;
+          break;
+        }
+      // " ' [
+      case 34:
+      case 39:
+      case 91:
+        characters2 += delimit(character2);
+        break;
+      // \t \n \r \s
+      case 9:
+      case 10:
+      case 13:
+      case 32:
+        characters2 += whitespace(previous);
+        break;
+      // \
+      case 92:
+        characters2 += escaping(caret() - 1, 7);
+        continue;
+      // /
+      case 47:
+        switch (peek()) {
+          case 42:
+          case 47:
+            append(comment(commenter(next(), caret()), root, parent), declarations);
+            break;
+          default:
+            characters2 += "/";
+        }
+        break;
+      // {
+      case 123 * variable:
+        points[index++] = strlen(characters2) * ampersand;
+      // } ; \0
+      case 125 * variable:
+      case 59:
+      case 0:
+        switch (character2) {
+          // \0 }
+          case 0:
+          case 125:
+            scanning = 0;
+          // ;
+          case 59 + offset:
+            if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
+            if (property > 0 && strlen(characters2) - length2)
+              append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
+            break;
+          // @ ;
+          case 59:
+            characters2 += ";";
+          // { rule/at-rule
+          default:
+            append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
+            if (character2 === 123)
+              if (offset === 0)
+                parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
+              else
+                switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
+                  // d l m s
+                  case 100:
+                  case 108:
+                  case 109:
+                  case 115:
+                    parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
+                    break;
+                  default:
+                    parse(characters2, reference, reference, reference, [""], children, 0, points, children);
+                }
+        }
+        index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
+        break;
+      // :
+      case 58:
+        length2 = 1 + strlen(characters2), property = previous;
+      default:
+        if (variable < 1) {
+          if (character2 == 123)
+            --variable;
+          else if (character2 == 125 && variable++ == 0 && prev() == 125)
+            continue;
+        }
+        switch (characters2 += from(character2), character2 * variable) {
+          // &
+          case 38:
+            ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
+            break;
+          // ,
+          case 44:
+            points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
+            break;
+          // @
+          case 64:
+            if (peek() === 45)
+              characters2 += delimit(next());
+            atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
+            break;
+          // -
+          case 45:
+            if (previous === 45 && strlen(characters2) == 2)
+              variable = 0;
+        }
+    }
+  return rulesets;
+}
+function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2) {
+  var post = offset - 1;
+  var rule = offset === 0 ? rules : [""];
+  var size = sizeof(rule);
+  for (var i = 0, j = 0, k = 0; i < index; ++i)
+    for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z2 = value; x < size; ++x)
+      if (z2 = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
+        props[k++] = z2;
+  return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2);
+}
+function comment(value, root, parent) {
+  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
+}
+function declaration(value, root, parent, length2) {
+  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
+}
+
+// ../node_modules/stylis/src/Serializer.js
+function serialize(children, callback) {
+  var output = "";
+  var length2 = sizeof(children);
+  for (var i = 0; i < length2; i++)
+    output += callback(children[i], i, children, callback) || "";
+  return output;
+}
+function stringify(element, index, children, callback) {
+  switch (element.type) {
+    case LAYER:
+      if (element.children.length) break;
+    case IMPORT:
+    case DECLARATION:
+      return element.return = element.return || element.value;
+    case COMMENT:
+      return "";
+    case KEYFRAMES:
+      return element.return = element.value + "{" + serialize(element.children, callback) + "}";
+    case RULESET:
+      element.value = element.props.join(",");
+  }
+  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
+}
+
+// ../node_modules/stylis/src/Middleware.js
+function middleware(collection) {
+  var length2 = sizeof(collection);
+  return function(element, index, children, callback) {
+    var output = "";
+    for (var i = 0; i < length2; i++)
+      output += collection[i](element, index, children, callback) || "";
+    return output;
+  };
+}
+function rulesheet(callback) {
+  return function(element) {
+    if (!element.root) {
+      if (element = element.return)
+        callback(element);
+    }
+  };
+}
+
+// ../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
+var weakMemoize = function weakMemoize2(func) {
+  var cache = /* @__PURE__ */ new WeakMap();
+  return function(arg) {
+    if (cache.has(arg)) {
+      return cache.get(arg);
+    }
+    var ret = func(arg);
+    cache.set(arg, ret);
+    return ret;
+  };
+};
+
+// ../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
+function memoize(fn) {
+  var cache = /* @__PURE__ */ Object.create(null);
+  return function(arg) {
+    if (cache[arg] === void 0) cache[arg] = fn(arg);
+    return cache[arg];
+  };
+}
+
+// ../node_modules/@emotion/cache/dist/emotion-cache.esm.js
+var isBrowser = typeof document !== "undefined";
+var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
+  var previous = 0;
+  var character2 = 0;
+  while (true) {
+    previous = character2;
+    character2 = peek();
+    if (previous === 38 && character2 === 12) {
+      points[index] = 1;
+    }
+    if (token(character2)) {
+      break;
+    }
+    next();
+  }
+  return slice(begin, position);
+};
+var toRules = function toRules2(parsed, points) {
+  var index = -1;
+  var character2 = 44;
+  do {
+    switch (token(character2)) {
+      case 0:
+        if (character2 === 38 && peek() === 12) {
+          points[index] = 1;
+        }
+        parsed[index] += identifierWithPointTracking(position - 1, points, index);
+        break;
+      case 2:
+        parsed[index] += delimit(character2);
+        break;
+      case 4:
+        if (character2 === 44) {
+          parsed[++index] = peek() === 58 ? "&\f" : "";
+          points[index] = parsed[index].length;
+          break;
+        }
+      // fallthrough
+      default:
+        parsed[index] += from(character2);
+    }
+  } while (character2 = next());
+  return parsed;
+};
+var getRules = function getRules2(value, points) {
+  return dealloc(toRules(alloc(value), points));
+};
+var fixedElements = /* @__PURE__ */ new WeakMap();
+var compat = function compat2(element) {
+  if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
+  // negative .length indicates that this rule has been already prefixed
+  element.length < 1) {
+    return;
+  }
+  var value = element.value;
+  var parent = element.parent;
+  var isImplicitRule = element.column === parent.column && element.line === parent.line;
+  while (parent.type !== "rule") {
+    parent = parent.parent;
+    if (!parent) return;
+  }
+  if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
+    return;
+  }
+  if (isImplicitRule) {
+    return;
+  }
+  fixedElements.set(element, true);
+  var points = [];
+  var rules = getRules(value, points);
+  var parentRules = parent.props;
+  for (var i = 0, k = 0; i < rules.length; i++) {
+    for (var j = 0; j < parentRules.length; j++, k++) {
+      element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
+    }
+  }
+};
+var removeLabel = function removeLabel2(element) {
+  if (element.type === "decl") {
+    var value = element.value;
+    if (
+      // charcode for l
+      value.charCodeAt(0) === 108 && // charcode for b
+      value.charCodeAt(2) === 98
+    ) {
+      element["return"] = "";
+      element.value = "";
+    }
+  }
+};
+function prefix(value, length2) {
+  switch (hash(value, length2)) {
+    // color-adjust
+    case 5103:
+      return WEBKIT + "print-" + value + value;
+    // animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
+    case 5737:
+    case 4201:
+    case 3177:
+    case 3433:
+    case 1641:
+    case 4457:
+    case 2921:
+    // text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
+    case 5572:
+    case 6356:
+    case 5844:
+    case 3191:
+    case 6645:
+    case 3005:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
+    case 6391:
+    case 5879:
+    case 5623:
+    case 6135:
+    case 4599:
+    case 4855:
+    // background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
+    case 4215:
+    case 6389:
+    case 5109:
+    case 5365:
+    case 5621:
+    case 3829:
+      return WEBKIT + value + value;
+    // appearance, user-select, transform, hyphens, text-size-adjust
+    case 5349:
+    case 4246:
+    case 4810:
+    case 6968:
+    case 2756:
+      return WEBKIT + value + MOZ + value + MS + value + value;
+    // flex, flex-direction
+    case 6828:
+    case 4268:
+      return WEBKIT + value + MS + value + value;
+    // order
+    case 6165:
+      return WEBKIT + value + MS + "flex-" + value + value;
+    // align-items
+    case 5187:
+      return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
+    // align-self
+    case 5443:
+      return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
+    // align-content
+    case 4675:
+      return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
+    // flex-shrink
+    case 5548:
+      return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
+    // flex-basis
+    case 5292:
+      return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
+    // flex-grow
+    case 6060:
+      return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
+    // transition
+    case 4554:
+      return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
+    // cursor
+    case 6187:
+      return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
+    // background, background-image
+    case 5495:
+    case 3959:
+      return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
+    // justify-content
+    case 4968:
+      return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
+    // (margin|padding)-inline-(start|end)
+    case 4095:
+    case 3583:
+    case 4068:
+    case 2532:
+      return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
+    // (min|max)?(width|height|inline-size|block-size)
+    case 8116:
+    case 7059:
+    case 5753:
+    case 5535:
+    case 5445:
+    case 5701:
+    case 4933:
+    case 4677:
+    case 5533:
+    case 5789:
+    case 5021:
+    case 4765:
+      if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
+        // (m)ax-content, (m)in-content
+        case 109:
+          if (charat(value, length2 + 4) !== 45) break;
+        // (f)ill-available, (f)it-content
+        case 102:
+          return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
+        // (s)tretch
+        case 115:
+          return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
+      }
+      break;
+    // position: sticky
+    case 4949:
+      if (charat(value, length2 + 1) !== 115) break;
+    // display: (flex|inline-flex)
+    case 6444:
+      switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
+        // stic(k)y
+        case 107:
+          return replace(value, ":", ":" + WEBKIT) + value;
+        // (inline-)?fl(e)x
+        case 101:
+          return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
+      }
+      break;
+    // writing-mode
+    case 5936:
+      switch (charat(value, length2 + 11)) {
+        // vertical-l(r)
+        case 114:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
+        // vertical-r(l)
+        case 108:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
+        // horizontal(-)tb
+        case 45:
+          return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
+      }
+      return WEBKIT + value + MS + value + value;
+  }
+  return value;
+}
+var prefixer = function prefixer2(element, index, children, callback) {
+  if (element.length > -1) {
+    if (!element["return"]) switch (element.type) {
+      case DECLARATION:
+        element["return"] = prefix(element.value, element.length);
+        break;
+      case KEYFRAMES:
+        return serialize([copy(element, {
+          value: replace(element.value, "@", "@" + WEBKIT)
+        })], callback);
+      case RULESET:
+        if (element.length) return combine(element.props, function(value) {
+          switch (match(value, /(::plac\w+|:read-\w+)/)) {
+            // :read-(only|write)
+            case ":read-only":
+            case ":read-write":
+              return serialize([copy(element, {
+                props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
+              })], callback);
+            // :placeholder
+            case "::placeholder":
+              return serialize([copy(element, {
+                props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
+              }), copy(element, {
+                props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
+              }), copy(element, {
+                props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
+              })], callback);
+          }
+          return "";
+        });
+    }
+  }
+};
+var getServerStylisCache = isBrowser ? void 0 : weakMemoize(function() {
+  return memoize(function() {
+    return {};
+  });
+});
+var defaultStylisPlugins = [prefixer];
+var createCache = function createCache2(options) {
+  var key = options.key;
+  if (isBrowser && key === "css") {
+    var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
+    Array.prototype.forEach.call(ssrStyles, function(node2) {
+      var dataEmotionAttribute = node2.getAttribute("data-emotion");
+      if (dataEmotionAttribute.indexOf(" ") === -1) {
+        return;
+      }
+      document.head.appendChild(node2);
+      node2.setAttribute("data-s", "");
+    });
+  }
+  var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
+  var inserted = {};
+  var container;
+  var nodesToHydrate = [];
+  if (isBrowser) {
+    container = options.container || document.head;
+    Array.prototype.forEach.call(
+      // this means we will ignore elements which don't have a space in them which
+      // means that the style elements we're looking at are only Emotion 11 server-rendered style elements
+      document.querySelectorAll('style[data-emotion^="' + key + ' "]'),
+      function(node2) {
+        var attrib = node2.getAttribute("data-emotion").split(" ");
+        for (var i = 1; i < attrib.length; i++) {
+          inserted[attrib[i]] = true;
+        }
+        nodesToHydrate.push(node2);
+      }
+    );
+  }
+  var _insert;
+  var omnipresentPlugins = [compat, removeLabel];
+  if (!getServerStylisCache) {
+    var currentSheet;
+    var finalizingPlugins = [stringify, rulesheet(function(rule) {
+      currentSheet.insert(rule);
+    })];
+    var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
+    var stylis = function stylis2(styles) {
+      return serialize(compile(styles), serializer);
+    };
+    _insert = function insert(selector, serialized, sheet, shouldCache) {
+      currentSheet = sheet;
+      stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
+      if (shouldCache) {
+        cache.inserted[serialized.name] = true;
+      }
+    };
+  } else {
+    var _finalizingPlugins = [stringify];
+    var _serializer = middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
+    var _stylis = function _stylis2(styles) {
+      return serialize(compile(styles), _serializer);
+    };
+    var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
+    var getRules3 = function getRules4(selector, serialized) {
+      var name = serialized.name;
+      if (serverStylisCache[name] === void 0) {
+        serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
+      }
+      return serverStylisCache[name];
+    };
+    _insert = function _insert2(selector, serialized, sheet, shouldCache) {
+      var name = serialized.name;
+      var rules = getRules3(selector, serialized);
+      if (cache.compat === void 0) {
+        if (shouldCache) {
+          cache.inserted[name] = true;
+        }
+        return rules;
+      } else {
+        if (shouldCache) {
+          cache.inserted[name] = rules;
+        } else {
+          return rules;
+        }
+      }
+    };
+  }
+  var cache = {
+    key,
+    sheet: new StyleSheet({
+      key,
+      container,
+      nonce: options.nonce,
+      speedy: options.speedy,
+      prepend: options.prepend,
+      insertionPoint: options.insertionPoint
+    }),
+    nonce: options.nonce,
+    inserted,
+    registered: {},
+    insert: _insert
+  };
+  cache.sheet.hydrate(nodesToHydrate);
+  return cache;
+};
+
+// ../node_modules/@babel/runtime/helpers/esm/extends.js
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function(n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+
+// ../node_modules/@emotion/utils/dist/emotion-utils.esm.js
+var isBrowser2 = typeof document !== "undefined";
+function getRegisteredStyles(registered, registeredStyles, classNames) {
+  var rawClassName = "";
+  classNames.split(" ").forEach(function(className) {
+    if (registered[className] !== void 0) {
+      registeredStyles.push(registered[className] + ";");
+    } else if (className) {
+      rawClassName += className + " ";
+    }
+  });
+  return rawClassName;
+}
+var registerStyles = function registerStyles2(cache, serialized, isStringTag) {
+  var className = cache.key + "-" + serialized.name;
+  if (
+    // we only need to add the styles to the registered cache if the
+    // class name could be used further down
+    // the tree but if it's a string tag, we know it won't
+    // so we don't have to add it to registered cache.
+    // this improves memory usage since we can avoid storing the whole style string
+    (isStringTag === false || // we need to always store it if we're in compat mode and
+    // in node since emotion-server relies on whether a style is in
+    // the registered cache to know whether a style is global or not
+    // also, note that this check will be dead code eliminated in the browser
+    isBrowser2 === false && cache.compat !== void 0) && cache.registered[className] === void 0
+  ) {
+    cache.registered[className] = serialized.styles;
+  }
+};
+var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
+  registerStyles(cache, serialized, isStringTag);
+  var className = cache.key + "-" + serialized.name;
+  if (cache.inserted[serialized.name] === void 0) {
+    var stylesForSSR = "";
+    var current = serialized;
+    do {
+      var maybeStyles = cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
+      if (!isBrowser2 && maybeStyles !== void 0) {
+        stylesForSSR += maybeStyles;
+      }
+      current = current.next;
+    } while (current !== void 0);
+    if (!isBrowser2 && stylesForSSR.length !== 0) {
+      return stylesForSSR;
+    }
+  }
+};
+
+// ../node_modules/@emotion/hash/dist/emotion-hash.esm.js
+function murmur2(str) {
+  var h = 0;
+  var k, i = 0, len = str.length;
+  for (; len >= 4; ++i, len -= 4) {
+    k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
+    k = /* Math.imul(k, m): */
+    (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
+    k ^= /* k >>> r: */
+    k >>> 24;
+    h = /* Math.imul(k, m): */
+    (k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
+    (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
+  }
+  switch (len) {
+    case 3:
+      h ^= (str.charCodeAt(i + 2) & 255) << 16;
+    case 2:
+      h ^= (str.charCodeAt(i + 1) & 255) << 8;
+    case 1:
+      h ^= str.charCodeAt(i) & 255;
+      h = /* Math.imul(h, m): */
+      (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
+  }
+  h ^= h >>> 13;
+  h = /* Math.imul(h, m): */
+  (h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
+  return ((h ^ h >>> 15) >>> 0).toString(36);
+}
+
+// ../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
+var unitlessKeys = {
+  animationIterationCount: 1,
+  aspectRatio: 1,
+  borderImageOutset: 1,
+  borderImageSlice: 1,
+  borderImageWidth: 1,
+  boxFlex: 1,
+  boxFlexGroup: 1,
+  boxOrdinalGroup: 1,
+  columnCount: 1,
+  columns: 1,
+  flex: 1,
+  flexGrow: 1,
+  flexPositive: 1,
+  flexShrink: 1,
+  flexNegative: 1,
+  flexOrder: 1,
+  gridRow: 1,
+  gridRowEnd: 1,
+  gridRowSpan: 1,
+  gridRowStart: 1,
+  gridColumn: 1,
+  gridColumnEnd: 1,
+  gridColumnSpan: 1,
+  gridColumnStart: 1,
+  msGridRow: 1,
+  msGridRowSpan: 1,
+  msGridColumn: 1,
+  msGridColumnSpan: 1,
+  fontWeight: 1,
+  lineHeight: 1,
+  opacity: 1,
+  order: 1,
+  orphans: 1,
+  scale: 1,
+  tabSize: 1,
+  widows: 1,
+  zIndex: 1,
+  zoom: 1,
+  WebkitLineClamp: 1,
+  // SVG-related properties
+  fillOpacity: 1,
+  floodOpacity: 1,
+  stopOpacity: 1,
+  strokeDasharray: 1,
+  strokeDashoffset: 1,
+  strokeMiterlimit: 1,
+  strokeOpacity: 1,
+  strokeWidth: 1
+};
+var hyphenateRegex = /[A-Z]|^ms/g;
+var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
+var isCustomProperty = function isCustomProperty2(property) {
+  return property.charCodeAt(1) === 45;
+};
+var isProcessableValue = function isProcessableValue2(value) {
+  return value != null && typeof value !== "boolean";
+};
+var processStyleName = /* @__PURE__ */ memoize(function(styleName) {
+  return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
+});
+var processStyleValue = function processStyleValue2(key, value) {
+  switch (key) {
+    case "animation":
+    case "animationName": {
+      if (typeof value === "string") {
+        return value.replace(animationRegex, function(match2, p1, p2) {
+          cursor = {
+            name: p1,
+            styles: p2,
+            next: cursor
+          };
+          return p1;
+        });
+      }
+    }
+  }
+  if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) {
+    return value + "px";
+  }
+  return value;
+};
+function handleInterpolation(mergedProps, registered, interpolation) {
+  if (interpolation == null) {
+    return "";
+  }
+  var componentSelector = interpolation;
+  if (componentSelector.__emotion_styles !== void 0) {
+    return componentSelector;
+  }
+  switch (typeof interpolation) {
+    case "boolean": {
+      return "";
+    }
+    case "object": {
+      var keyframes3 = interpolation;
+      if (keyframes3.anim === 1) {
+        cursor = {
+          name: keyframes3.name,
+          styles: keyframes3.styles,
+          next: cursor
+        };
+        return keyframes3.name;
+      }
+      var serializedStyles = interpolation;
+      if (serializedStyles.styles !== void 0) {
+        var next2 = serializedStyles.next;
+        if (next2 !== void 0) {
+          while (next2 !== void 0) {
+            cursor = {
+              name: next2.name,
+              styles: next2.styles,
+              next: cursor
+            };
+            next2 = next2.next;
+          }
+        }
+        var styles = serializedStyles.styles + ";";
+        return styles;
+      }
+      return createStringFromObject(mergedProps, registered, interpolation);
+    }
+    case "function": {
+      if (mergedProps !== void 0) {
+        var previousCursor = cursor;
+        var result = interpolation(mergedProps);
+        cursor = previousCursor;
+        return handleInterpolation(mergedProps, registered, result);
+      }
+      break;
+    }
+  }
+  var asString = interpolation;
+  if (registered == null) {
+    return asString;
+  }
+  var cached = registered[asString];
+  return cached !== void 0 ? cached : asString;
+}
+function createStringFromObject(mergedProps, registered, obj) {
+  var string = "";
+  if (Array.isArray(obj)) {
+    for (var i = 0; i < obj.length; i++) {
+      string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
+    }
+  } else {
+    for (var key in obj) {
+      var value = obj[key];
+      if (typeof value !== "object") {
+        var asString = value;
+        if (registered != null && registered[asString] !== void 0) {
+          string += key + "{" + registered[asString] + "}";
+        } else if (isProcessableValue(asString)) {
+          string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
+        }
+      } else {
+        if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
+          for (var _i = 0; _i < value.length; _i++) {
+            if (isProcessableValue(value[_i])) {
+              string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
+            }
+          }
+        } else {
+          var interpolated = handleInterpolation(mergedProps, registered, value);
+          switch (key) {
+            case "animation":
+            case "animationName": {
+              string += processStyleName(key) + ":" + interpolated + ";";
+              break;
+            }
+            default: {
+              string += key + "{" + interpolated + "}";
+            }
+          }
+        }
+      }
+    }
+  }
+  return string;
+}
+var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g;
+var cursor;
+function serializeStyles(args, registered, mergedProps) {
+  if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
+    return args[0];
+  }
+  var stringMode = true;
+  var styles = "";
+  cursor = void 0;
+  var strings = args[0];
+  if (strings == null || strings.raw === void 0) {
+    stringMode = false;
+    styles += handleInterpolation(mergedProps, registered, strings);
+  } else {
+    var asTemplateStringsArr = strings;
+    styles += asTemplateStringsArr[0];
+  }
+  for (var i = 1; i < args.length; i++) {
+    styles += handleInterpolation(mergedProps, registered, args[i]);
+    if (stringMode) {
+      var templateStringsArr = strings;
+      styles += templateStringsArr[i];
+    }
+  }
+  labelPattern.lastIndex = 0;
+  var identifierName = "";
+  var match2;
+  while ((match2 = labelPattern.exec(styles)) !== null) {
+    identifierName += "-" + match2[1];
+  }
+  var name = murmur2(styles) + identifierName;
+  return {
+    name,
+    styles,
+    next: cursor
+  };
+}
+var isBrowser3 = typeof document !== "undefined";
+var syncFallback = function syncFallback2(create) {
+  return create();
+};
+var useInsertionEffect2 = React2__namespace["useInsertionEffect"] ? React2__namespace["useInsertionEffect"] : false;
+var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
+var isBrowser4 = typeof document !== "undefined";
+var EmotionCacheContext = /* @__PURE__ */ React2__namespace.createContext(
+  // we're doing this to avoid preconstruct's dead code elimination in this one case
+  // because this module is primarily intended for the browser and node
+  // but it's also required in react native and similar environments sometimes
+  // and we could have a special build just for that
+  // but this is much easier and the native packages
+  // might use a different theme context in the future anyway
+  typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({
+    key: "css"
+  }) : null
+);
+EmotionCacheContext.Provider;
+var withEmotionCache = function withEmotionCache2(func) {
+  return /* @__PURE__ */ React2.forwardRef(function(props, ref) {
+    var cache = React2.useContext(EmotionCacheContext);
+    return func(props, cache, ref);
+  });
+};
+if (!isBrowser4) {
+  withEmotionCache = function withEmotionCache3(func) {
+    return function(props) {
+      var cache = React2.useContext(EmotionCacheContext);
+      if (cache === null) {
+        cache = createCache({
+          key: "css"
+        });
+        return /* @__PURE__ */ React2__namespace.createElement(EmotionCacheContext.Provider, {
+          value: cache
+        }, func(props, cache));
+      } else {
+        return func(props, cache);
+      }
+    };
+  };
+}
+var ThemeContext = /* @__PURE__ */ React2__namespace.createContext({});
+var hasOwn = {}.hasOwnProperty;
+var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
+var createEmotionProps = function createEmotionProps2(type, props) {
+  var newProps = {};
+  for (var _key in props) {
+    if (hasOwn.call(props, _key)) {
+      newProps[_key] = props[_key];
+    }
+  }
+  newProps[typePropName] = type;
+  return newProps;
+};
+var Insertion = function Insertion2(_ref) {
+  var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
+  registerStyles(cache, serialized, isStringTag);
+  var rules = useInsertionEffectAlwaysWithSyncFallback(function() {
+    return insertStyles(cache, serialized, isStringTag);
+  });
+  if (!isBrowser4 && rules !== void 0) {
+    var _ref2;
+    var serializedNames = serialized.name;
+    var next2 = serialized.next;
+    while (next2 !== void 0) {
+      serializedNames += " " + next2.name;
+      next2 = next2.next;
+    }
+    return /* @__PURE__ */ React2__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+      __html: rules
+    }, _ref2.nonce = cache.sheet.nonce, _ref2));
+  }
+  return null;
+};
+var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
+  var cssProp = props.css;
+  if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
+    cssProp = cache.registered[cssProp];
+  }
+  var WrappedComponent = props[typePropName];
+  var registeredStyles = [cssProp];
+  var className = "";
+  if (typeof props.className === "string") {
+    className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
+  } else if (props.className != null) {
+    className = props.className + " ";
+  }
+  var serialized = serializeStyles(registeredStyles, void 0, React2__namespace.useContext(ThemeContext));
+  className += cache.key + "-" + serialized.name;
+  var newProps = {};
+  for (var _key2 in props) {
+    if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && true) {
+      newProps[_key2] = props[_key2];
+    }
+  }
+  newProps.className = className;
+  if (ref) {
+    newProps.ref = ref;
+  }
+  return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(Insertion, {
+    cache,
+    serialized,
+    isStringTag: typeof WrappedComponent === "string"
+  }), /* @__PURE__ */ React2__namespace.createElement(WrappedComponent, newProps));
+});
+var Emotion$1 = Emotion;
+__toESM(require_extends());
+__toESM(require_hoist_non_react_statics_cjs());
+var jsx3 = function jsx4(type, props) {
+  var args = arguments;
+  if (props == null || !hasOwn.call(props, "css")) {
+    return React2__namespace.createElement.apply(void 0, args);
+  }
+  var argsLength = args.length;
+  var createElementArgArray = new Array(argsLength);
+  createElementArgArray[0] = Emotion$1;
+  createElementArgArray[1] = createEmotionProps(type, props);
+  for (var i = 2; i < argsLength; i++) {
+    createElementArgArray[i] = args[i];
+  }
+  return React2__namespace.createElement.apply(null, createElementArgArray);
+};
+(function(_jsx) {
+  var JSX;
+  /* @__PURE__ */ (function(_JSX) {
+  })(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
+})(jsx3 || (jsx3 = {}));
+function css() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  return serializeStyles(args);
+}
+function keyframes() {
+  var insertable = css.apply(void 0, arguments);
+  var name = "animation-" + insertable.name;
+  return {
+    name,
+    styles: "@keyframes " + name + "{" + insertable.styles + "}",
+    anim: 1,
+    toString: function toString() {
+      return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
+    }
+  };
+}
 function useInsforge() {
-  const context = react.useContext(react$2.InsforgeContext);
+  const context = React2.useContext(react.InsforgeContext);
   if (!context) {
     return {
       user: void 0,
@@ -62,9 +1786,9 @@ function useInsforge() {
 }
 function usePublicAuthConfig() {
   const { getPublicAuthConfig } = useInsforge();
-  const [authConfig, setAuthConfig] = react.useState(null);
-  const [isLoaded, setIsLoaded] = react.useState(false);
-  react.useEffect(() => {
+  const [authConfig, setAuthConfig] = React2.useState(null);
+  const [isLoaded, setIsLoaded] = React2.useState(false);
+  React2.useEffect(() => {
     async function fetchConfig() {
       const result = await getPublicAuthConfig();
       if (result) {
@@ -80,6 +1804,294 @@ function usePublicAuthConfig() {
   return { authConfig, isLoaded };
 }
 
+// ../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
+var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
+var isPropValid = /* @__PURE__ */ memoize(
+  function(prop) {
+    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
+  }
+  /* Z+1 */
+);
+
+// ../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js
+var isBrowser5 = typeof document !== "undefined";
+var testOmitPropsOnStringTag = isPropValid;
+var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
+  return key !== "theme";
+};
+var getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) {
+  return typeof tag === "string" && // 96 is one less than the char code
+  // for "a" so this is checking that
+  // it's a lowercase character
+  tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
+};
+var composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) {
+  var shouldForwardProp;
+  if (options) {
+    var optionsShouldForwardProp = options.shouldForwardProp;
+    shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) {
+      return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
+    } : optionsShouldForwardProp;
+  }
+  if (typeof shouldForwardProp !== "function" && isReal) {
+    shouldForwardProp = tag.__emotion_forwardProp;
+  }
+  return shouldForwardProp;
+};
+var Insertion3 = function Insertion4(_ref) {
+  var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
+  registerStyles(cache, serialized, isStringTag);
+  var rules = useInsertionEffectAlwaysWithSyncFallback(function() {
+    return insertStyles(cache, serialized, isStringTag);
+  });
+  if (!isBrowser5 && rules !== void 0) {
+    var _ref2;
+    var serializedNames = serialized.name;
+    var next2 = serialized.next;
+    while (next2 !== void 0) {
+      serializedNames += " " + next2.name;
+      next2 = next2.next;
+    }
+    return /* @__PURE__ */ React2__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
+      __html: rules
+    }, _ref2.nonce = cache.sheet.nonce, _ref2));
+  }
+  return null;
+};
+var createStyled = function createStyled2(tag, options) {
+  var isReal = tag.__emotion_real === tag;
+  var baseTag = isReal && tag.__emotion_base || tag;
+  var identifierName;
+  var targetClassName;
+  if (options !== void 0) {
+    identifierName = options.label;
+    targetClassName = options.target;
+  }
+  var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
+  var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
+  var shouldUseAs = !defaultShouldForwardProp("as");
+  return function() {
+    var args = arguments;
+    var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : [];
+    if (identifierName !== void 0) {
+      styles.push("label:" + identifierName + ";");
+    }
+    if (args[0] == null || args[0].raw === void 0) {
+      styles.push.apply(styles, args);
+    } else {
+      var templateStringsArr = args[0];
+      styles.push(templateStringsArr[0]);
+      var len = args.length;
+      var i = 1;
+      for (; i < len; i++) {
+        styles.push(args[i], templateStringsArr[i]);
+      }
+    }
+    var Styled = withEmotionCache(function(props, cache, ref) {
+      var FinalTag = shouldUseAs && props.as || baseTag;
+      var className = "";
+      var classInterpolations = [];
+      var mergedProps = props;
+      if (props.theme == null) {
+        mergedProps = {};
+        for (var key in props) {
+          mergedProps[key] = props[key];
+        }
+        mergedProps.theme = React2__namespace.useContext(ThemeContext);
+      }
+      if (typeof props.className === "string") {
+        className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
+      } else if (props.className != null) {
+        className = props.className + " ";
+      }
+      var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
+      className += cache.key + "-" + serialized.name;
+      if (targetClassName !== void 0) {
+        className += " " + targetClassName;
+      }
+      var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
+      var newProps = {};
+      for (var _key in props) {
+        if (shouldUseAs && _key === "as") continue;
+        if (finalShouldForwardProp(_key)) {
+          newProps[_key] = props[_key];
+        }
+      }
+      newProps.className = className;
+      if (ref) {
+        newProps.ref = ref;
+      }
+      return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(Insertion3, {
+        cache,
+        serialized,
+        isStringTag: typeof FinalTag === "string"
+      }), /* @__PURE__ */ React2__namespace.createElement(FinalTag, newProps));
+    });
+    Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
+    Styled.defaultProps = tag.defaultProps;
+    Styled.__emotion_real = Styled;
+    Styled.__emotion_base = baseTag;
+    Styled.__emotion_styles = styles;
+    Styled.__emotion_forwardProp = shouldForwardProp;
+    Object.defineProperty(Styled, "toString", {
+      value: function value() {
+        return "." + targetClassName;
+      }
+    });
+    Styled.withComponent = function(nextTag, nextOptions) {
+      var newStyled = createStyled2(nextTag, _extends({}, options, nextOptions, {
+        shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
+      }));
+      return newStyled.apply(void 0, styles);
+    };
+    return Styled;
+  };
+};
+
+// ../node_modules/@emotion/styled/dist/emotion-styled.esm.js
+__toESM(require_extends());
+var tags = [
+  "a",
+  "abbr",
+  "address",
+  "area",
+  "article",
+  "aside",
+  "audio",
+  "b",
+  "base",
+  "bdi",
+  "bdo",
+  "big",
+  "blockquote",
+  "body",
+  "br",
+  "button",
+  "canvas",
+  "caption",
+  "cite",
+  "code",
+  "col",
+  "colgroup",
+  "data",
+  "datalist",
+  "dd",
+  "del",
+  "details",
+  "dfn",
+  "dialog",
+  "div",
+  "dl",
+  "dt",
+  "em",
+  "embed",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "head",
+  "header",
+  "hgroup",
+  "hr",
+  "html",
+  "i",
+  "iframe",
+  "img",
+  "input",
+  "ins",
+  "kbd",
+  "keygen",
+  "label",
+  "legend",
+  "li",
+  "link",
+  "main",
+  "map",
+  "mark",
+  "marquee",
+  "menu",
+  "menuitem",
+  "meta",
+  "meter",
+  "nav",
+  "noscript",
+  "object",
+  "ol",
+  "optgroup",
+  "option",
+  "output",
+  "p",
+  "param",
+  "picture",
+  "pre",
+  "progress",
+  "q",
+  "rp",
+  "rt",
+  "ruby",
+  "s",
+  "samp",
+  "script",
+  "section",
+  "select",
+  "small",
+  "source",
+  "span",
+  "strong",
+  "style",
+  "sub",
+  "summary",
+  "sup",
+  "table",
+  "tbody",
+  "td",
+  "textarea",
+  "tfoot",
+  "th",
+  "thead",
+  "time",
+  "title",
+  "tr",
+  "track",
+  "u",
+  "ul",
+  "var",
+  "video",
+  "wbr",
+  // SVG
+  "circle",
+  "clipPath",
+  "defs",
+  "ellipse",
+  "foreignObject",
+  "g",
+  "image",
+  "line",
+  "linearGradient",
+  "mask",
+  "path",
+  "pattern",
+  "polygon",
+  "polyline",
+  "radialGradient",
+  "rect",
+  "stop",
+  "svg",
+  "text",
+  "tspan"
+];
+var styled = createStyled.bind(null);
+tags.forEach(function(tagName) {
+  styled[tagName] = styled(tagName);
+});
+
 // src/styles/theme.ts
 var theme = {
   colors: {
@@ -188,7 +2200,7 @@ var theme = {
     // 32px
   }
 };
-var keyframes = {
+var keyframes2 = {
   spin: `
     from {
       transform: rotate(0deg);
@@ -200,15 +2212,15 @@ var keyframes = {
 };
 
 // src/components/atoms/styled.ts
-var spinAnimation = react$1.keyframes`${keyframes.spin}`;
-var AuthContainerWrapper = styled__default.default.div`
+var spinAnimation = keyframes`${keyframes2.spin}`;
+var AuthContainerWrapper = styled.div`
   width: 100%;
   max-width: 400px;
   border-radius: ${theme.radius.xl};
   overflow: hidden;
   box-shadow: ${theme.shadow.lg};
 `;
-var AuthCard = styled__default.default.div`
+var AuthCard = styled.div`
   background-color: ${theme.colors.bgWhite};
   padding: ${theme.spacing[6]};
   display: flex;
@@ -217,14 +2229,14 @@ var AuthCard = styled__default.default.div`
   align-items: stretch;
   gap: ${theme.spacing[6]};
 `;
-var AuthHeaderWrapper = styled__default.default.div`
+var AuthHeaderWrapper = styled.div`
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
   align-items: flex-start;
   gap: ${theme.spacing[2]};
 `;
-var AuthHeaderTitle = styled__default.default.h1`
+var AuthHeaderTitle = styled.h1`
   font-size: ${theme.fontSize["2xl"]};
   font-weight: ${theme.fontWeight.semibold};
   color: ${theme.colors.text};
@@ -232,7 +2244,7 @@ var AuthHeaderTitle = styled__default.default.h1`
   margin: 0;
   font-family: ${theme.fontFamily.base};
 `;
-var AuthHeaderSubtitle = styled__default.default.p`
+var AuthHeaderSubtitle = styled.p`
   font-size: ${theme.fontSize.sm};
   font-weight: ${theme.fontWeight.normal};
   color: ${theme.colors.textSecondary};
@@ -240,21 +2252,21 @@ var AuthHeaderSubtitle = styled__default.default.p`
   margin: 0;
   font-family: ${theme.fontFamily.base};
 `;
-var FormFieldWrapper = styled__default.default.div`
+var FormFieldWrapper = styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: stretch;
   gap: ${theme.spacing[1]};
 `;
-var FormFieldLabel = styled__default.default.label`
+var FormFieldLabel = styled.label`
   font-size: ${theme.fontSize.sm};
   font-weight: ${theme.fontWeight.normal};
   color: ${theme.colors.text};
   line-height: ${theme.lineHeight.relaxed};
   font-family: ${theme.fontFamily.base};
 `;
-var FormFieldInput = styled__default.default.input`
+var FormFieldInput = styled.input`
   width: 100%;
   display: flex;
   align-items: center;
@@ -282,26 +2294,26 @@ var FormFieldInput = styled__default.default.input`
     border-color: ${theme.colors.borderFocus};
   }
 `;
-var PasswordFieldWrapper = styled__default.default.div`
+var PasswordFieldWrapper = styled.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: stretch;
   gap: ${theme.spacing[1]};
 `;
-var PasswordFieldLabelRow = styled__default.default.div`
+var PasswordFieldLabelRow = styled.div`
   display: flex;
   justify-content: space-between;
   align-items: center;
 `;
-var PasswordFieldLabel = styled__default.default.label`
+var PasswordFieldLabel = styled.label`
   font-size: ${theme.fontSize.sm};
   font-weight: ${theme.fontWeight.normal};
   color: ${theme.colors.text};
   line-height: ${theme.lineHeight.relaxed};
   font-family: ${theme.fontFamily.base};
 `;
-var PasswordFieldForgotLink = styled__default.default.a`
+var PasswordFieldForgotLink = styled.a`
   font-size: ${theme.fontSize.sm};
   font-weight: ${theme.fontWeight.normal};
   color: ${theme.colors.textSecondary};
@@ -310,11 +2322,11 @@ var PasswordFieldForgotLink = styled__default.default.a`
   font-family: ${theme.fontFamily.base};
   cursor: pointer;
 `;
-var PasswordFieldInputWrapper = styled__default.default.div`
+var PasswordFieldInputWrapper = styled.div`
   position: relative;
   width: 100%;
 `;
-var PasswordFieldInput = styled__default.default.input`
+var PasswordFieldInput = styled.input`
   width: 100%;
   display: flex;
   align-items: center;
@@ -340,7 +2352,7 @@ var PasswordFieldInput = styled__default.default.input`
     border-color: ${theme.colors.borderFocus};
   }
 `;
-var PasswordFieldToggleButton = styled__default.default.button`
+var PasswordFieldToggleButton = styled.button`
   position: absolute;
   right: ${theme.spacing[1]};
   top: 50%;
@@ -355,7 +2367,7 @@ var PasswordFieldToggleButton = styled__default.default.button`
   color: ${theme.colors.textSecondary};
   transition: color ${theme.transition.fast};
 `;
-var SubmitButton = styled__default.default.button`
+var SubmitButton = styled.button`
   border-radius: ${theme.radius.sm};
   background-color: ${theme.colors.primary};
   height: ${theme.sizes.button.height};
@@ -385,7 +2397,7 @@ var SubmitButton = styled__default.default.button`
     cursor: not-allowed;
   }
 `;
-var SubmitButtonIcon = styled__default.default.div`
+var SubmitButtonIcon = styled.div`
   width: ${theme.sizes.icon};
   height: ${theme.sizes.icon};
   display: flex;
@@ -397,7 +2409,7 @@ var SubmitButtonIcon = styled__default.default.div`
     height: 100%;
   }
 `;
-var SubmitButtonSpinner = styled__default.default.div`
+var SubmitButtonSpinner = styled.div`
   width: ${theme.sizes.icon};
   height: ${theme.sizes.icon};
   display: flex;
@@ -410,7 +2422,7 @@ var SubmitButtonSpinner = styled__default.default.div`
     height: 100%;
   }
 `;
-var OAuthButton = styled__default.default.button`
+var OAuthButton = styled.button`
   display: flex;
   width: 100%;
   height: ${theme.sizes.button.heightOAuth};
@@ -442,7 +2454,7 @@ var OAuthButton = styled__default.default.button`
     cursor: not-allowed;
   }
 `;
-var OAuthButtonIcon = styled__default.default.div`
+var OAuthButtonIcon = styled.div`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -455,13 +2467,13 @@ var OAuthButtonIcon = styled__default.default.div`
     height: 100%;
   }
 `;
-var OAuthProvidersContainer = styled__default.default.div`
+var OAuthProvidersContainer = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing[3]};
   width: 100%;
 `;
-var AuthLinkWrapper = styled__default.default.div`
+var AuthLinkWrapper = styled.div`
   display: flex;
   justify-content: center;
   align-items: center;
@@ -470,45 +2482,45 @@ var AuthLinkWrapper = styled__default.default.div`
   color: ${theme.colors.textSecondary};
   font-family: ${theme.fontFamily.base};
 `;
-var AuthLinkText = styled__default.default.span`
+var AuthLinkText = styled.span`
   font-weight: ${theme.fontWeight.normal};
 `;
-var AuthLinkLink = styled__default.default.a`
+var AuthLinkLink = styled.a`
   font-weight: ${theme.fontWeight.semibold};
   color: ${theme.colors.text};
   text-decoration: none;
   transition: opacity ${theme.transition.fast};
   cursor: pointer;
 `;
-var AuthDividerWrapper = styled__default.default.div`
+var AuthDividerWrapper = styled.div`
   display: flex;
   align-items: center;
   text-align: center;
   width: 100%;
   gap: ${theme.spacing[3]};
 `;
-var AuthDividerLine = styled__default.default.div`
+var AuthDividerLine = styled.div`
   flex: 1;
   border-top: 1px solid ${theme.colors.border};
 `;
-var AuthDividerText = styled__default.default.span`
+var AuthDividerText = styled.span`
   font-size: ${theme.fontSize.sm};
   color: ${theme.colors.textSecondary};
   font-weight: ${theme.fontWeight.normal};
   font-family: ${theme.fontFamily.manrope};
 `;
-var ErrorBannerWrapper = styled__default.default.div`
+var ErrorBannerWrapper = styled.div`
   padding: ${theme.spacing[3]};
   background-color: ${theme.colors.errorBg};
   border-radius: ${theme.radius.md};
   border: 1px solid ${theme.colors.error};
 `;
-var ErrorBannerContent = styled__default.default.div`
+var ErrorBannerContent = styled.div`
   display: flex;
   align-items: center;
   gap: ${theme.spacing[2]};
 `;
-var ErrorBannerIcon = styled__default.default.div`
+var ErrorBannerIcon = styled.div`
   width: ${theme.sizes.iconLg};
   height: ${theme.sizes.iconLg};
   flex-shrink: 0;
@@ -522,14 +2534,14 @@ var ErrorBannerIcon = styled__default.default.div`
     height: 100%;
   }
 `;
-var ErrorBannerText = styled__default.default.p`
+var ErrorBannerText = styled.p`
   font-size: ${theme.fontSize.sm};
   color: ${theme.colors.error};
   font-weight: ${theme.fontWeight.normal};
   font-family: ${theme.fontFamily.base};
   margin: 0;
 `;
-var AuthBrandingWrapper = styled__default.default.div`
+var AuthBrandingWrapper = styled.div`
   background-color: ${theme.colors.bgLight};
   padding: ${theme.spacing[4]} ${theme.spacing[2]};
   display: flex;
@@ -538,19 +2550,19 @@ var AuthBrandingWrapper = styled__default.default.div`
   align-items: center;
   gap: ${theme.spacing[1]};
 `;
-var AuthBrandingText = styled__default.default.p`
+var AuthBrandingText = styled.p`
   font-size: ${theme.fontSize.xs};
   font-weight: ${theme.fontWeight.medium};
   color: ${theme.colors.text};
   font-family: ${theme.fontFamily.manrope};
   margin: 0;
 `;
-var VerificationCodeInputContainer = styled__default.default.div`
+var VerificationCodeInputContainer = styled.div`
   display: flex;
   gap: ${theme.spacing[3]};
   justify-content: center;
 `;
-var VerificationCodeInput = styled__default.default.input`
+var VerificationCodeInput = styled.input`
   width: ${theme.sizes.verifyCode};
   height: ${theme.sizes.verifyCode};
   text-align: center;
@@ -566,21 +2578,21 @@ var VerificationCodeInput = styled__default.default.input`
     border-color: ${theme.colors.borderFocus};
   }
 `;
-var PasswordStrengthWrapper = styled__default.default.div`
+var PasswordStrengthWrapper = styled.div`
   margin-top: ${theme.spacing[2]};
 `;
-styled__default.default.div`
+styled.div`
   height: 100%;
   transition:
     width ${theme.transition.base},
     background-color ${theme.transition.base};
 `;
-styled__default.default.span`
+styled.span`
   font-size: ${theme.fontSize.xs};
   color: ${theme.colors.textSecondary};
   font-family: ${theme.fontFamily.base};
 `;
-var PasswordStrengthRequirements = styled__default.default.div`
+var PasswordStrengthRequirements = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing[2]};
@@ -588,7 +2600,7 @@ var PasswordStrengthRequirements = styled__default.default.div`
   color: ${theme.colors.textGray};
   font-family: ${theme.fontFamily.base};
 `;
-var PasswordStrengthRequirement = styled__default.default.div`
+var PasswordStrengthRequirement = styled.div`
   display: flex;
   align-items: center;
   gap: ${theme.spacing[2]};
@@ -785,9 +2797,9 @@ function AuthPasswordField({
 }) {
   const searchParams = useSearchParams();
   const { Link } = useNavigationAdapter();
-  const [showPassword, setShowPassword] = react.useState(false);
-  const [showStrength, setShowStrength] = react.useState(false);
-  const resolvedForgotPasswordHref = react.useMemo(
+  const [showPassword, setShowPassword] = React2.useState(false);
+  const [showStrength, setShowStrength] = React2.useState(false);
+  const resolvedForgotPasswordHref = React2.useMemo(
     () => forgotPasswordLink ? resolveAuthUrl(forgotPasswordLink.href, searchParams) : void 0,
     [forgotPasswordLink, searchParams]
   );
@@ -1107,13 +3119,13 @@ function AuthOAuthProviders({
   );
 }
 function AuthVerificationCodeInput({
-  length = 6,
+  length: length2 = 6,
   value,
   onChange,
   disabled = false,
   onComplete
 }) {
-  const inputRefs = react.useRef([]);
+  const inputRefs = React2.useRef([]);
   const handleChange = (index, digit) => {
     if (digit.length > 1) {
       return;
@@ -1125,10 +3137,10 @@ function AuthVerificationCodeInput({
     newValue[index] = digit;
     const updatedValue = newValue.join("");
     onChange(updatedValue);
-    if (digit && index < length - 1) {
+    if (digit && index < length2 - 1) {
       inputRefs.current[index + 1]?.focus();
     }
-    if (digit && index === length - 1 && updatedValue.length === length && onComplete) {
+    if (digit && index === length2 - 1 && updatedValue.length === length2 && onComplete) {
       onComplete(updatedValue);
     }
   };
@@ -1141,22 +3153,22 @@ function AuthVerificationCodeInput({
       }
     } else if (e.key === "ArrowLeft" && index > 0) {
       inputRefs.current[index - 1]?.focus();
-    } else if (e.key === "ArrowRight" && index < length - 1) {
+    } else if (e.key === "ArrowRight" && index < length2 - 1) {
       inputRefs.current[index + 1]?.focus();
     }
   };
   const handlePaste = (e) => {
     e.preventDefault();
     const pastedData = e.clipboardData.getData("text/plain").trim();
-    if (/^\d+$/.test(pastedData) && pastedData.length === length) {
+    if (/^\d+$/.test(pastedData) && pastedData.length === length2) {
       onChange(pastedData);
-      inputRefs.current[length - 1]?.focus();
+      inputRefs.current[length2 - 1]?.focus();
       if (onComplete) {
         onComplete(pastedData);
       }
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(VerificationCodeInputContainer, { children: Array.from({ length }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(VerificationCodeInputContainer, { children: Array.from({ length: length2 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
     VerificationCodeInput,
     {
       ref: (el) => {
@@ -1175,20 +3187,22 @@ function AuthVerificationCodeInput({
     index
   )) });
 }
-styled__default.default.form`
+
+// src/components/forms/styled.ts
+styled.form`
   display: flex;
   flex-direction: column;
   align-items: stretch;
   justify-content: center;
   gap: ${theme.spacing[6]};
 `;
-var VerificationStepWrapper = styled__default.default.div`
+var VerificationStepWrapper = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing[6]};
   align-items: stretch;
 `;
-var VerificationStepDescriptionContainer = styled__default.default.div`
+var VerificationStepDescriptionContainer = styled.div`
   width: 100%;
   background-color: ${theme.colors.bgGray};
   border-radius: ${theme.radius.lg};
@@ -1197,7 +3211,7 @@ var VerificationStepDescriptionContainer = styled__default.default.div`
   flex-direction: column;
   gap: ${theme.spacing[3]};
 `;
-var VerificationStepDescriptionTitle = styled__default.default.h3`
+var VerificationStepDescriptionTitle = styled.h3`
   color: ${theme.colors.black};
   font-family: ${theme.fontFamily.base};
   font-size: ${theme.fontSize.base};
@@ -1206,43 +3220,43 @@ var VerificationStepDescriptionTitle = styled__default.default.h3`
   line-height: 24px;
   margin: 0;
 `;
-var VerificationStepDescription = styled__default.default.p`
+var VerificationStepDescription = styled.p`
   font-size: ${theme.fontSize.sm};
   color: ${theme.colors.textGray};
   text-align: left;
   font-family: ${theme.fontFamily.base};
   margin: 0;
 `;
-var VerificationEmail = styled__default.default.span`
+var VerificationEmail = styled.span`
   font-weight: ${theme.fontWeight.medium};
   color: ${theme.colors.text};
 `;
-var VerificationStepCodeContainer = styled__default.default.div`
+var VerificationStepCodeContainer = styled.div`
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing[10]};
 `;
-var VerificationStepCodeInputWrapper = styled__default.default.div`
+var VerificationStepCodeInputWrapper = styled.div`
   display: flex;
   flex-direction: column;
   gap: ${theme.spacing[6]};
 `;
-styled__default.default.p`
+styled.p`
   font-size: ${theme.fontSize.sm};
   color: ${theme.colors.textSecondary};
   text-align: center;
   font-family: ${theme.fontFamily.base};
   margin: 0;
 `;
-var VerificationStepResendContainer = styled__default.default.div`
+var VerificationStepResendContainer = styled.div`
   width: 100%;
   font-size: ${theme.fontSize.sm};
   text-align: center;
   color: ${theme.colors.textSecondary};
   font-family: ${theme.fontFamily.base};
 `;
-var VerificationStepResendButton = styled__default.default.button`
+var VerificationStepResendButton = styled.button`
   color: ${theme.colors.text};
   font-weight: ${theme.fontWeight.medium};
   transition: all ${theme.transition.base};
@@ -1261,7 +3275,7 @@ var VerificationStepResendButton = styled__default.default.button`
     opacity: 0.5;
   }
 `;
-var VerifyStatusContainer = styled__default.default.div`
+var VerifyStatusContainer = styled.div`
   width: 100%;
   display: flex;
   flex-direction: column;
@@ -1269,19 +3283,19 @@ var VerifyStatusContainer = styled__default.default.div`
   justify-content: center;
   gap: ${theme.spacing[6]};
 `;
-var VerifyStatusSpinner = styled__default.default.div`
+var VerifyStatusSpinner = styled.div`
   border-radius: ${theme.radius.full};
   height: ${theme.sizes.verifyCode};
   width: ${theme.sizes.verifyCode};
   border-bottom: 2px solid ${theme.colors.primary};
 `;
-var VerifyStatusSuccessContent = styled__default.default.div`
+var VerifyStatusSuccessContent = styled.div`
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: ${theme.spacing[4]};
 `;
-var VerifyStatusSuccessIcon = styled__default.default.div`
+var VerifyStatusSuccessIcon = styled.div`
   width: ${theme.sizes.verifyIcon};
   height: ${theme.sizes.verifyIcon};
   border-radius: ${theme.radius.full};
@@ -1290,7 +3304,7 @@ var VerifyStatusSuccessIcon = styled__default.default.div`
   align-items: center;
   justify-content: center;
 `;
-var VerifyStatusSuccessIconSvg = styled__default.default.div`
+var VerifyStatusSuccessIconSvg = styled.div`
   width: ${theme.sizes.verifyIconInner};
   height: ${theme.sizes.verifyIconInner};
   color: ${theme.colors.successDark};
@@ -1303,17 +3317,17 @@ var VerifyStatusSuccessIconSvg = styled__default.default.div`
     height: 100%;
   }
 `;
-var VerifyStatusTextCenter = styled__default.default.p`
+var VerifyStatusTextCenter = styled.p`
   text-align: center;
   font-family: ${theme.fontFamily.base};
   font-size: ${theme.fontSize.sm};
   color: ${theme.colors.text};
   margin: 0;
 `;
-styled__default.default.div`
+styled.div`
   display: none;
 `;
-styled__default.default.span`
+styled.span`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -1331,22 +3345,22 @@ function AuthEmailVerificationStep({
   emailSent = false
 }) {
   const { sendVerificationEmail } = useInsforge();
-  const [resendDisabled, setResendDisabled] = react.useState(emailSent ? true : false);
-  const [resendCountdown, setResendCountdown] = react.useState(emailSent ? 60 : 0);
-  const [isSending, setIsSending] = react.useState(false);
-  const [verificationCode, setVerificationCode] = react.useState("");
-  const [isVerifying, setIsVerifying] = react.useState(false);
+  const [resendDisabled, setResendDisabled] = React2.useState(emailSent ? true : false);
+  const [resendCountdown, setResendCountdown] = React2.useState(emailSent ? 60 : 0);
+  const [isSending, setIsSending] = React2.useState(false);
+  const [verificationCode, setVerificationCode] = React2.useState("");
+  const [isVerifying, setIsVerifying] = React2.useState(false);
   const isLinkMethod = method === "link";
   const displayDescription = isLinkMethod ? "We've sent an email to {email}. Please check your email to confirm your account before signing in. The confirmation link expires in 10 minutes." : "We've sent a verification code to your inbox at {email}. Enter it below to proceed.";
-  react.useEffect(() => {
+  React2.useEffect(() => {
     if (resendDisabled && resendCountdown > 0) {
       const timer = setInterval(() => {
-        setResendCountdown((prev) => {
-          if (prev <= 1) {
+        setResendCountdown((prev2) => {
+          if (prev2 <= 1) {
             setResendDisabled(false);
             return 0;
           }
-          return prev - 1;
+          return prev2 - 1;
         });
       }, 1e3);
       return () => clearInterval(timer);
@@ -1435,28 +3449,28 @@ function AuthResetPasswordVerificationStep({
   onVerifyCode,
   onResendEmail
 }) {
-  const [resendDisabled, setResendDisabled] = react.useState(true);
-  const [resendCountdown, setResendCountdown] = react.useState(60);
-  const [isSending, setIsSending] = react.useState(false);
-  const [verificationCode, setVerificationCode] = react.useState("");
-  const [isVerifying, setIsVerifying] = react.useState(false);
+  const [resendDisabled, setResendDisabled] = React2.useState(true);
+  const [resendCountdown, setResendCountdown] = React2.useState(60);
+  const [isSending, setIsSending] = React2.useState(false);
+  const [verificationCode, setVerificationCode] = React2.useState("");
+  const [isVerifying, setIsVerifying] = React2.useState(false);
   const isLinkMethod = method === "link";
   const displayDescription = isLinkMethod ? "We have sent an email to {email}. Please check your email to reset your password. The link expires in 10 minutes." : "We've sent a reset password code to your inbox at {email}. Enter it below to proceed.";
-  react.useEffect(() => {
+  React2.useEffect(() => {
     if (resendCountdown > 0) {
       const timer = setInterval(() => {
-        setResendCountdown((prev) => {
-          if (prev <= 1) {
+        setResendCountdown((prev2) => {
+          if (prev2 <= 1) {
             setResendDisabled(false);
             return 0;
           }
-          return prev - 1;
+          return prev2 - 1;
         });
       }, 1e3);
       return () => clearInterval(timer);
     }
   }, [resendCountdown]);
-  const handleResend = react.useCallback(async () => {
+  const handleResend = React2.useCallback(async () => {
     setResendDisabled(true);
     setResendCountdown(60);
     setIsSending(true);
@@ -1627,12 +3641,12 @@ function SignInForm({
 function SignIn({ onError, ...uiProps }) {
   const { signIn, verifyEmail, loginWithOAuth } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
-  const [email, setEmail] = react.useState("");
-  const [password, setPassword] = react.useState("");
-  const [error, setError] = react.useState("");
-  const [loading, setLoading] = react.useState(false);
-  const [step, setStep] = react.useState("form");
-  const [oauthLoading] = react.useState(null);
+  const [email, setEmail] = React2.useState("");
+  const [password, setPassword] = React2.useState("");
+  const [error, setError] = React2.useState("");
+  const [loading, setLoading] = React2.useState(false);
+  const [step, setStep] = React2.useState("form");
+  const [oauthLoading] = React2.useState(null);
   const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
@@ -1844,12 +3858,12 @@ createPasswordSchema();
 function SignUp({ onError, ...uiProps }) {
   const { signUp, verifyEmail, loginWithOAuth } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
-  const [email, setEmail] = react.useState("");
-  const [password, setPassword] = react.useState("");
-  const [error, setError] = react.useState("");
-  const [loading, setLoading] = react.useState(false);
-  const [step, setStep] = react.useState("form");
-  const [oauthLoading] = react.useState(null);
+  const [email, setEmail] = React2.useState("");
+  const [password, setPassword] = React2.useState("");
+  const [error, setError] = React2.useState("");
+  const [loading, setLoading] = React2.useState(false);
+  const [step, setStep] = React2.useState("form");
+  const [oauthLoading] = React2.useState(null);
   const searchParams = useSearchParams();
   const redirectUrl = searchParams.get("redirect");
   async function handleSubmit(e) {
@@ -2111,15 +4125,15 @@ function ForgotPassword({ onError, ...uiProps }) {
   const { sendResetPasswordEmail, exchangeResetPasswordToken, resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
   const searchParams = useSearchParams();
-  const [step, setStep] = react.useState("email");
-  const [email, setEmail] = react.useState("");
-  const [resetToken, setResetToken] = react.useState("");
-  const [newPassword, setNewPassword] = react.useState("");
-  const [confirmPassword, setConfirmPassword] = react.useState("");
-  const [error, setError] = react.useState("");
-  const [loading, setLoading] = react.useState(false);
-  const [success, setSuccess] = react.useState(false);
-  const [showVerificationStep, setShowVerificationStep] = react.useState(false);
+  const [step, setStep] = React2.useState("email");
+  const [email, setEmail] = React2.useState("");
+  const [resetToken, setResetToken] = React2.useState("");
+  const [newPassword, setNewPassword] = React2.useState("");
+  const [confirmPassword, setConfirmPassword] = React2.useState("");
+  const [error, setError] = React2.useState("");
+  const [loading, setLoading] = React2.useState(false);
+  const [success, setSuccess] = React2.useState(false);
+  const [showVerificationStep, setShowVerificationStep] = React2.useState(false);
   async function handleEmailSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -2267,14 +4281,14 @@ function ForgotPassword({ onError, ...uiProps }) {
 }
 function ResetPassword({ onError, ...uiProps }) {
   const searchParams = useSearchParams();
-  const token = searchParams.get("token");
+  const token2 = searchParams.get("token");
   const { resetPassword } = useInsforge();
   const { authConfig } = usePublicAuthConfig();
-  const [newPassword, setNewPassword] = react.useState("");
-  const [confirmPassword, setConfirmPassword] = react.useState("");
-  const [error, setError] = react.useState("");
-  const [loading, setLoading] = react.useState(false);
-  const [success, setSuccess] = react.useState(false);
+  const [newPassword, setNewPassword] = React2.useState("");
+  const [confirmPassword, setConfirmPassword] = React2.useState("");
+  const [error, setError] = React2.useState("");
+  const [loading, setLoading] = React2.useState(false);
+  const [success, setSuccess] = React2.useState(false);
   async function handleSubmit(e) {
     e.preventDefault();
     setLoading(true);
@@ -2289,7 +4303,7 @@ function ResetPassword({ onError, ...uiProps }) {
       setLoading(false);
       return;
     }
-    if (!token) {
+    if (!token2) {
       setError("Reset token is missing");
       setLoading(false);
       return;
@@ -2309,7 +4323,7 @@ function ResetPassword({ onError, ...uiProps }) {
       return;
     }
     try {
-      const result = await resetPassword(token, newPassword);
+      const result = await resetPassword(token2, newPassword);
       if (result?.message) {
         setSuccess(true);
       } else {
@@ -2332,7 +4346,7 @@ function ResetPassword({ onError, ...uiProps }) {
   if (!authConfig) {
     return null;
   }
-  if (!token) {
+  if (!token2) {
     return /* @__PURE__ */ jsxRuntime.jsxs(AuthContainer, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(AuthHeader, { title: "Invalid Reset Link", subtitle: "" }),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -2480,13 +4494,13 @@ function VerifyEmailStatus({
     /* @__PURE__ */ jsxRuntime.jsx(VerifyStatusTextCenter, { style: { color: theme.colors.textSecondary }, children: successMessage })
   ] }) }) });
 }
-function VerifyEmail({ token, onSuccess, onError, ...uiProps }) {
+function VerifyEmail({ token: token2, onSuccess, onError, ...uiProps }) {
   const { verifyEmail } = useInsforge();
-  const [status, setStatus] = react.useState("verifying");
-  const [error, setError] = react.useState("");
-  react.useEffect(() => {
+  const [status, setStatus] = React2.useState("verifying");
+  const [error, setError] = React2.useState("");
+  React2.useEffect(() => {
     const verifyEmailFn = async () => {
-      if (!token) {
+      if (!token2) {
         const errorMessage = "Invalid verification link. Missing required token.";
         setError(errorMessage);
         setStatus("error");
@@ -2496,7 +4510,7 @@ function VerifyEmail({ token, onSuccess, onError, ...uiProps }) {
         return;
       }
       try {
-        const result = await verifyEmail(token);
+        const result = await verifyEmail(token2);
         if (!result?.accessToken) {
           const errorMessage = result ? "Verification succeeded but no access token received" : "Email verification failed";
           setError(errorMessage);
@@ -2524,7 +4538,7 @@ function VerifyEmail({ token, onSuccess, onError, ...uiProps }) {
       }
     };
     void verifyEmailFn();
-  }, [token, verifyEmail, onSuccess, onError]);
+  }, [token2, verifyEmail, onSuccess, onError]);
   return /* @__PURE__ */ jsxRuntime.jsx(VerifyEmailStatus, { status, error, ...uiProps });
 }
 function SignOutButton({ children, className, afterSignOutUrl = "/" }) {
@@ -2533,9 +4547,9 @@ function SignOutButton({ children, className, afterSignOutUrl = "/" }) {
     await signOut();
     window.location.href = afterSignOutUrl;
   };
-  if (children && react.isValidElement(children)) {
+  if (children && React2.isValidElement(children)) {
     const originalOnClick = children.props?.onClick;
-    return react.cloneElement(children, {
+    return React2.cloneElement(children, {
       onClick: async (e) => {
         await handleClick();
         if (originalOnClick) {
@@ -2546,11 +4560,13 @@ function SignOutButton({ children, className, afterSignOutUrl = "/" }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className, onClick: () => void handleClick(), children: children || "Sign out" });
 }
-var UserButtonContainer = styled__default.default.div`
+
+// src/components/styled.ts
+var UserButtonContainer = styled.div`
   position: relative;
   display: inline-block;
 `;
-var UserButtonButton = styled__default.default.button`
+var UserButtonButton = styled.button`
   display: flex;
   align-items: center;
   justify-content: center;
@@ -2571,7 +4587,7 @@ var UserButtonButton = styled__default.default.button`
     `}
   }
 `;
-var UserButtonAvatar = styled__default.default.div`
+var UserButtonAvatar = styled.div`
   width: 2rem;
   height: 2rem;
   border-radius: ${theme.radius.full};
@@ -2585,24 +4601,24 @@ var UserButtonAvatar = styled__default.default.div`
   font-family: ${theme.fontFamily.base};
   overflow: hidden;
 `;
-var UserButtonAvatarImage = styled__default.default.img`
+var UserButtonAvatarImage = styled.img`
   border-radius: ${theme.radius.full};
   object-fit: cover;
   width: 100%;
   height: 100%;
 `;
-var UserButtonAvatarInitials = styled__default.default.span`
+var UserButtonAvatarInitials = styled.span`
   color: ${theme.colors.bgWhite};
   font-weight: 600;
   font-size: ${theme.fontSize.sm};
 `;
-var UserButtonInfo = styled__default.default.div`
+var UserButtonInfo = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.125rem;
 `;
-var UserButtonName = styled__default.default.div`
+var UserButtonName = styled.div`
   font-size: ${theme.fontSize.sm};
   font-weight: 600;
   color: ${theme.colors.text};
@@ -2610,16 +4626,26 @@ var UserButtonName = styled__default.default.div`
   text-align: left;
   font-family: ${theme.fontFamily.base};
 `;
-var UserButtonEmail = styled__default.default.div`
+var UserButtonEmail = styled.div`
   font-size: ${theme.fontSize.xs};
   color: ${theme.colors.textSecondary};
   line-height: 1rem;
   text-align: left;
   font-family: ${theme.fontFamily.base};
 `;
-var UserButtonMenu = styled__default.default.div`
+var UserButtonMenu = styled.div`
   position: absolute;
-  margin-top: ${theme.spacing[2]};
+  ${(props) => props.$openUpward ? `
+    bottom: 100%;
+    margin-bottom: ${theme.spacing[2]};
+  ` : `
+    top: 100%;
+    margin-top: ${theme.spacing[2]};
+  `}
+  left: 0;
+  ${(props) => props.$horizontalOffset ? `
+    transform: translateX(${props.$horizontalOffset}px);
+  ` : ""}
   background-color: ${theme.colors.bgWhite};
   border: 1px solid ${theme.colors.border};
   border-radius: ${theme.radius.md};
@@ -2628,7 +4654,7 @@ var UserButtonMenu = styled__default.default.div`
   min-width: 200px;
   z-index: 50;
 `;
-var UserButtonMenuItem = styled__default.default.button`
+var UserButtonMenuItem = styled.button`
   display: flex;
   align-items: center;
   gap: ${theme.spacing[2]};
@@ -2648,7 +4674,7 @@ var UserButtonMenuItem = styled__default.default.button`
     background-color: ${theme.colors.bgLight};
   }
 `;
-var UserButtonMenuItemIcon = styled__default.default.div`
+var UserButtonMenuItemIcon = styled.div`
   width: 1.25rem;
   height: 1.25rem;
   display: flex;
@@ -2660,12 +4686,15 @@ var UserButtonMenuItemIcon = styled__default.default.div`
     height: 100%;
   }
 `;
-function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
+function UserButton({ afterSignOutUrl = "/", mode = "simple" }) {
   const { user } = useInsforge();
-  const [isOpen, setIsOpen] = react.useState(false);
-  const [imageError, setImageError] = react.useState(false);
-  const dropdownRef = react.useRef(null);
-  react.useEffect(() => {
+  const [isOpen, setIsOpen] = React2.useState(false);
+  const [imageError, setImageError] = React2.useState(false);
+  const [openUpward, setOpenUpward] = React2.useState(false);
+  const [horizontalOffset, setHorizontalOffset] = React2.useState(0);
+  const dropdownRef = React2.useRef(null);
+  const menuRef = React2.useRef(null);
+  React2.useEffect(() => {
     setImageError(false);
     const avatarUrl = user?.avatarUrl;
     if (!avatarUrl) {
@@ -2689,7 +4718,34 @@ function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
     };
     void checkImageUrl();
   }, [user?.avatarUrl]);
-  react.useEffect(() => {
+  React2.useEffect(() => {
+    if (isOpen && dropdownRef.current) {
+      const buttonRect = dropdownRef.current.getBoundingClientRect();
+      const viewportHeight = window.innerHeight;
+      const viewportWidth = window.innerWidth;
+      const spaceBelow = viewportHeight - buttonRect.bottom;
+      const spaceAbove = buttonRect.top;
+      const menuHeight = 200;
+      const shouldOpenUpward = spaceBelow < menuHeight && spaceAbove > spaceBelow;
+      setOpenUpward(shouldOpenUpward);
+      requestAnimationFrame(() => {
+        if (menuRef.current) {
+          const menuWidth = menuRef.current.offsetWidth;
+          const menuRight = buttonRect.left + menuWidth;
+          const viewportPadding = 16;
+          if (menuRight > viewportWidth - viewportPadding) {
+            const overflow = menuRight - (viewportWidth - viewportPadding);
+            setHorizontalOffset(-overflow);
+          } else {
+            setHorizontalOffset(0);
+          }
+        }
+      });
+    } else {
+      setHorizontalOffset(0);
+    }
+  }, [isOpen]);
+  React2.useEffect(() => {
     function handleClickOutside(event) {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsOpen(false);
@@ -2730,10 +4786,18 @@ function UserButton({ afterSignOutUrl = "/", mode = "detailed" }) {
         ]
       }
     ),
-    isOpen && /* @__PURE__ */ jsxRuntime.jsx(UserButtonMenu, { children: /* @__PURE__ */ jsxRuntime.jsx(SignOutButton, { afterSignOutUrl, children: /* @__PURE__ */ jsxRuntime.jsxs(UserButtonMenuItem, { $signout: true, onClick: () => setIsOpen(false), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(UserButtonMenuItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, {}) }),
-      "Sign out"
-    ] }) }) })
+    isOpen && /* @__PURE__ */ jsxRuntime.jsx(
+      UserButtonMenu,
+      {
+        ref: menuRef,
+        $openUpward: openUpward,
+        $horizontalOffset: horizontalOffset,
+        children: /* @__PURE__ */ jsxRuntime.jsx(SignOutButton, { afterSignOutUrl, children: /* @__PURE__ */ jsxRuntime.jsxs(UserButtonMenuItem, { $signout: true, onClick: () => setIsOpen(false), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(UserButtonMenuItemIcon, { children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LogOut, {}) }),
+          "Sign out"
+        ] }) })
+      }
+    )
   ] });
 }
 function Protect({
@@ -2744,8 +4808,8 @@ function Protect({
   onRedirect
 }) {
   const { userId, user } = useInsforge();
-  const resolvedRedirectTo = react.useMemo(() => resolveAuthPath(redirectTo), [redirectTo]);
-  react.useEffect(() => {
+  const resolvedRedirectTo = React2.useMemo(() => resolveAuthPath(redirectTo), [redirectTo]);
+  React2.useEffect(() => {
     if (userId === null) {
       if (onRedirect) {
         onRedirect(resolvedRedirectTo);
@@ -2795,9 +4859,9 @@ function SignInButton({ children, className }) {
     authUrl.searchParams.set("redirect", redirectUrl);
     window.location.replace(authUrl.toString());
   };
-  if (children && react.isValidElement(children)) {
+  if (children && React2.isValidElement(children)) {
     const originalOnClick = children.props?.onClick;
-    return react.cloneElement(children, {
+    return React2.cloneElement(children, {
       onClick: (e) => {
         handleClick();
         if (originalOnClick) {
@@ -2816,9 +4880,9 @@ function SignUpButton({ children, className }) {
     authUrl.searchParams.set("redirect", redirectUrl);
     window.location.replace(authUrl.toString());
   };
-  if (children && react.isValidElement(children)) {
+  if (children && React2.isValidElement(children)) {
     const originalOnClick = children.props?.onClick;
-    return react.cloneElement(children, {
+    return React2.cloneElement(children, {
       onClick: (e) => {
         handleClick();
         if (originalOnClick) {
@@ -2829,6 +4893,28 @@ function SignUpButton({ children, className }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className, onClick: handleClick, children: children || "Sign up" });
 }
+/*! Bundled license information:
+
+react-is/cjs/react-is.production.min.js:
+  (** @license React v16.13.1
+   * react-is.production.min.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+
+react-is/cjs/react-is.development.js:
+  (** @license React v16.13.1
+   * react-is.development.js
+   *
+   * Copyright (c) Facebook, Inc. and its affiliates.
+   *
+   * This source code is licensed under the MIT license found in the
+   * LICENSE file in the root directory of this source tree.
+   *)
+*/
 
 exports.AuthBranding = AuthBranding;
 exports.AuthContainer = AuthContainer;