@procore/saved-views 1.1.0-alpha.6 → 1.1.0-alpha.8

package/dist/modern/index.js

@@ -30,9 +30,9 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// ../../node_modules/lodash/lodash.js
+// node_modules/lodash/lodash.js
 var require_lodash = __commonJS({
-  "../../node_modules/lodash/lodash.js"(exports, module2) {
+  "node_modules/lodash/lodash.js"(exports2, module2) {
     "use strict";
     (function() {
       var undefined2;
@@ -361,11 +361,11 @@ var require_lodash = __commonJS({
       var freeGlobal = typeof global == "object" && global && global.Object === Object && global;
       var freeSelf = typeof self == "object" && self && self.Object === Object && self;
       var root = freeGlobal || freeSelf || Function("return this")();
-      var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
+      var freeExports = typeof exports2 == "object" && exports2 && !exports2.nodeType && exports2;
       var freeModule = freeExports && typeof module2 == "object" && module2 && !module2.nodeType && module2;
       var moduleExports = freeModule && freeModule.exports === freeExports;
       var freeProcess = moduleExports && freeGlobal.process;
-      var nodeUtil = function() {
+      var nodeUtil = (function() {
         try {
           var types = freeModule && freeModule.require && freeModule.require("util").types;
           if (types) {
@@ -374,7 +374,7 @@ var require_lodash = __commonJS({
           return freeProcess && freeProcess.binding && freeProcess.binding("util");
         } catch (e) {
         }
-      }();
+      })();
       var nodeIsArrayBuffer = nodeUtil && nodeUtil.isArrayBuffer, nodeIsDate = nodeUtil && nodeUtil.isDate, nodeIsMap = nodeUtil && nodeUtil.isMap, nodeIsRegExp = nodeUtil && nodeUtil.isRegExp, nodeIsSet = nodeUtil && nodeUtil.isSet, nodeIsTypedArray = nodeUtil && nodeUtil.isTypedArray;
       function apply(func, thisArg, args) {
         switch (args.length) {
@@ -720,7 +720,7 @@ var require_lodash = __commonJS({
       function unicodeWords(string3) {
         return string3.match(reUnicodeWord) || [];
       }
-      var runInContext = function runInContext2(context) {
+      var runInContext = (function runInContext2(context) {
         context = context == null ? root : _3.defaults(root.Object(), context, _3.pick(root, contextProps));
         var Array2 = context.Array, Date = context.Date, Error2 = context.Error, Function2 = context.Function, Math2 = context.Math, Object2 = context.Object, RegExp2 = context.RegExp, String2 = context.String, TypeError2 = context.TypeError;
         var arrayProto = Array2.prototype, funcProto = Function2.prototype, objectProto = Object2.prototype;
@@ -728,10 +728,10 @@ var require_lodash = __commonJS({
         var funcToString = funcProto.toString;
         var hasOwnProperty = objectProto.hasOwnProperty;
         var idCounter = 0;
-        var maskSrcKey = function() {
+        var maskSrcKey = (function() {
           var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
           return uid ? "Symbol(src)_1." + uid : "";
-        }();
+        })();
         var nativeObjectToString = objectProto.toString;
         var objectCtorString = funcToString.call(Object2);
         var oldDash = root._;
@@ -739,14 +739,14 @@ var require_lodash = __commonJS({
           "^" + funcToString.call(hasOwnProperty).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
         );
         var Buffer2 = moduleExports ? context.Buffer : undefined2, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : undefined2, getPrototype = overArg(Object2.getPrototypeOf, Object2), objectCreate = Object2.create, propertyIsEnumerable = objectProto.propertyIsEnumerable, splice = arrayProto.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined2, symIterator = Symbol2 ? Symbol2.iterator : undefined2, symToStringTag = Symbol2 ? Symbol2.toStringTag : undefined2;
-        var defineProperty = function() {
+        var defineProperty = (function() {
           try {
             var func = getNative(Object2, "defineProperty");
             func({}, "", {});
             return func;
           } catch (e) {
           }
-        }();
+        })();
         var ctxClearTimeout = context.clearTimeout !== root.clearTimeout && context.clearTimeout, ctxNow = Date && Date.now !== root.Date.now && Date.now, ctxSetTimeout = context.setTimeout !== root.setTimeout && context.setTimeout;
         var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols = Object2.getOwnPropertySymbols, nativeIsBuffer = Buffer2 ? Buffer2.isBuffer : undefined2, nativeIsFinite = context.isFinite, nativeJoin = arrayProto.join, nativeKeys = overArg(Object2.keys, Object2), nativeMax = Math2.max, nativeMin = Math2.min, nativeNow = Date.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto.reverse;
         var DataView = getNative(context, "DataView"), Map2 = getNative(context, "Map"), Promise2 = getNative(context, "Promise"), Set2 = getNative(context, "Set"), WeakMap2 = getNative(context, "WeakMap"), nativeCreate = getNative(Object2, "create");
@@ -765,7 +765,7 @@ var require_lodash = __commonJS({
           }
           return new LodashWrapper(value);
         }
-        var baseCreate = function() {
+        var baseCreate = /* @__PURE__ */ (function() {
           function object3() {
           }
           return function(proto) {
@@ -780,7 +780,7 @@ var require_lodash = __commonJS({
             object3.prototype = undefined2;
             return result2;
           };
-        }();
+        })();
         function baseLodash() {
         }
         function LodashWrapper(value, chainAll) {
@@ -4092,9 +4092,9 @@ var require_lodash = __commonJS({
         var gte = createRelationalOperation(function(value, other) {
           return value >= other;
         });
-        var isArguments = baseIsArguments(function() {
+        var isArguments = baseIsArguments(/* @__PURE__ */ (function() {
           return arguments;
-        }()) ? baseIsArguments : function(value) {
+        })()) ? baseIsArguments : function(value) {
           return isObjectLike(value) && hasOwnProperty.call(value, "callee") && !propertyIsEnumerable.call(value, "callee");
         };
         var isArray = Array2.isArray;
@@ -5346,7 +5346,7 @@ var require_lodash = __commonJS({
         lodash.each = forEach;
         lodash.eachRight = forEachRight;
         lodash.first = head;
-        mixin(lodash, function() {
+        mixin(lodash, (function() {
           var source = {};
           baseForOwn(lodash, function(func, methodName) {
             if (!hasOwnProperty.call(lodash.prototype, methodName)) {
@@ -5354,7 +5354,7 @@ var require_lodash = __commonJS({
             }
           });
           return source;
-        }(), { "chain": false });
+        })(), { "chain": false });
         lodash.VERSION = VERSION;
         arrayEach(["bind", "bindKey", "curry", "curryRight", "partial", "partialRight"], function(methodName) {
           lodash[methodName].placeholder = lodash;
@@ -5514,7 +5514,7 @@ var require_lodash = __commonJS({
           lodash.prototype[symIterator] = wrapperToIterator;
         }
         return lodash;
-      };
+      });
       var _3 = runInContext();
       if (typeof define == "function" && typeof define.amd == "object" && define.amd) {
         root._ = _3;
@@ -5527,13 +5527,13 @@ var require_lodash = __commonJS({
       } else {
         root._ = _3;
       }
-    }).call(exports);
+    }).call(exports2);
   }
 });
 
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   DataTableSavedViews: () => DataTableSavedViews,
   ExpandedPanel: () => ExpandedPanel,
   FormModal: () => FormModal,
@@ -5545,7 +5545,7 @@ __export(src_exports, {
   getTranslations: () => getTranslations,
   useSavedViewsPanel: () => useSavedViewsPanel_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 
 // src/utils/translations/translations.ts
 var import_globalization_toolkit = require("@procore/globalization-toolkit");
@@ -5601,7 +5601,7 @@ var de_DE_default = {
         required: "Kann nicht leer sein.",
         duplicateName: "Es existiert bereits eine gespeicherte Ansicht mit diesem Namen. Bitte benennen Sie sie um und versuchen Sie es erneut.",
         unknown: "Es ist ein Fehler aufgetreten. Bitte versuchen Sie es erneut.",
-        title: "Sorry, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
+        title: "Es tut uns leid, wir konnten diese gespeicherte Ansicht nicht {{mode}}",
         description: {
           create: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Datei zu erstellen",
           update: "Bitte beheben Sie die folgenden Fehler und versuchen Sie erneut, die Aktualisierung durchzuf\xFChren"
@@ -5625,7 +5625,7 @@ var de_DE_default = {
       success: "Der Link wurde erfolgreich erstellt und in die Zwischenablage kopiert."
     },
     errors: {
-      fetch: "Sorry, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
+      fetch: "Es tut uns leid, die gespeicherten Ansichten konnten nicht abgerufen werden. Versuchen Sie es noch einmal.",
       create: "Die gespeicherte Ansicht konnte leider nicht erstellt werden. Versuchen Sie es noch einmal.",
       update: "Die gespeicherte Ansicht konnte leider nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       delete: "Die gespeicherte Ansicht konnte leider nicht gel\xF6scht werden. Versuchen Sie es noch einmal.",
@@ -7112,9 +7112,7 @@ var __assign = function() {
   __assign = Object.assign || function __assign2(t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
       s = arguments[i];
-      for (var p2 in s)
-        if (Object.prototype.hasOwnProperty.call(s, p2))
-          t[p2] = s[p2];
+      for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2)) t[p2] = s[p2];
     }
     return t;
   };
@@ -7122,9 +7120,8 @@ var __assign = function() {
 };
 function __rest(s, e) {
   var t = {};
-  for (var p2 in s)
-    if (Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0)
-      t[p2] = s[p2];
+  for (var p2 in s) if (Object.prototype.hasOwnProperty.call(s, p2) && e.indexOf(p2) < 0)
+    t[p2] = s[p2];
   if (s != null && typeof Object.getOwnPropertySymbols === "function")
     for (var i = 0, p2 = Object.getOwnPropertySymbols(s); i < p2.length; i++) {
       if (e.indexOf(p2[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p2[i]))
@@ -7133,14 +7130,12 @@ function __rest(s, e) {
   return t;
 }
 function __spreadArray(to, from2, pack) {
-  if (pack || arguments.length === 2)
-    for (var i = 0, l2 = from2.length, ar; i < l2; i++) {
-      if (ar || !(i in from2)) {
-        if (!ar)
-          ar = Array.prototype.slice.call(from2, 0, i);
-        ar[i] = from2[i];
-      }
+  if (pack || arguments.length === 2) for (var i = 0, l2 = from2.length, ar; i < l2; i++) {
+    if (ar || !(i in from2)) {
+      if (!ar) ar = Array.prototype.slice.call(from2, 0, i);
+      ar[i] = from2[i];
     }
+  }
   return to.concat(ar || Array.prototype.slice.call(from2));
 }
 
@@ -7335,8 +7330,7 @@ var import_react3 = __toESM(require("react"));
 function memoize(fn) {
   var cache = /* @__PURE__ */ Object.create(null);
   return function(arg) {
-    if (cache[arg] === void 0)
-      cache[arg] = fn(arg);
+    if (cache[arg] === void 0) cache[arg] = fn(arg);
     return cache[arg];
   };
 }
@@ -7504,12 +7498,14 @@ function slice(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:
@@ -7517,17 +7513,21 @@ function token(type) {
     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;
@@ -7560,17 +7560,21 @@ function escaping(index, count) {
 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;
@@ -7613,55 +7617,64 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
   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", abs(index ? points[index - 1] : 0)) != -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), declarations);
-            if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters2) && substr(characters2, -1, void 0) !== " ")
-              characters2 += " ";
+            if ((token(previous || 1) == 5 || token(peek() || 1) == 5) && strlen(characters2) && substr(characters2, -1, void 0) !== " ") characters2 += " ";
             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 (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
             if (property > 0 && (strlen(characters2) - length2 || variable === 0 && previous === 47))
               append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1, declarations) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2, declarations), declarations);
             break;
+          // @ ;
           case 59:
             characters2 += ";";
+          // { rule/at-rule
           default:
             append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2, rulesets), rulesets);
             if (character2 === 123)
@@ -7669,26 +7682,26 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
                 parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
               else {
                 switch (atrule) {
+                  // c(ontainer)
                   case 99:
-                    if (charat(characters2, 3) === 110)
-                      break;
+                    if (charat(characters2, 3) === 110) break;
+                  // l(ayer)
                   case 108:
-                    if (charat(characters2, 2) === 97)
-                      break;
+                    if (charat(characters2, 2) === 97) break;
                   default:
                     offset = 0;
+                  // d(ocument) m(edia) s(upports)
                   case 100:
                   case 109:
                   case 115:
                 }
-                if (offset)
-                  parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2, children), children), rules, children, length2, points, rule ? props : children);
-                else
-                  parse(characters2, reference, reference, reference, [""], children, 0, points, children);
+                if (offset) parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2, children), children), rules, children, length2, points, rule ? props : children);
+                else 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:
@@ -7699,17 +7712,21 @@ function parse(value, root, parent, rule, rules, rulesets, pseudo, points, decla
             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;
@@ -7737,8 +7754,10 @@ function declaration(value, root, parent, length2, siblings) {
 // ../../node_modules/stylis/src/Prefixer.js
 function prefix(value, length2, children) {
   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:
@@ -7746,77 +7765,101 @@ function prefix(value, length2, children) {
     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:
+    // 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:
+    // mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position
     case 6391:
     case 5879:
     case 5623:
     case 6135:
     case 4599:
       return WEBKIT + value + value;
+    // mask-composite
     case 4855:
       return WEBKIT + value.replace("add", "source-over").replace("substract", "source-out").replace("intersect", "source-in").replace("exclude", "xor") + value;
+    // tab-size
     case 4789:
       return MOZ + 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;
+    // 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;
       }
+    // flex, flex-direction, scroll-snap-type, writing-mode
     case 6828:
     case 4268:
     case 2903:
       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/g, "") + (!match(value, /flex-|baseline/) ? MS + "grid-row-" + replace(value, /flex-|-self/g, "") : "") + value;
+    // align-content
     case 4675:
       return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/g, "") + 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"), /space-between/, "justify") + WEBKIT + value + value;
+    // justify-self
     case 4200:
-      if (!match(value, /flex-|baseline/))
-        return MS + "grid-column-align" + substr(value, length2) + value;
+      if (!match(value, /flex-|baseline/)) return MS + "grid-column-align" + substr(value, length2) + value;
       break;
+    // grid-template-(columns|rows)
     case 2592:
     case 3360:
       return MS + replace(value, "template-", "") + value;
+    // grid-(row|column)-start
     case 4384:
     case 3616:
       if (children && children.some(function(element, index) {
@@ -7825,16 +7868,19 @@ function prefix(value, length2, children) {
         return ~indexof(value + (children = children[length2].value), "span", 0) ? value : MS + replace(value, "-start", "") + value + MS + "grid-row-span:" + (~indexof(children, "span", 0) ? match(children, /\d+/) : +match(children, /\d+/) - +match(value, /\d+/)) + ";";
       }
       return MS + replace(value, "-start", "") + value;
+    // grid-(row|column)-end
     case 4896:
     case 4128:
       return children && children.some(function(element) {
         return match(element.props, /grid-\w+-start/);
       }) ? value : MS + replace(replace(value, "-end", "-span"), "span ", "") + 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:
@@ -7849,32 +7895,41 @@ function prefix(value, length2, children) {
     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", 0) ? prefix(replace(value, "stretch", "fill-available"), length2, children) + value : value;
         }
       break;
+    // grid-(column|row)
     case 5152:
     case 5920:
       return replace(value, /(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/, function(_3, a2, b2, c2, d2, e, f2) {
         return MS + a2 + ":" + b2 + f2 + (c2 ? MS + a2 + "-span:" + (d2 ? e : +e - +b2) + f2 : "") + value;
       });
+    // position: sticky
     case 4949:
       if (charat(value, length2 + 6) === 121)
         return replace(value, ":", ":" + WEBKIT) + value;
       break;
+    // display: (flex|inline-flex|grid|inline-grid)
     case 6444:
       switch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {
+        // (inline-)?fle(x)
         case 120:
           return replace(value, /(.+:)([^;\s!]+)(;|(\s+)?!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
+        // (inline-)?gri(d)
         case 100:
           return replace(value, ":", ":" + MS) + value;
       }
       break;
+    // scroll-margin, scroll-margin-(top|right|bottom|left)
     case 5719:
     case 2647:
     case 2135:
@@ -7895,8 +7950,7 @@ function serialize(children, callback) {
 function stringify(element, index, children, callback) {
   switch (element.type) {
     case LAYER:
-      if (element.children.length)
-        break;
+      if (element.children.length) break;
     case IMPORT:
     case NAMESPACE:
     case DECLARATION:
@@ -7906,8 +7960,7 @@ function stringify(element, index, children, callback) {
     case KEYFRAMES:
       return element.return = element.value + "{" + serialize(element.children, callback) + "}";
     case RULESET:
-      if (!strlen(element.value = element.props.join(",")))
-        return "";
+      if (!strlen(element.value = element.props.join(","))) return "";
   }
   return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
 }
@@ -7943,12 +7996,14 @@ function prefixer(element, index, children, callback) {
           if (element.length)
             return combine(children = element.props, function(value) {
               switch (match(value, callback = /(::plac\w+|:read-\w+)/)) {
+                // :read-(only|write)
                 case ":read-only":
                 case ":read-write":
                   lift(copy(element, { props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")] }));
                   lift(copy(element, { props: [value] }));
                   assign(element, { props: filter(children, callback) });
                   break;
+                // :placeholder
                 case "::placeholder":
                   lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")] }));
                   lift(copy(element, { props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")] }));
@@ -7974,17 +8029,14 @@ var h = void 0 === import_react.default.createContext;
 var f = Boolean("boolean" == typeof SC_DISABLE_SPEEDY ? SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.REACT_APP_SC_DISABLE_SPEEDY && "" !== process.env.REACT_APP_SC_DISABLE_SPEEDY ? "false" !== process.env.REACT_APP_SC_DISABLE_SPEEDY && process.env.REACT_APP_SC_DISABLE_SPEEDY : "undefined" != typeof process && void 0 !== process.env && void 0 !== process.env.SC_DISABLE_SPEEDY && "" !== process.env.SC_DISABLE_SPEEDY ? "false" !== process.env.SC_DISABLE_SPEEDY && process.env.SC_DISABLE_SPEEDY : "production" !== process.env.NODE_ENV);
 var y = "production" !== process.env.NODE_ENV ? { 1: "Cannot create styled-component for component: %s.\n\n", 2: "Can't collect styles once you've consumed a `ServerStyleSheet`'s styles! `ServerStyleSheet` is a one off instance for each server-side render cycle.\n\n- Are you trying to reuse it across renders?\n- Are you accidentally calling collectStyles twice?\n\n", 3: "Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.\n\n", 4: "The `StyleSheetManager` expects a valid target or sheet prop!\n\n- Does this error occur on the client and is your target falsy?\n- Does this error occur on the server and is the sheet falsy?\n\n", 5: "The clone method cannot be used on the client!\n\n- Are you running in a client-like environment on the server?\n- Are you trying to run SSR on the client?\n\n", 6: "Trying to insert a new style tag, but the given Node is unmounted!\n\n- Are you using a custom target that isn't mounted?\n- Does your document not have a valid head element?\n- Have you accidentally removed a style tag manually?\n\n", 7: 'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n', 8: 'ThemeProvider: Please make your "theme" prop an object.\n\n', 9: "Missing document `<head>`\n\n", 10: "Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\n\n", 11: "_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\n\n", 12: "It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n", 13: "%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\n\n", 14: 'ThemeProvider: "theme" prop is required.\n\n', 15: "A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n", 16: "Reached the limit of how many styled components may be created at group %s.\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\nas for instance in your render method then you may be running into this limitation.\n\n", 17: "CSSStyleSheet could not be found on HTMLStyleElement.\nHas styled-components' style tag been unmounted or altered by another script?\n", 18: "ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`" } : {};
 function v() {
-  for (var e = [], t = 0; t < arguments.length; t++)
-    e[t] = arguments[t];
-  for (var n = e[0], r2 = [], o2 = 1, s = e.length; o2 < s; o2 += 1)
-    r2.push(e[o2]);
+  for (var e = [], t = 0; t < arguments.length; t++) e[t] = arguments[t];
+  for (var n = e[0], r2 = [], o2 = 1, s = e.length; o2 < s; o2 += 1) r2.push(e[o2]);
   return r2.forEach(function(e2) {
     n = n.replace(/%[a-z]/, e2);
   }), n;
 }
 function g(t) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++)
-    n[r2 - 1] = arguments[r2];
+  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
   return "production" === process.env.NODE_ENV ? new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(t, " for more information.").concat(n.length > 0 ? " Args: ".concat(n.join(", ")) : "")) : new Error(v.apply(void 0, __spreadArray([y[t]], n, false)).trim());
 }
 var S = 1 << 30;
@@ -7992,13 +8044,10 @@ var w = /* @__PURE__ */ new Map();
 var b = /* @__PURE__ */ new Map();
 var N = 1;
 var C = function(e) {
-  if (w.has(e))
-    return w.get(e);
-  for (; b.has(N); )
-    N++;
+  if (w.has(e)) return w.get(e);
+  for (; b.has(N); ) N++;
   var t = N++;
-  if ("production" !== process.env.NODE_ENV && ((0 | t) < 0 || t > S))
-    throw g(16, "".concat(t));
+  if ("production" !== process.env.NODE_ENV && ((0 | t) < 0 || t > S)) throw g(16, "".concat(t));
   return w.set(e, t), b.set(t, e), t;
 };
 var E = function(e, t) {
@@ -8008,14 +8057,12 @@ var _ = /invalid hook call/i;
 var A = /* @__PURE__ */ new Set();
 var I = function(t, n) {
   if ("production" !== process.env.NODE_ENV) {
-    if (h)
-      return;
+    if (h) return;
     var o2 = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o2, " has been created dynamically.\n") + "You may see this warning because you've called styled inside another component.\nTo resolve this only create new StyledComponents outside of any render method and function component.\nSee https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.\n", i = console.error;
     try {
       var a2 = true;
       console.error = function(t2) {
-        for (var n2 = [], r2 = 1; r2 < arguments.length; r2++)
-          n2[r2 - 1] = arguments[r2];
+        for (var n2 = [], r2 = 1; r2 < arguments.length; r2++) n2[r2 - 1] = arguments[r2];
         _.test(t2) ? (a2 = false, A.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, false));
       }, "function" == typeof import_react.default.useState && import_react.default.useState(null), a2 && !A.has(s) && (console.warn(s), A.add(s));
     } catch (e) {
@@ -8042,14 +8089,12 @@ var M = function(e) {
 };
 function V(e) {
   var t, n = "";
-  for (t = Math.abs(e); t > 52; t = t / 52 | 0)
-    n = M(t % 52) + n;
+  for (t = Math.abs(e); t > 52; t = t / 52 | 0) n = M(t % 52) + n;
   return (M(t % 52) + n).replace(k, "$1-$2");
 }
 var F;
 var G = function(e, t) {
-  for (var n = t.length; n; )
-    e = 33 * e ^ t.charCodeAt(--n);
+  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
   return e;
 };
 var z = function(e) {
@@ -8065,8 +8110,8 @@ function $(e) {
   return "string" == typeof e && ("production" === process.env.NODE_ENV || e.charAt(0) === e.charAt(0).toLowerCase());
 }
 var Y = "function" == typeof Symbol && Symbol.for;
-var W = Y ? Symbol.for("react.memo") : 60115;
-var q = Y ? Symbol.for("react.forward_ref") : 60112;
+var W = Y ? /* @__PURE__ */ Symbol.for("react.memo") : 60115;
+var q = Y ? /* @__PURE__ */ Symbol.for("react.forward_ref") : 60112;
 var H = { childContextTypes: true, contextType: true, contextTypes: true, defaultProps: true, displayName: true, getDefaultProps: true, getDerivedStateFromError: true, getDerivedStateFromProps: true, mixins: true, propTypes: true, type: true };
 var U = { name: true, length: true, prototype: true, caller: true, callee: true, arguments: true, arity: true };
 var J = { $$typeof: true, compare: true, defaultProps: true, displayName: true, propTypes: true, type: true };
@@ -8118,83 +8163,62 @@ function ue(e) {
   return null !== e && "object" == typeof e && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
 }
 function le(e, t, n) {
-  if (void 0 === n && (n = false), !n && !ue(e) && !Array.isArray(e))
-    return t;
-  if (Array.isArray(t))
-    for (var r2 = 0; r2 < t.length; r2++)
-      e[r2] = le(e[r2], t[r2]);
-  else if (ue(t))
-    for (var r2 in t)
-      e[r2] = le(e[r2], t[r2]);
+  if (void 0 === n && (n = false), !n && !ue(e) && !Array.isArray(e)) return t;
+  if (Array.isArray(t)) for (var r2 = 0; r2 < t.length; r2++) e[r2] = le(e[r2], t[r2]);
+  else if (ue(t)) for (var r2 in t) e[r2] = le(e[r2], t[r2]);
   return e;
 }
 function pe(e, t) {
   Object.defineProperty(e, "toString", { value: t });
 }
-var de = function() {
+var de = (function() {
   function e(e2) {
     this.groupSizes = new Uint32Array(512), this.length = 512, this.tag = e2, this._cGroup = 0, this._cIndex = 0;
   }
   return e.prototype.indexOfGroup = function(e2) {
-    if (e2 === this._cGroup)
-      return this._cIndex;
+    if (e2 === this._cGroup) return this._cIndex;
     var t = this._cIndex;
-    if (e2 > this._cGroup)
-      for (var n = this._cGroup; n < e2; n++)
-        t += this.groupSizes[n];
-    else
-      for (n = this._cGroup - 1; n >= e2; n--)
-        t -= this.groupSizes[n];
+    if (e2 > this._cGroup) for (var n = this._cGroup; n < e2; n++) t += this.groupSizes[n];
+    else for (n = this._cGroup - 1; n >= e2; n--) t -= this.groupSizes[n];
     return this._cGroup = e2, this._cIndex = t, t;
   }, e.prototype.insertRules = function(e2, t) {
     if (e2 >= this.groupSizes.length) {
-      for (var n = this.groupSizes, r2 = n.length, o2 = r2; e2 >= o2; )
-        if ((o2 <<= 1) < 0)
-          throw g(16, "".concat(e2));
+      for (var n = this.groupSizes, r2 = n.length, o2 = r2; e2 >= o2; ) if ((o2 <<= 1) < 0) throw g(16, "".concat(e2));
       this.groupSizes = new Uint32Array(o2), this.groupSizes.set(n), this.length = o2;
-      for (var s = r2; s < o2; s++)
-        this.groupSizes[s] = 0;
+      for (var s = r2; s < o2; s++) this.groupSizes[s] = 0;
     }
-    for (var i = this.indexOfGroup(e2 + 1), a2 = 0, c2 = (s = 0, t.length); s < c2; s++)
-      this.tag.insertRule(i, t[s]) && (this.groupSizes[e2]++, i++, a2++);
+    for (var i = this.indexOfGroup(e2 + 1), a2 = 0, c2 = (s = 0, t.length); s < c2; s++) this.tag.insertRule(i, t[s]) && (this.groupSizes[e2]++, i++, a2++);
     a2 > 0 && this._cGroup > e2 && (this._cIndex += a2);
   }, e.prototype.clearGroup = function(e2) {
     if (e2 < this.length) {
       var t = this.groupSizes[e2], n = this.indexOfGroup(e2), r2 = n + t;
       this.groupSizes[e2] = 0;
-      for (var o2 = n; o2 < r2; o2++)
-        this.tag.deleteRule(n);
+      for (var o2 = n; o2 < r2; o2++) this.tag.deleteRule(n);
       t > 0 && this._cGroup > e2 && (this._cIndex -= t);
     }
   }, e.prototype.getGroup = function(e2) {
     var t = "";
-    if (e2 >= this.length || 0 === this.groupSizes[e2])
-      return t;
-    for (var n = this.groupSizes[e2], r2 = this.indexOfGroup(e2), o2 = r2 + n, s = r2; s < o2; s++)
-      t += this.tag.getRule(s) + p;
+    if (e2 >= this.length || 0 === this.groupSizes[e2]) return t;
+    for (var n = this.groupSizes[e2], r2 = this.indexOfGroup(e2), o2 = r2 + n, s = r2; s < o2; s++) t += this.tag.getRule(s) + p;
     return t;
   }, e;
-}();
+})();
 var he = "style[".concat(a, "][").concat(u, '="').concat(l, '"]');
 var fe = new RegExp("^".concat(a, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)'));
 var me = function(e) {
   return "undefined" != typeof ShadowRoot && e instanceof ShadowRoot || "host" in e && 11 === e.nodeType;
 };
 var ye = function(e) {
-  if (!e)
-    return document;
-  if (me(e))
-    return e;
+  if (!e) return document;
+  if (me(e)) return e;
   if ("getRootNode" in e) {
     var t = e.getRootNode();
-    if (me(t))
-      return t;
+    if (me(t)) return t;
   }
   return document;
 };
 var ve = function(e, t, n) {
-  for (var r2, o2 = n.split(","), s = 0, i = o2.length; s < i; s++)
-    (r2 = o2[s]) && e.registerName(t, r2);
+  for (var r2, o2 = n.split(","), s = 0, i = o2.length; s < i; s++) (r2 = o2[s]) && e.registerName(t, r2);
 };
 var ge = function(e, t) {
   for (var n, r2 = (null !== (n = t.textContent) && void 0 !== n ? n : "").split(p), o2 = [], s = 0, i = r2.length; s < i; s++) {
@@ -8204,8 +8228,7 @@ var ge = function(e, t) {
       if (c2) {
         var u2 = 0 | parseInt(c2[1], 10), l2 = c2[2];
         0 !== u2 && (E(l2, u2), ve(e, l2, c2[3]), e.getTag().insertRules(u2, o2)), o2.length = 0;
-      } else
-        o2.push(a2);
+      } else o2.push(a2);
     }
   }
 };
@@ -8219,27 +8242,25 @@ function we() {
   return "undefined" != typeof __webpack_nonce__ ? __webpack_nonce__ : null;
 }
 var be = function(e) {
-  var t = document.head, n = e || t, r2 = document.createElement("style"), o2 = function(e2) {
+  var t = document.head, n = e || t, r2 = document.createElement("style"), o2 = (function(e2) {
     var t2 = Array.from(e2.querySelectorAll("style[".concat(a, "]")));
     return t2[t2.length - 1];
-  }(n), s = void 0 !== o2 ? o2.nextSibling : null;
+  })(n), s = void 0 !== o2 ? o2.nextSibling : null;
   r2.setAttribute(a, c), r2.setAttribute(u, l);
   var i = we();
   return i && r2.setAttribute("nonce", i), n.insertBefore(r2, s), r2;
 };
-var Ne = function() {
+var Ne = (function() {
   function e(e2) {
-    this.element = be(e2), this.element.appendChild(document.createTextNode("")), this.sheet = function(e3) {
+    this.element = be(e2), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e3) {
       var t;
-      if (e3.sheet)
-        return e3.sheet;
+      if (e3.sheet) return e3.sheet;
       for (var n = null !== (t = e3.getRootNode().styleSheets) && void 0 !== t ? t : document.styleSheets, r2 = 0, o2 = n.length; r2 < o2; r2++) {
         var s = n[r2];
-        if (s.ownerNode === e3)
-          return s;
+        if (s.ownerNode === e3) return s;
       }
       throw g(17);
-    }(this.element), this.length = 0;
+    })(this.element), this.length = 0;
   }
   return e.prototype.insertRule = function(e2, t) {
     try {
@@ -8253,8 +8274,8 @@ var Ne = function() {
     var t = this.sheet.cssRules[e2];
     return t && t.cssText ? t.cssText : "";
   }, e;
-}();
-var Ce = function() {
+})();
+var Ce = (function() {
   function e(e2) {
     this.element = be(e2), this.nodes = this.element.childNodes, this.length = 0;
   }
@@ -8269,8 +8290,8 @@ var Ce = function() {
   }, e.prototype.getRule = function(e2) {
     return e2 < this.length ? this.nodes[e2].textContent : "";
   }, e;
-}();
-var Ee = function() {
+})();
+var Ee = (function() {
   function e(e2) {
     this.rules = [], this.length = 0;
   }
@@ -8281,35 +8302,31 @@ var Ee = function() {
   }, e.prototype.getRule = function(e2) {
     return e2 < this.length ? this.rules[e2] : "";
   }, e;
-}();
+})();
 var _e = d;
 var Ae = { isServer: !d, useCSSOMInjection: !f };
-var Ie = function() {
+var Ie = (function() {
   function e(e2, n, r2) {
     void 0 === e2 && (e2 = O), void 0 === n && (n = {});
     var o2 = this;
     this.options = __assign(__assign({}, Ae), e2), this.gs = n, this.names = new Map(r2), this.server = !!e2.isServer, !this.server && d && _e && (_e = false, Se(this)), pe(this, function() {
-      return function(e3) {
+      return (function(e3) {
         for (var t = e3.getTag(), n2 = t.length, r3 = "", o3 = function(n3) {
-          var o4 = function(e4) {
+          var o4 = (function(e4) {
             return b.get(e4);
-          }(n3);
-          if (void 0 === o4)
-            return "continue";
+          })(n3);
+          if (void 0 === o4) return "continue";
           var s2 = e3.names.get(o4);
-          if (void 0 === s2 || !s2.size)
-            return "continue";
+          if (void 0 === s2 || !s2.size) return "continue";
           var i = t.getGroup(n3);
-          if (0 === i.length)
-            return "continue";
+          if (0 === i.length) return "continue";
           var c2 = a + ".g" + n3 + '[id="' + o4 + '"]', u2 = "";
           s2.forEach(function(e4) {
             e4.length > 0 && (u2 += e4 + ",");
           }), r3 += i + c2 + '{content:"' + u2 + '"}' + p;
-        }, s = 0; s < n2; s++)
-          o3(s);
+        }, s = 0; s < n2; s++) o3(s);
         return r3;
-      }(o2);
+      })(o2);
     });
   }
   return e.registerId = function(e2) {
@@ -8323,10 +8340,10 @@ var Ie = function() {
   }, e.prototype.allocateGSInstance = function(e2) {
     return this.gs[e2] = (this.gs[e2] || 0) + 1;
   }, e.prototype.getTag = function() {
-    return this.tag || (this.tag = (e2 = function(e3) {
+    return this.tag || (this.tag = (e2 = (function(e3) {
       var t = e3.useCSSOMInjection, n = e3.target;
       return e3.isServer ? new Ee(n) : t ? new Ne(n) : new Ce(n);
-    }(this.options), new de(e2)));
+    })(this.options), new de(e2)));
     var e2;
   }, e.prototype.hasNameForId = function(e2, t) {
     var n, r2;
@@ -8344,7 +8361,7 @@ var Ie = function() {
   }, e.prototype.clearTag = function() {
     this.tag = void 0;
   }, e;
-}();
+})();
 function Pe(e, t) {
   return null == t || "boolean" == typeof t || "" === t ? "" : "number" != typeof t || 0 === t || e in unitlessKeys || e.startsWith("--") ? String(t).trim() : "".concat(t, "px");
 }
@@ -8354,13 +8371,12 @@ var Oe = function(e) {
 function De(e) {
   for (var t = "", n = 0; n < e.length; n++) {
     var r2 = e[n];
-    if (1 === n && "-" === r2 && "-" === e[0])
-      return e;
+    if (1 === n && "-" === r2 && "-" === e[0]) return e;
     Oe(r2) ? t += "-" + r2.toLowerCase() : t += r2;
   }
   return t.startsWith("ms-") ? "-" + t : t;
 }
-var Te = Symbol.for("sc-keyframes");
+var Te = /* @__PURE__ */ Symbol.for("sc-keyframes");
 function Re(e) {
   return "object" == typeof e && null !== e && Te in e;
 }
@@ -8376,63 +8392,51 @@ var je = function(t) {
   return n;
 };
 function ke(e, t, n, r2, o2) {
-  if (void 0 === o2 && (o2 = []), "string" == typeof e)
-    return e && o2.push(e), o2;
-  if (xe(e))
-    return o2;
-  if (ie(e))
-    return o2.push(".".concat(e.styledComponentId)), o2;
+  if (void 0 === o2 && (o2 = []), "string" == typeof e) return e && o2.push(e), o2;
+  if (xe(e)) return o2;
+  if (ie(e)) return o2.push(".".concat(e.styledComponentId)), o2;
   if (se(e)) {
-    if (!se(i = e) || i.prototype && i.prototype.isReactComponent || !t)
-      return o2.push(e), o2;
+    if (!se(i = e) || i.prototype && i.prototype.isReactComponent || !t) return o2.push(e), o2;
     var s = e(t);
     return "production" === process.env.NODE_ENV || "object" != typeof s || Array.isArray(s) || Re(s) || ue(s) || null === s || console.error("".concat(L(e), " is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")), ke(s, t, n, r2, o2);
   }
   var i;
-  if (Re(e))
-    return n ? (e.inject(n, r2), o2.push(e.getName(r2))) : o2.push(e), o2;
+  if (Re(e)) return n ? (e.inject(n, r2), o2.push(e.getName(r2))) : o2.push(e), o2;
   if (ue(e)) {
-    for (var a2 = je(e), c2 = 0; c2 < a2.length; c2++)
-      o2.push(a2[c2]);
+    for (var a2 = je(e), c2 = 0; c2 < a2.length; c2++) o2.push(a2[c2]);
     return o2;
   }
-  if (!Array.isArray(e))
-    return o2.push(e.toString()), o2;
-  for (c2 = 0; c2 < e.length; c2++)
-    ke(e[c2], t, n, r2, o2);
+  if (!Array.isArray(e)) return o2.push(e.toString()), o2;
+  for (c2 = 0; c2 < e.length; c2++) ke(e[c2], t, n, r2, o2);
   return o2;
 }
 function Me(e) {
   for (var t = 0; t < e.length; t += 1) {
     var n = e[t];
-    if (se(n) && !ie(n))
-      return false;
+    if (se(n) && !ie(n)) return false;
   }
   return true;
 }
 var Ve = z(l);
-var Fe = function() {
+var Fe = (function() {
   function e(e2, t, n) {
     this.rules = e2, this.staticRulesId = "", this.isStatic = "production" === process.env.NODE_ENV && (void 0 === n || n.isStatic) && Me(e2), this.componentId = t, this.baseHash = G(Ve, t), this.baseStyle = n, Ie.registerId(t);
   }
   return e.prototype.generateAndInjectStyles = function(e2, t, n) {
     var r2 = this.baseStyle ? this.baseStyle.generateAndInjectStyles(e2, t, n).className : "";
-    if (this.isStatic && !n.hash)
-      if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId))
-        r2 = ae(r2, this.staticRulesId);
-      else {
-        var o2 = ce(ke(this.rules, e2, t, n)), s = V(G(this.baseHash, o2) >>> 0);
-        if (!t.hasNameForId(this.componentId, s)) {
-          var i = n(o2, ".".concat(s), void 0, this.componentId);
-          t.insertRules(this.componentId, s, i);
-        }
-        r2 = ae(r2, s), this.staticRulesId = s;
+    if (this.isStatic && !n.hash) if (this.staticRulesId && t.hasNameForId(this.componentId, this.staticRulesId)) r2 = ae(r2, this.staticRulesId);
+    else {
+      var o2 = ce(ke(this.rules, e2, t, n)), s = V(G(this.baseHash, o2) >>> 0);
+      if (!t.hasNameForId(this.componentId, s)) {
+        var i = n(o2, ".".concat(s), void 0, this.componentId);
+        t.insertRules(this.componentId, s, i);
       }
+      r2 = ae(r2, s), this.staticRulesId = s;
+    }
     else {
       for (var a2 = G(this.baseHash, n.hash), c2 = "", u2 = 0; u2 < this.rules.length; u2++) {
         var l2 = this.rules[u2];
-        if ("string" == typeof l2)
-          c2 += l2, "production" !== process.env.NODE_ENV && (a2 = G(a2, l2));
+        if ("string" == typeof l2) c2 += l2, "production" !== process.env.NODE_ENV && (a2 = G(a2, l2));
         else if (l2) {
           var p2 = ce(ke(l2, e2, t, n));
           a2 = G(G(a2, String(u2)), p2), c2 += p2;
@@ -8449,29 +8453,22 @@ var Fe = function() {
     }
     return { className: r2, css: "undefined" == typeof window ? t.getTag().getGroup(C(this.componentId)) : "" };
   }, e;
-}();
+})();
 var Ge = /&/g;
 var ze = 47;
 var Be = 42;
 function Le(e) {
-  if (-1 === e.indexOf("}"))
-    return false;
+  if (-1 === e.indexOf("}")) return false;
   for (var t = e.length, n = 0, r2 = 0, o2 = false, s = 0; s < t; s++) {
     var i = e.charCodeAt(s);
-    if (0 !== r2 || o2 || i !== ze || e.charCodeAt(s + 1) !== Be)
-      if (o2)
-        i === Be && e.charCodeAt(s + 1) === ze && (o2 = false, s++);
-      else if (34 !== i && 39 !== i || 0 !== s && 92 === e.charCodeAt(s - 1)) {
-        if (0 === r2) {
-          if (123 === i)
-            n++;
-          else if (125 === i && --n < 0)
-            return true;
-        }
-      } else
-        0 === r2 ? r2 = i : r2 === i && (r2 = 0);
-    else
-      o2 = true, s++;
+    if (0 !== r2 || o2 || i !== ze || e.charCodeAt(s + 1) !== Be) if (o2) i === Be && e.charCodeAt(s + 1) === ze && (o2 = false, s++);
+    else if (34 !== i && 39 !== i || 0 !== s && 92 === e.charCodeAt(s - 1)) {
+      if (0 === r2) {
+        if (123 === i) n++;
+        else if (125 === i && --n < 0) return true;
+      }
+    } else 0 === r2 ? r2 = i : r2 === i && (r2 = 0);
+    else o2 = true, s++;
   }
   return 0 !== n || 0 !== r2;
 }
@@ -8493,72 +8490,52 @@ function Ye(e) {
     return d2.push(e2);
   }))), f2 = function(e2, o3, s2, c3) {
     void 0 === o3 && (o3 = ""), void 0 === s2 && (s2 = ""), void 0 === c3 && (c3 = "&"), t = c3, n = o3, r2 = void 0;
-    var u3 = function(e3) {
-      if (!Le(e3))
-        return e3;
+    var u3 = (function(e3) {
+      if (!Le(e3)) return e3;
       for (var t2 = e3.length, n2 = "", r3 = 0, o4 = 0, s3 = 0, i = false, a3 = 0; a3 < t2; a3++) {
         var c4 = e3.charCodeAt(a3);
-        if (0 !== s3 || i || c4 !== ze || e3.charCodeAt(a3 + 1) !== Be)
-          if (i)
-            c4 === Be && e3.charCodeAt(a3 + 1) === ze && (i = false, a3++);
-          else if (34 !== c4 && 39 !== c4 || 0 !== a3 && 92 === e3.charCodeAt(a3 - 1)) {
-            if (0 === s3)
-              if (123 === c4)
-                o4++;
-              else if (125 === c4) {
-                if (--o4 < 0) {
-                  for (var u4 = a3 + 1; u4 < t2; ) {
-                    var l4 = e3.charCodeAt(u4);
-                    if (59 === l4 || 10 === l4)
-                      break;
-                    u4++;
-                  }
-                  u4 < t2 && 59 === e3.charCodeAt(u4) && u4++, o4 = 0, a3 = u4 - 1, r3 = u4;
-                  continue;
-                }
-                0 === o4 && (n2 += e3.substring(r3, a3 + 1), r3 = a3 + 1);
-              } else
-                59 === c4 && 0 === o4 && (n2 += e3.substring(r3, a3 + 1), r3 = a3 + 1);
-          } else
-            0 === s3 ? s3 = c4 : s3 === c4 && (s3 = 0);
-        else
-          i = true, a3++;
+        if (0 !== s3 || i || c4 !== ze || e3.charCodeAt(a3 + 1) !== Be) if (i) c4 === Be && e3.charCodeAt(a3 + 1) === ze && (i = false, a3++);
+        else if (34 !== c4 && 39 !== c4 || 0 !== a3 && 92 === e3.charCodeAt(a3 - 1)) {
+          if (0 === s3) if (123 === c4) o4++;
+          else if (125 === c4) {
+            if (--o4 < 0) {
+              for (var u4 = a3 + 1; u4 < t2; ) {
+                var l4 = e3.charCodeAt(u4);
+                if (59 === l4 || 10 === l4) break;
+                u4++;
+              }
+              u4 < t2 && 59 === e3.charCodeAt(u4) && u4++, o4 = 0, a3 = u4 - 1, r3 = u4;
+              continue;
+            }
+            0 === o4 && (n2 += e3.substring(r3, a3 + 1), r3 = a3 + 1);
+          } else 59 === c4 && 0 === o4 && (n2 += e3.substring(r3, a3 + 1), r3 = a3 + 1);
+        } else 0 === s3 ? s3 = c4 : s3 === c4 && (s3 = 0);
+        else i = true, a3++;
       }
       if (r3 < t2) {
         var p3 = e3.substring(r3);
         Le(p3) || (n2 += p3);
       }
       return n2;
-    }(function(e3) {
-      if (-1 === e3.indexOf("//"))
-        return e3;
+    })((function(e3) {
+      if (-1 === e3.indexOf("//")) return e3;
       for (var t2 = e3.length, n2 = [], r3 = 0, o4 = 0, s3 = 0, i = 0; o4 < t2; ) {
         var a3 = e3.charCodeAt(o4);
-        if (34 !== a3 && 39 !== a3 || 0 !== o4 && 92 === e3.charCodeAt(o4 - 1))
-          if (0 === s3)
-            if (a3 === ze && o4 + 1 < t2 && e3.charCodeAt(o4 + 1) === Be) {
-              for (o4 += 2; o4 + 1 < t2 && (e3.charCodeAt(o4) !== Be || e3.charCodeAt(o4 + 1) !== ze); )
-                o4++;
-              o4 += 2;
-            } else if (40 === a3 && o4 >= 3 && 108 == (32 | e3.charCodeAt(o4 - 1)) && 114 == (32 | e3.charCodeAt(o4 - 2)) && 117 == (32 | e3.charCodeAt(o4 - 3)))
-              i = 1, o4++;
-            else if (i > 0)
-              41 === a3 ? i-- : 40 === a3 && i++, o4++;
-            else if (a3 === Be && o4 + 1 < t2 && e3.charCodeAt(o4 + 1) === ze)
-              o4 > r3 && n2.push(e3.substring(r3, o4)), r3 = o4 += 2;
-            else if (a3 === ze && o4 + 1 < t2 && e3.charCodeAt(o4 + 1) === ze) {
-              for (o4 > r3 && n2.push(e3.substring(r3, o4)); o4 < t2 && 10 !== e3.charCodeAt(o4); )
-                o4++;
-              r3 = o4;
-            } else
-              o4++;
-          else
-            o4++;
-        else
-          0 === s3 ? s3 = a3 : s3 === a3 && (s3 = 0), o4++;
+        if (34 !== a3 && 39 !== a3 || 0 !== o4 && 92 === e3.charCodeAt(o4 - 1)) if (0 === s3) if (a3 === ze && o4 + 1 < t2 && e3.charCodeAt(o4 + 1) === Be) {
+          for (o4 += 2; o4 + 1 < t2 && (e3.charCodeAt(o4) !== Be || e3.charCodeAt(o4 + 1) !== ze); ) o4++;
+          o4 += 2;
+        } else if (40 === a3 && o4 >= 3 && 108 == (32 | e3.charCodeAt(o4 - 1)) && 114 == (32 | e3.charCodeAt(o4 - 2)) && 117 == (32 | e3.charCodeAt(o4 - 3))) i = 1, o4++;
+        else if (i > 0) 41 === a3 ? i-- : 40 === a3 && i++, o4++;
+        else if (a3 === Be && o4 + 1 < t2 && e3.charCodeAt(o4 + 1) === ze) o4 > r3 && n2.push(e3.substring(r3, o4)), r3 = o4 += 2;
+        else if (a3 === ze && o4 + 1 < t2 && e3.charCodeAt(o4 + 1) === ze) {
+          for (o4 > r3 && n2.push(e3.substring(r3, o4)); o4 < t2 && 10 !== e3.charCodeAt(o4); ) o4++;
+          r3 = o4;
+        } else o4++;
+        else o4++;
+        else 0 === s3 ? s3 = a3 : s3 === a3 && (s3 = 0), o4++;
       }
       return 0 === r3 ? e3 : (r3 < t2 && n2.push(e3.substring(r3)), n2.join(""));
-    }(e2)), l3 = compile(s2 || o3 ? "".concat(s2, " ").concat(o3, " { ").concat(u3, " }") : u3);
+    })(e2)), l3 = compile(s2 || o3 ? "".concat(s2, " ").concat(o3, " { ").concat(u3, " }") : u3);
     return a2.namespace && (l3 = $e(l3, a2.namespace)), d2 = [], serialize(l3, h2), d2;
   };
   return f2.hash = u2.length ? u2.reduce(function(e2, t2) {
@@ -8583,8 +8560,7 @@ function Ze() {
   return h ? He : import_react.default.useContext(Ue);
 }
 function Ke(e) {
-  if (h || !import_react.default.useMemo)
-    return e.children;
+  if (h || !import_react.default.useMemo) return e.children;
   var t = Ze().styleSheet, n = import_react.default.useMemo(function() {
     var n2 = t;
     return e.sheet ? n2 = e.sheet : e.target && (n2 = n2.reconstructWithOptions({ target: e.target }, false)), e.disableCSSOMInjection && (n2 = n2.reconstructWithOptions({ useCSSOMInjection: false })), n2;
@@ -8604,14 +8580,14 @@ var et = Qe.Consumer;
 var rt = {};
 var ot = /* @__PURE__ */ new Set();
 function st(s, i, a2) {
-  var c2 = ie(s), u2 = s, p2 = !$(s), d2 = i.attrs, f2 = void 0 === d2 ? P : d2, m = i.componentId, y2 = void 0 === m ? function(e, t) {
+  var c2 = ie(s), u2 = s, p2 = !$(s), d2 = i.attrs, f2 = void 0 === d2 ? P : d2, m = i.componentId, y2 = void 0 === m ? (function(e, t) {
     var n = "string" != typeof e ? "sc" : j(e);
     rt[n] = (rt[n] || 0) + 1;
     var r2 = "".concat(n, "-").concat(B(l + n + rt[n]));
     return t ? "".concat(t, "-").concat(r2) : r2;
-  }(i.displayName, i.parentComponentId) : m, v2 = i.displayName, g2 = void 0 === v2 ? function(e) {
+  })(i.displayName, i.parentComponentId) : m, v2 = i.displayName, g2 = void 0 === v2 ? (function(e) {
     return $(e) ? "styled.".concat(e) : "Styled(".concat(L(e), ")");
-  }(s) : v2, S2 = i.displayName && i.componentId ? "".concat(j(i.displayName), "-").concat(i.componentId) : i.componentId || y2, w2 = c2 && u2.attrs ? u2.attrs.concat(f2).filter(Boolean) : f2, b2 = i.shouldForwardProp;
+  })(s) : v2, S2 = i.displayName && i.componentId ? "".concat(j(i.displayName), "-").concat(i.componentId) : i.componentId || y2, w2 = c2 && u2.attrs ? u2.attrs.concat(f2).filter(Boolean) : f2, b2 = i.shouldForwardProp;
   if (c2 && u2.shouldForwardProp) {
     var N2 = u2.shouldForwardProp;
     if (i.shouldForwardProp) {
@@ -8619,28 +8595,25 @@ function st(s, i, a2) {
       b2 = function(e, t) {
         return N2(e, t) && E2(e, t);
       };
-    } else
-      b2 = N2;
+    } else b2 = N2;
   }
   var _3 = new Fe(a2, S2, c2 ? u2.componentStyle : void 0);
   function A2(s2, i2) {
-    return function(s3, i3, a3) {
+    return (function(s3, i3, a3) {
       var c3 = s3.attrs, u3 = s3.componentStyle, l2 = s3.defaultProps, p3 = s3.foldedComponentIds, d3 = s3.styledComponentId, f3 = s3.target, m2 = h ? void 0 : import_react.default.useContext(Qe), y3 = Ze(), v3 = s3.shouldForwardProp || y3.shouldForwardProp;
       "production" !== process.env.NODE_ENV && import_react.default.useDebugValue && import_react.default.useDebugValue(d3);
-      var g3 = D(i3, m2, l2) || (h ? void 0 : O), S3 = function(e, n, r2) {
+      var g3 = D(i3, m2, l2) || (h ? void 0 : O), S3 = (function(e, n, r2) {
         for (var o2, s4 = __assign(__assign({}, n), { className: void 0, theme: r2 }), i4 = 0; i4 < e.length; i4 += 1) {
           var a4 = se(o2 = e[i4]) ? o2(s4) : o2;
-          for (var c4 in a4)
-            "className" === c4 ? s4.className = ae(s4.className, a4[c4]) : "style" === c4 ? s4.style = __assign(__assign({}, s4.style), a4[c4]) : c4 in n && void 0 === n[c4] || (s4[c4] = a4[c4]);
+          for (var c4 in a4) "className" === c4 ? s4.className = ae(s4.className, a4[c4]) : "style" === c4 ? s4.style = __assign(__assign({}, s4.style), a4[c4]) : c4 in n && void 0 === n[c4] || (s4[c4] = a4[c4]);
         }
         return "className" in n && "string" == typeof n.className && (s4.className = ae(s4.className, n.className)), s4;
-      }(c3, i3, g3), w3 = S3.as || f3, b3 = {};
-      for (var N3 in S3)
-        void 0 === S3[N3] || "$" === N3[0] || "as" === N3 || "theme" === N3 && S3.theme === g3 || ("forwardedAs" === N3 ? b3.as = S3.forwardedAs : v3 && !v3(N3, w3) || (b3[N3] = S3[N3], v3 || "development" !== process.env.NODE_ENV || isPropValid(N3) || ot.has(N3) || !T.has(w3) || (ot.add(N3), console.warn('styled-components: it looks like an unknown prop "'.concat(N3, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
-      var E3 = function(e, t) {
+      })(c3, i3, g3), w3 = S3.as || f3, b3 = {};
+      for (var N3 in S3) void 0 === S3[N3] || "$" === N3[0] || "as" === N3 || "theme" === N3 && S3.theme === g3 || ("forwardedAs" === N3 ? b3.as = S3.forwardedAs : v3 && !v3(N3, w3) || (b3[N3] = S3[N3], v3 || "development" !== process.env.NODE_ENV || isPropValid(N3) || ot.has(N3) || !T.has(w3) || (ot.add(N3), console.warn('styled-components: it looks like an unknown prop "'.concat(N3, '" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));
+      var E3 = (function(e, t) {
         var n = Ze(), o2 = e.generateAndInjectStyles(t, n.styleSheet, n.stylis);
         return "production" !== process.env.NODE_ENV && import_react.default.useDebugValue && import_react.default.useDebugValue(o2.className), o2;
-      }(u3, S3), _4 = E3.className;
+      })(u3, S3), _4 = E3.className;
       "production" !== process.env.NODE_ENV && s3.warnTooManyClasses && s3.warnTooManyClasses(_4);
       var A3 = ae(p3, d3);
       _4 && (A3 += " " + _4), S3.className && (A3 += " " + S3.className), b3[$(w3) && !T.has(w3) ? "class" : "className"] = A3, a3 && (b3.ref = a3);
@@ -8655,27 +8628,23 @@ function st(s, i, a2) {
             }), P4.push(import_react.default.createElement("style", { key: "sc-".concat(R3.componentId), precedence: "styled-components", href: "sc-".concat(R3.componentId, "-").concat(t), children: e }));
           }
           R3 = R3.baseStyle;
-        }; R3; )
-          x2();
-        if (P4.length)
-          return P4.reverse(), import_react.default.createElement.apply(import_react.default, __spreadArray(__spreadArray([import_react.default.Fragment, null], P4, false), [I2], false));
+        }; R3; ) x2();
+        if (P4.length) return P4.reverse(), import_react.default.createElement.apply(import_react.default, __spreadArray(__spreadArray([import_react.default.Fragment, null], P4, false), [I2], false));
       }
       return I2;
-    }(R2, s2, i2);
+    })(R2, s2, i2);
   }
   A2.displayName = g2;
   var R2 = import_react.default.forwardRef(A2);
   return R2.attrs = w2, R2.componentStyle = _3, R2.displayName = g2, R2.shouldForwardProp = b2, R2.foldedComponentIds = c2 ? ae(u2.foldedComponentIds, u2.styledComponentId) : "", R2.styledComponentId = S2, R2.target = c2 ? u2.target : s, Object.defineProperty(R2, "defaultProps", { get: function() {
     return this._foldedDefaultProps;
   }, set: function(e) {
-    this._foldedDefaultProps = c2 ? function(e2) {
-      for (var t = [], n = 1; n < arguments.length; n++)
-        t[n - 1] = arguments[n];
-      for (var r2 = 0, o2 = t; r2 < o2.length; r2++)
-        le(e2, o2[r2], true);
+    this._foldedDefaultProps = c2 ? (function(e2) {
+      for (var t = [], n = 1; n < arguments.length; n++) t[n - 1] = arguments[n];
+      for (var r2 = 0, o2 = t; r2 < o2.length; r2++) le(e2, o2[r2], true);
       return e2;
-    }({}, u2.defaultProps, e) : e;
-  } }), "production" !== process.env.NODE_ENV && (I(g2, S2), R2.warnTooManyClasses = function(e, t) {
+    })({}, u2.defaultProps, e) : e;
+  } }), "production" !== process.env.NODE_ENV && (I(g2, S2), R2.warnTooManyClasses = /* @__PURE__ */ (function(e, t) {
     var n = {}, r2 = false;
     return function(o2) {
       if (!r2 && (n[o2] = true, Object.keys(n).length >= 200)) {
@@ -8683,32 +8652,27 @@ function st(s, i, a2) {
         console.warn("Over ".concat(200, " classes were generated for component ").concat(e).concat(s2, ".\n") + "Consider using the attrs method, together with a style object for frequently changed styles.\nExample:\n  const Component = styled.div.attrs(props => ({\n    style: {\n      background: props.background,\n    },\n  }))`width: 100%;`\n\n  <Component />"), r2 = true, n = {};
       }
     };
-  }(g2, S2)), pe(R2, function() {
+  })(g2, S2)), pe(R2, function() {
     return ".".concat(R2.styledComponentId);
   }), p2 && oe(R2, s, { attrs: true, componentStyle: true, displayName: true, foldedComponentIds: true, shouldForwardProp: true, styledComponentId: true, target: true }), R2;
 }
 function it(e, t) {
-  for (var n = [e[0]], r2 = 0, o2 = t.length; r2 < o2; r2 += 1)
-    n.push(t[r2], e[r2 + 1]);
+  for (var n = [e[0]], r2 = 0, o2 = t.length; r2 < o2; r2 += 1) n.push(t[r2], e[r2 + 1]);
   return n;
 }
 var at = function(e) {
   return Object.assign(e, { isCss: true });
 };
 function ct(t) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++)
-    n[r2 - 1] = arguments[r2];
-  if (se(t) || ue(t))
-    return at(ke(it(P, __spreadArray([t], n, true))));
+  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
+  if (se(t) || ue(t)) return at(ke(it(P, __spreadArray([t], n, true))));
   var o2 = t;
   return 0 === n.length && 1 === o2.length && "string" == typeof o2[0] ? ke(o2) : at(ke(it(o2, n)));
 }
 function ut(n, r2, o2) {
-  if (void 0 === o2 && (o2 = O), !r2)
-    throw g(1, r2);
+  if (void 0 === o2 && (o2 = O), !r2) throw g(1, r2);
   var s = function(t) {
-    for (var s2 = [], i = 1; i < arguments.length; i++)
-      s2[i - 1] = arguments[i];
+    for (var s2 = [], i = 1; i < arguments.length; i++) s2[i - 1] = arguments[i];
     return n(r2, o2, ct.apply(void 0, __spreadArray([t], s2, false)));
   };
   return s.attrs = function(e) {
@@ -8725,7 +8689,7 @@ T.forEach(function(e) {
   pt[e] = lt(e);
 });
 var dt;
-var ht = function() {
+var ht = (function() {
   function e(e2, t) {
     this.rules = e2, this.componentId = t, this.isStatic = Me(e2), Ie.registerId(this.componentId + 1);
   }
@@ -8739,8 +8703,8 @@ var ht = function() {
     var o2 = this.componentId + e2;
     this.isStatic ? n.hasNameForId(o2, o2) || this.createStyles(e2, t, n, r2) : (this.removeStyles(e2, n), this.createStyles(e2, t, n, r2));
   }, e;
-}();
-var mt = function() {
+})();
+var mt = (function() {
   function e(e2, t) {
     var n = this;
     this[dt] = true, this.inject = function(e3, t2) {
@@ -8754,29 +8718,25 @@ var mt = function() {
   return e.prototype.getName = function(e2) {
     return void 0 === e2 && (e2 = qe), this.name + e2.hash;
   }, e;
-}();
+})();
 dt = Te;
 var gt = /^\s*<\/[a-z]/i;
-var St = function() {
+var St = (function() {
   function e() {
     var e2 = this;
     this._emitSheetCSS = function() {
       var t = e2.instance.toString();
-      if (!t)
-        return "";
+      if (!t) return "";
       var n = we(), r2 = ce([n && 'nonce="'.concat(n, '"'), "".concat(a, '="true"'), "".concat(u, '="').concat(l, '"')].filter(Boolean), " ");
       return "<style ".concat(r2, ">").concat(t, "</style>");
     }, this.getStyleTags = function() {
-      if (e2.sealed)
-        throw g(2);
+      if (e2.sealed) throw g(2);
       return e2._emitSheetCSS();
     }, this.getStyleElement = function() {
       var n;
-      if (e2.sealed)
-        throw g(2);
+      if (e2.sealed) throw g(2);
       var o2 = e2.instance.toString();
-      if (!o2)
-        return [];
+      if (!o2) return [];
       var s = ((n = {})[a] = "", n[u] = l, n.dangerouslySetInnerHTML = { __html: o2 }, n), i = we();
       return i && (s.nonce = i), [import_react.default.createElement("style", __assign({}, s, { key: "sc-0-0" }))];
     }, this.seal = function() {
@@ -8784,20 +8744,17 @@ var St = function() {
     }, this.instance = new Ie({ isServer: true }), this.sealed = false;
   }
   return e.prototype.collectStyles = function(e2) {
-    if (this.sealed)
-      throw g(2);
+    if (this.sealed) throw g(2);
     return import_react.default.createElement(Ke, { sheet: this.instance }, e2);
   }, e.prototype.interleaveWithNodeStream = function(e2) {
-    if (this.sealed)
-      throw g(2);
+    if (this.sealed) throw g(2);
     this.seal();
     var t = require("stream").Transform, n = this.instance, r2 = this._emitSheetCSS, o2 = new t({ transform: function(e3, t2, o3) {
       var s2 = e3.toString(), i = r2();
       if (n.clearTag(), gt.test(s2)) {
         var a2 = s2.indexOf(">") + 1, c2 = s2.slice(0, a2), u2 = s2.slice(a2);
         this.push(c2 + i + u2);
-      } else
-        this.push(i + s2);
+      } else this.push(i + s2);
       o3();
     } });
     if ("on" in e2 && "function" == typeof e2.on && "pipe" in e2) {
@@ -8806,11 +8763,10 @@ var St = function() {
         o2.emit("error", e3);
       }), s.pipe(o2);
     }
-    if ("pipe" in e2 && "function" == typeof e2.pipe)
-      return e2.pipe(o2);
+    if ("pipe" in e2 && "function" == typeof e2.pipe) return e2.pipe(o2);
     throw new Error("Unsupported stream type");
   }, e;
-}();
+})();
 "production" !== process.env.NODE_ENV && "undefined" != typeof navigator && "ReactNative" === navigator.product && console.warn("It looks like you've imported 'styled-components' on React Native.\nPerhaps you're looking to import 'styled-components/native'?\nRead more about this at https://www.styled-components.com/docs/basics#react-native");
 var bt = "__sc-".concat(a, "__");
 "production" !== process.env.NODE_ENV && "test" !== process.env.NODE_ENV && "undefined" != typeof window && (window[bt] || (window[bt] = 0), 1 === window[bt] && console.warn("It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\n\nSee https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info."), window[bt] += 1);
@@ -9113,8 +9069,7 @@ var useApiRequest = (props, method, mutationKey) => {
         }
       }
       queryClient2.setQueryData(queryKey, (oldData) => {
-        if (!oldData)
-          return [savedView];
+        if (!oldData) return [savedView];
         return oldData.map(
           (item) => item.share_token === savedView.share_token ? savedView : item
         );
@@ -9233,12 +9188,9 @@ function setSmartGridConfig(api, config) {
 
 // src/components/saved-views/SavedViewsUtils.ts
 var customAndConfigSync = (viewTableConfig, defaultTableConfig) => {
-  if (!viewTableConfig && !defaultTableConfig)
-    return void 0;
-  if (!viewTableConfig?.columnState)
-    return defaultTableConfig;
-  if (!defaultTableConfig?.columnState)
-    return viewTableConfig;
+  if (!viewTableConfig && !defaultTableConfig) return void 0;
+  if (!viewTableConfig?.columnState) return defaultTableConfig;
+  if (!defaultTableConfig?.columnState) return viewTableConfig;
   const viewColumns = viewTableConfig.columnState;
   const defaultViewColumns = defaultTableConfig.columnState;
   if (!Array.isArray(viewColumns) || !Array.isArray(defaultViewColumns))
@@ -9292,8 +9244,7 @@ var updateTableConfig = (view, tableApi, provider) => {
 
 // src/components/panels/PanelContentUtils.ts
 var getOrderedVisibleColumns = (columns, idKey) => {
-  if (!columns)
-    return [];
+  if (!columns) return [];
   const isConfigSchema = idKey === "field";
   const isHidden = (col) => {
     if (isConfigSchema) {
@@ -9352,8 +9303,7 @@ var cleanObject = (table_config, provider) => {
     };
   } else {
     const dataTableConfig = table_config;
-    if (!dataTableConfig?.serverFilters)
-      return table_config;
+    if (!dataTableConfig?.serverFilters) return table_config;
     const orderedColumns = getOrderedVisibleColumns(
       dataTableConfig.columnState,
       "field"
@@ -9370,8 +9320,7 @@ var cleanObject = (table_config, provider) => {
   }
 };
 var normalizeForComparison = (config) => {
-  if (!config?.columnState)
-    return config;
+  if (!config?.columnState) return config;
   return {
     ...config,
     columnState: config.columnState.map((col) => {
@@ -9383,8 +9332,7 @@ var normalizeForComparison = (config) => {
   };
 };
 var isEqual = (viewTableConfig, tableConfig, defaultViewConfig, provider) => {
-  if (!viewTableConfig || !tableConfig)
-    return false;
+  if (!viewTableConfig || !tableConfig) return false;
   const syncedViewTableConfig = customAndConfigSync(
     viewTableConfig,
     defaultViewConfig
@@ -9469,7 +9417,7 @@ var useScrollToRef = (dependency) => {
   const ref = (0, import_react8.useRef)(null);
   (0, import_react8.useEffect)(() => {
     if (ref.current) {
-      ref.current.scrollIntoView({ behavior: "smooth" });
+      ref.current.scrollIntoView({ behavior: "smooth", block: "nearest" });
     }
   }, [dependency]);
   return ref;
@@ -9696,16 +9644,14 @@ var getViewLevelOptions = (permissions, i18n, isProjectLevelTool = true) => {
   if (isProjectLevelTool && permissions?.can_create_project_saved_views) {
     options.push("project");
   }
-  if (permissions?.can_create_company_saved_views)
-    options.push("company");
+  if (permissions?.can_create_company_saved_views) options.push("company");
   return options.map((option) => ({
     label: i18n.t(`savedViews.modal.fields.viewLevels.${option}`),
     id: option
   }));
 };
 function extractMessage(error, I18n) {
-  if (!error)
-    return void 0;
+  if (!error) return void 0;
   const { message } = error;
   if (message === null || message === void 0) {
     return { form: I18n.t("savedViews.modal.errors.unknown") };
@@ -10110,11 +10056,9 @@ var ViewStorage = {
   load(key, defaultView) {
     try {
       const stored = localStorage.getItem(key);
-      if (!stored)
-        return defaultView;
+      if (!stored) return defaultView;
       const parsed = JSON.parse(stored);
-      if (!parsed)
-        return defaultView;
+      if (!parsed) return defaultView;
       const isTableConfigOnly = !parsed.id && !parsed.share_token;
       return isTableConfigOnly ? { ...defaultView, table_config: parsed } : parsed;
     } catch {
@@ -10127,6 +10071,15 @@ var ViewStorage = {
 };
 
 // src/utils/hooks/useViewSelection.ts
+var isSmartGridConfig = (config) => {
+  return config != null && "rowGroupState" in config;
+};
+var areRowGroupStatesEqual = (a2, b2) => {
+  if (!a2 && !b2) return true;
+  if (!a2 || !b2) return false;
+  if (a2.length !== b2.length) return false;
+  return a2.every((val, idx) => val === b2[idx]);
+};
 var getUpdatedSearchParams = (currentParams, view) => {
   const updatedParams = new URLSearchParams(currentParams);
   if (view.id === "default") {
@@ -10162,7 +10115,7 @@ var restoreUrlParameter = (currentParam, previousParam, setSearchParams) => {
     );
   }
 };
-var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) => {
+var useViewSelection = (config, savedViews, presetViews, openSharedViewModal, tableConfig) => {
   const I18n = (0, import_core_react14.useI18nContext)();
   const projectIdSegment = config.projectId ?? "company";
   const storageKey = `savedView_${config.domain}_${config.tableName}_${config.companyId}_${projectIdSegment}_${config.userId}`;
@@ -10253,6 +10206,42 @@ var useViewSelection = (config, savedViews, presetViews, openSharedViewModal) =>
       handleSavedViewFromUrl(savedViewId);
     }
   }, [searchParams, handleSavedViewFromUrl, allViews.length]);
+  const previousRowGroupStateRef = (0, import_react12.useRef)(
+    isSmartGridConfig(tableConfig) ? tableConfig.rowGroupState : void 0
+  );
+  const selectedViewRef = (0, import_react12.useRef)(selectedSavedView);
+  selectedViewRef.current = selectedSavedView;
+  const defaultViewRef = (0, import_react12.useRef)(config.defaultView);
+  defaultViewRef.current = config.defaultView;
+  (0, import_react12.useEffect)(() => {
+    if (!isSmartGridConfig(tableConfig) || !presetViews?.length) return;
+    const currentView = selectedViewRef.current;
+    const isPresetSelected = !currentView || currentView.view_level === "default";
+    if (!isPresetSelected) return;
+    const currentRowGroupState = tableConfig.rowGroupState;
+    if (!currentRowGroupState) return;
+    if (areRowGroupStatesEqual(
+      previousRowGroupStateRef.current,
+      currentRowGroupState
+    )) {
+      return;
+    }
+    previousRowGroupStateRef.current = currentRowGroupState;
+    const matchingPreset = presetViews.find((preset) => {
+      const presetConfig = isSmartGridConfig(preset.table_config) ? preset.table_config : void 0;
+      return areRowGroupStatesEqual(
+        presetConfig?.rowGroupState,
+        currentRowGroupState
+      );
+    });
+    if (matchingPreset && matchingPreset.id !== selectedViewRef.current?.id) {
+      setSelectedSavedView(matchingPreset);
+      persistViewToStorageAndUrl(matchingPreset);
+    } else if (!matchingPreset && currentView?.id !== defaultViewRef.current.id) {
+      setSelectedSavedView(defaultViewRef.current);
+      persistViewToStorageAndUrl(defaultViewRef.current);
+    }
+  }, [tableConfig, presetViews, persistViewToStorageAndUrl]);
   return {
     selectedView: selectedSavedView,
     selectView,
@@ -10312,7 +10301,8 @@ var SavedViewsContent = (props) => {
     },
     savedViews,
     props.presetViews,
-    openSharedViewModal
+    openSharedViewModal,
+    props.tableConfig
   );
   const { data: fetchedView, isError: fetchError } = useFetchSavedViewById(
     modalData?.viewId ?? null,
@@ -10488,8 +10478,7 @@ var DEFAULT_COLUMN_STATE = {
 var getColumnStateFromDefs = (columnDefs) => {
   return columnDefs.map((colDef) => {
     const field = colDef.field ?? colDef.colId;
-    if (!field)
-      return null;
+    if (!field) return null;
     return {
       colId: field,
       hide: colDef.hide ?? false,
@@ -10551,8 +10540,7 @@ var useSmartGridConfig = (gridApi) => {
     () => getSmartGridConfig(gridApi)
   );
   (0, import_react15.useEffect)(() => {
-    if (!gridApi)
-      return;
+    if (!gridApi) return;
     const updateConfig = () => {
       setConfig(getSmartGridConfig(gridApi));
     };
@@ -10576,8 +10564,7 @@ var SmartGridSavedViews = (props) => {
   const defaultView = presetViews.find((view) => view.id === "default") ?? presetViews[0];
   const onSelect = (0, import_react16.useCallback)(
     ({ item }) => {
-      if (!gridApi)
-        return item;
+      if (!gridApi) return item;
       const isPresetView = item.view_level === "default";
       if (isPresetView) {
         updateTableConfig(item, gridApi, "smart-grid");