@matbea-ui/matbea-ui 0.1.0 → 0.1.2

package/dist/matbea-ui.es10.js

@@ -0,0 +1,10 @@
+import { j as o } from "./matbea-ui.es28.js";
+import { LoaderDots as s, LoaderDot as r } from "./matbea-ui.es39.js";
+const e = () => /* @__PURE__ */ o.jsxs(s, { children: [
+  /* @__PURE__ */ o.jsx(r, {}),
+  /* @__PURE__ */ o.jsx(r, {}),
+  /* @__PURE__ */ o.jsx(r, {})
+] });
+export {
+  e as Loader
+};

package/dist/matbea-ui.es11.js

@@ -0,0 +1,47 @@
+import { j as t } from "./matbea-ui.es28.js";
+import { useId as k, useState as p, useCallback as j } from "react";
+import { RadioLabel as C, HiddenInput as g, VisualRadio as I, LabelText as R } from "./matbea-ui.es40.js";
+const y = ({
+  checked: o,
+  defaultChecked: d = !1,
+  disabled: e = !1,
+  name: h,
+  value: u,
+  label: r,
+  onChange: s,
+  className: l
+}) => {
+  const c = k(), [m, x] = p(d), n = o !== void 0, i = n ? o : m, f = j(
+    (a) => {
+      e || (n || x(a.target.checked), s?.(a.target.checked));
+    },
+    [e, n, s]
+  );
+  return /* @__PURE__ */ t.jsxs(
+    C,
+    {
+      className: l,
+      htmlFor: c,
+      disabled: e,
+      children: [
+        /* @__PURE__ */ t.jsx(
+          g,
+          {
+            id: c,
+            type: "radio",
+            checked: i,
+            onChange: f,
+            disabled: e,
+            name: h,
+            value: u
+          }
+        ),
+        /* @__PURE__ */ t.jsx(I, { $checked: i, $disabled: e }),
+        r && /* @__PURE__ */ t.jsx(R, { variant: "button", children: r })
+      ]
+    }
+  );
+};
+export {
+  y as RadioButton
+};

package/dist/matbea-ui.es12.js

@@ -0,0 +1,178 @@
+import { j as t } from "./matbea-ui.es28.js";
+import { forwardRef as J, useRef as L, useState as u, useMemo as Q, useCallback as h, useLayoutEffect as X, useEffect as Y } from "react";
+import { Wrapper as Z, Label as ee, FieldContainer as ne, LeadingIcon as te, Value as re, HiddenInput as oe, ErrorText as se, List as le, Option as ae, OptionIcon as ce } from "./matbea-ui.es41.js";
+import { Typography as ie } from "./matbea-ui.es4.js";
+const de = 8, ue = J(
+  ({
+    options: o,
+    value: F,
+    defaultValue: C,
+    placeholder: M = "Text",
+    label: O,
+    error: p,
+    disabled: s = !1,
+    icon: R,
+    name: T,
+    onChange: $,
+    onFocus: S,
+    onBlur: B,
+    className: V
+  }, A) => {
+    const w = L(null), v = L(null), x = L(null), [r, b] = u(!1), [H, g] = u(!1), [P, z] = u(C ?? ""), [f, a] = u(null), [m, K] = u({
+      top: 0,
+      left: 0,
+      width: 0
+    }), c = F ?? P, y = Q(
+      () => o.find((e) => e.value === c),
+      [o, c]
+    ), E = !!p, N = !y, W = y?.label ?? M, D = h(() => {
+      if (!v.current) return;
+      const e = v.current.getBoundingClientRect();
+      K({
+        top: e.bottom + de,
+        left: e.left,
+        width: e.width
+      });
+    }, []);
+    X(() => {
+      if (!r) return;
+      D();
+      const e = () => D();
+      return window.addEventListener("resize", e), window.addEventListener("scroll", e, !0), () => {
+        window.removeEventListener("resize", e), window.removeEventListener("scroll", e, !0);
+      };
+    }, [r, D]);
+    const i = h(() => {
+      b(!1), a(null);
+    }, []), d = h(() => {
+      s || (b(!0), a((e) => {
+        if (e !== null) return e;
+        const n = o.findIndex(
+          (l) => l.value === c
+        );
+        return n >= 0 ? n : 0;
+      }));
+    }, [s, o, c]), U = h(() => {
+      r ? i() : d();
+    }, [r, i, d]), k = (e) => {
+      s || (z(e.value), $?.(e.value), i());
+    }, _ = (e) => {
+      if (!s)
+        switch (e.key) {
+          case "ArrowDown":
+            e.preventDefault(), d(), a(
+              (n) => n === null ? 0 : Math.min(n + 1, o.length - 1)
+            );
+            break;
+          case "ArrowUp":
+            e.preventDefault(), d(), a(
+              (n) => n === null ? o.length - 1 : Math.max(n - 1, 0)
+            );
+            break;
+          case "Enter":
+          case " ":
+            e.preventDefault(), r ? f !== null && o[f] && k(o[f]) : d();
+            break;
+          case "Escape":
+          case "Tab":
+            i();
+            break;
+        }
+    };
+    Y(() => {
+      if (!r) return;
+      const e = (n) => {
+        const l = n.target, j = w.current && w.current.contains(l), I = x.current && x.current.contains(l);
+        !j && !I && i();
+      };
+      return document.addEventListener("mousedown", e), () => {
+        document.removeEventListener("mousedown", e);
+      };
+    }, [r, i]);
+    const q = (e) => {
+      g(!0), S?.(e);
+    }, G = (e) => {
+      g(!1), B?.(e);
+    };
+    return /* @__PURE__ */ t.jsxs(
+      Z,
+      {
+        className: V,
+        ref: w,
+        onKeyDown: _,
+        onFocus: q,
+        onBlur: G,
+        children: [
+          O && /* @__PURE__ */ t.jsx(ee, { children: O }),
+          /* @__PURE__ */ t.jsxs(
+            ne,
+            {
+              ref: v,
+              role: "button",
+              tabIndex: s ? -1 : 0,
+              "aria-haspopup": "listbox",
+              "aria-expanded": r,
+              "aria-invalid": E,
+              "aria-disabled": s,
+              $hasError: E,
+              $disabled: s,
+              "data-state": E ? "error" : r || H ? "active" : void 0,
+              onClick: U,
+              children: [
+                R && /* @__PURE__ */ t.jsx(te, { children: R }),
+                /* @__PURE__ */ t.jsx(re, { $placeholder: N, children: W }),
+                /* @__PURE__ */ t.jsx(
+                  oe,
+                  {
+                    ref: A,
+                    readOnly: !0,
+                    name: T,
+                    value: c,
+                    tabIndex: -1,
+                    "aria-hidden": !0
+                  }
+                )
+              ]
+            }
+          ),
+          p && /* @__PURE__ */ t.jsx(se, { children: p }),
+          r && /* @__PURE__ */ t.jsx(
+            le,
+            {
+              ref: x,
+              role: "listbox",
+              $top: m.top,
+              $left: m.left,
+              $width: m.width,
+              children: o.map((e, n) => {
+                const l = e.value === c, j = n === f;
+                return /* @__PURE__ */ t.jsxs(
+                  ae,
+                  {
+                    role: "option",
+                    "aria-selected": l,
+                    "data-active": l || void 0,
+                    "data-hovered": j || void 0,
+                    onMouseEnter: () => a(n),
+                    onMouseLeave: () => a(null),
+                    onMouseDown: (I) => I.preventDefault(),
+                    onClick: () => k(e),
+                    children: [
+                      e.icon && /* @__PURE__ */ t.jsx(ce, { children: e.icon }),
+                      /* @__PURE__ */ t.jsx(ie, { variant: "form-input", children: e.label })
+                    ]
+                  },
+                  e.value
+                );
+              })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+ue.displayName = "SelectField";
+export {
+  ue as SelectField
+};

package/dist/matbea-ui.es13.js

@@ -0,0 +1,188 @@
+import { j as T } from "./matbea-ui.es28.js";
+import { useState as q, useRef as d, useId as pt, useMemo as wt, useCallback as I, useLayoutEffect as bt, useEffect as K } from "react";
+import { TooltipWrapper as gt, TooltipTrigger as vt, TooltipBubble as Tt, TooltipContentText as Et, TooltipArrow as Lt } from "./matbea-ui.es42.js";
+const o = 8, l = 12, V = 12, xt = {
+  top: ["top", "bottom", "right", "left"],
+  bottom: ["bottom", "top", "right", "left"],
+  left: ["left", "right", "top", "bottom"],
+  right: ["right", "left", "top", "bottom"]
+}, M = (p, A, a) => Math.min(Math.max(p, A), a), kt = ({
+  content: p,
+  children: A,
+  position: a = "top",
+  open: Y,
+  defaultOpen: Z = !1,
+  onOpenChange: B,
+  showDelay: X = 150,
+  hideDelay: _ = 150,
+  interactive: j = !1,
+  disabled: c = !1,
+  hideOnClick: J = !1,
+  maxWidth: E
+}) => {
+  const [Q, tt] = q(Z), P = typeof Y == "boolean", i = P ? !!Y : Q, H = d(null), L = d(null), w = d(null), x = d(null), R = d(null), u = d(null), N = pt(), S = wt(
+    () => ({
+      top: -9999,
+      left: -9999,
+      arrowX: 0,
+      arrowY: 0,
+      placement: a
+    }),
+    [a]
+  ), [f, W] = q(S), y = () => {
+    x.current && (clearTimeout(x.current), x.current = null), R.current && (clearTimeout(R.current), R.current = null);
+  }, s = I(
+    (e) => {
+      P || tt(e), e || W(S), B?.(e);
+    },
+    [S, P, B]
+  ), D = I(() => {
+    c || (y(), x.current = setTimeout(() => s(!0), X));
+  }, [c, s, X]), $ = I(() => {
+    c || (y(), R.current = setTimeout(() => s(!1), _));
+  }, [c, s, _]), et = () => {
+    c || D();
+  }, nt = () => {
+    c || $();
+  }, rt = () => {
+    c || D();
+  }, ot = () => {
+    c || $();
+  }, ct = () => {
+    J && s(!1);
+  }, it = () => {
+    j && y();
+  }, st = () => {
+    j && $();
+  }, G = I(() => {
+    if (typeof window > "u" || !L.current || !w.current)
+      return;
+    const e = L.current.getBoundingClientRect(), t = w.current.getBoundingClientRect(), r = window.innerWidth, h = window.innerHeight, m = e.left + e.width / 2, z = e.top + e.height / 2, lt = (n) => {
+      switch (n) {
+        case "top":
+          return e.top >= t.height + l + o;
+        case "bottom":
+          return h - e.bottom >= t.height + l + o;
+        case "left":
+          return e.left >= t.width + l + o;
+        case "right":
+          return r - e.right >= t.width + l + o;
+        default:
+          return !0;
+      }
+    }, b = xt[a].find((n) => lt(n)) ?? a;
+    let g = 0, v = 0;
+    switch (b) {
+      case "top":
+        g = e.top - t.height - l, v = m - t.width / 2;
+        break;
+      case "bottom":
+        g = e.bottom + l, v = m - t.width / 2;
+        break;
+      case "left":
+        g = z - t.height / 2, v = e.left - t.width - l;
+        break;
+      case "right":
+      default:
+        g = z - t.height / 2, v = e.right + l;
+        break;
+    }
+    const at = Math.max(r - o * 2, 0), ut = Math.max(h - o * 2, 0), ft = o, ht = r - t.width - o, mt = o, dt = h - t.height - o, C = t.width >= at ? o : M(v, ft, ht), F = t.height >= ut ? o : M(g, mt, dt);
+    let O = 0, k = 0;
+    if (b === "top" || b === "bottom") {
+      const n = Math.max(t.width / 2 - V, 0);
+      O = M(
+        m - (C + t.width / 2),
+        -n,
+        n
+      ), k = 0;
+    } else {
+      const n = Math.max(t.height / 2 - V, 0);
+      k = M(
+        z - (F + t.height / 2),
+        -n,
+        n
+      ), O = 0;
+    }
+    W((n) => n.top === F && n.left === C && n.arrowX === O && n.arrowY === k && n.placement === b ? n : {
+      top: F,
+      left: C,
+      arrowX: O,
+      arrowY: k,
+      placement: b
+    });
+  }, [a]);
+  bt(() => {
+    if (!i)
+      return;
+    const e = w.current, t = L.current;
+    if (!e || !t) return;
+    const r = () => {
+      u.current !== null && cancelAnimationFrame(u.current), u.current = window.requestAnimationFrame(() => {
+        u.current = null, G();
+      });
+    };
+    r();
+    const m = typeof window < "u" && "ResizeObserver" in window ? new ResizeObserver(r) : null;
+    return m?.observe(e), m?.observe(t), window.addEventListener("resize", r), window.addEventListener("scroll", r, !0), () => {
+      window.removeEventListener("resize", r), window.removeEventListener("scroll", r, !0), m?.disconnect(), u.current !== null && (cancelAnimationFrame(u.current), u.current = null);
+    };
+  }, [i, G]), K(() => y, []), K(() => {
+    if (!i) return;
+    const e = (r) => {
+      r.key === "Escape" && s(!1);
+    }, t = (r) => {
+      const h = r.target;
+      H.current?.contains(h) || w.current?.contains(h) || s(!1);
+    };
+    return document.addEventListener("keydown", e), document.addEventListener("pointerdown", t), () => {
+      document.removeEventListener("keydown", e), document.removeEventListener("pointerdown", t);
+    };
+  }, [i, s]);
+  const U = {
+    top: f.top,
+    left: f.left,
+    "--tooltip-arrow-x": `${f.arrowX}px`,
+    "--tooltip-arrow-y": `${f.arrowY}px`
+  };
+  return E !== void 0 && (U.maxWidth = typeof E == "number" ? `${E}px` : E), /* @__PURE__ */ T.jsxs(gt, { ref: H, "data-disabled": c, children: [
+    /* @__PURE__ */ T.jsx(
+      vt,
+      {
+        ref: L,
+        tabIndex: c ? -1 : 0,
+        "aria-describedby": i ? N : void 0,
+        onMouseEnter: et,
+        onMouseLeave: nt,
+        onFocus: rt,
+        onBlur: ot,
+        onClick: ct,
+        "data-open": i,
+        children: A
+      }
+    ),
+    /* @__PURE__ */ T.jsxs(
+      Tt,
+      {
+        ref: w,
+        id: N,
+        role: "tooltip",
+        "aria-hidden": !i,
+        $visible: i,
+        $interactive: j,
+        $placement: f.placement,
+        style: U,
+        "data-placement": f.placement,
+        onMouseEnter: it,
+        onMouseLeave: st,
+        children: [
+          ["string", "number"].includes(typeof p) ? /* @__PURE__ */ T.jsx(Et, { variant: "body-m", children: p }) : p,
+          /* @__PURE__ */ T.jsx(Lt, { $placement: f.placement })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  kt as Tooltip
+};

package/dist/matbea-ui.es14.js

@@ -0,0 +1,12 @@
+import { j as o } from "./matbea-ui.es28.js";
+import { maskEmail as t } from "./matbea-ui.es27.js";
+import { UserAccountStyled as m, UserAccountText as s } from "./matbea-ui.es43.js";
+import "react";
+import { UserIcon as e } from "./matbea-ui.es44.js";
+const a = ({ email: r }) => /* @__PURE__ */ o.jsxs(m, { children: [
+  /* @__PURE__ */ o.jsx(e, {}),
+  /* @__PURE__ */ o.jsx(s, { variant: "body-m-semibold", children: t(r) })
+] });
+export {
+  a as UserAccount
+};

package/dist/matbea-ui.es15.js

@@ -0,0 +1,31 @@
+import { j as t } from "./matbea-ui.es28.js";
+import { useCallback as a } from "react";
+import { Tab as c } from "./matbea-ui.es45.js";
+import { TabRow as p } from "./matbea-ui.es46.js";
+const j = ({
+  size: e = "m",
+  activeId: i,
+  items: m,
+  onChange: r,
+  className: s
+}) => {
+  const l = a(
+    (o) => {
+      r(o);
+    },
+    [r]
+  );
+  return /* @__PURE__ */ t.jsx(p, { role: "tablist", className: s, children: m.map((o) => /* @__PURE__ */ t.jsx(
+    c,
+    {
+      ...o,
+      size: e,
+      active: o.id === i,
+      onSelect: l
+    },
+    o.id
+  )) });
+};
+export {
+  j as TabList
+};

package/dist/matbea-ui.es16.js

@@ -0,0 +1,25 @@
+import { j as i } from "./matbea-ui.es28.js";
+import { TableStyled as t, TableHead as h, TableRow as r, TableHeader as s, TableBody as x, TableCell as j } from "./matbea-ui.es47.js";
+const p = ({ columns: a, data: l }) => /* @__PURE__ */ i.jsxs(t, { children: [
+  /* @__PURE__ */ i.jsx(h, { children: /* @__PURE__ */ i.jsx(r, { children: a.map((e) => /* @__PURE__ */ i.jsx(
+    s,
+    {
+      width: e.width,
+      align: e.align || "left",
+      children: e.name
+    },
+    e.id
+  )) }) }),
+  /* @__PURE__ */ i.jsx(x, { children: l.map((e) => /* @__PURE__ */ i.jsx(r, { children: a.map((d) => /* @__PURE__ */ i.jsx(
+    j,
+    {
+      width: d.width,
+      align: d.align || "left",
+      children: d.render ? d.render(e) : e[d.id]
+    },
+    d.id
+  )) }, e.id)) })
+] });
+export {
+  p as Table
+};

package/dist/matbea-ui.es17.js

@@ -0,0 +1,40 @@
+import { j as c } from "./matbea-ui.es28.js";
+import { useId as p, useState as j, useCallback as a } from "react";
+import { SwitcherRoot as w, Track as I, Thumb as y } from "./matbea-ui.es48.js";
+const g = ({
+  checked: s,
+  defaultChecked: l = !1,
+  disabled: e = !1,
+  onChange: i,
+  id: u,
+  className: f
+}) => {
+  const h = p(), m = u ?? h, r = s !== void 0, [x, d] = j(l), o = r ? s : x, n = a(() => {
+    if (e) return;
+    const t = !o;
+    r || d(t), i?.(t);
+  }, [o, r, e, i]), k = a(
+    (t) => {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), n());
+    },
+    [n]
+  );
+  return /* @__PURE__ */ c.jsx(w, { className: f, children: /* @__PURE__ */ c.jsx(
+    I,
+    {
+      id: m,
+      role: "switch",
+      "aria-checked": o,
+      "aria-disabled": e,
+      tabIndex: e ? -1 : 0,
+      onClick: n,
+      onKeyDown: k,
+      disabled: e,
+      $checked: o,
+      children: /* @__PURE__ */ c.jsx(y, { $checked: o, $disabled: e })
+    }
+  ) });
+};
+export {
+  g as Switcher
+};

package/dist/matbea-ui.es18.js

@@ -0,0 +1,43 @@
+import { j as t } from "./matbea-ui.es28.js";
+import { useId as L, useState as m, useCallback as p } from "react";
+import { Label as C, HiddenInput as j, Box as u, CheckIcon as I } from "./matbea-ui.es49.js";
+const b = ({
+  checked: n,
+  defaultChecked: i = !1,
+  disabled: e = !1,
+  name: d,
+  value: x,
+  onChange: r,
+  className: f
+}) => {
+  const s = L(), c = n !== void 0, [l, a] = m(i), o = c ? n : l, k = p(
+    (h) => {
+      e || (c || a(h.target.checked), r?.(h.target.checked));
+    },
+    [e, c, r]
+  );
+  return /* @__PURE__ */ t.jsxs(C, { htmlFor: s, disabled: e, className: f, children: [
+    /* @__PURE__ */ t.jsx(
+      j,
+      {
+        id: s,
+        type: "checkbox",
+        checked: o,
+        disabled: e,
+        onChange: k,
+        name: d,
+        value: x
+      }
+    ),
+    /* @__PURE__ */ t.jsx(u, { $checked: o, $disabled: e, children: o && /* @__PURE__ */ t.jsx(I, { viewBox: "0 0 15 11", children: /* @__PURE__ */ t.jsx(
+      "path",
+      {
+        d: "M5.00034 11L0 6.18738L1.42838 4.81262L5.00185 8.24806L5.00034 8.24951L13.5716 0L15 1.37476L6.42872 9.62524L5.00135 10.999L5.00034 11Z",
+        fill: "#fff"
+      }
+    ) }) })
+  ] });
+};
+export {
+  b as Checkbox
+};

package/dist/matbea-ui.es19.js

@@ -0,0 +1,25 @@
+import { j as i } from "./matbea-ui.es28.js";
+import "react";
+import { InfoIcon as e } from "./matbea-ui.es32.js";
+import { WithdrawIcon as c } from "./matbea-ui.es50.js";
+import { ApplicationDataStyled as s, ApplicationDataContent as r, ApplicationDataLabel as l, ApplicationDataValue as m } from "./matbea-ui.es51.js";
+import { Tooltip as a } from "./matbea-ui.es13.js";
+const D = ({
+  label: t,
+  statusValue: o,
+  withdraw: p,
+  info: n
+}) => /* @__PURE__ */ i.jsxs(s, { children: [
+  /* @__PURE__ */ i.jsxs(r, { children: [
+    /* @__PURE__ */ i.jsx(l, { children: t }),
+    n && /* @__PURE__ */ i.jsx(a, { content: n, children: /* @__PURE__ */ i.jsx(e, { size: 18 }) })
+  ] }),
+  /* @__PURE__ */ i.jsxs(r, { children: [
+    ["number", "string"].includes(typeof o) && /* @__PURE__ */ i.jsx(m, { children: o }),
+    !["number", "string"].includes(typeof o) && o,
+    p && /* @__PURE__ */ i.jsx(c, { size: 18 })
+  ] })
+] });
+export {
+  D as ApplicationData
+};

package/dist/matbea-ui.es2.js

@@ -0,0 +1,38 @@
+import { j as e } from "./matbea-ui.es28.js";
+import { StyledButton as d, IconSlot as n } from "./matbea-ui.es29.js";
+const p = ({
+  variant: a = "primary",
+  size: f = "default",
+  form: h = "default",
+  fullWidth: u = !1,
+  icon: t,
+  iconPosition: s = "left",
+  children: r,
+  disabled: y,
+  ...$
+}) => {
+  const o = !!r, l = !!t && (!o || s === "only"), x = !!t && !l && s === "left", c = !!t && !l && s === "right";
+  return /* @__PURE__ */ e.jsxs(
+    d,
+    {
+      type: "button",
+      $variant: a,
+      $size: f,
+      $form: h,
+      $fullWidth: u,
+      $hasIcon: !!t && o,
+      $iconOnly: l,
+      disabled: y,
+      ...$,
+      children: [
+        x && /* @__PURE__ */ e.jsx(n, { $iconOnly: !1, children: t }),
+        (!l || !t) && r,
+        l && t && /* @__PURE__ */ e.jsx(n, { $iconOnly: !0, children: t }),
+        c && /* @__PURE__ */ e.jsx(n, { $iconOnly: !1, children: t })
+      ]
+    }
+  );
+};
+export {
+  p as Button
+};

package/dist/matbea-ui.es20.js

@@ -0,0 +1,13 @@
+import { j as i } from "./matbea-ui.es28.js";
+import { ApplicationInfoStyled as p, ApplicationInfoDataContainer as a, ApplicationDataActions as r } from "./matbea-ui.es52.js";
+const l = ({
+  children: t,
+  actions: o,
+  variant: n = "primary"
+}) => /* @__PURE__ */ i.jsxs(p, { $variant: n, children: [
+  /* @__PURE__ */ i.jsx(a, { children: t }),
+  o && /* @__PURE__ */ i.jsx(r, { children: o })
+] });
+export {
+  l as ApplicationInfo
+};

package/dist/matbea-ui.es21.js

@@ -0,0 +1,33 @@
+import { j as t } from "./matbea-ui.es28.js";
+import { useMemo as e } from "react";
+import { ClockIcon as c } from "./matbea-ui.es53.js";
+import { SuccessfullSmallIcon as a } from "./matbea-ui.es54.js";
+import { WarningIcon as l } from "./matbea-ui.es55.js";
+import { ApplicationStatusStyled as p, ApplicationStatusContent as i, ApplicationStatusLabel as u, ApplicationStatusValue as m } from "./matbea-ui.es56.js";
+const A = ({
+  label: n,
+  statusValue: r,
+  type: s
+}) => {
+  const o = e(() => {
+    switch (s) {
+      case "success":
+        return /* @__PURE__ */ t.jsx(a, { size: 18 });
+      case "warning":
+        return /* @__PURE__ */ t.jsx(l, { size: 18 });
+      case "pending":
+      default:
+        return /* @__PURE__ */ t.jsx(c, { size: 18 });
+    }
+  }, [s]);
+  return /* @__PURE__ */ t.jsxs(p, { children: [
+    /* @__PURE__ */ t.jsx(i, { children: /* @__PURE__ */ t.jsx(u, { children: n }) }),
+    /* @__PURE__ */ t.jsxs(i, { children: [
+      o,
+      /* @__PURE__ */ t.jsx(m, { $type: s, children: r })
+    ] })
+  ] });
+};
+export {
+  A as ApplicationStatus
+};