fintech-component-library 3.1.0 → 3.2.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 T from "react";
+import ae from "react";
+var D = { exports: {} }, Y = {};
+var Z;
+function se() {
+  if (Z) return Y;
+  Z = 1;
+  var s = /* @__PURE__ */ Symbol.for("react.transitional.element"), p = /* @__PURE__ */ Symbol.for("react.fragment");
+  function E(_, f, d) {
+    var g = null;
+    if (d !== void 0 && (g = "" + d), f.key !== void 0 && (g = "" + f.key), "key" in f) {
+      d = {};
+      for (var y in f)
+        y !== "key" && (d[y] = f[y]);
+    } else d = f;
+    return f = d.ref, {
+      $$typeof: s,
+      type: _,
+      key: g,
+      ref: f !== void 0 ? f : null,
+      props: d
     };
   }
-  return h.Fragment = v, h.jsx = d, h.jsxs = d, h;
+  return Y.Fragment = p, Y.jsx = E, Y.jsxs = E, Y;
 }
-var k = {};
-var X;
-function ne() {
-  return X || (X = 1, process.env.NODE_ENV !== "production" && (function() {
-    function o(e) {
+var I = {};
+var Q;
+function oe() {
+  return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
+    function s(e) {
       if (e == null) return null;
       if (typeof e == "function")
-        return e.$$typeof === Q ? null : e.displayName || e.name || null;
+        return e.$$typeof === l ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case T:
+        case N:
           return "Fragment";
-        case I:
+        case O:
           return "Profiler";
-        case Y:
+        case F:
           return "StrictMode";
-        case A:
-          return "Suspense";
         case P:
+          return "Suspense";
+        case r:
           return "SuspenseList";
-        case Z:
+        case m:
           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 v:
             return "Portal";
-          case O:
+          case S:
             return e.displayName || "Context";
-          case _:
+          case x:
             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;
+          case $:
+            var n = e.render;
+            return e = e.displayName, e || (e = n.displayName || n.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case t:
+            return n = e.displayName || null, n !== null ? n : s(e.type) || "Memo";
+          case c:
+            n = e._payload, e = e._init;
             try {
-              return o(e(r));
+              return s(e(n));
             } catch {
             }
         }
       return null;
     }
-    function v(e) {
+    function p(e) {
       return "" + e;
     }
-    function d(e) {
+    function E(e) {
       try {
-        v(e);
-        var r = !1;
+        p(e);
+        var n = !1;
       } catch {
-        r = !0;
+        n = !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 (n) {
+        n = console;
+        var o = n.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return o.call(
+          n,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          n
-        ), v(e);
+          u
+        ), p(e);
       }
     }
-    function m(e) {
-      if (e === T) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === y)
+    function _(e) {
+      if (e === N) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === c)
         return "<...>";
       try {
-        var r = o(e);
-        return r ? "<" + r + ">" : "<...>";
+        var n = s(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var e = $.A;
+    function f() {
+      var e = z.A;
       return e === null ? null : e.getOwner();
     }
-    function c() {
+    function d() {
       return Error("react-stack-top-frame");
     }
-    function i(e) {
-      if (B.call(e, "key")) {
-        var r = Object.getOwnPropertyDescriptor(e, "key").get;
-        if (r && r.isReactWarning) return !1;
+    function g(e) {
+      if (U.call(e, "key")) {
+        var n = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (n && n.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function u(e, r) {
-      function t() {
-        L || (L = !0, console.error(
+    function y(e, n) {
+      function o() {
+        V || (V = !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
+          n
         ));
       }
-      t.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: t,
+      o.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: o,
         configurable: !0
       });
     }
-    function x() {
-      var e = o(this.type);
-      return U[e] || (U[e] = !0, console.error(
+    function k() {
+      var e = s(this.type);
+      return J[e] || (J[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 C(e, n, o, u, B, W) {
+      var i = o.ref;
       return e = {
-        $$typeof: g,
+        $$typeof: w,
         type: e,
-        key: r,
-        props: t,
-        _owner: n
-      }, (a !== void 0 ? a : null) !== null ? Object.defineProperty(e, "ref", {
+        key: n,
+        props: o,
+        _owner: u
+      }, (i !== void 0 ? i : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: x
+        get: k
       }) : 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: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: z
+        value: W
       }), 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 b(e, n, o, u, B, W) {
+      var i = n.children;
+      if (i !== void 0)
+        if (u)
+          if (te(i)) {
+            for (u = 0; u < i.length; u++)
+              j(i[u]);
+            Object.freeze && Object.freeze(i);
           } 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 j(i);
+      if (U.call(n, "key")) {
+        i = s(e);
+        var A = Object.keys(n).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(
+        u = 0 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", H[i + u] || (A = 0 < A.length ? "{" + A.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);
+          u,
+          i,
+          A,
+          i
+        ), H[i + u] = !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 (i = null, o !== void 0 && (E(o), i = "" + o), g(n) && (E(n.key), i = "" + n.key), "key" in n) {
+        o = {};
+        for (var L in n)
+          L !== "key" && (o[L] = n[L]);
+      } else o = n;
+      return i && y(
+        o,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), C(
         e,
-        a,
-        t,
-        s(),
-        S,
-        z
+        i,
+        o,
+        f(),
+        B,
+        W
       );
     }
-    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));
+    function j(e) {
+      R(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === c && (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 w(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === g;
+    function R(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === w;
     }
-    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 h = ae, w = /* @__PURE__ */ Symbol.for("react.transitional.element"), v = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), O = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), P = /* @__PURE__ */ Symbol.for("react.suspense"), r = /* @__PURE__ */ Symbol.for("react.suspense_list"), t = /* @__PURE__ */ Symbol.for("react.memo"), c = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.activity"), l = /* @__PURE__ */ Symbol.for("react.client.reference"), z = h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, te = Array.isArray, M = console.createTask ? console.createTask : function() {
       return null;
     };
-    p = {
+    h = {
       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 V, J = {}, G = h.react_stack_bottom_frame.bind(
+      h,
+      d
+    )(), X = M(_(d)), H = {};
+    I.Fragment = N, I.jsx = function(e, n, o) {
+      var u = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return b(
         e,
-        r,
-        t,
+        n,
+        o,
         !1,
-        n ? Error("react-stack-top-frame") : J,
-        n ? D(m(e)) : V
+        u ? Error("react-stack-top-frame") : G,
+        u ? M(_(e)) : X
       );
-    }, k.jsxs = function(e, r, t) {
-      var n = 1e4 > $.recentlyCreatedOwnerStacks++;
-      return j(
+    }, I.jsxs = function(e, n, o) {
+      var u = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return b(
         e,
-        r,
-        t,
+        n,
+        o,
         !0,
-        n ? Error("react-stack-top-frame") : J,
-        n ? D(m(e)) : V
+        u ? Error("react-stack-top-frame") : G,
+        u ? M(_(e)) : X
       );
     };
-  })()), k;
+  })()), I;
 }
-var H;
-function ae() {
-  return H || (H = 1, process.env.NODE_ENV === "production" ? N.exports = te() : N.exports = ne()), N.exports;
+var K;
+function ce() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? D.exports = se() : D.exports = oe()), D.exports;
 }
-var l = ae();
-const oe = {
+var a = ce();
+const le = {
   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(
+}, ue = T.createContext(le), ie = () => T.useContext(ue), me = (...s) => s.filter(Boolean).join(" "), fe = () => /* @__PURE__ */ a.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__ */ a.jsx(
         "circle",
         {
           className: "opacity-25",
@@ -296,7 +296,7 @@ const oe = {
           fill: "none"
         }
       ),
-      /* @__PURE__ */ l.jsx(
+      /* @__PURE__ */ a.jsx(
         "path",
         {
           className: "opacity-75",
@@ -306,64 +306,213 @@ const oe = {
       )
     ]
   }
-), ue = W.forwardRef(
+), re = T.forwardRef(
   ({
-    children: o,
-    variant: v = "primary",
-    size: d = "md",
-    disabled: m = !1,
-    className: s = "",
-    type: c = "button",
-    iconLeft: i,
-    iconRight: u,
-    isLoading: x = !1,
+    children: s,
+    variant: p = "primary",
+    size: E = "md",
+    disabled: _ = !1,
+    className: f = "",
+    type: d = "button",
+    iconLeft: g,
+    iconRight: y,
+    isLoading: k = !1,
     loadingText: C,
-    fullWidth: j = !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 = {
-      className: F,
-      "aria-busy": x || void 0,
-      "aria-disabled": !O && _ ? !0 : void 0,
-      ...w
+    fullWidth: b = !1,
+    as: j,
+    ...R
+  }, h) => {
+    const w = j || "button", v = ie(), N = v.variants[p] ?? v.variants.primary ?? "", F = v.sizes[E] ?? v.sizes.md ?? "", O = v.focusRing ?? "", x = _ || k, S = w === "button" || !j, $ = me(
+      v.baseClasses,
+      O,
+      N,
+      F,
+      b && "w-full",
+      x && "opacity-50 cursor-not-allowed",
+      f
+    ), P = C ?? (typeof s == "string" ? s : "Loading..."), r = () => k ? /* @__PURE__ */ a.jsxs("span", { className: "inline-flex items-center gap-2", children: [
+      /* @__PURE__ */ a.jsx(fe, {}),
+      P && /* @__PURE__ */ a.jsx("span", { children: P })
+    ] }) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
+      g && /* @__PURE__ */ a.jsx("span", { className: "inline-flex items-center", children: g }),
+      s && /* @__PURE__ */ a.jsx("span", { children: s }),
+      y && /* @__PURE__ */ a.jsx("span", { className: "inline-flex items-center", children: y })
+    ] }), t = {
+      className: $,
+      "aria-busy": k || void 0,
+      "aria-disabled": !S && x ? !0 : void 0,
+      ...R
     };
-    if (O)
-      return /* @__PURE__ */ l.jsx(
+    if (S)
+      return /* @__PURE__ */ a.jsx(
         "button",
         {
-          type: c,
-          disabled: _,
-          ref: p,
-          ...b,
-          children: P()
+          type: d,
+          disabled: x,
+          ref: h,
+          ...t,
+          children: r()
         }
       );
-    const y = {
-      role: b.role ?? "button",
-      tabIndex: b.tabIndex ?? 0,
-      onClick: _ ? void 0 : b.onClick,
-      ...b
+    const c = {
+      role: t.role ?? "button",
+      tabIndex: t.tabIndex ?? 0,
+      onClick: x ? void 0 : t.onClick,
+      ...t
     };
-    return /* @__PURE__ */ l.jsx(g, { ref: p, ...y, children: P() });
+    return /* @__PURE__ */ a.jsx(w, { ref: h, ...c, children: r() });
   }
 );
-ue.displayName = "Button";
+re.displayName = "Button";
+const q = "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", ee = (s, p) => typeof p < "u" ? p : s.type === "checkbox" ? !1 : "", de = ({
+  fields: s,
+  initialValues: p,
+  onSubmit: E,
+  onChange: _,
+  submitLabel: f = "Submit",
+  className: d = "",
+  layout: g = "vertical",
+  submitButtonProps: y,
+  actions: k,
+  disabled: C = !1
+}) => {
+  const [b, j] = T.useState(() => s.reduce((r, t) => (r[t.name] = ee(t, p?.[t.name]), r), {})), [R, h] = T.useState({}), [w, v] = T.useState(!1), N = g === "horizontal" ? "grid gap-6 md:grid-cols-2" : "flex flex-col gap-6", F = T.useCallback(() => {
+    j(
+      s.reduce((r, t) => (r[t.name] = ee(t, p?.[t.name]), r), {})
+    ), h({});
+  }, [s, p]), O = T.useCallback(
+    (r, t) => {
+      if (r.required && (r.type === "checkbox" ? t !== !0 : t === "" || t === void 0))
+        return `${r.label} is required.`;
+      if (r.validate)
+        return r.validate(t, b);
+    },
+    [b]
+  ), x = (r, t) => {
+    j((c) => {
+      const m = { ...c, [r]: t };
+      return _?.(m), m;
+    });
+  }, S = (r) => {
+    const t = O(r, b[r.name]);
+    h((c) => ({ ...c, [r.name]: t }));
+  }, $ = async (r) => {
+    r.preventDefault();
+    const t = s.reduce(
+      (m, l) => (m[l.name] = O(l, b[l.name]), m),
+      {}
+    );
+    if (h(t), !Object.values(t).some(Boolean))
+      try {
+        v(!0), await Promise.resolve(E(b, { reset: F }));
+      } finally {
+        v(!1);
+      }
+  }, P = (r, t, c) => {
+    if (r.component)
+      return r.component({
+        field: r,
+        value: t,
+        error: R[r.name],
+        id: c,
+        onChange: (l) => x(r.name, l),
+        onBlur: () => S(r)
+      });
+    const m = {
+      id: c,
+      name: r.name,
+      onBlur: () => S(r),
+      disabled: C,
+      "aria-invalid": R[r.name] ? "true" : void 0,
+      "aria-describedby": R[r.name] ? `${c}-error` : r.helperText ? `${c}-helper` : void 0
+    };
+    return r.type === "textarea" ? /* @__PURE__ */ a.jsx(
+      "textarea",
+      {
+        ...m,
+        className: q,
+        placeholder: r.placeholder,
+        value: t ?? "",
+        onChange: (l) => x(r.name, l.target.value),
+        rows: 4
+      }
+    ) : r.type === "select" ? /* @__PURE__ */ a.jsxs(
+      "select",
+      {
+        ...m,
+        className: q,
+        value: t ?? "",
+        onChange: (l) => x(r.name, l.target.value),
+        children: [
+          /* @__PURE__ */ a.jsx("option", { value: "", disabled: !0, children: r.placeholder ?? "Select an option" }),
+          r.options?.map((l) => /* @__PURE__ */ a.jsx("option", { value: l.value, children: l.label }, l.value))
+        ]
+      }
+    ) : r.type === "checkbox" ? /* @__PURE__ */ a.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ a.jsx(
+        "input",
+        {
+          ...m,
+          type: "checkbox",
+          checked: !!t,
+          onChange: (l) => x(r.name, l.target.checked),
+          className: "h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"
+        }
+      ),
+      /* @__PURE__ */ a.jsx("label", { htmlFor: c, className: "text-sm text-slate-700 font-medium", children: r.label })
+    ] }) : /* @__PURE__ */ a.jsx(
+      "input",
+      {
+        ...m,
+        type: r.type,
+        className: q,
+        placeholder: r.placeholder,
+        value: t ?? "",
+        onChange: (l) => x(r.name, l.target.value)
+      }
+    );
+  };
+  return /* @__PURE__ */ a.jsxs(
+    "form",
+    {
+      className: `rounded-xl border border-slate-200 bg-white p-6 shadow-sm ${d}`,
+      onSubmit: $,
+      noValidate: !0,
+      children: [
+        /* @__PURE__ */ a.jsx("div", { className: N, children: s.map((r) => {
+          const t = `form-${r.name}`, c = b[r.name], m = R[r.name];
+          return /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-2", children: [
+            r.type !== "checkbox" && /* @__PURE__ */ a.jsxs("div", { className: "flex flex-col gap-1", children: [
+              /* @__PURE__ */ a.jsxs("label", { htmlFor: t, className: "text-sm font-medium text-slate-700", children: [
+                r.label,
+                r.required && /* @__PURE__ */ a.jsx("span", { className: "text-danger", children: "*" })
+              ] }),
+              r.description && /* @__PURE__ */ a.jsx("p", { className: "text-xs text-slate-500", children: r.description })
+            ] }),
+            P(r, c, t),
+            r.helperText && !m && r.type !== "checkbox" && /* @__PURE__ */ a.jsx("p", { id: `${t}-helper`, className: "text-xs text-slate-500", children: r.helperText }),
+            m && /* @__PURE__ */ a.jsx("p", { id: `${t}-error`, className: "text-xs text-danger", children: m })
+          ] }, r.name);
+        }) }),
+        /* @__PURE__ */ a.jsxs("div", { className: "mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between", children: [
+          k,
+          /* @__PURE__ */ a.jsx(
+            re,
+            {
+              type: "submit",
+              isLoading: w,
+              disabled: C,
+              ...y,
+              children: f
+            }
+          )
+        ] })
+      ]
+    }
+  );
+};
+de.displayName = "Form";
 export {
-  ue as Button
+  re as Button,
+  de 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(j,O){typeof exports=="object"&&typeof module<"u"?O(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],O):(j=typeof globalThis<"u"?globalThis:j||self,O(j.FintechComponentLibrary={},j.React))})(this,(function(j,O){"use strict";var G=document.createElement("style");G.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}.mt-6{margin-top:1.5rem}.block{display:block}.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}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.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-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))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.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}.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-danger{--tw-text-opacity: 1;color:rgb(var(--color-danger) / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary) / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / 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-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-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\\: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}@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(G);function ie(n){const d=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const g in n)if(g!=="default"){const w=Object.getOwnPropertyDescriptor(n,g);Object.defineProperty(d,g,w.get?w:{enumerable:!0,get:()=>n[g]})}}return d.default=n,Object.freeze(d)}const _=ie(O);var D={exports:{}},$={};var X;function se(){if(X)return $;X=1;var n=Symbol.for("react.transitional.element"),d=Symbol.for("react.fragment");function g(w,m,b){var v=null;if(b!==void 0&&(v=""+b),m.key!==void 0&&(v=""+m.key),"key"in m){b={};for(var k in m)k!=="key"&&(b[k]=m[k])}else b=m;return m=b.ref,{$$typeof:n,type:w,key:v,ref:m!==void 0?m:null,props:b}}return $.Fragment=d,$.jsx=g,$.jsxs=g,$}var Y={};var H;function ce(){return H||(H=1,process.env.NODE_ENV!=="production"&&(function(){function n(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===c?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case S:return"Fragment";case z:return"Profiler";case I:return"StrictMode";case A:return"Suspense";case t:return"SuspenseList";case p: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 y:return"Portal";case C:return e.displayName||"Context";case f:return(e._context.displayName||"Context")+".Consumer";case M:var o=e.render;return e=e.displayName,e||(e=o.displayName||o.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case r:return o=e.displayName||null,o!==null?o:n(e.type)||"Memo";case s:o=e._payload,e=e._init;try{return n(e(o))}catch{}}return null}function d(e){return""+e}function g(e){try{d(e);var o=!1}catch{o=!0}if(o){o=console;var i=o.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(o,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),d(e)}}function w(e){if(e===S)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===s)return"<...>";try{var o=n(e);return o?"<"+o+">":"<...>"}catch{return"<...>"}}function m(){var e=U.A;return e===null?null:e.getOwner()}function b(){return Error("react-stack-top-frame")}function v(e){if(ee.call(e,"key")){var o=Object.getOwnPropertyDescriptor(e,"key").get;if(o&&o.isReactWarning)return!1}return e.key!==void 0}function k(e,o){function i(){te||(te=!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)",o))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function T(){var e=n(this.type);return re[e]||(re[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 P(e,o,i,l,B,V){var u=i.ref;return e={$$typeof:N,type:e,key:o,props:i,_owner:l},(u!==void 0?u: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:B}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:V}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,o,i,l,B,V){var u=o.children;if(u!==void 0)if(l)if(be(u)){for(l=0;l<u.length;l++)R(u[l]);Object.freeze&&Object.freeze(u)}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(u);if(ee.call(o,"key")){u=n(e);var F=Object.keys(o).filter(function(we){return we!=="key"});l=0<F.length?"{key: someKey, "+F.join(": ..., ")+": ...}":"{key: someKey}",ne[u+l]||(F=0<F.length?"{"+F.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} />`,l,u,F,u),ne[u+l]=!0)}if(u=null,i!==void 0&&(g(i),u=""+i),v(o)&&(g(o.key),u=""+o.key),"key"in o){i={};for(var J in o)J!=="key"&&(i[J]=o[J])}else i=o;return u&&k(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),P(e,u,i,m(),B,V)}function R(e){E(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===s&&(e._payload.status==="fulfilled"?E(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function E(e){return typeof e=="object"&&e!==null&&e.$$typeof===N}var x=O,N=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),I=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),f=Symbol.for("react.consumer"),C=Symbol.for("react.context"),M=Symbol.for("react.forward_ref"),A=Symbol.for("react.suspense"),t=Symbol.for("react.suspense_list"),r=Symbol.for("react.memo"),s=Symbol.for("react.lazy"),p=Symbol.for("react.activity"),c=Symbol.for("react.client.reference"),U=x.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,ee=Object.prototype.hasOwnProperty,be=Array.isArray,W=console.createTask?console.createTask:function(){return null};x={react_stack_bottom_frame:function(e){return e()}};var te,re={},oe=x.react_stack_bottom_frame.bind(x,b)(),ae=W(w(b)),ne={};Y.Fragment=S,Y.jsx=function(e,o,i){var l=1e4>U.recentlyCreatedOwnerStacks++;return h(e,o,i,!1,l?Error("react-stack-top-frame"):oe,l?W(w(e)):ae)},Y.jsxs=function(e,o,i){var l=1e4>U.recentlyCreatedOwnerStacks++;return h(e,o,i,!0,l?Error("react-stack-top-frame"):oe,l?W(w(e)):ae)}})()),Y}var Z;function le(){return Z||(Z=1,process.env.NODE_ENV==="production"?D.exports=se():D.exports=ce()),D.exports}var a=le();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:{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"}},de=_.createContext(ue),pe=()=>_.useContext(de),me=(...n)=>n.filter(Boolean).join(" "),ge=()=>a.jsxs("svg",{className:"animate-spin h-4 w-4 text-current",viewBox:"0 0 24 24",role:"presentation","aria-hidden":"true",children:[a.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"4",fill:"none"}),a.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"})]}),L=_.forwardRef(({children:n,variant:d="primary",size:g="md",disabled:w=!1,className:m="",type:b="button",iconLeft:v,iconRight:k,isLoading:T=!1,loadingText:P,fullWidth:h=!1,as:R,...E},x)=>{const N=R||"button",y=pe(),S=y.variants[d]??y.variants.primary??"",I=y.sizes[g]??y.sizes.md??"",z=y.focusRing??"",f=w||T,C=N==="button"||!R,M=me(y.baseClasses,z,S,I,h&&"w-full",f&&"opacity-50 cursor-not-allowed",m),A=P??(typeof n=="string"?n:"Loading..."),t=()=>T?a.jsxs("span",{className:"inline-flex items-center gap-2",children:[a.jsx(ge,{}),A&&a.jsx("span",{children:A})]}):a.jsxs(a.Fragment,{children:[v&&a.jsx("span",{className:"inline-flex items-center",children:v}),n&&a.jsx("span",{children:n}),k&&a.jsx("span",{className:"inline-flex items-center",children:k})]}),r={className:M,"aria-busy":T||void 0,"aria-disabled":!C&&f?!0:void 0,...E};if(C)return a.jsx("button",{type:b,disabled:f,ref:x,...r,children:t()});const s={role:r.role??"button",tabIndex:r.tabIndex??0,onClick:f?void 0:r.onClick,...r};return a.jsx(N,{ref:x,...s,children:t()})});L.displayName="Button";const q="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",Q=(n,d)=>typeof d<"u"?d:n.type==="checkbox"?!1:"",K=({fields:n,initialValues:d,onSubmit:g,onChange:w,submitLabel:m="Submit",className:b="",layout:v="vertical",submitButtonProps:k,actions:T,disabled:P=!1})=>{const[h,R]=_.useState(()=>n.reduce((t,r)=>(t[r.name]=Q(r,d?.[r.name]),t),{})),[E,x]=_.useState({}),[N,y]=_.useState(!1),S=v==="horizontal"?"grid gap-6 md:grid-cols-2":"flex flex-col gap-6",I=_.useCallback(()=>{R(n.reduce((t,r)=>(t[r.name]=Q(r,d?.[r.name]),t),{})),x({})},[n,d]),z=_.useCallback((t,r)=>{if(t.required&&(t.type==="checkbox"?r!==!0:r===""||r===void 0))return`${t.label} is required.`;if(t.validate)return t.validate(r,h)},[h]),f=(t,r)=>{R(s=>{const p={...s,[t]:r};return w?.(p),p})},C=t=>{const r=z(t,h[t.name]);x(s=>({...s,[t.name]:r}))},M=async t=>{t.preventDefault();const r=n.reduce((p,c)=>(p[c.name]=z(c,h[c.name]),p),{});if(x(r),!Object.values(r).some(Boolean))try{y(!0),await Promise.resolve(g(h,{reset:I}))}finally{y(!1)}},A=(t,r,s)=>{if(t.component)return t.component({field:t,value:r,error:E[t.name],id:s,onChange:c=>f(t.name,c),onBlur:()=>C(t)});const p={id:s,name:t.name,onBlur:()=>C(t),disabled:P,"aria-invalid":E[t.name]?"true":void 0,"aria-describedby":E[t.name]?`${s}-error`:t.helperText?`${s}-helper`:void 0};return t.type==="textarea"?a.jsx("textarea",{...p,className:q,placeholder:t.placeholder,value:r??"",onChange:c=>f(t.name,c.target.value),rows:4}):t.type==="select"?a.jsxs("select",{...p,className:q,value:r??"",onChange:c=>f(t.name,c.target.value),children:[a.jsx("option",{value:"",disabled:!0,children:t.placeholder??"Select an option"}),t.options?.map(c=>a.jsx("option",{value:c.value,children:c.label},c.value))]}):t.type==="checkbox"?a.jsxs("div",{className:"flex items-center gap-2",children:[a.jsx("input",{...p,type:"checkbox",checked:!!r,onChange:c=>f(t.name,c.target.checked),className:"h-4 w-4 rounded border-slate-300 text-primary focus:ring-primary"}),a.jsx("label",{htmlFor:s,className:"text-sm text-slate-700 font-medium",children:t.label})]}):a.jsx("input",{...p,type:t.type,className:q,placeholder:t.placeholder,value:r??"",onChange:c=>f(t.name,c.target.value)})};return a.jsxs("form",{className:`rounded-xl border border-slate-200 bg-white p-6 shadow-sm ${b}`,onSubmit:M,noValidate:!0,children:[a.jsx("div",{className:S,children:n.map(t=>{const r=`form-${t.name}`,s=h[t.name],p=E[t.name];return a.jsxs("div",{className:"flex flex-col gap-2",children:[t.type!=="checkbox"&&a.jsxs("div",{className:"flex flex-col gap-1",children:[a.jsxs("label",{htmlFor:r,className:"text-sm font-medium text-slate-700",children:[t.label,t.required&&a.jsx("span",{className:"text-danger",children:"*"})]}),t.description&&a.jsx("p",{className:"text-xs text-slate-500",children:t.description})]}),A(t,s,r),t.helperText&&!p&&t.type!=="checkbox"&&a.jsx("p",{id:`${r}-helper`,className:"text-xs text-slate-500",children:t.helperText}),p&&a.jsx("p",{id:`${r}-error`,className:"text-xs text-danger",children:p})]},t.name)})}),a.jsxs("div",{className:"mt-6 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[T,a.jsx(L,{type:"submit",isLoading:N,disabled:P,...k,children:m})]})]})};K.displayName="Form",j.Button=L,j.Form=K,Object.defineProperty(j,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}.mt-6{margin-top:1.5rem}.block{display:block}.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}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.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-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))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.p-6{padding:1.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}.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-danger{--tw-text-opacity: 1;color:rgb(var(--color-danger) / var(--tw-text-opacity, 1))}.text-primary{--tw-text-opacity: 1;color:rgb(var(--color-primary) / var(--tw-text-opacity, 1))}.text-slate-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity, 1))}.text-slate-700{--tw-text-opacity: 1;color:rgb(51 65 85 / 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-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-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\: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}@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.2.0",
   "main": "./dist/fintech-component-library.umd.js",
   "module": "./dist/fintech-component-library.es.js",
   "types": "./dist/index.d.ts",