extended-dynamic-forms 0.1.0

package/dist/index.es.js

@@ -0,0 +1,4748 @@
+var Nr = Object.defineProperty;
+var Tr = (e, t, r) => t in e ? Nr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
+var se = (e, t, r) => Tr(e, typeof t != "symbol" ? t + "" : t, r);
+import * as y from "react";
+import re, { createContext as Ar, useContext as Mr, forwardRef as Or, createElement as dt, useRef as wt, useMemo as Fr, useEffect as $r } from "react";
+import "react-dom";
+import Vr from "@rjsf/shadcn";
+import Ir from "@rjsf/validator-ajv8";
+var De = { exports: {} }, xe = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var ft;
+function zr() {
+  if (ft) return xe;
+  ft = 1;
+  var e = re, t = Symbol.for("react.element"), r = Symbol.for("react.fragment"), n = Object.prototype.hasOwnProperty, s = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = { key: !0, ref: !0, __self: !0, __source: !0 };
+  function l(a, c, f) {
+    var p, d = {}, h = null, w = null;
+    f !== void 0 && (h = "" + f), c.key !== void 0 && (h = "" + c.key), c.ref !== void 0 && (w = c.ref);
+    for (p in c) n.call(c, p) && !i.hasOwnProperty(p) && (d[p] = c[p]);
+    if (a && a.defaultProps) for (p in c = a.defaultProps, c) d[p] === void 0 && (d[p] = c[p]);
+    return { $$typeof: t, type: a, key: h, ref: w, props: d, _owner: s.current };
+  }
+  return xe.Fragment = r, xe.jsx = l, xe.jsxs = l, xe;
+}
+var we = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var pt;
+function Dr() {
+  return pt || (pt = 1, process.env.NODE_ENV !== "production" && function() {
+    var e = re, t = Symbol.for("react.element"), r = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), s = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), c = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), d = Symbol.for("react.memo"), h = Symbol.for("react.lazy"), w = Symbol.for("react.offscreen"), S = Symbol.iterator, v = "@@iterator";
+    function g(o) {
+      if (o === null || typeof o != "object")
+        return null;
+      var m = S && o[S] || o[v];
+      return typeof m == "function" ? m : null;
+    }
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function C(o) {
+      {
+        for (var m = arguments.length, x = new Array(m > 1 ? m - 1 : 0), R = 1; R < m; R++)
+          x[R - 1] = arguments[R];
+        j("error", o, x);
+      }
+    }
+    function j(o, m, x) {
+      {
+        var R = b.ReactDebugCurrentFrame, T = R.getStackAddendum();
+        T !== "" && (m += "%s", x = x.concat([T]));
+        var A = x.map(function(N) {
+          return String(N);
+        });
+        A.unshift("Warning: " + m), Function.prototype.apply.call(console[o], console, A);
+      }
+    }
+    var E = !1, V = !1, L = !1, Y = !1, oe = !1, te;
+    te = Symbol.for("react.module.reference");
+    function I(o) {
+      return !!(typeof o == "string" || typeof o == "function" || o === n || o === i || oe || o === s || o === f || o === p || Y || o === w || E || V || L || typeof o == "object" && o !== null && (o.$$typeof === h || o.$$typeof === d || o.$$typeof === l || o.$$typeof === a || o.$$typeof === c || // This needs to include all possible module reference object
+      // types supported by any Flight configuration anywhere since
+      // we don't know which Flight build this will end up being used
+      // with.
+      o.$$typeof === te || o.getModuleId !== void 0));
+    }
+    function O(o, m, x) {
+      var R = o.displayName;
+      if (R)
+        return R;
+      var T = m.displayName || m.name || "";
+      return T !== "" ? x + "(" + T + ")" : x;
+    }
+    function _(o) {
+      return o.displayName || "Context";
+    }
+    function z(o) {
+      if (o == null)
+        return null;
+      if (typeof o.tag == "number" && C("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+        return o.displayName || o.name || null;
+      if (typeof o == "string")
+        return o;
+      switch (o) {
+        case n:
+          return "Fragment";
+        case r:
+          return "Portal";
+        case i:
+          return "Profiler";
+        case s:
+          return "StrictMode";
+        case f:
+          return "Suspense";
+        case p:
+          return "SuspenseList";
+      }
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case a:
+            var m = o;
+            return _(m) + ".Consumer";
+          case l:
+            var x = o;
+            return _(x._context) + ".Provider";
+          case c:
+            return O(o, o.render, "ForwardRef");
+          case d:
+            var R = o.displayName || null;
+            return R !== null ? R : z(o.type) || "Memo";
+          case h: {
+            var T = o, A = T._payload, N = T._init;
+            try {
+              return z(N(A));
+            } catch {
+              return null;
+            }
+          }
+        }
+      return null;
+    }
+    var W = Object.assign, q = 0, G, J, H, Z, ve, Q, Ye;
+    function qe() {
+    }
+    qe.__reactDisabledLog = !0;
+    function nr() {
+      {
+        if (q === 0) {
+          G = console.log, J = console.info, H = console.warn, Z = console.error, ve = console.group, Q = console.groupCollapsed, Ye = console.groupEnd;
+          var o = {
+            configurable: !0,
+            enumerable: !0,
+            value: qe,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            info: o,
+            log: o,
+            warn: o,
+            error: o,
+            group: o,
+            groupCollapsed: o,
+            groupEnd: o
+          });
+        }
+        q++;
+      }
+    }
+    function or() {
+      {
+        if (q--, q === 0) {
+          var o = {
+            configurable: !0,
+            enumerable: !0,
+            writable: !0
+          };
+          Object.defineProperties(console, {
+            log: W({}, o, {
+              value: G
+            }),
+            info: W({}, o, {
+              value: J
+            }),
+            warn: W({}, o, {
+              value: H
+            }),
+            error: W({}, o, {
+              value: Z
+            }),
+            group: W({}, o, {
+              value: ve
+            }),
+            groupCollapsed: W({}, o, {
+              value: Q
+            }),
+            groupEnd: W({}, o, {
+              value: Ye
+            })
+          });
+        }
+        q < 0 && C("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+      }
+    }
+    var Te = b.ReactCurrentDispatcher, Ae;
+    function Re(o, m, x) {
+      {
+        if (Ae === void 0)
+          try {
+            throw Error();
+          } catch (T) {
+            var R = T.stack.trim().match(/\n( *(at )?)/);
+            Ae = R && R[1] || "";
+          }
+        return `
+` + Ae + o;
+      }
+    }
+    var Me = !1, Ee;
+    {
+      var sr = typeof WeakMap == "function" ? WeakMap : Map;
+      Ee = new sr();
+    }
+    function Je(o, m) {
+      if (!o || Me)
+        return "";
+      {
+        var x = Ee.get(o);
+        if (x !== void 0)
+          return x;
+      }
+      var R;
+      Me = !0;
+      var T = Error.prepareStackTrace;
+      Error.prepareStackTrace = void 0;
+      var A;
+      A = Te.current, Te.current = null, nr();
+      try {
+        if (m) {
+          var N = function() {
+            throw Error();
+          };
+          if (Object.defineProperty(N.prototype, "props", {
+            set: function() {
+              throw Error();
+            }
+          }), typeof Reflect == "object" && Reflect.construct) {
+            try {
+              Reflect.construct(N, []);
+            } catch (U) {
+              R = U;
+            }
+            Reflect.construct(o, [], N);
+          } else {
+            try {
+              N.call();
+            } catch (U) {
+              R = U;
+            }
+            o.call(N.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (U) {
+            R = U;
+          }
+          o();
+        }
+      } catch (U) {
+        if (U && R && typeof U.stack == "string") {
+          for (var P = U.stack.split(`
+`), B = R.stack.split(`
+`), F = P.length - 1, $ = B.length - 1; F >= 1 && $ >= 0 && P[F] !== B[$]; )
+            $--;
+          for (; F >= 1 && $ >= 0; F--, $--)
+            if (P[F] !== B[$]) {
+              if (F !== 1 || $ !== 1)
+                do
+                  if (F--, $--, $ < 0 || P[F] !== B[$]) {
+                    var X = `
+` + P[F].replace(" at new ", " at ");
+                    return o.displayName && X.includes("<anonymous>") && (X = X.replace("<anonymous>", o.displayName)), typeof o == "function" && Ee.set(o, X), X;
+                  }
+                while (F >= 1 && $ >= 0);
+              break;
+            }
+        }
+      } finally {
+        Me = !1, Te.current = A, or(), Error.prepareStackTrace = T;
+      }
+      var fe = o ? o.displayName || o.name : "", ce = fe ? Re(fe) : "";
+      return typeof o == "function" && Ee.set(o, ce), ce;
+    }
+    function ir(o, m, x) {
+      return Je(o, !1);
+    }
+    function ar(o) {
+      var m = o.prototype;
+      return !!(m && m.isReactComponent);
+    }
+    function je(o, m, x) {
+      if (o == null)
+        return "";
+      if (typeof o == "function")
+        return Je(o, ar(o));
+      if (typeof o == "string")
+        return Re(o);
+      switch (o) {
+        case f:
+          return Re("Suspense");
+        case p:
+          return Re("SuspenseList");
+      }
+      if (typeof o == "object")
+        switch (o.$$typeof) {
+          case c:
+            return ir(o.render);
+          case d:
+            return je(o.type, m, x);
+          case h: {
+            var R = o, T = R._payload, A = R._init;
+            try {
+              return je(A(T), m, x);
+            } catch {
+            }
+          }
+        }
+      return "";
+    }
+    var ye = Object.prototype.hasOwnProperty, Qe = {}, Xe = b.ReactDebugCurrentFrame;
+    function ke(o) {
+      if (o) {
+        var m = o._owner, x = je(o.type, o._source, m ? m.type : null);
+        Xe.setExtraStackFrame(x);
+      } else
+        Xe.setExtraStackFrame(null);
+    }
+    function lr(o, m, x, R, T) {
+      {
+        var A = Function.call.bind(ye);
+        for (var N in o)
+          if (A(o, N)) {
+            var P = void 0;
+            try {
+              if (typeof o[N] != "function") {
+                var B = Error((R || "React class") + ": " + x + " type `" + N + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof o[N] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw B.name = "Invariant Violation", B;
+              }
+              P = o[N](m, N, R, x, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (F) {
+              P = F;
+            }
+            P && !(P instanceof Error) && (ke(T), C("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", R || "React class", x, N, typeof P), ke(null)), P instanceof Error && !(P.message in Qe) && (Qe[P.message] = !0, ke(T), C("Failed %s type: %s", x, P.message), ke(null));
+          }
+      }
+    }
+    var cr = Array.isArray;
+    function Oe(o) {
+      return cr(o);
+    }
+    function ur(o) {
+      {
+        var m = typeof Symbol == "function" && Symbol.toStringTag, x = m && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return x;
+      }
+    }
+    function dr(o) {
+      try {
+        return Ze(o), !1;
+      } catch {
+        return !0;
+      }
+    }
+    function Ze(o) {
+      return "" + o;
+    }
+    function et(o) {
+      if (dr(o))
+        return C("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", ur(o)), Ze(o);
+    }
+    var tt = b.ReactCurrentOwner, fr = {
+      key: !0,
+      ref: !0,
+      __self: !0,
+      __source: !0
+    }, rt, nt;
+    function pr(o) {
+      if (ye.call(o, "ref")) {
+        var m = Object.getOwnPropertyDescriptor(o, "ref").get;
+        if (m && m.isReactWarning)
+          return !1;
+      }
+      return o.ref !== void 0;
+    }
+    function mr(o) {
+      if (ye.call(o, "key")) {
+        var m = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (m && m.isReactWarning)
+          return !1;
+      }
+      return o.key !== void 0;
+    }
+    function hr(o, m) {
+      typeof o.ref == "string" && tt.current;
+    }
+    function gr(o, m) {
+      {
+        var x = function() {
+          rt || (rt = !0, C("%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://reactjs.org/link/special-props)", m));
+        };
+        x.isReactWarning = !0, Object.defineProperty(o, "key", {
+          get: x,
+          configurable: !0
+        });
+      }
+    }
+    function br(o, m) {
+      {
+        var x = function() {
+          nt || (nt = !0, C("%s: `ref` 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://reactjs.org/link/special-props)", m));
+        };
+        x.isReactWarning = !0, Object.defineProperty(o, "ref", {
+          get: x,
+          configurable: !0
+        });
+      }
+    }
+    var vr = function(o, m, x, R, T, A, N) {
+      var P = {
+        // This tag allows us to uniquely identify this as a React Element
+        $$typeof: t,
+        // Built-in properties that belong on the element
+        type: o,
+        key: m,
+        ref: x,
+        props: N,
+        // Record the component responsible for creating this element.
+        _owner: A
+      };
+      return P._store = {}, Object.defineProperty(P._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: !1
+      }), Object.defineProperty(P, "_self", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: R
+      }), Object.defineProperty(P, "_source", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !1,
+        value: T
+      }), Object.freeze && (Object.freeze(P.props), Object.freeze(P)), P;
+    };
+    function yr(o, m, x, R, T) {
+      {
+        var A, N = {}, P = null, B = null;
+        x !== void 0 && (et(x), P = "" + x), mr(m) && (et(m.key), P = "" + m.key), pr(m) && (B = m.ref, hr(m, T));
+        for (A in m)
+          ye.call(m, A) && !fr.hasOwnProperty(A) && (N[A] = m[A]);
+        if (o && o.defaultProps) {
+          var F = o.defaultProps;
+          for (A in F)
+            N[A] === void 0 && (N[A] = F[A]);
+        }
+        if (P || B) {
+          var $ = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
+          P && gr(N, $), B && br(N, $);
+        }
+        return vr(o, P, B, T, R, tt.current, N);
+      }
+    }
+    var Fe = b.ReactCurrentOwner, ot = b.ReactDebugCurrentFrame;
+    function de(o) {
+      if (o) {
+        var m = o._owner, x = je(o.type, o._source, m ? m.type : null);
+        ot.setExtraStackFrame(x);
+      } else
+        ot.setExtraStackFrame(null);
+    }
+    var $e;
+    $e = !1;
+    function Ve(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === t;
+    }
+    function st() {
+      {
+        if (Fe.current) {
+          var o = z(Fe.current.type);
+          if (o)
+            return `
+
+Check the render method of \`` + o + "`.";
+        }
+        return "";
+      }
+    }
+    function xr(o) {
+      return "";
+    }
+    var it = {};
+    function wr(o) {
+      {
+        var m = st();
+        if (!m) {
+          var x = typeof o == "string" ? o : o.displayName || o.name;
+          x && (m = `
+
+Check the top-level render call using <` + x + ">.");
+        }
+        return m;
+      }
+    }
+    function at(o, m) {
+      {
+        if (!o._store || o._store.validated || o.key != null)
+          return;
+        o._store.validated = !0;
+        var x = wr(m);
+        if (it[x])
+          return;
+        it[x] = !0;
+        var R = "";
+        o && o._owner && o._owner !== Fe.current && (R = " It was passed a child from " + z(o._owner.type) + "."), de(o), C('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', x, R), de(null);
+      }
+    }
+    function lt(o, m) {
+      {
+        if (typeof o != "object")
+          return;
+        if (Oe(o))
+          for (var x = 0; x < o.length; x++) {
+            var R = o[x];
+            Ve(R) && at(R, m);
+          }
+        else if (Ve(o))
+          o._store && (o._store.validated = !0);
+        else if (o) {
+          var T = g(o);
+          if (typeof T == "function" && T !== o.entries)
+            for (var A = T.call(o), N; !(N = A.next()).done; )
+              Ve(N.value) && at(N.value, m);
+        }
+      }
+    }
+    function Cr(o) {
+      {
+        var m = o.type;
+        if (m == null || typeof m == "string")
+          return;
+        var x;
+        if (typeof m == "function")
+          x = m.propTypes;
+        else if (typeof m == "object" && (m.$$typeof === c || // Note: Memo only checks outer props here.
+        // Inner props are checked in the reconciler.
+        m.$$typeof === d))
+          x = m.propTypes;
+        else
+          return;
+        if (x) {
+          var R = z(m);
+          lr(x, o.props, "prop", R, o);
+        } else if (m.PropTypes !== void 0 && !$e) {
+          $e = !0;
+          var T = z(m);
+          C("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", T || "Unknown");
+        }
+        typeof m.getDefaultProps == "function" && !m.getDefaultProps.isReactClassApproved && C("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+      }
+    }
+    function Sr(o) {
+      {
+        for (var m = Object.keys(o.props), x = 0; x < m.length; x++) {
+          var R = m[x];
+          if (R !== "children" && R !== "key") {
+            de(o), C("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", R), de(null);
+            break;
+          }
+        }
+        o.ref !== null && (de(o), C("Invalid attribute `ref` supplied to `React.Fragment`."), de(null));
+      }
+    }
+    var ct = {};
+    function ut(o, m, x, R, T, A) {
+      {
+        var N = I(o);
+        if (!N) {
+          var P = "";
+          (o === void 0 || typeof o == "object" && o !== null && Object.keys(o).length === 0) && (P += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var B = xr();
+          B ? P += B : P += st();
+          var F;
+          o === null ? F = "null" : Oe(o) ? F = "array" : o !== void 0 && o.$$typeof === t ? (F = "<" + (z(o.type) || "Unknown") + " />", P = " Did you accidentally export a JSX literal instead of a component?") : F = typeof o, C("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", F, P);
+        }
+        var $ = yr(o, m, x, T, A);
+        if ($ == null)
+          return $;
+        if (N) {
+          var X = m.children;
+          if (X !== void 0)
+            if (R)
+              if (Oe(X)) {
+                for (var fe = 0; fe < X.length; fe++)
+                  lt(X[fe], o);
+                Object.freeze && Object.freeze(X);
+              } else
+                C("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
+              lt(X, o);
+        }
+        if (ye.call(m, "key")) {
+          var ce = z(o), U = Object.keys(m).filter(function(Pr) {
+            return Pr !== "key";
+          }), Ie = U.length > 0 ? "{key: someKey, " + U.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!ct[ce + Ie]) {
+            var _r = U.length > 0 ? "{" + U.join(": ..., ") + ": ...}" : "{}";
+            C(`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} />`, Ie, ce, _r, ce), ct[ce + Ie] = !0;
+          }
+        }
+        return o === n ? Sr($) : Cr($), $;
+      }
+    }
+    function Rr(o, m, x) {
+      return ut(o, m, x, !0);
+    }
+    function Er(o, m, x) {
+      return ut(o, m, x, !1);
+    }
+    var jr = Er, kr = Rr;
+    we.Fragment = n, we.jsx = jr, we.jsxs = kr;
+  }()), we;
+}
+process.env.NODE_ENV === "production" ? De.exports = zr() : De.exports = Dr();
+var u = De.exports;
+function Ct(e) {
+  var t, r, n = "";
+  if (typeof e == "string" || typeof e == "number") n += e;
+  else if (typeof e == "object") if (Array.isArray(e)) {
+    var s = e.length;
+    for (t = 0; t < s; t++) e[t] && (r = Ct(e[t])) && (n && (n += " "), n += r);
+  } else for (r in e) e[r] && (n && (n += " "), n += r);
+  return n;
+}
+function St() {
+  for (var e, t, r = 0, n = "", s = arguments.length; r < s; r++) (e = arguments[r]) && (t = Ct(e)) && (n && (n += " "), n += t);
+  return n;
+}
+const Ue = "-", Lr = (e) => {
+  const t = Br(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: n
+  } = e;
+  return {
+    getClassGroupId: (l) => {
+      const a = l.split(Ue);
+      return a[0] === "" && a.length !== 1 && a.shift(), Rt(a, t) || Wr(l);
+    },
+    getConflictingClassGroupIds: (l, a) => {
+      const c = r[l] || [];
+      return a && n[l] ? [...c, ...n[l]] : c;
+    }
+  };
+}, Rt = (e, t) => {
+  var l;
+  if (e.length === 0)
+    return t.classGroupId;
+  const r = e[0], n = t.nextPart.get(r), s = n ? Rt(e.slice(1), n) : void 0;
+  if (s)
+    return s;
+  if (t.validators.length === 0)
+    return;
+  const i = e.join(Ue);
+  return (l = t.validators.find(({
+    validator: a
+  }) => a(i))) == null ? void 0 : l.classGroupId;
+}, mt = /^\[(.+)\]$/, Wr = (e) => {
+  if (mt.test(e)) {
+    const t = mt.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
+  }
+}, Br = (e) => {
+  const {
+    theme: t,
+    prefix: r
+  } = e, n = {
+    nextPart: /* @__PURE__ */ new Map(),
+    validators: []
+  };
+  return Ur(Object.entries(e.classGroups), r).forEach(([i, l]) => {
+    Le(l, n, i, t);
+  }), n;
+}, Le = (e, t, r, n) => {
+  e.forEach((s) => {
+    if (typeof s == "string") {
+      const i = s === "" ? t : ht(t, s);
+      i.classGroupId = r;
+      return;
+    }
+    if (typeof s == "function") {
+      if (Hr(s)) {
+        Le(s(n), t, r, n);
+        return;
+      }
+      t.validators.push({
+        validator: s,
+        classGroupId: r
+      });
+      return;
+    }
+    Object.entries(s).forEach(([i, l]) => {
+      Le(l, ht(t, i), r, n);
+    });
+  });
+}, ht = (e, t) => {
+  let r = e;
+  return t.split(Ue).forEach((n) => {
+    r.nextPart.has(n) || r.nextPart.set(n, {
+      nextPart: /* @__PURE__ */ new Map(),
+      validators: []
+    }), r = r.nextPart.get(n);
+  }), r;
+}, Hr = (e) => e.isThemeGetter, Ur = (e, t) => t ? e.map(([r, n]) => {
+  const s = n.map((i) => typeof i == "string" ? t + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([l, a]) => [t + l, a])) : i);
+  return [r, s];
+}) : e, Gr = (e) => {
+  if (e < 1)
+    return {
+      get: () => {
+      },
+      set: () => {
+      }
+    };
+  let t = 0, r = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+  const s = (i, l) => {
+    r.set(i, l), t++, t > e && (t = 0, n = r, r = /* @__PURE__ */ new Map());
+  };
+  return {
+    get(i) {
+      let l = r.get(i);
+      if (l !== void 0)
+        return l;
+      if ((l = n.get(i)) !== void 0)
+        return s(i, l), l;
+    },
+    set(i, l) {
+      r.has(i) ? r.set(i, l) : s(i, l);
+    }
+  };
+}, Et = "!", Kr = (e) => {
+  const {
+    separator: t,
+    experimentalParseClassName: r
+  } = e, n = t.length === 1, s = t[0], i = t.length, l = (a) => {
+    const c = [];
+    let f = 0, p = 0, d;
+    for (let g = 0; g < a.length; g++) {
+      let b = a[g];
+      if (f === 0) {
+        if (b === s && (n || a.slice(g, g + i) === t)) {
+          c.push(a.slice(p, g)), p = g + i;
+          continue;
+        }
+        if (b === "/") {
+          d = g;
+          continue;
+        }
+      }
+      b === "[" ? f++ : b === "]" && f--;
+    }
+    const h = c.length === 0 ? a : a.substring(p), w = h.startsWith(Et), S = w ? h.substring(1) : h, v = d && d > p ? d - p : void 0;
+    return {
+      modifiers: c,
+      hasImportantModifier: w,
+      baseClassName: S,
+      maybePostfixModifierPosition: v
+    };
+  };
+  return r ? (a) => r({
+    className: a,
+    parseClassName: l
+  }) : l;
+}, Yr = (e) => {
+  if (e.length <= 1)
+    return e;
+  const t = [];
+  let r = [];
+  return e.forEach((n) => {
+    n[0] === "[" ? (t.push(...r.sort(), n), r = []) : r.push(n);
+  }), t.push(...r.sort()), t;
+}, qr = (e) => ({
+  cache: Gr(e.cacheSize),
+  parseClassName: Kr(e),
+  ...Lr(e)
+}), Jr = /\s+/, Qr = (e, t) => {
+  const {
+    parseClassName: r,
+    getClassGroupId: n,
+    getConflictingClassGroupIds: s
+  } = t, i = [], l = e.trim().split(Jr);
+  let a = "";
+  for (let c = l.length - 1; c >= 0; c -= 1) {
+    const f = l[c], {
+      modifiers: p,
+      hasImportantModifier: d,
+      baseClassName: h,
+      maybePostfixModifierPosition: w
+    } = r(f);
+    let S = !!w, v = n(S ? h.substring(0, w) : h);
+    if (!v) {
+      if (!S) {
+        a = f + (a.length > 0 ? " " + a : a);
+        continue;
+      }
+      if (v = n(h), !v) {
+        a = f + (a.length > 0 ? " " + a : a);
+        continue;
+      }
+      S = !1;
+    }
+    const g = Yr(p).join(":"), b = d ? g + Et : g, C = b + v;
+    if (i.includes(C))
+      continue;
+    i.push(C);
+    const j = s(v, S);
+    for (let E = 0; E < j.length; ++E) {
+      const V = j[E];
+      i.push(b + V);
+    }
+    a = f + (a.length > 0 ? " " + a : a);
+  }
+  return a;
+};
+function Xr() {
+  let e = 0, t, r, n = "";
+  for (; e < arguments.length; )
+    (t = arguments[e++]) && (r = jt(t)) && (n && (n += " "), n += r);
+  return n;
+}
+const jt = (e) => {
+  if (typeof e == "string")
+    return e;
+  let t, r = "";
+  for (let n = 0; n < e.length; n++)
+    e[n] && (t = jt(e[n])) && (r && (r += " "), r += t);
+  return r;
+};
+function Zr(e, ...t) {
+  let r, n, s, i = l;
+  function l(c) {
+    const f = t.reduce((p, d) => d(p), e());
+    return r = qr(f), n = r.cache.get, s = r.cache.set, i = a, a(c);
+  }
+  function a(c) {
+    const f = n(c);
+    if (f)
+      return f;
+    const p = Qr(c, r);
+    return s(c, p), p;
+  }
+  return function() {
+    return i(Xr.apply(null, arguments));
+  };
+}
+const M = (e) => {
+  const t = (r) => r[e] || [];
+  return t.isThemeGetter = !0, t;
+}, kt = /^\[(?:([a-z-]+):)?(.+)\]$/i, en = /^\d+\/\d+$/, tn = /* @__PURE__ */ new Set(["px", "full", "screen"]), rn = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, nn = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, on = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, sn = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, an = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, ne = (e) => me(e) || tn.has(e) || en.test(e), ie = (e) => he(e, "length", hn), me = (e) => !!e && !Number.isNaN(Number(e)), ze = (e) => he(e, "number", me), Ce = (e) => !!e && Number.isInteger(Number(e)), ln = (e) => e.endsWith("%") && me(e.slice(0, -1)), k = (e) => kt.test(e), ae = (e) => rn.test(e), cn = /* @__PURE__ */ new Set(["length", "size", "percentage"]), un = (e) => he(e, cn, _t), dn = (e) => he(e, "position", _t), fn = /* @__PURE__ */ new Set(["image", "url"]), pn = (e) => he(e, fn, bn), mn = (e) => he(e, "", gn), Se = () => !0, he = (e, t, r) => {
+  const n = kt.exec(e);
+  return n ? n[1] ? typeof t == "string" ? n[1] === t : t.has(n[1]) : r(n[2]) : !1;
+}, hn = (e) => (
+  // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
+  // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
+  // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
+  nn.test(e) && !on.test(e)
+), _t = () => !1, gn = (e) => sn.test(e), bn = (e) => an.test(e), vn = () => {
+  const e = M("colors"), t = M("spacing"), r = M("blur"), n = M("brightness"), s = M("borderColor"), i = M("borderRadius"), l = M("borderSpacing"), a = M("borderWidth"), c = M("contrast"), f = M("grayscale"), p = M("hueRotate"), d = M("invert"), h = M("gap"), w = M("gradientColorStops"), S = M("gradientColorStopPositions"), v = M("inset"), g = M("margin"), b = M("opacity"), C = M("padding"), j = M("saturate"), E = M("scale"), V = M("sepia"), L = M("skew"), Y = M("space"), oe = M("translate"), te = () => ["auto", "contain", "none"], I = () => ["auto", "hidden", "clip", "visible", "scroll"], O = () => ["auto", k, t], _ = () => [k, t], z = () => ["", ne, ie], W = () => ["auto", me, k], q = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["solid", "dashed", "dotted", "double", "none"], J = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], H = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Z = () => ["", "0", k], ve = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], Q = () => [me, k];
+  return {
+    cacheSize: 500,
+    separator: ":",
+    theme: {
+      colors: [Se],
+      spacing: [ne, ie],
+      blur: ["none", "", ae, k],
+      brightness: Q(),
+      borderColor: [e],
+      borderRadius: ["none", "", "full", ae, k],
+      borderSpacing: _(),
+      borderWidth: z(),
+      contrast: Q(),
+      grayscale: Z(),
+      hueRotate: Q(),
+      invert: Z(),
+      gap: _(),
+      gradientColorStops: [e],
+      gradientColorStopPositions: [ln, ie],
+      inset: O(),
+      margin: O(),
+      opacity: Q(),
+      padding: _(),
+      saturate: Q(),
+      scale: Q(),
+      sepia: Z(),
+      skew: Q(),
+      space: _(),
+      translate: _()
+    },
+    classGroups: {
+      // Layout
+      /**
+       * Aspect Ratio
+       * @see https://tailwindcss.com/docs/aspect-ratio
+       */
+      aspect: [{
+        aspect: ["auto", "square", "video", k]
+      }],
+      /**
+       * Container
+       * @see https://tailwindcss.com/docs/container
+       */
+      container: ["container"],
+      /**
+       * Columns
+       * @see https://tailwindcss.com/docs/columns
+       */
+      columns: [{
+        columns: [ae]
+      }],
+      /**
+       * Break After
+       * @see https://tailwindcss.com/docs/break-after
+       */
+      "break-after": [{
+        "break-after": ve()
+      }],
+      /**
+       * Break Before
+       * @see https://tailwindcss.com/docs/break-before
+       */
+      "break-before": [{
+        "break-before": ve()
+      }],
+      /**
+       * Break Inside
+       * @see https://tailwindcss.com/docs/break-inside
+       */
+      "break-inside": [{
+        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
+      }],
+      /**
+       * Box Decoration Break
+       * @see https://tailwindcss.com/docs/box-decoration-break
+       */
+      "box-decoration": [{
+        "box-decoration": ["slice", "clone"]
+      }],
+      /**
+       * Box Sizing
+       * @see https://tailwindcss.com/docs/box-sizing
+       */
+      box: [{
+        box: ["border", "content"]
+      }],
+      /**
+       * Display
+       * @see https://tailwindcss.com/docs/display
+       */
+      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
+      /**
+       * Floats
+       * @see https://tailwindcss.com/docs/float
+       */
+      float: [{
+        float: ["right", "left", "none", "start", "end"]
+      }],
+      /**
+       * Clear
+       * @see https://tailwindcss.com/docs/clear
+       */
+      clear: [{
+        clear: ["left", "right", "both", "none", "start", "end"]
+      }],
+      /**
+       * Isolation
+       * @see https://tailwindcss.com/docs/isolation
+       */
+      isolation: ["isolate", "isolation-auto"],
+      /**
+       * Object Fit
+       * @see https://tailwindcss.com/docs/object-fit
+       */
+      "object-fit": [{
+        object: ["contain", "cover", "fill", "none", "scale-down"]
+      }],
+      /**
+       * Object Position
+       * @see https://tailwindcss.com/docs/object-position
+       */
+      "object-position": [{
+        object: [...q(), k]
+      }],
+      /**
+       * Overflow
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      overflow: [{
+        overflow: I()
+      }],
+      /**
+       * Overflow X
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-x": [{
+        "overflow-x": I()
+      }],
+      /**
+       * Overflow Y
+       * @see https://tailwindcss.com/docs/overflow
+       */
+      "overflow-y": [{
+        "overflow-y": I()
+      }],
+      /**
+       * Overscroll Behavior
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      overscroll: [{
+        overscroll: te()
+      }],
+      /**
+       * Overscroll Behavior X
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-x": [{
+        "overscroll-x": te()
+      }],
+      /**
+       * Overscroll Behavior Y
+       * @see https://tailwindcss.com/docs/overscroll-behavior
+       */
+      "overscroll-y": [{
+        "overscroll-y": te()
+      }],
+      /**
+       * Position
+       * @see https://tailwindcss.com/docs/position
+       */
+      position: ["static", "fixed", "absolute", "relative", "sticky"],
+      /**
+       * Top / Right / Bottom / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      inset: [{
+        inset: [v]
+      }],
+      /**
+       * Right / Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-x": [{
+        "inset-x": [v]
+      }],
+      /**
+       * Top / Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      "inset-y": [{
+        "inset-y": [v]
+      }],
+      /**
+       * Start
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      start: [{
+        start: [v]
+      }],
+      /**
+       * End
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      end: [{
+        end: [v]
+      }],
+      /**
+       * Top
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      top: [{
+        top: [v]
+      }],
+      /**
+       * Right
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      right: [{
+        right: [v]
+      }],
+      /**
+       * Bottom
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      bottom: [{
+        bottom: [v]
+      }],
+      /**
+       * Left
+       * @see https://tailwindcss.com/docs/top-right-bottom-left
+       */
+      left: [{
+        left: [v]
+      }],
+      /**
+       * Visibility
+       * @see https://tailwindcss.com/docs/visibility
+       */
+      visibility: ["visible", "invisible", "collapse"],
+      /**
+       * Z-Index
+       * @see https://tailwindcss.com/docs/z-index
+       */
+      z: [{
+        z: ["auto", Ce, k]
+      }],
+      // Flexbox and Grid
+      /**
+       * Flex Basis
+       * @see https://tailwindcss.com/docs/flex-basis
+       */
+      basis: [{
+        basis: O()
+      }],
+      /**
+       * Flex Direction
+       * @see https://tailwindcss.com/docs/flex-direction
+       */
+      "flex-direction": [{
+        flex: ["row", "row-reverse", "col", "col-reverse"]
+      }],
+      /**
+       * Flex Wrap
+       * @see https://tailwindcss.com/docs/flex-wrap
+       */
+      "flex-wrap": [{
+        flex: ["wrap", "wrap-reverse", "nowrap"]
+      }],
+      /**
+       * Flex
+       * @see https://tailwindcss.com/docs/flex
+       */
+      flex: [{
+        flex: ["1", "auto", "initial", "none", k]
+      }],
+      /**
+       * Flex Grow
+       * @see https://tailwindcss.com/docs/flex-grow
+       */
+      grow: [{
+        grow: Z()
+      }],
+      /**
+       * Flex Shrink
+       * @see https://tailwindcss.com/docs/flex-shrink
+       */
+      shrink: [{
+        shrink: Z()
+      }],
+      /**
+       * Order
+       * @see https://tailwindcss.com/docs/order
+       */
+      order: [{
+        order: ["first", "last", "none", Ce, k]
+      }],
+      /**
+       * Grid Template Columns
+       * @see https://tailwindcss.com/docs/grid-template-columns
+       */
+      "grid-cols": [{
+        "grid-cols": [Se]
+      }],
+      /**
+       * Grid Column Start / End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start-end": [{
+        col: ["auto", {
+          span: ["full", Ce, k]
+        }, k]
+      }],
+      /**
+       * Grid Column Start
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-start": [{
+        "col-start": W()
+      }],
+      /**
+       * Grid Column End
+       * @see https://tailwindcss.com/docs/grid-column
+       */
+      "col-end": [{
+        "col-end": W()
+      }],
+      /**
+       * Grid Template Rows
+       * @see https://tailwindcss.com/docs/grid-template-rows
+       */
+      "grid-rows": [{
+        "grid-rows": [Se]
+      }],
+      /**
+       * Grid Row Start / End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start-end": [{
+        row: ["auto", {
+          span: [Ce, k]
+        }, k]
+      }],
+      /**
+       * Grid Row Start
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-start": [{
+        "row-start": W()
+      }],
+      /**
+       * Grid Row End
+       * @see https://tailwindcss.com/docs/grid-row
+       */
+      "row-end": [{
+        "row-end": W()
+      }],
+      /**
+       * Grid Auto Flow
+       * @see https://tailwindcss.com/docs/grid-auto-flow
+       */
+      "grid-flow": [{
+        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
+      }],
+      /**
+       * Grid Auto Columns
+       * @see https://tailwindcss.com/docs/grid-auto-columns
+       */
+      "auto-cols": [{
+        "auto-cols": ["auto", "min", "max", "fr", k]
+      }],
+      /**
+       * Grid Auto Rows
+       * @see https://tailwindcss.com/docs/grid-auto-rows
+       */
+      "auto-rows": [{
+        "auto-rows": ["auto", "min", "max", "fr", k]
+      }],
+      /**
+       * Gap
+       * @see https://tailwindcss.com/docs/gap
+       */
+      gap: [{
+        gap: [h]
+      }],
+      /**
+       * Gap X
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-x": [{
+        "gap-x": [h]
+      }],
+      /**
+       * Gap Y
+       * @see https://tailwindcss.com/docs/gap
+       */
+      "gap-y": [{
+        "gap-y": [h]
+      }],
+      /**
+       * Justify Content
+       * @see https://tailwindcss.com/docs/justify-content
+       */
+      "justify-content": [{
+        justify: ["normal", ...H()]
+      }],
+      /**
+       * Justify Items
+       * @see https://tailwindcss.com/docs/justify-items
+       */
+      "justify-items": [{
+        "justify-items": ["start", "end", "center", "stretch"]
+      }],
+      /**
+       * Justify Self
+       * @see https://tailwindcss.com/docs/justify-self
+       */
+      "justify-self": [{
+        "justify-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      /**
+       * Align Content
+       * @see https://tailwindcss.com/docs/align-content
+       */
+      "align-content": [{
+        content: ["normal", ...H(), "baseline"]
+      }],
+      /**
+       * Align Items
+       * @see https://tailwindcss.com/docs/align-items
+       */
+      "align-items": [{
+        items: ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Align Self
+       * @see https://tailwindcss.com/docs/align-self
+       */
+      "align-self": [{
+        self: ["auto", "start", "end", "center", "stretch", "baseline"]
+      }],
+      /**
+       * Place Content
+       * @see https://tailwindcss.com/docs/place-content
+       */
+      "place-content": [{
+        "place-content": [...H(), "baseline"]
+      }],
+      /**
+       * Place Items
+       * @see https://tailwindcss.com/docs/place-items
+       */
+      "place-items": [{
+        "place-items": ["start", "end", "center", "baseline", "stretch"]
+      }],
+      /**
+       * Place Self
+       * @see https://tailwindcss.com/docs/place-self
+       */
+      "place-self": [{
+        "place-self": ["auto", "start", "end", "center", "stretch"]
+      }],
+      // Spacing
+      /**
+       * Padding
+       * @see https://tailwindcss.com/docs/padding
+       */
+      p: [{
+        p: [C]
+      }],
+      /**
+       * Padding X
+       * @see https://tailwindcss.com/docs/padding
+       */
+      px: [{
+        px: [C]
+      }],
+      /**
+       * Padding Y
+       * @see https://tailwindcss.com/docs/padding
+       */
+      py: [{
+        py: [C]
+      }],
+      /**
+       * Padding Start
+       * @see https://tailwindcss.com/docs/padding
+       */
+      ps: [{
+        ps: [C]
+      }],
+      /**
+       * Padding End
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pe: [{
+        pe: [C]
+      }],
+      /**
+       * Padding Top
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pt: [{
+        pt: [C]
+      }],
+      /**
+       * Padding Right
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pr: [{
+        pr: [C]
+      }],
+      /**
+       * Padding Bottom
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pb: [{
+        pb: [C]
+      }],
+      /**
+       * Padding Left
+       * @see https://tailwindcss.com/docs/padding
+       */
+      pl: [{
+        pl: [C]
+      }],
+      /**
+       * Margin
+       * @see https://tailwindcss.com/docs/margin
+       */
+      m: [{
+        m: [g]
+      }],
+      /**
+       * Margin X
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mx: [{
+        mx: [g]
+      }],
+      /**
+       * Margin Y
+       * @see https://tailwindcss.com/docs/margin
+       */
+      my: [{
+        my: [g]
+      }],
+      /**
+       * Margin Start
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ms: [{
+        ms: [g]
+      }],
+      /**
+       * Margin End
+       * @see https://tailwindcss.com/docs/margin
+       */
+      me: [{
+        me: [g]
+      }],
+      /**
+       * Margin Top
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mt: [{
+        mt: [g]
+      }],
+      /**
+       * Margin Right
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mr: [{
+        mr: [g]
+      }],
+      /**
+       * Margin Bottom
+       * @see https://tailwindcss.com/docs/margin
+       */
+      mb: [{
+        mb: [g]
+      }],
+      /**
+       * Margin Left
+       * @see https://tailwindcss.com/docs/margin
+       */
+      ml: [{
+        ml: [g]
+      }],
+      /**
+       * Space Between X
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x": [{
+        "space-x": [Y]
+      }],
+      /**
+       * Space Between X Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-x-reverse": ["space-x-reverse"],
+      /**
+       * Space Between Y
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y": [{
+        "space-y": [Y]
+      }],
+      /**
+       * Space Between Y Reverse
+       * @see https://tailwindcss.com/docs/space
+       */
+      "space-y-reverse": ["space-y-reverse"],
+      // Sizing
+      /**
+       * Width
+       * @see https://tailwindcss.com/docs/width
+       */
+      w: [{
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", k, t]
+      }],
+      /**
+       * Min-Width
+       * @see https://tailwindcss.com/docs/min-width
+       */
+      "min-w": [{
+        "min-w": [k, t, "min", "max", "fit"]
+      }],
+      /**
+       * Max-Width
+       * @see https://tailwindcss.com/docs/max-width
+       */
+      "max-w": [{
+        "max-w": [k, t, "none", "full", "min", "max", "fit", "prose", {
+          screen: [ae]
+        }, ae]
+      }],
+      /**
+       * Height
+       * @see https://tailwindcss.com/docs/height
+       */
+      h: [{
+        h: [k, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Min-Height
+       * @see https://tailwindcss.com/docs/min-height
+       */
+      "min-h": [{
+        "min-h": [k, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Max-Height
+       * @see https://tailwindcss.com/docs/max-height
+       */
+      "max-h": [{
+        "max-h": [k, t, "min", "max", "fit", "svh", "lvh", "dvh"]
+      }],
+      /**
+       * Size
+       * @see https://tailwindcss.com/docs/size
+       */
+      size: [{
+        size: [k, t, "auto", "min", "max", "fit"]
+      }],
+      // Typography
+      /**
+       * Font Size
+       * @see https://tailwindcss.com/docs/font-size
+       */
+      "font-size": [{
+        text: ["base", ae, ie]
+      }],
+      /**
+       * Font Smoothing
+       * @see https://tailwindcss.com/docs/font-smoothing
+       */
+      "font-smoothing": ["antialiased", "subpixel-antialiased"],
+      /**
+       * Font Style
+       * @see https://tailwindcss.com/docs/font-style
+       */
+      "font-style": ["italic", "not-italic"],
+      /**
+       * Font Weight
+       * @see https://tailwindcss.com/docs/font-weight
+       */
+      "font-weight": [{
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ze]
+      }],
+      /**
+       * Font Family
+       * @see https://tailwindcss.com/docs/font-family
+       */
+      "font-family": [{
+        font: [Se]
+      }],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-normal": ["normal-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-ordinal": ["ordinal"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-slashed-zero": ["slashed-zero"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-figure": ["lining-nums", "oldstyle-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-spacing": ["proportional-nums", "tabular-nums"],
+      /**
+       * Font Variant Numeric
+       * @see https://tailwindcss.com/docs/font-variant-numeric
+       */
+      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
+      /**
+       * Letter Spacing
+       * @see https://tailwindcss.com/docs/letter-spacing
+       */
+      tracking: [{
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", k]
+      }],
+      /**
+       * Line Clamp
+       * @see https://tailwindcss.com/docs/line-clamp
+       */
+      "line-clamp": [{
+        "line-clamp": ["none", me, ze]
+      }],
+      /**
+       * Line Height
+       * @see https://tailwindcss.com/docs/line-height
+       */
+      leading: [{
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", ne, k]
+      }],
+      /**
+       * List Style Image
+       * @see https://tailwindcss.com/docs/list-style-image
+       */
+      "list-image": [{
+        "list-image": ["none", k]
+      }],
+      /**
+       * List Style Type
+       * @see https://tailwindcss.com/docs/list-style-type
+       */
+      "list-style-type": [{
+        list: ["none", "disc", "decimal", k]
+      }],
+      /**
+       * List Style Position
+       * @see https://tailwindcss.com/docs/list-style-position
+       */
+      "list-style-position": [{
+        list: ["inside", "outside"]
+      }],
+      /**
+       * Placeholder Color
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/placeholder-color
+       */
+      "placeholder-color": [{
+        placeholder: [e]
+      }],
+      /**
+       * Placeholder Opacity
+       * @see https://tailwindcss.com/docs/placeholder-opacity
+       */
+      "placeholder-opacity": [{
+        "placeholder-opacity": [b]
+      }],
+      /**
+       * Text Alignment
+       * @see https://tailwindcss.com/docs/text-align
+       */
+      "text-alignment": [{
+        text: ["left", "center", "right", "justify", "start", "end"]
+      }],
+      /**
+       * Text Color
+       * @see https://tailwindcss.com/docs/text-color
+       */
+      "text-color": [{
+        text: [e]
+      }],
+      /**
+       * Text Opacity
+       * @see https://tailwindcss.com/docs/text-opacity
+       */
+      "text-opacity": [{
+        "text-opacity": [b]
+      }],
+      /**
+       * Text Decoration
+       * @see https://tailwindcss.com/docs/text-decoration
+       */
+      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
+      /**
+       * Text Decoration Style
+       * @see https://tailwindcss.com/docs/text-decoration-style
+       */
+      "text-decoration-style": [{
+        decoration: [...G(), "wavy"]
+      }],
+      /**
+       * Text Decoration Thickness
+       * @see https://tailwindcss.com/docs/text-decoration-thickness
+       */
+      "text-decoration-thickness": [{
+        decoration: ["auto", "from-font", ne, ie]
+      }],
+      /**
+       * Text Underline Offset
+       * @see https://tailwindcss.com/docs/text-underline-offset
+       */
+      "underline-offset": [{
+        "underline-offset": ["auto", ne, k]
+      }],
+      /**
+       * Text Decoration Color
+       * @see https://tailwindcss.com/docs/text-decoration-color
+       */
+      "text-decoration-color": [{
+        decoration: [e]
+      }],
+      /**
+       * Text Transform
+       * @see https://tailwindcss.com/docs/text-transform
+       */
+      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
+      /**
+       * Text Overflow
+       * @see https://tailwindcss.com/docs/text-overflow
+       */
+      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
+      /**
+       * Text Wrap
+       * @see https://tailwindcss.com/docs/text-wrap
+       */
+      "text-wrap": [{
+        text: ["wrap", "nowrap", "balance", "pretty"]
+      }],
+      /**
+       * Text Indent
+       * @see https://tailwindcss.com/docs/text-indent
+       */
+      indent: [{
+        indent: _()
+      }],
+      /**
+       * Vertical Alignment
+       * @see https://tailwindcss.com/docs/vertical-align
+       */
+      "vertical-align": [{
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", k]
+      }],
+      /**
+       * Whitespace
+       * @see https://tailwindcss.com/docs/whitespace
+       */
+      whitespace: [{
+        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
+      }],
+      /**
+       * Word Break
+       * @see https://tailwindcss.com/docs/word-break
+       */
+      break: [{
+        break: ["normal", "words", "all", "keep"]
+      }],
+      /**
+       * Hyphens
+       * @see https://tailwindcss.com/docs/hyphens
+       */
+      hyphens: [{
+        hyphens: ["none", "manual", "auto"]
+      }],
+      /**
+       * Content
+       * @see https://tailwindcss.com/docs/content
+       */
+      content: [{
+        content: ["none", k]
+      }],
+      // Backgrounds
+      /**
+       * Background Attachment
+       * @see https://tailwindcss.com/docs/background-attachment
+       */
+      "bg-attachment": [{
+        bg: ["fixed", "local", "scroll"]
+      }],
+      /**
+       * Background Clip
+       * @see https://tailwindcss.com/docs/background-clip
+       */
+      "bg-clip": [{
+        "bg-clip": ["border", "padding", "content", "text"]
+      }],
+      /**
+       * Background Opacity
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/background-opacity
+       */
+      "bg-opacity": [{
+        "bg-opacity": [b]
+      }],
+      /**
+       * Background Origin
+       * @see https://tailwindcss.com/docs/background-origin
+       */
+      "bg-origin": [{
+        "bg-origin": ["border", "padding", "content"]
+      }],
+      /**
+       * Background Position
+       * @see https://tailwindcss.com/docs/background-position
+       */
+      "bg-position": [{
+        bg: [...q(), dn]
+      }],
+      /**
+       * Background Repeat
+       * @see https://tailwindcss.com/docs/background-repeat
+       */
+      "bg-repeat": [{
+        bg: ["no-repeat", {
+          repeat: ["", "x", "y", "round", "space"]
+        }]
+      }],
+      /**
+       * Background Size
+       * @see https://tailwindcss.com/docs/background-size
+       */
+      "bg-size": [{
+        bg: ["auto", "cover", "contain", un]
+      }],
+      /**
+       * Background Image
+       * @see https://tailwindcss.com/docs/background-image
+       */
+      "bg-image": [{
+        bg: ["none", {
+          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
+        }, pn]
+      }],
+      /**
+       * Background Color
+       * @see https://tailwindcss.com/docs/background-color
+       */
+      "bg-color": [{
+        bg: [e]
+      }],
+      /**
+       * Gradient Color Stops From Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from-pos": [{
+        from: [S]
+      }],
+      /**
+       * Gradient Color Stops Via Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via-pos": [{
+        via: [S]
+      }],
+      /**
+       * Gradient Color Stops To Position
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to-pos": [{
+        to: [S]
+      }],
+      /**
+       * Gradient Color Stops From
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-from": [{
+        from: [w]
+      }],
+      /**
+       * Gradient Color Stops Via
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-via": [{
+        via: [w]
+      }],
+      /**
+       * Gradient Color Stops To
+       * @see https://tailwindcss.com/docs/gradient-color-stops
+       */
+      "gradient-to": [{
+        to: [w]
+      }],
+      // Borders
+      /**
+       * Border Radius
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      rounded: [{
+        rounded: [i]
+      }],
+      /**
+       * Border Radius Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-s": [{
+        "rounded-s": [i]
+      }],
+      /**
+       * Border Radius End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-e": [{
+        "rounded-e": [i]
+      }],
+      /**
+       * Border Radius Top
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-t": [{
+        "rounded-t": [i]
+      }],
+      /**
+       * Border Radius Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-r": [{
+        "rounded-r": [i]
+      }],
+      /**
+       * Border Radius Bottom
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-b": [{
+        "rounded-b": [i]
+      }],
+      /**
+       * Border Radius Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-l": [{
+        "rounded-l": [i]
+      }],
+      /**
+       * Border Radius Start Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ss": [{
+        "rounded-ss": [i]
+      }],
+      /**
+       * Border Radius Start End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-se": [{
+        "rounded-se": [i]
+      }],
+      /**
+       * Border Radius End End
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-ee": [{
+        "rounded-ee": [i]
+      }],
+      /**
+       * Border Radius End Start
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-es": [{
+        "rounded-es": [i]
+      }],
+      /**
+       * Border Radius Top Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tl": [{
+        "rounded-tl": [i]
+      }],
+      /**
+       * Border Radius Top Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-tr": [{
+        "rounded-tr": [i]
+      }],
+      /**
+       * Border Radius Bottom Right
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-br": [{
+        "rounded-br": [i]
+      }],
+      /**
+       * Border Radius Bottom Left
+       * @see https://tailwindcss.com/docs/border-radius
+       */
+      "rounded-bl": [{
+        "rounded-bl": [i]
+      }],
+      /**
+       * Border Width
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w": [{
+        border: [a]
+      }],
+      /**
+       * Border Width X
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-x": [{
+        "border-x": [a]
+      }],
+      /**
+       * Border Width Y
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-y": [{
+        "border-y": [a]
+      }],
+      /**
+       * Border Width Start
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-s": [{
+        "border-s": [a]
+      }],
+      /**
+       * Border Width End
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-e": [{
+        "border-e": [a]
+      }],
+      /**
+       * Border Width Top
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-t": [{
+        "border-t": [a]
+      }],
+      /**
+       * Border Width Right
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-r": [{
+        "border-r": [a]
+      }],
+      /**
+       * Border Width Bottom
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-b": [{
+        "border-b": [a]
+      }],
+      /**
+       * Border Width Left
+       * @see https://tailwindcss.com/docs/border-width
+       */
+      "border-w-l": [{
+        "border-l": [a]
+      }],
+      /**
+       * Border Opacity
+       * @see https://tailwindcss.com/docs/border-opacity
+       */
+      "border-opacity": [{
+        "border-opacity": [b]
+      }],
+      /**
+       * Border Style
+       * @see https://tailwindcss.com/docs/border-style
+       */
+      "border-style": [{
+        border: [...G(), "hidden"]
+      }],
+      /**
+       * Divide Width X
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x": [{
+        "divide-x": [a]
+      }],
+      /**
+       * Divide Width X Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-x-reverse": ["divide-x-reverse"],
+      /**
+       * Divide Width Y
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y": [{
+        "divide-y": [a]
+      }],
+      /**
+       * Divide Width Y Reverse
+       * @see https://tailwindcss.com/docs/divide-width
+       */
+      "divide-y-reverse": ["divide-y-reverse"],
+      /**
+       * Divide Opacity
+       * @see https://tailwindcss.com/docs/divide-opacity
+       */
+      "divide-opacity": [{
+        "divide-opacity": [b]
+      }],
+      /**
+       * Divide Style
+       * @see https://tailwindcss.com/docs/divide-style
+       */
+      "divide-style": [{
+        divide: G()
+      }],
+      /**
+       * Border Color
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color": [{
+        border: [s]
+      }],
+      /**
+       * Border Color X
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-x": [{
+        "border-x": [s]
+      }],
+      /**
+       * Border Color Y
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-y": [{
+        "border-y": [s]
+      }],
+      /**
+       * Border Color S
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-s": [{
+        "border-s": [s]
+      }],
+      /**
+       * Border Color E
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-e": [{
+        "border-e": [s]
+      }],
+      /**
+       * Border Color Top
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-t": [{
+        "border-t": [s]
+      }],
+      /**
+       * Border Color Right
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-r": [{
+        "border-r": [s]
+      }],
+      /**
+       * Border Color Bottom
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-b": [{
+        "border-b": [s]
+      }],
+      /**
+       * Border Color Left
+       * @see https://tailwindcss.com/docs/border-color
+       */
+      "border-color-l": [{
+        "border-l": [s]
+      }],
+      /**
+       * Divide Color
+       * @see https://tailwindcss.com/docs/divide-color
+       */
+      "divide-color": [{
+        divide: [s]
+      }],
+      /**
+       * Outline Style
+       * @see https://tailwindcss.com/docs/outline-style
+       */
+      "outline-style": [{
+        outline: ["", ...G()]
+      }],
+      /**
+       * Outline Offset
+       * @see https://tailwindcss.com/docs/outline-offset
+       */
+      "outline-offset": [{
+        "outline-offset": [ne, k]
+      }],
+      /**
+       * Outline Width
+       * @see https://tailwindcss.com/docs/outline-width
+       */
+      "outline-w": [{
+        outline: [ne, ie]
+      }],
+      /**
+       * Outline Color
+       * @see https://tailwindcss.com/docs/outline-color
+       */
+      "outline-color": [{
+        outline: [e]
+      }],
+      /**
+       * Ring Width
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w": [{
+        ring: z()
+      }],
+      /**
+       * Ring Width Inset
+       * @see https://tailwindcss.com/docs/ring-width
+       */
+      "ring-w-inset": ["ring-inset"],
+      /**
+       * Ring Color
+       * @see https://tailwindcss.com/docs/ring-color
+       */
+      "ring-color": [{
+        ring: [e]
+      }],
+      /**
+       * Ring Opacity
+       * @see https://tailwindcss.com/docs/ring-opacity
+       */
+      "ring-opacity": [{
+        "ring-opacity": [b]
+      }],
+      /**
+       * Ring Offset Width
+       * @see https://tailwindcss.com/docs/ring-offset-width
+       */
+      "ring-offset-w": [{
+        "ring-offset": [ne, ie]
+      }],
+      /**
+       * Ring Offset Color
+       * @see https://tailwindcss.com/docs/ring-offset-color
+       */
+      "ring-offset-color": [{
+        "ring-offset": [e]
+      }],
+      // Effects
+      /**
+       * Box Shadow
+       * @see https://tailwindcss.com/docs/box-shadow
+       */
+      shadow: [{
+        shadow: ["", "inner", "none", ae, mn]
+      }],
+      /**
+       * Box Shadow Color
+       * @see https://tailwindcss.com/docs/box-shadow-color
+       */
+      "shadow-color": [{
+        shadow: [Se]
+      }],
+      /**
+       * Opacity
+       * @see https://tailwindcss.com/docs/opacity
+       */
+      opacity: [{
+        opacity: [b]
+      }],
+      /**
+       * Mix Blend Mode
+       * @see https://tailwindcss.com/docs/mix-blend-mode
+       */
+      "mix-blend": [{
+        "mix-blend": [...J(), "plus-lighter", "plus-darker"]
+      }],
+      /**
+       * Background Blend Mode
+       * @see https://tailwindcss.com/docs/background-blend-mode
+       */
+      "bg-blend": [{
+        "bg-blend": J()
+      }],
+      // Filters
+      /**
+       * Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/filter
+       */
+      filter: [{
+        filter: ["", "none"]
+      }],
+      /**
+       * Blur
+       * @see https://tailwindcss.com/docs/blur
+       */
+      blur: [{
+        blur: [r]
+      }],
+      /**
+       * Brightness
+       * @see https://tailwindcss.com/docs/brightness
+       */
+      brightness: [{
+        brightness: [n]
+      }],
+      /**
+       * Contrast
+       * @see https://tailwindcss.com/docs/contrast
+       */
+      contrast: [{
+        contrast: [c]
+      }],
+      /**
+       * Drop Shadow
+       * @see https://tailwindcss.com/docs/drop-shadow
+       */
+      "drop-shadow": [{
+        "drop-shadow": ["", "none", ae, k]
+      }],
+      /**
+       * Grayscale
+       * @see https://tailwindcss.com/docs/grayscale
+       */
+      grayscale: [{
+        grayscale: [f]
+      }],
+      /**
+       * Hue Rotate
+       * @see https://tailwindcss.com/docs/hue-rotate
+       */
+      "hue-rotate": [{
+        "hue-rotate": [p]
+      }],
+      /**
+       * Invert
+       * @see https://tailwindcss.com/docs/invert
+       */
+      invert: [{
+        invert: [d]
+      }],
+      /**
+       * Saturate
+       * @see https://tailwindcss.com/docs/saturate
+       */
+      saturate: [{
+        saturate: [j]
+      }],
+      /**
+       * Sepia
+       * @see https://tailwindcss.com/docs/sepia
+       */
+      sepia: [{
+        sepia: [V]
+      }],
+      /**
+       * Backdrop Filter
+       * @deprecated since Tailwind CSS v3.0.0
+       * @see https://tailwindcss.com/docs/backdrop-filter
+       */
+      "backdrop-filter": [{
+        "backdrop-filter": ["", "none"]
+      }],
+      /**
+       * Backdrop Blur
+       * @see https://tailwindcss.com/docs/backdrop-blur
+       */
+      "backdrop-blur": [{
+        "backdrop-blur": [r]
+      }],
+      /**
+       * Backdrop Brightness
+       * @see https://tailwindcss.com/docs/backdrop-brightness
+       */
+      "backdrop-brightness": [{
+        "backdrop-brightness": [n]
+      }],
+      /**
+       * Backdrop Contrast
+       * @see https://tailwindcss.com/docs/backdrop-contrast
+       */
+      "backdrop-contrast": [{
+        "backdrop-contrast": [c]
+      }],
+      /**
+       * Backdrop Grayscale
+       * @see https://tailwindcss.com/docs/backdrop-grayscale
+       */
+      "backdrop-grayscale": [{
+        "backdrop-grayscale": [f]
+      }],
+      /**
+       * Backdrop Hue Rotate
+       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
+       */
+      "backdrop-hue-rotate": [{
+        "backdrop-hue-rotate": [p]
+      }],
+      /**
+       * Backdrop Invert
+       * @see https://tailwindcss.com/docs/backdrop-invert
+       */
+      "backdrop-invert": [{
+        "backdrop-invert": [d]
+      }],
+      /**
+       * Backdrop Opacity
+       * @see https://tailwindcss.com/docs/backdrop-opacity
+       */
+      "backdrop-opacity": [{
+        "backdrop-opacity": [b]
+      }],
+      /**
+       * Backdrop Saturate
+       * @see https://tailwindcss.com/docs/backdrop-saturate
+       */
+      "backdrop-saturate": [{
+        "backdrop-saturate": [j]
+      }],
+      /**
+       * Backdrop Sepia
+       * @see https://tailwindcss.com/docs/backdrop-sepia
+       */
+      "backdrop-sepia": [{
+        "backdrop-sepia": [V]
+      }],
+      // Tables
+      /**
+       * Border Collapse
+       * @see https://tailwindcss.com/docs/border-collapse
+       */
+      "border-collapse": [{
+        border: ["collapse", "separate"]
+      }],
+      /**
+       * Border Spacing
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing": [{
+        "border-spacing": [l]
+      }],
+      /**
+       * Border Spacing X
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-x": [{
+        "border-spacing-x": [l]
+      }],
+      /**
+       * Border Spacing Y
+       * @see https://tailwindcss.com/docs/border-spacing
+       */
+      "border-spacing-y": [{
+        "border-spacing-y": [l]
+      }],
+      /**
+       * Table Layout
+       * @see https://tailwindcss.com/docs/table-layout
+       */
+      "table-layout": [{
+        table: ["auto", "fixed"]
+      }],
+      /**
+       * Caption Side
+       * @see https://tailwindcss.com/docs/caption-side
+       */
+      caption: [{
+        caption: ["top", "bottom"]
+      }],
+      // Transitions and Animation
+      /**
+       * Tranisition Property
+       * @see https://tailwindcss.com/docs/transition-property
+       */
+      transition: [{
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", k]
+      }],
+      /**
+       * Transition Duration
+       * @see https://tailwindcss.com/docs/transition-duration
+       */
+      duration: [{
+        duration: Q()
+      }],
+      /**
+       * Transition Timing Function
+       * @see https://tailwindcss.com/docs/transition-timing-function
+       */
+      ease: [{
+        ease: ["linear", "in", "out", "in-out", k]
+      }],
+      /**
+       * Transition Delay
+       * @see https://tailwindcss.com/docs/transition-delay
+       */
+      delay: [{
+        delay: Q()
+      }],
+      /**
+       * Animation
+       * @see https://tailwindcss.com/docs/animation
+       */
+      animate: [{
+        animate: ["none", "spin", "ping", "pulse", "bounce", k]
+      }],
+      // Transforms
+      /**
+       * Transform
+       * @see https://tailwindcss.com/docs/transform
+       */
+      transform: [{
+        transform: ["", "gpu", "none"]
+      }],
+      /**
+       * Scale
+       * @see https://tailwindcss.com/docs/scale
+       */
+      scale: [{
+        scale: [E]
+      }],
+      /**
+       * Scale X
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-x": [{
+        "scale-x": [E]
+      }],
+      /**
+       * Scale Y
+       * @see https://tailwindcss.com/docs/scale
+       */
+      "scale-y": [{
+        "scale-y": [E]
+      }],
+      /**
+       * Rotate
+       * @see https://tailwindcss.com/docs/rotate
+       */
+      rotate: [{
+        rotate: [Ce, k]
+      }],
+      /**
+       * Translate X
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-x": [{
+        "translate-x": [oe]
+      }],
+      /**
+       * Translate Y
+       * @see https://tailwindcss.com/docs/translate
+       */
+      "translate-y": [{
+        "translate-y": [oe]
+      }],
+      /**
+       * Skew X
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-x": [{
+        "skew-x": [L]
+      }],
+      /**
+       * Skew Y
+       * @see https://tailwindcss.com/docs/skew
+       */
+      "skew-y": [{
+        "skew-y": [L]
+      }],
+      /**
+       * Transform Origin
+       * @see https://tailwindcss.com/docs/transform-origin
+       */
+      "transform-origin": [{
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", k]
+      }],
+      // Interactivity
+      /**
+       * Accent Color
+       * @see https://tailwindcss.com/docs/accent-color
+       */
+      accent: [{
+        accent: ["auto", e]
+      }],
+      /**
+       * Appearance
+       * @see https://tailwindcss.com/docs/appearance
+       */
+      appearance: [{
+        appearance: ["none", "auto"]
+      }],
+      /**
+       * Cursor
+       * @see https://tailwindcss.com/docs/cursor
+       */
+      cursor: [{
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", k]
+      }],
+      /**
+       * Caret Color
+       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
+       */
+      "caret-color": [{
+        caret: [e]
+      }],
+      /**
+       * Pointer Events
+       * @see https://tailwindcss.com/docs/pointer-events
+       */
+      "pointer-events": [{
+        "pointer-events": ["none", "auto"]
+      }],
+      /**
+       * Resize
+       * @see https://tailwindcss.com/docs/resize
+       */
+      resize: [{
+        resize: ["none", "y", "x", ""]
+      }],
+      /**
+       * Scroll Behavior
+       * @see https://tailwindcss.com/docs/scroll-behavior
+       */
+      "scroll-behavior": [{
+        scroll: ["auto", "smooth"]
+      }],
+      /**
+       * Scroll Margin
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-m": [{
+        "scroll-m": _()
+      }],
+      /**
+       * Scroll Margin X
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mx": [{
+        "scroll-mx": _()
+      }],
+      /**
+       * Scroll Margin Y
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-my": [{
+        "scroll-my": _()
+      }],
+      /**
+       * Scroll Margin Start
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ms": [{
+        "scroll-ms": _()
+      }],
+      /**
+       * Scroll Margin End
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-me": [{
+        "scroll-me": _()
+      }],
+      /**
+       * Scroll Margin Top
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mt": [{
+        "scroll-mt": _()
+      }],
+      /**
+       * Scroll Margin Right
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mr": [{
+        "scroll-mr": _()
+      }],
+      /**
+       * Scroll Margin Bottom
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-mb": [{
+        "scroll-mb": _()
+      }],
+      /**
+       * Scroll Margin Left
+       * @see https://tailwindcss.com/docs/scroll-margin
+       */
+      "scroll-ml": [{
+        "scroll-ml": _()
+      }],
+      /**
+       * Scroll Padding
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-p": [{
+        "scroll-p": _()
+      }],
+      /**
+       * Scroll Padding X
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-px": [{
+        "scroll-px": _()
+      }],
+      /**
+       * Scroll Padding Y
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-py": [{
+        "scroll-py": _()
+      }],
+      /**
+       * Scroll Padding Start
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-ps": [{
+        "scroll-ps": _()
+      }],
+      /**
+       * Scroll Padding End
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pe": [{
+        "scroll-pe": _()
+      }],
+      /**
+       * Scroll Padding Top
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pt": [{
+        "scroll-pt": _()
+      }],
+      /**
+       * Scroll Padding Right
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pr": [{
+        "scroll-pr": _()
+      }],
+      /**
+       * Scroll Padding Bottom
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pb": [{
+        "scroll-pb": _()
+      }],
+      /**
+       * Scroll Padding Left
+       * @see https://tailwindcss.com/docs/scroll-padding
+       */
+      "scroll-pl": [{
+        "scroll-pl": _()
+      }],
+      /**
+       * Scroll Snap Align
+       * @see https://tailwindcss.com/docs/scroll-snap-align
+       */
+      "snap-align": [{
+        snap: ["start", "end", "center", "align-none"]
+      }],
+      /**
+       * Scroll Snap Stop
+       * @see https://tailwindcss.com/docs/scroll-snap-stop
+       */
+      "snap-stop": [{
+        snap: ["normal", "always"]
+      }],
+      /**
+       * Scroll Snap Type
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-type": [{
+        snap: ["none", "x", "y", "both"]
+      }],
+      /**
+       * Scroll Snap Type Strictness
+       * @see https://tailwindcss.com/docs/scroll-snap-type
+       */
+      "snap-strictness": [{
+        snap: ["mandatory", "proximity"]
+      }],
+      /**
+       * Touch Action
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      touch: [{
+        touch: ["auto", "none", "manipulation"]
+      }],
+      /**
+       * Touch Action X
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-x": [{
+        "touch-pan": ["x", "left", "right"]
+      }],
+      /**
+       * Touch Action Y
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-y": [{
+        "touch-pan": ["y", "up", "down"]
+      }],
+      /**
+       * Touch Action Pinch Zoom
+       * @see https://tailwindcss.com/docs/touch-action
+       */
+      "touch-pz": ["touch-pinch-zoom"],
+      /**
+       * User Select
+       * @see https://tailwindcss.com/docs/user-select
+       */
+      select: [{
+        select: ["none", "text", "all", "auto"]
+      }],
+      /**
+       * Will Change
+       * @see https://tailwindcss.com/docs/will-change
+       */
+      "will-change": [{
+        "will-change": ["auto", "scroll", "contents", "transform", k]
+      }],
+      // SVG
+      /**
+       * Fill
+       * @see https://tailwindcss.com/docs/fill
+       */
+      fill: [{
+        fill: [e, "none"]
+      }],
+      /**
+       * Stroke Width
+       * @see https://tailwindcss.com/docs/stroke-width
+       */
+      "stroke-w": [{
+        stroke: [ne, ie, ze]
+      }],
+      /**
+       * Stroke
+       * @see https://tailwindcss.com/docs/stroke
+       */
+      stroke: [{
+        stroke: [e, "none"]
+      }],
+      // Accessibility
+      /**
+       * Screen Readers
+       * @see https://tailwindcss.com/docs/screen-readers
+       */
+      sr: ["sr-only", "not-sr-only"],
+      /**
+       * Forced Color Adjust
+       * @see https://tailwindcss.com/docs/forced-color-adjust
+       */
+      "forced-color-adjust": [{
+        "forced-color-adjust": ["auto", "none"]
+      }]
+    },
+    conflictingClassGroups: {
+      overflow: ["overflow-x", "overflow-y"],
+      overscroll: ["overscroll-x", "overscroll-y"],
+      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
+      "inset-x": ["right", "left"],
+      "inset-y": ["top", "bottom"],
+      flex: ["basis", "grow", "shrink"],
+      gap: ["gap-x", "gap-y"],
+      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
+      px: ["pr", "pl"],
+      py: ["pt", "pb"],
+      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
+      mx: ["mr", "ml"],
+      my: ["mt", "mb"],
+      size: ["w", "h"],
+      "font-size": ["leading"],
+      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
+      "fvn-ordinal": ["fvn-normal"],
+      "fvn-slashed-zero": ["fvn-normal"],
+      "fvn-figure": ["fvn-normal"],
+      "fvn-spacing": ["fvn-normal"],
+      "fvn-fraction": ["fvn-normal"],
+      "line-clamp": ["display", "overflow"],
+      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
+      "rounded-s": ["rounded-ss", "rounded-es"],
+      "rounded-e": ["rounded-se", "rounded-ee"],
+      "rounded-t": ["rounded-tl", "rounded-tr"],
+      "rounded-r": ["rounded-tr", "rounded-br"],
+      "rounded-b": ["rounded-br", "rounded-bl"],
+      "rounded-l": ["rounded-tl", "rounded-bl"],
+      "border-spacing": ["border-spacing-x", "border-spacing-y"],
+      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
+      "border-w-x": ["border-w-r", "border-w-l"],
+      "border-w-y": ["border-w-t", "border-w-b"],
+      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
+      "border-color-x": ["border-color-r", "border-color-l"],
+      "border-color-y": ["border-color-t", "border-color-b"],
+      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
+      "scroll-mx": ["scroll-mr", "scroll-ml"],
+      "scroll-my": ["scroll-mt", "scroll-mb"],
+      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
+      "scroll-px": ["scroll-pr", "scroll-pl"],
+      "scroll-py": ["scroll-pt", "scroll-pb"],
+      touch: ["touch-x", "touch-y", "touch-pz"],
+      "touch-x": ["touch"],
+      "touch-y": ["touch"],
+      "touch-pz": ["touch"]
+    },
+    conflictingClassGroupModifiers: {
+      "font-size": ["leading"]
+    }
+  };
+}, yn = /* @__PURE__ */ Zr(vn);
+function D(...e) {
+  return yn(St(e));
+}
+const ee = y.forwardRef(
+  ({ className: e, type: t, ...r }, n) => /* @__PURE__ */ u.jsx(
+    "input",
+    {
+      type: t,
+      className: D(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
+        e
+      ),
+      ref: n,
+      ...r
+    }
+  )
+);
+ee.displayName = "Input";
+function gt(e, t) {
+  if (typeof e == "function")
+    return e(t);
+  e != null && (e.current = t);
+}
+function Pt(...e) {
+  return (t) => {
+    let r = !1;
+    const n = e.map((s) => {
+      const i = gt(s, t);
+      return !r && typeof i == "function" && (r = !0), i;
+    });
+    if (r)
+      return () => {
+        for (let s = 0; s < n.length; s++) {
+          const i = n[s];
+          typeof i == "function" ? i() : gt(e[s], null);
+        }
+      };
+  };
+}
+function le(...e) {
+  return y.useCallback(Pt(...e), e);
+}
+// @__NO_SIDE_EFFECTS__
+function _e(e) {
+  const t = /* @__PURE__ */ wn(e), r = y.forwardRef((n, s) => {
+    const { children: i, ...l } = n, a = y.Children.toArray(i), c = a.find(Sn);
+    if (c) {
+      const f = c.props.children, p = a.map((d) => d === c ? y.Children.count(f) > 1 ? y.Children.only(null) : y.isValidElement(f) ? f.props.children : null : d);
+      return /* @__PURE__ */ u.jsx(t, { ...l, ref: s, children: y.isValidElement(f) ? y.cloneElement(f, void 0, p) : null });
+    }
+    return /* @__PURE__ */ u.jsx(t, { ...l, ref: s, children: i });
+  });
+  return r.displayName = `${e}.Slot`, r;
+}
+var xn = /* @__PURE__ */ _e("Slot");
+// @__NO_SIDE_EFFECTS__
+function wn(e) {
+  const t = y.forwardRef((r, n) => {
+    const { children: s, ...i } = r;
+    if (y.isValidElement(s)) {
+      const l = En(s), a = Rn(i, s.props);
+      return s.type !== y.Fragment && (a.ref = n ? Pt(n, l) : l), y.cloneElement(s, a);
+    }
+    return y.Children.count(s) > 1 ? y.Children.only(null) : null;
+  });
+  return t.displayName = `${e}.SlotClone`, t;
+}
+var Cn = Symbol("radix.slottable");
+function Sn(e) {
+  return y.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Cn;
+}
+function Rn(e, t) {
+  const r = { ...t };
+  for (const n in t) {
+    const s = e[n], i = t[n];
+    /^on[A-Z]/.test(n) ? s && i ? r[n] = (...a) => {
+      const c = i(...a);
+      return s(...a), c;
+    } : s && (r[n] = s) : n === "style" ? r[n] = { ...s, ...i } : n === "className" && (r[n] = [s, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function En(e) {
+  var n, s;
+  let t = (n = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning;
+  return r ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
+var jn = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], ge = jn.reduce((e, t) => {
+  const r = /* @__PURE__ */ _e(`Primitive.${t}`), n = y.forwardRef((s, i) => {
+    const { asChild: l, ...a } = s, c = l ? r : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ u.jsx(c, { ...a, ref: i });
+  });
+  return n.displayName = `Primitive.${t}`, { ...e, [t]: n };
+}, {}), kn = "Label", Nt = y.forwardRef((e, t) => /* @__PURE__ */ u.jsx(
+  ge.label,
+  {
+    ...e,
+    ref: t,
+    onMouseDown: (r) => {
+      var s;
+      r.target.closest("button, input, select, textarea") || ((s = e.onMouseDown) == null || s.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
+    }
+  }
+));
+Nt.displayName = kn;
+var Tt = Nt;
+const bt = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, vt = St, Ge = (e, t) => (r) => {
+  var n;
+  if ((t == null ? void 0 : t.variants) == null) return vt(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+  const { variants: s, defaultVariants: i } = t, l = Object.keys(s).map((f) => {
+    const p = r == null ? void 0 : r[f], d = i == null ? void 0 : i[f];
+    if (p === null) return null;
+    const h = bt(p) || bt(d);
+    return s[f][h];
+  }), a = r && Object.entries(r).reduce((f, p) => {
+    let [d, h] = p;
+    return h === void 0 || (f[d] = h), f;
+  }, {}), c = t == null || (n = t.compoundVariants) === null || n === void 0 ? void 0 : n.reduce((f, p) => {
+    let { class: d, className: h, ...w } = p;
+    return Object.entries(w).every((S) => {
+      let [v, g] = S;
+      return Array.isArray(g) ? g.includes({
+        ...i,
+        ...a
+      }[v]) : {
+        ...i,
+        ...a
+      }[v] === g;
+    }) ? [
+      ...f,
+      d,
+      h
+    ] : f;
+  }, []);
+  return vt(e, l, c, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
+}, _n = Ge(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), K = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx(
+  Tt,
+  {
+    ref: r,
+    className: D(_n(), e),
+    ...t
+  }
+));
+K.displayName = Tt.displayName;
+const At = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx(
+  "div",
+  {
+    ref: r,
+    className: D(
+      "rounded-lg border bg-card text-card-foreground shadow-sm",
+      e
+    ),
+    ...t
+  }
+));
+At.displayName = "Card";
+const Mt = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx(
+  "div",
+  {
+    ref: r,
+    className: D("flex flex-col space-y-1.5 p-6", e),
+    ...t
+  }
+));
+Mt.displayName = "CardHeader";
+const Ot = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx(
+  "h3",
+  {
+    ref: r,
+    className: D(
+      "text-2xl font-semibold leading-none tracking-tight",
+      e
+    ),
+    ...t
+  }
+));
+Ot.displayName = "CardTitle";
+const Pn = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx(
+  "p",
+  {
+    ref: r,
+    className: D("text-sm text-muted-foreground", e),
+    ...t
+  }
+));
+Pn.displayName = "CardDescription";
+const Ft = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx("div", { ref: r, className: D("p-6 pt-0", e), ...t }));
+Ft.displayName = "CardContent";
+const Nn = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsx(
+  "div",
+  {
+    ref: r,
+    className: D("flex items-center p-6 pt-0", e),
+    ...t
+  }
+));
+Nn.displayName = "CardFooter";
+const Tn = ({
+  formData: e,
+  onChange: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  schema: i,
+  idSchema: l
+}) => {
+  const a = (c) => (f) => {
+    t({
+      ...e,
+      [c]: f.target.value
+    });
+  };
+  return /* @__PURE__ */ u.jsxs(At, { children: [
+    /* @__PURE__ */ u.jsx(Mt, { className: "pb-4", children: /* @__PURE__ */ u.jsx(Ot, { className: "text-lg", children: i.title || "Address" }) }),
+    /* @__PURE__ */ u.jsxs(Ft, { className: "space-y-4", children: [
+      /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ u.jsxs(K, { htmlFor: `${l.$id}_street`, children: [
+          "Street Address",
+          r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ] }),
+        /* @__PURE__ */ u.jsx(
+          ee,
+          {
+            id: `${l.$id}_street`,
+            type: "text",
+            value: (e == null ? void 0 : e.street) || "",
+            onChange: a("street"),
+            disabled: n || s,
+            placeholder: "123 Main St"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ u.jsxs(K, { htmlFor: `${l.$id}_city`, children: [
+          "City",
+          r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+        ] }),
+        /* @__PURE__ */ u.jsx(
+          ee,
+          {
+            id: `${l.$id}_city`,
+            type: "text",
+            value: (e == null ? void 0 : e.city) || "",
+            onChange: a("city"),
+            disabled: n || s,
+            placeholder: "New York"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ u.jsxs(K, { htmlFor: `${l.$id}_state`, children: [
+            "State/Province",
+            r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }),
+          /* @__PURE__ */ u.jsx(
+            ee,
+            {
+              id: `${l.$id}_state`,
+              type: "text",
+              value: (e == null ? void 0 : e.state) || "",
+              onChange: a("state"),
+              disabled: n || s,
+              placeholder: "NY"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ u.jsxs(K, { htmlFor: `${l.$id}_zip`, children: [
+            "ZIP/Postal Code",
+            r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+          ] }),
+          /* @__PURE__ */ u.jsx(
+            ee,
+            {
+              id: `${l.$id}_zip`,
+              type: "text",
+              value: (e == null ? void 0 : e.zip) || "",
+              onChange: a("zip"),
+              disabled: n || s,
+              placeholder: "10001"
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ u.jsx(K, { htmlFor: `${l.$id}_country`, children: "Country" }),
+        /* @__PURE__ */ u.jsx(
+          ee,
+          {
+            id: `${l.$id}_country`,
+            type: "text",
+            value: (e == null ? void 0 : e.country) || "",
+            onChange: a("country"),
+            disabled: n || s,
+            placeholder: "United States"
+          }
+        )
+      ] })
+    ] })
+  ] });
+}, $t = Ar(null), An = ({
+  eventHub: e,
+  formData: t,
+  children: r
+}) => /* @__PURE__ */ u.jsx($t.Provider, { value: { eventHub: e, formData: t }, children: r }), Mn = () => {
+  const e = Mr($t);
+  if (!e)
+    throw new Error("useFormEventHub must be used within a FormEventProvider");
+  return e;
+}, ue = (e, t, r) => {
+  const { eventHub: n, formData: s } = Mn();
+  return re.useMemo(
+    () => n.createFieldEventHandlers(e, t, s, r),
+    [n, e, t, s, r]
+  );
+}, On = ({
+  formData: e,
+  onChange: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  schema: i,
+  idSchema: l
+}) => {
+  const a = ue(l.$id, i), c = (p) => {
+    const d = p.replace(/\D/g, ""), h = d.length;
+    return h < 4 ? d : h < 7 ? `(${d.slice(0, 3)}) ${d.slice(3)}` : `(${d.slice(0, 3)}) ${d.slice(3, 6)}-${d.slice(6, 10)}`;
+  }, f = async (p) => {
+    const d = c(p.target.value);
+    t(d), await a.onChange(d);
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs(K, { htmlFor: l.$id, children: [
+      i.title || "Phone Number",
+      r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      ee,
+      {
+        id: l.$id,
+        type: "tel",
+        value: e || "",
+        onChange: f,
+        disabled: n || s,
+        placeholder: "(555) 123-4567",
+        maxLength: 14
+      }
+    )
+  ] });
+}, Fn = ({
+  formData: e,
+  onChange: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  schema: i,
+  uiSchema: l,
+  idSchema: a
+}) => {
+  var S, v;
+  const c = ((S = l == null ? void 0 : l["ui:options"]) == null ? void 0 : S.currency) || "USD", f = ((v = l == null ? void 0 : l["ui:options"]) == null ? void 0 : v.symbol) || "$", p = ue(a.$id, i), d = (g) => {
+    const b = parseFloat(g.replace(/[^0-9.-]+/g, ""));
+    return isNaN(b) ? "" : b.toFixed(2);
+  }, h = async (g) => {
+    const b = g.target.value.replace(/[^0-9.-]+/g, ""), C = b ? parseFloat(b) : void 0;
+    t(C), await p.onChange(C);
+  }, w = async (g) => {
+    const b = d(g.target.value), C = b ? parseFloat(b) : void 0;
+    t(C), await p.onBlur(C);
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs(K, { htmlFor: a.$id, children: [
+      i.title || "Amount",
+      r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ u.jsxs("div", { className: "relative", children: [
+      /* @__PURE__ */ u.jsx("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: String(f) }),
+      /* @__PURE__ */ u.jsx(
+        ee,
+        {
+          id: a.$id,
+          type: "text",
+          inputMode: "decimal",
+          value: e || "",
+          onChange: h,
+          onBlur: w,
+          disabled: n || s,
+          placeholder: "0.00",
+          className: "pl-8 pr-12"
+        }
+      ),
+      /* @__PURE__ */ u.jsx("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: String(c) })
+    ] })
+  ] });
+}, $n = {
+  address: Tn,
+  phone: On,
+  currency: Fn
+}, Vn = ({
+  id: e,
+  value: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  label: i,
+  onChange: l,
+  onBlur: a,
+  onFocus: c,
+  schema: f
+}) => {
+  const p = ue(e, f), d = async (S) => {
+    const v = S.target.value;
+    l(v), await p.onChange(v);
+  }, h = async (S) => {
+    const v = S.target.value;
+    a && a(e, v), await p.onBlur(v);
+  }, w = async (S) => {
+    const v = S.target.value;
+    c && c(e, v), await p.onFocus(v);
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs(K, { htmlFor: e, children: [
+      i || f.title,
+      r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      ee,
+      {
+        id: e,
+        type: "color",
+        value: t || "#000000",
+        required: r,
+        disabled: n || s,
+        onChange: d,
+        onBlur: h,
+        onFocus: w,
+        className: "h-10 w-full cursor-pointer"
+      }
+    )
+  ] });
+}, In = ({
+  id: e,
+  value: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  label: i,
+  onChange: l,
+  onBlur: a,
+  onFocus: c,
+  options: f,
+  schema: p
+}) => {
+  const d = f.inputType || "date", h = ue(e, p), w = async (g) => {
+    const b = g.target.value;
+    l(b), await h.onChange(b);
+  }, S = async (g) => {
+    const b = g.target.value;
+    a && a(e, b), await h.onBlur(b);
+  }, v = async (g) => {
+    const b = g.target.value;
+    c && c(e, b), await h.onFocus(b);
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs(K, { htmlFor: e, children: [
+      i || p.title,
+      r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      ee,
+      {
+        id: e,
+        type: d,
+        value: t || "",
+        required: r,
+        disabled: n || s,
+        onChange: w,
+        onBlur: S,
+        onFocus: v,
+        min: typeof f.minDate == "string" || typeof f.minDate == "number" ? f.minDate : void 0,
+        max: typeof f.maxDate == "string" || typeof f.maxDate == "number" ? f.maxDate : void 0,
+        className: "w-full"
+      }
+    )
+  ] });
+}, zn = Ge(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-4 py-2",
+        sm: "h-9 rounded-md px-3",
+        lg: "h-11 rounded-md px-8",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+), Pe = y.forwardRef(
+  ({ className: e, variant: t, size: r, asChild: n = !1, ...s }, i) => {
+    const l = n ? xn : "button";
+    return /* @__PURE__ */ u.jsx(
+      l,
+      {
+        className: D(zn({ variant: t, size: r, className: e })),
+        ref: i,
+        ...s
+      }
+    );
+  }
+);
+Pe.displayName = "Button";
+const Dn = Ge(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function yt({ className: e, variant: t, ...r }) {
+  return /* @__PURE__ */ u.jsx("div", { className: D(Dn({ variant: t }), e), ...r });
+}
+/**
+ * @license lucide-react v0.303.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+var Ln = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+/**
+ * @license lucide-react v0.303.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Wn = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), Vt = (e, t) => {
+  const r = Or(
+    ({ color: n = "currentColor", size: s = 24, strokeWidth: i = 2, absoluteStrokeWidth: l, className: a = "", children: c, ...f }, p) => dt(
+      "svg",
+      {
+        ref: p,
+        ...Ln,
+        width: s,
+        height: s,
+        stroke: n,
+        strokeWidth: l ? Number(i) * 24 / Number(s) : i,
+        className: ["lucide", `lucide-${Wn(e)}`, a].join(" "),
+        ...f
+      },
+      [
+        ...t.map(([d, h]) => dt(d, h)),
+        ...Array.isArray(c) ? c : [c]
+      ]
+    )
+  );
+  return r.displayName = `${e}`, r;
+};
+/**
+ * @license lucide-react v0.303.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Bn = Vt("Star", [
+  [
+    "polygon",
+    {
+      points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",
+      key: "8f66p6"
+    }
+  ]
+]);
+/**
+ * @license lucide-react v0.303.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const xt = Vt("X", [
+  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
+  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
+]), Hn = ({
+  id: e,
+  value: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  label: i,
+  onChange: l,
+  options: a,
+  schema: c
+}) => {
+  const f = wt(null), p = a.accept || "*/*", d = a.multiple || !1, h = ue(e, c), w = async (g) => {
+    const b = g.target.files;
+    if (!b) return;
+    let C;
+    if (d) {
+      const j = Array.from(b).map((E) => ({
+        name: E.name,
+        size: E.size,
+        type: E.type,
+        lastModified: E.lastModified
+      }));
+      C = j, l(j);
+    } else {
+      const j = b[0];
+      j && (C = {
+        name: j.name,
+        size: j.size,
+        type: j.type,
+        lastModified: j.lastModified
+      }, l(C));
+    }
+    C && await h.onChange(C);
+  }, S = async () => {
+    f.current && (f.current.value = ""), l(null), await h.onChange(null);
+  }, v = (g) => g < 1024 ? g + " B" : g < 1024 * 1024 ? (g / 1024).toFixed(1) + " KB" : (g / (1024 * 1024)).toFixed(1) + " MB";
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs(K, { htmlFor: e, children: [
+      i || c.title,
+      r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      ee,
+      {
+        ref: f,
+        id: e,
+        type: "file",
+        accept: p,
+        multiple: d,
+        required: r,
+        disabled: n || s,
+        onChange: w,
+        className: "cursor-pointer"
+      }
+    ),
+    t && /* @__PURE__ */ u.jsx("div", { className: "space-y-2", children: d && Array.isArray(t) ? /* @__PURE__ */ u.jsx("div", { className: "flex flex-wrap gap-2", children: t.map((g, b) => /* @__PURE__ */ u.jsxs(yt, { variant: "secondary", className: "flex items-center gap-1 pr-1", children: [
+      /* @__PURE__ */ u.jsxs("span", { className: "text-xs", children: [
+        g.name,
+        " (",
+        v(g.size),
+        ")"
+      ] }),
+      !n && !s && /* @__PURE__ */ u.jsx(
+        Pe,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "h-4 w-4 p-0 hover:bg-transparent",
+          onClick: S,
+          children: /* @__PURE__ */ u.jsx(xt, { className: "h-3 w-3" })
+        }
+      )
+    ] }, b)) }) : t && typeof t == "object" && "name" in t ? /* @__PURE__ */ u.jsxs(yt, { variant: "secondary", className: "inline-flex items-center gap-1 pr-1", children: [
+      /* @__PURE__ */ u.jsxs("span", { className: "text-xs", children: [
+        t.name,
+        " (",
+        v(t.size),
+        ")"
+      ] }),
+      !n && !s && /* @__PURE__ */ u.jsx(
+        Pe,
+        {
+          type: "button",
+          variant: "ghost",
+          size: "icon",
+          className: "h-4 w-4 p-0 hover:bg-transparent",
+          onClick: S,
+          children: /* @__PURE__ */ u.jsx(xt, { className: "h-3 w-3" })
+        }
+      )
+    ] }) : null })
+  ] });
+};
+function It(e, [t, r]) {
+  return Math.min(r, Math.max(t, e));
+}
+function pe(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
+  return function(s) {
+    if (e == null || e(s), r === !1 || !s.defaultPrevented)
+      return t == null ? void 0 : t(s);
+  };
+}
+function zt(e, t = []) {
+  let r = [];
+  function n(i, l) {
+    const a = y.createContext(l), c = r.length;
+    r = [...r, l];
+    const f = (d) => {
+      var b;
+      const { scope: h, children: w, ...S } = d, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[c]) || a, g = y.useMemo(() => S, Object.values(S));
+      return /* @__PURE__ */ u.jsx(v.Provider, { value: g, children: w });
+    };
+    f.displayName = i + "Provider";
+    function p(d, h) {
+      var v;
+      const w = ((v = h == null ? void 0 : h[e]) == null ? void 0 : v[c]) || a, S = y.useContext(w);
+      if (S) return S;
+      if (l !== void 0) return l;
+      throw new Error(`\`${d}\` must be used within \`${i}\``);
+    }
+    return [f, p];
+  }
+  const s = () => {
+    const i = r.map((l) => y.createContext(l));
+    return function(a) {
+      const c = (a == null ? void 0 : a[e]) || i;
+      return y.useMemo(
+        () => ({ [`__scope${e}`]: { ...a, [e]: c } }),
+        [a, c]
+      );
+    };
+  };
+  return s.scopeName = e, [n, Un(s, ...t)];
+}
+function Un(...e) {
+  const t = e[0];
+  if (e.length === 1) return t;
+  const r = () => {
+    const n = e.map((s) => ({
+      useScope: s(),
+      scopeName: s.scopeName
+    }));
+    return function(i) {
+      const l = n.reduce((a, { useScope: c, scopeName: f }) => {
+        const d = c(i)[`__scope${f}`];
+        return { ...a, ...d };
+      }, {});
+      return y.useMemo(() => ({ [`__scope${t.scopeName}`]: l }), [l]);
+    };
+  };
+  return r.scopeName = t.scopeName, r;
+}
+var Dt = globalThis != null && globalThis.document ? y.useLayoutEffect : () => {
+}, Gn = y[" useInsertionEffect ".trim().toString()] || Dt;
+function Kn({
+  prop: e,
+  defaultProp: t,
+  onChange: r = () => {
+  },
+  caller: n
+}) {
+  const [s, i, l] = Yn({
+    defaultProp: t,
+    onChange: r
+  }), a = e !== void 0, c = a ? e : s;
+  {
+    const p = y.useRef(e !== void 0);
+    y.useEffect(() => {
+      const d = p.current;
+      d !== a && console.warn(
+        `${n} is changing from ${d ? "controlled" : "uncontrolled"} to ${a ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), p.current = a;
+    }, [a, n]);
+  }
+  const f = y.useCallback(
+    (p) => {
+      var d;
+      if (a) {
+        const h = qn(p) ? p(e) : p;
+        h !== e && ((d = l.current) == null || d.call(l, h));
+      } else
+        i(p);
+    },
+    [a, e, i, l]
+  );
+  return [c, f];
+}
+function Yn({
+  defaultProp: e,
+  onChange: t
+}) {
+  const [r, n] = y.useState(e), s = y.useRef(r), i = y.useRef(t);
+  return Gn(() => {
+    i.current = t;
+  }, [t]), y.useEffect(() => {
+    var l;
+    s.current !== r && ((l = i.current) == null || l.call(i, r), s.current = r);
+  }, [r, s]), [r, n, i];
+}
+function qn(e) {
+  return typeof e == "function";
+}
+var Jn = y.createContext(void 0);
+function Qn(e) {
+  const t = y.useContext(Jn);
+  return e || t || "ltr";
+}
+function Xn(e) {
+  const t = y.useRef({ value: e, previous: e });
+  return y.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
+}
+function Zn(e) {
+  const [t, r] = y.useState(void 0);
+  return Dt(() => {
+    if (e) {
+      r({ width: e.offsetWidth, height: e.offsetHeight });
+      const n = new ResizeObserver((s) => {
+        if (!Array.isArray(s) || !s.length)
+          return;
+        const i = s[0];
+        let l, a;
+        if ("borderBoxSize" in i) {
+          const c = i.borderBoxSize, f = Array.isArray(c) ? c[0] : c;
+          l = f.inlineSize, a = f.blockSize;
+        } else
+          l = e.offsetWidth, a = e.offsetHeight;
+        r({ width: l, height: a });
+      });
+      return n.observe(e, { box: "border-box" }), () => n.unobserve(e);
+    } else
+      r(void 0);
+  }, [e]), t;
+}
+function eo(e) {
+  const t = e + "CollectionProvider", [r, n] = zt(t), [s, i] = r(
+    t,
+    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
+  ), l = (v) => {
+    const { scope: g, children: b } = v, C = re.useRef(null), j = re.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ u.jsx(s, { scope: g, itemMap: j, collectionRef: C, children: b });
+  };
+  l.displayName = t;
+  const a = e + "CollectionSlot", c = /* @__PURE__ */ _e(a), f = re.forwardRef(
+    (v, g) => {
+      const { scope: b, children: C } = v, j = i(a, b), E = le(g, j.collectionRef);
+      return /* @__PURE__ */ u.jsx(c, { ref: E, children: C });
+    }
+  );
+  f.displayName = a;
+  const p = e + "CollectionItemSlot", d = "data-radix-collection-item", h = /* @__PURE__ */ _e(p), w = re.forwardRef(
+    (v, g) => {
+      const { scope: b, children: C, ...j } = v, E = re.useRef(null), V = le(g, E), L = i(p, b);
+      return re.useEffect(() => (L.itemMap.set(E, { ref: E, ...j }), () => void L.itemMap.delete(E))), /* @__PURE__ */ u.jsx(h, { [d]: "", ref: V, children: C });
+    }
+  );
+  w.displayName = p;
+  function S(v) {
+    const g = i(e + "CollectionConsumer", v);
+    return re.useCallback(() => {
+      const C = g.collectionRef.current;
+      if (!C) return [];
+      const j = Array.from(C.querySelectorAll(`[${d}]`));
+      return Array.from(g.itemMap.values()).sort(
+        (L, Y) => j.indexOf(L.ref.current) - j.indexOf(Y.ref.current)
+      );
+    }, [g.collectionRef, g.itemMap]);
+  }
+  return [
+    { Provider: l, Slot: f, ItemSlot: w },
+    S,
+    n
+  ];
+}
+var Lt = ["PageUp", "PageDown"], Wt = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Bt = {
+  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
+  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
+  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
+}, be = "Slider", [We, to, ro] = eo(be), [Ht, Fo] = zt(be, [
+  ro
+]), [no, Ne] = Ht(be), Ut = y.forwardRef(
+  (e, t) => {
+    const {
+      name: r,
+      min: n = 0,
+      max: s = 100,
+      step: i = 1,
+      orientation: l = "horizontal",
+      disabled: a = !1,
+      minStepsBetweenThumbs: c = 0,
+      defaultValue: f = [n],
+      value: p,
+      onValueChange: d = () => {
+      },
+      onValueCommit: h = () => {
+      },
+      inverted: w = !1,
+      form: S,
+      ...v
+    } = e, g = y.useRef(/* @__PURE__ */ new Set()), b = y.useRef(0), j = l === "horizontal" ? oo : so, [E = [], V] = Kn({
+      prop: p,
+      defaultProp: f,
+      onChange: (O) => {
+        var z;
+        (z = [...g.current][b.current]) == null || z.focus(), d(O);
+      }
+    }), L = y.useRef(E);
+    function Y(O) {
+      const _ = uo(E, O);
+      I(O, _);
+    }
+    function oe(O) {
+      I(O, b.current);
+    }
+    function te() {
+      const O = L.current[b.current];
+      E[b.current] !== O && h(E);
+    }
+    function I(O, _, { commit: z } = { commit: !1 }) {
+      const W = ho(i), q = go(Math.round((O - n) / i) * i + n, W), G = It(q, [n, s]);
+      V((J = []) => {
+        const H = lo(J, G, _);
+        if (mo(H, c * i)) {
+          b.current = H.indexOf(G);
+          const Z = String(H) !== String(J);
+          return Z && z && h(H), Z ? H : J;
+        } else
+          return J;
+      });
+    }
+    return /* @__PURE__ */ u.jsx(
+      no,
+      {
+        scope: e.__scopeSlider,
+        name: r,
+        disabled: a,
+        min: n,
+        max: s,
+        valueIndexToChangeRef: b,
+        thumbs: g.current,
+        values: E,
+        orientation: l,
+        form: S,
+        children: /* @__PURE__ */ u.jsx(We.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ u.jsx(We.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u.jsx(
+          j,
+          {
+            "aria-disabled": a,
+            "data-disabled": a ? "" : void 0,
+            ...v,
+            ref: t,
+            onPointerDown: pe(v.onPointerDown, () => {
+              a || (L.current = E);
+            }),
+            min: n,
+            max: s,
+            inverted: w,
+            onSlideStart: a ? void 0 : Y,
+            onSlideMove: a ? void 0 : oe,
+            onSlideEnd: a ? void 0 : te,
+            onHomeKeyDown: () => !a && I(n, 0, { commit: !0 }),
+            onEndKeyDown: () => !a && I(s, E.length - 1, { commit: !0 }),
+            onStepKeyDown: ({ event: O, direction: _ }) => {
+              if (!a) {
+                const q = Lt.includes(O.key) || O.shiftKey && Wt.includes(O.key) ? 10 : 1, G = b.current, J = E[G], H = i * q * _;
+                I(J + H, G, { commit: !0 });
+              }
+            }
+          }
+        ) }) })
+      }
+    );
+  }
+);
+Ut.displayName = be;
+var [Gt, Kt] = Ht(be, {
+  startEdge: "left",
+  endEdge: "right",
+  size: "width",
+  direction: 1
+}), oo = y.forwardRef(
+  (e, t) => {
+    const {
+      min: r,
+      max: n,
+      dir: s,
+      inverted: i,
+      onSlideStart: l,
+      onSlideMove: a,
+      onSlideEnd: c,
+      onStepKeyDown: f,
+      ...p
+    } = e, [d, h] = y.useState(null), w = le(t, (j) => h(j)), S = y.useRef(void 0), v = Qn(s), g = v === "ltr", b = g && !i || !g && i;
+    function C(j) {
+      const E = S.current || d.getBoundingClientRect(), V = [0, E.width], Y = Ke(V, b ? [r, n] : [n, r]);
+      return S.current = E, Y(j - E.left);
+    }
+    return /* @__PURE__ */ u.jsx(
+      Gt,
+      {
+        scope: e.__scopeSlider,
+        startEdge: b ? "left" : "right",
+        endEdge: b ? "right" : "left",
+        direction: b ? 1 : -1,
+        size: "width",
+        children: /* @__PURE__ */ u.jsx(
+          Yt,
+          {
+            dir: v,
+            "data-orientation": "horizontal",
+            ...p,
+            ref: w,
+            style: {
+              ...p.style,
+              "--radix-slider-thumb-transform": "translateX(-50%)"
+            },
+            onSlideStart: (j) => {
+              const E = C(j.clientX);
+              l == null || l(E);
+            },
+            onSlideMove: (j) => {
+              const E = C(j.clientX);
+              a == null || a(E);
+            },
+            onSlideEnd: () => {
+              S.current = void 0, c == null || c();
+            },
+            onStepKeyDown: (j) => {
+              const V = Bt[b ? "from-left" : "from-right"].includes(j.key);
+              f == null || f({ event: j, direction: V ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), so = y.forwardRef(
+  (e, t) => {
+    const {
+      min: r,
+      max: n,
+      inverted: s,
+      onSlideStart: i,
+      onSlideMove: l,
+      onSlideEnd: a,
+      onStepKeyDown: c,
+      ...f
+    } = e, p = y.useRef(null), d = le(t, p), h = y.useRef(void 0), w = !s;
+    function S(v) {
+      const g = h.current || p.current.getBoundingClientRect(), b = [0, g.height], j = Ke(b, w ? [n, r] : [r, n]);
+      return h.current = g, j(v - g.top);
+    }
+    return /* @__PURE__ */ u.jsx(
+      Gt,
+      {
+        scope: e.__scopeSlider,
+        startEdge: w ? "bottom" : "top",
+        endEdge: w ? "top" : "bottom",
+        size: "height",
+        direction: w ? 1 : -1,
+        children: /* @__PURE__ */ u.jsx(
+          Yt,
+          {
+            "data-orientation": "vertical",
+            ...f,
+            ref: d,
+            style: {
+              ...f.style,
+              "--radix-slider-thumb-transform": "translateY(50%)"
+            },
+            onSlideStart: (v) => {
+              const g = S(v.clientY);
+              i == null || i(g);
+            },
+            onSlideMove: (v) => {
+              const g = S(v.clientY);
+              l == null || l(g);
+            },
+            onSlideEnd: () => {
+              h.current = void 0, a == null || a();
+            },
+            onStepKeyDown: (v) => {
+              const b = Bt[w ? "from-bottom" : "from-top"].includes(v.key);
+              c == null || c({ event: v, direction: b ? -1 : 1 });
+            }
+          }
+        )
+      }
+    );
+  }
+), Yt = y.forwardRef(
+  (e, t) => {
+    const {
+      __scopeSlider: r,
+      onSlideStart: n,
+      onSlideMove: s,
+      onSlideEnd: i,
+      onHomeKeyDown: l,
+      onEndKeyDown: a,
+      onStepKeyDown: c,
+      ...f
+    } = e, p = Ne(be, r);
+    return /* @__PURE__ */ u.jsx(
+      ge.span,
+      {
+        ...f,
+        ref: t,
+        onKeyDown: pe(e.onKeyDown, (d) => {
+          d.key === "Home" ? (l(d), d.preventDefault()) : d.key === "End" ? (a(d), d.preventDefault()) : Lt.concat(Wt).includes(d.key) && (c(d), d.preventDefault());
+        }),
+        onPointerDown: pe(e.onPointerDown, (d) => {
+          const h = d.target;
+          h.setPointerCapture(d.pointerId), d.preventDefault(), p.thumbs.has(h) ? h.focus() : n(d);
+        }),
+        onPointerMove: pe(e.onPointerMove, (d) => {
+          d.target.hasPointerCapture(d.pointerId) && s(d);
+        }),
+        onPointerUp: pe(e.onPointerUp, (d) => {
+          const h = d.target;
+          h.hasPointerCapture(d.pointerId) && (h.releasePointerCapture(d.pointerId), i(d));
+        })
+      }
+    );
+  }
+), qt = "SliderTrack", Jt = y.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: r, ...n } = e, s = Ne(qt, r);
+    return /* @__PURE__ */ u.jsx(
+      ge.span,
+      {
+        "data-disabled": s.disabled ? "" : void 0,
+        "data-orientation": s.orientation,
+        ...n,
+        ref: t
+      }
+    );
+  }
+);
+Jt.displayName = qt;
+var Be = "SliderRange", Qt = y.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: r, ...n } = e, s = Ne(Be, r), i = Kt(Be, r), l = y.useRef(null), a = le(t, l), c = s.values.length, f = s.values.map(
+      (h) => er(h, s.min, s.max)
+    ), p = c > 1 ? Math.min(...f) : 0, d = 100 - Math.max(...f);
+    return /* @__PURE__ */ u.jsx(
+      ge.span,
+      {
+        "data-orientation": s.orientation,
+        "data-disabled": s.disabled ? "" : void 0,
+        ...n,
+        ref: a,
+        style: {
+          ...e.style,
+          [i.startEdge]: p + "%",
+          [i.endEdge]: d + "%"
+        }
+      }
+    );
+  }
+);
+Qt.displayName = Be;
+var He = "SliderThumb", Xt = y.forwardRef(
+  (e, t) => {
+    const r = to(e.__scopeSlider), [n, s] = y.useState(null), i = le(t, (a) => s(a)), l = y.useMemo(
+      () => n ? r().findIndex((a) => a.ref.current === n) : -1,
+      [r, n]
+    );
+    return /* @__PURE__ */ u.jsx(io, { ...e, ref: i, index: l });
+  }
+), io = y.forwardRef(
+  (e, t) => {
+    const { __scopeSlider: r, index: n, name: s, ...i } = e, l = Ne(He, r), a = Kt(He, r), [c, f] = y.useState(null), p = le(t, (C) => f(C)), d = c ? l.form || !!c.closest("form") : !0, h = Zn(c), w = l.values[n], S = w === void 0 ? 0 : er(w, l.min, l.max), v = co(n, l.values.length), g = h == null ? void 0 : h[a.size], b = g ? fo(g, S, a.direction) : 0;
+    return y.useEffect(() => {
+      if (c)
+        return l.thumbs.add(c), () => {
+          l.thumbs.delete(c);
+        };
+    }, [c, l.thumbs]), /* @__PURE__ */ u.jsxs(
+      "span",
+      {
+        style: {
+          transform: "var(--radix-slider-thumb-transform)",
+          position: "absolute",
+          [a.startEdge]: `calc(${S}% + ${b}px)`
+        },
+        children: [
+          /* @__PURE__ */ u.jsx(We.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ u.jsx(
+            ge.span,
+            {
+              role: "slider",
+              "aria-label": e["aria-label"] || v,
+              "aria-valuemin": l.min,
+              "aria-valuenow": w,
+              "aria-valuemax": l.max,
+              "aria-orientation": l.orientation,
+              "data-orientation": l.orientation,
+              "data-disabled": l.disabled ? "" : void 0,
+              tabIndex: l.disabled ? void 0 : 0,
+              ...i,
+              ref: p,
+              style: w === void 0 ? { display: "none" } : e.style,
+              onFocus: pe(e.onFocus, () => {
+                l.valueIndexToChangeRef.current = n;
+              })
+            }
+          ) }),
+          d && /* @__PURE__ */ u.jsx(
+            Zt,
+            {
+              name: s ?? (l.name ? l.name + (l.values.length > 1 ? "[]" : "") : void 0),
+              form: l.form,
+              value: w
+            },
+            n
+          )
+        ]
+      }
+    );
+  }
+);
+Xt.displayName = He;
+var ao = "RadioBubbleInput", Zt = y.forwardRef(
+  ({ __scopeSlider: e, value: t, ...r }, n) => {
+    const s = y.useRef(null), i = le(s, n), l = Xn(t);
+    return y.useEffect(() => {
+      const a = s.current;
+      if (!a) return;
+      const c = window.HTMLInputElement.prototype, p = Object.getOwnPropertyDescriptor(c, "value").set;
+      if (l !== t && p) {
+        const d = new Event("input", { bubbles: !0 });
+        p.call(a, t), a.dispatchEvent(d);
+      }
+    }, [l, t]), /* @__PURE__ */ u.jsx(
+      ge.input,
+      {
+        style: { display: "none" },
+        ...r,
+        ref: i,
+        defaultValue: t
+      }
+    );
+  }
+);
+Zt.displayName = ao;
+function lo(e = [], t, r) {
+  const n = [...e];
+  return n[r] = t, n.sort((s, i) => s - i);
+}
+function er(e, t, r) {
+  const i = 100 / (r - t) * (e - t);
+  return It(i, [0, 100]);
+}
+function co(e, t) {
+  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
+}
+function uo(e, t) {
+  if (e.length === 1) return 0;
+  const r = e.map((s) => Math.abs(s - t)), n = Math.min(...r);
+  return r.indexOf(n);
+}
+function fo(e, t, r) {
+  const n = e / 2, i = Ke([0, 50], [0, n]);
+  return (n - i(t) * r) * r;
+}
+function po(e) {
+  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
+}
+function mo(e, t) {
+  if (t > 0) {
+    const r = po(e);
+    return Math.min(...r) >= t;
+  }
+  return !0;
+}
+function Ke(e, t) {
+  return (r) => {
+    if (e[0] === e[1] || t[0] === t[1]) return t[0];
+    const n = (t[1] - t[0]) / (e[1] - e[0]);
+    return t[0] + n * (r - e[0]);
+  };
+}
+function ho(e) {
+  return (String(e).split(".")[1] || "").length;
+}
+function go(e, t) {
+  const r = Math.pow(10, t);
+  return Math.round(e * r) / r;
+}
+var tr = Ut, bo = Jt, vo = Qt, yo = Xt;
+const rr = y.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ u.jsxs(
+  tr,
+  {
+    ref: r,
+    className: D(
+      "relative flex w-full touch-none select-none items-center",
+      e
+    ),
+    ...t,
+    children: [
+      /* @__PURE__ */ u.jsx(bo, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ u.jsx(vo, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ u.jsx(yo, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" })
+    ]
+  }
+));
+rr.displayName = tr.displayName;
+const xo = ({
+  id: e,
+  value: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  label: i,
+  onChange: l,
+  onBlur: a,
+  schema: c
+}) => {
+  const f = c.minimum || 0, p = c.maximum || 100, d = c.multipleOf || 1, h = ue(e, c), w = async (S) => {
+    const v = S[0];
+    l(v), a && a(e, v), await h.onChange(v);
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ u.jsxs(K, { htmlFor: e, children: [
+        i || c.title,
+        r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+      ] }),
+      /* @__PURE__ */ u.jsx("span", { className: "text-sm font-medium tabular-nums", children: t || f })
+    ] }),
+    /* @__PURE__ */ u.jsx(
+      rr,
+      {
+        id: e,
+        min: f,
+        max: p,
+        step: d,
+        value: [t || f],
+        onValueChange: w,
+        disabled: n || s,
+        className: "w-full"
+      }
+    )
+  ] });
+}, wo = ({
+  id: e,
+  value: t,
+  required: r,
+  disabled: n,
+  readonly: s,
+  label: i,
+  onChange: l,
+  options: a,
+  schema: c
+}) => {
+  const f = Number(a.max || c.maximum || 5), p = Array.from({ length: f }, (w, S) => S + 1), d = ue(e, c), h = async (w) => {
+    !n && !s && (l(w), await d.onChange(w));
+  };
+  return /* @__PURE__ */ u.jsxs("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ u.jsxs(K, { htmlFor: e, children: [
+      i || c.title,
+      r && /* @__PURE__ */ u.jsx("span", { className: "text-destructive ml-1", children: "*" })
+    ] }),
+    /* @__PURE__ */ u.jsx("div", { className: "flex items-center gap-1", role: "radiogroup", "aria-labelledby": e, children: p.map((w) => /* @__PURE__ */ u.jsx(
+      Pe,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "icon",
+        className: D(
+          "h-8 w-8 p-0 hover:bg-transparent",
+          n || s ? "cursor-not-allowed opacity-50" : "cursor-pointer"
+        ),
+        onClick: () => h(w),
+        disabled: n || s,
+        "aria-label": `Rate ${w} out of ${f}`,
+        role: "radio",
+        "aria-checked": w === t,
+        children: /* @__PURE__ */ u.jsx(
+          Bn,
+          {
+            className: D(
+              "h-5 w-5 transition-colors",
+              w <= (t || 0) ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"
+            )
+          }
+        )
+      },
+      w
+    )) })
+  ] });
+}, Co = {
+  color: Vn,
+  date: In,
+  file: Hn,
+  range: xo,
+  rating: wo
+}, So = {
+  small: "space-y-2",
+  medium: "space-y-4",
+  large: "space-y-6"
+}, $o = ({
+  children: e,
+  spacing: t = "medium",
+  className: r = ""
+}) => /* @__PURE__ */ u.jsx("div", { className: D("flex flex-col", So[t], r), children: e }), Ro = {
+  small: "space-x-2",
+  medium: "space-x-4",
+  large: "space-x-6"
+}, Eo = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch"
+}, Vo = ({
+  children: e,
+  spacing: t = "medium",
+  align: r = "center",
+  className: n = ""
+}) => /* @__PURE__ */ u.jsx("div", { className: D("flex flex-row", Ro[t], Eo[r], n), children: e }), jo = {
+  small: "gap-2",
+  medium: "gap-4",
+  large: "gap-6"
+}, Io = ({
+  children: e,
+  columns: t = "auto-fit",
+  gap: r = "medium",
+  minItemWidth: n = "250px",
+  className: s = ""
+}) => {
+  const i = {
+    display: "grid"
+  };
+  return typeof t == "number" ? i.gridTemplateColumns = `repeat(${t}, 1fr)` : i.gridTemplateColumns = `repeat(${t}, minmax(${n}, 1fr))`, /* @__PURE__ */ u.jsx("div", { className: D("grid", jo[r], s), style: i, children: e });
+};
+class zo {
+  constructor(t) {
+    se(this, "handlers");
+    this.handlers = t;
+  }
+  async handleBeforeSubmit(t) {
+    return this.handlers.beforeSubmit ? await this.handlers.beforeSubmit(t) : t;
+  }
+  async handleAfterSubmit(t) {
+    this.handlers.afterSubmit && await this.handlers.afterSubmit(t);
+  }
+  async handleBeforeValidation(t) {
+    return this.handlers.beforeValidation ? await this.handlers.beforeValidation(t) : t;
+  }
+  async handleAfterValidation(t, r) {
+    this.handlers.afterValidation && await this.handlers.afterValidation(t, r);
+  }
+}
+class ko {
+  constructor(t, r = {}, n = []) {
+    se(this, "formHandlers");
+    se(this, "fieldHandlers");
+    se(this, "webhooks");
+    se(this, "debounceTimers", /* @__PURE__ */ new Map());
+    se(this, "webhookQueue", []);
+    se(this, "isProcessingQueue", !1);
+    this.formHandlers = t, this.fieldHandlers = r, this.webhooks = n;
+  }
+  // Existing form-level event handlers
+  async handleBeforeSubmit(t) {
+    return this.formHandlers.beforeSubmit ? await this.formHandlers.beforeSubmit(t) : t;
+  }
+  async handleAfterSubmit(t) {
+    this.formHandlers.afterSubmit && await this.formHandlers.afterSubmit(t);
+  }
+  async handleBeforeValidation(t) {
+    return this.formHandlers.beforeValidation ? await this.formHandlers.beforeValidation(t) : t;
+  }
+  async handleAfterValidation(t, r) {
+    this.formHandlers.afterValidation && await this.formHandlers.afterValidation(t, r);
+  }
+  // New field-level event handlers
+  async handleFieldEvent(t, r, n, s, i, l) {
+    const a = {
+      eventType: t,
+      fieldId: r,
+      fieldValue: n,
+      schema: s,
+      formData: i,
+      timestamp: Date.now(),
+      fieldPath: l
+    };
+    try {
+      switch (t) {
+        case "focus":
+          this.fieldHandlers.onFieldFocus && await this.fieldHandlers.onFieldFocus(a);
+          break;
+        case "blur":
+          this.fieldHandlers.onFieldBlur && await this.fieldHandlers.onFieldBlur(a);
+          break;
+        case "change":
+          this.fieldHandlers.onFieldChange && await this.fieldHandlers.onFieldChange(a);
+          break;
+      }
+    } catch (c) {
+      console.error(`Error in field event handler (${t}):`, c);
+    }
+    this.processWebhooks(a);
+  }
+  processWebhooks(t) {
+    const r = this.webhooks.filter(
+      (n) => !n.events || n.events.includes(t.eventType)
+    );
+    for (const n of r)
+      n.debounceMs && n.debounceMs > 0 ? this.debounceWebhook(n, t) : this.queueWebhook(n, t);
+  }
+  debounceWebhook(t, r) {
+    const n = `${t.url}-${r.fieldId}-${r.eventType}`;
+    this.debounceTimers.has(n) && clearTimeout(this.debounceTimers.get(n));
+    const s = setTimeout(() => {
+      this.queueWebhook(t, r), this.debounceTimers.delete(n);
+    }, t.debounceMs);
+    this.debounceTimers.set(n, s);
+  }
+  queueWebhook(t, r) {
+    this.webhookQueue.push({
+      config: t,
+      event: r,
+      retryCount: 0
+    }), this.isProcessingQueue || this.processWebhookQueue();
+  }
+  async processWebhookQueue() {
+    if (!(this.isProcessingQueue || this.webhookQueue.length === 0)) {
+      for (this.isProcessingQueue = !0; this.webhookQueue.length > 0; ) {
+        const t = this.webhookQueue.shift();
+        try {
+          await this.callWebhook(t.config, t.event);
+        } catch (r) {
+          const n = t.config.retries || 3;
+          t.retryCount < n ? (t.retryCount++, setTimeout(() => {
+            this.webhookQueue.push(t);
+          }, Math.pow(2, t.retryCount) * 1e3)) : console.error(`Webhook failed after ${n} retries:`, r);
+        }
+      }
+      this.isProcessingQueue = !1;
+    }
+  }
+  async callWebhook(t, r) {
+    const n = {
+      event: r,
+      timestamp: Date.now(),
+      source: "extended-dynamic-forms"
+    }, s = {
+      method: t.method || "POST",
+      headers: {
+        "Content-Type": "application/json",
+        ...t.headers
+      },
+      body: JSON.stringify(n)
+    };
+    t.timeout && (s.signal = AbortSignal.timeout(t.timeout));
+    const i = await fetch(t.url, s);
+    if (!i.ok)
+      throw new Error(`Webhook request failed: ${i.status} ${i.statusText}`);
+  }
+  // Helper method to create bound event handlers for widgets
+  createFieldEventHandlers(t, r, n, s) {
+    return {
+      onFocus: (i) => this.handleFieldEvent("focus", t, i, r, n, s),
+      onBlur: (i) => this.handleFieldEvent("blur", t, i, r, n, s),
+      onChange: (i) => this.handleFieldEvent("change", t, i, r, n, s)
+    };
+  }
+  // Cleanup method to clear timers
+  cleanup() {
+    for (const t of this.debounceTimers.values())
+      clearTimeout(t);
+    this.debounceTimers.clear();
+  }
+}
+const _o = {
+  /**
+   * Deep clone form data to avoid mutations
+   */
+  cloneFormData: (e) => JSON.parse(JSON.stringify(e)),
+  /**
+   * Merge two form data objects
+   */
+  mergeFormData: (e, t) => ({ ...e, ...t }),
+  /**
+   * Get nested value from form data using dot notation
+   */
+  getNestedValue: (e, t) => {
+    const r = t.split(".");
+    let n = e;
+    for (const s of r)
+      if (n && typeof n == "object" && s in n)
+        n = n[s];
+      else
+        return;
+    return n;
+  },
+  /**
+   * Set nested value in form data using dot notation
+   */
+  setNestedValue: (e, t, r) => {
+    const n = t.split("."), s = { ...e };
+    let i = s;
+    for (let l = 0; l < n.length - 1; l++) {
+      const a = n[l];
+      (!(a in i) || typeof i[a] != "object") && (i[a] = {}), i = i[a];
+    }
+    return i[n[n.length - 1]] = r, s;
+  },
+  /**
+   * Remove empty values from form data
+   */
+  removeEmptyValues: (e) => {
+    if (Array.isArray(e))
+      return e.filter((t) => t != null && t !== "");
+    if (e !== null && typeof e == "object") {
+      const t = {};
+      for (const [r, n] of Object.entries(e))
+        n != null && n !== "" && (t[r] = _o.removeEmptyValues(n));
+      return t;
+    }
+    return e;
+  }
+}, Po = {
+  /**
+   * Get required fields from schema
+   */
+  getRequiredFields: (e) => e.required || [],
+  /**
+   * Check if a field is required
+   */
+  isFieldRequired: (e, t) => (e.required || []).includes(t),
+  /**
+   * Get field schema by path
+   */
+  getFieldSchema: (e, t) => {
+    const r = t.split(".");
+    let n = e;
+    for (const s of r)
+      if (n.type === "object" && n.properties)
+        n = n.properties[s];
+      else if (n.type === "array" && n.items)
+        n = n.items;
+      else
+        return;
+    return n;
+  },
+  /**
+   * Merge two schemas
+   */
+  mergeSchemas: (e, t) => ({
+    ...e,
+    ...t,
+    properties: {
+      ...e.properties,
+      ...t.properties
+    },
+    required: [.../* @__PURE__ */ new Set([...e.required || [], ...t.required || []])]
+  }),
+  /**
+   * Get all field paths from schema
+   */
+  getAllFieldPaths: (e, t = "") => {
+    const r = [];
+    if (e.type === "object" && e.properties)
+      for (const [n, s] of Object.entries(e.properties)) {
+        const i = t ? `${t}.${n}` : n;
+        r.push(i), r.push(...Po.getAllFieldPaths(s, i));
+      }
+    return r;
+  }
+}, Do = {
+  /**
+   * Validate email format
+   */
+  isValidEmail: (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e),
+  /**
+   * Validate phone number format
+   */
+  isValidPhone: (e) => /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/.test(e),
+  /**
+   * Validate URL format
+   */
+  isValidUrl: (e) => {
+    try {
+      return new URL(e), !0;
+    } catch {
+      return !1;
+    }
+  },
+  /**
+   * Validate date format
+   */
+  isValidDate: (e) => {
+    const t = new Date(e);
+    return t instanceof Date && !isNaN(t.getTime());
+  },
+  /**
+   * Validate number in range
+   */
+  isInRange: (e, t, r) => !(t !== void 0 && e < t || r !== void 0 && e > r),
+  /**
+   * Custom validation messages
+   */
+  getValidationMessage: (e, t) => ({
+    required: "This field is required",
+    email: "Please enter a valid email address",
+    phone: "Please enter a valid phone number",
+    url: "Please enter a valid URL",
+    date: "Please enter a valid date",
+    min: `Value must be at least ${t == null ? void 0 : t.min}`,
+    max: `Value must be at most ${t == null ? void 0 : t.max}`,
+    minLength: `Must be at least ${t == null ? void 0 : t.minLength} characters`,
+    maxLength: `Must be at most ${t == null ? void 0 : t.maxLength} characters`
+  })[e] || "Invalid value"
+}, Lo = ({
+  schema: e,
+  uiSchema: t,
+  formData: r,
+  onSubmit: n,
+  onChange: s,
+  onError: i,
+  onBlur: l,
+  onFocus: a,
+  beforeSubmit: c,
+  afterSubmit: f,
+  beforeValidation: p,
+  afterValidation: d,
+  onFieldFocus: h,
+  onFieldBlur: w,
+  onFieldChange: S,
+  webhooks: v = [],
+  widgets: g = {},
+  fields: b = {},
+  templates: C = {},
+  ...j
+}) => {
+  const E = wt(null), V = Fr(() => {
+    const I = new ko(
+      {
+        beforeSubmit: c,
+        afterSubmit: f,
+        beforeValidation: p,
+        afterValidation: d
+      },
+      {
+        onFieldFocus: h,
+        onFieldBlur: w,
+        onFieldChange: S
+      },
+      v
+    );
+    return E.current = I, I;
+  }, [c, f, p, d, h, w, S, v]);
+  $r(() => () => {
+    E.current && E.current.cleanup();
+  }, []);
+  const L = async (I, O) => {
+    const _ = await V.handleBeforeSubmit(I);
+    n && await n(_, O), await V.handleAfterSubmit(_);
+  }, Y = (I) => {
+    s && s(I);
+  }, oe = {
+    ...Co,
+    ...g
+  }, te = {
+    ...$n,
+    ...b
+  };
+  return /* @__PURE__ */ u.jsx(An, { eventHub: V, formData: r, children: /* @__PURE__ */ u.jsx(
+    Vr,
+    {
+      schema: e,
+      uiSchema: t,
+      formData: r,
+      validator: Ir,
+      onSubmit: L,
+      onChange: Y,
+      onError: i,
+      onBlur: l,
+      onFocus: a,
+      widgets: oe,
+      fields: te,
+      templates: C,
+      ...j
+    }
+  ) });
+};
+export {
+  Tn as AddressField,
+  Vn as ColorWidget,
+  Fn as CurrencyField,
+  In as DateWidget,
+  Lo as ExtendedForm,
+  Hn as FileWidget,
+  ko as FormEventHub,
+  zo as FormEventManager,
+  An as FormEventProvider,
+  Io as GridLayout,
+  Vo as HorizontalLayout,
+  On as PhoneField,
+  xo as RangeWidget,
+  wo as RatingWidget,
+  $o as VerticalLayout,
+  D as cn,
+  $n as customFields,
+  Co as customWidgets,
+  _o as formDataUtils,
+  Po as schemaUtils,
+  ue as useFieldEventHandlers,
+  Mn as useFormEventHub,
+  Do as validationUtils
+};