@inploi/plugin-job-search 0.0.3 → 0.0.5

package/dist/plugin-job-search.js

@@ -5,47 +5,56 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { createPlugin } from "@inploi/sdk";
-var n$2, l$1, u$2, i$1, o$1, r$3, f$4, e$3, c$2 = {}, s$1 = [], a$1 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, h$1 = Array.isArray;
-function v$1(n2, l2) {
+var exhaustive = (value) => {
+  throw new Error(`Unhandled discriminated union member: ${JSON.stringify(value)}`);
+};
+function invariant(condition, message) {
+  if (condition) {
+    return;
+  }
+  throw new Error(message);
+}
+var n$3, l$2, u$3, i$2, o$2, r$3, f$5, e$3, c$3 = {}, s$2 = [], a$2 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, h$2 = Array.isArray;
+function v$2(n2, l2) {
   for (var u2 in l2)
     n2[u2] = l2[u2];
   return n2;
 }
-function p$3(n2) {
+function p$4(n2) {
   var l2 = n2.parentNode;
   l2 && l2.removeChild(n2);
 }
-function y$1(l2, u2, t2) {
+function y$2(l2, u2, t2) {
   var i2, o2, r2, f2 = {};
   for (r2 in u2)
     "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o2 = u2[r2] : f2[r2] = u2[r2];
-  if (arguments.length > 2 && (f2.children = arguments.length > 3 ? n$2.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps)
+  if (arguments.length > 2 && (f2.children = arguments.length > 3 ? n$3.call(arguments, 2) : t2), "function" == typeof l2 && null != l2.defaultProps)
     for (r2 in l2.defaultProps)
       void 0 === f2[r2] && (f2[r2] = l2.defaultProps[r2]);
-  return d$1(l2, f2, i2, o2, null);
+  return d$2(l2, f2, i2, o2, null);
 }
-function d$1(n2, t2, i2, o2, r2) {
-  var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r2 ? ++u$2 : r2, __i: -1, __u: 0 };
-  return null == r2 && null != l$1.vnode && l$1.vnode(f2), f2;
+function d$2(n2, t2, i2, o2, r2) {
+  var f2 = { type: n2, props: t2, key: i2, ref: o2, __k: null, __: null, __b: 0, __e: null, __d: void 0, __c: null, constructor: void 0, __v: null == r2 ? ++u$3 : r2, __i: -1, __u: 0 };
+  return null == r2 && null != l$2.vnode && l$2.vnode(f2), f2;
 }
-function _$1() {
+function _$2() {
   return { current: null };
 }
-function g$2(n2) {
+function g$3(n2) {
   return n2.children;
 }
-function b$1(n2, l2) {
+function b$2(n2, l2) {
   this.props = n2, this.context = l2;
 }
-function m$1(n2, l2) {
+function m$2(n2, l2) {
   if (null == l2)
-    return n2.__ ? m$1(n2.__, n2.__i + 1) : null;
+    return n2.__ ? m$2(n2.__, n2.__i + 1) : null;
   for (var u2; l2 < n2.__k.length; l2++)
     if (null != (u2 = n2.__k[l2]) && null != u2.__e)
       return u2.__e;
-  return "function" == typeof n2.type ? m$1(n2) : null;
+  return "function" == typeof n2.type ? m$2(n2) : null;
 }
-function k$4(n2) {
+function k$5(n2) {
   var l2, u2;
   if (null != (n2 = n2.__) && null != n2.__c) {
     for (n2.__e = n2.__c.base = null, l2 = 0; l2 < n2.__k.length; l2++)
@@ -53,43 +62,43 @@ function k$4(n2) {
         n2.__e = n2.__c.base = u2.__e;
         break;
       }
-    return k$4(n2);
+    return k$5(n2);
   }
 }
-function w$2(n2) {
-  (!n2.__d && (n2.__d = true) && i$1.push(n2) && !x$2.__r++ || o$1 !== l$1.debounceRendering) && ((o$1 = l$1.debounceRendering) || r$3)(x$2);
+function w$3(n2) {
+  (!n2.__d && (n2.__d = true) && i$2.push(n2) && !x$3.__r++ || o$2 !== l$2.debounceRendering) && ((o$2 = l$2.debounceRendering) || r$3)(x$3);
 }
-function x$2() {
+function x$3() {
   var n2, u2, t2, o2, r2, e2, c4, s2, a2;
-  for (i$1.sort(f$4); n2 = i$1.shift(); )
-    n2.__d && (u2 = i$1.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, s2 = [], a2 = [], (c4 = t2.__P) && ((o2 = v$1({}, r2)).__v = r2.__v + 1, l$1.vnode && l$1.vnode(o2), L$1(c4, o2, r2, t2.__n, void 0 !== c4.ownerSVGElement, 32 & r2.__u ? [e2] : null, s2, null == e2 ? m$1(r2) : e2, !!(32 & r2.__u), a2), o2.__.__k[o2.__i] = o2, M$2(s2, o2, a2), o2.__e != e2 && k$4(o2)), i$1.length > u2 && i$1.sort(f$4));
-  x$2.__r = 0;
+  for (i$2.sort(f$5); n2 = i$2.shift(); )
+    n2.__d && (u2 = i$2.length, o2 = void 0, e2 = (r2 = (t2 = n2).__v).__e, s2 = [], a2 = [], (c4 = t2.__P) && ((o2 = v$2({}, r2)).__v = r2.__v + 1, l$2.vnode && l$2.vnode(o2), L$1(c4, o2, r2, t2.__n, void 0 !== c4.ownerSVGElement, 32 & r2.__u ? [e2] : null, s2, null == e2 ? m$2(r2) : e2, !!(32 & r2.__u), a2), o2.__.__k[o2.__i] = o2, M$2(s2, o2, a2), o2.__e != e2 && k$5(o2)), i$2.length > u2 && i$2.sort(f$5));
+  x$3.__r = 0;
 }
-function C$1(n2, l2, u2, t2, i2, o2, r2, f2, e2, a2, h2) {
-  var v2, p2, y2, d2, _2, g2 = t2 && t2.__k || s$1, b2 = l2.length;
+function C$2(n2, l2, u2, t2, i2, o2, r2, f2, e2, a2, h2) {
+  var v2, p2, y2, d2, _2, g2 = t2 && t2.__k || s$2, b2 = l2.length;
   for (u2.__d = e2, P$2(u2, l2, g2), e2 = u2.__d, v2 = 0; v2 < b2; v2++)
-    null != (y2 = u2.__k[v2]) && "boolean" != typeof y2 && "function" != typeof y2 && (p2 = -1 === y2.__i ? c$2 : g2[y2.__i] || c$2, y2.__i = v2, L$1(n2, y2, p2, i2, o2, r2, f2, e2, a2, h2), d2 = y2.__e, y2.ref && p2.ref != y2.ref && (p2.ref && z$2(p2.ref, null, y2), h2.push(y2.ref, y2.__c || d2, y2)), null == _2 && null != d2 && (_2 = d2), 65536 & y2.__u || p2.__k === y2.__k ? e2 = S(y2, e2, n2) : "function" == typeof y2.type && void 0 !== y2.__d ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
+    null != (y2 = u2.__k[v2]) && "boolean" != typeof y2 && "function" != typeof y2 && (p2 = -1 === y2.__i ? c$3 : g2[y2.__i] || c$3, y2.__i = v2, L$1(n2, y2, p2, i2, o2, r2, f2, e2, a2, h2), d2 = y2.__e, y2.ref && p2.ref != y2.ref && (p2.ref && z$2(p2.ref, null, y2), h2.push(y2.ref, y2.__c || d2, y2)), null == _2 && null != d2 && (_2 = d2), 65536 & y2.__u || p2.__k === y2.__k ? e2 = S$1(y2, e2, n2) : "function" == typeof y2.type && void 0 !== y2.__d ? e2 = y2.__d : d2 && (e2 = d2.nextSibling), y2.__d = void 0, y2.__u &= -196609);
   u2.__d = e2, u2.__e = _2;
 }
 function P$2(n2, l2, u2) {
   var t2, i2, o2, r2, f2, e2 = l2.length, c4 = u2.length, s2 = c4, a2 = 0;
   for (n2.__k = [], t2 = 0; t2 < e2; t2++)
-    null != (i2 = n2.__k[t2] = null == (i2 = l2[t2]) || "boolean" == typeof i2 || "function" == typeof i2 ? null : "string" == typeof i2 || "number" == typeof i2 || "bigint" == typeof i2 || i2.constructor == String ? d$1(null, i2, null, null, i2) : h$1(i2) ? d$1(g$2, { children: i2 }, null, null, null) : void 0 === i2.constructor && i2.__b > 0 ? d$1(i2.type, i2.props, i2.key, i2.ref ? i2.ref : null, i2.__v) : i2) ? (i2.__ = n2, i2.__b = n2.__b + 1, f2 = H$1(i2, u2, r2 = t2 + a2, s2), i2.__i = f2, o2 = null, -1 !== f2 && (s2--, (o2 = u2[f2]) && (o2.__u |= 131072)), null == o2 || null === o2.__v ? (-1 == f2 && a2--, "function" != typeof i2.type && (i2.__u |= 65536)) : f2 !== r2 && (f2 === r2 + 1 ? a2++ : f2 > r2 ? s2 > e2 - r2 ? a2 += f2 - r2 : a2-- : a2 = f2 < r2 && f2 == r2 - 1 ? f2 - r2 : 0, f2 !== t2 + a2 && (i2.__u |= 65536))) : (o2 = u2[t2]) && null == o2.key && o2.__e && (o2.__e == n2.__d && (n2.__d = m$1(o2)), N$1(o2, o2, false), u2[t2] = null, s2--);
+    null != (i2 = n2.__k[t2] = null == (i2 = l2[t2]) || "boolean" == typeof i2 || "function" == typeof i2 ? null : "string" == typeof i2 || "number" == typeof i2 || "bigint" == typeof i2 || i2.constructor == String ? d$2(null, i2, null, null, i2) : h$2(i2) ? d$2(g$3, { children: i2 }, null, null, null) : void 0 === i2.constructor && i2.__b > 0 ? d$2(i2.type, i2.props, i2.key, i2.ref ? i2.ref : null, i2.__v) : i2) ? (i2.__ = n2, i2.__b = n2.__b + 1, f2 = H$1(i2, u2, r2 = t2 + a2, s2), i2.__i = f2, o2 = null, -1 !== f2 && (s2--, (o2 = u2[f2]) && (o2.__u |= 131072)), null == o2 || null === o2.__v ? (-1 == f2 && a2--, "function" != typeof i2.type && (i2.__u |= 65536)) : f2 !== r2 && (f2 === r2 + 1 ? a2++ : f2 > r2 ? s2 > e2 - r2 ? a2 += f2 - r2 : a2-- : a2 = f2 < r2 && f2 == r2 - 1 ? f2 - r2 : 0, f2 !== t2 + a2 && (i2.__u |= 65536))) : (o2 = u2[t2]) && null == o2.key && o2.__e && (o2.__e == n2.__d && (n2.__d = m$2(o2)), N$1(o2, o2, false), u2[t2] = null, s2--);
   if (s2)
     for (t2 = 0; t2 < c4; t2++)
-      null != (o2 = u2[t2]) && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = m$1(o2)), N$1(o2, o2));
+      null != (o2 = u2[t2]) && 0 == (131072 & o2.__u) && (o2.__e == n2.__d && (n2.__d = m$2(o2)), N$1(o2, o2));
 }
-function S(n2, l2, u2) {
+function S$1(n2, l2, u2) {
   var t2, i2;
   if ("function" == typeof n2.type) {
     for (t2 = n2.__k, i2 = 0; t2 && i2 < t2.length; i2++)
-      t2[i2] && (t2[i2].__ = n2, l2 = S(t2[i2], l2, u2));
+      t2[i2] && (t2[i2].__ = n2, l2 = S$1(t2[i2], l2, u2));
     return l2;
   }
   return n2.__e != l2 && (u2.insertBefore(n2.__e, l2 || null), l2 = n2.__e), l2 && l2.nextSibling;
 }
 function $$1(n2, l2) {
-  return l2 = l2 || [], null == n2 || "boolean" == typeof n2 || (h$1(n2) ? n2.some(function(n3) {
+  return l2 = l2 || [], null == n2 || "boolean" == typeof n2 || (h$2(n2) ? n2.some(function(n3) {
     $$1(n3, l2);
   }) : l2.push(n2)), l2;
 }
@@ -113,7 +122,7 @@ function H$1(n2, l2, u2, t2) {
   return -1;
 }
 function I$1(n2, l2, u2) {
-  "-" === l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || a$1.test(l2) ? u2 : u2 + "px";
+  "-" === l2[0] ? n2.setProperty(l2, null == u2 ? "" : u2) : n2[l2] = null == u2 ? "" : "number" != typeof u2 || a$2.test(l2) ? u2 : u2 + "px";
 }
 function T$2(n2, l2, u2, t2, i2) {
   var o2;
@@ -150,20 +159,20 @@ function A$2(n2) {
       return;
   } else
     n2.t = Date.now();
-  return u2(l$1.event ? l$1.event(n2) : n2);
+  return u2(l$2.event ? l$2.event(n2) : n2);
 }
 function D$1(n2) {
-  return this.l[n2.type + true](l$1.event ? l$1.event(n2) : n2);
+  return this.l[n2.type + true](l$2.event ? l$2.event(n2) : n2);
 }
 function L$1(n2, u2, t2, i2, o2, r2, f2, e2, c4, s2) {
   var a2, p2, y2, d2, _2, m2, k2, w2, x2, P2, S2, $2, H2, I2, T2, A2 = u2.type;
   if (void 0 !== u2.constructor)
     return null;
-  128 & t2.__u && (c4 = !!(32 & t2.__u), r2 = [e2 = u2.__e = t2.__e]), (a2 = l$1.__b) && a2(u2);
+  128 & t2.__u && (c4 = !!(32 & t2.__u), r2 = [e2 = u2.__e = t2.__e]), (a2 = l$2.__b) && a2(u2);
   n:
     if ("function" == typeof A2)
       try {
-        if (w2 = u2.props, x2 = (a2 = A2.contextType) && i2[a2.__c], P2 = a2 ? x2 ? x2.props.value : a2.__ : i2, t2.__c ? k2 = (p2 = u2.__c = t2.__c).__ = p2.__E : ("prototype" in A2 && A2.prototype.render ? u2.__c = p2 = new A2(w2, P2) : (u2.__c = p2 = new b$1(w2, P2), p2.constructor = A2, p2.render = O$1), x2 && x2.sub(p2), p2.props = w2, p2.state || (p2.state = {}), p2.context = P2, p2.__n = i2, y2 = p2.__d = true, p2.__h = [], p2._sb = []), null == p2.__s && (p2.__s = p2.state), null != A2.getDerivedStateFromProps && (p2.__s == p2.state && (p2.__s = v$1({}, p2.__s)), v$1(p2.__s, A2.getDerivedStateFromProps(w2, p2.__s))), d2 = p2.props, _2 = p2.state, p2.__v = u2, y2)
+        if (w2 = u2.props, x2 = (a2 = A2.contextType) && i2[a2.__c], P2 = a2 ? x2 ? x2.props.value : a2.__ : i2, t2.__c ? k2 = (p2 = u2.__c = t2.__c).__ = p2.__E : ("prototype" in A2 && A2.prototype.render ? u2.__c = p2 = new A2(w2, P2) : (u2.__c = p2 = new b$2(w2, P2), p2.constructor = A2, p2.render = O$1), x2 && x2.sub(p2), p2.props = w2, p2.state || (p2.state = {}), p2.context = P2, p2.__n = i2, y2 = p2.__d = true, p2.__h = [], p2._sb = []), null == p2.__s && (p2.__s = p2.state), null != A2.getDerivedStateFromProps && (p2.__s == p2.state && (p2.__s = v$2({}, p2.__s)), v$2(p2.__s, A2.getDerivedStateFromProps(w2, p2.__s))), d2 = p2.props, _2 = p2.state, p2.__v = u2, y2)
           null == A2.getDerivedStateFromProps && null != p2.componentWillMount && p2.componentWillMount(), null != p2.componentDidMount && p2.__h.push(p2.componentDidMount);
         else {
           if (null == A2.getDerivedStateFromProps && w2 !== d2 && null != p2.componentWillReceiveProps && p2.componentWillReceiveProps(w2, P2), !p2.__e && (null != p2.shouldComponentUpdate && false === p2.shouldComponentUpdate(w2, p2.__s, P2) || u2.__v === t2.__v)) {
@@ -178,7 +187,7 @@ function L$1(n2, u2, t2, i2, o2, r2, f2, e2, c4, s2) {
             p2.componentDidUpdate(d2, _2, m2);
           });
         }
-        if (p2.context = P2, p2.props = w2, p2.__P = n2, p2.__e = false, $2 = l$1.__r, H2 = 0, "prototype" in A2 && A2.prototype.render) {
+        if (p2.context = P2, p2.props = w2, p2.__P = n2, p2.__e = false, $2 = l$2.__r, H2 = 0, "prototype" in A2 && A2.prototype.render) {
           for (p2.state = p2.__s, p2.__d = false, $2 && $2(u2), a2 = p2.render(p2.props, p2.state, p2.context), I2 = 0; I2 < p2._sb.length; I2++)
             p2.__h.push(p2._sb[I2]);
           p2._sb = [];
@@ -186,25 +195,25 @@ function L$1(n2, u2, t2, i2, o2, r2, f2, e2, c4, s2) {
           do {
             p2.__d = false, $2 && $2(u2), a2 = p2.render(p2.props, p2.state, p2.context), p2.state = p2.__s;
           } while (p2.__d && ++H2 < 25);
-        p2.state = p2.__s, null != p2.getChildContext && (i2 = v$1(v$1({}, i2), p2.getChildContext())), y2 || null == p2.getSnapshotBeforeUpdate || (m2 = p2.getSnapshotBeforeUpdate(d2, _2)), C$1(n2, h$1(T2 = null != a2 && a2.type === g$2 && null == a2.key ? a2.props.children : a2) ? T2 : [T2], u2, t2, i2, o2, r2, f2, e2, c4, s2), p2.base = u2.__e, u2.__u &= -161, p2.__h.length && f2.push(p2), k2 && (p2.__E = p2.__ = null);
+        p2.state = p2.__s, null != p2.getChildContext && (i2 = v$2(v$2({}, i2), p2.getChildContext())), y2 || null == p2.getSnapshotBeforeUpdate || (m2 = p2.getSnapshotBeforeUpdate(d2, _2)), C$2(n2, h$2(T2 = null != a2 && a2.type === g$3 && null == a2.key ? a2.props.children : a2) ? T2 : [T2], u2, t2, i2, o2, r2, f2, e2, c4, s2), p2.base = u2.__e, u2.__u &= -161, p2.__h.length && f2.push(p2), k2 && (p2.__E = p2.__ = null);
       } catch (n3) {
-        u2.__v = null, c4 || null != r2 ? (u2.__e = e2, u2.__u |= c4 ? 160 : 32, r2[r2.indexOf(e2)] = null) : (u2.__e = t2.__e, u2.__k = t2.__k), l$1.__e(n3, u2, t2);
+        u2.__v = null, c4 || null != r2 ? (u2.__e = e2, u2.__u |= c4 ? 160 : 32, r2[r2.indexOf(e2)] = null) : (u2.__e = t2.__e, u2.__k = t2.__k), l$2.__e(n3, u2, t2);
       }
     else
       null == r2 && u2.__v === t2.__v ? (u2.__k = t2.__k, u2.__e = t2.__e) : u2.__e = j$2(t2.__e, u2, t2, i2, o2, r2, f2, c4, s2);
-  (a2 = l$1.diffed) && a2(u2);
+  (a2 = l$2.diffed) && a2(u2);
 }
 function M$2(n2, u2, t2) {
   u2.__d = void 0;
   for (var i2 = 0; i2 < t2.length; i2++)
     z$2(t2[i2], t2[++i2], t2[++i2]);
-  l$1.__c && l$1.__c(u2, n2), n2.some(function(u3) {
+  l$2.__c && l$2.__c(u2, n2), n2.some(function(u3) {
     try {
       n2 = u3.__h, u3.__h = [], n2.some(function(n3) {
         n3.call(u3);
       });
     } catch (n3) {
-      l$1.__e(n3, u3.__v);
+      l$2.__e(n3, u3.__v);
     }
   });
 }
@@ -225,7 +234,7 @@ function j$2(l2, u2, t2, i2, o2, r2, f2, e2, s2) {
   if (null === x2)
     k2 === w2 || e2 && l2.data === w2 || (l2.data = w2);
   else {
-    if (r2 = r2 && n$2.call(l2.childNodes), k2 = t2.props || c$2, !e2 && null != r2)
+    if (r2 = r2 && n$3.call(l2.childNodes), k2 = t2.props || c$3, !e2 && null != r2)
       for (k2 = {}, a2 = 0; a2 < l2.attributes.length; a2++)
         k2[(_2 = l2.attributes[a2]).name] = _2.value;
     for (a2 in k2)
@@ -234,9 +243,9 @@ function j$2(l2, u2, t2, i2, o2, r2, f2, e2, s2) {
       _2 = w2[a2], "children" == a2 ? d2 = _2 : "dangerouslySetInnerHTML" == a2 ? v2 = _2 : "value" == a2 ? g2 = _2 : "checked" == a2 ? b2 = _2 : "key" === a2 || e2 && "function" != typeof _2 || k2[a2] === _2 || T$2(l2, a2, _2, k2[a2], o2);
     if (v2)
       e2 || y2 && (v2.__html === y2.__html || v2.__html === l2.innerHTML) || (l2.innerHTML = v2.__html), u2.__k = [];
-    else if (y2 && (l2.innerHTML = ""), C$1(l2, h$1(d2) ? d2 : [d2], u2, t2, i2, o2 && "foreignObject" !== x2, r2, f2, r2 ? r2[0] : t2.__k && m$1(t2, 0), e2, s2), null != r2)
+    else if (y2 && (l2.innerHTML = ""), C$2(l2, h$2(d2) ? d2 : [d2], u2, t2, i2, o2 && "foreignObject" !== x2, r2, f2, r2 ? r2[0] : t2.__k && m$2(t2, 0), e2, s2), null != r2)
       for (a2 = r2.length; a2--; )
-        null != r2[a2] && p$3(r2[a2]);
+        null != r2[a2] && p$4(r2[a2]);
     e2 || (a2 = "value", void 0 !== g2 && (g2 !== l2[a2] || "progress" === x2 && !g2 || "option" === x2 && g2 !== k2[a2]) && T$2(l2, a2, g2, k2[a2], false), a2 = "checked", void 0 !== b2 && b2 !== l2[a2] && T$2(l2, a2, b2, k2[a2], false));
   }
   return l2;
@@ -245,40 +254,40 @@ function z$2(n2, u2, t2) {
   try {
     "function" == typeof n2 ? n2(u2) : n2.current = u2;
   } catch (n3) {
-    l$1.__e(n3, t2);
+    l$2.__e(n3, t2);
   }
 }
 function N$1(n2, u2, t2) {
   var i2, o2;
-  if (l$1.unmount && l$1.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || z$2(i2, null, u2)), null != (i2 = n2.__c)) {
+  if (l$2.unmount && l$2.unmount(n2), (i2 = n2.ref) && (i2.current && i2.current !== n2.__e || z$2(i2, null, u2)), null != (i2 = n2.__c)) {
     if (i2.componentWillUnmount)
       try {
         i2.componentWillUnmount();
       } catch (n3) {
-        l$1.__e(n3, u2);
+        l$2.__e(n3, u2);
       }
     i2.base = i2.__P = null, n2.__c = void 0;
   }
   if (i2 = n2.__k)
     for (o2 = 0; o2 < i2.length; o2++)
       i2[o2] && N$1(i2[o2], u2, t2 || "function" != typeof n2.type);
-  t2 || null == n2.__e || p$3(n2.__e), n2.__ = n2.__e = n2.__d = void 0;
+  t2 || null == n2.__e || p$4(n2.__e), n2.__ = n2.__e = n2.__d = void 0;
 }
 function O$1(n2, l2, u2) {
   return this.constructor(n2, u2);
 }
 function q$2(u2, t2, i2) {
   var o2, r2, f2, e2;
-  l$1.__ && l$1.__(u2, t2), r2 = (o2 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], L$1(t2, u2 = (!o2 && i2 || t2).__k = y$1(g$2, null, [u2]), r2 || c$2, c$2, void 0 !== t2.ownerSVGElement, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n$2.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), M$2(f2, u2, e2);
+  l$2.__ && l$2.__(u2, t2), r2 = (o2 = "function" == typeof i2) ? null : i2 && i2.__k || t2.__k, f2 = [], e2 = [], L$1(t2, u2 = (!o2 && i2 || t2).__k = y$2(g$3, null, [u2]), r2 || c$3, c$3, void 0 !== t2.ownerSVGElement, !o2 && i2 ? [i2] : r2 ? null : t2.firstChild ? n$3.call(t2.childNodes) : null, f2, !o2 && i2 ? i2 : r2 ? r2.__e : t2.firstChild, o2, e2), M$2(f2, u2, e2);
 }
 function B$2(n2, l2) {
   q$2(n2, l2, B$2);
 }
 function E$1(l2, u2, t2) {
-  var i2, o2, r2, f2, e2 = v$1({}, l2.props);
+  var i2, o2, r2, f2, e2 = v$2({}, l2.props);
   for (r2 in l2.type && l2.type.defaultProps && (f2 = l2.type.defaultProps), u2)
     "key" == r2 ? i2 = u2[r2] : "ref" == r2 ? o2 = u2[r2] : e2[r2] = void 0 === u2[r2] && void 0 !== f2 ? f2[r2] : u2[r2];
-  return arguments.length > 2 && (e2.children = arguments.length > 3 ? n$2.call(arguments, 2) : t2), d$1(l2.type, e2, i2 || l2.key, o2 || l2.ref, null);
+  return arguments.length > 2 && (e2.children = arguments.length > 3 ? n$3.call(arguments, 2) : t2), d$2(l2.type, e2, i2 || l2.key, o2 || l2.ref, null);
 }
 function F$2(n2, l2) {
   var u2 = { __c: l2 = "__cC" + e$3++, __: n2, Consumer: function(n3, l3) {
@@ -289,7 +298,7 @@ function F$2(n2, l2) {
       return t2;
     }, this.shouldComponentUpdate = function(n4) {
       this.props.value !== n4.value && u3.some(function(n5) {
-        n5.__e = true, w$2(n5);
+        n5.__e = true, w$3(n5);
       });
     }, this.sub = function(n4) {
       u3.push(n4);
@@ -301,7 +310,7 @@ function F$2(n2, l2) {
   } };
   return u2.Provider.__ = u2.Consumer.contextType = u2;
 }
-n$2 = s$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
+n$3 = s$2.slice, l$2 = { __e: function(n2, l2, u2, t2) {
   for (var i2, o2, r2; l2 = l2.__; )
     if ((i2 = l2.__c) && !i2.__)
       try {
@@ -311,26 +320,201 @@ n$2 = s$1.slice, l$1 = { __e: function(n2, l2, u2, t2) {
         n2 = l3;
       }
   throw n2;
-} }, u$2 = 0, b$1.prototype.setState = function(n2, l2) {
+} }, u$3 = 0, b$2.prototype.setState = function(n2, l2) {
   var u2;
-  u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = v$1({}, this.state), "function" == typeof n2 && (n2 = n2(v$1({}, u2), this.props)), n2 && v$1(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), w$2(this));
-}, b$1.prototype.forceUpdate = function(n2) {
-  this.__v && (this.__e = true, n2 && this.__h.push(n2), w$2(this));
-}, b$1.prototype.render = g$2, i$1 = [], r$3 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$4 = function(n2, l2) {
+  u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = v$2({}, this.state), "function" == typeof n2 && (n2 = n2(v$2({}, u2), this.props)), n2 && v$2(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), w$3(this));
+}, b$2.prototype.forceUpdate = function(n2) {
+  this.__v && (this.__e = true, n2 && this.__h.push(n2), w$3(this));
+}, b$2.prototype.render = g$3, i$2 = [], r$3 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$5 = function(n2, l2) {
   return n2.__v.__b - l2.__v.__b;
-}, x$2.__r = 0, e$3 = 0;
-const exhaustive = (value) => {
-  throw new Error(`Unhandled discriminated union member: ${JSON.stringify(value)}`);
-};
-function invariant(condition, message) {
-  if (condition) {
-    return;
+}, x$3.__r = 0, e$3 = 0;
+var o$1 = /[\s\n\\/='"\0<>]/, n$2 = /^(xlink|xmlns|xml)([A-Z])/, a$1 = /^accessK|^auto[A-Z]|^ch|^col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|readO|rowS|spellC|src[A-Z]|tabI|item[A-Z]/, i$1 = /^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/, l$1 = /["&<]/;
+function s$1(e2) {
+  if (0 === e2.length || false === l$1.test(e2))
+    return e2;
+  for (var t2 = 0, r2 = 0, o2 = "", n2 = ""; r2 < e2.length; r2++) {
+    switch (e2.charCodeAt(r2)) {
+      case 34:
+        n2 = "&quot;";
+        break;
+      case 38:
+        n2 = "&amp;";
+        break;
+      case 60:
+        n2 = "&lt;";
+        break;
+      default:
+        continue;
+    }
+    r2 !== t2 && (o2 += e2.slice(t2, r2)), o2 += n2, t2 = r2 + 1;
+  }
+  return r2 !== t2 && (o2 += e2.slice(t2, r2)), o2;
+}
+var c$2 = {}, p$3 = /* @__PURE__ */ new Set(["animation-iteration-count", "border-image-outset", "border-image-slice", "border-image-width", "box-flex", "box-flex-group", "box-ordinal-group", "column-count", "fill-opacity", "flex", "flex-grow", "flex-negative", "flex-order", "flex-positive", "flex-shrink", "flood-opacity", "font-weight", "grid-column", "grid-row", "line-clamp", "line-height", "opacity", "order", "orphans", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-miterlimit", "stroke-opacity", "stroke-width", "tab-size", "widows", "z-index", "zoom"]), u$2 = /[A-Z]/g;
+function f$4(e2) {
+  var t2 = "";
+  for (var r2 in e2) {
+    var o2 = e2[r2];
+    if (null != o2 && "" !== o2) {
+      var n2 = "-" == r2[0] ? r2 : c$2[r2] || (c$2[r2] = r2.replace(u$2, "-$&").toLowerCase()), a2 = ";";
+      "number" != typeof o2 || n2.startsWith("--") || p$3.has(n2) || (a2 = "px;"), t2 = t2 + n2 + ":" + o2 + a2;
+    }
+  }
+  return t2 || void 0;
+}
+var _$1, d$1, h$1, m$1, v$1 = [], g$2 = Array.isArray, y$1 = Object.assign;
+function b$1(o2, n2) {
+  var a2 = l$2.__s;
+  l$2.__s = true, _$1 = l$2.__b, d$1 = l$2.diffed, h$1 = l$2.__r, m$1 = l$2.unmount;
+  var i2 = y$2(g$3, null);
+  i2.__k = [o2];
+  try {
+    return C$1(o2, n2 || k$4, false, void 0, i2);
+  } finally {
+    l$2.__c && l$2.__c(o2, v$1), l$2.__s = a2, v$1.length = 0;
   }
-  throw new Error(message);
 }
-var t, r$2, u$1, i, o = 0, f$3 = [], c$1 = [], e$2 = l$1.__b, a = l$1.__r, v = l$1.diffed, l = l$1.__c, m = l$1.unmount;
+function x$2() {
+  this.__d = true;
+}
+var k$4 = {};
+function w$2(e2, t2) {
+  var r2, o2 = e2.type, n2 = true;
+  return e2.__c ? (n2 = false, (r2 = e2.__c).state = r2.__s) : r2 = new o2(e2.props, t2), e2.__c = r2, r2.__v = e2, r2.props = e2.props, r2.context = t2, r2.__d = true, null == r2.state && (r2.state = k$4), null == r2.__s && (r2.__s = r2.state), o2.getDerivedStateFromProps ? r2.state = y$1({}, r2.state, o2.getDerivedStateFromProps(r2.props, r2.state)) : n2 && r2.componentWillMount ? (r2.componentWillMount(), r2.state = r2.__s !== r2.state ? r2.__s : r2.state) : !n2 && r2.componentWillUpdate && r2.componentWillUpdate(), h$1 && h$1(e2), r2.render(r2.props, r2.state, t2);
+}
+function C$1(t2, l2, c4, p2, u2) {
+  if (null == t2 || true === t2 || false === t2 || "" === t2)
+    return "";
+  if ("object" != typeof t2)
+    return "function" == typeof t2 ? "" : s$1(t2 + "");
+  if (g$2(t2)) {
+    var v2 = "";
+    u2.__k = t2;
+    for (var b2 = 0; b2 < t2.length; b2++) {
+      var k2 = t2[b2];
+      null != k2 && "boolean" != typeof k2 && (v2 += C$1(k2, l2, c4, p2, u2));
+    }
+    return v2;
+  }
+  if (void 0 !== t2.constructor)
+    return "";
+  t2.__ = u2, _$1 && _$1(t2);
+  var A2, L2, D2, E2 = t2.type, T2 = t2.props, Z2 = l2;
+  if ("function" == typeof E2) {
+    if (E2 === g$3) {
+      if (T2.tpl) {
+        for (var F2 = "", U2 = 0; U2 < T2.tpl.length; U2++)
+          if (F2 += T2.tpl[U2], T2.exprs && U2 < T2.exprs.length) {
+            var W2 = T2.exprs[U2];
+            if (null == W2)
+              continue;
+            "object" != typeof W2 || void 0 !== W2.constructor && !g$2(W2) ? F2 += W2 : F2 += C$1(W2, l2, c4, p2, t2);
+          }
+        return F2;
+      }
+      if (T2.UNSTABLE_comment)
+        return "<!--" + s$1(T2.UNSTABLE_comment || "") + "-->";
+      L2 = T2.children;
+    } else {
+      if (null != (A2 = E2.contextType)) {
+        var $2 = l2[A2.__c];
+        Z2 = $2 ? $2.props.value : A2.__;
+      }
+      if (E2.prototype && "function" == typeof E2.prototype.render)
+        L2 = w$2(t2, Z2), D2 = t2.__c;
+      else {
+        t2.__c = D2 = { __v: t2, props: T2, context: Z2, setState: x$2, forceUpdate: x$2, __d: true, __h: [] };
+        for (var j2 = 0; D2.__d && j2++ < 25; )
+          D2.__d = false, h$1 && h$1(t2), L2 = E2.call(D2, T2, Z2);
+        D2.__d = true;
+      }
+      if (null != D2.getChildContext && (l2 = y$1({}, l2, D2.getChildContext())), (E2.getDerivedStateFromError || D2.componentDidCatch) && l$2.errorBoundaries) {
+        var M2 = "";
+        L2 = null != L2 && L2.type === g$3 && null == L2.key ? L2.props.children : L2;
+        try {
+          return M2 = C$1(L2, l2, c4, p2, t2);
+        } catch (e2) {
+          return E2.getDerivedStateFromError && (D2.__s = E2.getDerivedStateFromError(e2)), D2.componentDidCatch && D2.componentDidCatch(e2, {}), D2.__d && (L2 = w$2(t2, l2), null != (D2 = t2.__c).getChildContext && (l2 = y$1({}, l2, D2.getChildContext())), M2 = C$1(L2 = null != L2 && L2.type === g$3 && null == L2.key ? L2.props.children : L2, l2, c4, p2, t2)), M2;
+        } finally {
+          d$1 && d$1(t2), t2.__ = void 0, m$1 && m$1(t2);
+        }
+      }
+    }
+    var z2 = C$1(L2 = null != L2 && L2.type === g$3 && null == L2.key ? L2.props.children : L2, l2, c4, p2, t2);
+    return d$1 && d$1(t2), t2.__ = void 0, m$1 && m$1(t2), z2;
+  }
+  var H2, q2 = "<" + E2, B2 = "";
+  for (var I2 in T2) {
+    var N2 = T2[I2];
+    switch (I2) {
+      case "children":
+        H2 = N2;
+        continue;
+      case "key":
+      case "ref":
+      case "__self":
+      case "__source":
+        continue;
+      case "htmlFor":
+        if ("for" in T2)
+          continue;
+        I2 = "for";
+        break;
+      case "className":
+        if ("class" in T2)
+          continue;
+        I2 = "class";
+        break;
+      case "defaultChecked":
+        I2 = "checked";
+        break;
+      case "defaultSelected":
+        I2 = "selected";
+        break;
+      case "defaultValue":
+      case "value":
+        switch (I2 = "value", E2) {
+          case "textarea":
+            H2 = N2;
+            continue;
+          case "select":
+            p2 = N2;
+            continue;
+          case "option":
+            p2 != N2 || "selected" in T2 || (q2 += " selected");
+        }
+        break;
+      case "dangerouslySetInnerHTML":
+        B2 = N2 && N2.__html;
+        continue;
+      case "style":
+        "object" == typeof N2 && (N2 = f$4(N2));
+        break;
+      case "acceptCharset":
+        I2 = "accept-charset";
+        break;
+      case "httpEquiv":
+        I2 = "http-equiv";
+        break;
+      default:
+        if (n$2.test(I2))
+          I2 = I2.replace(n$2, "$1:$2").toLowerCase();
+        else {
+          if (o$1.test(I2))
+            continue;
+          "-" !== I2[4] && "draggable" !== I2 || null == N2 ? c4 ? i$1.test(I2) && (I2 = "panose1" === I2 ? "panose-1" : I2.replace(/([A-Z])/g, "-$1").toLowerCase()) : a$1.test(I2) && (I2 = I2.toLowerCase()) : N2 += "";
+        }
+    }
+    null != N2 && false !== N2 && "function" != typeof N2 && (q2 = true === N2 || "" === N2 ? q2 + " " + I2 : q2 + " " + I2 + '="' + s$1(N2 + "") + '"');
+  }
+  if (o$1.test(E2))
+    throw new Error(E2 + " is not a valid HTML tag name in " + q2 + ">");
+  return B2 || ("string" == typeof H2 ? B2 = s$1(H2) : null != H2 && false !== H2 && true !== H2 && (B2 = C$1(H2, l2, "svg" === E2 || "foreignObject" !== E2 && c4, p2, t2))), d$1 && d$1(t2), t2.__ = void 0, m$1 && m$1(t2), !B2 && S.has(E2) ? q2 + "/>" : q2 + ">" + B2 + "</" + E2 + ">";
+}
+var S = /* @__PURE__ */ new Set(["area", "base", "br", "col", "command", "embed", "hr", "img", "input", "keygen", "link", "meta", "param", "source", "track", "wbr"]);
+var t, r$2, u$1, i, o = 0, f$3 = [], c$1 = [], e$2 = l$2.__b, a = l$2.__r, v = l$2.diffed, l = l$2.__c, m = l$2.unmount;
 function d(t2, u2) {
-  l$1.__h && l$1.__h(r$2, t2, o || u2), o = 0;
+  l$2.__h && l$2.__h(r$2, t2, o || u2), o = 0;
   var i2 = r$2.__H || (r$2.__H = { __: [], __h: [] });
   return t2 >= i2.__.length && i2.__.push({ __V: c$1 }), i2.__[t2];
 }
@@ -375,11 +559,11 @@ function s(n2, u2, i2) {
 }
 function p$2(u2, i2) {
   var o2 = d(t++, 3);
-  !l$1.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__H.__h.push(o2));
+  !l$2.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__H.__h.push(o2));
 }
 function y(u2, i2) {
   var o2 = d(t++, 4);
-  !l$1.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__h.push(o2));
+  !l$2.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__h.push(o2));
 }
 function _(n2) {
   return o = 5, F$1(function() {
@@ -409,7 +593,7 @@ function q$1(n2) {
   return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$2)), u2.props.value) : n2.__;
 }
 function x$1(t2, r2) {
-  l$1.useDebugValue && l$1.useDebugValue(r2 ? r2(t2) : t2);
+  l$2.useDebugValue && l$2.useDebugValue(r2 ? r2(t2) : t2);
 }
 function P$1(n2) {
   var u2 = d(t++, 10), i2 = h();
@@ -435,24 +619,24 @@ function b() {
       try {
         t2.__H.__h.forEach(k$3), t2.__H.__h.forEach(w$1), t2.__H.__h = [];
       } catch (r2) {
-        t2.__H.__h = [], l$1.__e(r2, t2.__v);
+        t2.__H.__h = [], l$2.__e(r2, t2.__v);
       }
 }
-l$1.__b = function(n2) {
+l$2.__b = function(n2) {
   r$2 = null, e$2 && e$2(n2);
-}, l$1.__r = function(n2) {
+}, l$2.__r = function(n2) {
   a && a(n2), t = 0;
   var i2 = (r$2 = n2.__c).__H;
   i2 && (u$1 === r$2 ? (i2.__h = [], r$2.__h = [], i2.__.forEach(function(n3) {
     n3.__N && (n3.__ = n3.__N), n3.__V = c$1, n3.__N = n3.i = void 0;
   })) : (i2.__h.forEach(k$3), i2.__h.forEach(w$1), i2.__h = [], t = 0)), u$1 = r$2;
-}, l$1.diffed = function(t2) {
+}, l$2.diffed = function(t2) {
   v && v(t2);
   var o2 = t2.__c;
-  o2 && o2.__H && (o2.__H.__h.length && (1 !== f$3.push(o2) && i === l$1.requestAnimationFrame || ((i = l$1.requestAnimationFrame) || j$1)(b)), o2.__H.__.forEach(function(n2) {
+  o2 && o2.__H && (o2.__H.__h.length && (1 !== f$3.push(o2) && i === l$2.requestAnimationFrame || ((i = l$2.requestAnimationFrame) || j$1)(b)), o2.__H.__.forEach(function(n2) {
     n2.i && (n2.__H = n2.i), n2.__V !== c$1 && (n2.__ = n2.__V), n2.i = void 0, n2.__V = c$1;
   })), u$1 = r$2 = null;
-}, l$1.__c = function(t2, r2) {
+}, l$2.__c = function(t2, r2) {
   r2.some(function(t3) {
     try {
       t3.__h.forEach(k$3), t3.__h = t3.__h.filter(function(n2) {
@@ -461,10 +645,10 @@ l$1.__b = function(n2) {
     } catch (u2) {
       r2.some(function(n2) {
         n2.__h && (n2.__h = []);
-      }), r2 = [], l$1.__e(u2, t3.__v);
+      }), r2 = [], l$2.__e(u2, t3.__v);
     }
   }), l && l(t2, r2);
-}, l$1.unmount = function(t2) {
+}, l$2.unmount = function(t2) {
   m && m(t2);
   var r2, u2 = t2.__c;
   u2 && u2.__H && (u2.__H.__.forEach(function(n2) {
@@ -473,7 +657,7 @@ l$1.__b = function(n2) {
     } catch (n3) {
       r2 = n3;
     }
-  }), u2.__H = void 0, r2 && l$1.__e(r2, u2.__v));
+  }), u2.__H = void 0, r2 && l$2.__e(r2, u2.__v));
 };
 var g$1 = "function" == typeof requestAnimationFrame;
 function j$1(n2) {
@@ -521,15 +705,15 @@ function w(n2, e2) {
     return !r3 && t2 && (t2.call ? t2(null) : t2.current = null), e2 ? !e2(this.props, n3) || !r3 : C(this.props, n3);
   }
   function u2(e3) {
-    return this.shouldComponentUpdate = r2, y$1(n2, e3);
+    return this.shouldComponentUpdate = r2, y$2(n2, e3);
   }
   return u2.displayName = "Memo(" + (n2.displayName || n2.name) + ")", u2.prototype.isReactComponent = true, u2.__f = true, u2;
 }
-(E.prototype = new b$1()).isPureReactComponent = true, E.prototype.shouldComponentUpdate = function(n2, t2) {
+(E.prototype = new b$2()).isPureReactComponent = true, E.prototype.shouldComponentUpdate = function(n2, t2) {
   return C(this.props, n2) || C(this.state, t2);
 };
-var x = l$1.__b;
-l$1.__b = function(n2) {
+var x = l$2.__b;
+l$2.__b = function(n2) {
   n2.type && n2.type.__f && n2.ref && (n2.props.ref = n2.ref, n2.ref = null), x && x(n2);
 };
 var R = "undefined" != typeof Symbol && Symbol.for && Symbol.for("react.forward_ref") || 3911;
@@ -549,8 +733,8 @@ var k$2 = function(n2, t2) {
   if (1 !== t2.length)
     throw "Children.only";
   return t2[0];
-}, toArray: $$1 }, O = l$1.__e;
-l$1.__e = function(n2, t2, e2, r2) {
+}, toArray: $$1 }, O = l$2.__e;
+l$2.__e = function(n2, t2, e2, r2) {
   if (n2.then) {
     for (var u2, o2 = t2; o2 = o2.__; )
       if ((u2 = o2.__c) && u2.__c)
@@ -558,7 +742,7 @@ l$1.__e = function(n2, t2, e2, r2) {
   }
   O(n2, t2, e2, r2);
 };
-var T = l$1.unmount;
+var T = l$2.unmount;
 function F(n2, t2, e2) {
   return n2 && (n2.__c && n2.__c.__H && (n2.__c.__H.__.forEach(function(n3) {
     "function" == typeof n3.__c && n3.__c();
@@ -589,17 +773,17 @@ function D(n2) {
       throw u2;
     if (!r2)
       throw e2;
-    return y$1(r2, o3);
+    return y$2(r2, o3);
   }
   return o2.displayName = "Lazy", o2.__f = true, o2;
 }
 function M$1() {
   this.u = null, this.o = null;
 }
-l$1.unmount = function(n2) {
+l$2.unmount = function(n2) {
   var t2 = n2.__c;
   t2 && t2.__R && t2.__R(), t2 && 32 & n2.__u && (n2.type = null), T && T(n2);
-}, (L.prototype = new b$1()).__c = function(n2, t2) {
+}, (L.prototype = new b$2()).__c = function(n2, t2) {
   var e2 = t2.__c, r2 = this;
   null == r2.t && (r2.t = []), r2.t.push(e2);
   var u2 = U(r2.__v), o2 = false, i2 = function() {
@@ -628,8 +812,8 @@ l$1.unmount = function(n2) {
     }
     this.__b = null;
   }
-  var i2 = e2.__a && y$1(g$2, null, n2.fallback);
-  return i2 && (i2.__u &= -33), [y$1(g$2, null, e2.__a ? null : n2.children), i2];
+  var i2 = e2.__a && y$2(g$3, null, n2.fallback);
+  return i2 && (i2.__u &= -33), [y$2(g$3, null, e2.__a ? null : n2.children), i2];
 };
 var V = function(n2, t2, e2) {
   if (++e2[1] === e2[0] && n2.o.delete(t2), n2.props.revealOrder && ("t" !== n2.props.revealOrder[0] || !n2.o.size))
@@ -656,13 +840,13 @@ function P(n2) {
     this.childNodes.push(n3), e2.i.appendChild(n3);
   }, removeChild: function(n3) {
     this.childNodes.splice(this.childNodes.indexOf(n3) >>> 1, 1), e2.i.removeChild(n3);
-  } }), q$2(y$1(W, { context: e2.context }, n2.__v), e2.l);
+  } }), q$2(y$2(W, { context: e2.context }, n2.__v), e2.l);
 }
 function j(n2, e2) {
-  var r2 = y$1(P, { __v: n2, i: e2 });
+  var r2 = y$2(P, { __v: n2, i: e2 });
   return r2.containerInfo = e2, r2;
 }
-(M$1.prototype = new b$1()).__a = function(n2) {
+(M$1.prototype = new b$2()).__a = function(n2) {
   var t2 = this, e2 = U(t2.__v), r2 = t2.o.get(n2);
   return r2[0]++, function(u2) {
     var o2 = function() {
@@ -692,14 +876,14 @@ function q(n2, t2, e2) {
 function G(n2, t2, e2) {
   return B$2(n2, t2), "function" == typeof e2 && e2(), n2 ? n2.__c : null;
 }
-b$1.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
-  Object.defineProperty(b$1.prototype, t2, { configurable: true, get: function() {
+b$2.prototype.isReactComponent = {}, ["componentWillMount", "componentWillReceiveProps", "componentWillUpdate"].forEach(function(t2) {
+  Object.defineProperty(b$2.prototype, t2, { configurable: true, get: function() {
     return this["UNSAFE_" + t2];
   }, set: function(n2) {
     Object.defineProperty(this, t2, { configurable: true, writable: true, value: n2 });
   } });
 });
-var J = l$1.event;
+var J = l$2.event;
 function K() {
 }
 function Q() {
@@ -708,13 +892,13 @@ function Q() {
 function X() {
   return this.defaultPrevented;
 }
-l$1.event = function(n2) {
+l$2.event = function(n2) {
   return J && (n2 = J(n2)), n2.persist = K, n2.isPropagationStopped = Q, n2.isDefaultPrevented = X, n2.nativeEvent = n2;
 };
 var nn, tn = { enumerable: false, configurable: true, get: function() {
   return this.class;
-} }, en = l$1.vnode;
-l$1.vnode = function(n2) {
+} }, en = l$2.vnode;
+l$2.vnode = function(n2) {
   "string" == typeof n2.type && function(n3) {
     var t2 = n3.props, e2 = n3.type, u2 = {};
     for (var o2 in t2) {
@@ -731,12 +915,12 @@ l$1.vnode = function(n2) {
     })), t2.class && !t2.className ? (u2.class = t2.class, Object.defineProperty(u2, "className", tn)) : (t2.className && !t2.class || t2.class && t2.className) && (u2.class = u2.className = t2.className), n3.props = u2;
   }(n2), n2.$$typeof = z, en && en(n2);
 };
-var rn = l$1.__r;
-l$1.__r = function(n2) {
+var rn = l$2.__r;
+l$2.__r = function(n2) {
   rn && rn(n2), nn = n2.__c;
 };
-var un$2 = l$1.diffed;
-l$1.diffed = function(n2) {
+var un$2 = l$2.diffed;
+l$2.diffed = function(n2) {
   un$2 && un$2(n2);
   var t2 = n2.props, e2 = n2.__e;
   null != e2 && "textarea" === n2.type && "value" in t2 && t2.value !== e2.value && (e2.value = null == t2.value ? "" : t2.value), nn = null;
@@ -745,13 +929,13 @@ var on = { ReactCurrentDispatcher: { current: { readContext: function(n2) {
   return nn.__n[n2.__c].props.value;
 } } } }, ln = "17.0.2";
 function cn(n2) {
-  return y$1.bind(null, n2);
+  return y$2.bind(null, n2);
 }
 function fn$4(n2) {
   return !!n2 && n2.$$typeof === z;
 }
 function an(n2) {
-  return fn$4(n2) && n2.type === g$2;
+  return fn$4(n2) && n2.type === g$3;
 }
 function sn(n2) {
   return fn$4(n2) ? E$1.apply(null, arguments) : n2;
@@ -766,7 +950,7 @@ var dn = function(n2, t2) {
   return n2(t2);
 }, pn = function(n2, t2) {
   return n2(t2);
-}, mn = g$2;
+}, mn = g$3;
 function yn(n2) {
   n2();
 }
@@ -796,12 +980,12 @@ function En(n2) {
     return true;
   }
 }
-var wn = { useState: h, useId: V$1, useReducer: s, useEffect: p$2, useLayoutEffect: y, useInsertionEffect: Sn, useTransition: bn, useDeferredValue: _n, useSyncExternalStore: Cn, startTransition: yn, useRef: _, useImperativeHandle: A$1, useMemo: F$1, useCallback: T$1, useContext: q$1, useDebugValue: x$1, version: "17.0.2", Children: A, render: q, hydrate: G, unmountComponentAtNode: hn, createPortal: j, createElement: y$1, createContext: F$2, createFactory: cn, cloneElement: sn, createRef: _$1, Fragment: g$2, isValidElement: fn$4, isElement: gn, isFragment: an, findDOMNode: vn$2, Component: b$1, PureComponent: E, memo: w, forwardRef: N, flushSync: pn, unstable_batchedUpdates: dn, StrictMode: mn, Suspense: L, SuspenseList: M$1, lazy: D, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on };
+var wn = { useState: h, useId: V$1, useReducer: s, useEffect: p$2, useLayoutEffect: y, useInsertionEffect: Sn, useTransition: bn, useDeferredValue: _n, useSyncExternalStore: Cn, startTransition: yn, useRef: _, useImperativeHandle: A$1, useMemo: F$1, useCallback: T$1, useContext: q$1, useDebugValue: x$1, version: "17.0.2", Children: A, render: q, hydrate: G, unmountComponentAtNode: hn, createPortal: j, createElement: y$2, createContext: F$2, createFactory: cn, cloneElement: sn, createRef: _$2, Fragment: g$3, isValidElement: fn$4, isElement: gn, isFragment: an, findDOMNode: vn$2, Component: b$2, PureComponent: E, memo: w, forwardRef: N, flushSync: pn, unstable_batchedUpdates: dn, StrictMode: mn, Suspense: L, SuspenseList: M$1, lazy: D, __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on };
 const compat_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   Children: A,
-  Component: b$1,
-  Fragment: g$2,
+  Component: b$2,
+  Fragment: g$3,
   PureComponent: E,
   StrictMode: mn,
   Suspense: L,
@@ -809,10 +993,10 @@ const compat_module = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
   __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: on,
   cloneElement: sn,
   createContext: F$2,
-  createElement: y$1,
+  createElement: y$2,
   createFactory: cn,
   createPortal: j,
-  createRef: _$1,
+  createRef: _$2,
   default: wn,
   findDOMNode: vn$2,
   flushSync: pn,
@@ -1954,6 +2138,14 @@ var ValiError = class extends Error {
     this.issues = issues;
   }
 };
+function coerce(schema, action) {
+  return {
+    ...schema,
+    _parse(input, info) {
+      return schema._parse(action(input), info);
+    }
+  };
+}
 function getIssues(issues) {
   return { issues };
 }
@@ -2388,21 +2580,66 @@ function parse$2(schema, input, info) {
   }
   return result.output;
 }
-const AvailablePropertiesSchema = record(array(string()));
+function transform(schema, action, arg1) {
+  return {
+    ...schema,
+    _parse(input, info) {
+      const result = schema._parse(input, info);
+      if (result.issues) {
+        return result;
+      }
+      const output = action(result.output);
+      if (arg1 && !Array.isArray(arg1)) {
+        return arg1._parse(output, info);
+      }
+      return executePipe(output, arg1, info, typeof output);
+    }
+  };
+}
+const DEFAULT_FORMATTER = new Intl.RelativeTimeFormat("en", {
+  numeric: "auto"
+});
+const getRelativeTimeDifference = ({
+  from = /* @__PURE__ */ new Date(),
+  to,
+  formatter = DEFAULT_FORMATTER
+}) => {
+  const then = to instanceof Date ? to : new Date(to);
+  const diff = then.getTime() - from.getTime();
+  const diffIn = {
+    days: Math.round(diff / 1e3 / 60 / 60 / 24),
+    months: Math.round(diff / 1e3 / 60 / 60 / 24 / 30)
+  };
+  if (diffIn.days === 0)
+    return "today";
+  if (Math.abs(diffIn.days) < 30)
+    return formatter.format(diffIn.days, "days");
+  if (Math.abs(diffIn.days) < 3)
+    return formatter.format(diffIn.months, "months");
+  return diffIn.months < 0 ? "a long time ago" : "in a long time";
+};
+const SEVEN_DAYS_MS = 1e3 * 60 * 60 * 24 * 7;
+const AvailablePropertiesSchema = record(array(coerce(string(), String)));
 const PaginationSchema = object({
   total: number(),
   current_page: number(),
   per_page: number(),
   last_page: number()
 });
-const JobSchema = object({
+const payPeriods = {
+  ANNUALY: "per year",
+  DAILY: "per day",
+  HOURLY: "per hour",
+  MONTHLY: "per month",
+  WEEKLY: "per week"
+};
+const JobPayloadSchema = object({
   id: number(),
   company_name: string(),
   company_logo: string(),
   employment_type: union([literal("FULL_TIME"), literal("PART_TIME"), literal("TEMPORARY"), literal("CONTRACTOR"), literal("INTERN"), literal("VOLUNTEER"), literal("OTHER")]),
   location_type: union([literal("LOCATION"), literal("REMOTE"), literal("HYBRID")]),
   pay_type: union([literal("ANNUALY"), literal("HOURLY"), literal("MONTHLY"), literal("WEEKLY"), literal("DAILY")]),
-  // This is the SYMBOL of the currency, not the code
   pay_currency: string(),
   // Whether to mask the pay and show as "competitive"
   pay_mask: boolean(),
@@ -2425,6 +2662,32 @@ const JobSchema = object({
   created_at: string(),
   custom_data: record(any())
 });
+const JobSchema = transform(JobPayloadSchema, (schema) => {
+  const isNew = new Date(schema.created_at).getTime() > Date.now() - SEVEN_DAYS_MS;
+  const numberFormatter = new Intl.NumberFormat(void 0, {
+    style: "currency",
+    currency: schema.pay_currency
+  });
+  return {
+    id: schema.id,
+    isNew,
+    company: {
+      name: schema.company_name,
+      logo: schema.company_logo
+    },
+    employmentType: schema.employment_type,
+    locationType: schema.location_type,
+    pay: !schema.pay_display ? void 0 : schema.pay_mask ? "Competitive" : schema.pay_max && schema.pay_min ? [numberFormatter.formatRange(+schema.pay_min, +schema.pay_max), payPeriods[schema.pay_type]].join(" ") : [numberFormatter.format(+schema.pay), payPeriods[schema.pay_type]].join(" "),
+    description: schema.description,
+    title: schema.title,
+    coordinates: schema.coordinates,
+    contractType: schema.contract_type,
+    relativePostedDate: getRelativeTimeDifference({
+      to: new Date(schema.created_at)
+    }),
+    customData: schema.custom_data
+  };
+});
 const JobSearchResponseSchema = object({
   data: object({
     results: array(JobSchema),
@@ -2432,21 +2695,21 @@ const JobSearchResponseSchema = object({
   }),
   pagination: PaginationSchema
 });
+const filtersToPayload = (filters) => {
+  return Object.fromEntries(Object.entries(filters).map(([key, filter]) => [key, (filter == null ? void 0 : filter.value) ?? null]));
+};
 const getJobSearchResults = async ({
   apiClient,
   logger,
-  signal
+  signal,
+  filters
 }) => {
   try {
     const response = await apiClient.fetch("/search", {
       method: "POST",
       body: JSON.stringify({
         query: "Customer Service",
-        filters: {
-          title: null,
-          city: "Galway",
-          employment_type: ["PART_TIME", "FULL_TIME"]
-        }
+        filters: filtersToPayload(filters)
       }),
       signal
     });
@@ -2541,10 +2804,10 @@ function u(e2, t2, n2, o2, i2, u2) {
   if ("function" == typeof e2 && (a2 = e2.defaultProps))
     for (c4 in a2)
       void 0 === p2[c4] && (p2[c4] = a2[c4]);
-  return l$1.vnode && l$1.vnode(l2), l2;
+  return l$2.vnode && l$2.vnode(l2), l2;
 }
 const icons = {
-  briefcase: u(g$2, {
+  briefcase: u(g$3, {
     children: [u("path", {
       d: "M17.25 7.75H6.75C5.64543 7.75 4.75 8.64543 4.75 9.75V16.25C4.75 17.3546 5.64543 18.25 6.75 18.25H17.25C18.3546 18.25 19.25 17.3546 19.25 16.25V9.75C19.25 8.64543 18.3546 7.75 17.25 7.75Z"
     }), u("path", {
@@ -2555,7 +2818,7 @@ const icons = {
       d: "M9.25 7.5V6.25C9.25 5.42157 9.92157 4.75 10.75 4.75H13.25C14.0784 4.75 14.75 5.42157 14.75 6.25V7.5"
     })]
   }),
-  brand: u(g$2, {
+  brand: u(g$3, {
     children: [u("path", {
       d: "M18.45 13.9901C18.1288 15.031 17.5574 15.9886 16.773 16.773C15.5071 18.0388 13.7902 18.75 12 18.75C10.2098 18.75 8.49289 18.0388 7.22702 16.773C6.44262 15.9886 5.87122 15.031 5.55003 13.9901"
     }), u("path", {
@@ -2576,7 +2839,7 @@ const icons = {
       r: "2"
     })]
   }),
-  building: u(g$2, {
+  building: u(g$3, {
     children: [u("path", {
       d: "M16.75 10.25H13.75"
     }), u("path", {
@@ -2587,26 +2850,26 @@ const icons = {
       d: "M10.25 12.25V18.25"
     })]
   }),
-  circles: u(g$2, {
+  circles: u(g$3, {
     children: [u("path", {
       d: "M16.773 16.773C15.829 17.717 14.6262 18.3599 13.3169 18.6203C12.0075 18.8808 10.6503 18.7471 9.41689 18.2362C8.18349 17.7253 7.12928 16.8601 6.38758 15.7501C5.64588 14.6401 5.25 13.335 5.25 12C5.25 10.665 5.64588 9.35993 6.38758 8.2499C7.12928 7.13987 8.18349 6.27471 9.41689 5.76381C10.6503 5.25292 12.0075 5.11925 13.3169 5.3797C14.6262 5.64015 15.829 6.28302 16.773 7.22703"
     }), u("path", {
       d: "M9.34835 9.34835C9.8728 8.8239 10.541 8.46675 11.2684 8.32206C11.9958 8.17736 12.7498 8.25162 13.4351 8.53545C14.1203 8.81928 14.706 9.29993 15.118 9.91661C15.5301 10.5333 15.75 11.2583 15.75 12C15.75 12.7417 15.5301 13.4667 15.118 14.0834C14.706 14.7001 14.1203 15.1807 13.4351 15.4645C12.7498 15.7484 11.9958 15.8226 11.2684 15.6779C10.541 15.5333 9.8728 15.1761 9.34835 14.6517"
     })]
   }),
-  clock: u(g$2, {
+  clock: u(g$3, {
     children: [u("path", {
       d: "M14 9L12 13L9.5 12"
     }), u("path", {
       d: "M18.75 12C18.75 15.7279 15.7279 18.75 12 18.75C8.27208 18.75 5.25 15.7279 5.25 12C5.25 8.27208 8.27208 5.25 12 5.25C15.7279 5.25 18.75 8.27208 18.75 12Z"
     })]
   }),
-  filter: u(g$2, {
+  filter: u(g$3, {
     children: u("path", {
       d: "M19.25 7H4.75V8.5L10.25 12.25V17.5H13.75V12.25L19.25 8.5V7Z"
     })
   }),
-  globe: u(g$2, {
+  globe: u(g$3, {
     children: [u("path", {
       d: "M5 13.75H19"
     }), u("path", {
@@ -2619,7 +2882,7 @@ const icons = {
       r: "7.25"
     })]
   }),
-  magnifier: u(g$2, {
+  magnifier: u(g$3, {
     children: [u("path", {
       d: "M15.5659 15.5659C14.4875 16.6442 13.025 17.25 11.5 17.25C9.97501 17.25 8.51247 16.6442 7.43414 15.5659C6.3558 14.4875 5.75 13.025 5.75 11.5C5.75 9.97501 6.3558 8.51247 7.43414 7.43414C8.51247 6.3558 9.97501 5.75 11.5 5.75C13.025 5.75 14.4875 6.3558 15.5659 7.43414C16.6442 8.51247 17.25 9.97501 17.25 11.5C17.25 13.025 16.6442 14.4875 15.5659 15.5659L15.5659 15.5659Z"
     }), u("path", {
@@ -2628,8 +2891,8 @@ const icons = {
       d: "M16 16L19 19"
     })]
   }),
-  mapPin: u(g$2, {
-    children: u(g$2, {
+  mapPin: u(g$3, {
+    children: u(g$3, {
       children: [u("circle", {
         cx: "12",
         cy: "9",
@@ -2641,7 +2904,7 @@ const icons = {
       })]
     })
   }),
-  sunset: u(g$2, {
+  sunset: u(g$3, {
     children: [u("path", {
       d: "M18.5 8.5L17.5 9.5"
     }), u("path", {
@@ -2749,6 +3012,7 @@ const btnNextClass = cva({
     }
   }
 });
+const getSelectedValues = (current) => typeof current.value === "string" ? [current.value] : current.value ?? [];
 const Filter = ({
   filterKey,
   title,
@@ -2761,7 +3025,7 @@ const Filter = ({
   icon,
   state
 }) => {
-  const selectedValues = typeof current.value === "string" ? [current.value] : current.value ?? [];
+  const selectedValues = getSelectedValues(current);
   const hasValue = selectedValues.length > 0;
   const showClearButton = hasValue && active == false;
   return u("section", {
@@ -2796,8 +3060,7 @@ const Filter = ({
         suggestions,
         onActiveChange,
         onSkip,
-        state,
-        selectedValues
+        state
       })]
     }), showClearButton && u("div", {
       class: "flex flex-none items-center justify-center p-4",
@@ -2825,18 +3088,21 @@ const FilterInner = ({
   onValueChange,
   onActiveChange,
   onSkip,
-  state,
-  selectedValues
+  state
 }) => {
   const currentRef = _(null);
+  const [internalValue, setInternalValue] = h(current);
+  p$2(() => {
+    setInternalValue(current);
+  }, [current]);
+  const selectedValues = getSelectedValues(internalValue);
   const hasValue = selectedValues.length > 0;
   if (active)
     return u("div", {
       class: "-mt-4 pt-2",
-      children: [u("ul", {
-        "aria-label": "Filter options",
-        class: "hide-scrollbars flex select-none gap-1 overflow-x-auto px-4 pb-1 pt-2",
-        children: state === "loading" ? u("li", {
+      children: [state === "loading" ? u("div", {
+        class: "flex px-4 pb-1 pt-2",
+        children: u("div", {
           "aria-hidden": true,
           class: tagClass$1({
             size: "lg",
@@ -2846,27 +3112,35 @@ const FilterInner = ({
           children: u("span", {
             class: "inline-block w-[10ch]"
           })
-        }) : suggestions.map((suggestion, k2) => {
+        })
+      }) : u("ul", {
+        "aria-label": "Filter options",
+        class: "hide-scrollbars flex select-none gap-1.5 overflow-x-auto px-4 pb-1 pt-2",
+        children: suggestions.map((suggestion, k2) => {
           const active2 = selectedValues.includes(suggestion.value);
           return u("li", {
             style: {
               animationDelay: k2 * 0.01 + "s"
             },
-            class: "animate-appear-tag",
+            class: "animate-appear-tag origin-top",
             children: u("button", {
               "data-filter": true,
               "data-current-value": active2 ? "true" : void 0,
               onClick: () => {
                 switch (current.select) {
                   case "many": {
-                    const newValue = toggleInArray(current.value ?? [], suggestion.value);
-                    onValueChange({
-                      select: current.select,
-                      value: newValue.length > 0 ? newValue : void 0
+                    const newValue = toggleInArray(selectedValues, suggestion.value);
+                    setInternalValue({
+                      select: "many",
+                      value: newValue
                     });
                     break;
                   }
                   case "one":
+                    setInternalValue({
+                      select: "one",
+                      value: suggestion.value
+                    });
                     onValueChange({
                       select: current.select,
                       value: suggestion.value
@@ -2890,7 +3164,12 @@ const FilterInner = ({
           class: btnNextClass({
             hasValue
           }),
-          onClick: () => onSkip(),
+          onClick: () => {
+            if (hasValue) {
+              onValueChange(internalValue);
+            }
+            onSkip();
+          },
           children: [hasValue ? "Done" : "Skip", " ", u(Icon, {
             name: "chevron-right"
           })]
@@ -2950,7 +3229,7 @@ const useFilterKeyboardFocus = (activeKey, ref) => {
   }, [activeKey, previousActiveKey, ref]);
 };
 const wrapperClass = cva({
-  base: "rounded-job-card bg-job-card-bg ring-width-job-card ring-job-card-stroke active:bg-job-card-bg-active active:ring-job-card-stroke-active fr ease-expo-out flex min-w-0 flex-col gap-4 p-4 transition-all duration-500"
+  base: "rounded-job-card bg-job-card-bg ring-width-job-card ring-job-card-stroke active:bg-job-card-bg-active active:ring-job-card-stroke-active flex gap-4 fr ease-expo-out min-w-0 p-4 transition-all duration-500"
 });
 const badgeClass = cva({
   base: "bg-tag-accent-strong-bg rounded-job-tag text-style-tag text-tag-accent-strong-copy font-weight-tag flex items-center justify-center px-2"
@@ -2968,57 +3247,65 @@ const tagClass = cva({
   }
 });
 const JobCard = ({
-  title,
-  info,
-  location,
-  price,
-  extras,
-  badge
+  job
 }) => {
   return u("a", {
     href: "",
     class: wrapperClass(),
     children: [u("div", {
-      class: "flex flex-col items-start gap-2",
-      children: [badge && u("span", {
-        class: badgeClass({}),
-        children: badge
-      }), u("div", {
-        class: "flex flex-col gap-1",
-        children: [u("div", {
+      class: "flex flex-1 flex-col gap-4",
+      children: [u("div", {
+        class: "flex flex-col items-start gap-1",
+        children: [job.isNew ? u("span", {
+          class: badgeClass(),
+          children: "NEW"
+        }) : u("p", {
+          class: "text-style-job-card-info text-copy-job-info",
+          children: ["Posted ", job.relativePostedDate]
+        }), u("div", {
+          class: "flex flex-col gap-1",
           children: [u("p", {
-            class: "text-style-job-card-info text-copy-job-info",
-            children: info
-          }), u("p", {
             class: "text-style-job-card-title text-copy-neutral",
-            children: title
+            children: job.title
+          }), u("p", {
+            class: "text-style-job-card text-copy-neutral-lowcontrast",
+            children: job.company.name
           })]
-        }), u("p", {
-          class: "text-style-job-card text-copy-neutral-lowcontrast",
-          children: location
         })]
-      })]
-    }), u("div", {
-      class: "flex flex-col items-start gap-2",
-      children: [price && u("span", {
-        class: tagClass({
-          colorScheme: "monetary"
-        }),
-        children: price
       }), u("div", {
-        class: "flex items-center gap-2",
-        children: extras.map((e2) => u("span", {
-          class: tagClass(),
-          children: e2
-        }))
+        class: "flex flex-col items-start gap-2",
+        children: [job.pay && u("span", {
+          class: tagClass({
+            colorScheme: "monetary"
+          }),
+          children: job.pay
+        }), u("div", {
+          class: "flex items-center gap-2",
+          children: job.contractType && u("span", {
+            class: tagClass(),
+            children: job.contractType
+          })
+        })]
       })]
+    }), u("div", {
+      class: "flex items-center",
+      children: u(Icon, {
+        name: "chevron-right",
+        class: "text-copy-neutral-icon"
+      })
     })]
   });
 };
 const filterIcons = {
   contract_type: "clock",
+  title: "magnifier",
   city: "mapPin",
-  title: "magnifier"
+  town: "mapPin",
+  address_1: "mapPin",
+  address_2: "mapPin",
+  country: "mapPin",
+  company_name: "briefcase",
+  category: "briefcase"
 };
 const propertiesToDefaultValues = (properties) => properties.reduce((acc, property) => {
   switch (property.select) {
@@ -3073,7 +3360,16 @@ const nextStateFromValue = ({
     default:
       exhaustive(value);
   }
-  throw new Error("unreachable");
+};
+const resultCountString = (results) => {
+  switch (results) {
+    case 0:
+      return "No results";
+    case 1:
+      return "1 result";
+    default:
+      return `${results} results`;
+  }
 };
 const JobSearch = ({
   apiClient,
@@ -3082,32 +3378,38 @@ const JobSearch = ({
 }) => {
   var _a;
   const appRef = _(null);
+  const [values, setValues] = h(() => propertiesToDefaultValues(params.properties));
   const {
     data,
     isLoading
-  } = useSWR("search", () => getJobSearchResults({
+  } = useSWR(JSON.stringify(values), () => getJobSearchResults({
     apiClient,
-    logger
-  }));
+    logger,
+    filters: values
+  }), {
+    keepPreviousData: true,
+    revalidateOnFocus: false,
+    revalidateOnReconnect: false,
+    revalidateIfStale: false
+  });
   const availableProperties = data == null ? void 0 : data.data.available_properties;
-  const [values, setValues] = h(() => propertiesToDefaultValues(params.properties));
   const [activeKey, setActiveKey] = h((_a = params.properties[0]) == null ? void 0 : _a.key);
   useFilterKeyboardFocus(activeKey, appRef);
-  return u(g$2, {
+  return u(g$3, {
     children: [u(IconSpritesheet, {
       theme: params.theme
     }), u("div", {
       ref: appRef,
       id: JOB_SEARCH_SCOPE_ELEMENT_ID,
       children: u("div", {
-        class: "bg-app min-h-screen",
+        class: "bg-app mx-auto flex min-h-screen max-w-screen-lg flex-col gap-4 py-6 md:grid md:grid-cols-3 md:px-4",
         children: [u("div", {
           role: "tablist",
-          class: "mx-auto grid w-full max-w-screen-lg items-start gap-2 p-4 md:grid-cols-2 lg:grid-cols-3",
-          children: params.properties.map((property) => {
+          class: "grid items-stretch gap-2 px-4 md:flex md:flex-col md:px-0",
+          children: params.properties.filter((p2) => !p2.hidden).map((property) => {
             var _a2;
             return u(Filter, {
-              icon: filterIcons[property.key] ?? "filter",
+              icon: property.icon ?? filterIcons[property.key] ?? "filter",
               filterKey: property.key,
               title: property.label,
               suggestions: ((_a2 = availableProperties == null ? void 0 : availableProperties[property.key]) == null ? void 0 : _a2.map((property2) => ({
@@ -3120,7 +3422,7 @@ const JobSearch = ({
                 select: property.select,
                 value: void 0
               },
-              state: isLoading ? "loading" : "loaded",
+              state: isLoading && !(data == null ? void 0 : data.data.available_properties) ? "loading" : "loaded",
               onValueChange: (value) => {
                 const {
                   newActiveKey,
@@ -3147,32 +3449,21 @@ const JobSearch = ({
             }, property.key);
           })
         }), u("section", {
-          class: "mx-auto max-w-screen-lg lg:px-4",
+          class: "md:col-span-2",
           children: u("div", {
             class: "bg-section-strong-bg ring-section-weak-stroke rounded-section ring-px lg:ring-width-section flex flex-col gap-4 p-4",
-            children: [u("p", {
+            children: [data && u("p", {
               class: "text-copy-accent-lowcontrast text-center",
-              children: "2 Results"
+              children: resultCountString(data.pagination.total)
             }), u("ul", {
               class: "flex flex-col gap-3",
-              children: [u("li", {
-                children: u(JobCard, {
-                  badge: "NEW",
-                  title: "Engineer 2X",
-                  info: "Posted now",
-                  extras: ["Extra 1", "Extra 2"],
-                  location: "London",
-                  price: "£10/hour"
-                })
-              }), u("li", {
-                children: u(JobCard, {
-                  title: "Job title",
-                  info: "Posted 7 days ago",
-                  extras: ["Extra 1", "Extra 2"],
-                  location: "London",
-                  price: "£10/hour"
-                })
-              })]
+              children: data == null ? void 0 : data.data.results.map((job) => {
+                return u("li", {
+                  children: u(JobCard, {
+                    job
+                  })
+                }, job.id);
+              })
             }), u("p", {
               class: "text-copy-accent-lowcontrast text-style-job-card-info text-center",
               children: "You've reached the end of the list."
@@ -3183,7 +3474,7 @@ const JobSearch = ({
     })]
   });
 };
-const tailwind = "#ijs {\n	font-size: 16px;\n	font-family: sans-serif;\n		--tw-content: '';\n		font-family:\n			system-ui,\n			-apple-system,\n			BlinkMacSystemFont,\n			Segoe UI,\n			Roboto,\n			Oxygen,\n			Ubuntu,\n			Cantarell,\n			Open Sans,\n			Helvetica Neue,\n			sans-serif;\n}\n\n		#ijs * {\n			box-sizing: border-box;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n		}\n\n		#ijs ::before,\n		#ijs ::after {\n			box-sizing: border-box;\n		}\n\n		#ijs :is(a) {\n			text-decoration: none;\n		}\n\n		#ijs :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n		#ijs :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n		#ijs :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n		#ijs :is(button) {\n			display: block;\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n		#ijs :is(svg) {\n			display: block;\n		}\n\n		#ijs *, #ijs ::before, #ijs ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#ijs ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#ijs .container {\n	width: 100%;\n}\n\n		@media (min-width: 640px) {\n\n	#ijs .container {\n		max-width: 640px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .container {\n		max-width: 768px;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .container {\n		max-width: 1024px;\n	}\n}\n\n		@media (min-width: 1280px) {\n\n	#ijs .container {\n		max-width: 1280px;\n	}\n}\n\n		@media (min-width: 1536px) {\n\n	#ijs .container {\n		max-width: 1536px;\n	}\n}\n\n		#ijs .visible {\n	visibility: visible;\n}\n\n		#ijs .invisible {\n	visibility: hidden;\n}\n\n		#ijs .collapse {\n	visibility: collapse;\n}\n\n		#ijs .static {\n	position: static;\n}\n\n		#ijs .fixed {\n	position: fixed;\n}\n\n		#ijs .absolute {\n	position: absolute;\n}\n\n		#ijs .relative {\n	position: relative;\n}\n\n		#ijs .sticky {\n	position: sticky;\n}\n\n		#ijs .isolate {\n	isolation: isolate;\n}\n\n		#ijs .m-2 {\n	margin: 0.5rem;\n}\n\n		#ijs .m-8 {\n	margin: 2rem;\n}\n\n		#ijs .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n		#ijs .-mt-4 {\n	margin-top: -1rem;\n}\n\n		#ijs .block {\n	display: block;\n}\n\n		#ijs .inline-block {\n	display: inline-block;\n}\n\n		#ijs .inline {\n	display: inline;\n}\n\n		#ijs .flex {\n	display: flex;\n}\n\n		#ijs .inline-flex {\n	display: inline-flex;\n}\n\n		#ijs .table {\n	display: table;\n}\n\n		#ijs .table-row {\n	display: table-row;\n}\n\n		#ijs .flow-root {\n	display: flow-root;\n}\n\n		#ijs .grid {\n	display: grid;\n}\n\n		#ijs .inline-grid {\n	display: inline-grid;\n}\n\n		#ijs .contents {\n	display: contents;\n}\n\n		#ijs .list-item {\n	display: list-item;\n}\n\n		#ijs .\\!hidden {\n	display: none !important;\n}\n\n		#ijs .hidden {\n	display: none;\n}\n\n		#ijs .h-8 {\n	height: 2rem;\n}\n\n		#ijs .min-h-screen {\n	min-height: 100vh;\n}\n\n		#ijs .w-\\[10ch\\] {\n	width: 10ch;\n}\n\n		#ijs .w-full {\n	width: 100%;\n}\n\n		#ijs .min-w-0 {\n	min-width: 0px;\n}\n\n		#ijs .max-w-full {\n	max-width: 100%;\n}\n\n		#ijs .max-w-screen-lg {\n	max-width: 1024px;\n}\n\n		#ijs .flex-1 {\n	flex: 1 1 0%;\n}\n\n		#ijs .flex-none {\n	flex: none;\n}\n\n		#ijs .flex-shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .flex-grow {\n	flex-grow: 1;\n}\n\n		#ijs .grow {\n	flex-grow: 1;\n}\n\n		#ijs .border-collapse {\n	border-collapse: collapse;\n}\n\n		#ijs .transform {\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		@keyframes appear-tag {\n\n	0% {\n		transform: scale(0.9);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-appear-tag {\n	animation: appear-tag 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n		@keyframes selected-tag {\n\n	0% {\n		transform: scale(1.11);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-selected-tag {\n	animation: selected-tag 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		@keyframes skeleton {\n\n	0% {\n		opacity: 0.22;\n	}\n\n	100% {\n		opacity: 0.75;\n	}\n}\n\n		#ijs .animate-skeleton {\n	animation: skeleton 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n		#ijs .cursor-pointer {\n	cursor: pointer;\n}\n\n		#ijs .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n		#ijs .resize {\n	resize: both;\n}\n\n		#ijs .flex-col {\n	flex-direction: column;\n}\n\n		#ijs .flex-wrap {\n	flex-wrap: wrap;\n}\n\n		#ijs .items-start {\n	align-items: flex-start;\n}\n\n		#ijs .items-center {\n	align-items: center;\n}\n\n		#ijs .justify-end {\n	justify-content: flex-end;\n}\n\n		#ijs .justify-center {\n	justify-content: center;\n}\n\n		#ijs .gap-1 {\n	gap: 0.25rem;\n}\n\n		#ijs .gap-2 {\n	gap: 0.5rem;\n}\n\n		#ijs .gap-3 {\n	gap: 0.75rem;\n}\n\n		#ijs .gap-4 {\n	gap: 1rem;\n}\n\n		#ijs .overflow-hidden {\n	overflow: hidden;\n}\n\n		#ijs .overflow-x-auto {\n	overflow-x: auto;\n}\n\n		#ijs .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n		#ijs .whitespace-nowrap {\n	white-space: nowrap;\n}\n\n		#ijs .rounded-interactive {\n	border-radius: var(--i-radius-interactive);\n}\n\n		#ijs .rounded-job-card {\n	border-radius: var(--i-radius-job-card);\n}\n\n		#ijs .rounded-job-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .rounded-section {\n	border-radius: var(--i-radius-section);\n}\n\n		#ijs .rounded-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .border {\n	border-width: 1px;\n}\n\n		#ijs .bg-app {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-app-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-job-card-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-job-card-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-section-strong-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-section-strong-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-section-weak-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-section-weak-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-accent-strong-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-accent-strong-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-monetary-weak-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-monetary-weak-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-neutral-strong-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-neutral-strong-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-neutral-weak-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-neutral-weak-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .p-1 {\n	padding: 0.25rem;\n}\n\n		#ijs .p-2 {\n	padding: 0.5rem;\n}\n\n		#ijs .p-4 {\n	padding: 1rem;\n}\n\n		#ijs .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n		#ijs .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n		#ijs .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n		#ijs .px-5 {\n	padding-left: 1.25rem;\n	padding-right: 1.25rem;\n}\n\n		#ijs .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n		#ijs .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n		#ijs .py-4 {\n	padding-top: 1rem;\n	padding-bottom: 1rem;\n}\n\n		#ijs .pb-1 {\n	padding-bottom: 0.25rem;\n}\n\n		#ijs .pb-4 {\n	padding-bottom: 1rem;\n}\n\n		#ijs .pl-3 {\n	padding-left: 0.75rem;\n}\n\n		#ijs .pr-1 {\n	padding-right: 0.25rem;\n}\n\n		#ijs .pt-2 {\n	padding-top: 0.5rem;\n}\n\n		#ijs .text-center {\n	text-align: center;\n}\n\n		#ijs .text-justify {\n	text-align: justify;\n}\n\n		#ijs .font-family-filter {\n	font-family: var(--i-font-filter);\n}\n\n		#ijs .font-family-tag {\n	font-family: var(--i-font-tag);\n}\n\n		#ijs .text-style-filter {\n	font-size: 1rem;\n	line-height: 1.5rem;\n	letter-spacing: -0.01em;\n}\n\n		#ijs .text-style-job-card {\n	font-size: 0.875rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-card-info {\n	font-size: 0.75rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-card-title {\n	font-size: 1.125rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .text-style-tag {\n	font-size: 0.875rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .font-weight-filter {\n	font-weight: var(--i-weight-filter);\n}\n\n		#ijs .font-weight-tag {\n	font-weight: var(--i-weight-tag);\n}\n\n		#ijs .uppercase {\n	text-transform: uppercase;\n}\n\n		#ijs .lowercase {\n	text-transform: lowercase;\n}\n\n		#ijs .capitalize {\n	text-transform: capitalize;\n}\n\n		#ijs .italic {\n	font-style: italic;\n}\n\n		#ijs .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#ijs .text-copy-accent {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-accent) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-accent-icon {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-accent-icon) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-accent-lowcontrast {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-accent) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-job-info {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-info) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-neutral {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-neutral-icon {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-icon) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-neutral-lowcontrast {\n	color: oklch(var(--i-copy-lowcontrast) / 0.6);\n}\n\n		#ijs .text-interactive-accent-text {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-interactive-accent-text) / var(--tw-text-opacity));\n}\n\n		#ijs .text-interactive-neutral-text {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-interactive-neutral-text) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-accent-strong-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-accent-strong-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-monetary-weak-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-monetary-weak-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-neutral-strong-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-neutral-strong-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-neutral-weak-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-neutral-weak-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .outline {\n	outline-style: solid;\n}\n\n		#ijs .ring-px {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-job-card {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-job-card-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-section {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-job-card-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-job-card-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-section-strong-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-section-strong-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-section-weak-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-section-weak-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-tag-accent-strong-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-tag-accent-strong-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-tag-neutral-strong-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-tag-neutral-strong-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-tag-neutral-weak-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-tag-neutral-weak-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .blur {\n	--tw-blur: blur(8px);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .grayscale {\n	--tw-grayscale: grayscale(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .invert {\n	--tw-invert: invert(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .sepia {\n	--tw-sepia: sepia(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .filter {\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .backdrop-filter {\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#ijs .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .duration-1000 {\n	transition-duration: 1000ms;\n}\n\n		#ijs .duration-300 {\n	transition-duration: 300ms;\n}\n\n		#ijs .duration-500 {\n	transition-duration: 500ms;\n}\n\n		#ijs .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		#ijs .font-style-filter {\n	font-style: var(--i-style-filter);\n}\n\n		#ijs .font-style-tag {\n	font-style: var(--i-style-filter);\n}\n\n		#ijs .fr {\n	outline: none;\n}\n\n		#ijs .fr:focus {\n	outline: none;\n}\n\n		#ijs .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-a-7) / 1);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .hide-scrollbars::-webkit-scrollbar {\n	display: none;\n}\n\n		#ijs .hide-scrollbars {\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n\n		#ijs .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n		#ijs .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n		#ijs .hover\\:bg-interactive-accent-bg-hover:hover {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-interactive-accent-bg-hover) / var(--tw-bg-opacity));\n}\n\n		#ijs .hover\\:bg-interactive-neutral-bg-hover:hover {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-interactive-neutral-bg-hover) / var(--tw-bg-opacity));\n}\n\n		#ijs .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#ijs .active\\:scale-95:active {\n	--tw-scale-x: .95;\n	--tw-scale-y: .95;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:bg-job-card-bg-active:active {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-job-card-bg-active) / var(--tw-bg-opacity));\n}\n\n		#ijs .active\\:ring-job-card-stroke-active:active {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-job-card-stroke-color-active) / var(--tw-ring-opacity));\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid-cols-2 {\n		grid-template-columns: repeat(2, minmax(0, 1fr));\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .lg\\:grid-cols-3 {\n		grid-template-columns: repeat(3, minmax(0, 1fr));\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .lg\\:px-4 {\n		padding-left: 1rem;\n		padding-right: 1rem;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .lg\\:ring-width-section {\n		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n	}\n}\n";
+const tailwind = "#ijs {\n	font-size: 16px;\n	font-family: sans-serif;\n		--tw-content: '';\n		font-family:\n			system-ui,\n			-apple-system,\n			BlinkMacSystemFont,\n			Segoe UI,\n			Roboto,\n			Oxygen,\n			Ubuntu,\n			Cantarell,\n			Open Sans,\n			Helvetica Neue,\n			sans-serif;\n}\n\n		#ijs * {\n			box-sizing: border-box;\n			border-style: solid;\n			border-width: 0;\n			-webkit-tap-highlight-color: transparent;\n		}\n\n		#ijs ::before,\n		#ijs ::after {\n			box-sizing: border-box;\n		}\n\n		#ijs :is(a) {\n			text-decoration: none;\n		}\n\n		#ijs :is(ul, ol) {\n			list-style: none;\n			padding: 0;\n			margin: 0;\n		}\n\n		#ijs :is(p) {\n			margin: 0;\n			padding: 0;\n		}\n\n		#ijs :is(li) {\n			margin: 0;\n			padding: 0;\n			list-style: none;\n		}\n\n		#ijs :is(button) {\n			display: block;\n			margin: 0;\n			padding: 0;\n			border: unset;\n			background: unset;\n			text-align: unset;\n		}\n\n		#ijs :is(svg) {\n			display: block;\n		}\n\n		#ijs *, #ijs ::before, #ijs ::after {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#ijs ::backdrop {\n	--tw-border-spacing-x: 0;\n	--tw-border-spacing-y: 0;\n	--tw-translate-x: 0;\n	--tw-translate-y: 0;\n	--tw-rotate: 0;\n	--tw-skew-x: 0;\n	--tw-skew-y: 0;\n	--tw-scale-x: 1;\n	--tw-scale-y: 1;\n	--tw-pan-x:  ;\n	--tw-pan-y:  ;\n	--tw-pinch-zoom:  ;\n	--tw-scroll-snap-strictness: proximity;\n	--tw-gradient-from-position:  ;\n	--tw-gradient-via-position:  ;\n	--tw-gradient-to-position:  ;\n	--tw-ordinal:  ;\n	--tw-slashed-zero:  ;\n	--tw-numeric-figure:  ;\n	--tw-numeric-spacing:  ;\n	--tw-numeric-fraction:  ;\n	--tw-ring-inset:  ;\n	--tw-ring-offset-width: 0px;\n	--tw-ring-offset-color: #fff;\n	--tw-ring-color: rgb(59 130 246 / 0.5);\n	--tw-ring-offset-shadow: 0 0 #0000;\n	--tw-ring-shadow: 0 0 #0000;\n	--tw-shadow: 0 0 #0000;\n	--tw-shadow-colored: 0 0 #0000;\n	--tw-blur:  ;\n	--tw-brightness:  ;\n	--tw-contrast:  ;\n	--tw-grayscale:  ;\n	--tw-hue-rotate:  ;\n	--tw-invert:  ;\n	--tw-saturate:  ;\n	--tw-sepia:  ;\n	--tw-drop-shadow:  ;\n	--tw-backdrop-blur:  ;\n	--tw-backdrop-brightness:  ;\n	--tw-backdrop-contrast:  ;\n	--tw-backdrop-grayscale:  ;\n	--tw-backdrop-hue-rotate:  ;\n	--tw-backdrop-invert:  ;\n	--tw-backdrop-opacity:  ;\n	--tw-backdrop-saturate:  ;\n	--tw-backdrop-sepia:  ;\n}\n\n		#ijs .container {\n	width: 100%;\n}\n\n		@media (min-width: 640px) {\n\n	#ijs .container {\n		max-width: 640px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .container {\n		max-width: 768px;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .container {\n		max-width: 1024px;\n	}\n}\n\n		@media (min-width: 1280px) {\n\n	#ijs .container {\n		max-width: 1280px;\n	}\n}\n\n		@media (min-width: 1536px) {\n\n	#ijs .container {\n		max-width: 1536px;\n	}\n}\n\n		#ijs .visible {\n	visibility: visible;\n}\n\n		#ijs .invisible {\n	visibility: hidden;\n}\n\n		#ijs .collapse {\n	visibility: collapse;\n}\n\n		#ijs .static {\n	position: static;\n}\n\n		#ijs .fixed {\n	position: fixed;\n}\n\n		#ijs .absolute {\n	position: absolute;\n}\n\n		#ijs .relative {\n	position: relative;\n}\n\n		#ijs .sticky {\n	position: sticky;\n}\n\n		#ijs .isolate {\n	isolation: isolate;\n}\n\n		#ijs .m-2 {\n	margin: 0.5rem;\n}\n\n		#ijs .m-9 {\n	margin: 2.25rem;\n}\n\n		#ijs .mx-auto {\n	margin-left: auto;\n	margin-right: auto;\n}\n\n		#ijs .-mt-4 {\n	margin-top: -1rem;\n}\n\n		#ijs .block {\n	display: block;\n}\n\n		#ijs .inline-block {\n	display: inline-block;\n}\n\n		#ijs .inline {\n	display: inline;\n}\n\n		#ijs .flex {\n	display: flex;\n}\n\n		#ijs .inline-flex {\n	display: inline-flex;\n}\n\n		#ijs .table {\n	display: table;\n}\n\n		#ijs .table-row {\n	display: table-row;\n}\n\n		#ijs .flow-root {\n	display: flow-root;\n}\n\n		#ijs .grid {\n	display: grid;\n}\n\n		#ijs .inline-grid {\n	display: inline-grid;\n}\n\n		#ijs .contents {\n	display: contents;\n}\n\n		#ijs .list-item {\n	display: list-item;\n}\n\n		#ijs .\\!hidden {\n	display: none !important;\n}\n\n		#ijs .hidden {\n	display: none;\n}\n\n		#ijs .h-8 {\n	height: 2rem;\n}\n\n		#ijs .min-h-screen {\n	min-height: 100vh;\n}\n\n		#ijs .w-\\[10ch\\] {\n	width: 10ch;\n}\n\n		#ijs .w-full {\n	width: 100%;\n}\n\n		#ijs .min-w-0 {\n	min-width: 0px;\n}\n\n		#ijs .max-w-full {\n	max-width: 100%;\n}\n\n		#ijs .max-w-screen-lg {\n	max-width: 1024px;\n}\n\n		#ijs .flex-1 {\n	flex: 1 1 0%;\n}\n\n		#ijs .flex-none {\n	flex: none;\n}\n\n		#ijs .flex-shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .shrink {\n	flex-shrink: 1;\n}\n\n		#ijs .flex-grow {\n	flex-grow: 1;\n}\n\n		#ijs .grow {\n	flex-grow: 1;\n}\n\n		#ijs .border-collapse {\n	border-collapse: collapse;\n}\n\n		#ijs .origin-top {\n	transform-origin: top;\n}\n\n		#ijs .transform {\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		@keyframes appear-tag {\n\n	0% {\n		transform: scale(0.9);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-appear-tag {\n	animation: appear-tag 0.6s cubic-bezier(0.16, 1, 0.3, 1) both;\n}\n\n		@keyframes selected-tag {\n\n	0% {\n		transform: scale(1.11);\n	}\n\n	100% {\n		transform: scale(1);\n	}\n}\n\n		#ijs .animate-selected-tag {\n	animation: selected-tag 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		@keyframes skeleton {\n\n	0% {\n		opacity: 0.2;\n	}\n\n	50% {\n		opacity: 0.5;\n	}\n\n	100% {\n		opacity: 0.3;\n	}\n}\n\n		#ijs .animate-skeleton {\n	animation: skeleton 1s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n}\n\n		#ijs .cursor-pointer {\n	cursor: pointer;\n}\n\n		#ijs .select-none {\n	-webkit-user-select: none;\n	   -moz-user-select: none;\n	        user-select: none;\n}\n\n		#ijs .resize {\n	resize: both;\n}\n\n		#ijs .flex-col {\n	flex-direction: column;\n}\n\n		#ijs .flex-wrap {\n	flex-wrap: wrap;\n}\n\n		#ijs .items-start {\n	align-items: flex-start;\n}\n\n		#ijs .items-center {\n	align-items: center;\n}\n\n		#ijs .items-stretch {\n	align-items: stretch;\n}\n\n		#ijs .justify-end {\n	justify-content: flex-end;\n}\n\n		#ijs .justify-center {\n	justify-content: center;\n}\n\n		#ijs .gap-1 {\n	gap: 0.25rem;\n}\n\n		#ijs .gap-1\\.5 {\n	gap: 0.375rem;\n}\n\n		#ijs .gap-2 {\n	gap: 0.5rem;\n}\n\n		#ijs .gap-3 {\n	gap: 0.75rem;\n}\n\n		#ijs .gap-4 {\n	gap: 1rem;\n}\n\n		#ijs .overflow-hidden {\n	overflow: hidden;\n}\n\n		#ijs .overflow-x-auto {\n	overflow-x: auto;\n}\n\n		#ijs .truncate {\n	overflow: hidden;\n	text-overflow: ellipsis;\n	white-space: nowrap;\n}\n\n		#ijs .whitespace-nowrap {\n	white-space: nowrap;\n}\n\n		#ijs .rounded-interactive {\n	border-radius: var(--i-radius-interactive);\n}\n\n		#ijs .rounded-job-card {\n	border-radius: var(--i-radius-job-card);\n}\n\n		#ijs .rounded-job-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .rounded-section {\n	border-radius: var(--i-radius-section);\n}\n\n		#ijs .rounded-tag {\n	border-radius: var(--i-radius-job-tag);\n}\n\n		#ijs .border {\n	border-width: 1px;\n}\n\n		#ijs .bg-app {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-app-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-job-card-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-job-card-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-section-strong-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-section-strong-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-section-weak-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-section-weak-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-accent-strong-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-accent-strong-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-monetary-weak-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-monetary-weak-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-neutral-strong-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-neutral-strong-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .bg-tag-neutral-weak-bg {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-tag-neutral-weak-bg) / var(--tw-bg-opacity));\n}\n\n		#ijs .p-1 {\n	padding: 0.25rem;\n}\n\n		#ijs .p-2 {\n	padding: 0.5rem;\n}\n\n		#ijs .p-4 {\n	padding: 1rem;\n}\n\n		#ijs .px-2 {\n	padding-left: 0.5rem;\n	padding-right: 0.5rem;\n}\n\n		#ijs .px-3 {\n	padding-left: 0.75rem;\n	padding-right: 0.75rem;\n}\n\n		#ijs .px-4 {\n	padding-left: 1rem;\n	padding-right: 1rem;\n}\n\n		#ijs .px-5 {\n	padding-left: 1.25rem;\n	padding-right: 1.25rem;\n}\n\n		#ijs .py-1 {\n	padding-top: 0.25rem;\n	padding-bottom: 0.25rem;\n}\n\n		#ijs .py-2 {\n	padding-top: 0.5rem;\n	padding-bottom: 0.5rem;\n}\n\n		#ijs .py-4 {\n	padding-top: 1rem;\n	padding-bottom: 1rem;\n}\n\n		#ijs .py-6 {\n	padding-top: 1.5rem;\n	padding-bottom: 1.5rem;\n}\n\n		#ijs .pb-1 {\n	padding-bottom: 0.25rem;\n}\n\n		#ijs .pb-4 {\n	padding-bottom: 1rem;\n}\n\n		#ijs .pl-3 {\n	padding-left: 0.75rem;\n}\n\n		#ijs .pr-1 {\n	padding-right: 0.25rem;\n}\n\n		#ijs .pt-2 {\n	padding-top: 0.5rem;\n}\n\n		#ijs .text-center {\n	text-align: center;\n}\n\n		#ijs .text-justify {\n	text-align: justify;\n}\n\n		#ijs .font-family-filter {\n	font-family: var(--i-font-filter);\n}\n\n		#ijs .font-family-tag {\n	font-family: var(--i-font-tag);\n}\n\n		#ijs .text-style-filter {\n	font-size: 1rem;\n	line-height: 1.5rem;\n	letter-spacing: -0.01em;\n}\n\n		#ijs .text-style-job-card {\n	font-size: 0.875rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-card-info {\n	font-size: 0.75rem;\n	line-height: 1.125rem;\n}\n\n		#ijs .text-style-job-card-title {\n	font-size: 1.125rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .text-style-tag {\n	font-size: 0.875rem;\n	line-height: 1.5rem;\n}\n\n		#ijs .font-weight-filter {\n	font-weight: var(--i-weight-filter);\n}\n\n		#ijs .font-weight-tag {\n	font-weight: var(--i-weight-tag);\n}\n\n		#ijs .uppercase {\n	text-transform: uppercase;\n}\n\n		#ijs .lowercase {\n	text-transform: lowercase;\n}\n\n		#ijs .capitalize {\n	text-transform: capitalize;\n}\n\n		#ijs .italic {\n	font-style: italic;\n}\n\n		#ijs .ordinal {\n	--tw-ordinal: ordinal;\n	font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction);\n}\n\n		#ijs .text-copy-accent {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-accent) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-accent-icon {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-accent-icon) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-accent-lowcontrast {\n	color: oklch(var(--i-copy-accent-lowcontrast) / 0.67);\n}\n\n		#ijs .text-copy-job-info {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-info) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-neutral {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-neutral-icon {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-icon) / var(--tw-text-opacity));\n}\n\n		#ijs .text-copy-neutral-lowcontrast {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-copy-lowcontrast) / var(--tw-text-opacity));\n}\n\n		#ijs .text-interactive-accent-text {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-interactive-accent-text) / var(--tw-text-opacity));\n}\n\n		#ijs .text-interactive-neutral-text {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-interactive-neutral-text) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-accent-strong-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-accent-strong-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-monetary-weak-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-monetary-weak-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-neutral-strong-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-neutral-strong-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .text-tag-neutral-weak-copy {\n	--tw-text-opacity: 1;\n	color: oklch(var(--i-tag-neutral-weak-copy) / var(--tw-text-opacity));\n}\n\n		#ijs .shadow {\n	--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);\n	--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);\n	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);\n}\n\n		#ijs .outline {\n	outline-style: solid;\n}\n\n		#ijs .ring-px {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-job-card {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-job-card-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-width-section {\n	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .ring-job-card-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-job-card-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-section-strong-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-section-strong-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-section-weak-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-section-weak-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-tag-accent-strong-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-tag-accent-strong-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-tag-neutral-strong-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-tag-neutral-strong-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .ring-tag-neutral-weak-stroke {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-tag-neutral-weak-stroke-color) / var(--tw-ring-opacity));\n}\n\n		#ijs .blur {\n	--tw-blur: blur(8px);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .grayscale {\n	--tw-grayscale: grayscale(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .invert {\n	--tw-invert: invert(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .sepia {\n	--tw-sepia: sepia(100%);\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .filter {\n	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);\n}\n\n		#ijs .backdrop-filter {\n	-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n	        backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);\n}\n\n		#ijs .transition {\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .transition-all {\n	transition-property: all;\n	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n	transition-duration: 150ms;\n}\n\n		#ijs .duration-1000 {\n	transition-duration: 1000ms;\n}\n\n		#ijs .duration-300 {\n	transition-duration: 300ms;\n}\n\n		#ijs .duration-500 {\n	transition-duration: 500ms;\n}\n\n		#ijs .ease-expo-out {\n	transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n		#ijs .font-style-filter {\n	font-style: var(--i-style-filter);\n}\n\n		#ijs .font-style-tag {\n	font-style: var(--i-style-filter);\n}\n\n		#ijs .fr {\n	outline: none;\n}\n\n		#ijs .fr:focus {\n	outline: none;\n}\n\n		#ijs .fr:focus-visible {\n	outline: none;\n	--tw-ring-offset-width: 1px;\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-a-7) / 1);\n	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);\n	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n}\n\n		#ijs .hide-scrollbars::-webkit-scrollbar {\n	display: none;\n}\n\n		#ijs .hide-scrollbars {\n	scrollbar-width: none;\n	-ms-overflow-style: none;\n}\n\n		#ijs .touch-hitbox::before {\n	content: '';\n	position: absolute;\n	display: block;\n	top: 50%;\n	left: 50%;\n	transform: translate(-50%, -50%);\n	width: 100%;\n	height: 100%;\n	min-height: 44px;\n	min-width: 44px;\n	z-index: 9999;\n}\n\n		#ijs .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n	a-z-a--z0-9-_: .$@?;\n}\n\n		#ijs .hover\\:bg-interactive-accent-bg-hover:hover {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-interactive-accent-bg-hover) / var(--tw-bg-opacity));\n}\n\n		#ijs .hover\\:bg-interactive-neutral-bg-hover:hover {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-interactive-neutral-bg-hover) / var(--tw-bg-opacity));\n}\n\n		#ijs .focus\\:outline-none:focus {\n	outline: 2px solid transparent;\n	outline-offset: 2px;\n}\n\n		#ijs .active\\:scale-95:active {\n	--tw-scale-x: .95;\n	--tw-scale-y: .95;\n	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));\n}\n\n		#ijs .active\\:bg-job-card-bg-active:active {\n	--tw-bg-opacity: 1;\n	background-color: oklch(var(--i-job-card-bg-active) / var(--tw-bg-opacity));\n}\n\n		#ijs .active\\:ring-job-card-stroke-active:active {\n	--tw-ring-opacity: 1;\n	--tw-ring-color: oklch(var(--i-job-card-stroke-color-active) / var(--tw-ring-opacity));\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:col-span-2 {\n		grid-column: span 2 / span 2;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:flex {\n		display: flex;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid {\n		display: grid;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:grid-cols-3 {\n		grid-template-columns: repeat(3, minmax(0, 1fr));\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:flex-col {\n		flex-direction: column;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:px-0 {\n		padding-left: 0px;\n		padding-right: 0px;\n	}\n}\n\n		@media (min-width: 768px) {\n\n	#ijs .md\\:px-4 {\n		padding-left: 1rem;\n		padding-right: 1rem;\n	}\n}\n\n		@media (min-width: 1024px) {\n\n	#ijs .lg\\:ring-width-section {\n		--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);\n		--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(var(--i-section-stroke-width) + var(--tw-ring-offset-width)) var(--tw-ring-color);\n		box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);\n	}\n}\n";
 const match = (m2) => {
   const patterns = [];
   const i2 = (m22) => ({
@@ -6461,7 +6752,7 @@ const generateTokenVars = (theme, color) => {
     "copy-info": highcontrast ? color["n-8"] : color["n-6"],
     "copy-icon": highcontrast ? color["n-11"] : color["n-10"],
     "copy-accent": color["a-12"],
-    "copy-accent-lowcontrast": color["a-9"],
+    "copy-accent-lowcontrast": color["a-11"],
     "copy-accent-icon": color["a-11"],
     "copy-inverted": color.lowest,
     "copy-inverted-lowcontrast": color["n-4"],
@@ -6473,7 +6764,7 @@ const generateTokenVars = (theme, color) => {
     "tag-neutral-strong-copy": color.white,
     "tag-neutral-strong-stroke-color": highlights === "stroke" ? color.white : transparent,
     "tag-monetary-weak-bg": color["m-2"],
-    "tag-monetary-weak-copy": color["m-8"],
+    "tag-monetary-weak-copy": color["m-9"],
     "tag-accent-strong-bg": theme.mode === "dark" ? color["a-5"] : color["a-7"],
     "tag-accent-strong-copy": theme.mode === "dark" ? color["a-12"] : color.lowest,
     "tag-accent-strong-stroke-color": transparent,
@@ -6541,7 +6832,7 @@ const generateTokenVars = (theme, color) => {
     "section-stroke-width": match(theme).with({
       highlights: "stroke",
       highcontrast: true
-    }, () => "2px").otherwise(() => "1px"),
+    }, () => "1.5px").otherwise(() => "1px"),
     "job-card-bg": match(theme).with({
       highlights: "fill"
     }, () => color.lowest).otherwise(() => transparent),
@@ -6559,11 +6850,11 @@ const generateTokenVars = (theme, color) => {
       highlights: "stroke"
     }, () => color["a-6"]).with({
       highlights: "fill"
-    }, () => color["a-4"]).otherwise(() => transparent),
+    }, () => color["a-3"]).otherwise(() => transparent),
     "job-card-stroke-width": match(theme).with({
       highlights: "stroke",
       highcontrast: true
-    }, () => "2px").otherwise(() => "1px")
+    }, () => "1.5px").otherwise(() => "1px")
   };
 };
 const generateColorThemeCss = (theme) => {
@@ -6580,47 +6871,49 @@ const generateColorThemeCss = (theme) => {
 ${colorsCss.concat(tokenCss).join("\n")}
 }`;
 };
+const FILTER_KEYS = ["company_id", "company_name", "industry", "employment_type", "location_type", "pay_type", "pay_currency", "pay_mask", "pay", "pay_min", "pay_max", "title", "category", "skills", "address_1", "address_2", "town", "city", "postcode", "country", "contract_type", "pay_display"];
 const createJobSearchDomManager = () => {
   return {
-    addStyle: (css, id) => {
-      const head = document.head;
-      const existing = head.querySelector(`style#${id}`);
-      existing == null ? void 0 : existing.remove();
-      const element = document.createElement("style");
-      element.id = id;
-      element.innerHTML = css;
-      head.appendChild(element);
-    },
     getRenderTargetElement: () => {
       const element = document.body.querySelector(`#${JOB_SEARCH_ELEMENT_ID}`);
-      if (!element) {
-        throw new Error(`Element with id ${JOB_SEARCH_ELEMENT_ID} not found.`);
-      }
+      invariant(element, `Element with id ${JOB_SEARCH_ELEMENT_ID} not found.`);
       return element;
     }
   };
 };
-const jobSearchPlugin = () => createPlugin(({
+const dom = createJobSearchDomManager();
+const jobSearchPlugin = (params) => createPlugin(({
   apiClient,
   logger,
   analytics
 }) => {
-  const dom = createJobSearchDomManager();
+  const styleElements = [y$2("style", {
+    id: "inploi-job-search-styles"
+  }, tailwind), y$2("style", {
+    id: "inploi-job-search-theme"
+  }, generateColorThemeCss(params.theme))];
+  const App = y$2(g$3, {}, [styleElements, y$2(JobSearch, {
+    params,
+    apiClient,
+    logger,
+    analytics
+  })]);
   return {
-    render: async (params) => {
-      dom.addStyle(tailwind, "inploi-job-search-styles");
-      dom.addStyle(generateColorThemeCss(params.theme), "inploi-job-search-theme");
-      logger.info("Job Search Plugin Rendered.");
-      q$2(y$1(JobSearch, {
-        params,
-        apiClient,
-        logger,
-        analytics
-      }), dom.getRenderTargetElement());
+    /** Returns a string with the initial rendering state of the UI.
+     *  Useful when server-side rendering to avoid CLS.
+     */
+    renderToString: () => {
+      return b$1(App);
+    },
+    /** Renders the Job Search Plugin inside the container element. */
+    render: async () => {
+      invariant(typeof window !== "undefined", "the `render` method of JobSearch cannot be called in non-browser environments. Use `renderToString` instead.");
+      q$2(App, dom.getRenderTargetElement());
     }
   };
 });
 export {
+  FILTER_KEYS,
   createJobSearchDomManager,
   jobSearchPlugin
 };