fintech-component-library 3.1.0 → 3.3.0

package/dist/fintech-component-library.es.js

@@ -1,149 +1,149 @@
-import * as W from "react";
-import re from "react";
-var N = { exports: {} }, h = {};
-var G;
-function te() {
-  if (G) return h;
-  G = 1;
-  var o = /* @__PURE__ */ Symbol.for("react.transitional.element"), v = /* @__PURE__ */ Symbol.for("react.fragment");
-  function d(m, s, c) {
-    var i = null;
-    if (c !== void 0 && (i = "" + c), s.key !== void 0 && (i = "" + s.key), "key" in s) {
-      c = {};
-      for (var u in s)
-        u !== "key" && (c[u] = s[u]);
-    } else c = s;
-    return s = c.ref, {
-      $$typeof: o,
-      type: m,
-      key: i,
-      ref: s !== void 0 ? s : null,
-      props: c
+import * as m from "react";
+import oe from "react";
+var q = { exports: {} }, $ = {};
+var ee;
+function le() {
+  if (ee) return $;
+  ee = 1;
+  var c = /* @__PURE__ */ Symbol.for("react.transitional.element"), d = /* @__PURE__ */ Symbol.for("react.fragment");
+  function w(N, x, y) {
+    var E = null;
+    if (y !== void 0 && (E = "" + y), x.key !== void 0 && (E = "" + x.key), "key" in x) {
+      y = {};
+      for (var _ in x)
+        _ !== "key" && (y[_] = x[_]);
+    } else y = x;
+    return x = y.ref, {
+      $$typeof: c,
+      type: N,
+      key: E,
+      ref: x !== void 0 ? x : null,
+      props: y
     };
   }
-  return h.Fragment = v, h.jsx = d, h.jsxs = d, h;
+  return $.Fragment = d, $.jsx = w, $.jsxs = w, $;
 }
-var k = {};
-var X;
-function ne() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(e) {
+var Y = {};
+var te;
+function ce() {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
+    function c(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+        return e.$$typeof === u ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case T:
+        case h:
           return "Fragment";
-        case I:
+        case j:
           return "Profiler";
-        case Y:
+        case p:
           return "StrictMode";
         case A:
           return "Suspense";
-        case P:
+        case t:
           return "SuspenseList";
-        case Z:
+        case i:
           return "Activity";
       }
       if (typeof e == "object")
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case f:
+          case s:
             return "Portal";
           case O:
             return e.displayName || "Context";
-          case _:
+          case C:
             return (e._context.displayName || "Context") + ".Consumer";
           case F:
-            var r = e.render;
-            return e = e.displayName, e || (e = r.displayName || r.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case b:
-            return r = e.displayName || null, r !== null ? r : o(e.type) || "Memo";
-          case y:
-            r = e._payload, e = e._init;
+            var l = e.render;
+            return e = e.displayName, e || (e = l.displayName || l.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case o:
+            return l = e.displayName || null, l !== null ? l : c(e.type) || "Memo";
+          case a:
+            l = e._payload, e = e._init;
             try {
-              return o(e(r));
+              return c(e(l));
             } catch {
             }
         }
       return null;
     }
-    function v(e) {
+    function d(e) {
       return "" + e;
     }
-    function d(e) {
+    function w(e) {
       try {
-        v(e);
-        var r = !1;
+        d(e);
+        var l = !1;
       } catch {
-        r = !0;
+        l = !0;
       }
-      if (r) {
-        r = console;
-        var t = r.error, n = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return t.call(
-          r,
+      if (l) {
+        l = console;
+        var f = l.error, g = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return f.call(
+          l,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), v(e);
+          g
+        ), d(e);
       }
     }
-    function m(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === y)
+    function N(e) {
+      if (e === h) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === a)
         return "<...>";
       try {
-        var r = o(e);
-        return r ? "<" + r + ">" : "<...>";
+        var l = c(e);
+        return l ? "<" + l + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = $.A;
+    function x() {
+      var e = D.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function y() {
       return Error("react-stack-top-frame");
     }
-    function i(e) {
+    function E(e) {
       if (B.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+        var l = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (l && l.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function u(e, r) {
-      function t() {
-        L || (L = !0, console.error(
+    function _(e, l) {
+      function f() {
+        W || (W = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          r
+          l
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      f.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: f,
         configurable: !0
       });
     }
-    function x() {
-      var e = o(this.type);
-      return U[e] || (U[e] = !0, console.error(
+    function T() {
+      var e = c(this.type);
+      return I[e] || (I[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function C(e, r, t, n, S, z) {
-      var a = t.ref;
+    function k(e, l, f, g, U, J) {
+      var v = f.ref;
       return e = {
-        $$typeof: g,
+        $$typeof: P,
         type: e,
-        key: r,
-        props: t,
-        _owner: n
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        key: l,
+        props: f,
+        _owner: g
+      }, (v !== void 0 ? v : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: x
+        get: T
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -158,109 +158,109 @@ function ne() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: S
+        value: U
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: J
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function j(e, r, t, n, S, z) {
-      var a = r.children;
-      if (a !== void 0)
-        if (n)
-          if (K(a)) {
-            for (n = 0; n < a.length; n++)
-              R(a[n]);
-            Object.freeze && Object.freeze(a);
+    function n(e, l, f, g, U, J) {
+      var v = l.children;
+      if (v !== void 0)
+        if (g)
+          if (L(v)) {
+            for (g = 0; g < v.length; g++)
+              R(v[g]);
+            Object.freeze && Object.freeze(v);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else R(a);
-      if (B.call(r, "key")) {
-        a = o(e);
-        var E = Object.keys(r).filter(function(ee) {
-          return ee !== "key";
+        else R(v);
+      if (B.call(l, "key")) {
+        v = c(e);
+        var z = Object.keys(l).filter(function(ne) {
+          return ne !== "key";
         });
-        n = 0 < E.length ? "{key: someKey, " + E.join(": ..., ") + ": ...}" : "{key: someKey}", q[a + n] || (E = 0 < E.length ? "{" + E.join(": ..., ") + ": ...}" : "{}", console.error(
+        g = 0 < z.length ? "{key: someKey, " + z.join(": ..., ") + ": ...}" : "{key: someKey}", K[v + g] || (z = 0 < z.length ? "{" + z.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          n,
-          a,
-          E,
-          a
-        ), q[a + n] = !0);
+          g,
+          v,
+          z,
+          v
+        ), K[v + g] = !0);
       }
-      if (a = null, t !== void 0 && (d(t), a = "" + t), i(r) && (d(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var M in r)
-          M !== "key" && (t[M] = r[M]);
-      } else t = r;
-      return a && u(
-        t,
+      if (v = null, f !== void 0 && (w(f), v = "" + f), E(l) && (w(l.key), v = "" + l.key), "key" in l) {
+        f = {};
+        for (var G in l)
+          G !== "key" && (f[G] = l[G]);
+      } else f = l;
+      return v && _(
+        f,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), C(
+      ), k(
         e,
-        a,
-        t,
-        s(),
-        S,
-        z
+        v,
+        f,
+        x(),
+        U,
+        J
       );
     }
     function R(e) {
-      w(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === y && (e._payload.status === "fulfilled" ? w(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+      S(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === a && (e._payload.status === "fulfilled" ? S(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function w(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
+    function S(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === P;
     }
-    var p = re, g = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), Y = /* @__PURE__ */ Symbol.for("react.strict_mode"), I = /* @__PURE__ */ Symbol.for("react.profiler"), _ = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), Z = /* @__PURE__ */ Symbol.for("react.activity"), Q = /* @__PURE__ */ Symbol.for("react.client.reference"), $ = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, K = Array.isArray, D = console.createTask ? console.createTask : function() {
+    var b = oe, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.portal"), h = /* @__PURE__ */ Symbol.for("react.fragment"), p = /* @__PURE__ */ Symbol.for("react.strict_mode"), j = /* @__PURE__ */ Symbol.for("react.profiler"), C = /* @__PURE__ */ Symbol.for("react.consumer"), O = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), t = /* @__PURE__ */ Symbol.for("react.suspense_list"), o = /* @__PURE__ */ Symbol.for("react.memo"), a = /* @__PURE__ */ Symbol.for("react.lazy"), i = /* @__PURE__ */ Symbol.for("react.activity"), u = /* @__PURE__ */ Symbol.for("react.client.reference"), D = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, B = Object.prototype.hasOwnProperty, L = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var L, U = {}, J = p.react_stack_bottom_frame.bind(
-      p,
-      c
-    )(), V = D(m(c)), q = {};
-    k.Fragment = T, k.jsx = function(e, r, t) {
-      var n = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return j(
+    var W, I = {}, Z = b.react_stack_bottom_frame.bind(
+      b,
+      y
+    )(), Q = M(N(y)), K = {};
+    Y.Fragment = h, Y.jsx = function(e, l, f) {
+      var g = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return n(
         e,
-        r,
-        t,
+        l,
+        f,
         !1,
-        n ? Error("react-stack-top-frame") : J,
-        n ? D(m(e)) : V
+        g ? Error("react-stack-top-frame") : Z,
+        g ? M(N(e)) : Q
       );
-    }, k.jsxs = function(e, r, t) {
-      var n = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return j(
+    }, Y.jsxs = function(e, l, f) {
+      var g = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return n(
         e,
-        r,
-        t,
+        l,
+        f,
         !0,
-        n ? Error("react-stack-top-frame") : J,
-        n ? D(m(e)) : V
+        g ? Error("react-stack-top-frame") : Z,
+        g ? M(N(e)) : Q
       );
     };
-  })()), k;
+  })()), Y;
 }
-var H;
-function ae() {
-  return H || (H = 1, process.env.NODE_ENV === "production" ? N.exports = te() : N.exports = ne()), N.exports;
+var re;
+function ie() {
+  return re || (re = 1, process.env.NODE_ENV === "production" ? q.exports = le() : q.exports = ce()), q.exports;
 }
-var l = ae();
-const oe = {
+var r = ie();
+const ue = {
   baseClasses: "inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200 gap-2",
   focusRing: "focus:outline-none focus:ring-2 focus:ring-offset-2",
   variants: {
@@ -276,7 +276,7 @@ const oe = {
     md: "px-4 py-2 text-base",
     lg: "px-6 py-3 text-lg"
   }
-}, se = W.createContext(oe), le = () => W.useContext(se), ce = (...o) => o.filter(Boolean).join(" "), ie = () => /* @__PURE__ */ l.jsxs(
+}, de = m.createContext(ue), me = () => m.useContext(de), xe = (...c) => c.filter(Boolean).join(" "), pe = () => /* @__PURE__ */ r.jsxs(
   "svg",
   {
     className: "animate-spin h-4 w-4 text-current",
@@ -284,7 +284,7 @@ const oe = {
     role: "presentation",
     "aria-hidden": "true",
     children: [
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ r.jsx(
         "circle",
         {
           className: "opacity-25",
@@ -296,7 +296,7 @@ const oe = {
           fill: "none"
         }
       ),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ r.jsx(
         "path",
         {
           className: "opacity-75",
@@ -306,64 +306,479 @@ const oe = {
       )
     ]
   }
-), ue = W.forwardRef(
+), X = m.forwardRef(
   ({
-    children: o,
-    variant: v = "primary",
-    size: d = "md",
-    disabled: m = !1,
-    className: s = "",
-    type: c = "button",
-    iconLeft: i,
-    iconRight: u,
-    isLoading: x = !1,
-    loadingText: C,
-    fullWidth: j = !1,
+    children: c,
+    variant: d = "primary",
+    size: w = "md",
+    disabled: N = !1,
+    className: x = "",
+    type: y = "button",
+    iconLeft: E,
+    iconRight: _,
+    isLoading: T = !1,
+    loadingText: k,
+    fullWidth: n = !1,
     as: R,
-    ...w
-  }, p) => {
-    const g = R || "button", f = le(), T = f.variants[v] ?? f.variants.primary ?? "", Y = f.sizes[d] ?? f.sizes.md ?? "", I = f.focusRing ?? "", _ = m || x, O = g === "button" || !R, F = ce(
-      f.baseClasses,
-      I,
-      T,
-      Y,
-      j && "w-full",
-      _ && "opacity-50 cursor-not-allowed",
-      s
-    ), A = C ?? (typeof o == "string" ? o : "Loading..."), P = () => x ? /* @__PURE__ */ l.jsxs("span", { className: "inline-flex items-center gap-2", children: [
-      /* @__PURE__ */ l.jsx(ie, {}),
-      A && /* @__PURE__ */ l.jsx("span", { children: A })
-    ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-      i && /* @__PURE__ */ l.jsx("span", { className: "inline-flex items-center", children: i }),
-      o && /* @__PURE__ */ l.jsx("span", { children: o }),
-      u && /* @__PURE__ */ l.jsx("span", { className: "inline-flex items-center", children: u })
-    ] }), b = {
+    ...S
+  }, b) => {
+    const P = R || "button", s = me(), h = s.variants[d] ?? s.variants.primary ?? "", p = s.sizes[w] ?? s.sizes.md ?? "", j = s.focusRing ?? "", C = N || T, O = P === "button" || !R, F = xe(
+      s.baseClasses,
+      j,
+      h,
+      p,
+      n && "w-full",
+      C && "opacity-50 cursor-not-allowed",
+      x
+    ), A = k ?? (typeof c == "string" ? c : "Loading..."), t = () => T ? /* @__PURE__ */ r.jsxs("span", { className: "inline-flex items-center gap-2", children: [
+      /* @__PURE__ */ r.jsx(pe, {}),
+      A && /* @__PURE__ */ r.jsx("span", { children: A })
+    ] }) : /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      E && /* @__PURE__ */ r.jsx("span", { className: "inline-flex items-center", children: E }),
+      c && /* @__PURE__ */ r.jsx("span", { children: c }),
+      _ && /* @__PURE__ */ r.jsx("span", { className: "inline-flex items-center", children: _ })
+    ] }), o = {
       className: F,
-      "aria-busy": x || void 0,
-      "aria-disabled": !O && _ ? !0 : void 0,
-      ...w
+      "aria-busy": T || void 0,
+      "aria-disabled": !O && C ? !0 : void 0,
+      ...S
     };
     if (O)
-      return /* @__PURE__ */ l.jsx(
+      return /* @__PURE__ */ r.jsx(
         "button",
         {
-          type: c,
-          disabled: _,
-          ref: p,
-          ...b,
-          children: P()
+          type: y,
+          disabled: C,
+          ref: b,
+          ...o,
+          children: t()
         }
       );
-    const y = {
-      role: b.role ?? "button",
-      tabIndex: b.tabIndex ?? 0,
-      onClick: _ ? void 0 : b.onClick,
-      ...b
+    const a = {
+      role: o.role ?? "button",
+      tabIndex: o.tabIndex ?? 0,
+      onClick: C ? void 0 : o.onClick,
+      ...o
     };
-    return /* @__PURE__ */ l.jsx(g, { ref: p, ...y, children: P() });
+    return /* @__PURE__ */ r.jsx(P, { ref: b, ...a, children: t() });
   }
 );
-ue.displayName = "Button";
+X.displayName = "Button";
+const H = "block w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-900 placeholder-slate-400 shadow-sm focus:border-primary focus:ring-primary", se = (c, d) => typeof d < "u" ? d : c.type === "checkbox" ? !1 : "", fe = ({
+  fields: c,
+  initialValues: d,
+  onSubmit: w,
+  onChange: N,
+  submitLabel: x = "Submit",
+  className: y = "",
+  layout: E = "vertical",
+  submitButtonProps: _,
+  actions: T,
+  disabled: k = !1
+}) => {
+  const [n, R] = m.useState(() => c.reduce((t, o) => (t[o.name] = se(o, d?.[o.name]), t), {})), [S, b] = m.useState({}), [P, s] = m.useState(!1), h = E === "horizontal" ? "grid gap-6 md:grid-cols-2" : "flex flex-col gap-6", p = m.useCallback(() => {
+    R(
+      c.reduce((t, o) => (t[o.name] = se(o, d?.[o.name]), t), {})
+    ), b({});
+  }, [c, d]), j = m.useCallback(
+    (t, o) => {
+      if (t.required && (t.type === "checkbox" ? o !== !0 : o === "" || o === void 0))
+        return `${t.label} is required.`;
+      if (t.validate)
+        return t.validate(o, n);
+    },
+    [n]
+  ), C = (t, o) => {
+    R((a) => {
+      const i = { ...a, [t]: o };
+      return N?.(i), i;
+    });
+  }, O = (t) => {
+    const o = j(t, n[t.name]);
+    b((a) => ({ ...a, [t.name]: o }));
+  }, F = async (t) => {
+    t.preventDefault();
+    const o = c.reduce(
+      (i, u) => (i[u.name] = j(u, n[u.name]), i),
+      {}
+    );
+    if (b(o), !Object.values(o).some(Boolean))
+      try {
+        s(!0), await Promise.resolve(w(n, { reset: p }));
+      } finally {
+        s(!1);
+      }
+  }, A = (t, o, a) => {
+    if (t.component)
+      return t.component({
+        field: t,
+        value: o,
+        error: S[t.name],
+        id: a,
+        onChange: (u) => C(t.name, u),
+        onBlur: () => O(t)
+      });
+    const i = {
+      id: a,
+      name: t.name,
+      onBlur: () => O(t),
+      disabled: k,
+      "aria-invalid": S[t.name] ? "true" : void 0,
+      "aria-describedby": S[t.name] ? `${a}-error` : t.helperText ? `${a}-helper` : void 0
+    };
+    return t.type === "textarea" ? /* @__PURE__ */ r.jsx(
+      "textarea",
+      {
+        ...i,
+        className: H,
+        placeholder: t.placeholder,
+        value: o ?? "",
+        onChange: (u) => C(t.name, u.target.value),
+        rows: 4
+      }
+    ) : t.type === "select" ? /* @__PURE__ */ r.jsxs(
+      "select",
+      {
+        ...i,
+        className: H,
+        value: o ?? "",
+        onChange: (u) => C(t.name, u.target.value),
+        children: [
+          /* @__PURE__ */ r.jsx("option", { value: "", disabled: !0, children: t.placeholder ?? "Select an option" }),
+          t.options?.map((u) => /* @__PURE__ */ r.jsx("option", { value: u.value, children: u.label }, u.value))
+        ]
+      }
+    ) : t.type === "checkbox" ? /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r.jsx(
+        "input",
+        {
+          ...i,
+          type: "checkbox",
+          checked: !!o,
+          onChange: (u) => C(t.name, u.target.checked),
+          className: "h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"
+        }
+      ),
+      /* @__PURE__ */ r.jsx("label", { htmlFor: a, className: "text-sm text-slate-700 font-medium", children: t.label })
+    ] }) : /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        ...i,
+        type: t.type,
+        className: H,
+        placeholder: t.placeholder,
+        value: o ?? "",
+        onChange: (u) => C(t.name, u.target.value)
+      }
+    );
+  };
+  return /* @__PURE__ */ r.jsxs(
+    "form",
+    {
+      className: `rounded-xl border border-slate-200 bg-white p-6 shadow-sm ${y}`,
+      onSubmit: F,
+      noValidate: !0,
+      children: [
+        /* @__PURE__ */ r.jsx("div", { className: h, children: c.map((t) => {
+          const o = `form-${t.name}`, a = n[t.name], i = S[t.name];
+          return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2", children: [
+            t.type !== "checkbox" && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ r.jsxs("label", { htmlFor: o, className: "text-sm font-medium text-slate-700", children: [
+                t.label,
+                t.required && /* @__PURE__ */ r.jsx("span", { className: "text-danger", children: "*" })
+              ] }),
+              t.description && /* @__PURE__ */ r.jsx("p", { className: "text-xs text-slate-500", children: t.description })
+            ] }),
+            A(t, a, o),
+            t.helperText && !i && t.type !== "checkbox" && /* @__PURE__ */ r.jsx("p", { id: `${o}-helper`, className: "text-xs text-slate-500", children: t.helperText }),
+            i && /* @__PURE__ */ r.jsx("p", { id: `${o}-error`, className: "text-xs text-danger", children: i })
+          ] }, t.name);
+        }) }),
+        /* @__PURE__ */ r.jsxs("div", { className: "mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+          T,
+          /* @__PURE__ */ r.jsx(
+            X,
+            {
+              type: "submit",
+              isLoading: P,
+              disabled: k,
+              ..._,
+              children: x
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+fe.displayName = "Form";
+const he = (c, d) => {
+  if (!d) return !0;
+  const w = d.toLowerCase();
+  return Object.values(c ?? {}).some(
+    (N) => String(N ?? "").toLowerCase().includes(w)
+  );
+};
+function be({
+  data: c,
+  columns: d,
+  initialPageSize: w,
+  globalFilter: N
+}) {
+  const [x, y] = m.useState(void 0), [E, _] = m.useState(""), [T, k] = m.useState(0), [n, R] = m.useState(w), [S, b] = m.useState(
+    () => d.reduce((a, i) => (a[i.id] = i.width, a), {})
+  ), P = N ?? he, s = m.useMemo(() => E ? c.filter((a) => P(a, E)) : c, [c, P, E]), h = m.useMemo(() => {
+    if (!x) return s;
+    const a = d.find((D) => D.id === x.columnId);
+    if (!a) return s;
+    const i = a.accessor, u = x.direction === "asc" ? 1 : -1;
+    return [...s].sort((D, B) => {
+      const L = (I) => typeof i == "function" ? i(I) : I[i], M = L(D), W = L(B);
+      return M === W ? 0 : M == null ? -1 * u : W == null ? 1 * u : M > W ? u : -u;
+    });
+  }, [s, x, d]), p = h.length, j = Math.max(1, Math.ceil(p / n)), C = m.useMemo(() => {
+    const a = T * n;
+    return h.slice(a, a + n);
+  }, [T, n, h]), O = m.useCallback(
+    (a) => {
+      y((i) => {
+        if (i?.columnId === a) {
+          const u = i.direction === "asc" ? "desc" : "asc";
+          return { columnId: a, direction: u };
+        }
+        return { columnId: a, direction: "asc" };
+      });
+    },
+    []
+  ), F = m.useCallback((a) => {
+    R(a), k(0);
+  }, []), A = m.useCallback((a, i) => {
+    b((u) => ({
+      ...u,
+      [a]: Math.max(i, 64)
+    }));
+  }, []), t = m.useCallback(() => {
+    k((a) => Math.min(a + 1, j - 1));
+  }, [j]), o = m.useCallback(() => {
+    k((a) => Math.max(a - 1, 0));
+  }, []);
+  return {
+    sort: x,
+    filterValue: E,
+    pageIndex: T,
+    pageSize: n,
+    columnWidths: S,
+    paginatedData: C,
+    totalRows: p,
+    pageCount: j,
+    setSort: O,
+    setFilterValue: (a) => {
+      _(a), k(0);
+    },
+    setPageIndex: k,
+    setPageSize: F,
+    setColumnWidth: A,
+    nextPage: t,
+    previousPage: o
+  };
+}
+const V = (...c) => c.filter(Boolean).join(" "), ae = {
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
+}, ge = ({
+  data: c,
+  columns: d,
+  pageSizeOptions: w = [10, 25, 50],
+  initialPageSize: N = w[0] ?? 10,
+  globalFilter: x,
+  stickyHeader: y = !0,
+  className: E,
+  emptyMessage: _ = "No data to display.",
+  renderToolbar: T,
+  rowKey: k
+}) => {
+  const n = be({
+    data: c,
+    columns: d,
+    initialPageSize: N,
+    globalFilter: x
+  }), [R, S] = m.useState(null), b = m.useRef(null);
+  m.useEffect(() => {
+    if (!R) return;
+    const s = (p) => {
+      if (b.current == null) {
+        b.current = p.clientX;
+        return;
+      }
+      const j = p.clientX - b.current;
+      b.current = p.clientX, n.setColumnWidth(
+        R,
+        (n.columnWidths[R] ?? 0) + j
+      );
+    }, h = () => {
+      S(null), b.current = null;
+    };
+    return window.addEventListener("mousemove", s), window.addEventListener("mouseup", h), () => {
+      window.removeEventListener("mousemove", s), window.removeEventListener("mouseup", h);
+    };
+  }, [R, n]);
+  const P = T?.({
+    filterValue: n.filterValue,
+    setFilterValue: n.setFilterValue
+  }) ?? /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+    /* @__PURE__ */ r.jsx(
+      "input",
+      {
+        type: "search",
+        placeholder: "Filter rows...",
+        value: n.filterValue,
+        onChange: (s) => n.setFilterValue(s.target.value),
+        className: "w-full max-w-sm rounded-md border border-slate-300 px-3 py-2 text-sm focus:border-primary focus:ring-primary"
+      }
+    ),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2 text-sm text-slate-500", children: [
+      "Showing ",
+      n.paginatedData.length,
+      " of ",
+      n.totalRows,
+      " rows"
+    ] })
+  ] });
+  return /* @__PURE__ */ r.jsxs("div", { className: V("flex flex-col gap-4", E), children: [
+    P,
+    /* @__PURE__ */ r.jsx("div", { className: "relative", children: /* @__PURE__ */ r.jsx("div", { className: "overflow-auto rounded-xl border border-slate-200 shadow-sm", children: /* @__PURE__ */ r.jsxs("table", { className: "min-w-full border-collapse", role: "grid", children: [
+      /* @__PURE__ */ r.jsx(
+        "thead",
+        {
+          className: V(
+            "bg-slate-50 text-left text-xs font-semibold uppercase text-slate-500",
+            y && "sticky top-0 z-10"
+          ),
+          children: /* @__PURE__ */ r.jsx("tr", { children: d.map((s) => {
+            const h = n.sort?.columnId === s.id, p = h ? n.sort?.direction === "asc" ? "ascending" : "descending" : "none", j = n.columnWidths[s.id];
+            return /* @__PURE__ */ r.jsxs(
+              "th",
+              {
+                scope: "col",
+                "aria-sort": p,
+                style: j ? { width: j, minWidth: s.minWidth, maxWidth: s.maxWidth } : {
+                  minWidth: s.minWidth,
+                  maxWidth: s.maxWidth
+                },
+                className: V(
+                  "group relative select-none border-b border-slate-200 px-4 py-3 text-sm font-semibold text-slate-600",
+                  s.align ? ae[s.align] : "text-left",
+                  s.sticky && "sticky left-0 bg-slate-50"
+                ),
+                children: [
+                  /* @__PURE__ */ r.jsxs(
+                    "button",
+                    {
+                      type: "button",
+                      className: V(
+                        "inline-flex items-center gap-1 text-inherit",
+                        s.sortable && "cursor-pointer"
+                      ),
+                      onClick: () => s.sortable && n.setSort(s.id),
+                      "aria-label": s.sortable ? `Sort by ${s.id}` : void 0,
+                      children: [
+                        s.header,
+                        s.sortable && /* @__PURE__ */ r.jsx("span", { className: "text-xs text-slate-400", children: h ? n.sort?.direction === "asc" ? "▲" : "▼" : "⇅" })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ r.jsx(
+                    "span",
+                    {
+                      role: "separator",
+                      className: "absolute right-0 top-0 h-full w-1 cursor-col-resize opacity-0 transition group-hover:opacity-100",
+                      onMouseDown: () => S(s.id)
+                    }
+                  )
+                ]
+              },
+              s.id
+            );
+          }) })
+        }
+      ),
+      /* @__PURE__ */ r.jsx("tbody", { className: "bg-white text-sm text-slate-700", children: n.paginatedData.length === 0 ? /* @__PURE__ */ r.jsx("tr", { children: /* @__PURE__ */ r.jsx(
+        "td",
+        {
+          className: "px-4 py-6 text-center text-slate-500",
+          colSpan: d.length,
+          children: _
+        }
+      ) }) : n.paginatedData.map((s, h) => /* @__PURE__ */ r.jsx(
+        "tr",
+        {
+          className: "border-b border-slate-100 last:border-0 odd:bg-white even:bg-slate-50/30",
+          children: d.map((p) => {
+            const j = typeof p.accessor == "function" ? p.accessor(s) : s[p.accessor];
+            return /* @__PURE__ */ r.jsx(
+              "td",
+              {
+                className: V(
+                  "px-4 py-3 align-middle",
+                  p.align ? ae[p.align] : "text-left"
+                ),
+                children: p.cell ? p.cell({ value: j, row: s, rowIndex: h }) : String(j ?? "—")
+              },
+              p.id
+            );
+          })
+        },
+        k?.(s, h) ?? h
+      )) })
+    ] }) }) }),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-3 border-t border-slate-200 pt-4 text-sm text-slate-600 sm:flex-row sm:items-center sm:justify-between", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r.jsx("span", { children: "Rows per page" }),
+        /* @__PURE__ */ r.jsx(
+          "select",
+          {
+            value: n.pageSize,
+            onChange: (s) => n.setPageSize(Number(s.target.value)),
+            className: "rounded-md border border-slate-300 px-2 py-1 text-sm",
+            children: w.map((s) => /* @__PURE__ */ r.jsx("option", { value: s, children: s }, s))
+          }
+        )
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ r.jsx(
+          X,
+          {
+            variant: "secondary",
+            size: "sm",
+            onClick: n.previousPage,
+            disabled: n.pageIndex === 0,
+            children: "Previous"
+          }
+        ),
+        /* @__PURE__ */ r.jsxs("span", { className: "px-2 text-xs font-medium", children: [
+          "Page ",
+          n.pageIndex + 1,
+          " of ",
+          n.pageCount
+        ] }),
+        /* @__PURE__ */ r.jsx(
+          X,
+          {
+            variant: "secondary",
+            size: "sm",
+            onClick: n.nextPage,
+            disabled: n.pageIndex + 1 >= n.pageCount,
+            children: "Next"
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+ge.displayName = "DataTable";
 export {
-  ue as Button
+  X as Button,
+  ge as DataTable,
+  fe as Form
 };

package/dist/fintech-component-library.umd.js

@@ -1,7 +1,7 @@
-(function(w,h){typeof exports=="object"&&typeof module<"u"?h(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],h):(w=typeof globalThis<"u"?globalThis:w||self,h(w.FintechComponentLibrary={},w.React))})(this,(function(w,h){"use strict";var B=document.createElement("style");B.textContent=`*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-neutral{--tw-bg-opacity: 1;background-color:rgb(var(--color-neutral) / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary) / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(var(--color-success) / var(--tw-bg-opacity, 1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-current{color:currentColor}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--color-primary: 37 99 235;--color-secondary: 75 85 99;--color-success: 22 163 74;--color-danger: 220 38 38;--color-neutral: 226 232 240}.hover\\:bg-danger\\/90:hover{background-color:rgb(var(--color-danger) / .9)}.hover\\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\\:bg-neutral\\/80:hover{background-color:rgb(var(--color-neutral) / .8)}.hover\\:bg-primary\\/90:hover{background-color:rgb(var(--color-primary) / .9)}.hover\\:bg-secondary\\/90:hover{background-color:rgb(var(--color-secondary) / .9)}.hover\\:bg-success\\/90:hover{background-color:rgb(var(--color-success) / .9)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-danger) / var(--tw-ring-opacity, 1))}.focus\\:ring-neutral:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-neutral) / var(--tw-ring-opacity, 1))}.focus\\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity, 1))}.focus\\:ring-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-secondary) / var(--tw-ring-opacity, 1))}.focus\\:ring-success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-success) / var(--tw-ring-opacity, 1))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}
-/*$vite$:1*/`,document.head.appendChild(B);function te(o){const u=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(o){for(const c in o)if(c!=="default"){const d=Object.getOwnPropertyDescriptor(o,c);Object.defineProperty(u,c,d.get?d:{enumerable:!0,get:()=>o[c]})}}return u.default=o,Object.freeze(u)}const Y=te(h);var O={exports:{}},x={};var q;function re(){if(q)return x;q=1;var o=Symbol.for("react.transitional.element"),u=Symbol.for("react.fragment");function c(d,s,l){var p=null;if(l!==void 0&&(p=""+l),s.key!==void 0&&(p=""+s.key),"key"in s){l={};for(var f in s)f!=="key"&&(l[f]=s[f])}else l=s;return s=l.ref,{$$typeof:o,type:d,key:p,ref:s!==void 0?s:null,props:l}}return x.Fragment=u,x.jsx=c,x.jsxs=c,x}var k={};var J;function oe(){return J||(J=1,process.env.NODE_ENV!=="production"&&(function(){function o(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===de?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case $:return"Profiler";case M:return"StrictMode";case z:return"Suspense";case A:return"SuspenseList";case ue:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case g:return"Portal";case P:return e.displayName||"Context";case y:return(e._context.displayName||"Context")+".Consumer";case F:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case m:return t=e.displayName||null,t!==null?t:o(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return o(e(t))}catch{}}return null}function u(e){return""+e}function c(e){try{u(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,n=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return r.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",n),u(e)}}function d(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var t=o(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function s(){var e=D.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function p(e){if(X.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function f(e,t){function r(){H||(H=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}function _(){var e=o(this.type);return Z[e]||(Z[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function I(e,t,r,n,N,U){var a=r.ref;return e={$$typeof:R,type:e,key:t,props:r,_owner:n},(a!==void 0?a:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:_}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function S(e,t,r,n,N,U){var a=t.children;if(a!==void 0)if(n)if(pe(a)){for(n=0;n<a.length;n++)E(a[n]);Object.freeze&&Object.freeze(a)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else E(a);if(X.call(t,"key")){a=o(e);var v=Object.keys(t).filter(function(fe){return fe!=="key"});n=0<v.length?"{key: someKey, "+v.join(": ..., ")+": ...}":"{key: someKey}",ee[a+n]||(v=0<v.length?"{"+v.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+(function(P,W){typeof exports=="object"&&typeof module<"u"?W(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],W):(P=typeof globalThis<"u"?globalThis:P||self,W(P.FintechComponentLibrary={},P.React))})(this,(function(P,W){"use strict";var K=document.createElement("style");K.textContent=`*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-full{height:100%}.w-1{width:.25rem}.w-4{width:1rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-neutral{--tw-bg-opacity: 1;background-color:rgb(var(--color-neutral) / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary) / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(var(--color-success) / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-danger{--tw-text-opacity: 1;color:rgb(var(--color-danger) / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary) / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.accent-primary{accent-color:rgb(var(--color-primary) / 1)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--color-primary: 37 99 235;--color-secondary: 75 85 99;--color-success: 22 163 74;--color-danger: 220 38 38;--color-neutral: 226 232 240}.last\\:border-0:last-child{border-width:0px}.odd\\:bg-white:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.even\\:bg-slate-50\\/30:nth-child(2n){background-color:#f8fafc4d}.hover\\:bg-danger\\/90:hover{background-color:rgb(var(--color-danger) / .9)}.hover\\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\\:bg-neutral\\/80:hover{background-color:rgb(var(--color-neutral) / .8)}.hover\\:bg-primary\\/90:hover{background-color:rgb(var(--color-primary) / .9)}.hover\\:bg-secondary\\/90:hover{background-color:rgb(var(--color-secondary) / .9)}.hover\\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\\:bg-success\\/90:hover{background-color:rgb(var(--color-success) / .9)}.focus\\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(var(--color-primary) / var(--tw-border-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-danger) / var(--tw-ring-opacity, 1))}.focus\\:ring-neutral:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-neutral) / var(--tw-ring-opacity, 1))}.focus\\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity, 1))}.focus\\:ring-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-secondary) / var(--tw-ring-opacity, 1))}.focus\\:ring-success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-success) / var(--tw-ring-opacity, 1))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.group:hover .group-hover\\:opacity-100{opacity:1}@media(min-width:640px){.sm\\:flex-row{flex-direction:row}.sm\\:items-center{align-items:center}.sm\\:justify-between{justify-content:space-between}}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}
+/*$vite$:1*/`,document.head.appendChild(K);function de(i){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const w in i)if(w!=="default"){const v=Object.getOwnPropertyDescriptor(i,w);Object.defineProperty(l,w,v.get?v:{enumerable:!0,get:()=>i[w]})}}return l.default=i,Object.freeze(l)}const p=de(W);var q={exports:{}},Y={};var ee;function ue(){if(ee)return Y;ee=1;var i=Symbol.for("react.transitional.element"),l=Symbol.for("react.fragment");function w(v,g,k){var E=null;if(k!==void 0&&(E=""+k),g.key!==void 0&&(E=""+g.key),"key"in g){k={};for(var N in g)N!=="key"&&(k[N]=g[N])}else k=g;return g=k.ref,{$$typeof:i,type:v,key:E,ref:g!==void 0?g:null,props:k}}return Y.Fragment=l,Y.jsx=w,Y.jsxs=w,Y}var L={};var te;function pe(){return te||(te=1,process.env.NODE_ENV!=="production"&&(function(){function i(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===u?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case j:return"Profiler";case b:return"StrictMode";case A:return"Suspense";case t:return"SuspenseList";case d:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case o:return"Portal";case O:return e.displayName||"Context";case C:return(e._context.displayName||"Context")+".Consumer";case F:var c=e.render;return e=e.displayName,e||(e=c.displayName||c.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case s:return c=e.displayName||null,c!==null?c:i(e.type)||"Memo";case a:c=e._payload,e=e._init;try{return i(e(c))}catch{}}return null}function l(e){return""+e}function w(e){try{l(e);var c=!1}catch{c=!0}if(c){c=console;var m=c.error,x=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return m.call(c,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",x),l(e)}}function v(e){if(e===f)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===a)return"<...>";try{var c=i(e);return c?"<"+c+">":"<...>"}catch{return"<...>"}}function g(){var e=M.A;return e===null?null:e.getOwner()}function k(){return Error("react-stack-top-frame")}function E(e){if(X.call(e,"key")){var c=Object.getOwnPropertyDescriptor(e,"key").get;if(c&&c.isReactWarning)return!1}return e.key!==void 0}function N(e,c){function m(){$||($=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",c))}m.isReactWarning=!0,Object.defineProperty(e,"key",{get:m,configurable:!0})}function T(){var e=i(this.type);return U[e]||(U[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function S(e,c,m,x,G,Z){var y=m.ref;return e={$$typeof:z,type:e,key:c,props:m,_owner:x},(y!==void 0?y:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:T}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Z}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function n(e,c,m,x,G,Z){var y=c.children;if(y!==void 0)if(x)if(J(y)){for(x=0;x<y.length;x++)_(y[x]);Object.freeze&&Object.freeze(y)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else _(y);if(X.call(c,"key")){y=i(e);var I=Object.keys(c).filter(function(ve){return ve!=="key"});x=0<I.length?"{key: someKey, "+I.join(": ..., ")+": ...}":"{key: someKey}",le[y+x]||(I=0<I.length?"{"+I.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,n,a,v,a),ee[a+n]=!0)}if(a=null,r!==void 0&&(c(r),a=""+r),p(t)&&(c(t.key),a=""+t.key),"key"in t){r={};for(var W in t)W!=="key"&&(r[W]=t[W])}else r=t;return a&&f(r,typeof e=="function"?e.displayName||e.name||"Unknown":e),I(e,a,r,s(),N,U)}function E(e){C(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?C(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function C(e){return typeof e=="object"&&e!==null&&e.$$typeof===R}var b=h,R=Symbol.for("react.transitional.element"),g=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),M=Symbol.for("react.strict_mode"),$=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),P=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),z=Symbol.for("react.suspense"),A=Symbol.for("react.suspense_list"),m=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),ue=Symbol.for("react.activity"),de=Symbol.for("react.client.reference"),D=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,pe=Array.isArray,L=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(e){return e()}};var H,Z={},Q=b.react_stack_bottom_frame.bind(b,l)(),K=L(d(l)),ee={};k.Fragment=T,k.jsx=function(e,t,r){var n=1e4>D.recentlyCreatedOwnerStacks++;return S(e,t,r,!1,n?Error("react-stack-top-frame"):Q,n?L(d(e)):K)},k.jsxs=function(e,t,r){var n=1e4>D.recentlyCreatedOwnerStacks++;return S(e,t,r,!0,n?Error("react-stack-top-frame"):Q,n?L(d(e)):K)}})()),k}var V;function ne(){return V||(V=1,process.env.NODE_ENV==="production"?O.exports=re():O.exports=oe()),O.exports}var i=ne();const ae={baseClasses:"inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200 gap-2",focusRing:"focus:outline-none focus:ring-2 focus:ring-offset-2",variants:{primary:"bg-primary hover:bg-primary/90 text-white focus:ring-primary",secondary:"bg-secondary hover:bg-secondary/90 text-white focus:ring-secondary",success:"bg-success hover:bg-success/90 text-white focus:ring-success",danger:"bg-danger hover:bg-danger/90 text-white focus:ring-danger",neutral:"bg-neutral hover:bg-neutral/80 text-slate-900 focus:ring-neutral"},sizes:{xs:"px-3 py-1 text-xs",sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"}},ie=Y.createContext(ae),se=()=>Y.useContext(ie),ce=(...o)=>o.filter(Boolean).join(" "),le=()=>i.jsxs("svg",{className:"animate-spin h-4 w-4 text-current",viewBox:"0 0 24 24",role:"presentation","aria-hidden":"true",children:[i.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),i.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),G=Y.forwardRef(({children:o,variant:u="primary",size:c="md",disabled:d=!1,className:s="",type:l="button",iconLeft:p,iconRight:f,isLoading:_=!1,loadingText:I,fullWidth:S=!1,as:E,...C},b)=>{const R=E||"button",g=se(),T=g.variants[u]??g.variants.primary??"",M=g.sizes[c]??g.sizes.md??"",$=g.focusRing??"",y=d||_,P=R==="button"||!E,F=ce(g.baseClasses,$,T,M,S&&"w-full",y&&"opacity-50 cursor-not-allowed",s),z=I??(typeof o=="string"?o:"Loading..."),A=()=>_?i.jsxs("span",{className:"inline-flex items-center gap-2",children:[i.jsx(le,{}),z&&i.jsx("span",{children:z})]}):i.jsxs(i.Fragment,{children:[p&&i.jsx("span",{className:"inline-flex items-center",children:p}),o&&i.jsx("span",{children:o}),f&&i.jsx("span",{className:"inline-flex items-center",children:f})]}),m={className:F,"aria-busy":_||void 0,"aria-disabled":!P&&y?!0:void 0,...C};if(P)return i.jsx("button",{type:l,disabled:y,ref:b,...m,children:A()});const j={role:m.role??"button",tabIndex:m.tabIndex??0,onClick:y?void 0:m.onClick,...m};return i.jsx(R,{ref:b,...j,children:A()})});G.displayName="Button",w.Button=G,Object.defineProperty(w,Symbol.toStringTag,{value:"Module"})}));
+  <%s key={someKey} {...props} />`,x,y,I,y),le[y+x]=!0)}if(y=null,m!==void 0&&(w(m),y=""+m),E(c)&&(w(c.key),y=""+c.key),"key"in c){m={};for(var Q in c)Q!=="key"&&(m[Q]=c[Q])}else m=c;return y&&N(m,typeof e=="function"?e.displayName||e.name||"Unknown":e),S(e,y,m,g(),G,Z)}function _(e){R(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===a&&(e._payload.status==="fulfilled"?R(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function R(e){return typeof e=="object"&&e!==null&&e.$$typeof===z}var h=W,z=Symbol.for("react.transitional.element"),o=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),j=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),O=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),t=Symbol.for("react.suspense_list"),s=Symbol.for("react.memo"),a=Symbol.for("react.lazy"),d=Symbol.for("react.activity"),u=Symbol.for("react.client.reference"),M=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,X=Object.prototype.hasOwnProperty,J=Array.isArray,D=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(e){return e()}};var $,U={},ie=h.react_stack_bottom_frame.bind(h,k)(),ce=D(v(k)),le={};L.Fragment=f,L.jsx=function(e,c,m){var x=1e4>M.recentlyCreatedOwnerStacks++;return n(e,c,m,!1,x?Error("react-stack-top-frame"):ie,x?D(v(e)):ce)},L.jsxs=function(e,c,m){var x=1e4>M.recentlyCreatedOwnerStacks++;return n(e,c,m,!0,x?Error("react-stack-top-frame"):ie,x?D(v(e)):ce)}})()),L}var re;function ge(){return re||(re=1,process.env.NODE_ENV==="production"?q.exports=ue():q.exports=pe()),q.exports}var r=ge();const be={baseClasses:"inline-flex items-center justify-center font-medium rounded-md transition-colors duration-200 gap-2",focusRing:"focus:outline-none focus:ring-2 focus:ring-offset-2",variants:{primary:"bg-primary hover:bg-primary/90 text-white focus:ring-primary",secondary:"bg-secondary hover:bg-secondary/90 text-white focus:ring-secondary",success:"bg-success hover:bg-success/90 text-white focus:ring-success",danger:"bg-danger hover:bg-danger/90 text-white focus:ring-danger",neutral:"bg-neutral hover:bg-neutral/80 text-slate-900 focus:ring-neutral"},sizes:{xs:"px-3 py-1 text-xs",sm:"px-3 py-1.5 text-sm",md:"px-4 py-2 text-base",lg:"px-6 py-3 text-lg"}},me=p.createContext(be),we=()=>p.useContext(me),fe=(...i)=>i.filter(Boolean).join(" "),he=()=>r.jsxs("svg",{className:"animate-spin h-4 w-4 text-current",viewBox:"0 0 24 24",role:"presentation","aria-hidden":"true",children:[r.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),r.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),V=p.forwardRef(({children:i,variant:l="primary",size:w="md",disabled:v=!1,className:g="",type:k="button",iconLeft:E,iconRight:N,isLoading:T=!1,loadingText:S,fullWidth:n=!1,as:_,...R},h)=>{const z=_||"button",o=we(),f=o.variants[l]??o.variants.primary??"",b=o.sizes[w]??o.sizes.md??"",j=o.focusRing??"",C=v||T,O=z==="button"||!_,F=fe(o.baseClasses,j,f,b,n&&"w-full",C&&"opacity-50 cursor-not-allowed",g),A=S??(typeof i=="string"?i:"Loading..."),t=()=>T?r.jsxs("span",{className:"inline-flex items-center gap-2",children:[r.jsx(he,{}),A&&r.jsx("span",{children:A})]}):r.jsxs(r.Fragment,{children:[E&&r.jsx("span",{className:"inline-flex items-center",children:E}),i&&r.jsx("span",{children:i}),N&&r.jsx("span",{className:"inline-flex items-center",children:N})]}),s={className:F,"aria-busy":T||void 0,"aria-disabled":!O&&C?!0:void 0,...R};if(O)return r.jsx("button",{type:k,disabled:C,ref:h,...s,children:t()});const a={role:s.role??"button",tabIndex:s.tabIndex??0,onClick:C?void 0:s.onClick,...s};return r.jsx(z,{ref:h,...a,children:t()})});V.displayName="Button";const H="block w-full rounded-md border border-slate-300 bg-white px-3 py-2 text-sm text-slate-900 placeholder-slate-400 shadow-sm focus:border-primary focus:ring-primary",oe=(i,l)=>typeof l<"u"?l:i.type==="checkbox"?!1:"",ae=({fields:i,initialValues:l,onSubmit:w,onChange:v,submitLabel:g="Submit",className:k="",layout:E="vertical",submitButtonProps:N,actions:T,disabled:S=!1})=>{const[n,_]=p.useState(()=>i.reduce((t,s)=>(t[s.name]=oe(s,l?.[s.name]),t),{})),[R,h]=p.useState({}),[z,o]=p.useState(!1),f=E==="horizontal"?"grid gap-6 md:grid-cols-2":"flex flex-col gap-6",b=p.useCallback(()=>{_(i.reduce((t,s)=>(t[s.name]=oe(s,l?.[s.name]),t),{})),h({})},[i,l]),j=p.useCallback((t,s)=>{if(t.required&&(t.type==="checkbox"?s!==!0:s===""||s===void 0))return`${t.label} is required.`;if(t.validate)return t.validate(s,n)},[n]),C=(t,s)=>{_(a=>{const d={...a,[t]:s};return v?.(d),d})},O=t=>{const s=j(t,n[t.name]);h(a=>({...a,[t.name]:s}))},F=async t=>{t.preventDefault();const s=i.reduce((d,u)=>(d[u.name]=j(u,n[u.name]),d),{});if(h(s),!Object.values(s).some(Boolean))try{o(!0),await Promise.resolve(w(n,{reset:b}))}finally{o(!1)}},A=(t,s,a)=>{if(t.component)return t.component({field:t,value:s,error:R[t.name],id:a,onChange:u=>C(t.name,u),onBlur:()=>O(t)});const d={id:a,name:t.name,onBlur:()=>O(t),disabled:S,"aria-invalid":R[t.name]?"true":void 0,"aria-describedby":R[t.name]?`${a}-error`:t.helperText?`${a}-helper`:void 0};return t.type==="textarea"?r.jsx("textarea",{...d,className:H,placeholder:t.placeholder,value:s??"",onChange:u=>C(t.name,u.target.value),rows:4}):t.type==="select"?r.jsxs("select",{...d,className:H,value:s??"",onChange:u=>C(t.name,u.target.value),children:[r.jsx("option",{value:"",disabled:!0,children:t.placeholder??"Select an option"}),t.options?.map(u=>r.jsx("option",{value:u.value,children:u.label},u.value))]}):t.type==="checkbox"?r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("input",{...d,type:"checkbox",checked:!!s,onChange:u=>C(t.name,u.target.checked),className:"h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"}),r.jsx("label",{htmlFor:a,className:"text-sm text-slate-700 font-medium",children:t.label})]}):r.jsx("input",{...d,type:t.type,className:H,placeholder:t.placeholder,value:s??"",onChange:u=>C(t.name,u.target.value)})};return r.jsxs("form",{className:`rounded-xl border border-slate-200 bg-white p-6 shadow-sm ${k}`,onSubmit:F,noValidate:!0,children:[r.jsx("div",{className:f,children:i.map(t=>{const s=`form-${t.name}`,a=n[t.name],d=R[t.name];return r.jsxs("div",{className:"flex flex-col gap-2",children:[t.type!=="checkbox"&&r.jsxs("div",{className:"flex flex-col gap-1",children:[r.jsxs("label",{htmlFor:s,className:"text-sm font-medium text-slate-700",children:[t.label,t.required&&r.jsx("span",{className:"text-danger",children:"*"})]}),t.description&&r.jsx("p",{className:"text-xs text-slate-500",children:t.description})]}),A(t,a,s),t.helperText&&!d&&t.type!=="checkbox"&&r.jsx("p",{id:`${s}-helper`,className:"text-xs text-slate-500",children:t.helperText}),d&&r.jsx("p",{id:`${s}-error`,className:"text-xs text-danger",children:d})]},t.name)})}),r.jsxs("div",{className:"mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[T,r.jsx(V,{type:"submit",isLoading:z,disabled:S,...N,children:g})]})]})};ae.displayName="Form";const xe=(i,l)=>{if(!l)return!0;const w=l.toLowerCase();return Object.values(i??{}).some(v=>String(v??"").toLowerCase().includes(w))};function ye({data:i,columns:l,initialPageSize:w,globalFilter:v}){const[g,k]=p.useState(void 0),[E,N]=p.useState(""),[T,S]=p.useState(0),[n,_]=p.useState(w),[R,h]=p.useState(()=>l.reduce((a,d)=>(a[d.id]=d.width,a),{})),z=v??xe,o=p.useMemo(()=>E?i.filter(a=>z(a,E)):i,[i,z,E]),f=p.useMemo(()=>{if(!g)return o;const a=l.find(M=>M.id===g.columnId);if(!a)return o;const d=a.accessor,u=g.direction==="asc"?1:-1;return[...o].sort((M,X)=>{const J=U=>typeof d=="function"?d(U):U[d],D=J(M),$=J(X);return D===$?0:D==null?-1*u:$==null?1*u:D>$?u:-u})},[o,g,l]),b=f.length,j=Math.max(1,Math.ceil(b/n)),C=p.useMemo(()=>{const a=T*n;return f.slice(a,a+n)},[T,n,f]),O=p.useCallback(a=>{k(d=>{if(d?.columnId===a){const u=d.direction==="asc"?"desc":"asc";return{columnId:a,direction:u}}return{columnId:a,direction:"asc"}})},[]),F=p.useCallback(a=>{_(a),S(0)},[]),A=p.useCallback((a,d)=>{h(u=>({...u,[a]:Math.max(d,64)}))},[]),t=p.useCallback(()=>{S(a=>Math.min(a+1,j-1))},[j]),s=p.useCallback(()=>{S(a=>Math.max(a-1,0))},[]);return{sort:g,filterValue:E,pageIndex:T,pageSize:n,columnWidths:R,paginatedData:C,totalRows:b,pageCount:j,setSort:O,setFilterValue:a=>{N(a),S(0)},setPageIndex:S,setPageSize:F,setColumnWidth:A,nextPage:t,previousPage:s}}const B=(...i)=>i.filter(Boolean).join(" "),ne={left:"text-left",center:"text-center",right:"text-right"},se=({data:i,columns:l,pageSizeOptions:w=[10,25,50],initialPageSize:v=w[0]??10,globalFilter:g,stickyHeader:k=!0,className:E,emptyMessage:N="No data to display.",renderToolbar:T,rowKey:S})=>{const n=ye({data:i,columns:l,initialPageSize:v,globalFilter:g}),[_,R]=p.useState(null),h=p.useRef(null);p.useEffect(()=>{if(!_)return;const o=b=>{if(h.current==null){h.current=b.clientX;return}const j=b.clientX-h.current;h.current=b.clientX,n.setColumnWidth(_,(n.columnWidths[_]??0)+j)},f=()=>{R(null),h.current=null};return window.addEventListener("mousemove",o),window.addEventListener("mouseup",f),()=>{window.removeEventListener("mousemove",o),window.removeEventListener("mouseup",f)}},[_,n]);const z=T?.({filterValue:n.filterValue,setFilterValue:n.setFilterValue})??r.jsxs("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[r.jsx("input",{type:"search",placeholder:"Filter rows...",value:n.filterValue,onChange:o=>n.setFilterValue(o.target.value),className:"w-full max-w-sm rounded-md border border-slate-300 px-3 py-2 text-sm focus:border-primary focus:ring-primary"}),r.jsxs("div",{className:"flex items-center gap-2 text-sm text-slate-500",children:["Showing ",n.paginatedData.length," of ",n.totalRows," rows"]})]});return r.jsxs("div",{className:B("flex flex-col gap-4",E),children:[z,r.jsx("div",{className:"relative",children:r.jsx("div",{className:"overflow-auto rounded-xl border border-slate-200 shadow-sm",children:r.jsxs("table",{className:"min-w-full border-collapse",role:"grid",children:[r.jsx("thead",{className:B("bg-slate-50 text-left text-xs font-semibold uppercase text-slate-500",k&&"sticky top-0 z-10"),children:r.jsx("tr",{children:l.map(o=>{const f=n.sort?.columnId===o.id,b=f?n.sort?.direction==="asc"?"ascending":"descending":"none",j=n.columnWidths[o.id];return r.jsxs("th",{scope:"col","aria-sort":b,style:j?{width:j,minWidth:o.minWidth,maxWidth:o.maxWidth}:{minWidth:o.minWidth,maxWidth:o.maxWidth},className:B("group relative select-none border-b border-slate-200 px-4 py-3 text-sm font-semibold text-slate-600",o.align?ne[o.align]:"text-left",o.sticky&&"sticky left-0 bg-slate-50"),children:[r.jsxs("button",{type:"button",className:B("inline-flex items-center gap-1 text-inherit",o.sortable&&"cursor-pointer"),onClick:()=>o.sortable&&n.setSort(o.id),"aria-label":o.sortable?`Sort by ${o.id}`:void 0,children:[o.header,o.sortable&&r.jsx("span",{className:"text-xs text-slate-400",children:f?n.sort?.direction==="asc"?"▲":"▼":"⇅"})]}),r.jsx("span",{role:"separator",className:"absolute right-0 top-0 h-full w-1 cursor-col-resize opacity-0 transition group-hover:opacity-100",onMouseDown:()=>R(o.id)})]},o.id)})})}),r.jsx("tbody",{className:"bg-white text-sm text-slate-700",children:n.paginatedData.length===0?r.jsx("tr",{children:r.jsx("td",{className:"px-4 py-6 text-center text-slate-500",colSpan:l.length,children:N})}):n.paginatedData.map((o,f)=>r.jsx("tr",{className:"border-b border-slate-100 last:border-0 odd:bg-white even:bg-slate-50/30",children:l.map(b=>{const j=typeof b.accessor=="function"?b.accessor(o):o[b.accessor];return r.jsx("td",{className:B("px-4 py-3 align-middle",b.align?ne[b.align]:"text-left"),children:b.cell?b.cell({value:j,row:o,rowIndex:f}):String(j??"—")},b.id)})},S?.(o,f)??f))})]})})}),r.jsxs("div",{className:"flex flex-col gap-3 border-t border-slate-200 pt-4 text-sm text-slate-600 sm:flex-row sm:items-center sm:justify-between",children:[r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx("span",{children:"Rows per page"}),r.jsx("select",{value:n.pageSize,onChange:o=>n.setPageSize(Number(o.target.value)),className:"rounded-md border border-slate-300 px-2 py-1 text-sm",children:w.map(o=>r.jsx("option",{value:o,children:o},o))})]}),r.jsxs("div",{className:"flex items-center gap-2",children:[r.jsx(V,{variant:"secondary",size:"sm",onClick:n.previousPage,disabled:n.pageIndex===0,children:"Previous"}),r.jsxs("span",{className:"px-2 text-xs font-medium",children:["Page ",n.pageIndex+1," of ",n.pageCount]}),r.jsx(V,{variant:"secondary",size:"sm",onClick:n.nextPage,disabled:n.pageIndex+1>=n.pageCount,children:"Next"})]})]})]})};se.displayName="DataTable",P.Button=V,P.DataTable=se,P.Form=ae,Object.defineProperty(P,Symbol.toStringTag,{value:"Module"})}));

package/dist/index.css

@@ -1 +1 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.relative{position:relative}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.w-4{width:1rem}.w-full{width:100%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-not-allowed{cursor:not-allowed}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-neutral{--tw-bg-opacity: 1;background-color:rgb(var(--color-neutral) / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary) / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(var(--color-success) / var(--tw-bg-opacity, 1))}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.text-current{color:currentColor}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--color-primary: 37 99 235;--color-secondary: 75 85 99;--color-success: 22 163 74;--color-danger: 220 38 38;--color-neutral: 226 232 240}.hover\:bg-danger\/90:hover{background-color:rgb(var(--color-danger) / .9)}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral\/80:hover{background-color:rgb(var(--color-neutral) / .8)}.hover\:bg-primary\/90:hover{background-color:rgb(var(--color-primary) / .9)}.hover\:bg-secondary\/90:hover{background-color:rgb(var(--color-secondary) / .9)}.hover\:bg-success\/90:hover{background-color:rgb(var(--color-success) / .9)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-danger) / var(--tw-ring-opacity, 1))}.focus\:ring-neutral:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-neutral) / var(--tw-ring-opacity, 1))}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity, 1))}.focus\:ring-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-secondary) / var(--tw-ring-opacity, 1))}.focus\:ring-success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-success) / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.static{position:static}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.left-0{left:0}.right-0{right:0}.top-0{top:0}.z-10{z-index:10}.mt-6{margin-top:1.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-4{height:1rem}.h-full{height:100%}.w-1{width:.25rem}.w-4{width:1rem}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-col-resize{cursor:col-resize}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-t{border-top-width:1px}.border-slate-100{--tw-border-opacity: 1;border-color:rgb(241 245 249 / var(--tw-border-opacity, 1))}.border-slate-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity, 1))}.border-slate-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity, 1))}.bg-blue-100{--tw-bg-opacity: 1;background-color:rgb(219 234 254 / var(--tw-bg-opacity, 1))}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-emerald-100{--tw-bg-opacity: 1;background-color:rgb(209 250 229 / var(--tw-bg-opacity, 1))}.bg-emerald-600{--tw-bg-opacity: 1;background-color:rgb(5 150 105 / var(--tw-bg-opacity, 1))}.bg-neutral{--tw-bg-opacity: 1;background-color:rgb(var(--color-neutral) / var(--tw-bg-opacity, 1))}.bg-pink-500{--tw-bg-opacity: 1;background-color:rgb(236 72 153 / var(--tw-bg-opacity, 1))}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(var(--color-primary) / var(--tw-bg-opacity, 1))}.bg-rose-100{--tw-bg-opacity: 1;background-color:rgb(255 228 230 / var(--tw-bg-opacity, 1))}.bg-secondary{--tw-bg-opacity: 1;background-color:rgb(var(--color-secondary) / var(--tw-bg-opacity, 1))}.bg-slate-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.bg-success{--tw-bg-opacity: 1;background-color:rgb(var(--color-success) / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.text-blue-700{--tw-text-opacity: 1;color:rgb(29 78 216 / var(--tw-text-opacity, 1))}.text-current{color:currentColor}.text-danger{--tw-text-opacity: 1;color:rgb(var(--color-danger) / var(--tw-text-opacity, 1))}.text-emerald-700{--tw-text-opacity: 1;color:rgb(4 120 87 / var(--tw-text-opacity, 1))}.text-inherit{color:inherit}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary) / var(--tw-text-opacity, 1))}.text-rose-700{--tw-text-opacity: 1;color:rgb(190 18 60 / var(--tw-text-opacity, 1))}.text-slate-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity, 1))}.text-slate-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity, 1))}.text-slate-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.placeholder-slate-400::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.placeholder-slate-400::placeholder{--tw-placeholder-opacity: 1;color:rgb(148 163 184 / var(--tw-placeholder-opacity, 1))}.accent-primary{accent-color:rgb(var(--color-primary) / 1)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}:root{--color-primary: 37 99 235;--color-secondary: 75 85 99;--color-success: 22 163 74;--color-danger: 220 38 38;--color-neutral: 226 232 240}.last\:border-0:last-child{border-width:0px}.odd\:bg-white:nth-child(odd){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.even\:bg-slate-50\/30:nth-child(2n){background-color:#f8fafc4d}.hover\:bg-danger\/90:hover{background-color:rgb(var(--color-danger) / .9)}.hover\:bg-emerald-500:hover{--tw-bg-opacity: 1;background-color:rgb(16 185 129 / var(--tw-bg-opacity, 1))}.hover\:bg-neutral\/80:hover{background-color:rgb(var(--color-neutral) / .8)}.hover\:bg-primary\/90:hover{background-color:rgb(var(--color-primary) / .9)}.hover\:bg-secondary\/90:hover{background-color:rgb(var(--color-secondary) / .9)}.hover\:bg-slate-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity, 1))}.hover\:bg-success\/90:hover{background-color:rgb(var(--color-success) / .9)}.focus\:border-primary:focus{--tw-border-opacity: 1;border-color:rgb(var(--color-primary) / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-danger:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-danger) / var(--tw-ring-opacity, 1))}.focus\:ring-neutral:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-neutral) / var(--tw-ring-opacity, 1))}.focus\:ring-primary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-primary) / var(--tw-ring-opacity, 1))}.focus\:ring-secondary:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-secondary) / var(--tw-ring-opacity, 1))}.focus\:ring-success:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(var(--color-success) / var(--tw-ring-opacity, 1))}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.group:hover .group-hover\:opacity-100{opacity:1}@media(min-width:640px){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media(min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fintech-component-library",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "main": "./dist/fintech-component-library.umd.js",
   "module": "./dist/fintech-component-library.es.js",
   "types": "./dist/index.d.ts",