rich-react-component 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,158 +1,158 @@
-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";
+import { jsxs as p, jsx as a, Fragment as H } from "react/jsx-runtime";
+import { useRef as O, useState as M, useCallback as A, useId as F, useEffect as _, createContext as he, useMemo as ne, useContext as be } from "react";
 function f(...e) {
   return e.filter(Boolean).join(" ");
 }
-function ke({ htmlFor: e, required: n, className: t, children: r }) {
+function $e({ 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 }) {
+function pe({ 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 B({ id: e, label: n, required: t, error: r, helpText: l, className: i, children: o }) {
+  return /* @__PURE__ */ p("div", { className: f("mb-3", i), children: [
+    n && /* @__PURE__ */ a($e, { htmlFor: e, required: t, children: n }),
+    o,
+    /* @__PURE__ */ a(pe, { error: r, helpText: l })
   ] });
 }
-function V({
+function T({
   value: e,
   defaultValue: n,
   onChange: t
 }) {
-  const r = e !== void 0, l = M(r);
+  const r = e !== void 0, l = O(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(
+  const [i, o] = M(n), c = r ? e : i, s = A(
     (d) => {
-      r || c(d), t == null || t(d);
+      r || o(d), t == null || t(d);
     },
     [r, t]
   );
-  return [o, i];
+  return [c, s];
 }
-function Y(e) {
+function Z(e) {
   const {
     id: n,
     name: t,
     disabled: r,
     readOnly: l,
-    required: s,
-    className: c,
-    label: o,
-    placeholder: i,
+    required: i,
+    className: o,
+    label: c,
+    placeholder: s,
     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({
+    onChange: v,
+    onBlur: g,
+    type: w = "text",
+    maxLength: k,
+    autoFocus: y,
+    inputProps: S,
+    endAdornment: x
+  } = e, [I, b] = T({
     value: h,
     defaultValue: m ?? "",
-    onChange: b
-  }), C = P(), D = n ?? C, $ = /* @__PURE__ */ a(
+    onChange: v
+  }), N = F(), C = n ?? N, D = /* @__PURE__ */ a(
     "input",
     {
-      id: D,
+      id: C,
       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
+      required: i,
+      placeholder: s,
+      maxLength: k,
+      autoFocus: y,
+      value: I,
+      onChange: ($) => b($.target.value),
+      onBlur: g,
+      type: w,
+      ...S
     }
   );
-  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
-  ] }) : $ });
+  return /* @__PURE__ */ a(B, { id: C, label: c, required: i, error: u, helpText: d, className: o, children: x ? /* @__PURE__ */ p("div", { className: "input-group", children: [
+    D,
+    x
+  ] }) : D });
 }
-function bn(e) {
+function Kn(e) {
   const {
     id: n,
     name: t,
     disabled: r,
     readOnly: l,
-    required: s,
-    className: c,
-    label: o,
-    placeholder: i,
+    required: i,
+    className: o,
+    label: c,
+    placeholder: s,
     helpText: d,
     error: u,
     value: h,
     defaultValue: m,
-    onChange: b,
-    onBlur: v,
-    rows: x = 3,
-    maxLength: N
-  } = e, [g, w] = V({
+    onChange: v,
+    onBlur: g,
+    rows: w = 3,
+    maxLength: k
+  } = e, [y, S] = T({
     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(
+    onChange: v
+  }), x = F(), I = n ?? x;
+  return /* @__PURE__ */ a(B, { id: I, label: c, required: i, error: u, helpText: d, className: o, children: /* @__PURE__ */ a(
     "textarea",
     {
-      id: S,
+      id: I,
       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
+      required: i,
+      placeholder: s,
+      rows: w,
+      maxLength: k,
+      value: y,
+      onChange: (b) => S(b.target.value),
+      onBlur: g
     }
   ) });
 }
-function vn({ value: e, defaultValue: n, onChange: t, min: r, max: l, step: s, ...c }) {
-  const [o, i] = V({
+function Bn({ value: e, defaultValue: n, onChange: t, min: r, max: l, step: i, ...o }) {
+  const [c, s] = T({
     value: e,
     defaultValue: n ?? null,
     onChange: t
   });
   return /* @__PURE__ */ a(
-    Y,
+    Z,
     {
-      ...c,
-      value: o === null ? "" : String(o),
+      ...o,
+      value: c === null ? "" : String(c),
       onChange: (d) => {
         if (d.trim() === "") {
-          i(null);
+          s(null);
           return;
         }
         const u = Number(d);
-        Number.isNaN(u) || i(u);
+        Number.isNaN(u) || s(u);
       },
-      inputProps: { inputMode: "decimal", min: r, max: l, step: s }
+      inputProps: { inputMode: "decimal", min: r, max: l, step: i }
     }
   );
 }
-function pn(e) {
-  const [n, t] = T(!1);
+function jn(e) {
+  const [n, t] = M(!1);
   return /* @__PURE__ */ a(
-    Y,
+    Z,
     {
       ...e,
       inputProps: { type: n ? "text" : "password", autoComplete: "current-password" },
@@ -170,65 +170,65 @@ function pn(e) {
     }
   );
 }
-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(
+function Hn({ id: e, name: n, disabled: t, required: r, className: l, label: i, helpText: o, error: c, accept: s, multiple: d, onChange: u }) {
+  const h = F(), m = e ?? h;
+  return /* @__PURE__ */ a(B, { id: m, label: i, required: r, error: c, helpText: o, className: l, children: /* @__PURE__ */ a(
     "input",
     {
       id: m,
       name: n,
       type: "file",
-      className: f("form-control", o && "is-invalid"),
+      className: f("form-control", c && "is-invalid"),
       disabled: t,
       required: r,
-      accept: i,
+      accept: s,
       multiple: d,
-      onChange: (b) => u == null ? void 0 : u(b.target.files)
+      onChange: (v) => u == null ? void 0 : u(v.target.files)
     }
   ) });
 }
-function fe({
+function ve({
   id: e,
   name: n,
   disabled: t,
   required: r,
   wrapperClassName: l,
-  role: s,
-  label: c,
-  helpText: o,
-  error: i,
+  role: i,
+  label: o,
+  helpText: c,
+  error: s,
   checked: d,
   onChange: u,
   className: h
 }) {
-  const m = P(), b = e ?? m;
+  const m = F(), v = e ?? m;
   return /* @__PURE__ */ p("div", { className: f(l, h), children: [
     /* @__PURE__ */ a(
       "input",
       {
-        id: b,
+        id: v,
         name: n,
         type: "checkbox",
-        role: s,
-        className: f("form-check-input", i && "is-invalid"),
+        role: i,
+        className: f("form-check-input", s && "is-invalid"),
         disabled: t,
         required: r,
         checked: d,
-        onChange: (v) => u(v.target.checked)
+        onChange: (g) => u(g.target.checked)
       }
     ),
-    c && /* @__PURE__ */ a("label", { htmlFor: b, className: "form-check-label", children: c }),
-    /* @__PURE__ */ a(ue, { error: i, helpText: o })
+    o && /* @__PURE__ */ a("label", { htmlFor: v, className: "form-check-label", children: o }),
+    /* @__PURE__ */ a(pe, { error: s, helpText: c })
   ] });
 }
-function yn(e) {
-  const [n, t] = V({
+function _n(e) {
+  const [n, t] = T({
     value: e.checked,
     defaultValue: e.defaultChecked ?? !1,
     onChange: e.onChange
   });
   return /* @__PURE__ */ a(
-    fe,
+    ve,
     {
       id: e.id,
       name: e.name,
@@ -244,14 +244,14 @@ function yn(e) {
     }
   );
 }
-function Nn(e) {
-  const [n, t] = V({
+function Un(e) {
+  const [n, t] = T({
     value: e.checked,
     defaultValue: e.defaultChecked ?? !1,
     onChange: e.onChange
   });
   return /* @__PURE__ */ a(
-    fe,
+    ve,
     {
       id: e.id,
       name: e.name,
@@ -268,18 +268,18 @@ function Nn(e) {
     }
   );
 }
-function Se({
+function Te({
   id: e,
   name: n,
   value: t,
   label: r,
   checked: l,
-  disabled: s,
-  className: c,
-  onChange: o
+  disabled: i,
+  className: o,
+  onChange: c
 }) {
-  const i = P(), d = e ?? i;
-  return /* @__PURE__ */ p("div", { className: f("form-check", c), children: [
+  const s = F(), d = e ?? s;
+  return /* @__PURE__ */ p("div", { className: f("form-check", o), children: [
     /* @__PURE__ */ a(
       "input",
       {
@@ -289,98 +289,98 @@ function Se({
         className: "form-check-input",
         value: String(t),
         checked: l,
-        disabled: s,
-        onChange: () => o == null ? void 0 : o(t)
+        disabled: i,
+        onChange: () => c == null ? void 0 : c(t)
       }
     ),
     r && /* @__PURE__ */ a("label", { htmlFor: d, className: "form-check-label", children: r })
   ] });
 }
-function wn({
+function qn({
   options: e,
   value: n,
   defaultValue: t,
   onChange: r,
   inline: l,
-  id: s,
-  name: c,
-  disabled: o,
-  required: i,
+  id: i,
+  name: o,
+  disabled: c,
+  required: s,
   className: d,
   label: u,
   helpText: h,
   error: m
 }) {
-  const [b, v] = V({
+  const [v, g] = T({
     value: n,
     defaultValue: t ?? null,
-    onChange: (g) => {
-      g !== null && (r == null || r(g));
+    onChange: (y) => {
+      y !== null && (r == null || r(y));
     }
-  }), 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,
+  }), w = F(), k = o ?? i ?? w;
+  return /* @__PURE__ */ a(B, { label: u, required: s, error: m, helpText: h, className: d, children: /* @__PURE__ */ a("div", { role: "radiogroup", "aria-label": u, "aria-required": s, className: f(l && "d-flex gap-3"), children: e.map((y) => /* @__PURE__ */ a(
+    Te,
     {
-      name: N,
-      value: g.value,
-      label: g.label,
-      checked: g.value === b,
-      disabled: o || g.disabled,
-      onChange: (w) => v(w)
+      name: k,
+      value: y.value,
+      label: y.label,
+      checked: y.value === v,
+      disabled: c || y.disabled,
+      onChange: (S) => g(S)
     },
-    String(g.value)
+    String(y.value)
   )) }) });
 }
-function Ce({
+function Ee({
   options: e,
   value: n,
   defaultValue: t,
   onChange: r,
   placeholder: l,
-  loading: s,
-  id: c,
-  name: o,
-  disabled: i,
+  loading: i,
+  id: o,
+  name: c,
+  disabled: s,
   readOnly: d,
   required: u,
   className: h,
   label: m,
-  helpText: b,
-  error: v
+  helpText: v,
+  error: g
 }) {
-  const [x, N] = V({
+  const [w, k] = T({
     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(
+  }), y = F(), S = o ?? y;
+  return /* @__PURE__ */ a(B, { id: S, label: m, required: u, error: g, helpText: v, className: h, children: /* @__PURE__ */ p(
     "select",
     {
-      id: w,
-      name: o,
-      className: f("form-select", v && "is-invalid"),
-      disabled: i || d || s,
+      id: S,
+      name: c,
+      className: f("form-select", g && "is-invalid"),
+      disabled: s || d || i,
       required: u,
-      value: x === null ? "" : String(x),
-      onChange: (y) => {
-        const S = y.target.value;
-        if (S === "") {
-          N(null);
+      value: w === null ? "" : String(w),
+      onChange: (x) => {
+        const I = x.target.value;
+        if (I === "") {
+          k(null);
           return;
         }
-        const k = e.find((C) => String(C.value) === S);
-        N(k ? k.value : null);
+        const b = e.find((N) => String(N.value) === I);
+        k(b ? b.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)))
+        i && /* @__PURE__ */ a("option", { value: "", children: "Loading…" }),
+        !i && l && /* @__PURE__ */ a("option", { value: "", children: l }),
+        e.map((x) => /* @__PURE__ */ a("option", { value: String(x.value), disabled: x.disabled, children: x.label }, String(x.value)))
       ]
     }
   ) });
 }
-function le(e, n) {
-  B(() => {
+function ie(e, n) {
+  _(() => {
     if (!e)
       return;
     function t(r) {
@@ -389,413 +389,413 @@ function le(e, 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(() => {
+function W({ open: e, onClose: n, anchorRef: t, className: r, role: l, children: i }) {
+  const o = O(null);
+  return ie(e, n), _(() => {
     if (!e)
       return;
-    function o(i) {
+    function c(s) {
       var u, h;
-      const d = i.target;
-      (u = c.current) != null && u.contains(d) || (h = t.current) != null && h.contains(d) || n();
+      const d = s.target;
+      (u = o.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;
+    return document.addEventListener("mousedown", c), () => document.removeEventListener("mousedown", c);
+  }, [e, n, t]), e ? /* @__PURE__ */ a("div", { ref: o, className: f("show", r), role: l, children: i }) : null;
 }
-function ee({
+function re({
   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) => {
+  const [l, i] = M(-1);
+  _(() => {
+    n || i(-1);
+  }, [n]), ie(n, r);
+  const o = A(
+    (c) => {
       if (!n) {
-        (o.key === "ArrowDown" || o.key === "Enter") && o.preventDefault();
+        (c.key === "ArrowDown" || c.key === "Enter") && c.preventDefault();
         return;
       }
-      switch (o.key) {
+      switch (c.key) {
         case "ArrowDown":
-          o.preventDefault(), s((i) => e === 0 ? -1 : (i + 1) % e);
+          c.preventDefault(), i((s) => e === 0 ? -1 : (s + 1) % e);
           break;
         case "ArrowUp":
-          o.preventDefault(), s((i) => e === 0 ? -1 : (i - 1 + e) % e);
+          c.preventDefault(), i((s) => e === 0 ? -1 : (s - 1 + e) % e);
           break;
         case "Home":
-          o.preventDefault(), s(e === 0 ? -1 : 0);
+          c.preventDefault(), i(e === 0 ? -1 : 0);
           break;
         case "End":
-          o.preventDefault(), s(e === 0 ? -1 : e - 1);
+          c.preventDefault(), i(e === 0 ? -1 : e - 1);
           break;
         case "Enter":
-          l >= 0 && (o.preventDefault(), t(l));
+          l >= 0 && (c.preventDefault(), t(l));
           break;
       }
     },
     [n, e, l, t]
   );
-  return { activeIndex: l, setActiveIndex: s, handleKeyDown: c };
+  return { activeIndex: l, setActiveIndex: i, handleKeyDown: o };
 }
-function Ie({
+function Me({
   options: e,
   values: n,
   defaultValues: t,
   onChange: r,
   loading: l,
-  emptyText: s = "No options",
-  id: c,
-  name: o,
-  disabled: i,
+  emptyText: i = "No options",
+  id: o,
+  name: c,
+  disabled: s,
   readOnly: d,
   required: u,
   className: h,
   label: m,
-  placeholder: b = "Select...",
-  helpText: v,
-  error: x
+  placeholder: v = "Select...",
+  helpText: g,
+  error: w
 }) {
-  const [N, g] = V({
+  const [k, y] = T({
     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)
+  }), [S, x] = M(!1), I = O(null), b = F(), N = o ?? b, C = new Set(k), D = A(() => x(!1), []), $ = A(
+    (V) => {
+      const K = e[V];
+      if (!K || K.disabled)
         return;
-      const J = D.has(F.value) ? N.filter((te) => te !== F.value) : [...N, F.value];
-      g(J);
+      const J = C.has(K.value) ? k.filter((ae) => ae !== K.value) : [...k, K.value];
+      y(J);
     },
-    [e, N, D, g]
-  ), { activeIndex: q, setActiveIndex: _, handleKeyDown: U } = ee({
+    [e, k, C, y]
+  ), { activeIndex: E, setActiveIndex: U, handleKeyDown: G } = re({
     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: [
+    isOpen: S,
+    onSelect: $,
+    onClose: D
+  }), R = e.filter((V) => C.has(V.value)).map((V) => V.label).join(", ");
+  return /* @__PURE__ */ a(B, { id: N, label: m, required: u, error: w, helpText: g, className: h, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
     /* @__PURE__ */ a(
       "button",
       {
-        ref: S,
-        id: C,
+        ref: I,
+        id: N,
         type: "button",
-        name: o,
-        className: f("form-select text-start", x && "is-invalid"),
-        disabled: i || d,
+        name: c,
+        className: f("form-select text-start", w && "is-invalid"),
+        disabled: s || d,
         "aria-haspopup": "listbox",
-        "aria-expanded": w,
-        onClick: () => y((I) => !I),
-        onKeyDown: U,
-        children: E || /* @__PURE__ */ a("span", { className: "text-body-secondary", children: b })
+        "aria-expanded": S,
+        onClick: () => x((V) => !V),
+        onKeyDown: G,
+        children: R || /* @__PURE__ */ a("span", { className: "text-body-secondary", children: v })
       }
     ),
-    /* @__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(
+    /* @__PURE__ */ a(W, { open: S, onClose: D, anchorRef: I, 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: i }) : e.map((V, K) => /* @__PURE__ */ p(
       "div",
       {
         role: "option",
-        "aria-selected": D.has(I.value),
+        "aria-selected": C.has(V.value),
         className: f(
           "dropdown-item d-flex align-items-center gap-2",
-          F === q && "active",
-          I.disabled && "disabled"
+          K === E && "active",
+          V.disabled && "disabled"
         ),
-        onMouseEnter: () => _(F),
+        onMouseEnter: () => U(K),
         onMouseDown: (J) => {
-          J.preventDefault(), I.disabled || L(F);
+          J.preventDefault(), V.disabled || $(K);
         },
         children: [
-          /* @__PURE__ */ a("input", { type: "checkbox", className: "form-check-input m-0", checked: D.has(I.value), readOnly: !0, tabIndex: -1 }),
-          I.label
+          /* @__PURE__ */ a("input", { type: "checkbox", className: "form-check-input m-0", checked: C.has(V.value), readOnly: !0, tabIndex: -1 }),
+          V.label
         ]
       },
-      String(I.value)
+      String(V.value)
     )) })
   ] }) });
 }
-function H(e) {
+function z(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) {
+function ge(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({
+function Oe({ value: e, defaultValue: n, onChange: t, min: r, max: l, ...i }) {
+  const [o, c] = T({
     value: e,
     defaultValue: n ?? null,
     onChange: t
   });
   return /* @__PURE__ */ a(
-    Y,
+    Z,
     {
-      ...s,
-      value: H(c),
-      onChange: (i) => o(me(i)),
+      ...i,
+      value: z(o),
+      onChange: (s) => c(ge(s)),
       inputProps: {
         type: "date",
-        min: r ? H(r) : void 0,
-        max: l ? H(l) : void 0
+        min: r ? z(r) : void 0,
+        max: l ? z(l) : void 0
       }
     }
   );
 }
-function he(e) {
+function ye(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) {
+function Ne(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({
+function zn({ value: e, defaultValue: n, onChange: t, step: r, ...l }) {
+  const [i, o] = T({
     value: e,
     defaultValue: n ?? null,
     onChange: t
   });
   return /* @__PURE__ */ a(
-    Y,
+    Z,
     {
       ...l,
-      value: he(s),
-      onChange: (o) => c(be(o)),
+      value: ye(i),
+      onChange: (c) => o(Ne(c)),
       inputProps: { type: "time", step: r }
     }
   );
 }
-function ae(e, n) {
-  const t = me(e);
+function oe(e, n) {
+  const t = ge(e);
   if (!t)
     return null;
-  const r = be(n || "00:00");
+  const r = Ne(n || "00:00");
   return r && t.setHours(r.getHours(), r.getMinutes(), 0, 0), t;
 }
-function kn({
+function Gn({
   value: e,
   defaultValue: n,
   onChange: t,
   min: r,
   max: l,
-  id: s,
-  name: c,
-  disabled: o,
-  readOnly: i,
+  id: i,
+  name: o,
+  disabled: c,
+  readOnly: s,
   required: d,
   className: u,
   label: h,
   helpText: m,
-  error: b
+  error: v
 }) {
-  const [v, x] = V({
+  const [g, w] = T({
     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: [
+  }), k = F(), y = i ?? k, S = z(g), x = ye(g);
+  return /* @__PURE__ */ a(B, { id: y, label: h, required: d, error: v, 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,
+        id: y,
+        name: o ? `${o}-date` : void 0,
         type: "date",
-        className: f("form-control", b && "is-invalid"),
-        disabled: o,
-        readOnly: i,
+        className: f("form-control", v && "is-invalid"),
+        disabled: c,
+        readOnly: s,
         required: d,
-        min: r ? H(r) : void 0,
-        max: l ? H(l) : void 0,
-        value: w,
-        onChange: (S) => x(ae(S.target.value, y))
+        min: r ? z(r) : void 0,
+        max: l ? z(l) : void 0,
+        value: S,
+        onChange: (I) => w(oe(I.target.value, x))
       }
     ),
     /* @__PURE__ */ a(
       "input",
       {
-        name: c ? `${c}-time` : void 0,
+        name: o ? `${o}-time` : void 0,
         type: "time",
-        className: f("form-control", b && "is-invalid"),
-        disabled: o,
-        readOnly: i,
+        className: f("form-control", v && "is-invalid"),
+        disabled: c,
+        readOnly: s,
         required: d,
-        value: y,
-        onChange: (S) => x(ae(w || H(/* @__PURE__ */ new Date()), S.target.value))
+        value: x,
+        onChange: (I) => w(oe(S || z(/* @__PURE__ */ new Date()), I.target.value))
       }
     )
   ] }) });
 }
-function Ve({
+function Re({
   options: e,
   value: n,
   defaultValue: t,
   onChange: r,
   loading: l,
-  emptyText: s = "No options",
-  id: c,
-  name: o,
-  disabled: i,
+  emptyText: i = "No options",
+  id: o,
+  name: c,
+  disabled: s,
   readOnly: d,
   required: u,
   className: h,
   label: m,
-  placeholder: b = "Select...",
-  helpText: v,
-  error: x
+  placeholder: v = "Select...",
+  helpText: g,
+  error: w
 }) {
-  const [N, g] = V({
+  const [k, y] = T({
     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), $());
+  }), [S, x] = M(!1), I = O(null), b = F(), N = o ?? b, C = e.find((L) => L.value === k) ?? null, D = A(() => x(!1), []), $ = A(
+    (L) => {
+      const R = e[L];
+      !R || R.disabled || (y(R.value), D());
     },
-    [e, g, $]
-  ), { activeIndex: q, setActiveIndex: _, handleKeyDown: U } = ee({
+    [e, y, D]
+  ), { activeIndex: E, setActiveIndex: U, handleKeyDown: G } = re({
     itemCount: e.length,
-    isOpen: w,
-    onSelect: L,
-    onClose: $
+    isOpen: S,
+    onSelect: $,
+    onClose: D
   });
-  return /* @__PURE__ */ a(K, { id: C, label: m, required: u, error: x, helpText: v, className: h, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
+  return /* @__PURE__ */ a(B, { id: N, label: m, required: u, error: w, helpText: g, className: h, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
     /* @__PURE__ */ a(
       "button",
       {
-        ref: S,
-        id: C,
+        ref: I,
+        id: N,
         type: "button",
-        name: o,
-        className: f("form-select text-start", x && "is-invalid"),
-        disabled: i || d,
+        name: c,
+        className: f("form-select text-start", w && "is-invalid"),
+        disabled: s || 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 })
+        "aria-expanded": S,
+        onClick: () => x((L) => !L),
+        onKeyDown: G,
+        children: C ? C.label : /* @__PURE__ */ a("span", { className: "text-body-secondary", children: v })
       }
     ),
-    /* @__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(
+    /* @__PURE__ */ a(W, { open: S, onClose: D, anchorRef: I, 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: i }) : e.map((L, R) => /* @__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);
+        "aria-selected": L.value === k,
+        className: f("dropdown-item", R === E && "active", L.disabled && "disabled"),
+        onMouseEnter: () => U(R),
+        onMouseDown: (V) => {
+          V.preventDefault(), L.disabled || $(R);
         },
-        children: O.label
+        children: L.label
       },
-      String(O.value)
+      String(L.value)
     )) })
   ] }) });
 }
-function Te(e, n) {
+function Ae(e, n) {
   return n ? e.label.toLowerCase().includes(n.toLowerCase()) : !0;
 }
-function Me({
+function Le({
   options: e,
   value: n,
   defaultValue: t,
   onChange: r,
   inputValue: l,
-  onInputValueChange: s,
-  loading: c,
-  emptyText: o = "No results",
-  filter: i,
+  onInputValueChange: i,
+  loading: o,
+  emptyText: c = "No results",
+  filter: s,
   id: d,
   name: u,
   disabled: h,
   readOnly: m,
-  required: b,
-  className: v,
-  label: x,
-  placeholder: N,
-  helpText: g,
-  error: w
+  required: v,
+  className: g,
+  label: w,
+  placeholder: k,
+  helpText: y,
+  error: S
 }) {
-  const [y, S] = V({
+  const [x, I] = T({
     value: n,
     defaultValue: t ?? null,
     onChange: r
-  }), k = e.find((A) => A.value === y) ?? null, [C, D] = V({
+  }), b = e.find((P) => P.value === x) ?? null, [N, C] = T({
     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());
+    defaultValue: (b == null ? void 0 : b.label) ?? "",
+    onChange: i
+  }), [D, $] = M(!1), E = O(null), U = F(), G = d ?? U, L = s ?? Ae, R = e.filter((P) => L(P, N)), V = A(() => $(!1), []), K = A(
+    (P) => {
+      const j = R[P];
+      !j || j.disabled || (I(j.value), C(j.label), V());
     },
-    [E, S, D, I]
-  ), { activeIndex: J, setActiveIndex: te, handleKeyDown: we } = ee({
-    itemCount: E.length,
-    isOpen: $,
-    onSelect: F,
-    onClose: I
+    [R, I, C, V]
+  ), { activeIndex: J, setActiveIndex: ae, handleKeyDown: De } = re({
+    itemCount: R.length,
+    isOpen: D,
+    onSelect: K,
+    onClose: V
   });
-  return /* @__PURE__ */ a(K, { id: U, label: x, required: b, error: w, helpText: g, className: v, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
+  return /* @__PURE__ */ a(B, { id: G, label: w, required: v, error: S, helpText: y, className: g, children: /* @__PURE__ */ p("div", { className: "position-relative", children: [
     /* @__PURE__ */ a(
       "input",
       {
-        ref: q,
-        id: U,
+        ref: E,
+        id: G,
         name: u,
         type: "text",
-        className: f("form-control", w && "is-invalid"),
+        className: f("form-control", S && "is-invalid"),
         disabled: h,
         readOnly: m,
-        required: b,
-        placeholder: N,
+        required: v,
+        placeholder: k,
         autoComplete: "off",
         role: "combobox",
-        "aria-expanded": $,
+        "aria-expanded": D,
         "aria-haspopup": "listbox",
-        value: C,
-        onFocus: () => L(!0),
-        onChange: (A) => {
-          const j = A.target.value;
-          D(j), L(!0), y !== null && S(null);
+        value: N,
+        onFocus: () => $(!0),
+        onChange: (P) => {
+          const j = P.target.value;
+          C(j), $(!0), x !== null && I(null);
         },
-        onKeyDown: we
+        onKeyDown: De
       }
     ),
-    /* @__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(
+    /* @__PURE__ */ a(W, { open: D, onClose: V, anchorRef: E, className: "dropdown-menu w-100", role: "listbox", children: o ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: "Loading…" }) : R.length === 0 ? /* @__PURE__ */ a("div", { className: "px-3 py-2 text-body-secondary", children: c }) : R.map((P, 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);
+        "aria-selected": P.value === x,
+        className: f("dropdown-item", j === J && "active", P.disabled && "disabled"),
+        onMouseEnter: () => ae(j),
+        onMouseDown: (Ve) => {
+          Ve.preventDefault(), P.disabled || K(j);
         },
-        children: A.label
+        children: P.label
       },
-      String(A.value)
+      String(P.value)
     )) })
   ] }) });
 }
-function Sn(e) {
-  return /* @__PURE__ */ a(K, { ...e });
+function Wn(e) {
+  return /* @__PURE__ */ a(B, { ...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: [
+function Pe({ open: e, onClose: n, title: t, children: r, footer: l, className: i }) {
+  return ie(e, n), e ? /* @__PURE__ */ p(H, { children: [
+    /* @__PURE__ */ a("div", { className: "modal d-block", tabIndex: -1, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ a("div", { className: f("modal-dialog", i), 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 })
@@ -806,16 +806,16 @@ function Ee({ open: e, onClose: n, title: t, children: r, footer: l, className:
     /* @__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);
+function Fe(e, n, t) {
+  const r = [], l = Math.max(1, e - t), i = 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;
+  for (let o = l; o <= i; o++)
+    r.push(o);
+  return i < n && (i < 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: [
+function Ke({ currentPage: e, pageSize: n, totalItems: t, onPageChange: r, siblingCount: l = 1, className: i }) {
+  const o = Math.max(1, Math.ceil(t / n)), c = Fe(e, o, l);
+  return /* @__PURE__ */ a("nav", { "aria-label": "Pagination", className: i, children: /* @__PURE__ */ p("ul", { className: "pagination mb-0", children: [
     /* @__PURE__ */ a("li", { className: f("page-item", e <= 1 && "disabled"), children: /* @__PURE__ */ a(
       "button",
       {
@@ -826,122 +826,156 @@ function $e({ currentPage: e, pageSize: n, totalItems: t, onPageChange: r, sibli
         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(
+    c.map(
+      (s, d) => s === "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", s === e && "active"), children: /* @__PURE__ */ a(
         "button",
         {
           type: "button",
           className: "page-link",
-          "aria-current": i === e ? "page" : void 0,
-          onClick: () => r(i),
-          children: i
+          "aria-current": s === e ? "page" : void 0,
+          onClick: () => r(s),
+          children: s
         }
-      ) }, i)
+      ) }, s)
     ),
-    /* @__PURE__ */ a("li", { className: f("page-item", e >= c && "disabled"), children: /* @__PURE__ */ a(
+    /* @__PURE__ */ a("li", { className: f("page-item", e >= o && "disabled"), children: /* @__PURE__ */ a(
       "button",
       {
         type: "button",
         className: "page-link",
-        disabled: e >= c,
+        disabled: e >= o,
         onClick: () => r(e + 1),
         children: "Next"
       }
     ) })
   ] }) });
 }
-function Oe(e, n) {
+const Be = {
+  text: (e) => e == null ? "" : String(e),
+  boolean: (e) => 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 je(e, n) {
   return !e || e.key !== n ? { key: n, direction: "asc" } : e.direction === "asc" ? { key: n, direction: "desc" } : null;
 }
-function Ae({
+function ce(e) {
+  return e.key ?? e.field ?? e.header;
+}
+function He(e, n) {
+  const t = e.field ?? e.key;
+  return t ? n[t] : void 0;
+}
+function _e(e, n) {
+  if (e.render)
+    return e.render(n);
+  const t = He(e, n);
+  return e.formatter ? e.formatter(t, n) : e.format ? Be[e.format](t) : t == null ? "" : String(t);
+}
+function de(e) {
+  return e && `text-${e}`;
+}
+function Ue({
   columns: e,
   rows: n,
   rowKey: t,
   loading: r,
   error: l,
-  emptyText: s = "No data",
-  className: c,
-  selectedRowKeys: o,
-  onSelectionChange: i,
+  emptyText: i = "No data",
+  className: o,
+  selectedRowKeys: c,
+  onSelectionChange: s,
   sort: d,
   onSortChange: u,
   page: h,
   pageSize: m,
-  totalCount: b,
-  onPageChange: v
+  totalCount: v,
+  onPageChange: g
 }) {
-  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)));
+  const w = !!s, k = new Set(c ?? []), y = h !== void 0 && m !== void 0 && v !== void 0, S = y ? Math.max(1, Math.ceil(v / m)) : 1;
+  function x() {
+    s && (k.size === n.length ? s([]) : s(n.map(t)));
   }
-  function S(k) {
-    if (!i)
+  function I(b) {
+    if (!s)
       return;
-    const C = new Set(N);
-    C.has(k) ? C.delete(k) : C.add(k), i(Array.from(C));
+    const N = new Set(k);
+    N.has(b) ? N.delete(b) : N.add(b), s(Array.from(N));
   }
-  return /* @__PURE__ */ p("div", { className: f("table-responsive", c), children: [
+  return /* @__PURE__ */ p("div", { className: f("table-responsive", o), 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(
+        w && /* @__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,
+            checked: n.length > 0 && k.size === n.length,
+            onChange: x,
             "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
-        ))
+        e.map((b) => {
+          const N = ce(b);
+          return /* @__PURE__ */ p(
+            "th",
+            {
+              className: de(b.headerAlign ?? b.align),
+              style: { width: b.width, minWidth: b.minWidth, maxWidth: b.maxWidth },
+              role: b.sortable ? "button" : void 0,
+              onClick: b.sortable && u ? () => u(je(d, N)) : void 0,
+              children: [
+                b.header,
+                b.sortable && (d == null ? void 0 : d.key) === N && /* @__PURE__ */ p("span", { "aria-hidden": "true", children: [
+                  " ",
+                  d.direction === "asc" ? "▲" : "▼"
+                ] })
+              ]
+            },
+            N
+          );
+        })
       ] }) }),
-      /* @__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);
+      /* @__PURE__ */ a("tbody", { children: r ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length + (w ? 1 : 0), className: "text-center text-body-secondary py-4", children: "Loading…" }) }) : l ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length + (w ? 1 : 0), className: "text-center text-danger py-4", children: l }) }) : n.length === 0 ? /* @__PURE__ */ a("tr", { children: /* @__PURE__ */ a("td", { colSpan: e.length + (w ? 1 : 0), className: "text-center text-body-secondary py-4", children: i }) }) : n.map((b) => {
+        const N = t(b);
         return /* @__PURE__ */ p("tr", { children: [
-          x && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
+          w && /* @__PURE__ */ a("td", { children: /* @__PURE__ */ a(
             "input",
             {
               type: "checkbox",
               className: "form-check-input",
-              checked: N.has(C),
-              onChange: () => S(C),
+              checked: k.has(N),
+              onChange: () => I(N),
               "aria-label": "Select row"
             }
           ) }),
-          e.map((D) => /* @__PURE__ */ a("td", { children: D.render ? D.render(k) : String(k[D.key] ?? "") }, D.key))
-        ] }, C);
+          e.map((C) => /* @__PURE__ */ a("td", { className: de(C.align), children: _e(C, b) }, ce(C)))
+        ] }, N);
       }) })
     ] }),
-    g && /* @__PURE__ */ p("div", { className: "d-flex justify-content-between align-items-center mt-2", children: [
+    y && /* @__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,
+        S,
         " (",
-        b,
+        v,
         " rows)"
       ] }),
-      /* @__PURE__ */ a($e, { currentPage: h, pageSize: m, totalItems: b, onPageChange: v })
+      /* @__PURE__ */ a(Ke, { currentPage: h, pageSize: m, totalItems: v, onPageChange: g })
     ] })
   ] });
 }
-function Pe({ size: e = "md", variant: n, className: t, label: r = "Loading..." }) {
+function qe({ size: e = "md", variant: n, className: t, label: r = "Loading..." }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -951,153 +985,254 @@ function Pe({ size: e = "md", variant: n, className: t, label: r = "Loading..."
     }
   );
 }
-function re({
+function te({
   variant: e = "primary",
   size: n,
   disabled: t,
   loading: r,
   type: l = "button",
-  className: s,
-  children: c,
-  onClick: o,
-  ...i
+  className: i,
+  children: o,
+  onClick: c,
+  ...s
 }) {
   const d = t || r;
   return /* @__PURE__ */ p(
     "button",
     {
       type: l,
-      className: f("btn", `btn-${e}`, n && `btn-${n}`, s),
+      className: f("btn", `btn-${e}`, n && `btn-${n}`, i),
       disabled: d,
       "aria-busy": r || void 0,
-      onClick: d ? void 0 : o,
-      ...i,
+      onClick: d ? void 0 : c,
+      ...s,
       children: [
-        r && /* @__PURE__ */ a(Pe, { size: "sm", className: "me-2", label: "" }),
-        c
+        r && /* @__PURE__ */ a(qe, { size: "sm", className: "me-2", label: "" }),
+        o
       ]
     }
   );
 }
-function ve({ variant: e = "info", dismissible: n, onDismiss: t, className: r, children: l }) {
+function xe({ 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;
+const we = he(null), ze = 4e3;
+function Jn({ children: e }) {
+  const [n, t] = M([]), r = O(0), l = O(/* @__PURE__ */ new Map());
+  _(() => {
+    const s = l.current;
     return () => {
-      i.forEach(clearTimeout), i.clear();
+      s.forEach(clearTimeout), s.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(
+  const i = A((s) => {
+    const d = l.current.get(s);
+    d && (clearTimeout(d), l.current.delete(s)), t((u) => u.filter((h) => h.id !== s));
+  }, []), o = A(
+    (s, d) => {
+      const u = r.current++, h = (d == null ? void 0 : d.variant) ?? "info", m = (d == null ? void 0 : d.duration) ?? ze;
+      return t((v) => [...v, { id: u, message: s, variant: h }]), m > 0 && l.current.set(
         u,
-        setTimeout(() => s(u), m)
+        setTimeout(() => i(u), m)
       ), u;
     },
-    [s]
-  ), o = W(
+    [i]
+  ), c = ne(
     () => ({
-      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" })
+      show: o,
+      dismiss: i,
+      success: (s, d) => o(s, { ...d, variant: "success" }),
+      error: (s, d) => o(s, { ...d, variant: "danger" }),
+      info: (s, d) => o(s, { ...d, variant: "info" }),
+      warning: (s, d) => o(s, { ...d, variant: "warning" })
     }),
-    [c, s]
+    [o, i]
   );
-  return /* @__PURE__ */ p(pe.Provider, { value: o, children: [
+  return /* @__PURE__ */ p(we.Provider, { value: c, 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)) })
+    /* @__PURE__ */ a("div", { className: "toast-container position-fixed bottom-0 end-0 p-3", style: { zIndex: 1090 }, children: n.map((s) => /* @__PURE__ */ a(xe, { variant: s.variant, dismissible: !0, onDismiss: () => i(s.id), className: "shadow-sm", children: s.message }, s.id)) })
   ] });
 }
-function In() {
-  const e = de(pe);
+function Zn() {
+  const e = be(we);
   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);
+const ke = he(null);
+function Yn({ children: e }) {
+  const [n, t] = M(null), r = A((i) => new Promise((o) => {
+    t({ ...i, resolve: o });
+  }), []), l = A(
+    (i) => {
+      n == null || n.resolve(i), t(null);
     },
     [n]
   );
-  return /* @__PURE__ */ p(ge.Provider, { value: r, children: [
+  return /* @__PURE__ */ p(ke.Provider, { value: r, children: [
     e,
     /* @__PURE__ */ a(
-      Ee,
+      Pe,
       {
         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" })
+        footer: /* @__PURE__ */ p(H, { children: [
+          /* @__PURE__ */ a(te, { variant: "outline-secondary", onClick: () => l(!1), children: (n == null ? void 0 : n.cancelLabel) ?? "Cancel" }),
+          /* @__PURE__ */ a(te, { 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);
+function Qn() {
+  const e = be(ke);
   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 }) {
+function Ge({ 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({
+const We = {
+  sm: "0.875em",
+  lg: "1.5em",
+  xl: "2em"
+};
+function se({ name: e, size: n, className: t, label: r }) {
+  return /* @__PURE__ */ a(
+    "i",
+    {
+      className: f(e, t),
+      style: n ? { fontSize: We[n] } : void 0,
+      role: r ? "img" : void 0,
+      "aria-label": r,
+      "aria-hidden": r ? void 0 : !0
+    }
+  );
+}
+function Je(e) {
+  switch (e) {
+    case "pill":
+      return "nav-pills";
+    case "underline":
+      return "nav-underline";
+    case "card":
+      return "nav-tabs card-header-tabs";
+    default:
+      return "nav-tabs";
+  }
+}
+const Ze = {
+  sm: "small",
+  lg: "fs-5"
+};
+function Xn({ items: e, activeKey: n, defaultActiveKey: t, onChange: r, variant: l = "default", orientation: i = "horizontal", size: o, stretch: c, className: s }) {
+  var I;
+  const [d, u] = T({
     value: n,
-    defaultValue: t ?? ((i = e[0]) == null ? void 0 : i.key) ?? "",
+    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 })
+  }), h = e.find((b) => b.key === d), m = l === "button", v = i === "vertical", g = O([]);
+  function w(b, N) {
+    var D;
+    const C = e[b];
+    C && (u(C.key), N && ((D = g.current[b]) == null || D.focus()));
+  }
+  function k(b, N) {
+    var D;
+    if (e.length === 0)
+      return b;
+    let C = b;
+    for (let $ = 0; $ < e.length; $++)
+      if (C = (C + N + e.length) % e.length, !((D = e[C]) != null && D.disabled))
+        return C;
+    return b;
+  }
+  function y(b) {
+    var $;
+    const N = e.findIndex((E) => E.key === d), C = v ? "ArrowDown" : "ArrowRight", D = v ? "ArrowUp" : "ArrowLeft";
+    if (b.key === C)
+      b.preventDefault(), w(k(N, 1), !0);
+    else if (b.key === D)
+      b.preventDefault(), w(k(N, -1), !0);
+    else if (b.key === "Home") {
+      b.preventDefault();
+      const E = e.findIndex((U) => !U.disabled);
+      E >= 0 && w(E, !0);
+    } else if (b.key === "End") {
+      b.preventDefault();
+      for (let E = e.length - 1; E >= 0; E--)
+        if (!(($ = e[E]) != null && $.disabled)) {
+          w(E, !0);
+          break;
+        }
+    }
+  }
+  const S = /* @__PURE__ */ a(
+    "div",
+    {
+      className: f(
+        m ? "btn-group" : "nav",
+        !m && Je(l),
+        !m && v && "flex-column",
+        !m && c && "nav-fill",
+        !m && o && Ze[o]
+      ),
+      role: "tablist",
+      "aria-orientation": i,
+      onKeyDown: y,
+      children: e.map((b, N) => {
+        const C = b.key === d, D = /* @__PURE__ */ p(H, { children: [
+          b.icon && /* @__PURE__ */ a(se, { name: b.icon, size: "sm", className: "me-1" }),
+          b.label,
+          b.badge != null && /* @__PURE__ */ a(Ge, { variant: C && !m ? "primary" : "secondary", pill: !0, className: "ms-2", children: b.badge })
+        ] }), $ = /* @__PURE__ */ a(
+          "button",
+          {
+            ref: (E) => {
+              g.current[N] = E;
+            },
+            type: "button",
+            id: `tab-${b.key}`,
+            className: f(m ? f("btn", o ? `btn-${o}` : "btn-sm", C ? "btn-primary" : "btn-outline-primary") : f("nav-link", C && "active")),
+            role: "tab",
+            "aria-selected": C,
+            "aria-controls": `tabpanel-${b.key}`,
+            tabIndex: C ? 0 : -1,
+            disabled: b.disabled,
+            onClick: () => w(N, !1),
+            children: D
+          },
+          b.key
+        );
+        return m ? $ : /* @__PURE__ */ a("div", { className: "nav-item", role: "presentation", children: $ }, b.key);
+      })
+    }
+  ), x = (h == null ? void 0 : h.content) != null && /* @__PURE__ */ a("div", { id: `tabpanel-${h.key}`, className: f("tab-content", !v && "pt-3"), role: "tabpanel", "aria-labelledby": `tab-${h.key}`, children: h.content });
+  return v ? /* @__PURE__ */ p("div", { className: f("d-flex align-items-start gap-3", s), children: [
+    S,
+    x && /* @__PURE__ */ a("div", { className: "flex-grow-1", children: x })
+  ] }) : /* @__PURE__ */ p("div", { className: s, children: [
+    S,
+    x
   ] });
 }
-function Le({ items: e, multiple: n = !1, openKeys: t, defaultOpenKeys: r, onChange: l, className: s }) {
-  const [c, o] = V({
+function Ye({ items: e, multiple: n = !1, openKeys: t, defaultOpenKeys: r, onChange: l, className: i }) {
+  const [o, c] = T({
     value: t,
     defaultValue: r ?? [],
     onChange: l
-  }), i = new Set(c);
+  }), s = new Set(o);
   function d(u) {
-    i.has(u) ? o(c.filter((h) => h !== u)) : o(n ? [...c, u] : [u]);
+    s.has(u) ? c(o.filter((h) => h !== u)) : c(n ? [...o, u] : [u]);
   }
-  return /* @__PURE__ */ a("div", { className: f("accordion", s), children: e.map((u) => {
-    const h = i.has(u.key);
+  return /* @__PURE__ */ a("div", { className: f("accordion", i), children: e.map((u) => {
+    const h = s.has(u.key);
     return /* @__PURE__ */ p("div", { className: "accordion-item", children: [
       /* @__PURE__ */ a("h2", { className: "accordion-header", children: /* @__PURE__ */ a(
         "button",
@@ -1114,44 +1249,44 @@ function Le({ items: e, multiple: n = !1, openKeys: t, defaultOpenKeys: r, onCha
     ] }, u.key);
   }) });
 }
-function En({ content: e, children: n, placement: t = "top", className: r }) {
-  const [l, s] = T(!1), c = M(null), o = P();
+function Qe({ content: e, children: n, placement: t = "top", className: r }) {
+  const [l, i] = M(!1), o = O(null), c = F();
   return /* @__PURE__ */ p(
     "span",
     {
-      ref: c,
+      ref: o,
       className: "position-relative d-inline-block",
-      onMouseEnter: () => s(!0),
-      onMouseLeave: () => s(!1),
-      onFocus: () => s(!0),
-      onBlur: () => s(!1),
-      "aria-describedby": l ? o : void 0,
+      onMouseEnter: () => i(!0),
+      onMouseLeave: () => i(!1),
+      onFocus: () => i(!0),
+      onBlur: () => i(!1),
+      "aria-describedby": l ? c : void 0,
       children: [
         n,
         /* @__PURE__ */ a(
-          G,
+          W,
           {
             open: l,
-            onClose: () => s(!1),
-            anchorRef: c,
+            onClose: () => i(!1),
+            anchorRef: o,
             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 })
+            children: /* @__PURE__ */ a("span", { id: c, 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: [
+function et({ title: e, content: n, children: t, placement: r = "bottom", className: l }) {
+  const [i, o] = M(!1), c = O(null);
+  return /* @__PURE__ */ p("span", { ref: c, className: "position-relative d-inline-block", onClick: () => o((s) => !s), children: [
     t,
     /* @__PURE__ */ p(
-      G,
+      W,
       {
-        open: s,
-        onClose: () => c(!1),
-        anchorRef: o,
+        open: i,
+        onClose: () => o(!1),
+        anchorRef: c,
         className: f("popover show", `bs-popover-${r}`, "position-absolute", "w-auto", l),
         children: [
           e && /* @__PURE__ */ a("h3", { className: "popover-header", children: e }),
@@ -1161,21 +1296,10 @@ function Rn({ title: e, content: n, children: t, placement: r = "bottom", classN
     )
   ] });
 }
-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 ee({ 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 An({ direction: e = "column", gap: n = 2, align: t, justify: r, wrap: l, className: s, children: c }) {
+function Se({ direction: e = "column", gap: n = 2, align: t, justify: r, wrap: l, className: i, children: o }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1186,19 +1310,87 @@ function An({ direction: e = "column", gap: n = 2, align: t, justify: r, wrap: l
         t && `align-items-${t}`,
         r && `justify-content-${r}`,
         l && "flex-wrap",
-        s
+        i
       ),
-      children: c
+      children: o
     }
   );
 }
-function Pn({ fluid: e, className: n, children: t }) {
+const Xe = {
+  xs: "0.75rem",
+  sm: "0.875rem",
+  md: "1rem",
+  lg: "1.25rem",
+  xl: "1.5rem"
+}, en = {
+  normal: "fw-normal",
+  medium: "fw-medium",
+  semibold: "fw-semibold",
+  bold: "fw-bold"
+}, nn = {
+  default: void 0,
+  muted: "text-body-secondary",
+  primary: "text-primary",
+  success: "text-success",
+  danger: "text-danger",
+  warning: "text-warning",
+  info: "text-info"
+};
+function q({ as: e, size: n = "md", weight: t, tone: r = "default", align: l, truncate: i, wrap: o = !0, className: c, children: s }) {
+  return /* @__PURE__ */ a(
+    e ?? "span",
+    {
+      className: f(
+        t && en[t],
+        nn[r],
+        l && `text-${l}`,
+        i && "text-truncate",
+        !o && !i && "text-nowrap",
+        c
+      ),
+      style: { fontSize: Xe[n] },
+      children: s
+    }
+  );
+}
+function tn({ title: e, subtitle: n, icon: t, avatar: r, actions: l }) {
+  return /* @__PURE__ */ p("div", { className: "d-flex align-items-center justify-content-between gap-3", children: [
+    /* @__PURE__ */ p("div", { className: "d-flex align-items-center gap-3", style: { minWidth: 0 }, children: [
+      r || t && /* @__PURE__ */ a("span", { className: "fs-2 lh-1", children: t }),
+      (e || n) && /* @__PURE__ */ p("div", { style: { minWidth: 0 }, children: [
+        e && /* @__PURE__ */ a(q, { as: "div", size: "lg", weight: "semibold", truncate: !0, children: e }),
+        n && /* @__PURE__ */ a(q, { as: "div", size: "sm", tone: "muted", truncate: !0, children: n })
+      ] })
+    ] }),
+    l && /* @__PURE__ */ a("div", { className: "d-flex align-items-center gap-2 flex-shrink-0", children: l })
+  ] });
+}
+function nt({ title: e, subtitle: n, icon: t, avatar: r, actions: l, header: i, footer: o, loading: c, className: s, children: d }) {
+  const h = i ?? (!!(e || n || t || r || l) ? /* @__PURE__ */ a(tn, { title: e, subtitle: n, icon: t, avatar: r, actions: l }) : void 0);
+  return /* @__PURE__ */ p("div", { className: f("card", s), children: [
+    h && /* @__PURE__ */ a("div", { className: "card-header", children: h }),
+    /* @__PURE__ */ a("div", { className: "card-body", children: c ? /* @__PURE__ */ p(Se, { gap: 2, children: [
+      /* @__PURE__ */ a(ee, { height: "1rem", width: "60%" }),
+      /* @__PURE__ */ a(ee, { height: "1rem" }),
+      /* @__PURE__ */ a(ee, { height: "1rem", width: "80%" })
+    ] }) : d }),
+    o && /* @__PURE__ */ a("div", { className: "card-footer", children: o })
+  ] });
+}
+function tt({ 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 rt({ 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 }) {
+function lt({ 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 }) {
+function at({ span: e, sm: n, md: t, lg: r, xl: l, className: i, children: o }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1208,70 +1400,70 @@ function Ln({ span: e, sm: n, md: t, lg: r, xl: l, className: s, children: c })
         t ? `col-md-${t}` : void 0,
         r ? `col-lg-${r}` : void 0,
         l ? `col-xl-${l}` : void 0,
-        s
+        i
       ),
-      children: c
+      children: o
     }
   );
 }
-function Ke({ items: e, className: n }) {
+function rn({ 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(
+    const l = r === e.length - 1, i = !l && (t.href || t.onClick);
+    return /* @__PURE__ */ a("li", { className: f("breadcrumb-item", l && "active"), "aria-current": l ? "page" : void 0, children: i ? /* @__PURE__ */ a(
       "a",
       {
         href: t.href ?? "#",
-        onClick: (c) => {
-          var o;
-          t.href || c.preventDefault(), (o = t.onClick) == null || o.call(t);
+        onClick: (o) => {
+          var c;
+          t.href || o.preventDefault(), (c = t.onClick) == null || c.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(
+function it({ items: e, children: n, placement: t = "start", className: r }) {
+  const [l, i] = M(!1), o = O(null), c = A(() => i(!1), []), s = A(
     (m) => {
-      var v;
-      const b = e[m];
-      !b || b.disabled || ((v = b.onSelect) == null || v.call(b), o());
+      var g;
+      const v = e[m];
+      !v || v.disabled || ((g = v.onSelect) == null || g.call(v), c());
     },
-    [e, o]
-  ), { activeIndex: d, setActiveIndex: u, handleKeyDown: h } = ee({
+    [e, c]
+  ), { activeIndex: d, setActiveIndex: u, handleKeyDown: h } = re({
     itemCount: e.length,
     isOpen: l,
-    onSelect: i,
-    onClose: o
+    onSelect: s,
+    onClose: c
   });
   return /* @__PURE__ */ p(
     "span",
     {
-      ref: c,
+      ref: o,
       className: "position-relative d-inline-block",
-      onClick: () => s((m) => !m),
+      onClick: () => i((m) => !m),
       onKeyDown: h,
       children: [
         n,
         /* @__PURE__ */ a(
-          G,
+          W,
           {
             open: l,
-            onClose: o,
-            anchorRef: c,
+            onClose: c,
+            anchorRef: o,
             role: "menu",
             className: f("dropdown-menu show", t === "end" && "dropdown-menu-end", r),
-            children: e.map((m, b) => /* @__PURE__ */ a(
+            children: e.map((m, v) => /* @__PURE__ */ a(
               "button",
               {
                 type: "button",
                 role: "menuitem",
-                className: f("dropdown-item", b === d && "active", m.disabled && "disabled", m.danger && "text-danger"),
+                className: f("dropdown-item", v === 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);
+                onMouseEnter: () => u(v),
+                onMouseDown: (g) => g.preventDefault(),
+                onClick: (g) => {
+                  g.stopPropagation(), s(v);
                 },
                 children: m.label
               },
@@ -1283,44 +1475,44 @@ function Kn({ items: e, children: n, placement: t = "start", className: r }) {
     }
   );
 }
-function jn({ steps: e, currentStep: n, className: t }) {
+function st({ 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: [
+    const i = l < n ? "complete" : l === n ? "active" : "upcoming", o = l === e.length - 1;
+    return /* @__PURE__ */ p("li", { className: f("d-flex align-items-center", !o && "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"
+              i === "complete" ? "bg-primary text-white" : i === "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
+            "aria-current": i === "active" ? "step" : void 0,
+            children: i === "complete" ? "✓" : l + 1
           }
         ),
         /* @__PURE__ */ p("div", { children: [
-          /* @__PURE__ */ a("div", { className: f("small fw-semibold", s === "upcoming" && "text-body-secondary"), children: r.label }),
+          /* @__PURE__ */ a("div", { className: f("small fw-semibold", i === "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" })
+      !o && /* @__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]) ?? "" : "";
+function ln(e) {
+  var l, i;
+  const n = e.trim().split(/\s+/), t = ((l = n[0]) == null ? void 0 : l[0]) ?? "", r = n.length > 1 ? ((i = n[n.length - 1]) == null ? void 0 : i[0]) ?? "" : "";
   return (t + r).toUpperCase();
 }
-const Be = {
+const an = {
   sm: "1.75rem",
   md: "2.5rem",
   lg: "3.5rem"
 };
-function Bn({ src: e, name: n, size: t = "md", className: r }) {
-  const l = Be[t];
+function ot({ src: e, name: n, size: t = "md", className: r }) {
+  const l = an[t];
   return e ? /* @__PURE__ */ a(
     "img",
     {
@@ -1336,11 +1528,11 @@ function Bn({ src: e, name: n, size: t = "md", className: r }) {
       style: { width: l, height: l, fontSize: `calc(${l} * 0.4)` },
       role: n ? "img" : void 0,
       "aria-label": n,
-      children: n ? je(n) : null
+      children: n ? ln(n) : null
     }
   );
 }
-function Hn({ variant: e = "secondary", onRemove: n, className: t, children: r }) {
+function ct({ 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(
@@ -1355,93 +1547,73 @@ function Hn({ variant: e = "secondary", onRemove: n, className: t, children: r }
     )
   ] });
 }
-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({
+function dt({
   value: e,
   defaultValue: n,
   onChange: t,
   min: r = 0,
   max: l = 100,
-  step: s = 1,
-  id: c,
-  name: o,
-  disabled: i,
+  step: i = 1,
+  id: o,
+  name: c,
+  disabled: s,
   required: d,
   className: u,
   label: h,
   helpText: m,
-  error: b
+  error: v
 }) {
-  const [v, x] = V({
+  const [g, w] = T({
     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: [
+  }), k = F(), y = o ?? k;
+  return /* @__PURE__ */ p(B, { id: y, label: h, required: d, error: v, helpText: m, className: u, children: [
     /* @__PURE__ */ a(
       "input",
       {
-        id: g,
-        name: o,
+        id: y,
+        name: c,
         type: "range",
         className: "form-range",
-        disabled: i,
+        disabled: s,
         required: d,
         min: r,
         max: l,
-        step: s,
-        value: v,
-        onChange: (w) => x(Number(w.target.value))
+        step: i,
+        value: g,
+        onChange: (S) => w(Number(S.target.value))
       }
     ),
-    /* @__PURE__ */ a("div", { className: "small text-body-secondary", children: v })
+    /* @__PURE__ */ a("div", { className: "small text-body-secondary", children: g })
   ] });
 }
-function Gn({ value: e, defaultValue: n, onChange: t, max: r = 5, disabled: l, className: s }) {
-  const [c, o] = V({
+function ut({ value: e, defaultValue: n, onChange: t, max: r = 5, disabled: l, className: i }) {
+  const [o, c] = T({
     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(
+  return /* @__PURE__ */ a("div", { className: f("d-inline-flex gap-1", i), role: "radiogroup", "aria-label": "Rating", children: Array.from({ length: r }, (s, d) => d + 1).map((s) => /* @__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: "★" })
+      "aria-checked": s === o,
+      "aria-label": `${s} star${s > 1 ? "s" : ""}`,
+      onClick: () => c(s),
+      children: /* @__PURE__ */ a("span", { "aria-hidden": "true", style: { fontSize: "1.25rem", color: s <= o ? "#f5b301" : "#ced4da" }, children: "★" })
     },
-    i
+    s
   )) });
 }
-function _n({ value: e, variant: n = "primary", label: t, className: r }) {
+function ft({ 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 }) {
+function mt({ brand: e, start: n, end: t, variant: r = "light", className: l }) {
   return /* @__PURE__ */ a(
     "nav",
     {
@@ -1458,10 +1630,10 @@ function Yn({ brand: e, start: n, end: t, variant: r = "light", className: l })
     }
   );
 }
-function qe(e) {
+function sn(e) {
   return "items" in e;
 }
-function se({ item: e }) {
+function ue({ item: e }) {
   return /* @__PURE__ */ p(
     "a",
     {
@@ -1480,12 +1652,12 @@ function se({ item: e }) {
     }
   );
 }
-function zn({ sections: e, header: n, footer: t, className: r }) {
+function ht({ 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,
+      (l) => sn(l) ? /* @__PURE__ */ a(
+        Ye,
         {
           className: "border-0",
           defaultOpenKeys: l.defaultOpen ? [l.key] : [],
@@ -1493,19 +1665,19 @@ function zn({ sections: e, header: n, footer: t, className: r }) {
             {
               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)) })
+              content: /* @__PURE__ */ a("div", { className: "nav flex-column ps-2 gap-1", children: l.items.map((i) => /* @__PURE__ */ a(ue, { item: i }, i.key)) })
             }
           ]
         },
         l.key
-      ) : /* @__PURE__ */ a(se, { item: l }, l.key)
+      ) : /* @__PURE__ */ a(ue, { 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 }) {
+function bt({ 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" }),
+    t && t.length > 0 && /* @__PURE__ */ a(rn, { 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 }),
@@ -1515,12 +1687,131 @@ function Zn({ title: e, description: n, breadcrumbItems: t, actions: r, classNam
     ] })
   ] });
 }
-class Ue extends Error {
+const on = {
+  xs: 1,
+  sm: 2,
+  md: 3,
+  lg: 4,
+  xl: 5
+};
+function cn(e) {
+  return typeof e == "number" ? e : on[e];
+}
+function pt({ direction: e = "row", gap: n = "sm", grow: t, shrink: r, fullWidth: l, className: i, ...o }) {
+  return /* @__PURE__ */ a(
+    Se,
+    {
+      direction: e,
+      gap: cn(n),
+      className: f(t && "flex-grow-1", r && "flex-shrink-0", l && "w-100", i),
+      ...o
+    }
+  );
+}
+function vt({ icon: e, "aria-label": n, iconSize: t, tooltip: r, variant: l = "light", loading: i, className: o, ...c }) {
+  const s = /* @__PURE__ */ a(te, { variant: l, loading: i, className: f("btn-icon", o), "aria-label": n, ...c, children: !i && /* @__PURE__ */ a(se, { name: e, size: t }) });
+  return r ? /* @__PURE__ */ a(Qe, { content: r, children: s }) : s;
+}
+function gt({ leading: e, title: n, description: t, trailing: r, onClick: l, disabled: i, dense: o, className: c }) {
+  const s = /* @__PURE__ */ p(H, { children: [
+    e && /* @__PURE__ */ a("span", { className: "flex-shrink-0 d-inline-flex align-items-center", children: e }),
+    /* @__PURE__ */ p("span", { className: "flex-grow-1", style: { minWidth: 0 }, children: [
+      /* @__PURE__ */ a("span", { className: "d-block text-truncate", children: n }),
+      t && /* @__PURE__ */ a("span", { className: "d-block text-truncate small text-body-secondary", children: t })
+    ] }),
+    r && /* @__PURE__ */ a("span", { className: "flex-shrink-0 d-inline-flex align-items-center", children: r })
+  ] }), d = f(
+    "d-flex align-items-center text-start",
+    o ? "gap-2 py-1" : "gap-3 py-2",
+    l && "w-100 border-0 bg-transparent",
+    i && "opacity-50",
+    c
+  );
+  return l ? /* @__PURE__ */ a("button", { type: "button", className: d, onClick: l, disabled: i, children: s }) : /* @__PURE__ */ a("div", { className: d, "aria-disabled": i || void 0, children: s });
+}
+function dn(e, n, t, r) {
+  if (e.length === 0)
+    return [];
+  const l = Math.min(...e), o = Math.max(...e) - l || 1, c = n - r * 2, s = t - r * 2, d = e.length > 1 ? c / (e.length - 1) : 0;
+  return e.map((u, h) => {
+    const m = r + d * h, v = r + s - (u - l) / o * s;
+    return [m, v];
+  });
+}
+function un({ type: e, data: n, width: t, height: r, strokeWidth: l }) {
+  const i = l, o = dn(n, t, r, i);
+  if (o.length === 0)
+    return null;
+  const c = o.map(([s, d]) => `${s},${d}`).join(" ");
+  return /* @__PURE__ */ p(H, { children: [
+    e === "area" && /* @__PURE__ */ a(
+      "polygon",
+      {
+        points: `${i},${r - i} ${c} ${t - i},${r - i}`,
+        fill: "currentColor",
+        opacity: 0.2,
+        stroke: "none"
+      }
+    ),
+    /* @__PURE__ */ a("polyline", { points: c, fill: "none", stroke: "currentColor", strokeWidth: l, strokeLinecap: "round", strokeLinejoin: "round" })
+  ] });
+}
+function fn({ data: e, width: n, height: t }) {
+  if (e.length === 0)
+    return null;
+  const r = Math.min(0, ...e), i = Math.max(0, ...e) - r || 1, o = 2, c = Math.max((n - o * (e.length - 1)) / e.length, 1);
+  return /* @__PURE__ */ a(H, { children: e.map((s, d) => {
+    const u = Math.max((s - r) / i * t, 1), h = d * (c + o), m = t - u;
+    return /* @__PURE__ */ a("rect", { x: h, y: m, width: c, height: u, rx: 1, fill: "currentColor" }, d);
+  }) });
+}
+function yt({ type: e = "line", data: n, tone: t = "primary", width: r = 80, height: l = 28, strokeWidth: i = 2, className: o, label: c }) {
+  return /* @__PURE__ */ a(
+    "svg",
+    {
+      width: r,
+      height: l,
+      viewBox: `0 0 ${r} ${l}`,
+      className: f(`text-${t}`, o),
+      role: c ? "img" : void 0,
+      "aria-label": c,
+      "aria-hidden": c ? void 0 : !0,
+      children: e === "bar" ? /* @__PURE__ */ a(fn, { data: n, width: r, height: l }) : /* @__PURE__ */ a(un, { type: e, data: n, width: r, height: l, strokeWidth: i })
+    }
+  );
+}
+const mn = {
+  up: "success",
+  down: "danger",
+  neutral: "muted"
+}, hn = {
+  up: "bi bi-arrow-up-short",
+  down: "bi bi-arrow-down-short",
+  neutral: "bi bi-dash"
+};
+function bn(e, n) {
+  return typeof e == "number" && n != null ? e.toFixed(n) : String(e);
+}
+function Nt({ label: e, value: n, prefix: t, suffix: r, precision: l, trend: i, delta: o, loading: c, className: s }) {
+  return /* @__PURE__ */ p("div", { className: f("d-flex flex-column gap-1", s), children: [
+    /* @__PURE__ */ a(q, { size: "sm", tone: "muted", children: e }),
+    c ? /* @__PURE__ */ a(ee, { height: "1.75rem", width: "60%" }) : /* @__PURE__ */ p("div", { className: "d-flex align-items-baseline gap-1", children: [
+      t && /* @__PURE__ */ a(q, { size: "lg", weight: "semibold", children: t }),
+      /* @__PURE__ */ a(q, { size: "xl", weight: "bold", children: bn(n, l) }),
+      r && /* @__PURE__ */ a(q, { size: "lg", weight: "semibold", children: r })
+    ] }),
+    !c && (i || o != null) && /* @__PURE__ */ p(q, { size: "sm", tone: i ? mn[i] : "muted", className: "d-inline-flex align-items-center gap-1", children: [
+      i && /* @__PURE__ */ a(se, { name: hn[i], size: "sm" }),
+      o
+    ] })
+  ] });
+}
+class pn 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) {
+function vn(e) {
   if (!e)
     return "";
   const n = new URLSearchParams();
@@ -1529,60 +1820,60 @@ function Ge(e) {
   const t = n.toString();
   return t ? `?${t}` : "";
 }
-function _e(e = {}) {
+function gn(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();
+    async get(l, i = {}) {
+      const o = `${n}${l}${vn(i.params)}`;
+      let c = { method: "GET", signal: i.signal };
+      r && (c = r(o, c));
+      const s = await t(o, c);
+      if (!s.ok)
+        throw new pn(s.status, s.statusText, o);
+      return await s.json();
     }
   };
 }
-const Je = _e();
-function Ye(e) {
+const yn = gn();
+function Nn(e) {
   return Object.keys(e).sort().reduce((n, t) => (n[t] = e[t], n), {});
 }
-function z({
-  client: e = Je,
+function Y({
+  client: e = yn,
   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(() => {
+  const [i, o] = M("idle"), [c, s] = M([]), [d, u] = M(null), [h, m] = M(0), v = ne(() => t ? JSON.stringify(Nn(t)) : "", [t]), g = O(0), w = O(r);
+  w.current = r, _(() => {
     if (!l || !n) {
-      c("idle"), i([]), u(null);
+      o("idle"), s([]), 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)
+    const y = ++g.current, S = new AbortController();
+    return o("loading"), u(null), e.get(n, { params: t, signal: S.signal }).then((x) => {
+      if (y !== g.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")));
+      const I = w.current(x);
+      s(I), o(I.length === 0 ? "empty" : "success");
+    }).catch((x) => {
+      y === g.current && (x instanceof DOMException && x.name === "AbortError" || (u(x instanceof Error ? x : new Error(String(x))), o("error")));
     }), () => {
-      w.abort();
+      S.abort();
     };
-  }, [e, n, b, l, h]);
-  const N = R(() => m((g) => g + 1), []);
-  return { state: s, items: o, error: d, reload: N };
+  }, [e, n, v, l, h]);
+  const k = A(() => m((y) => y + 1), []);
+  return { state: i, items: c, error: d, reload: k };
 }
-function ze(e, n) {
-  const [t, r] = T(e);
-  return B(() => {
+function xn(e, n) {
+  const [t, r] = M(e);
+  return _(() => {
     const l = setTimeout(() => r(e), n);
     return () => clearTimeout(l);
   }, [e, n]), t;
 }
-function Z(e) {
+function Q(e) {
   if (Array.isArray(e))
     return e;
   if (e && typeof e == "object" && Array.isArray(e.items))
@@ -1591,7 +1882,7 @@ function Z(e) {
     "Unable to normalize remote response into an array. Provide an explicit `mapResponse` for this endpoint's response shape."
   );
 }
-function ne(e, n, t) {
+function le(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;
@@ -1600,151 +1891,151 @@ function ne(e, n, t) {
     label: String(r[t] ?? "")
   };
 }
-function Ze({
+function wn({
   url: e,
   params: n,
   valueMember: t,
   displayMember: r,
   mapResponse: l,
-  client: s,
-  enabled: c,
-  ...o
+  client: i,
+  enabled: o,
+  ...c
 }) {
-  const { state: i, items: d, error: u } = z({
-    client: s,
+  const { state: s, items: d, error: u } = Y({
+    client: i,
     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 });
+    enabled: o,
+    mapResponse: (m) => (l ? l(m) : Q(m)).map((g) => le(g, t, r))
+  }), h = c.error ?? (s === "error" ? (u == null ? void 0 : u.message) ?? "Failed to load options" : void 0);
+  return /* @__PURE__ */ a(Re, { ...c, options: d, loading: s === "loading", error: h });
 }
-function Qn({
+function xt({
   url: e,
   params: n,
   searchParam: t,
   valueMember: r,
   displayMember: l,
-  mapResponse: s,
-  minSearchLength: c = 1,
-  debounceMs: o = 300,
-  client: i,
+  mapResponse: i,
+  minSearchLength: o = 1,
+  debounceMs: c = 300,
+  client: s,
   inputValue: d,
   onInputValueChange: u,
   ...h
 }) {
-  const [m, b] = V({
+  const [m, v] = T({
     value: d,
     defaultValue: "",
     onChange: u
-  }), v = ze(m, o), x = v.length >= c, { state: N, items: g, error: w } = z({
-    client: i,
+  }), g = xn(m, c), w = g.length >= o, { state: k, items: y, error: S } = Y({
+    client: s,
     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);
+    enabled: w,
+    params: { ...n, [t]: g },
+    mapResponse: (I) => (i ? i(I) : Q(I)).map((N) => le(N, r, l))
+  }), x = h.error ?? (k === "error" ? (S == null ? void 0 : S.message) ?? "Failed to load suggestions" : void 0);
   return /* @__PURE__ */ a(
-    Me,
+    Le,
     {
       ...h,
-      options: g,
-      loading: N === "loading",
-      error: y,
+      options: y,
+      loading: k === "loading",
+      error: x,
       inputValue: m,
-      onInputValueChange: b,
+      onInputValueChange: v,
       filter: () => !0
     }
   );
 }
-function Qe({
+function kn({
   url: e,
   params: n,
   mapResponse: t,
   getTotalCount: r,
   pageSize: l = 20,
-  client: s,
-  ...c
+  client: i,
+  ...o
 }) {
-  const [o, i] = T(1), [d, u] = T(null), h = W(() => JSON.stringify(n ?? {}), [n]), m = M(!0);
-  B(() => {
+  const [c, s] = M(1), [d, u] = M(null), h = ne(() => JSON.stringify(n ?? {}), [n]), m = O(!0);
+  _(() => {
     if (m.current) {
       m.current = !1;
       return;
     }
-    i(1);
+    s(1);
   }, [h]);
-  const b = W(
+  const v = ne(
     () => ({
       ...n,
-      page: o,
+      page: c,
       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,
+    [n, c, l, d]
+  ), g = O(void 0), { state: w, items: k, error: y } = Y({
+    client: i,
     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;
+    params: v,
+    mapResponse: (N) => (g.current = N, t ? t(N) : Q(N))
+  }), S = g.current !== void 0 ? r == null ? void 0 : r(g.current) : void 0, I = k.length >= l && l > 0 ? c * l + 1 : (c - 1) * l + k.length, b = S ?? I;
   return /* @__PURE__ */ a(
-    Ae,
+    Ue,
     {
-      ...c,
-      rows: N,
-      loading: x === "loading",
-      error: g == null ? void 0 : g.message,
-      page: o,
+      ...o,
+      rows: k,
+      loading: w === "loading",
+      error: y == null ? void 0 : y.message,
+      page: c,
       pageSize: l,
-      totalCount: k,
-      onPageChange: i,
+      totalCount: b,
+      onPageChange: s,
       sort: d,
-      onSortChange: (C) => {
-        u(C), i(1);
+      onSortChange: (N) => {
+        u(N), s(1);
       }
     }
   );
 }
-function Wn({
+function wt({
   url: e,
   params: n,
   valueMember: t,
   displayMember: r,
   mapResponse: l,
-  client: s,
-  enabled: c,
-  ...o
+  client: i,
+  enabled: o,
+  ...c
 }) {
-  const { state: i, items: d, error: u } = z({
-    client: s,
+  const { state: s, items: d, error: u } = Y({
+    client: i,
     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 });
+    enabled: o,
+    mapResponse: (m) => (l ? l(m) : Q(m)).map((g) => le(g, t, r))
+  }), h = c.error ?? (s === "error" ? (u == null ? void 0 : u.message) ?? "Failed to load options" : void 0);
+  return /* @__PURE__ */ a(Ee, { ...c, options: d, loading: s === "loading", error: h });
 }
-function Xn({
+function kt({
   url: e,
   params: n,
   valueMember: t,
   displayMember: r,
   mapResponse: l,
-  client: s,
-  enabled: c,
-  ...o
+  client: i,
+  enabled: o,
+  ...c
 }) {
-  const { state: i, items: d, error: u } = z({
-    client: s,
+  const { state: s, items: d, error: u } = Y({
+    client: i,
     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 });
+    enabled: o,
+    mapResponse: (m) => (l ? l(m) : Q(m)).map((g) => le(g, t, r))
+  }), h = c.error ?? (s === "error" ? (u == null ? void 0 : u.message) ?? "Failed to load options" : void 0);
+  return /* @__PURE__ */ a(Me, { ...c, options: d, loading: s === "loading", error: h });
 }
-function et() {
+function St() {
   const e = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Set();
   return {
     register(t, r) {
@@ -1761,7 +2052,7 @@ function et() {
     }
   };
 }
-function nt(e) {
+function Ct(e) {
   const n = new Map(Object.entries(e ?? {}));
   return {
     register(t, r) {
@@ -1772,7 +2063,7 @@ function nt(e) {
     }
   };
 }
-function tt() {
+function It() {
   const e = /* @__PURE__ */ new Map();
   return {
     register(n, t) {
@@ -1783,10 +2074,10 @@ function tt() {
     }
   };
 }
-function We(e) {
+function Sn(e) {
   return "dataSource" in e;
 }
-function Xe(e, n) {
+function Cn(e, n) {
   if (!e)
     return;
   const t = {};
@@ -1794,10 +2085,10 @@ function Xe(e, n) {
     t[r] = l.kind === "static" ? l.value : n[l.field];
   return t;
 }
-function ie(e, n, t) {
+function fe(e, n, t) {
   return n && t ? t(n) : e;
 }
-function Q(e, n) {
+function X(e, n) {
   const { values: t, translate: r } = n;
   return {
     metadata: e,
@@ -1805,39 +2096,39 @@ function Q(e, n) {
     readOnly: e.readOnly ?? !1,
     disabled: e.disabled ?? !1,
     required: e.required ?? !1,
-    label: ie(e.label, e.labelKey, r),
+    label: fe(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
+    validationMessage: fe(e.validationMessage, e.validationMessageKey, r),
+    params: Sn(e) ? Cn(e.dataSource.params, t) : void 0
   };
 }
-function rt(e, n, t) {
+function Dt(e, n, t) {
   const r = n == null ? void 0 : n.fields.find((l) => l.name === e);
   if (r)
-    return Q(r, t);
+    return X(r, t);
 }
-const en = [];
-function nn(e, n) {
+const In = [];
+function Dn(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(() => {
+function Vn(e, n, t) {
+  const r = e ?? In, l = Dn(n, r), i = r.length === 0 ? "" : JSON.stringify(l), o = O(null), c = O(t);
+  c.current = t, _(() => {
     var d;
     if (r.length === 0)
       return;
-    const i = c.current;
-    if (i && i.key !== s)
+    const s = o.current;
+    if (s && s.key !== i)
       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]);
+        Object.is(s.snapshot[u], l[u]) || (d = c.current) == null || d.call(c, u);
+    o.current = { key: i, snapshot: l };
+  }, [i]);
 }
-function ye(e, n) {
+function Ce(e, n) {
   const { actions: t, translate: r } = n, l = t.resolve(e.id);
   return {
     metadata: e,
@@ -1847,19 +2138,19 @@ function ye(e, n) {
     handler: l
   };
 }
-function lt(e, n, t) {
+function Vt(e, n, t) {
   var l;
-  const r = (l = n == null ? void 0 : n.actions) == null ? void 0 : l.find((s) => s.id === e);
+  const r = (l = n == null ? void 0 : n.actions) == null ? void 0 : l.find((i) => i.id === e);
   if (r)
-    return ye(r, t);
+    return Ce(r, t);
 }
-const rn = (e, n) => {
-  const t = Q(e, { values: n.values, translate: n.translate });
+const $n = (e, n) => {
+  const t = X(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,
+    wn,
     {
       label: t.label,
       url: r.url,
@@ -1876,64 +2167,52 @@ const rn = (e, n) => {
       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) {
+function Tn(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;
+  const t = e.headerKey && n ? n(e.headerKey) : e.header ?? e.key, r = e.format === "boolean" && !!n;
   return {
     key: e.key,
     header: t,
     sortable: e.sortable,
-    render: r ? (l) => r(l[e.key], n) : void 0
+    format: r ? void 0 : e.format,
+    formatter: r ? (l) => n(l ? "smart.boolean.true" : "smart.boolean.false") : void 0
   };
 }
-const sn = (e, n) => {
-  const t = Q(e, { values: n.values, translate: n.translate });
+const En = (e, n) => {
+  const t = X(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;
+  const l = e.columns.map((c) => Tn(c, n.translate)).filter((c) => c !== null), i = e.totalCountField, o = i ? (c) => {
+    const s = c == null ? void 0 : c[i];
+    return typeof s == "number" ? s : void 0;
   } : void 0;
   return /* @__PURE__ */ a(
-    Qe,
+    kn,
     {
       url: r.url,
       client: r.client,
       params: t.params,
       columns: l,
-      rowKey: (o) => o[e.rowKey],
-      getTotalCount: c
+      rowKey: (c) => c[e.rowKey],
+      getTotalCount: o
     }
   );
 };
-function oe(e) {
+function me(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 });
+const Mn = (e, n) => {
+  const t = X(e, { values: n.values, translate: n.translate });
   return t.visible ? /* @__PURE__ */ a(
-    De,
+    Oe,
     {
       label: t.label,
       required: t.required,
@@ -1941,16 +2220,16 @@ const on = (e, n) => {
       disabled: t.disabled,
       helpText: t.helpText,
       error: t.validationMessage,
-      min: oe(e.minDate),
-      max: oe(e.maxDate),
+      min: me(e.minDate),
+      max: me(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 });
+}, On = (e, n) => {
+  const t = X(e, { values: n.values, translate: n.translate });
   return t.visible ? /* @__PURE__ */ a(
-    Y,
+    Z,
     {
       label: t.label,
       required: t.required,
@@ -1965,128 +2244,135 @@ const on = (e, n) => {
     }
   ) : null;
 };
-function at(e) {
-  e.register("Input", cn), e.register("ComboBox", rn), e.register("DatePicker", on), e.register("DataGrid", sn);
+function $t(e) {
+  e.register("Input", On), e.register("ComboBox", $n), e.register("DatePicker", Mn), e.register("DataGrid", En);
 }
-function dn({ metadata: e, ctx: n }) {
+function Rn({ metadata: e, ctx: n }) {
   const t = n.onMetadataRefreshNeeded;
-  return tn(
+  return Vn(
     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 Ie = 1;
+function An(e) {
   const n = Number(e.split(".")[0]);
-  return Number.isFinite(n) && n === Ne;
+  return Number.isFinite(n) && n === Ie;
 }
-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: [
+function Tt({ metadata: e, ctx: n }) {
+  return An(e.schemaVersion) ? /* @__PURE__ */ a(H, { children: e.fields.map((t) => /* @__PURE__ */ a(Rn, { metadata: t, ctx: n }, t.name)) }) : /* @__PURE__ */ p(xe, { variant: "danger", children: [
     'Unsupported form schema version "',
     e.schemaVersion,
     '" — this app understands schema version ',
-    Ne,
+    Ie,
     ".x."
   ] });
 }
-function fn({ metadata: e, ctx: n }) {
-  const t = ye(e, n);
-  return t.visible ? /* @__PURE__ */ a(re, { disabled: !t.enabled, onClick: () => {
+function Ln({ metadata: e, ctx: n }) {
+  const t = Ce(e, n);
+  return t.visible ? /* @__PURE__ */ a(te, { 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)) });
+function Et({ metadata: e, ctx: n }) {
+  return !e.actions || e.actions.length === 0 ? null : /* @__PURE__ */ a(H, { children: e.actions.map((t) => /* @__PURE__ */ a(Ln, { 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
+  Ye as Accordion,
+  xe as Alert,
+  Le as AutoComplete,
+  ot as Avatar,
+  Ge as Badge,
+  rn as Breadcrumb,
+  te as Button,
+  nt as Card,
+  _n as CheckBox,
+  at as Col,
+  Re as ComboBox,
+  Yn as ConfirmProvider,
+  rt as Container,
+  Ue as DataGrid,
+  Oe as DatePicker,
+  Gn as DateTimePicker,
+  tt as Divider,
+  Hn as FileInput,
+  pt as Flex,
+  Wn as FormField,
+  pn as HttpError,
+  se as Icon,
+  vt as IconButton,
+  Z as Input,
+  $e as Label,
+  gt as ListItem,
+  it as Menu,
+  Pe as Modal,
+  Me as MultiSelect,
+  mt as Navbar,
+  Bn as NumberInput,
+  bt as PageHeader,
+  Ke as Pagination,
+  jn as PasswordInput,
+  et as Popover,
+  W as Popup,
+  ft as ProgressBar,
+  Te as RadioButton,
+  qn as RadioGroup,
+  ut as Rating,
+  xt as RemoteAutoComplete,
+  wn as RemoteComboBox,
+  kn as RemoteDataGrid,
+  kt as RemoteMultiSelect,
+  wt as RemoteSelect,
+  lt as Row,
+  Ee as Select,
+  ht as Sidebar,
+  ee as Skeleton,
+  dt as Slider,
+  Ln as SmartAction,
+  Et as SmartActions,
+  Rn as SmartField,
+  Tt as SmartForm,
+  yt as Sparkline,
+  qe as Spinner,
+  Se as Stack,
+  Nt as Statistic,
+  st as Stepper,
+  Un as Switch,
+  Xn as Tabs,
+  ct as Tag,
+  q as Text,
+  Kn as TextArea,
+  zn as TimePicker,
+  Jn as ToastProvider,
+  Qe as Tooltip,
+  pe as ValidationMessage,
+  $n as comboBoxResolver,
+  gn as createHttpClient,
+  It as createSmartActionRegistry,
+  St as createSmartComponentRegistry,
+  Ct as createSmartDataSourceRegistry,
+  Be as dataGridFormatters,
+  En as dataGridResolver,
+  Mn as datePickerResolver,
+  Q as defaultArrayNormalization,
+  yn as defaultHttpClient,
+  ge as fromDateInputValue,
+  Ne as fromTimeInputValue,
+  On as inputResolver,
+  $t as registerBuiltInResolvers,
+  Ce as resolveSmartActionMetadata,
+  X as resolveSmartFieldMetadata,
+  z as toDateInputValue,
+  le as toSelectOption,
+  ye as toTimeInputValue,
+  Qn as useConfirm,
+  xn as useDebouncedValue,
+  Y as useRemoteData,
+  Vt as useSmartAction,
+  Vn as useSmartDependencies,
+  Dt as useSmartField,
+  Zn as useToast
 };
 //# sourceMappingURL=index.js.map