@inploi/plugin-job-alerts 0.0.1 → 0.0.2

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.
@@ -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];
@@ -59,7 +59,7 @@ function k$3(n2) {
59
59
  }
60
60
  }
61
61
  function w$4(n2) {
62
- (!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);
62
+ (!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);
63
63
  }
64
64
  function x$4() {
65
65
  var n2, u2, t2, o2, r2, e2, c2, s2, a2;
@@ -320,7 +320,7 @@ n$1 = s$3.slice, l$4 = { __e: function(n2, l2, u2, t2) {
320
320
  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));
321
321
  }, b$3.prototype.forceUpdate = function(n2) {
322
322
  this.__v && (this.__e = true, n2 && this.__h.push(n2), w$4(this));
323
- }, 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) {
323
+ }, 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) {
324
324
  return n2.__v.__b - l2.__v.__b;
325
325
  }, x$4.__r = 0, e$2 = 0;
326
326
  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 = /["&<]/;
@@ -519,15 +519,14 @@ function u$2(e2, t2, n2, o2, i2, u2) {
519
519
  return l$4.vnode && l$4.vnode(l2), l2;
520
520
  }
521
521
  const icons = {
522
- bell: u$2(g$4, {
523
- children: [u$2("path", {
524
- 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"
525
- }), u$2("path", {
526
- 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"
527
- })]
522
+ bell: u$2("path", {
523
+ 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"
528
524
  }),
529
525
  x: u$2("path", {
530
526
  d: "M8 8l8 8M8 16l8 -8"
527
+ }),
528
+ "chevron-up-down": u$2("path", {
529
+ d: "M8 9l4 -4l4 4 M8 15l4 4l4 -4"
531
530
  })
532
531
  };
533
532
  const IconSpritesheet = ({
@@ -581,10 +580,10 @@ function _extends() {
581
580
  };
582
581
  return _extends.apply(this, arguments);
583
582
  }
584
- 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;
583
+ 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;
585
584
  function d$2(t2, u2) {
586
- l$4.__h && l$4.__h(r$1, t2, o$1 || u2), o$1 = 0;
587
- var i2 = r$1.__H || (r$1.__H = { __: [], __h: [] });
585
+ l$4.__h && l$4.__h(r$2, t2, o$1 || u2), o$1 = 0;
586
+ var i2 = r$2.__H || (r$2.__H = { __: [], __h: [] });
588
587
  return t2 >= i2.__.length && i2.__.push({ __V: c$1 }), i2.__[t2];
589
588
  }
590
589
  function h(n2) {
@@ -595,7 +594,7 @@ function s$1(n2, u2, i2) {
595
594
  if (o2.t = n2, !o2.__c && (o2.__ = [i2 ? i2(u2) : B$1(void 0, u2), function(n3) {
596
595
  var t2 = o2.__N ? o2.__N[0] : o2.__[0], r2 = o2.t(t2, n3);
597
596
  t2 !== r2 && (o2.__N = [r2, o2.__[1]], o2.__c.setState({}));
598
- }], o2.__c = r$1, !r$1.u)) {
597
+ }], o2.__c = r$2, !r$2.u)) {
599
598
  var f2 = function(n3, t2, r2) {
600
599
  if (!o2.__c.__H)
601
600
  return true;
@@ -614,25 +613,25 @@ function s$1(n2, u2, i2) {
614
613
  }
615
614
  }), !(!i3 && o2.__c.props === n3) && (!c2 || c2.call(this, n3, t2, r2));
616
615
  };
617
- r$1.u = true;
618
- var c2 = r$1.shouldComponentUpdate, e2 = r$1.componentWillUpdate;
619
- r$1.componentWillUpdate = function(n3, t2, r2) {
616
+ r$2.u = true;
617
+ var c2 = r$2.shouldComponentUpdate, e2 = r$2.componentWillUpdate;
618
+ r$2.componentWillUpdate = function(n3, t2, r2) {
620
619
  if (this.__e) {
621
620
  var u3 = c2;
622
621
  c2 = void 0, f2(n3, t2, r2), c2 = u3;
623
622
  }
624
623
  e2 && e2.call(this, n3, t2, r2);
625
- }, r$1.shouldComponentUpdate = f2;
624
+ }, r$2.shouldComponentUpdate = f2;
626
625
  }
627
626
  return o2.__N || o2.__;
628
627
  }
629
628
  function p$2(u2, i2) {
630
629
  var o2 = d$2(t$1++, 3);
631
- !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$1.__H.__h.push(o2));
630
+ !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__H.__h.push(o2));
632
631
  }
633
632
  function y$1(u2, i2) {
634
633
  var o2 = d$2(t$1++, 4);
635
- !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$1.__h.push(o2));
634
+ !l$4.__s && z$1(o2.__H, i2) && (o2.__ = u2, o2.i = i2, r$2.__h.push(o2));
636
635
  }
637
636
  function _$2(n2) {
638
637
  return o$1 = 5, F$1(function() {
@@ -658,15 +657,15 @@ function T$1(n2, t2) {
658
657
  }, t2);
659
658
  }
660
659
  function q$1(n2) {
661
- var u2 = r$1.context[n2.__c], i2 = d$2(t$1++, 9);
662
- return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$1)), u2.props.value) : n2.__;
660
+ var u2 = r$2.context[n2.__c], i2 = d$2(t$1++, 9);
661
+ return i2.c = n2, u2 ? (null == i2.__ && (i2.__ = true, u2.sub(r$2)), u2.props.value) : n2.__;
663
662
  }
664
663
  function x$2(t2, r2) {
665
664
  l$4.useDebugValue && l$4.useDebugValue(r2 ? r2(t2) : t2);
666
665
  }
667
666
  function P$1(n2) {
668
667
  var u2 = d$2(t$1++, 10), i2 = h();
669
- return u2.__ = n2, r$1.componentDidCatch || (r$1.componentDidCatch = function(n3, t2) {
668
+ return u2.__ = n2, r$2.componentDidCatch || (r$2.componentDidCatch = function(n3, t2) {
670
669
  u2.__ && u2.__(n3, t2), i2[1](n3);
671
670
  }), [i2[0], function() {
672
671
  i2[1](void 0);
@@ -675,7 +674,7 @@ function P$1(n2) {
675
674
  function V$1() {
676
675
  var n2 = d$2(t$1++, 11);
677
676
  if (!n2.__) {
678
- for (var u2 = r$1.__v; null !== u2 && !u2.__m && null !== u2.__; )
677
+ for (var u2 = r$2.__v; null !== u2 && !u2.__m && null !== u2.__; )
679
678
  u2 = u2.__;
680
679
  var i2 = u2.__m || (u2.__m = [0, 0]);
681
680
  n2.__ = "P" + i2[0] + "-" + i2[1]++;
@@ -692,19 +691,19 @@ function b$1() {
692
691
  }
693
692
  }
694
693
  l$4.__b = function(n2) {
695
- r$1 = null, e$1 && e$1(n2);
694
+ r$2 = null, e$1 && e$1(n2);
696
695
  }, l$4.__r = function(n2) {
697
696
  a$1 && a$1(n2), t$1 = 0;
698
- var i2 = (r$1 = n2.__c).__H;
699
- i2 && (u$1 === r$1 ? (i2.__h = [], r$1.__h = [], i2.__.forEach(function(n3) {
697
+ var i2 = (r$2 = n2.__c).__H;
698
+ i2 && (u$1 === r$2 ? (i2.__h = [], r$2.__h = [], i2.__.forEach(function(n3) {
700
699
  n3.__N && (n3.__ = n3.__N), n3.__V = c$1, n3.__N = n3.i = void 0;
701
- })) : (i2.__h.forEach(k$1), i2.__h.forEach(w$2), i2.__h = [], t$1 = 0)), u$1 = r$1;
700
+ })) : (i2.__h.forEach(k$1), i2.__h.forEach(w$2), i2.__h = [], t$1 = 0)), u$1 = r$2;
702
701
  }, l$4.diffed = function(t2) {
703
702
  v$1 && v$1(t2);
704
703
  var o2 = t2.__c;
705
704
  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) {
706
705
  n2.i && (n2.__H = n2.i), n2.__V !== c$1 && (n2.__ = n2.__V), n2.i = void 0, n2.__V = c$1;
707
- })), u$1 = r$1 = null;
706
+ })), u$1 = r$2 = null;
708
707
  }, l$4.__c = function(t2, r2) {
709
708
  r2.some(function(t3) {
710
709
  try {
@@ -736,12 +735,12 @@ function j$1(n2) {
736
735
  g$2 && (t2 = requestAnimationFrame(r2));
737
736
  }
738
737
  function k$1(n2) {
739
- var t2 = r$1, u2 = n2.__c;
740
- "function" == typeof u2 && (n2.__c = void 0, u2()), r$1 = t2;
738
+ var t2 = r$2, u2 = n2.__c;
739
+ "function" == typeof u2 && (n2.__c = void 0, u2()), r$2 = t2;
741
740
  }
742
741
  function w$2(n2) {
743
- var t2 = r$1;
744
- n2.__c = n2.__(), r$1 = t2;
742
+ var t2 = r$2;
743
+ n2.__c = n2.__(), r$2 = t2;
745
744
  }
746
745
  function z$1(n2, t2) {
747
746
  return !n2 || n2.length !== t2.length || t2.some(function(t3, r2) {
@@ -3850,6 +3849,13 @@ function $cf1ac5d9fe0e8206$var$getSideAndAlignFromPlacement(placement) {
3850
3849
  const $cf1ac5d9fe0e8206$export$be92b6f5f03c0fe9 = $cf1ac5d9fe0e8206$export$badac9ada3a0bdf9;
3851
3850
  const $cf1ac5d9fe0e8206$export$b688253958b8dfe7 = $cf1ac5d9fe0e8206$export$ecd4e1ccab6ed6d;
3852
3851
  const $cf1ac5d9fe0e8206$export$7c6e2c02157bb7d2 = $cf1ac5d9fe0e8206$export$bc4ae5855d3c4fc;
3852
+ const $f1701beae083dbae$export$602eac185826482c = /* @__PURE__ */ N((props, forwardedRef) => {
3853
+ var _globalThis$document;
3854
+ const { container = globalThis === null || globalThis === void 0 ? void 0 : (_globalThis$document = globalThis.document) === null || _globalThis$document === void 0 ? void 0 : _globalThis$document.body, ...portalProps } = props;
3855
+ return container ? /* @__PURE__ */ wn.createPortal(/* @__PURE__ */ y$3($8927f6f2acc4f386$export$250ffa63cdc0d034.div, _extends({}, portalProps, {
3856
+ ref: forwardedRef
3857
+ })), container) : null;
3858
+ });
3853
3859
  function $fe963b355347cc68$export$3e6543de14f8614f(initialState, machine) {
3854
3860
  return s$1((state, event) => {
3855
3861
  const nextState = machine[state][event];
@@ -4793,6 +4799,19 @@ const $cb5cc270b50c6fcd$var$PORTAL_NAME = "PopoverPortal";
4793
4799
  const [$cb5cc270b50c6fcd$var$PortalProvider, $cb5cc270b50c6fcd$var$usePortalContext] = $cb5cc270b50c6fcd$var$createPopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, {
4794
4800
  forceMount: void 0
4795
4801
  });
4802
+ const $cb5cc270b50c6fcd$export$dd679ffb4362d2d4 = (props) => {
4803
+ const { __scopePopover, forceMount, children, container } = props;
4804
+ const context = $cb5cc270b50c6fcd$var$usePopoverContext($cb5cc270b50c6fcd$var$PORTAL_NAME, __scopePopover);
4805
+ return /* @__PURE__ */ y$3($cb5cc270b50c6fcd$var$PortalProvider, {
4806
+ scope: __scopePopover,
4807
+ forceMount
4808
+ }, /* @__PURE__ */ y$3($921a889cee6df7e8$export$99c2b779aa4e8b8b, {
4809
+ present: forceMount || context.open
4810
+ }, /* @__PURE__ */ y$3($f1701beae083dbae$export$602eac185826482c, {
4811
+ asChild: true,
4812
+ container
4813
+ }, children)));
4814
+ };
4796
4815
  const $cb5cc270b50c6fcd$var$CONTENT_NAME = "PopoverContent";
4797
4816
  const $cb5cc270b50c6fcd$export$d7e1f420b25549ff = /* @__PURE__ */ N((props, forwardedRef) => {
4798
4817
  const portalContext = $cb5cc270b50c6fcd$var$usePortalContext($cb5cc270b50c6fcd$var$CONTENT_NAME, props.__scopePopover);
@@ -4923,7 +4942,26 @@ function $cb5cc270b50c6fcd$var$getState(open) {
4923
4942
  }
4924
4943
  const $cb5cc270b50c6fcd$export$be92b6f5f03c0fe9 = $cb5cc270b50c6fcd$export$5b6b19405a83ff9d;
4925
4944
  const $cb5cc270b50c6fcd$export$41fb9f06171c75f4 = $cb5cc270b50c6fcd$export$7dacb05d26466c3;
4945
+ const $cb5cc270b50c6fcd$export$602eac185826482c = $cb5cc270b50c6fcd$export$dd679ffb4362d2d4;
4926
4946
  const $cb5cc270b50c6fcd$export$7c6e2c02157bb7d2 = $cb5cc270b50c6fcd$export$d7e1f420b25549ff;
4947
+ function r$1(e2) {
4948
+ var t2, f2, n2 = "";
4949
+ if ("string" == typeof e2 || "number" == typeof e2)
4950
+ n2 += e2;
4951
+ else if ("object" == typeof e2)
4952
+ if (Array.isArray(e2))
4953
+ for (t2 = 0; t2 < e2.length; t2++)
4954
+ e2[t2] && (f2 = r$1(e2[t2])) && (n2 && (n2 += " "), n2 += f2);
4955
+ else
4956
+ for (t2 in e2)
4957
+ e2[t2] && (n2 && (n2 += " "), n2 += t2);
4958
+ return n2;
4959
+ }
4960
+ function clsx() {
4961
+ for (var e2, t2, f2 = 0, n2 = ""; f2 < arguments.length; )
4962
+ (e2 = arguments[f2++]) && (t2 = r$1(e2)) && (n2 && (n2 += " "), n2 += t2);
4963
+ return n2;
4964
+ }
4927
4965
  function i() {
4928
4966
  throw new Error("Cycle detected");
4929
4967
  }
@@ -5698,7 +5736,7 @@ const InputError = ({
5698
5736
  })]
5699
5737
  });
5700
5738
  };
5701
- 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]";
5739
+ 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)] 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]";
5702
5740
  const getErrorMessage = (error) => {
5703
5741
  if (typeof error === "string")
5704
5742
  return error;
@@ -5706,6 +5744,8 @@ const getErrorMessage = (error) => {
5706
5744
  return error.message;
5707
5745
  return "Failed to create alert. Please try again later.";
5708
5746
  };
5747
+ function noop() {
5748
+ }
5709
5749
  const JobAlerts = ({
5710
5750
  theme,
5711
5751
  config,
@@ -5757,7 +5797,8 @@ const JobAlerts = ({
5757
5797
  children: [u$2($cb5cc270b50c6fcd$export$41fb9f06171c75f4, {
5758
5798
  asChild: true,
5759
5799
  children: u$2("button", {
5760
- 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",
5800
+ 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-sm font-medium transition-all active:scale-[.97]",
5801
+ onTouchStart: noop,
5761
5802
  children: [u$2(Icon, {
5762
5803
  class: "flex-none",
5763
5804
  name: "bell"
@@ -5766,112 +5807,126 @@ const JobAlerts = ({
5766
5807
  children: config.label
5767
5808
  })]
5768
5809
  })
5769
- }), u$2($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, {
5770
- collisionPadding: 16,
5771
- 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]",
5772
- sideOffset: 5,
5773
- children: u$2("form", {
5774
- onSubmit: createAlert,
5775
- class: "flex flex-col gap-2.5",
5776
- children: [u$2("div", {
5777
- children: [u$2("fieldset", {
5778
- class: "fieldset",
5779
- children: [u$2("label", {
5780
- class: "sr-only",
5781
- htmlFor: "ija-email",
5782
- children: "Email"
5783
- }), u$2("input", {
5784
- name: "email",
5785
- autocomplete: "email",
5786
- class: inputClass,
5787
- disabled: formState === "loading",
5788
- id: "ija-email",
5789
- placeholder: "Email",
5790
- type: "email",
5791
- required: true
5792
- })]
5793
- }), u$2("fieldset", {
5794
- class: "fieldset",
5795
- children: [u$2("label", {
5796
- class: "sr-only",
5797
- htmlFor: "ija-name",
5798
- children: "Name"
5799
- }), u$2("input", {
5800
- disabled: formState === "loading",
5801
- name: "name",
5802
- required: true,
5803
- autocomplete: "name",
5804
- class: inputClass,
5805
- id: "ija-name",
5806
- placeholder: "Full Name"
5807
- })]
5808
- }), u$2("fieldset", {
5809
- class: "fieldset",
5810
- children: [u$2("label", {
5811
- class: "sr-only",
5812
- htmlFor: "ija-frequency",
5813
- children: "Frequency"
5814
- }), u$2("select", {
5815
- disabled: formState === "loading",
5816
- class: inputClass,
5817
- id: "ija-frequency",
5818
- defaultValue: "WEEKLY",
5819
- name: "frequency",
5820
- children: [u$2("option", {
5821
- value: "INSTANTLY",
5822
- children: "Instantly"
5823
- }), u$2("option", {
5824
- value: "DAILY",
5825
- children: "Daily"
5826
- }), u$2("option", {
5827
- value: "WEEKLY",
5828
- children: "Weekly"
5829
- }), u$2("option", {
5830
- value: "MONTHLY",
5831
- children: "Monthly"
5832
- })]
5833
- })]
5834
- })]
5835
- }), u$2("button", {
5836
- 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",
5837
- children: [u$2("span", {
5838
- "data-state": formState,
5839
- 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",
5840
- children: "Create Alert"
5841
- }), u$2("div", {
5842
- "data-state": formState,
5843
- 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",
5844
- children: u$2("svg", {
5845
- width: "24",
5846
- height: "24",
5847
- viewBox: "0 0 24 24",
5848
- "stroke-width": "1.5",
5849
- "stroke-linecap": "round",
5850
- "stroke-linejoin": "round",
5851
- stroke: "currentColor",
5852
- fill: "none",
5853
- xmlns: "http://www.w3.org/2000/svg",
5854
- children: [u$2("circle", {
5855
- class: "loading-circle duration-snappy ease-expo-out transition-all",
5856
- cx: "12",
5857
- cy: "12",
5858
- r: "9"
5859
- }), u$2("path", {
5860
- class: "done-checkmark",
5861
- d: "M9 12L11 14L15 10"
5810
+ }), u$2($cb5cc270b50c6fcd$export$602eac185826482c, {
5811
+ children: u$2("div", {
5812
+ id: "ija",
5813
+ children: u$2("div", {
5814
+ class: getThemeVariants(theme).join(" "),
5815
+ children: u$2($cb5cc270b50c6fcd$export$7c6e2c02157bb7d2, {
5816
+ collisionPadding: 16,
5817
+ 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]",
5818
+ sideOffset: 5,
5819
+ children: u$2("form", {
5820
+ onSubmit: createAlert,
5821
+ class: "flex flex-col gap-2.5",
5822
+ children: [u$2("div", {
5823
+ children: [u$2("fieldset", {
5824
+ class: "fieldset relative focus-within:z-10",
5825
+ children: [u$2("label", {
5826
+ class: "sr-only",
5827
+ htmlFor: "ija-email",
5828
+ children: "Email"
5829
+ }), u$2("input", {
5830
+ name: "email",
5831
+ autocomplete: "email",
5832
+ class: inputClass,
5833
+ disabled: formState === "loading",
5834
+ id: "ija-email",
5835
+ placeholder: "Email",
5836
+ type: "email",
5837
+ required: true
5838
+ })]
5839
+ }), u$2("fieldset", {
5840
+ class: "fieldset relative focus-within:z-10",
5841
+ children: [u$2("label", {
5842
+ class: "sr-only",
5843
+ htmlFor: "ija-name",
5844
+ children: "Name"
5845
+ }), u$2("input", {
5846
+ disabled: formState === "loading",
5847
+ name: "name",
5848
+ required: true,
5849
+ autocomplete: "name",
5850
+ class: inputClass,
5851
+ id: "ija-name",
5852
+ placeholder: "Full Name"
5853
+ })]
5854
+ }), u$2("fieldset", {
5855
+ class: "fieldset relative focus-within:z-10",
5856
+ children: [u$2("label", {
5857
+ class: "sr-only",
5858
+ htmlFor: "ija-frequency",
5859
+ children: "Frequency"
5860
+ }), u$2("select", {
5861
+ disabled: formState === "loading",
5862
+ class: clsx(inputClass, "appearance-none pr-8"),
5863
+ id: "ija-frequency",
5864
+ defaultValue: "WEEKLY",
5865
+ name: "frequency",
5866
+ children: [u$2("option", {
5867
+ value: "INSTANTLY",
5868
+ children: "Instantly"
5869
+ }), u$2("option", {
5870
+ value: "DAILY",
5871
+ children: "Daily"
5872
+ }), u$2("option", {
5873
+ value: "WEEKLY",
5874
+ children: "Weekly"
5875
+ }), u$2("option", {
5876
+ value: "MONTHLY",
5877
+ children: "Monthly"
5878
+ })]
5879
+ }), u$2("div", {
5880
+ class: "text-neutral-10 absolute bottom-0 right-0 top-0 flex items-center p-1",
5881
+ "aria-hidden": true,
5882
+ children: u$2(Icon, {
5883
+ name: "chevron-up-down"
5884
+ })
5885
+ })]
5886
+ })]
5887
+ }), u$2("button", {
5888
+ class: "bg-accent-9 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",
5889
+ children: [u$2("span", {
5890
+ "data-state": formState,
5891
+ 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",
5892
+ children: "Create Alert"
5893
+ }), u$2("div", {
5894
+ "data-state": formState,
5895
+ 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",
5896
+ children: u$2("svg", {
5897
+ width: "24",
5898
+ height: "24",
5899
+ viewBox: "0 0 24 24",
5900
+ "stroke-width": "1.5",
5901
+ "stroke-linecap": "round",
5902
+ "stroke-linejoin": "round",
5903
+ stroke: "currentColor",
5904
+ fill: "none",
5905
+ xmlns: "http://www.w3.org/2000/svg",
5906
+ children: [u$2("circle", {
5907
+ class: "loading-circle duration-snappy ease-expo-out transition-all",
5908
+ cx: "12",
5909
+ cy: "12",
5910
+ r: "9"
5911
+ }), u$2("path", {
5912
+ class: "done-checkmark",
5913
+ d: "M9 12L11 14L15 10"
5914
+ })]
5915
+ })
5916
+ })]
5917
+ }), u$2(InputError, {
5918
+ error
5862
5919
  })]
5863
5920
  })
5864
- })]
5865
- }), u$2(InputError, {
5866
- error
5867
- })]
5921
+ })
5922
+ })
5868
5923
  })
5869
5924
  })]
5870
5925
  })
5871
5926
  })
5872
5927
  });
5873
5928
  };
5874
- 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";
5929
+ 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 .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 .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 .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 .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-within\\:z-10:focus-within {\n z-index: 10;\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 .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 .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";
5875
5930
  const createJobAlertsDomManager = () => {
5876
5931
  return {
5877
5932
  getRenderTargetElement: () => {