@overdoser/react-toolkit 0.0.1

package/index.js

@@ -0,0 +1,1129 @@
+import { forwardRef as $, createElement as he, useState as oe, useCallback as C, useMemo as X, useEffect as O, useRef as j, createContext as ae, useContext as Z, cloneElement as ke } from "react";
+import { jsxs as b, jsx as c } from "react/jsx-runtime";
+import { FormProvider as fe, useFormContext as ge, useController as be } from "react-hook-form";
+import { createPortal as ye } from "react-dom";
+function le(e) {
+  var r, t, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var n = e.length;
+    for (r = 0; r < n; r++) e[r] && (t = le(e[r])) && (o && (o += " "), o += t);
+  } else for (t in e) e[t] && (o && (o += " "), o += t);
+  return o;
+}
+function s() {
+  for (var e, r, t = 0, o = "", n = arguments.length; t < n; t++) (e = arguments[t]) && (r = le(e)) && (o && (o += " "), o += r);
+  return o;
+}
+const Ne = "crk-root-8RX49", ve = "crk-loading-QfItr", we = "crk-primary-st6yY", xe = "crk-secondary-j-3rj", $e = "crk-danger-Hxs5n", Se = "crk-ghost-kQ0A8", Ce = "crk-sm-RXFPY", Ie = "crk-md-nDnOD", Be = "crk-lg-qD-Qh", De = "crk-fullWidth-AHpSl", Ae = "crk-content-PpYVU", Le = "crk-shimmer-8iQSU", Re = "crk-loadingShimmer-BVvFw", Ee = "crk-shimmerSweep-uiZ01", Te = "crk-dots-U8wss", Fe = "crk-loadingDots-eKv64", Pe = "crk-dot-Owuk1", Me = "crk-dotBounce-FwdcC", We = "crk-loadingBorder-9ULFw", ze = "crk-borderSpin-EJ2gW", x = {
+  root: Ne,
+  loading: ve,
+  primary: we,
+  secondary: xe,
+  danger: $e,
+  ghost: Se,
+  sm: Ce,
+  md: Ie,
+  lg: Be,
+  fullWidth: De,
+  content: Ae,
+  shimmer: Le,
+  loadingShimmer: Re,
+  shimmerSweep: Ee,
+  dots: Te,
+  loadingDots: Fe,
+  dot: Pe,
+  dotBounce: Me,
+  loadingBorder: We,
+  borderSpin: ze
+}, qe = {
+  dots: x.loadingDots,
+  shimmer: x.loadingShimmer,
+  border: x.loadingBorder
+}, Oe = $(
+  ({
+    variant: e = "primary",
+    size: r = "md",
+    loading: t = !1,
+    loadingStyle: o = "dots",
+    fullWidth: n = !1,
+    disabled: i,
+    classes: l,
+    className: u,
+    style: d,
+    children: m,
+    ...a
+  }, p) => /* @__PURE__ */ b(
+    "button",
+    {
+      ref: p,
+      className: s(
+        x.root,
+        x[e],
+        x[r],
+        n && x.fullWidth,
+        t && x.loading,
+        t && qe[o],
+        l?.root,
+        u
+      ),
+      style: d,
+      disabled: i || t,
+      ...a,
+      children: [
+        /* @__PURE__ */ c("div", { className: s(x.shimmer, l?.shimmer) }),
+        /* @__PURE__ */ c("span", { className: s(x.content, l?.content), children: m }),
+        /* @__PURE__ */ b("span", { className: s(x.dots, l?.dots), "aria-hidden": "true", children: [
+          /* @__PURE__ */ c("span", { className: s(x.dot, l?.dot) }),
+          /* @__PURE__ */ c("span", { className: s(x.dot, l?.dot) }),
+          /* @__PURE__ */ c("span", { className: s(x.dot, l?.dot) })
+        ] })
+      ]
+    }
+  )
+);
+Oe.displayName = "Button";
+const je = "crk-root-2j4Vp", He = "crk-muted-vReNc", Ue = "crk-danger-ugf9r", ce = {
+  root: je,
+  default: "crk-default-3TBlr",
+  muted: He,
+  danger: Ue
+}, Ge = $(
+  ({
+    variant: e = "default",
+    external: r = !1,
+    className: t,
+    style: o,
+    children: n,
+    ...i
+  }, l) => /* @__PURE__ */ c(
+    "a",
+    {
+      ref: l,
+      className: s(ce.root, ce[e], t),
+      style: o,
+      ...r && {
+        target: "_blank",
+        rel: "noopener noreferrer"
+      },
+      ...i,
+      children: n
+    }
+  )
+);
+Ge.displayName = "Link";
+const Ke = "crk-root-U-oiq", Qe = "crk-h1-Aivwz", Ve = "crk-h2-CV8Oo", Ye = "crk-h3-lrbrK", Xe = "crk-h4--jkC1", Ze = "crk-h5-GnQvD", Je = "crk-h6-MKlIN", _e = "crk-p-FzRtm", er = "crk-span-NZvLx", rr = "crk-label-Cwi6a", tr = "crk-normal-7AeZz", or = "crk-medium-36OXr", nr = "crk-semibold-oQixc", cr = "crk-bold-bk4b4", sr = "crk-muted-itOSW", ar = "crk-primary-rp36t", lr = "crk-danger-SyOy-", ir = "crk-success-w8PpD", dr = "crk-align-left-3AGYw", ur = "crk-align-center-h-x--", mr = "crk-align-right-IXFhK", pr = "crk-truncate-eqr85", W = {
+  root: Ke,
+  h1: Qe,
+  h2: Ve,
+  h3: Ye,
+  h4: Xe,
+  h5: Ze,
+  h6: Je,
+  p: _e,
+  span: er,
+  label: rr,
+  normal: tr,
+  medium: or,
+  semibold: nr,
+  bold: cr,
+  default: "crk-default-79lKR",
+  muted: sr,
+  primary: ar,
+  danger: lr,
+  success: ir,
+  alignLeft: dr,
+  alignCenter: ur,
+  alignRight: mr,
+  truncate: pr
+}, hr = $(
+  ({
+    variant: e = "p",
+    weight: r,
+    color: t,
+    align: o,
+    truncate: n = !1,
+    className: i,
+    style: l,
+    children: u,
+    ...d
+  }, m) => he(
+    e,
+    {
+      ref: m,
+      className: s(
+        W.root,
+        W[e],
+        r && W[r],
+        t && W[t],
+        o && W[`align-${o}`],
+        n && W.truncate,
+        i
+      ),
+      style: l,
+      ...d
+    },
+    u
+  )
+);
+hr.displayName = "Typography";
+const kr = "crk-root-PVrgx", fr = "crk-unordered-FhCWT", gr = "crk-item-TfW82", br = "crk-ordered-8x4YC", yr = "crk-none-f03Kx", Nr = "crk-sm-Rg4Mv", vr = "crk-md-X4Icb", wr = "crk-lg-JjNKZ", V = {
+  root: kr,
+  unordered: fr,
+  item: gr,
+  ordered: br,
+  none: yr,
+  sm: Nr,
+  md: vr,
+  lg: wr
+}, xr = $(
+  ({
+    variant: e = "unordered",
+    spacing: r = "md",
+    className: t,
+    style: o,
+    children: n,
+    ...i
+  }, l) => /* @__PURE__ */ c(
+    e === "ordered" ? "ol" : "ul",
+    {
+      ref: l,
+      className: s(
+        V.root,
+        V[e],
+        V[r],
+        t
+      ),
+      style: o,
+      ...i,
+      children: n
+    }
+  )
+);
+xr.displayName = "List";
+const $r = $(
+  ({ className: e, style: r, children: t, ...o }, n) => /* @__PURE__ */ c(
+    "li",
+    {
+      ref: n,
+      className: s(V.item, e),
+      style: r,
+      ...o,
+      children: t
+    }
+  )
+);
+$r.displayName = "ListItem";
+const Sr = "crk-wrapper-zxjMt", Cr = "crk-root-Gf85-", Ir = "crk-headerCell-ePPZW", Br = "crk-headerCellSortable-NMybk", Dr = "crk-sortIndicator-WGD2S", Ar = "crk-sortArrow-1-ok4", Lr = "crk-sortArrowActive-yhWrO", Rr = "crk-sortIndex-HGoca", Er = "crk-row-H0wL1", Tr = "crk-cell-ZfnbG", Fr = "crk-emptyRow-AoPfj", Pr = "crk-emptyCell-99-7C", Mr = "crk-striped-6Qckq", Wr = "crk-hoverable-ljU9B", zr = "crk-compact-2-UWr", qr = "crk-paginator-UlYIY", Or = "crk-paginatorInfo-BVca4", jr = "crk-paginatorText-sqWS0", Hr = "crk-pageSizeSelect-yhqJQ", Ur = "crk-paginatorNav-MDSui", Gr = "crk-pageButton-1PX-g", Kr = "crk-pageButtonActive--D7Q7", Qr = "crk-pageEllipsis-en59J", g = {
+  wrapper: Sr,
+  root: Cr,
+  headerCell: Ir,
+  headerCellSortable: Br,
+  sortIndicator: Dr,
+  sortArrow: Ar,
+  sortArrowActive: Lr,
+  sortIndex: Rr,
+  row: Er,
+  cell: Tr,
+  emptyRow: Fr,
+  emptyCell: Pr,
+  striped: Mr,
+  hoverable: Wr,
+  compact: zr,
+  paginator: qr,
+  paginatorInfo: Or,
+  paginatorText: jr,
+  pageSizeSelect: Hr,
+  paginatorNav: Ur,
+  pageButton: Gr,
+  pageButtonActive: Kr,
+  pageEllipsis: Qr
+};
+function Vr(e, r) {
+  return e == null && r == null ? 0 : e == null ? -1 : r == null ? 1 : typeof e == "number" && typeof r == "number" ? e - r : String(e).localeCompare(String(r));
+}
+function Yr(e, r = []) {
+  const [t, o] = oe(r), n = C((d) => {
+    o((m) => {
+      const a = m.find((p) => p.key === d);
+      return a ? a.direction === "asc" ? [{ key: d, direction: "desc" }] : [] : [{ key: d, direction: "asc" }];
+    });
+  }, []), i = C((d) => {
+    o((m) => {
+      const a = m.findIndex((h) => h.key === d);
+      if (a === -1)
+        return [...m, { key: d, direction: "asc" }];
+      if (m[a].direction === "asc") {
+        const h = [...m];
+        return h[a] = { key: d, direction: "desc" }, h;
+      }
+      return m.filter((h, f) => f !== a);
+    });
+  }, []), l = C(() => {
+    o([]);
+  }, []);
+  return { sortedData: X(() => t.length === 0 ? e : [...e].sort((d, m) => {
+    for (const { key: a, direction: p } of t) {
+      const h = Vr(d[a], m[a]);
+      if (h !== 0)
+        return p === "asc" ? h : -h;
+    }
+    return 0;
+  }), [e, t]), sortConfig: t, requestSort: n, requestMultiSort: i, resetSort: l };
+}
+function Xr({ direction: e, sortIndex: r }) {
+  return /* @__PURE__ */ b("span", { className: g.sortIndicator, children: [
+    /* @__PURE__ */ c("span", { className: s(g.sortArrow, e === "asc" && g.sortArrowActive), children: "▲" }),
+    /* @__PURE__ */ c("span", { className: s(g.sortArrow, e === "desc" && g.sortArrowActive), children: "▼" }),
+    r !== void 0 && r >= 0 && /* @__PURE__ */ c("span", { className: g.sortIndex, children: r + 1 })
+  ] });
+}
+function Zr({
+  page: e,
+  pageSize: r,
+  totalRows: t,
+  pageSizeOptions: o = [10, 25, 50, 100],
+  onPageChange: n,
+  paginatorClasses: i
+}) {
+  const l = Math.max(1, Math.ceil(t / r)), u = (e - 1) * r + 1, d = Math.min(e * r, t), m = X(() => {
+    const a = [];
+    if (l <= 7)
+      for (let p = 1; p <= l; p++) a.push(p);
+    else {
+      a.push(1), e > 3 && a.push("ellipsis");
+      for (let p = Math.max(2, e - 1); p <= Math.min(l - 1, e + 1); p++)
+        a.push(p);
+      e < l - 2 && a.push("ellipsis"), a.push(l);
+    }
+    return a;
+  }, [e, l]);
+  return /* @__PURE__ */ b("div", { className: s(g.paginator, i?.paginator), children: [
+    /* @__PURE__ */ b("div", { className: g.paginatorInfo, children: [
+      /* @__PURE__ */ c("span", { className: g.paginatorText, children: t > 0 ? `${u}–${d} of ${t}` : "No results" }),
+      o.length > 1 && /* @__PURE__ */ c(
+        "select",
+        {
+          className: g.pageSizeSelect,
+          value: r,
+          onChange: (a) => n(1, Number(a.target.value)),
+          children: o.map((a) => /* @__PURE__ */ b("option", { value: a, children: [
+            a,
+            " / page"
+          ] }, a))
+        }
+      )
+    ] }),
+    /* @__PURE__ */ b("div", { className: g.paginatorNav, children: [
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: s(g.pageButton, i?.pageButton),
+          disabled: e <= 1,
+          onClick: () => n(e - 1, r),
+          "aria-label": "Previous page",
+          children: "‹"
+        }
+      ),
+      m.map(
+        (a, p) => a === "ellipsis" ? /* @__PURE__ */ c("span", { className: g.pageEllipsis, children: "…" }, `ellipsis-${p}`) : /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: s(g.pageButton, a === e && g.pageButtonActive, i?.pageButton),
+            onClick: () => n(a, r),
+            children: a
+          },
+          a
+        )
+      ),
+      /* @__PURE__ */ c(
+        "button",
+        {
+          type: "button",
+          className: s(g.pageButton, i?.pageButton),
+          disabled: e >= l,
+          onClick: () => n(e + 1, r),
+          "aria-label": "Next page",
+          children: "›"
+        }
+      )
+    ] })
+  ] });
+}
+function Jr({
+  data: e,
+  columns: r,
+  sortConfig: t,
+  onSort: o,
+  multiSort: n = !0,
+  striped: i = !1,
+  hoverable: l = !1,
+  compact: u = !1,
+  className: d,
+  style: m,
+  rowKey: a,
+  emptyMessage: p = "No data",
+  pagination: h,
+  classes: f
+}) {
+  const y = o !== void 0, {
+    sortedData: D,
+    sortConfig: P,
+    requestSort: A,
+    requestMultiSort: E
+  } = Yr(e, t), S = y ? t ?? [] : P, T = y ? e : D, q = X(() => {
+    if (!h || y) return T;
+    const k = (h.page - 1) * h.pageSize;
+    return T.slice(k, k + h.pageSize);
+  }, [T, h, y]), ee = h?.totalRows ?? T.length, re = C(
+    (k, I) => {
+      const L = n && (I.ctrlKey || I.metaKey);
+      if (y)
+        if (L) {
+          const w = S.findIndex((U) => U.key === k);
+          let M;
+          w === -1 ? M = [...S, { key: k, direction: "asc" }] : S[w].direction === "asc" ? M = S.map(
+            (U, te) => te === w ? { key: k, direction: "desc" } : U
+          ) : M = S.filter((U, te) => te !== w), o(M);
+        } else {
+          const w = S.find((M) => M.key === k);
+          w ? w.direction === "asc" ? o([{ key: k, direction: "desc" }]) : o([]) : o([{ key: k, direction: "asc" }]);
+        }
+      else
+        L ? E(k) : A(k);
+    },
+    [
+      y,
+      n,
+      S,
+      o,
+      A,
+      E
+    ]
+  ), v = (k) => S.find((L) => L.key === k)?.direction, H = (k) => {
+    if (S.length <= 1) return;
+    const I = S.findIndex((L) => L.key === k);
+    return I >= 0 ? I : void 0;
+  };
+  return /* @__PURE__ */ b("div", { className: s(g.wrapper, f?.wrapper), children: [
+    /* @__PURE__ */ b(
+      "table",
+      {
+        className: s(
+          g.root,
+          i && g.striped,
+          l && g.hoverable,
+          u && g.compact,
+          f?.root,
+          d
+        ),
+        style: m,
+        children: [
+          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: r.map((k) => /* @__PURE__ */ b(
+            "th",
+            {
+              className: s(
+                g.headerCell,
+                k.sortable && g.headerCellSortable,
+                f?.headerCell
+              ),
+              style: {
+                width: k.width,
+                textAlign: k.align
+              },
+              onClick: k.sortable ? (I) => re(k.key, I) : void 0,
+              children: [
+                k.header,
+                k.sortable && /* @__PURE__ */ c(
+                  Xr,
+                  {
+                    direction: v(k.key),
+                    sortIndex: H(k.key)
+                  }
+                )
+              ]
+            },
+            k.key
+          )) }) }),
+          /* @__PURE__ */ c("tbody", { children: q.length === 0 ? /* @__PURE__ */ c("tr", { className: g.emptyRow, children: /* @__PURE__ */ c("td", { className: s(g.emptyCell, f?.emptyCell), colSpan: r.length, children: p }) }) : q.map((k, I) => {
+            const L = a ? String(k[a]) : I;
+            return /* @__PURE__ */ c("tr", { className: s(g.row, f?.row), children: r.map((w) => /* @__PURE__ */ c(
+              "td",
+              {
+                className: s(g.cell, f?.cell),
+                style: { textAlign: w.align },
+                children: w.render ? w.render(k[w.key], k, I) : k[w.key]
+              },
+              w.key
+            )) }, L);
+          }) })
+        ]
+      }
+    ),
+    h && /* @__PURE__ */ c(
+      Zr,
+      {
+        ...h,
+        totalRows: ee,
+        paginatorClasses: { paginator: f?.paginator, pageButton: f?.pageButton }
+      }
+    )
+  ] });
+}
+const Mo = Jr, _r = "crk-root-an8Cf", et = "crk-fullWidth-S-uVk", rt = "crk-trigger-LwPaD", tt = "crk-triggerOpen-U4pa9", ot = "crk-triggerLabel-QLITs", nt = "crk-triggerError-3jlu1", ct = "crk-placeholder-fWdch", st = "crk-chevron-jmDNe", at = "crk-menu-fxnKL", lt = "crk-menuOpen-HF-Y1", it = "crk-alignLeft-buCDJ", dt = "crk-alignRight-05P9w", ut = "crk-item-f-Rhh", mt = "crk-itemDisabled-L-d6i", pt = "crk-itemSelected-Fwmuo", N = {
+  root: _r,
+  fullWidth: et,
+  trigger: rt,
+  triggerOpen: tt,
+  triggerLabel: ot,
+  triggerError: nt,
+  placeholder: ct,
+  chevron: st,
+  menu: at,
+  menuOpen: lt,
+  alignLeft: it,
+  alignRight: dt,
+  item: ut,
+  itemDisabled: mt,
+  itemSelected: pt
+};
+function ie(e, r) {
+  O(() => {
+    const t = (o) => {
+      !e.current || e.current.contains(o.target) || r();
+    };
+    return document.addEventListener("mousedown", t), () => {
+      document.removeEventListener("mousedown", t);
+    };
+  }, [e, r]);
+}
+function ne(e, r = !0) {
+  const t = C(
+    (o) => {
+      const n = e[o.key];
+      n && n(o);
+    },
+    [e]
+  );
+  O(() => {
+    if (r)
+      return document.addEventListener("keydown", t), () => {
+        document.removeEventListener("keydown", t);
+      };
+  }, [r, t]);
+}
+const ht = $(
+  ({
+    trigger: e,
+    children: r,
+    align: t = "left",
+    className: o,
+    style: n,
+    onOpen: i,
+    onClose: l,
+    options: u,
+    placeholder: d = "Select...",
+    value: m,
+    onChange: a,
+    error: p = !1,
+    fullWidth: h = !0,
+    classes: f
+  }, y) => {
+    const [D, P] = oe(!1), A = j(null), E = C(() => {
+      P(!1), l?.();
+    }, [l]), S = C(() => {
+      P((v) => {
+        const H = !v;
+        return H ? i?.() : l?.(), H;
+      });
+    }, [i, l]), T = C(
+      (v) => {
+        a?.(v), E();
+      },
+      [a, E]
+    );
+    ie(A, E), ne(
+      {
+        Escape: () => E()
+      },
+      D
+    );
+    const q = u?.find((v) => v.value === m)?.label, ee = u ? q || d : e, re = u && !q;
+    return /* @__PURE__ */ c(
+      "div",
+      {
+        ref: y,
+        className: s(N.root, h && N.fullWidth, f?.root, o),
+        style: n,
+        children: /* @__PURE__ */ b("div", { ref: A, style: h ? { width: "100%" } : void 0, children: [
+          /* @__PURE__ */ b(
+            "button",
+            {
+              type: "button",
+              className: s(
+                N.trigger,
+                D && N.triggerOpen,
+                p && N.triggerError,
+                h && N.fullWidth,
+                f?.trigger
+              ),
+              onClick: S,
+              "aria-expanded": D,
+              "aria-haspopup": "true",
+              children: [
+                /* @__PURE__ */ c("span", { className: s(N.triggerLabel, re && N.placeholder, f?.triggerLabel), children: ee }),
+                /* @__PURE__ */ c("span", { className: s(N.chevron, f?.chevron), "aria-hidden": "true" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: s(
+                N.menu,
+                D && N.menuOpen,
+                t === "left" ? N.alignLeft : N.alignRight,
+                h && N.fullWidth,
+                f?.menu
+              ),
+              role: "menu",
+              children: u ? u.map((v) => /* @__PURE__ */ c(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: s(
+                    N.item,
+                    v.disabled && N.itemDisabled,
+                    v.value === m && N.itemSelected,
+                    f?.item
+                  ),
+                  disabled: v.disabled,
+                  onClick: () => T(v.value),
+                  children: v.label
+                },
+                v.value
+              )) : r
+            }
+          )
+        ] })
+      }
+    );
+  }
+);
+ht.displayName = "Dropdown";
+const kt = $(
+  ({
+    disabled: e = !1,
+    className: r,
+    children: t,
+    ...o
+  }, n) => /* @__PURE__ */ c(
+    "button",
+    {
+      ref: n,
+      type: "button",
+      role: "menuitem",
+      className: s(
+        N.item,
+        e && N.itemDisabled,
+        r
+      ),
+      disabled: e,
+      ...o,
+      children: t
+    }
+  )
+);
+kt.displayName = "DropdownItem";
+const ft = "crk-root-8H-L9", gt = "crk-trigger-Zn1nQ", bt = "crk-popover-rvS3X", yt = "crk-popoverFade-hj41M", Nt = "crk-bottom-lawQw", vt = "crk-top-rqvC6", wt = "crk-left-J6exv", xt = "crk-right-3y20l", G = {
+  root: ft,
+  trigger: gt,
+  popover: bt,
+  popoverFade: yt,
+  bottom: Nt,
+  top: vt,
+  left: wt,
+  right: xt
+}, $t = $(
+  ({
+    trigger: e,
+    content: r,
+    position: t = "bottom",
+    open: o,
+    onOpenChange: n,
+    classes: i,
+    className: l,
+    style: u
+  }, d) => {
+    const [m, a] = oe(!1), p = j(null), h = o !== void 0, f = h ? o : m, y = C(
+      (A) => {
+        h || a(A), n?.(A);
+      },
+      [h, n]
+    ), D = C(() => y(!1), [y]), P = C(() => {
+      y(!f);
+    }, [f, y]);
+    return ie(p, D), ne(
+      {
+        Escape: () => D()
+      },
+      f
+    ), /* @__PURE__ */ c(
+      "div",
+      {
+        ref: d,
+        className: s(G.root, i?.root, l),
+        style: u,
+        children: /* @__PURE__ */ b("div", { ref: p, children: [
+          /* @__PURE__ */ c(
+            "button",
+            {
+              type: "button",
+              className: s(G.trigger, i?.trigger),
+              onClick: P,
+              "aria-expanded": f,
+              children: e
+            }
+          ),
+          f && /* @__PURE__ */ c("div", { className: s(G.popover, G[t], i?.popover), children: r })
+        ] })
+      }
+    );
+  }
+);
+$t.displayName = "Popover";
+const se = [
+  'input:not([disabled]):not([type="hidden"])',
+  "button:not([disabled])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "a[href]",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function St(e, r) {
+  const t = j(null), o = C(
+    (n) => {
+      if (n.key !== "Tab" || !e.current)
+        return;
+      const i = Array.from(
+        e.current.querySelectorAll(se)
+      );
+      if (i.length === 0) {
+        n.preventDefault();
+        return;
+      }
+      const l = i[0], u = i[i.length - 1];
+      n.shiftKey ? document.activeElement === l && (n.preventDefault(), u.focus()) : document.activeElement === u && (n.preventDefault(), l.focus());
+    },
+    [e]
+  );
+  O(() => {
+    if (!r || !e.current)
+      return;
+    t.current = document.activeElement;
+    const n = e.current.querySelectorAll(se);
+    return n.length > 0 && n[0].focus(), document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o), t.current instanceof HTMLElement && t.current.focus();
+    };
+  }, [r, e, o]);
+}
+const Ct = "crk-backdrop-jYpTA", It = "crk-backdropIn-x5Z-A", Bt = "crk-modal-yNG-7", Dt = "crk-modalIn-xFUwm", At = "crk-sm--xyY9", Lt = "crk-md-ETTfh", Rt = "crk-lg-5DBb7", Et = "crk-fullscreen-b4jQ-", Tt = "crk-header-NS30G", Ft = "crk-headerWithClose-4davm", Pt = "crk-closeButton-JX-aq", Mt = "crk-body-3zIj9", Wt = "crk-footer-Oyz-R", R = {
+  backdrop: Ct,
+  backdropIn: It,
+  modal: Bt,
+  modalIn: Dt,
+  sm: At,
+  md: Lt,
+  lg: Rt,
+  fullscreen: Et,
+  header: Tt,
+  headerWithClose: Ft,
+  closeButton: Pt,
+  body: Mt,
+  footer: Wt
+}, J = ae({}), de = ({ children: e, className: r, style: t, onClose: o }) => {
+  const n = Z(J);
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: s(R.header, o && R.headerWithClose, n.header, r),
+      style: t,
+      children: [
+        e,
+        o && /* @__PURE__ */ c(
+          "button",
+          {
+            type: "button",
+            className: s(R.closeButton, n.closeButton),
+            onClick: o,
+            "aria-label": "Close",
+            children: "×"
+          }
+        )
+      ]
+    }
+  );
+};
+de.displayName = "Modal.Header";
+const ue = ({ children: e, className: r, style: t }) => {
+  const o = Z(J);
+  return /* @__PURE__ */ c("div", { className: s(R.body, o.body, r), style: t, children: e });
+};
+ue.displayName = "Modal.Body";
+const me = ({ children: e, className: r, style: t }) => {
+  const o = Z(J);
+  return /* @__PURE__ */ c("div", { className: s(R.footer, o.footer, r), style: t, children: e });
+};
+me.displayName = "Modal.Footer";
+const _ = $(
+  ({
+    open: e,
+    onClose: r,
+    closeOnBackdrop: t = !0,
+    closeOnEscape: o = !0,
+    size: n = "md",
+    classes: i,
+    className: l,
+    style: u,
+    children: d
+  }, m) => {
+    const a = j(null), p = m ?? a;
+    St(p, e);
+    const h = X(
+      () => ({
+        Escape: () => {
+          o && r();
+        }
+      }),
+      [o, r]
+    );
+    ne(h, e), O(() => {
+      if (!e) return;
+      const y = document.body.style.overflow;
+      return document.body.style.overflow = "hidden", () => {
+        document.body.style.overflow = y;
+      };
+    }, [e]);
+    const f = (y) => {
+      t && y.target === y.currentTarget && r();
+    };
+    return e ? ye(
+      /* @__PURE__ */ c(
+        "div",
+        {
+          className: s(R.backdrop, i?.backdrop),
+          onClick: f,
+          role: "presentation",
+          children: /* @__PURE__ */ c(
+            "div",
+            {
+              ref: p,
+              className: s(R.modal, R[n], i?.modal, l),
+              style: u,
+              role: "dialog",
+              "aria-modal": "true",
+              children: /* @__PURE__ */ c(J.Provider, { value: i ?? {}, children: d })
+            }
+          )
+        }
+      ),
+      document.body
+    ) : null;
+  }
+);
+_.displayName = "Modal";
+_.Header = de;
+_.Body = ue;
+_.Footer = me;
+const zt = "crk-root-jHIIP", qt = "crk-field-OUlYz", Ot = "crk-label-udkR7", jt = "crk-required-IYiA2", Ht = "crk-error-yFZXm", Ut = "crk-helperText-Dm-rb", z = {
+  root: zt,
+  field: qt,
+  label: Ot,
+  required: jt,
+  error: Ht,
+  helperText: Ut
+};
+function Wo({
+  form: e,
+  onSubmit: r,
+  className: t,
+  style: o,
+  children: n
+}) {
+  return /* @__PURE__ */ c(fe, { ...e, children: /* @__PURE__ */ c(
+    "form",
+    {
+      onSubmit: e.handleSubmit(r),
+      className: s(z.root, t),
+      style: o,
+      children: n
+    }
+  ) });
+}
+function zo({
+  name: e,
+  label: r,
+  helperText: t,
+  required: o,
+  rules: n,
+  classes: i,
+  className: l,
+  style: u,
+  children: d
+}) {
+  const { control: m } = ge(), { field: a, fieldState: p } = be({ name: e, control: m, rules: n });
+  return /* @__PURE__ */ b("div", { className: s(z.field, i?.field, l), style: u, children: [
+    r && /* @__PURE__ */ b("label", { className: s(z.label, i?.label), htmlFor: e, children: [
+      r,
+      o && /* @__PURE__ */ c("span", { className: z.required, children: "*" })
+    ] }),
+    ke(d, { ...a, id: e, error: !!p.error }),
+    p.error?.message ? /* @__PURE__ */ c("span", { className: s(z.error, i?.error), children: p.error.message }) : t ? /* @__PURE__ */ c("span", { className: s(z.helperText, i?.helperText), children: t }) : null
+  ] });
+}
+const Gt = "crk-root-rSgdy", Kt = "crk-wrapper-GHy8V", Qt = "crk-sm-DptM5", Vt = "crk-md-F4B0G", Yt = "crk-lg-pBxwX", Xt = "crk-error-fucxe", Zt = "crk-prefix-w53Md", Jt = "crk-suffix-fcNgR", _t = "crk-hasPrefix--bqPD", eo = "crk-hasSuffix-zO0nX", B = {
+  root: Gt,
+  wrapper: Kt,
+  sm: Qt,
+  md: Vt,
+  lg: Yt,
+  error: Xt,
+  prefix: Zt,
+  suffix: Jt,
+  hasPrefix: _t,
+  hasSuffix: eo
+}, ro = $(
+  ({
+    inputSize: e = "md",
+    error: r = !1,
+    prefix: t,
+    suffix: o,
+    classes: n,
+    className: i,
+    style: l,
+    ...u
+  }, d) => {
+    const m = /* @__PURE__ */ c(
+      "input",
+      {
+        ref: d,
+        className: s(
+          B.root,
+          B[e],
+          r && B.error,
+          t && B.hasPrefix,
+          o && B.hasSuffix,
+          n?.root,
+          !t && !o && i
+        ),
+        style: !t && !o ? l : void 0,
+        ...u
+      }
+    );
+    return t || o ? /* @__PURE__ */ b(
+      "div",
+      {
+        className: s(B.wrapper, B[e], r && B.error, n?.wrapper, i),
+        style: l,
+        children: [
+          t && /* @__PURE__ */ c("span", { className: s(B.prefix, n?.prefix), children: t }),
+          m,
+          o && /* @__PURE__ */ c("span", { className: s(B.suffix, n?.suffix), children: o })
+        ]
+      }
+    ) : m;
+  }
+);
+ro.displayName = "Input";
+const to = "crk-wrapper-SP2JE", oo = "crk-root-Uu9Ah", no = "crk-sm-DqshL", co = "crk-md-j4AKI", so = "crk-lg-24Xd3", ao = "crk-error-9oRU6", lo = "crk-arrow-WU8ZW", F = {
+  wrapper: to,
+  root: oo,
+  sm: no,
+  md: co,
+  lg: so,
+  error: ao,
+  arrow: lo
+}, io = $(
+  ({
+    inputSize: e = "md",
+    error: r = !1,
+    options: t,
+    placeholder: o,
+    classes: n,
+    className: i,
+    style: l,
+    children: u,
+    ...d
+  }, m) => /* @__PURE__ */ b("div", { className: s(F.wrapper, F[e], r && F.error, n?.wrapper, i), style: l, children: [
+    /* @__PURE__ */ b(
+      "select",
+      {
+        ref: m,
+        className: s(F.root, F[e], r && F.error, n?.root),
+        ...d,
+        children: [
+          o && /* @__PURE__ */ c("option", { value: "", disabled: !0, children: o }),
+          t ? t.map((a) => /* @__PURE__ */ c("option", { value: a.value, disabled: a.disabled, children: a.label }, a.value)) : u
+        ]
+      }
+    ),
+    /* @__PURE__ */ c("span", { className: s(F.arrow, n?.arrow) })
+  ] })
+);
+io.displayName = "Select";
+const uo = "crk-root-61cKD", mo = "crk-input-bAjPU", po = "crk-label-W9IeS", ho = "crk-indeterminate-mLarv", K = {
+  root: uo,
+  input: mo,
+  label: po,
+  indeterminate: ho
+}, ko = $(
+  ({
+    label: e,
+    indeterminate: r = !1,
+    classes: t,
+    className: o,
+    style: n,
+    ...i
+  }, l) => {
+    const u = j(null);
+    return O(() => {
+      u.current && (u.current.indeterminate = r);
+    }, [r]), /* @__PURE__ */ b(
+      "label",
+      {
+        className: s(K.root, r && K.indeterminate, t?.root, o),
+        style: n,
+        children: [
+          /* @__PURE__ */ c(
+            "input",
+            {
+              ref: (d) => {
+                u.current = d, typeof l == "function" ? l(d) : l && (l.current = d);
+              },
+              type: "checkbox",
+              className: s(K.input, t?.input),
+              ...i
+            }
+          ),
+          e && /* @__PURE__ */ c("span", { className: s(K.label, t?.label), children: e })
+        ]
+      }
+    );
+  }
+);
+ko.displayName = "Checkbox";
+const fo = "crk-group-NNwCD", go = "crk-root-7fGik", bo = "crk-input-43PQW", yo = "crk-label-aW30x", Y = {
+  group: fo,
+  root: go,
+  input: bo,
+  label: yo
+}, pe = ae(null), No = ({
+  name: e,
+  value: r,
+  onChange: t,
+  className: o,
+  style: n,
+  children: i
+}) => /* @__PURE__ */ c(pe.Provider, { value: { name: e, value: r, onChange: t }, children: /* @__PURE__ */ c("div", { className: s(Y.group, o), style: n, role: "radiogroup", children: i }) });
+No.displayName = "RadioGroup";
+const vo = $(
+  ({
+    label: e,
+    value: r,
+    classes: t,
+    className: o,
+    style: n,
+    onChange: i,
+    checked: l,
+    name: u,
+    ...d
+  }, m) => {
+    const a = Z(pe), p = a?.name ?? u, h = a ? a.value === r : l, f = (y) => {
+      a?.onChange?.(r), i?.(y);
+    };
+    return /* @__PURE__ */ b("label", { className: s(Y.root, t?.root, o), style: n, children: [
+      /* @__PURE__ */ c(
+        "input",
+        {
+          ref: m,
+          type: "radio",
+          className: s(Y.input, t?.input),
+          name: p,
+          value: r,
+          checked: h,
+          onChange: f,
+          ...d
+        }
+      ),
+      e && /* @__PURE__ */ c("span", { className: s(Y.label, t?.label), children: e })
+    ] });
+  }
+);
+vo.displayName = "Radio";
+const wo = "crk-root-IGgdn", xo = "crk-sm-N-5I2", $o = "crk-md-bbyFl", So = "crk-lg-Pd-Iq", Co = "crk-error-fyu3i", Io = "crk-resizeNone-SmNT4", Bo = "crk-resizeVertical-oi8vP", Do = "crk-resizeHorizontal-riMLL", Ao = "crk-resizeBoth-NYSh4", Q = {
+  root: wo,
+  sm: xo,
+  md: $o,
+  lg: So,
+  error: Co,
+  resizeNone: Io,
+  resizeVertical: Bo,
+  resizeHorizontal: Do,
+  resizeBoth: Ao
+}, Lo = {
+  none: "resizeNone",
+  vertical: "resizeVertical",
+  horizontal: "resizeHorizontal",
+  both: "resizeBoth"
+}, Ro = $(
+  ({
+    inputSize: e = "md",
+    error: r = !1,
+    resize: t = "vertical",
+    className: o,
+    style: n,
+    ...i
+  }, l) => /* @__PURE__ */ c(
+    "textarea",
+    {
+      ref: l,
+      className: s(
+        Q.root,
+        Q[e],
+        r && Q.error,
+        Q[Lo[t]],
+        o
+      ),
+      style: n,
+      ...i
+    }
+  )
+);
+Ro.displayName = "Textarea";
+export {
+  Oe as Button,
+  ko as Checkbox,
+  ht as Dropdown,
+  kt as DropdownItem,
+  Wo as Form,
+  zo as FormField,
+  ro as Input,
+  Ge as Link,
+  xr as List,
+  $r as ListItem,
+  _ as Modal,
+  $t as Popover,
+  vo as Radio,
+  No as RadioGroup,
+  io as Select,
+  Mo as Table,
+  Ro as Textarea,
+  hr as Typography,
+  ie as useClickOutside,
+  St as useFocusTrap,
+  ne as useKeyboard,
+  Yr as useTableSort
+};