@overdoser/react-toolkit 0.0.1 → 0.0.2

package/index.js

@@ -1,350 +1,358 @@
-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;
+import { forwardRef as W, createElement as Ie, useState as X, useCallback as L, useMemo as ee, useEffect as F, useRef as O, useId as ne, createContext as fe, useContext as ae, cloneElement as $e } from "react";
+import { jsxs as I, jsx as c } from "react/jsx-runtime";
+import { FormProvider as Ce, useFormContext as Re, useController as De } from "react-hook-form";
+import { createPortal as Ee } from "react-dom";
+function ge(e) {
+  var r, t, n = "";
+  if (typeof e == "string" || typeof e == "number") n += 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;
+    var o = e.length;
+    for (r = 0; r < o; r++) e[r] && (t = ge(e[r])) && (n && (n += " "), n += t);
+  } else for (t in e) e[t] && (n && (n += " "), n += t);
+  return n;
 }
-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;
+function l() {
+  for (var e, r, t = 0, n = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = ge(e)) && (n && (n += " "), n += r);
+  return n;
 }
-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 = $(
+const Le = "crk-root-8RX49", Be = "crk-loading-QfItr", Te = "crk-primary-st6yY", Ae = "crk-secondary-j-3rj", Oe = "crk-danger-Hxs5n", Pe = "crk-ghost-kQ0A8", Me = "crk-sm-RXFPY", We = "crk-md-nDnOD", He = "crk-lg-qD-Qh", qe = "crk-fullWidth-AHpSl", Fe = "crk-content-PpYVU", je = "crk-shimmer-8iQSU", ze = "crk-loadingShimmer-BVvFw", Ke = "crk-shimmerSweep-uiZ01", Ue = "crk-dots-U8wss", Ge = "crk-loadingDots-eKv64", Ve = "crk-dot-Owuk1", Qe = "crk-dotBounce-FwdcC", Xe = "crk-loadingBorder-9ULFw", Ye = "crk-borderSpin-EJ2gW", H = {
+  root: Le,
+  loading: Be,
+  primary: Te,
+  secondary: Ae,
+  danger: Oe,
+  ghost: Pe,
+  sm: Me,
+  md: We,
+  lg: He,
+  fullWidth: qe,
+  content: Fe,
+  shimmer: je,
+  loadingShimmer: ze,
+  shimmerSweep: Ke,
+  dots: Ue,
+  loadingDots: Ge,
+  dot: Ve,
+  dotBounce: Qe,
+  loadingBorder: Xe,
+  borderSpin: Ye
+}, Je = {
+  dots: H.loadingDots,
+  shimmer: H.loadingShimmer,
+  border: H.loadingBorder
+}, Ze = W(
   ({
     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(
+    loadingStyle: n = "dots",
+    fullWidth: o = !1,
+    disabled: m,
+    classes: a,
+    className: h,
+    style: i,
+    children: y,
+    ...u
+  }, g) => /* @__PURE__ */ I(
     "button",
     {
-      ref: p,
-      className: s(
-        x.root,
-        x[e],
-        x[r],
-        n && x.fullWidth,
-        t && x.loading,
-        t && qe[o],
-        l?.root,
-        u
+      ref: g,
+      className: l(
+        H.root,
+        H[e],
+        H[r],
+        o && H.fullWidth,
+        t && H.loading,
+        t && Je[n],
+        a?.root,
+        h
       ),
-      style: d,
-      disabled: i || t,
-      ...a,
+      style: i,
+      disabled: m || t,
+      "aria-busy": t || void 0,
+      ...u,
       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) })
+        /* @__PURE__ */ c("div", { className: l(H.shimmer, a?.shimmer) }),
+        /* @__PURE__ */ c("span", { className: l(H.content, a?.content), children: y }),
+        /* @__PURE__ */ I("span", { className: l(H.dots, a?.dots), "aria-hidden": "true", children: [
+          /* @__PURE__ */ c("span", { className: l(H.dot, a?.dot) }),
+          /* @__PURE__ */ c("span", { className: l(H.dot, a?.dot) }),
+          /* @__PURE__ */ c("span", { className: l(H.dot, a?.dot) })
         ] })
       ]
     }
   )
 );
-Oe.displayName = "Button";
-const je = "crk-root-2j4Vp", He = "crk-muted-vReNc", Ue = "crk-danger-ugf9r", ce = {
-  root: je,
+Ze.displayName = "Button";
+const _e = "crk-root-2j4Vp", er = "crk-muted-vReNc", rr = "crk-danger-ugf9r", tr = "crk-srOnly-LGQgs", me = {
+  root: _e,
   default: "crk-default-3TBlr",
-  muted: He,
-  danger: Ue
-}, Ge = $(
+  muted: er,
+  danger: rr,
+  srOnly: tr
+}, nr = W(
   ({
     variant: e = "default",
     external: r = !1,
     className: t,
-    style: o,
-    children: n,
-    ...i
-  }, l) => /* @__PURE__ */ c(
+    style: n,
+    children: o,
+    ...m
+  }, a) => /* @__PURE__ */ I(
     "a",
     {
-      ref: l,
-      className: s(ce.root, ce[e], t),
-      style: o,
+      ref: a,
+      className: l(me.root, me[e], t),
+      style: n,
       ...r && {
         target: "_blank",
         rel: "noopener noreferrer"
       },
-      ...i,
-      children: n
+      ...m,
+      children: [
+        o,
+        r && /* @__PURE__ */ c("span", { className: me.srOnly, children: " (opens in a new tab)" })
+      ]
     }
   )
 );
-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,
+nr.displayName = "Link";
+const or = "crk-root-U-oiq", cr = "crk-h1-Aivwz", lr = "crk-h2-CV8Oo", sr = "crk-h3-lrbrK", ar = "crk-h4--jkC1", ir = "crk-h5-GnQvD", dr = "crk-h6-MKlIN", ur = "crk-p-FzRtm", mr = "crk-span-NZvLx", hr = "crk-label-Cwi6a", pr = "crk-normal-7AeZz", fr = "crk-medium-36OXr", gr = "crk-semibold-oQixc", br = "crk-bold-bk4b4", kr = "crk-muted-itOSW", vr = "crk-primary-rp36t", yr = "crk-danger-SyOy-", Nr = "crk-success-w8PpD", wr = "crk-align-left-3AGYw", xr = "crk-align-center-h-x--", Sr = "crk-align-right-IXFhK", Ir = "crk-truncate-eqr85", _ = {
+  root: or,
+  h1: cr,
+  h2: lr,
+  h3: sr,
+  h4: ar,
+  h5: ir,
+  h6: dr,
+  p: ur,
+  span: mr,
+  label: hr,
+  normal: pr,
+  medium: fr,
+  semibold: gr,
+  bold: br,
   default: "crk-default-79lKR",
-  muted: sr,
-  primary: ar,
-  danger: lr,
-  success: ir,
-  alignLeft: dr,
-  alignCenter: ur,
-  alignRight: mr,
-  truncate: pr
-}, hr = $(
+  muted: kr,
+  primary: vr,
+  danger: yr,
+  success: Nr,
+  alignLeft: wr,
+  alignCenter: xr,
+  alignRight: Sr,
+  truncate: Ir
+}, $r = W(
   ({
     variant: e = "p",
     weight: r,
     color: t,
-    align: o,
-    truncate: n = !1,
-    className: i,
-    style: l,
-    children: u,
-    ...d
-  }, m) => he(
+    align: n,
+    truncate: o = !1,
+    className: m,
+    style: a,
+    children: h,
+    ...i
+  }, y) => Ie(
     e,
     {
-      ref: m,
-      className: s(
-        W.root,
-        W[e],
-        r && W[r],
-        t && W[t],
-        o && W[`align-${o}`],
-        n && W.truncate,
-        i
+      ref: y,
+      className: l(
+        _.root,
+        _[e],
+        r && _[r],
+        t && _[t],
+        n && _[`align-${n}`],
+        o && _.truncate,
+        m
       ),
-      style: l,
-      ...d
+      style: a,
+      ...i
     },
-    u
+    h
   )
 );
-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 = $(
+$r.displayName = "Typography";
+const Cr = "crk-root-PVrgx", Rr = "crk-unordered-FhCWT", Dr = "crk-item-TfW82", Er = "crk-ordered-8x4YC", Lr = "crk-none-f03Kx", Br = "crk-sm-Rg4Mv", Tr = "crk-md-X4Icb", Ar = "crk-lg-JjNKZ", le = {
+  root: Cr,
+  unordered: Rr,
+  item: Dr,
+  ordered: Er,
+  none: Lr,
+  sm: Br,
+  md: Tr,
+  lg: Ar
+}, Or = W(
   ({
     variant: e = "unordered",
     spacing: r = "md",
     className: t,
-    style: o,
-    children: n,
-    ...i
-  }, l) => /* @__PURE__ */ c(
+    style: n,
+    children: o,
+    ...m
+  }, a) => /* @__PURE__ */ c(
     e === "ordered" ? "ol" : "ul",
     {
-      ref: l,
-      className: s(
-        V.root,
-        V[e],
-        V[r],
+      ref: a,
+      className: l(
+        le.root,
+        le[e],
+        le[r],
         t
       ),
-      style: o,
-      ...i,
-      children: n
+      style: n,
+      ...m,
+      children: o
     }
   )
 );
-xr.displayName = "List";
-const $r = $(
-  ({ className: e, style: r, children: t, ...o }, n) => /* @__PURE__ */ c(
+Or.displayName = "List";
+const Pr = W(
+  ({ className: e, style: r, children: t, ...n }, o) => /* @__PURE__ */ c(
     "li",
     {
-      ref: n,
-      className: s(V.item, e),
+      ref: o,
+      className: l(le.item, e),
       style: r,
-      ...o,
+      ...n,
       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
+Pr.displayName = "ListItem";
+const Mr = "crk-wrapper-zxjMt", Wr = "crk-root-Gf85-", Hr = "crk-headerCell-ePPZW", qr = "crk-headerCellSortable-NMybk", Fr = "crk-sortIndicator-WGD2S", jr = "crk-sortArrow-1-ok4", zr = "crk-sortArrowActive-yhWrO", Kr = "crk-sortIndex-HGoca", Ur = "crk-row-H0wL1", Gr = "crk-cell-ZfnbG", Vr = "crk-emptyRow-AoPfj", Qr = "crk-emptyCell-99-7C", Xr = "crk-striped-6Qckq", Yr = "crk-hoverable-ljU9B", Jr = "crk-compact-2-UWr", Zr = "crk-paginator-UlYIY", _r = "crk-paginatorInfo-BVca4", et = "crk-paginatorText-sqWS0", rt = "crk-pageSizeSelect-yhqJQ", tt = "crk-paginatorNav-MDSui", nt = "crk-pageButton-1PX-g", ot = "crk-pageButtonActive--D7Q7", ct = "crk-pageEllipsis-en59J", C = {
+  wrapper: Mr,
+  root: Wr,
+  headerCell: Hr,
+  headerCellSortable: qr,
+  sortIndicator: Fr,
+  sortArrow: jr,
+  sortArrowActive: zr,
+  sortIndex: Kr,
+  row: Ur,
+  cell: Gr,
+  emptyRow: Vr,
+  emptyCell: Qr,
+  striped: Xr,
+  hoverable: Yr,
+  compact: Jr,
+  paginator: Zr,
+  paginatorInfo: _r,
+  paginatorText: et,
+  pageSizeSelect: rt,
+  paginatorNav: tt,
+  pageButton: nt,
+  pageButtonActive: ot,
+  pageEllipsis: ct
 };
-function Vr(e, r) {
+function lt(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" }];
+function st(e, r = []) {
+  const [t, n] = X(r), o = L((i) => {
+    n((y) => {
+      const u = y.find((g) => g.key === i);
+      return u ? u.direction === "asc" ? [{ key: i, direction: "desc" }] : [] : [{ key: i, 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;
+  }, []), m = L((i) => {
+    n((y) => {
+      const u = y.findIndex((v) => v.key === i);
+      if (u === -1)
+        return [...y, { key: i, direction: "asc" }];
+      if (y[u].direction === "asc") {
+        const v = [...y];
+        return v[u] = { key: i, direction: "desc" }, v;
       }
-      return m.filter((h, f) => f !== a);
+      return y.filter((v, b) => b !== u);
     });
-  }, []), l = C(() => {
-    o([]);
+  }, []), a = L(() => {
+    n([]);
   }, []);
-  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 { sortedData: ee(() => t.length === 0 ? e : [...e].sort((i, y) => {
+    for (const { key: u, direction: g } of t) {
+      const v = lt(i[u], y[u]);
+      if (v !== 0)
+        return g === "asc" ? v : -v;
     }
     return 0;
-  }), [e, t]), sortConfig: t, requestSort: n, requestMultiSort: i, resetSort: l };
+  }), [e, t]), sortConfig: t, requestSort: o, requestMultiSort: m, resetSort: a };
 }
-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 at({ direction: e, sortIndex: r }) {
+  return /* @__PURE__ */ I("span", { className: C.sortIndicator, "aria-hidden": "true", children: [
+    /* @__PURE__ */ c("span", { className: l(C.sortArrow, e === "asc" && C.sortArrowActive), children: "▲" }),
+    /* @__PURE__ */ c("span", { className: l(C.sortArrow, e === "desc" && C.sortArrowActive), children: "▼" }),
+    r !== void 0 && r >= 0 && /* @__PURE__ */ c("span", { className: C.sortIndex, children: r + 1 })
   ] });
 }
-function Zr({
+function it({
   page: e,
   pageSize: r,
   totalRows: t,
-  pageSizeOptions: o = [10, 25, 50, 100],
-  onPageChange: n,
-  paginatorClasses: i
+  pageSizeOptions: n = [10, 25, 50, 100],
+  onPageChange: o,
+  paginatorClasses: m
 }) {
-  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);
+  const a = Math.max(1, Math.ceil(t / r)), h = (e - 1) * r + 1, i = Math.min(e * r, t), y = ee(() => {
+    const u = [];
+    if (a <= 7)
+      for (let g = 1; g <= a; g++) u.push(g);
     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);
+      u.push(1), e > 3 && u.push("ellipsis");
+      for (let g = Math.max(2, e - 1); g <= Math.min(a - 1, e + 1); g++)
+        u.push(g);
+      e < a - 2 && u.push("ellipsis"), u.push(a);
     }
-    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(
+    return u;
+  }, [e, a]);
+  return /* @__PURE__ */ I("nav", { className: l(C.paginator, m?.paginator), "aria-label": "Table pagination", children: [
+    /* @__PURE__ */ I("div", { className: C.paginatorInfo, children: [
+      /* @__PURE__ */ c("span", { className: C.paginatorText, children: t > 0 ? `${h}–${i} of ${t}` : "No results" }),
+      n.length > 1 && /* @__PURE__ */ c(
         "select",
         {
-          className: g.pageSizeSelect,
+          className: C.pageSizeSelect,
           value: r,
-          onChange: (a) => n(1, Number(a.target.value)),
-          children: o.map((a) => /* @__PURE__ */ b("option", { value: a, children: [
-            a,
+          onChange: (u) => o(1, Number(u.target.value)),
+          "aria-label": "Rows per page",
+          children: n.map((u) => /* @__PURE__ */ I("option", { value: u, children: [
+            u,
             " / page"
-          ] }, a))
+          ] }, u))
         }
       )
     ] }),
-    /* @__PURE__ */ b("div", { className: g.paginatorNav, children: [
+    /* @__PURE__ */ I("div", { className: C.paginatorNav, children: [
       /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          className: s(g.pageButton, i?.pageButton),
+          className: l(C.pageButton, m?.pageButton),
           disabled: e <= 1,
-          onClick: () => n(e - 1, r),
+          onClick: () => o(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(
+      y.map(
+        (u, g) => u === "ellipsis" ? /* @__PURE__ */ c("span", { className: C.pageEllipsis, children: "…" }, `ellipsis-${g}`) : /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            className: s(g.pageButton, a === e && g.pageButtonActive, i?.pageButton),
-            onClick: () => n(a, r),
-            children: a
+            className: l(C.pageButton, u === e && C.pageButtonActive, m?.pageButton),
+            onClick: () => o(u, r),
+            "aria-label": `Page ${u}`,
+            "aria-current": u === e ? "page" : void 0,
+            children: u
           },
-          a
+          u
         )
       ),
       /* @__PURE__ */ c(
         "button",
         {
           type: "button",
-          className: s(g.pageButton, i?.pageButton),
-          disabled: e >= l,
-          onClick: () => n(e + 1, r),
+          className: l(C.pageButton, m?.pageButton),
+          disabled: e >= a,
+          onClick: () => o(e + 1, r),
           "aria-label": "Next page",
           children: "›"
         }
@@ -352,259 +360,271 @@ function Zr({
     ] })
   ] });
 }
-function Jr({
+function dt({
   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
+  onSort: n,
+  multiSort: o = !0,
+  striped: m = !1,
+  hoverable: a = !1,
+  compact: h = !1,
+  className: i,
+  style: y,
+  rowKey: u,
+  emptyMessage: g = "No data",
+  pagination: v,
+  classes: b
 }) {
-  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);
+  const p = n !== void 0, {
+    sortedData: $,
+    sortConfig: w,
+    requestSort: R,
+    requestMultiSort: D
+  } = st(e, t), S = p ? t ?? [] : w, E = p ? e : $, K = ee(() => {
+    if (!v || p) return E;
+    const k = (v.page - 1) * v.pageSize;
+    return E.slice(k, k + v.pageSize);
+  }, [E, v, p]), q = v?.totalRows ?? E.length, V = L(
+    (k, P) => {
+      const x = o && (P.ctrlKey || P.metaKey);
+      if (p)
+        if (x) {
+          const B = S.findIndex((A) => A.key === k);
+          let z;
+          B === -1 ? z = [...S, { key: k, direction: "asc" }] : S[B].direction === "asc" ? z = S.map(
+            (A, Z) => Z === B ? { key: k, direction: "desc" } : A
+          ) : z = S.filter((A, Z) => Z !== B), n(z);
         } else {
-          const w = S.find((M) => M.key === k);
-          w ? w.direction === "asc" ? o([{ key: k, direction: "desc" }]) : o([]) : o([{ key: k, direction: "asc" }]);
+          const B = S.find((z) => z.key === k);
+          B ? B.direction === "asc" ? n([{ key: k, direction: "desc" }]) : n([]) : n([{ key: k, direction: "asc" }]);
         }
       else
-        L ? E(k) : A(k);
+        x ? D(k) : R(k);
     },
     [
-      y,
-      n,
-      S,
+      p,
       o,
-      A,
-      E
+      S,
+      n,
+      R,
+      D
     ]
-  ), v = (k) => S.find((L) => L.key === k)?.direction, H = (k) => {
+  ), j = (k) => S.find((x) => x.key === k)?.direction, Y = (k) => {
     if (S.length <= 1) return;
-    const I = S.findIndex((L) => L.key === k);
-    return I >= 0 ? I : void 0;
+    const P = S.findIndex((x) => x.key === k);
+    return P >= 0 ? P : void 0;
   };
-  return /* @__PURE__ */ b("div", { className: s(g.wrapper, f?.wrapper), children: [
-    /* @__PURE__ */ b(
+  return /* @__PURE__ */ I("div", { className: l(C.wrapper, b?.wrapper), children: [
+    /* @__PURE__ */ I(
       "table",
       {
-        className: s(
-          g.root,
-          i && g.striped,
-          l && g.hoverable,
-          u && g.compact,
-          f?.root,
-          d
+        className: l(
+          C.root,
+          m && C.striped,
+          a && C.hoverable,
+          h && C.compact,
+          b?.root,
+          i
         ),
-        style: m,
+        style: y,
         children: [
-          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: r.map((k) => /* @__PURE__ */ b(
+          /* @__PURE__ */ c("thead", { children: /* @__PURE__ */ c("tr", { children: r.map((k) => /* @__PURE__ */ I(
             "th",
             {
-              className: s(
-                g.headerCell,
-                k.sortable && g.headerCellSortable,
-                f?.headerCell
+              className: l(
+                C.headerCell,
+                k.sortable && C.headerCellSortable,
+                b?.headerCell
               ),
               style: {
                 width: k.width,
                 textAlign: k.align
               },
-              onClick: k.sortable ? (I) => re(k.key, I) : void 0,
+              onClick: k.sortable ? (P) => V(k.key, P) : void 0,
+              "aria-sort": k.sortable ? j(k.key) === "asc" ? "ascending" : j(k.key) === "desc" ? "descending" : "none" : void 0,
               children: [
                 k.header,
                 k.sortable && /* @__PURE__ */ c(
-                  Xr,
+                  at,
                   {
-                    direction: v(k.key),
-                    sortIndex: H(k.key)
+                    direction: j(k.key),
+                    sortIndex: Y(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(
+          /* @__PURE__ */ c("tbody", { children: K.length === 0 ? /* @__PURE__ */ c("tr", { className: C.emptyRow, children: /* @__PURE__ */ c("td", { className: l(C.emptyCell, b?.emptyCell), colSpan: r.length, children: g }) }) : K.map((k, P) => {
+            const x = u ? String(k[u]) : P;
+            return /* @__PURE__ */ c("tr", { className: l(C.row, b?.row), children: r.map((B) => /* @__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]
+                className: l(C.cell, b?.cell),
+                style: { textAlign: B.align },
+                children: B.render ? B.render(k[B.key], k, P) : k[B.key]
               },
-              w.key
-            )) }, L);
+              B.key
+            )) }, x);
           }) })
         ]
       }
     ),
-    h && /* @__PURE__ */ c(
-      Zr,
+    v && /* @__PURE__ */ c(
+      it,
       {
-        ...h,
-        totalRows: ee,
-        paginatorClasses: { paginator: f?.paginator, pageButton: f?.pageButton }
+        ...v,
+        totalRows: q,
+        paginatorClasses: { paginator: b?.paginator, pageButton: b?.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
+const $o = dt, ut = "crk-root-an8Cf", mt = "crk-fullWidth-S-uVk", ht = "crk-trigger-LwPaD", pt = "crk-triggerOpen-U4pa9", ft = "crk-triggerLabel-QLITs", gt = "crk-triggerError-3jlu1", bt = "crk-placeholder-fWdch", kt = "crk-chevron-jmDNe", vt = "crk-menu-fxnKL", yt = "crk-menuOpen-HF-Y1", Nt = "crk-alignLeft-buCDJ", wt = "crk-alignRight-05P9w", xt = "crk-item-f-Rhh", St = "crk-itemDisabled-L-d6i", It = "crk-itemSelected-Fwmuo", M = {
+  root: ut,
+  fullWidth: mt,
+  trigger: ht,
+  triggerOpen: pt,
+  triggerLabel: ft,
+  triggerError: gt,
+  placeholder: bt,
+  chevron: kt,
+  menu: vt,
+  menuOpen: yt,
+  alignLeft: Nt,
+  alignRight: wt,
+  item: xt,
+  itemDisabled: St,
+  itemSelected: It
 };
-function ie(e, r) {
-  O(() => {
-    const t = (o) => {
+function ie(e, r, t = !0) {
+  F(() => {
+    if (!t) return;
+    const n = (o) => {
       !e.current || e.current.contains(o.target) || r();
     };
-    return document.addEventListener("mousedown", t), () => {
-      document.removeEventListener("mousedown", t);
+    return document.addEventListener("mousedown", n), () => {
+      document.removeEventListener("mousedown", n);
     };
-  }, [e, r]);
+  }, [e, r, t]);
 }
-function ne(e, r = !0) {
-  const t = C(
-    (o) => {
-      const n = e[o.key];
-      n && n(o);
+function he(e, r = !0) {
+  const t = L(
+    (n) => {
+      const o = e[n.key];
+      o && o(n);
     },
     [e]
   );
-  O(() => {
+  F(() => {
     if (r)
       return document.addEventListener("keydown", t), () => {
         document.removeEventListener("keydown", t);
       };
   }, [r, t]);
 }
-const ht = $(
+const $t = W(
   ({
     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;
+    className: n,
+    style: o,
+    id: m,
+    onOpen: a,
+    onClose: h,
+    options: i,
+    placeholder: y = "Select...",
+    value: u,
+    onChange: g,
+    error: v = !1,
+    fullWidth: b = !0,
+    classes: p
+  }, $) => {
+    const [w, R] = X(!1), D = O(null), S = O(null), E = O(null), K = ne();
+    F(() => {
+      w && S.current && S.current.querySelector('[role="menuitem"]:not(:disabled)')?.focus();
+    }, [w]);
+    const q = L(() => {
+      R(!1), h?.(), E.current?.focus();
+    }, [h]), V = L(() => {
+      R((x) => {
+        const B = !x;
+        return B ? a?.() : h?.(), B;
       });
-    }, [i, l]), T = C(
-      (v) => {
-        a?.(v), E();
+    }, [a, h]), j = L(
+      (x) => {
+        g?.(x), q();
       },
-      [a, E]
+      [g, q]
     );
-    ie(A, E), ne(
+    ie(D, q, w), he(
       {
-        Escape: () => E()
+        Escape: () => q()
       },
-      D
+      w
     );
-    const q = u?.find((v) => v.value === m)?.label, ee = u ? q || d : e, re = u && !q;
+    const Y = i?.find((x) => x.value === u)?.label, k = i ? Y || y : e, P = i && !Y;
     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(
+        ref: $,
+        className: l(M.root, b && M.fullWidth, p?.root, n),
+        style: o,
+        children: /* @__PURE__ */ I("div", { ref: D, style: b ? { width: "100%" } : void 0, children: [
+          /* @__PURE__ */ I(
             "button",
             {
+              ref: E,
+              id: m,
               type: "button",
-              className: s(
-                N.trigger,
-                D && N.triggerOpen,
-                p && N.triggerError,
-                h && N.fullWidth,
-                f?.trigger
+              className: l(
+                M.trigger,
+                w && M.triggerOpen,
+                v && M.triggerError,
+                b && M.fullWidth,
+                p?.trigger
               ),
-              onClick: S,
-              "aria-expanded": D,
-              "aria-haspopup": "true",
+              onClick: V,
+              "aria-expanded": w,
+              "aria-haspopup": "menu",
+              "aria-controls": w ? K : void 0,
               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("span", { className: l(M.triggerLabel, P && M.placeholder, p?.triggerLabel), children: k }),
+                /* @__PURE__ */ c("span", { className: l(M.chevron, p?.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
+              ref: S,
+              id: K,
+              className: l(
+                M.menu,
+                w && M.menuOpen,
+                t === "left" ? M.alignLeft : M.alignRight,
+                b && M.fullWidth,
+                p?.menu
               ),
               role: "menu",
-              children: u ? u.map((v) => /* @__PURE__ */ c(
+              children: i ? i.map((x) => /* @__PURE__ */ c(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
-                  className: s(
-                    N.item,
-                    v.disabled && N.itemDisabled,
-                    v.value === m && N.itemSelected,
-                    f?.item
+                  className: l(
+                    M.item,
+                    x.disabled && M.itemDisabled,
+                    x.value === u && M.itemSelected,
+                    p?.item
                   ),
-                  disabled: v.disabled,
-                  onClick: () => T(v.value),
-                  children: v.label
+                  disabled: x.disabled,
+                  onClick: () => j(x.value),
+                  children: x.label
                 },
-                v.value
+                x.value
               )) : r
             }
           )
@@ -613,89 +633,111 @@ const ht = $(
     );
   }
 );
-ht.displayName = "Dropdown";
-const kt = $(
+$t.displayName = "Dropdown";
+const Ct = W(
   ({
     disabled: e = !1,
     className: r,
     children: t,
-    ...o
-  }, n) => /* @__PURE__ */ c(
+    ...n
+  }, o) => /* @__PURE__ */ c(
     "button",
     {
-      ref: n,
+      ref: o,
       type: "button",
       role: "menuitem",
-      className: s(
-        N.item,
-        e && N.itemDisabled,
+      className: l(
+        M.item,
+        e && M.itemDisabled,
         r
       ),
       disabled: e,
-      ...o,
+      ...n,
       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 = $(
+Ct.displayName = "DropdownItem";
+const Rt = "crk-root-8H-L9", Dt = "crk-trigger-Zn1nQ", Et = "crk-popover-rvS3X", Lt = "crk-popoverFade-hj41M", Bt = "crk-bottom-lawQw", Tt = "crk-top-rqvC6", At = "crk-left-J6exv", Ot = "crk-right-3y20l", oe = {
+  root: Rt,
+  trigger: Dt,
+  popover: Et,
+  popoverFade: Lt,
+  bottom: Bt,
+  top: Tt,
+  left: At,
+  right: Ot
+}, Pt = W(
   ({
     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);
+    open: n,
+    onOpenChange: o,
+    classes: m,
+    className: a,
+    style: h
+  }, i) => {
+    const [y, u] = X(!1), g = O(null), v = O(null), b = O(null), p = ne(), $ = n !== void 0, w = $ ? n : y, R = L(
+      (E) => {
+        $ || u(E), o?.(E);
       },
-      [h, n]
-    ), D = C(() => y(!1), [y]), P = C(() => {
-      y(!f);
-    }, [f, y]);
-    return ie(p, D), ne(
+      [$, o]
+    ), D = L(() => {
+      R(!1), b.current?.focus();
+    }, [R]), S = L(() => {
+      R(!w);
+    }, [w, R]);
+    return ie(g, D, w), he(
       {
         Escape: () => D()
       },
-      f
-    ), /* @__PURE__ */ c(
+      w
+    ), F(() => {
+      if (w && v.current) {
+        const E = v.current.querySelector(
+          'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+        );
+        E ? E.focus() : v.current.focus();
+      }
+    }, [w]), /* @__PURE__ */ c(
       "div",
       {
-        ref: d,
-        className: s(G.root, i?.root, l),
-        style: u,
-        children: /* @__PURE__ */ b("div", { ref: p, children: [
+        ref: i,
+        className: l(oe.root, m?.root, a),
+        style: h,
+        children: /* @__PURE__ */ I("div", { ref: g, children: [
           /* @__PURE__ */ c(
             "button",
             {
+              ref: b,
               type: "button",
-              className: s(G.trigger, i?.trigger),
-              onClick: P,
-              "aria-expanded": f,
+              className: l(oe.trigger, m?.trigger),
+              onClick: S,
+              "aria-expanded": w,
+              "aria-haspopup": "dialog",
+              "aria-controls": w ? p : void 0,
               children: e
             }
           ),
-          f && /* @__PURE__ */ c("div", { className: s(G.popover, G[t], i?.popover), children: r })
+          w && /* @__PURE__ */ c(
+            "div",
+            {
+              ref: v,
+              id: p,
+              role: "dialog",
+              tabIndex: -1,
+              className: l(oe.popover, oe[t], m?.popover),
+              children: r
+            }
+          )
         ] })
       }
     );
   }
 );
-$t.displayName = "Popover";
-const se = [
+Pt.displayName = "Popover";
+const pe = [
   'input:not([disabled]):not([type="hidden"])',
   "button:not([disabled])",
   "select:not([disabled])",
@@ -703,62 +745,63 @@ const se = [
   "a[href]",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function St(e, r) {
-  const t = j(null), o = C(
-    (n) => {
-      if (n.key !== "Tab" || !e.current)
+function Mt(e, r) {
+  const t = O(null), n = L(
+    (o) => {
+      if (o.key !== "Tab" || !e.current)
         return;
-      const i = Array.from(
-        e.current.querySelectorAll(se)
+      const m = Array.from(
+        e.current.querySelectorAll(pe)
       );
-      if (i.length === 0) {
-        n.preventDefault();
+      if (m.length === 0) {
+        o.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());
+      const a = m[0], h = m[m.length - 1];
+      o.shiftKey ? document.activeElement === a && (o.preventDefault(), h.focus()) : document.activeElement === h && (o.preventDefault(), a.focus());
     },
     [e]
   );
-  O(() => {
+  F(() => {
     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();
+    const o = e.current.querySelectorAll(pe);
+    return o.length > 0 && o[0].focus(), document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n), t.current instanceof HTMLElement && t.current.focus();
     };
-  }, [r, e, o]);
+  }, [r, e, n]);
 }
-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(
+const Wt = "crk-backdrop-jYpTA", Ht = "crk-backdropIn-x5Z-A", qt = "crk-modal-yNG-7", Ft = "crk-modalIn-xFUwm", jt = "crk-sm--xyY9", zt = "crk-md-ETTfh", Kt = "crk-lg-5DBb7", Ut = "crk-fullscreen-b4jQ-", Gt = "crk-header-NS30G", Vt = "crk-headerWithClose-4davm", Qt = "crk-closeButton-JX-aq", Xt = "crk-body-3zIj9", Yt = "crk-footer-Oyz-R", J = {
+  backdrop: Wt,
+  backdropIn: Ht,
+  modal: qt,
+  modalIn: Ft,
+  sm: jt,
+  md: zt,
+  lg: Kt,
+  fullscreen: Ut,
+  header: Gt,
+  headerWithClose: Vt,
+  closeButton: Qt,
+  body: Xt,
+  footer: Yt
+}, de = fe({ classes: {}, titleId: "" }), be = ({ children: e, className: r, style: t, onClose: n }) => {
+  const { classes: o, titleId: m } = ae(de);
+  return /* @__PURE__ */ I(
     "div",
     {
-      className: s(R.header, o && R.headerWithClose, n.header, r),
+      id: m,
+      className: l(J.header, n && J.headerWithClose, o.header, r),
       style: t,
       children: [
         e,
-        o && /* @__PURE__ */ c(
+        n && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            className: s(R.closeButton, n.closeButton),
-            onClick: o,
+            className: l(J.closeButton, o.closeButton),
+            onClick: n,
             "aria-label": "Close",
             children: "×"
           }
@@ -767,65 +810,69 @@ const Ct = "crk-backdrop-jYpTA", It = "crk-backdropIn-x5Z-A", Bt = "crk-modal-yN
     }
   );
 };
-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 });
+be.displayName = "Modal.Header";
+const ke = ({ children: e, className: r, style: t }) => {
+  const { classes: n } = ae(de);
+  return /* @__PURE__ */ c("div", { className: l(J.body, n.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 });
+ke.displayName = "Modal.Body";
+const ve = ({ children: e, className: r, style: t }) => {
+  const { classes: n } = ae(de);
+  return /* @__PURE__ */ c("div", { className: l(J.footer, n.footer, r), style: t, children: e });
 };
-me.displayName = "Modal.Footer";
-const _ = $(
+ve.displayName = "Modal.Footer";
+const ue = W(
   ({
     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(
+    closeOnEscape: n = !0,
+    size: o = "md",
+    classes: m,
+    className: a,
+    style: h,
+    children: i,
+    "aria-label": y,
+    "aria-labelledby": u
+  }, g) => {
+    const v = O(null), b = g ?? v, p = ne(), $ = u ?? `${p}-title`;
+    Mt(b, e);
+    const w = ee(
       () => ({
         Escape: () => {
-          o && r();
+          n && r();
         }
       }),
-      [o, r]
+      [n, r]
     );
-    ne(h, e), O(() => {
+    he(w, e), F(() => {
       if (!e) return;
-      const y = document.body.style.overflow;
+      const D = document.body.style.overflow;
       return document.body.style.overflow = "hidden", () => {
-        document.body.style.overflow = y;
+        document.body.style.overflow = D;
       };
     }, [e]);
-    const f = (y) => {
-      t && y.target === y.currentTarget && r();
+    const R = (D) => {
+      t && D.target === D.currentTarget && r();
     };
-    return e ? ye(
+    return e ? Ee(
       /* @__PURE__ */ c(
         "div",
         {
-          className: s(R.backdrop, i?.backdrop),
-          onClick: f,
+          className: l(J.backdrop, m?.backdrop),
+          onClick: R,
           role: "presentation",
           children: /* @__PURE__ */ c(
             "div",
             {
-              ref: p,
-              className: s(R.modal, R[n], i?.modal, l),
-              style: u,
+              ref: b,
+              className: l(J.modal, J[o], m?.modal, a),
+              style: h,
               role: "dialog",
               "aria-modal": "true",
-              children: /* @__PURE__ */ c(J.Provider, { value: i ?? {}, children: d })
+              "aria-label": y,
+              "aria-labelledby": y ? void 0 : $,
+              children: /* @__PURE__ */ c(de.Provider, { value: { classes: m ?? {}, titleId: $ }, children: i })
             }
           )
         }
@@ -834,296 +881,780 @@ const _ = $(
     ) : 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
+ue.displayName = "Modal";
+ue.Header = be;
+ue.Body = ke;
+ue.Footer = ve;
+const Jt = "crk-root-jHIIP", Zt = "crk-formErrors-eh-OP", _t = "crk-formError-XEuWv", en = "crk-field-OUlYz", rn = "crk-label-udkR7", tn = "crk-labelError-LOgKi", nn = "crk-required-IYiA2", on = "crk-error-yFZXm", cn = "crk-helperText-Dm-rb", ln = "crk-row-nNbx-", G = {
+  root: Jt,
+  formErrors: Zt,
+  formError: _t,
+  field: en,
+  label: rn,
+  labelError: tn,
+  required: nn,
+  error: on,
+  helperText: cn,
+  row: ln
 };
-function Wo({
+function Co({
   form: e,
   onSubmit: r,
-  className: t,
+  errors: t,
+  className: n,
   style: o,
-  children: n
+  children: m
 }) {
-  return /* @__PURE__ */ c(fe, { ...e, children: /* @__PURE__ */ c(
+  const a = t && t.length > 0;
+  return /* @__PURE__ */ c(Ce, { ...e, children: /* @__PURE__ */ I(
     "form",
     {
       onSubmit: e.handleSubmit(r),
-      className: s(z.root, t),
+      className: l(G.root, n),
       style: o,
-      children: n
+      children: [
+        a && /* @__PURE__ */ c("ul", { className: G.formErrors, role: "alert", children: t.map((h, i) => /* @__PURE__ */ c("li", { className: G.formError, children: h }, i)) }),
+        m
+      ]
     }
   ) });
 }
-function zo({
+function Ro({
   name: e,
   label: r,
   helperText: t,
-  required: o,
-  rules: n,
-  classes: i,
-  className: l,
-  style: u,
-  children: d
+  required: n,
+  rules: o,
+  classes: m,
+  className: a,
+  style: h,
+  children: i
 }) {
-  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: [
+  const { control: y } = Re(), { field: u, fieldState: g } = De({ name: e, control: y, rules: o }), { ref: v, ...b } = u, p = O(v);
+  p.current = v;
+  const $ = L(
+    (w) => {
+      if (w) {
+        const R = w.matches("input, select, textarea, button, [tabindex]") ? w : w.querySelector('input, select, textarea, button, [tabindex]:not([tabindex="-1"])');
+        p.current(R ?? w);
+      } else
+        p.current(null);
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  return /* @__PURE__ */ I("div", { className: l(G.field, m?.field, a), style: h, children: [
+    r && /* @__PURE__ */ I("label", { className: l(G.label, g.error && G.labelError, m?.label), htmlFor: e, children: [
       r,
-      o && /* @__PURE__ */ c("span", { className: z.required, children: "*" })
+      n && /* @__PURE__ */ c("span", { className: G.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
+    $e(i, {
+      ...b,
+      ref: $,
+      id: e,
+      error: !!g.error,
+      "aria-invalid": g.error ? !0 : void 0,
+      "aria-describedby": g.error?.message ? `${e}-error` : t ? `${e}-helper` : void 0,
+      // Bridge for custom components that use onValueChange/onValuesChange
+      onValueChange: b.onChange,
+      onValuesChange: b.onChange,
+      // Bridge for Checkbox (expects checked, not value)
+      checked: typeof b.value == "boolean" ? b.value : void 0
+    }),
+    g.error?.message ? /* @__PURE__ */ c("span", { id: `${e}-error`, className: l(G.error, m?.error), role: "alert", children: g.error.message }) : t ? /* @__PURE__ */ c("span", { id: `${e}-helper`, className: l(G.helperText, m?.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 = $(
+function Do({ children: e, className: r, style: t }) {
+  return /* @__PURE__ */ c("div", { className: l(G.row, r), style: t, children: e });
+}
+const sn = "crk-root-rSgdy", an = "crk-wrapper-GHy8V", dn = "crk-sm-DptM5", un = "crk-md-F4B0G", mn = "crk-lg-pBxwX", hn = "crk-error-fucxe", pn = "crk-prefix-w53Md", fn = "crk-suffix-fcNgR", gn = "crk-hasPrefix--bqPD", bn = "crk-hasSuffix-zO0nX", U = {
+  root: sn,
+  wrapper: an,
+  sm: dn,
+  md: un,
+  lg: mn,
+  error: hn,
+  prefix: pn,
+  suffix: fn,
+  hasPrefix: gn,
+  hasSuffix: bn
+}, kn = W(
   ({
     inputSize: e = "md",
     error: r = !1,
     prefix: t,
-    suffix: o,
-    classes: n,
-    className: i,
-    style: l,
-    ...u
-  }, d) => {
-    const m = /* @__PURE__ */ c(
+    suffix: n,
+    classes: o,
+    className: m,
+    style: a,
+    ...h
+  }, i) => {
+    const y = /* @__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
+        ref: i,
+        className: l(
+          U.root,
+          U[e],
+          r && U.error,
+          t && U.hasPrefix,
+          n && U.hasSuffix,
+          o?.root,
+          !t && !n && m
         ),
-        style: !t && !o ? l : void 0,
-        ...u
+        style: !t && !n ? a : void 0,
+        ...h
       }
     );
-    return t || o ? /* @__PURE__ */ b(
+    return t || n ? /* @__PURE__ */ I(
       "div",
       {
-        className: s(B.wrapper, B[e], r && B.error, n?.wrapper, i),
-        style: l,
+        className: l(U.wrapper, U[e], r && U.error, o?.wrapper, m),
+        style: a,
         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 })
+          t && /* @__PURE__ */ c("span", { className: l(U.prefix, o?.prefix), children: t }),
+          y,
+          n && /* @__PURE__ */ c("span", { className: l(U.suffix, o?.suffix), children: n })
         ]
       }
-    ) : m;
+    ) : y;
   }
 );
-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 = $(
+kn.displayName = "Input";
+const vn = "crk-wrapper-SP2JE", yn = "crk-sm-DqshL", Nn = "crk-md-j4AKI", wn = "crk-lg-24Xd3", xn = "crk-root-Uu9Ah", Sn = "crk-error-9oRU6", In = "crk-arrow-WU8ZW", $n = "crk-searchableWrapper-7AL4l", Cn = "crk-hiddenSelect-s3DEx", Rn = "crk-searchableTrigger-m-GWV", Dn = "crk-triggerOpen-Lo8-j", En = "crk-triggerLabel-5rETZ", Ln = "crk-placeholder-teBBh", Bn = "crk-arrowInline-m-roG", Tn = "crk-disabled-pcSeq", An = "crk-visuallyHidden-2tTD5", On = "crk-menu--i-je", Pn = "crk-menuEnter-vJjLV", Mn = "crk-menuItems-VrZnE", Wn = "crk-item-fU3XI", Hn = "crk-itemHighlighted-MvR41", qn = "crk-itemDisabled-KTUO8", Fn = "crk-itemSelected-42-BG", jn = "crk-noResults-uicSW", zn = "crk-multiTrigger-Pd3wJ", Kn = "crk-multiTriggerDisabled-9ajge", Un = "crk-chip-TuYUB", Gn = "crk-chipLabel-H4JWu", Vn = "crk-chipRemove-Lfk0R", Qn = "crk-multiSearch-OrVeS", Xn = "crk-arrowMulti-Nh9Hr", Yn = "crk-itemCheck-DPB5A", d = {
+  wrapper: vn,
+  sm: yn,
+  md: Nn,
+  lg: wn,
+  root: xn,
+  error: Sn,
+  arrow: In,
+  searchableWrapper: $n,
+  hiddenSelect: Cn,
+  searchableTrigger: Rn,
+  triggerOpen: Dn,
+  triggerLabel: En,
+  placeholder: Ln,
+  arrowInline: Bn,
+  disabled: Tn,
+  visuallyHidden: An,
+  menu: On,
+  menuEnter: Pn,
+  menuItems: Mn,
+  item: Wn,
+  itemHighlighted: Hn,
+  itemDisabled: qn,
+  itemSelected: Fn,
+  noResults: jn,
+  multiTrigger: zn,
+  multiTriggerDisabled: Kn,
+  chip: Un,
+  chipLabel: Gn,
+  chipRemove: Vn,
+  multiSearch: Qn,
+  arrowMulti: Xn,
+  itemCheck: Yn
+}, ye = W(
   ({
     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(
+    placeholder: n,
+    classes: o,
+    className: m,
+    style: a,
+    children: h,
+    searchable: i,
+    searchPlaceholder: y,
+    onValueChange: u,
+    ...g
+  }, v) => /* @__PURE__ */ I("div", { className: l(d.wrapper, d[e], r && d.error, o?.wrapper, m), style: a, children: [
+    /* @__PURE__ */ I(
       "select",
       {
-        ref: m,
-        className: s(F.root, F[e], r && F.error, n?.root),
-        ...d,
+        ref: v,
+        className: l(d.root, d[e], r && d.error, o?.root),
+        ...g,
         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
+          n && /* @__PURE__ */ c("option", { value: "", disabled: !0, children: n }),
+          t ? t.map((b) => /* @__PURE__ */ c("option", { value: b.value, disabled: b.disabled, children: b.label }, b.value)) : h
         ]
       }
     ),
-    /* @__PURE__ */ c("span", { className: s(F.arrow, n?.arrow) })
+    /* @__PURE__ */ c("span", { className: l(d.arrow, o?.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 = $(
+ye.displayName = "NativeSelect";
+const Ne = W(
+  ({
+    inputSize: e = "md",
+    error: r = !1,
+    options: t = [],
+    placeholder: n = "Select...",
+    classes: o,
+    className: m,
+    style: a,
+    value: h,
+    disabled: i,
+    id: y,
+    searchPlaceholder: u = "Search...",
+    onChange: g,
+    onValueChange: v
+  }, b) => {
+    const [p, $] = X(!1), [w, R] = X(""), [D, S] = X(0), E = O(null), K = O(null), q = O(null), V = O(null), j = ne(), Y = O(null), k = b ?? Y, P = O(!1);
+    F(() => {
+      P.current && !p && q.current?.focus(), P.current = p;
+    }, [p]);
+    const x = L(() => {
+      $(!1), R(""), S(0);
+    }, []), B = L(() => {
+      i || ($(!0), R(""), S(0), setTimeout(() => K.current?.focus(), 0));
+    }, [i]), z = L(
+      (s) => {
+        if (v?.(s), k.current) {
+          Object.getOwnPropertyDescriptor(
+            HTMLSelectElement.prototype,
+            "value"
+          )?.set?.call(k.current, s);
+          const T = new Event("change", { bubbles: !0 });
+          k.current.dispatchEvent(T), g?.(T);
+        }
+        x();
+      },
+      [v, g, k, x]
+    ), A = ee(() => {
+      if (!w) return t;
+      const s = w.toLowerCase();
+      return t.filter((N) => N.label.toLowerCase().includes(s));
+    }, [t, w]);
+    F(() => {
+      const s = A.findIndex((N) => !N.disabled);
+      S(s >= 0 ? s : 0);
+    }, [A]), F(() => {
+      if (!p) return;
+      const s = V.current;
+      if (!s) return;
+      s.querySelectorAll('[role="option"]')[D]?.scrollIntoView?.({ block: "nearest" });
+    }, [D, p]);
+    const Z = L(
+      (s) => {
+        const N = A.map((T, Q) => T.disabled ? -1 : Q).filter((T) => T >= 0);
+        if (N.length !== 0)
+          if (s.key === "ArrowDown")
+            s.preventDefault(), S((T) => {
+              const Q = N.indexOf(T);
+              return Q < N.length - 1 ? N[Q + 1] : N[0];
+            });
+          else if (s.key === "ArrowUp")
+            s.preventDefault(), S((T) => {
+              const Q = N.indexOf(T);
+              return Q > 0 ? N[Q - 1] : N[N.length - 1];
+            });
+          else if (s.key === "Enter") {
+            s.preventDefault();
+            const T = A[D];
+            T && !T.disabled && z(T.value);
+          } else s.key === "Escape" && (s.preventDefault(), x());
+      },
+      [A, D, z, x]
+    );
+    ie(E, x, p);
+    const re = t.find((s) => s.value === h)?.label, f = A.filter((s) => !s.disabled);
+    return /* @__PURE__ */ I(
+      "div",
+      {
+        ref: E,
+        className: l(
+          d.wrapper,
+          d.searchableWrapper,
+          d[e],
+          r && d.error,
+          i && d.disabled,
+          o?.wrapper,
+          m
+        ),
+        style: a,
+        children: [
+          /* @__PURE__ */ c(
+            "select",
+            {
+              ref: k,
+              className: d.hiddenSelect,
+              value: h ?? "",
+              disabled: i,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              onChange: () => {
+              },
+              children: t.map((s) => /* @__PURE__ */ c("option", { value: s.value, children: s.label }, s.value))
+            }
+          ),
+          /* @__PURE__ */ I(
+            "button",
+            {
+              ref: q,
+              id: y,
+              type: "button",
+              className: l(
+                d.root,
+                d.searchableTrigger,
+                d[e],
+                p && d.triggerOpen,
+                r && d.error,
+                p && d.visuallyHidden,
+                o?.root
+              ),
+              onClick: B,
+              disabled: i,
+              "aria-expanded": p,
+              "aria-haspopup": "listbox",
+              "aria-controls": p ? j : void 0,
+              children: [
+                /* @__PURE__ */ c("span", { className: l(d.triggerLabel, !re && d.placeholder), children: re || n }),
+                /* @__PURE__ */ c("span", { className: l(d.arrow, d.arrowInline, o?.arrow) })
+              ]
+            }
+          ),
+          p && /* @__PURE__ */ c(
+            "input",
+            {
+              ref: K,
+              type: "text",
+              role: "combobox",
+              className: l(
+                d.root,
+                d.searchableTrigger,
+                d[e],
+                d.triggerOpen,
+                r && d.error,
+                o?.root,
+                o?.search
+              ),
+              placeholder: re || n,
+              value: w,
+              onChange: (s) => R(s.target.value),
+              onKeyDown: Z,
+              "aria-expanded": !0,
+              "aria-haspopup": "listbox",
+              "aria-controls": j,
+              "aria-activedescendant": f.length > 0 ? `select-option-${A[D]?.value}` : void 0
+            }
+          ),
+          p && /* @__PURE__ */ c("div", { id: j, className: l(d.menu, o?.menu), role: "listbox", children: /* @__PURE__ */ c("div", { className: d.menuItems, ref: V, children: A.length === 0 ? /* @__PURE__ */ c("div", { className: d.noResults, children: "No results" }) : A.map((s, N) => /* @__PURE__ */ c(
+            "button",
+            {
+              id: `select-option-${s.value}`,
+              type: "button",
+              role: "option",
+              "aria-selected": s.value === h,
+              className: l(
+                d.item,
+                s.disabled && d.itemDisabled,
+                s.value === h && d.itemSelected,
+                N === D && d.itemHighlighted,
+                o?.item
+              ),
+              disabled: s.disabled,
+              onClick: () => z(s.value),
+              onMouseEnter: () => S(N),
+              children: s.content ?? s.label
+            },
+            s.value
+          )) }) })
+        ]
+      }
+    );
+  }
+);
+Ne.displayName = "SearchableSelect";
+const we = W(
+  ({
+    inputSize: e = "md",
+    error: r = !1,
+    options: t = [],
+    placeholder: n = "Select...",
+    classes: o,
+    className: m,
+    style: a,
+    value: h,
+    disabled: i,
+    id: y,
+    searchPlaceholder: u,
+    onValuesChange: g,
+    clearSearchOnSelect: v = !0
+  }, b) => {
+    const p = Array.isArray(h) ? h : h ? [h] : [], [$, w] = X(!1), [R, D] = X(""), [S, E] = X(0), K = O(null), q = O(null), V = O(null), j = ne(), Y = O(null), k = b ?? Y, P = L(() => {
+      w(!1), D(""), E(0);
+    }, []), x = L(() => {
+      i || (w(!0), D(""), E(0), setTimeout(() => q.current?.focus(), 0));
+    }, [i]), B = L(
+      (f) => {
+        const s = p.includes(f) ? p.filter((N) => N !== f) : [...p, f];
+        g?.(s), v && D("");
+      },
+      [p, g, v]
+    ), z = L(
+      (f, s) => {
+        s.stopPropagation(), g?.(p.filter((N) => N !== f));
+      },
+      [p, g]
+    ), A = ee(() => {
+      if (!R) return t;
+      const f = R.toLowerCase();
+      return t.filter((s) => s.label.toLowerCase().includes(f));
+    }, [t, R]);
+    F(() => {
+      const f = A.findIndex((s) => !s.disabled);
+      E(f >= 0 ? f : 0);
+    }, [A]), F(() => {
+      if (!$) return;
+      const f = V.current;
+      if (!f) return;
+      f.querySelectorAll('[role="option"]')[S]?.scrollIntoView?.({ block: "nearest" });
+    }, [S, $]);
+    const Z = L(
+      (f) => {
+        const s = A.map((N, T) => N.disabled ? -1 : T).filter((N) => N >= 0);
+        if (f.key === "Backspace" && R === "" && p.length > 0) {
+          f.preventDefault(), g?.(p.slice(0, -1));
+          return;
+        }
+        if (s.length !== 0)
+          if (f.key === "ArrowDown") {
+            if (f.preventDefault(), !$) {
+              x();
+              return;
+            }
+            E((N) => {
+              const T = s.indexOf(N);
+              return T < s.length - 1 ? s[T + 1] : s[0];
+            });
+          } else if (f.key === "ArrowUp")
+            f.preventDefault(), E((N) => {
+              const T = s.indexOf(N);
+              return T > 0 ? s[T - 1] : s[s.length - 1];
+            });
+          else if (f.key === "Enter") {
+            f.preventDefault();
+            const N = A[S];
+            N && !N.disabled && B(N.value);
+          } else f.key === "Escape" && (f.preventDefault(), P());
+      },
+      [A, S, B, P, R, p, g, $, x]
+    );
+    ie(K, P, $);
+    const re = p.map((f) => t.find((s) => s.value === f)).filter((f) => !!f);
+    return /* @__PURE__ */ I(
+      "div",
+      {
+        ref: K,
+        className: l(
+          d.wrapper,
+          d.searchableWrapper,
+          d[e],
+          r && d.error,
+          i && d.disabled,
+          o?.wrapper,
+          m
+        ),
+        style: a,
+        children: [
+          /* @__PURE__ */ c(
+            "select",
+            {
+              ref: k,
+              className: d.hiddenSelect,
+              multiple: !0,
+              value: p,
+              disabled: i,
+              tabIndex: -1,
+              "aria-hidden": "true",
+              onChange: () => {
+              },
+              children: t.map((f) => /* @__PURE__ */ c("option", { value: f.value, children: f.label }, f.value))
+            }
+          ),
+          /* @__PURE__ */ I(
+            "div",
+            {
+              className: l(
+                d.multiTrigger,
+                d[e],
+                $ && d.triggerOpen,
+                r && d.error,
+                i && d.multiTriggerDisabled,
+                o?.root
+              ),
+              onClick: () => {
+                $ ? q.current?.focus() : x();
+              },
+              role: "combobox",
+              "aria-expanded": $,
+              "aria-haspopup": "listbox",
+              "aria-controls": $ ? j : void 0,
+              children: [
+                re.map((f) => /* @__PURE__ */ I("span", { className: l(d.chip, o?.chip), children: [
+                  /* @__PURE__ */ c("span", { className: d.chipLabel, children: f.content ?? f.label }),
+                  /* @__PURE__ */ c(
+                    "button",
+                    {
+                      type: "button",
+                      className: l(d.chipRemove, o?.chipRemove),
+                      onClick: (s) => z(f.value, s),
+                      "aria-label": `Remove ${f.label}`,
+                      tabIndex: -1,
+                      children: "×"
+                    }
+                  )
+                ] }, f.value)),
+                /* @__PURE__ */ c(
+                  "input",
+                  {
+                    ref: q,
+                    id: y,
+                    type: "text",
+                    className: d.multiSearch,
+                    placeholder: p.length === 0 ? n : "",
+                    value: R,
+                    onChange: (f) => {
+                      D(f.target.value), $ || x();
+                    },
+                    onKeyDown: Z,
+                    disabled: i,
+                    "aria-label": "Search options"
+                  }
+                ),
+                /* @__PURE__ */ c("span", { className: l(d.arrow, d.arrowMulti, o?.arrow) })
+              ]
+            }
+          ),
+          $ && /* @__PURE__ */ c("div", { id: j, className: l(d.menu, o?.menu), role: "listbox", "aria-multiselectable": "true", children: /* @__PURE__ */ c("div", { className: d.menuItems, ref: V, children: A.length === 0 ? /* @__PURE__ */ c("div", { className: d.noResults, children: "No results" }) : A.map((f, s) => {
+            const N = p.includes(f.value);
+            return /* @__PURE__ */ I(
+              "button",
+              {
+                id: `select-option-${f.value}`,
+                type: "button",
+                role: "option",
+                "aria-selected": N,
+                className: l(
+                  d.item,
+                  f.disabled && d.itemDisabled,
+                  N && d.itemSelected,
+                  s === S && d.itemHighlighted,
+                  o?.item
+                ),
+                disabled: f.disabled,
+                onClick: () => B(f.value),
+                onMouseEnter: () => E(s),
+                children: [
+                  N && /* @__PURE__ */ c("span", { className: d.itemCheck, "aria-hidden": "true" }),
+                  f.content ?? f.label
+                ]
+              },
+              f.value
+            );
+          }) }) })
+        ]
+      }
+    );
+  }
+);
+we.displayName = "MultiSelect";
+const Jn = W(
+  (e, r) => e.multiple ? /* @__PURE__ */ c(we, { ref: r, ...e }) : e.searchable ? /* @__PURE__ */ c(Ne, { ref: r, ...e }) : /* @__PURE__ */ c(ye, { ref: r, ...e })
+);
+Jn.displayName = "Select";
+const Zn = "crk-root-61cKD", _n = "crk-input-bAjPU", eo = "crk-label-W9IeS", ro = "crk-indeterminate-mLarv", ce = {
+  root: Zn,
+  input: _n,
+  label: eo,
+  indeterminate: ro
+}, to = W(
   ({
     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(
+    className: n,
+    style: o,
+    ...m
+  }, a) => {
+    const h = O(null);
+    return F(() => {
+      h.current && (h.current.indeterminate = r);
+    }, [r]), /* @__PURE__ */ I(
       "label",
       {
-        className: s(K.root, r && K.indeterminate, t?.root, o),
-        style: n,
+        className: l(ce.root, r && ce.indeterminate, t?.root, n),
+        style: o,
         children: [
           /* @__PURE__ */ c(
             "input",
             {
-              ref: (d) => {
-                u.current = d, typeof l == "function" ? l(d) : l && (l.current = d);
+              ref: (i) => {
+                h.current = i, typeof a == "function" ? a(i) : a && (a.current = i);
               },
               type: "checkbox",
-              className: s(K.input, t?.input),
-              ...i
+              className: l(ce.input, t?.input),
+              ...m
             }
           ),
-          e && /* @__PURE__ */ c("span", { className: s(K.label, t?.label), children: e })
+          e && /* @__PURE__ */ c("span", { className: l(ce.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 = ({
+to.displayName = "Checkbox";
+const no = "crk-group-NNwCD", oo = "crk-root-7fGik", co = "crk-input-43PQW", lo = "crk-label-aW30x", se = {
+  group: no,
+  root: oo,
+  input: co,
+  label: lo
+}, xe = fe(null), so = ({
   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 = $(
+  className: n,
+  style: o,
+  children: m,
+  id: a,
+  "aria-label": h,
+  "aria-labelledby": i,
+  required: y
+}) => /* @__PURE__ */ c(xe.Provider, { value: { name: e, value: r, onChange: t }, children: /* @__PURE__ */ c(
+  "div",
+  {
+    id: a,
+    className: l(se.group, n),
+    style: o,
+    role: "radiogroup",
+    tabIndex: -1,
+    "aria-label": h,
+    "aria-labelledby": i,
+    "aria-required": y || void 0,
+    children: m
+  }
+) });
+so.displayName = "RadioGroup";
+const ao = W(
   ({
     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);
+    className: n,
+    style: o,
+    onChange: m,
+    checked: a,
+    name: h,
+    ...i
+  }, y) => {
+    const u = ae(xe), g = u?.name ?? h, v = u ? u.value === r : a, b = (p) => {
+      u?.onChange?.(r), m?.(p);
     };
-    return /* @__PURE__ */ b("label", { className: s(Y.root, t?.root, o), style: n, children: [
+    return /* @__PURE__ */ I("label", { className: l(se.root, t?.root, n), style: o, children: [
       /* @__PURE__ */ c(
         "input",
         {
-          ref: m,
+          ref: y,
           type: "radio",
-          className: s(Y.input, t?.input),
-          name: p,
+          className: l(se.input, t?.input),
+          name: g,
           value: r,
-          checked: h,
-          onChange: f,
-          ...d
+          checked: v,
+          onChange: b,
+          ...i
         }
       ),
-      e && /* @__PURE__ */ c("span", { className: s(Y.label, t?.label), children: e })
+      e && /* @__PURE__ */ c("span", { className: l(se.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 = {
+ao.displayName = "Radio";
+const io = "crk-root-IGgdn", uo = "crk-sm-N-5I2", mo = "crk-md-bbyFl", ho = "crk-lg-Pd-Iq", po = "crk-error-fyu3i", fo = "crk-resizeNone-SmNT4", go = "crk-resizeVertical-oi8vP", bo = "crk-resizeHorizontal-riMLL", ko = "crk-resizeBoth-NYSh4", vo = "crk-autoExpand-JWone", te = {
+  root: io,
+  sm: uo,
+  md: mo,
+  lg: ho,
+  error: po,
+  resizeNone: fo,
+  resizeVertical: go,
+  resizeHorizontal: bo,
+  resizeBoth: ko,
+  autoExpand: vo
+}, yo = {
   none: "resizeNone",
   vertical: "resizeVertical",
   horizontal: "resizeHorizontal",
   both: "resizeBoth"
-}, Ro = $(
+}, No = W(
   ({
     inputSize: e = "md",
     error: r = !1,
     resize: t = "vertical",
+    autoExpand: n = !0,
     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
-    }
-  )
+    style: m,
+    onChange: a,
+    ...h
+  }, i) => {
+    const y = O(null), u = L(() => {
+      const b = y.current;
+      b && (b.style.height = "auto", b.style.height = `${b.scrollHeight}px`);
+    }, []), g = h.value ?? "";
+    F(() => {
+      n && u();
+    }, [n, u, g]);
+    const v = L(
+      (b) => {
+        n && u(), a?.(b);
+      },
+      [n, u, a]
+    );
+    return /* @__PURE__ */ c(
+      "textarea",
+      {
+        ref: (b) => {
+          y.current = b, typeof i == "function" ? i(b) : i && (i.current = b);
+        },
+        className: l(
+          te.root,
+          te[e],
+          r && te.error,
+          n ? te.autoExpand : te[yo[t]],
+          o
+        ),
+        style: m,
+        onChange: v,
+        rows: h.rows ?? 1,
+        ...h
+      }
+    );
+  }
 );
-Ro.displayName = "Textarea";
+No.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,
+  Ze as Button,
+  to as Checkbox,
+  $t as Dropdown,
+  Ct as DropdownItem,
+  Co as Form,
+  Ro as FormField,
+  Do as FormRow,
+  kn as Input,
+  nr as Link,
+  Or as List,
+  Pr as ListItem,
+  ue as Modal,
+  Pt as Popover,
+  ao as Radio,
+  so as RadioGroup,
+  Jn as Select,
+  $o as Table,
+  No as Textarea,
+  $r as Typography,
   ie as useClickOutside,
-  St as useFocusTrap,
-  ne as useKeyboard,
-  Yr as useTableSort
+  Mt as useFocusTrap,
+  he as useKeyboard,
+  st as useTableSort
 };