@inploi/plugin-job-search 0.7.0 → 0.8.1

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.
@@ -5,7 +5,7 @@ function invariant(condition, message) {
5
5
  }
6
6
  throw new Error(message);
7
7
  }
8
- 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;
8
+ 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;
9
9
  function v$3(n2, l2) {
10
10
  for (var u2 in l2)
11
11
  n2[u2] = l2[u2];
@@ -74,7 +74,7 @@ function k$3(n2) {
74
74
  }
75
75
  }
76
76
  function w$4(n2) {
77
- (!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);
77
+ (!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);
78
78
  }
79
79
  function x$4() {
80
80
  var n2, u2, t2, o2, r2, e2, c2, s2, a2;
@@ -344,7 +344,7 @@ n$1 = s$3.slice, l$4 = {
344
344
  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));
345
345
  }, b$3.prototype.forceUpdate = function(n2) {
346
346
  this.__v && (this.__e = true, n2 && this.__h.push(n2), w$4(this));
347
- }, 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) {
347
+ }, 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) {
348
348
  return n2.__v.__b - l2.__v.__b;
349
349
  }, x$4.__r = 0, e$2 = 0;
350
350
  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 = /["&<]/;
@@ -568,15 +568,14 @@ function u$2(e2, t2, n2, o2, i2, u2) {
568
568
  return l$4.vnode && l$4.vnode(l2), l2;
569
569
  }
570
570
  const icons = {
571
- bell: u$2(g$4, {
572
- children: [u$2("path", {
573
- 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"
574
- }), u$2("path", {
575
- 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"
576
- })]
571
+ bell: u$2("path", {
572
+ 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"
577
573
  }),
578
574
  x: u$2("path", {
579
575
  d: "M8 8l8 8M8 16l8 -8"
576
+ }),
577
+ "chevron-up-down": u$2("path", {
578
+ d: "M8 9l4 -4l4 4 M8 15l4 4l4 -4"
580
579
  })
581
580
  };
582
581
  const IconSpritesheet = ({
@@ -630,10 +629,10 @@ function _extends() {
630
629
  };
631
630
  return _extends.apply(this, arguments);
632
631
  }
633
- 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;
632
+ 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;
634
633
  function d$2(t2, u2) {
635
- l$4.__h && l$4.__h(r$1, t2, o$1 || u2), o$1 = 0;
636
- var i2 = r$1.__H || (r$1.__H = {
634
+ l$4.__h && l$4.__h(r$2, t2, o$1 || u2), o$1 = 0;
635
+ var i2 = r$2.__H || (r$2.__H = {
637
636
  __: [],
638
637
  __h: []
639
638
  });
@@ -649,7 +648,7 @@ function s$1(n2, u2, i2) {
649
648
  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : B$1(void 0, u2), function(n3) {
650
649
  var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
651
650
  t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
652
- }], o2.__c = r$1, !r$1.u)) {
651
+ }], o2.__c = r$2, !r$2.u)) {
653
652
  var f2 = function(n3, t2, r2) {
654
653
  if (!o2.__c.__H)
655
654
  return true;
@@ -668,25 +667,25 @@ function s$1(n2, u2, i2) {
668
667
  }
669
668
  }), !(!i3 && o2.__c.props === n3) && (!c2 || c2.call(this, n3, t2, r2));
670
669
  };
671
- r$1.u = true;
672
- var c2 = r$1.shouldComponentUpdate, e2 = r$1.componentWillUpdate;
673
- r$1.componentWillUpdate = function(n3, t2, r2) {
670
+ r$2.u = true;
671
+ var c2 = r$2.shouldComponentUpdate, e2 = r$2.componentWillUpdate;
672
+ r$2.componentWillUpdate = function(n3, t2, r2) {
674
673
  if (this.__e) {
675
674
  var u3 = c2;
676
675
  c2 = void 0, f2(n3, t2, r2), c2 = u3;
677
676
  }
678
677
  e2 && e2.call(this, n3, t2, r2);
679
- }, r$1.shouldComponentUpdate = f2;
678
+ }, r$2.shouldComponentUpdate = f2;
680
679
  }
681
680
  return o2.__N || o2.__;
682
681
  }
683
682
  function p$2(u2, i2) {
684
683
  var o2 = d$2(t$1++, 3);
685
- !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$1.__H.__h.push(o2));
684
+ !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__H.__h.push(o2));
686
685
  }
687
686
  function y$1(u2, i2) {
688
687
  var o2 = d$2(t$1++, 4);
689
- !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$1.__h.push(o2));
688
+ !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__h.push(o2));
690
689
  }
691
690
  function _$2(n2) {
692
691
  return o$1 = 5, F$1(function() {
@@ -714,15 +713,15 @@ function T$1(n2, t2) {
714
713
  }, t2);
715
714
  }
716
715
  function q$1(n2) {
717
- var u2 = r$1.context[n2.__c], i2 = d$2(t$1++, 9);
718
- return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$1)), u2.props.value) : n2.__;
716
+ var u2 = r$2.context[n2.__c], i2 = d$2(t$1++, 9);
717
+ return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$2)), u2.props.value) : n2.__;
719
718
  }
720
719
  function x$2(t2, r2) {
721
720
  l$4.useDebugValue && l$4.useDebugValue(r2 ? r2(t2) : t2);
722
721
  }
723
722
  function P$1(n2) {
724
723
  var u2 = d$2(t$1++, 10), i2 = h();
725
- return u2.__ = n2, r$1.componentDidCatch || (r$1.componentDidCatch = function(n3, t2) {
724
+ return u2.__ = n2, r$2.componentDidCatch || (r$2.componentDidCatch = function(n3, t2) {
726
725
  u2.__ && u2.__(n3, t2), i2[1](n3);
727
726
  }), [i2[0], function() {
728
727
  i2[1](void 0);
@@ -731,7 +730,7 @@ function P$1(n2) {
731
730
  function V$1() {
732
731
  var n2 = d$2(t$1++, 11);
733
732
  if (!n2.__) {
734
- for (var u2 = r$1.__v; null !== u2 && !u2.__m && null !== u2.__; )
733
+ for (var u2 = r$2.__v; null !== u2 && !u2.__m && null !== u2.__; )
735
734
  u2 = u2.__;
736
735
  var i2 = u2.__m || (u2.__m = [0, 0]);
737
736
  n2.__ = "P" + i2[0] + "-" + i2[1]++;
@@ -748,19 +747,19 @@ function b$1() {
748
747
  }
749
748
  }
750
749
  l$4.__b = function(n2) {
751
- r$1 = null, e$1 && e$1(n2);
750
+ r$2 = null, e$1 && e$1(n2);
752
751
  }, l$4.__r = function(n2) {
753
752
  a$1 && a$1(n2), t$1 = 0;
754
- var i2 = (r$1 = n2.__c).__H;
755
- i2 && (u$1 === r$1 ? (i2.__h = [], r$1.__h = [], i2.__.forEach(function(n3) {
753
+ var i2 = (r$2 = n2.__c).__H;
754
+ i2 && (u$1 === r$2 ? (i2.__h = [], r$2.__h = [], i2.__.forEach(function(n3) {
756
755
  n3.__N && (n3.__ = n3.__N), n3.__V = c$1, n3.__N = n3.i = void 0;
757
- })) : (i2.__h.forEach(k$1), i2.__h.forEach(w$2), i2.__h = [], t$1 = 0)), u$1 = r$1;
756
+ })) : (i2.__h.forEach(k$1), i2.__h.forEach(w$2), i2.__h = [], t$1 = 0)), u$1 = r$2;
758
757
  }, l$4.diffed = function(t2) {
759
758
  v$1 && v$1(t2);
760
759
  var o2 = t2.__c;
761
760
  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) {
762
761
  n2.i && (n2.__H = n2.i), n2.__V !== c$1 && (n2.__ = n2.__V), n2.i = void 0, n2.__V = c$1;
763
- })), u$1 = r$1 = null;
762
+ })), u$1 = r$2 = null;
764
763
  }, l$4.__c = function(t2, r2) {
765
764
  r2.some(function(t3) {
766
765
  try {
@@ -792,12 +791,12 @@ function j$1(n2) {
792
791
  g$2 && (t2 = requestAnimationFrame(r2));
793
792
  }
794
793
  function k$1(n2) {
795
- var t2 = r$1, u2 = n2.__c;
796
- "function" == typeof u2 && (n2.__c = void 0, u2()), r$1 = t2;
794
+ var t2 = r$2, u2 = n2.__c;
795
+ "function" == typeof u2 && (n2.__c = void 0, u2()), r$2 = t2;
797
796
  }
798
797
  function w$2(n2) {
799
- var t2 = r$1;
800
- n2.__c = n2.__(), r$1 = t2;
798
+ var t2 = r$2;
799
+ n2.__c = n2.__(), r$2 = t2;
801
800
  }
802
801
  function z$1(n2, t2) {
803
802
  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
@@ -3948,6 +3947,16 @@ function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement) {
3948
3947
  const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
3949
3948
  const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
3950
3949
  const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
3950
+ const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ N((props, forwardedRef) => {
3951
+ var _globalThis$document;
3952
+ const {
3953
+ container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body,
3954
+ ...portalProps
3955
+ } = props;
3956
+ return container ? /* @__PURE__ */ wn.createPortal(/* @__PURE__ */ y$3($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
3957
+ ref: forwardedRef
3958
+ })), container) : null;
3959
+ });
3951
3960
  function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
3952
3961
  return s$1((state, event) => {
3953
3962
  const nextState = machine[state][event];
@@ -4878,6 +4887,24 @@ const $cb5cc270b50c6fcd$var$PORTAL_NAME = "PopoverPortal";
4878
4887
  const [$cb5cc270b50c6fcd$var$PortalProvider, $cb5cc270b50c6fcd$var$usePortalContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, {
4879
4888
  forceMount: void 0
4880
4889
  });
4890
+ const $cb5cc270b50c6fcd$export$dd679ffb4362d2d4 = (props) => {
4891
+ const {
4892
+ __scopePopover,
4893
+ forceMount,
4894
+ children,
4895
+ container
4896
+ } = props;
4897
+ const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, __scopePopover);
4898
+ return /* @__PURE__ */ y$3($cb5cc270b50c6fcd$var$PortalProvider, {
4899
+ scope: __scopePopover,
4900
+ forceMount
4901
+ }, /* @__PURE__ */ y$3($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
4902
+ present: forceMount || context.open
4903
+ }, /* @__PURE__ */ y$3($f1701beae083dbae$export$602eac185826482c, {
4904
+ asChild: true,
4905
+ container
4906
+ }, children)));
4907
+ };
4881
4908
  const $cb5cc270b50c6fcd$var$CONTENT_NAME = "PopoverContent";
4882
4909
  const $cb5cc270b50c6fcd$export$d7e1f420b25549ff = /* @__PURE__ */ N((props, forwardedRef) => {
4883
4910
  const portalContext = $cb5cc270b50c6fcd$var$usePortalContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
@@ -5018,7 +5045,26 @@ function $cb5cc270b50c6fcd$var$getState(open) {
5018
5045
  }
5019
5046
  const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9 = $cb5cc270b50c6fcd$export$5b6b19405a83ff9d;
5020
5047
  const $cb5cc270b50c6fcd$export$41fb9f06171c75f4 = $cb5cc270b50c6fcd$export$7dacb05d26466c3;
5048
+ const $cb5cc270b50c6fcd$export$602eac185826482c = $cb5cc270b50c6fcd$export$dd679ffb4362d2d4;
5021
5049
  const $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2 = $cb5cc270b50c6fcd$export$d7e1f420b25549ff;
5050
+ function r$1(e2) {
5051
+ var t2, f2, n2 = "";
5052
+ if ("string" == typeof e2 || "number" == typeof e2)
5053
+ n2 += e2;
5054
+ else if ("object" == typeof e2)
5055
+ if (Array.isArray(e2))
5056
+ for (t2 = 0; t2 < e2.length; t2++)
5057
+ e2[t2] && (f2 = r$1(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
5058
+ else
5059
+ for (t2 in e2)
5060
+ e2[t2] && (n2 && (n2 += " "), n2 += t2);
5061
+ return n2;
5062
+ }
5063
+ function clsx() {
5064
+ for (var e2, t2, f2 = 0, n2 = ""; f2 < arguments.length; )
5065
+ (e2 = arguments[f2++]) && (t2 = r$1(e2)) && (n2 && (n2 += " "), n2 += t2);
5066
+ return n2;
5067
+ }
5022
5068
  function i() {
5023
5069
  throw new Error("Cycle detected");
5024
5070
  }
@@ -5602,6 +5648,10 @@ function useSignal(n2) {
5602
5648
  }, []);
5603
5649
  }
5604
5650
  const store = {
5651
+ config$: a({
5652
+ headerText: "",
5653
+ label: ""
5654
+ }),
5605
5655
  filters$: a({})
5606
5656
  };
5607
5657
  const JOB_ALERTS_ELEMENT_ID = "inploi-job-alerts";
@@ -5845,7 +5895,7 @@ const InputError = ({
5845
5895
  })]
5846
5896
  });
5847
5897
  };
5848
- 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]";
5898
+ 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]";
5849
5899
  const getErrorMessage = (error) => {
5850
5900
  if (typeof error === "string")
5851
5901
  return error;
@@ -5853,9 +5903,30 @@ const getErrorMessage = (error) => {
5853
5903
  return error.message;
5854
5904
  return "Failed to create alert. Please try again later.";
5855
5905
  };
5906
+ const JobAlertsButton = N(({
5907
+ class: className,
5908
+ ...props
5909
+ }, ref) => u$2("button", {
5910
+ ref,
5911
+ 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),
5912
+ onTouchStart: noop,
5913
+ ...props,
5914
+ children: [u$2(Icon, {
5915
+ class: "flex-none",
5916
+ name: "bell"
5917
+ }), " ", u$2("span", {
5918
+ class: "min-w-0 truncate text-center",
5919
+ children: store.config$.value.label
5920
+ })]
5921
+ }));
5922
+ const PopoverHeader = () => u$2("p", {
5923
+ class: "text-neutral-11 px-2 pb-4 pt-1 text-sm",
5924
+ children: store.config$.value.headerText
5925
+ });
5926
+ function noop() {
5927
+ }
5856
5928
  const JobAlerts = ({
5857
5929
  theme,
5858
- config,
5859
5930
  apiClient,
5860
5931
  logger
5861
5932
  }) => {
@@ -5903,122 +5974,129 @@ const JobAlerts = ({
5903
5974
  children: u$2($cb5cc270b50c6fcd$export$be92b6f5f03c0fe9, {
5904
5975
  children: [u$2($cb5cc270b50c6fcd$export$41fb9f06171c75f4, {
5905
5976
  asChild: true,
5906
- children: u$2("button", {
5907
- 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",
5908
- children: [u$2(Icon, {
5909
- class: "flex-none",
5910
- name: "bell"
5911
- }), " ", u$2("span", {
5912
- class: "min-w-0 truncate text-center",
5913
- children: config.label
5914
- })]
5915
- })
5916
- }), u$2($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, {
5917
- collisionPadding: 16,
5918
- 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]",
5919
- sideOffset: 5,
5920
- children: u$2("form", {
5921
- onSubmit: createAlert,
5922
- class: "flex flex-col gap-2.5",
5923
- children: [u$2("div", {
5924
- children: [u$2("fieldset", {
5925
- class: "fieldset",
5926
- children: [u$2("label", {
5927
- class: "sr-only",
5928
- htmlFor: "ija-email",
5929
- children: "Email"
5930
- }), u$2("input", {
5931
- name: "email",
5932
- autocomplete: "email",
5933
- class: inputClass,
5934
- disabled: formState === "loading",
5935
- id: "ija-email",
5936
- placeholder: "Email",
5937
- type: "email",
5938
- required: true
5939
- })]
5940
- }), u$2("fieldset", {
5941
- class: "fieldset",
5942
- children: [u$2("label", {
5943
- class: "sr-only",
5944
- htmlFor: "ija-name",
5945
- children: "Name"
5946
- }), u$2("input", {
5947
- disabled: formState === "loading",
5948
- name: "name",
5949
- required: true,
5950
- autocomplete: "name",
5951
- class: inputClass,
5952
- id: "ija-name",
5953
- placeholder: "Full Name"
5954
- })]
5955
- }), u$2("fieldset", {
5956
- class: "fieldset",
5957
- children: [u$2("label", {
5958
- class: "sr-only",
5959
- htmlFor: "ija-frequency",
5960
- children: "Frequency"
5961
- }), u$2("select", {
5962
- disabled: formState === "loading",
5963
- class: inputClass,
5964
- id: "ija-frequency",
5965
- defaultValue: "WEEKLY",
5966
- name: "frequency",
5967
- children: [u$2("option", {
5968
- value: "INSTANTLY",
5969
- children: "Instantly"
5970
- }), u$2("option", {
5971
- value: "DAILY",
5972
- children: "Daily"
5973
- }), u$2("option", {
5974
- value: "WEEKLY",
5975
- children: "Weekly"
5976
- }), u$2("option", {
5977
- value: "MONTHLY",
5978
- children: "Monthly"
5977
+ children: u$2(JobAlertsButton, {})
5978
+ }), u$2($cb5cc270b50c6fcd$export$602eac185826482c, {
5979
+ children: u$2("div", {
5980
+ id: "ija",
5981
+ children: u$2("div", {
5982
+ class: clsx("absolute isolate z-50", getThemeVariants(theme).join(" ")),
5983
+ children: u$2($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, {
5984
+ collisionPadding: 16,
5985
+ 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]",
5986
+ sideOffset: 5,
5987
+ children: [u$2(PopoverHeader, {}), u$2("form", {
5988
+ onSubmit: createAlert,
5989
+ class: "flex flex-col gap-2.5",
5990
+ children: [u$2("div", {
5991
+ children: [u$2("fieldset", {
5992
+ class: "fieldset relative focus-within:z-10",
5993
+ children: [u$2("label", {
5994
+ class: "sr-only",
5995
+ htmlFor: "ija-email",
5996
+ children: "Email"
5997
+ }), u$2("input", {
5998
+ name: "email",
5999
+ autocomplete: "email",
6000
+ class: inputClass,
6001
+ disabled: formState === "loading",
6002
+ id: "ija-email",
6003
+ placeholder: "Email",
6004
+ type: "email",
6005
+ required: true
6006
+ })]
6007
+ }), u$2("fieldset", {
6008
+ class: "fieldset relative focus-within:z-10",
6009
+ children: [u$2("label", {
6010
+ class: "sr-only",
6011
+ htmlFor: "ija-name",
6012
+ children: "Name"
6013
+ }), u$2("input", {
6014
+ disabled: formState === "loading",
6015
+ name: "name",
6016
+ required: true,
6017
+ autocomplete: "name",
6018
+ class: inputClass,
6019
+ id: "ija-name",
6020
+ placeholder: "Full Name"
6021
+ })]
6022
+ }), u$2("fieldset", {
6023
+ class: "fieldset relative focus-within:z-10",
6024
+ children: [u$2("label", {
6025
+ class: "sr-only",
6026
+ htmlFor: "ija-frequency",
6027
+ children: "Frequency"
6028
+ }), u$2("select", {
6029
+ disabled: formState === "loading",
6030
+ class: clsx(inputClass, "appearance-none pr-8"),
6031
+ id: "ija-frequency",
6032
+ defaultValue: "WEEKLY",
6033
+ name: "frequency",
6034
+ children: [u$2("option", {
6035
+ value: "INSTANTLY",
6036
+ children: "Instantly"
6037
+ }), u$2("option", {
6038
+ value: "DAILY",
6039
+ children: "Daily"
6040
+ }), u$2("option", {
6041
+ value: "WEEKLY",
6042
+ children: "Weekly"
6043
+ }), u$2("option", {
6044
+ value: "MONTHLY",
6045
+ children: "Monthly"
6046
+ })]
6047
+ }), u$2("div", {
6048
+ class: "text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1",
6049
+ "aria-hidden": true,
6050
+ children: u$2(Icon, {
6051
+ name: "chevron-up-down"
6052
+ })
6053
+ })]
6054
+ })]
6055
+ }), u$2("button", {
6056
+ // Needed to make active state work on iOS Safari
6057
+ onTouchStart: noop,
6058
+ 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]",
6059
+ children: [u$2("span", {
6060
+ "data-state": formState,
6061
+ 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",
6062
+ children: "Create Alert"
6063
+ }), u$2("div", {
6064
+ "data-state": formState,
6065
+ 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",
6066
+ children: u$2("svg", {
6067
+ width: "24",
6068
+ height: "24",
6069
+ viewBox: "0 0 24 24",
6070
+ "stroke-width": "1.5",
6071
+ "stroke-linecap": "round",
6072
+ "stroke-linejoin": "round",
6073
+ stroke: "currentColor",
6074
+ fill: "none",
6075
+ xmlns: "http://www.w3.org/2000/svg",
6076
+ children: [u$2("circle", {
6077
+ class: "loading-circle duration-snappy ease-expo-out transition-all",
6078
+ cx: "12",
6079
+ cy: "12",
6080
+ r: "9"
6081
+ }), u$2("path", {
6082
+ class: "done-checkmark",
6083
+ d: "M9 12L11 14L15 10"
6084
+ })]
6085
+ })
6086
+ })]
6087
+ }), u$2(InputError, {
6088
+ error
5979
6089
  })]
5980
6090
  })]
5981
- })]
5982
- }), u$2("button", {
5983
- 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",
5984
- children: [u$2("span", {
5985
- "data-state": formState,
5986
- 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",
5987
- children: "Create Alert"
5988
- }), u$2("div", {
5989
- "data-state": formState,
5990
- 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",
5991
- children: u$2("svg", {
5992
- width: "24",
5993
- height: "24",
5994
- viewBox: "0 0 24 24",
5995
- "stroke-width": "1.5",
5996
- "stroke-linecap": "round",
5997
- "stroke-linejoin": "round",
5998
- stroke: "currentColor",
5999
- fill: "none",
6000
- xmlns: "http://www.w3.org/2000/svg",
6001
- children: [u$2("circle", {
6002
- class: "loading-circle duration-snappy ease-expo-out transition-all",
6003
- cx: "12",
6004
- cy: "12",
6005
- r: "9"
6006
- }), u$2("path", {
6007
- class: "done-checkmark",
6008
- d: "M9 12L11 14L15 10"
6009
- })]
6010
- })
6011
- })]
6012
- }), u$2(InputError, {
6013
- error
6014
- })]
6091
+ })
6092
+ })
6015
6093
  })
6016
6094
  })]
6017
6095
  })
6018
6096
  })
6019
6097
  });
6020
6098
  };
6021
- 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";
6099
+ 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";
6022
6100
  const createJobAlertsDomManager = () => {
6023
6101
  return {
6024
6102
  getRenderTargetElement: () => {
@@ -6048,11 +6126,11 @@ const jobAlertsPlugin = () => createPlugin(({
6048
6126
  theme: params.theme,
6049
6127
  apiClient,
6050
6128
  logger,
6051
- analytics,
6052
- config: params.config
6129
+ analytics
6053
6130
  })]);
6054
6131
  };
6055
6132
  const setFilters = (newFilters) => store.filters$.value = newFilters;
6133
+ const setConfig = (newConfig) => store.config$.value = typeof newConfig === "function" ? newConfig(store.config$.peek()) : newConfig;
6056
6134
  return {
6057
6135
  /** Returns a string with the initial rendering state of the UI.
6058
6136
  * Useful when server-side rendering to avoid CLS.
@@ -6071,11 +6149,13 @@ const jobAlertsPlugin = () => createPlugin(({
6071
6149
  const fn2 = prerendered ? B$2 : q$2;
6072
6150
  invariant(typeof window !== "undefined", "the `render` method of JobSearch cannot be called in non-browser environments. Use `prerender` instead.");
6073
6151
  setFilters(params.initialFilters);
6152
+ setConfig(params.config);
6074
6153
  fn2(y$3(App, {
6075
6154
  params
6076
6155
  }), dom.getRenderTargetElement());
6077
6156
  },
6078
- setFilters
6157
+ setFilters,
6158
+ setConfig
6079
6159
  };
6080
6160
  });
6081
6161
  export {