sanity-plugin-seofields 1.2.4 → 1.2.6

package/dist/index.mjs

@@ -1,3292 +0,0 @@
-import r, { createElement, useState, useCallback, useEffect, useMemo } from "react";
-import { useClient, useWorkspace, useFormValue, defineType, defineField, definePlugin } from "sanity";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useIntentLink } from "sanity/router";
-import { usePaneRouter } from "sanity/structure";
-import { Stack, Text, Box } from "@sanity/ui";
-var __assign = function() {
-  return __assign = Object.assign || function(t) {
-    for (var s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
-      for (var p2 in s) Object.prototype.hasOwnProperty.call(s, p2) && (t[p2] = s[p2]);
-    }
-    return t;
-  }, __assign.apply(this, arguments);
-};
-function __spreadArray(to, from2, pack) {
-  if (pack || arguments.length === 2) for (var i = 0, l2 = from2.length, ar; i < l2; i++)
-    (ar || !(i in from2)) && (ar || (ar = Array.prototype.slice.call(from2, 0, i)), ar[i] = from2[i]);
-  return to.concat(ar || Array.prototype.slice.call(from2));
-}
-function memoize(fn) {
-  var cache = /* @__PURE__ */ Object.create(null);
-  return function(arg) {
-    return cache[arg] === void 0 && (cache[arg] = fn(arg)), cache[arg];
-  };
-}
-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)-.*))$/, isPropValid = /* @__PURE__ */ memoize(
-  function(prop) {
-    return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
-  }
-  /* Z+1 */
-), MS = "-ms-", MOZ = "-moz-", WEBKIT = "-webkit-", COMMENT = "comm", RULESET = "rule", DECLARATION = "decl", IMPORT = "@import", NAMESPACE = "@namespace", KEYFRAMES = "@keyframes", LAYER = "@layer", abs = Math.abs, from = String.fromCharCode, 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, position2) {
-  return value.indexOf(search, position2);
-}
-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("");
-}
-function filter(array, pattern) {
-  return array.filter(function(value) {
-    return !match(value, pattern);
-  });
-}
-var line = 1, column = 1, length = 0, position = 0, character = 0, characters = "";
-function node(value, root, parent, type, props, children, length2, siblings) {
-  return { value, root, parent, type, props, children, line, column, length: length2, return: "", siblings };
-}
-function copy(root, props) {
-  return assign(node("", null, null, "", null, null, 0, root.siblings), root, { length: -root.length }, props);
-}
-function lift(root) {
-  for (; root.root; )
-    root = copy(root.root, { children: [root] });
-  append(root, root.siblings);
-}
-function char() {
-  return character;
-}
-function prev() {
-  return character = position > 0 ? charat(characters, --position) : 0, column--, character === 10 && (column = 1, line--), character;
-}
-function next() {
-  return character = position < length ? charat(characters, position++) : 0, column++, character === 10 && (column = 1, line++), 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) {
-  for (; (character = peek()) && character < 33; )
-    next();
-  return token(type) > 2 || token(character) > 3 ? "" : " ";
-}
-function escaping(index, count) {
-  for (; --count && next() && !(character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97); )
-    ;
-  return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
-}
-function delimiter(type) {
-  for (; next(); )
-    switch (character) {
-      // ] ) " '
-      case type:
-        return position;
-      // " '
-      case 34:
-      case 39:
-        type !== 34 && type !== 39 && delimiter(character);
-        break;
-      // (
-      case 40:
-        type === 41 && delimiter(type);
-        break;
-      // \
-      case 92:
-        next();
-        break;
-    }
-  return position;
-}
-function commenter(type, index) {
-  for (; next() && type + character !== 57; )
-    if (type + character === 84 && peek() === 47)
-      break;
-  return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
-}
-function identifier(index) {
-  for (; !token(peek()); )
-    next();
-  return slice(index, position);
-}
-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) {
-  for (var index = 0, offset = 0, length2 = pseudo, atrule = 0, property = 0, previous = 0, variable = 1, scanning = 1, ampersand = 1, character2 = 0, type = "", props = rules, children = rulesets, reference = rule, characters2 = type; scanning; )
-    switch (previous = character2, character2 = next()) {
-      // (
-      case 40:
-        if (previous != 108 && charat(characters2, length2 - 1) == 58) {
-          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), (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:
-            ampersand == -1 && (characters2 = replace(characters2, /\f/g, "")), 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:
-            if (append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2, rulesets), rulesets), character2 === 123)
-              if (offset === 0)
-                parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
-              else {
-                switch (atrule) {
-                  // c(ontainer)
-                  case 99:
-                    if (charat(characters2, 3) === 110) break;
-                  // l(ayer)
-                  case 108:
-                    if (charat(characters2, 2) === 97) break;
-                  default:
-                    offset = 0;
-                  // d(ocument) m(edia) s(upports)
-                  case 100:
-                  case 109:
-                  case 115:
-                }
-                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) : 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:
-            peek() === 45 && (characters2 += delimit(next())), atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
-            break;
-          // -
-          case 45:
-            previous === 45 && strlen(characters2) == 2 && (variable = 0);
-        }
-    }
-  return rulesets;
-}
-function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2, siblings) {
-  for (var post = offset - 1, rule = offset === 0 ? rules : [""], size = sizeof(rule), i = 0, j2 = 0, k2 = 0; i < index; ++i)
-    for (var x2 = 0, y2 = substr(value, post + 1, post = abs(j2 = points[i])), z2 = value; x2 < size; ++x2)
-      (z2 = trim(j2 > 0 ? rule[x2] + " " + y2 : replace(y2, /&\f/g, rule[x2]))) && (props[k2++] = z2);
-  return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2, siblings);
-}
-function comment(value, root, parent, siblings) {
-  return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings);
-}
-function declaration(value, root, parent, length2, siblings) {
-  return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2, siblings);
-}
-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:
-    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:
-    // 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;
-      break;
-    // grid-template-(columns|rows)
-    case 2592:
-    case 3360:
-      return MS + replace(value, "template-", "") + value;
-    // grid-(row|column)-start
-    case 4384:
-    case 3616:
-      return children && children.some(function(element, index) {
-        return length2 = index, match(element.props, /grid-\w+-end/);
-      }) ? ~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+/)) + ";" : 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:
-    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", 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(_2, 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:
-    case 3927:
-    case 2391:
-      return replace(value, "scroll-", "scroll-snap-") + value;
-  }
-  return value;
-}
-function serialize(children, callback) {
-  for (var output = "", i = 0; i < children.length; 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 NAMESPACE:
-    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:
-      if (!strlen(element.value = element.props.join(","))) return "";
-  }
-  return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
-}
-function middleware(collection) {
-  var length2 = sizeof(collection);
-  return function(element, index, children, callback) {
-    for (var output = "", i = 0; i < length2; i++)
-      output += collection[i](element, index, children, callback) || "";
-    return output;
-  };
-}
-function rulesheet(callback) {
-  return function(element) {
-    element.root || (element = element.return) && callback(element);
-  };
-}
-function prefixer(element, index, children, callback) {
-  if (element.length > -1 && !element.return)
-    switch (element.type) {
-      case DECLARATION:
-        element.return = prefix(element.value, element.length, children);
-        return;
-      case KEYFRAMES:
-        return serialize([copy(element, { value: replace(element.value, "@", "@" + WEBKIT) })], callback);
-      case RULESET:
-        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")] })), lift(copy(element, { props: [replace(value, /:(plac\w+)/, MS + "input-$1")] })), lift(copy(element, { props: [value] })), assign(element, { props: filter(children, callback) });
-                break;
-            }
-            return "";
-          });
-    }
-}
-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
-}, a = typeof process < "u" && process.env !== void 0 && (process.env.REACT_APP_SC_ATTR || process.env.SC_ATTR) || "data-styled", c = "active", u = "data-styled-version", l = "6.3.11", p = `/*!sc*/
-`, d = typeof window < "u" && typeof document < "u", h = r.createContext === void 0, f = !!(typeof SC_DISABLE_SPEEDY == "boolean" ? SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== void 0 && process.env.REACT_APP_SC_DISABLE_SPEEDY !== "" ? process.env.REACT_APP_SC_DISABLE_SPEEDY !== "false" && process.env.REACT_APP_SC_DISABLE_SPEEDY : typeof process < "u" && process.env !== void 0 && process.env.SC_DISABLE_SPEEDY !== void 0 && process.env.SC_DISABLE_SPEEDY !== "" ? process.env.SC_DISABLE_SPEEDY !== "false" && process.env.SC_DISABLE_SPEEDY : process.env.NODE_ENV !== "production"), y = process.env.NODE_ENV !== "production" ? { 1: `Cannot create styled-component for component: %s.
-
-`, 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.
-
-- Are you trying to reuse it across renders?
-- Are you accidentally calling collectStyles twice?
-
-`, 3: `Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
-
-`, 4: `The \`StyleSheetManager\` expects a valid target or sheet prop!
-
-- Does this error occur on the client and is your target falsy?
-- Does this error occur on the server and is the sheet falsy?
-
-`, 5: `The clone method cannot be used on the client!
-
-- Are you running in a client-like environment on the server?
-- Are you trying to run SSR on the client?
-
-`, 6: `Trying to insert a new style tag, but the given Node is unmounted!
-
-- Are you using a custom target that isn't mounted?
-- Does your document not have a valid head element?
-- Have you accidentally removed a style tag manually?
-
-`, 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.
-
-`, 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
-
-`, 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.
-
-`, 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.
-
-`, 14: `ThemeProvider: "theme" prop is required.
-
-`, 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.
-You may only create up to 1,073,741,824 components. If you're creating components dynamically,
-as for instance in your render method then you may be running into this limitation.
-
-`, 17: `CSSStyleSheet could not be found on HTMLStyleElement.
-Has styled-components' style tag been unmounted or altered by another script?
-`, 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 = [], o = 1, s = e.length; o < s; o += 1) r2.push(e[o]);
-  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];
-  return process.env.NODE_ENV === "production" ? 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, !1)).trim());
-}
-var S = 1 << 30, w = /* @__PURE__ */ new Map(), b = /* @__PURE__ */ new Map(), N = 1, C = function(e) {
-  if (w.has(e)) return w.get(e);
-  for (; b.has(N); ) N++;
-  var t = N++;
-  if (process.env.NODE_ENV !== "production" && ((0 | t) < 0 || t > S)) throw g(16, "".concat(t));
-  return w.set(e, t), b.set(t, e), t;
-}, E = function(e, t) {
-  N = t + 1, w.set(e, t), b.set(t, e);
-}, _ = /invalid hook call/i, A = /* @__PURE__ */ new Set(), I = function(t, n) {
-  if (process.env.NODE_ENV !== "production") {
-    if (h) return;
-    var o = n ? ' with the id of "'.concat(n, '"') : "", s = "The component ".concat(t).concat(o, ` has been created dynamically.
-`) + `You may see this warning because you've called styled inside another component.
-To resolve this only create new StyledComponents outside of any render method and function component.
-See https://styled-components.com/docs/basics#define-styled-components-outside-of-the-render-method for more info.
-`, i = console.error;
-    try {
-      var a2 = !0;
-      console.error = function(t2) {
-        for (var n2 = [], r2 = 1; r2 < arguments.length; r2++) n2[r2 - 1] = arguments[r2];
-        _.test(t2) ? (a2 = !1, A.delete(s)) : i.apply(void 0, __spreadArray([t2], n2, !1));
-      }, typeof r.useState == "function" && r.useState(null), a2 && !A.has(s) && (console.warn(s), A.add(s));
-    } catch (e) {
-      _.test(e.message) && A.delete(s);
-    } finally {
-      console.error = i;
-    }
-  }
-}, P = Object.freeze([]), O = Object.freeze({});
-function D(e, t, n) {
-  return n === void 0 && (n = O), e.theme !== n.theme && e.theme || t || n.theme;
-}
-var T = /* @__PURE__ */ new Set(["a", "abbr", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "blockquote", "body", "button", "br", "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", "header", "hgroup", "hr", "html", "i", "iframe", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "menu", "meter", "nav", "object", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "search", "section", "select", "slot", "small", "span", "strong", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "u", "ul", "var", "video", "wbr", "circle", "clipPath", "defs", "ellipse", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "filter", "foreignObject", "g", "image", "line", "linearGradient", "marker", "mask", "path", "pattern", "polygon", "polyline", "radialGradient", "rect", "stop", "svg", "switch", "symbol", "text", "textPath", "tspan", "use"]), R = /[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g, x = /(^-|-$)/g;
-function j(e) {
-  return e.replace(R, "-").replace(x, "");
-}
-var k = /(a)(d)/gi, M = function(e) {
-  return String.fromCharCode(e + (e > 25 ? 39 : 97));
-};
-function V(e) {
-  var t, 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, G = function(e, t) {
-  for (var n = t.length; n; ) e = 33 * e ^ t.charCodeAt(--n);
-  return e;
-}, z = function(e) {
-  return G(5381, e);
-};
-function B(e) {
-  return V(z(e) >>> 0);
-}
-function L(e) {
-  return process.env.NODE_ENV !== "production" && typeof e == "string" && e || e.displayName || e.name || "Component";
-}
-function $(e) {
-  return typeof e == "string" && (process.env.NODE_ENV === "production" || e.charAt(0) === e.charAt(0).toLowerCase());
-}
-var Y = typeof Symbol == "function" && Symbol.for, W = Y ? Symbol.for("react.memo") : 60115, q = Y ? Symbol.for("react.forward_ref") : 60112, H = { childContextTypes: !0, contextType: !0, contextTypes: !0, defaultProps: !0, displayName: !0, getDefaultProps: !0, getDerivedStateFromError: !0, getDerivedStateFromProps: !0, mixins: !0, propTypes: !0, type: !0 }, U = { name: !0, length: !0, prototype: !0, caller: !0, callee: !0, arguments: !0, arity: !0 }, J = { $$typeof: !0, compare: !0, defaultProps: !0, displayName: !0, propTypes: !0, type: !0 }, X = ((F = {})[q] = { $$typeof: !0, render: !0, defaultProps: !0, displayName: !0, propTypes: !0 }, F[W] = J, F);
-function Z(e) {
-  return ("type" in (t = e) && t.type.$$typeof) === W ? J : "$$typeof" in e ? X[e.$$typeof] : H;
-  var t;
-}
-var K = Object.defineProperty, Q = Object.getOwnPropertyNames, ee = Object.getOwnPropertySymbols, te = Object.getOwnPropertyDescriptor, ne = Object.getPrototypeOf, re = Object.prototype;
-function oe(e, t, n) {
-  if (typeof t != "string") {
-    if (re) {
-      var r2 = ne(t);
-      r2 && r2 !== re && oe(e, r2, n);
-    }
-    var o = Q(t);
-    ee && (o = o.concat(ee(t)));
-    for (var s = Z(e), i = Z(t), a2 = 0; a2 < o.length; ++a2) {
-      var c2 = o[a2];
-      if (!(c2 in U || n && n[c2] || i && c2 in i || s && c2 in s)) {
-        var u2 = te(t, c2);
-        try {
-          K(e, c2, u2);
-        } catch {
-        }
-      }
-    }
-  }
-  return e;
-}
-function se(e) {
-  return typeof e == "function";
-}
-function ie(e) {
-  return typeof e == "object" && "styledComponentId" in e;
-}
-function ae(e, t) {
-  return e && t ? "".concat(e, " ").concat(t) : e || t || "";
-}
-function ce(e, t) {
-  return e.join("");
-}
-function ue(e) {
-  return e !== null && typeof e == "object" && e.constructor.name === Object.name && !("props" in e && e.$$typeof);
-}
-function le(e, t, n) {
-  if (n === void 0 && (n = !1), !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() {
-  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;
-    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];
-    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, o = r2; e2 >= o; ) if ((o <<= 1) < 0) throw g(16, "".concat(e2));
-      this.groupSizes = new Uint32Array(o), this.groupSizes.set(n), this.length = o;
-      for (var s = r2; s < o; 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++);
-    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 o = n; o < r2; o++) this.tag.deleteRule(n);
-      t > 0 && this._cGroup > e2 && (this._cIndex -= t);
-    }
-  }, e.prototype.getGroup = function(e2) {
-    var t = "";
-    if (e2 >= this.length || this.groupSizes[e2] === 0) return t;
-    for (var n = this.groupSizes[e2], r2 = this.indexOfGroup(e2), o = r2 + n, s = r2; s < o; s++) t += this.tag.getRule(s) + p;
-    return t;
-  }, e;
-})(), he = "style[".concat(a, "][").concat(u, '="').concat(l, '"]'), fe = new RegExp("^".concat(a, '\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')), me = function(e) {
-  return typeof ShadowRoot < "u" && e instanceof ShadowRoot || "host" in e && e.nodeType === 11;
-}, ye = function(e) {
-  if (!e) return document;
-  if (me(e)) return e;
-  if ("getRootNode" in e) {
-    var t = e.getRootNode();
-    if (me(t)) return t;
-  }
-  return document;
-}, ve = function(e, t, n) {
-  for (var r2, o = n.split(","), s = 0, i = o.length; s < i; s++) (r2 = o[s]) && e.registerName(t, r2);
-}, ge = function(e, t) {
-  for (var n, r2 = ((n = t.textContent) !== null && n !== void 0 ? n : "").split(p), o = [], s = 0, i = r2.length; s < i; s++) {
-    var a2 = r2[s].trim();
-    if (a2) {
-      var c2 = a2.match(fe);
-      if (c2) {
-        var u2 = 0 | parseInt(c2[1], 10), l2 = c2[2];
-        u2 !== 0 && (E(l2, u2), ve(e, l2, c2[3]), e.getTag().insertRules(u2, o)), o.length = 0;
-      } else o.push(a2);
-    }
-  }
-}, Se = function(e) {
-  for (var t = ye(e.options.target).querySelectorAll(he), n = 0, r2 = t.length; n < r2; n++) {
-    var o = t[n];
-    o && o.getAttribute(a) !== c && (ge(e, o), o.parentNode && o.parentNode.removeChild(o));
-  }
-};
-function we() {
-  return typeof __webpack_nonce__ < "u" ? __webpack_nonce__ : null;
-}
-var be = function(e) {
-  var t = document.head, n = e || t, r2 = document.createElement("style"), o = (function(e2) {
-    var t2 = Array.from(e2.querySelectorAll("style[".concat(a, "]")));
-    return t2[t2.length - 1];
-  })(n), s = o !== void 0 ? o.nextSibling : null;
-  r2.setAttribute(a, c), r2.setAttribute(u, l);
-  var i = we();
-  return i && r2.setAttribute("nonce", i), n.insertBefore(r2, s), r2;
-}, Ne = (function() {
-  function e(e2) {
-    this.element = be(e2), this.element.appendChild(document.createTextNode("")), this.sheet = (function(e3) {
-      var t;
-      if (e3.sheet) return e3.sheet;
-      for (var n = (t = e3.getRootNode().styleSheets) !== null && t !== void 0 ? t : document.styleSheets, r2 = 0, o = n.length; r2 < o; r2++) {
-        var s = n[r2];
-        if (s.ownerNode === e3) return s;
-      }
-      throw g(17);
-    })(this.element), this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    try {
-      return this.sheet.insertRule(t, e2), this.length++, !0;
-    } catch {
-      return !1;
-    }
-  }, e.prototype.deleteRule = function(e2) {
-    this.sheet.deleteRule(e2), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    var t = this.sheet.cssRules[e2];
-    return t && t.cssText ? t.cssText : "";
-  }, e;
-})(), Ce = (function() {
-  function e(e2) {
-    this.element = be(e2), this.nodes = this.element.childNodes, this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    if (e2 <= this.length && e2 >= 0) {
-      var n = document.createTextNode(t);
-      return this.element.insertBefore(n, this.nodes[e2] || null), this.length++, !0;
-    }
-    return !1;
-  }, e.prototype.deleteRule = function(e2) {
-    this.element.removeChild(this.nodes[e2]), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    return e2 < this.length ? this.nodes[e2].textContent : "";
-  }, e;
-})(), Ee = (function() {
-  function e(e2) {
-    this.rules = [], this.length = 0;
-  }
-  return e.prototype.insertRule = function(e2, t) {
-    return e2 <= this.length && (e2 === this.length ? this.rules.push(t) : this.rules.splice(e2, 0, t), this.length++, !0);
-  }, e.prototype.deleteRule = function(e2) {
-    this.rules.splice(e2, 1), this.length--;
-  }, e.prototype.getRule = function(e2) {
-    return e2 < this.length ? this.rules[e2] : "";
-  }, e;
-})(), _e = d, Ae = { isServer: !d, useCSSOMInjection: !f }, Ie = (function() {
-  function e(e2, n, r2) {
-    e2 === void 0 && (e2 = O), n === void 0 && (n = {});
-    var o = this;
-    this.options = __assign(__assign({}, Ae), e2), this.gs = n, this.names = new Map(r2), this.server = !!e2.isServer, !this.server && d && _e && (_e = !1, Se(this)), pe(this, function() {
-      return (function(e3) {
-        for (var t = e3.getTag(), n2 = t.length, r3 = "", o2 = function(n3) {
-          var o3 = (function(e4) {
-            return b.get(e4);
-          })(n3);
-          if (o3 === void 0) return "continue";
-          var s2 = e3.names.get(o3);
-          if (s2 === void 0 || !s2.size) return "continue";
-          var i = t.getGroup(n3);
-          if (i.length === 0) return "continue";
-          var c2 = a + ".g" + n3 + '[id="' + o3 + '"]', u2 = "";
-          s2.forEach(function(e4) {
-            e4.length > 0 && (u2 += e4 + ",");
-          }), r3 += i + c2 + '{content:"' + u2 + '"}' + p;
-        }, s = 0; s < n2; s++) o2(s);
-        return r3;
-      })(o);
-    });
-  }
-  return e.registerId = function(e2) {
-    return C(e2);
-  }, e.prototype.rehydrate = function() {
-    !this.server && d && Se(this);
-  }, e.prototype.reconstructWithOptions = function(n, r2) {
-    r2 === void 0 && (r2 = !0);
-    var o = new e(__assign(__assign({}, this.options), n), this.gs, r2 && this.names || void 0);
-    return !this.server && d && n.target !== this.options.target && ye(this.options.target) !== ye(n.target) && Se(o), o;
-  }, 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) {
-      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)));
-    var e2;
-  }, e.prototype.hasNameForId = function(e2, t) {
-    var n, r2;
-    return (r2 = (n = this.names.get(e2)) === null || n === void 0 ? void 0 : n.has(t)) !== null && r2 !== void 0 && r2;
-  }, e.prototype.registerName = function(e2, t) {
-    C(e2);
-    var n = this.names.get(e2);
-    n ? n.add(t) : this.names.set(e2, /* @__PURE__ */ new Set([t]));
-  }, e.prototype.insertRules = function(e2, t, n) {
-    this.registerName(e2, t), this.getTag().insertRules(C(e2), n);
-  }, e.prototype.clearNames = function(e2) {
-    this.names.has(e2) && this.names.get(e2).clear();
-  }, e.prototype.clearRules = function(e2) {
-    this.getTag().clearGroup(C(e2)), this.clearNames(e2);
-  }, e.prototype.clearTag = function() {
-    this.tag = void 0;
-  }, e;
-})(), Pe = /&/g, Oe = 47, De = 42;
-function Te(e) {
-  if (e.indexOf("}") === -1) return !1;
-  for (var t = e.length, n = 0, r2 = 0, o = !1, s = 0; s < t; s++) {
-    var i = e.charCodeAt(s);
-    if (r2 !== 0 || o || i !== Oe || e.charCodeAt(s + 1) !== De) if (o) i === De && e.charCodeAt(s + 1) === Oe && (o = !1, s++);
-    else if (i !== 34 && i !== 39 || s !== 0 && e.charCodeAt(s - 1) === 92) {
-      if (r2 === 0) {
-        if (i === 123) n++;
-        else if (i === 125 && --n < 0) return !0;
-      }
-    } else r2 === 0 ? r2 = i : r2 === i && (r2 = 0);
-    else o = !0, s++;
-  }
-  return n !== 0 || r2 !== 0;
-}
-function Re(e, t) {
-  return e.map(function(e2) {
-    return e2.type === "rule" && (e2.value = "".concat(t, " ").concat(e2.value), e2.value = e2.value.replaceAll(",", ",".concat(t, " ")), e2.props = e2.props.map(function(e3) {
-      return "".concat(t, " ").concat(e3);
-    })), Array.isArray(e2.children) && e2.type !== "@keyframes" && (e2.children = Re(e2.children, t)), e2;
-  });
-}
-function xe(e) {
-  var t, n, r2, o = O, i = o.options, a2 = i === void 0 ? O : i, c2 = o.plugins, u2 = c2 === void 0 ? P : c2, l2 = function(e2, r3, o2) {
-    return o2.startsWith(n) && o2.endsWith(n) && o2.replaceAll(n, "").length > 0 ? ".".concat(t) : e2;
-  }, p2 = u2.slice();
-  p2.push(function(e2) {
-    e2.type === RULESET && e2.value.includes("&") && (r2 || (r2 = new RegExp("\\".concat(n, "\\b"), "g")), e2.props[0] = e2.props[0].replace(Pe, n).replace(r2, l2));
-  }), a2.prefix && p2.push(prefixer), p2.push(stringify);
-  var d2 = [], h2 = middleware(p2.concat(rulesheet(function(e2) {
-    return d2.push(e2);
-  }))), f2 = function(e2, o2, i2, c3) {
-    o2 === void 0 && (o2 = ""), i2 === void 0 && (i2 = ""), c3 === void 0 && (c3 = "&"), t = c3, n = o2, r2 = void 0;
-    var u3 = (function(e3) {
-      if (!Te(e3)) return e3;
-      for (var t2 = e3.length, n2 = "", r3 = 0, o3 = 0, s = 0, i3 = !1, a3 = 0; a3 < t2; a3++) {
-        var c4 = e3.charCodeAt(a3);
-        if (s !== 0 || i3 || c4 !== Oe || e3.charCodeAt(a3 + 1) !== De) if (i3) c4 === De && e3.charCodeAt(a3 + 1) === Oe && (i3 = !1, a3++);
-        else if (c4 !== 34 && c4 !== 39 || a3 !== 0 && e3.charCodeAt(a3 - 1) === 92) {
-          if (s === 0) if (c4 === 123) o3++;
-          else if (c4 === 125) {
-            if (--o3 < 0) {
-              for (var u4 = a3 + 1; u4 < t2; ) {
-                var l4 = e3.charCodeAt(u4);
-                if (l4 === 59 || l4 === 10) break;
-                u4++;
-              }
-              u4 < t2 && e3.charCodeAt(u4) === 59 && u4++, o3 = 0, a3 = u4 - 1, r3 = u4;
-              continue;
-            }
-            o3 === 0 && (n2 += e3.substring(r3, a3 + 1), r3 = a3 + 1);
-          } else c4 === 59 && o3 === 0 && (n2 += e3.substring(r3, a3 + 1), r3 = a3 + 1);
-        } else s === 0 ? s = c4 : s === c4 && (s = 0);
-        else i3 = !0, a3++;
-      }
-      if (r3 < t2) {
-        var p3 = e3.substring(r3);
-        Te(p3) || (n2 += p3);
-      }
-      return n2;
-    })((function(e3) {
-      if (e3.indexOf("//") === -1) return e3;
-      for (var t2 = e3.length, n2 = [], r3 = 0, o3 = 0, s = 0, i3 = 0; o3 < t2; ) {
-        var a3 = e3.charCodeAt(o3);
-        if (a3 !== 34 && a3 !== 39 || o3 !== 0 && e3.charCodeAt(o3 - 1) === 92) if (s === 0) if (a3 === Oe && o3 + 1 < t2 && e3.charCodeAt(o3 + 1) === De) {
-          for (o3 += 2; o3 + 1 < t2 && (e3.charCodeAt(o3) !== De || e3.charCodeAt(o3 + 1) !== Oe); ) o3++;
-          o3 += 2;
-        } else if (a3 === 40 && o3 >= 3 && (32 | e3.charCodeAt(o3 - 1)) == 108 && (32 | e3.charCodeAt(o3 - 2)) == 114 && (32 | e3.charCodeAt(o3 - 3)) == 117) i3 = 1, o3++;
-        else if (i3 > 0) a3 === 41 ? i3-- : a3 === 40 && i3++, o3++;
-        else if (a3 === De && o3 + 1 < t2 && e3.charCodeAt(o3 + 1) === Oe) o3 > r3 && n2.push(e3.substring(r3, o3)), r3 = o3 += 2;
-        else if (a3 === Oe && o3 + 1 < t2 && e3.charCodeAt(o3 + 1) === Oe) {
-          for (o3 > r3 && n2.push(e3.substring(r3, o3)); o3 < t2 && e3.charCodeAt(o3) !== 10; ) o3++;
-          r3 = o3;
-        } else o3++;
-        else o3++;
-        else s === 0 ? s = a3 : s === a3 && (s = 0), o3++;
-      }
-      return r3 === 0 ? e3 : (r3 < t2 && n2.push(e3.substring(r3)), n2.join(""));
-    })(e2)), l3 = compile(i2 || o2 ? "".concat(i2, " ").concat(o2, " { ").concat(u3, " }") : u3);
-    return a2.namespace && (l3 = Re(l3, a2.namespace)), d2 = [], serialize(l3, h2), d2;
-  };
-  return f2.hash = u2.length ? u2.reduce(function(e2, t2) {
-    return t2.name || g(15), G(e2, t2.name);
-  }, 5381).toString() : "", f2;
-}
-var je = new Ie(), ke = xe(), Me = { shouldForwardProp: void 0, styleSheet: je, stylis: ke }, Ve = h ? { Provider: function(e) {
-  return e.children;
-}, Consumer: function(e) {
-  return (0, e.children)(Me);
-} } : r.createContext(Me);
-h || r.createContext(void 0);
-function ze() {
-  return h ? Me : r.useContext(Ve);
-}
-var Le = (function() {
-  function e(e2, t) {
-    var n = this;
-    this.inject = function(e3, t2) {
-      t2 === void 0 && (t2 = ke);
-      var r2 = n.name + t2.hash;
-      e3.hasNameForId(n.id, r2) || e3.insertRules(n.id, r2, t2(n.rules, r2, "@keyframes"));
-    }, this.name = e2, this.id = "sc-keyframes-".concat(e2), this.rules = t, pe(this, function() {
-      throw g(12, String(n.name));
-    });
-  }
-  return e.prototype.getName = function(e2) {
-    return e2 === void 0 && (e2 = ke), this.name + e2.hash;
-  }, e;
-})();
-function $e(e, t) {
-  return t == null || typeof t == "boolean" || t === "" ? "" : typeof t != "number" || t === 0 || e in unitlessKeys || e.startsWith("--") ? String(t).trim() : "".concat(t, "px");
-}
-var Ye = function(e) {
-  return e >= "A" && e <= "Z";
-};
-function We(e) {
-  for (var t = "", n = 0; n < e.length; n++) {
-    var r2 = e[n];
-    if (n === 1 && r2 === "-" && e[0] === "-") return e;
-    Ye(r2) ? t += "-" + r2.toLowerCase() : t += r2;
-  }
-  return t.startsWith("ms-") ? "-" + t : t;
-}
-var qe = function(e) {
-  return e == null || e === !1 || e === "";
-}, He = function(t) {
-  var n = [];
-  for (var r2 in t) {
-    var o = t[r2];
-    t.hasOwnProperty(r2) && !qe(o) && (Array.isArray(o) && o.isCss || se(o) ? n.push("".concat(We(r2), ":"), o, ";") : ue(o) ? n.push.apply(n, __spreadArray(__spreadArray(["".concat(r2, " {")], He(o), !1), ["}"], !1)) : n.push("".concat(We(r2), ": ").concat($e(r2, o), ";")));
-  }
-  return n;
-};
-function Ue(e, t, n, r2, o) {
-  if (o === void 0 && (o = []), typeof e == "string") return e && o.push(e), o;
-  if (qe(e)) return o;
-  if (ie(e)) return o.push(".".concat(e.styledComponentId)), o;
-  if (se(e)) {
-    if (!se(i = e) || i.prototype && i.prototype.isReactComponent || !t) return o.push(e), o;
-    var s = e(t);
-    return process.env.NODE_ENV === "production" || typeof s != "object" || Array.isArray(s) || s instanceof Le || ue(s) || s === null || 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.")), Ue(s, t, n, r2, o);
-  }
-  var i;
-  if (e instanceof Le) return n ? (e.inject(n, r2), o.push(e.getName(r2))) : o.push(e), o;
-  if (ue(e)) {
-    for (var a2 = He(e), c2 = 0; c2 < a2.length; c2++) o.push(a2[c2]);
-    return o;
-  }
-  if (!Array.isArray(e)) return o.push(e.toString()), o;
-  for (c2 = 0; c2 < e.length; c2++) Ue(e[c2], t, n, r2, o);
-  return o;
-}
-function Je(e) {
-  for (var t = 0; t < e.length; t += 1) {
-    var n = e[t];
-    if (se(n) && !ie(n)) return !1;
-  }
-  return !0;
-}
-var Xe = z(l), Ze = (function() {
-  function e(e2, t, n) {
-    this.rules = e2, this.staticRulesId = "", this.isStatic = process.env.NODE_ENV === "production" && (n === void 0 || n.isStatic) && Je(e2), this.componentId = t, this.baseHash = G(Xe, 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 o = ce(Ue(this.rules, e2, t, n)), s = V(G(this.baseHash, o) >>> 0);
-      if (!t.hasNameForId(this.componentId, s)) {
-        var i = n(o, ".".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 (typeof l2 == "string") c2 += l2, process.env.NODE_ENV !== "production" && (a2 = G(a2, l2));
-        else if (l2) {
-          var p2 = ce(Ue(l2, e2, t, n));
-          a2 = G(G(a2, String(u2)), p2), c2 += p2;
-        }
-      }
-      if (c2) {
-        var d2 = V(a2 >>> 0);
-        if (!t.hasNameForId(this.componentId, d2)) {
-          var h2 = n(c2, ".".concat(d2), void 0, this.componentId);
-          t.insertRules(this.componentId, d2, h2);
-        }
-        r2 = ae(r2, d2);
-      }
-    }
-    return { className: r2, css: typeof window > "u" ? t.getTag().getGroup(C(this.componentId)) : "" };
-  }, e;
-})(), Ke = h ? { Provider: function(e) {
-  return e.children;
-}, Consumer: function(e) {
-  return (0, e.children)(void 0);
-} } : r.createContext(void 0), nt = {}, rt = /* @__PURE__ */ new Set();
-function ot(s, i, a2) {
-  var c2 = ie(s), u2 = s, p2 = !$(s), d2 = i.attrs, f2 = d2 === void 0 ? P : d2, m = i.componentId, y2 = m === void 0 ? (function(e, t) {
-    var n = typeof e != "string" ? "sc" : j(e);
-    nt[n] = (nt[n] || 0) + 1;
-    var r2 = "".concat(n, "-").concat(B(l + n + nt[n]));
-    return t ? "".concat(t, "-").concat(r2) : r2;
-  })(i.displayName, i.parentComponentId) : m, v2 = i.displayName, g2 = v2 === void 0 ? (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;
-  if (c2 && u2.shouldForwardProp) {
-    var N2 = u2.shouldForwardProp;
-    if (i.shouldForwardProp) {
-      var E2 = i.shouldForwardProp;
-      b2 = function(e, t) {
-        return N2(e, t) && E2(e, t);
-      };
-    } else b2 = N2;
-  }
-  var _2 = new Ze(a2, S2, c2 ? u2.componentStyle : void 0);
-  function A2(s2, i2) {
-    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 : r.useContext(Ke), y3 = ze(), v3 = s3.shouldForwardProp || y3.shouldForwardProp;
-      process.env.NODE_ENV !== "production" && r.useDebugValue && r.useDebugValue(d3);
-      var g3 = D(i3, m2, l2) || (h ? void 0 : O), S3 = (function(e, n, r2) {
-        for (var o, s4 = __assign(__assign({}, n), { className: void 0, theme: r2 }), i4 = 0; i4 < e.length; i4 += 1) {
-          var a4 = se(o = e[i4]) ? o(s4) : o;
-          for (var c4 in a4) c4 === "className" ? s4.className = ae(s4.className, a4[c4]) : c4 === "style" ? s4.style = __assign(__assign({}, s4.style), a4[c4]) : s4[c4] = a4[c4];
-        }
-        return "className" in n && typeof n.className == "string" && (s4.className = ae(s4.className, n.className)), s4;
-      })(c3, i3, g3), w3 = S3.as || f3, b3 = {};
-      for (var N3 in S3) S3[N3] === void 0 || N3[0] === "$" || N3 === "as" || N3 === "theme" && S3.theme === g3 || (N3 === "forwardedAs" ? b3.as = S3.forwardedAs : v3 && !v3(N3, w3) || (b3[N3] = S3[N3], v3 || process.env.NODE_ENV !== "development" || isPropValid(N3) || rt.has(N3) || !T.has(w3) || (rt.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(), o = e.generateAndInjectStyles(t, n.styleSheet, n.stylis);
-        return process.env.NODE_ENV !== "production" && r.useDebugValue && r.useDebugValue(o.className), o;
-      })(u3, S3), _3 = E3.className;
-      process.env.NODE_ENV !== "production" && s3.warnTooManyClasses && s3.warnTooManyClasses(_3);
-      var A3 = ae(p3, d3);
-      _3 && (A3 += " " + _3), S3.className && (A3 += " " + S3.className), b3[$(w3) && !T.has(w3) ? "class" : "className"] = A3, a3 && (b3.ref = a3);
-      var I2 = createElement(w3, b3);
-      if (h) {
-        for (var P2 = [], R3 = u3, x2 = function() {
-          var e = y3.styleSheet.getTag().getGroup(C(R3.componentId));
-          if (e) {
-            var t = "", n = y3.styleSheet.names.get(R3.componentId);
-            n && n.forEach(function(e2) {
-              t && (t += "_"), t += e2;
-            }), P2.push(r.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 (P2.length) return P2.reverse(), r.createElement.apply(r, __spreadArray(__spreadArray([r.Fragment, null], P2, !1), [I2], !1));
-      }
-      return I2;
-    })(R2, s2, i2);
-  }
-  A2.displayName = g2;
-  var R2 = r.forwardRef(A2);
-  return R2.attrs = w2, R2.componentStyle = _2, 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, o = t; r2 < o.length; r2++) le(e2, o[r2], !0);
-      return e2;
-    })({}, u2.defaultProps, e) : e;
-  } }), process.env.NODE_ENV !== "production" && (I(g2, S2), R2.warnTooManyClasses = /* @__PURE__ */ (function(e, t) {
-    var n = {}, r2 = !1;
-    return function(o) {
-      if (!r2 && (n[o] = !0, Object.keys(n).length >= 200)) {
-        var s2 = t ? ' with the id of "'.concat(t, '"') : "";
-        console.warn("Over ".concat(200, " classes were generated for component ").concat(e).concat(s2, `.
-`) + `Consider using the attrs method, together with a style object for frequently changed styles.
-Example:
-  const Component = styled.div.attrs(props => ({
-    style: {
-      background: props.background,
-    },
-  }))\`width: 100%;\`
-
-  <Component />`), r2 = !0, n = {};
-      }
-    };
-  })(g2, S2)), pe(R2, function() {
-    return ".".concat(R2.styledComponentId);
-  }), p2 && oe(R2, s, { attrs: !0, componentStyle: !0, displayName: !0, foldedComponentIds: !0, shouldForwardProp: !0, styledComponentId: !0, target: !0 }), R2;
-}
-function st(e, t) {
-  for (var n = [e[0]], r2 = 0, o = t.length; r2 < o; r2 += 1) n.push(t[r2], e[r2 + 1]);
-  return n;
-}
-var it = function(e) {
-  return Object.assign(e, { isCss: !0 });
-};
-function at(t) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
-  if (se(t) || ue(t)) return it(Ue(st(P, __spreadArray([t], n, !0))));
-  var o = t;
-  return n.length === 0 && o.length === 1 && typeof o[0] == "string" ? Ue(o) : it(Ue(st(o, n)));
-}
-function ct(n, r2, o) {
-  if (o === void 0 && (o = O), !r2) throw g(1, r2);
-  var s = function(t) {
-    for (var s2 = [], i = 1; i < arguments.length; i++) s2[i - 1] = arguments[i];
-    return n(r2, o, at.apply(void 0, __spreadArray([t], s2, !1)));
-  };
-  return s.attrs = function(e) {
-    return ct(n, r2, __assign(__assign({}, o), { attrs: Array.prototype.concat(o.attrs, e).filter(Boolean) }));
-  }, s.withConfig = function(e) {
-    return ct(n, r2, __assign(__assign({}, o), e));
-  }, s;
-}
-var ut = function(e) {
-  return ct(ot, e);
-}, lt = ut;
-T.forEach(function(e) {
-  lt[e] = ut(e);
-});
-function ht(t) {
-  for (var n = [], r2 = 1; r2 < arguments.length; r2++) n[r2 - 1] = arguments[r2];
-  process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn("`keyframes` cannot be used on ReactNative, only on the web. To do animation in ReactNative please use Animated.");
-  var o = ce(at.apply(void 0, __spreadArray([t], n, !1))), s = B(o);
-  return new Le(s, o);
-}
-process.env.NODE_ENV !== "production" && typeof navigator < "u" && navigator.product === "ReactNative" && console.warn(`It looks like you've imported 'styled-components' on React Native.
-Perhaps you're looking to import 'styled-components/native'?
-Read more about this at https://www.styled-components.com/docs/basics#react-native`);
-var gt = "__sc-".concat(a, "__");
-process.env.NODE_ENV !== "production" && process.env.NODE_ENV !== "test" && typeof window < "u" && (window[gt] || (window[gt] = 0), window[gt] === 1 && 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.
-
-See https://styled-components.com/docs/faqs#why-am-i-getting-a-warning-about-several-instances-of-module-on-the-page for more info.`), window[gt] += 1);
-const DashboardContainer = lt.div`
-  width: 100%;
-  min-height: 100%;
-  background: #f0f2f5;
-  padding: 28px 32px;
-  box-sizing: border-box;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-`, PageHeader = lt.div`
-  margin-bottom: 28px;
-`, PageTitle = lt.h1`
-  margin: 0 0 6px 0;
-  font-size: 22px;
-  font-weight: 700;
-  color: #111827;
-  letter-spacing: -0.3px;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-`, PreviewBadge = lt.span`
-  display: inline-block;
-  background: #fef3c7;
-  color: #92400e;
-  font-size: 11px;
-  font-weight: 600;
-  padding: 4px 8px;
-  border-radius: 4px;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-left: 8px;
-`, PageSubtitle = lt.p`
-  margin: 0;
-  font-size: 13px;
-  color: #6b7280;
-`, StatsGrid = lt.div`
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
-  gap: 14px;
-  margin-bottom: 20px;
-`, StatCard = lt.div`
-  background: #ffffff;
-  border-radius: 10px;
-  padding: 16px 18px;
-  box-shadow:
-    0 1px 3px rgba(0, 0, 0, 0.07),
-    0 1px 2px rgba(0, 0, 0, 0.05);
-  border-left: ${(p2) => p2.$accent ? `4px solid ${p2.$accent}` : "4px solid transparent"};
-  transition: box-shadow 0.15s ease;
-
-  &:hover {
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
-  }
-`, StatLabel = lt.div`
-  font-size: 11px;
-  font-weight: 500;
-  color: #9ca3af;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  margin-bottom: 8px;
-`, StatValue = lt.div`
-  font-size: 26px;
-  font-weight: 700;
-  color: #111827;
-  line-height: 1;
-`, ControlsBar = lt.div`
-  background: #ffffff;
-  border-radius: 10px;
-  padding: 14px 18px;
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex-wrap: wrap;
-  margin-bottom: 20px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-`, SearchWrapper = lt.div`
-  position: relative;
-  flex: 1;
-  min-width: 220px;
-`, SearchIconSvg = lt.span`
-  position: absolute;
-  left: 11px;
-  top: 50%;
-  transform: translateY(-50%);
-  color: #9ca3af;
-  display: flex;
-  align-items: center;
-  pointer-events: none;
-`, SearchInput = lt.input`
-  width: 100%;
-  height: 36px;
-  padding: 0 12px 0 34px;
-  border: 1px solid #e5e7eb;
-  border-radius: 7px;
-  font-size: 13px;
-  color: #111827;
-  background: #f9fafb;
-  box-sizing: border-box;
-  outline: none;
-  transition:
-    border-color 0.15s,
-    background 0.15s;
-
-  &::placeholder {
-    color: #9ca3af;
-  }
-
-  &:focus {
-    border-color: #6366f1;
-    background: #fff;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-  }
-`, StyledSelect = lt.select`
-  height: 36px;
-  padding: 0 32px 0 12px;
-  border: 1px solid #e5e7eb;
-  border-radius: 7px;
-  font-size: 13px;
-  color: #374151;
-  background: #f9fafb
-    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 8L1 3h10z'/%3E%3C/svg%3E")
-    no-repeat right 10px center;
-  appearance: none;
-  outline: none;
-  cursor: pointer;
-  transition: border-color 0.15s;
-
-  &:focus {
-    border-color: #6366f1;
-    background-color: #fff;
-    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
-  }
-`, TableCard = lt.div`
-  background: #ffffff;
-  border-radius: 10px;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
-  overflow: hidden;
-`, TableHeader = lt.div`
-  display: flex;
-  align-items: center;
-  padding: 11px 20px;
-  background: #f9fafb;
-  border-bottom: 1px solid #e5e7eb;
-  font-size: 11px;
-  font-weight: 600;
-  color: #6b7280;
-  text-transform: uppercase;
-  letter-spacing: 0.5px;
-  gap: 12px;
-`, TableRow = lt.div`
-  display: flex;
-  align-items: center;
-  padding: 13px 20px;
-  border-bottom: 1px solid #f3f4f6;
-  gap: 12px;
-  transition: background 0.1s;
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  &:hover {
-    background: #fafafa;
-  }
-`, ColTitle = lt.div`
-  flex: 2;
-  min-width: 0;
-`, TitleWrapper = lt.div`
-  display: flex;
-  align-items: center;
-  gap: 4px;
-  flex-wrap: wrap;
-  min-width: 0;
-`, TitleCell = lt.div`
-  min-width: 0;
-  overflow: hidden;
-  flex: 1;
-`, ColType = lt.div`
-  flex: 0.8;
-  min-width: 80px;
-`, ColScore = lt.div`
-  flex: 0.6;
-  min-width: 70px;
-`, ColIssues = lt.div`
-  flex: 2;
-  min-width: 0;
-`, DocTitleLink = lt.a`
-  font-size: 13px;
-  font-weight: 600;
-  color: #4f46e5;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  text-decoration: none;
-  display: block;
-  transition: color 0.15s;
-
-  &:hover {
-    color: #4338ca;
-    text-decoration: underline;
-  }
-`, DocId = lt.div`
-  font-size: 11px;
-  color: #9ca3af;
-  margin-top: 2px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, TypeBadge = lt.span`
-  display: inline-block;
-  padding: 3px 8px;
-  border-radius: 5px;
-  font-size: 11px;
-  font-weight: 500;
-  background: ${(p2) => p2.$bgColor || "#ede9fe"};
-  color: ${(p2) => p2.$textColor || "#5b21b6"};
-`, TypeText = lt.span`
-  font-size: 12px;
-  font-weight: 500;
-  color: #374151;
-`, CustomBadge = lt.span`
-  display: inline-block;
-  padding: 2px 6px;
-  border-radius: 4px;
-  font-size: ${(p2) => p2.$fontSize || "10px"};
-  font-weight: 600;
-  margin-left: 6px;
-  background: ${(p2) => p2.$bgColor || "#e0e7ff"};
-  color: ${(p2) => p2.$textColor || "#3730a3"};
-  white-space: nowrap;
-`, ScoreBadge = lt.span`
-  display: inline-block;
-  padding: 4px 10px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 700;
-  background: ${(p2) => p2.$score >= 80 ? "#d1fae5" : p2.$score >= 60 ? "#fef3c7" : p2.$score >= 40 ? "#ffedd5" : "#fee2e2"};
-  color: ${(p2) => p2.$score >= 80 ? "#065f46" : p2.$score >= 60 ? "#92400e" : p2.$score >= 40 ? "#9a3412" : "#991b1b"};
-`, IssueTag = lt.div`
-  font-size: 11px;
-  color: #ef4444;
-  line-height: 1.5;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`, MoreIssues = lt.div`
-  font-size: 11px;
-  color: #6b7280;
-  cursor: pointer;
-  transition: color 0.15s;
-
-  &:hover {
-    color: #374151;
-  }
-`, MoreIssuesWrapper = lt.div`
-  position: relative;
-  display: inline-block;
-`, IssuesPopover = lt.div`
-  position: absolute;
-  bottom: auto;
-  left: 0;
-  transform: translateY(calc(-100% - 14px));
-  background: #1f2937;
-  color: #ffffff;
-  padding: 12px;
-  border-radius: 8px;
-  font-size: 12px;
-  z-index: 50;
-  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-  width: 280px;
-  word-break: break-word;
-  line-height: 1.5;
-
-  &::after {
-    content: '';
-    position: absolute;
-    bottom: -6px;
-    left: 12px;
-    width: 0;
-    height: 0;
-    border-left: 6px solid transparent;
-    border-right: 6px solid transparent;
-    border-top: 6px solid #1f2937;
-  }
-`, PopoverIssueItem = lt.div`
-  display: flex;
-  gap: 6px;
-  margin-bottom: 6px;
-
-  &:last-child {
-    margin-bottom: 0;
-  }
-`, UpgradeContainer = lt.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 100%;
-  padding: 60px 24px;
-`, UpgradeBox = lt.div`
-  background: #ffffff;
-  border-radius: 16px;
-  padding: 48px 40px;
-  max-width: 480px;
-  width: 100%;
-  text-align: center;
-  box-shadow:
-    0 4px 24px rgba(0, 0, 0, 0.08),
-    0 1px 4px rgba(0, 0, 0, 0.05);
-  border: 1px solid #e5e7eb;
-`, UpgradeLock = lt.div`
-  font-size: 40px;
-  margin-bottom: 16px;
-`, UpgradeTitle = lt.h2`
-  margin: 0 0 10px;
-  font-size: 20px;
-  font-weight: 700;
-  color: #111827;
-`, UpgradeText = lt.p`
-  margin: 0 0 20px;
-  font-size: 14px;
-  color: #6b7280;
-  line-height: 1.6;
-`, UpgradeCode = lt.pre`
-  background: #f3f4f6;
-  border-radius: 8px;
-  padding: 14px 16px;
-  font-size: 12px;
-  color: #374151;
-  text-align: left;
-  margin: 0 0 24px;
-  overflow-x: auto;
-  line-height: 1.6;
-  border: 1px solid #e5e7eb;
-`, UpgradeButton = lt.a`
-  display: inline-block;
-  background: #4f46e5;
-  color: #ffffff;
-  font-size: 14px;
-  font-weight: 600;
-  padding: 10px 24px;
-  border-radius: 8px;
-  text-decoration: none;
-  transition: background 0.15s;
-
-  &:hover {
-    background: #4338ca;
-  }
-`, ReloadButton = lt.button`
-  display: inline-block;
-  background: transparent;
-  color: #6b7280;
-  font-size: 13px;
-  font-weight: 500;
-  padding: 8px 20px;
-  border-radius: 8px;
-  border: 1px solid #d1d5db;
-  cursor: pointer;
-  margin-top: 10px;
-  transition:
-    background 0.15s,
-    color 0.15s,
-    border-color 0.15s;
-
-  &:hover {
-    background: #f3f4f6;
-    color: #374151;
-    border-color: #9ca3af;
-  }
-`, DocTitleAnchor = ({ id, type, structureTool, children }) => {
-  const { basePath } = useWorkspace(), { onClick: intentOnClick, href: intentHref } = useIntentLink({ intent: "edit", params: { id, type } }), href = structureTool ? `${basePath}/${structureTool}/intent/edit/id=${id};type=${type}/` : intentHref;
-  return /* @__PURE__ */ jsx(DocTitleLink, { href, onClick: structureTool ? void 0 : intentOnClick, title: "Open document", children });
-}, PaneLinkWrapper = lt.span`
-  display: block;
-  min-width: 0;
-  overflow: hidden;
-
-  a {
-    font-size: 13px;
-    font-weight: 600;
-    color: #4f46e5;
-    white-space: nowrap;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    text-decoration: none;
-    display: block;
-    transition: color 0.15s;
-
-    &:hover {
-      color: #4338ca;
-      text-decoration: underline;
-    }
-  }
-`, DocTitleAnchorPane = ({
-  id,
-  type,
-  children
-}) => {
-  const { ChildLink } = usePaneRouter();
-  return /* @__PURE__ */ jsx(PaneLinkWrapper, { children: /* @__PURE__ */ jsx(ChildLink, { childId: id, childParameters: { type }, children }) });
-}, DocBadgeRenderer = ({ doc, docBadge }) => {
-  const badge = docBadge(doc);
-  return badge ? /* @__PURE__ */ jsx(CustomBadge, { $bgColor: badge.bgColor, $textColor: badge.textColor, $fontSize: badge.fontSize, children: badge.label }) : null;
-}, spin = ht`
-  to { transform: rotate(360deg); }
-`, Spinner = lt.div`
-  width: 28px;
-  height: 28px;
-  border: 3px solid #e5e7eb;
-  border-top-color: #6366f1;
-  border-radius: 50%;
-  animation: ${spin} 0.7s linear infinite;
-  margin: 0 auto 12px;
-`, LoadingState = lt.div`
-  padding: 48px 24px;
-  text-align: center;
-  color: #6b7280;
-  font-size: 13px;
-`, EmptyState = lt.div`
-  padding: 48px 24px;
-  text-align: center;
-  color: #9ca3af;
-  font-size: 13px;
-`, TYPE_COLOR_PALETTE = [
-  { bg: "#dbeafe", text: "#0c4a6e" },
-  // Blue
-  { bg: "#dcfce7", text: "#14532d" },
-  // Green
-  { bg: "#fce7f3", text: "#500724" },
-  // Pink
-  { bg: "#fed7aa", text: "#7c2d12" },
-  // Orange
-  { bg: "#e9d5ff", text: "#581c87" },
-  // Purple
-  { bg: "#f3e8ff", text: "#3f0f5c" },
-  // Deep Purple
-  { bg: "#ccfbf1", text: "#134e4a" },
-  // Teal
-  { bg: "#ddd6fe", text: "#3730a3" },
-  // Indigo
-  { bg: "#fca5a5", text: "#7f1d1d" },
-  // Red
-  { bg: "#a7f3d0", text: "#065f46" },
-  // Emerald
-  { bg: "#fbbf24", text: "#78350f" },
-  // Amber
-  { bg: "#c4b5fd", text: "#3b0764" },
-  // Violet
-  { bg: "#f0fdf4", text: "#15803d" },
-  // Light Green
-  { bg: "#fef2f2", text: "#991b1b" },
-  // Light Red
-  { bg: "#f5f3ff", text: "#5b21b6" },
-  // Light Purple
-  { bg: "#fffbeb", text: "#92400e" }
-  // Light Amber
-], getTypeColor = (type) => {
-  let hash2 = 0;
-  for (let i = 0; i < type.length; i += 1) {
-    const char2 = type.charCodeAt(i);
-    hash2 = Math.abs(hash2 * 31 + char2);
-  }
-  const colorIndex = hash2 % TYPE_COLOR_PALETTE.length;
-  return TYPE_COLOR_PALETTE[colorIndex];
-}, getStatusCategory = (score) => score >= 80 ? "excellent" : score >= 60 ? "good" : score >= 40 ? "fair" : score > 0 ? "poor" : "missing", scoreMetaTitle = (title) => {
-  const issues = [];
-  let score = 0;
-  return title && title.length >= 50 && title.length <= 60 ? score = 15 : title && title.length > 0 ? (score = 10, title.length < 50 && issues.push("Meta title too short (< 50 chars)"), title.length > 60 && issues.push("Meta title too long (> 60 chars)")) : issues.push("Missing meta title"), { score, issues };
-}, scoreMetaDescription = (description) => {
-  const issues = [];
-  let score = 0;
-  return description && description.length >= 120 && description.length <= 160 ? score = 15 : description && description.length > 0 ? (score = 10, description.length < 120 && issues.push("Meta description too short (< 120 chars)"), description.length > 160 && issues.push("Meta description too long (> 160 chars)")) : issues.push("Missing meta description"), { score, issues };
-}, scoreOpenGraph = (openGraph2) => {
-  const issues = [];
-  let score = 0;
-  return openGraph2 ? (openGraph2.title ? score += 6 : issues.push("Missing OG title"), openGraph2.description ? score += 6 : issues.push("Missing OG description"), openGraph2.image ? score += 6 : issues.push("Missing OG image"), openGraph2.type ? score += 7 : issues.push("Missing OG type")) : issues.push("Open Graph not configured"), { score, issues };
-}, scoreTwitterCard = (twitter2) => {
-  const issues = [];
-  let score = 0;
-  return twitter2 ? (twitter2.title ? score += 5 : issues.push("Missing Twitter title"), twitter2.description ? score += 5 : issues.push("Missing Twitter description"), twitter2.image ? score += 5 : issues.push("Missing Twitter image")) : issues.push("Twitter Card not configured"), { score, issues };
-}, calculateHealthScore = (doc) => {
-  let totalScore = 0;
-  const allIssues = [];
-  if (!doc.seo)
-    return { score: 0, status: "missing", issues: ["SEO fields not configured"] };
-  const { title, description, metaImage, keywords, robots: robots2, openGraph: openGraph2, twitter: twitter2 } = doc.seo, titleScore = scoreMetaTitle(title);
-  totalScore += titleScore.score, allIssues.push(...titleScore.issues);
-  const descriptionScore = scoreMetaDescription(description);
-  totalScore += descriptionScore.score, allIssues.push(...descriptionScore.issues), metaImage ? totalScore += 10 : allIssues.push("Missing meta image"), keywords && keywords.length > 0 ? totalScore += 10 : allIssues.push("No keywords defined");
-  const ogScore = scoreOpenGraph(openGraph2);
-  totalScore += ogScore.score, allIssues.push(...ogScore.issues);
-  const twitterScore = scoreTwitterCard(twitter2);
-  totalScore += twitterScore.score, allIssues.push(...twitterScore.issues), robots2 && !robots2.noIndex && (totalScore += 5);
-  const status = getStatusCategory(totalScore);
-  return { score: totalScore, status, issues: allIssues };
-}, resolveTypeLabel = (type, typeLabels) => typeLabels?.[type] ?? type, buildTitleProjection = (titleField) => !titleField || titleField === "title" ? "title" : typeof titleField == "string" ? `"title": ${titleField}` : `"title": select(${Object.entries(titleField).map(([type, field]) => `_type == "${type}" => ${field}`).join(", ")}, title)`, generateDummyData = () => [
-  {
-    _id: "preview-post-1",
-    _type: "post",
-    title: "Getting Started with SEO Best Practices",
-    slug: { current: "getting-started-seo" },
-    _updatedAt: new Date(Date.now() - 1728e5).toISOString(),
-    seo: {
-      title: "Getting Started with SEO Best Practices | My Blog",
-      description: "Learn the fundamentals of SEO optimization to improve your website visibility and search rankings.",
-      keywords: ["seo", "best practices", "optimization"],
-      metaImage: { _type: "image", asset: { _ref: "image-123", _type: "reference" } },
-      openGraph: {
-        title: "SEO Best Practices Guide",
-        description: "Master SEO optimization",
-        image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "SEO Guide" },
-        type: "article"
-      },
-      twitter: {
-        title: "SEO Best Practices",
-        description: "Learn SEO optimization",
-        image: { _type: "image", asset: { _ref: "image-123", _type: "reference" }, alt: "Guide" },
-        card: "summary_large_image"
-      }
-    }
-  },
-  {
-    _id: "preview-post-2",
-    _type: "post",
-    title: "Advanced Analytics Strategy",
-    slug: { current: "advanced-analytics" },
-    _updatedAt: new Date(Date.now() - 432e6).toISOString(),
-    seo: {
-      title: "Advanced Analytics",
-      description: "Strategy tips",
-      keywords: ["analytics", "data"],
-      openGraph: {
-        title: "Analytics Guide"
-      }
-    }
-  },
-  {
-    _id: "preview-page-1",
-    _type: "page",
-    title: "About Us",
-    slug: { current: "about" },
-    _updatedAt: new Date(Date.now() - 864e6).toISOString(),
-    seo: {
-      title: "About",
-      keywords: ["company", "team"],
-      metaImage: { _type: "image", asset: { _ref: "image-456", _type: "reference" } }
-    }
-  },
-  {
-    _id: "preview-post-3",
-    _type: "post",
-    title: "Content Marketing Trends for 2024",
-    slug: { current: "content-marketing-trends" },
-    _updatedAt: new Date(Date.now() - 864e5).toISOString(),
-    seo: {
-      title: "Content Marketing Trends 2024",
-      description: "Discover the latest content marketing trends and strategies to engage your audience effectively.",
-      keywords: ["content marketing", "trends", "strategy", "engagement"],
-      metaImage: { _type: "image", asset: { _ref: "image-789", _type: "reference" } },
-      openGraph: {
-        title: "Content Marketing Trends 2024",
-        description: "Latest trends in content marketing",
-        image: { _type: "image", asset: { _ref: "image-789", _type: "reference" }, alt: "Trends" },
-        type: "article"
-      },
-      twitter: {
-        title: "Content Marketing Trends",
-        description: "Discover the latest trends",
-        card: "summary"
-      }
-    }
-  },
-  {
-    _id: "preview-post-4",
-    _type: "product",
-    title: "Pro Plan",
-    slug: { current: "pro-plan" },
-    _updatedAt: new Date(Date.now() - 1296e6).toISOString(),
-    seo: {
-      title: "Pro",
-      keywords: ["pricing"]
-    }
-  },
-  {
-    _id: "preview-page-2",
-    _type: "page",
-    title: "Contact",
-    slug: { current: "contact" },
-    _updatedAt: new Date(Date.now() - 6912e5).toISOString(),
-    seo: {
-      openGraph: {
-        title: "Get in Touch"
-      }
-    }
-  },
-  {
-    _id: "preview-post-5",
-    _type: "post",
-    title: "Mobile Optimization Guide",
-    slug: { current: "mobile-optimization" },
-    _updatedAt: new Date(Date.now() - 2592e5).toISOString(),
-    seo: {
-      title: "Mobile Optimization Guide: Best Practices for Responsive Design",
-      description: "Complete guide to mobile optimization including responsive design, performance tips, and user experience best practices for modern web development.",
-      keywords: ["mobile", "optimization", "responsive", "performance"],
-      metaImage: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" } },
-      openGraph: {
-        title: "Mobile Optimization Best Practices",
-        description: "Master mobile web optimization",
-        image: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" }, alt: "Mobile" },
-        type: "article"
-      },
-      twitter: {
-        title: "Mobile Optimization Tips",
-        description: "Responsive design best practices",
-        image: { _type: "image", asset: { _ref: "image-mobile", _type: "reference" }, alt: "Mobile" },
-        card: "summary_large_image"
-      }
-    }
-  }
-].map((doc) => ({
-  ...doc,
-  health: calculateHealthScore(doc)
-})), SeoHealthDashboard = ({
-  icon = "\u{1F4CA}",
-  title = "SEO Health Dashboard",
-  description = "Monitor and optimize SEO fields across all your documents",
-  showTypeColumn = !0,
-  showDocumentId = !0,
-  queryTypes,
-  queryRequireSeo = !0,
-  customQuery,
-  apiVersion = "2023-01-01",
-  licenseKey,
-  typeLabels,
-  typeColumnMode = "badge",
-  titleField,
-  docBadge,
-  loadingLicense,
-  loadingDocuments,
-  noDocuments,
-  previewMode = !1,
-  openInPane = !1,
-  structureTool
-}) => {
-  const client = useClient({ apiVersion }), [licenseStatus, setLicenseStatus] = useState("loading"), [documents, setDocuments] = useState([]), [loading, setLoading] = useState(!0), [searchQuery, setSearchQuery] = useState(""), [filterStatus, setFilterStatus] = useState("all"), [filterType, setFilterType] = useState("all"), [sortBy, setSortBy] = useState("score"), [activePopover, setActivePopover] = useState(null), VALIDATION_ENDPOINT = "https://sanity-plugin-seofields.thehardik.in/api/validate-license", CACHE_TTL_MS = 3600 * 1e3, validateLicense = useCallback(
-    async (forceRefresh = !1) => {
-      if (previewMode) {
-        setLicenseStatus("valid");
-        return;
-      }
-      if (!licenseKey) {
-        setLicenseStatus("invalid");
-        return;
-      }
-      const projectId = client.config().projectId ?? "", cacheKey = `seofields_license_${projectId}`;
-      if (forceRefresh)
-        try {
-          sessionStorage.removeItem(cacheKey);
-        } catch {
-        }
-      if (!forceRefresh)
-        try {
-          const cached = sessionStorage.getItem(cacheKey);
-          if (cached) {
-            const { valid, ts } = JSON.parse(cached);
-            if (Date.now() - ts < CACHE_TTL_MS) {
-              setLicenseStatus(valid ? "valid" : "invalid");
-              return;
-            }
-          }
-        } catch {
-        }
-      setLicenseStatus("loading");
-      try {
-        const valid = (await fetch(VALIDATION_ENDPOINT, {
-          method: "POST",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify({ licenseKey, projectId })
-        })).ok;
-        setLicenseStatus(valid ? "valid" : "invalid");
-        try {
-          sessionStorage.setItem(cacheKey, JSON.stringify({ valid, ts: Date.now() }));
-        } catch {
-        }
-      } catch {
-        setLicenseStatus("valid");
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [licenseKey, previewMode]
-  );
-  useEffect(() => {
-    validateLicense();
-  }, [licenseKey, previewMode]);
-  const handleMouseEnterIssues = (el, issues) => {
-    if (!el) return;
-    const rect = el.getBoundingClientRect(), popoverWidth = 280, viewportWidth = window.innerWidth;
-    let left = rect.left;
-    left + popoverWidth > viewportWidth - 10 && (left = viewportWidth - popoverWidth - 10), left < 10 && (left = 10), setActivePopover({ top: rect.top, left, issues });
-  };
-  useEffect(() => {
-    (async () => {
-      try {
-        if (setLoading(!0), previewMode) {
-          setDocuments(generateDummyData());
-          return;
-        }
-        let groqQuery, params = {};
-        if (customQuery)
-          groqQuery = customQuery;
-        else if (queryTypes && queryTypes.length > 0) {
-          const seoFilter = queryRequireSeo ? " && seo != null" : "", titleProj = buildTitleProjection(titleField);
-          groqQuery = `*[_type in $types${seoFilter} && !(_id in path("drafts.**"))]{
-            _id,
-            _type,
-            ${titleProj},
-            slug,
-            seo,
-            _updatedAt
-          }`, params = { types: queryTypes };
-        } else
-          groqQuery = `*[seo != null && !(_id in path("drafts.**"))]{
-            _id,
-            _type,
-            ${buildTitleProjection(titleField)},
-            slug,
-            seo,
-            _updatedAt
-          }`;
-        const docsWithHealth = (await client.fetch(groqQuery, params, { perspective: "published" })).map((doc) => ({
-          ...doc,
-          health: calculateHealthScore(doc)
-        }));
-        setDocuments(docsWithHealth);
-      } catch (error) {
-        console.error("Error fetching documents:", error);
-      } finally {
-        setLoading(!1);
-      }
-    })();
-  }, [
-    client,
-    customQuery,
-    queryRequireSeo,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    JSON.stringify(queryTypes),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    JSON.stringify(titleField),
-    previewMode
-  ]);
-  const uniqueDocumentTypes = useMemo(() => {
-    const types2 = new Set(documents.map((doc) => doc._type));
-    return Array.from(types2).sort();
-  }, [documents]), filteredAndSortedDocs = useMemo(() => {
-    let filtered = documents;
-    return searchQuery && (filtered = filtered.filter(
-      (doc) => doc.title?.toLowerCase().includes(searchQuery.toLowerCase()) || doc._id?.toLowerCase().includes(searchQuery.toLowerCase())
-    )), filterStatus !== "all" && (filtered = filtered.filter((doc) => doc.health.status === filterStatus)), filterType !== "all" && (filtered = filtered.filter((doc) => doc._type === filterType)), [...filtered].sort((a2, b2) => sortBy === "score" ? b2.health.score - a2.health.score : (a2.title || "").localeCompare(b2.title || ""));
-  }, [documents, searchQuery, filterStatus, filterType, sortBy]), stats = useMemo(() => {
-    const total = documents.length, excellent = documents.filter((d2) => d2.health.score >= 80).length, good = documents.filter((d2) => d2.health.score >= 60 && d2.health.score < 80).length, fair = documents.filter((d2) => d2.health.score >= 40 && d2.health.score < 60).length, poor = documents.filter((d2) => d2.health.score > 0 && d2.health.score < 40).length, missing = documents.filter((d2) => d2.health.score === 0).length, avgScore = total > 0 ? Math.round(documents.reduce((sum, d2) => sum + d2.health.score, 0) / total) : 0;
-    return { total, excellent, good, fair, poor, missing, avgScore };
-  }, [documents]), handleMouseLeave = useCallback(() => {
-    setActivePopover(null);
-  }, []);
-  return /* @__PURE__ */ jsxs(DashboardContainer, { children: [
-    licenseStatus === "loading" && /* @__PURE__ */ jsxs(LoadingState, { style: { padding: "80px 24px" }, children: [
-      /* @__PURE__ */ jsx(Spinner, {}),
-      loadingLicense ?? "Verifying license\u2026"
-    ] }),
-    licenseStatus === "invalid" && /* @__PURE__ */ jsx(UpgradeContainer, { children: /* @__PURE__ */ jsx(UpgradeBox, { children: licenseKey ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(UpgradeLock, { children: "\u274C" }),
-      /* @__PURE__ */ jsx(UpgradeTitle, { children: "Invalid License Key" }),
-      /* @__PURE__ */ jsx(UpgradeText, { children: "The license key you provided is invalid or has been revoked. Please check your key and update it in the plugin config." }),
-      /* @__PURE__ */ jsx(UpgradeCode, { children: `seofields({
-  healthDashboard: {
-    licenseKey: 'YOUR_LICENSE_KEY', // \u2190 replace with a valid key
-  },
-})` }),
-      /* @__PURE__ */ jsx(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a New License Key \u2192"
-        }
-      ),
-      /* @__PURE__ */ jsx("br", {}),
-      /* @__PURE__ */ jsx(ReloadButton, { onClick: () => validateLicense(!0), children: "Click here If You Just Updated Your Key" })
-    ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(UpgradeLock, { children: "\u{1F512}" }),
-      /* @__PURE__ */ jsx(UpgradeTitle, { children: "SEO Health Dashboard" }),
-      /* @__PURE__ */ jsx(UpgradeText, { children: "This feature requires a license key. Add your key to the plugin config to unlock the full dashboard." }),
-      /* @__PURE__ */ jsx(UpgradeCode, { children: `// sanity.config.ts
-import { seofields } from 'sanity-plugin-seofields'
-
-export default defineConfig({
-  plugins: [
-    seofields({
-      healthDashboard: {
-        licenseKey: 'SEOF-XXXX-XXXX-XXXX',
-      },
-    }),
-  ],
-})` }),
-      /* @__PURE__ */ jsx(
-        UpgradeButton,
-        {
-          href: "https://sanity-plugin-seofields.thehardik.in",
-          target: "_blank",
-          rel: "noopener noreferrer",
-          children: "Get a License Key \u2192"
-        }
-      )
-    ] }) }) }),
-    licenseStatus === "valid" && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs(PageHeader, { children: [
-        /* @__PURE__ */ jsxs(PageTitle, { children: [
-          /* @__PURE__ */ jsxs("span", { children: [
-            icon,
-            " ",
-            title
-          ] }),
-          previewMode && /* @__PURE__ */ jsx(PreviewBadge, { children: "Preview Mode" })
-        ] }),
-        /* @__PURE__ */ jsx(PageSubtitle, { children: description })
-      ] }),
-      !loading && /* @__PURE__ */ jsxs(StatsGrid, { children: [
-        /* @__PURE__ */ jsxs(StatCard, { children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Total Docs" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.total })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Avg Score" }),
-          /* @__PURE__ */ jsxs(StatValue, { children: [
-            stats.avgScore,
-            "%"
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#10b981", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Excellent (80+)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.excellent })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#f59e0b", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Good (60\u201379)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.good })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#f97316", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Fair (40\u201359)" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.fair })
-        ] }),
-        /* @__PURE__ */ jsxs(StatCard, { $accent: "#ef4444", children: [
-          /* @__PURE__ */ jsx(StatLabel, { children: "Poor / Missing" }),
-          /* @__PURE__ */ jsx(StatValue, { children: stats.poor + stats.missing })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs(ControlsBar, { children: [
-        /* @__PURE__ */ jsxs(SearchWrapper, { children: [
-          /* @__PURE__ */ jsx(SearchIconSvg, { children: /* @__PURE__ */ jsx("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "currentColor", children: /* @__PURE__ */ jsx(
-            "path",
-            {
-              fillRule: "evenodd",
-              d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
-              clipRule: "evenodd"
-            }
-          ) }) }),
-          /* @__PURE__ */ jsx(
-            SearchInput,
-            {
-              placeholder: "Search documents...",
-              value: searchQuery,
-              onChange: (e) => setSearchQuery(e.currentTarget.value)
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsxs(
-          StyledSelect,
-          {
-            value: filterStatus,
-            onChange: (e) => setFilterStatus(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Status" }),
-              /* @__PURE__ */ jsx("option", { value: "excellent", children: "Excellent" }),
-              /* @__PURE__ */ jsx("option", { value: "good", children: "Good" }),
-              /* @__PURE__ */ jsx("option", { value: "fair", children: "Fair" }),
-              /* @__PURE__ */ jsx("option", { value: "poor", children: "Poor" }),
-              /* @__PURE__ */ jsx("option", { value: "missing", children: "Missing" })
-            ]
-          }
-        ),
-        uniqueDocumentTypes.length > 1 && /* @__PURE__ */ jsxs(
-          StyledSelect,
-          {
-            value: filterType,
-            onChange: (e) => setFilterType(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "all", children: "All Types" }),
-              uniqueDocumentTypes.map((type) => /* @__PURE__ */ jsx("option", { value: type, children: resolveTypeLabel(type, typeLabels) }, type))
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs(
-          StyledSelect,
-          {
-            value: sortBy,
-            onChange: (e) => setSortBy(e.currentTarget.value),
-            children: [
-              /* @__PURE__ */ jsx("option", { value: "score", children: "Sort by Score" }),
-              /* @__PURE__ */ jsx("option", { value: "title", children: "Sort by Title" })
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs(TableCard, { children: [
-        loading && /* @__PURE__ */ jsxs(LoadingState, { children: [
-          /* @__PURE__ */ jsx(Spinner, {}),
-          loadingDocuments ?? "Loading documents\u2026"
-        ] }),
-        !loading && (filteredAndSortedDocs.length === 0 ? /* @__PURE__ */ jsx(EmptyState, { children: noDocuments ?? "No documents found" }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(TableHeader, { children: [
-            /* @__PURE__ */ jsx(ColTitle, { children: "Title" }),
-            showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: "Type" }),
-            /* @__PURE__ */ jsx(ColScore, { children: "Score" }),
-            /* @__PURE__ */ jsx(ColIssues, { children: "Top Issues" })
-          ] }),
-          filteredAndSortedDocs.map((doc) => /* @__PURE__ */ jsxs(TableRow, { children: [
-            /* @__PURE__ */ jsx(ColTitle, { children: /* @__PURE__ */ jsxs(TitleWrapper, { children: [
-              /* @__PURE__ */ jsxs(TitleCell, { children: [
-                openInPane ? /* @__PURE__ */ jsx(DocTitleAnchorPane, { id: doc._id, type: doc._type, children: doc.title || "Untitled" }) : /* @__PURE__ */ jsx(DocTitleAnchor, { id: doc._id, type: doc._type, structureTool, children: doc.title || "Untitled" }),
-                showDocumentId && /* @__PURE__ */ jsx(DocId, { children: doc._id })
-              ] }),
-              docBadge && /* @__PURE__ */ jsx(
-                DocBadgeRenderer,
-                {
-                  doc,
-                  docBadge
-                }
-              )
-            ] }) }),
-            showTypeColumn && /* @__PURE__ */ jsx(ColType, { children: typeColumnMode === "text" ? /* @__PURE__ */ jsx(TypeText, { children: resolveTypeLabel(doc._type, typeLabels) }) : (() => {
-              const typeColor = getTypeColor(doc._type);
-              return /* @__PURE__ */ jsx(TypeBadge, { $bgColor: typeColor.bg, $textColor: typeColor.text, children: resolveTypeLabel(doc._type, typeLabels) });
-            })() }),
-            /* @__PURE__ */ jsx(ColScore, { children: /* @__PURE__ */ jsxs(ScoreBadge, { $score: doc.health.score, children: [
-              doc.health.score,
-              "%"
-            ] }) }),
-            /* @__PURE__ */ jsxs(ColIssues, { children: [
-              doc.health.issues.slice(0, 2).map((issue) => /* @__PURE__ */ jsxs(IssueTag, { children: [
-                "\u2022 ",
-                issue
-              ] }, `issue-${doc._id}-${issue}`)),
-              doc.health.issues.length > 2 && /* @__PURE__ */ jsx(
-                MoreIssuesWrapper,
-                {
-                  onMouseEnter: function(e) {
-                    handleMouseEnterIssues(
-                      e.currentTarget,
-                      doc.health.issues
-                    );
-                  },
-                  onMouseLeave: handleMouseLeave,
-                  children: /* @__PURE__ */ jsxs(MoreIssues, { children: [
-                    "+",
-                    doc.health.issues.length - 2,
-                    " more issues"
-                  ] })
-                }
-              )
-            ] })
-          ] }, doc._id))
-        ] }))
-      ] }),
-      activePopover && /* @__PURE__ */ jsx(
-        IssuesPopover,
-        {
-          style: {
-            top: activePopover.top,
-            left: activePopover.left,
-            transform: "translateY(calc(-100% - 10px))"
-          },
-          children: activePopover.issues.map((issue) => /* @__PURE__ */ jsxs(PopoverIssueItem, { children: [
-            "\u26A0\uFE0F ",
-            issue
-          ] }, issue))
-        }
-      ),
-      " "
-    ] }),
-    " "
-  ] });
-}, SeoHealthTool = (props) => /* @__PURE__ */ jsx(SeoHealthDashboard, { ...props }), stopWords = ["the", "a", "an", "and", "or", "but"], hasMatchingKeyword = (title, keywordList) => {
-  if (!title || keywordList.length === 0) return !1;
-  const lowerTitle = title.toLowerCase();
-  return keywordList.some((keyword) => keyword && lowerTitle.includes(keyword.toLowerCase()));
-}, hasKeywordOveruse = (title, keywordList, maxOccurrences = 3) => {
-  if (!title || keywordList.length === 0) return !1;
-  const lowerTitle = title.toLowerCase();
-  return keywordList.some((keyword) => {
-    if (!keyword) return !1;
-    const matches = lowerTitle.match(new RegExp(keyword.toLowerCase(), "g"));
-    return matches ? matches.length > maxOccurrences : !1;
-  });
-}, startsWithStopWord = (title) => {
-  if (!title) return !1;
-  const firstWord = title.trim().split(" ")[0].toLowerCase();
-  return stopWords.includes(firstWord);
-}, truncate = (text, maxLength) => text.length > maxLength ? `${text.slice(0, maxLength)}\u2026` : text, hasExcessivePunctuation = (title) => /[!@#$%^&*]{2,}/.test(title), getMetaTitleValidationMessages = (title, keywords, isParentseoField) => {
-  const feedback = [], charCount = title?.length || 0;
-  if (!title?.trim())
-    return feedback.push({ text: "Meta Title is empty. Add content to improve SEO.", color: "red" }), feedback;
-  if (charCount < 50 ? feedback.push({
-    text: `Title is ${charCount} characters \u2014 below recommended 50.`,
-    color: "orange"
-  }) : charCount > 60 ? feedback.push({
-    text: `Title is ${charCount} characters \u2014 exceeds recommended 60.`,
-    color: "red"
-  }) : feedback.push({ text: `Title length (${charCount}) looks good for SEO.`, color: "green" }), isParentseoField)
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(title, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in title \u2014 good job!" : "Keywords defined but missing in title.",
-        color: hasKeyword ? "green" : "red"
-      }), hasKeywordOveruse(title, keywords) && feedback.push({
-        text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
-        color: "orange"
-      });
-    } else
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-  return startsWithStopWord(title) && feedback.push({ text: "Title starts with a stop word \u2014 consider rephrasing.", color: "orange" }), hasExcessivePunctuation(title) && feedback.push({ text: "Title contains excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
-}, getMetaDescriptionValidationMessages = (description, keywords, isParentseoField) => {
-  const feedback = [], charCount = description?.length || 0;
-  if (!description?.trim())
-    return feedback.push({ text: "Meta description is empty. Add content to improve SEO.", color: "red" }), feedback;
-  if (charCount < 120 ? feedback.push({
-    text: `Description is ${charCount} chars \u2014 below recommended 120.`,
-    color: "orange"
-  }) : charCount > 160 ? feedback.push({
-    text: `Description is ${charCount} chars \u2014 exceeds recommended 160.`,
-    color: "red"
-  }) : feedback.push({ text: `Description length (${charCount}) looks good for SEO.`, color: "green" }), isParentseoField)
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(description, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in description \u2014 good job!" : "Keywords defined but missing in description.",
-        color: hasKeyword ? "green" : "red"
-      }), hasKeywordOveruse(description, keywords) && feedback.push({
-        text: "Keyword appears too many times \u2014 avoid keyword stuffing.",
-        color: "orange"
-      });
-    } else
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-  return startsWithStopWord(description) && feedback.push({
-    text: "Description starts with a stop word \u2014 consider rephrasing.",
-    color: "orange"
-  }), hasExcessivePunctuation(description) && feedback.push({
-    text: "Description contains excessive punctuation \u2014 simplify it.",
-    color: "orange"
-  }), feedback;
-}, getOgTitleValidation = (title, keywords = [], isParentseoField) => {
-  const feedback = [], count = title?.length || 0;
-  if (!title?.trim())
-    return feedback.push({ text: "OG Title is empty. Add content for better social preview.", color: "red" }), feedback;
-  if (count < 40 ? feedback.push({
-    text: `OG Title is ${count} chars \u2014 shorter than recommended 40.`,
-    color: "orange"
-  }) : count > 60 ? feedback.push({ text: `OG Title is ${count} chars \u2014 exceeds recommended 60.`, color: "red" }) : feedback.push({ text: `OG Title length (${count}) looks good.`, color: "green" }), isParentseoField)
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(title, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in OG title \u2014 good job!" : "Keywords defined but missing in OG title.",
-        color: hasKeyword ? "green" : "red"
-      }), hasKeywordOveruse(title, keywords) && feedback.push({
-        text: "Keyword appears too many times in OG title \u2014 avoid keyword stuffing.",
-        color: "orange"
-      });
-    } else
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-  return startsWithStopWord(title) && feedback.push({
-    text: "OG Title starts with a stop word \u2014 consider rephrasing.",
-    color: "orange"
-  }), hasExcessivePunctuation(title) && feedback.push({ text: "OG Title contains excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
-}, getOgDescriptionValidation = (desc, keywords = [], isParentseoField) => {
-  const feedback = [], count = desc?.length || 0;
-  if (!desc?.trim())
-    return feedback.push({
-      text: "OG Description is empty. Add content for better social preview.",
-      color: "red"
-    }), feedback;
-  if (count < 90 ? feedback.push({
-    text: `OG Description is ${count} chars \u2014 shorter than recommended 90.`,
-    color: "orange"
-  }) : count > 120 ? feedback.push({
-    text: `OG Description is ${count} chars \u2014 exceeds recommended 120.`,
-    color: "red"
-  }) : feedback.push({ text: `OG Description length (${count}) looks good.`, color: "green" }), isParentseoField)
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(desc, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in OG description \u2014 good job!" : "Keywords defined but missing in OG description.",
-        color: hasKeyword ? "green" : "red"
-      }), hasKeywordOveruse(desc, keywords) && feedback.push({
-        text: "Keyword appears too many times in OG description \u2014 avoid keyword stuffing.",
-        color: "orange"
-      });
-    } else
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-  return startsWithStopWord(desc) && feedback.push({
-    text: "OG Description starts with a stop word \u2014 consider rephrasing.",
-    color: "orange"
-  }), hasExcessivePunctuation(desc) && feedback.push({
-    text: "OG Description contains excessive punctuation \u2014 simplify it.",
-    color: "orange"
-  }), feedback;
-}, getTwitterTitleValidation = (title, keywords = [], isParentseoField) => {
-  const feedback = [], count = title?.length || 0;
-  if (!title?.trim())
-    return feedback.push({ text: "X Title is empty. Add content for better SEO.", color: "red" }), feedback;
-  if (count < 30 ? feedback.push({
-    text: `X Title is ${count} chars \u2014 shorter than recommended 30.`,
-    color: "orange"
-  }) : count > 70 ? feedback.push({
-    text: `X Title is ${count} chars \u2014 exceeds recommended 70.`,
-    color: "red"
-  }) : feedback.push({ text: `X Title length (${count}) looks good.`, color: "green" }), isParentseoField)
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(title, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in X title \u2014 good job!" : "Keywords defined but missing in X title.",
-        color: hasKeyword ? "green" : "red"
-      });
-    } else
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-  return /[!@#$%^&*]{2,}/.test(title) && feedback.push({ text: "X Title has excessive punctuation \u2014 simplify it.", color: "orange" }), feedback;
-}, getTwitterDescriptionValidation = (desc, keywords = [], isParentseoField) => {
-  const feedback = [], count = desc?.length || 0;
-  if (!desc?.trim())
-    return feedback.push({ text: "X Description is empty. Add content for better SEO.", color: "red" }), feedback;
-  if (count < 50 ? feedback.push({
-    text: `X Description is ${count} chars \u2014 shorter than recommended 50.`,
-    color: "orange"
-  }) : count > 200 ? feedback.push({
-    text: `X Description is ${count} chars \u2014 exceeds recommended 200.`,
-    color: "red"
-  }) : feedback.push({ text: `X Description length (${count}) looks good.`, color: "green" }), isParentseoField)
-    if (keywords.length > 0) {
-      const hasKeyword = hasMatchingKeyword(desc, keywords);
-      feedback.push({
-        text: hasKeyword ? "Keyword found in X description \u2014 good job!" : "Keywords defined but missing in X description.",
-        color: hasKeyword ? "green" : "red"
-      });
-    } else
-      feedback.push({
-        text: "No keywords defined. Consider adding relevant keywords.",
-        color: "orange"
-      });
-  return /[!@#$%^&*]{2,}/.test(desc) && feedback.push({
-    text: "X Description has excessive punctuation \u2014 simplify it.",
-    color: "orange"
-  }), feedback;
-}, MetaDescription = (props) => {
-  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = useMemo(() => parent?.keywords || [], [parent?.keywords]), feedbackItems = useMemo(
-    () => getMetaDescriptionValidationMessages(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: { width: 10, height: 10, borderRadius: "50%", backgroundColor: item.color }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: !0, size: 14, children: item.text })
-    ] }, item.text)) })
-  ] });
-}, MetaTitle = (props) => {
-  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = useMemo(() => parent?.keywords || [], [parent?.keywords]), feedbackItems = useMemo(
-    () => getMetaTitleValidationMessages(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            minWidth: 10,
-            height: 10,
-            borderRadius: "50%",
-            backgroundColor: item.color
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: !0, size: 14, children: item.text })
-    ] }, item.text)) })
-  ] });
-}, PreviewContainer = lt.div`
-  max-width: 600px;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-  background: #ffffff;
-  border: 1px solid #dadce0;
-  border-radius: 8px;
-  overflow: hidden;
-`, PreviewHeader = lt.div`
-  background: #f8f9fa;
-  padding: 12px 16px;
-  border-bottom: 1px solid #dadce0;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 8px;
-`, PreviewBody = lt.div`
-  padding: 16px;
-`, SerpUrl = lt.p`
-  margin: 0 0 4px;
-  color: #006621;
-  font-size: 13px;
-  line-height: 1.4;
-  word-break: break-word;
-`, SerpTitle = lt.h3`
-  margin: 0 0 8px;
-  color: #1a0dab;
-  font-size: 18px;
-  font-weight: 500;
-  line-height: 1.4;
-  word-break: break-word;
-
-  &:hover {
-    text-decoration: underline;
-  }
-`, SerpDescription = lt.p`
-  margin: 0;
-  color: #545454;
-  font-size: 14px;
-  line-height: 1.6;
-  word-break: break-word;
-  display: -webkit-box;
-  -webkit-line-clamp: 2;
-  -webkit-box-orient: vertical;
-  overflow: hidden;
-`, LiveIndicator = lt.span`
-  display: inline-flex;
-  align-items: center;
-  gap: 4px;
-  font-size: 11px;
-  font-weight: 600;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: #4f46e5;
-  background: #f0f4ff;
-  padding: 4px 8px;
-  border-radius: 4px;
-`, SeoPreview = (props) => {
-  const { path, schemaType } = props, { options } = schemaType, baseUrl = options?.baseUrl || "https://www.example.com", prefixFunction = options?.prefix, parent = useFormValue([path[0]]) || {
-    title: "",
-    description: "",
-    canonicalUrl: ""
-  }, rootDoc = useFormValue([]) || {
-    slug: { current: "" }
-  }, slug = rootDoc?.slug?.current || "", {
-    title,
-    description,
-    canonicalUrl: url
-  } = parent, base = (url || baseUrl)?.replace(/\/+$/, ""), slugStr = String(slug || "").replace(/^\/+/, ""), urlPath = [String(
-    prefixFunction ? prefixFunction(rootDoc) : ""
-  ).replace(/^\/+|\/+$/g, ""), slugStr].filter(Boolean).join("/"), finalUrl = urlPath ? `${base}/${urlPath}` : base, urlDisplay = `${(() => {
-    try {
-      return new URL(finalUrl || base).hostname;
-    } catch {
-      return "example.com";
-    }
-  })()}${urlPath ? ` \u203A ${urlPath.split("/").slice(-1)[0]}` : ""}`;
-  return /* @__PURE__ */ jsx(Box, { padding: 3, children: /* @__PURE__ */ jsxs(PreviewContainer, { children: [
-    /* @__PURE__ */ jsxs(PreviewHeader, { children: [
-      /* @__PURE__ */ jsx(
-        "span",
-        {
-          style: {
-            fontSize: "11px",
-            color: "#5f6368",
-            textTransform: "uppercase",
-            letterSpacing: "0.05em"
-          },
-          children: "Search Preview"
-        }
-      ),
-      /* @__PURE__ */ jsxs(LiveIndicator, { children: [
-        /* @__PURE__ */ jsx(
-          "span",
-          {
-            style: {
-              width: "4px",
-              height: "4px",
-              borderRadius: "50%",
-              backgroundColor: "#4f46e5",
-              display: "inline-block"
-            }
-          }
-        ),
-        "Live"
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(PreviewBody, { children: [
-      /* @__PURE__ */ jsx(SerpUrl, { children: finalUrl ? urlDisplay : "example.com \u203A page-url" }),
-      /* @__PURE__ */ jsx(SerpTitle, { children: title && title.length > 0 ? truncate(title, 60) : "Your SEO Title will appear here" }),
-      /* @__PURE__ */ jsx(SerpDescription, { children: description && description.length > 0 ? truncate(description, 160) : "Your meta description will show up here. Make it compelling!" })
-    ] })
-  ] }) });
-}, DEFAULT_FIELD_INFO = {
-  title: {
-    title: "Meta Title",
-    description: "The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page."
-  },
-  description: {
-    title: "Meta Description",
-    description: "Provide a concise summary of the page content. This description may be used by search engines in search results."
-  },
-  metaImage: {
-    title: "Meta Image",
-    description: "Upload an image that represents the content of the page. This image may be used in social media previews and search engine results."
-  },
-  keywords: {
-    title: "Keywords",
-    description: "Add relevant keywords for this page. These keywords will be used for SEO purposes."
-  },
-  canonicalUrl: {
-    title: "Canonical URL",
-    description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page."
-  },
-  robots: {
-    title: "Robots Settings",
-    description: "Configure how search engine crawlers should index and follow links on this page."
-  },
-  metaAttributes: {
-    title: "Additional Meta Attributes",
-    description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
-  },
-  openGraphTitle: {
-    title: "Open Graph Title",
-    description: ""
-  },
-  openGraphUrl: {
-    title: "Open Graph URL",
-    description: "The canonical URL of the page. This should be the full URL including protocol (https://)."
-  },
-  openGraphDescription: {
-    title: "Open Graph Description",
-    description: ""
-  },
-  openGraphSiteName: {
-    title: "Open Graph Site Name",
-    description: "The name of your website. This is often the site title."
-  },
-  openGraphType: {
-    title: "Open Graph Type",
-    description: "Select the type of content for Open Graph."
-  },
-  openGraphImageType: {
-    title: "Image Type",
-    description: "Choose whether to upload an image or provide an image URL for Open Graph."
-  },
-  openGraphImage: {
-    title: "Open Graph Image",
-    description: "Recommended size: 1200x630px (minimum 600x315px). Max file size: 5MB. Aspect ratio 1.91:1."
-  },
-  openGraphImageUrl: {
-    title: "Open Graph Image URL",
-    description: "Enter the full URL of the image. Ensure the image is accessible and meets the recommended size of 1200x630px (minimum 600x315px)."
-  },
-  twitterCard: {
-    title: "X Card Type",
-    description: ""
-  },
-  twitterSite: {
-    title: "Site X Handle",
-    description: "The X (formerly Twitter) handle of the website (e.g., @example)"
-  },
-  twitterCreator: {
-    title: "X Creator Handle",
-    description: "The X (formerly Twitter) handle of the content creator (e.g., @creator)"
-  },
-  twitterTitle: {
-    title: "X Title",
-    description: "The title of the content as it should appear on X (formerly Twitter)."
-  },
-  twitterDescription: {
-    title: "X Description",
-    description: "A brief description of the content for X (formerly Twitter)."
-  },
-  twitterImageType: {
-    title: "X Image Type",
-    description: "Choose whether to upload an image or provide an image URL for X (formerly Twitter)."
-  },
-  twitterImage: {
-    title: "X Image",
-    description: 'An image URL which should be at least 120x120px for "summary" card and 280x150px for "summary_large_image" card.'
-  },
-  twitterImageUrl: {
-    title: "X Image URL",
-    description: "Enter the full URL of the image for X (formerly Twitter). Ensure the image is accessible and meets the recommended size."
-  }
-}, getFieldInfo = (fieldName, fieldOverrides) => {
-  const fieldInfo = fieldOverrides && fieldOverrides[fieldName] || DEFAULT_FIELD_INFO[fieldName];
-  return fieldInfo ? { title: fieldInfo.title || "", description: fieldInfo.description || "" } : { title: "", description: "" };
-}, isFieldHidden = (fieldName, config, documentType) => !!(config.defaultHiddenFields?.includes(fieldName) || documentType && config.fieldVisibility?.[documentType]?.hiddenFields?.includes(fieldName)), getFieldHiddenFunction = (fieldName, config) => ({
-  document: document2
-}) => {
-  const documentType = document2?._type;
-  return isFieldHidden(fieldName, config, documentType);
-}, isEmpty = (value) => value == null || typeof value == "string" && value.trim() === "" || Array.isArray(value) && value.length === 0 || typeof value == "object" && !Array.isArray(value) && Object.keys(value).length === 0, OgDescription = (props) => {
-  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = useMemo(() => parent?.keywords || [], [parent?.keywords]), feedbackItems = useMemo(
-    () => getOgDescriptionValidation(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            minWidth: 10,
-            height: 10,
-            borderRadius: "50%",
-            backgroundColor: item.color
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: !0, size: 14, children: item.text })
-    ] }, item.text)) })
-  ] });
-}, OgTitle = (props) => {
-  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = useMemo(() => parent?.keywords || [], [parent?.keywords]), feedbackItems = useMemo(
-    () => getOgTitleValidation(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            minWidth: 10,
-            height: 10,
-            borderRadius: "50%",
-            backgroundColor: item.color
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: !0, size: 14, children: item.text })
-    ] }, item.text)) })
-  ] });
-};
-function openGraph(config = {}) {
-  return defineType({
-    name: "openGraph",
-    title: "Open Graph Settings",
-    type: "object",
-    fields: [
-      defineField({
-        name: "url",
-        type: "url",
-        ...getFieldInfo("openGraphUrl", config.fieldOverrides),
-        hidden: getFieldHiddenFunction("openGraphUrl", config),
-        description: "The canonical URL of the page. This should be the full URL including protocol (https://)."
-      }),
-      defineField({
-        name: "title",
-        ...getFieldInfo("openGraphTitle", config.fieldOverrides),
-        type: "string",
-        hidden: getFieldHiddenFunction("openGraphTitle", config),
-        components: {
-          input: OgTitle
-          // Can also wrap with a string input + preview
-        }
-      }),
-      defineField({
-        name: "description",
-        ...getFieldInfo("openGraphDescription", config.fieldOverrides),
-        type: "text",
-        rows: 3,
-        hidden: getFieldHiddenFunction("openGraphDescription", config),
-        components: {
-          input: OgDescription
-          // Can also wrap with a text area + preview
-        }
-      }),
-      defineField({
-        name: "siteName",
-        ...getFieldInfo("openGraphSiteName", config.fieldOverrides),
-        type: "string",
-        hidden: getFieldHiddenFunction("openGraphSiteName", config)
-      }),
-      defineField({
-        name: "type",
-        ...getFieldInfo("openGraphType", config.fieldOverrides),
-        type: "string",
-        options: {
-          list: [
-            { title: "Website", value: "website" },
-            { title: "Article", value: "article" },
-            { title: "Profile", value: "profile" },
-            { title: "Book", value: "book" },
-            { title: "Music", value: "music" },
-            { title: "Video", value: "video" },
-            { title: "Product", value: "product" }
-          ]
-          // layout: 'radio', // Display as radio buttons
-        },
-        hidden: getFieldHiddenFunction("openGraphType", config),
-        initialValue: "website"
-      }),
-      defineField({
-        name: "imageType",
-        ...getFieldInfo("openGraphImageType", config.fieldOverrides),
-        type: "string",
-        options: {
-          list: [
-            { title: "Upload Image", value: "upload" },
-            { title: "Image URL", value: "url" }
-          ]
-        },
-        hidden: getFieldHiddenFunction("openGraphImage", config),
-        initialValue: "upload"
-      }),
-      defineField({
-        name: "image",
-        ...getFieldInfo("openGraphImage", config.fieldOverrides),
-        type: "image",
-        options: {
-          hotspot: !0
-        },
-        fields: [
-          defineField({
-            name: "alt",
-            title: "Image Alt Text",
-            type: "string",
-            description: "A description of the image for accessibility purposes."
-          })
-        ],
-        hidden: (context) => {
-          const { parent } = context;
-          if (parent?.imageType !== "upload") return !0;
-          const hiddenFn = getFieldHiddenFunction("openGraphImage", config);
-          return typeof hiddenFn == "function" ? hiddenFn(context) : hiddenFn;
-        }
-      }),
-      defineField({
-        name: "imageUrl",
-        ...getFieldInfo("openGraphImageUrl", config.fieldOverrides),
-        type: "url",
-        hidden: (context) => {
-          const { parent } = context;
-          if (parent?.imageType !== "url") return !0;
-          const hiddenFn = getFieldHiddenFunction("openGraphImage", config);
-          return typeof hiddenFn == "function" ? hiddenFn(context) : hiddenFn;
-        }
-      })
-    ]
-  });
-}
-const TwitterDescription = (props) => {
-  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = useMemo(() => parent?.keywords || [], [parent?.keywords]), feedbackItems = useMemo(
-    () => getTwitterDescriptionValidation(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            minWidth: 10,
-            height: 10,
-            borderRadius: "50%",
-            backgroundColor: item.color
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: !0, size: 14, children: item.text })
-    ] }, item.text)) })
-  ] });
-}, TwitterTitle = (props) => {
-  const { value, renderDefault, path } = props, parent = useFormValue([path[0]]), isParentseoField = parent && parent?._type === "seoFields", keywords = useMemo(() => parent?.keywords || [], [parent?.keywords]), feedbackItems = useMemo(
-    () => getTwitterTitleValidation(value || "", keywords, isParentseoField),
-    [value, keywords, isParentseoField]
-  );
-  return /* @__PURE__ */ jsxs(Stack, { space: 3, children: [
-    renderDefault(props),
-    /* @__PURE__ */ jsx(Stack, { space: 2, children: feedbackItems.map((item) => /* @__PURE__ */ jsxs("div", { style: { display: "flex", alignItems: "center", gap: 7 }, children: [
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          style: {
-            minWidth: 10,
-            height: 10,
-            borderRadius: "50%",
-            backgroundColor: item.color
-          }
-        }
-      ),
-      /* @__PURE__ */ jsx(Text, { weight: "bold", muted: !0, size: 14, children: item.text })
-    ] }, item.text)) })
-  ] });
-};
-function twitter(config = {}) {
-  return defineType({
-    name: "twitter",
-    title: "X (Formerly Twitter)",
-    type: "object",
-    fields: [
-      defineField({
-        name: "card",
-        ...getFieldInfo("twitterCard", config.fieldOverrides),
-        type: "string",
-        options: {
-          list: [
-            { title: "Summary", value: "summary" },
-            { title: "Summary with Large Image", value: "summary_large_image" },
-            { title: "App", value: "app" },
-            { title: "Player", value: "player" }
-          ]
-        },
-        hidden: getFieldHiddenFunction("twitterCard", config),
-        initialValue: "summary_large_image"
-        // good default
-      }),
-      defineField({
-        name: "site",
-        ...getFieldInfo("twitterSite", config.fieldOverrides),
-        type: "string",
-        hidden: getFieldHiddenFunction("twitterSite", config)
-      }),
-      defineField({
-        name: "creator",
-        type: "string",
-        ...getFieldInfo("twitterCreator", config.fieldOverrides),
-        hidden: getFieldHiddenFunction("twitterCreator", config)
-      }),
-      defineField({
-        name: "title",
-        type: "string",
-        ...getFieldInfo("twitterTitle", config.fieldOverrides),
-        hidden: getFieldHiddenFunction("twitterTitle", config),
-        components: {
-          input: TwitterTitle
-        }
-      }),
-      defineField({
-        name: "description",
-        type: "text",
-        rows: 3,
-        ...getFieldInfo("twitterDescription", config.fieldOverrides),
-        hidden: getFieldHiddenFunction("twitterDescription", config),
-        components: {
-          input: TwitterDescription
-        }
-      }),
-      defineField({
-        name: "imageType",
-        ...getFieldInfo("twitterImageType", config.fieldOverrides),
-        type: "string",
-        options: {
-          list: [
-            { title: "Upload Image", value: "upload" },
-            { title: "Image URL", value: "url" }
-          ]
-        },
-        hidden: getFieldHiddenFunction("twitterImage", config),
-        initialValue: "upload"
-      }),
-      defineField({
-        name: "image",
-        ...getFieldInfo("twitterImage", config.fieldOverrides),
-        type: "image",
-        options: {
-          hotspot: !0
-        },
-        fields: [
-          defineField({
-            name: "alt",
-            title: "Image Alt Text",
-            type: "string",
-            description: "A description of the image for accessibility purposes."
-          })
-        ],
-        hidden: (context) => {
-          const { parent } = context;
-          if (parent?.imageType !== "upload") return !0;
-          const hiddenFn = getFieldHiddenFunction("twitterImage", config);
-          return typeof hiddenFn == "function" ? hiddenFn(context) : hiddenFn;
-        }
-      }),
-      defineField({
-        name: "imageUrl",
-        ...getFieldInfo("twitterImageUrl", config.fieldOverrides),
-        type: "url",
-        hidden: (context) => {
-          const { parent } = context;
-          if (parent?.imageType !== "url") return !0;
-          const hiddenFn = getFieldHiddenFunction("twitterImage", config);
-          return typeof hiddenFn == "function" ? hiddenFn(context) : hiddenFn;
-        }
-      })
-    ]
-  });
-}
-function seoFieldsSchema(config = {}) {
-  return defineType({
-    name: "seoFields",
-    title: "SEO Fields",
-    type: "object",
-    fields: [
-      defineField({
-        name: "robots",
-        title: "Robots Settings",
-        type: "robots",
-        // Use the separate robots type here
-        hidden: getFieldHiddenFunction("robots", config)
-      }),
-      // 👇 conditionally spread preview field
-      ...typeof config.seoPreview == "boolean" && config.seoPreview || typeof config.seoPreview == "object" && !isEmpty(config.seoPreview) ? [
-        defineField({
-          name: "preview",
-          title: "SEO Preview",
-          type: "string",
-          components: { input: SeoPreview },
-          options: {
-            baseUrl: config.baseUrl || "https://www.example.com",
-            ...typeof config.seoPreview == "object" && config.seoPreview && config.seoPreview.prefix ? { prefix: config.seoPreview.prefix } : {}
-          },
-          // Use a readOnly field to prevent editing
-          // This field is just for preview purposes
-          initialValue: "",
-          // Set an initial value
-          readOnly: !0
-        })
-      ] : [],
-      defineField({
-        name: "title",
-        ...getFieldInfo("title", config.fieldOverrides),
-        // title: 'Meta Title',
-        type: "string",
-        // description:
-        // 'The meta title is displayed in search engine results as the clickable headline for a given result. It should be concise and accurately reflect the content of the page.',
-        components: {
-          input: MetaTitle
-        },
-        // validation: (Rule) => Rule.max(60).warning('Meta title should be under 60 characters.'),
-        hidden: getFieldHiddenFunction("title", config)
-      }),
-      defineField({
-        name: "description",
-        ...getFieldInfo("description", config.fieldOverrides),
-        // title: 'Meta Description',
-        // description:
-        //   'Provide a concise summary of the page content. This description may be used by search engines in search results.',
-        type: "text",
-        rows: 3,
-        components: {
-          input: MetaDescription
-        },
-        // validation: (Rule) => Rule.max(160).warning('Meta description should be under 160 characters.'),
-        hidden: getFieldHiddenFunction("description", config)
-      }),
-      defineField({
-        name: "metaImage",
-        ...getFieldInfo("metaImage", config.fieldOverrides),
-        // title: 'Meta Image',
-        // description:
-        // 'Upload an image that represents the content of the page. This image may be used in social media previews and search engine results.',
-        type: "image",
-        options: {
-          hotspot: !0
-        },
-        hidden: getFieldHiddenFunction("metaImage", config)
-      }),
-      defineField({
-        name: "metaAttributes",
-        // title: 'Additional Meta Attributes',
-        ...getFieldInfo("metaAttributes", config.fieldOverrides),
-        type: "array",
-        of: [{ type: "metaAttribute" }],
-        // description:
-        //   'Add custom meta attributes to the head of the document for additional SEO and social media integration.',
-        hidden: getFieldHiddenFunction("metaAttributes", config)
-      }),
-      defineField({
-        name: "keywords",
-        ...getFieldInfo("keywords", config.fieldOverrides),
-        title: "Keywords",
-        type: "array",
-        of: [{ type: "string" }],
-        description: "Add relevant keywords for this page. These keywords will be used for SEO purposes.",
-        hidden: getFieldHiddenFunction("keywords", config)
-      }),
-      defineField({
-        name: "canonicalUrl",
-        ...getFieldInfo("canonicalUrl", config.fieldOverrides),
-        title: "Canonical URL",
-        type: "url",
-        description: "Specify the canonical URL for this page. This helps prevent duplicate content issues by indicating the preferred version of a page.",
-        hidden: getFieldHiddenFunction("canonicalUrl", config)
-      }),
-      openGraph(config),
-      twitter(config)
-    ]
-  });
-}
-var metaAttribute = defineType({
-  name: "metaAttribute",
-  title: "Meta Attribute",
-  type: "object",
-  fields: [
-    defineField({
-      name: "key",
-      title: "Attribute Name",
-      type: "string"
-    }),
-    defineField({
-      name: "type",
-      title: "Attribute Value Type",
-      type: "string",
-      options: {
-        list: [
-          { title: "String", value: "string" },
-          { title: "Image", value: "image" }
-        ]
-      },
-      initialValue: "string"
-    }),
-    defineField({
-      name: "value",
-      title: "Attribute Value",
-      type: "string",
-      hidden: ({ parent }) => parent?.type === "image"
-    }),
-    defineField({
-      name: "image",
-      title: "Attribute Image Value",
-      type: "image",
-      hidden: ({ parent }) => parent?.type === "string"
-    })
-  ],
-  preview: {
-    select: {
-      attributeName: "key",
-      attributeValueString: "value",
-      attributeValueImage: "image"
-    },
-    prepare({ attributeName, attributeValueString, attributeValueImage }) {
-      let subtitle = "";
-      return attributeValueString ? subtitle = `Value: ${attributeValueString}` : attributeValueImage ? subtitle = "Value: [Image]" : subtitle = "No Attribute Value", {
-        title: attributeName || "No Attribute Name",
-        subtitle,
-        media: attributeValueImage
-      };
-    }
-  }
-}), metaTag = defineType({
-  name: "metaTag",
-  title: "Meta Tag",
-  type: "object",
-  fields: [
-    {
-      name: "metaAttributes",
-      title: "Meta Attributes",
-      type: "array",
-      of: [{ type: "metaAttribute" }],
-      description: "Add custom meta attributes to the head of the document for additional SEO and social media integration."
-    }
-  ]
-}), robots = defineType({
-  name: "robots",
-  title: "Robots Settings",
-  type: "object",
-  fields: [
-    defineField({
-      name: "noIndex",
-      title: "No Index",
-      type: "boolean",
-      initialValue: !1,
-      description: "Enable this to prevent search engines from indexing this page. The page will not appear in search results."
-    }),
-    defineField({
-      name: "noFollow",
-      title: "No Follow",
-      type: "boolean",
-      initialValue: !1,
-      description: "Enable this to prevent search engines from following links on this page. Links will not pass SEO value."
-    })
-  ],
-  description: "Select how search engines should index and follow links on this page."
-});
-function types(config = {}) {
-  return [
-    seoFieldsSchema(config),
-    // pass config here
-    openGraph(config),
-    // pass config here
-    twitter(config),
-    // pass config here
-    metaAttribute,
-    metaTag,
-    robots
-  ];
-}
-const resolveDashboardConfig = (healthDashboard) => {
-  const cfg = typeof healthDashboard == "object" ? healthDashboard : void 0;
-  return {
-    enabled: healthDashboard !== !1,
-    toolTitle: cfg?.tool?.title ?? "SEO Health",
-    toolName: cfg?.tool?.name ?? "seo-health-dashboard",
-    icon: cfg?.content?.icon,
-    title: cfg?.content?.title,
-    description: cfg?.content?.description,
-    showTypeColumn: cfg?.display?.typeColumn,
-    showDocumentId: cfg?.display?.documentId,
-    queryTypes: cfg?.query?.types,
-    queryRequireSeo: cfg?.query?.requireSeo,
-    queryGroq: cfg?.query?.groq,
-    apiVersion: cfg?.apiVersion,
-    licenseKey: cfg?.licenseKey,
-    typeLabels: cfg?.typeLabels,
-    typeColumnMode: cfg?.typeColumnMode,
-    titleField: cfg?.titleField,
-    docBadge: cfg?.docBadge,
-    loadingLicense: cfg?.content?.loadingLicense,
-    loadingDocuments: cfg?.content?.loadingDocuments,
-    noDocuments: cfg?.content?.noDocuments,
-    previewMode: cfg?.previewMode,
-    structureTool: cfg?.structureTool
-  };
-}, seofields = definePlugin((config = {}) => {
-  const { healthDashboard = !0 } = config, dash = resolveDashboardConfig(healthDashboard), BoundSeoHealthTool = () => r.createElement(SeoHealthTool, {
-    icon: dash.icon,
-    title: dash.title,
-    description: dash.description,
-    showTypeColumn: dash.showTypeColumn,
-    showDocumentId: dash.showDocumentId,
-    queryTypes: dash.queryTypes,
-    queryRequireSeo: dash.queryRequireSeo,
-    customQuery: dash.queryGroq,
-    apiVersion: dash.apiVersion,
-    licenseKey: dash.licenseKey,
-    typeLabels: dash.typeLabels,
-    typeColumnMode: dash.typeColumnMode,
-    titleField: dash.titleField,
-    docBadge: dash.docBadge,
-    loadingLicense: dash.loadingLicense,
-    loadingDocuments: dash.loadingDocuments,
-    noDocuments: dash.noDocuments,
-    previewMode: dash.previewMode,
-    structureTool: dash.structureTool
-  });
-  return {
-    name: "sanity-plugin-seofields",
-    schema: {
-      types: types(config)
-    },
-    ...dash.enabled && {
-      tools: [
-        {
-          name: dash.toolName,
-          title: dash.toolTitle,
-          component: BoundSeoHealthTool,
-          icon: () => "\u{1F4CA}"
-        }
-      ]
-    }
-  };
-});
-function createSeoHealthPane(optionsOrS, optionsWhenS) {
-  const S2 = optionsOrS, { query, openInPane = !0, title: paneTitle, ...rest } = optionsWhenS ?? {}, SeoHealthPane = () => /* @__PURE__ */ jsx(SeoHealthDashboard, { customQuery: query, openInPane, title: paneTitle, ...rest });
-  return SeoHealthPane.displayName = "SeoHealthPane", S2.component(SeoHealthPane).title(paneTitle ?? "SEO Health").child((docId, { params }) => {
-    const builder = S2.document().documentId(docId);
-    return params?.type ? builder.schemaType(params.type) : builder;
-  });
-}
-export {
-  SeoHealthDashboard,
-  SeoHealthTool,
-  types as allSchemas,
-  createSeoHealthPane,
-  seofields as default,
-  metaAttribute as metaAttributeSchema,
-  metaTag as metaTagSchema,
-  openGraph as openGraphSchema,
-  robots as robotsSchema,
-  seoFieldsSchema,
-  twitter as twitterSchema
-};
-//# sourceMappingURL=index.mjs.map