json-schema-builder-react 0.0.1 → 0.0.3

package/dist-lib/index.js

@@ -1,90 +1,90 @@
-import { jsx as n, jsxs as l, Fragment as Ye } from "react/jsx-runtime";
+import { jsx as n, jsxs as l, Fragment as et } from "react/jsx-runtime";
 import * as I from "react";
-import { useContext as et, createContext as tt, useState as E, useEffect as re, useMemo as rt } from "react";
-import { Slot as nt } from "@radix-ui/react-slot";
-import { X as ot, ChevronDown as ge, Check as je, ChevronUp as at, Type as it, Hash as Ce, CheckSquare as st, Braces as lt, List as dt, FileText as ct, Plus as te, Pencil as mt, Trash2 as Re, CheckCircle2 as ut, Copy as pt, Download as ht, ChevronRight as ft, Moon as gt, Sun as bt, Upload as yt } from "lucide-react";
+import { createContext as tt, useContext as rt, useState as V, useEffect as be, useMemo as nt, useCallback as H } from "react";
+import { Slot as ot } from "@radix-ui/react-slot";
+import { X as at, ChevronDown as ye, Check as Re, ChevronUp as it, Type as st, Hash as Se, CheckSquare as lt, Braces as dt, List as ct, FileText as mt, Plus as re, Pencil as ut, Trash2 as Le, CheckCircle2 as pt, Copy as ht, Download as ft, ChevronRight as gt, Moon as bt, Sun as yt, Upload as vt } from "lucide-react";
 import * as ne from "@radix-ui/react-tooltip";
-import * as B from "@radix-ui/react-dialog";
-import * as Le from "@radix-ui/react-label";
-import * as A from "@radix-ui/react-select";
-import * as ie from "@radix-ui/react-checkbox";
-function Me(e) {
+import * as D from "@radix-ui/react-dialog";
+import * as qe from "@radix-ui/react-label";
+import * as P from "@radix-ui/react-select";
+import * as se from "@radix-ui/react-checkbox";
+function Ee(e) {
   var r, t, a = "";
   if (typeof e == "string" || typeof e == "number") a += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
     var o = e.length;
-    for (r = 0; r < o; r++) e[r] && (t = Me(e[r])) && (a && (a += " "), a += t);
+    for (r = 0; r < o; r++) e[r] && (t = Ee(e[r])) && (a && (a += " "), a += t);
   } else for (t in e) e[t] && (a && (a += " "), a += t);
   return a;
 }
-function qe() {
-  for (var e, r, t = 0, a = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Me(e)) && (a && (a += " "), a += r);
+function Me() {
+  for (var e, r, t = 0, a = "", o = arguments.length; t < o; t++) (e = arguments[t]) && (r = Ee(e)) && (a && (a += " "), a += r);
   return a;
 }
-const ke = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = qe, Ee = (e, r) => (t) => {
+const Ie = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Te = Me, Fe = (e, r) => (t) => {
   var a;
-  if ((r == null ? void 0 : r.variants) == null) return Se(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+  if ((r == null ? void 0 : r.variants) == null) return Te(e, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
   const { variants: o, defaultVariants: i } = r, s = Object.keys(o).map((d) => {
-    const f = t == null ? void 0 : t[d], C = i == null ? void 0 : i[d];
-    if (f === null) return null;
-    const v = ke(f) || ke(C);
-    return o[d][v];
-  }), c = t && Object.entries(t).reduce((d, f) => {
-    let [C, v] = f;
-    return v === void 0 || (d[C] = v), d;
-  }, {}), m = r == null || (a = r.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((d, f) => {
-    let { class: C, className: v, ...T } = f;
-    return Object.entries(T).every((b) => {
-      let [u, h] = b;
+    const g = t == null ? void 0 : t[d], N = i == null ? void 0 : i[d];
+    if (g === null) return null;
+    const x = Ie(g) || Ie(N);
+    return o[d][x];
+  }), c = t && Object.entries(t).reduce((d, g) => {
+    let [N, x] = g;
+    return x === void 0 || (d[N] = x), d;
+  }, {}), m = r == null || (a = r.compoundVariants) === null || a === void 0 ? void 0 : a.reduce((d, g) => {
+    let { class: N, className: x, ...S } = g;
+    return Object.entries(S).every((y) => {
+      let [p, h] = y;
       return Array.isArray(h) ? h.includes({
         ...i,
         ...c
-      }[u]) : {
+      }[p]) : {
         ...i,
         ...c
-      }[u] === h;
+      }[p] === h;
     }) ? [
       ...d,
-      C,
-      v
+      N,
+      x
     ] : d;
   }, []);
-  return Se(e, s, m, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
-}, be = "-", vt = (e) => {
-  const r = wt(e), {
+  return Te(e, s, m, t == null ? void 0 : t.class, t == null ? void 0 : t.className);
+}, ve = "-", xt = (e) => {
+  const r = Nt(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: a
   } = e;
   return {
     getClassGroupId: (s) => {
-      const c = s.split(be);
-      return c[0] === "" && c.length !== 1 && c.shift(), Fe(c, r) || xt(s);
+      const c = s.split(ve);
+      return c[0] === "" && c.length !== 1 && c.shift(), Oe(c, r) || wt(s);
     },
     getConflictingClassGroupIds: (s, c) => {
       const m = t[s] || [];
       return c && a[s] ? [...m, ...a[s]] : m;
     }
   };
-}, Fe = (e, r) => {
+}, Oe = (e, r) => {
   var s;
   if (e.length === 0)
     return r.classGroupId;
-  const t = e[0], a = r.nextPart.get(t), o = a ? Fe(e.slice(1), a) : void 0;
+  const t = e[0], a = r.nextPart.get(t), o = a ? Oe(e.slice(1), a) : void 0;
   if (o)
     return o;
   if (r.validators.length === 0)
     return;
-  const i = e.join(be);
+  const i = e.join(ve);
   return (s = r.validators.find(({
     validator: c
   }) => c(i))) == null ? void 0 : s.classGroupId;
-}, Ie = /^\[(.+)\]$/, xt = (e) => {
-  if (Ie.test(e)) {
-    const r = Ie.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
+}, ze = /^\[(.+)\]$/, wt = (e) => {
+  if (ze.test(e)) {
+    const r = ze.exec(e)[1], t = r == null ? void 0 : r.substring(0, r.indexOf(":"));
     if (t)
       return "arbitrary.." + t;
   }
-}, wt = (e) => {
+}, Nt = (e) => {
   const {
     theme: r,
     prefix: t
@@ -92,19 +92,19 @@ const ke = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = qe, E
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  return Ct(Object.entries(e.classGroups), t).forEach(([i, s]) => {
-    se(s, a, i, r);
+  return kt(Object.entries(e.classGroups), t).forEach(([i, s]) => {
+    le(s, a, i, r);
   }), a;
-}, se = (e, r, t, a) => {
+}, le = (e, r, t, a) => {
   e.forEach((o) => {
     if (typeof o == "string") {
-      const i = o === "" ? r : Te(r, o);
+      const i = o === "" ? r : Pe(r, o);
       i.classGroupId = t;
       return;
     }
     if (typeof o == "function") {
-      if (Nt(o)) {
-        se(o(a), r, t, a);
+      if (Ct(o)) {
+        le(o(a), r, t, a);
         return;
       }
       r.validators.push({
@@ -114,21 +114,21 @@ const ke = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = qe, E
       return;
     }
     Object.entries(o).forEach(([i, s]) => {
-      se(s, Te(r, i), t, a);
+      le(s, Pe(r, i), t, a);
     });
   });
-}, Te = (e, r) => {
+}, Pe = (e, r) => {
   let t = e;
-  return r.split(be).forEach((a) => {
+  return r.split(ve).forEach((a) => {
     t.nextPart.has(a) || t.nextPart.set(a, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
     }), t = t.nextPart.get(a);
   }), t;
-}, Nt = (e) => e.isThemeGetter, Ct = (e, r) => r ? e.map(([t, a]) => {
+}, Ct = (e) => e.isThemeGetter, kt = (e, r) => r ? e.map(([t, a]) => {
   const o = a.map((i) => typeof i == "string" ? r + i : typeof i == "object" ? Object.fromEntries(Object.entries(i).map(([s, c]) => [r + s, c])) : i);
   return [t, o];
-}) : e, kt = (e) => {
+}) : e, St = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -152,40 +152,40 @@ const ke = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = qe, E
       t.has(i) ? t.set(i, s) : o(i, s);
     }
   };
-}, Oe = "!", St = (e) => {
+}, Ve = "!", It = (e) => {
   const {
     separator: r,
     experimentalParseClassName: t
   } = e, a = r.length === 1, o = r[0], i = r.length, s = (c) => {
     const m = [];
-    let d = 0, f = 0, C;
+    let d = 0, g = 0, N;
     for (let h = 0; h < c.length; h++) {
-      let k = c[h];
+      let v = c[h];
       if (d === 0) {
-        if (k === o && (a || c.slice(h, h + i) === r)) {
-          m.push(c.slice(f, h)), f = h + i;
+        if (v === o && (a || c.slice(h, h + i) === r)) {
+          m.push(c.slice(g, h)), g = h + i;
           continue;
         }
-        if (k === "/") {
-          C = h;
+        if (v === "/") {
+          N = h;
           continue;
         }
       }
-      k === "[" ? d++ : k === "]" && d--;
+      v === "[" ? d++ : v === "]" && d--;
     }
-    const v = m.length === 0 ? c : c.substring(f), T = v.startsWith(Oe), b = T ? v.substring(1) : v, u = C && C > f ? C - f : void 0;
+    const x = m.length === 0 ? c : c.substring(g), S = x.startsWith(Ve), y = S ? x.substring(1) : x, p = N && N > g ? N - g : void 0;
     return {
       modifiers: m,
-      hasImportantModifier: T,
-      baseClassName: b,
-      maybePostfixModifierPosition: u
+      hasImportantModifier: S,
+      baseClassName: y,
+      maybePostfixModifierPosition: p
     };
   };
   return t ? (c) => t({
     className: c,
     parseClassName: s
   }) : s;
-}, It = (e) => {
+}, Tt = (e) => {
   if (e.length <= 1)
     return e;
   const r = [];
@@ -193,122 +193,122 @@ const ke = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Se = qe, E
   return e.forEach((a) => {
     a[0] === "[" ? (r.push(...t.sort(), a), t = []) : t.push(a);
   }), r.push(...t.sort()), r;
-}, Tt = (e) => ({
-  cache: kt(e.cacheSize),
-  parseClassName: St(e),
-  ...vt(e)
-}), zt = /\s+/, Pt = (e, r) => {
+}, zt = (e) => ({
+  cache: St(e.cacheSize),
+  parseClassName: It(e),
+  ...xt(e)
+}), Pt = /\s+/, At = (e, r) => {
   const {
     parseClassName: t,
     getClassGroupId: a,
     getConflictingClassGroupIds: o
-  } = r, i = [], s = e.trim().split(zt);
+  } = r, i = [], s = e.trim().split(Pt);
   let c = "";
   for (let m = s.length - 1; m >= 0; m -= 1) {
     const d = s[m], {
-      modifiers: f,
-      hasImportantModifier: C,
-      baseClassName: v,
-      maybePostfixModifierPosition: T
+      modifiers: g,
+      hasImportantModifier: N,
+      baseClassName: x,
+      maybePostfixModifierPosition: S
     } = t(d);
-    let b = !!T, u = a(b ? v.substring(0, T) : v);
-    if (!u) {
-      if (!b) {
+    let y = !!S, p = a(y ? x.substring(0, S) : x);
+    if (!p) {
+      if (!y) {
         c = d + (c.length > 0 ? " " + c : c);
         continue;
       }
-      if (u = a(v), !u) {
+      if (p = a(x), !p) {
         c = d + (c.length > 0 ? " " + c : c);
         continue;
       }
-      b = !1;
+      y = !1;
     }
-    const h = It(f).join(":"), k = C ? h + Oe : h, w = k + u;
-    if (i.includes(w))
+    const h = Tt(g).join(":"), v = N ? h + Ve : h, T = v + p;
+    if (i.includes(T))
       continue;
-    i.push(w);
-    const p = o(u, b);
-    for (let j = 0; j < p.length; ++j) {
-      const V = p[j];
-      i.push(k + V);
+    i.push(T);
+    const u = o(p, y);
+    for (let A = 0; A < u.length; ++A) {
+      const O = u[A];
+      i.push(v + O);
     }
     c = d + (c.length > 0 ? " " + c : c);
   }
   return c;
 };
-function At() {
+function jt() {
   let e = 0, r, t, a = "";
   for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = Ve(r)) && (a && (a += " "), a += t);
+    (r = arguments[e++]) && (t = De(r)) && (a && (a += " "), a += t);
   return a;
 }
-const Ve = (e) => {
+const De = (e) => {
   if (typeof e == "string")
     return e;
   let r, t = "";
   for (let a = 0; a < e.length; a++)
-    e[a] && (r = Ve(e[a])) && (t && (t += " "), t += r);
+    e[a] && (r = De(e[a])) && (t && (t += " "), t += r);
   return t;
 };
-function jt(e, ...r) {
+function Rt(e, ...r) {
   let t, a, o, i = s;
   function s(m) {
-    const d = r.reduce((f, C) => C(f), e());
-    return t = Tt(d), a = t.cache.get, o = t.cache.set, i = c, c(m);
+    const d = r.reduce((g, N) => N(g), e());
+    return t = zt(d), a = t.cache.get, o = t.cache.set, i = c, c(m);
   }
   function c(m) {
     const d = a(m);
     if (d)
       return d;
-    const f = Pt(m, t);
-    return o(m, f), f;
+    const g = At(m, t);
+    return o(m, g), g;
   }
   return function() {
-    return i(At.apply(null, arguments));
+    return i(jt.apply(null, arguments));
   };
 }
-const S = (e) => {
+const k = (e) => {
   const r = (t) => t[e] || [];
   return r.isThemeGetter = !0, r;
-}, De = /^\[(?:([a-z-]+):)?(.+)\]$/i, Rt = /^\d+\/\d+$/, Lt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Mt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, qt = /\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$/, Et = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Ft = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Ot = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, U = (e) => X(e) || Lt.has(e) || Rt.test(e), K = (e) => Z(e, "length", Ut), X = (e) => !!e && !Number.isNaN(Number(e)), ae = (e) => Z(e, "number", X), Y = (e) => !!e && Number.isInteger(Number(e)), Vt = (e) => e.endsWith("%") && X(e.slice(0, -1)), g = (e) => De.test(e), H = (e) => Mt.test(e), Dt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Gt = (e) => Z(e, Dt, Ge), Bt = (e) => Z(e, "position", Ge), $t = /* @__PURE__ */ new Set(["image", "url"]), _t = (e) => Z(e, $t, Kt), Jt = (e) => Z(e, "", Wt), ee = () => !0, Z = (e, r, t) => {
-  const a = De.exec(e);
+}, Ge = /^\[(?:([a-z-]+):)?(.+)\]$/i, Lt = /^\d+\/\d+$/, qt = /* @__PURE__ */ new Set(["px", "full", "screen"]), Et = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Mt = /\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$/, Ft = /^(rgba?|hsla?|hwb|(ok)?(lab|lch))\(.+\)$/, Ot = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, Vt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $ = (e) => Z(e) || qt.has(e) || Lt.test(e), U = (e) => Q(e, "length", Wt), Z = (e) => !!e && !Number.isNaN(Number(e)), ie = (e) => Q(e, "number", Z), ee = (e) => !!e && Number.isInteger(Number(e)), Dt = (e) => e.endsWith("%") && Z(e.slice(0, -1)), b = (e) => Ge.test(e), W = (e) => Et.test(e), Gt = /* @__PURE__ */ new Set(["length", "size", "percentage"]), Bt = (e) => Q(e, Gt, Be), $t = (e) => Q(e, "position", Be), _t = /* @__PURE__ */ new Set(["image", "url"]), Jt = (e) => Q(e, _t, Ht), Ut = (e) => Q(e, "", Kt), te = () => !0, Q = (e, r, t) => {
+  const a = Ge.exec(e);
   return a ? a[1] ? typeof r == "string" ? a[1] === r : r.has(a[1]) : t(a[2]) : !1;
-}, Ut = (e) => (
+}, Wt = (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.
-  qt.test(e) && !Et.test(e)
-), Ge = () => !1, Wt = (e) => Ft.test(e), Kt = (e) => Ot.test(e), Ht = () => {
-  const e = S("colors"), r = S("spacing"), t = S("blur"), a = S("brightness"), o = S("borderColor"), i = S("borderRadius"), s = S("borderSpacing"), c = S("borderWidth"), m = S("contrast"), d = S("grayscale"), f = S("hueRotate"), C = S("invert"), v = S("gap"), T = S("gradientColorStops"), b = S("gradientColorStopPositions"), u = S("inset"), h = S("margin"), k = S("opacity"), w = S("padding"), p = S("saturate"), j = S("scale"), V = S("sepia"), W = S("skew"), F = S("space"), D = S("translate"), q = () => ["auto", "contain", "none"], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], $ = () => ["auto", g, r], x = () => [g, r], y = () => ["", U, K], O = () => ["auto", X, g], z = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], G = () => ["solid", "dashed", "dotted", "double", "none"], we = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], oe = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Q = () => ["", "0", g], Ne = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], J = () => [X, g];
+  Mt.test(e) && !Ft.test(e)
+), Be = () => !1, Kt = (e) => Ot.test(e), Ht = (e) => Vt.test(e), Xt = () => {
+  const e = k("colors"), r = k("spacing"), t = k("blur"), a = k("brightness"), o = k("borderColor"), i = k("borderRadius"), s = k("borderSpacing"), c = k("borderWidth"), m = k("contrast"), d = k("grayscale"), g = k("hueRotate"), N = k("invert"), x = k("gap"), S = k("gradientColorStops"), y = k("gradientColorStopPositions"), p = k("inset"), h = k("margin"), v = k("opacity"), T = k("padding"), u = k("saturate"), A = k("scale"), O = k("sepia"), _ = k("skew"), M = k("space"), F = k("translate"), E = () => ["auto", "contain", "none"], J = () => ["auto", "hidden", "clip", "visible", "scroll"], G = () => ["auto", b, r], w = () => [b, r], f = () => ["", $, U], q = () => ["auto", Z, b], X = () => ["bottom", "center", "left", "left-bottom", "left-top", "right", "right-bottom", "right-top", "top"], K = () => ["solid", "dashed", "dotted", "double", "none"], Ce = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], ae = () => ["start", "end", "center", "between", "around", "evenly", "stretch"], Y = () => ["", "0", b], ke = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], B = () => [Z, b];
   return {
     cacheSize: 500,
     separator: ":",
     theme: {
-      colors: [ee],
-      spacing: [U, K],
-      blur: ["none", "", H, g],
-      brightness: J(),
+      colors: [te],
+      spacing: [$, U],
+      blur: ["none", "", W, b],
+      brightness: B(),
       borderColor: [e],
-      borderRadius: ["none", "", "full", H, g],
-      borderSpacing: x(),
-      borderWidth: y(),
-      contrast: J(),
-      grayscale: Q(),
-      hueRotate: J(),
-      invert: Q(),
-      gap: x(),
+      borderRadius: ["none", "", "full", W, b],
+      borderSpacing: w(),
+      borderWidth: f(),
+      contrast: B(),
+      grayscale: Y(),
+      hueRotate: B(),
+      invert: Y(),
+      gap: w(),
       gradientColorStops: [e],
-      gradientColorStopPositions: [Vt, K],
-      inset: $(),
-      margin: $(),
-      opacity: J(),
-      padding: x(),
-      saturate: J(),
-      scale: J(),
-      sepia: Q(),
-      skew: J(),
-      space: x(),
-      translate: x()
+      gradientColorStopPositions: [Dt, U],
+      inset: G(),
+      margin: G(),
+      opacity: B(),
+      padding: w(),
+      saturate: B(),
+      scale: B(),
+      sepia: Y(),
+      skew: B(),
+      space: w(),
+      translate: w()
     },
     classGroups: {
       // Layout
@@ -317,7 +317,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", "video", g]
+        aspect: ["auto", "square", "video", b]
       }],
       /**
        * Container
@@ -329,21 +329,21 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [H]
+        columns: [W]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": Ne()
+        "break-after": ke()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": Ne()
+        "break-before": ke()
       }],
       /**
        * Break Inside
@@ -402,49 +402,49 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: [...z(), g]
+        object: [...X(), b]
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: _()
+        overflow: J()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": _()
+        "overflow-x": J()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": _()
+        "overflow-y": J()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: q()
+        overscroll: E()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": q()
+        "overscroll-x": E()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": q()
+        "overscroll-y": E()
       }],
       /**
        * Position
@@ -456,63 +456,63 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: [u]
+        inset: [p]
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": [u]
+        "inset-x": [p]
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": [u]
+        "inset-y": [p]
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: [u]
+        start: [p]
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: [u]
+        end: [p]
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: [u]
+        top: [p]
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: [u]
+        right: [p]
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: [u]
+        bottom: [p]
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: [u]
+        left: [p]
       }],
       /**
        * Visibility
@@ -524,7 +524,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: ["auto", Y, g]
+        z: ["auto", ee, b]
       }],
       // Flexbox and Grid
       /**
@@ -532,7 +532,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: $()
+        basis: G()
       }],
       /**
        * Flex Direction
@@ -553,35 +553,35 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: ["1", "auto", "initial", "none", g]
+        flex: ["1", "auto", "initial", "none", b]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: Q()
+        grow: Y()
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: Q()
+        shrink: Y()
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: ["first", "last", "none", Y, g]
+        order: ["first", "last", "none", ee, b]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": [ee]
+        "grid-cols": [te]
       }],
       /**
        * Grid Column Start / End
@@ -589,29 +589,29 @@ const S = (e) => {
        */
       "col-start-end": [{
         col: ["auto", {
-          span: ["full", Y, g]
-        }, g]
+          span: ["full", ee, b]
+        }, b]
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": O()
+        "col-start": q()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": O()
+        "col-end": q()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": [ee]
+        "grid-rows": [te]
       }],
       /**
        * Grid Row Start / End
@@ -619,22 +619,22 @@ const S = (e) => {
        */
       "row-start-end": [{
         row: ["auto", {
-          span: [Y, g]
-        }, g]
+          span: [ee, b]
+        }, b]
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": O()
+        "row-start": q()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": O()
+        "row-end": q()
       }],
       /**
        * Grid Auto Flow
@@ -648,42 +648,42 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", g]
+        "auto-cols": ["auto", "min", "max", "fr", b]
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", g]
+        "auto-rows": ["auto", "min", "max", "fr", b]
       }],
       /**
        * Gap
        * @see https://tailwindcss.com/docs/gap
        */
       gap: [{
-        gap: [v]
+        gap: [x]
       }],
       /**
        * Gap X
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-x": [{
-        "gap-x": [v]
+        "gap-x": [x]
       }],
       /**
        * Gap Y
        * @see https://tailwindcss.com/docs/gap
        */
       "gap-y": [{
-        "gap-y": [v]
+        "gap-y": [x]
       }],
       /**
        * Justify Content
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: ["normal", ...oe()]
+        justify: ["normal", ...ae()]
       }],
       /**
        * Justify Items
@@ -704,7 +704,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...oe(), "baseline"]
+        content: ["normal", ...ae(), "baseline"]
       }],
       /**
        * Align Items
@@ -725,7 +725,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": [...oe(), "baseline"]
+        "place-content": [...ae(), "baseline"]
       }],
       /**
        * Place Items
@@ -747,63 +747,63 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/padding
        */
       p: [{
-        p: [w]
+        p: [T]
       }],
       /**
        * Padding X
        * @see https://tailwindcss.com/docs/padding
        */
       px: [{
-        px: [w]
+        px: [T]
       }],
       /**
        * Padding Y
        * @see https://tailwindcss.com/docs/padding
        */
       py: [{
-        py: [w]
+        py: [T]
       }],
       /**
        * Padding Start
        * @see https://tailwindcss.com/docs/padding
        */
       ps: [{
-        ps: [w]
+        ps: [T]
       }],
       /**
        * Padding End
        * @see https://tailwindcss.com/docs/padding
        */
       pe: [{
-        pe: [w]
+        pe: [T]
       }],
       /**
        * Padding Top
        * @see https://tailwindcss.com/docs/padding
        */
       pt: [{
-        pt: [w]
+        pt: [T]
       }],
       /**
        * Padding Right
        * @see https://tailwindcss.com/docs/padding
        */
       pr: [{
-        pr: [w]
+        pr: [T]
       }],
       /**
        * Padding Bottom
        * @see https://tailwindcss.com/docs/padding
        */
       pb: [{
-        pb: [w]
+        pb: [T]
       }],
       /**
        * Padding Left
        * @see https://tailwindcss.com/docs/padding
        */
       pl: [{
-        pl: [w]
+        pl: [T]
       }],
       /**
        * Margin
@@ -873,7 +873,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-x": [{
-        "space-x": [F]
+        "space-x": [M]
       }],
       /**
        * Space Between X Reverse
@@ -885,7 +885,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/space
        */
       "space-y": [{
-        "space-y": [F]
+        "space-y": [M]
       }],
       /**
        * Space Between Y Reverse
@@ -898,51 +898,51 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", g, r]
+        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", b, r]
       }],
       /**
        * Min-Width
        * @see https://tailwindcss.com/docs/min-width
        */
       "min-w": [{
-        "min-w": [g, r, "min", "max", "fit"]
+        "min-w": [b, r, "min", "max", "fit"]
       }],
       /**
        * Max-Width
        * @see https://tailwindcss.com/docs/max-width
        */
       "max-w": [{
-        "max-w": [g, r, "none", "full", "min", "max", "fit", "prose", {
-          screen: [H]
-        }, H]
+        "max-w": [b, r, "none", "full", "min", "max", "fit", "prose", {
+          screen: [W]
+        }, W]
       }],
       /**
        * Height
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: [g, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
+        h: [b, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": [g, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "min-h": [b, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": [g, r, "min", "max", "fit", "svh", "lvh", "dvh"]
+        "max-h": [b, r, "min", "max", "fit", "svh", "lvh", "dvh"]
       }],
       /**
        * Size
        * @see https://tailwindcss.com/docs/size
        */
       size: [{
-        size: [g, r, "auto", "min", "max", "fit"]
+        size: [b, r, "auto", "min", "max", "fit"]
       }],
       // Typography
       /**
@@ -950,7 +950,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", H, K]
+        text: ["base", W, U]
       }],
       /**
        * Font Smoothing
@@ -967,14 +967,14 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ae]
+        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ie]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [ee]
+        font: [te]
       }],
       /**
        * Font Variant Numeric
@@ -1011,35 +1011,35 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", g]
+        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", b]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": ["none", X, ae]
+        "line-clamp": ["none", Z, ie]
       }],
       /**
        * Line Height
        * @see https://tailwindcss.com/docs/line-height
        */
       leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", U, g]
+        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", $, b]
       }],
       /**
        * List Style Image
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", g]
+        "list-image": ["none", b]
       }],
       /**
        * List Style Type
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["none", "disc", "decimal", g]
+        list: ["none", "disc", "decimal", b]
       }],
       /**
        * List Style Position
@@ -1061,7 +1061,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/placeholder-opacity
        */
       "placeholder-opacity": [{
-        "placeholder-opacity": [k]
+        "placeholder-opacity": [v]
       }],
       /**
        * Text Alignment
@@ -1082,7 +1082,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/text-opacity
        */
       "text-opacity": [{
-        "text-opacity": [k]
+        "text-opacity": [v]
       }],
       /**
        * Text Decoration
@@ -1094,21 +1094,21 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...G(), "wavy"]
+        decoration: [...K(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", U, K]
+        decoration: ["auto", "from-font", $, U]
       }],
       /**
        * Text Underline Offset
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": ["auto", U, g]
+        "underline-offset": ["auto", $, b]
       }],
       /**
        * Text Decoration Color
@@ -1139,14 +1139,14 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/text-indent
        */
       indent: [{
-        indent: x()
+        indent: w()
       }],
       /**
        * Vertical Alignment
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", g]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", b]
       }],
       /**
        * Whitespace
@@ -1174,7 +1174,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", g]
+        content: ["none", b]
       }],
       // Backgrounds
       /**
@@ -1197,7 +1197,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/background-opacity
        */
       "bg-opacity": [{
-        "bg-opacity": [k]
+        "bg-opacity": [v]
       }],
       /**
        * Background Origin
@@ -1211,7 +1211,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: [...z(), Bt]
+        bg: [...X(), $t]
       }],
       /**
        * Background Repeat
@@ -1227,7 +1227,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: ["auto", "cover", "contain", Gt]
+        bg: ["auto", "cover", "contain", Bt]
       }],
       /**
        * Background Image
@@ -1236,7 +1236,7 @@ const S = (e) => {
       "bg-image": [{
         bg: ["none", {
           "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, _t]
+        }, Jt]
       }],
       /**
        * Background Color
@@ -1250,42 +1250,42 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: [b]
+        from: [y]
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: [b]
+        via: [y]
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: [b]
+        to: [y]
       }],
       /**
        * Gradient Color Stops From
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from": [{
-        from: [T]
+        from: [S]
       }],
       /**
        * Gradient Color Stops Via
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via": [{
-        via: [T]
+        via: [S]
       }],
       /**
        * Gradient Color Stops To
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to": [{
-        to: [T]
+        to: [S]
       }],
       // Borders
       /**
@@ -1461,14 +1461,14 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/border-opacity
        */
       "border-opacity": [{
-        "border-opacity": [k]
+        "border-opacity": [v]
       }],
       /**
        * Border Style
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...G(), "hidden"]
+        border: [...K(), "hidden"]
       }],
       /**
        * Divide Width X
@@ -1499,14 +1499,14 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/divide-opacity
        */
       "divide-opacity": [{
-        "divide-opacity": [k]
+        "divide-opacity": [v]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/divide-style
        */
       "divide-style": [{
-        divide: G()
+        divide: K()
       }],
       /**
        * Border Color
@@ -1583,21 +1583,21 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: ["", ...G()]
+        outline: ["", ...K()]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [U, g]
+        "outline-offset": [$, b]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: [U, K]
+        outline: [$, U]
       }],
       /**
        * Outline Color
@@ -1611,7 +1611,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/ring-width
        */
       "ring-w": [{
-        ring: y()
+        ring: f()
       }],
       /**
        * Ring Width Inset
@@ -1630,14 +1630,14 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/ring-opacity
        */
       "ring-opacity": [{
-        "ring-opacity": [k]
+        "ring-opacity": [v]
       }],
       /**
        * Ring Offset Width
        * @see https://tailwindcss.com/docs/ring-offset-width
        */
       "ring-offset-w": [{
-        "ring-offset": [U, K]
+        "ring-offset": [$, U]
       }],
       /**
        * Ring Offset Color
@@ -1652,35 +1652,35 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow
        */
       shadow: [{
-        shadow: ["", "inner", "none", H, Jt]
+        shadow: ["", "inner", "none", W, Ut]
       }],
       /**
        * Box Shadow Color
        * @see https://tailwindcss.com/docs/box-shadow-color
        */
       "shadow-color": [{
-        shadow: [ee]
+        shadow: [te]
       }],
       /**
        * Opacity
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [k]
+        opacity: [v]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...we(), "plus-lighter", "plus-darker"]
+        "mix-blend": [...Ce(), "plus-lighter", "plus-darker"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": we()
+        "bg-blend": Ce()
       }],
       // Filters
       /**
@@ -1717,7 +1717,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/drop-shadow
        */
       "drop-shadow": [{
-        "drop-shadow": ["", "none", H, g]
+        "drop-shadow": ["", "none", W, b]
       }],
       /**
        * Grayscale
@@ -1731,28 +1731,28 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [f]
+        "hue-rotate": [g]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: [C]
+        invert: [N]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [p]
+        saturate: [u]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: [V]
+        sepia: [O]
       }],
       /**
        * Backdrop Filter
@@ -1795,35 +1795,35 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [f]
+        "backdrop-hue-rotate": [g]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": [C]
+        "backdrop-invert": [N]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [k]
+        "backdrop-opacity": [v]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [p]
+        "backdrop-saturate": [u]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": [V]
+        "backdrop-sepia": [O]
       }],
       // Tables
       /**
@@ -1874,35 +1874,35 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", g]
+        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", b]
       }],
       /**
        * Transition Duration
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: J()
+        duration: B()
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "in", "out", "in-out", g]
+        ease: ["linear", "in", "out", "in-out", b]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: J()
+        delay: B()
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", g]
+        animate: ["none", "spin", "ping", "pulse", "bounce", b]
       }],
       // Transforms
       /**
@@ -1917,63 +1917,63 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: [j]
+        scale: [A]
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": [j]
+        "scale-x": [A]
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": [j]
+        "scale-y": [A]
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: [Y, g]
+        rotate: [ee, b]
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": [D]
+        "translate-x": [F]
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": [D]
+        "translate-y": [F]
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": [W]
+        "skew-x": [_]
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": [W]
+        "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", g]
+        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", b]
       }],
       // Interactivity
       /**
@@ -1995,7 +1995,7 @@ const S = (e) => {
        * @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", g]
+        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", b]
       }],
       /**
        * Caret Color
@@ -2030,126 +2030,126 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-m": [{
-        "scroll-m": x()
+        "scroll-m": w()
       }],
       /**
        * Scroll Margin X
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mx": [{
-        "scroll-mx": x()
+        "scroll-mx": w()
       }],
       /**
        * Scroll Margin Y
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-my": [{
-        "scroll-my": x()
+        "scroll-my": w()
       }],
       /**
        * Scroll Margin Start
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ms": [{
-        "scroll-ms": x()
+        "scroll-ms": w()
       }],
       /**
        * Scroll Margin End
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-me": [{
-        "scroll-me": x()
+        "scroll-me": w()
       }],
       /**
        * Scroll Margin Top
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mt": [{
-        "scroll-mt": x()
+        "scroll-mt": w()
       }],
       /**
        * Scroll Margin Right
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mr": [{
-        "scroll-mr": x()
+        "scroll-mr": w()
       }],
       /**
        * Scroll Margin Bottom
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-mb": [{
-        "scroll-mb": x()
+        "scroll-mb": w()
       }],
       /**
        * Scroll Margin Left
        * @see https://tailwindcss.com/docs/scroll-margin
        */
       "scroll-ml": [{
-        "scroll-ml": x()
+        "scroll-ml": w()
       }],
       /**
        * Scroll Padding
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-p": [{
-        "scroll-p": x()
+        "scroll-p": w()
       }],
       /**
        * Scroll Padding X
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-px": [{
-        "scroll-px": x()
+        "scroll-px": w()
       }],
       /**
        * Scroll Padding Y
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-py": [{
-        "scroll-py": x()
+        "scroll-py": w()
       }],
       /**
        * Scroll Padding Start
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-ps": [{
-        "scroll-ps": x()
+        "scroll-ps": w()
       }],
       /**
        * Scroll Padding End
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pe": [{
-        "scroll-pe": x()
+        "scroll-pe": w()
       }],
       /**
        * Scroll Padding Top
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pt": [{
-        "scroll-pt": x()
+        "scroll-pt": w()
       }],
       /**
        * Scroll Padding Right
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pr": [{
-        "scroll-pr": x()
+        "scroll-pr": w()
       }],
       /**
        * Scroll Padding Bottom
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pb": [{
-        "scroll-pb": x()
+        "scroll-pb": w()
       }],
       /**
        * Scroll Padding Left
        * @see https://tailwindcss.com/docs/scroll-padding
        */
       "scroll-pl": [{
-        "scroll-pl": x()
+        "scroll-pl": w()
       }],
       /**
        * Scroll Snap Align
@@ -2217,7 +2217,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", g]
+        "will-change": ["auto", "scroll", "contents", "transform", b]
       }],
       // SVG
       /**
@@ -2232,7 +2232,7 @@ const S = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [U, K, ae]
+        stroke: [$, U, ie]
       }],
       /**
        * Stroke
@@ -2307,11 +2307,11 @@ const S = (e) => {
       "font-size": ["leading"]
     }
   };
-}, Xt = /* @__PURE__ */ jt(Ht);
-function N(...e) {
-  return Xt(qe(e));
+}, Zt = /* @__PURE__ */ Rt(Xt);
+function C(...e) {
+  return Zt(Me(e));
 }
-const Zt = Ee(
+const Qt = Fe(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover-elevate active-elevate-2",
   {
     variants: {
@@ -2342,23 +2342,23 @@ const Zt = Ee(
       size: "default"
     }
   }
-), L = I.forwardRef(
+), R = I.forwardRef(
   ({ className: e, variant: r, size: t, asChild: a = !1, ...o }, i) => /* @__PURE__ */ n(
-    a ? nt : "button",
+    a ? ot : "button",
     {
-      className: N(Zt({ variant: r, size: t, className: e })),
+      className: C(Qt({ variant: r, size: t, className: e })),
       ref: i,
       ...o
     }
   )
 );
-L.displayName = "Button";
-const M = I.forwardRef(
+R.displayName = "Button";
+const L = I.forwardRef(
   ({ className: e, type: r, ...t }, a) => /* @__PURE__ */ n(
     "input",
     {
       type: r,
-      className: N(
+      className: C(
         "flex h-9 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground 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 md:text-sm",
         e
       ),
@@ -2367,161 +2367,161 @@ const M = I.forwardRef(
     }
   )
 );
-M.displayName = "Input";
-const Qt = ne.Provider, Yt = ne.Root, er = ne.Trigger, Be = I.forwardRef(({ className: e, sideOffset: r = 4, ...t }, a) => /* @__PURE__ */ n(
+L.displayName = "Input";
+const Yt = ne.Provider, er = ne.Root, tr = ne.Trigger, $e = I.forwardRef(({ className: e, sideOffset: r = 4, ...t }, a) => /* @__PURE__ */ n(
   ne.Content,
   {
     ref: a,
     sideOffset: r,
-    className: N(
+    className: C(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
       e
     ),
     ...t
   }
 ));
-Be.displayName = ne.Content.displayName;
-const tr = B.Root, rr = B.Portal, $e = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  B.Overlay,
+$e.displayName = ne.Content.displayName;
+const rr = D.Root, nr = D.Portal, _e = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  D.Overlay,
   {
     ref: t,
-    className: N(
+    className: C(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
     ...r
   }
 ));
-$e.displayName = B.Overlay.displayName;
-const _e = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(rr, { children: [
-  /* @__PURE__ */ n($e, {}),
+_e.displayName = D.Overlay.displayName;
+const Je = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(nr, { children: [
+  /* @__PURE__ */ n(_e, {}),
   /* @__PURE__ */ l(
-    B.Content,
+    D.Content,
     {
       ref: a,
-      className: N(
+      className: C(
         "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         e
       ),
       ...t,
       children: [
         r,
-        /* @__PURE__ */ l(B.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ n(ot, { className: "h-4 w-4" }),
+        /* @__PURE__ */ l(D.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ n(at, { className: "h-4 w-4" }),
           /* @__PURE__ */ n("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-_e.displayName = B.Content.displayName;
-const Je = ({
+Je.displayName = D.Content.displayName;
+const Ue = ({
   className: e,
   ...r
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: N(
+    className: C(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
     ),
     ...r
   }
 );
-Je.displayName = "DialogHeader";
-const Ue = ({
+Ue.displayName = "DialogHeader";
+const We = ({
   className: e,
   ...r
 }) => /* @__PURE__ */ n(
   "div",
   {
-    className: N(
+    className: C(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       e
     ),
     ...r
   }
 );
-Ue.displayName = "DialogFooter";
-const We = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  B.Title,
+We.displayName = "DialogFooter";
+const Ke = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  D.Title,
   {
     ref: t,
-    className: N(
+    className: C(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
     ...r
   }
 ));
-We.displayName = B.Title.displayName;
-const nr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  B.Description,
+Ke.displayName = D.Title.displayName;
+const or = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  D.Description,
   {
     ref: t,
-    className: N("text-sm text-muted-foreground", e),
+    className: C("text-sm text-muted-foreground", e),
     ...r
   }
 ));
-nr.displayName = B.Description.displayName;
-const or = Ee(
+or.displayName = D.Description.displayName;
+const ar = Fe(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), P = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  Le.Root,
+), z = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  qe.Root,
   {
     ref: t,
-    className: N(or(), e),
+    className: C(ar(), e),
     ...r
   }
 ));
-P.displayName = Le.Root.displayName;
-const ze = A.Root, Pe = A.Value, le = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(
-  A.Trigger,
+z.displayName = qe.Root.displayName;
+const Ae = P.Root, je = P.Value, de = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(
+  P.Trigger,
   {
     ref: a,
-    className: N(
+    className: C(
       "flex h-9 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       e
     ),
     ...t,
     children: [
       r,
-      /* @__PURE__ */ n(A.Icon, { asChild: !0, children: /* @__PURE__ */ n(ge, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ n(P.Icon, { asChild: !0, children: /* @__PURE__ */ n(ye, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-le.displayName = A.Trigger.displayName;
-const Ke = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  A.ScrollUpButton,
+de.displayName = P.Trigger.displayName;
+const He = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  P.ScrollUpButton,
   {
     ref: t,
-    className: N(
+    className: C(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
     ...r,
-    children: /* @__PURE__ */ n(at, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ n(it, { className: "h-4 w-4" })
   }
 ));
-Ke.displayName = A.ScrollUpButton.displayName;
-const He = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  A.ScrollDownButton,
+He.displayName = P.ScrollUpButton.displayName;
+const Xe = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  P.ScrollDownButton,
   {
     ref: t,
-    className: N(
+    className: C(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
     ...r,
-    children: /* @__PURE__ */ n(ge, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ n(ye, { className: "h-4 w-4" })
   }
 ));
-He.displayName = A.ScrollDownButton.displayName;
-const de = I.forwardRef(({ className: e, children: r, position: t = "popper", ...a }, o) => /* @__PURE__ */ n(A.Portal, { children: /* @__PURE__ */ l(
-  A.Content,
+Xe.displayName = P.ScrollDownButton.displayName;
+const ce = I.forwardRef(({ className: e, children: r, position: t = "popper", ...a }, o) => /* @__PURE__ */ n(P.Portal, { children: /* @__PURE__ */ l(
+  P.Content,
   {
     ref: o,
-    className: N(
+    className: C(
       "relative z-50 max-h-[--radix-select-content-available-height] min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-select-content-transform-origin]",
       t === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
@@ -2529,79 +2529,79 @@ const de = I.forwardRef(({ className: e, children: r, position: t = "popper", ..
     position: t,
     ...a,
     children: [
-      /* @__PURE__ */ n(Ke, {}),
+      /* @__PURE__ */ n(He, {}),
       /* @__PURE__ */ n(
-        A.Viewport,
+        P.Viewport,
         {
-          className: N(
+          className: C(
             "p-1",
             t === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
           children: r
         }
       ),
-      /* @__PURE__ */ n(He, {})
+      /* @__PURE__ */ n(Xe, {})
     ]
   }
 ) }));
-de.displayName = A.Content.displayName;
-const ar = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  A.Label,
+ce.displayName = P.Content.displayName;
+const ir = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  P.Label,
   {
     ref: t,
-    className: N("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: C("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...r
   }
 ));
-ar.displayName = A.Label.displayName;
-const R = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(
-  A.Item,
+ir.displayName = P.Label.displayName;
+const j = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(
+  P.Item,
   {
     ref: a,
-    className: N(
+    className: C(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
     ...t,
     children: [
-      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(A.ItemIndicator, { children: /* @__PURE__ */ n(je, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ n(A.ItemText, { children: r })
+      /* @__PURE__ */ n("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ n(P.ItemIndicator, { children: /* @__PURE__ */ n(Re, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ n(P.ItemText, { children: r })
     ]
   }
 ));
-R.displayName = A.Item.displayName;
-const ir = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  A.Separator,
+j.displayName = P.Item.displayName;
+const sr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  P.Separator,
   {
     ref: t,
-    className: N("-mx-1 my-1 h-px bg-muted", e),
+    className: C("-mx-1 my-1 h-px bg-muted", e),
     ...r
   }
 ));
-ir.displayName = A.Separator.displayName;
-const ce = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  ie.Root,
+sr.displayName = P.Separator.displayName;
+const me = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+  se.Root,
   {
     ref: t,
-    className: N(
+    className: C(
       "peer h-4 w-4 shrink-0 rounded-sm border border-primary ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
       e
     ),
     ...r,
     children: /* @__PURE__ */ n(
-      ie.Indicator,
+      se.Indicator,
       {
-        className: N("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ n(je, { className: "h-4 w-4" })
+        className: C("flex items-center justify-center text-current"),
+        children: /* @__PURE__ */ n(Re, { className: "h-4 w-4" })
       }
     )
   }
 ));
-ce.displayName = ie.Root.displayName;
-const ye = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+me.displayName = se.Root.displayName;
+const xe = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
   "textarea",
   {
-    className: N(
+    className: C(
       "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background 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 md:text-sm",
       e
     ),
@@ -2609,8 +2609,8 @@ const ye = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
     ...r
   }
 ));
-ye.displayName = "Textarea";
-const sr = (e) => e.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), lr = (e, r, t = !1) => {
+xe.displayName = "Textarea";
+const lr = (e) => e.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), dr = (e, r, t = !1) => {
   const a = (m, d) => {
     r({ ...e, [m]: d });
   };
@@ -2620,7 +2620,7 @@ const sr = (e) => e.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
     },
     handleTitleBlur: () => {
       if (t && e.title) {
-        const m = sr(e.title);
+        const m = lr(e.title);
         a("key", m);
       }
     },
@@ -2635,7 +2635,7 @@ const sr = (e) => e.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
       });
     }
   };
-}, me = {
+}, ue = {
   string: "String",
   number: "Number",
   integer: "Integer",
@@ -2644,21 +2644,21 @@ const sr = (e) => e.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
   array: "Array",
   null: "Null",
   file: "File"
-}, Xe = tt({
-  getTypeLabel: (e) => me[e],
-  typeLabels: me
+}, Ze = tt({
+  getTypeLabel: (e) => ue[e],
+  typeLabels: ue
 });
-function dr({
+function cr({
   children: e,
   customLabels: r = {}
 }) {
-  const t = { ...me, ...r }, a = (o) => t[o] || o;
-  return /* @__PURE__ */ n(Xe.Provider, { value: { getTypeLabel: a, typeLabels: t }, children: e });
+  const t = { ...ue, ...r }, a = (o) => t[o] || o;
+  return /* @__PURE__ */ n(Ze.Provider, { value: { getTypeLabel: a, typeLabels: t }, children: e });
 }
-function Ze() {
-  return et(Xe);
+function Qe() {
+  return rt(Ze);
 }
-function ue({
+function pe({
   property: e,
   open: r,
   onOpenChange: t,
@@ -2668,69 +2668,69 @@ function ue({
   propertyLabel: s = { singular: "Property", plural: "Properties" },
   showRegex: c = !1
 }) {
-  var w;
-  const { typeLabels: m } = Ze(), [d, f] = E(e);
-  re(() => {
-    r && f(e);
+  var T;
+  const { typeLabels: m } = Qe(), [d, g] = V(e);
+  be(() => {
+    r && g(e);
   }, [e, r]);
   const {
-    handleTitleChange: C,
-    handleTitleBlur: v,
-    handleKeyChange: T,
-    handleFieldChange: b,
-    handleConstraintChange: u
-  } = lr(d, f, i), h = () => {
-    var p;
-    (p = d.title) != null && p.trim() && (a(d), t(!1));
-  }, k = () => {
-    f(e), t(!1);
+    handleTitleChange: N,
+    handleTitleBlur: x,
+    handleKeyChange: S,
+    handleFieldChange: y,
+    handleConstraintChange: p
+  } = dr(d, g, i), h = () => {
+    var u;
+    (u = d.title) != null && u.trim() && (a(d), t(!1));
+  }, v = () => {
+    g(e), t(!1);
   };
-  return /* @__PURE__ */ n(tr, { open: r, onOpenChange: t, children: /* @__PURE__ */ l(
-    _e,
+  return /* @__PURE__ */ n(rr, { open: r, onOpenChange: t, children: /* @__PURE__ */ l(
+    Je,
     {
       className: "max-w-2xl max-h-[80vh] flex flex-col gap-0 p-0",
       "data-testid": "dialog-edit-property",
       children: [
-        /* @__PURE__ */ n(Je, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ n(We, { children: i ? `Add ${s.singular}` : `Edit ${s.singular}` }) }),
+        /* @__PURE__ */ n(Ue, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ n(Ke, { children: i ? `Add ${s.singular}` : `Edit ${s.singular}` }) }),
         /* @__PURE__ */ l("div", { className: "space-y-6 px-6 pb-4 overflow-y-auto flex-1 min-h-0", children: [
           /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ l(P, { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ l(z, { className: "flex items-center gap-1.5", children: [
               /* @__PURE__ */ n("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }),
               "Type"
             ] }),
             /* @__PURE__ */ l(
-              ze,
+              Ae,
               {
                 value: d.type,
-                onValueChange: (p) => b("type", p),
+                onValueChange: (u) => y("type", u),
                 "data-testid": "select-type-dialog",
                 children: [
-                  /* @__PURE__ */ n(le, { children: /* @__PURE__ */ n(Pe, {}) }),
-                  /* @__PURE__ */ l(de, { children: [
-                    /* @__PURE__ */ n(R, { value: "string", children: m.string }),
-                    /* @__PURE__ */ n(R, { value: "number", children: m.number }),
-                    /* @__PURE__ */ n(R, { value: "integer", children: m.integer }),
-                    /* @__PURE__ */ n(R, { value: "boolean", children: m.boolean }),
-                    /* @__PURE__ */ n(R, { value: "object", children: m.object }),
-                    /* @__PURE__ */ n(R, { value: "array", children: m.array }),
-                    /* @__PURE__ */ n(R, { value: "file", children: m.file }),
-                    /* @__PURE__ */ n(R, { value: "null", children: m.null })
+                  /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(je, {}) }),
+                  /* @__PURE__ */ l(ce, { children: [
+                    /* @__PURE__ */ n(j, { value: "string", children: m.string }),
+                    /* @__PURE__ */ n(j, { value: "number", children: m.number }),
+                    /* @__PURE__ */ n(j, { value: "integer", children: m.integer }),
+                    /* @__PURE__ */ n(j, { value: "boolean", children: m.boolean }),
+                    /* @__PURE__ */ n(j, { value: "object", children: m.object }),
+                    /* @__PURE__ */ n(j, { value: "array", children: m.array }),
+                    /* @__PURE__ */ n(j, { value: "file", children: m.file }),
+                    /* @__PURE__ */ n(j, { value: "null", children: m.null })
                   ] })
                 ]
               }
             )
           ] }),
           /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ l(P, { className: "flex items-center gap-1.5", children: [
+            /* @__PURE__ */ l(z, { className: "flex items-center gap-1.5", children: [
               /* @__PURE__ */ n("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }),
               "Title"
             ] }),
             /* @__PURE__ */ n(
-              M,
+              L,
               {
                 value: d.title || "",
-                onChange: (p) => C(p.target.value),
-                onBlur: v,
+                onChange: (u) => N(u.target.value),
+                onBlur: x,
                 placeholder: "Property Title",
                 "data-testid": "input-title-dialog",
                 required: !0
@@ -2742,76 +2742,76 @@ function ue({
             ] })
           ] }),
           i && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ n(P, { children: "Key" }),
+            /* @__PURE__ */ n(z, { children: "Key" }),
             /* @__PURE__ */ n(
-              M,
+              L,
               {
                 value: d.key,
-                onChange: (p) => T(p.target.value),
+                onChange: (u) => S(u.target.value),
                 placeholder: "property_key",
                 "data-testid": "input-key-dialog"
               }
             )
           ] }),
           /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ n(P, { children: "Description" }),
+            /* @__PURE__ */ n(z, { children: "Description" }),
             /* @__PURE__ */ n(
-              ye,
+              xe,
               {
                 placeholder: "Optional description",
                 value: d.description || "",
-                onChange: (p) => b("description", p.target.value),
+                onChange: (u) => y("description", u.target.value),
                 rows: 2,
                 "data-testid": "input-edit-description"
               }
             )
           ] }),
           d.type === "array" && /* @__PURE__ */ l("div", { className: "space-y-2 border-l-2 border-border pl-4 mt-2", children: [
-            /* @__PURE__ */ l(P, { className: "font-semibold text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ l(z, { className: "font-semibold text-xs text-muted-foreground", children: [
               m.array,
               " Items"
             ] }),
             d.items ? /* @__PURE__ */ l("div", { className: "bg-muted/40 p-2 rounded", children: [
               /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(P, { children: "Item Type" }),
+                /* @__PURE__ */ n(z, { children: "Item Type" }),
                 /* @__PURE__ */ l(
-                  ze,
+                  Ae,
                   {
                     value: d.items.type,
-                    onValueChange: (p) => f({
+                    onValueChange: (u) => g({
                       ...d,
                       items: {
                         ...d.items,
-                        type: p
+                        type: u
                       }
                     }),
                     children: [
-                      /* @__PURE__ */ n(le, { children: /* @__PURE__ */ n(Pe, {}) }),
-                      /* @__PURE__ */ l(de, { children: [
-                        /* @__PURE__ */ n(R, { value: "string", children: m.string }),
-                        /* @__PURE__ */ n(R, { value: "number", children: m.number }),
-                        /* @__PURE__ */ n(R, { value: "integer", children: m.integer }),
-                        /* @__PURE__ */ n(R, { value: "boolean", children: m.boolean }),
-                        /* @__PURE__ */ n(R, { value: "object", children: m.object }),
-                        /* @__PURE__ */ n(R, { value: "array", children: m.array }),
-                        /* @__PURE__ */ n(R, { value: "file", children: m.file }),
-                        /* @__PURE__ */ n(R, { value: "null", children: m.null })
+                      /* @__PURE__ */ n(de, { children: /* @__PURE__ */ n(je, {}) }),
+                      /* @__PURE__ */ l(ce, { children: [
+                        /* @__PURE__ */ n(j, { value: "string", children: m.string }),
+                        /* @__PURE__ */ n(j, { value: "number", children: m.number }),
+                        /* @__PURE__ */ n(j, { value: "integer", children: m.integer }),
+                        /* @__PURE__ */ n(j, { value: "boolean", children: m.boolean }),
+                        /* @__PURE__ */ n(j, { value: "object", children: m.object }),
+                        /* @__PURE__ */ n(j, { value: "array", children: m.array }),
+                        /* @__PURE__ */ n(j, { value: "file", children: m.file }),
+                        /* @__PURE__ */ n(j, { value: "null", children: m.null })
                       ] })
                     ]
                   }
                 )
               ] }),
               /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(P, { children: "Item Title" }),
+                /* @__PURE__ */ n(z, { children: "Item Title" }),
                 /* @__PURE__ */ n(
-                  M,
+                  L,
                   {
                     value: d.items.title || "",
-                    onChange: (p) => f({
+                    onChange: (u) => g({
                       ...d,
                       items: {
                         ...d.items,
-                        title: p.target.value
+                        title: u.target.value
                       }
                     }),
                     placeholder: "Item Title"
@@ -2819,12 +2819,12 @@ function ue({
                 )
               ] }),
               /* @__PURE__ */ l(
-                L,
+                R,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "mt-2",
-                  onClick: () => f({ ...d, items: void 0 }),
+                  onClick: () => g({ ...d, items: void 0 }),
                   children: [
                     "Remove ",
                     m.array,
@@ -2833,12 +2833,12 @@ function ue({
                 }
               )
             ] }) : /* @__PURE__ */ l(
-              L,
+              R,
               {
                 variant: "outline",
                 size: "sm",
                 onClick: () => {
-                  f({
+                  g({
                     ...d,
                     items: {
                       id: Date.now().toString() + Math.random(),
@@ -2858,15 +2858,15 @@ function ue({
           ] }),
           !o && /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ n(
-              ce,
+              me,
               {
                 id: "prop-required",
                 checked: d.required,
-                onCheckedChange: (p) => b("required", p),
+                onCheckedChange: (u) => y("required", u),
                 "data-testid": "checkbox-edit-required"
               }
             ),
-            /* @__PURE__ */ n(P, { htmlFor: "prop-required", className: "cursor-pointer", children: "Required field" })
+            /* @__PURE__ */ n(z, { htmlFor: "prop-required", className: "cursor-pointer", children: "Required field" })
           ] }),
           d.type === "string" && /* @__PURE__ */ l("details", { className: "border rounded-md", children: [
             /* @__PURE__ */ n("summary", { className: "p-4 cursor-pointer hover:bg-accent/50 transition-colors", children: /* @__PURE__ */ l("h4", { className: "text-sm font-medium inline", children: [
@@ -2876,34 +2876,34 @@ function ue({
             /* @__PURE__ */ l("div", { className: "space-y-4 p-4 pt-0", children: [
               /* @__PURE__ */ l("div", { className: "grid grid-cols-2 gap-4", children: [
                 /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ n(P, { htmlFor: "min-length", children: "Minimum Length" }),
+                  /* @__PURE__ */ n(z, { htmlFor: "min-length", children: "Minimum Length" }),
                   /* @__PURE__ */ n(
-                    M,
+                    L,
                     {
                       id: "min-length",
                       type: "number",
                       placeholder: "0",
                       value: d.minLength || "",
-                      onChange: (p) => u(
+                      onChange: (u) => p(
                         "minLength",
-                        p.target.value ? parseInt(p.target.value) : void 0
+                        u.target.value ? parseInt(u.target.value) : void 0
                       ),
                       "data-testid": "input-edit-minlength"
                     }
                   )
                 ] }),
                 /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ n(P, { htmlFor: "max-length", children: "Maximum Length" }),
+                  /* @__PURE__ */ n(z, { htmlFor: "max-length", children: "Maximum Length" }),
                   /* @__PURE__ */ n(
-                    M,
+                    L,
                     {
                       id: "max-length",
                       type: "number",
                       placeholder: "∞",
                       value: d.maxLength || "",
-                      onChange: (p) => u(
+                      onChange: (u) => p(
                         "maxLength",
-                        p.target.value ? parseInt(p.target.value) : void 0
+                        u.target.value ? parseInt(u.target.value) : void 0
                       ),
                       "data-testid": "input-edit-maxlength"
                     }
@@ -2911,51 +2911,51 @@ function ue({
                 ] })
               ] }),
               c && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(P, { htmlFor: "pattern", children: "Pattern (regex)" }),
+                /* @__PURE__ */ n(z, { htmlFor: "pattern", children: "Pattern (regex)" }),
                 /* @__PURE__ */ n(
-                  M,
+                  L,
                   {
                     id: "pattern",
                     placeholder: "^[a-z]+$",
                     value: d.pattern || "",
-                    onChange: (p) => u("pattern", p.target.value),
+                    onChange: (u) => p("pattern", u.target.value),
                     className: "font-mono text-sm",
                     "data-testid": "input-edit-pattern"
                   }
                 )
               ] }),
               /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(P, { children: "Enum Values" }),
-                /* @__PURE__ */ n("div", { className: "space-y-2", children: [...d.enum || [], ""].map((p, j) => {
-                  var V;
+                /* @__PURE__ */ n(z, { children: "Enum Values" }),
+                /* @__PURE__ */ n("div", { className: "space-y-2", children: [...d.enum || [], ""].map((u, A) => {
+                  var O;
                   return /* @__PURE__ */ n(
-                    M,
+                    L,
                     {
-                      placeholder: j === (((V = d.enum) == null ? void 0 : V.length) || 0) ? "Add new value..." : "Enum value",
-                      value: p,
-                      onChange: (W) => {
-                        const F = W.target.value, D = d.enum || [];
-                        if (j === D.length)
-                          F.trim() && u("enum", [
-                            ...D,
-                            F.trim()
+                      placeholder: A === (((O = d.enum) == null ? void 0 : O.length) || 0) ? "Add new value..." : "Enum value",
+                      value: u,
+                      onChange: (_) => {
+                        const M = _.target.value, F = d.enum || [];
+                        if (A === F.length)
+                          M.trim() && p("enum", [
+                            ...F,
+                            M.trim()
                           ]);
-                        else if (F.trim()) {
-                          const q = [...D];
-                          q[j] = F.trim(), u("enum", q);
+                        else if (M.trim()) {
+                          const E = [...F];
+                          E[A] = M.trim(), p("enum", E);
                         } else {
-                          const q = D.filter(
-                            (_, $) => $ !== j
+                          const E = F.filter(
+                            (J, G) => G !== A
                           );
-                          u(
+                          p(
                             "enum",
-                            q.length > 0 ? q : void 0
+                            E.length > 0 ? E : void 0
                           );
                         }
                       },
-                      "data-testid": `input-edit-enum-${j}`
+                      "data-testid": `input-edit-enum-${A}`
                     },
-                    j
+                    A
                   );
                 }) }),
                 /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground", children: "Enter allowed values (empty fields will be removed)" })
@@ -2966,34 +2966,34 @@ function ue({
             /* @__PURE__ */ n("summary", { className: "p-4 cursor-pointer hover:bg-accent/50 transition-colors", children: /* @__PURE__ */ n("h4", { className: "text-sm font-medium inline", children: "Numeric Constraints" }) }),
             /* @__PURE__ */ n("div", { className: "space-y-4 p-4 pt-0", children: /* @__PURE__ */ l("div", { className: "grid grid-cols-2 gap-4", children: [
               /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(P, { htmlFor: "minimum", children: "Minimum Value" }),
+                /* @__PURE__ */ n(z, { htmlFor: "minimum", children: "Minimum Value" }),
                 /* @__PURE__ */ n(
-                  M,
+                  L,
                   {
                     id: "minimum",
                     type: "number",
                     placeholder: "-∞",
                     value: d.minimum ?? "",
-                    onChange: (p) => u(
+                    onChange: (u) => p(
                       "minimum",
-                      p.target.value ? parseFloat(p.target.value) : void 0
+                      u.target.value ? parseFloat(u.target.value) : void 0
                     ),
                     "data-testid": "input-edit-minimum"
                   }
                 )
               ] }),
               /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(P, { htmlFor: "maximum", children: "Maximum Value" }),
+                /* @__PURE__ */ n(z, { htmlFor: "maximum", children: "Maximum Value" }),
                 /* @__PURE__ */ n(
-                  M,
+                  L,
                   {
                     id: "maximum",
                     type: "number",
                     placeholder: "∞",
                     value: d.maximum ?? "",
-                    onChange: (p) => u(
+                    onChange: (u) => p(
                       "maximum",
-                      p.target.value ? parseFloat(p.target.value) : void 0
+                      u.target.value ? parseFloat(u.target.value) : void 0
                     ),
                     "data-testid": "input-edit-maximum"
                   }
@@ -3009,34 +3009,34 @@ function ue({
             /* @__PURE__ */ l("div", { className: "space-y-4 p-4 pt-0", children: [
               /* @__PURE__ */ l("div", { className: "grid grid-cols-2 gap-4", children: [
                 /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ n(P, { htmlFor: "min-items", children: "Minimum Items" }),
+                  /* @__PURE__ */ n(z, { htmlFor: "min-items", children: "Minimum Items" }),
                   /* @__PURE__ */ n(
-                    M,
+                    L,
                     {
                       id: "min-items",
                       type: "number",
                       placeholder: "0",
                       value: d.minItems || "",
-                      onChange: (p) => u(
+                      onChange: (u) => p(
                         "minItems",
-                        p.target.value ? parseInt(p.target.value) : void 0
+                        u.target.value ? parseInt(u.target.value) : void 0
                       ),
                       "data-testid": "input-edit-minitems"
                     }
                   )
                 ] }),
                 /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ n(P, { htmlFor: "max-items", children: "Maximum Items" }),
+                  /* @__PURE__ */ n(z, { htmlFor: "max-items", children: "Maximum Items" }),
                   /* @__PURE__ */ n(
-                    M,
+                    L,
                     {
                       id: "max-items",
                       type: "number",
                       placeholder: "∞",
                       value: d.maxItems || "",
-                      onChange: (p) => u(
+                      onChange: (u) => p(
                         "maxItems",
-                        p.target.value ? parseInt(p.target.value) : void 0
+                        u.target.value ? parseInt(u.target.value) : void 0
                       ),
                       "data-testid": "input-edit-maxitems"
                     }
@@ -3045,35 +3045,35 @@ function ue({
               ] }),
               /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ n(
-                  ce,
+                  me,
                   {
                     id: "unique-items",
                     checked: d.uniqueItems || !1,
-                    onCheckedChange: (p) => u("uniqueItems", p),
+                    onCheckedChange: (u) => p("uniqueItems", u),
                     "data-testid": "checkbox-edit-unique"
                   }
                 ),
-                /* @__PURE__ */ n(P, { htmlFor: "unique-items", className: "cursor-pointer", children: "All items must be unique" })
+                /* @__PURE__ */ n(z, { htmlFor: "unique-items", className: "cursor-pointer", children: "All items must be unique" })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ l(Ue, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
+        /* @__PURE__ */ l(We, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
           /* @__PURE__ */ n(
-            L,
+            R,
             {
               variant: "outline",
-              onClick: k,
+              onClick: v,
               "data-testid": "button-cancel",
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ n(
-            L,
+            R,
             {
               onClick: h,
               "data-testid": "button-save",
-              disabled: !((w = d.title) != null && w.trim()),
+              disabled: !((T = d.title) != null && T.trim()),
               children: "Save Changes"
             }
           )
@@ -3082,8 +3082,8 @@ function ue({
     }
   ) });
 }
-const ve = () => `${Date.now()}-${Math.random()}`;
-function pe({
+const we = () => `${Date.now()}-${Math.random()}`;
+function he({
   property: e,
   onUpdate: r,
   onDelete: t,
@@ -3091,52 +3091,52 @@ function pe({
   isArrayItem: o = !1,
   showRegex: i = !1
 }) {
-  const { getTypeLabel: s } = Ze(), [c, m] = E(!1), [d, f] = E(null), [C, v] = E(!1), [T, b] = E(!1), [u, h] = E(e.title || "");
-  re(() => {
-    T || h(e.title || "");
-  }, [e.title, T]);
-  const k = `h${Math.min(a, 6)}`, w = e.type === "object", p = w && e.children && e.children.length > 0, j = {
-    1: "text-xl",
+  const { getTypeLabel: s } = Qe(), [c, m] = V(!1), [d, g] = V(null), [N, x] = V(!1), [S, y] = V(!1), [p, h] = V(e.title || "");
+  be(() => {
+    S || h(e.title || "");
+  }, [e.title, S]);
+  const v = `h${Math.min(a, 6)}`, T = e.type === "object", u = T && e.children && e.children.length > 0, A = {
+    1: "text-lg font-semibold",
     2: "text-base",
     3: "text-base",
     4: "text-base",
     5: "text-sm",
     6: "text-sm"
-  }[a] || "text-sm", V = (y, O) => {
-    const z = e.children.map(
-      (G) => G.id === y ? O : G
+  }[a] || "text-sm", O = (f, q) => {
+    const X = e.children.map(
+      (K) => K.id === f ? q : K
     );
-    r({ ...e, children: z });
-  }, W = (y) => {
-    const O = e.children.filter((z) => z.id !== y);
-    r({ ...e, children: O });
-  }, F = () => {
-    const y = {
-      id: ve(),
+    r({ ...e, children: X });
+  }, _ = (f) => {
+    const q = e.children.filter((X) => X.id !== f);
+    r({ ...e, children: q });
+  }, M = () => {
+    const f = {
+      id: we(),
       key: "",
       type: "string",
       required: !1
     };
-    f(y), v(!0);
-  }, D = (y) => {
+    g(f), x(!0);
+  }, F = (f) => {
     r({
       ...e,
-      children: [...e.children || [], y]
-    }), v(!1), f(null);
-  }, q = () => {
-    v(!1), f(null);
-  }, _ = () => {
-    const y = e.title || e.key || "";
-    h(y), b(!0);
-  }, $ = () => {
-    const y = u.trim();
-    if (!y) {
-      h(e.title || ""), b(!1);
+      children: [...e.children || [], f]
+    }), x(!1), g(null);
+  }, E = () => {
+    x(!1), g(null);
+  }, J = () => {
+    const f = e.title || e.key || "";
+    h(f), y(!0);
+  }, G = () => {
+    const f = p.trim();
+    if (!f) {
+      h(e.title || ""), y(!1);
       return;
     }
-    y !== e.title && r({ ...e, title: y }), b(!1);
-  }, x = (y) => {
-    y.key === "Enter" ? $() : y.key === "Escape" && (h(e.title || ""), b(!1));
+    f !== e.title && r({ ...e, title: f }), y(!1);
+  }, w = (f) => {
+    f.key === "Enter" ? G() : f.key === "Escape" && (h(e.title || ""), y(!1));
   };
   return /* @__PURE__ */ l("div", { className: "group", children: [
     /* @__PURE__ */ l("div", { className: "flex gap-4 items-center rounded-md -mx-2 px-2 py-1 transition-colors hover:bg-accent/50", children: [
@@ -3150,51 +3150,51 @@ function pe({
             children: e.required ? /* @__PURE__ */ n("span", { className: "block w-4 h-4 rounded-full bg-primary" }) : /* @__PURE__ */ n("span", { className: "block w-4 h-4 rounded-full border border-dashed border-gray-400" })
           }
         ),
-        T ? /* @__PURE__ */ n(
-          M,
+        S ? /* @__PURE__ */ n(
+          L,
           {
-            value: u,
-            onChange: (y) => h(y.target.value),
-            onBlur: $,
-            onKeyDown: x,
+            value: p,
+            onChange: (f) => h(f.target.value),
+            onBlur: G,
+            onKeyDown: w,
             autoFocus: !0,
-            className: j,
+            className: A,
             placeholder: "Enter title"
           }
         ) : /* @__PURE__ */ l("div", { className: "flex gap-2 flex-wrap", children: [
           /* @__PURE__ */ l("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ n(
-              k,
+              v,
               {
-                className: `${j} font-medium cursor-pointer hover:text-primary transition-colors leading-none`,
-                onClick: _,
+                className: `${A} cursor-pointer hover:text-primary transition-colors leading-none`,
+                onClick: J,
                 children: e.title || e.key || /* @__PURE__ */ n("span", { className: "text-muted-foreground italic", children: "unnamed" })
               }
             ),
-            /* @__PURE__ */ n(Qt, { children: /* @__PURE__ */ l(Yt, { children: [
-              /* @__PURE__ */ n(er, { asChild: !0, children: /* @__PURE__ */ l("span", { children: [
-                e.type === "string" && /* @__PURE__ */ n(it, { className: "w-5 h-5 text-muted-foreground" }),
-                e.type === "number" && /* @__PURE__ */ n(Ce, { className: "w-5 h-5 text-muted-foreground" }),
-                e.type === "integer" && /* @__PURE__ */ n(Ce, { className: "w-5 h-5 text-muted-foreground" }),
-                e.type === "boolean" && /* @__PURE__ */ n(st, { className: "w-5 h-5 text-muted-foreground" }),
-                e.type === "object" && /* @__PURE__ */ n(lt, { className: "w-5 h-5 text-muted-foreground" }),
-                e.type === "array" && /* @__PURE__ */ n(dt, { className: "w-5 h-5 text-muted-foreground" }),
-                e.type === "file" && /* @__PURE__ */ n(ct, { className: "w-5 h-5 text-muted-foreground" })
+            /* @__PURE__ */ n(Yt, { children: /* @__PURE__ */ l(er, { children: [
+              /* @__PURE__ */ n(tr, { asChild: !0, children: /* @__PURE__ */ l("span", { children: [
+                e.type === "string" && /* @__PURE__ */ n(st, { className: "w-5 h-5 text-muted-foreground" }),
+                e.type === "number" && /* @__PURE__ */ n(Se, { className: "w-5 h-5 text-muted-foreground" }),
+                e.type === "integer" && /* @__PURE__ */ n(Se, { className: "w-5 h-5 text-muted-foreground" }),
+                e.type === "boolean" && /* @__PURE__ */ n(lt, { className: "w-5 h-5 text-muted-foreground" }),
+                e.type === "object" && /* @__PURE__ */ n(dt, { className: "w-5 h-5 text-muted-foreground" }),
+                e.type === "array" && /* @__PURE__ */ n(ct, { className: "w-5 h-5 text-muted-foreground" }),
+                e.type === "file" && /* @__PURE__ */ n(mt, { className: "w-5 h-5 text-muted-foreground" })
               ] }) }),
-              /* @__PURE__ */ l(Be, { side: "top", children: [
+              /* @__PURE__ */ l($e, { side: "top", children: [
                 s(e.type),
                 e.type === "array" && e.items ? ` of ${s(e.items.type)}` : ""
               ] })
             ] }) }),
             e.type === "object" && /* @__PURE__ */ n(
-              L,
+              R,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "opacity-0 group-hover:opacity-100 h-6 w-6",
-                onClick: F,
+                onClick: M,
                 "data-testid": `button-add-child-${e.id}`,
-                children: /* @__PURE__ */ n(te, { className: "!w-5 !h-5" })
+                children: /* @__PURE__ */ n(re, { className: "!w-5 !h-5" })
               }
             )
           ] }),
@@ -3210,54 +3210,54 @@ function pe({
       ] }) }),
       /* @__PURE__ */ l("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
         /* @__PURE__ */ n(
-          L,
+          R,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
             onClick: () => m(!0),
             "data-testid": `button-edit-${e.id}`,
-            children: /* @__PURE__ */ n(mt, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ n(ut, { className: "w-3 h-3" })
           }
         ),
-        w && e.type !== "object" && /* @__PURE__ */ n(
-          L,
+        T && e.type !== "object" && /* @__PURE__ */ n(
+          R,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
-            onClick: F,
+            onClick: M,
             "data-testid": `button-add-child-${e.id}`,
-            children: /* @__PURE__ */ n(te, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ n(re, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ n(
-          L,
+          R,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7 text-muted-foreground hover:text-destructive",
             onClick: t,
             "data-testid": `button-delete-${e.id}`,
-            children: /* @__PURE__ */ n(Re, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ n(Le, { className: "w-3 h-3" })
           }
         )
       ] })
     ] }),
-    p && /* @__PURE__ */ n(
+    u && /* @__PURE__ */ n(
       "div",
       {
         className: a === 1 ? "ml-6 mt-1 border-l-2 border-border pl-6" : "ml-4 mt-1 border-l border-border pl-4",
-        children: e.children.map((y) => /* @__PURE__ */ n(
-          pe,
+        children: e.children.map((f) => /* @__PURE__ */ n(
+          he,
           {
-            property: y,
-            onUpdate: (O) => V(y.id, O),
-            onDelete: () => W(y.id),
+            property: f,
+            onUpdate: (q) => O(f.id, q),
+            onDelete: () => _(f.id),
             level: a + 1,
             showRegex: i
           },
-          y.id
+          f.id
         ))
       }
     ),
@@ -3271,10 +3271,10 @@ function pe({
             " Items"
           ] }),
           /* @__PURE__ */ n(
-            pe,
+            he,
             {
               property: e.items,
-              onUpdate: (y) => r({ ...e, items: y }),
+              onUpdate: (f) => r({ ...e, items: f }),
               onDelete: () => r({ ...e, items: void 0 }),
               level: a + 1,
               isArrayItem: !0,
@@ -3285,7 +3285,7 @@ function pe({
       }
     ),
     /* @__PURE__ */ n(
-      ue,
+      pe,
       {
         property: e,
         open: c,
@@ -3296,75 +3296,75 @@ function pe({
         showRegex: i
       }
     ),
-    C && d && /* @__PURE__ */ n(
-      ue,
+    N && d && /* @__PURE__ */ n(
+      pe,
       {
         property: d,
-        open: C,
+        open: N,
         isNewProperty: !0,
-        onOpenChange: (y) => {
-          y || q();
+        onOpenChange: (f) => {
+          f || E();
         },
-        onUpdate: D,
+        onUpdate: F,
         showRegex: i
       }
     )
   ] });
 }
-const xe = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+const Ne = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
   "div",
   {
     ref: t,
-    className: N(
+    className: C(
       "shadcn-card rounded-xl border bg-card border-card-border text-card-foreground shadow-sm",
       e
     ),
     ...r
   }
 ));
-xe.displayName = "Card";
-const cr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+Ne.displayName = "Card";
+const mr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
   "div",
   {
     ref: t,
-    className: N("flex flex-col space-y-1.5 p-6", e),
+    className: C("flex flex-col space-y-1.5 p-6", e),
     ...r
   }
 ));
-cr.displayName = "CardHeader";
-const mr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+mr.displayName = "CardHeader";
+const ur = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
   "div",
   {
     ref: t,
-    className: N(
+    className: C(
       "text-2xl font-semibold leading-none tracking-tight",
       e
     ),
     ...r
   }
 ));
-mr.displayName = "CardTitle";
-const ur = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+ur.displayName = "CardTitle";
+const pr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
   "div",
   {
     ref: t,
-    className: N("text-sm text-muted-foreground", e),
+    className: C("text-sm text-muted-foreground", e),
     ...r
   }
 ));
-ur.displayName = "CardDescription";
-const pr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: N("p-6 pt-0", e), ...r }));
-pr.displayName = "CardContent";
-const hr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+pr.displayName = "CardDescription";
+const hr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n("div", { ref: t, className: C("p-6 pt-0", e), ...r }));
+hr.displayName = "CardContent";
+const fr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
   "div",
   {
     ref: t,
-    className: N("flex items-center p-6 pt-0", e),
+    className: C("flex items-center p-6 pt-0", e),
     ...r
   }
 ));
-hr.displayName = "CardFooter";
-const fr = () => new Promise((e, r) => {
+fr.displayName = "CardFooter";
+const gr = () => new Promise((e, r) => {
   const t = document.createElement("input");
   t.type = "file", t.accept = ".json", t.onchange = (a) => {
     var s;
@@ -3384,18 +3384,18 @@ const fr = () => new Promise((e, r) => {
       }
     }, i.onerror = () => r(new Error("Failed to read file")), i.readAsText(o);
   }, t.click();
-}), Qe = (e, r = "schema.json") => {
+}), Ye = (e, r = "schema.json") => {
   const t = JSON.stringify(e, null, 2), a = new Blob([t], { type: "application/json" }), o = URL.createObjectURL(a), i = document.createElement("a");
   i.href = o, i.download = r, document.body.appendChild(i), i.click(), document.body.removeChild(i), URL.revokeObjectURL(o);
 };
-function gr({ schema: e }) {
-  const [r, t] = E(!1), a = JSON.stringify(e, null, 2);
+function br({ schema: e }) {
+  const [r, t] = V(!1), a = JSON.stringify(e, null, 2);
   return /* @__PURE__ */ l("div", { className: "h-full flex flex-col", children: [
     /* @__PURE__ */ l("div", { className: "flex items-center justify-between p-4 border-b", children: [
       /* @__PURE__ */ n("h2", { className: "text-sm font-medium", children: "JSON Schema Output" }),
       /* @__PURE__ */ l("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ n(
-          L,
+          R,
           {
             variant: "outline",
             size: "sm",
@@ -3403,24 +3403,24 @@ function gr({ schema: e }) {
               await navigator.clipboard.writeText(a), t(!0), setTimeout(() => t(!1), 2e3);
             },
             "data-testid": "button-copy",
-            children: r ? /* @__PURE__ */ n(ut, { className: "w-4 h-4" }) : /* @__PURE__ */ n(pt, { className: "w-4 h-4" })
+            children: r ? /* @__PURE__ */ n(pt, { className: "w-4 h-4" }) : /* @__PURE__ */ n(ht, { className: "w-4 h-4" })
           }
         ),
         /* @__PURE__ */ n(
-          L,
+          R,
           {
             variant: "outline",
             size: "sm",
             onClick: () => {
-              Qe(e, "schema.json");
+              Ye(e, "schema.json");
             },
             "data-testid": "button-download",
-            children: /* @__PURE__ */ n(ht, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ n(ft, { className: "w-4 h-4" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ n(xe, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ n(Ne, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ n(
       "pre",
       {
         className: "p-6 text-xs font-mono overflow-auto",
@@ -3430,16 +3430,16 @@ function gr({ schema: e }) {
     ) }) })
   ] });
 }
-function br({
+function yr({
   title: e,
   description: r,
   version: t,
   onUpdate: a
 }) {
-  const [o, i] = E(!1);
-  return /* @__PURE__ */ l(xe, { className: "p-4", children: [
+  const [o, i] = V(!1);
+  return /* @__PURE__ */ l(Ne, { className: "p-4", children: [
     /* @__PURE__ */ l(
-      L,
+      R,
       {
         variant: "ghost",
         onClick: () => i(!o),
@@ -3447,14 +3447,14 @@ function br({
         "data-testid": "button-toggle-metadata",
         children: [
           /* @__PURE__ */ n("h3", { className: "text-sm font-medium", children: "Schema Metadata" }),
-          o ? /* @__PURE__ */ n(ge, { className: "w-4 h-4" }) : /* @__PURE__ */ n(ft, { className: "w-4 h-4" })
+          o ? /* @__PURE__ */ n(ye, { className: "w-4 h-4" }) : /* @__PURE__ */ n(gt, { className: "w-4 h-4" })
         ]
       }
     ),
     o && /* @__PURE__ */ l("div", { className: "mt-4 space-y-4", children: [
       /* @__PURE__ */ l("div", { className: "space-y-2", children: [
         /* @__PURE__ */ n(
-          P,
+          z,
           {
             htmlFor: "schema-title",
             className: "text-xs text-muted-foreground",
@@ -3462,7 +3462,7 @@ function br({
           }
         ),
         /* @__PURE__ */ n(
-          M,
+          L,
           {
             id: "schema-title",
             placeholder: "My Schema",
@@ -3474,7 +3474,7 @@ function br({
       ] }),
       /* @__PURE__ */ l("div", { className: "space-y-2", children: [
         /* @__PURE__ */ n(
-          P,
+          z,
           {
             htmlFor: "schema-description",
             className: "text-xs text-muted-foreground",
@@ -3482,7 +3482,7 @@ function br({
           }
         ),
         /* @__PURE__ */ n(
-          ye,
+          xe,
           {
             id: "schema-description",
             placeholder: "Describe your schema...",
@@ -3496,7 +3496,7 @@ function br({
       ] }),
       /* @__PURE__ */ l("div", { className: "space-y-2", children: [
         /* @__PURE__ */ n(
-          P,
+          z,
           {
             htmlFor: "schema-version",
             className: "text-xs text-muted-foreground",
@@ -3504,7 +3504,7 @@ function br({
           }
         ),
         /* @__PURE__ */ n(
-          M,
+          L,
           {
             id: "schema-version",
             placeholder: "1.0.0",
@@ -3517,30 +3517,30 @@ function br({
     ] })
   ] });
 }
-const yr = (e, r, t = !0) => {
+const oe = (e, r, t = !0) => {
   const a = {
     type: "object"
   };
   t && r && (r.title && (a.title = r.title), r.description && (a.description = r.description));
-  const o = he(e);
+  const o = fe(e);
   Object.keys(o).length > 0 && (a.properties = o);
   const i = e.filter((s) => s.required && s.key).map((s) => s.key);
   return i.length > 0 && (a.required = i), a;
-}, he = (e) => {
+}, fe = (e) => {
   const r = {};
   return e.forEach((t) => {
     if (!t.key) return;
     const o = { type: t.type === "file" ? "string" : t.type };
-    if (t.title && (o.title = t.title), t.description && (o.description = t.description), t.type === "file" && (o.format = "filename"), t.type === "string" && (t.minLength !== void 0 && (o.minLength = t.minLength), t.maxLength !== void 0 && (o.maxLength = t.maxLength), t.pattern && (o.pattern = t.pattern), t.enum && t.enum.length > 0 && (o.enum = t.enum)), (t.type === "number" || t.type === "integer") && (t.minimum !== void 0 && (o.minimum = t.minimum), t.maximum !== void 0 && (o.maximum = t.maximum)), t.type === "array" && (t.minItems !== void 0 && (o.minItems = t.minItems), t.maxItems !== void 0 && (o.maxItems = t.maxItems), t.uniqueItems && (o.uniqueItems = t.uniqueItems), t.items && (o.items = he([t.items])[t.items.key] || {
+    if (t.title && (o.title = t.title), t.description && (o.description = t.description), t.type === "file" && (o.format = "filename"), t.type === "string" && (t.minLength !== void 0 && (o.minLength = t.minLength), t.maxLength !== void 0 && (o.maxLength = t.maxLength), t.pattern && (o.pattern = t.pattern), t.enum && t.enum.length > 0 && (o.enum = t.enum)), (t.type === "number" || t.type === "integer") && (t.minimum !== void 0 && (o.minimum = t.minimum), t.maximum !== void 0 && (o.maximum = t.maximum)), t.type === "array" && (t.minItems !== void 0 && (o.minItems = t.minItems), t.maxItems !== void 0 && (o.maxItems = t.maxItems), t.uniqueItems && (o.uniqueItems = t.uniqueItems), t.items && (o.items = fe([t.items])[t.items.key] || {
       type: t.items.type
     })), t.type === "object" && t.children && t.children.length > 0) {
-      o.properties = he(t.children);
+      o.properties = fe(t.children);
       const i = t.children.filter((s) => s.required && s.key).map((s) => s.key);
       i.length > 0 && (o.required = i);
     }
     r[t.key] = o;
   }), r;
-}, Ae = (e) => {
+}, vr = (e) => {
   const r = {
     properties: []
   };
@@ -3549,80 +3549,86 @@ const yr = (e, r, t = !0) => {
     description: typeof e.description == "string" ? e.description : "",
     version: "1.0.0"
     // Default version
-  }), e.properties && typeof e.properties == "object" && (r.properties = fe(
+  }), e.properties && typeof e.properties == "object" && (r.properties = ge(
     e.properties,
     Array.isArray(e.required) ? e.required : []
   )), r;
-}, fe = (e, r = []) => e ? Object.entries(e).filter(([, t]) => typeof t == "object").map(([t, a]) => {
+}, ge = (e, r = []) => e ? Object.entries(e).filter(([, t]) => typeof t == "object").map(([t, a]) => {
   const o = a;
   let i = typeof o.type == "string" ? o.type : "string";
   i === "string" && o.format === "filename" && (i = "file");
   const s = {
-    id: ve(),
+    id: we(),
     key: t,
     title: typeof o.title == "string" ? o.title : void 0,
     type: i,
     description: typeof o.description == "string" ? o.description : void 0,
     required: r.includes(t)
   };
-  return o.minLength !== void 0 && (s.minLength = o.minLength), o.maxLength !== void 0 && (s.maxLength = o.maxLength), o.pattern && (s.pattern = o.pattern), o.enum && Array.isArray(o.enum) && (s.enum = o.enum), o.minimum !== void 0 && (s.minimum = o.minimum), o.maximum !== void 0 && (s.maximum = o.maximum), o.minItems !== void 0 && (s.minItems = o.minItems), o.maxItems !== void 0 && (s.maxItems = o.maxItems), o.uniqueItems && (s.uniqueItems = o.uniqueItems), s.type === "array" && o.items && typeof o.items == "object" && !Array.isArray(o.items) && (s.items = fe(
+  return o.minLength !== void 0 && (s.minLength = o.minLength), o.maxLength !== void 0 && (s.maxLength = o.maxLength), o.pattern && (s.pattern = o.pattern), o.enum && Array.isArray(o.enum) && (s.enum = o.enum), o.minimum !== void 0 && (s.minimum = o.minimum), o.maximum !== void 0 && (s.maximum = o.maximum), o.minItems !== void 0 && (s.minItems = o.minItems), o.maxItems !== void 0 && (s.maxItems = o.maxItems), o.uniqueItems && (s.uniqueItems = o.uniqueItems), s.type === "array" && o.items && typeof o.items == "object" && !Array.isArray(o.items) && (s.items = ge(
     { item: o.items },
     []
-  ).find((c) => c.key === "item")), o.properties && typeof o.properties == "object" && (s.children = fe(
+  ).find((c) => c.key === "item")), o.properties && typeof o.properties == "object" && (s.children = ge(
     o.properties,
     Array.isArray(o.required) ? o.required : []
   )), s;
-}) : [], vr = (e = !0) => {
-  const [r, t] = E([]), [a, o] = E({
+}) : [], xr = ({
+  schema: e,
+  onChange: r,
+  includeMetadata: t = !0
+}) => {
+  const { properties: a, metadata: o } = nt(
+    () => vr(e),
+    [e]
+  ), i = a, s = o || {
     title: "",
     description: "",
     version: ""
-  }), i = rt(
-    () => yr(r, a, e),
-    [r, a, e]
-  );
+  }, c = H(() => ({
+    id: we(),
+    key: "",
+    type: "string",
+    required: !1
+  }), []), m = H((y, p) => {
+    const h = i.some((u) => u.id === y);
+    let v;
+    h ? v = i.map((u) => u.id === y ? p : u) : v = [...i, p];
+    const T = oe(v, s, t);
+    r(T);
+  }, [i, s, t, r]), d = H((y) => {
+    const p = i.filter((v) => v.id !== y), h = oe(p, s, t);
+    r(h);
+  }, [i, s, t, r]), g = H(() => {
+    const p = oe([], { title: "", description: "" }, t);
+    r(p);
+  }, [t, r]), N = H((y, p) => {
+    const h = { ...s, [y]: p }, v = oe(i, h, t);
+    r(v);
+  }, [i, s, t, r]), x = H(async () => {
+    const y = await gr();
+    r(y);
+  }, [r]), S = H(() => {
+    Ye(e, "schema.json");
+  }, [e]);
   return {
-    properties: r,
-    metadata: a,
-    schema: i,
-    addProperty: () => ({
-      id: ve(),
-      key: "",
-      type: "string",
-      required: !1
-    }),
-    updateProperty: (b, u) => {
-      t((h) => h.some((w) => w.id === b) ? h.map((w) => w.id === b ? u : w) : [...h, u]);
-    },
-    deleteProperty: (b) => {
-      t((u) => u.filter((h) => h.id !== b));
-    },
-    clearAll: () => {
-      t([]), o({ title: "", description: "", version: "" });
-    },
-    updateMetadata: (b, u) => {
-      o((h) => ({ ...h, [b]: u }));
-    },
-    importSchema: async () => {
-      const b = await fr(), u = Ae(b);
-      t(u.properties), u.metadata && e && o(u.metadata);
-    },
-    downloadSchema: () => {
-      Qe(i, "schema.json");
-    },
-    loadSchema: (b) => {
-      const u = Ae(b);
-      t(u.properties), u.metadata && e && o(u.metadata);
-    }
+    properties: i,
+    metadata: s,
+    addProperty: c,
+    updateProperty: m,
+    deleteProperty: d,
+    clearAll: g,
+    updateMetadata: N,
+    importSchema: x,
+    downloadSchema: S
   };
 };
-function xr() {
-  const [e, r] = E("light");
-  return re(() => {
+function wr() {
+  const [e, r] = V("light");
+  return be(() => {
     const o = localStorage.getItem("theme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
     r(o), document.documentElement.classList.toggle("dark", o === "dark");
   }, []), /* @__PURE__ */ n(
-    L,
+    R,
     {
       variant: "ghost",
       size: "icon",
@@ -3631,128 +3637,124 @@ function xr() {
         r(a), localStorage.setItem("theme", a), document.documentElement.classList.toggle("dark", a === "dark");
       },
       "data-testid": "button-theme-toggle",
-      children: e === "light" ? /* @__PURE__ */ n(gt, { className: "w-4 h-4" }) : /* @__PURE__ */ n(bt, { className: "w-4 h-4" })
+      children: e === "light" ? /* @__PURE__ */ n(bt, { className: "w-4 h-4" }) : /* @__PURE__ */ n(yt, { className: "w-4 h-4" })
     }
   );
 }
-function Sr({
-  initialSchema: e,
-  onSchemaChange: r,
+function Ir({
+  schema: e,
+  onChange: r,
   showMetadata: t = !1,
   showImport: a = !0,
   showClear: o = !0,
   showOutput: i = !0,
   showHeader: s = !0,
-  className: c = "h-screen",
+  className: c = "",
   showSummary: m = !1,
   typeLabels: d,
-  propertyLabel: f = { singular: "property", plural: "properties" },
-  showRegex: C = !1
+  propertyLabel: g = { singular: "property", plural: "properties" },
+  showRegex: N = !1
 }) {
-  const [v, T] = E(null), [b, u] = E(!1), {
+  const [x, S] = V(null), [y, p] = V(!1), {
     properties: h,
-    metadata: k,
-    schema: w,
-    addProperty: p,
-    updateProperty: j,
-    deleteProperty: V,
-    clearAll: W,
-    updateMetadata: F,
-    importSchema: D,
-    loadSchema: q
-  } = vr(t);
-  re(() => {
-    r && r(w);
-  }, [w]), re(() => {
-    e && q(e);
-  }, [e]);
-  const _ = () => {
-    const z = p();
-    T(z), u(!0);
-  }, $ = (z) => {
-    j(z.id, z), u(!1), T(null);
-  }, x = () => {
-    u(!1), T(null);
-  }, y = () => {
-    W();
-  }, O = async () => {
-    await D();
+    metadata: v,
+    addProperty: T,
+    updateProperty: u,
+    deleteProperty: A,
+    clearAll: O,
+    updateMetadata: _,
+    importSchema: M
+  } = xr({
+    schema: e,
+    onChange: r,
+    includeMetadata: t
+  }), F = () => {
+    const f = T();
+    S(f), p(!0);
+  }, E = (f) => {
+    u(f.id, f), p(!1), S(null);
+  }, J = () => {
+    p(!1), S(null);
+  }, G = () => {
+    O();
+  }, w = async () => {
+    await M();
   };
-  return /* @__PURE__ */ n(dr, { customLabels: d, children: /* @__PURE__ */ l("div", { className: `${c} flex flex-col`, children: [
+  return /* @__PURE__ */ n(cr, { customLabels: d, children: /* @__PURE__ */ l("div", { className: `${c} flex flex-col json-schema-builder-react`, children: [
     s && /* @__PURE__ */ n("header", { className: "h-16 border-b flex items-center justify-between px-6", children: /* @__PURE__ */ l("div", { className: "flex items-center gap-3", children: [
       a && /* @__PURE__ */ n(
-        L,
+        R,
         {
           variant: "outline",
           size: "sm",
-          onClick: O,
+          onClick: w,
           "data-testid": "button-import",
-          children: /* @__PURE__ */ n(yt, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ n(vt, { className: "w-4 h-4" })
         }
       ),
       o && /* @__PURE__ */ n(
-        L,
+        R,
         {
           variant: "outline",
           size: "sm",
-          onClick: y,
+          onClick: G,
           disabled: h.length === 0,
           "data-testid": "button-clear",
-          children: /* @__PURE__ */ n(Re, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ n(Le, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ n(xr, {})
+      /* @__PURE__ */ n(wr, {})
     ] }) }),
     /* @__PURE__ */ l("div", { className: "flex-1 flex overflow-hidden", children: [
-      /* @__PURE__ */ n("div", { className: i ? "w-3/5 border-r" : "w-full", children: /* @__PURE__ */ l("div", { className: "h-full overflow-auto p-6 space-y-4", children: [
+      /* @__PURE__ */ n("div", { className: i ? "w-3/5 border-r" : "w-full", children: /* @__PURE__ */ l("div", { className: "h-full overflow-auto p-2 space-y-4", children: [
         t && /* @__PURE__ */ n(
-          br,
+          yr,
           {
-            title: k.title,
-            description: k.description,
-            version: k.version,
-            onUpdate: (z, G) => F(z, G)
+            title: v.title,
+            description: v.description,
+            version: v.version,
+            onUpdate: (f, q) => _(f, q)
           }
         ),
         h.length === 0 ? /* @__PURE__ */ l("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
-          /* @__PURE__ */ n("div", { className: "w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ n(te, { className: "w-8 h-8 text-muted-foreground" }) }),
+          /* @__PURE__ */ n("div", { className: "w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ n(re, { className: "w-8 h-8 text-muted-foreground" }) }),
           /* @__PURE__ */ l("h2", { className: "text-lg font-medium mb-2", children: [
             "No ",
-            f.plural,
+            g.plural,
             " yet"
           ] }),
           /* @__PURE__ */ l("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: [
             "Start building your JSON schema by adding your first",
             " ",
-            f.singular
+            g.singular
           ] }),
-          /* @__PURE__ */ l(L, { onClick: _, "data-testid": "button-add-first", children: [
-            /* @__PURE__ */ n(te, { className: "w-4 h-4 mr-2" }),
+          /* @__PURE__ */ l(R, { onClick: F, "data-testid": "button-add-first", children: [
+            /* @__PURE__ */ n(re, { className: "w-4 h-4 mr-2" }),
             "Add ",
-            f.singular
+            g.singular
           ] })
-        ] }) : /* @__PURE__ */ l(Ye, { children: [
-          /* @__PURE__ */ n("div", { className: "space-y-1", children: h.map((z) => /* @__PURE__ */ n(
-            pe,
+        ] }) : /* @__PURE__ */ l(et, { children: [
+          /* @__PURE__ */ n("div", { className: "space-y-1", children: h.map((f) => /* @__PURE__ */ n(
+            he,
             {
-              property: z,
-              onUpdate: (G) => j(z.id, G),
-              onDelete: () => V(z.id),
-              showRegex: C
+              property: f,
+              onUpdate: (q) => u(f.id, q),
+              onDelete: () => A(f.id),
+              showRegex: N
             },
-            z.id
+            f.id
           )) }),
           /* @__PURE__ */ n("div", { className: "pt-6", children: /* @__PURE__ */ l(
-            L,
+            R,
             {
-              onClick: _,
+              onClick: F,
               className: "w-full",
               variant: "outline",
               "data-testid": "button-add-property",
               children: [
-                /* @__PURE__ */ n(te, { className: "w-4 h-4 mr-2" }),
+                /* @__PURE__ */ n(re, { className: "w-4 h-4 mr-2" }),
                 "Add ",
-                f.singular
+                g.singular
               ]
             }
           ) }),
@@ -3760,44 +3762,34 @@ function Sr({
             /* @__PURE__ */ l("span", { children: [
               h.length,
               " ",
-              h.length === 1 ? f.singular : f.plural
+              h.length === 1 ? g.singular : g.plural
             ] }),
             /* @__PURE__ */ l("span", { children: [
-              h.filter((z) => z.required).length,
+              h.filter((f) => f.required).length,
               " required"
             ] })
           ] })
         ] })
       ] }) }),
-      i && /* @__PURE__ */ n("div", { className: "w-2/5", children: /* @__PURE__ */ n(gr, { schema: w }) })
+      i && /* @__PURE__ */ n("div", { className: "w-2/5", children: /* @__PURE__ */ n(br, { schema: e }) })
     ] }),
-    b && v && /* @__PURE__ */ n(
-      ue,
+    y && x && /* @__PURE__ */ n(
+      pe,
       {
-        property: v,
-        open: b,
+        property: x,
+        open: y,
         isNewProperty: !0,
-        onOpenChange: (z) => {
-          z || x();
+        onOpenChange: (f) => {
+          f || J();
         },
-        propertyLabel: f,
-        onUpdate: $,
-        showRegex: C
+        propertyLabel: g,
+        onUpdate: E,
+        showRegex: N
       }
     )
   ] }) });
 }
 export {
-  gr as JsonOutput,
-  Sr as JsonSchemaBuilder,
-  pe as PropertyDocument,
-  ue as PropertyEditDialog,
-  br as SchemaMetadataComponent,
-  Qe as downloadJsonFile,
-  yr as generateSchema,
-  fr as importJsonFile,
-  Ae as parseSchema,
-  lr as usePropertyEditor,
-  vr as useSchemaBuilder
+  Ir as JsonSchemaBuilder
 };
 //# sourceMappingURL=index.js.map