twenty-ui 1.0.0-alpha.1 → 2.41.0

package/dist/feedback-1SmKiqUb.js

@@ -1,1540 +0,0 @@
-import { t as Ga } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as l, n as ja, r as C, s as h } from "./theme-constants-D9oV4GU4.js";
-import { _ as Ta, d as ee, o as Va, s as Ca, x as re } from "./data-display-rTFC5PIU.js";
-import { a as qa, l as Ka } from "./utilities-B_4WqR8H.js";
-import { L as R, W as oe } from "./theme-DELpGMxN.js";
-import { $s as ne, Cr as te, St as ie, ai as de, bo as le, fa as se, i as ce, xi as Na } from "./TablerIcons-fqK82OLw.js";
-import { n as Ua, r as ue } from "./OverflowingTextWithTooltip-BHAWIWMc.js";
-import { n as me, t as _e } from "./useResizeHandle-BKHw7TiW.js";
-import { Fragment as xa, jsx as r, jsxs as g } from "react/jsx-runtime";
-import { clsx as m } from "clsx";
-import * as fa from "react";
-import P, { forwardRef as Ba, useEffect as ka, useId as Sa, useMemo as ge, useRef as pe, useState as M } from "react";
-import { Link as Z } from "react-router-dom";
-import { Radio as ve } from "@base-ui/react/radio";
-import { RadioGroup as he } from "@base-ui/react/radio-group";
-import { Checkbox as za } from "@base-ui/react/checkbox";
-import be from "@monaco-editor/react";
-import { Input as fe } from "@base-ui/react/input";
-import { Switch as La } from "@base-ui/react/switch";
-import { Progress as la } from "@base-ui/react/progress";
-var ke = {
-  noFile: "/images/placeholders/background/no_file_bg.png",
-  noNote: "/images/placeholders/background/no_note_bg.png",
-  noRecord: "/images/placeholders/background/no_record_bg.png",
-  noMatchRecord: "/images/placeholders/background/no_match_record_bg.png",
-  noTask: "/images/placeholders/background/no_task_bg.png",
-  errorIndex: "/images/placeholders/background/error_index_bg.png",
-  emptyTimeline: "/images/placeholders/background/empty_timeline_bg.png",
-  loadingMessages: "/images/placeholders/background/loading_messages_bg.png",
-  loadingAccounts: "/images/placeholders/background/loading_accounts_bg.png",
-  emptyFunctions: "/images/placeholders/background/empty_functions_bg.png",
-  emptyInbox: "/images/placeholders/background/empty_inbox_bg.png",
-  error404: "/images/placeholders/background/404_bg.png",
-  error500: "/images/placeholders/background/500_bg.png",
-  noDeletedRecord: "/images/placeholders/background/no_deleted_record_bg.png",
-  noWidgets: "/images/placeholders/background/no_widgets_bg.png",
-  notShared: "/images/placeholders/background/not_shared_bg.png"
-}, ye = {
-  noFile: "/images/placeholders/dark-background/no_file_bg.png",
-  noNote: "/images/placeholders/dark-background/no_note_bg.png",
-  noRecord: "/images/placeholders/dark-background/no_record_bg.png",
-  noMatchRecord: "/images/placeholders/dark-background/no_match_record_bg.png",
-  noTask: "/images/placeholders/dark-background/no_task_bg.png",
-  errorIndex: "/images/placeholders/dark-background/error_index_bg.png",
-  emptyTimeline: "/images/placeholders/dark-background/empty_timeline_bg.png",
-  emptyInbox: "/images/placeholders/dark-background/empty_inbox_bg.png",
-  error404: "/images/placeholders/dark-background/404_bg.png",
-  error500: "/images/placeholders/dark-background/500_bg.png",
-  loadingMessages: "/images/placeholders/background/loading_messages_bg.png",
-  loadingAccounts: "/images/placeholders/background/loading_accounts_bg.png",
-  emptyFunctions: "/images/placeholders/dark-background/empty_functions_bg.png",
-  noDeletedRecord: "/images/placeholders/dark-background/no_deleted_record_bg.png",
-  noWidgets: "/images/placeholders/dark-background/no_widgets_bg.png",
-  notShared: "/images/placeholders/dark-background/not_shared_bg.png"
-}, Ce = {
-  noFile: "/images/placeholders/dark-moving-image/no_file.png",
-  noNote: "/images/placeholders/dark-moving-image/no_note.png",
-  noRecord: "/images/placeholders/dark-moving-image/no_record.png",
-  noMatchRecord: "/images/placeholders/dark-moving-image/no_match_record.png",
-  noTask: "/images/placeholders/dark-moving-image/no_task.png",
-  errorIndex: "/images/placeholders/dark-moving-image/error_index.png",
-  emptyTimeline: "/images/placeholders/dark-moving-image/empty_timeline.png",
-  emptyInbox: "/images/placeholders/dark-moving-image/empty_inbox.png",
-  error404: "/images/placeholders/dark-moving-image/404.png",
-  error500: "/images/placeholders/dark-moving-image/500.png",
-  loadingMessages: "/images/placeholders/moving-image/loading_messages.png",
-  loadingAccounts: "/images/placeholders/moving-image/loading_accounts.png",
-  emptyFunctions: "/images/placeholders/dark-moving-image/empty_functions.png",
-  noDeletedRecord: "/images/placeholders/dark-moving-image/no_deleted_record.png",
-  noWidgets: "/images/placeholders/dark-moving-image/no_widgets.png",
-  notShared: "/images/placeholders/dark-moving-image/not_shared.png"
-}, Ne = {
-  noFile: "/images/placeholders/moving-image/no_file.png",
-  noNote: "/images/placeholders/moving-image/no_note.png",
-  noRecord: "/images/placeholders/moving-image/no_record.png",
-  noMatchRecord: "/images/placeholders/moving-image/no_match_record.png",
-  noTask: "/images/placeholders/moving-image/no_task.png",
-  errorIndex: "/images/placeholders/moving-image/error_index.png",
-  emptyTimeline: "/images/placeholders/moving-image/empty_timeline.png",
-  loadingMessages: "/images/placeholders/moving-image/loading_messages.png",
-  loadingAccounts: "/images/placeholders/moving-image/loading_accounts.png",
-  emptyFunctions: "/images/placeholders/moving-image/empty_functions.png",
-  emptyInbox: "/images/placeholders/moving-image/empty_inbox.png",
-  error404: "/images/placeholders/moving-image/404.png",
-  error500: "/images/placeholders/moving-image/500.png",
-  noDeletedRecord: "/images/placeholders/moving-image/no_deleted_record.png",
-  noWidgets: "/images/placeholders/moving-image/no_widgets.png",
-  notShared: "/images/placeholders/moving-image/not_shared.png"
-}, xe = "_container_c2ldr_1", Be = "_backgroundImage_c2ldr_9", Se = "_backgroundImageLarge_c2ldr_14", Ie = "_movingImage_c2ldr_19", we = "_movingImageLarge_c2ldr_28", Y = {
-  container: xe,
-  backgroundImage: Be,
-  backgroundImageLarge: Se,
-  movingImage: Ie,
-  movingImageLarge: we
-}, ea = 2, Ct = ({ type: a }) => {
-  const e = ja(), n = pe(null);
-  ka(() => {
-    const i = n.current;
-    if (i === null) return;
-    const d = (c, u) => {
-      i.style.setProperty("--parallax-x", `${c}px`), i.style.setProperty("--parallax-y", `${u}px`);
-    }, o = (c) => {
-      const u = "touches" in c ? c.touches[0].clientX : c.clientX, _ = "touches" in c ? c.touches[0].clientY : c.clientY;
-      d(u / window.innerWidth * 2 * ea - ea, _ / window.innerHeight * 2 * ea - ea);
-    }, s = () => {
-      d(0, 0);
-    };
-    return window.addEventListener("mousemove", o), window.addEventListener("touchmove", o), window.document.addEventListener("mouseleave", s), () => {
-      window.removeEventListener("mousemove", o), window.removeEventListener("touchmove", o), window.document.removeEventListener("mouseleave", s);
-    };
-  }, []);
-  const t = a === "error500" || a === "error404";
-  return /* @__PURE__ */ g("div", {
-    className: Y.container,
-    children: [/* @__PURE__ */ r("img", {
-      src: e === "dark" ? ye[a] : ke[a],
-      alt: "",
-      className: m(Y.backgroundImage, t && Y.backgroundImageLarge)
-    }), /* @__PURE__ */ r("img", {
-      ref: n,
-      src: e === "dark" ? Ce[a] : Ne[a],
-      alt: "",
-      className: m(Y.movingImage, t && Y.movingImageLarge)
-    })]
-  });
-}, $e = "_banner_i03ag_1", Te = "_primaryBlue_i03ag_17", ze = "_primaryDanger_i03ag_23", Le = "_secondaryBlue_i03ag_29", Ae = "_secondaryDanger_i03ag_35", J = {
-  banner: $e,
-  primaryBlue: Te,
-  primaryDanger: ze,
-  secondaryBlue: Le,
-  secondaryDanger: Ae
-}, Ee = {
-  primary: {
-    blue: J.primaryBlue,
-    danger: J.primaryDanger
-  },
-  secondary: {
-    blue: J.secondaryBlue,
-    danger: J.secondaryDanger
-  }
-}, Re = ({ color: a = "blue", variant: e = "primary", className: n, children: t }) => /* @__PURE__ */ r("div", {
-  className: m(J.banner, Ee[e][a], n),
-  children: t
-}), Pe = "_container_10f7s_1", We = "_text_10f7s_12", Aa = {
-  container: Pe,
-  text: We
-}, Nt = ({ isAdvancedModeEnabled: a, setIsAdvancedModeEnabled: e, label: n = "Advanced", className: t }) => {
-  const i = C(), d = (s) => {
-    e(s);
-  }, o = Sa();
-  return /* @__PURE__ */ g("label", {
-    className: m(Aa.container, t),
-    htmlFor: o,
-    children: [/* @__PURE__ */ r("div", {
-      className: Aa.text,
-      children: n
-    }), /* @__PURE__ */ r(nn, {
-      id: o,
-      onChange: d,
-      color: i.color.yellow,
-      value: a
-    })]
-  });
-}, De = "_button_msz0b_1", Fe = "_small_msz0b_53", Me = "_medium_msz0b_58", Oe = "_fullWidth_msz0b_63", He = "_square_msz0b_67", Ge = "_motion_msz0b_73", je = "_separator_msz0b_77", Ve = "_shortcutLabel_msz0b_93", qe = "_soonPillContainer_msz0b_107", z = {
-  button: De,
-  small: Fe,
-  medium: Me,
-  fullWidth: Oe,
-  square: He,
-  motion: Ge,
-  separator: je,
-  shortcutLabel: Ve,
-  soonPillContainer: qe
-}, Ke = (a, e, n, t, i, d) => {
-  const o = {
-    background: "transparent",
-    borderColor: "transparent",
-    borderWidthOverride: "",
-    boxShadow: "none",
-    color: l.font.color.secondary,
-    hoverBackground: "transparent",
-    activeBackground: "transparent"
-  };
-  switch (a) {
-    case "primary":
-      switch (n) {
-        case "default":
-          o.background = e ? l.background.primary : l.background.secondary, o.borderColor = e ? l.background.transparent.light : !t && i ? l.color.blue : l.background.transparent.light, o.borderWidthOverride = "1px 1px 1px 1px", o.boxShadow = !t && i ? `0 0 0 3px ${e ? l.background.transparent.medium : l.accent.tertiary}` : "none", o.color = e ? l.font.color.secondary : t ? l.font.color.extraLight : l.font.color.secondary, t ? (o.hoverBackground = o.background, o.activeBackground = o.background) : (o.hoverBackground = e ? l.background.secondary : l.background.tertiary, o.activeBackground = e ? l.background.tertiary : l.background.quaternary);
-          break;
-        case "blue":
-          o.background = e ? l.background.primary : l.color.blue, o.borderColor = e ? l.background.transparent.light : i ? l.color.blue : l.background.transparent.light, o.borderWidthOverride = "1px 1px 1px 1px", o.boxShadow = !t && i ? `0 0 0 3px ${e ? l.background.transparent.medium : l.accent.tertiary}` : "none", o.color = e ? l.color.blue : R.gray1, t ? (o.hoverBackground = o.background, o.activeBackground = o.background) : (o.hoverBackground = e ? l.background.secondary : l.color.blue10, o.activeBackground = e ? l.background.tertiary : l.color.blue12);
-          break;
-        case "danger":
-          o.background = e ? l.background.primary : l.color.red, o.borderColor = e ? l.background.transparent.light : i ? l.color.red : l.background.transparent.light, o.borderWidthOverride = "1px 1px", o.boxShadow = !t && i ? `0 0 0 3px ${e ? l.background.transparent.medium : l.color.red3}` : "none", o.color = e ? l.color.red : l.background.primary, t ? (o.hoverBackground = o.background, o.activeBackground = o.background) : (o.hoverBackground = e ? l.background.secondary : l.color.red8, o.activeBackground = e ? l.background.tertiary : l.color.red10);
-          break;
-      }
-      break;
-    case "secondary":
-    case "tertiary":
-      switch (n) {
-        case "default":
-          o.background = "transparent", o.borderColor = e ? a === "secondary" ? i || t ? R.gray1 : l.background.transparent.primary : i ? R.gray1 : "transparent" : a === "secondary" ? !t && i ? l.color.blue : l.background.transparent.medium : i ? l.color.blue : "transparent", o.borderWidthOverride = "1px 1px 1px 1px", o.boxShadow = !t && i ? `0 0 0 3px ${e ? l.background.transparent.medium : l.accent.tertiary}` : "none", o.color = e ? l.font.color.inverted : t ? l.font.color.extraLight : l.font.color.secondary, o.hoverBackground = e ? l.background.transparent.light : t ? "transparent" : l.background.transparent.light, o.activeBackground = e ? l.background.transparent.medium : t ? "transparent" : l.background.transparent.light;
-          break;
-        case "blue":
-          o.background = "transparent", o.borderColor = e ? a === "secondary" ? i || t ? R.gray1 : l.background.transparent.primary : i ? R.gray1 : "transparent" : a === "secondary" ? i ? l.color.blue : l.accent.primary : i ? l.color.blue : "transparent", o.borderWidthOverride = "1px 1px 1px 1px", o.boxShadow = !t && i ? `0 0 0 3px ${e ? l.background.transparent.medium : l.accent.tertiary}` : "none", o.color = e ? l.font.color.inverted : t ? l.accent.accent4060 : l.color.blue, o.hoverBackground = e ? l.background.transparent.light : t ? "transparent" : l.accent.tertiary, o.activeBackground = e ? l.background.transparent.medium : t ? "transparent" : l.accent.secondary;
-          break;
-        case "danger":
-          o.background = "transparent", o.borderColor = e ? a === "secondary" ? i || t ? R.gray1 : l.background.transparent.primary : i ? R.gray1 : "transparent" : a === "secondary" ? i ? l.color.red : l.border.color.danger : i ? l.color.red : "transparent", o.borderWidthOverride = "1px 1px 1px 1px", o.boxShadow = !t && i ? `0 0 0 3px ${e ? l.background.transparent.medium : l.color.red3}` : "none", o.color = e ? l.font.color.inverted : l.font.color.danger, o.hoverBackground = e ? l.background.transparent.light : t ? "transparent" : l.background.danger, o.activeBackground = e ? l.background.transparent.medium : t ? "transparent" : l.background.danger;
-          break;
-      }
-      break;
-  }
-  if (o.borderWidthOverride !== "" && d !== "standalone") switch (d) {
-    case "left":
-      o.borderWidthOverride = "1px 0px 1px 1px";
-      break;
-    case "middle":
-      o.borderWidthOverride = "1px 0px 1px 0px";
-      break;
-    case "right":
-      o.borderWidthOverride = "1px 1px 1px 0px";
-      break;
-  }
-  return o;
-}, xt = ({ className: a, Icon: e, animatedSvg: n, title: t, fullWidth: i = !1, variant: d = "primary", inverted: o = !1, size: s = "medium", accent: c = "default", square: u = !1, position: _ = "standalone", soon: p = !1, disabled: k = !1, justify: N = "flex-start", focus: b = !1, onClick: B, to: x, target: I, dataTestId: w, hotkeys: O, ariaLabel: H, dataClickOutsideId: G, dataGloballyPreventClickOutside: q, soonLabel: $ = "Soon" }) => {
-  const K = C(), U = qa(), T = p || k, j = ge(() => {
-    const S = Ke(d, o, c, T, b, _);
-    return {
-      "--abtn-bg": S.background,
-      "--abtn-border-color": S.borderColor,
-      "--abtn-border-width": S.borderWidthOverride || void 0,
-      "--abtn-box-shadow": S.boxShadow,
-      "--abtn-color": S.color,
-      "--abtn-hover-bg": S.hoverBackground,
-      "--abtn-active-bg": S.activeBackground
-    };
-  }, [
-    d,
-    o,
-    c,
-    T,
-    b,
-    _
-  ]);
-  return /* @__PURE__ */ g(x ? Z : "button", {
-    className: m(z.button, z[s], u && z.square, i && z.fullWidth, a),
-    "data-position": _,
-    "data-disabled": T || void 0,
-    disabled: T,
-    style: {
-      ...j,
-      "--abtn-justify": N
-    },
-    onClick: B,
-    to: x,
-    target: I,
-    "data-testid": w,
-    "aria-label": H,
-    "data-click-outside-id": G,
-    "data-globally-prevent-click-outside": q,
-    children: [
-      e && /* @__PURE__ */ r("div", {
-        className: z.motion,
-        children: /* @__PURE__ */ r(e, {
-          size: K.icon.size.sm,
-          "aria-hidden": !0
-        })
-      }),
-      n && /* @__PURE__ */ r("div", {
-        className: z.motion,
-        children: n
-      }),
-      t,
-      O && !U && /* @__PURE__ */ g(xa, { children: [/* @__PURE__ */ r("div", {
-        className: z.separator,
-        "data-size": s,
-        "data-accent": c
-      }), /* @__PURE__ */ r("div", {
-        className: z.shortcutLabel,
-        "data-variant": d,
-        "data-accent": c,
-        children: O.join(Ka())
-      })] }),
-      p && /* @__PURE__ */ r("span", {
-        className: z.soonPillContainer,
-        children: /* @__PURE__ */ r(Ca, { label: $ })
-      })
-    ]
-  });
-}, Ue = "_button_1pnez_1", Xe = "_small_1pnez_51", Ye = "_medium_1pnez_57", Je = "_iconContainer_1pnez_63", sa = {
-  button: Ue,
-  small: Xe,
-  medium: Ye,
-  iconContainer: Je
-}, Bt = ({ "aria-label": a, className: e, testId: n, Icon: t, active: i = !1, size: d = "small", accent: o = "secondary", disabled: s = !1, focus: c = !1, rotate: u, onClick: _, title: p }) => {
-  const k = C();
-  return /* @__PURE__ */ r("button", {
-    "data-testid": n,
-    "aria-label": a,
-    onClick: _,
-    disabled: s,
-    "data-disabled": s || void 0,
-    "data-focus": c && !s || void 0,
-    "data-accent": o,
-    "data-active": i || void 0,
-    className: m(sa.button, sa[d], e),
-    title: p,
-    children: /* @__PURE__ */ r("div", {
-      className: sa.iconContainer,
-      style: u !== void 0 ? { transform: `rotate(${u}deg)` } : void 0,
-      children: t && /* @__PURE__ */ r(t, {
-        size: d === "medium" ? k.icon.size.md : k.icon.size.sm,
-        "aria-hidden": !!a
-      })
-    })
-  });
-}, Qe = "_separator_t0hko_1", Ze = "_shortcutLabel_t0hko_17", Ea = {
-  separator: Qe,
-  shortcutLabel: Ze
-}, ar = ({ size: a, accent: e, variant: n, hotkeys: t }) => /* @__PURE__ */ g(xa, { children: [/* @__PURE__ */ r("div", {
-  className: Ea.separator,
-  "data-size": a,
-  "data-accent": e
-}), /* @__PURE__ */ r("div", {
-  className: Ea.shortcutLabel,
-  "data-variant": n,
-  "data-accent": e,
-  children: t.join(Ka())
-})] }), er = "_iconWrapper_1pc9d_1", rr = "_icon_1pc9d_1", or = "_loader_1pc9d_21", ca = {
-  iconWrapper: er,
-  icon: rr,
-  loader: or
-}, nr = ({ Icon: a, isLoading: e }) => {
-  const n = C();
-  return /* @__PURE__ */ g("div", {
-    className: ca.iconWrapper,
-    children: [e && /* @__PURE__ */ r("div", {
-      className: ca.loader,
-      children: /* @__PURE__ */ r(Va, {})
-    }), a && /* @__PURE__ */ r("div", {
-      className: ca.icon,
-      "data-loading": e || void 0,
-      children: /* @__PURE__ */ r(a, {
-        size: n.icon.size.sm,
-        "aria-hidden": !0
-      })
-    })]
-  });
-}, tr = "_soonPillContainer_e7hkk_1", ir = { soonPillContainer: tr }, dr = ({ label: a = "Soon" }) => /* @__PURE__ */ r("span", {
-  className: ir.soonPillContainer,
-  children: /* @__PURE__ */ r(Ca, { label: a })
-}), lr = "_textWrapper_1hwko_1", sr = "_text_1hwko_1", cr = "_ellipsis_1hwko_27", ua = {
-  textWrapper: lr,
-  text: sr,
-  ellipsis: cr
-}, ur = ({ hasIcon: a = !1, isLoading: e, title: n }) => /* @__PURE__ */ g("div", {
-  className: ua.textWrapper,
-  children: [/* @__PURE__ */ r("div", {
-    className: ua.text,
-    "data-loading": e || void 0,
-    "data-has-icon": a || void 0,
-    children: n
-  }), /* @__PURE__ */ r("div", {
-    className: ua.ellipsis,
-    "data-loading": e || void 0,
-    children: "..."
-  })]
-}), mr = "_wrapper_1u6dh_1", _r = "_wrapperLoading_1u6dh_7", gr = "_button_1u6dh_11", pr = "_small_1u6dh_53", vr = "_medium_1u6dh_57", hr = "_fullWidth_1u6dh_61", V = {
-  wrapper: mr,
-  wrapperLoading: _r,
-  button: gr,
-  small: pr,
-  medium: vr,
-  fullWidth: hr
-}, ya = ({ className: a, Icon: e, title: n, id: t, fullWidth: i = !1, variant: d = "primary", inverted: o = !1, size: s = "medium", accent: c = "default", position: u = "standalone", soon: _ = !1, disabled: p = !1, justify: k = "flex-start", focus: N = !1, onClick: b, to: B, target: x, dataTestId: I, dataClickOutsideId: w, dataGloballyPreventClickOutside: O, hotkeys: H, ariaLabel: G, type: q, isLoading: $ = !1 }) => {
-  const K = qa(), [U, T] = M(N), j = _ || p, S = B ? Z : "button";
-  return /* @__PURE__ */ r("div", {
-    className: m(V.wrapper, $ && V.wrapperLoading, i && V.fullWidth),
-    children: /* @__PURE__ */ g(S, {
-      id: t,
-      className: m(V.button, V[s], i && V.fullWidth, a),
-      "data-variant": d,
-      "data-accent": c,
-      "data-position": u,
-      "data-inverted": o || void 0,
-      "data-disabled": j || void 0,
-      "data-focus": U || void 0,
-      disabled: j,
-      onClick: b,
-      to: B,
-      target: x,
-      "data-testid": I,
-      "data-click-outside-id": w,
-      "data-globally-prevent-click-outside": O,
-      "aria-label": G,
-      type: q,
-      onFocus: () => T(!0),
-      onBlur: () => T(!1),
-      style: { "--btn-justify": k },
-      children: [
-        ($ || e) && /* @__PURE__ */ r(nr, {
-          Icon: e,
-          isLoading: !!$
-        }),
-        h(n) && /* @__PURE__ */ r(ur, {
-          hasIcon: !!e,
-          title: n,
-          isLoading: $
-        }),
-        H && !K && /* @__PURE__ */ r(ar, {
-          hotkeys: H,
-          variant: d,
-          accent: c,
-          size: s
-        }),
-        _ && /* @__PURE__ */ r(dr, {})
-      ]
-    })
-  });
-}, St = 300, br = "_container_ygfpg_1", fr = { container: br }, It = ({ className: a, children: e, variant: n, size: t, accent: i }) => /* @__PURE__ */ r("div", {
-  className: m(fr.container, a),
-  children: P.Children.map(e, (d, o) => {
-    if (!P.isValidElement(d)) return null;
-    let s;
-    o === 0 ? s = "left" : o === e.length - 1 ? s = "right" : s = "middle";
-    const c = {
-      position: s,
-      variant: n,
-      accent: i,
-      size: t
-    };
-    return h(n) && (c.variant = n), h(i) && (c.accent = i), h(t) && (c.size = t), P.cloneElement(d, c);
-  })
-}), kr = "_container_pz70s_1", yr = "_radioContainer_pz70s_17", Cr = "_cardInner_pz70s_23", ma = {
-  container: kr,
-  radioContainer: yr,
-  cardInner: Cr
-}, Nr = "_container_ah3pt_1", xr = "_containerLabelLeft_ah3pt_7", Br = "_radio_ah3pt_11", Sr = "_small_ah3pt_23", Ir = "_large_ah3pt_28", wr = "_label_ah3pt_70", $r = "_labelRight_ah3pt_77", Tr = "_labelLeft_ah3pt_81", W = {
-  container: Nr,
-  containerLabelLeft: xr,
-  radio: Br,
-  small: Sr,
-  large: Ir,
-  label: wr,
-  labelRight: $r,
-  labelLeft: Tr
-}, zr = ({ value: a, onChange: e, onValueChange: n, children: t }) => {
-  const i = (d) => {
-    e?.(d), n?.(d.target.value);
-  };
-  return /* @__PURE__ */ r(xa, { children: P.Children.map(t, (d) => P.isValidElement(d) ? P.cloneElement(d, {
-    style: { marginBottom: l.spacing[2] },
-    checked: d.props.value === a,
-    onChange: i
-  }) : d) });
-}, wt = /* @__PURE__ */ (function(a) {
-  return a.Large = "large", a.Small = "small", a;
-})({}), $t = /* @__PURE__ */ (function(a) {
-  return a.Left = "left", a.Right = "right", a;
-})({}), Xa = ({ checked: a, className: e, name: n = "input-radio", disabled: t = !1, label: i, labelPosition: d = "right", onChange: o, onCheckedChange: s, size: c = "small", value: u }) => {
-  const _ = fa.useId(), p = u || i || "on";
-  return /* @__PURE__ */ g(he, {
-    className: m(W.container, d === "left" && W.containerLabelLeft, e),
-    name: n,
-    value: a === void 0 ? void 0 : a ? p : "",
-    onValueChange: (k, N) => {
-      const b = N.event.target;
-      o?.(N.event), s?.(b?.checked ?? !0);
-    },
-    children: [/* @__PURE__ */ r(ve.Root, {
-      id: _,
-      value: p,
-      disabled: t,
-      "data-testid": "input-radio",
-      className: m(W.radio, W[c])
-    }), i && /* @__PURE__ */ r("label", {
-      htmlFor: _,
-      className: m(W.label, d === "left" ? W.labelLeft : W.labelRight),
-      "data-disabled": t || void 0,
-      children: i
-    })]
-  });
-};
-Xa.Group = zr;
-var Tt = ({ children: a, checked: e, handleChange: n }) => /* @__PURE__ */ g("button", {
-  className: ma.container,
-  onClick: n,
-  children: [/* @__PURE__ */ r("div", {
-    className: ma.radioContainer,
-    children: /* @__PURE__ */ r(Xa, { checked: e })
-  }), /* @__PURE__ */ r("div", {
-    className: ma.cardInner,
-    children: a
-  })]
-}), Lr = "_root_iyh7a_1", Ar = "_primary_iyh7a_16", Er = "_secondary_iyh7a_20", Rr = "_tertiary_iyh7a_24", Pr = "_small_iyh7a_29", Wr = "_large_iyh7a_34", Dr = "_squared_iyh7a_40", Fr = "_rounded_iyh7a_45", Mr = "_blue_iyh7a_50", Or = "_orange_iyh7a_56", Hr = "_hoverable_iyh7a_62", Gr = "_box_iyh7a_100", jr = "_indicator_iyh7a_120", E = {
-  root: Lr,
-  primary: Ar,
-  secondary: Er,
-  tertiary: Rr,
-  small: Pr,
-  large: Wr,
-  squared: Dr,
-  rounded: Fr,
-  blue: Mr,
-  orange: Or,
-  hoverable: Hr,
-  box: Gr,
-  indicator: jr
-}, zt = /* @__PURE__ */ (function(a) {
-  return a.Primary = "primary", a.Secondary = "secondary", a.Tertiary = "tertiary", a;
-})({}), Lt = /* @__PURE__ */ (function(a) {
-  return a.Squared = "squared", a.Rounded = "rounded", a;
-})({}), At = /* @__PURE__ */ (function(a) {
-  return a.Large = "large", a.Small = "small", a;
-})({}), Et = /* @__PURE__ */ (function(a) {
-  return a.Blue = "blue", a.Orange = "orange", a;
-})({}), Rt = ({ checked: a, onChange: e, onCheckedChange: n, indeterminate: t, variant: i = "primary", size: d = "small", shape: o = "squared", hoverable: s = !0, className: c, disabled: u = !1, accent: _ = "blue", id: p, "aria-label": k, "aria-labelledby": N }) => {
-  const [b, B] = fa.useState(!1);
-  return fa.useEffect(() => {
-    B(a ?? !1);
-  }, [a]), /* @__PURE__ */ r(za.Root, {
-    checked: b,
-    indeterminate: t,
-    disabled: u,
-    id: p,
-    name: "styled-checkbox",
-    "aria-label": k,
-    "aria-labelledby": N,
-    "data-testid": "input-checkbox",
-    onCheckedChange: (x, I) => {
-      e?.(I.event), n?.(x), B(x);
-    },
-    className: m(E.root, E[i], E[d], E[o], E[_], s && E.hoverable, c),
-    children: /* @__PURE__ */ r("span", {
-      className: E.box,
-      children: /* @__PURE__ */ r(za.Indicator, {
-        className: E.indicator,
-        children: t ? /* @__PURE__ */ r(se, { "aria-hidden": !0 }) : /* @__PURE__ */ r(ie, { "aria-hidden": !0 })
-      })
-    })
-  });
-}, Ra = "baseCodeEditorTheme", v = (a) => {
-  if (a.trim() === "transparent") return "#00000000";
-  const e = a.match(/color\(display-p3\s+([\d.]+)\s+([\d.]+)\s+([\d.]+)(?:\s+\/\s+([\d.]+))?\)/);
-  if (h(e)) {
-    const [, n, t, i, d] = e, o = Math.round(parseFloat(n) * 255).toString(16).padStart(2, "0"), s = Math.round(parseFloat(t) * 255).toString(16).padStart(2, "0"), c = Math.round(parseFloat(i) * 255).toString(16).padStart(2, "0");
-    return h(d) ? `#${o}${s}${c}${Math.round(parseFloat(d) * 255).toString(16).padStart(2, "0")}` : `#${o}${s}${c}`;
-  }
-  return a;
-}, Vr = (a, e) => ({
-  base: e === "dark" ? "vs-dark" : "vs",
-  inherit: !0,
-  rules: [
-    {
-      token: "",
-      foreground: v(a.font.color.secondary)
-    },
-    {
-      token: "keyword",
-      foreground: v(a.color.pink11)
-    },
-    {
-      token: "keyword.control",
-      foreground: v(a.color.pink11)
-    },
-    {
-      token: "keyword.json",
-      foreground: v(a.color.orange11)
-    },
-    {
-      token: "number",
-      foreground: v(a.color.orange11)
-    },
-    {
-      token: "number.json",
-      foreground: v(a.color.orange11)
-    },
-    {
-      token: "regexp",
-      foreground: v(a.color.orange11)
-    },
-    {
-      token: "type",
-      foreground: v(a.color.green11)
-    },
-    {
-      token: "attribute.name",
-      foreground: v(a.color.blue11)
-    },
-    {
-      token: "tag",
-      foreground: v(a.color.pink11)
-    },
-    {
-      token: "string",
-      foreground: v(a.color.green11)
-    },
-    {
-      token: "string.key.json",
-      foreground: v(a.color.blue11)
-    },
-    {
-      token: "delimiter",
-      foreground: v(a.font.color.light)
-    },
-    {
-      token: "delimiter.bracket.json",
-      foreground: v(a.font.color.light)
-    },
-    {
-      token: "string.value.json",
-      foreground: v(a.color.green11)
-    },
-    {
-      token: "comment",
-      foreground: v(a.font.color.light),
-      fontStyle: "italic"
-    }
-  ],
-  colors: {
-    "editor.background": v("transparent"),
-    "editor.foreground": v(a.font.color.secondary),
-    "editorCursor.foreground": v(a.font.color.primary),
-    "editorLineNumber.foreground": v(a.font.color.extraLight),
-    "editorLineNumber.activeForeground": v(a.font.color.light),
-    "editor.lineHighlightBackground": v(a.background.tertiary),
-    "editor.selectionBackground": v(a.background.transparent.blue),
-    "editor.inactiveSelectionBackground": v(a.background.transparent.light),
-    "editorIndentGuide.background1": v(a.border.color.light),
-    "editorIndentGuide.activeBackground1": v(a.border.color.medium),
-    "editorBracketMatch.background": v(a.background.transparent.light),
-    "editorBracketMatch.border": v(a.border.color.medium)
-  }
-}), qr = "_editorLoader_19fud_1", Kr = "_container_19fud_20", Ur = "_editorWrapper_19fud_24", _a = {
-  editorLoader: qr,
-  container: Kr,
-  editorWrapper: Ur
-}, Pa = (a, e, n) => {
-  a.editor.defineTheme(Ra, Vr(e, n)), a.editor.setTheme(Ra);
-}, Pt = ({ value: a, language: e, onMount: n, onChange: t, setMarkers: i, onValidate: d, height: o = 450, variant: s = "default", transparentBackground: c, isLoading: u = !1, options: _, resizable: p = !1, contentPadding: k = "default", autoHeight: N = !1 }) => {
-  const b = C(), B = ja(), [x, I] = M(void 0), [w, O] = M(void 0), [H, G] = M(!1), [q, $] = M(void 0), { size: K, handleResizeStart: U, handleResizeMove: T, handleResizeEnd: j } = _e({ initialSize: typeof o == "number" ? o : 450 }), S = N && !p, da = typeof b.spacingMultiplicator == "number" ? b.spacingMultiplicator * 4 : void 0, aa = S ? q ?? o : p ? K : o, Qa = {
-    ...k === "comfortable" ? { lineDecorationsWidth: da } : {},
-    padding: {
-      bottom: da,
-      top: da
-    }
-  }, { padding: rt, ...Za } = _ ?? {}, $a = (y, L) => {
-    const A = y?.getModel();
-    if (!h(A)) return;
-    const X = i?.(A.getValue());
-    h(X) && L?.editor.setModelMarkers(A, "customMarker", X);
-  }, ae = (y) => {
-    H && y.stopPropagation();
-  };
-  return ka(() => {
-    h(x) && Pa(x, b, B);
-  }, [
-    B,
-    x,
-    b
-  ]), ka(() => {
-    if (!S || !h(w)) {
-      $(void 0);
-      return;
-    }
-    const y = () => {
-      const A = w.getContentHeight();
-      !Number.isFinite(A) || A <= 0 || $((X) => X === A ? X : A);
-    };
-    y();
-    const L = w.onDidContentSizeChange(y);
-    return () => {
-      L.dispose();
-    };
-  }, [w, S]), u ? /* @__PURE__ */ r("div", {
-    className: _a.editorLoader,
-    "data-variant": s,
-    style: { "--code-editor-height": typeof aa == "number" ? `${aa}px` : aa },
-    children: /* @__PURE__ */ r(Va, {})
-  }) : /* @__PURE__ */ g("div", {
-    className: _a.container,
-    onKeyDown: ae,
-    children: [
-      /* @__PURE__ */ r("input", {
-        type: "hidden",
-        "data-testid": "code-editor-value",
-        value: a ?? "",
-        readOnly: !0
-      }),
-      /* @__PURE__ */ r("div", {
-        className: _a.editorWrapper,
-        "data-variant": s,
-        "data-transparent-background": c || void 0,
-        children: /* @__PURE__ */ r(be, {
-          height: aa,
-          value: a,
-          language: e,
-          loading: "",
-          onMount: (y, L) => {
-            I(L), O(y), Pa(L, b, B), y.onDidFocusEditorWidget(() => {
-              G(!0);
-            }), y.onDidBlurEditorWidget(() => {
-              G(!1);
-            }), n?.(y, L), $a(y, L);
-          },
-          onChange: (y) => {
-            h(y) && (t?.(y), $a(w, x));
-          },
-          onValidate: (y) => {
-            d?.(y);
-          },
-          options: {
-            formatOnPaste: !0,
-            formatOnType: !0,
-            fontFamily: b.code.font.family,
-            bracketPairColorization: { enabled: !1 },
-            overviewRulerLanes: 0,
-            scrollBeyondLastLine: !1,
-            scrollbar: {
-              vertical: "hidden",
-              horizontal: "hidden"
-            },
-            minimap: { enabled: !1 },
-            ...Za,
-            ...Qa
-          }
-        })
-      }),
-      p && /* @__PURE__ */ r(me, {
-        onPointerDown: U,
-        onPointerMove: T,
-        onPointerUp: j
-      })
-    ]
-  });
-}, Xr = "_editorHeader_e870l_1", Yr = "_elementContainer_e870l_15", ga = {
-  editorHeader: Xr,
-  elementContainer: Yr
-}, Wt = ({ title: a, leftNodes: e, rightNodes: n }) => /* @__PURE__ */ g("div", {
-  className: ga.editorHeader,
-  children: [/* @__PURE__ */ g("div", {
-    className: ga.elementContainer,
-    children: [e && e.map((t, i) => /* @__PURE__ */ r("div", { children: t }, `left-${i}`)), a]
-  }), /* @__PURE__ */ r("div", {
-    className: ga.elementContainer,
-    children: n && n.map((t, i) => /* @__PURE__ */ r("div", { children: t }, `right-${i}`))
-  })]
-}), Jr = "_button_15sm2_1", Qr = "_small_15sm2_36", Zr = "_medium_15sm2_42", Wa = {
-  button: Jr,
-  small: Qr,
-  medium: Zr
-}, Ia = ({ "aria-label": a, className: e, testId: n, Icon: t, active: i = !1, size: d = "small", accent: o = "secondary", disabled: s = !1, focus: c = !1, onClick: u, title: _ }) => {
-  const p = C();
-  return /* @__PURE__ */ r("button", {
-    "data-testid": n,
-    "aria-label": a,
-    onClick: u,
-    disabled: s,
-    className: m(Wa.button, Wa[d], e),
-    "data-accent": o,
-    "data-active": i || void 0,
-    "data-disabled": s || void 0,
-    "data-focus": c && !s || void 0,
-    title: _,
-    children: t && /* @__PURE__ */ r(t, {
-      size: d === "medium" ? p.icon.size.md : p.icon.size.sm,
-      "aria-hidden": !!a
-    })
-  });
-}, ao = "_wrapper_1dmor_1", eo = { wrapper: ao }, Dt = ({ colorName: a, isSelected: e, onClick: n }) => /* @__PURE__ */ r("div", {
-  className: eo.wrapper,
-  "data-selected": e || void 0,
-  children: /* @__PURE__ */ r(Ia, {
-    size: "medium",
-    Icon: () => /* @__PURE__ */ r(ee, { colorName: a }),
-    "aria-label": `Select ${a} color`,
-    onClick: n
-  })
-}), ro = "_container_8lyz7_1", oo = "_colorSchemeBackground_8lyz7_6", no = "_colorSchemeContent_8lyz7_22", to = "_mixedColorSchemeSegment_8lyz7_39", io = "_checkmarkContainer_8lyz7_54", F = {
-  container: ro,
-  colorSchemeBackground: oo,
-  colorSchemeContent: no,
-  mixedColorSchemeSegment: to,
-  checkmarkContainer: io
-}, pa = ({ variant: a, style: e, className: n, onClick: t, onMouseEnter: i, onMouseLeave: d }) => {
-  const o = a === "Dark" ? oe : R;
-  return /* @__PURE__ */ r("div", {
-    className: m(F.colorSchemeBackground, n),
-    style: {
-      "--color-scheme-card-background": o.gray4,
-      "--color-scheme-card-border-color": o.gray5,
-      "--color-scheme-card-content-background": o.gray1,
-      "--color-scheme-card-content-color": o.gray12,
-      ...e
-    },
-    role: h(t) ? "button" : void 0,
-    tabIndex: h(t) ? 0 : void 0,
-    "aria-label": h(t) ? a : void 0,
-    onClick: t,
-    onKeyDown: Ga,
-    onMouseEnter: i,
-    onMouseLeave: d,
-    children: /* @__PURE__ */ r("div", {
-      className: F.colorSchemeContent,
-      children: "Aa"
-    })
-  });
-}, va = ({ variant: a, selected: e, onClick: n }) => a === "System" ? /* @__PURE__ */ g("div", {
-  className: F.container,
-  children: [/* @__PURE__ */ g("div", {
-    className: F.mixedColorSchemeSegment,
-    role: h(n) ? "button" : void 0,
-    tabIndex: h(n) ? 0 : void 0,
-    "aria-label": h(n) ? a : void 0,
-    onClick: n,
-    onKeyDown: Ga,
-    children: [/* @__PURE__ */ r(pa, {
-      style: {
-        borderTopRightRadius: 0,
-        borderBottomRightRadius: 0
-      },
-      variant: "Light"
-    }), /* @__PURE__ */ r(pa, {
-      style: {
-        borderTopLeftRadius: 0,
-        borderBottomLeftRadius: 0
-      },
-      variant: "Dark"
-    })]
-  }), /* @__PURE__ */ r("div", {
-    className: F.checkmarkContainer,
-    "data-selected": e || void 0,
-    children: /* @__PURE__ */ r(Ta, {})
-  })]
-}) : /* @__PURE__ */ g("div", {
-  className: F.container,
-  children: [/* @__PURE__ */ r(pa, {
-    variant: a,
-    onClick: n
-  }), /* @__PURE__ */ r("div", {
-    className: F.checkmarkContainer,
-    "data-selected": e || void 0,
-    children: /* @__PURE__ */ r(Ta, {})
-  })]
-}), lo = "_container_1iidl_1", so = "_cardContainer_1iidl_14", co = "_label_1iidl_19", D = {
-  container: lo,
-  cardContainer: so,
-  label: co
-}, Ft = ({ value: a, onChange: e, className: n, lightLabel: t, darkLabel: i, systemLabel: d }) => /* @__PURE__ */ g("div", {
-  className: m(D.container, n),
-  children: [
-    /* @__PURE__ */ g("div", {
-      className: D.cardContainer,
-      children: [/* @__PURE__ */ r(va, {
-        onClick: () => e("Light"),
-        variant: "Light",
-        selected: a === "Light"
-      }), /* @__PURE__ */ r("span", {
-        className: D.label,
-        children: t
-      })]
-    }),
-    /* @__PURE__ */ g("div", {
-      className: D.cardContainer,
-      children: [/* @__PURE__ */ r(va, {
-        onClick: () => e("Dark"),
-        variant: "Dark",
-        selected: a === "Dark"
-      }), /* @__PURE__ */ r("span", {
-        className: D.label,
-        children: i
-      })]
-    }),
-    /* @__PURE__ */ g("div", {
-      className: D.cardContainer,
-      children: [/* @__PURE__ */ r(va, {
-        onClick: () => e("System"),
-        variant: "System",
-        selected: a === "System"
-      }), /* @__PURE__ */ r("span", {
-        className: D.label,
-        children: d
-      })]
-    })
-  ]
-}), uo = "_button_1m0bh_1", mo = "_small_1m0bh_37", _o = "_medium_1m0bh_41", Da = {
-  button: uo,
-  small: mo,
-  medium: _o
-}, Mt = ({ className: a, Icon: e, title: n, ariaLabel: t, size: i = "small", position: d = "standalone", applyBlur: o = !0, applyShadow: s = !0, disabled: c = !1, focus: u = !1, to: _ }) => {
-  const p = C();
-  return /* @__PURE__ */ g(_ ? Z : "button", {
-    disabled: c,
-    "aria-label": t,
-    className: m(Da.button, Da[i], a),
-    "data-position": d,
-    "data-apply-blur": o || void 0,
-    "data-apply-shadow": s || void 0,
-    "data-disabled": c || void 0,
-    "data-focus": u && !c || void 0,
-    to: _,
-    children: [e && /* @__PURE__ */ r(e, {
-      size: p.icon.size.sm,
-      "aria-hidden": !0
-    }), n]
-  });
-}, go = "_container_4trh1_1", po = { container: go }, Ot = ({ children: a, size: e, className: n }) => /* @__PURE__ */ r("div", {
-  className: m(po.container, n),
-  children: P.Children.map(a, (t, i) => {
-    let d;
-    i === 0 ? d = "left" : i === a.length - 1 ? d = "right" : d = "middle";
-    const o = {
-      position: d,
-      size: e,
-      applyShadow: !1,
-      applyBlur: !1
-    };
-    return h(e) && (o.size = e), P.cloneElement(t, o);
-  })
-}), vo = "_button_zw2iu_1", ho = "_small_zw2iu_23", bo = "_medium_zw2iu_28", Fa = {
-  button: vo,
-  small: ho,
-  medium: bo
-}, fo = ({ className: a, Icon: e, ariaLabel: n, size: t = "small", position: i = "standalone", applyShadow: d = !0, applyBlur: o = !0, disabled: s = !1, focus: c = !1, onClick: u, isActive: _ }) => {
-  const p = C();
-  return /* @__PURE__ */ r("button", {
-    disabled: s,
-    "aria-label": n,
-    className: m(Fa.button, Fa[t], a),
-    "data-position": i,
-    "data-apply-shadow": d || void 0,
-    "data-apply-blur": o || void 0,
-    "data-disabled": s || void 0,
-    "data-focus": c && !s || void 0,
-    "data-is-active": _ || void 0,
-    onClick: u,
-    children: e && /* @__PURE__ */ r(e, {
-      size: p.icon.size.md,
-      "aria-hidden": !!n
-    })
-  });
-}, ko = "_container_o9kcz_1", yo = { container: ko }, Ht = ({ iconButtons: a, size: e, className: n }) => /* @__PURE__ */ r("div", {
-  className: m(yo.container, n),
-  children: a.map(({ Icon: t, onClick: i, isActive: d, ariaLabel: o }, s) => /* @__PURE__ */ r(fo, {
-    applyBlur: !1,
-    applyShadow: !1,
-    Icon: t,
-    ariaLabel: o,
-    onClick: i,
-    position: a.length === 1 ? "standalone" : s === 0 ? "left" : s === a.length - 1 ? "right" : "middle",
-    size: e,
-    isActive: d
-  }, `floating-icon-button-${s}`))
-}), Co = "_button_1ll6b_1", No = "_small_1ll6b_40", xo = "_medium_1ll6b_45", Ma = {
-  button: Co,
-  small: No,
-  medium: xo
-}, Bo = ({ className: a, Icon: e, variant: n = "primary", size: t = "medium", accent: i = "default", position: d = "standalone", disabled: o = !1, focus: s = !1, dataTestId: c, ariaLabel: u, onClick: _, to: p }) => {
-  const k = C();
-  return /* @__PURE__ */ r("button", {
-    "data-testid": c,
-    className: m(Ma.button, Ma[t], a),
-    "data-variant": n,
-    "data-accent": i,
-    "data-position": d,
-    "data-disabled": o || void 0,
-    "data-focus": s || void 0,
-    disabled: o,
-    onClick: _,
-    "aria-label": u,
-    to: p,
-    children: e && /* @__PURE__ */ r(e, {
-      size: k.icon.size.md,
-      "aria-hidden": !!u
-    })
-  });
-}, So = "_button_1ckkx_1", Io = { button: So }, wo = ({ className: a, Icon: e, ariaLabel: n, onClick: t, disabled: i = !1 }) => {
-  const d = C();
-  return /* @__PURE__ */ r("button", {
-    className: m(Io.button, a),
-    "aria-label": n,
-    onClick: t,
-    disabled: i,
-    "data-disabled": i || void 0,
-    children: e && /* @__PURE__ */ r(e, {
-      size: d.icon.size.sm,
-      "aria-hidden": !!n
-    })
-  });
-}, $o = "_container_1l4n2_1", To = { container: $o }, Gt = ({ iconButtons: a, disabled: e, className: n }) => /* @__PURE__ */ r("div", {
-  className: m(To.container, n),
-  "data-disabled": e || void 0,
-  children: a.map(({ Icon: t, onClick: i, ariaLabel: d }, o) => /* @__PURE__ */ r(wo, {
-    Icon: t,
-    ariaLabel: d,
-    onClick: i,
-    disabled: e
-  }, o))
-}), zo = (a) => /* @__PURE__ */ g("svg", {
-  width: 8,
-  height: 32,
-  xmlns: "http://www.w3.org/2000/svg",
-  fill: "none",
-  ...a,
-  children: [
-    /* @__PURE__ */ r("path", {
-      stroke: "null",
-      id: "svg_1",
-      fill: "#D6D6D6",
-      d: "m0,7.5l4.5,0c0.82843,0 1.5,0.67157 1.5,1.5c0,0.82843 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"
-    }),
-    /* @__PURE__ */ r("path", {
-      id: "svg_2",
-      fill: "#D6D6D6",
-      d: "m0,14.5l4.5,0c0.82843,0 1.5,0.6716 1.5,1.5c0,0.8284 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"
-    }),
-    /* @__PURE__ */ r("path", {
-      id: "svg_3",
-      fill: "#D6D6D6",
-      d: "m0,21.5l4.5,0c0.82843,0 1.5,0.6716 1.5,1.5c0,0.8284 -0.67157,1.5 -1.5,1.5l-4.5,0l0,-3z"
-    })
-  ]
-}), jt = (a) => {
-  const e = a.size ?? 8;
-  return /* @__PURE__ */ r(zo, {
-    height: a.size ?? 32,
-    width: e
-  });
-}, Lo = "_button_98c25_1", Ao = { button: Lo }, Eo = ({ className: a, Icon: e, title: n, active: t = !1, accent: i = "secondary", disabled: d = !1, focus: o = !1, type: s = "button", onClick: c }) => {
-  const u = C();
-  return /* @__PURE__ */ g("button", {
-    onClick: c,
-    disabled: d,
-    type: s,
-    className: m(Ao.button, a),
-    "data-accent": i,
-    "data-active": t || void 0,
-    "data-disabled": d || void 0,
-    "data-focus": o && !d || void 0,
-    children: [!!e && /* @__PURE__ */ r(e, {
-      size: u.icon.size.md,
-      "aria-hidden": !0
-    }), n]
-  });
-}, Ro = "_container_7kzmx_1", Po = { container: Ro }, Vt = ({ iconButtons: a, size: e, className: n }) => /* @__PURE__ */ r("div", {
-  className: m(Po.container, n),
-  children: a.map(({ Wrapper: t, Icon: i, accent: d, onClick: o, ariaLabel: s, dataTestId: c }, u) => {
-    const _ = /* @__PURE__ */ r(Ia, {
-      Icon: i,
-      accent: d,
-      disabled: !o,
-      onClick: o,
-      size: e,
-      "aria-label": s,
-      testId: c
-    }, `light-icon-button-${u}`);
-    return t ? /* @__PURE__ */ r(t, { iconButton: _ }, `light-icon-button-wrapper-${u}`) : _;
-  })
-}), Wo = "_button_y8rpu_1", Do = { button: Wo }, qt = ({ Icon: a, title: e, width: n, fullWidth: t = !1, variant: i = "primary", type: d, onClick: o, disabled: s, className: c }) => {
-  const u = C(), _ = t ? "100%" : n ? `${n}px` : void 0;
-  return /* @__PURE__ */ g("button", {
-    className: m(Do.button, c),
-    "data-variant": i,
-    "data-disabled": s || void 0,
-    disabled: s,
-    onClick: o,
-    type: d,
-    style: _ ? { "--main-button-width": _ } : void 0,
-    children: [a && /* @__PURE__ */ r(a, {
-      size: u.icon.size.sm,
-      "aria-hidden": !0
-    }), e]
-  });
-}, Fo = "_button_1v638_1", Mo = "_small_1v638_27", Oo = "_medium_1v638_32", Oa = {
-  button: Fo,
-  small: Mo,
-  medium: Oo
-}, Kt = ({ Icon: a, onClick: e, disabled: n, className: t, size: i = "small", "aria-label": d }) => {
-  const o = C();
-  return /* @__PURE__ */ r("button", {
-    className: m(Oa.button, Oa[i], t),
-    disabled: n,
-    "aria-label": d,
-    onClick: e,
-    children: /* @__PURE__ */ r(a, {
-      size: o.icon.size.md,
-      "aria-hidden": !!d
-    })
-  });
-}, Ho = "_wrapper_30toy_1", Go = "_inputContainer_30toy_8", jo = "_iconContainer_30toy_25", Vo = "_input_30toy_8", ra = {
-  wrapper: Ho,
-  inputContainer: Go,
-  iconContainer: jo,
-  input: Vo
-}, Ut = ({ value: a, onChange: e, placeholder: n, filterDropdown: t, autoFocus: i, disabled: d, className: o, id: s, filterButtonAriaLabel: c = "Filter", "aria-label": u, "aria-labelledby": _ }) => {
-  const p = C(), [k, N] = M(!1), b = Sa(), B = s ?? b, x = /* @__PURE__ */ r(Bo, {
-    Icon: te,
-    variant: "secondary",
-    ariaLabel: c
-  });
-  return /* @__PURE__ */ g("div", {
-    className: m(ra.wrapper, o),
-    children: [/* @__PURE__ */ g("div", {
-      className: ra.inputContainer,
-      children: [/* @__PURE__ */ r("div", {
-        className: ra.iconContainer,
-        "data-focused": k || void 0,
-        "aria-hidden": !0,
-        children: /* @__PURE__ */ r(le, { size: p.icon.size.md })
-      }), /* @__PURE__ */ r(fe, {
-        id: B,
-        className: ra.input,
-        value: a,
-        onValueChange: (I) => e(I),
-        onFocus: () => N(!0),
-        onBlur: () => N(!1),
-        placeholder: n,
-        autoFocus: i,
-        disabled: d,
-        "aria-label": _ ? void 0 : u ?? n,
-        "aria-labelledby": _
-      })]
-    }), t && t(x)]
-  });
-}, qo = "_tabButton_17vcv_1", Ko = "_tabContainer_17vcv_36", Uo = "_tabHover_17vcv_67", wa = {
-  tabButton: qo,
-  tabContainer: Ko,
-  tabHover: Uo
-}, Ya = Ba(({ active: a, disabled: e, to: n, className: t, children: i, ...d }, o) => /* @__PURE__ */ r(n ? Z : "button", {
-  ref: o,
-  to: n,
-  disabled: n ? void 0 : e,
-  className: m(wa.tabButton, t),
-  "data-active": a || void 0,
-  "data-disabled": e || void 0,
-  ...d,
-  children: i
-}));
-Ya.displayName = "StyledTabButton";
-var Xo = Ba(({ active: a, disabled: e, className: n, children: t, ...i }, d) => /* @__PURE__ */ r("div", {
-  ref: d,
-  className: m(wa.tabContainer, n),
-  "data-active": a || void 0,
-  "data-disabled": e || void 0,
-  ...i,
-  children: t
-}));
-Xo.displayName = "StyledTabContainer";
-var Ja = Ba(({ contentSize: a, className: e, children: n, ...t }, i) => /* @__PURE__ */ r("span", {
-  ref: i,
-  className: m(wa.tabHover, e),
-  "data-content-size": a,
-  ...t,
-  children: n
-}));
-Ja.displayName = "StyledTabHover";
-var Yo = ({ active: a, disabled: e, LeftIcon: n, title: t, logo: i, RightIcon: d, pill: o, contentSize: s = "sm", className: c }) => {
-  const u = C(), _ = a ? u.font.color.primary : e ? u.font.color.extraLight : u.font.color.secondary;
-  return /* @__PURE__ */ g(Ja, {
-    contentSize: s,
-    className: c,
-    children: [
-      n && /* @__PURE__ */ r(n, {
-        color: _,
-        size: u.icon.size.md,
-        "aria-hidden": !0
-      }),
-      i && /* @__PURE__ */ r(re, {
-        avatarUrl: i,
-        size: "md",
-        placeholder: t
-      }),
-      t,
-      d && /* @__PURE__ */ r(d, {
-        color: _,
-        size: u.icon.size.md,
-        "aria-hidden": !0
-      }),
-      o && (typeof o == "string" ? /* @__PURE__ */ r(Ca, { label: o }) : o)
-    ]
-  });
-}, Jo = "_tabTooltipWrapper_197au_1", Qo = { tabTooltipWrapper: Jo }, Xt = ({ id: a, active: e, disabled: n, to: t, LeftIcon: i, className: d, title: o, onClick: s, logo: c, RightIcon: u, pill: _, contentSize: p = "sm", disableTestId: k = !1, tooltipContent: N }) => {
-  const b = `tab-${a}`;
-  return /* @__PURE__ */ g("div", {
-    id: b,
-    className: Qo.tabTooltipWrapper,
-    children: [/* @__PURE__ */ r(Ya, {
-      "data-testid": k ? void 0 : `tab-${a}`,
-      active: e,
-      disabled: n,
-      to: t,
-      className: d,
-      onClick: s,
-      children: /* @__PURE__ */ r(Yo, {
-        id: a,
-        active: e,
-        disabled: n,
-        LeftIcon: i,
-        title: o,
-        logo: c,
-        RightIcon: u,
-        pill: _,
-        contentSize: p
-      })
-    }), N && /* @__PURE__ */ r(Ua, {
-      anchorSelect: `#${b}`,
-      content: N,
-      noArrow: !0,
-      place: "bottom",
-      positionStrategy: "fixed",
-      delay: ue.shortDelay
-    })]
-  }, a);
-}, Zo = "_root_127ol_1", an = "_centered_127ol_20", en = "_small_127ol_24", rn = "_medium_127ol_29", on = "_thumb_127ol_34", oa = {
-  root: Zo,
-  centered: an,
-  small: en,
-  medium: rn,
-  thumb: on
-}, nn = ({ id: a, value: e = !1, onChange: n, color: t, toggleSize: i = "medium", className: d, centered: o, disabled: s, "aria-label": c, "aria-labelledby": u }) => /* @__PURE__ */ r(La.Root, {
-  id: a,
-  checked: e,
-  disabled: s,
-  onCheckedChange: (_) => n?.(_),
-  "aria-label": c,
-  "aria-labelledby": u,
-  className: m(oa.root, oa[i], o && oa.centered, d),
-  style: t ? { "--toggle-on-color": t } : void 0,
-  children: /* @__PURE__ */ r(La.Thumb, { className: oa.thumb })
-}), tn = "_container_1o484_1", dn = "_containerInfo_1o484_14", ln = "_containerWarning_1o484_19", sn = "_containerSuccess_1o484_24", cn = "_containerError_1o484_29", un = "_containerNeutral_1o484_34", mn = "_header_1o484_39", _n = "_iconContainer_1o484_48", gn = "_iconContainerInfo_1o484_57", pn = "_iconContainerWarning_1o484_61", vn = "_iconContainerSuccess_1o484_65", hn = "_iconContainerError_1o484_69", bn = "_iconContainerNeutral_1o484_73", fn = "_title_1o484_77", kn = "_descriptionWrapper_1o484_89", yn = "_descriptionWrapperWithAction_1o484_97", Cn = "_description_1o484_89", Nn = "_footer_1o484_110", f = {
-  container: tn,
-  containerInfo: dn,
-  containerWarning: ln,
-  containerSuccess: sn,
-  containerError: cn,
-  containerNeutral: un,
-  header: mn,
-  iconContainer: _n,
-  iconContainerInfo: gn,
-  iconContainerWarning: pn,
-  iconContainerSuccess: vn,
-  iconContainerError: hn,
-  iconContainerNeutral: bn,
-  title: fn,
-  descriptionWrapper: kn,
-  descriptionWrapperWithAction: yn,
-  description: Cn,
-  footer: Nn
-}, xn = {
-  info: f.containerInfo,
-  warning: f.containerWarning,
-  error: f.containerError,
-  neutral: f.containerNeutral,
-  success: f.containerSuccess
-}, Bn = {
-  info: f.iconContainerInfo,
-  warning: f.iconContainerWarning,
-  error: f.iconContainerError,
-  neutral: f.iconContainerNeutral,
-  success: f.iconContainerSuccess
-}, Yt = ({ variant: a, title: e, description: n, Icon: t = de, action: i, isClosable: d = !1, onClose: o }) => {
-  const [s, c] = M(!0), u = () => {
-    d && (c(!1), o?.());
-  };
-  return s ? /* @__PURE__ */ g("div", {
-    className: m(f.container, xn[a]),
-    children: [
-      /* @__PURE__ */ g("div", {
-        className: f.header,
-        children: [
-          /* @__PURE__ */ r("div", {
-            className: m(f.iconContainer, Bn[a]),
-            children: /* @__PURE__ */ r(t, { size: 16 })
-          }),
-          /* @__PURE__ */ r("div", {
-            className: f.title,
-            children: e
-          }),
-          d && /* @__PURE__ */ r(Ia, {
-            Icon: ne,
-            size: "small",
-            "aria-label": "Close",
-            onClick: u
-          })
-        ]
-      }),
-      /* @__PURE__ */ r("div", {
-        className: m(f.descriptionWrapper, h(i) && f.descriptionWrapperWithAction),
-        children: /* @__PURE__ */ r("div", {
-          className: f.description,
-          children: n
-        })
-      }),
-      h(i) && /* @__PURE__ */ r("div", {
-        className: f.footer,
-        children: /* @__PURE__ */ r(Eo, {
-          type: "button",
-          title: i.label,
-          onClick: i.onClick
-        })
-      })
-    ]
-  }) : null;
-}, Sn = "_svg_5jxqf_1", In = "_circularProgressBarRotate_5jxqf_1", wn = "_circle_5jxqf_6", $n = "_circularProgressBarDash_5jxqf_1", Ha = {
-  svg: Sn,
-  circularProgressBarRotate: In,
-  circle: wn,
-  circularProgressBarDash: $n
-}, Jt = ({ size: a = 50, barWidth: e = 5, barColor: n = "currentColor" }) => /* @__PURE__ */ r("svg", {
-  className: Ha.svg,
-  width: a,
-  height: a,
-  children: /* @__PURE__ */ r("circle", {
-    className: Ha.circle,
-    cx: a / 2,
-    cy: a / 2,
-    r: a / 2 - e,
-    fill: "none",
-    stroke: n,
-    strokeWidth: e,
-    strokeLinecap: "round",
-    pathLength: 100
-  })
-}), Tn = "_emptyContainer_ftzrt_1", zn = "_emptyPlaceholderFadeIn_ftzrt_1", Ln = "_emptyTextContainer_ftzrt_21", An = "_emptyTitle_ftzrt_31", En = "_emptySubTitle_ftzrt_37", ta = {
-  emptyContainer: Tn,
-  emptyPlaceholderFadeIn: zn,
-  emptyTextContainer: Ln,
-  emptyTitle: An,
-  emptySubTitle: En
-}, Qt = ({ children: a, className: e, width: n }) => /* @__PURE__ */ r("div", {
-  className: m(ta.emptyContainer, e),
-  style: h(n) ? { width: `${n}px` } : void 0,
-  children: a
-}), Zt = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ta.emptyTextContainer, a),
-  ...e
-}), ai = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ta.emptyTitle, a),
-  ...e
-}), ei = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ta.emptySubTitle, a),
-  ...e
-}), Rn = "_errorContainer_5ujop_1", Pn = "_errorTextContainer_5ujop_12", Wn = "_errorTitle_5ujop_22", Dn = "_errorSubTitle_5ujop_29", ia = {
-  errorContainer: Rn,
-  errorTextContainer: Pn,
-  errorTitle: Wn,
-  errorSubTitle: Dn
-}, ri = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ia.errorContainer, a),
-  ...e
-}), oi = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ia.errorTextContainer, a),
-  ...e
-}), ni = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ia.errorTitle, a),
-  ...e
-}), ti = ({ className: a, ...e }) => /* @__PURE__ */ r("div", {
-  className: m(ia.errorSubTitle, a),
-  ...e
-}), Fn = "_info_phgej_1", Mn = "_accentBlue_phgej_14", On = "_accentDanger_phgej_19", Hn = "_textContainer_phgej_24", Gn = "_linkContainer_phgej_33", Q = {
-  info: Fn,
-  accentBlue: Mn,
-  accentDanger: On,
-  textContainer: Hn,
-  linkContainer: Gn
-}, jn = {
-  blue: Q.accentBlue,
-  danger: Q.accentDanger
-}, ii = ({ accent: a = "blue", text: e, buttonTitle: n, onClick: t, to: i }) => {
-  const d = C();
-  return /* @__PURE__ */ g("div", {
-    className: m(Q.info, jn[a]),
-    children: [
-      /* @__PURE__ */ g("div", {
-        className: Q.textContainer,
-        children: [/* @__PURE__ */ r(Na, { size: d.icon.size.md }), e]
-      }),
-      n && i && /* @__PURE__ */ r("span", {
-        className: Q.linkContainer,
-        children: /* @__PURE__ */ r(Z, {
-          to: i,
-          children: /* @__PURE__ */ r(ya, {
-            title: n,
-            size: "small",
-            variant: "secondary",
-            accent: a
-          })
-        })
-      }),
-      n && t && !i && /* @__PURE__ */ r(ya, {
-        title: n,
-        onClick: t,
-        size: "small",
-        variant: "secondary",
-        accent: a
-      })
-    ]
-  });
-}, Vn = "_banner_1n1xu_1", qn = "_bannerContent_1n1xu_6", Kn = "_bannerText_1n1xu_13", ha = {
-  banner: Vn,
-  bannerContent: qn,
-  bannerText: Kn
-}, di = ({ color: a, message: e, button: n, LeftIcon: t = Na, className: i }) => {
-  const d = C();
-  return /* @__PURE__ */ g(Re, {
-    className: m(ha.banner, i),
-    color: a,
-    variant: "secondary",
-    children: [/* @__PURE__ */ g("div", {
-      className: ha.bannerContent,
-      children: [/* @__PURE__ */ r(t, { size: d.icon.size.md }), /* @__PURE__ */ r("span", {
-        className: ha.bannerText,
-        children: e
-      })]
-    }), n && !n.hidden && /* @__PURE__ */ r(ya, {
-      size: "small",
-      variant: "secondary",
-      accent: a,
-      title: n?.title,
-      onClick: n?.onClick
-    })]
-  });
-}, Un = "_bar_9476t_1", Xn = "_track_9476t_13", Yn = "_indicator_9476t_19", Jn = "_countdown_9476t_32", Qn = "_progressBarCountdown_9476t_1", na = {
-  bar: Un,
-  track: Xn,
-  indicator: Yn,
-  countdown: Jn,
-  progressBarCountdown: Qn
-}, li = ({ value: a, className: e, barColor: n, backgroundColor: t = "none", withBorderRadius: i = !1, ariaLabel: d, countdownDurationInMs: o, isCountdownPaused: s = !1, onCountdownComplete: c }) => {
-  const u = o !== void 0;
-  return /* @__PURE__ */ r(la.Root, {
-    className: m(na.bar, e),
-    "data-with-border-radius": i || void 0,
-    "aria-label": d,
-    value: a,
-    style: {
-      "--progress-bar-background-color": t,
-      ...n ? { "--progress-bar-color": n } : {},
-      ...u ? { "--progress-bar-countdown-duration": `${o}ms` } : {}
-    },
-    children: /* @__PURE__ */ r(la.Track, {
-      className: na.track,
-      children: /* @__PURE__ */ r(la.Indicator, {
-        className: m(na.indicator, u && na.countdown),
-        "data-with-border-radius": i || void 0,
-        "data-nonzero": a > 0 && !u || void 0,
-        "data-paused": u && s || void 0,
-        onAnimationEnd: u ? c : void 0
-      })
-    })
-  });
-}, Zn = "_banner_k05bg_1", at = "_iconContainer_k05bg_12", et = "_message_k05bg_22", ba = {
-  banner: Zn,
-  iconContainer: at,
-  message: et
-}, si = ({ message: a, className: e, variant: n = "default", tooltipMessage: t }) => {
-  const i = Sa();
-  return /* @__PURE__ */ g("div", {
-    className: m(ba.banner, e),
-    "data-tooltip-id": t ? i : void 0,
-    children: [
-      /* @__PURE__ */ r("div", {
-        className: ba.iconContainer,
-        children: n === "default" ? /* @__PURE__ */ r(Na, { size: 16 }) : /* @__PURE__ */ r(ce, { size: 16 })
-      }),
-      /* @__PURE__ */ r("p", {
-        className: ba.message,
-        children: a
-      }),
-      h(t) && /* @__PURE__ */ r(Ua, {
-        anchorSelect: `[data-tooltip-id='${i}']`,
-        content: t,
-        place: "bottom"
-      })
-    ]
-  });
-};
-export {
-  Bt as $,
-  Ot as A,
-  Rt as B,
-  Eo as C,
-  Bo as D,
-  wo as E,
-  Ia as F,
-  Tt as G,
-  Lt as H,
-  Wt as I,
-  wt as J,
-  $t as K,
-  Pt as L,
-  Ft as M,
-  va as N,
-  Ht as O,
-  Dt as P,
-  ya as Q,
-  Vr as R,
-  Vt as S,
-  Gt as T,
-  At as U,
-  Et as V,
-  zt as W,
-  It as X,
-  zr as Y,
-  St as Z,
-  Yo as _,
-  ri as a,
-  Ce as at,
-  Kt as b,
-  ni as c,
-  Zt as d,
-  xt as et,
-  ai as f,
-  Xt as g,
-  nn as h,
-  ii as i,
-  Ne as it,
-  Mt as j,
-  fo as k,
-  Qt as l,
-  Yt as m,
-  li as n,
-  Re as nt,
-  ti as o,
-  ye as ot,
-  Jt as p,
-  Xa as q,
-  di as r,
-  Ct as rt,
-  oi as s,
-  ke as st,
-  si as t,
-  Nt as tt,
-  ei as u,
-  Xo as v,
-  jt as w,
-  qt as x,
-  Ut as y,
-  Ra as z
-};