@inploi/plugin-job-search 0.7.0 → 0.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/cdn/index.js +95 -17
  2. package/cdn/style.css +1 -1
  3. package/dist/{plugin-job-alerts-e872a753.cjs → plugin-job-alerts-16396947.cjs} +225 -145
  4. package/dist/{plugin-job-alerts-6f9c4ee3.js → plugin-job-alerts-2dab76ff.js} +225 -145
  5. package/dist/plugin-job-search.cjs +2 -2
  6. package/dist/plugin-job-search.js +2 -2
  7. package/dist/style.css +64 -2
  8. package/package.json +4 -4
package/dist/{plugin-job-alerts-e872a753.cjs → plugin-job-alerts-16396947.cjs} RENAMED
@@ -7,7 +7,7 @@ function invariant(condition, message) {
7
7
  }
8
8
  throw new Error(message);
9
9
  }
10
- var n$1, l$4, u$4, t$2, i$3, o$3, r$2, f$4, e$2, c$3 = {}, s$3 = [], a$3 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, h$2 = Array.isArray;
10
+ var n$1, l$4, u$4, t$2, i$3, o$3, r$3, f$4, e$2, c$3 = {}, s$3 = [], a$3 = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i, h$2 = Array.isArray;
11
11
  function v$3(n2, l2) {
12
12
  for (var u2 in l2)
13
13
  n2[u2] = l2[u2];
@@ -76,7 +76,7 @@ function k$3(n2) {
76
76
  }
77
77
  }
78
78
  function w$4(n2) {
79
- (!n2.__d && (n2.__d = true) && i$3.push(n2) && !x$4.__r++ || o$3 !== l$4.debounceRendering) && ((o$3 = l$4.debounceRendering) || r$2)(x$4);
79
+ (!n2.__d && (n2.__d = true) && i$3.push(n2) && !x$4.__r++ || o$3 !== l$4.debounceRendering) && ((o$3 = l$4.debounceRendering) || r$3)(x$4);
80
80
  }
81
81
  function x$4() {
82
82
  var n2, u2, t2, o2, r2, e2, c2, s2, a2;
@@ -346,7 +346,7 @@ n$1 = s$3.slice, l$4 = {
346
346
  u2 = null != this.__s && this.__s !== this.state ? this.__s : this.__s = v$3({}, this.state), "function" == typeof n2 && (n2 = n2(v$3({}, u2), this.props)), n2 && v$3(u2, n2), null != n2 && this.__v && (l2 && this._sb.push(l2), w$4(this));
347
347
  }, b$3.prototype.forceUpdate = function(n2) {
348
348
  this.__v && (this.__e = true, n2 && this.__h.push(n2), w$4(this));
349
- }, b$3.prototype.render = g$4, i$3 = [], r$2 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$4 = function(n2, l2) {
349
+ }, b$3.prototype.render = g$4, i$3 = [], r$3 = "function" == typeof Promise ? Promise.prototype.then.bind(Promise.resolve()) : setTimeout, f$4 = function(n2, l2) {
350
350
  return n2.__v.__b - l2.__v.__b;
351
351
  }, x$4.__r = 0, e$2 = 0;
352
352
  var o$2 = /[\s\n\\/='"\0<>]/, n = /^(xlink|xmlns|xml)([A-Z])/, a$2 = /^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$2 = /^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$3 = /["&<]/;
@@ -570,15 +570,14 @@ function u$2(e2, t2, n2, o2, i2, u2) {
570
570
  return l$4.vnode && l$4.vnode(l2), l2;
571
571
  }
572
572
  const icons = {
573
- bell: u$2(g$4, {
574
- children: [u$2("path", {
575
- d: "M10 17C10 17.6188 10.2634 18.2123 10.7322 18.6499C11.2011 19.0875 11.837 19.3333 12.5 19.3333C13.163 19.3333 13.7989 19.0875 14.2678 18.6499C14.7366 18.2123 15 17.6188 15 17"
576
- }), u$2("path", {
577
- d: "M7.5 10.5C7.5 6.5 9.38614 4.5 12.5 4.5C15.6136 4.5 17.5 6.5 17.5 10.5C17.5 13.8056 18.4355 14.7938 18.9167 15.625C19.019 15.8021 19.0192 16.0302 18.9173 16.2074C18.8153 16.3847 18.6181 16.4993 18.4136 16.5H6.74694C6.54275 16.4988 6.34596 16.384 6.24439 16.2068C6.14283 16.0297 6.14317 15.8018 6.24528 15.625C6.7258 14.7938 7.5 13.7435 7.5 10.5Z"
578
- })]
573
+ bell: u$2("path", {
574
+ d: "M10 17a2.4 2.4 0 0 0 2.5 2.3A2.4 2.4 0 0 0 15 17m-7.5-6.5c0-4 1.9-6 5-6s5 2 5 6c0 3.3 1 4.3 1.4 5.1v.6c0 .2-.3.3-.5.3H6.7a.6.6 0 0 1-.5-.3.6.6 0 0 1 0-.6c.5-.8 1.3-1.9 1.3-5.1Z"
579
575
  }),
580
576
  x: u$2("path", {
581
577
  d: "M8 8l8 8M8 16l8 -8"
578
+ }),
579
+ "chevron-up-down": u$2("path", {
580
+ d: "M8 9l4 -4l4 4 M8 15l4 4l4 -4"
582
581
  })
583
582
  };
584
583
  const IconSpritesheet = ({
@@ -632,10 +631,10 @@ function _extends() {
632
631
  };
633
632
  return _extends.apply(this, arguments);
634
633
  }
635
- var t$1, r$1, u$1, i$1, o$1 = 0, f$1 = [], c$1 = [], e$1 = l$4.__b, a$1 = l$4.__r, v$1 = l$4.diffed, l$2 = l$4.__c, m = l$4.unmount;
634
+ var t$1, r$2, u$1, i$1, o$1 = 0, f$1 = [], c$1 = [], e$1 = l$4.__b, a$1 = l$4.__r, v$1 = l$4.diffed, l$2 = l$4.__c, m = l$4.unmount;
636
635
  function d$2(t2, u2) {
637
- l$4.__h && l$4.__h(r$1, t2, o$1 || u2), o$1 = 0;
638
- var i2 = r$1.__H || (r$1.__H = {
636
+ l$4.__h && l$4.__h(r$2, t2, o$1 || u2), o$1 = 0;
637
+ var i2 = r$2.__H || (r$2.__H = {
639
638
  __: [],
640
639
  __h: []
641
640
  });
@@ -651,7 +650,7 @@ function s$1(n2, u2, i2) {
651
650
  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : B$1(void 0, u2), function(n3) {
652
651
  var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
653
652
  t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
654
- }], o2.__c = r$1, !r$1.u)) {
653
+ }], o2.__c = r$2, !r$2.u)) {
655
654
  var f2 = function(n3, t2, r2) {
656
655
  if (!o2.__c.__H)
657
656
  return true;
@@ -670,25 +669,25 @@ function s$1(n2, u2, i2) {
670
669
  }
671
670
  }), !(!i3 && o2.__c.props === n3) && (!c2 || c2.call(this, n3, t2, r2));
672
671
  };
673
- r$1.u = true;
674
- var c2 = r$1.shouldComponentUpdate, e2 = r$1.componentWillUpdate;
675
- r$1.componentWillUpdate = function(n3, t2, r2) {
672
+ r$2.u = true;
673
+ var c2 = r$2.shouldComponentUpdate, e2 = r$2.componentWillUpdate;
674
+ r$2.componentWillUpdate = function(n3, t2, r2) {
676
675
  if (this.__e) {
677
676
  var u3 = c2;
678
677
  c2 = void 0, f2(n3, t2, r2), c2 = u3;
679
678
  }
680
679
  e2 && e2.call(this, n3, t2, r2);
681
- }, r$1.shouldComponentUpdate = f2;
680
+ }, r$2.shouldComponentUpdate = f2;
682
681
  }
683
682
  return o2.__N || o2.__;
684
683
  }
685
684
  function p$2(u2, i2) {
686
685
  var o2 = d$2(t$1++, 3);
687
- !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$1.__H.__h.push(o2));
686
+ !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__H.__h.push(o2));
688
687
  }
689
688
  function y$1(u2, i2) {
690
689
  var o2 = d$2(t$1++, 4);
691
- !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$1.__h.push(o2));
690
+ !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__h.push(o2));
692
691
  }
693
692
  function _$2(n2) {
694
693
  return o$1 = 5, F$1(function() {
@@ -716,15 +715,15 @@ function T$1(n2, t2) {
716
715
  }, t2);
717
716
  }
718
717
  function q$1(n2) {
719
- var u2 = r$1.context[n2.__c], i2 = d$2(t$1++, 9);
720
- return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$1)), u2.props.value) : n2.__;
718
+ var u2 = r$2.context[n2.__c], i2 = d$2(t$1++, 9);
719
+ return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$2)), u2.props.value) : n2.__;
721
720
  }
722
721
  function x$2(t2, r2) {
723
722
  l$4.useDebugValue && l$4.useDebugValue(r2 ? r2(t2) : t2);
724
723
  }
725
724
  function P$1(n2) {
726
725
  var u2 = d$2(t$1++, 10), i2 = h();
727
- return u2.__ = n2, r$1.componentDidCatch || (r$1.componentDidCatch = function(n3, t2) {
726
+ return u2.__ = n2, r$2.componentDidCatch || (r$2.componentDidCatch = function(n3, t2) {
728
727
  u2.__ && u2.__(n3, t2), i2[1](n3);
729
728
  }), [i2[0], function() {
730
729
  i2[1](void 0);
@@ -733,7 +732,7 @@ function P$1(n2) {
733
732
  function V$1() {
734
733
  var n2 = d$2(t$1++, 11);
735
734
  if (!n2.__) {
736
- for (var u2 = r$1.__v; null !== u2 && !u2.__m && null !== u2.__; )
735
+ for (var u2 = r$2.__v; null !== u2 && !u2.__m && null !== u2.__; )
737
736
  u2 = u2.__;
738
737
  var i2 = u2.__m || (u2.__m = [0, 0]);
739
738
  n2.__ = "P" + i2[0] + "-" + i2[1]++;
@@ -750,19 +749,19 @@ function b$1() {
750
749
  }
751
750
  }
752
751
  l$4.__b = function(n2) {
753
- r$1 = null, e$1 && e$1(n2);
752
+ r$2 = null, e$1 && e$1(n2);
754
753
  }, l$4.__r = function(n2) {
755
754
  a$1 && a$1(n2), t$1 = 0;
756
- var i2 = (r$1 = n2.__c).__H;
757
- i2 && (u$1 === r$1 ? (i2.__h = [], r$1.__h = [], i2.__.forEach(function(n3) {
755
+ var i2 = (r$2 = n2.__c).__H;
756
+ i2 && (u$1 === r$2 ? (i2.__h = [], r$2.__h = [], i2.__.forEach(function(n3) {
758
757
  n3.__N && (n3.__ = n3.__N), n3.__V = c$1, n3.__N = n3.i = void 0;
759
- })) : (i2.__h.forEach(k$1), i2.__h.forEach(w$2), i2.__h = [], t$1 = 0)), u$1 = r$1;
758
+ })) : (i2.__h.forEach(k$1), i2.__h.forEach(w$2), i2.__h = [], t$1 = 0)), u$1 = r$2;
760
759
  }, l$4.diffed = function(t2) {
761
760
  v$1 && v$1(t2);
762
761
  var o2 = t2.__c;
763
762
  o2 && o2.__H && (o2.__H.__h.length && (1 !== f$1.push(o2) && i$1 === l$4.requestAnimationFrame || ((i$1 = l$4.requestAnimationFrame) || j$1)(b$1)), o2.__H.__.forEach(function(n2) {
764
763
  n2.i && (n2.__H = n2.i), n2.__V !== c$1 && (n2.__ = n2.__V), n2.i = void 0, n2.__V = c$1;
765
- })), u$1 = r$1 = null;
764
+ })), u$1 = r$2 = null;
766
765
  }, l$4.__c = function(t2, r2) {
767
766
  r2.some(function(t3) {
768
767
  try {
@@ -794,12 +793,12 @@ function j$1(n2) {
794
793
  g$2 && (t2 = requestAnimationFrame(r2));
795
794
  }
796
795
  function k$1(n2) {
797
- var t2 = r$1, u2 = n2.__c;
798
- "function" == typeof u2 && (n2.__c = void 0, u2()), r$1 = t2;
796
+ var t2 = r$2, u2 = n2.__c;
797
+ "function" == typeof u2 && (n2.__c = void 0, u2()), r$2 = t2;
799
798
  }
800
799
  function w$2(n2) {
801
- var t2 = r$1;
802
- n2.__c = n2.__(), r$1 = t2;
800
+ var t2 = r$2;
801
+ n2.__c = n2.__(), r$2 = t2;
803
802
  }
804
803
  function z$1(n2, t2) {
805
804
  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
@@ -3950,6 +3949,16 @@ function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement) {
3950
3949
  const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
3951
3950
  const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
3952
3951
  const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
3952
+ const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ N((props, forwardedRef) => {
3953
+ var _globalThis$document;
3954
+ const {
3955
+ container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body,
3956
+ ...portalProps
3957
+ } = props;
3958
+ return container ? /* @__PURE__ */ wn.createPortal(/* @__PURE__ */ y$3($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
3959
+ ref: forwardedRef
3960
+ })), container) : null;
3961
+ });
3953
3962
  function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
3954
3963
  return s$1((state, event) => {
3955
3964
  const nextState = machine[state][event];
@@ -4880,6 +4889,24 @@ const $cb5cc270b50c6fcd$var$PORTAL_NAME = "PopoverPortal";
4880
4889
  const [$cb5cc270b50c6fcd$var$PortalProvider, $cb5cc270b50c6fcd$var$usePortalContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, {
4881
4890
  forceMount: void 0
4882
4891
  });
4892
+ const $cb5cc270b50c6fcd$export$dd679ffb4362d2d4 = (props) => {
4893
+ const {
4894
+ __scopePopover,
4895
+ forceMount,
4896
+ children,
4897
+ container
4898
+ } = props;
4899
+ const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, __scopePopover);
4900
+ return /* @__PURE__ */ y$3($cb5cc270b50c6fcd$var$PortalProvider, {
4901
+ scope: __scopePopover,
4902
+ forceMount
4903
+ }, /* @__PURE__ */ y$3($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
4904
+ present: forceMount || context.open
4905
+ }, /* @__PURE__ */ y$3($f1701beae083dbae$export$602eac185826482c, {
4906
+ asChild: true,
4907
+ container
4908
+ }, children)));
4909
+ };
4883
4910
  const $cb5cc270b50c6fcd$var$CONTENT_NAME = "PopoverContent";
4884
4911
  const $cb5cc270b50c6fcd$export$d7e1f420b25549ff = /* @__PURE__ */ N((props, forwardedRef) => {
4885
4912
  const portalContext = $cb5cc270b50c6fcd$var$usePortalContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
@@ -5020,7 +5047,26 @@ function $cb5cc270b50c6fcd$var$getState(open) {
5020
5047
  }
5021
5048
  const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9 = $cb5cc270b50c6fcd$export$5b6b19405a83ff9d;
5022
5049
  const $cb5cc270b50c6fcd$export$41fb9f06171c75f4 = $cb5cc270b50c6fcd$export$7dacb05d26466c3;
5050
+ const $cb5cc270b50c6fcd$export$602eac185826482c = $cb5cc270b50c6fcd$export$dd679ffb4362d2d4;
5023
5051
  const $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2 = $cb5cc270b50c6fcd$export$d7e1f420b25549ff;
5052
+ function r$1(e2) {
5053
+ var t2, f2, n2 = "";
5054
+ if ("string" == typeof e2 || "number" == typeof e2)
5055
+ n2 += e2;
5056
+ else if ("object" == typeof e2)
5057
+ if (Array.isArray(e2))
5058
+ for (t2 = 0; t2 < e2.length; t2++)
5059
+ e2[t2] && (f2 = r$1(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
5060
+ else
5061
+ for (t2 in e2)
5062
+ e2[t2] && (n2 && (n2 += " "), n2 += t2);
5063
+ return n2;
5064
+ }
5065
+ function clsx() {
5066
+ for (var e2, t2, f2 = 0, n2 = ""; f2 < arguments.length; )
5067
+ (e2 = arguments[f2++]) && (t2 = r$1(e2)) && (n2 && (n2 += " "), n2 += t2);
5068
+ return n2;
5069
+ }
5024
5070
  function i() {
5025
5071
  throw new Error("Cycle detected");
5026
5072
  }
@@ -5604,6 +5650,10 @@ function useSignal(n2) {
5604
5650
  }, []);
5605
5651
  }
5606
5652
  const store = {
5653
+ config$: a({
5654
+ headerText: "",
5655
+ label: ""
5656
+ }),
5607
5657
  filters$: a({})
5608
5658
  };
5609
5659
  const JOB_ALERTS_ELEMENT_ID = "inploi-job-alerts";
@@ -5847,7 +5897,7 @@ const InputError = ({
5847
5897
  })]
5848
5898
  });
5849
5899
  };
5850
- const inputClass = "rounded-field-input text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] px-3 py-2 ring ring-[1px] focus:relative transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
5900
+ const inputClass = "rounded-field-input bg-neutral-1 text-accent-11 autofill:shadow-[inset_0_0_0_1000px_var(--i-color-a-2)] autofill:focus:shadow-[inset_0_0_0_1000px_var(--i-color-a-1)] autofill:[-webkit-text-fill-color:var(--i-color-a-11)] px-3 py-2 ring ring-[1px] transition-all ease-expo-out duration-snappy ring-neutral-4 fr inline-flex w-full items-center justify-center px-2.5 text-base shadow-[0_0_0_1px] outline-none focus:shadow-[0_0_0_2px]";
5851
5901
  const getErrorMessage = (error) => {
5852
5902
  if (typeof error === "string")
5853
5903
  return error;
@@ -5855,9 +5905,30 @@ const getErrorMessage = (error) => {
5855
5905
  return error.message;
5856
5906
  return "Failed to create alert. Please try again later.";
5857
5907
  };
5908
+ const JobAlertsButton = N(({
5909
+ class: className,
5910
+ ...props
5911
+ }, ref) => u$2("button", {
5912
+ ref,
5913
+ class: clsx("fr theme-stroke:ring-[1px] theme-stroke:ring-accent-4 theme-stroke:hover:ring-accent-9 theme-fill:bg-accent-2 theme-fill:hover:bg-accent-3 theme-fill:active:bg-accent-4 duration-snappy ease-expo-out text-accent-11 flex w-full items-center justify-center gap-2 overflow-hidden rounded-lg px-4 py-1.5 pl-2 text-sm font-medium transition-all active:scale-[.97]", className),
5914
+ onTouchStart: noop,
5915
+ ...props,
5916
+ children: [u$2(Icon, {
5917
+ class: "flex-none",
5918
+ name: "bell"
5919
+ }), " ", u$2("span", {
5920
+ class: "min-w-0 truncate text-center",
5921
+ children: store.config$.value.label
5922
+ })]
5923
+ }));
5924
+ const PopoverHeader = () => u$2("p", {
5925
+ class: "text-neutral-11 px-2 pb-4 pt-1 text-sm",
5926
+ children: store.config$.value.headerText
5927
+ });
5928
+ function noop() {
5929
+ }
5858
5930
  const JobAlerts = ({
5859
5931
  theme,
5860
- config,
5861
5932
  apiClient,
5862
5933
  logger
5863
5934
  }) => {
@@ -5905,122 +5976,129 @@ const JobAlerts = ({
5905
5976
  children: u$2($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, {
5906
5977
  children: [u$2($cb5cc270b50c6fcd$export$41fb9f06171c75f4, {
5907
5978
  asChild: true,
5908
- children: u$2("button", {
5909
- class: "fr theme-stroke:ring-[1px] theme-stroke:ring-accent-4 theme-stroke:hover:ring-accent-9 theme-fill:bg-accent-2 theme-fill:hover:bg-accent-3 theme-fill:active:bg-accent-4 duration-snappy ease-expo-out text-accent-11 flex w-full items-center justify-center gap-2 overflow-hidden rounded-lg px-4 py-1.5 pl-2 text-base font-medium transition-all",
5910
- children: [u$2(Icon, {
5911
- class: "flex-none",
5912
- name: "bell"
5913
- }), " ", u$2("span", {
5914
- class: "min-w-0 truncate text-center",
5915
- children: config.label
5916
- })]
5917
- })
5918
- }), u$2($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, {
5919
- collisionPadding: 16,
5920
- class: "data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade bg-lowest ring-neutral-5 shadow-surface-lg isolate w-64 max-w-[var(--radix-popover-content-available-width)] rounded-lg p-2 ring-1 will-change-[transform,opacity]",
5921
- sideOffset: 5,
5922
- children: u$2("form", {
5923
- onSubmit: createAlert,
5924
- class: "flex flex-col gap-2.5",
5925
- children: [u$2("div", {
5926
- children: [u$2("fieldset", {
5927
- class: "fieldset",
5928
- children: [u$2("label", {
5929
- class: "sr-only",
5930
- htmlFor: "ija-email",
5931
- children: "Email"
5932
- }), u$2("input", {
5933
- name: "email",
5934
- autocomplete: "email",
5935
- class: inputClass,
5936
- disabled: formState === "loading",
5937
- id: "ija-email",
5938
- placeholder: "Email",
5939
- type: "email",
5940
- required: true
5941
- })]
5942
- }), u$2("fieldset", {
5943
- class: "fieldset",
5944
- children: [u$2("label", {
5945
- class: "sr-only",
5946
- htmlFor: "ija-name",
5947
- children: "Name"
5948
- }), u$2("input", {
5949
- disabled: formState === "loading",
5950
- name: "name",
5951
- required: true,
5952
- autocomplete: "name",
5953
- class: inputClass,
5954
- id: "ija-name",
5955
- placeholder: "Full Name"
5956
- })]
5957
- }), u$2("fieldset", {
5958
- class: "fieldset",
5959
- children: [u$2("label", {
5960
- class: "sr-only",
5961
- htmlFor: "ija-frequency",
5962
- children: "Frequency"
5963
- }), u$2("select", {
5964
- disabled: formState === "loading",
5965
- class: inputClass,
5966
- id: "ija-frequency",
5967
- defaultValue: "WEEKLY",
5968
- name: "frequency",
5969
- children: [u$2("option", {
5970
- value: "INSTANTLY",
5971
- children: "Instantly"
5972
- }), u$2("option", {
5973
- value: "DAILY",
5974
- children: "Daily"
5975
- }), u$2("option", {
5976
- value: "WEEKLY",
5977
- children: "Weekly"
5978
- }), u$2("option", {
5979
- value: "MONTHLY",
5980
- children: "Monthly"
5979
+ children: u$2(JobAlertsButton, {})
5980
+ }), u$2($cb5cc270b50c6fcd$export$602eac185826482c, {
5981
+ children: u$2("div", {
5982
+ id: "ija",
5983
+ children: u$2("div", {
5984
+ class: clsx("absolute isolate z-50", getThemeVariants(theme).join(" ")),
5985
+ children: u$2($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, {
5986
+ collisionPadding: 16,
5987
+ class: "data-[state=open]:data-[side=top]:animate-slideDownAndFade data-[state=open]:data-[side=right]:animate-slideLeftAndFade data-[state=open]:data-[side=bottom]:animate-slideUpAndFade data-[state=open]:data-[side=left]:animate-slideRightAndFade bg-lowest ring-neutral-5 shadow-surface-lg isolate w-64 max-w-[var(--radix-popover-content-available-width)] rounded-lg p-2 ring-1 will-change-[transform,opacity]",
5988
+ sideOffset: 5,
5989
+ children: [u$2(PopoverHeader, {}), u$2("form", {
5990
+ onSubmit: createAlert,
5991
+ class: "flex flex-col gap-2.5",
5992
+ children: [u$2("div", {
5993
+ children: [u$2("fieldset", {
5994
+ class: "fieldset relative focus-within:z-10",
5995
+ children: [u$2("label", {
5996
+ class: "sr-only",
5997
+ htmlFor: "ija-email",
5998
+ children: "Email"
5999
+ }), u$2("input", {
6000
+ name: "email",
6001
+ autocomplete: "email",
6002
+ class: inputClass,
6003
+ disabled: formState === "loading",
6004
+ id: "ija-email",
6005
+ placeholder: "Email",
6006
+ type: "email",
6007
+ required: true
6008
+ })]
6009
+ }), u$2("fieldset", {
6010
+ class: "fieldset relative focus-within:z-10",
6011
+ children: [u$2("label", {
6012
+ class: "sr-only",
6013
+ htmlFor: "ija-name",
6014
+ children: "Name"
6015
+ }), u$2("input", {
6016
+ disabled: formState === "loading",
6017
+ name: "name",
6018
+ required: true,
6019
+ autocomplete: "name",
6020
+ class: inputClass,
6021
+ id: "ija-name",
6022
+ placeholder: "Full Name"
6023
+ })]
6024
+ }), u$2("fieldset", {
6025
+ class: "fieldset relative focus-within:z-10",
6026
+ children: [u$2("label", {
6027
+ class: "sr-only",
6028
+ htmlFor: "ija-frequency",
6029
+ children: "Frequency"
6030
+ }), u$2("select", {
6031
+ disabled: formState === "loading",
6032
+ class: clsx(inputClass, "appearance-none pr-8"),
6033
+ id: "ija-frequency",
6034
+ defaultValue: "WEEKLY",
6035
+ name: "frequency",
6036
+ children: [u$2("option", {
6037
+ value: "INSTANTLY",
6038
+ children: "Instantly"
6039
+ }), u$2("option", {
6040
+ value: "DAILY",
6041
+ children: "Daily"
6042
+ }), u$2("option", {
6043
+ value: "WEEKLY",
6044
+ children: "Weekly"
6045
+ }), u$2("option", {
6046
+ value: "MONTHLY",
6047
+ children: "Monthly"
6048
+ })]
6049
+ }), u$2("div", {
6050
+ class: "text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1",
6051
+ "aria-hidden": true,
6052
+ children: u$2(Icon, {
6053
+ name: "chevron-up-down"
6054
+ })
6055
+ })]
6056
+ })]
6057
+ }), u$2("button", {
6058
+ // Needed to make active state work on iOS Safari
6059
+ onTouchStart: noop,
6060
+ class: "bg-accent-9 active:bg-accent-10 theme-dark:active:bg-accent-8 fr ease-expo-out duration-snappy text-accent-1 theme-dark:text-highest grid items-center overflow-hidden rounded-lg px-5 py-2 pl-2.5 text-center transition-all hover:scale-[1.02] active:scale-[.97]",
6061
+ children: [u$2("span", {
6062
+ "data-state": formState,
6063
+ class: "ease-expo-out duration-medium col-span-full row-span-full text-base opacity-0 transition-all data-[state=loading]:-translate-y-full data-[state=success]:translate-y-full data-[state=idle]:opacity-100",
6064
+ children: "Create Alert"
6065
+ }), u$2("div", {
6066
+ "data-state": formState,
6067
+ class: "ease-expo-out duration-medium col-span-full row-span-full flex translate-y-0 justify-center text-base transition-all data-[state=idle]:translate-y-full data-[state=idle]:opacity-0",
6068
+ children: u$2("svg", {
6069
+ width: "24",
6070
+ height: "24",
6071
+ viewBox: "0 0 24 24",
6072
+ "stroke-width": "1.5",
6073
+ "stroke-linecap": "round",
6074
+ "stroke-linejoin": "round",
6075
+ stroke: "currentColor",
6076
+ fill: "none",
6077
+ xmlns: "http://www.w3.org/2000/svg",
6078
+ children: [u$2("circle", {
6079
+ class: "loading-circle duration-snappy ease-expo-out transition-all",
6080
+ cx: "12",
6081
+ cy: "12",
6082
+ r: "9"
6083
+ }), u$2("path", {
6084
+ class: "done-checkmark",
6085
+ d: "M9 12L11 14L15 10"
6086
+ })]
6087
+ })
6088
+ })]
6089
+ }), u$2(InputError, {
6090
+ error
5981
6091
  })]
5982
6092
  })]
5983
- })]
5984
- }), u$2("button", {
5985
- class: "bg-accent-9 fr ease-expo-out duration-snappy text-accent-1 grid items-center overflow-hidden rounded-lg px-5 py-2 pl-2.5 text-center transition-all",
5986
- children: [u$2("span", {
5987
- "data-state": formState,
5988
- class: "ease-expo-out theme-dark:font-bold duration-medium col-span-full row-span-full text-base opacity-0 transition-all data-[state=loading]:-translate-y-full data-[state=success]:translate-y-full data-[state=idle]:opacity-100",
5989
- children: "Create Alert"
5990
- }), u$2("div", {
5991
- "data-state": formState,
5992
- class: "ease-expo-out duration-medium col-span-full row-span-full flex translate-y-0 justify-center text-base transition-all data-[state=idle]:translate-y-full data-[state=idle]:opacity-0",
5993
- children: u$2("svg", {
5994
- width: "24",
5995
- height: "24",
5996
- viewBox: "0 0 24 24",
5997
- "stroke-width": "1.5",
5998
- "stroke-linecap": "round",
5999
- "stroke-linejoin": "round",
6000
- stroke: "currentColor",
6001
- fill: "none",
6002
- xmlns: "http://www.w3.org/2000/svg",
6003
- children: [u$2("circle", {
6004
- class: "loading-circle duration-snappy ease-expo-out transition-all",
6005
- cx: "12",
6006
- cy: "12",
6007
- r: "9"
6008
- }), u$2("path", {
6009
- class: "done-checkmark",
6010
- d: "M9 12L11 14L15 10"
6011
- })]
6012
- })
6013
- })]
6014
- }), u$2(InputError, {
6015
- error
6016
- })]
6093
+ })
6094
+ })
6017
6095
  })
6018
6096
  })]
6019
6097
  })
6020
6098
  })
6021
6099
  });
6022
6100
  };
6023
- const tailwind = "#ija {\n font-size: 16px;\n --tw-content: '';\n}\n\n #ija * {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n }\n\n #ija ::before,\n #ija ::after {\n box-sizing: border-box;\n }\n\n #ija :is(a) {\n text-decoration: none;\n }\n\n #ija :is(ul, ol) {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #ija :is(p) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(li) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #ija :is(fieldset) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(button),\n #ija :is(a) {\n display: block;\n margin: 0;\n padding: 0;\n border: unset;\n background: unset;\n text-align: unset;\n }\n\n #ija :is(input),\n #ija :is(textarea) {\n display: block;\n margin: 0;\n padding: 0;\n min-width: 0;\n max-width: unset;\n width: 100%;\n }\n\n #ija :is(svg) {\n display: block;\n }\n\n @media (prefers-reduced-motion) {\n #ija * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n animation-delay: 0s !important;\n }\n }\n\n #ija *, #ija ::before, #ija ::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 #ija ::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 #ija .container {\n width: 100%;\n}\n\n @media (min-width: 640px) {\n\n #ija .container {\n max-width: 640px;\n }\n}\n\n @media (min-width: 768px) {\n\n #ija .container {\n max-width: 768px;\n }\n}\n\n @media (min-width: 1024px) {\n\n #ija .container {\n max-width: 1024px;\n }\n}\n\n @media (min-width: 1280px) {\n\n #ija .container {\n max-width: 1280px;\n }\n}\n\n @media (min-width: 1536px) {\n\n #ija .container {\n max-width: 1536px;\n }\n}\n\n #ija .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n #ija .visible {\n visibility: visible;\n}\n\n #ija .invisible {\n visibility: hidden;\n}\n\n #ija .collapse {\n visibility: collapse;\n}\n\n #ija .static {\n position: static;\n}\n\n #ija .fixed {\n position: fixed;\n}\n\n #ija .absolute {\n position: absolute;\n}\n\n #ija .relative {\n position: relative;\n}\n\n #ija .sticky {\n position: sticky;\n}\n\n #ija .isolate {\n isolation: isolate;\n}\n\n #ija .col-span-full {\n grid-column: 1 / -1;\n}\n\n #ija .row-span-full {\n grid-row: 1 / -1;\n}\n\n #ija .mt-0 {\n margin-top: 0px;\n}\n\n #ija .mt-0\\.5 {\n margin-top: 0.125rem;\n}\n\n #ija .block {\n display: block;\n}\n\n #ija .inline-block {\n display: inline-block;\n}\n\n #ija .inline {\n display: inline;\n}\n\n #ija .flex {\n display: flex;\n}\n\n #ija .inline-flex {\n display: inline-flex;\n}\n\n #ija .table {\n display: table;\n}\n\n #ija .table-row {\n display: table-row;\n}\n\n #ija .flow-root {\n display: flow-root;\n}\n\n #ija .grid {\n display: grid;\n}\n\n #ija .inline-grid {\n display: inline-grid;\n}\n\n #ija .contents {\n display: contents;\n}\n\n #ija .list-item {\n display: list-item;\n}\n\n #ija .\\!hidden {\n display: none !important;\n}\n\n #ija .hidden {\n display: none;\n}\n\n #ija .h-4 {\n height: 1rem;\n}\n\n #ija .w-4 {\n width: 1rem;\n}\n\n #ija .w-64 {\n width: 16rem;\n}\n\n #ija .w-full {\n width: 100%;\n}\n\n #ija .min-w-0 {\n min-width: 0px;\n}\n\n #ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n max-width: var(--radix-popover-content-available-width);\n}\n\n #ija .max-w-full {\n max-width: 100%;\n}\n\n #ija .flex-none {\n flex: none;\n}\n\n #ija .flex-shrink {\n flex-shrink: 1;\n}\n\n #ija .shrink {\n flex-shrink: 1;\n}\n\n #ija .flex-grow {\n flex-grow: 1;\n}\n\n #ija .grow {\n flex-grow: 1;\n}\n\n #ija .border-collapse {\n border-collapse: collapse;\n}\n\n #ija .translate-y-0 {\n --tw-translate-y: 0px;\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 #ija .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 #ija .resize {\n resize: both;\n}\n\n #ija .flex-col {\n flex-direction: column;\n}\n\n #ija .flex-wrap {\n flex-wrap: wrap;\n}\n\n #ija .items-start {\n align-items: flex-start;\n}\n\n #ija .items-center {\n align-items: center;\n}\n\n #ija .justify-center {\n justify-content: center;\n}\n\n #ija .gap-1 {\n gap: 0.25rem;\n}\n\n #ija .gap-1\\.5 {\n gap: 0.375rem;\n}\n\n #ija .gap-2 {\n gap: 0.5rem;\n}\n\n #ija .gap-2\\.5 {\n gap: 0.625rem;\n}\n\n #ija .overflow-hidden {\n overflow: hidden;\n}\n\n #ija .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n #ija .rounded-lg {\n border-radius: var(--i-radius-lg);\n}\n\n #ija .border {\n border-width: 1px;\n}\n\n #ija .bg-accent-9 {\n background-color: var(--i-color-a-9);\n}\n\n #ija .bg-lowest {\n background-color: var(--i-color-lowest);\n}\n\n #ija .p-2 {\n padding: 0.5rem;\n}\n\n #ija .px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n #ija .px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n #ija .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n #ija .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n #ija .px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n #ija .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n #ija .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n #ija .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n #ija .pl-2 {\n padding-left: 0.5rem;\n}\n\n #ija .pl-2\\.5 {\n padding-left: 0.625rem;\n}\n\n #ija .pr-1 {\n padding-right: 0.25rem;\n}\n\n #ija .text-center {\n text-align: center;\n}\n\n #ija .text-justify {\n text-align: justify;\n}\n\n #ija .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n #ija .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n #ija .font-medium {\n font-weight: 500;\n}\n\n #ija .uppercase {\n text-transform: uppercase;\n}\n\n #ija .lowercase {\n text-transform: lowercase;\n}\n\n #ija .capitalize {\n text-transform: capitalize;\n}\n\n #ija .italic {\n font-style: italic;\n}\n\n #ija .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 #ija .text-\\[\\#E5484D\\] {\n --tw-text-opacity: 1;\n color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n #ija .text-accent-1 {\n color: var(--i-color-a-1);\n}\n\n #ija .text-accent-11 {\n color: var(--i-color-a-11);\n}\n\n #ija .opacity-0 {\n opacity: 0;\n}\n\n #ija .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 #ija .shadow-\\[0_0_0_1px\\] {\n --tw-shadow: 0 0 0 1px;\n --tw-shadow-colored: 0 0 0 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 #ija .shadow-surface-lg {\n --tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 11px 4px 0px oklch(0% 0 0 / 0.01), 0px 32px 24px -12px oklch(0% 0 0 / 0.06);\n --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px 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 #ija .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n #ija .outline {\n outline-style: solid;\n}\n\n #ija .ring {\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(3px + 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 #ija .ring-1 {\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 #ija .ring-\\[1px\\] {\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 #ija .ring-neutral-4 {\n --tw-ring-color: var(--i-color-n-4);\n}\n\n #ija .ring-neutral-5 {\n --tw-ring-color: var(--i-color-n-5);\n}\n\n #ija .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 #ija .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 #ija .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 #ija .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 #ija .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 #ija .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 #ija .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}\n\n #ija .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .duration-medium {\n transition-duration: var(--i-duration-medium);\n}\n\n #ija .duration-snappy {\n transition-duration: var(--i-duration-snappy);\n}\n\n #ija .ease-expo-out {\n transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .will-change-\\[transform\\2c opacity\\] {\n will-change: transform,opacity;\n}\n\n #ija .fr {\n outline: none;\n}\n\n #ija .fr:focus {\n outline: none;\n}\n\n #ija .fr:focus-visible {\n outline: none;\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-color: var(--i-color-lowest);\n --tw-ring-opacity: 1;\n --tw-ring-color: var(--i-color-a-9);\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 #ija .rounded-field-input {\n border-radius: 0;\n }\n\n #ija .fieldset:first-child .rounded-field-input {\n border-top-left-radius: var(--i-radius-md);\n border-top-right-radius: var(--i-radius-md);\n }\n\n #ija .fieldset:last-child .rounded-field-input {\n border-bottom-left-radius: var(--i-radius-md);\n border-bottom-right-radius: var(--i-radius-md);\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes loading-circle {\n 0% {\n stroke-dasharray: 0 56.54;\n }\n 100% {\n stroke-dasharray: 56.54 56.54;\n }\n }\n\n #ija .loading-circle {\n stroke-dasharray: 56.54 56.54;\n }\n\n #ija [data-state='loading'] .loading-circle {\n animation: loading-circle 1s linear;\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes done-checkmark {\n 0% {\n stroke-dasharray: 0 8.6;\n }\n 100% {\n stroke-dasharray: 8.6 8.6;\n }\n }\n\n #ija .done-checkmark {\n stroke-dashoffset: -1;\n stroke-dasharray: 0 8.6;\n opacity: 0;\n }\n\n #ija [data-state='success'] .done-checkmark {\n opacity: 1;\n animation: done-checkmark 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n a-z-a--z0-9-_: .$@?;\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .focus\\:relative:focus {\n position: relative;\n}\n\n #ija .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n --tw-shadow: 0 0 0 2px;\n --tw-shadow-colored: 0 0 0 2px 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 #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n --tw-translate-y: 100%;\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 #ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n --tw-translate-y: -100%;\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 #ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n --tw-translate-y: 100%;\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 slideUpAndFade {\n\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open] {\n animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideRightAndFade {\n\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open] {\n animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideLeftAndFade {\n\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open] {\n animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideDownAndFade {\n\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open] {\n animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n opacity: 0;\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n opacity: 1;\n}\n\n #ija .dark .theme-dark\\:font-bold {\n font-weight: 700;\n}\n\n #ija .fill .theme-fill\\:bg-accent-2 {\n background-color: var(--i-color-a-2);\n}\n\n #ija .fill .theme-fill\\:hover\\:bg-accent-3:hover {\n background-color: var(--i-color-a-3);\n}\n\n #ija .fill .theme-fill\\:active\\:bg-accent-4:active {\n background-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:ring-\\[1px\\] {\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 #ija .stroke .theme-stroke\\:ring-accent-4 {\n --tw-ring-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover {\n --tw-ring-color: var(--i-color-a-9);\n}\n";
6101
+ const tailwind = "#ija {\n font-size: 16px;\n --tw-content: '';\n}\n\n #ija * {\n box-sizing: border-box;\n border-style: solid;\n border-width: 0;\n -webkit-tap-highlight-color: transparent;\n font-family: inherit;\n font-style: inherit;\n font-weight: inherit;\n }\n\n #ija ::before,\n #ija ::after {\n box-sizing: border-box;\n }\n\n #ija :is(a) {\n text-decoration: none;\n }\n\n #ija :is(ul, ol) {\n list-style: none;\n padding: 0;\n margin: 0;\n }\n\n #ija :is(p) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(li) {\n margin: 0;\n padding: 0;\n list-style: none;\n }\n\n #ija :is(fieldset) {\n margin: 0;\n padding: 0;\n }\n\n #ija :is(button),\n #ija :is(a) {\n display: block;\n margin: 0;\n padding: 0;\n border: unset;\n background: unset;\n text-align: unset;\n }\n\n #ija :is(input),\n #ija :is(textarea) {\n display: block;\n margin: 0;\n padding: 0;\n min-width: 0;\n max-width: unset;\n width: 100%;\n }\n\n #ija :is(svg) {\n display: block;\n }\n\n @media (prefers-reduced-motion) {\n #ija * {\n animation-duration: 0.01ms !important;\n animation-iteration-count: 1 !important;\n transition-duration: 0.01ms !important;\n scroll-behavior: auto !important;\n animation-delay: 0s !important;\n }\n }\n\n #ija *, #ija ::before, #ija ::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 #ija ::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 #ija .container {\n width: 100%;\n}\n\n @media (min-width: 640px) {\n\n #ija .container {\n max-width: 640px;\n }\n}\n\n @media (min-width: 768px) {\n\n #ija .container {\n max-width: 768px;\n }\n}\n\n @media (min-width: 1024px) {\n\n #ija .container {\n max-width: 1024px;\n }\n}\n\n @media (min-width: 1280px) {\n\n #ija .container {\n max-width: 1280px;\n }\n}\n\n @media (min-width: 1536px) {\n\n #ija .container {\n max-width: 1536px;\n }\n}\n\n #ija .sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n #ija .visible {\n visibility: visible;\n}\n\n #ija .invisible {\n visibility: hidden;\n}\n\n #ija .collapse {\n visibility: collapse;\n}\n\n #ija .static {\n position: static;\n}\n\n #ija .fixed {\n position: fixed;\n}\n\n #ija .absolute {\n position: absolute;\n}\n\n #ija .relative {\n position: relative;\n}\n\n #ija .sticky {\n position: sticky;\n}\n\n #ija .bottom-0 {\n bottom: 0px;\n}\n\n #ija .right-0 {\n right: 0px;\n}\n\n #ija .top-0 {\n top: 0px;\n}\n\n #ija .isolate {\n isolation: isolate;\n}\n\n #ija .z-50 {\n z-index: 50;\n}\n\n #ija .col-span-full {\n grid-column: 1 / -1;\n}\n\n #ija .row-span-full {\n grid-row: 1 / -1;\n}\n\n #ija .mt-0 {\n margin-top: 0px;\n}\n\n #ija .mt-0\\.5 {\n margin-top: 0.125rem;\n}\n\n #ija .block {\n display: block;\n}\n\n #ija .inline-block {\n display: inline-block;\n}\n\n #ija .inline {\n display: inline;\n}\n\n #ija .flex {\n display: flex;\n}\n\n #ija .inline-flex {\n display: inline-flex;\n}\n\n #ija .table {\n display: table;\n}\n\n #ija .table-row {\n display: table-row;\n}\n\n #ija .flow-root {\n display: flow-root;\n}\n\n #ija .grid {\n display: grid;\n}\n\n #ija .inline-grid {\n display: inline-grid;\n}\n\n #ija .contents {\n display: contents;\n}\n\n #ija .list-item {\n display: list-item;\n}\n\n #ija .\\!hidden {\n display: none !important;\n}\n\n #ija .hidden {\n display: none;\n}\n\n #ija .h-4 {\n height: 1rem;\n}\n\n #ija .w-4 {\n width: 1rem;\n}\n\n #ija .w-64 {\n width: 16rem;\n}\n\n #ija .w-full {\n width: 100%;\n}\n\n #ija .min-w-0 {\n min-width: 0px;\n}\n\n #ija .max-w-\\[var\\(--radix-popover-content-available-width\\)\\] {\n max-width: var(--radix-popover-content-available-width);\n}\n\n #ija .max-w-full {\n max-width: 100%;\n}\n\n #ija .flex-none {\n flex: none;\n}\n\n #ija .flex-shrink {\n flex-shrink: 1;\n}\n\n #ija .shrink {\n flex-shrink: 1;\n}\n\n #ija .flex-grow {\n flex-grow: 1;\n}\n\n #ija .grow {\n flex-grow: 1;\n}\n\n #ija .border-collapse {\n border-collapse: collapse;\n}\n\n #ija .translate-y-0 {\n --tw-translate-y: 0px;\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 #ija .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 #ija .resize {\n resize: both;\n}\n\n #ija .appearance-none {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n #ija .flex-col {\n flex-direction: column;\n}\n\n #ija .flex-wrap {\n flex-wrap: wrap;\n}\n\n #ija .items-start {\n align-items: flex-start;\n}\n\n #ija .items-center {\n align-items: center;\n}\n\n #ija .justify-center {\n justify-content: center;\n}\n\n #ija .gap-1 {\n gap: 0.25rem;\n}\n\n #ija .gap-1\\.5 {\n gap: 0.375rem;\n}\n\n #ija .gap-2 {\n gap: 0.5rem;\n}\n\n #ija .gap-2\\.5 {\n gap: 0.625rem;\n}\n\n #ija .overflow-hidden {\n overflow: hidden;\n}\n\n #ija .truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n #ija .rounded-lg {\n border-radius: var(--i-radius-lg);\n}\n\n #ija .border {\n border-width: 1px;\n}\n\n #ija .bg-accent-9 {\n background-color: var(--i-color-a-9);\n}\n\n #ija .bg-lowest {\n background-color: var(--i-color-lowest);\n}\n\n #ija .bg-neutral-1 {\n background-color: var(--i-color-n-1);\n}\n\n #ija .p-1 {\n padding: 0.25rem;\n}\n\n #ija .p-2 {\n padding: 0.5rem;\n}\n\n #ija .px-2 {\n padding-left: 0.5rem;\n padding-right: 0.5rem;\n}\n\n #ija .px-2\\.5 {\n padding-left: 0.625rem;\n padding-right: 0.625rem;\n}\n\n #ija .px-3 {\n padding-left: 0.75rem;\n padding-right: 0.75rem;\n}\n\n #ija .px-4 {\n padding-left: 1rem;\n padding-right: 1rem;\n}\n\n #ija .px-5 {\n padding-left: 1.25rem;\n padding-right: 1.25rem;\n}\n\n #ija .py-1 {\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n}\n\n #ija .py-1\\.5 {\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n}\n\n #ija .py-2 {\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n}\n\n #ija .pb-4 {\n padding-bottom: 1rem;\n}\n\n #ija .pl-2 {\n padding-left: 0.5rem;\n}\n\n #ija .pl-2\\.5 {\n padding-left: 0.625rem;\n}\n\n #ija .pr-1 {\n padding-right: 0.25rem;\n}\n\n #ija .pr-8 {\n padding-right: 2rem;\n}\n\n #ija .pt-1 {\n padding-top: 0.25rem;\n}\n\n #ija .text-center {\n text-align: center;\n}\n\n #ija .text-justify {\n text-align: justify;\n}\n\n #ija .text-base {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n\n #ija .text-sm {\n font-size: 0.875rem;\n line-height: 1.25rem;\n}\n\n #ija .font-medium {\n font-weight: 500;\n}\n\n #ija .uppercase {\n text-transform: uppercase;\n}\n\n #ija .lowercase {\n text-transform: lowercase;\n}\n\n #ija .capitalize {\n text-transform: capitalize;\n}\n\n #ija .italic {\n font-style: italic;\n}\n\n #ija .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 #ija .text-\\[\\#E5484D\\] {\n --tw-text-opacity: 1;\n color: rgb(229 72 77 / var(--tw-text-opacity));\n}\n\n #ija .text-accent-1 {\n color: var(--i-color-a-1);\n}\n\n #ija .text-accent-11 {\n color: var(--i-color-a-11);\n}\n\n #ija .text-neutral-10 {\n color: var(--i-color-n-10);\n}\n\n #ija .text-neutral-11 {\n color: var(--i-color-n-11);\n}\n\n #ija .opacity-0 {\n opacity: 0;\n}\n\n #ija .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 #ija .shadow-\\[0_0_0_1px\\] {\n --tw-shadow: 0 0 0 1px;\n --tw-shadow-colored: 0 0 0 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 #ija .shadow-surface-lg {\n --tw-shadow: 0px 3px 3px 0px oklch(0% 0 0 / 0.03), 0px 6px 4px 0px oklch(0% 0 0 / 0.02), 0px 11px 4px 0px oklch(0% 0 0 / 0.01), 0px 32px 24px -12px oklch(0% 0 0 / 0.06);\n --tw-shadow-colored: 0px 3px 3px 0px var(--tw-shadow-color), 0px 6px 4px 0px var(--tw-shadow-color), 0px 11px 4px 0px var(--tw-shadow-color), 0px 32px 24px -12px 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 #ija .outline-none {\n outline: 2px solid transparent;\n outline-offset: 2px;\n}\n\n #ija .outline {\n outline-style: solid;\n}\n\n #ija .ring {\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(3px + 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 #ija .ring-1 {\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 #ija .ring-\\[1px\\] {\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 #ija .ring-neutral-4 {\n --tw-ring-color: var(--i-color-n-4);\n}\n\n #ija .ring-neutral-5 {\n --tw-ring-color: var(--i-color-n-5);\n}\n\n #ija .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 #ija .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 #ija .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 #ija .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 #ija .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 #ija .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 #ija .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}\n\n #ija .transition-all {\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n #ija .duration-medium {\n transition-duration: var(--i-duration-medium);\n}\n\n #ija .duration-snappy {\n transition-duration: var(--i-duration-snappy);\n}\n\n #ija .ease-expo-out {\n transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .will-change-\\[transform\\2c opacity\\] {\n will-change: transform,opacity;\n}\n\n #ija .fr {\n outline: none;\n}\n\n #ija .fr:focus {\n outline: none;\n}\n\n #ija .fr:focus-visible {\n outline: none;\n --tw-ring-offset-width: 1px;\n --tw-ring-offset-color: var(--i-color-lowest);\n --tw-ring-opacity: 1;\n --tw-ring-color: var(--i-color-a-9);\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 #ija .rounded-field-input {\n border-radius: 0;\n }\n\n #ija .fieldset:first-child .rounded-field-input {\n border-top-left-radius: var(--i-radius-md);\n border-top-right-radius: var(--i-radius-md);\n }\n\n #ija .fieldset:last-child .rounded-field-input {\n border-bottom-left-radius: var(--i-radius-md);\n border-bottom-right-radius: var(--i-radius-md);\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes loading-circle {\n 0% {\n stroke-dasharray: 0 56.54;\n }\n 100% {\n stroke-dasharray: 56.54 56.54;\n }\n }\n\n #ija .loading-circle {\n stroke-dasharray: 56.54 56.54;\n }\n\n #ija [data-state='loading'] .loading-circle {\n animation: loading-circle 1s linear;\n }\n\n /* perimeter = 2 * Pi * r\n r = 9 (circle radius)\n 56.54\n */\n\n @keyframes done-checkmark {\n 0% {\n stroke-dasharray: 0 8.6;\n }\n 100% {\n stroke-dasharray: 8.6 8.6;\n }\n }\n\n #ija .done-checkmark {\n stroke-dashoffset: -1;\n stroke-dasharray: 0 8.6;\n opacity: 0;\n }\n\n #ija [data-state='success'] .done-checkmark {\n opacity: 1;\n animation: done-checkmark 0.9s cubic-bezier(0.16, 1, 0.3, 1);\n }\n\n #ija .\\[a-zA-Z0-9-_\\:\\.\\$\\@\\?\\] {\n a-z-a--z0-9-_: .$@?;\n}\n\n #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .autofill\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-2\\)\\]:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-2);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:-webkit-autofill {\n -webkit-text-fill-color: var(--i-color-a-11);\n}\n\n #ija .autofill\\:\\[-webkit-text-fill-color\\:var\\(--i-color-a-11\\)\\]:autofill {\n -webkit-text-fill-color: var(--i-color-a-11);\n}\n\n #ija .focus-within\\:z-10:focus-within {\n z-index: 10;\n}\n\n #ija .hover\\:scale-\\[1\\.02\\]:hover {\n --tw-scale-x: 1.02;\n --tw-scale-y: 1.02;\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 #ija .focus\\:shadow-\\[0_0_0_2px\\]:focus {\n --tw-shadow: 0 0 0 2px;\n --tw-shadow-colored: 0 0 0 2px 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 #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:-webkit-autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .autofill\\:focus\\:shadow-\\[inset_0_0_0_1000px_var\\(--i-color-a-1\\)\\]:focus:autofill {\n --tw-shadow: inset 0 0 0 1000px var(--i-color-a-1);\n --tw-shadow-colored: inset 0 0 0 1000px 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 #ija .active\\:scale-\\[\\.97\\]:active {\n --tw-scale-x: .97;\n --tw-scale-y: .97;\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 #ija .active\\:bg-accent-10:active {\n background-color: var(--i-color-a-10);\n}\n\n #ija .data-\\[state\\=idle\\]\\:translate-y-full[data-state=idle] {\n --tw-translate-y: 100%;\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 #ija .data-\\[state\\=loading\\]\\:-translate-y-full[data-state=loading] {\n --tw-translate-y: -100%;\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 #ija .data-\\[state\\=success\\]\\:translate-y-full[data-state=success] {\n --tw-translate-y: 100%;\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 slideUpAndFade {\n\n from {\n opacity: 0;\n transform: translateY(2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=bottom\\]\\:animate-slideUpAndFade[data-side=bottom][data-state=open] {\n animation: slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideRightAndFade {\n\n from {\n opacity: 0;\n transform: translateX(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=left\\]\\:animate-slideRightAndFade[data-side=left][data-state=open] {\n animation: slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideLeftAndFade {\n\n from {\n opacity: 0;\n transform: translateX(2px);\n }\n\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=right\\]\\:animate-slideLeftAndFade[data-side=right][data-state=open] {\n animation: slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n @keyframes slideDownAndFade {\n\n from {\n opacity: 0;\n transform: translateY(-2px);\n }\n\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n #ija .data-\\[state\\=open\\]\\:data-\\[side\\=top\\]\\:animate-slideDownAndFade[data-side=top][data-state=open] {\n animation: slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1);\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-0[data-state=idle] {\n opacity: 0;\n}\n\n #ija .data-\\[state\\=idle\\]\\:opacity-100[data-state=idle] {\n opacity: 1;\n}\n\n #ija .dark .theme-dark\\:text-highest {\n color: var(--i-color-highest);\n}\n\n #ija .dark .theme-dark\\:active\\:bg-accent-8:active {\n background-color: var(--i-color-a-8);\n}\n\n #ija .fill .theme-fill\\:bg-accent-2 {\n background-color: var(--i-color-a-2);\n}\n\n #ija .fill .theme-fill\\:hover\\:bg-accent-3:hover {\n background-color: var(--i-color-a-3);\n}\n\n #ija .fill .theme-fill\\:active\\:bg-accent-4:active {\n background-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:ring-\\[1px\\] {\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 #ija .stroke .theme-stroke\\:ring-accent-4 {\n --tw-ring-color: var(--i-color-a-4);\n}\n\n #ija .stroke .theme-stroke\\:hover\\:ring-accent-9:hover {\n --tw-ring-color: var(--i-color-a-9);\n}\n";
6024
6102
  const createJobAlertsDomManager = () => {
6025
6103
  return {
6026
6104
  getRenderTargetElement: () => {
@@ -6050,11 +6128,11 @@ const jobAlertsPlugin = () => sdk.createPlugin(({
6050
6128
  theme: params.theme,
6051
6129
  apiClient,
6052
6130
  logger,
6053
- analytics,
6054
- config: params.config
6131
+ analytics
6055
6132
  })]);
6056
6133
  };
6057
6134
  const setFilters = (newFilters) => store.filters$.value = newFilters;
6135
+ const setConfig = (newConfig) => store.config$.value = typeof newConfig === "function" ? newConfig(store.config$.peek()) : newConfig;
6058
6136
  return {
6059
6137
  /** Returns a string with the initial rendering state of the UI.
6060
6138
  * Useful when server-side rendering to avoid CLS.
@@ -6073,11 +6151,13 @@ const jobAlertsPlugin = () => sdk.createPlugin(({
6073
6151
  const fn2 = prerendered ? B$2 : q$2;
6074
6152
  invariant(typeof window !== "undefined", "the `render` method of JobSearch cannot be called in non-browser environments. Use `prerender` instead.");
6075
6153
  setFilters(params.initialFilters);
6154
+ setConfig(params.config);
6076
6155
  fn2(y$3(App, {
6077
6156
  params
6078
6157
  }), dom.getRenderTargetElement());
6079
6158
  },
6080
- setFilters
6159
+ setFilters,
6160
+ setConfig
6081
6161
  };
6082
6162
  });
6083
6163
  exports.createJobAlertsDomManager = createJobAlertsDomManager;