rich-react-component 0.1.0

package/dist/index.js

@@ -0,0 +1,2092 @@
+import { jsxs as p, jsx as a, Fragment as X } from "react/jsx-runtime";
+import { useRef as M, useState as T, useCallback as R, useId as P, useEffect as B, createContext as ce, useMemo as W, useContext as de } from "react";
+function f(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function ke({ htmlFor: e, required: n, className: t, children: r }) {
+  return /* @__PURE__ */ p("label", { htmlFor: e, className: f("form-label", t), children: [
+    r,
+    n && /* @__PURE__ */ a("span", { className: "text-danger", children: " *" })
+  ] });
+}
+function ue({ error: e, helpText: n, className: t }) {
+  return e ? /* @__PURE__ */ a("div", { className: f("invalid-feedback d-block", t), children: e }) : n ? /* @__PURE__ */ a("div", { className: f("form-text", t), children: n }) : null;
+}
+function K({ id: e, label: n, required: t, error: r, helpText: l, className: s, children: c }) {
+  return /* @__PURE__ */ p("div", { className: f("mb-3", s), children: [
+    n && /* @__PURE__ */ a(ke, { htmlFor: e, required: t, children: n }),
+    c,
+    /* @__PURE__ */ a(ue, { error: r, helpText: l })
+  ] });
+}
+function V({
+  value: e,
+  defaultValue: n,
+  onChange: t
+}) {
+  const r = e !== void 0, l = M(r);
+  process.env.NODE_ENV !== "production" && l.current !== r && console.error(
+    "[react-components] A component switched between controlled and uncontrolled `value`. Decide between passing `value` (controlled) or `defaultValue` (uncontrolled) for the lifetime of the component, per the library's controlled/uncontrolled policy."
+  );
+  const [s, c] = T(n), o = r ? e : s, i = R(
+    (d) => {
+      r || c(d), t == null || t(d);
+    },
+    [r, t]
+  );
+  return [o, i];
+}
+function Y(e) {
+  const {
+    id: n,
+    name: t,
+    disabled: r,
+    readOnly: l,
+    required: s,
+    className: c,
+    label: o,
+    placeholder: i,
+    helpText: d,
+    error: u,
+    value: h,
+    defaultValue: m,
+    onChange: b,
+    onBlur: v,
+    type: x = "text",
+    maxLength: N,
+    autoFocus: g,
+    inputProps: w,
+    endAdornment: y
+  } = e, [S, k] = V({
+    value: h,
+    defaultValue: m ?? "",
+    onChange: b
+  }), C = P(), D = n ?? C, $ = /* @__PURE__ */ a(
+    "input",
+    {
+      id: D,
+      name: t,
+      className: f("form-control", u && "is-invalid"),
+      disabled: r,
+      readOnly: l,
+      required: s,
+      placeholder: i,
+      maxLength: N,
+      autoFocus: g,
+      value: S,
+      onChange: (L) => k(L.target.value),
+      onBlur: v,
+      type: x,
+      ...w
+    }
+  );
+  return /* @__PURE__ */ a(K, { id: D, label: o, required: s, error: u, helpText: d, className: c, children: y ? /* @__PURE__ */ p("div", { className: "input-group", children: [
+    $,
+    y
+  ] }) : $ });
+}
+function bn(e) {
+  const {
+    id: n,
+    name: t,
+    disabled: r,
+    readOnly: l,
+    required: s,
+    className: c,
+    label: o,
+    placeholder: i,
+    helpText: d,
+    error: u,
+    value: h,
+    defaultValue: m,
+    onChange: b,
+    onBlur: v,
+    rows: x = 3,
+    maxLength: N
+  } = e, [g, w] = V({
+    value: h,
+    defaultValue: m ?? "",
+    onChange: b
+  }), y = P(), S = n ?? y;
+  return /* @__PURE__ */ a(K, { id: S, label: o, required: s, error: u, helpText: d, className: c, children: /* @__PURE__ */ a(
+    "textarea",
+    {
+      id: S,
+      name: t,
+      className: f("form-control", u && "is-invalid"),
+      disabled: r,
+      readOnly: l,
+      required: s,
+      placeholder: i,
+      rows: x,
+      maxLength: N,
+      value: g,
+      onChange: (k) => w(k.target.value),
+      onBlur: v
+    }
+  ) });
+}
+function vn({ value: e, defaultValue: n, onChange: t, min: r, max: l, step: s, ...c }) {
+  const [o, i] = V({
+    value: e,
+    defaultValue: n ?? null,
+    onChange: t
+  });
+  return /* @__PURE__ */ a(
+    Y,
+    {
+      ...c,
+      value: o === null ? "" : String(o),
+      onChange: (d) => {
+        if (d.trim() === "") {
+          i(null);
+          return;
+        }
+        const u = Number(d);
+        Number.isNaN(u) || i(u);
+      },
+      inputProps: { inputMode: "decimal", min: r, max: l, step: s }
+    }
+  );
+}
+function pn(e) {
+  const [n, t] = T(!1);
+  return /* @__PURE__ */ a(
+    Y,
+    {
+      ...e,
+      inputProps: { type: n ? "text" : "password", autoComplete: "current-password" },
+      endAdornment: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "btn btn-outline-secondary",
+          "aria-label": n ? "Hide password" : "Show password",
+          "aria-pressed": n,
+          onClick: () => t((r) => !r),
+          children: n ? "Hide" : "Show"
+        }
+      )
+    }
+  );
+}
+function gn({ id: e, name: n, disabled: t, required: r, className: l, label: s, helpText: c, error: o, accept: i, multiple: d, onChange: u }) {
+  const h = P(), m = e ?? h;
+  return /* @__PURE__ */ a(K, { id: m, label: s, required: r, error: o, helpText: c, className: l, children: /* @__PURE__ */ a(
+    "input",
+    {
+      id: m,
+      name: n,
+      type: "file",
+      className: f("form-control", o && "is-invalid"),
+      disabled: t,
+      required: r,
+      accept: i,
+      multiple: d,
+      onChange: (b) => u == null ? void 0 : u(b.target.files)
+    }
+  ) });
+}
+function fe({
+  id: e,
+  name: n,
+  disabled: t,
+  required: r,
+  wrapperClassName: l,
+  role: s,
+  label: c,
+  helpText: o,
+  error: i,
+  checked: d,
+  onChange: u,
+  className: h
+}) {
+  const m = P(), b = e ?? m;
+  return /* @__PURE__ */ p("div", { className: f(l, h), children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: b,
+        name: n,
+        type: "checkbox",
+        role: s,
+        className: f("form-check-input", i && "is-invalid"),
+        disabled: t,
+        required: r,
+        checked: d,
+        onChange: (v) => u(v.target.checked)
+      }
+    ),
+    c && /* @__PURE__ */ a("label", { htmlFor: b, className: "form-check-label", children: c }),
+    /* @__PURE__ */ a(ue, { error: i, helpText: o })
+  ] });
+}
+function yn(e) {
+  const [n, t] = V({
+    value: e.checked,
+    defaultValue: e.defaultChecked ?? !1,
+    onChange: e.onChange
+  });
+  return /* @__PURE__ */ a(
+    fe,
+    {
+      id: e.id,
+      name: e.name,
+      disabled: e.disabled,
+      required: e.required,
+      className: e.className,
+      wrapperClassName: "form-check mb-3",
+      label: e.label,
+      helpText: e.helpText,
+      error: e.error,
+      checked: n,
+      onChange: t
+    }
+  );
+}
+function Nn(e) {
+  const [n, t] = V({
+    value: e.checked,
+    defaultValue: e.defaultChecked ?? !1,
+    onChange: e.onChange
+  });
+  return /* @__PURE__ */ a(
+    fe,
+    {
+      id: e.id,
+      name: e.name,
+      disabled: e.disabled,
+      required: e.required,
+      className: e.className,
+      wrapperClassName: "form-check form-switch mb-3",
+      role: "switch",
+      label: e.label,
+      helpText: e.helpText,
+      error: e.error,
+      checked: n,
+      onChange: t
+    }
+  );
+}
+function Se({
+  id: e,
+  name: n,
+  value: t,
+  label: r,
+  checked: l,
+  disabled: s,
+  className: c,
+  onChange: o
+}) {
+  const i = P(), d = e ?? i;
+  return /* @__PURE__ */ p("div", { className: f("form-check", c), children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: d,
+        name: n,
+        type: "radio",
+        className: "form-check-input",
+        value: String(t),
+        checked: l,
+        disabled: s,
+        onChange: () => o == null ? void 0 : o(t)
+      }
+    ),
+    r && /* @__PURE__ */ a("label", { htmlFor: d, className: "form-check-label", children: r })
+  ] });
+}
+function wn({
+  options: e,
+  value: n,
+  defaultValue: t,
+  onChange: r,
+  inline: l,
+  id: s,
+  name: c,
+  disabled: o,
+  required: i,
+  className: d,
+  label: u,
+  helpText: h,
+  error: m
+}) {
+  const [b, v] = V({
+    value: n,
+    defaultValue: t ?? null,
+    onChange: (g) => {
+      g !== null && (r == null || r(g));
+    }
+  }), x = P(), N = c ?? s ?? x;
+  return /* @__PURE__ */ a(K, { label: u, required: i, error: m, helpText: h, className: d, children: /* @__PURE__ */ a("div", { role: "radiogroup", "aria-label": u, "aria-required": i, className: f(l && "d-flex gap-3"), children: e.map((g) => /* @__PURE__ */ a(
+    Se,
+    {
+      name: N,
+      value: g.value,
+      label: g.label,
+      checked: g.value === b,
+      disabled: o || g.disabled,
+      onChange: (w) => v(w)
+    },
+    String(g.value)
+  )) }) });
+}
+function Ce({
+  options: e,
+  value: n,
+  defaultValue: t,
+  onChange: r,
+  placeholder: l,
+  loading: s,
+  id: c,
+  name: o,
+  disabled: i,
+  readOnly: d,
+  required: u,
+  className: h,
+  label: m,
+  helpText: b,
+  error: v
+}) {
+  const [x, N] = V({
+    value: n,
+    defaultValue: t ?? null,
+    onChange: r
+  }), g = P(), w = c ?? g;
+  return /* @__PURE__ */ a(K, { id: w, label: m, required: u, error: v, helpText: b, className: h, children: /* @__PURE__ */ p(
+    "select",
+    {
+      id: w,
+      name: o,
+      className: f("form-select", v && "is-invalid"),
+      disabled: i || d || s,
+      required: u,
+      value: x === null ? "" : String(x),
+      onChange: (y) => {
+        const S = y.target.value;
+        if (S === "") {
+          N(null);
+          return;
+        }
+        const k = e.find((C) => String(C.value) === S);
+        N(k ? k.value : null);
+      },
+      children: [
+        s && /* @__PURE__ */ a("option", { value: "", children: "Loading…" }),
+        !s && l && /* @__PURE__ */ a("option", { value: "", children: l }),
+        e.map((y) => /* @__PURE__ */ a("option", { value: String(y.value), disabled: y.disabled, children: y.label }, String(y.value)))
+      ]
+    }
+  ) });
+}
+function le(e, n) {
+  B(() => {
+    if (!e)
+      return;
+    function t(r) {
+      r.key === "Escape" && n();
+    }
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [e, n]);
+}
+function G({ open: e, onClose: n, anchorRef: t, className: r, role: l, children: s }) {
+  const c = M(null);
+  return le(e, n), B(() => {
+    if (!e)
+      return;
+    function o(i) {
+      var u, h;
+      const d = i.target;
+      (u = c.current) != null && u.contains(d) || (h = t.current) != null && h.contains(d) || n();
+    }
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [e, n, t]), e ? /* @__PURE__ */ a("div", { ref: c, className: f("show", r), role: l, children: s }) : null;
+}
+function ee({
+  itemCount: e,
+  isOpen: n,
+  onSelect: t,
+  onClose: r
+}) {
+  const [l, s] = T(-1);
+  B(() => {
+    n || s(-1);
+  }, [n]), le(n, r);
+  const c = R(
+    (o) => {
+      if (!n) {
+        (o.key === "ArrowDown" || o.key === "Enter") && o.preventDefault();
+        return;
+      }
+      switch (o.key) {
+        case "ArrowDown":
+          o.preventDefault(), s((i) => e === 0 ? -1 : (i + 1) % e);
+          break;
+        case "ArrowUp":
+          o.preventDefault(), s((i) => e === 0 ? -1 : (i - 1 + e) % e);
+          break;
+        case "Home":
+          o.preventDefault(), s(e === 0 ? -1 : 0);
+          break;
+        case "End":
+          o.preventDefault(), s(e === 0 ? -1 : e - 1);
+          break;
+        case "Enter":
+          l >= 0 && (o.preventDefault(), t(l));
+          break;
+      }
+    },
+    [n, e, l, t]
+  );
+  return { activeIndex: l, setActiveIndex: s, handleKeyDown: c };
+}
+function Ie({
+  options: e,
+  values: n,
+  defaultValues: t,
+  onChange: r,
+  loading: l,
+  emptyText: s = "No options",
+  id: c,
+  name: o,
+  disabled: i,
+  readOnly: d,
+  required: u,
+  className: h,
+  label: m,
+  placeholder: b = "Select...",
+  helpText: v,
+  error: x
+}) {
+  const [N, g] = V({
+    value: n,
+    defaultValue: t ?? [],
+    onChange: r
+  }), [w, y] = T(!1), S = M(null), k = P(), C = c ?? k, D = new Set(N), $ = R(() => y(!1), []), L = R(
+    (I) => {
+      const F = e[I];
+      if (!F || F.disabled)
+        return;
+      const J = D.has(F.value) ? N.filter((te) => te !== F.value) : [...N, F.value];
+      g(J);
+    },
+    [e, N, D, g]
+  ), { activeIndex: q, setActiveIndex: _, handleKeyDown: U } = ee({
+    itemCount: e.length,
+    isOpen: w,
+    onSelect: L,
+    onClose: $
+  }), E = e.filter((I) => D.has(I.value)).map((I) => I.label).join(", ");
+  return /* @__PURE__ */ a(K, { id: C, label: m, required: u, error: x, helpText: v, className: h, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        ref: S,
+        id: C,
+        type: "button",
+        name: o,
+        className: f("form-select text-start", x && "is-invalid"),
+        disabled: i || d,
+        "aria-haspopup": "listbox",
+        "aria-expanded": w,
+        onClick: () => y((I) => !I),
+        onKeyDown: U,
+        children: E || /* @__PURE__ */ a("span", { className: "text-body-secondary", children: b })
+      }
+    ),
+    /* @__PURE__ */ a(G, { open: w, onClose: $, anchorRef: S, className: "dropdown-menu w-100", role: "listbox", children: l ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: "Loading…" }) : e.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: s }) : e.map((I, F) => /* @__PURE__ */ p(
+      "div",
+      {
+        role: "option",
+        "aria-selected": D.has(I.value),
+        className: f(
+          "dropdown-item d-flex align-items-center gap-2",
+          F === q && "active",
+          I.disabled && "disabled"
+        ),
+        onMouseEnter: () => _(F),
+        onMouseDown: (J) => {
+          J.preventDefault(), I.disabled || L(F);
+        },
+        children: [
+          /* @__PURE__ */ a("input", { type: "checkbox", className: "form-check-input m-0", checked: D.has(I.value), readOnly: !0, tabIndex: -1 }),
+          I.label
+        ]
+      },
+      String(I.value)
+    )) })
+  ] }) });
+}
+function H(e) {
+  if (!e)
+    return "";
+  const n = e.getFullYear(), t = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+  return `${n}-${t}-${r}`;
+}
+function me(e) {
+  if (!e)
+    return null;
+  const n = e.split("-").map(Number), [t, r, l] = n;
+  return !t || !r || !l ? null : new Date(t, r - 1, l);
+}
+function De({ value: e, defaultValue: n, onChange: t, min: r, max: l, ...s }) {
+  const [c, o] = V({
+    value: e,
+    defaultValue: n ?? null,
+    onChange: t
+  });
+  return /* @__PURE__ */ a(
+    Y,
+    {
+      ...s,
+      value: H(c),
+      onChange: (i) => o(me(i)),
+      inputProps: {
+        type: "date",
+        min: r ? H(r) : void 0,
+        max: l ? H(l) : void 0
+      }
+    }
+  );
+}
+function he(e) {
+  if (!e)
+    return "";
+  const n = String(e.getHours()).padStart(2, "0"), t = String(e.getMinutes()).padStart(2, "0");
+  return `${n}:${t}`;
+}
+function be(e) {
+  if (!e)
+    return null;
+  const [n, t] = e.split(":").map(Number);
+  return n === void 0 || t === void 0 || Number.isNaN(n) || Number.isNaN(t) ? null : new Date(1970, 0, 1, n, t, 0, 0);
+}
+function xn({ value: e, defaultValue: n, onChange: t, step: r, ...l }) {
+  const [s, c] = V({
+    value: e,
+    defaultValue: n ?? null,
+    onChange: t
+  });
+  return /* @__PURE__ */ a(
+    Y,
+    {
+      ...l,
+      value: he(s),
+      onChange: (o) => c(be(o)),
+      inputProps: { type: "time", step: r }
+    }
+  );
+}
+function ae(e, n) {
+  const t = me(e);
+  if (!t)
+    return null;
+  const r = be(n || "00:00");
+  return r && t.setHours(r.getHours(), r.getMinutes(), 0, 0), t;
+}
+function kn({
+  value: e,
+  defaultValue: n,
+  onChange: t,
+  min: r,
+  max: l,
+  id: s,
+  name: c,
+  disabled: o,
+  readOnly: i,
+  required: d,
+  className: u,
+  label: h,
+  helpText: m,
+  error: b
+}) {
+  const [v, x] = V({
+    value: e,
+    defaultValue: n ?? null,
+    onChange: t
+  }), N = P(), g = s ?? N, w = H(v), y = he(v);
+  return /* @__PURE__ */ a(K, { id: g, label: h, required: d, error: b, helpText: m, className: u, children: /* @__PURE__ */ p("div", { className: "d-flex gap-2", children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: g,
+        name: c ? `${c}-date` : void 0,
+        type: "date",
+        className: f("form-control", b && "is-invalid"),
+        disabled: o,
+        readOnly: i,
+        required: d,
+        min: r ? H(r) : void 0,
+        max: l ? H(l) : void 0,
+        value: w,
+        onChange: (S) => x(ae(S.target.value, y))
+      }
+    ),
+    /* @__PURE__ */ a(
+      "input",
+      {
+        name: c ? `${c}-time` : void 0,
+        type: "time",
+        className: f("form-control", b && "is-invalid"),
+        disabled: o,
+        readOnly: i,
+        required: d,
+        value: y,
+        onChange: (S) => x(ae(w || H(/* @__PURE__ */ new Date()), S.target.value))
+      }
+    )
+  ] }) });
+}
+function Ve({
+  options: e,
+  value: n,
+  defaultValue: t,
+  onChange: r,
+  loading: l,
+  emptyText: s = "No options",
+  id: c,
+  name: o,
+  disabled: i,
+  readOnly: d,
+  required: u,
+  className: h,
+  label: m,
+  placeholder: b = "Select...",
+  helpText: v,
+  error: x
+}) {
+  const [N, g] = V({
+    value: n,
+    defaultValue: t ?? null,
+    onChange: r
+  }), [w, y] = T(!1), S = M(null), k = P(), C = c ?? k, D = e.find((O) => O.value === N) ?? null, $ = R(() => y(!1), []), L = R(
+    (O) => {
+      const E = e[O];
+      !E || E.disabled || (g(E.value), $());
+    },
+    [e, g, $]
+  ), { activeIndex: q, setActiveIndex: _, handleKeyDown: U } = ee({
+    itemCount: e.length,
+    isOpen: w,
+    onSelect: L,
+    onClose: $
+  });
+  return /* @__PURE__ */ a(K, { id: C, label: m, required: u, error: x, helpText: v, className: h, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
+    /* @__PURE__ */ a(
+      "button",
+      {
+        ref: S,
+        id: C,
+        type: "button",
+        name: o,
+        className: f("form-select text-start", x && "is-invalid"),
+        disabled: i || d,
+        "aria-haspopup": "listbox",
+        "aria-expanded": w,
+        onClick: () => y((O) => !O),
+        onKeyDown: U,
+        children: D ? D.label : /* @__PURE__ */ a("span", { className: "text-body-secondary", children: b })
+      }
+    ),
+    /* @__PURE__ */ a(G, { open: w, onClose: $, anchorRef: S, className: "dropdown-menu w-100", role: "listbox", children: l ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: "Loading…" }) : e.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: s }) : e.map((O, E) => /* @__PURE__ */ a(
+      "div",
+      {
+        role: "option",
+        "aria-selected": O.value === N,
+        className: f("dropdown-item", E === q && "active", O.disabled && "disabled"),
+        onMouseEnter: () => _(E),
+        onMouseDown: (I) => {
+          I.preventDefault(), O.disabled || L(E);
+        },
+        children: O.label
+      },
+      String(O.value)
+    )) })
+  ] }) });
+}
+function Te(e, n) {
+  return n ? e.label.toLowerCase().includes(n.toLowerCase()) : !0;
+}
+function Me({
+  options: e,
+  value: n,
+  defaultValue: t,
+  onChange: r,
+  inputValue: l,
+  onInputValueChange: s,
+  loading: c,
+  emptyText: o = "No results",
+  filter: i,
+  id: d,
+  name: u,
+  disabled: h,
+  readOnly: m,
+  required: b,
+  className: v,
+  label: x,
+  placeholder: N,
+  helpText: g,
+  error: w
+}) {
+  const [y, S] = V({
+    value: n,
+    defaultValue: t ?? null,
+    onChange: r
+  }), k = e.find((A) => A.value === y) ?? null, [C, D] = V({
+    value: l,
+    defaultValue: (k == null ? void 0 : k.label) ?? "",
+    onChange: s
+  }), [$, L] = T(!1), q = M(null), _ = P(), U = d ?? _, O = i ?? Te, E = e.filter((A) => O(A, C)), I = R(() => L(!1), []), F = R(
+    (A) => {
+      const j = E[A];
+      !j || j.disabled || (S(j.value), D(j.label), I());
+    },
+    [E, S, D, I]
+  ), { activeIndex: J, setActiveIndex: te, handleKeyDown: we } = ee({
+    itemCount: E.length,
+    isOpen: $,
+    onSelect: F,
+    onClose: I
+  });
+  return /* @__PURE__ */ a(K, { id: U, label: x, required: b, error: w, helpText: g, className: v, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        ref: q,
+        id: U,
+        name: u,
+        type: "text",
+        className: f("form-control", w && "is-invalid"),
+        disabled: h,
+        readOnly: m,
+        required: b,
+        placeholder: N,
+        autoComplete: "off",
+        role: "combobox",
+        "aria-expanded": $,
+        "aria-haspopup": "listbox",
+        value: C,
+        onFocus: () => L(!0),
+        onChange: (A) => {
+          const j = A.target.value;
+          D(j), L(!0), y !== null && S(null);
+        },
+        onKeyDown: we
+      }
+    ),
+    /* @__PURE__ */ a(G, { open: $, onClose: I, anchorRef: q, className: "dropdown-menu w-100", role: "listbox", children: c ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: "Loading…" }) : E.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: o }) : E.map((A, j) => /* @__PURE__ */ a(
+      "div",
+      {
+        role: "option",
+        "aria-selected": A.value === y,
+        className: f("dropdown-item", j === J && "active", A.disabled && "disabled"),
+        onMouseEnter: () => te(j),
+        onMouseDown: (xe) => {
+          xe.preventDefault(), A.disabled || F(j);
+        },
+        children: A.label
+      },
+      String(A.value)
+    )) })
+  ] }) });
+}
+function Sn(e) {
+  return /* @__PURE__ */ a(K, { ...e });
+}
+function Ee({ open: e, onClose: n, title: t, children: r, footer: l, className: s }) {
+  return le(e, n), e ? /* @__PURE__ */ p(X, { children: [
+    /* @__PURE__ */ a("div", { className: "modal d-block", tabIndex: -1, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ a("div", { className: f("modal-dialog", s), role: "document", children: /* @__PURE__ */ p("div", { className: "modal-content", children: [
+      /* @__PURE__ */ p("div", { className: "modal-header", children: [
+        t && /* @__PURE__ */ a("h5", { className: "modal-title", children: t }),
+        /* @__PURE__ */ a("button", { type: "button", className: "btn-close", "aria-label": "Close", onClick: n })
+      ] }),
+      /* @__PURE__ */ a("div", { className: "modal-body", children: r }),
+      l && /* @__PURE__ */ a("div", { className: "modal-footer", children: l })
+    ] }) }) }),
+    /* @__PURE__ */ a("div", { className: "modal-backdrop show", onClick: n })
+  ] }) : null;
+}
+function Re(e, n, t) {
+  const r = [], l = Math.max(1, e - t), s = Math.min(n, e + t);
+  l > 1 && (r.push(1), l > 2 && r.push("ellipsis"));
+  for (let c = l; c <= s; c++)
+    r.push(c);
+  return s < n && (s < n - 1 && r.push("ellipsis"), r.push(n)), r;
+}
+function $e({ currentPage: e, pageSize: n, totalItems: t, onPageChange: r, siblingCount: l = 1, className: s }) {
+  const c = Math.max(1, Math.ceil(t / n)), o = Re(e, c, l);
+  return /* @__PURE__ */ a("nav", { "aria-label": "Pagination", className: s, children: /* @__PURE__ */ p("ul", { className: "pagination mb-0", children: [
+    /* @__PURE__ */ a("li", { className: f("page-item", e <= 1 && "disabled"), children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "page-link",
+        disabled: e <= 1,
+        onClick: () => r(e - 1),
+        children: "Previous"
+      }
+    ) }),
+    o.map(
+      (i, d) => i === "ellipsis" ? /* @__PURE__ */ a("li", { className: "page-item disabled", children: /* @__PURE__ */ a("span", { className: "page-link", children: "…" }) }, `ellipsis-${d}`) : /* @__PURE__ */ a("li", { className: f("page-item", i === e && "active"), children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: "page-link",
+          "aria-current": i === e ? "page" : void 0,
+          onClick: () => r(i),
+          children: i
+        }
+      ) }, i)
+    ),
+    /* @__PURE__ */ a("li", { className: f("page-item", e >= c && "disabled"), children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "page-link",
+        disabled: e >= c,
+        onClick: () => r(e + 1),
+        children: "Next"
+      }
+    ) })
+  ] }) });
+}
+function Oe(e, n) {
+  return !e || e.key !== n ? { key: n, direction: "asc" } : e.direction === "asc" ? { key: n, direction: "desc" } : null;
+}
+function Ae({
+  columns: e,
+  rows: n,
+  rowKey: t,
+  loading: r,
+  error: l,
+  emptyText: s = "No data",
+  className: c,
+  selectedRowKeys: o,
+  onSelectionChange: i,
+  sort: d,
+  onSortChange: u,
+  page: h,
+  pageSize: m,
+  totalCount: b,
+  onPageChange: v
+}) {
+  const x = !!i, N = new Set(o ?? []), g = h !== void 0 && m !== void 0 && b !== void 0, w = g ? Math.max(1, Math.ceil(b / m)) : 1;
+  function y() {
+    i && (N.size === n.length ? i([]) : i(n.map(t)));
+  }
+  function S(k) {
+    if (!i)
+      return;
+    const C = new Set(N);
+    C.has(k) ? C.delete(k) : C.add(k), i(Array.from(C));
+  }
+  return /* @__PURE__ */ p("div", { className: f("table-responsive", c), children: [
+    /* @__PURE__ */ p("table", { className: "table table-hover align-middle", children: [
+      /* @__PURE__ */ a("thead", { children: /* @__PURE__ */ p("tr", { children: [
+        x && /* @__PURE__ */ a("th", { style: { width: "2.5rem" }, children: /* @__PURE__ */ a(
+          "input",
+          {
+            type: "checkbox",
+            className: "form-check-input",
+            checked: n.length > 0 && N.size === n.length,
+            onChange: y,
+            "aria-label": "Select all rows"
+          }
+        ) }),
+        e.map((k) => /* @__PURE__ */ p(
+          "th",
+          {
+            style: { width: k.width },
+            role: k.sortable ? "button" : void 0,
+            onClick: k.sortable && u ? () => u(Oe(d, k.key)) : void 0,
+            children: [
+              k.header,
+              k.sortable && (d == null ? void 0 : d.key) === k.key && /* @__PURE__ */ p("span", { "aria-hidden": "true", children: [
+                " ",
+                d.direction === "asc" ? "▲" : "▼"
+              ] })
+            ]
+          },
+          k.key
+        ))
+      ] }) }),
+      /* @__PURE__ */ a("tbody", { children: r ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length + (x ? 1 : 0), className: "text-center text-body-secondary py-4", children: "Loading…" }) }) : l ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length + (x ? 1 : 0), className: "text-center text-danger py-4", children: l }) }) : n.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length + (x ? 1 : 0), className: "text-center text-body-secondary py-4", children: s }) }) : n.map((k) => {
+        const C = t(k);
+        return /* @__PURE__ */ p("tr", { children: [
+          x && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
+            "input",
+            {
+              type: "checkbox",
+              className: "form-check-input",
+              checked: N.has(C),
+              onChange: () => S(C),
+              "aria-label": "Select row"
+            }
+          ) }),
+          e.map((D) => /* @__PURE__ */ a("td", { children: D.render ? D.render(k) : String(k[D.key] ?? "") }, D.key))
+        ] }, C);
+      }) })
+    ] }),
+    g && /* @__PURE__ */ p("div", { className: "d-flex justify-content-between align-items-center mt-2", children: [
+      /* @__PURE__ */ p("span", { className: "text-body-secondary small", children: [
+        "Page ",
+        h,
+        " of ",
+        w,
+        " (",
+        b,
+        " rows)"
+      ] }),
+      /* @__PURE__ */ a($e, { currentPage: h, pageSize: m, totalItems: b, onPageChange: v })
+    ] })
+  ] });
+}
+function Pe({ size: e = "md", variant: n, className: t, label: r = "Loading..." }) {
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      className: f("spinner-border", e === "sm" && "spinner-border-sm", n && `text-${n}`, t),
+      role: "status",
+      children: /* @__PURE__ */ a("span", { className: "visually-hidden", children: r })
+    }
+  );
+}
+function re({
+  variant: e = "primary",
+  size: n,
+  disabled: t,
+  loading: r,
+  type: l = "button",
+  className: s,
+  children: c,
+  onClick: o,
+  ...i
+}) {
+  const d = t || r;
+  return /* @__PURE__ */ p(
+    "button",
+    {
+      type: l,
+      className: f("btn", `btn-${e}`, n && `btn-${n}`, s),
+      disabled: d,
+      "aria-busy": r || void 0,
+      onClick: d ? void 0 : o,
+      ...i,
+      children: [
+        r && /* @__PURE__ */ a(Pe, { size: "sm", className: "me-2", label: "" }),
+        c
+      ]
+    }
+  );
+}
+function ve({ variant: e = "info", dismissible: n, onDismiss: t, className: r, children: l }) {
+  return /* @__PURE__ */ p("div", { className: f("alert", `alert-${e}`, n && "alert-dismissible", r), role: "alert", children: [
+    l,
+    n && /* @__PURE__ */ a("button", { type: "button", className: "btn-close", "aria-label": "Close", onClick: t })
+  ] });
+}
+const pe = ce(null), Fe = 4e3;
+function Cn({ children: e }) {
+  const [n, t] = T([]), r = M(0), l = M(/* @__PURE__ */ new Map());
+  B(() => {
+    const i = l.current;
+    return () => {
+      i.forEach(clearTimeout), i.clear();
+    };
+  }, []);
+  const s = R((i) => {
+    const d = l.current.get(i);
+    d && (clearTimeout(d), l.current.delete(i)), t((u) => u.filter((h) => h.id !== i));
+  }, []), c = R(
+    (i, d) => {
+      const u = r.current++, h = (d == null ? void 0 : d.variant) ?? "info", m = (d == null ? void 0 : d.duration) ?? Fe;
+      return t((b) => [...b, { id: u, message: i, variant: h }]), m > 0 && l.current.set(
+        u,
+        setTimeout(() => s(u), m)
+      ), u;
+    },
+    [s]
+  ), o = W(
+    () => ({
+      show: c,
+      dismiss: s,
+      success: (i, d) => c(i, { ...d, variant: "success" }),
+      error: (i, d) => c(i, { ...d, variant: "danger" }),
+      info: (i, d) => c(i, { ...d, variant: "info" }),
+      warning: (i, d) => c(i, { ...d, variant: "warning" })
+    }),
+    [c, s]
+  );
+  return /* @__PURE__ */ p(pe.Provider, { value: o, children: [
+    e,
+    /* @__PURE__ */ a("div", { className: "toast-container position-fixed bottom-0 end-0 p-3", style: { zIndex: 1090 }, children: n.map((i) => /* @__PURE__ */ a(ve, { variant: i.variant, dismissible: !0, onDismiss: () => s(i.id), className: "shadow-sm", children: i.message }, i.id)) })
+  ] });
+}
+function In() {
+  const e = de(pe);
+  if (!e)
+    throw new Error("useToast must be used within a ToastProvider");
+  return e;
+}
+const ge = ce(null);
+function Dn({ children: e }) {
+  const [n, t] = T(null), r = R((s) => new Promise((c) => {
+    t({ ...s, resolve: c });
+  }), []), l = R(
+    (s) => {
+      n == null || n.resolve(s), t(null);
+    },
+    [n]
+  );
+  return /* @__PURE__ */ p(ge.Provider, { value: r, children: [
+    e,
+    /* @__PURE__ */ a(
+      Ee,
+      {
+        open: n !== null,
+        onClose: () => l(!1),
+        title: (n == null ? void 0 : n.title) ?? "Confirm",
+        footer: /* @__PURE__ */ p(X, { children: [
+          /* @__PURE__ */ a(re, { variant: "outline-secondary", onClick: () => l(!1), children: (n == null ? void 0 : n.cancelLabel) ?? "Cancel" }),
+          /* @__PURE__ */ a(re, { variant: (n == null ? void 0 : n.confirmVariant) ?? "danger", onClick: () => l(!0), children: (n == null ? void 0 : n.confirmLabel) ?? "Confirm" })
+        ] }),
+        children: n == null ? void 0 : n.message
+      }
+    )
+  ] });
+}
+function Vn() {
+  const e = de(ge);
+  if (!e)
+    throw new Error("useConfirm must be used within a ConfirmProvider");
+  return e;
+}
+function Tn({ variant: e = "primary", pill: n, className: t, children: r }) {
+  return /* @__PURE__ */ a("span", { className: f("badge", `bg-${e}`, n && "rounded-pill", t), children: r });
+}
+function Mn({ items: e, activeKey: n, defaultActiveKey: t, onChange: r, className: l }) {
+  var i;
+  const [s, c] = V({
+    value: n,
+    defaultValue: t ?? ((i = e[0]) == null ? void 0 : i.key) ?? "",
+    onChange: r
+  }), o = e.find((d) => d.key === s);
+  return /* @__PURE__ */ p("div", { className: l, children: [
+    /* @__PURE__ */ a("ul", { className: "nav nav-tabs", role: "tablist", children: e.map((d) => /* @__PURE__ */ a("li", { className: "nav-item", role: "presentation", children: /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: f("nav-link", d.key === s && "active"),
+        role: "tab",
+        "aria-selected": d.key === s,
+        disabled: d.disabled,
+        onClick: () => c(d.key),
+        children: d.label
+      }
+    ) }, d.key)) }),
+    /* @__PURE__ */ a("div", { className: "tab-content pt-3", role: "tabpanel", children: o == null ? void 0 : o.content })
+  ] });
+}
+function Le({ items: e, multiple: n = !1, openKeys: t, defaultOpenKeys: r, onChange: l, className: s }) {
+  const [c, o] = V({
+    value: t,
+    defaultValue: r ?? [],
+    onChange: l
+  }), i = new Set(c);
+  function d(u) {
+    i.has(u) ? o(c.filter((h) => h !== u)) : o(n ? [...c, u] : [u]);
+  }
+  return /* @__PURE__ */ a("div", { className: f("accordion", s), children: e.map((u) => {
+    const h = i.has(u.key);
+    return /* @__PURE__ */ p("div", { className: "accordion-item", children: [
+      /* @__PURE__ */ a("h2", { className: "accordion-header", children: /* @__PURE__ */ a(
+        "button",
+        {
+          type: "button",
+          className: f("accordion-button", !h && "collapsed"),
+          "aria-expanded": h,
+          disabled: u.disabled,
+          onClick: () => d(u.key),
+          children: u.header
+        }
+      ) }),
+      h && /* @__PURE__ */ a("div", { className: "accordion-collapse", children: /* @__PURE__ */ a("div", { className: "accordion-body", children: u.content }) })
+    ] }, u.key);
+  }) });
+}
+function En({ content: e, children: n, placement: t = "top", className: r }) {
+  const [l, s] = T(!1), c = M(null), o = P();
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      ref: c,
+      className: "position-relative d-inline-block",
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      onFocus: () => s(!0),
+      onBlur: () => s(!1),
+      "aria-describedby": l ? o : void 0,
+      children: [
+        n,
+        /* @__PURE__ */ a(
+          G,
+          {
+            open: l,
+            onClose: () => s(!1),
+            anchorRef: c,
+            className: f("tooltip show", `bs-tooltip-${t}`, "position-absolute", "w-auto", r),
+            children: /* @__PURE__ */ a("span", { id: o, role: "tooltip", className: "tooltip-inner", children: e })
+          }
+        )
+      ]
+    }
+  );
+}
+function Rn({ title: e, content: n, children: t, placement: r = "bottom", className: l }) {
+  const [s, c] = T(!1), o = M(null);
+  return /* @__PURE__ */ p("span", { ref: o, className: "position-relative d-inline-block", onClick: () => c((i) => !i), children: [
+    t,
+    /* @__PURE__ */ p(
+      G,
+      {
+        open: s,
+        onClose: () => c(!1),
+        anchorRef: o,
+        className: f("popover show", `bs-popover-${r}`, "position-absolute", "w-auto", l),
+        children: [
+          e && /* @__PURE__ */ a("h3", { className: "popover-header", children: e }),
+          /* @__PURE__ */ a("div", { className: "popover-body", children: n })
+        ]
+      }
+    )
+  ] });
+}
+function $n({ header: e, footer: n, className: t, children: r }) {
+  return /* @__PURE__ */ p("div", { className: f("card", t), children: [
+    e && /* @__PURE__ */ a("div", { className: "card-header", children: e }),
+    /* @__PURE__ */ a("div", { className: "card-body", children: r }),
+    n && /* @__PURE__ */ a("div", { className: "card-footer", children: n })
+  ] });
+}
+function On({ className: e, vertical: n, label: t }) {
+  return n ? /* @__PURE__ */ a("div", { className: f("vr", e), role: "separator", "aria-orientation": "vertical" }) : t ? /* @__PURE__ */ p("div", { className: f("d-flex align-items-center gap-2 my-3", e), role: "separator", children: [
+    /* @__PURE__ */ a("hr", { className: "flex-grow-1 m-0" }),
+    /* @__PURE__ */ a("span", { className: "text-body-secondary small", children: t }),
+    /* @__PURE__ */ a("hr", { className: "flex-grow-1 m-0" })
+  ] }) : /* @__PURE__ */ a("hr", { className: f("my-3", e), role: "separator" });
+}
+function An({ direction: e = "column", gap: n = 2, align: t, justify: r, wrap: l, className: s, children: c }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: f(
+        "d-flex",
+        e === "row" ? "flex-row" : "flex-column",
+        `gap-${n}`,
+        t && `align-items-${t}`,
+        r && `justify-content-${r}`,
+        l && "flex-wrap",
+        s
+      ),
+      children: c
+    }
+  );
+}
+function Pn({ fluid: e, className: n, children: t }) {
+  return /* @__PURE__ */ a("div", { className: f(e ? "container-fluid" : "container", n), children: t });
+}
+function Fn({ className: e, children: n }) {
+  return /* @__PURE__ */ a("div", { className: f("row", e), children: n });
+}
+function Ln({ span: e, sm: n, md: t, lg: r, xl: l, className: s, children: c }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      className: f(
+        e ? `col-${e}` : "col",
+        n ? `col-sm-${n}` : void 0,
+        t ? `col-md-${t}` : void 0,
+        r ? `col-lg-${r}` : void 0,
+        l ? `col-xl-${l}` : void 0,
+        s
+      ),
+      children: c
+    }
+  );
+}
+function Ke({ items: e, className: n }) {
+  return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", className: n, children: /* @__PURE__ */ a("ol", { className: "breadcrumb mb-0", children: e.map((t, r) => {
+    const l = r === e.length - 1, s = !l && (t.href || t.onClick);
+    return /* @__PURE__ */ a("li", { className: f("breadcrumb-item", l && "active"), "aria-current": l ? "page" : void 0, children: s ? /* @__PURE__ */ a(
+      "a",
+      {
+        href: t.href ?? "#",
+        onClick: (c) => {
+          var o;
+          t.href || c.preventDefault(), (o = t.onClick) == null || o.call(t);
+        },
+        children: t.label
+      }
+    ) : t.label }, r);
+  }) }) });
+}
+function Kn({ items: e, children: n, placement: t = "start", className: r }) {
+  const [l, s] = T(!1), c = M(null), o = R(() => s(!1), []), i = R(
+    (m) => {
+      var v;
+      const b = e[m];
+      !b || b.disabled || ((v = b.onSelect) == null || v.call(b), o());
+    },
+    [e, o]
+  ), { activeIndex: d, setActiveIndex: u, handleKeyDown: h } = ee({
+    itemCount: e.length,
+    isOpen: l,
+    onSelect: i,
+    onClose: o
+  });
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      ref: c,
+      className: "position-relative d-inline-block",
+      onClick: () => s((m) => !m),
+      onKeyDown: h,
+      children: [
+        n,
+        /* @__PURE__ */ a(
+          G,
+          {
+            open: l,
+            onClose: o,
+            anchorRef: c,
+            role: "menu",
+            className: f("dropdown-menu show", t === "end" && "dropdown-menu-end", r),
+            children: e.map((m, b) => /* @__PURE__ */ a(
+              "button",
+              {
+                type: "button",
+                role: "menuitem",
+                className: f("dropdown-item", b === d && "active", m.disabled && "disabled", m.danger && "text-danger"),
+                disabled: m.disabled,
+                onMouseEnter: () => u(b),
+                onMouseDown: (v) => v.preventDefault(),
+                onClick: (v) => {
+                  v.stopPropagation(), i(b);
+                },
+                children: m.label
+              },
+              m.key
+            ))
+          }
+        )
+      ]
+    }
+  );
+}
+function jn({ steps: e, currentStep: n, className: t }) {
+  return /* @__PURE__ */ a("ol", { className: f("d-flex list-unstyled align-items-center", t), children: e.map((r, l) => {
+    const s = l < n ? "complete" : l === n ? "active" : "upcoming", c = l === e.length - 1;
+    return /* @__PURE__ */ p("li", { className: f("d-flex align-items-center", !c && "flex-grow-1"), children: [
+      /* @__PURE__ */ p("div", { className: "d-flex align-items-center gap-2", children: [
+        /* @__PURE__ */ a(
+          "span",
+          {
+            className: f(
+              "d-flex align-items-center justify-content-center rounded-circle flex-shrink-0",
+              s === "complete" ? "bg-primary text-white" : s === "active" ? "border border-primary text-primary" : "border text-body-secondary"
+            ),
+            style: { width: "2rem", height: "2rem" },
+            "aria-current": s === "active" ? "step" : void 0,
+            children: s === "complete" ? "✓" : l + 1
+          }
+        ),
+        /* @__PURE__ */ p("div", { children: [
+          /* @__PURE__ */ a("div", { className: f("small fw-semibold", s === "upcoming" && "text-body-secondary"), children: r.label }),
+          r.description && /* @__PURE__ */ a("div", { className: "small text-body-secondary", children: r.description })
+        ] })
+      ] }),
+      !c && /* @__PURE__ */ a("hr", { className: "flex-grow-1 mx-2" })
+    ] }, r.key);
+  }) });
+}
+function je(e) {
+  var l, s;
+  const n = e.trim().split(/\s+/), t = ((l = n[0]) == null ? void 0 : l[0]) ?? "", r = n.length > 1 ? ((s = n[n.length - 1]) == null ? void 0 : s[0]) ?? "" : "";
+  return (t + r).toUpperCase();
+}
+const Be = {
+  sm: "1.75rem",
+  md: "2.5rem",
+  lg: "3.5rem"
+};
+function Bn({ src: e, name: n, size: t = "md", className: r }) {
+  const l = Be[t];
+  return e ? /* @__PURE__ */ a(
+    "img",
+    {
+      src: e,
+      alt: n ?? "",
+      className: f("rounded-circle", r),
+      style: { width: l, height: l, objectFit: "cover" }
+    }
+  ) : /* @__PURE__ */ a(
+    "span",
+    {
+      className: f("d-inline-flex align-items-center justify-content-center rounded-circle bg-secondary text-white", r),
+      style: { width: l, height: l, fontSize: `calc(${l} * 0.4)` },
+      role: n ? "img" : void 0,
+      "aria-label": n,
+      children: n ? je(n) : null
+    }
+  );
+}
+function Hn({ variant: e = "secondary", onRemove: n, className: t, children: r }) {
+  return /* @__PURE__ */ p("span", { className: f("badge d-inline-flex align-items-center gap-1", `bg-${e}`, t), children: [
+    r,
+    n && /* @__PURE__ */ a(
+      "button",
+      {
+        type: "button",
+        className: "btn-close btn-close-white",
+        style: { fontSize: "0.55rem" },
+        "aria-label": "Remove",
+        onClick: n
+      }
+    )
+  ] });
+}
+function qn({ width: e = "100%", height: n = "1rem", circle: t, className: r }) {
+  return /* @__PURE__ */ a("span", { className: f("placeholder-glow d-inline-block", r), style: { width: e, height: n }, "aria-hidden": "true", children: /* @__PURE__ */ a("span", { className: f("placeholder w-100 h-100 d-block", t && "rounded-circle") }) });
+}
+function Un({
+  value: e,
+  defaultValue: n,
+  onChange: t,
+  min: r = 0,
+  max: l = 100,
+  step: s = 1,
+  id: c,
+  name: o,
+  disabled: i,
+  required: d,
+  className: u,
+  label: h,
+  helpText: m,
+  error: b
+}) {
+  const [v, x] = V({
+    value: e,
+    defaultValue: n ?? r,
+    onChange: t
+  }), N = P(), g = c ?? N;
+  return /* @__PURE__ */ p(K, { id: g, label: h, required: d, error: b, helpText: m, className: u, children: [
+    /* @__PURE__ */ a(
+      "input",
+      {
+        id: g,
+        name: o,
+        type: "range",
+        className: "form-range",
+        disabled: i,
+        required: d,
+        min: r,
+        max: l,
+        step: s,
+        value: v,
+        onChange: (w) => x(Number(w.target.value))
+      }
+    ),
+    /* @__PURE__ */ a("div", { className: "small text-body-secondary", children: v })
+  ] });
+}
+function Gn({ value: e, defaultValue: n, onChange: t, max: r = 5, disabled: l, className: s }) {
+  const [c, o] = V({
+    value: e,
+    defaultValue: n ?? 0,
+    onChange: t
+  });
+  return /* @__PURE__ */ a("div", { className: f("d-inline-flex gap-1", s), role: "radiogroup", "aria-label": "Rating", children: Array.from({ length: r }, (i, d) => d + 1).map((i) => /* @__PURE__ */ a(
+    "button",
+    {
+      type: "button",
+      className: "btn btn-link p-0 border-0",
+      disabled: l,
+      role: "radio",
+      "aria-checked": i === c,
+      "aria-label": `${i} star${i > 1 ? "s" : ""}`,
+      onClick: () => o(i),
+      children: /* @__PURE__ */ a("span", { "aria-hidden": "true", style: { fontSize: "1.25rem", color: i <= c ? "#f5b301" : "#ced4da" }, children: "★" })
+    },
+    i
+  )) });
+}
+function _n({ value: e, variant: n = "primary", label: t, className: r }) {
+  const l = Math.max(0, Math.min(100, e));
+  return /* @__PURE__ */ a("div", { className: f("progress", r), role: "progressbar", "aria-valuenow": l, "aria-valuemin": 0, "aria-valuemax": 100, children: /* @__PURE__ */ a("div", { className: f("progress-bar", `bg-${n}`), style: { width: `${l}%` }, children: t ? `${Math.round(l)}%` : null }) });
+}
+const He = {
+  sm: "0.875em",
+  lg: "1.5em",
+  xl: "2em"
+};
+function Jn({ name: e, size: n, className: t, label: r }) {
+  return /* @__PURE__ */ a(
+    "i",
+    {
+      className: f(e, t),
+      style: n ? { fontSize: He[n] } : void 0,
+      role: r ? "img" : void 0,
+      "aria-label": r,
+      "aria-hidden": r ? void 0 : !0
+    }
+  );
+}
+function Yn({ brand: e, start: n, end: t, variant: r = "light", className: l }) {
+  return /* @__PURE__ */ a(
+    "nav",
+    {
+      className: f(
+        "navbar navbar-expand-lg border-bottom",
+        r === "dark" ? "navbar-dark bg-dark" : "navbar-light bg-light",
+        l
+      ),
+      children: /* @__PURE__ */ p("div", { className: "container-fluid", children: [
+        e && /* @__PURE__ */ a("span", { className: "navbar-brand mb-0", children: e }),
+        n && /* @__PURE__ */ a("div", { className: "d-flex align-items-center gap-3", children: n }),
+        t && /* @__PURE__ */ a("div", { className: "d-flex align-items-center gap-3 ms-auto", children: t })
+      ] })
+    }
+  );
+}
+function qe(e) {
+  return "items" in e;
+}
+function se({ item: e }) {
+  return /* @__PURE__ */ p(
+    "a",
+    {
+      href: e.href ?? "#",
+      className: f("nav-link d-flex align-items-center gap-2", e.active && "active", e.disabled && "disabled"),
+      "aria-current": e.active ? "page" : void 0,
+      "aria-disabled": e.disabled,
+      onClick: (n) => {
+        var t;
+        e.href || n.preventDefault(), !e.disabled && ((t = e.onClick) == null || t.call(e));
+      },
+      children: [
+        e.icon,
+        e.label
+      ]
+    }
+  );
+}
+function zn({ sections: e, header: n, footer: t, className: r }) {
+  return /* @__PURE__ */ p("div", { className: f("d-flex flex-column h-100", r), children: [
+    n && /* @__PURE__ */ a("div", { className: "p-3 border-bottom", children: n }),
+    /* @__PURE__ */ a("nav", { className: "nav flex-column flex-grow-1 p-2 gap-1", children: e.map(
+      (l) => qe(l) ? /* @__PURE__ */ a(
+        Le,
+        {
+          className: "border-0",
+          defaultOpenKeys: l.defaultOpen ? [l.key] : [],
+          items: [
+            {
+              key: l.key,
+              header: l.label,
+              content: /* @__PURE__ */ a("div", { className: "nav flex-column ps-2 gap-1", children: l.items.map((s) => /* @__PURE__ */ a(se, { item: s }, s.key)) })
+            }
+          ]
+        },
+        l.key
+      ) : /* @__PURE__ */ a(se, { item: l }, l.key)
+    ) }),
+    t && /* @__PURE__ */ a("div", { className: "p-3 border-top", children: t })
+  ] });
+}
+function Zn({ title: e, description: n, breadcrumbItems: t, actions: r, className: l }) {
+  return /* @__PURE__ */ p("div", { className: f("mb-4", l), children: [
+    t && t.length > 0 && /* @__PURE__ */ a(Ke, { items: t, className: "mb-2" }),
+    /* @__PURE__ */ p("div", { className: "d-flex align-items-start justify-content-between gap-3 flex-wrap", children: [
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ a("h1", { className: "h3 mb-1", children: e }),
+        n && /* @__PURE__ */ a("p", { className: "text-body-secondary mb-0", children: n })
+      ] }),
+      r && /* @__PURE__ */ a("div", { className: "d-flex align-items-center gap-2", children: r })
+    ] })
+  ] });
+}
+class Ue extends Error {
+  constructor(n, t, r) {
+    super(`HTTP ${n} ${t} for ${r}`), this.name = "HttpError", this.status = n, this.statusText = t, this.url = r;
+  }
+}
+function Ge(e) {
+  if (!e)
+    return "";
+  const n = new URLSearchParams();
+  for (const [r, l] of Object.entries(e))
+    l != null && n.set(r, String(l));
+  const t = n.toString();
+  return t ? `?${t}` : "";
+}
+function _e(e = {}) {
+  const { baseUrl: n = "", fetcher: t = fetch, buildRequestInit: r } = e;
+  return {
+    async get(l, s = {}) {
+      const c = `${n}${l}${Ge(s.params)}`;
+      let o = { method: "GET", signal: s.signal };
+      r && (o = r(c, o));
+      const i = await t(c, o);
+      if (!i.ok)
+        throw new Ue(i.status, i.statusText, c);
+      return await i.json();
+    }
+  };
+}
+const Je = _e();
+function Ye(e) {
+  return Object.keys(e).sort().reduce((n, t) => (n[t] = e[t], n), {});
+}
+function z({
+  client: e = Je,
+  url: n,
+  params: t,
+  mapResponse: r,
+  enabled: l = !0
+}) {
+  const [s, c] = T("idle"), [o, i] = T([]), [d, u] = T(null), [h, m] = T(0), b = W(() => t ? JSON.stringify(Ye(t)) : "", [t]), v = M(0), x = M(r);
+  x.current = r, B(() => {
+    if (!l || !n) {
+      c("idle"), i([]), u(null);
+      return;
+    }
+    const g = ++v.current, w = new AbortController();
+    return c("loading"), u(null), e.get(n, { params: t, signal: w.signal }).then((y) => {
+      if (g !== v.current)
+        return;
+      const S = x.current(y);
+      i(S), c(S.length === 0 ? "empty" : "success");
+    }).catch((y) => {
+      g === v.current && (y instanceof DOMException && y.name === "AbortError" || (u(y instanceof Error ? y : new Error(String(y))), c("error")));
+    }), () => {
+      w.abort();
+    };
+  }, [e, n, b, l, h]);
+  const N = R(() => m((g) => g + 1), []);
+  return { state: s, items: o, error: d, reload: N };
+}
+function ze(e, n) {
+  const [t, r] = T(e);
+  return B(() => {
+    const l = setTimeout(() => r(e), n);
+    return () => clearTimeout(l);
+  }, [e, n]), t;
+}
+function Z(e) {
+  if (Array.isArray(e))
+    return e;
+  if (e && typeof e == "object" && Array.isArray(e.items))
+    return e.items;
+  throw new Error(
+    "Unable to normalize remote response into an array. Provide an explicit `mapResponse` for this endpoint's response shape."
+  );
+}
+function ne(e, n, t) {
+  if (e === null || typeof e != "object")
+    throw new Error("Remote item is not an object; cannot read valueMember/displayMember from it.");
+  const r = e;
+  return {
+    value: r[n],
+    label: String(r[t] ?? "")
+  };
+}
+function Ze({
+  url: e,
+  params: n,
+  valueMember: t,
+  displayMember: r,
+  mapResponse: l,
+  client: s,
+  enabled: c,
+  ...o
+}) {
+  const { state: i, items: d, error: u } = z({
+    client: s,
+    url: e,
+    params: n,
+    enabled: c,
+    mapResponse: (m) => (l ? l(m) : Z(m)).map((v) => ne(v, t, r))
+  }), h = o.error ?? (i === "error" ? (u == null ? void 0 : u.message) ?? "Failed to load options" : void 0);
+  return /* @__PURE__ */ a(Ve, { ...o, options: d, loading: i === "loading", error: h });
+}
+function Qn({
+  url: e,
+  params: n,
+  searchParam: t,
+  valueMember: r,
+  displayMember: l,
+  mapResponse: s,
+  minSearchLength: c = 1,
+  debounceMs: o = 300,
+  client: i,
+  inputValue: d,
+  onInputValueChange: u,
+  ...h
+}) {
+  const [m, b] = V({
+    value: d,
+    defaultValue: "",
+    onChange: u
+  }), v = ze(m, o), x = v.length >= c, { state: N, items: g, error: w } = z({
+    client: i,
+    url: e,
+    enabled: x,
+    params: { ...n, [t]: v },
+    mapResponse: (S) => (s ? s(S) : Z(S)).map((C) => ne(C, r, l))
+  }), y = h.error ?? (N === "error" ? (w == null ? void 0 : w.message) ?? "Failed to load suggestions" : void 0);
+  return /* @__PURE__ */ a(
+    Me,
+    {
+      ...h,
+      options: g,
+      loading: N === "loading",
+      error: y,
+      inputValue: m,
+      onInputValueChange: b,
+      filter: () => !0
+    }
+  );
+}
+function Qe({
+  url: e,
+  params: n,
+  mapResponse: t,
+  getTotalCount: r,
+  pageSize: l = 20,
+  client: s,
+  ...c
+}) {
+  const [o, i] = T(1), [d, u] = T(null), h = W(() => JSON.stringify(n ?? {}), [n]), m = M(!0);
+  B(() => {
+    if (m.current) {
+      m.current = !1;
+      return;
+    }
+    i(1);
+  }, [h]);
+  const b = W(
+    () => ({
+      ...n,
+      page: o,
+      pageSize: l,
+      ...d ? { sortKey: d.key, sortDirection: d.direction } : {}
+    }),
+    [n, o, l, d]
+  ), v = M(void 0), { state: x, items: N, error: g } = z({
+    client: s,
+    url: e,
+    params: b,
+    mapResponse: (C) => (v.current = C, t ? t(C) : Z(C))
+  }), w = v.current !== void 0 ? r == null ? void 0 : r(v.current) : void 0, S = N.length >= l && l > 0 ? o * l + 1 : (o - 1) * l + N.length, k = w ?? S;
+  return /* @__PURE__ */ a(
+    Ae,
+    {
+      ...c,
+      rows: N,
+      loading: x === "loading",
+      error: g == null ? void 0 : g.message,
+      page: o,
+      pageSize: l,
+      totalCount: k,
+      onPageChange: i,
+      sort: d,
+      onSortChange: (C) => {
+        u(C), i(1);
+      }
+    }
+  );
+}
+function Wn({
+  url: e,
+  params: n,
+  valueMember: t,
+  displayMember: r,
+  mapResponse: l,
+  client: s,
+  enabled: c,
+  ...o
+}) {
+  const { state: i, items: d, error: u } = z({
+    client: s,
+    url: e,
+    params: n,
+    enabled: c,
+    mapResponse: (m) => (l ? l(m) : Z(m)).map((v) => ne(v, t, r))
+  }), h = o.error ?? (i === "error" ? (u == null ? void 0 : u.message) ?? "Failed to load options" : void 0);
+  return /* @__PURE__ */ a(Ce, { ...o, options: d, loading: i === "loading", error: h });
+}
+function Xn({
+  url: e,
+  params: n,
+  valueMember: t,
+  displayMember: r,
+  mapResponse: l,
+  client: s,
+  enabled: c,
+  ...o
+}) {
+  const { state: i, items: d, error: u } = z({
+    client: s,
+    url: e,
+    params: n,
+    enabled: c,
+    mapResponse: (m) => (l ? l(m) : Z(m)).map((v) => ne(v, t, r))
+  }), h = o.error ?? (i === "error" ? (u == null ? void 0 : u.message) ?? "Failed to load options" : void 0);
+  return /* @__PURE__ */ a(Ie, { ...o, options: d, loading: i === "loading", error: h });
+}
+function et() {
+  const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
+  return {
+    register(t, r) {
+      e.set(t, r);
+    },
+    resolve(t, r) {
+      const l = e.get(t.component);
+      return l ? l(t, r) : (n.has(t.component) || (n.add(t.component), console.warn(
+        `Smart: no resolver registered for component "${t.component}" (field "${t.name}"). Skipping.`
+      )), null);
+    },
+    has(t) {
+      return e.has(t);
+    }
+  };
+}
+function nt(e) {
+  const n = new Map(Object.entries(e ?? {}));
+  return {
+    register(t, r) {
+      n.set(t, r);
+    },
+    resolve(t) {
+      return n.get(t);
+    }
+  };
+}
+function tt() {
+  const e = /* @__PURE__ */ new Map();
+  return {
+    register(n, t) {
+      e.set(n, t);
+    },
+    resolve(n) {
+      return e.get(n);
+    }
+  };
+}
+function We(e) {
+  return "dataSource" in e;
+}
+function Xe(e, n) {
+  if (!e)
+    return;
+  const t = {};
+  for (const [r, l] of Object.entries(e))
+    t[r] = l.kind === "static" ? l.value : n[l.field];
+  return t;
+}
+function ie(e, n, t) {
+  return n && t ? t(n) : e;
+}
+function Q(e, n) {
+  const { values: t, translate: r } = n;
+  return {
+    metadata: e,
+    visible: e.visible ?? !0,
+    readOnly: e.readOnly ?? !1,
+    disabled: e.disabled ?? !1,
+    required: e.required ?? !1,
+    label: ie(e.label, e.labelKey, r),
+    placeholder: e.placeholder,
+    helpText: e.helpText,
+    validationMessage: ie(e.validationMessage, e.validationMessageKey, r),
+    params: We(e) ? Xe(e.dataSource.params, t) : void 0
+  };
+}
+function rt(e, n, t) {
+  const r = n == null ? void 0 : n.fields.find((l) => l.name === e);
+  if (r)
+    return Q(r, t);
+}
+const en = [];
+function nn(e, n) {
+  const t = {};
+  for (const r of n)
+    t[r] = e[r];
+  return t;
+}
+function tn(e, n, t) {
+  const r = e ?? en, l = nn(n, r), s = r.length === 0 ? "" : JSON.stringify(l), c = M(null), o = M(t);
+  o.current = t, B(() => {
+    var d;
+    if (r.length === 0)
+      return;
+    const i = c.current;
+    if (i && i.key !== s)
+      for (const u of r)
+        Object.is(i.snapshot[u], l[u]) || (d = o.current) == null || d.call(o, u);
+    c.current = { key: s, snapshot: l };
+  }, [s]);
+}
+function ye(e, n) {
+  const { actions: t, translate: r } = n, l = t.resolve(e.id);
+  return {
+    metadata: e,
+    visible: e.visible ?? !0,
+    enabled: (e.enabled ?? !0) && !!l,
+    label: e.labelKey && r ? r(e.labelKey) : e.label,
+    handler: l
+  };
+}
+function lt(e, n, t) {
+  var l;
+  const r = (l = n == null ? void 0 : n.actions) == null ? void 0 : l.find((s) => s.id === e);
+  if (r)
+    return ye(r, t);
+}
+const rn = (e, n) => {
+  const t = Q(e, { values: n.values, translate: n.translate });
+  if (!t.visible)
+    return null;
+  const r = n.dataSources.resolve(e.dataSource.id);
+  return r ? /* @__PURE__ */ a(
+    Ze,
+    {
+      label: t.label,
+      url: r.url,
+      client: r.client,
+      params: t.params,
+      valueMember: e.valueMember,
+      displayMember: e.displayMember,
+      required: t.required,
+      readOnly: t.readOnly,
+      disabled: t.disabled,
+      helpText: t.helpText,
+      error: t.validationMessage,
+      value: n.values[e.name] ?? null,
+      onChange: (l) => n.onFieldChange(e.name, l)
+    }
+  ) : (console.warn(`Smart: no data source registered for id "${e.dataSource.id}" (field "${e.name}"). Skipping.`), null);
+}, ln = {
+  text: (e) => e == null ? "" : String(e),
+  boolean: (e, n) => n ? n(e ? "smart.boolean.true" : "smart.boolean.false") : e ? "Yes" : "No",
+  date: (e) => {
+    if (e == null || e === "")
+      return "";
+    const n = e instanceof Date ? e : new Date(String(e));
+    return Number.isNaN(n.getTime()) ? String(e) : n.toLocaleDateString();
+  },
+  currency: (e) => {
+    const n = Number(e);
+    return Number.isFinite(n) ? n.toLocaleString(void 0, { style: "currency", currency: "USD" }) : String(e ?? "");
+  }
+};
+function an(e, n) {
+  if (e.visible === !1)
+    return null;
+  const t = e.headerKey && n ? n(e.headerKey) : e.header ?? e.key, r = e.format ? ln[e.format] : void 0;
+  return {
+    key: e.key,
+    header: t,
+    sortable: e.sortable,
+    render: r ? (l) => r(l[e.key], n) : void 0
+  };
+}
+const sn = (e, n) => {
+  const t = Q(e, { values: n.values, translate: n.translate });
+  if (!t.visible)
+    return null;
+  const r = n.dataSources.resolve(e.dataSource.id);
+  if (!r)
+    return console.warn(`Smart: no data source registered for id "${e.dataSource.id}" (field "${e.name}"). Skipping.`), null;
+  const l = e.columns.map((o) => an(o, n.translate)).filter((o) => o !== null), s = e.totalCountField, c = s ? (o) => {
+    const i = o == null ? void 0 : o[s];
+    return typeof i == "number" ? i : void 0;
+  } : void 0;
+  return /* @__PURE__ */ a(
+    Qe,
+    {
+      url: r.url,
+      client: r.client,
+      params: t.params,
+      columns: l,
+      rowKey: (o) => o[e.rowKey],
+      getTotalCount: c
+    }
+  );
+};
+function oe(e) {
+  if (!e)
+    return;
+  const n = new Date(e);
+  return Number.isNaN(n.getTime()) ? void 0 : n;
+}
+const on = (e, n) => {
+  const t = Q(e, { values: n.values, translate: n.translate });
+  return t.visible ? /* @__PURE__ */ a(
+    De,
+    {
+      label: t.label,
+      required: t.required,
+      readOnly: t.readOnly,
+      disabled: t.disabled,
+      helpText: t.helpText,
+      error: t.validationMessage,
+      min: oe(e.minDate),
+      max: oe(e.maxDate),
+      value: n.values[e.name] ?? null,
+      onChange: (r) => n.onFieldChange(e.name, r)
+    }
+  ) : null;
+}, cn = (e, n) => {
+  const t = Q(e, { values: n.values, translate: n.translate });
+  return t.visible ? /* @__PURE__ */ a(
+    Y,
+    {
+      label: t.label,
+      required: t.required,
+      readOnly: t.readOnly,
+      disabled: t.disabled,
+      helpText: t.helpText,
+      placeholder: t.placeholder,
+      error: t.validationMessage,
+      maxLength: e.maxLength,
+      value: n.values[e.name] ?? "",
+      onChange: (r) => n.onFieldChange(e.name, r)
+    }
+  ) : null;
+};
+function at(e) {
+  e.register("Input", cn), e.register("ComboBox", rn), e.register("DatePicker", on), e.register("DataGrid", sn);
+}
+function dn({ metadata: e, ctx: n }) {
+  const t = n.onMetadataRefreshNeeded;
+  return tn(
+    e.dependsOn,
+    n.values,
+    t ? (r) => t(e.name, r) : void 0
+  ), e.visible === !1 ? null : n.registry.resolve(e, n);
+}
+const Ne = 1;
+function un(e) {
+  const n = Number(e.split(".")[0]);
+  return Number.isFinite(n) && n === Ne;
+}
+function st({ metadata: e, ctx: n }) {
+  return un(e.schemaVersion) ? /* @__PURE__ */ a(X, { children: e.fields.map((t) => /* @__PURE__ */ a(dn, { metadata: t, ctx: n }, t.name)) }) : /* @__PURE__ */ p(ve, { variant: "danger", children: [
+    'Unsupported form schema version "',
+    e.schemaVersion,
+    '" — this app understands schema version ',
+    Ne,
+    ".x."
+  ] });
+}
+function fn({ metadata: e, ctx: n }) {
+  const t = ye(e, n);
+  return t.visible ? /* @__PURE__ */ a(re, { disabled: !t.enabled, onClick: () => {
+    var r;
+    return (r = t.handler) == null ? void 0 : r.call(t);
+  }, children: t.label ?? e.id }) : null;
+}
+function it({ metadata: e, ctx: n }) {
+  return !e.actions || e.actions.length === 0 ? null : /* @__PURE__ */ a(X, { children: e.actions.map((t) => /* @__PURE__ */ a(fn, { metadata: t, ctx: n }, t.id)) });
+}
+export {
+  Le as Accordion,
+  ve as Alert,
+  Me as AutoComplete,
+  Bn as Avatar,
+  Tn as Badge,
+  Ke as Breadcrumb,
+  re as Button,
+  $n as Card,
+  yn as CheckBox,
+  Ln as Col,
+  Ve as ComboBox,
+  Dn as ConfirmProvider,
+  Pn as Container,
+  Ae as DataGrid,
+  De as DatePicker,
+  kn as DateTimePicker,
+  On as Divider,
+  gn as FileInput,
+  Sn as FormField,
+  Ue as HttpError,
+  Jn as Icon,
+  Y as Input,
+  ke as Label,
+  Kn as Menu,
+  Ee as Modal,
+  Ie as MultiSelect,
+  Yn as Navbar,
+  vn as NumberInput,
+  Zn as PageHeader,
+  $e as Pagination,
+  pn as PasswordInput,
+  Rn as Popover,
+  G as Popup,
+  _n as ProgressBar,
+  Se as RadioButton,
+  wn as RadioGroup,
+  Gn as Rating,
+  Qn as RemoteAutoComplete,
+  Ze as RemoteComboBox,
+  Qe as RemoteDataGrid,
+  Xn as RemoteMultiSelect,
+  Wn as RemoteSelect,
+  Fn as Row,
+  Ce as Select,
+  zn as Sidebar,
+  qn as Skeleton,
+  Un as Slider,
+  fn as SmartAction,
+  it as SmartActions,
+  dn as SmartField,
+  st as SmartForm,
+  Pe as Spinner,
+  An as Stack,
+  jn as Stepper,
+  Nn as Switch,
+  Mn as Tabs,
+  Hn as Tag,
+  bn as TextArea,
+  xn as TimePicker,
+  Cn as ToastProvider,
+  En as Tooltip,
+  ue as ValidationMessage,
+  rn as comboBoxResolver,
+  _e as createHttpClient,
+  tt as createSmartActionRegistry,
+  et as createSmartComponentRegistry,
+  nt as createSmartDataSourceRegistry,
+  sn as dataGridResolver,
+  on as datePickerResolver,
+  Z as defaultArrayNormalization,
+  Je as defaultHttpClient,
+  me as fromDateInputValue,
+  be as fromTimeInputValue,
+  cn as inputResolver,
+  at as registerBuiltInResolvers,
+  ye as resolveSmartActionMetadata,
+  Q as resolveSmartFieldMetadata,
+  H as toDateInputValue,
+  ne as toSelectOption,
+  he as toTimeInputValue,
+  Vn as useConfirm,
+  ze as useDebouncedValue,
+  z as useRemoteData,
+  lt as useSmartAction,
+  tn as useSmartDependencies,
+  rt as useSmartField,
+  In as useToast
+};
+//# sourceMappingURL=index.js.map