extended-dynamic-forms 0.1.5 → 0.1.7

package/dist/index.es.js

@@ -1,4124 +0,0 @@
-var at = Object.defineProperty;
-var lt = (e, t, r) => t in e ? at(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r;
-var W = (e, t, r) => lt(e, typeof t != "symbol" ? t + "" : t, r);
-import { jsx as p, jsxs as k } from "react/jsx-runtime";
-import * as b from "react";
-import G, { createContext as ct, useContext as dt, forwardRef as ut, createElement as be, useRef as ke, useMemo as ft, useEffect as pt } from "react";
-import "react-dom";
-import mt from "@rjsf/validator-ajv8";
-import { default as vo } from "@rjsf/validator-ajv8";
-import ht from "@rjsf/shadcn";
-import { generateTheme as wo } from "@rjsf/shadcn";
-function Re(e) {
-  var t, r, o = "";
-  if (typeof e == "string" || typeof e == "number") o += e;
-  else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (r = Re(e[t])) && (o && (o += " "), o += r);
-  } else for (r in e) e[r] && (o && (o += " "), o += r);
-  return o;
-}
-function Pe() {
-  for (var e, t, r = 0, o = "", n = arguments.length; r < n; r++) (e = arguments[r]) && (t = Re(e)) && (o && (o += " "), o += t);
-  return o;
-}
-const pe = "-", gt = (e) => {
-  const t = yt(e), {
-    conflictingClassGroups: r,
-    conflictingClassGroupModifiers: o
-  } = e;
-  return {
-    getClassGroupId: (a) => {
-      const i = a.split(pe);
-      return i[0] === "" && i.length !== 1 && i.shift(), Ee(i, t) || bt(a);
-    },
-    getConflictingClassGroupIds: (a, i) => {
-      const l = r[a] || [];
-      return i && o[a] ? [...l, ...o[a]] : l;
-    }
-  };
-}, Ee = (e, t) => {
-  var a;
-  if (e.length === 0)
-    return t.classGroupId;
-  const r = e[0], o = t.nextPart.get(r), n = o ? Ee(e.slice(1), o) : void 0;
-  if (n)
-    return n;
-  if (t.validators.length === 0)
-    return;
-  const s = e.join(pe);
-  return (a = t.validators.find(({
-    validator: i
-  }) => i(s))) == null ? void 0 : a.classGroupId;
-}, ye = /^\[(.+)\]$/, bt = (e) => {
-  if (ye.test(e)) {
-    const t = ye.exec(e)[1], r = t == null ? void 0 : t.substring(0, t.indexOf(":"));
-    if (r)
-      return "arbitrary.." + r;
-  }
-}, yt = (e) => {
-  const {
-    theme: t,
-    prefix: r
-  } = e, o = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  return xt(Object.entries(e.classGroups), r).forEach(([s, a]) => {
-    ce(a, o, s, t);
-  }), o;
-}, ce = (e, t, r, o) => {
-  e.forEach((n) => {
-    if (typeof n == "string") {
-      const s = n === "" ? t : ve(t, n);
-      s.classGroupId = r;
-      return;
-    }
-    if (typeof n == "function") {
-      if (vt(n)) {
-        ce(n(o), t, r, o);
-        return;
-      }
-      t.validators.push({
-        validator: n,
-        classGroupId: r
-      });
-      return;
-    }
-    Object.entries(n).forEach(([s, a]) => {
-      ce(a, ve(t, s), r, o);
-    });
-  });
-}, ve = (e, t) => {
-  let r = e;
-  return t.split(pe).forEach((o) => {
-    r.nextPart.has(o) || r.nextPart.set(o, {
-      nextPart: /* @__PURE__ */ new Map(),
-      validators: []
-    }), r = r.nextPart.get(o);
-  }), r;
-}, vt = (e) => e.isThemeGetter, xt = (e, t) => t ? e.map(([r, o]) => {
-  const n = o.map((s) => typeof s == "string" ? t + s : typeof s == "object" ? Object.fromEntries(Object.entries(s).map(([a, i]) => [t + a, i])) : s);
-  return [r, n];
-}) : e, wt = (e) => {
-  if (e < 1)
-    return {
-      get: () => {
-      },
-      set: () => {
-      }
-    };
-  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
-  const n = (s, a) => {
-    r.set(s, a), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
-  };
-  return {
-    get(s) {
-      let a = r.get(s);
-      if (a !== void 0)
-        return a;
-      if ((a = o.get(s)) !== void 0)
-        return n(s, a), a;
-    },
-    set(s, a) {
-      r.has(s) ? r.set(s, a) : n(s, a);
-    }
-  };
-}, Ae = "!", Ct = (e) => {
-  const {
-    separator: t,
-    experimentalParseClassName: r
-  } = e, o = t.length === 1, n = t[0], s = t.length, a = (i) => {
-    const l = [];
-    let d = 0, u = 0, c;
-    for (let f = 0; f < i.length; f++) {
-      let g = i[f];
-      if (d === 0) {
-        if (g === n && (o || i.slice(f, f + s) === t)) {
-          l.push(i.slice(u, f)), u = f + s;
-          continue;
-        }
-        if (g === "/") {
-          c = f;
-          continue;
-        }
-      }
-      g === "[" ? d++ : g === "]" && d--;
-    }
-    const m = l.length === 0 ? i : i.substring(u), y = m.startsWith(Ae), v = y ? m.substring(1) : m, h = c && c > u ? c - u : void 0;
-    return {
-      modifiers: l,
-      hasImportantModifier: y,
-      baseClassName: v,
-      maybePostfixModifierPosition: h
-    };
-  };
-  return r ? (i) => r({
-    className: i,
-    parseClassName: a
-  }) : a;
-}, St = (e) => {
-  if (e.length <= 1)
-    return e;
-  const t = [];
-  let r = [];
-  return e.forEach((o) => {
-    o[0] === "[" ? (t.push(...r.sort(), o), r = []) : r.push(o);
-  }), t.push(...r.sort()), t;
-}, Nt = (e) => ({
-  cache: wt(e.cacheSize),
-  parseClassName: Ct(e),
-  ...gt(e)
-}), kt = /\s+/, Rt = (e, t) => {
-  const {
-    parseClassName: r,
-    getClassGroupId: o,
-    getConflictingClassGroupIds: n
-  } = t, s = [], a = e.trim().split(kt);
-  let i = "";
-  for (let l = a.length - 1; l >= 0; l -= 1) {
-    const d = a[l], {
-      modifiers: u,
-      hasImportantModifier: c,
-      baseClassName: m,
-      maybePostfixModifierPosition: y
-    } = r(d);
-    let v = !!y, h = o(v ? m.substring(0, y) : m);
-    if (!h) {
-      if (!v) {
-        i = d + (i.length > 0 ? " " + i : i);
-        continue;
-      }
-      if (h = o(m), !h) {
-        i = d + (i.length > 0 ? " " + i : i);
-        continue;
-      }
-      v = !1;
-    }
-    const f = St(u).join(":"), g = c ? f + Ae : f, x = g + h;
-    if (s.includes(x))
-      continue;
-    s.push(x);
-    const S = n(h, v);
-    for (let w = 0; w < S.length; ++w) {
-      const E = S[w];
-      s.push(g + E);
-    }
-    i = d + (i.length > 0 ? " " + i : i);
-  }
-  return i;
-};
-function Pt() {
-  let e = 0, t, r, o = "";
-  for (; e < arguments.length; )
-    (t = arguments[e++]) && (r = Me(t)) && (o && (o += " "), o += r);
-  return o;
-}
-const Me = (e) => {
-  if (typeof e == "string")
-    return e;
-  let t, r = "";
-  for (let o = 0; o < e.length; o++)
-    e[o] && (t = Me(e[o])) && (r && (r += " "), r += t);
-  return r;
-};
-function Et(e, ...t) {
-  let r, o, n, s = a;
-  function a(l) {
-    const d = t.reduce((u, c) => c(u), e());
-    return r = Nt(d), o = r.cache.get, n = r.cache.set, s = i, i(l);
-  }
-  function i(l) {
-    const d = o(l);
-    if (d)
-      return d;
-    const u = Rt(l, r);
-    return n(l, u), u;
-  }
-  return function() {
-    return s(Pt.apply(null, arguments));
-  };
-}
-const R = (e) => {
-  const t = (r) => r[e] || [];
-  return t.isThemeGetter = !0, t;
-}, $e = /^\[(?:([a-z-]+):)?(.+)\]$/i, At = /^\d+\/\d+$/, Mt = /* @__PURE__ */ new Set(["px", "full", "screen"]), $t = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, zt = /\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$/, Vt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Ft = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, _t = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, H = (e) => Z(e) || Mt.has(e) || At.test(e), j = (e) => ee(e, "length", jt), Z = (e) => !!e && !Number.isNaN(Number(e)), le = (e) => ee(e, "number", Z), oe = (e) => !!e && Number.isInteger(Number(e)), Tt = (e) => e.endsWith("%") && Z(e.slice(0, -1)), C = (e) => $e.test(e), D = (e) => $t.test(e), It = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Bt = (e) => ee(e, It, ze), Lt = (e) => ee(e, "position", ze), Ht = /* @__PURE__ */ new Set(["image", "url"]), Ot = (e) => ee(e, Ht, Gt), Wt = (e) => ee(e, "", Dt), ne = () => !0, ee = (e, t, r) => {
-  const o = $e.exec(e);
-  return o ? o[1] ? typeof t == "string" ? o[1] === t : t.has(o[1]) : r(o[2]) : !1;
-}, jt = (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.
-  zt.test(e) && !Vt.test(e)
-), ze = () => !1, Dt = (e) => Ft.test(e), Gt = (e) => _t.test(e), Ut = () => {
-  const e = R("colors"), t = R("spacing"), r = R("blur"), o = R("brightness"), n = R("borderColor"), s = R("borderRadius"), a = R("borderSpacing"), i = R("borderWidth"), l = R("contrast"), d = R("grayscale"), u = R("hueRotate"), c = R("invert"), m = R("gap"), y = R("gradientColorStops"), v = R("gradientColorStopPositions"), h = R("inset"), f = R("margin"), g = R("opacity"), x = R("padding"), S = R("saturate"), w = R("scale"), E = R("sepia"), $ = R("skew"), _ = R("space"), Y = R("translate"), K = () => ["auto", "contain", "none"], A = () => ["auto", "hidden", "clip", "visible", "scroll"], P = () => ["auto", C, t], N = () => [C, t], I = () => ["", H, j], Q = () => ["auto", Z, C], X = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], T = () => ["solid", "dashed", "dotted", "double", "none"], B = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], V = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], O = () => ["", "0", C], ge = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], L = () => [Z, C];
-  return {
-    cacheSize: 500,
-    separator: ":",
-    theme: {
-      colors: [ne],
-      spacing: [H, j],
-      blur: ["none", "", D, C],
-      brightness: L(),
-      borderColor: [e],
-      borderRadius: ["none", "", "full", D, C],
-      borderSpacing: N(),
-      borderWidth: I(),
-      contrast: L(),
-      grayscale: O(),
-      hueRotate: L(),
-      invert: O(),
-      gap: N(),
-      gradientColorStops: [e],
-      gradientColorStopPositions: [Tt, j],
-      inset: P(),
-      margin: P(),
-      opacity: L(),
-      padding: N(),
-      saturate: L(),
-      scale: L(),
-      sepia: O(),
-      skew: L(),
-      space: N(),
-      translate: N()
-    },
-    classGroups: {
-      // Layout
-      /**
-       * Aspect Ratio
-       * @see https://tailwindcss.com/docs/aspect-ratio
-       */
-      aspect: [{
-        aspect: ["auto", "square", "video", C]
-      }],
-      /**
-       * Container
-       * @see https://tailwindcss.com/docs/container
-       */
-      container: ["container"],
-      /**
-       * Columns
-       * @see https://tailwindcss.com/docs/columns
-       */
-      columns: [{
-        columns: [D]
-      }],
-      /**
-       * Break After
-       * @see https://tailwindcss.com/docs/break-after
-       */
-      "break-after": [{
-        "break-after": ge()
-      }],
-      /**
-       * Break Before
-       * @see https://tailwindcss.com/docs/break-before
-       */
-      "break-before": [{
-        "break-before": ge()
-      }],
-      /**
-       * 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: [...X(), C]
-      }],
-      /**
-       * Overflow
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      overflow: [{
-        overflow: A()
-      }],
-      /**
-       * Overflow X
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-x": [{
-        "overflow-x": A()
-      }],
-      /**
-       * Overflow Y
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-y": [{
-        "overflow-y": A()
-      }],
-      /**
-       * Overscroll Behavior
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      overscroll: [{
-        overscroll: K()
-      }],
-      /**
-       * Overscroll Behavior X
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-x": [{
-        "overscroll-x": K()
-      }],
-      /**
-       * Overscroll Behavior Y
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-y": [{
-        "overscroll-y": K()
-      }],
-      /**
-       * 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: [h]
-      }],
-      /**
-       * Right / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-x": [{
-        "inset-x": [h]
-      }],
-      /**
-       * Top / Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-y": [{
-        "inset-y": [h]
-      }],
-      /**
-       * Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      start: [{
-        start: [h]
-      }],
-      /**
-       * End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      end: [{
-        end: [h]
-      }],
-      /**
-       * Top
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      top: [{
-        top: [h]
-      }],
-      /**
-       * Right
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      right: [{
-        right: [h]
-      }],
-      /**
-       * Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      bottom: [{
-        bottom: [h]
-      }],
-      /**
-       * Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      left: [{
-        left: [h]
-      }],
-      /**
-       * Visibility
-       * @see https://tailwindcss.com/docs/visibility
-       */
-      visibility: ["visible", "invisible", "collapse"],
-      /**
-       * Z-Index
-       * @see https://tailwindcss.com/docs/z-index
-       */
-      z: [{
-        z: ["auto", oe, C]
-      }],
-      // Flexbox and Grid
-      /**
-       * Flex Basis
-       * @see https://tailwindcss.com/docs/flex-basis
-       */
-      basis: [{
-        basis: P()
-      }],
-      /**
-       * 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", C]
-      }],
-      /**
-       * Flex Grow
-       * @see https://tailwindcss.com/docs/flex-grow
-       */
-      grow: [{
-        grow: O()
-      }],
-      /**
-       * Flex Shrink
-       * @see https://tailwindcss.com/docs/flex-shrink
-       */
-      shrink: [{
-        shrink: O()
-      }],
-      /**
-       * Order
-       * @see https://tailwindcss.com/docs/order
-       */
-      order: [{
-        order: ["first", "last", "none", oe, C]
-      }],
-      /**
-       * Grid Template Columns
-       * @see https://tailwindcss.com/docs/grid-template-columns
-       */
-      "grid-cols": [{
-        "grid-cols": [ne]
-      }],
-      /**
-       * Grid Column Start / End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start-end": [{
-        col: ["auto", {
-          span: ["full", oe, C]
-        }, C]
-      }],
-      /**
-       * Grid Column Start
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start": [{
-        "col-start": Q()
-      }],
-      /**
-       * Grid Column End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-end": [{
-        "col-end": Q()
-      }],
-      /**
-       * Grid Template Rows
-       * @see https://tailwindcss.com/docs/grid-template-rows
-       */
-      "grid-rows": [{
-        "grid-rows": [ne]
-      }],
-      /**
-       * Grid Row Start / End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start-end": [{
-        row: ["auto", {
-          span: [oe, C]
-        }, C]
-      }],
-      /**
-       * Grid Row Start
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start": [{
-        "row-start": Q()
-      }],
-      /**
-       * Grid Row End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-end": [{
-        "row-end": Q()
-      }],
-      /**
-       * 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", C]
-      }],
-      /**
-       * Grid Auto Rows
-       * @see https://tailwindcss.com/docs/grid-auto-rows
-       */
-      "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", C]
-      }],
-      /**
-       * Gap
-       * @see https://tailwindcss.com/docs/gap
-       */
-      gap: [{
-        gap: [m]
-      }],
-      /**
-       * Gap X
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-x": [{
-        "gap-x": [m]
-      }],
-      /**
-       * Gap Y
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-y": [{
-        "gap-y": [m]
-      }],
-      /**
-       * Justify Content
-       * @see https://tailwindcss.com/docs/justify-content
-       */
-      "justify-content": [{
-        justify: ["normal", ...V()]
-      }],
-      /**
-       * 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", ...V(), "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": [...V(), "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: [x]
-      }],
-      /**
-       * Padding X
-       * @see https://tailwindcss.com/docs/padding
-       */
-      px: [{
-        px: [x]
-      }],
-      /**
-       * Padding Y
-       * @see https://tailwindcss.com/docs/padding
-       */
-      py: [{
-        py: [x]
-      }],
-      /**
-       * Padding Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      ps: [{
-        ps: [x]
-      }],
-      /**
-       * Padding End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pe: [{
-        pe: [x]
-      }],
-      /**
-       * Padding Top
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pt: [{
-        pt: [x]
-      }],
-      /**
-       * Padding Right
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pr: [{
-        pr: [x]
-      }],
-      /**
-       * Padding Bottom
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pb: [{
-        pb: [x]
-      }],
-      /**
-       * Padding Left
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pl: [{
-        pl: [x]
-      }],
-      /**
-       * Margin
-       * @see https://tailwindcss.com/docs/margin
-       */
-      m: [{
-        m: [f]
-      }],
-      /**
-       * Margin X
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mx: [{
-        mx: [f]
-      }],
-      /**
-       * Margin Y
-       * @see https://tailwindcss.com/docs/margin
-       */
-      my: [{
-        my: [f]
-      }],
-      /**
-       * Margin Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ms: [{
-        ms: [f]
-      }],
-      /**
-       * Margin End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      me: [{
-        me: [f]
-      }],
-      /**
-       * Margin Top
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mt: [{
-        mt: [f]
-      }],
-      /**
-       * Margin Right
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mr: [{
-        mr: [f]
-      }],
-      /**
-       * Margin Bottom
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mb: [{
-        mb: [f]
-      }],
-      /**
-       * Margin Left
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ml: [{
-        ml: [f]
-      }],
-      /**
-       * Space Between X
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x": [{
-        "space-x": [_]
-      }],
-      /**
-       * 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": [_]
-      }],
-      /**
-       * 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", C, t]
-      }],
-      /**
-       * Min-Width
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-w": [{
-        "min-w": [C, t, "min", "max", "fit"]
-      }],
-      /**
-       * Max-Width
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-w": [{
-        "max-w": [C, t, "none", "full", "min", "max", "fit", "prose", {
-          screen: [D]
-        }, D]
-      }],
-      /**
-       * Height
-       * @see https://tailwindcss.com/docs/height
-       */
-      h: [{
-        h: [C, t, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Min-Height
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-h": [{
-        "min-h": [C, t, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Max-Height
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-h": [{
-        "max-h": [C, t, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Size
-       * @see https://tailwindcss.com/docs/size
-       */
-      size: [{
-        size: [C, t, "auto", "min", "max", "fit"]
-      }],
-      // Typography
-      /**
-       * Font Size
-       * @see https://tailwindcss.com/docs/font-size
-       */
-      "font-size": [{
-        text: ["base", D, j]
-      }],
-      /**
-       * 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", le]
-      }],
-      /**
-       * Font Family
-       * @see https://tailwindcss.com/docs/font-family
-       */
-      "font-family": [{
-        font: [ne]
-      }],
-      /**
-       * 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", C]
-      }],
-      /**
-       * Line Clamp
-       * @see https://tailwindcss.com/docs/line-clamp
-       */
-      "line-clamp": [{
-        "line-clamp": ["none", Z, le]
-      }],
-      /**
-       * Line Height
-       * @see https://tailwindcss.com/docs/line-height
-       */
-      leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", H, C]
-      }],
-      /**
-       * List Style Image
-       * @see https://tailwindcss.com/docs/list-style-image
-       */
-      "list-image": [{
-        "list-image": ["none", C]
-      }],
-      /**
-       * List Style Type
-       * @see https://tailwindcss.com/docs/list-style-type
-       */
-      "list-style-type": [{
-        list: ["none", "disc", "decimal", C]
-      }],
-      /**
-       * 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": [g]
-      }],
-      /**
-       * 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": [g]
-      }],
-      /**
-       * 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: [...T(), "wavy"]
-      }],
-      /**
-       * Text Decoration Thickness
-       * @see https://tailwindcss.com/docs/text-decoration-thickness
-       */
-      "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", H, j]
-      }],
-      /**
-       * Text Underline Offset
-       * @see https://tailwindcss.com/docs/text-underline-offset
-       */
-      "underline-offset": [{
-        "underline-offset": ["auto", H, C]
-      }],
-      /**
-       * 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: N()
-      }],
-      /**
-       * Vertical Alignment
-       * @see https://tailwindcss.com/docs/vertical-align
-       */
-      "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", C]
-      }],
-      /**
-       * 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", C]
-      }],
-      // 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": [g]
-      }],
-      /**
-       * 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: [...X(), Lt]
-      }],
-      /**
-       * 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", Bt]
-      }],
-      /**
-       * Background Image
-       * @see https://tailwindcss.com/docs/background-image
-       */
-      "bg-image": [{
-        bg: ["none", {
-          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Ot]
-      }],
-      /**
-       * 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: [v]
-      }],
-      /**
-       * Gradient Color Stops Via Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via-pos": [{
-        via: [v]
-      }],
-      /**
-       * Gradient Color Stops To Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to-pos": [{
-        to: [v]
-      }],
-      /**
-       * Gradient Color Stops From
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from": [{
-        from: [y]
-      }],
-      /**
-       * Gradient Color Stops Via
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via": [{
-        via: [y]
-      }],
-      /**
-       * Gradient Color Stops To
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to": [{
-        to: [y]
-      }],
-      // Borders
-      /**
-       * Border Radius
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      rounded: [{
-        rounded: [s]
-      }],
-      /**
-       * Border Radius Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-s": [{
-        "rounded-s": [s]
-      }],
-      /**
-       * Border Radius End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-e": [{
-        "rounded-e": [s]
-      }],
-      /**
-       * Border Radius Top
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-t": [{
-        "rounded-t": [s]
-      }],
-      /**
-       * Border Radius Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-r": [{
-        "rounded-r": [s]
-      }],
-      /**
-       * Border Radius Bottom
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-b": [{
-        "rounded-b": [s]
-      }],
-      /**
-       * Border Radius Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-l": [{
-        "rounded-l": [s]
-      }],
-      /**
-       * Border Radius Start Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ss": [{
-        "rounded-ss": [s]
-      }],
-      /**
-       * Border Radius Start End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-se": [{
-        "rounded-se": [s]
-      }],
-      /**
-       * Border Radius End End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ee": [{
-        "rounded-ee": [s]
-      }],
-      /**
-       * Border Radius End Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-es": [{
-        "rounded-es": [s]
-      }],
-      /**
-       * Border Radius Top Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tl": [{
-        "rounded-tl": [s]
-      }],
-      /**
-       * Border Radius Top Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tr": [{
-        "rounded-tr": [s]
-      }],
-      /**
-       * Border Radius Bottom Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-br": [{
-        "rounded-br": [s]
-      }],
-      /**
-       * Border Radius Bottom Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-bl": [{
-        "rounded-bl": [s]
-      }],
-      /**
-       * Border Width
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w": [{
-        border: [i]
-      }],
-      /**
-       * Border Width X
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-x": [{
-        "border-x": [i]
-      }],
-      /**
-       * Border Width Y
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-y": [{
-        "border-y": [i]
-      }],
-      /**
-       * Border Width Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-s": [{
-        "border-s": [i]
-      }],
-      /**
-       * Border Width End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-e": [{
-        "border-e": [i]
-      }],
-      /**
-       * Border Width Top
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-t": [{
-        "border-t": [i]
-      }],
-      /**
-       * Border Width Right
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-r": [{
-        "border-r": [i]
-      }],
-      /**
-       * Border Width Bottom
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-b": [{
-        "border-b": [i]
-      }],
-      /**
-       * Border Width Left
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-l": [{
-        "border-l": [i]
-      }],
-      /**
-       * Border Opacity
-       * @see https://tailwindcss.com/docs/border-opacity
-       */
-      "border-opacity": [{
-        "border-opacity": [g]
-      }],
-      /**
-       * Border Style
-       * @see https://tailwindcss.com/docs/border-style
-       */
-      "border-style": [{
-        border: [...T(), "hidden"]
-      }],
-      /**
-       * Divide Width X
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x": [{
-        "divide-x": [i]
-      }],
-      /**
-       * 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": [i]
-      }],
-      /**
-       * 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": [g]
-      }],
-      /**
-       * Divide Style
-       * @see https://tailwindcss.com/docs/divide-style
-       */
-      "divide-style": [{
-        divide: T()
-      }],
-      /**
-       * Border Color
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color": [{
-        border: [n]
-      }],
-      /**
-       * Border Color X
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-x": [{
-        "border-x": [n]
-      }],
-      /**
-       * Border Color Y
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-y": [{
-        "border-y": [n]
-      }],
-      /**
-       * Border Color S
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-s": [{
-        "border-s": [n]
-      }],
-      /**
-       * Border Color E
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-e": [{
-        "border-e": [n]
-      }],
-      /**
-       * Border Color Top
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-t": [{
-        "border-t": [n]
-      }],
-      /**
-       * Border Color Right
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-r": [{
-        "border-r": [n]
-      }],
-      /**
-       * Border Color Bottom
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-b": [{
-        "border-b": [n]
-      }],
-      /**
-       * Border Color Left
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-l": [{
-        "border-l": [n]
-      }],
-      /**
-       * Divide Color
-       * @see https://tailwindcss.com/docs/divide-color
-       */
-      "divide-color": [{
-        divide: [n]
-      }],
-      /**
-       * Outline Style
-       * @see https://tailwindcss.com/docs/outline-style
-       */
-      "outline-style": [{
-        outline: ["", ...T()]
-      }],
-      /**
-       * Outline Offset
-       * @see https://tailwindcss.com/docs/outline-offset
-       */
-      "outline-offset": [{
-        "outline-offset": [H, C]
-      }],
-      /**
-       * Outline Width
-       * @see https://tailwindcss.com/docs/outline-width
-       */
-      "outline-w": [{
-        outline: [H, j]
-      }],
-      /**
-       * 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: I()
-      }],
-      /**
-       * 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": [g]
-      }],
-      /**
-       * Ring Offset Width
-       * @see https://tailwindcss.com/docs/ring-offset-width
-       */
-      "ring-offset-w": [{
-        "ring-offset": [H, j]
-      }],
-      /**
-       * 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", D, Wt]
-      }],
-      /**
-       * Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow-color
-       */
-      "shadow-color": [{
-        shadow: [ne]
-      }],
-      /**
-       * Opacity
-       * @see https://tailwindcss.com/docs/opacity
-       */
-      opacity: [{
-        opacity: [g]
-      }],
-      /**
-       * Mix Blend Mode
-       * @see https://tailwindcss.com/docs/mix-blend-mode
-       */
-      "mix-blend": [{
-        "mix-blend": [...B(), "plus-lighter", "plus-darker"]
-      }],
-      /**
-       * Background Blend Mode
-       * @see https://tailwindcss.com/docs/background-blend-mode
-       */
-      "bg-blend": [{
-        "bg-blend": B()
-      }],
-      // 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: [o]
-      }],
-      /**
-       * Contrast
-       * @see https://tailwindcss.com/docs/contrast
-       */
-      contrast: [{
-        contrast: [l]
-      }],
-      /**
-       * Drop Shadow
-       * @see https://tailwindcss.com/docs/drop-shadow
-       */
-      "drop-shadow": [{
-        "drop-shadow": ["", "none", D, C]
-      }],
-      /**
-       * Grayscale
-       * @see https://tailwindcss.com/docs/grayscale
-       */
-      grayscale: [{
-        grayscale: [d]
-      }],
-      /**
-       * Hue Rotate
-       * @see https://tailwindcss.com/docs/hue-rotate
-       */
-      "hue-rotate": [{
-        "hue-rotate": [u]
-      }],
-      /**
-       * Invert
-       * @see https://tailwindcss.com/docs/invert
-       */
-      invert: [{
-        invert: [c]
-      }],
-      /**
-       * Saturate
-       * @see https://tailwindcss.com/docs/saturate
-       */
-      saturate: [{
-        saturate: [S]
-      }],
-      /**
-       * Sepia
-       * @see https://tailwindcss.com/docs/sepia
-       */
-      sepia: [{
-        sepia: [E]
-      }],
-      /**
-       * 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": [o]
-      }],
-      /**
-       * Backdrop Contrast
-       * @see https://tailwindcss.com/docs/backdrop-contrast
-       */
-      "backdrop-contrast": [{
-        "backdrop-contrast": [l]
-      }],
-      /**
-       * Backdrop Grayscale
-       * @see https://tailwindcss.com/docs/backdrop-grayscale
-       */
-      "backdrop-grayscale": [{
-        "backdrop-grayscale": [d]
-      }],
-      /**
-       * Backdrop Hue Rotate
-       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
-       */
-      "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [u]
-      }],
-      /**
-       * Backdrop Invert
-       * @see https://tailwindcss.com/docs/backdrop-invert
-       */
-      "backdrop-invert": [{
-        "backdrop-invert": [c]
-      }],
-      /**
-       * Backdrop Opacity
-       * @see https://tailwindcss.com/docs/backdrop-opacity
-       */
-      "backdrop-opacity": [{
-        "backdrop-opacity": [g]
-      }],
-      /**
-       * Backdrop Saturate
-       * @see https://tailwindcss.com/docs/backdrop-saturate
-       */
-      "backdrop-saturate": [{
-        "backdrop-saturate": [S]
-      }],
-      /**
-       * Backdrop Sepia
-       * @see https://tailwindcss.com/docs/backdrop-sepia
-       */
-      "backdrop-sepia": [{
-        "backdrop-sepia": [E]
-      }],
-      // 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": [a]
-      }],
-      /**
-       * Border Spacing X
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-x": [{
-        "border-spacing-x": [a]
-      }],
-      /**
-       * Border Spacing Y
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-y": [{
-        "border-spacing-y": [a]
-      }],
-      /**
-       * 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", C]
-      }],
-      /**
-       * Transition Duration
-       * @see https://tailwindcss.com/docs/transition-duration
-       */
-      duration: [{
-        duration: L()
-      }],
-      /**
-       * Transition Timing Function
-       * @see https://tailwindcss.com/docs/transition-timing-function
-       */
-      ease: [{
-        ease: ["linear", "in", "out", "in-out", C]
-      }],
-      /**
-       * Transition Delay
-       * @see https://tailwindcss.com/docs/transition-delay
-       */
-      delay: [{
-        delay: L()
-      }],
-      /**
-       * Animation
-       * @see https://tailwindcss.com/docs/animation
-       */
-      animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", C]
-      }],
-      // Transforms
-      /**
-       * Transform
-       * @see https://tailwindcss.com/docs/transform
-       */
-      transform: [{
-        transform: ["", "gpu", "none"]
-      }],
-      /**
-       * Scale
-       * @see https://tailwindcss.com/docs/scale
-       */
-      scale: [{
-        scale: [w]
-      }],
-      /**
-       * Scale X
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-x": [{
-        "scale-x": [w]
-      }],
-      /**
-       * Scale Y
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-y": [{
-        "scale-y": [w]
-      }],
-      /**
-       * Rotate
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      rotate: [{
-        rotate: [oe, C]
-      }],
-      /**
-       * Translate X
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-x": [{
-        "translate-x": [Y]
-      }],
-      /**
-       * Translate Y
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-y": [{
-        "translate-y": [Y]
-      }],
-      /**
-       * Skew X
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-x": [{
-        "skew-x": [$]
-      }],
-      /**
-       * Skew Y
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-y": [{
-        "skew-y": [$]
-      }],
-      /**
-       * 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", C]
-      }],
-      // 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", C]
-      }],
-      /**
-       * 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": N()
-      }],
-      /**
-       * Scroll Margin X
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mx": [{
-        "scroll-mx": N()
-      }],
-      /**
-       * Scroll Margin Y
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-my": [{
-        "scroll-my": N()
-      }],
-      /**
-       * Scroll Margin Start
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ms": [{
-        "scroll-ms": N()
-      }],
-      /**
-       * Scroll Margin End
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-me": [{
-        "scroll-me": N()
-      }],
-      /**
-       * Scroll Margin Top
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mt": [{
-        "scroll-mt": N()
-      }],
-      /**
-       * Scroll Margin Right
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mr": [{
-        "scroll-mr": N()
-      }],
-      /**
-       * Scroll Margin Bottom
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mb": [{
-        "scroll-mb": N()
-      }],
-      /**
-       * Scroll Margin Left
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ml": [{
-        "scroll-ml": N()
-      }],
-      /**
-       * Scroll Padding
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-p": [{
-        "scroll-p": N()
-      }],
-      /**
-       * Scroll Padding X
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-px": [{
-        "scroll-px": N()
-      }],
-      /**
-       * Scroll Padding Y
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-py": [{
-        "scroll-py": N()
-      }],
-      /**
-       * Scroll Padding Start
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-ps": [{
-        "scroll-ps": N()
-      }],
-      /**
-       * Scroll Padding End
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pe": [{
-        "scroll-pe": N()
-      }],
-      /**
-       * Scroll Padding Top
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pt": [{
-        "scroll-pt": N()
-      }],
-      /**
-       * Scroll Padding Right
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pr": [{
-        "scroll-pr": N()
-      }],
-      /**
-       * Scroll Padding Bottom
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pb": [{
-        "scroll-pb": N()
-      }],
-      /**
-       * Scroll Padding Left
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pl": [{
-        "scroll-pl": N()
-      }],
-      /**
-       * 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", C]
-      }],
-      // SVG
-      /**
-       * Fill
-       * @see https://tailwindcss.com/docs/fill
-       */
-      fill: [{
-        fill: [e, "none"]
-      }],
-      /**
-       * Stroke Width
-       * @see https://tailwindcss.com/docs/stroke-width
-       */
-      "stroke-w": [{
-        stroke: [H, j, le]
-      }],
-      /**
-       * 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"]
-    }
-  };
-}, Kt = /* @__PURE__ */ Et(Ut);
-function M(...e) {
-  return Kt(Pe(e));
-}
-const F = b.forwardRef(
-  ({ className: e, type: t, ...r }, o) => /* @__PURE__ */ p(
-    "input",
-    {
-      type: t,
-      className: M(
-        "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: o,
-      ...r
-    }
-  )
-);
-F.displayName = "Input";
-function xe(e, t) {
-  if (typeof e == "function")
-    return e(t);
-  e != null && (e.current = t);
-}
-function Ve(...e) {
-  return (t) => {
-    let r = !1;
-    const o = e.map((n) => {
-      const s = xe(n, t);
-      return !r && typeof s == "function" && (r = !0), s;
-    });
-    if (r)
-      return () => {
-        for (let n = 0; n < o.length; n++) {
-          const s = o[n];
-          typeof s == "function" ? s() : xe(e[n], null);
-        }
-      };
-  };
-}
-function U(...e) {
-  return b.useCallback(Ve(...e), e);
-}
-// @__NO_SIDE_EFFECTS__
-function se(e) {
-  const t = /* @__PURE__ */ qt(e), r = b.forwardRef((o, n) => {
-    const { children: s, ...a } = o, i = b.Children.toArray(s), l = i.find(Xt);
-    if (l) {
-      const d = l.props.children, u = i.map((c) => c === l ? b.Children.count(d) > 1 ? b.Children.only(null) : b.isValidElement(d) ? d.props.children : null : c);
-      return /* @__PURE__ */ p(t, { ...a, ref: n, children: b.isValidElement(d) ? b.cloneElement(d, void 0, u) : null });
-    }
-    return /* @__PURE__ */ p(t, { ...a, ref: n, children: s });
-  });
-  return r.displayName = `${e}.Slot`, r;
-}
-var Qt = /* @__PURE__ */ se("Slot");
-// @__NO_SIDE_EFFECTS__
-function qt(e) {
-  const t = b.forwardRef((r, o) => {
-    const { children: n, ...s } = r;
-    if (b.isValidElement(n)) {
-      const a = Zt(n), i = Jt(s, n.props);
-      return n.type !== b.Fragment && (i.ref = o ? Ve(o, a) : a), b.cloneElement(n, i);
-    }
-    return b.Children.count(n) > 1 ? b.Children.only(null) : null;
-  });
-  return t.displayName = `${e}.SlotClone`, t;
-}
-var Yt = Symbol("radix.slottable");
-function Xt(e) {
-  return b.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === Yt;
-}
-function Jt(e, t) {
-  const r = { ...t };
-  for (const o in t) {
-    const n = e[o], s = t[o];
-    /^on[A-Z]/.test(o) ? n && s ? r[o] = (...i) => {
-      const l = s(...i);
-      return n(...i), l;
-    } : n && (r[o] = n) : o === "style" ? r[o] = { ...n, ...s } : o === "className" && (r[o] = [n, s].filter(Boolean).join(" "));
-  }
-  return { ...e, ...r };
-}
-function Zt(e) {
-  var o, n;
-  let t = (o = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : o.get, r = t && "isReactWarning" in t && t.isReactWarning;
-  return r ? e.ref : (t = (n = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : n.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
-}
-var er = [
-  "a",
-  "button",
-  "div",
-  "form",
-  "h2",
-  "h3",
-  "img",
-  "input",
-  "label",
-  "li",
-  "nav",
-  "ol",
-  "p",
-  "select",
-  "span",
-  "svg",
-  "ul"
-], te = er.reduce((e, t) => {
-  const r = /* @__PURE__ */ se(`Primitive.${t}`), o = b.forwardRef((n, s) => {
-    const { asChild: a, ...i } = n, l = a ? r : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ p(l, { ...i, ref: s });
-  });
-  return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
-}, {}), tr = "Label", Fe = b.forwardRef((e, t) => /* @__PURE__ */ p(
-  te.label,
-  {
-    ...e,
-    ref: t,
-    onMouseDown: (r) => {
-      var n;
-      r.target.closest("button, input, select, textarea") || ((n = e.onMouseDown) == null || n.call(e, r), !r.defaultPrevented && r.detail > 1 && r.preventDefault());
-    }
-  }
-));
-Fe.displayName = tr;
-var _e = Fe;
-const we = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Ce = Pe, me = (e, t) => (r) => {
-  var o;
-  if ((t == null ? void 0 : t.variants) == null) return Ce(e, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-  const { variants: n, defaultVariants: s } = t, a = Object.keys(n).map((d) => {
-    const u = r == null ? void 0 : r[d], c = s == null ? void 0 : s[d];
-    if (u === null) return null;
-    const m = we(u) || we(c);
-    return n[d][m];
-  }), i = r && Object.entries(r).reduce((d, u) => {
-    let [c, m] = u;
-    return m === void 0 || (d[c] = m), d;
-  }, {}), l = t == null || (o = t.compoundVariants) === null || o === void 0 ? void 0 : o.reduce((d, u) => {
-    let { class: c, className: m, ...y } = u;
-    return Object.entries(y).every((v) => {
-      let [h, f] = v;
-      return Array.isArray(f) ? f.includes({
-        ...s,
-        ...i
-      }[h]) : {
-        ...s,
-        ...i
-      }[h] === f;
-    }) ? [
-      ...d,
-      c,
-      m
-    ] : d;
-  }, []);
-  return Ce(e, a, l, r == null ? void 0 : r.class, r == null ? void 0 : r.className);
-}, rr = me(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), z = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
-  _e,
-  {
-    ref: r,
-    className: M(rr(), e),
-    ...t
-  }
-));
-z.displayName = _e.displayName;
-const Te = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
-  "div",
-  {
-    ref: r,
-    className: M(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      e
-    ),
-    ...t
-  }
-));
-Te.displayName = "Card";
-const Ie = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
-  "div",
-  {
-    ref: r,
-    className: M("flex flex-col space-y-1.5 p-6", e),
-    ...t
-  }
-));
-Ie.displayName = "CardHeader";
-const Be = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
-  "h3",
-  {
-    ref: r,
-    className: M(
-      "text-2xl font-semibold leading-none tracking-tight",
-      e
-    ),
-    ...t
-  }
-));
-Be.displayName = "CardTitle";
-const or = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
-  "p",
-  {
-    ref: r,
-    className: M("text-sm text-muted-foreground", e),
-    ...t
-  }
-));
-or.displayName = "CardDescription";
-const Le = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p("div", { ref: r, className: M("p-6 pt-0", e), ...t }));
-Le.displayName = "CardContent";
-const nr = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ p(
-  "div",
-  {
-    ref: r,
-    className: M("flex items-center p-6 pt-0", e),
-    ...t
-  }
-));
-nr.displayName = "CardFooter";
-const sr = ({
-  formData: e,
-  onChange: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  schema: s,
-  idSchema: a
-}) => {
-  const i = (l) => (d) => {
-    t({
-      ...e,
-      [l]: d.target.value
-    });
-  };
-  return /* @__PURE__ */ k(Te, { children: [
-    /* @__PURE__ */ p(Ie, { className: "pb-4", children: /* @__PURE__ */ p(Be, { className: "text-lg", children: s.title || "Address" }) }),
-    /* @__PURE__ */ k(Le, { className: "space-y-4", children: [
-      /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ k(z, { htmlFor: `${a.$id}_street`, children: [
-          "Street Address",
-          r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-        ] }),
-        /* @__PURE__ */ p(
-          F,
-          {
-            id: `${a.$id}_street`,
-            type: "text",
-            value: (e == null ? void 0 : e.street) || "",
-            onChange: i("street"),
-            disabled: o || n,
-            placeholder: "123 Main St"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ k(z, { htmlFor: `${a.$id}_city`, children: [
-          "City",
-          r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-        ] }),
-        /* @__PURE__ */ p(
-          F,
-          {
-            id: `${a.$id}_city`,
-            type: "text",
-            value: (e == null ? void 0 : e.city) || "",
-            onChange: i("city"),
-            disabled: o || n,
-            placeholder: "New York"
-          }
-        )
-      ] }),
-      /* @__PURE__ */ k("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ k(z, { htmlFor: `${a.$id}_state`, children: [
-            "State/Province",
-            r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-          ] }),
-          /* @__PURE__ */ p(
-            F,
-            {
-              id: `${a.$id}_state`,
-              type: "text",
-              value: (e == null ? void 0 : e.state) || "",
-              onChange: i("state"),
-              disabled: o || n,
-              placeholder: "NY"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ k(z, { htmlFor: `${a.$id}_zip`, children: [
-            "ZIP/Postal Code",
-            r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-          ] }),
-          /* @__PURE__ */ p(
-            F,
-            {
-              id: `${a.$id}_zip`,
-              type: "text",
-              value: (e == null ? void 0 : e.zip) || "",
-              onChange: i("zip"),
-              disabled: o || n,
-              placeholder: "10001"
-            }
-          )
-        ] })
-      ] }),
-      /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ p(z, { htmlFor: `${a.$id}_country`, children: "Country" }),
-        /* @__PURE__ */ p(
-          F,
-          {
-            id: `${a.$id}_country`,
-            type: "text",
-            value: (e == null ? void 0 : e.country) || "",
-            onChange: i("country"),
-            disabled: o || n,
-            placeholder: "United States"
-          }
-        )
-      ] })
-    ] })
-  ] });
-}, He = ct(null), ir = ({
-  eventHub: e,
-  formData: t,
-  children: r
-}) => /* @__PURE__ */ p(He.Provider, { value: { eventHub: e, formData: t }, children: r }), ar = () => {
-  const e = dt(He);
-  if (!e)
-    throw new Error("useFormEventHub must be used within a FormEventProvider");
-  return e;
-}, q = (e, t, r) => {
-  const { eventHub: o, formData: n } = ar();
-  return G.useMemo(
-    () => o.createFieldEventHandlers(e, t, n, r),
-    [o, e, t, n, r]
-  );
-}, lr = ({
-  formData: e,
-  onChange: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  schema: s,
-  idSchema: a
-}) => {
-  const i = q(a.$id, s), l = (u) => {
-    const c = u.replace(/\D/g, ""), m = c.length;
-    return m < 4 ? c : m < 7 ? `(${c.slice(0, 3)}) ${c.slice(3)}` : `(${c.slice(0, 3)}) ${c.slice(3, 6)}-${c.slice(6, 10)}`;
-  }, d = async (u) => {
-    const c = l(u.target.value);
-    t(c), await i.onChange(c);
-  };
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k(z, { htmlFor: a.$id, children: [
-      s.title || "Phone Number",
-      r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    /* @__PURE__ */ p(
-      F,
-      {
-        id: a.$id,
-        type: "tel",
-        value: e || "",
-        onChange: d,
-        disabled: o || n,
-        placeholder: "(555) 123-4567",
-        maxLength: 14
-      }
-    )
-  ] });
-}, cr = ({
-  formData: e,
-  onChange: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  schema: s,
-  uiSchema: a,
-  idSchema: i
-}) => {
-  var v, h;
-  const l = ((v = a == null ? void 0 : a["ui:options"]) == null ? void 0 : v.currency) || "USD", d = ((h = a == null ? void 0 : a["ui:options"]) == null ? void 0 : h.symbol) || "$", u = q(i.$id, s), c = (f) => {
-    const g = parseFloat(f.replace(/[^0-9.-]+/g, ""));
-    return isNaN(g) ? "" : g.toFixed(2);
-  }, m = async (f) => {
-    const g = f.target.value.replace(/[^0-9.-]+/g, ""), x = g ? parseFloat(g) : void 0;
-    t(x), await u.onChange(x);
-  }, y = async (f) => {
-    const g = c(f.target.value), x = g ? parseFloat(g) : void 0;
-    t(x), await u.onBlur(x);
-  };
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k(z, { htmlFor: i.$id, children: [
-      s.title || "Amount",
-      r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    /* @__PURE__ */ k("div", { className: "relative", children: [
-      /* @__PURE__ */ p("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: String(d) }),
-      /* @__PURE__ */ p(
-        F,
-        {
-          id: i.$id,
-          type: "text",
-          inputMode: "decimal",
-          value: e || "",
-          onChange: m,
-          onBlur: y,
-          disabled: o || n,
-          placeholder: "0.00",
-          className: "pl-8 pr-12"
-        }
-      ),
-      /* @__PURE__ */ p("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-sm text-muted-foreground", children: String(l) })
-    ] })
-  ] });
-}, dr = {
-  address: sr,
-  phone: lr,
-  currency: cr
-}, ur = ({
-  id: e,
-  value: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  label: s,
-  onChange: a,
-  onBlur: i,
-  onFocus: l,
-  schema: d
-}) => {
-  const u = q(e, d), c = async (v) => {
-    const h = v.target.value;
-    a(h), await u.onChange(h);
-  }, m = async (v) => {
-    const h = v.target.value;
-    i && i(e, h), await u.onBlur(h);
-  }, y = async (v) => {
-    const h = v.target.value;
-    l && l(e, h), await u.onFocus(h);
-  };
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k(z, { htmlFor: e, children: [
-      s || d.title,
-      r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    /* @__PURE__ */ p(
-      F,
-      {
-        id: e,
-        type: "color",
-        value: t || "#000000",
-        required: r,
-        disabled: o || n,
-        onChange: c,
-        onBlur: m,
-        onFocus: y,
-        className: "h-10 w-full cursor-pointer"
-      }
-    )
-  ] });
-}, fr = ({
-  id: e,
-  value: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  label: s,
-  onChange: a,
-  onBlur: i,
-  onFocus: l,
-  options: d,
-  schema: u
-}) => {
-  const c = d.inputType || "date", m = q(e, u), y = async (f) => {
-    const g = f.target.value;
-    a(g), await m.onChange(g);
-  }, v = async (f) => {
-    const g = f.target.value;
-    i && i(e, g), await m.onBlur(g);
-  }, h = async (f) => {
-    const g = f.target.value;
-    l && l(e, g), await m.onFocus(g);
-  };
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k(z, { htmlFor: e, children: [
-      s || u.title,
-      r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    /* @__PURE__ */ p(
-      F,
-      {
-        id: e,
-        type: c,
-        value: t || "",
-        required: r,
-        disabled: o || n,
-        onChange: y,
-        onBlur: v,
-        onFocus: h,
-        min: typeof d.minDate == "string" || typeof d.minDate == "number" ? d.minDate : void 0,
-        max: typeof d.maxDate == "string" || typeof d.maxDate == "number" ? d.maxDate : void 0,
-        className: "w-full"
-      }
-    )
-  ] });
-}, pr = me(
-  "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"
-    }
-  }
-), ie = b.forwardRef(
-  ({ className: e, variant: t, size: r, asChild: o = !1, ...n }, s) => /* @__PURE__ */ p(
-    o ? Qt : "button",
-    {
-      className: M(pr({ variant: t, size: r, className: e })),
-      ref: s,
-      ...n
-    }
-  )
-);
-ie.displayName = "Button";
-const mr = me(
-  "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 Se({ className: e, variant: t, ...r }) {
-  return /* @__PURE__ */ p("div", { className: M(mr({ 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 hr = {
-  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 gr = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase().trim(), Oe = (e, t) => {
-  const r = ut(
-    ({ color: o = "currentColor", size: n = 24, strokeWidth: s = 2, absoluteStrokeWidth: a, className: i = "", children: l, ...d }, u) => be(
-      "svg",
-      {
-        ref: u,
-        ...hr,
-        width: n,
-        height: n,
-        stroke: o,
-        strokeWidth: a ? Number(s) * 24 / Number(n) : s,
-        className: ["lucide", `lucide-${gr(e)}`, i].join(" "),
-        ...d
-      },
-      [
-        ...t.map(([c, m]) => be(c, m)),
-        ...Array.isArray(l) ? l : [l]
-      ]
-    )
-  );
-  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 br = Oe("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 Ne = Oe("X", [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-]), yr = ({
-  id: e,
-  value: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  label: s,
-  onChange: a,
-  options: i,
-  schema: l
-}) => {
-  const d = ke(null), u = i.accept || "*/*", c = i.multiple || !1, m = q(e, l), y = async (f) => {
-    const g = f.target.files;
-    if (!g) return;
-    let x;
-    if (c) {
-      const S = Array.from(g).map((w) => ({
-        name: w.name,
-        size: w.size,
-        type: w.type,
-        lastModified: w.lastModified
-      }));
-      x = S, a(S);
-    } else {
-      const S = g[0];
-      S && (x = {
-        name: S.name,
-        size: S.size,
-        type: S.type,
-        lastModified: S.lastModified
-      }, a(x));
-    }
-    x && await m.onChange(x);
-  }, v = async () => {
-    d.current && (d.current.value = ""), a(null), await m.onChange(null);
-  }, h = (f) => f < 1024 ? f + " B" : f < 1024 * 1024 ? (f / 1024).toFixed(1) + " KB" : (f / (1024 * 1024)).toFixed(1) + " MB";
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k(z, { htmlFor: e, children: [
-      s || l.title,
-      r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    /* @__PURE__ */ p(
-      F,
-      {
-        ref: d,
-        id: e,
-        type: "file",
-        accept: u,
-        multiple: c,
-        required: r,
-        disabled: o || n,
-        onChange: y,
-        className: "cursor-pointer"
-      }
-    ),
-    t && /* @__PURE__ */ p("div", { className: "space-y-2", children: c && Array.isArray(t) ? /* @__PURE__ */ p("div", { className: "flex flex-wrap gap-2", children: t.map((f, g) => /* @__PURE__ */ k(Se, { variant: "secondary", className: "flex items-center gap-1 pr-1", children: [
-      /* @__PURE__ */ k("span", { className: "text-xs", children: [
-        f.name,
-        " (",
-        h(f.size),
-        ")"
-      ] }),
-      !o && !n && /* @__PURE__ */ p(
-        ie,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: "h-4 w-4 p-0 hover:bg-transparent",
-          onClick: v,
-          children: /* @__PURE__ */ p(Ne, { className: "h-3 w-3" })
-        }
-      )
-    ] }, g)) }) : t && typeof t == "object" && "name" in t ? /* @__PURE__ */ k(Se, { variant: "secondary", className: "inline-flex items-center gap-1 pr-1", children: [
-      /* @__PURE__ */ k("span", { className: "text-xs", children: [
-        t.name,
-        " (",
-        h(t.size),
-        ")"
-      ] }),
-      !o && !n && /* @__PURE__ */ p(
-        ie,
-        {
-          type: "button",
-          variant: "ghost",
-          size: "icon",
-          className: "h-4 w-4 p-0 hover:bg-transparent",
-          onClick: v,
-          children: /* @__PURE__ */ p(Ne, { className: "h-3 w-3" })
-        }
-      )
-    ] }) : null })
-  ] });
-};
-function We(e, [t, r]) {
-  return Math.min(r, Math.max(t, e));
-}
-function J(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
-  return function(n) {
-    if (e == null || e(n), r === !1 || !n.defaultPrevented)
-      return t == null ? void 0 : t(n);
-  };
-}
-function je(e, t = []) {
-  let r = [];
-  function o(s, a) {
-    const i = b.createContext(a), l = r.length;
-    r = [...r, a];
-    const d = (c) => {
-      var g;
-      const { scope: m, children: y, ...v } = c, h = ((g = m == null ? void 0 : m[e]) == null ? void 0 : g[l]) || i, f = b.useMemo(() => v, Object.values(v));
-      return /* @__PURE__ */ p(h.Provider, { value: f, children: y });
-    };
-    d.displayName = s + "Provider";
-    function u(c, m) {
-      var h;
-      const y = ((h = m == null ? void 0 : m[e]) == null ? void 0 : h[l]) || i, v = b.useContext(y);
-      if (v) return v;
-      if (a !== void 0) return a;
-      throw new Error(`\`${c}\` must be used within \`${s}\``);
-    }
-    return [d, u];
-  }
-  const n = () => {
-    const s = r.map((a) => b.createContext(a));
-    return function(i) {
-      const l = (i == null ? void 0 : i[e]) || s;
-      return b.useMemo(
-        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
-        [i, l]
-      );
-    };
-  };
-  return n.scopeName = e, [o, vr(n, ...t)];
-}
-function vr(...e) {
-  const t = e[0];
-  if (e.length === 1) return t;
-  const r = () => {
-    const o = e.map((n) => ({
-      useScope: n(),
-      scopeName: n.scopeName
-    }));
-    return function(s) {
-      const a = o.reduce((i, { useScope: l, scopeName: d }) => {
-        const c = l(s)[`__scope${d}`];
-        return { ...i, ...c };
-      }, {});
-      return b.useMemo(() => ({ [`__scope${t.scopeName}`]: a }), [a]);
-    };
-  };
-  return r.scopeName = t.scopeName, r;
-}
-var De = globalThis != null && globalThis.document ? b.useLayoutEffect : () => {
-}, xr = b[" useInsertionEffect ".trim().toString()] || De;
-function wr({
-  prop: e,
-  defaultProp: t,
-  onChange: r = () => {
-  },
-  caller: o
-}) {
-  const [n, s, a] = Cr({
-    defaultProp: t,
-    onChange: r
-  }), i = e !== void 0, l = i ? e : n;
-  {
-    const u = b.useRef(e !== void 0);
-    b.useEffect(() => {
-      const c = u.current;
-      c !== i && console.warn(
-        `${o} is changing from ${c ? "controlled" : "uncontrolled"} to ${i ? "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.`
-      ), u.current = i;
-    }, [i, o]);
-  }
-  const d = b.useCallback(
-    (u) => {
-      var c;
-      if (i) {
-        const m = Sr(u) ? u(e) : u;
-        m !== e && ((c = a.current) == null || c.call(a, m));
-      } else
-        s(u);
-    },
-    [i, e, s, a]
-  );
-  return [l, d];
-}
-function Cr({
-  defaultProp: e,
-  onChange: t
-}) {
-  const [r, o] = b.useState(e), n = b.useRef(r), s = b.useRef(t);
-  return xr(() => {
-    s.current = t;
-  }, [t]), b.useEffect(() => {
-    var a;
-    n.current !== r && ((a = s.current) == null || a.call(s, r), n.current = r);
-  }, [r, n]), [r, o, s];
-}
-function Sr(e) {
-  return typeof e == "function";
-}
-var Nr = b.createContext(void 0);
-function kr(e) {
-  const t = b.useContext(Nr);
-  return e || t || "ltr";
-}
-function Rr(e) {
-  const t = b.useRef({ value: e, previous: e });
-  return b.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
-}
-function Pr(e) {
-  const [t, r] = b.useState(void 0);
-  return De(() => {
-    if (e) {
-      r({ width: e.offsetWidth, height: e.offsetHeight });
-      const o = new ResizeObserver((n) => {
-        if (!Array.isArray(n) || !n.length)
-          return;
-        const s = n[0];
-        let a, i;
-        if ("borderBoxSize" in s) {
-          const l = s.borderBoxSize, d = Array.isArray(l) ? l[0] : l;
-          a = d.inlineSize, i = d.blockSize;
-        } else
-          a = e.offsetWidth, i = e.offsetHeight;
-        r({ width: a, height: i });
-      });
-      return o.observe(e, { box: "border-box" }), () => o.unobserve(e);
-    } else
-      r(void 0);
-  }, [e]), t;
-}
-function Er(e) {
-  const t = e + "CollectionProvider", [r, o] = je(t), [n, s] = r(
-    t,
-    { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), a = (h) => {
-    const { scope: f, children: g } = h, x = G.useRef(null), S = G.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ p(n, { scope: f, itemMap: S, collectionRef: x, children: g });
-  };
-  a.displayName = t;
-  const i = e + "CollectionSlot", l = /* @__PURE__ */ se(i), d = G.forwardRef(
-    (h, f) => {
-      const { scope: g, children: x } = h, S = s(i, g), w = U(f, S.collectionRef);
-      return /* @__PURE__ */ p(l, { ref: w, children: x });
-    }
-  );
-  d.displayName = i;
-  const u = e + "CollectionItemSlot", c = "data-radix-collection-item", m = /* @__PURE__ */ se(u), y = G.forwardRef(
-    (h, f) => {
-      const { scope: g, children: x, ...S } = h, w = G.useRef(null), E = U(f, w), $ = s(u, g);
-      return G.useEffect(() => ($.itemMap.set(w, { ref: w, ...S }), () => void $.itemMap.delete(w))), /* @__PURE__ */ p(m, { [c]: "", ref: E, children: x });
-    }
-  );
-  y.displayName = u;
-  function v(h) {
-    const f = s(e + "CollectionConsumer", h);
-    return G.useCallback(() => {
-      const x = f.collectionRef.current;
-      if (!x) return [];
-      const S = Array.from(x.querySelectorAll(`[${c}]`));
-      return Array.from(f.itemMap.values()).sort(
-        ($, _) => S.indexOf($.ref.current) - S.indexOf(_.ref.current)
-      );
-    }, [f.collectionRef, f.itemMap]);
-  }
-  return [
-    { Provider: a, Slot: d, ItemSlot: y },
-    v,
-    o
-  ];
-}
-var Ge = ["PageUp", "PageDown"], Ue = ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"], Ke = {
-  "from-left": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-right": ["Home", "PageDown", "ArrowDown", "ArrowRight"],
-  "from-bottom": ["Home", "PageDown", "ArrowDown", "ArrowLeft"],
-  "from-top": ["Home", "PageDown", "ArrowUp", "ArrowLeft"]
-}, re = "Slider", [de, Ar, Mr] = Er(re), [Qe, co] = je(re, [
-  Mr
-]), [$r, ae] = Qe(re), qe = b.forwardRef(
-  (e, t) => {
-    const {
-      name: r,
-      min: o = 0,
-      max: n = 100,
-      step: s = 1,
-      orientation: a = "horizontal",
-      disabled: i = !1,
-      minStepsBetweenThumbs: l = 0,
-      defaultValue: d = [o],
-      value: u,
-      onValueChange: c = () => {
-      },
-      onValueCommit: m = () => {
-      },
-      inverted: y = !1,
-      form: v,
-      ...h
-    } = e, f = b.useRef(/* @__PURE__ */ new Set()), g = b.useRef(0), S = a === "horizontal" ? zr : Vr, [w = [], E] = wr({
-      prop: u,
-      defaultProp: d,
-      onChange: (P) => {
-        var I;
-        (I = [...f.current][g.current]) == null || I.focus(), c(P);
-      }
-    }), $ = b.useRef(w);
-    function _(P) {
-      const N = Br(w, P);
-      A(P, N);
-    }
-    function Y(P) {
-      A(P, g.current);
-    }
-    function K() {
-      const P = $.current[g.current];
-      w[g.current] !== P && m(w);
-    }
-    function A(P, N, { commit: I } = { commit: !1 }) {
-      const Q = Wr(s), X = jr(Math.round((P - o) / s) * s + o, Q), T = We(X, [o, n]);
-      E((B = []) => {
-        const V = Tr(B, T, N);
-        if (Or(V, l * s)) {
-          g.current = V.indexOf(T);
-          const O = String(V) !== String(B);
-          return O && I && m(V), O ? V : B;
-        } else
-          return B;
-      });
-    }
-    return /* @__PURE__ */ p(
-      $r,
-      {
-        scope: e.__scopeSlider,
-        name: r,
-        disabled: i,
-        min: o,
-        max: n,
-        valueIndexToChangeRef: g,
-        thumbs: f.current,
-        values: w,
-        orientation: a,
-        form: v,
-        children: /* @__PURE__ */ p(de.Provider, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(de.Slot, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(
-          S,
-          {
-            "aria-disabled": i,
-            "data-disabled": i ? "" : void 0,
-            ...h,
-            ref: t,
-            onPointerDown: J(h.onPointerDown, () => {
-              i || ($.current = w);
-            }),
-            min: o,
-            max: n,
-            inverted: y,
-            onSlideStart: i ? void 0 : _,
-            onSlideMove: i ? void 0 : Y,
-            onSlideEnd: i ? void 0 : K,
-            onHomeKeyDown: () => !i && A(o, 0, { commit: !0 }),
-            onEndKeyDown: () => !i && A(n, w.length - 1, { commit: !0 }),
-            onStepKeyDown: ({ event: P, direction: N }) => {
-              if (!i) {
-                const X = Ge.includes(P.key) || P.shiftKey && Ue.includes(P.key) ? 10 : 1, T = g.current, B = w[T], V = s * X * N;
-                A(B + V, T, { commit: !0 });
-              }
-            }
-          }
-        ) }) })
-      }
-    );
-  }
-);
-qe.displayName = re;
-var [Ye, Xe] = Qe(re, {
-  startEdge: "left",
-  endEdge: "right",
-  size: "width",
-  direction: 1
-}), zr = b.forwardRef(
-  (e, t) => {
-    const {
-      min: r,
-      max: o,
-      dir: n,
-      inverted: s,
-      onSlideStart: a,
-      onSlideMove: i,
-      onSlideEnd: l,
-      onStepKeyDown: d,
-      ...u
-    } = e, [c, m] = b.useState(null), y = U(t, (S) => m(S)), v = b.useRef(void 0), h = kr(n), f = h === "ltr", g = f && !s || !f && s;
-    function x(S) {
-      const w = v.current || c.getBoundingClientRect(), E = [0, w.width], _ = he(E, g ? [r, o] : [o, r]);
-      return v.current = w, _(S - w.left);
-    }
-    return /* @__PURE__ */ p(
-      Ye,
-      {
-        scope: e.__scopeSlider,
-        startEdge: g ? "left" : "right",
-        endEdge: g ? "right" : "left",
-        direction: g ? 1 : -1,
-        size: "width",
-        children: /* @__PURE__ */ p(
-          Je,
-          {
-            dir: h,
-            "data-orientation": "horizontal",
-            ...u,
-            ref: y,
-            style: {
-              ...u.style,
-              "--radix-slider-thumb-transform": "translateX(-50%)"
-            },
-            onSlideStart: (S) => {
-              const w = x(S.clientX);
-              a == null || a(w);
-            },
-            onSlideMove: (S) => {
-              const w = x(S.clientX);
-              i == null || i(w);
-            },
-            onSlideEnd: () => {
-              v.current = void 0, l == null || l();
-            },
-            onStepKeyDown: (S) => {
-              const E = Ke[g ? "from-left" : "from-right"].includes(S.key);
-              d == null || d({ event: S, direction: E ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), Vr = b.forwardRef(
-  (e, t) => {
-    const {
-      min: r,
-      max: o,
-      inverted: n,
-      onSlideStart: s,
-      onSlideMove: a,
-      onSlideEnd: i,
-      onStepKeyDown: l,
-      ...d
-    } = e, u = b.useRef(null), c = U(t, u), m = b.useRef(void 0), y = !n;
-    function v(h) {
-      const f = m.current || u.current.getBoundingClientRect(), g = [0, f.height], S = he(g, y ? [o, r] : [r, o]);
-      return m.current = f, S(h - f.top);
-    }
-    return /* @__PURE__ */ p(
-      Ye,
-      {
-        scope: e.__scopeSlider,
-        startEdge: y ? "bottom" : "top",
-        endEdge: y ? "top" : "bottom",
-        size: "height",
-        direction: y ? 1 : -1,
-        children: /* @__PURE__ */ p(
-          Je,
-          {
-            "data-orientation": "vertical",
-            ...d,
-            ref: c,
-            style: {
-              ...d.style,
-              "--radix-slider-thumb-transform": "translateY(50%)"
-            },
-            onSlideStart: (h) => {
-              const f = v(h.clientY);
-              s == null || s(f);
-            },
-            onSlideMove: (h) => {
-              const f = v(h.clientY);
-              a == null || a(f);
-            },
-            onSlideEnd: () => {
-              m.current = void 0, i == null || i();
-            },
-            onStepKeyDown: (h) => {
-              const g = Ke[y ? "from-bottom" : "from-top"].includes(h.key);
-              l == null || l({ event: h, direction: g ? -1 : 1 });
-            }
-          }
-        )
-      }
-    );
-  }
-), Je = b.forwardRef(
-  (e, t) => {
-    const {
-      __scopeSlider: r,
-      onSlideStart: o,
-      onSlideMove: n,
-      onSlideEnd: s,
-      onHomeKeyDown: a,
-      onEndKeyDown: i,
-      onStepKeyDown: l,
-      ...d
-    } = e, u = ae(re, r);
-    return /* @__PURE__ */ p(
-      te.span,
-      {
-        ...d,
-        ref: t,
-        onKeyDown: J(e.onKeyDown, (c) => {
-          c.key === "Home" ? (a(c), c.preventDefault()) : c.key === "End" ? (i(c), c.preventDefault()) : Ge.concat(Ue).includes(c.key) && (l(c), c.preventDefault());
-        }),
-        onPointerDown: J(e.onPointerDown, (c) => {
-          const m = c.target;
-          m.setPointerCapture(c.pointerId), c.preventDefault(), u.thumbs.has(m) ? m.focus() : o(c);
-        }),
-        onPointerMove: J(e.onPointerMove, (c) => {
-          c.target.hasPointerCapture(c.pointerId) && n(c);
-        }),
-        onPointerUp: J(e.onPointerUp, (c) => {
-          const m = c.target;
-          m.hasPointerCapture(c.pointerId) && (m.releasePointerCapture(c.pointerId), s(c));
-        })
-      }
-    );
-  }
-), Ze = "SliderTrack", et = b.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: r, ...o } = e, n = ae(Ze, r);
-    return /* @__PURE__ */ p(
-      te.span,
-      {
-        "data-disabled": n.disabled ? "" : void 0,
-        "data-orientation": n.orientation,
-        ...o,
-        ref: t
-      }
-    );
-  }
-);
-et.displayName = Ze;
-var ue = "SliderRange", tt = b.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: r, ...o } = e, n = ae(ue, r), s = Xe(ue, r), a = b.useRef(null), i = U(t, a), l = n.values.length, d = n.values.map(
-      (m) => nt(m, n.min, n.max)
-    ), u = l > 1 ? Math.min(...d) : 0, c = 100 - Math.max(...d);
-    return /* @__PURE__ */ p(
-      te.span,
-      {
-        "data-orientation": n.orientation,
-        "data-disabled": n.disabled ? "" : void 0,
-        ...o,
-        ref: i,
-        style: {
-          ...e.style,
-          [s.startEdge]: u + "%",
-          [s.endEdge]: c + "%"
-        }
-      }
-    );
-  }
-);
-tt.displayName = ue;
-var fe = "SliderThumb", rt = b.forwardRef(
-  (e, t) => {
-    const r = Ar(e.__scopeSlider), [o, n] = b.useState(null), s = U(t, (i) => n(i)), a = b.useMemo(
-      () => o ? r().findIndex((i) => i.ref.current === o) : -1,
-      [r, o]
-    );
-    return /* @__PURE__ */ p(Fr, { ...e, ref: s, index: a });
-  }
-), Fr = b.forwardRef(
-  (e, t) => {
-    const { __scopeSlider: r, index: o, name: n, ...s } = e, a = ae(fe, r), i = Xe(fe, r), [l, d] = b.useState(null), u = U(t, (x) => d(x)), c = l ? a.form || !!l.closest("form") : !0, m = Pr(l), y = a.values[o], v = y === void 0 ? 0 : nt(y, a.min, a.max), h = Ir(o, a.values.length), f = m == null ? void 0 : m[i.size], g = f ? Lr(f, v, i.direction) : 0;
-    return b.useEffect(() => {
-      if (l)
-        return a.thumbs.add(l), () => {
-          a.thumbs.delete(l);
-        };
-    }, [l, a.thumbs]), /* @__PURE__ */ k(
-      "span",
-      {
-        style: {
-          transform: "var(--radix-slider-thumb-transform)",
-          position: "absolute",
-          [i.startEdge]: `calc(${v}% + ${g}px)`
-        },
-        children: [
-          /* @__PURE__ */ p(de.ItemSlot, { scope: e.__scopeSlider, children: /* @__PURE__ */ p(
-            te.span,
-            {
-              role: "slider",
-              "aria-label": e["aria-label"] || h,
-              "aria-valuemin": a.min,
-              "aria-valuenow": y,
-              "aria-valuemax": a.max,
-              "aria-orientation": a.orientation,
-              "data-orientation": a.orientation,
-              "data-disabled": a.disabled ? "" : void 0,
-              tabIndex: a.disabled ? void 0 : 0,
-              ...s,
-              ref: u,
-              style: y === void 0 ? { display: "none" } : e.style,
-              onFocus: J(e.onFocus, () => {
-                a.valueIndexToChangeRef.current = o;
-              })
-            }
-          ) }),
-          c && /* @__PURE__ */ p(
-            ot,
-            {
-              name: n ?? (a.name ? a.name + (a.values.length > 1 ? "[]" : "") : void 0),
-              form: a.form,
-              value: y
-            },
-            o
-          )
-        ]
-      }
-    );
-  }
-);
-rt.displayName = fe;
-var _r = "RadioBubbleInput", ot = b.forwardRef(
-  ({ __scopeSlider: e, value: t, ...r }, o) => {
-    const n = b.useRef(null), s = U(n, o), a = Rr(t);
-    return b.useEffect(() => {
-      const i = n.current;
-      if (!i) return;
-      const l = window.HTMLInputElement.prototype, u = Object.getOwnPropertyDescriptor(l, "value").set;
-      if (a !== t && u) {
-        const c = new Event("input", { bubbles: !0 });
-        u.call(i, t), i.dispatchEvent(c);
-      }
-    }, [a, t]), /* @__PURE__ */ p(
-      te.input,
-      {
-        style: { display: "none" },
-        ...r,
-        ref: s,
-        defaultValue: t
-      }
-    );
-  }
-);
-ot.displayName = _r;
-function Tr(e = [], t, r) {
-  const o = [...e];
-  return o[r] = t, o.sort((n, s) => n - s);
-}
-function nt(e, t, r) {
-  const s = 100 / (r - t) * (e - t);
-  return We(s, [0, 100]);
-}
-function Ir(e, t) {
-  return t > 2 ? `Value ${e + 1} of ${t}` : t === 2 ? ["Minimum", "Maximum"][e] : void 0;
-}
-function Br(e, t) {
-  if (e.length === 1) return 0;
-  const r = e.map((n) => Math.abs(n - t)), o = Math.min(...r);
-  return r.indexOf(o);
-}
-function Lr(e, t, r) {
-  const o = e / 2, s = he([0, 50], [0, o]);
-  return (o - s(t) * r) * r;
-}
-function Hr(e) {
-  return e.slice(0, -1).map((t, r) => e[r + 1] - t);
-}
-function Or(e, t) {
-  if (t > 0) {
-    const r = Hr(e);
-    return Math.min(...r) >= t;
-  }
-  return !0;
-}
-function he(e, t) {
-  return (r) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const o = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + o * (r - e[0]);
-  };
-}
-function Wr(e) {
-  return (String(e).split(".")[1] || "").length;
-}
-function jr(e, t) {
-  const r = Math.pow(10, t);
-  return Math.round(e * r) / r;
-}
-var st = qe, Dr = et, Gr = tt, Ur = rt;
-const it = b.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ k(
-  st,
-  {
-    ref: r,
-    className: M(
-      "relative flex w-full touch-none select-none items-center",
-      e
-    ),
-    ...t,
-    children: [
-      /* @__PURE__ */ p(Dr, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-secondary", children: /* @__PURE__ */ p(Gr, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ p(Ur, { 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" })
-    ]
-  }
-));
-it.displayName = st.displayName;
-const Kr = ({
-  id: e,
-  value: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  label: s,
-  onChange: a,
-  onBlur: i,
-  schema: l
-}) => {
-  const d = l.minimum || 0, u = l.maximum || 100, c = l.multipleOf || 1, m = q(e, l), y = async (v) => {
-    const h = v[0];
-    a(h), i && i(e, h), await m.onChange(h);
-  };
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ k(z, { htmlFor: e, children: [
-        s || l.title,
-        r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-      ] }),
-      /* @__PURE__ */ p("span", { className: "text-sm font-medium tabular-nums", children: t || d })
-    ] }),
-    /* @__PURE__ */ p(
-      it,
-      {
-        id: e,
-        min: d,
-        max: u,
-        step: c,
-        value: [t || d],
-        onValueChange: y,
-        disabled: o || n,
-        className: "w-full"
-      }
-    )
-  ] });
-}, Qr = ({
-  id: e,
-  value: t,
-  required: r,
-  disabled: o,
-  readonly: n,
-  label: s,
-  onChange: a,
-  options: i,
-  schema: l
-}) => {
-  const d = Number(i.max || l.maximum || 5), u = Array.from({ length: d }, (y, v) => v + 1), c = q(e, l), m = async (y) => {
-    !o && !n && (a(y), await c.onChange(y));
-  };
-  return /* @__PURE__ */ k("div", { className: "space-y-2", children: [
-    /* @__PURE__ */ k(z, { htmlFor: e, children: [
-      s || l.title,
-      r && /* @__PURE__ */ p("span", { className: "text-destructive ml-1", children: "*" })
-    ] }),
-    /* @__PURE__ */ p("div", { className: "flex items-center gap-1", role: "radiogroup", "aria-labelledby": e, children: u.map((y) => /* @__PURE__ */ p(
-      ie,
-      {
-        type: "button",
-        variant: "ghost",
-        size: "icon",
-        className: M(
-          "h-8 w-8 p-0 hover:bg-transparent",
-          o || n ? "cursor-not-allowed opacity-50" : "cursor-pointer"
-        ),
-        onClick: () => m(y),
-        disabled: o || n,
-        "aria-label": `Rate ${y} out of ${d}`,
-        role: "radio",
-        "aria-checked": y === t,
-        children: /* @__PURE__ */ p(
-          br,
-          {
-            className: M(
-              "h-5 w-5 transition-colors",
-              y <= (t || 0) ? "fill-yellow-400 text-yellow-400" : "text-muted-foreground"
-            )
-          }
-        )
-      },
-      y
-    )) })
-  ] });
-}, qr = {
-  color: ur,
-  date: fr,
-  file: yr,
-  range: Kr,
-  rating: Qr
-}, Yr = {
-  small: "space-y-2",
-  medium: "space-y-4",
-  large: "space-y-6"
-}, uo = ({
-  children: e,
-  spacing: t = "medium",
-  className: r = ""
-}) => /* @__PURE__ */ p("div", { className: M("flex flex-col", Yr[t], r), children: e }), Xr = {
-  small: "space-x-2",
-  medium: "space-x-4",
-  large: "space-x-6"
-}, Jr = {
-  start: "items-start",
-  center: "items-center",
-  end: "items-end",
-  stretch: "items-stretch"
-}, fo = ({
-  children: e,
-  spacing: t = "medium",
-  align: r = "center",
-  className: o = ""
-}) => /* @__PURE__ */ p("div", { className: M("flex flex-row", Xr[t], Jr[r], o), children: e }), Zr = {
-  small: "gap-2",
-  medium: "gap-4",
-  large: "gap-6"
-}, po = ({
-  children: e,
-  columns: t = "auto-fit",
-  gap: r = "medium",
-  minItemWidth: o = "250px",
-  className: n = ""
-}) => {
-  const s = {
-    display: "grid"
-  };
-  return typeof t == "number" ? s.gridTemplateColumns = `repeat(${t}, 1fr)` : s.gridTemplateColumns = `repeat(${t}, minmax(${o}, 1fr))`, /* @__PURE__ */ p("div", { className: M("grid", Zr[r], n), style: s, children: e });
-};
-class mo {
-  constructor(t) {
-    W(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 eo {
-  constructor(t, r = {}, o = []) {
-    W(this, "formHandlers");
-    W(this, "fieldHandlers");
-    W(this, "webhooks");
-    W(this, "debounceTimers", /* @__PURE__ */ new Map());
-    W(this, "webhookQueue", []);
-    W(this, "isProcessingQueue", !1);
-    this.formHandlers = t, this.fieldHandlers = r, this.webhooks = o;
-  }
-  // 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, o, n, s, a) {
-    const i = {
-      eventType: t,
-      fieldId: r,
-      fieldValue: o,
-      schema: n,
-      formData: s,
-      timestamp: Date.now(),
-      fieldPath: a
-    };
-    try {
-      switch (t) {
-        case "focus":
-          this.fieldHandlers.onFieldFocus && await this.fieldHandlers.onFieldFocus(i);
-          break;
-        case "blur":
-          this.fieldHandlers.onFieldBlur && await this.fieldHandlers.onFieldBlur(i);
-          break;
-        case "change":
-          this.fieldHandlers.onFieldChange && await this.fieldHandlers.onFieldChange(i);
-          break;
-      }
-    } catch (l) {
-      console.error(`Error in field event handler (${t}):`, l);
-    }
-    this.processWebhooks(i);
-  }
-  processWebhooks(t) {
-    const r = this.webhooks.filter(
-      (o) => !o.events || o.events.includes(t.eventType)
-    );
-    for (const o of r)
-      o.debounceMs && o.debounceMs > 0 ? this.debounceWebhook(o, t) : this.queueWebhook(o, t);
-  }
-  debounceWebhook(t, r) {
-    const o = `${t.url}-${r.fieldId}-${r.eventType}`;
-    this.debounceTimers.has(o) && clearTimeout(this.debounceTimers.get(o));
-    const n = setTimeout(() => {
-      this.queueWebhook(t, r), this.debounceTimers.delete(o);
-    }, t.debounceMs);
-    this.debounceTimers.set(o, n);
-  }
-  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 o = t.config.retries || 3;
-          t.retryCount < o ? (t.retryCount++, setTimeout(() => {
-            this.webhookQueue.push(t);
-          }, Math.pow(2, t.retryCount) * 1e3)) : console.error(`Webhook failed after ${o} retries:`, r);
-        }
-      }
-      this.isProcessingQueue = !1;
-    }
-  }
-  async callWebhook(t, r) {
-    const o = {
-      event: r,
-      timestamp: Date.now(),
-      source: "extended-dynamic-forms"
-    }, n = {
-      method: t.method || "POST",
-      headers: {
-        "Content-Type": "application/json",
-        ...t.headers
-      },
-      body: JSON.stringify(o)
-    };
-    t.timeout && (n.signal = AbortSignal.timeout(t.timeout));
-    const s = await fetch(t.url, n);
-    if (!s.ok)
-      throw new Error(`Webhook request failed: ${s.status} ${s.statusText}`);
-  }
-  // Helper method to create bound event handlers for widgets
-  createFieldEventHandlers(t, r, o, n) {
-    return {
-      onFocus: (s) => this.handleFieldEvent("focus", t, s, r, o, n),
-      onBlur: (s) => this.handleFieldEvent("blur", t, s, r, o, n),
-      onChange: (s) => this.handleFieldEvent("change", t, s, r, o, n)
-    };
-  }
-  // Cleanup method to clear timers
-  cleanup() {
-    for (const t of this.debounceTimers.values())
-      clearTimeout(t);
-    this.debounceTimers.clear();
-  }
-}
-const to = {
-  /**
-   * 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 o = e;
-    for (const n of r)
-      if (o && typeof o == "object" && n in o)
-        o = o[n];
-      else
-        return;
-    return o;
-  },
-  /**
-   * Set nested value in form data using dot notation
-   */
-  setNestedValue: (e, t, r) => {
-    const o = t.split("."), n = { ...e };
-    let s = n;
-    for (let a = 0; a < o.length - 1; a++) {
-      const i = o[a];
-      (!(i in s) || typeof s[i] != "object") && (s[i] = {}), s = s[i];
-    }
-    return s[o[o.length - 1]] = r, n;
-  },
-  /**
-   * 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, o] of Object.entries(e))
-        o != null && o !== "" && (t[r] = to.removeEmptyValues(o));
-      return t;
-    }
-    return e;
-  }
-}, ro = {
-  /**
-   * 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 o = e;
-    for (const n of r)
-      if (o.type === "object" && o.properties)
-        o = o.properties[n];
-      else if (o.type === "array" && o.items)
-        o = o.items;
-      else
-        return;
-    return o;
-  },
-  /**
-   * 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 [o, n] of Object.entries(e.properties)) {
-        const s = t ? `${t}.${o}` : o;
-        r.push(s), r.push(...ro.getAllFieldPaths(n, s));
-      }
-    return r;
-  }
-}, ho = {
-  /**
-   * 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"
-}, go = ({
-  schema: e,
-  uiSchema: t,
-  formData: r,
-  onSubmit: o,
-  onChange: n,
-  onError: s,
-  onBlur: a,
-  onFocus: i,
-  beforeSubmit: l,
-  afterSubmit: d,
-  beforeValidation: u,
-  afterValidation: c,
-  onFieldFocus: m,
-  onFieldBlur: y,
-  onFieldChange: v,
-  webhooks: h = [],
-  widgets: f = {},
-  fields: g = {},
-  templates: x = {},
-  ...S
-}) => {
-  const w = ke(null), E = ft(() => {
-    const A = new eo(
-      {
-        beforeSubmit: l,
-        afterSubmit: d,
-        beforeValidation: u,
-        afterValidation: c
-      },
-      {
-        onFieldFocus: m,
-        onFieldBlur: y,
-        onFieldChange: v
-      },
-      h
-    );
-    return w.current = A, A;
-  }, [l, d, u, c, m, y, v, h]);
-  pt(() => () => {
-    w.current && w.current.cleanup();
-  }, []);
-  const $ = async (A, P) => {
-    const N = await E.handleBeforeSubmit(A);
-    o && await o(N, P), await E.handleAfterSubmit(N);
-  }, _ = (A) => {
-    n && n(A);
-  }, Y = {
-    ...qr,
-    ...f
-  }, K = {
-    ...dr,
-    ...g
-  };
-  return /* @__PURE__ */ p(ir, { eventHub: E, formData: r, children: /* @__PURE__ */ p(
-    ht,
-    {
-      schema: e,
-      uiSchema: t,
-      formData: r,
-      validator: mt,
-      onSubmit: $,
-      onChange: _,
-      onError: s,
-      onBlur: a,
-      onFocus: i,
-      widgets: Y,
-      fields: K,
-      templates: x,
-      ...S
-    }
-  ) });
-};
-export {
-  sr as AddressField,
-  ur as ColorWidget,
-  cr as CurrencyField,
-  fr as DateWidget,
-  go as ExtendedForm,
-  yr as FileWidget,
-  eo as FormEventHub,
-  mo as FormEventManager,
-  ir as FormEventProvider,
-  po as GridLayout,
-  fo as HorizontalLayout,
-  lr as PhoneField,
-  Kr as RangeWidget,
-  Qr as RatingWidget,
-  uo as VerticalLayout,
-  M as cn,
-  dr as customFields,
-  qr as customWidgets,
-  to as formDataUtils,
-  wo as generateTheme,
-  ro as schemaUtils,
-  q as useFieldEventHandlers,
-  ar as useFormEventHub,
-  ho as validationUtils,
-  vo as validator
-};