@inploi/plugin-job-alerts 0.0.1 → 0.0.3

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