fintech-component-library 3.0.3 → 3.2.0

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

@@ -1,148 +1,149 @@
-import K from "react";
-var g = { exports: {} }, _ = {};
-var F;
-function ee() {
-  if (F) return _;
-  F = 1;
-  var u = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.fragment");
-  function l(c, o, s) {
-    var i = null;
-    if (s !== void 0 && (i = "" + s), o.key !== void 0 && (i = "" + o.key), "key" in o) {
-      s = {};
-      for (var f in o)
-        f !== "key" && (s[f] = o[f]);
-    } else s = o;
-    return o = s.ref, {
-      $$typeof: u,
-      type: c,
-      key: i,
-      ref: o !== void 0 ? o : null,
-      props: s
+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 _.Fragment = m, _.jsx = l, _.jsxs = l, _;
+  return Y.Fragment = p, Y.jsx = E, Y.jsxs = E, Y;
 }
-var E = {};
-var D;
-function re() {
-  return D || (D = 1, process.env.NODE_ENV !== "production" && (function() {
-    function u(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 === H ? 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 k:
+        case N:
           return "Fragment";
-        case U:
+        case O:
           return "Profiler";
-        case W:
+        case F:
           return "StrictMode";
-        case V:
+        case P:
           return "Suspense";
-        case G:
+        case r:
           return "SuspenseList";
-        case X:
+        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 M:
+          case v:
             return "Portal";
-          case z:
+          case S:
             return e.displayName || "Context";
-          case q:
+          case x:
             return (e._context.displayName || "Context") + ".Consumer";
-          case J:
-            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 : u(e.type) || "Memo";
-          case O:
-            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 u(e(r));
+              return s(e(n));
             } catch {
             }
         }
       return null;
     }
-    function m(e) {
+    function p(e) {
       return "" + e;
     }
-    function l(e) {
+    function E(e) {
       try {
-        m(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
-        ), m(e);
+          u
+        ), p(e);
       }
     }
-    function c(e) {
-      if (e === k) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === O)
+    function _(e) {
+      if (e === N) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === c)
         return "<...>";
       try {
-        var r = u(e);
-        return r ? "<" + r + ">" : "<...>";
+        var n = s(e);
+        return n ? "<" + n + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var e = h.A;
+    function f() {
+      var e = z.A;
       return e === null ? null : e.getOwner();
     }
-    function s() {
+    function d() {
       return Error("react-stack-top-frame");
     }
-    function i(e) {
-      if (j.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 f(e, r) {
-      function t() {
-        N || (N = !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 y() {
-      var e = u(this.type);
-      return C[e] || (C[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 x(e, r, t, n, T, A) {
-      var a = t.ref;
+    function C(e, n, o, u, B, W) {
+      var i = o.ref;
       return e = {
-        $$typeof: P,
+        $$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: y
+        get: k
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -157,152 +158,361 @@ function re() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: T
+        value: B
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: A
+        value: W
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function b(e, r, t, n, T, A) {
-      var a = r.children;
-      if (a !== void 0)
-        if (n)
-          if (Z(a)) {
-            for (n = 0; n < a.length; n++)
-              p(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 p(a);
-      if (j.call(r, "key")) {
-        a = u(e);
-        var d = Object.keys(r).filter(function(Q) {
-          return Q !== "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 < d.length ? "{key: someKey, " + d.join(": ..., ") + ": ...}" : "{key: someKey}", I[a + n] || (d = 0 < d.length ? "{" + d.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,
-          d,
-          a
-        ), I[a + n] = !0);
+          u,
+          i,
+          A,
+          i
+        ), H[i + u] = !0);
       }
-      if (a = null, t !== void 0 && (l(t), a = "" + t), i(r) && (l(r.key), a = "" + r.key), "key" in r) {
-        t = {};
-        for (var S in r)
-          S !== "key" && (t[S] = r[S]);
-      } else t = r;
-      return a && f(
-        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
-      ), x(
+      ), C(
         e,
-        a,
-        t,
-        o(),
-        T,
-        A
+        i,
+        o,
+        f(),
+        B,
+        W
       );
     }
-    function p(e) {
-      v(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === O && (e._payload.status === "fulfilled" ? v(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 v(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === P;
+    function R(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === w;
     }
-    var R = K, P = /* @__PURE__ */ Symbol.for("react.transitional.element"), M = /* @__PURE__ */ Symbol.for("react.portal"), k = /* @__PURE__ */ Symbol.for("react.fragment"), W = /* @__PURE__ */ Symbol.for("react.strict_mode"), U = /* @__PURE__ */ Symbol.for("react.profiler"), q = /* @__PURE__ */ Symbol.for("react.consumer"), z = /* @__PURE__ */ Symbol.for("react.context"), J = /* @__PURE__ */ Symbol.for("react.forward_ref"), V = /* @__PURE__ */ Symbol.for("react.suspense"), G = /* @__PURE__ */ Symbol.for("react.suspense_list"), B = /* @__PURE__ */ Symbol.for("react.memo"), O = /* @__PURE__ */ Symbol.for("react.lazy"), X = /* @__PURE__ */ Symbol.for("react.activity"), H = /* @__PURE__ */ Symbol.for("react.client.reference"), h = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, j = Object.prototype.hasOwnProperty, Z = Array.isArray, w = 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;
     };
-    R = {
+    h = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var N, C = {}, Y = R.react_stack_bottom_frame.bind(
-      R,
-      s
-    )(), $ = w(c(s)), I = {};
-    E.Fragment = k, E.jsx = function(e, r, t) {
-      var n = 1e4 > h.recentlyCreatedOwnerStacks++;
+    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") : Y,
-        n ? w(c(e)) : $
+        u ? Error("react-stack-top-frame") : G,
+        u ? M(_(e)) : X
       );
-    }, E.jsxs = function(e, r, t) {
-      var n = 1e4 > h.recentlyCreatedOwnerStacks++;
+    }, 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") : Y,
-        n ? w(c(e)) : $
+        u ? Error("react-stack-top-frame") : G,
+        u ? M(_(e)) : X
       );
     };
-  })()), E;
+  })()), I;
 }
-var L;
-function te() {
-  return L || (L = 1, process.env.NODE_ENV === "production" ? g.exports = ee() : g.exports = re()), g.exports;
+var K;
+function ce() {
+  return K || (K = 1, process.env.NODE_ENV === "production" ? D.exports = se() : D.exports = oe()), D.exports;
 }
-var ne = te();
-const ae = ({
-  children: u,
-  onClick: m,
-  variant: l = "primary",
-  size: c = "md",
-  disabled: o = !1,
-  className: s = "",
-  type: i = "button",
-  title: f,
-  "aria-label": y
-}) => {
-  const x = "inline-flex items-center justify-center font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors duration-200", b = {
+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: {
     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"
-  }, p = {
+  },
+  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"
-  }, v = [
-    x,
-    b[l] ?? b.primary,
-    p[c] ?? p.md,
-    o && "opacity-50 cursor-not-allowed",
-    s
-  ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ ne.jsx(
-    "button",
+  }
+}, 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",
+    viewBox: "0 0 24 24",
+    role: "presentation",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ a.jsx(
+        "circle",
+        {
+          className: "opacity-25",
+          cx: "12",
+          cy: "12",
+          r: "10",
+          stroke: "currentColor",
+          strokeWidth: "4",
+          fill: "none"
+        }
+      ),
+      /* @__PURE__ */ a.jsx(
+        "path",
+        {
+          className: "opacity-75",
+          fill: "currentColor",
+          d: "M4 12a8 8 0 018-8v4a4 4 0 00-4 4H4z"
+        }
+      )
+    ]
+  }
+), re = T.forwardRef(
+  ({
+    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: 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 (S)
+      return /* @__PURE__ */ a.jsx(
+        "button",
+        {
+          type: d,
+          disabled: x,
+          ref: h,
+          ...t,
+          children: r()
+        }
+      );
+    const c = {
+      role: t.role ?? "button",
+      tabIndex: t.tabIndex ?? 0,
+      onClick: x ? void 0 : t.onClick,
+      ...t
+    };
+    return /* @__PURE__ */ a.jsx(w, { ref: h, ...c, children: r() });
+  }
+);
+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",
     {
-      type: i,
-      className: v,
-      onClick: o ? void 0 : m,
-      disabled: o,
-      title: f,
-      "aria-label": y,
-      "aria-disabled": o,
-      children: u
+      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
+            }
+          )
+        ] })
+      ]
     }
   );
 };
-ae.displayName = "Button";
+de.displayName = "Form";
 export {
-  ae as Button
+  re as Button,
+  de as Form
 };

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

@@ -1,7 +1,7 @@
-(function(c,g){typeof exports=="object"&&typeof module<"u"?g(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],g):(c=typeof globalThis<"u"?globalThis:c||self,g(c.FintechComponentLibrary={},c.React))})(this,(function(c,g){"use strict";var z=document.createElement("style");z.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}}.flex{display:flex}.inline-flex{display:inline-flex}.cursor-not-allowed{cursor:not-allowed}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:.375rem}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-neutral{--tw-bg-opacity: 1;background-color:rgb(var(--color-neutral) / 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}.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}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.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-50{opacity:.5}.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-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(z);var v={exports:{}},b={};var C;function q(){if(C)return b;C=1;var s=Symbol.for("react.transitional.element"),p=Symbol.for("react.fragment");function l(u,a,i){var d=null;if(i!==void 0&&(d=""+i),a.key!==void 0&&(d=""+a.key),"key"in a){i={};for(var f in a)f!=="key"&&(i[f]=a[f])}else i=a;return a=i.ref,{$$typeof:s,type:u,key:d,ref:a!==void 0?a:null,props:i}}return b.Fragment=p,b.jsx=l,b.jsxs=l,b}var m={};var N;function J(){return N||(N=1,process.env.NODE_ENV!=="production"&&(function(){function s(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===ne?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case H:return"Profiler";case X:return"StrictMode";case ee:return"Suspense";case te:return"SuspenseList";case oe: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 Q:return e.displayName||"Context";case Z:return(e._context.displayName||"Context")+".Consumer";case K:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case re:return t=e.displayName||null,t!==null?t:s(e.type)||"Memo";case j:t=e._payload,e=e._init;try{return s(e(t))}catch{}}return null}function p(e){return""+e}function l(e){try{p(e);var t=!1}catch{t=!0}if(t){t=console;var r=t.error,o=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.",o),p(e)}}function u(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===j)return"<...>";try{var t=s(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=S.A;return e===null?null:e.getOwner()}function i(){return Error("react-stack-top-frame")}function d(e){if(F.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(){M||(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)",t))}r.isReactWarning=!0,Object.defineProperty(e,"key",{get:r,configurable:!0})}function E(){var e=s(this.type);return D[e]||(D[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 R(e,t,r,o,_,A){var n=r.ref;return e={$$typeof:$,type:e,key:t,props:r,_owner:o},(n!==void 0?n:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:E}):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:_}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:A}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,t,r,o,_,A){var n=t.children;if(n!==void 0)if(o)if(ae(n)){for(o=0;o<n.length;o++)y(n[o]);Object.freeze&&Object.freeze(n)}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(n);if(F.call(t,"key")){n=s(e);var w=Object.keys(t).filter(function(ie){return ie!=="key"});o=0<w.length?"{key: someKey, "+w.join(": ..., ")+": ...}":"{key: someKey}",W[n+o]||(w=0<w.length?"{"+w.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} />`,o,n,w,n),W[n+o]=!0)}if(n=null,r!==void 0&&(l(r),n=""+r),d(t)&&(l(t.key),n=""+t.key),"key"in t){r={};for(var P in t)P!=="key"&&(r[P]=t[P])}else r=t;return n&&f(r,typeof e=="function"?e.displayName||e.name||"Unknown":e),R(e,n,r,a(),_,A)}function y(e){x(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===j&&(e._payload.status==="fulfilled"?x(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function x(e){return typeof e=="object"&&e!==null&&e.$$typeof===$}var k=g,$=Symbol.for("react.transitional.element"),G=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),X=Symbol.for("react.strict_mode"),H=Symbol.for("react.profiler"),Z=Symbol.for("react.consumer"),Q=Symbol.for("react.context"),K=Symbol.for("react.forward_ref"),ee=Symbol.for("react.suspense"),te=Symbol.for("react.suspense_list"),re=Symbol.for("react.memo"),j=Symbol.for("react.lazy"),oe=Symbol.for("react.activity"),ne=Symbol.for("react.client.reference"),S=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,F=Object.prototype.hasOwnProperty,ae=Array.isArray,O=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var M,D={},L=k.react_stack_bottom_frame.bind(k,i)(),U=O(u(i)),W={};m.Fragment=T,m.jsx=function(e,t,r){var o=1e4>S.recentlyCreatedOwnerStacks++;return h(e,t,r,!1,o?Error("react-stack-top-frame"):L,o?O(u(e)):U)},m.jsxs=function(e,t,r){var o=1e4>S.recentlyCreatedOwnerStacks++;return h(e,t,r,!0,o?Error("react-stack-top-frame"):L,o?O(u(e)):U)}})()),m}var Y;function V(){return Y||(Y=1,process.env.NODE_ENV==="production"?v.exports=q():v.exports=J()),v.exports}var B=V();const I=({children:s,onClick:p,variant:l="primary",size:u="md",disabled:a=!1,className:i="",type:d="button",title:f,"aria-label":E})=>{const R="inline-flex items-center justify-center font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors duration-200",h={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"},y={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"},x=[R,h[l]??h.primary,y[u]??y.md,a&&"opacity-50 cursor-not-allowed",i].filter(Boolean).join(" ");return B.jsx("button",{type:d,className:x,onClick:a?void 0:p,disabled:a,title:f,"aria-label":E,"aria-disabled":a,children:s})};I.displayName="Button",c.Button=I,Object.defineProperty(c,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}}.flex{display:flex}.inline-flex{display:inline-flex}.cursor-not-allowed{cursor:not-allowed}.items-center{align-items:center}.justify-center{justify-content:center}.rounded-md{border-radius:.375rem}.bg-danger{--tw-bg-opacity: 1;background-color:rgb(var(--color-danger) / var(--tw-bg-opacity, 1))}.bg-neutral{--tw-bg-opacity: 1;background-color:rgb(var(--color-neutral) / 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}.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}.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-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.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-50{opacity:.5}.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-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.0.3",
+  "version": "3.2.0",
   "main": "./dist/fintech-component-library.umd.js",
   "module": "./dist/fintech-component-library.es.js",
   "types": "./dist/index.d.ts",
@@ -20,12 +20,7 @@
     "build": "vite build",
     "preview": "vite preview",
     "test": "jest",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "prepublishOnly": "npm run build",
-    "changeset": "changeset",
-    "version-packages": "changeset version",
-    "release": "changeset publish"
+    "prepublishOnly": "npm run build"
   },
   "keywords": [
     "react",
@@ -39,13 +34,7 @@
   "license": "ISC",
   "description": "A React component library with TypeScript and Tailwind CSS",
   "devDependencies": {
-    "@changesets/cli": "^2.29.8",
-    "@chromatic-com/storybook": "^5.0.0",
-    "@storybook/addon-a11y": "^10.2.0",
-    "@storybook/addon-docs": "^10.1.11",
-    "@storybook/addon-onboarding": "^10.1.11",
     "@storybook/addon-vitest": "^10.1.11",
-    "@storybook/react-vite": "^10.1.11",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.1",
     "@types/jest-axe": "^3.5.9",
@@ -66,7 +55,6 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "rollup": "^4.55.1",
-    "storybook": "^10.1.11",
     "tailwindcss": "^3.4.17",
     "ts-jest": "^29.4.6",
     "typescript": "^5.9.3",

package/dist/assets/accessibility.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" fill="none" viewBox="0 0 48 48"><title>Accessibility</title><circle cx="24.334" cy="24" r="24" fill="#A849FF" fill-opacity=".3"/><path fill="#A470D5" fill-rule="evenodd" d="M27.8609 11.585C27.8609 9.59506 26.2497 7.99023 24.2519 7.99023C22.254 7.99023 20.6429 9.65925 20.6429 11.585C20.6429 13.575 22.254 15.1799 24.2519 15.1799C26.2497 15.1799 27.8609 13.575 27.8609 11.585ZM21.8922 22.6473C21.8467 23.9096 21.7901 25.4788 21.5897 26.2771C20.9853 29.0462 17.7348 36.3314 17.3325 37.2275C17.1891 37.4923 17.1077 37.7955 17.1077 38.1178C17.1077 39.1519 17.946 39.9902 18.9802 39.9902C19.6587 39.9902 20.253 39.6293 20.5814 39.0889L20.6429 38.9874L24.2841 31.22C24.2841 31.22 27.5529 37.9214 27.9238 38.6591C28.2948 39.3967 28.8709 39.9902 29.7168 39.9902C30.751 39.9902 31.5893 39.1519 31.5893 38.1178C31.5893 37.7951 31.3639 37.2265 31.3639 37.2265C30.9581 36.3258 27.698 29.0452 27.0938 26.2771C26.8975 25.4948 26.847 23.9722 26.8056 22.7236C26.7927 22.333 26.7806 21.9693 26.7653 21.6634C26.7008 21.214 27.0231 20.8289 27.4097 20.7005L35.3366 18.3253C36.3033 18.0685 36.8834 16.9773 36.6256 16.0144C36.3678 15.0515 35.2722 14.4737 34.3055 14.7305C34.3055 14.7305 26.8619 17.1057 24.2841 17.1057C21.7062 17.1057 14.456 14.7947 14.456 14.7947C13.4893 14.5379 12.3937 14.9873 12.0715 15.9502C11.7493 16.9131 12.3293 18.0044 13.3604 18.3253L21.2873 20.7005C21.674 20.8289 21.9318 21.214 21.9318 21.6634C21.9174 21.9493 21.9053 22.2857 21.8922 22.6473Z" clip-rule="evenodd"/></svg>

package/dist/assets/discord.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><g clip-path="url(#clip0_10031_177575)"><mask id="mask0_10031_177575" style="mask-type:luminance" width="33" height="25" x="0" y="4" maskUnits="userSpaceOnUse"><path fill="#fff" d="M32.5034 4.00195H0.503906V28.7758H32.5034V4.00195Z"/></mask><g mask="url(#mask0_10031_177575)"><path fill="#5865F2" d="M27.5928 6.20817C25.5533 5.27289 23.3662 4.58382 21.0794 4.18916C21.0378 4.18154 20.9962 4.20057 20.9747 4.23864C20.6935 4.73863 20.3819 5.3909 20.1637 5.90358C17.7042 5.53558 15.2573 5.53558 12.8481 5.90358C12.6299 5.37951 12.307 4.73863 12.0245 4.23864C12.003 4.20184 11.9614 4.18281 11.9198 4.18916C9.63431 4.58255 7.44721 5.27163 5.40641 6.20817C5.38874 6.21578 5.3736 6.22848 5.36355 6.24497C1.21508 12.439 0.078646 18.4809 0.636144 24.4478C0.638667 24.477 0.655064 24.5049 0.677768 24.5227C3.41481 26.5315 6.06609 27.7511 8.66815 28.5594C8.70979 28.5721 8.75392 28.5569 8.78042 28.5226C9.39594 27.6826 9.94461 26.7968 10.4151 25.8653C10.4428 25.8107 10.4163 25.746 10.3596 25.7244C9.48927 25.3945 8.66058 24.9922 7.86343 24.5354C7.80038 24.4986 7.79533 24.4084 7.85333 24.3653C8.02108 24.2397 8.18888 24.109 8.34906 23.977C8.37804 23.9529 8.41842 23.9478 8.45249 23.963C13.6894 26.3526 19.359 26.3526 24.5341 23.963C24.5682 23.9465 24.6086 23.9516 24.6388 23.9757C24.799 24.1077 24.9668 24.2397 25.1358 24.3653C25.1938 24.4084 25.19 24.4986 25.127 24.5354C24.3298 25.0011 23.5011 25.3945 22.6296 25.7232C22.5728 25.7447 22.5476 25.8107 22.5754 25.8653C23.0559 26.7955 23.6046 27.6812 24.2087 28.5213C24.234 28.5569 24.2794 28.5721 24.321 28.5594C26.9357 27.7511 29.5869 26.5315 32.324 24.5227C32.348 24.5049 32.3631 24.4783 32.3656 24.4491C33.0328 17.5506 31.2481 11.5584 27.6344 6.24623C27.6256 6.22848 27.6105 6.21578 27.5928 6.20817ZM11.1971 20.8146C9.62043 20.8146 8.32129 19.3679 8.32129 17.5913C8.32129 15.8146 9.59523 14.368 11.1971 14.368C12.8115 14.368 14.0981 15.8273 14.0729 17.5913C14.0729 19.3679 12.7989 20.8146 11.1971 20.8146ZM21.8299 20.8146C20.2533 20.8146 18.9541 19.3679 18.9541 17.5913C18.9541 15.8146 20.228 14.368 21.8299 14.368C23.4444 14.368 24.7309 15.8273 24.7057 17.5913C24.7057 19.3679 23.4444 20.8146 21.8299 20.8146Z"/></g></g><defs><clipPath id="clip0_10031_177575"><rect width="32" height="32" fill="#fff" transform="translate(0.5)"/></clipPath></defs></svg>

package/dist/assets/tutorials.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="33" height="32" fill="none" viewBox="0 0 33 32"><g clip-path="url(#clip0_10031_177597)"><path fill="#B7F0EF" fill-rule="evenodd" d="M17 7.87059C17 6.48214 17.9812 5.28722 19.3431 5.01709L29.5249 2.99755C31.3238 2.64076 33 4.01717 33 5.85105V22.1344C33 23.5229 32.0188 24.7178 30.6569 24.9879L20.4751 27.0074C18.6762 27.3642 17 25.9878 17 24.1539L17 7.87059Z" clip-rule="evenodd" opacity=".7"/><path fill="#87E6E5" fill-rule="evenodd" d="M1 5.85245C1 4.01857 2.67623 2.64215 4.47507 2.99895L14.6569 5.01848C16.0188 5.28861 17 6.48354 17 7.87198V24.1553C17 25.9892 15.3238 27.3656 13.5249 27.0088L3.34311 24.9893C1.98119 24.7192 1 23.5242 1 22.1358V5.85245Z" clip-rule="evenodd"/><path fill="#61C1FD" fill-rule="evenodd" d="M15.543 5.71289C15.543 5.71289 16.8157 5.96289 17.4002 6.57653C17.9847 7.19016 18.4521 9.03107 18.4521 9.03107C18.4521 9.03107 18.4521 25.1106 18.4521 26.9629C18.4521 28.8152 19.3775 31.4174 19.3775 31.4174L17.4002 28.8947L16.2575 31.4174C16.2575 31.4174 15.543 29.0765 15.543 27.122C15.543 25.1674 15.543 5.71289 15.543 5.71289Z" clip-rule="evenodd"/></g><defs><clipPath id="clip0_10031_177597"><rect width="32" height="32" fill="#fff" transform="translate(0.5)"/></clipPath></defs></svg>

package/dist/assets/youtube.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32"><path fill="#ED1D24" d="M31.3313 8.44657C30.9633 7.08998 29.8791 6.02172 28.5022 5.65916C26.0067 5.00026 16 5.00026 16 5.00026C16 5.00026 5.99333 5.00026 3.4978 5.65916C2.12102 6.02172 1.03665 7.08998 0.668678 8.44657C0 10.9053 0 16.0353 0 16.0353C0 16.0353 0 21.1652 0.668678 23.6242C1.03665 24.9806 2.12102 26.0489 3.4978 26.4116C5.99333 27.0703 16 27.0703 16 27.0703C16 27.0703 26.0067 27.0703 28.5022 26.4116C29.8791 26.0489 30.9633 24.9806 31.3313 23.6242C32 21.1652 32 16.0353 32 16.0353C32 16.0353 32 10.9053 31.3313 8.44657Z"/><path fill="#fff" d="M12.7266 20.6934L21.0902 16.036L12.7266 11.3781V20.6934Z"/></svg>