json-schema-builder-react 0.0.4 → 0.0.6

package/dist-lib/index.js

@@ -1,2339 +1,35 @@
-import { jsx as n, jsxs as l, Fragment as et } from "react/jsx-runtime";
-import * as I from "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 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 = Ee(e[r])) && (a && (a += " "), a += t);
-  } else for (t in e) e[t] && (a && (a += " "), a += t);
-  return a;
+import { jsx as e, jsxs as s, Fragment as le } from "react/jsx-runtime";
+import * as y from "react";
+import { createContext as ke, useContext as Ie, useState as O, useEffect as Z, useMemo as Te, useCallback as E } from "react";
+import { Slot as Se } from "@radix-ui/react-slot";
+import { cva as de } from "class-variance-authority";
+import { clsx as De } from "clsx";
+import { twMerge as je } from "tailwind-merge";
+import { ChevronDown as ee, Check as oe, ChevronUp as qe, X as Le, Type as Pe, Hash as se, CheckSquare as Oe, Braces as Re, List as Ee, FileText as Fe, Plus as B, Pencil as ze, Trash2 as ce, CheckCircle2 as Be, Copy as Ae, Download as Me, ChevronRight as $e, Moon as Ke, Sun as Je, Upload as Ve } from "lucide-react";
+import * as F from "@radix-ui/react-tooltip";
+import * as w from "@radix-ui/react-select";
+import * as P from "@radix-ui/react-dialog";
+import * as me from "@radix-ui/react-label";
+import * as V from "@radix-ui/react-checkbox";
+function p(...t) {
+  return je(De(t));
 }
-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 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 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 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
-      }[p]) : {
-        ...i,
-        ...c
-      }[p] === h;
-    }) ? [
-      ...d,
-      N,
-      x
-    ] : d;
-  }, []);
-  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(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;
-    }
-  };
-}, Oe = (e, r) => {
-  var s;
-  if (e.length === 0)
-    return r.classGroupId;
-  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(ve);
-  return (s = r.validators.find(({
-    validator: c
-  }) => c(i))) == null ? void 0 : s.classGroupId;
-}, 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;
-  }
-}, Nt = (e) => {
-  const {
-    theme: r,
-    prefix: t
-  } = e, a = {
-    nextPart: /* @__PURE__ */ new Map(),
-    validators: []
-  };
-  return kt(Object.entries(e.classGroups), t).forEach(([i, s]) => {
-    le(s, a, i, r);
-  }), a;
-}, le = (e, r, t, a) => {
-  e.forEach((o) => {
-    if (typeof o == "string") {
-      const i = o === "" ? r : Pe(r, o);
-      i.classGroupId = t;
-      return;
-    }
-    if (typeof o == "function") {
-      if (Ct(o)) {
-        le(o(a), r, t, a);
-        return;
-      }
-      r.validators.push({
-        validator: o,
-        classGroupId: t
-      });
-      return;
-    }
-    Object.entries(o).forEach(([i, s]) => {
-      le(s, Pe(r, i), t, a);
-    });
-  });
-}, Pe = (e, r) => {
-  let t = e;
-  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;
-}, 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, St = (e) => {
-  if (e < 1)
-    return {
-      get: () => {
-      },
-      set: () => {
-      }
-    };
-  let r = 0, t = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-  const o = (i, s) => {
-    t.set(i, s), r++, r > e && (r = 0, a = t, t = /* @__PURE__ */ new Map());
-  };
-  return {
-    get(i) {
-      let s = t.get(i);
-      if (s !== void 0)
-        return s;
-      if ((s = a.get(i)) !== void 0)
-        return o(i, s), s;
-    },
-    set(i, s) {
-      t.has(i) ? t.set(i, s) : o(i, s);
-    }
-  };
-}, 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, g = 0, N;
-    for (let h = 0; h < c.length; h++) {
-      let v = c[h];
-      if (d === 0) {
-        if (v === o && (a || c.slice(h, h + i) === r)) {
-          m.push(c.slice(g, h)), g = h + i;
-          continue;
-        }
-        if (v === "/") {
-          N = h;
-          continue;
-        }
-      }
-      v === "[" ? d++ : v === "]" && d--;
-    }
-    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: S,
-      baseClassName: y,
-      maybePostfixModifierPosition: p
-    };
-  };
-  return t ? (c) => t({
-    className: c,
-    parseClassName: s
-  }) : s;
-}, Tt = (e) => {
-  if (e.length <= 1)
-    return e;
-  const r = [];
-  let t = [];
-  return e.forEach((a) => {
-    a[0] === "[" ? (r.push(...t.sort(), a), t = []) : t.push(a);
-  }), r.push(...t.sort()), 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(Pt);
-  let c = "";
-  for (let m = s.length - 1; m >= 0; m -= 1) {
-    const d = s[m], {
-      modifiers: g,
-      hasImportantModifier: N,
-      baseClassName: x,
-      maybePostfixModifierPosition: S
-    } = t(d);
-    let y = !!S, p = a(y ? x.substring(0, S) : x);
-    if (!p) {
-      if (!y) {
-        c = d + (c.length > 0 ? " " + c : c);
-        continue;
-      }
-      if (p = a(x), !p) {
-        c = d + (c.length > 0 ? " " + c : c);
-        continue;
-      }
-      y = !1;
-    }
-    const h = Tt(g).join(":"), v = N ? h + Ve : h, T = v + p;
-    if (i.includes(T))
-      continue;
-    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 jt() {
-  let e = 0, r, t, a = "";
-  for (; e < arguments.length; )
-    (r = arguments[e++]) && (t = De(r)) && (a && (a += " "), a += t);
-  return a;
-}
-const De = (e) => {
-  if (typeof e == "string")
-    return e;
-  let r, t = "";
-  for (let a = 0; a < e.length; a++)
-    e[a] && (r = De(e[a])) && (t && (t += " "), t += r);
-  return t;
-};
-function Rt(e, ...r) {
-  let t, a, o, i = s;
-  function s(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 g = At(m, t);
-    return o(m, g), g;
-  }
-  return function() {
-    return i(jt.apply(null, arguments));
-  };
-}
-const k = (e) => {
-  const r = (t) => t[e] || [];
-  return r.isThemeGetter = !0, r;
-}, 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;
-}, 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.
-  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: [te],
-      spacing: [$, U],
-      blur: ["none", "", W, b],
-      brightness: B(),
-      borderColor: [e],
-      borderRadius: ["none", "", "full", W, b],
-      borderSpacing: w(),
-      borderWidth: f(),
-      contrast: B(),
-      grayscale: Y(),
-      hueRotate: B(),
-      invert: Y(),
-      gap: w(),
-      gradientColorStops: [e],
-      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
-      /**
-       * Aspect Ratio
-       * @see https://tailwindcss.com/docs/aspect-ratio
-       */
-      aspect: [{
-        aspect: ["auto", "square", "video", b]
-      }],
-      /**
-       * Container
-       * @see https://tailwindcss.com/docs/container
-       */
-      container: ["container"],
-      /**
-       * Columns
-       * @see https://tailwindcss.com/docs/columns
-       */
-      columns: [{
-        columns: [W]
-      }],
-      /**
-       * Break After
-       * @see https://tailwindcss.com/docs/break-after
-       */
-      "break-after": [{
-        "break-after": ke()
-      }],
-      /**
-       * Break Before
-       * @see https://tailwindcss.com/docs/break-before
-       */
-      "break-before": [{
-        "break-before": ke()
-      }],
-      /**
-       * Break Inside
-       * @see https://tailwindcss.com/docs/break-inside
-       */
-      "break-inside": [{
-        "break-inside": ["auto", "avoid", "avoid-page", "avoid-column"]
-      }],
-      /**
-       * Box Decoration Break
-       * @see https://tailwindcss.com/docs/box-decoration-break
-       */
-      "box-decoration": [{
-        "box-decoration": ["slice", "clone"]
-      }],
-      /**
-       * Box Sizing
-       * @see https://tailwindcss.com/docs/box-sizing
-       */
-      box: [{
-        box: ["border", "content"]
-      }],
-      /**
-       * Display
-       * @see https://tailwindcss.com/docs/display
-       */
-      display: ["block", "inline-block", "inline", "flex", "inline-flex", "table", "inline-table", "table-caption", "table-cell", "table-column", "table-column-group", "table-footer-group", "table-header-group", "table-row-group", "table-row", "flow-root", "grid", "inline-grid", "contents", "list-item", "hidden"],
-      /**
-       * Floats
-       * @see https://tailwindcss.com/docs/float
-       */
-      float: [{
-        float: ["right", "left", "none", "start", "end"]
-      }],
-      /**
-       * Clear
-       * @see https://tailwindcss.com/docs/clear
-       */
-      clear: [{
-        clear: ["left", "right", "both", "none", "start", "end"]
-      }],
-      /**
-       * Isolation
-       * @see https://tailwindcss.com/docs/isolation
-       */
-      isolation: ["isolate", "isolation-auto"],
-      /**
-       * Object Fit
-       * @see https://tailwindcss.com/docs/object-fit
-       */
-      "object-fit": [{
-        object: ["contain", "cover", "fill", "none", "scale-down"]
-      }],
-      /**
-       * Object Position
-       * @see https://tailwindcss.com/docs/object-position
-       */
-      "object-position": [{
-        object: [...X(), b]
-      }],
-      /**
-       * Overflow
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      overflow: [{
-        overflow: J()
-      }],
-      /**
-       * Overflow X
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-x": [{
-        "overflow-x": J()
-      }],
-      /**
-       * Overflow Y
-       * @see https://tailwindcss.com/docs/overflow
-       */
-      "overflow-y": [{
-        "overflow-y": J()
-      }],
-      /**
-       * Overscroll Behavior
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      overscroll: [{
-        overscroll: E()
-      }],
-      /**
-       * Overscroll Behavior X
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-x": [{
-        "overscroll-x": E()
-      }],
-      /**
-       * Overscroll Behavior Y
-       * @see https://tailwindcss.com/docs/overscroll-behavior
-       */
-      "overscroll-y": [{
-        "overscroll-y": E()
-      }],
-      /**
-       * Position
-       * @see https://tailwindcss.com/docs/position
-       */
-      position: ["static", "fixed", "absolute", "relative", "sticky"],
-      /**
-       * Top / Right / Bottom / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      inset: [{
-        inset: [p]
-      }],
-      /**
-       * Right / Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-x": [{
-        "inset-x": [p]
-      }],
-      /**
-       * Top / Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      "inset-y": [{
-        "inset-y": [p]
-      }],
-      /**
-       * Start
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      start: [{
-        start: [p]
-      }],
-      /**
-       * End
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      end: [{
-        end: [p]
-      }],
-      /**
-       * Top
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      top: [{
-        top: [p]
-      }],
-      /**
-       * Right
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      right: [{
-        right: [p]
-      }],
-      /**
-       * Bottom
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      bottom: [{
-        bottom: [p]
-      }],
-      /**
-       * Left
-       * @see https://tailwindcss.com/docs/top-right-bottom-left
-       */
-      left: [{
-        left: [p]
-      }],
-      /**
-       * Visibility
-       * @see https://tailwindcss.com/docs/visibility
-       */
-      visibility: ["visible", "invisible", "collapse"],
-      /**
-       * Z-Index
-       * @see https://tailwindcss.com/docs/z-index
-       */
-      z: [{
-        z: ["auto", ee, b]
-      }],
-      // Flexbox and Grid
-      /**
-       * Flex Basis
-       * @see https://tailwindcss.com/docs/flex-basis
-       */
-      basis: [{
-        basis: G()
-      }],
-      /**
-       * Flex Direction
-       * @see https://tailwindcss.com/docs/flex-direction
-       */
-      "flex-direction": [{
-        flex: ["row", "row-reverse", "col", "col-reverse"]
-      }],
-      /**
-       * Flex Wrap
-       * @see https://tailwindcss.com/docs/flex-wrap
-       */
-      "flex-wrap": [{
-        flex: ["wrap", "wrap-reverse", "nowrap"]
-      }],
-      /**
-       * Flex
-       * @see https://tailwindcss.com/docs/flex
-       */
-      flex: [{
-        flex: ["1", "auto", "initial", "none", b]
-      }],
-      /**
-       * Flex Grow
-       * @see https://tailwindcss.com/docs/flex-grow
-       */
-      grow: [{
-        grow: Y()
-      }],
-      /**
-       * Flex Shrink
-       * @see https://tailwindcss.com/docs/flex-shrink
-       */
-      shrink: [{
-        shrink: Y()
-      }],
-      /**
-       * Order
-       * @see https://tailwindcss.com/docs/order
-       */
-      order: [{
-        order: ["first", "last", "none", ee, b]
-      }],
-      /**
-       * Grid Template Columns
-       * @see https://tailwindcss.com/docs/grid-template-columns
-       */
-      "grid-cols": [{
-        "grid-cols": [te]
-      }],
-      /**
-       * Grid Column Start / End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start-end": [{
-        col: ["auto", {
-          span: ["full", ee, b]
-        }, b]
-      }],
-      /**
-       * Grid Column Start
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-start": [{
-        "col-start": q()
-      }],
-      /**
-       * Grid Column End
-       * @see https://tailwindcss.com/docs/grid-column
-       */
-      "col-end": [{
-        "col-end": q()
-      }],
-      /**
-       * Grid Template Rows
-       * @see https://tailwindcss.com/docs/grid-template-rows
-       */
-      "grid-rows": [{
-        "grid-rows": [te]
-      }],
-      /**
-       * Grid Row Start / End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start-end": [{
-        row: ["auto", {
-          span: [ee, b]
-        }, b]
-      }],
-      /**
-       * Grid Row Start
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-start": [{
-        "row-start": q()
-      }],
-      /**
-       * Grid Row End
-       * @see https://tailwindcss.com/docs/grid-row
-       */
-      "row-end": [{
-        "row-end": q()
-      }],
-      /**
-       * Grid Auto Flow
-       * @see https://tailwindcss.com/docs/grid-auto-flow
-       */
-      "grid-flow": [{
-        "grid-flow": ["row", "col", "dense", "row-dense", "col-dense"]
-      }],
-      /**
-       * Grid Auto Columns
-       * @see https://tailwindcss.com/docs/grid-auto-columns
-       */
-      "auto-cols": [{
-        "auto-cols": ["auto", "min", "max", "fr", b]
-      }],
-      /**
-       * Grid Auto Rows
-       * @see https://tailwindcss.com/docs/grid-auto-rows
-       */
-      "auto-rows": [{
-        "auto-rows": ["auto", "min", "max", "fr", b]
-      }],
-      /**
-       * Gap
-       * @see https://tailwindcss.com/docs/gap
-       */
-      gap: [{
-        gap: [x]
-      }],
-      /**
-       * Gap X
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-x": [{
-        "gap-x": [x]
-      }],
-      /**
-       * Gap Y
-       * @see https://tailwindcss.com/docs/gap
-       */
-      "gap-y": [{
-        "gap-y": [x]
-      }],
-      /**
-       * Justify Content
-       * @see https://tailwindcss.com/docs/justify-content
-       */
-      "justify-content": [{
-        justify: ["normal", ...ae()]
-      }],
-      /**
-       * Justify Items
-       * @see https://tailwindcss.com/docs/justify-items
-       */
-      "justify-items": [{
-        "justify-items": ["start", "end", "center", "stretch"]
-      }],
-      /**
-       * Justify Self
-       * @see https://tailwindcss.com/docs/justify-self
-       */
-      "justify-self": [{
-        "justify-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      /**
-       * Align Content
-       * @see https://tailwindcss.com/docs/align-content
-       */
-      "align-content": [{
-        content: ["normal", ...ae(), "baseline"]
-      }],
-      /**
-       * Align Items
-       * @see https://tailwindcss.com/docs/align-items
-       */
-      "align-items": [{
-        items: ["start", "end", "center", "baseline", "stretch"]
-      }],
-      /**
-       * Align Self
-       * @see https://tailwindcss.com/docs/align-self
-       */
-      "align-self": [{
-        self: ["auto", "start", "end", "center", "stretch", "baseline"]
-      }],
-      /**
-       * Place Content
-       * @see https://tailwindcss.com/docs/place-content
-       */
-      "place-content": [{
-        "place-content": [...ae(), "baseline"]
-      }],
-      /**
-       * Place Items
-       * @see https://tailwindcss.com/docs/place-items
-       */
-      "place-items": [{
-        "place-items": ["start", "end", "center", "baseline", "stretch"]
-      }],
-      /**
-       * Place Self
-       * @see https://tailwindcss.com/docs/place-self
-       */
-      "place-self": [{
-        "place-self": ["auto", "start", "end", "center", "stretch"]
-      }],
-      // Spacing
-      /**
-       * Padding
-       * @see https://tailwindcss.com/docs/padding
-       */
-      p: [{
-        p: [T]
-      }],
-      /**
-       * Padding X
-       * @see https://tailwindcss.com/docs/padding
-       */
-      px: [{
-        px: [T]
-      }],
-      /**
-       * Padding Y
-       * @see https://tailwindcss.com/docs/padding
-       */
-      py: [{
-        py: [T]
-      }],
-      /**
-       * Padding Start
-       * @see https://tailwindcss.com/docs/padding
-       */
-      ps: [{
-        ps: [T]
-      }],
-      /**
-       * Padding End
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pe: [{
-        pe: [T]
-      }],
-      /**
-       * Padding Top
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pt: [{
-        pt: [T]
-      }],
-      /**
-       * Padding Right
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pr: [{
-        pr: [T]
-      }],
-      /**
-       * Padding Bottom
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pb: [{
-        pb: [T]
-      }],
-      /**
-       * Padding Left
-       * @see https://tailwindcss.com/docs/padding
-       */
-      pl: [{
-        pl: [T]
-      }],
-      /**
-       * Margin
-       * @see https://tailwindcss.com/docs/margin
-       */
-      m: [{
-        m: [h]
-      }],
-      /**
-       * Margin X
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mx: [{
-        mx: [h]
-      }],
-      /**
-       * Margin Y
-       * @see https://tailwindcss.com/docs/margin
-       */
-      my: [{
-        my: [h]
-      }],
-      /**
-       * Margin Start
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ms: [{
-        ms: [h]
-      }],
-      /**
-       * Margin End
-       * @see https://tailwindcss.com/docs/margin
-       */
-      me: [{
-        me: [h]
-      }],
-      /**
-       * Margin Top
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mt: [{
-        mt: [h]
-      }],
-      /**
-       * Margin Right
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mr: [{
-        mr: [h]
-      }],
-      /**
-       * Margin Bottom
-       * @see https://tailwindcss.com/docs/margin
-       */
-      mb: [{
-        mb: [h]
-      }],
-      /**
-       * Margin Left
-       * @see https://tailwindcss.com/docs/margin
-       */
-      ml: [{
-        ml: [h]
-      }],
-      /**
-       * Space Between X
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x": [{
-        "space-x": [M]
-      }],
-      /**
-       * Space Between X Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-x-reverse": ["space-x-reverse"],
-      /**
-       * Space Between Y
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y": [{
-        "space-y": [M]
-      }],
-      /**
-       * Space Between Y Reverse
-       * @see https://tailwindcss.com/docs/space
-       */
-      "space-y-reverse": ["space-y-reverse"],
-      // Sizing
-      /**
-       * Width
-       * @see https://tailwindcss.com/docs/width
-       */
-      w: [{
-        w: ["auto", "min", "max", "fit", "svw", "lvw", "dvw", b, r]
-      }],
-      /**
-       * Min-Width
-       * @see https://tailwindcss.com/docs/min-width
-       */
-      "min-w": [{
-        "min-w": [b, r, "min", "max", "fit"]
-      }],
-      /**
-       * Max-Width
-       * @see https://tailwindcss.com/docs/max-width
-       */
-      "max-w": [{
-        "max-w": [b, r, "none", "full", "min", "max", "fit", "prose", {
-          screen: [W]
-        }, W]
-      }],
-      /**
-       * Height
-       * @see https://tailwindcss.com/docs/height
-       */
-      h: [{
-        h: [b, r, "auto", "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Min-Height
-       * @see https://tailwindcss.com/docs/min-height
-       */
-      "min-h": [{
-        "min-h": [b, r, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Max-Height
-       * @see https://tailwindcss.com/docs/max-height
-       */
-      "max-h": [{
-        "max-h": [b, r, "min", "max", "fit", "svh", "lvh", "dvh"]
-      }],
-      /**
-       * Size
-       * @see https://tailwindcss.com/docs/size
-       */
-      size: [{
-        size: [b, r, "auto", "min", "max", "fit"]
-      }],
-      // Typography
-      /**
-       * Font Size
-       * @see https://tailwindcss.com/docs/font-size
-       */
-      "font-size": [{
-        text: ["base", W, U]
-      }],
-      /**
-       * Font Smoothing
-       * @see https://tailwindcss.com/docs/font-smoothing
-       */
-      "font-smoothing": ["antialiased", "subpixel-antialiased"],
-      /**
-       * Font Style
-       * @see https://tailwindcss.com/docs/font-style
-       */
-      "font-style": ["italic", "not-italic"],
-      /**
-       * Font Weight
-       * @see https://tailwindcss.com/docs/font-weight
-       */
-      "font-weight": [{
-        font: ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black", ie]
-      }],
-      /**
-       * Font Family
-       * @see https://tailwindcss.com/docs/font-family
-       */
-      "font-family": [{
-        font: [te]
-      }],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-normal": ["normal-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-ordinal": ["ordinal"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-slashed-zero": ["slashed-zero"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-figure": ["lining-nums", "oldstyle-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-spacing": ["proportional-nums", "tabular-nums"],
-      /**
-       * Font Variant Numeric
-       * @see https://tailwindcss.com/docs/font-variant-numeric
-       */
-      "fvn-fraction": ["diagonal-fractions", "stacked-fractions"],
-      /**
-       * Letter Spacing
-       * @see https://tailwindcss.com/docs/letter-spacing
-       */
-      tracking: [{
-        tracking: ["tighter", "tight", "normal", "wide", "wider", "widest", b]
-      }],
-      /**
-       * Line Clamp
-       * @see https://tailwindcss.com/docs/line-clamp
-       */
-      "line-clamp": [{
-        "line-clamp": ["none", Z, ie]
-      }],
-      /**
-       * Line Height
-       * @see https://tailwindcss.com/docs/line-height
-       */
-      leading: [{
-        leading: ["none", "tight", "snug", "normal", "relaxed", "loose", $, b]
-      }],
-      /**
-       * List Style Image
-       * @see https://tailwindcss.com/docs/list-style-image
-       */
-      "list-image": [{
-        "list-image": ["none", b]
-      }],
-      /**
-       * List Style Type
-       * @see https://tailwindcss.com/docs/list-style-type
-       */
-      "list-style-type": [{
-        list: ["none", "disc", "decimal", b]
-      }],
-      /**
-       * List Style Position
-       * @see https://tailwindcss.com/docs/list-style-position
-       */
-      "list-style-position": [{
-        list: ["inside", "outside"]
-      }],
-      /**
-       * Placeholder Color
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/placeholder-color
-       */
-      "placeholder-color": [{
-        placeholder: [e]
-      }],
-      /**
-       * Placeholder Opacity
-       * @see https://tailwindcss.com/docs/placeholder-opacity
-       */
-      "placeholder-opacity": [{
-        "placeholder-opacity": [v]
-      }],
-      /**
-       * Text Alignment
-       * @see https://tailwindcss.com/docs/text-align
-       */
-      "text-alignment": [{
-        text: ["left", "center", "right", "justify", "start", "end"]
-      }],
-      /**
-       * Text Color
-       * @see https://tailwindcss.com/docs/text-color
-       */
-      "text-color": [{
-        text: [e]
-      }],
-      /**
-       * Text Opacity
-       * @see https://tailwindcss.com/docs/text-opacity
-       */
-      "text-opacity": [{
-        "text-opacity": [v]
-      }],
-      /**
-       * Text Decoration
-       * @see https://tailwindcss.com/docs/text-decoration
-       */
-      "text-decoration": ["underline", "overline", "line-through", "no-underline"],
-      /**
-       * Text Decoration Style
-       * @see https://tailwindcss.com/docs/text-decoration-style
-       */
-      "text-decoration-style": [{
-        decoration: [...K(), "wavy"]
-      }],
-      /**
-       * Text Decoration Thickness
-       * @see https://tailwindcss.com/docs/text-decoration-thickness
-       */
-      "text-decoration-thickness": [{
-        decoration: ["auto", "from-font", $, U]
-      }],
-      /**
-       * Text Underline Offset
-       * @see https://tailwindcss.com/docs/text-underline-offset
-       */
-      "underline-offset": [{
-        "underline-offset": ["auto", $, b]
-      }],
-      /**
-       * Text Decoration Color
-       * @see https://tailwindcss.com/docs/text-decoration-color
-       */
-      "text-decoration-color": [{
-        decoration: [e]
-      }],
-      /**
-       * Text Transform
-       * @see https://tailwindcss.com/docs/text-transform
-       */
-      "text-transform": ["uppercase", "lowercase", "capitalize", "normal-case"],
-      /**
-       * Text Overflow
-       * @see https://tailwindcss.com/docs/text-overflow
-       */
-      "text-overflow": ["truncate", "text-ellipsis", "text-clip"],
-      /**
-       * Text Wrap
-       * @see https://tailwindcss.com/docs/text-wrap
-       */
-      "text-wrap": [{
-        text: ["wrap", "nowrap", "balance", "pretty"]
-      }],
-      /**
-       * Text Indent
-       * @see https://tailwindcss.com/docs/text-indent
-       */
-      indent: [{
-        indent: w()
-      }],
-      /**
-       * Vertical Alignment
-       * @see https://tailwindcss.com/docs/vertical-align
-       */
-      "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", b]
-      }],
-      /**
-       * Whitespace
-       * @see https://tailwindcss.com/docs/whitespace
-       */
-      whitespace: [{
-        whitespace: ["normal", "nowrap", "pre", "pre-line", "pre-wrap", "break-spaces"]
-      }],
-      /**
-       * Word Break
-       * @see https://tailwindcss.com/docs/word-break
-       */
-      break: [{
-        break: ["normal", "words", "all", "keep"]
-      }],
-      /**
-       * Hyphens
-       * @see https://tailwindcss.com/docs/hyphens
-       */
-      hyphens: [{
-        hyphens: ["none", "manual", "auto"]
-      }],
-      /**
-       * Content
-       * @see https://tailwindcss.com/docs/content
-       */
-      content: [{
-        content: ["none", b]
-      }],
-      // Backgrounds
-      /**
-       * Background Attachment
-       * @see https://tailwindcss.com/docs/background-attachment
-       */
-      "bg-attachment": [{
-        bg: ["fixed", "local", "scroll"]
-      }],
-      /**
-       * Background Clip
-       * @see https://tailwindcss.com/docs/background-clip
-       */
-      "bg-clip": [{
-        "bg-clip": ["border", "padding", "content", "text"]
-      }],
-      /**
-       * Background Opacity
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/background-opacity
-       */
-      "bg-opacity": [{
-        "bg-opacity": [v]
-      }],
-      /**
-       * Background Origin
-       * @see https://tailwindcss.com/docs/background-origin
-       */
-      "bg-origin": [{
-        "bg-origin": ["border", "padding", "content"]
-      }],
-      /**
-       * Background Position
-       * @see https://tailwindcss.com/docs/background-position
-       */
-      "bg-position": [{
-        bg: [...X(), $t]
-      }],
-      /**
-       * Background Repeat
-       * @see https://tailwindcss.com/docs/background-repeat
-       */
-      "bg-repeat": [{
-        bg: ["no-repeat", {
-          repeat: ["", "x", "y", "round", "space"]
-        }]
-      }],
-      /**
-       * Background Size
-       * @see https://tailwindcss.com/docs/background-size
-       */
-      "bg-size": [{
-        bg: ["auto", "cover", "contain", Bt]
-      }],
-      /**
-       * Background Image
-       * @see https://tailwindcss.com/docs/background-image
-       */
-      "bg-image": [{
-        bg: ["none", {
-          "gradient-to": ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-        }, Jt]
-      }],
-      /**
-       * Background Color
-       * @see https://tailwindcss.com/docs/background-color
-       */
-      "bg-color": [{
-        bg: [e]
-      }],
-      /**
-       * Gradient Color Stops From Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from-pos": [{
-        from: [y]
-      }],
-      /**
-       * Gradient Color Stops Via Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via-pos": [{
-        via: [y]
-      }],
-      /**
-       * Gradient Color Stops To Position
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to-pos": [{
-        to: [y]
-      }],
-      /**
-       * Gradient Color Stops From
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-from": [{
-        from: [S]
-      }],
-      /**
-       * Gradient Color Stops Via
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-via": [{
-        via: [S]
-      }],
-      /**
-       * Gradient Color Stops To
-       * @see https://tailwindcss.com/docs/gradient-color-stops
-       */
-      "gradient-to": [{
-        to: [S]
-      }],
-      // Borders
-      /**
-       * Border Radius
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      rounded: [{
-        rounded: [i]
-      }],
-      /**
-       * Border Radius Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-s": [{
-        "rounded-s": [i]
-      }],
-      /**
-       * Border Radius End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-e": [{
-        "rounded-e": [i]
-      }],
-      /**
-       * Border Radius Top
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-t": [{
-        "rounded-t": [i]
-      }],
-      /**
-       * Border Radius Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-r": [{
-        "rounded-r": [i]
-      }],
-      /**
-       * Border Radius Bottom
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-b": [{
-        "rounded-b": [i]
-      }],
-      /**
-       * Border Radius Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-l": [{
-        "rounded-l": [i]
-      }],
-      /**
-       * Border Radius Start Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ss": [{
-        "rounded-ss": [i]
-      }],
-      /**
-       * Border Radius Start End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-se": [{
-        "rounded-se": [i]
-      }],
-      /**
-       * Border Radius End End
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-ee": [{
-        "rounded-ee": [i]
-      }],
-      /**
-       * Border Radius End Start
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-es": [{
-        "rounded-es": [i]
-      }],
-      /**
-       * Border Radius Top Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tl": [{
-        "rounded-tl": [i]
-      }],
-      /**
-       * Border Radius Top Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-tr": [{
-        "rounded-tr": [i]
-      }],
-      /**
-       * Border Radius Bottom Right
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-br": [{
-        "rounded-br": [i]
-      }],
-      /**
-       * Border Radius Bottom Left
-       * @see https://tailwindcss.com/docs/border-radius
-       */
-      "rounded-bl": [{
-        "rounded-bl": [i]
-      }],
-      /**
-       * Border Width
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w": [{
-        border: [c]
-      }],
-      /**
-       * Border Width X
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-x": [{
-        "border-x": [c]
-      }],
-      /**
-       * Border Width Y
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-y": [{
-        "border-y": [c]
-      }],
-      /**
-       * Border Width Start
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-s": [{
-        "border-s": [c]
-      }],
-      /**
-       * Border Width End
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-e": [{
-        "border-e": [c]
-      }],
-      /**
-       * Border Width Top
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-t": [{
-        "border-t": [c]
-      }],
-      /**
-       * Border Width Right
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-r": [{
-        "border-r": [c]
-      }],
-      /**
-       * Border Width Bottom
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-b": [{
-        "border-b": [c]
-      }],
-      /**
-       * Border Width Left
-       * @see https://tailwindcss.com/docs/border-width
-       */
-      "border-w-l": [{
-        "border-l": [c]
-      }],
-      /**
-       * Border Opacity
-       * @see https://tailwindcss.com/docs/border-opacity
-       */
-      "border-opacity": [{
-        "border-opacity": [v]
-      }],
-      /**
-       * Border Style
-       * @see https://tailwindcss.com/docs/border-style
-       */
-      "border-style": [{
-        border: [...K(), "hidden"]
-      }],
-      /**
-       * Divide Width X
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x": [{
-        "divide-x": [c]
-      }],
-      /**
-       * Divide Width X Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-x-reverse": ["divide-x-reverse"],
-      /**
-       * Divide Width Y
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y": [{
-        "divide-y": [c]
-      }],
-      /**
-       * Divide Width Y Reverse
-       * @see https://tailwindcss.com/docs/divide-width
-       */
-      "divide-y-reverse": ["divide-y-reverse"],
-      /**
-       * Divide Opacity
-       * @see https://tailwindcss.com/docs/divide-opacity
-       */
-      "divide-opacity": [{
-        "divide-opacity": [v]
-      }],
-      /**
-       * Divide Style
-       * @see https://tailwindcss.com/docs/divide-style
-       */
-      "divide-style": [{
-        divide: K()
-      }],
-      /**
-       * Border Color
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color": [{
-        border: [o]
-      }],
-      /**
-       * Border Color X
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-x": [{
-        "border-x": [o]
-      }],
-      /**
-       * Border Color Y
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-y": [{
-        "border-y": [o]
-      }],
-      /**
-       * Border Color S
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-s": [{
-        "border-s": [o]
-      }],
-      /**
-       * Border Color E
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-e": [{
-        "border-e": [o]
-      }],
-      /**
-       * Border Color Top
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-t": [{
-        "border-t": [o]
-      }],
-      /**
-       * Border Color Right
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-r": [{
-        "border-r": [o]
-      }],
-      /**
-       * Border Color Bottom
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-b": [{
-        "border-b": [o]
-      }],
-      /**
-       * Border Color Left
-       * @see https://tailwindcss.com/docs/border-color
-       */
-      "border-color-l": [{
-        "border-l": [o]
-      }],
-      /**
-       * Divide Color
-       * @see https://tailwindcss.com/docs/divide-color
-       */
-      "divide-color": [{
-        divide: [o]
-      }],
-      /**
-       * Outline Style
-       * @see https://tailwindcss.com/docs/outline-style
-       */
-      "outline-style": [{
-        outline: ["", ...K()]
-      }],
-      /**
-       * Outline Offset
-       * @see https://tailwindcss.com/docs/outline-offset
-       */
-      "outline-offset": [{
-        "outline-offset": [$, b]
-      }],
-      /**
-       * Outline Width
-       * @see https://tailwindcss.com/docs/outline-width
-       */
-      "outline-w": [{
-        outline: [$, U]
-      }],
-      /**
-       * Outline Color
-       * @see https://tailwindcss.com/docs/outline-color
-       */
-      "outline-color": [{
-        outline: [e]
-      }],
-      /**
-       * Ring Width
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w": [{
-        ring: f()
-      }],
-      /**
-       * Ring Width Inset
-       * @see https://tailwindcss.com/docs/ring-width
-       */
-      "ring-w-inset": ["ring-inset"],
-      /**
-       * Ring Color
-       * @see https://tailwindcss.com/docs/ring-color
-       */
-      "ring-color": [{
-        ring: [e]
-      }],
-      /**
-       * Ring Opacity
-       * @see https://tailwindcss.com/docs/ring-opacity
-       */
-      "ring-opacity": [{
-        "ring-opacity": [v]
-      }],
-      /**
-       * Ring Offset Width
-       * @see https://tailwindcss.com/docs/ring-offset-width
-       */
-      "ring-offset-w": [{
-        "ring-offset": [$, U]
-      }],
-      /**
-       * Ring Offset Color
-       * @see https://tailwindcss.com/docs/ring-offset-color
-       */
-      "ring-offset-color": [{
-        "ring-offset": [e]
-      }],
-      // Effects
-      /**
-       * Box Shadow
-       * @see https://tailwindcss.com/docs/box-shadow
-       */
-      shadow: [{
-        shadow: ["", "inner", "none", W, Ut]
-      }],
-      /**
-       * Box Shadow Color
-       * @see https://tailwindcss.com/docs/box-shadow-color
-       */
-      "shadow-color": [{
-        shadow: [te]
-      }],
-      /**
-       * Opacity
-       * @see https://tailwindcss.com/docs/opacity
-       */
-      opacity: [{
-        opacity: [v]
-      }],
-      /**
-       * Mix Blend Mode
-       * @see https://tailwindcss.com/docs/mix-blend-mode
-       */
-      "mix-blend": [{
-        "mix-blend": [...Ce(), "plus-lighter", "plus-darker"]
-      }],
-      /**
-       * Background Blend Mode
-       * @see https://tailwindcss.com/docs/background-blend-mode
-       */
-      "bg-blend": [{
-        "bg-blend": Ce()
-      }],
-      // Filters
-      /**
-       * Filter
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/filter
-       */
-      filter: [{
-        filter: ["", "none"]
-      }],
-      /**
-       * Blur
-       * @see https://tailwindcss.com/docs/blur
-       */
-      blur: [{
-        blur: [t]
-      }],
-      /**
-       * Brightness
-       * @see https://tailwindcss.com/docs/brightness
-       */
-      brightness: [{
-        brightness: [a]
-      }],
-      /**
-       * Contrast
-       * @see https://tailwindcss.com/docs/contrast
-       */
-      contrast: [{
-        contrast: [m]
-      }],
-      /**
-       * Drop Shadow
-       * @see https://tailwindcss.com/docs/drop-shadow
-       */
-      "drop-shadow": [{
-        "drop-shadow": ["", "none", W, b]
-      }],
-      /**
-       * Grayscale
-       * @see https://tailwindcss.com/docs/grayscale
-       */
-      grayscale: [{
-        grayscale: [d]
-      }],
-      /**
-       * Hue Rotate
-       * @see https://tailwindcss.com/docs/hue-rotate
-       */
-      "hue-rotate": [{
-        "hue-rotate": [g]
-      }],
-      /**
-       * Invert
-       * @see https://tailwindcss.com/docs/invert
-       */
-      invert: [{
-        invert: [N]
-      }],
-      /**
-       * Saturate
-       * @see https://tailwindcss.com/docs/saturate
-       */
-      saturate: [{
-        saturate: [u]
-      }],
-      /**
-       * Sepia
-       * @see https://tailwindcss.com/docs/sepia
-       */
-      sepia: [{
-        sepia: [O]
-      }],
-      /**
-       * Backdrop Filter
-       * @deprecated since Tailwind CSS v3.0.0
-       * @see https://tailwindcss.com/docs/backdrop-filter
-       */
-      "backdrop-filter": [{
-        "backdrop-filter": ["", "none"]
-      }],
-      /**
-       * Backdrop Blur
-       * @see https://tailwindcss.com/docs/backdrop-blur
-       */
-      "backdrop-blur": [{
-        "backdrop-blur": [t]
-      }],
-      /**
-       * Backdrop Brightness
-       * @see https://tailwindcss.com/docs/backdrop-brightness
-       */
-      "backdrop-brightness": [{
-        "backdrop-brightness": [a]
-      }],
-      /**
-       * Backdrop Contrast
-       * @see https://tailwindcss.com/docs/backdrop-contrast
-       */
-      "backdrop-contrast": [{
-        "backdrop-contrast": [m]
-      }],
-      /**
-       * Backdrop Grayscale
-       * @see https://tailwindcss.com/docs/backdrop-grayscale
-       */
-      "backdrop-grayscale": [{
-        "backdrop-grayscale": [d]
-      }],
-      /**
-       * Backdrop Hue Rotate
-       * @see https://tailwindcss.com/docs/backdrop-hue-rotate
-       */
-      "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [g]
-      }],
-      /**
-       * Backdrop Invert
-       * @see https://tailwindcss.com/docs/backdrop-invert
-       */
-      "backdrop-invert": [{
-        "backdrop-invert": [N]
-      }],
-      /**
-       * Backdrop Opacity
-       * @see https://tailwindcss.com/docs/backdrop-opacity
-       */
-      "backdrop-opacity": [{
-        "backdrop-opacity": [v]
-      }],
-      /**
-       * Backdrop Saturate
-       * @see https://tailwindcss.com/docs/backdrop-saturate
-       */
-      "backdrop-saturate": [{
-        "backdrop-saturate": [u]
-      }],
-      /**
-       * Backdrop Sepia
-       * @see https://tailwindcss.com/docs/backdrop-sepia
-       */
-      "backdrop-sepia": [{
-        "backdrop-sepia": [O]
-      }],
-      // Tables
-      /**
-       * Border Collapse
-       * @see https://tailwindcss.com/docs/border-collapse
-       */
-      "border-collapse": [{
-        border: ["collapse", "separate"]
-      }],
-      /**
-       * Border Spacing
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing": [{
-        "border-spacing": [s]
-      }],
-      /**
-       * Border Spacing X
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-x": [{
-        "border-spacing-x": [s]
-      }],
-      /**
-       * Border Spacing Y
-       * @see https://tailwindcss.com/docs/border-spacing
-       */
-      "border-spacing-y": [{
-        "border-spacing-y": [s]
-      }],
-      /**
-       * Table Layout
-       * @see https://tailwindcss.com/docs/table-layout
-       */
-      "table-layout": [{
-        table: ["auto", "fixed"]
-      }],
-      /**
-       * Caption Side
-       * @see https://tailwindcss.com/docs/caption-side
-       */
-      caption: [{
-        caption: ["top", "bottom"]
-      }],
-      // Transitions and Animation
-      /**
-       * Tranisition Property
-       * @see https://tailwindcss.com/docs/transition-property
-       */
-      transition: [{
-        transition: ["none", "all", "", "colors", "opacity", "shadow", "transform", b]
-      }],
-      /**
-       * Transition Duration
-       * @see https://tailwindcss.com/docs/transition-duration
-       */
-      duration: [{
-        duration: B()
-      }],
-      /**
-       * Transition Timing Function
-       * @see https://tailwindcss.com/docs/transition-timing-function
-       */
-      ease: [{
-        ease: ["linear", "in", "out", "in-out", b]
-      }],
-      /**
-       * Transition Delay
-       * @see https://tailwindcss.com/docs/transition-delay
-       */
-      delay: [{
-        delay: B()
-      }],
-      /**
-       * Animation
-       * @see https://tailwindcss.com/docs/animation
-       */
-      animate: [{
-        animate: ["none", "spin", "ping", "pulse", "bounce", b]
-      }],
-      // Transforms
-      /**
-       * Transform
-       * @see https://tailwindcss.com/docs/transform
-       */
-      transform: [{
-        transform: ["", "gpu", "none"]
-      }],
-      /**
-       * Scale
-       * @see https://tailwindcss.com/docs/scale
-       */
-      scale: [{
-        scale: [A]
-      }],
-      /**
-       * Scale X
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-x": [{
-        "scale-x": [A]
-      }],
-      /**
-       * Scale Y
-       * @see https://tailwindcss.com/docs/scale
-       */
-      "scale-y": [{
-        "scale-y": [A]
-      }],
-      /**
-       * Rotate
-       * @see https://tailwindcss.com/docs/rotate
-       */
-      rotate: [{
-        rotate: [ee, b]
-      }],
-      /**
-       * Translate X
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-x": [{
-        "translate-x": [F]
-      }],
-      /**
-       * Translate Y
-       * @see https://tailwindcss.com/docs/translate
-       */
-      "translate-y": [{
-        "translate-y": [F]
-      }],
-      /**
-       * Skew X
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-x": [{
-        "skew-x": [_]
-      }],
-      /**
-       * Skew Y
-       * @see https://tailwindcss.com/docs/skew
-       */
-      "skew-y": [{
-        "skew-y": [_]
-      }],
-      /**
-       * Transform Origin
-       * @see https://tailwindcss.com/docs/transform-origin
-       */
-      "transform-origin": [{
-        origin: ["center", "top", "top-right", "right", "bottom-right", "bottom", "bottom-left", "left", "top-left", b]
-      }],
-      // Interactivity
-      /**
-       * Accent Color
-       * @see https://tailwindcss.com/docs/accent-color
-       */
-      accent: [{
-        accent: ["auto", e]
-      }],
-      /**
-       * Appearance
-       * @see https://tailwindcss.com/docs/appearance
-       */
-      appearance: [{
-        appearance: ["none", "auto"]
-      }],
-      /**
-       * Cursor
-       * @see https://tailwindcss.com/docs/cursor
-       */
-      cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", b]
-      }],
-      /**
-       * Caret Color
-       * @see https://tailwindcss.com/docs/just-in-time-mode#caret-color-utilities
-       */
-      "caret-color": [{
-        caret: [e]
-      }],
-      /**
-       * Pointer Events
-       * @see https://tailwindcss.com/docs/pointer-events
-       */
-      "pointer-events": [{
-        "pointer-events": ["none", "auto"]
-      }],
-      /**
-       * Resize
-       * @see https://tailwindcss.com/docs/resize
-       */
-      resize: [{
-        resize: ["none", "y", "x", ""]
-      }],
-      /**
-       * Scroll Behavior
-       * @see https://tailwindcss.com/docs/scroll-behavior
-       */
-      "scroll-behavior": [{
-        scroll: ["auto", "smooth"]
-      }],
-      /**
-       * Scroll Margin
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-m": [{
-        "scroll-m": w()
-      }],
-      /**
-       * Scroll Margin X
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mx": [{
-        "scroll-mx": w()
-      }],
-      /**
-       * Scroll Margin Y
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-my": [{
-        "scroll-my": w()
-      }],
-      /**
-       * Scroll Margin Start
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ms": [{
-        "scroll-ms": w()
-      }],
-      /**
-       * Scroll Margin End
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-me": [{
-        "scroll-me": w()
-      }],
-      /**
-       * Scroll Margin Top
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mt": [{
-        "scroll-mt": w()
-      }],
-      /**
-       * Scroll Margin Right
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mr": [{
-        "scroll-mr": w()
-      }],
-      /**
-       * Scroll Margin Bottom
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-mb": [{
-        "scroll-mb": w()
-      }],
-      /**
-       * Scroll Margin Left
-       * @see https://tailwindcss.com/docs/scroll-margin
-       */
-      "scroll-ml": [{
-        "scroll-ml": w()
-      }],
-      /**
-       * Scroll Padding
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-p": [{
-        "scroll-p": w()
-      }],
-      /**
-       * Scroll Padding X
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-px": [{
-        "scroll-px": w()
-      }],
-      /**
-       * Scroll Padding Y
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-py": [{
-        "scroll-py": w()
-      }],
-      /**
-       * Scroll Padding Start
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-ps": [{
-        "scroll-ps": w()
-      }],
-      /**
-       * Scroll Padding End
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pe": [{
-        "scroll-pe": w()
-      }],
-      /**
-       * Scroll Padding Top
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pt": [{
-        "scroll-pt": w()
-      }],
-      /**
-       * Scroll Padding Right
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pr": [{
-        "scroll-pr": w()
-      }],
-      /**
-       * Scroll Padding Bottom
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pb": [{
-        "scroll-pb": w()
-      }],
-      /**
-       * Scroll Padding Left
-       * @see https://tailwindcss.com/docs/scroll-padding
-       */
-      "scroll-pl": [{
-        "scroll-pl": w()
-      }],
-      /**
-       * Scroll Snap Align
-       * @see https://tailwindcss.com/docs/scroll-snap-align
-       */
-      "snap-align": [{
-        snap: ["start", "end", "center", "align-none"]
-      }],
-      /**
-       * Scroll Snap Stop
-       * @see https://tailwindcss.com/docs/scroll-snap-stop
-       */
-      "snap-stop": [{
-        snap: ["normal", "always"]
-      }],
-      /**
-       * Scroll Snap Type
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-type": [{
-        snap: ["none", "x", "y", "both"]
-      }],
-      /**
-       * Scroll Snap Type Strictness
-       * @see https://tailwindcss.com/docs/scroll-snap-type
-       */
-      "snap-strictness": [{
-        snap: ["mandatory", "proximity"]
-      }],
-      /**
-       * Touch Action
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      touch: [{
-        touch: ["auto", "none", "manipulation"]
-      }],
-      /**
-       * Touch Action X
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-x": [{
-        "touch-pan": ["x", "left", "right"]
-      }],
-      /**
-       * Touch Action Y
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-y": [{
-        "touch-pan": ["y", "up", "down"]
-      }],
-      /**
-       * Touch Action Pinch Zoom
-       * @see https://tailwindcss.com/docs/touch-action
-       */
-      "touch-pz": ["touch-pinch-zoom"],
-      /**
-       * User Select
-       * @see https://tailwindcss.com/docs/user-select
-       */
-      select: [{
-        select: ["none", "text", "all", "auto"]
-      }],
-      /**
-       * Will Change
-       * @see https://tailwindcss.com/docs/will-change
-       */
-      "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", b]
-      }],
-      // SVG
-      /**
-       * Fill
-       * @see https://tailwindcss.com/docs/fill
-       */
-      fill: [{
-        fill: [e, "none"]
-      }],
-      /**
-       * Stroke Width
-       * @see https://tailwindcss.com/docs/stroke-width
-       */
-      "stroke-w": [{
-        stroke: [$, U, ie]
-      }],
-      /**
-       * Stroke
-       * @see https://tailwindcss.com/docs/stroke
-       */
-      stroke: [{
-        stroke: [e, "none"]
-      }],
-      // Accessibility
-      /**
-       * Screen Readers
-       * @see https://tailwindcss.com/docs/screen-readers
-       */
-      sr: ["sr-only", "not-sr-only"],
-      /**
-       * Forced Color Adjust
-       * @see https://tailwindcss.com/docs/forced-color-adjust
-       */
-      "forced-color-adjust": [{
-        "forced-color-adjust": ["auto", "none"]
-      }]
-    },
-    conflictingClassGroups: {
-      overflow: ["overflow-x", "overflow-y"],
-      overscroll: ["overscroll-x", "overscroll-y"],
-      inset: ["inset-x", "inset-y", "start", "end", "top", "right", "bottom", "left"],
-      "inset-x": ["right", "left"],
-      "inset-y": ["top", "bottom"],
-      flex: ["basis", "grow", "shrink"],
-      gap: ["gap-x", "gap-y"],
-      p: ["px", "py", "ps", "pe", "pt", "pr", "pb", "pl"],
-      px: ["pr", "pl"],
-      py: ["pt", "pb"],
-      m: ["mx", "my", "ms", "me", "mt", "mr", "mb", "ml"],
-      mx: ["mr", "ml"],
-      my: ["mt", "mb"],
-      size: ["w", "h"],
-      "font-size": ["leading"],
-      "fvn-normal": ["fvn-ordinal", "fvn-slashed-zero", "fvn-figure", "fvn-spacing", "fvn-fraction"],
-      "fvn-ordinal": ["fvn-normal"],
-      "fvn-slashed-zero": ["fvn-normal"],
-      "fvn-figure": ["fvn-normal"],
-      "fvn-spacing": ["fvn-normal"],
-      "fvn-fraction": ["fvn-normal"],
-      "line-clamp": ["display", "overflow"],
-      rounded: ["rounded-s", "rounded-e", "rounded-t", "rounded-r", "rounded-b", "rounded-l", "rounded-ss", "rounded-se", "rounded-ee", "rounded-es", "rounded-tl", "rounded-tr", "rounded-br", "rounded-bl"],
-      "rounded-s": ["rounded-ss", "rounded-es"],
-      "rounded-e": ["rounded-se", "rounded-ee"],
-      "rounded-t": ["rounded-tl", "rounded-tr"],
-      "rounded-r": ["rounded-tr", "rounded-br"],
-      "rounded-b": ["rounded-br", "rounded-bl"],
-      "rounded-l": ["rounded-tl", "rounded-bl"],
-      "border-spacing": ["border-spacing-x", "border-spacing-y"],
-      "border-w": ["border-w-s", "border-w-e", "border-w-t", "border-w-r", "border-w-b", "border-w-l"],
-      "border-w-x": ["border-w-r", "border-w-l"],
-      "border-w-y": ["border-w-t", "border-w-b"],
-      "border-color": ["border-color-s", "border-color-e", "border-color-t", "border-color-r", "border-color-b", "border-color-l"],
-      "border-color-x": ["border-color-r", "border-color-l"],
-      "border-color-y": ["border-color-t", "border-color-b"],
-      "scroll-m": ["scroll-mx", "scroll-my", "scroll-ms", "scroll-me", "scroll-mt", "scroll-mr", "scroll-mb", "scroll-ml"],
-      "scroll-mx": ["scroll-mr", "scroll-ml"],
-      "scroll-my": ["scroll-mt", "scroll-mb"],
-      "scroll-p": ["scroll-px", "scroll-py", "scroll-ps", "scroll-pe", "scroll-pt", "scroll-pr", "scroll-pb", "scroll-pl"],
-      "scroll-px": ["scroll-pr", "scroll-pl"],
-      "scroll-py": ["scroll-pt", "scroll-pb"],
-      touch: ["touch-x", "touch-y", "touch-pz"],
-      "touch-x": ["touch"],
-      "touch-y": ["touch"],
-      "touch-pz": ["touch"]
-    },
-    conflictingClassGroupModifiers: {
-      "font-size": ["leading"]
-    }
-  };
-}, Zt = /* @__PURE__ */ Rt(Xt);
-function C(...e) {
-  return Zt(Me(e));
-}
-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",
+const He = de(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-medium transition-colors 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",
   {
     variants: {
       variant: {
-        default: "bg-primary text-primary-foreground border border-primary-border",
-        destructive: "bg-destructive text-destructive-foreground border border-destructive-border",
-        outline: (
-          // Shows the background color of whatever card / sidebar / accent background it is inside of.
-          // Inherits the current text color.
-          " border [border-color:var(--button-outline)]  shadow-xs active:shadow-none "
-        ),
-        secondary: "border bg-secondary text-secondary-foreground border border-secondary-border ",
-        // Add a transparent border so that when someone toggles a border on later, it doesn't shift layout/size.
-        ghost: "border border-transparent"
+        default: "bg-primary text-primary-foreground hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
+        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
       },
-      // Heights are set as "min" heights, because sometimes Ai will place large amount of content
-      // inside buttons. With a min-height they will look appropriate with small amounts of content,
-      // but will expand to fit large amounts of content.
       size: {
-        default: "min-h-9 px-4 py-2",
-        sm: "min-h-8 rounded-md px-3 text-xs",
-        lg: "min-h-10 rounded-md px-8",
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-full px-3 text-xs",
+        lg: "h-10 rounded-full px-8",
         icon: "h-9 w-9"
       }
     },
@@ -2342,300 +38,300 @@ const Qt = Fe(
       size: "default"
     }
   }
-), R = I.forwardRef(
-  ({ className: e, variant: r, size: t, asChild: a = !1, ...o }, i) => /* @__PURE__ */ n(
-    a ? ot : "button",
+), T = y.forwardRef(
+  ({ className: t, variant: i, size: a, asChild: d = !1, ...n }, l) => /* @__PURE__ */ e(
+    d ? Se : "button",
     {
-      className: C(Qt({ variant: r, size: t, className: e })),
-      ref: i,
-      ...o
+      className: p(He({ variant: i, size: a, className: t })),
+      ref: l,
+      ...n
     }
   )
 );
-R.displayName = "Button";
-const L = I.forwardRef(
-  ({ className: e, type: r, ...t }, a) => /* @__PURE__ */ n(
+T.displayName = "Button";
+const D = y.forwardRef(
+  ({ className: t, type: i, ...a }, d) => /* @__PURE__ */ e(
     "input",
     {
-      type: r,
-      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
+      type: i,
+      className: p(
+        "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors 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-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        t
       ),
-      ref: a,
-      ...t
+      ref: d,
+      ...a
     }
   )
 );
-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,
+D.displayName = "Input";
+const _e = F.Provider, Ue = F.Root, Xe = F.Trigger, ue = y.forwardRef(({ className: t, sideOffset: i = 4, ...a }, d) => /* @__PURE__ */ e(F.Portal, { children: /* @__PURE__ */ e(
+  F.Content,
   {
-    ref: a,
-    sideOffset: r,
-    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
+    ref: d,
+    sideOffset: i,
+    className: p(
+      "z-50 overflow-hidden rounded-md bg-popover px-3 py-1.5 text-xs text-popover-foreground 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]",
+      t
     ),
-    ...t
+    ...a
   }
-));
-$e.displayName = ne.Content.displayName;
-const rr = D.Root, nr = D.Portal, _e = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  D.Overlay,
+) }));
+ue.displayName = F.Content.displayName;
+const H = w.Root, _ = w.Value, $ = y.forwardRef(({ className: t, children: i, ...a }, d) => /* @__PURE__ */ s(
+  w.Trigger,
   {
-    ref: t,
-    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
+    ref: d,
+    className: p(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      t
     ),
-    ...r
+    ...a,
+    children: [
+      i,
+      /* @__PURE__ */ e(w.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "h-4 w-4 opacity-50" }) })
+    ]
   }
 ));
-_e.displayName = D.Overlay.displayName;
-const Je = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(nr, { children: [
-  /* @__PURE__ */ n(_e, {}),
-  /* @__PURE__ */ l(
-    D.Content,
-    {
-      ref: a,
-      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(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" })
-        ] })
-      ]
-    }
-  )
-] }));
-Je.displayName = D.Content.displayName;
-const Ue = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ n(
-  "div",
+$.displayName = w.Trigger.displayName;
+const he = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  w.ScrollUpButton,
   {
-    className: C(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      e
+    ref: a,
+    className: p(
+      "flex cursor-default items-center justify-center py-1",
+      t
     ),
-    ...r
+    ...i,
+    children: /* @__PURE__ */ e(qe, { className: "h-4 w-4" })
   }
-);
-Ue.displayName = "DialogHeader";
-const We = ({
-  className: e,
-  ...r
-}) => /* @__PURE__ */ n(
-  "div",
+));
+he.displayName = w.ScrollUpButton.displayName;
+const fe = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  w.ScrollDownButton,
   {
-    className: C(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      e
+    ref: a,
+    className: p(
+      "flex cursor-default items-center justify-center py-1",
+      t
     ),
-    ...r
+    ...i,
+    children: /* @__PURE__ */ e(ee, { className: "h-4 w-4" })
   }
-);
-We.displayName = "DialogFooter";
-const Ke = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  D.Title,
+));
+fe.displayName = w.ScrollDownButton.displayName;
+const K = y.forwardRef(({ className: t, children: i, position: a = "popper", ...d }, n) => /* @__PURE__ */ e(w.Portal, { children: /* @__PURE__ */ s(
+  w.Content,
   {
-    ref: t,
-    className: C(
-      "text-lg font-semibold leading-none tracking-tight",
-      e
+    ref: n,
+    className: p(
+      "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]",
+      a === "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",
+      t
     ),
-    ...r
+    position: a,
+    ...d,
+    children: [
+      /* @__PURE__ */ e(he, {}),
+      /* @__PURE__ */ e(
+        w.Viewport,
+        {
+          className: p(
+            "p-1",
+            a === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+          ),
+          children: i
+        }
+      ),
+      /* @__PURE__ */ e(fe, {})
+    ]
   }
-));
-Ke.displayName = D.Title.displayName;
-const or = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  D.Description,
+) }));
+K.displayName = w.Content.displayName;
+const Ge = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  w.Label,
   {
-    ref: t,
-    className: C("text-sm text-muted-foreground", e),
-    ...r
+    ref: a,
+    className: p("px-2 py-1.5 text-sm font-semibold", t),
+    ...i
   }
 ));
-or.displayName = D.Description.displayName;
-const ar = Fe(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), z = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  qe.Root,
+Ge.displayName = w.Label.displayName;
+const k = y.forwardRef(({ className: t, children: i, ...a }, d) => /* @__PURE__ */ s(
+  w.Item,
   {
-    ref: t,
-    className: C(ar(), e),
-    ...r
+    ref: d,
+    className: p(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      t
+    ),
+    ...a,
+    children: [
+      /* @__PURE__ */ e("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ e(w.ItemIndicator, { children: /* @__PURE__ */ e(oe, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ e(w.ItemText, { children: i })
+    ]
   }
 ));
-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,
+k.displayName = w.Item.displayName;
+const Qe = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  w.Separator,
   {
     ref: a,
-    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(P.Icon, { asChild: !0, children: /* @__PURE__ */ n(ye, { className: "h-4 w-4 opacity-50" }) })
-    ]
+    className: p("-mx-1 my-1 h-px bg-muted", t),
+    ...i
   }
 ));
-de.displayName = P.Trigger.displayName;
-const He = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  P.ScrollUpButton,
+Qe.displayName = w.Separator.displayName;
+const We = P.Root, Ye = P.Portal, pe = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  P.Overlay,
   {
-    ref: t,
-    className: C(
-      "flex cursor-default items-center justify-center py-1",
-      e
+    ref: a,
+    className: p(
+      "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",
+      t
     ),
-    ...r,
-    children: /* @__PURE__ */ n(it, { className: "h-4 w-4" })
+    ...i
   }
 ));
-He.displayName = P.ScrollUpButton.displayName;
-const Xe = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  P.ScrollDownButton,
+pe.displayName = P.Overlay.displayName;
+const ge = y.forwardRef(({ className: t, children: i, ...a }, d) => /* @__PURE__ */ s(Ye, { children: [
+  /* @__PURE__ */ e(pe, {}),
+  /* @__PURE__ */ s(
+    P.Content,
+    {
+      ref: d,
+      className: p(
+        "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",
+        t
+      ),
+      ...a,
+      children: [
+        i,
+        /* @__PURE__ */ s(P.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__ */ e(Le, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+ge.displayName = P.Content.displayName;
+const ve = ({
+  className: t,
+  ...i
+}) => /* @__PURE__ */ e(
+  "div",
   {
-    ref: t,
-    className: C(
-      "flex cursor-default items-center justify-center py-1",
-      e
+    className: p(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      t
     ),
-    ...r,
-    children: /* @__PURE__ */ n(ye, { className: "h-4 w-4" })
+    ...i
   }
-));
-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,
+);
+ve.displayName = "DialogHeader";
+const ye = ({
+  className: t,
+  ...i
+}) => /* @__PURE__ */ e(
+  "div",
   {
-    ref: o,
-    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
+    className: p(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      t
     ),
-    position: t,
-    ...a,
-    children: [
-      /* @__PURE__ */ n(He, {}),
-      /* @__PURE__ */ n(
-        P.Viewport,
-        {
-          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(Xe, {})
-    ]
+    ...i
   }
-) }));
-ce.displayName = P.Content.displayName;
-const ir = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  P.Label,
+);
+ye.displayName = "DialogFooter";
+const xe = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  P.Title,
   {
-    ref: t,
-    className: C("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
-    ...r
+    ref: a,
+    className: p(
+      "text-lg font-semibold leading-none tracking-tight",
+      t
+    ),
+    ...i
   }
 ));
-ir.displayName = P.Label.displayName;
-const j = I.forwardRef(({ className: e, children: r, ...t }, a) => /* @__PURE__ */ l(
-  P.Item,
+xe.displayName = P.Title.displayName;
+const Ze = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  P.Description,
   {
     ref: a,
-    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(P.ItemIndicator, { children: /* @__PURE__ */ n(Re, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ n(P.ItemText, { children: r })
-    ]
+    className: p("text-sm text-muted-foreground", t),
+    ...i
   }
 ));
-j.displayName = P.Item.displayName;
-const sr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  P.Separator,
+Ze.displayName = P.Description.displayName;
+const et = de(
+  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+), N = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  me.Root,
   {
-    ref: t,
-    className: C("-mx-1 my-1 h-px bg-muted", e),
-    ...r
+    ref: a,
+    className: p(et(), t),
+    ...i
   }
 ));
-sr.displayName = P.Separator.displayName;
-const me = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
-  se.Root,
+N.displayName = me.Root.displayName;
+const U = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  V.Root,
   {
-    ref: t,
-    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
+    ref: a,
+    className: p(
+      "grid place-content-center peer h-4 w-4 shrink-0 rounded-sm border border-primary shadow focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
+      t
     ),
-    ...r,
-    children: /* @__PURE__ */ n(
-      se.Indicator,
+    ...i,
+    children: /* @__PURE__ */ e(
+      V.Indicator,
       {
-        className: C("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ n(Re, { className: "h-4 w-4" })
+        className: p("grid place-content-center text-current"),
+        children: /* @__PURE__ */ e(oe, { className: "h-4 w-4" })
       }
     )
   }
 ));
-me.displayName = se.Root.displayName;
-const xe = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+U.displayName = V.Root.displayName;
+const te = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "textarea",
   {
-    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
+    className: p(
+      "flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+      t
     ),
-    ref: t,
-    ...r
+    ref: a,
+    ...i
   }
 ));
-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 });
+te.displayName = "Textarea";
+const tt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), at = (t, i, a = !1, d = !1) => {
+  const n = (c, o) => {
+    i({ ...t, [c]: o });
   };
   return {
-    handleTitleChange: (m) => {
-      a("title", m);
+    handleTitleChange: (c) => {
+      n("title", c);
     },
     handleTitleBlur: () => {
-      if (t && e.title) {
-        const m = lr(e.title);
-        a("key", m);
+      if (a && t.title) {
+        const c = tt(t.title);
+        n("key", c);
       }
     },
-    handleKeyChange: (m) => {
-      t && a("key", m);
+    handleKeyChange: (c) => {
+      (a || d) && n("key", c);
     },
-    handleFieldChange: a,
-    handleConstraintChange: (m, d) => {
-      r({
-        ...e,
-        [m]: d
+    handleFieldChange: n,
+    handleConstraintChange: (c, o) => {
+      i({
+        ...t,
+        [c]: o
       });
     }
   };
-}, ue = {
+}, X = {
   string: "String",
   number: "Number",
   integer: "Integer",
@@ -2644,202 +340,209 @@ const lr = (e) => e.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
   array: "Array",
   null: "Null",
   file: "File"
-}, Ze = tt({
-  getTypeLabel: (e) => ue[e],
-  typeLabels: ue
+}, be = ke({
+  getTypeLabel: (t) => X[t],
+  typeLabels: X
 });
-function cr({
-  children: e,
-  customLabels: r = {}
+function it({
+  children: t,
+  customLabels: i = {}
 }) {
-  const t = { ...ue, ...r }, a = (o) => t[o] || o;
-  return /* @__PURE__ */ n(Ze.Provider, { value: { getTypeLabel: a, typeLabels: t }, children: e });
+  const a = { ...X, ...i }, d = (n) => a[n] || n;
+  return /* @__PURE__ */ e(be.Provider, { value: { getTypeLabel: d, typeLabels: a }, children: t });
 }
-function Qe() {
-  return rt(Ze);
+function Ne() {
+  return Ie(be);
 }
-function pe({
-  property: e,
-  open: r,
-  onOpenChange: t,
-  onUpdate: a,
-  isArrayItem: o = !1,
-  isNewProperty: i = !1,
-  propertyLabel: s = { singular: "Property", plural: "Properties" },
-  showRegex: c = !1
+function G({
+  property: t,
+  open: i,
+  onOpenChange: a,
+  onUpdate: d,
+  isArrayItem: n = !1,
+  isNewProperty: l = !1,
+  propertyLabel: r = { singular: "Property", plural: "Properties" },
+  showRegex: u = !1,
+  keyEditable: C = !1
 }) {
-  var T;
-  const { typeLabels: m } = Qe(), [d, g] = V(e);
-  be(() => {
-    r && g(e);
-  }, [e, r]);
+  var L;
+  const { typeLabels: c } = Ne(), [o, v] = O(t);
+  Z(() => {
+    i && v(t);
+  }, [t, i]);
   const {
-    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);
+    handleTitleChange: x,
+    handleTitleBlur: g,
+    handleKeyChange: f,
+    handleFieldChange: I,
+    handleConstraintChange: b
+  } = at(
+    o,
+    v,
+    l,
+    C
+  ), q = () => {
+    var m;
+    (m = o.title) != null && m.trim() && (d(o), a(!1));
+  }, h = () => {
+    v(t), a(!1);
   };
-  return /* @__PURE__ */ n(rr, { open: r, onOpenChange: t, children: /* @__PURE__ */ l(
-    Je,
+  return /* @__PURE__ */ e(We, { open: i, onOpenChange: a, children: /* @__PURE__ */ s(
+    ge,
     {
       className: "max-w-2xl max-h-[80vh] flex flex-col gap-0 p-0",
       "data-testid": "dialog-edit-property",
       children: [
-        /* @__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(z, { className: "flex items-center gap-1.5", children: [
-              /* @__PURE__ */ n("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }),
+        /* @__PURE__ */ e(ve, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ e(xe, { children: l ? `Add ${r.singular}` : `Edit ${r.singular}` }) }),
+        /* @__PURE__ */ s("div", { className: "space-y-6 px-6 pb-4 overflow-y-auto flex-1 min-h-0", children: [
+          /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ s(N, { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }),
               "Type"
             ] }),
-            /* @__PURE__ */ l(
-              Ae,
+            /* @__PURE__ */ s(
+              H,
               {
-                value: d.type,
-                onValueChange: (u) => y("type", u),
+                value: o.type,
+                onValueChange: (m) => I("type", m),
                 "data-testid": "select-type-dialog",
                 children: [
-                  /* @__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__ */ e($, { children: /* @__PURE__ */ e(_, {}) }),
+                  /* @__PURE__ */ s(K, { children: [
+                    /* @__PURE__ */ e(k, { value: "string", children: c.string }),
+                    /* @__PURE__ */ e(k, { value: "number", children: c.number }),
+                    /* @__PURE__ */ e(k, { value: "integer", children: c.integer }),
+                    /* @__PURE__ */ e(k, { value: "boolean", children: c.boolean }),
+                    /* @__PURE__ */ e(k, { value: "object", children: c.object }),
+                    /* @__PURE__ */ e(k, { value: "array", children: c.array }),
+                    /* @__PURE__ */ e(k, { value: "file", children: c.file }),
+                    /* @__PURE__ */ e(k, { value: "null", children: c.null })
                   ] })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ l("div", { className: "space-y-2", 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" }),
+          /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ s(N, { className: "flex items-center gap-1.5", children: [
+              /* @__PURE__ */ e("span", { className: "w-1.5 h-1.5 rounded-full bg-red-500" }),
               "Title"
             ] }),
-            /* @__PURE__ */ n(
-              L,
+            /* @__PURE__ */ e(
+              D,
               {
-                value: d.title || "",
-                onChange: (u) => N(u.target.value),
-                onBlur: x,
+                value: o.title || "",
+                onChange: (m) => x(m.target.value),
+                onBlur: g,
                 placeholder: "Property Title",
                 "data-testid": "input-title-dialog",
                 required: !0
               }
             ),
-            !i && d.key && /* @__PURE__ */ l("p", { className: "text-xs text-muted-foreground font-mono", children: [
+            !l && o.key && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground font-mono", children: [
               "Key: ",
-              d.key
+              o.key
             ] })
           ] }),
-          i && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ n(z, { children: "Key" }),
-            /* @__PURE__ */ n(
-              L,
+          (l || C) && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(N, { children: "Key" }),
+            /* @__PURE__ */ e(
+              D,
               {
-                value: d.key,
-                onChange: (u) => S(u.target.value),
+                value: o.key,
+                onChange: (m) => f(m.target.value),
                 placeholder: "property_key",
                 "data-testid": "input-key-dialog"
               }
-            )
+            ),
+            !l && /* @__PURE__ */ e("p", { className: "text-xs text-yellow-600 dark:text-yellow-500", children: "⚠️ Changing the key may break existing references to this property" })
           ] }),
-          /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ n(z, { children: "Description" }),
-            /* @__PURE__ */ n(
-              xe,
+          /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ e(N, { children: "Description" }),
+            /* @__PURE__ */ e(
+              te,
               {
                 placeholder: "Optional description",
-                value: d.description || "",
-                onChange: (u) => y("description", u.target.value),
+                value: o.description || "",
+                onChange: (m) => I("description", m.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(z, { className: "font-semibold text-xs text-muted-foreground", children: [
-              m.array,
+          o.type === "array" && /* @__PURE__ */ s("div", { className: "space-y-2 border-l-2 border-border pl-4 mt-2", children: [
+            /* @__PURE__ */ s(N, { className: "font-semibold text-xs text-muted-foreground", children: [
+              c.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(z, { children: "Item Type" }),
-                /* @__PURE__ */ l(
-                  Ae,
+            o.items ? /* @__PURE__ */ s("div", { className: "bg-muted/40 p-2 rounded", children: [
+              /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e(N, { children: "Item Type" }),
+                /* @__PURE__ */ s(
+                  H,
                   {
-                    value: d.items.type,
-                    onValueChange: (u) => g({
-                      ...d,
+                    value: o.items.type,
+                    onValueChange: (m) => v({
+                      ...o,
                       items: {
-                        ...d.items,
-                        type: u
+                        ...o.items,
+                        type: m
                       }
                     }),
                     children: [
-                      /* @__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__ */ e($, { children: /* @__PURE__ */ e(_, {}) }),
+                      /* @__PURE__ */ s(K, { children: [
+                        /* @__PURE__ */ e(k, { value: "string", children: c.string }),
+                        /* @__PURE__ */ e(k, { value: "number", children: c.number }),
+                        /* @__PURE__ */ e(k, { value: "integer", children: c.integer }),
+                        /* @__PURE__ */ e(k, { value: "boolean", children: c.boolean }),
+                        /* @__PURE__ */ e(k, { value: "object", children: c.object }),
+                        /* @__PURE__ */ e(k, { value: "array", children: c.array }),
+                        /* @__PURE__ */ e(k, { value: "file", children: c.file }),
+                        /* @__PURE__ */ e(k, { value: "null", children: c.null })
                       ] })
                     ]
                   }
                 )
               ] }),
-              /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(z, { children: "Item Title" }),
-                /* @__PURE__ */ n(
-                  L,
+              /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e(N, { children: "Item Title" }),
+                /* @__PURE__ */ e(
+                  D,
                   {
-                    value: d.items.title || "",
-                    onChange: (u) => g({
-                      ...d,
+                    value: o.items.title || "",
+                    onChange: (m) => v({
+                      ...o,
                       items: {
-                        ...d.items,
-                        title: u.target.value
+                        ...o.items,
+                        title: m.target.value
                       }
                     }),
                     placeholder: "Item Title"
                   }
                 )
               ] }),
-              /* @__PURE__ */ l(
-                R,
+              /* @__PURE__ */ s(
+                T,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "mt-2",
-                  onClick: () => g({ ...d, items: void 0 }),
+                  onClick: () => v({ ...o, items: void 0 }),
                   children: [
                     "Remove ",
-                    m.array,
+                    c.array,
                     " Item Schema"
                   ]
                 }
               )
-            ] }) : /* @__PURE__ */ l(
-              R,
+            ] }) : /* @__PURE__ */ s(
+              T,
               {
                 variant: "outline",
                 size: "sm",
                 onClick: () => {
-                  g({
-                    ...d,
+                  v({
+                    ...o,
                     items: {
                       id: Date.now().toString() + Math.random(),
                       key: "item",
@@ -2850,150 +553,150 @@ function pe({
                 },
                 children: [
                   "Add ",
-                  m.array,
+                  c.array,
                   " Item Schema"
                 ]
               }
             )
           ] }),
-          !o && /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ n(
-              me,
+          !n && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ e(
+              U,
               {
                 id: "prop-required",
-                checked: d.required,
-                onCheckedChange: (u) => y("required", u),
+                checked: o.required,
+                onCheckedChange: (m) => I("required", m),
                 "data-testid": "checkbox-edit-required"
               }
             ),
-            /* @__PURE__ */ n(z, { htmlFor: "prop-required", className: "cursor-pointer", children: "Required field" })
+            /* @__PURE__ */ e(N, { 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: [
-              m.string,
+          o.type === "string" && /* @__PURE__ */ s("details", { className: "border rounded-md", children: [
+            /* @__PURE__ */ e("summary", { className: "p-4 cursor-pointer hover:bg-accent/50 transition-colors", children: /* @__PURE__ */ s("h4", { className: "text-sm font-medium inline", children: [
+              c.string,
               " Constraints"
             ] }) }),
-            /* @__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(z, { htmlFor: "min-length", children: "Minimum Length" }),
-                  /* @__PURE__ */ n(
-                    L,
+            /* @__PURE__ */ s("div", { className: "space-y-4 p-4 pt-0", children: [
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ e(N, { htmlFor: "min-length", children: "Minimum Length" }),
+                  /* @__PURE__ */ e(
+                    D,
                     {
                       id: "min-length",
                       type: "number",
                       placeholder: "0",
-                      value: d.minLength || "",
-                      onChange: (u) => p(
+                      value: o.minLength || "",
+                      onChange: (m) => b(
                         "minLength",
-                        u.target.value ? parseInt(u.target.value) : void 0
+                        m.target.value ? parseInt(m.target.value) : void 0
                       ),
                       "data-testid": "input-edit-minlength"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ n(z, { htmlFor: "max-length", children: "Maximum Length" }),
-                  /* @__PURE__ */ n(
-                    L,
+                /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ e(N, { htmlFor: "max-length", children: "Maximum Length" }),
+                  /* @__PURE__ */ e(
+                    D,
                     {
                       id: "max-length",
                       type: "number",
                       placeholder: "∞",
-                      value: d.maxLength || "",
-                      onChange: (u) => p(
+                      value: o.maxLength || "",
+                      onChange: (m) => b(
                         "maxLength",
-                        u.target.value ? parseInt(u.target.value) : void 0
+                        m.target.value ? parseInt(m.target.value) : void 0
                       ),
                       "data-testid": "input-edit-maxlength"
                     }
                   )
                 ] })
               ] }),
-              c && /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(z, { htmlFor: "pattern", children: "Pattern (regex)" }),
-                /* @__PURE__ */ n(
-                  L,
+              u && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e(N, { htmlFor: "pattern", children: "Pattern (regex)" }),
+                /* @__PURE__ */ e(
+                  D,
                   {
                     id: "pattern",
                     placeholder: "^[a-z]+$",
-                    value: d.pattern || "",
-                    onChange: (u) => p("pattern", u.target.value),
+                    value: o.pattern || "",
+                    onChange: (m) => b("pattern", m.target.value),
                     className: "font-mono text-sm",
                     "data-testid": "input-edit-pattern"
                   }
                 )
               ] }),
-              /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(z, { children: "Enum Values" }),
-                /* @__PURE__ */ n("div", { className: "space-y-2", children: [...d.enum || [], ""].map((u, A) => {
-                  var O;
-                  return /* @__PURE__ */ n(
-                    L,
+              /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e(N, { children: "Enum Values" }),
+                /* @__PURE__ */ e("div", { className: "space-y-2", children: [...o.enum || [], ""].map((m, j) => {
+                  var A;
+                  return /* @__PURE__ */ e(
+                    D,
                     {
-                      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()
+                      placeholder: j === (((A = o.enum) == null ? void 0 : A.length) || 0) ? "Add new value..." : "Enum value",
+                      value: m,
+                      onChange: (J) => {
+                        const S = J.target.value, R = o.enum || [];
+                        if (j === R.length)
+                          S.trim() && b("enum", [
+                            ...R,
+                            S.trim()
                           ]);
-                        else if (M.trim()) {
-                          const E = [...F];
-                          E[A] = M.trim(), p("enum", E);
+                        else if (S.trim()) {
+                          const z = [...R];
+                          z[j] = S.trim(), b("enum", z);
                         } else {
-                          const E = F.filter(
-                            (J, G) => G !== A
+                          const z = R.filter(
+                            (vt, Ce) => Ce !== j
                           );
-                          p(
+                          b(
                             "enum",
-                            E.length > 0 ? E : void 0
+                            z.length > 0 ? z : void 0
                           );
                         }
                       },
-                      "data-testid": `input-edit-enum-${A}`
+                      "data-testid": `input-edit-enum-${j}`
                     },
-                    A
+                    j
                   );
                 }) }),
-                /* @__PURE__ */ n("p", { className: "text-xs text-muted-foreground", children: "Enter allowed values (empty fields will be removed)" })
+                /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "Enter allowed values (empty fields will be removed)" })
               ] })
             ] })
           ] }),
-          (d.type === "number" || d.type === "integer") && /* @__PURE__ */ l("details", { className: "border rounded-md", children: [
-            /* @__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(z, { htmlFor: "minimum", children: "Minimum Value" }),
-                /* @__PURE__ */ n(
-                  L,
+          (o.type === "number" || o.type === "integer") && /* @__PURE__ */ s("details", { className: "border rounded-md", children: [
+            /* @__PURE__ */ e("summary", { className: "p-4 cursor-pointer hover:bg-accent/50 transition-colors", children: /* @__PURE__ */ e("h4", { className: "text-sm font-medium inline", children: "Numeric Constraints" }) }),
+            /* @__PURE__ */ e("div", { className: "space-y-4 p-4 pt-0", children: /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4", children: [
+              /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e(N, { htmlFor: "minimum", children: "Minimum Value" }),
+                /* @__PURE__ */ e(
+                  D,
                   {
                     id: "minimum",
                     type: "number",
                     placeholder: "-∞",
-                    value: d.minimum ?? "",
-                    onChange: (u) => p(
+                    value: o.minimum ?? "",
+                    onChange: (m) => b(
                       "minimum",
-                      u.target.value ? parseFloat(u.target.value) : void 0
+                      m.target.value ? parseFloat(m.target.value) : void 0
                     ),
                     "data-testid": "input-edit-minimum"
                   }
                 )
               ] }),
-              /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                /* @__PURE__ */ n(z, { htmlFor: "maximum", children: "Maximum Value" }),
-                /* @__PURE__ */ n(
-                  L,
+              /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                /* @__PURE__ */ e(N, { htmlFor: "maximum", children: "Maximum Value" }),
+                /* @__PURE__ */ e(
+                  D,
                   {
                     id: "maximum",
                     type: "number",
                     placeholder: "∞",
-                    value: d.maximum ?? "",
-                    onChange: (u) => p(
+                    value: o.maximum ?? "",
+                    onChange: (m) => b(
                       "maximum",
-                      u.target.value ? parseFloat(u.target.value) : void 0
+                      m.target.value ? parseFloat(m.target.value) : void 0
                     ),
                     "data-testid": "input-edit-maximum"
                   }
@@ -3001,79 +704,79 @@ function pe({
               ] })
             ] }) })
           ] }),
-          d.type === "array" && /* @__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: [
-              m.array,
+          o.type === "array" && /* @__PURE__ */ s("details", { className: "border rounded-md", children: [
+            /* @__PURE__ */ e("summary", { className: "p-4 cursor-pointer hover:bg-accent/50 transition-colors", children: /* @__PURE__ */ s("h4", { className: "text-sm font-medium inline", children: [
+              c.array,
               " Constraints"
             ] }) }),
-            /* @__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(z, { htmlFor: "min-items", children: "Minimum Items" }),
-                  /* @__PURE__ */ n(
-                    L,
+            /* @__PURE__ */ s("div", { className: "space-y-4 p-4 pt-0", children: [
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-2 gap-4", children: [
+                /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ e(N, { htmlFor: "min-items", children: "Minimum Items" }),
+                  /* @__PURE__ */ e(
+                    D,
                     {
                       id: "min-items",
                       type: "number",
                       placeholder: "0",
-                      value: d.minItems || "",
-                      onChange: (u) => p(
+                      value: o.minItems || "",
+                      onChange: (m) => b(
                         "minItems",
-                        u.target.value ? parseInt(u.target.value) : void 0
+                        m.target.value ? parseInt(m.target.value) : void 0
                       ),
                       "data-testid": "input-edit-minitems"
                     }
                   )
                 ] }),
-                /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-                  /* @__PURE__ */ n(z, { htmlFor: "max-items", children: "Maximum Items" }),
-                  /* @__PURE__ */ n(
-                    L,
+                /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+                  /* @__PURE__ */ e(N, { htmlFor: "max-items", children: "Maximum Items" }),
+                  /* @__PURE__ */ e(
+                    D,
                     {
                       id: "max-items",
                       type: "number",
                       placeholder: "∞",
-                      value: d.maxItems || "",
-                      onChange: (u) => p(
+                      value: o.maxItems || "",
+                      onChange: (m) => b(
                         "maxItems",
-                        u.target.value ? parseInt(u.target.value) : void 0
+                        m.target.value ? parseInt(m.target.value) : void 0
                       ),
                       "data-testid": "input-edit-maxitems"
                     }
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ n(
-                  me,
+              /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(
+                  U,
                   {
                     id: "unique-items",
-                    checked: d.uniqueItems || !1,
-                    onCheckedChange: (u) => p("uniqueItems", u),
+                    checked: o.uniqueItems || !1,
+                    onCheckedChange: (m) => b("uniqueItems", m),
                     "data-testid": "checkbox-edit-unique"
                   }
                 ),
-                /* @__PURE__ */ n(z, { htmlFor: "unique-items", className: "cursor-pointer", children: "All items must be unique" })
+                /* @__PURE__ */ e(N, { htmlFor: "unique-items", className: "cursor-pointer", children: "All items must be unique" })
               ] })
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ l(We, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
-          /* @__PURE__ */ n(
-            R,
+        /* @__PURE__ */ s(ye, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
+          /* @__PURE__ */ e(
+            T,
             {
               variant: "outline",
-              onClick: v,
+              onClick: h,
               "data-testid": "button-cancel",
               children: "Cancel"
             }
           ),
-          /* @__PURE__ */ n(
-            R,
+          /* @__PURE__ */ e(
+            T,
             {
-              onClick: h,
+              onClick: q,
               "data-testid": "button-save",
-              disabled: !((T = d.title) != null && T.trim()),
+              disabled: !((L = o.title) != null && L.trim()),
               children: "Save Changes"
             }
           )
@@ -3082,434 +785,547 @@ function pe({
     }
   ) });
 }
-const we = () => `${Date.now()}-${Math.random()}`;
-function he({
-  property: e,
-  onUpdate: r,
-  onDelete: t,
-  level: a = 1,
-  isArrayItem: o = !1,
-  showRegex: i = !1
+function re(t, i, a = {}) {
+  const { allowEmpty: d = !1, onEditStart: n, onEditCancel: l } = a, [r, u] = O(!1), [C, c] = O(t);
+  Z(() => {
+    r || c(t);
+  }, [t, r]);
+  const o = () => {
+    c(t), u(!0), n == null || n();
+  }, v = (f) => {
+    c(f);
+  }, x = () => {
+    const f = C.trim();
+    if (!d && !f) {
+      c(t), u(!1);
+      return;
+    }
+    f !== t && i(f), u(!1);
+  };
+  return {
+    isEditing: r,
+    value: C,
+    startEdit: o,
+    handleChange: v,
+    handleBlur: x,
+    handleKeyDown: (f) => {
+      f.key === "Enter" ? x() : f.key === "Escape" && (c(t), u(!1), l == null || l());
+    }
+  };
+}
+function nt(t, i) {
+  const [a, d] = O(!1);
+  return {
+    isChangingType: a,
+    setIsChangingType: d,
+    handleTypeChange: (r) => {
+      const u = { ...t, type: r };
+      r !== "string" && (delete u.minLength, delete u.maxLength, delete u.pattern, delete u.enum), r !== "number" && r !== "integer" && (delete u.minimum, delete u.maximum), r !== "array" && (delete u.minItems, delete u.maxItems, delete u.uniqueItems, delete u.items), r !== "object" && delete u.children, i(u), d(!1);
+    },
+    availableTypes: [
+      "string",
+      "number",
+      "integer",
+      "boolean",
+      "object",
+      "array",
+      "file"
+    ]
+  };
+}
+const ae = () => `${Date.now()}-${Math.random()}`;
+function ie(t = {}) {
+  const { onConfirm: i, onCancel: a, createInitialData: d } = t, [n, l] = O(!1), [r, u] = O(null), C = (x) => {
+    const g = x ?? (d ? d() : null);
+    u(g), l(!0);
+  }, c = () => {
+    l(!1), u(null), a == null || a();
+  };
+  return {
+    isOpen: n,
+    data: r,
+    open: C,
+    close: c,
+    confirm: (x) => {
+      i == null || i(x), l(!1), u(null);
+    },
+    setIsOpen: (x) => {
+      x ? l(!0) : c();
+    }
+  };
+}
+function st(t, i) {
+  const a = ie({
+    createInitialData: () => ({
+      id: ae(),
+      key: "",
+      type: "string",
+      required: !1
+    }),
+    onConfirm: (l) => {
+      i({
+        ...t,
+        children: [...t.children || [], l]
+      });
+    }
+  });
+  return {
+    addChild: () => a.open(),
+    updateChild: (l, r) => {
+      const u = t.children.map(
+        (C) => C.id === l ? r : C
+      );
+      i({ ...t, children: u });
+    },
+    deleteChild: (l) => {
+      const r = t.children.filter((u) => u.id !== l);
+      i({ ...t, children: r });
+    },
+    addChildDialog: {
+      isOpen: a.isOpen,
+      data: a.data,
+      setIsOpen: a.setIsOpen,
+      confirm: a.confirm
+    }
+  };
+}
+function Q({
+  property: t,
+  onUpdate: i,
+  onDelete: a,
+  level: d = 1,
+  isArrayItem: n = !1,
+  showRegex: l = !1,
+  keyEditable: r = !1
 }) {
-  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 = {
+  const { getTypeLabel: u, typeLabels: C } = Ne(), c = ie(), o = re(
+    t.title || t.key || "",
+    (h) => i({ ...t, title: h }),
+    { allowEmpty: !1 }
+  ), v = re(
+    t.description || "",
+    (h) => i({ ...t, description: h || void 0 }),
+    { allowEmpty: !0 }
+  ), x = nt(t, i), g = st(t, i), f = `h${Math.min(d, 6)}`, I = t.type === "object", b = I && t.children && t.children.length > 0, q = {
     1: "text-lg font-semibold",
     2: "text-base",
     3: "text-base",
     4: "text-base",
     5: "text-sm",
     6: "text-sm"
-  }[a] || "text-sm", O = (f, q) => {
-    const X = e.children.map(
-      (K) => K.id === f ? q : K
-    );
-    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
-    };
-    g(f), x(!0);
-  }, F = (f) => {
-    r({
-      ...e,
-      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;
-    }
-    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: [
-      /* @__PURE__ */ n("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ l("div", { className: "flex items-start gap-3", children: [
-        !o && /* @__PURE__ */ n(
+  }[d] || "text-sm";
+  return /* @__PURE__ */ s("div", { className: "group", children: [
+    /* @__PURE__ */ s("div", { className: "flex gap-4 items-center rounded-md -mx-2 px-2 py-1 transition-colors hover:bg-accent/50", children: [
+      /* @__PURE__ */ e("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ s("div", { className: "flex items-start gap-3", children: [
+        !n && /* @__PURE__ */ e(
           "button",
           {
-            onClick: () => r({ ...e, required: !e.required }),
+            onClick: () => i({ ...t, required: !t.required }),
             className: "shrink-0 transition-all hover:scale-110 mt-0.5",
-            title: e.required ? "Required field - click to make optional" : "Optional field - click to make required",
-            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" })
+            title: t.required ? "Required field - click to make optional" : "Optional field - click to make required",
+            children: t.required ? /* @__PURE__ */ e("span", { className: "block w-4 h-4 rounded-full bg-primary" }) : /* @__PURE__ */ e("span", { className: "block w-4 h-4 rounded-full border border-dashed border-gray-400" })
           }
         ),
-        S ? /* @__PURE__ */ n(
-          L,
+        o.isEditing ? /* @__PURE__ */ e(
+          D,
           {
-            value: p,
-            onChange: (f) => h(f.target.value),
-            onBlur: G,
-            onKeyDown: w,
+            value: o.value,
+            onChange: (h) => o.handleChange(h.target.value),
+            onBlur: o.handleBlur,
+            onKeyDown: o.handleKeyDown,
             autoFocus: !0,
-            className: A,
+            className: q,
             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(
-              v,
+        ) : /* @__PURE__ */ s("div", { className: "flex gap-2 flex-wrap flex-1", children: [
+          /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
+            /* @__PURE__ */ e(
+              f,
               {
-                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" })
+                className: `${q} cursor-pointer hover:text-primary transition-colors leading-none`,
+                onClick: o.startEdit,
+                children: t.title || t.key || /* @__PURE__ */ e("span", { className: "text-muted-foreground italic", children: "unnamed" })
               }
             ),
-            /* @__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($e, { side: "top", children: [
-                s(e.type),
-                e.type === "array" && e.items ? ` of ${s(e.items.type)}` : ""
+            x.isChangingType ? /* @__PURE__ */ s(
+              H,
+              {
+                value: t.type,
+                onValueChange: (h) => x.handleTypeChange(h),
+                open: x.isChangingType,
+                onOpenChange: x.setIsChangingType,
+                children: [
+                  /* @__PURE__ */ e($, { className: "w-[140px] h-7", children: /* @__PURE__ */ e(_, {}) }),
+                  /* @__PURE__ */ e(K, { children: x.availableTypes.map((h) => /* @__PURE__ */ e(k, { value: h, children: C[h] }, h)) })
+                ]
+              }
+            ) : /* @__PURE__ */ e(_e, { children: /* @__PURE__ */ s(Ue, { children: [
+              /* @__PURE__ */ e(Xe, { asChild: !0, children: /* @__PURE__ */ s(
+                "button",
+                {
+                  onClick: () => x.setIsChangingType(!0),
+                  className: "cursor-pointer hover:bg-accent rounded p-0.5 transition-colors",
+                  children: [
+                    t.type === "string" && /* @__PURE__ */ e(Pe, { className: "w-5 h-5 text-muted-foreground" }),
+                    t.type === "number" && /* @__PURE__ */ e(se, { className: "w-5 h-5 text-muted-foreground" }),
+                    t.type === "integer" && /* @__PURE__ */ e(se, { className: "w-5 h-5 text-muted-foreground" }),
+                    t.type === "boolean" && /* @__PURE__ */ e(Oe, { className: "w-5 h-5 text-muted-foreground" }),
+                    t.type === "object" && /* @__PURE__ */ e(Re, { className: "w-5 h-5 text-muted-foreground" }),
+                    t.type === "array" && /* @__PURE__ */ e(Ee, { className: "w-5 h-5 text-muted-foreground" }),
+                    t.type === "file" && /* @__PURE__ */ e(Fe, { className: "w-5 h-5 text-muted-foreground" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ s(ue, { children: [
+                u(t.type),
+                t.type === "array" && t.items ? ` of ${u(t.items.type)}` : "",
+                /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-1", children: "Click to change type" })
               ] })
             ] }) }),
-            e.type === "object" && /* @__PURE__ */ n(
-              R,
+            t.type === "object" && /* @__PURE__ */ e(
+              T,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "opacity-0 group-hover:opacity-100 h-6 w-6",
-                onClick: M,
-                "data-testid": `button-add-child-${e.id}`,
-                children: /* @__PURE__ */ n(re, { className: "!w-5 !h-5" })
+                onClick: g.addChild,
+                "data-testid": `button-add-child-${t.id}`,
+                children: /* @__PURE__ */ e(B, { className: "!w-5 !h-5" })
               }
             )
           ] }),
-          e.description && /* @__PURE__ */ n(
+          /* @__PURE__ */ e("div", { className: "flex-1", children: v.isEditing ? /* @__PURE__ */ e(
+            D,
+            {
+              value: v.value,
+              onChange: (h) => v.handleChange(h.target.value),
+              onBlur: v.handleBlur,
+              onKeyDown: v.handleKeyDown,
+              autoFocus: !0,
+              className: "text-sm flex-1",
+              placeholder: "Enter description"
+            }
+          ) : /* @__PURE__ */ e(le, { children: t.description ? /* @__PURE__ */ e(
             "p",
             {
-              className: "text-sm text-muted-foreground flex-1 min-w-[200px]",
-              "data-testid": `text-description-${e.id}`,
-              children: e.description
+              className: "text-sm text-muted-foreground flex-1 min-w-[200px] cursor-pointer hover:text-foreground transition-colors",
+              "data-testid": `text-description-${t.id}`,
+              onClick: v.startEdit,
+              children: t.description
             }
-          )
+          ) : /* @__PURE__ */ e(
+            "p",
+            {
+              className: "text-sm text-muted-foreground/50 flex-1 min-w-[200px] cursor-pointer hover:text-muted-foreground italic transition-colors",
+              onClick: v.startEdit,
+              children: "Add description..."
+            }
+          ) }) })
         ] })
       ] }) }),
-      /* @__PURE__ */ l("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
-        /* @__PURE__ */ n(
-          R,
+      /* @__PURE__ */ s("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
+        /* @__PURE__ */ e(
+          T,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
-            onClick: () => m(!0),
-            "data-testid": `button-edit-${e.id}`,
-            children: /* @__PURE__ */ n(ut, { className: "w-3 h-3" })
+            onClick: () => c.open(t),
+            "data-testid": `button-edit-${t.id}`,
+            children: /* @__PURE__ */ e(ze, { className: "w-3 h-3" })
           }
         ),
-        T && e.type !== "object" && /* @__PURE__ */ n(
-          R,
+        I && t.type !== "object" && /* @__PURE__ */ e(
+          T,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
-            onClick: M,
-            "data-testid": `button-add-child-${e.id}`,
-            children: /* @__PURE__ */ n(re, { className: "w-3 h-3" })
+            onClick: g.addChild,
+            "data-testid": `button-add-child-${t.id}`,
+            children: /* @__PURE__ */ e(B, { className: "w-3 h-3" })
           }
         ),
-        /* @__PURE__ */ n(
-          R,
+        /* @__PURE__ */ e(
+          T,
           {
             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(Le, { className: "w-3 h-3" })
+            onClick: a,
+            "data-testid": `button-delete-${t.id}`,
+            children: /* @__PURE__ */ e(ce, { className: "w-3 h-3" })
           }
         )
       ] })
     ] }),
-    u && /* @__PURE__ */ n(
+    b && /* @__PURE__ */ e(
       "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((f) => /* @__PURE__ */ n(
-          he,
+        className: d === 1 ? "ml-6 mt-1 border-l-2 border-border pl-6" : "ml-4 mt-1 border-l border-border pl-4",
+        children: t.children.map((h) => /* @__PURE__ */ e(
+          Q,
           {
-            property: f,
-            onUpdate: (q) => O(f.id, q),
-            onDelete: () => _(f.id),
-            level: a + 1,
-            showRegex: i
+            property: h,
+            onUpdate: (L) => g.updateChild(h.id, L),
+            onDelete: () => g.deleteChild(h.id),
+            level: d + 1,
+            showRegex: l,
+            keyEditable: r
           },
-          f.id
+          h.id
         ))
       }
     ),
-    e.type === "array" && e.items && /* @__PURE__ */ l(
+    t.type === "array" && t.items && /* @__PURE__ */ s(
       "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",
+        className: d === 1 ? "ml-6 mt-1 border-l-2 border-border pl-6" : "ml-4 mt-1 border-l border-border pl-4",
         children: [
-          /* @__PURE__ */ l("div", { className: "mb-2 text-xs text-muted-foreground font-semibold uppercase", children: [
-            s("array"),
+          /* @__PURE__ */ s("div", { className: "mb-2 text-xs text-muted-foreground font-semibold uppercase", children: [
+            u("array"),
             " Items"
           ] }),
-          /* @__PURE__ */ n(
-            he,
+          /* @__PURE__ */ e(
+            Q,
             {
-              property: e.items,
-              onUpdate: (f) => r({ ...e, items: f }),
-              onDelete: () => r({ ...e, items: void 0 }),
-              level: a + 1,
+              property: t.items,
+              onUpdate: (h) => i({ ...t, items: h }),
+              onDelete: () => i({ ...t, items: void 0 }),
+              level: d + 1,
               isArrayItem: !0,
-              showRegex: i
+              showRegex: l,
+              keyEditable: r
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ n(
-      pe,
+    /* @__PURE__ */ e(
+      G,
       {
-        property: e,
-        open: c,
-        onOpenChange: m,
-        onUpdate: r,
-        isArrayItem: o,
+        property: c.data || t,
+        open: c.isOpen,
+        onOpenChange: c.setIsOpen,
+        onUpdate: (h) => {
+          i(h), c.close();
+        },
+        isArrayItem: n,
         isNewProperty: !1,
-        showRegex: i
+        showRegex: l,
+        keyEditable: r
       }
     ),
-    N && d && /* @__PURE__ */ n(
-      pe,
+    g.addChildDialog.isOpen && g.addChildDialog.data && /* @__PURE__ */ e(
+      G,
       {
-        property: d,
-        open: N,
+        property: g.addChildDialog.data,
+        open: g.addChildDialog.isOpen,
         isNewProperty: !0,
-        onOpenChange: (f) => {
-          f || E();
-        },
-        onUpdate: F,
-        showRegex: i
+        onOpenChange: g.addChildDialog.setIsOpen,
+        onUpdate: g.addChildDialog.confirm,
+        showRegex: l,
+        keyEditable: r
       }
     )
   ] });
 }
-const Ne = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+const ne = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: t,
-    className: C(
-      "shadcn-card rounded-xl border bg-card border-card-border text-card-foreground shadow-sm",
-      e
+    ref: a,
+    className: p(
+      "rounded-xl border bg-card text-card-foreground shadow",
+      t
     ),
-    ...r
+    ...i
   }
 ));
-Ne.displayName = "Card";
-const mr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+ne.displayName = "Card";
+const rt = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: t,
-    className: C("flex flex-col space-y-1.5 p-6", e),
-    ...r
+    ref: a,
+    className: p("flex flex-col space-y-1.5 p-6", t),
+    ...i
   }
 ));
-mr.displayName = "CardHeader";
-const ur = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+rt.displayName = "CardHeader";
+const lt = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: t,
-    className: C(
-      "text-2xl font-semibold leading-none tracking-tight",
-      e
-    ),
-    ...r
+    ref: a,
+    className: p("font-semibold leading-none tracking-tight", t),
+    ...i
   }
 ));
-ur.displayName = "CardTitle";
-const pr = I.forwardRef(({ className: e, ...r }, t) => /* @__PURE__ */ n(
+lt.displayName = "CardTitle";
+const dt = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: t,
-    className: C("text-sm text-muted-foreground", e),
-    ...r
+    ref: a,
+    className: p("text-sm text-muted-foreground", t),
+    ...i
   }
 ));
-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(
+dt.displayName = "CardDescription";
+const ot = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e("div", { ref: a, className: p("p-6 pt-0", t), ...i }));
+ot.displayName = "CardContent";
+const ct = y.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
-    ref: t,
-    className: C("flex items-center p-6 pt-0", e),
-    ...r
+    ref: a,
+    className: p("flex items-center p-6 pt-0", t),
+    ...i
   }
 ));
-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;
-    const o = (s = a.target.files) == null ? void 0 : s[0];
-    if (!o) {
-      r(new Error("No file selected"));
+ct.displayName = "CardFooter";
+const mt = () => new Promise((t, i) => {
+  const a = document.createElement("input");
+  a.type = "file", a.accept = ".json", a.onchange = (d) => {
+    var r;
+    const n = (r = d.target.files) == null ? void 0 : r[0];
+    if (!n) {
+      i(new Error("No file selected"));
       return;
     }
-    const i = new FileReader();
-    i.onload = (c) => {
-      var m;
+    const l = new FileReader();
+    l.onload = (u) => {
+      var C;
       try {
-        const d = JSON.parse((m = c.target) == null ? void 0 : m.result);
-        e(d);
+        const c = JSON.parse((C = u.target) == null ? void 0 : C.result);
+        t(c);
       } catch {
-        r(new Error("Invalid JSON file"));
+        i(new Error("Invalid JSON file"));
       }
-    }, i.onerror = () => r(new Error("Failed to read file")), i.readAsText(o);
-  }, t.click();
-}), 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);
+    }, l.onerror = () => i(new Error("Failed to read file")), l.readAsText(n);
+  }, a.click();
+}), we = (t, i = "schema.json") => {
+  const a = JSON.stringify(t, null, 2), d = new Blob([a], { type: "application/json" }), n = URL.createObjectURL(d), l = document.createElement("a");
+  l.href = n, l.download = i, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(n);
 };
-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(
-          R,
+function ut({ schema: t }) {
+  const [i, a] = O(!1), d = JSON.stringify(t, null, 2);
+  return /* @__PURE__ */ s("div", { className: "h-full flex flex-col", children: [
+    /* @__PURE__ */ s("div", { className: "flex items-center justify-between p-4 border-b", children: [
+      /* @__PURE__ */ e("h2", { className: "text-sm font-medium", children: "JSON Schema Output" }),
+      /* @__PURE__ */ s("div", { className: "flex gap-2", children: [
+        /* @__PURE__ */ e(
+          T,
           {
             variant: "outline",
             size: "sm",
             onClick: async () => {
-              await navigator.clipboard.writeText(a), t(!0), setTimeout(() => t(!1), 2e3);
+              await navigator.clipboard.writeText(d), a(!0), setTimeout(() => a(!1), 2e3);
             },
             "data-testid": "button-copy",
-            children: r ? /* @__PURE__ */ n(pt, { className: "w-4 h-4" }) : /* @__PURE__ */ n(ht, { className: "w-4 h-4" })
+            children: i ? /* @__PURE__ */ e(Be, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Ae, { className: "w-4 h-4" })
           }
         ),
-        /* @__PURE__ */ n(
-          R,
+        /* @__PURE__ */ e(
+          T,
           {
             variant: "outline",
             size: "sm",
             onClick: () => {
-              Ye(e, "schema.json");
+              we(t, "schema.json");
             },
             "data-testid": "button-download",
-            children: /* @__PURE__ */ n(ft, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ e(Me, { className: "w-4 h-4" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ n("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ n(Ne, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ n(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(ne, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ e(
       "pre",
       {
         className: "p-6 text-xs font-mono overflow-auto",
         "data-testid": "text-json-output",
-        children: /* @__PURE__ */ n("code", { children: a })
+        children: /* @__PURE__ */ e("code", { children: d })
       }
     ) }) })
   ] });
 }
-function yr({
-  title: e,
-  description: r,
-  version: t,
-  onUpdate: a
+function ht({
+  title: t,
+  description: i,
+  version: a,
+  onUpdate: d
 }) {
-  const [o, i] = V(!1);
-  return /* @__PURE__ */ l(Ne, { className: "p-4", children: [
-    /* @__PURE__ */ l(
-      R,
+  const [n, l] = O(!1);
+  return /* @__PURE__ */ s(ne, { className: "p-4", children: [
+    /* @__PURE__ */ s(
+      T,
       {
         variant: "ghost",
-        onClick: () => i(!o),
+        onClick: () => l(!n),
         className: "w-full justify-between px-2 h-auto hover:bg-transparent",
         "data-testid": "button-toggle-metadata",
         children: [
-          /* @__PURE__ */ n("h3", { className: "text-sm font-medium", children: "Schema Metadata" }),
-          o ? /* @__PURE__ */ n(ye, { className: "w-4 h-4" }) : /* @__PURE__ */ n(gt, { className: "w-4 h-4" })
+          /* @__PURE__ */ e("h3", { className: "text-sm font-medium", children: "Schema Metadata" }),
+          n ? /* @__PURE__ */ e(ee, { className: "w-4 h-4" }) : /* @__PURE__ */ e($e, { 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(
-          z,
+    n && /* @__PURE__ */ s("div", { className: "mt-4 space-y-4", children: [
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          N,
           {
             htmlFor: "schema-title",
             className: "text-xs text-muted-foreground",
             children: "Title"
           }
         ),
-        /* @__PURE__ */ n(
-          L,
+        /* @__PURE__ */ e(
+          D,
           {
             id: "schema-title",
             placeholder: "My Schema",
-            value: e,
-            onChange: (s) => a("title", s.target.value),
+            value: t,
+            onChange: (r) => d("title", r.target.value),
             "data-testid": "input-title"
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ n(
-          z,
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          N,
           {
             htmlFor: "schema-description",
             className: "text-xs text-muted-foreground",
             children: "Description"
           }
         ),
-        /* @__PURE__ */ n(
-          xe,
+        /* @__PURE__ */ e(
+          te,
           {
             id: "schema-description",
             placeholder: "Describe your schema...",
-            value: r,
-            onChange: (s) => a("description", s.target.value),
+            value: i,
+            onChange: (r) => d("description", r.target.value),
             className: "resize-none",
             rows: 3,
             "data-testid": "input-schema-description"
           }
         )
       ] }),
-      /* @__PURE__ */ l("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ n(
-          z,
+      /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ e(
+          N,
           {
             htmlFor: "schema-version",
             className: "text-xs text-muted-foreground",
             children: "Version"
           }
         ),
-        /* @__PURE__ */ n(
-          L,
+        /* @__PURE__ */ e(
+          D,
           {
             id: "schema-version",
             placeholder: "1.0.0",
-            value: t,
-            onChange: (s) => a("version", s.target.value),
+            value: a,
+            onChange: (r) => d("version", r.target.value),
             "data-testid": "input-version"
           }
         )
@@ -3517,279 +1333,308 @@ function yr({
     ] })
   ] });
 }
-const oe = (e, r, t = !0) => {
-  const a = {
+const M = (t, i, a = !0) => {
+  const d = {
     type: "object"
   };
-  t && r && (r.title && (a.title = r.title), r.description && (a.description = r.description));
-  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;
-}, 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 = fe([t.items])[t.items.key] || {
-      type: t.items.type
-    })), t.type === "object" && t.children && t.children.length > 0) {
-      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);
+  a && i && (i.title && (d.title = i.title), i.description && (d.description = i.description));
+  const n = W(t);
+  Object.keys(n).length > 0 && (d.properties = n);
+  const l = t.filter((r) => r.required && r.key).map((r) => r.key);
+  return l.length > 0 && (d.required = l), d;
+}, W = (t) => {
+  const i = {};
+  return t.forEach((a) => {
+    if (!a.key) return;
+    const n = { type: a.type === "file" ? "string" : a.type };
+    if (a.title && (n.title = a.title), a.description && (n.description = a.description), a.type === "file" && (n.format = "filename"), a.type === "string" && (a.minLength !== void 0 && (n.minLength = a.minLength), a.maxLength !== void 0 && (n.maxLength = a.maxLength), a.pattern && (n.pattern = a.pattern), a.enum && a.enum.length > 0 && (n.enum = a.enum)), (a.type === "number" || a.type === "integer") && (a.minimum !== void 0 && (n.minimum = a.minimum), a.maximum !== void 0 && (n.maximum = a.maximum)), a.type === "array" && (a.minItems !== void 0 && (n.minItems = a.minItems), a.maxItems !== void 0 && (n.maxItems = a.maxItems), a.uniqueItems && (n.uniqueItems = a.uniqueItems), a.items && (n.items = W([a.items])[a.items.key] || {
+      type: a.items.type
+    })), a.type === "object" && a.children && a.children.length > 0) {
+      n.properties = W(a.children);
+      const l = a.children.filter((r) => r.required && r.key).map((r) => r.key);
+      l.length > 0 && (n.required = l);
     }
-    r[t.key] = o;
-  }), r;
-}, vr = (e) => {
-  const r = {
+    i[a.key] = n;
+  }), i;
+}, ft = (t) => {
+  const i = {
     properties: []
   };
-  return (e.title || e.description) && (r.metadata = {
-    title: typeof e.title == "string" ? e.title : "",
-    description: typeof e.description == "string" ? e.description : "",
+  return (t.title || t.description) && (i.metadata = {
+    title: typeof t.title == "string" ? t.title : "",
+    description: typeof t.description == "string" ? t.description : "",
     version: "1.0.0"
     // Default version
-  }), e.properties && typeof e.properties == "object" && (r.properties = ge(
-    e.properties,
-    Array.isArray(e.required) ? e.required : []
-  )), r;
-}, 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: 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)
+  }), t.properties && typeof t.properties == "object" && (i.properties = Y(
+    t.properties,
+    Array.isArray(t.required) ? t.required : []
+  )), i;
+}, Y = (t, i = []) => t ? Object.entries(t).filter(([, a]) => typeof a == "object").map(([a, d]) => {
+  const n = d;
+  let l = typeof n.type == "string" ? n.type : "string";
+  l === "string" && n.format === "filename" && (l = "file");
+  const r = {
+    id: ae(),
+    key: a,
+    title: typeof n.title == "string" ? n.title : void 0,
+    type: l,
+    description: typeof n.description == "string" ? n.description : void 0,
+    required: i.includes(a)
   };
-  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 },
+  return n.minLength !== void 0 && (r.minLength = n.minLength), n.maxLength !== void 0 && (r.maxLength = n.maxLength), n.pattern && (r.pattern = n.pattern), n.enum && Array.isArray(n.enum) && (r.enum = n.enum), n.minimum !== void 0 && (r.minimum = n.minimum), n.maximum !== void 0 && (r.maximum = n.maximum), n.minItems !== void 0 && (r.minItems = n.minItems), n.maxItems !== void 0 && (r.maxItems = n.maxItems), n.uniqueItems && (r.uniqueItems = n.uniqueItems), r.type === "array" && n.items && typeof n.items == "object" && !Array.isArray(n.items) && (r.items = Y(
+    { item: n.items },
     []
-  ).find((c) => c.key === "item")), o.properties && typeof o.properties == "object" && (s.children = ge(
-    o.properties,
-    Array.isArray(o.required) ? o.required : []
-  )), s;
-}) : [], xr = ({
-  schema: e,
-  onChange: r,
-  includeMetadata: t = !0
+  ).find((u) => u.key === "item")), n.properties && typeof n.properties == "object" && (r.children = Y(
+    n.properties,
+    Array.isArray(n.required) ? n.required : []
+  )), r;
+}) : [], pt = ({
+  schema: t,
+  onChange: i,
+  includeMetadata: a = !0
 }) => {
-  const { properties: a, metadata: o } = nt(
-    () => vr(e),
-    [e]
-  ), i = a, s = o || {
+  const { properties: d, metadata: n } = Te(
+    () => ft(t),
+    [t]
+  ), l = d, r = n || {
     title: "",
     description: "",
     version: ""
-  }, c = H(() => ({
-    id: we(),
+  }, u = E(() => ({
+    id: ae(),
     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]);
+  }), []), C = E(
+    (f, I) => {
+      const b = l.some((L) => L.id === f);
+      let q;
+      b ? q = l.map((L) => L.id === f ? I : L) : q = [...l, I];
+      const h = M(
+        q,
+        r,
+        a
+      );
+      i(h);
+    },
+    [l, r, a, i]
+  ), c = E(
+    (f) => {
+      const I = l.filter((q) => q.id !== f), b = M(
+        I,
+        r,
+        a
+      );
+      i(b);
+    },
+    [l, r, a, i]
+  ), o = E(() => {
+    const I = M([], { title: "", description: "" }, a);
+    i(I);
+  }, [a, i]), v = E(
+    (f, I) => {
+      const b = { ...r, [f]: I }, q = M(
+        l,
+        b,
+        a
+      );
+      i(q);
+    },
+    [l, r, a, i]
+  ), x = E(async () => {
+    const f = await mt();
+    i(f);
+  }, [i]), g = E(() => {
+    we(t, "schema.json");
+  }, [t]);
   return {
-    properties: i,
-    metadata: s,
-    addProperty: c,
-    updateProperty: m,
-    deleteProperty: d,
-    clearAll: g,
-    updateMetadata: N,
+    properties: l,
+    metadata: r,
+    addProperty: u,
+    updateProperty: C,
+    deleteProperty: c,
+    clearAll: o,
+    updateMetadata: v,
     importSchema: x,
-    downloadSchema: S
+    downloadSchema: g
   };
 };
-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(
-    R,
+function gt() {
+  const [t, i] = O("light");
+  return Z(() => {
+    const n = localStorage.getItem("theme") || (window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light");
+    i(n), document.documentElement.classList.toggle("dark", n === "dark");
+  }, []), /* @__PURE__ */ e(
+    T,
     {
       variant: "ghost",
       size: "icon",
       onClick: () => {
-        const a = e === "light" ? "dark" : "light";
-        r(a), localStorage.setItem("theme", a), document.documentElement.classList.toggle("dark", a === "dark");
+        const d = t === "light" ? "dark" : "light";
+        i(d), localStorage.setItem("theme", d), document.documentElement.classList.toggle("dark", d === "dark");
       },
       "data-testid": "button-theme-toggle",
-      children: e === "light" ? /* @__PURE__ */ n(bt, { className: "w-4 h-4" }) : /* @__PURE__ */ n(yt, { className: "w-4 h-4" })
+      children: t === "light" ? /* @__PURE__ */ e(Ke, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Je, { className: "w-4 h-4" })
     }
   );
 }
-function Ir({
-  schema: e,
-  onChange: r,
-  showMetadata: t = !1,
-  showImport: a = !0,
-  showClear: o = !0,
-  showOutput: i = !0,
-  showHeader: s = !0,
-  className: c = "",
-  showSummary: m = !1,
-  typeLabels: d,
-  propertyLabel: g = { singular: "property", plural: "properties" },
-  showRegex: N = !1
+function It({
+  schema: t,
+  onChange: i,
+  showMetadata: a = !1,
+  showImport: d = !0,
+  showClear: n = !0,
+  showOutput: l = !0,
+  showHeader: r = !0,
+  className: u = "",
+  showSummary: C = !1,
+  typeLabels: c,
+  propertyLabel: o = { singular: "property", plural: "properties" },
+  showRegex: v = !1,
+  keyEditable: x = !1
 }) {
-  const [x, S] = V(null), [y, p] = V(!1), {
-    properties: h,
-    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();
+  const {
+    properties: g,
+    metadata: f,
+    addProperty: I,
+    updateProperty: b,
+    deleteProperty: q,
+    clearAll: h,
+    updateMetadata: L,
+    importSchema: m
+  } = pt({
+    schema: t,
+    onChange: i,
+    includeMetadata: a
+  }), j = ie({
+    createInitialData: () => I(),
+    onConfirm: (S) => {
+      b(S.id, S);
+    }
+  }), A = () => {
+    h();
+  }, J = async () => {
+    await m();
   };
-  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(
-        R,
+  return /* @__PURE__ */ e(it, { customLabels: c, children: /* @__PURE__ */ s("div", { className: `${u} flex flex-col json-schema-builder-react`, children: [
+    r && /* @__PURE__ */ e("header", { className: "h-16 border-b flex items-center justify-between px-6", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-3", children: [
+      d && /* @__PURE__ */ e(
+        T,
         {
           variant: "outline",
           size: "sm",
-          onClick: w,
+          onClick: J,
           "data-testid": "button-import",
-          children: /* @__PURE__ */ n(vt, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ e(Ve, { className: "w-4 h-4" })
         }
       ),
-      o && /* @__PURE__ */ n(
-        R,
+      n && /* @__PURE__ */ e(
+        T,
         {
           variant: "outline",
           size: "sm",
-          onClick: G,
-          disabled: h.length === 0,
+          onClick: A,
+          disabled: g.length === 0,
           "data-testid": "button-clear",
-          children: /* @__PURE__ */ n(Le, { className: "w-4 h-4" })
+          children: /* @__PURE__ */ e(ce, { className: "w-4 h-4" })
         }
       ),
-      /* @__PURE__ */ n(wr, {})
+      /* @__PURE__ */ e(gt, {})
     ] }) }),
-    /* @__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-2 space-y-4", children: [
-        t && /* @__PURE__ */ n(
-          yr,
-          {
-            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(re, { className: "w-8 h-8 text-muted-foreground" }) }),
-          /* @__PURE__ */ l("h2", { className: "text-lg font-medium mb-2", children: [
-            "No ",
-            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",
-            " ",
-            g.singular
-          ] }),
-          /* @__PURE__ */ l(R, { onClick: F, "data-testid": "button-add-first", children: [
-            /* @__PURE__ */ n(re, { className: "w-4 h-4 mr-2" }),
-            "Add ",
-            g.singular
-          ] })
-        ] }) : /* @__PURE__ */ l(et, { children: [
-          /* @__PURE__ */ n("div", { className: "space-y-1", children: h.map((f) => /* @__PURE__ */ n(
-            he,
-            {
-              property: f,
-              onUpdate: (q) => u(f.id, q),
-              onDelete: () => A(f.id),
-              showRegex: N
-            },
-            f.id
-          )) }),
-          /* @__PURE__ */ n("div", { className: "pt-6", children: /* @__PURE__ */ l(
-            R,
+    /* @__PURE__ */ s("div", { className: "flex-1 flex overflow-hidden", children: [
+      /* @__PURE__ */ e("div", { className: l ? "w-3/5 border-r" : "w-full", children: /* @__PURE__ */ s("div", { className: "h-full flex flex-col", children: [
+        /* @__PURE__ */ s("div", { className: "flex-1 overflow-auto p-2 space-y-4", children: [
+          a && /* @__PURE__ */ e(
+            ht,
             {
-              onClick: F,
-              className: "w-full",
-              variant: "outline",
-              "data-testid": "button-add-property",
-              children: [
-                /* @__PURE__ */ n(re, { className: "w-4 h-4 mr-2" }),
-                "Add ",
-                g.singular
-              ]
+              title: f.title,
+              description: f.description,
+              version: f.version,
+              onUpdate: (S, R) => L(S, R)
             }
-          ) }),
-          m && /* @__PURE__ */ l("div", { className: "pt-4 border-t flex items-center justify-between text-sm text-muted-foreground", children: [
-            /* @__PURE__ */ l("span", { children: [
-              h.length,
+          ),
+          g.length === 0 ? /* @__PURE__ */ s("div", { className: "flex flex-col items-center justify-center py-16 text-center", children: [
+            /* @__PURE__ */ e("div", { className: "w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4", children: /* @__PURE__ */ e(B, { className: "w-8 h-8 text-muted-foreground" }) }),
+            /* @__PURE__ */ s("h2", { className: "text-lg font-medium mb-2", children: [
+              "No ",
+              o.plural,
+              " yet"
+            ] }),
+            /* @__PURE__ */ s("p", { className: "text-sm text-muted-foreground mb-6 max-w-sm", children: [
+              "Start building your JSON schema by adding your first",
               " ",
-              h.length === 1 ? g.singular : g.plural
+              o.singular
             ] }),
-            /* @__PURE__ */ l("span", { children: [
-              h.filter((f) => f.required).length,
-              " required"
+            /* @__PURE__ */ s(
+              T,
+              {
+                onClick: () => j.open(),
+                "data-testid": "button-add-first",
+                children: [
+                  /* @__PURE__ */ e(B, { className: "w-4 h-4 mr-2" }),
+                  "Add ",
+                  o.singular
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ s(le, { children: [
+            /* @__PURE__ */ e("div", { className: "space-y-1", children: g.map((S) => /* @__PURE__ */ e(
+              Q,
+              {
+                property: S,
+                onUpdate: (R) => b(S.id, R),
+                onDelete: () => q(S.id),
+                showRegex: v,
+                keyEditable: x
+              },
+              S.id
+            )) }),
+            C && /* @__PURE__ */ s("div", { className: "pt-4 border-t flex items-center justify-between text-sm text-muted-foreground", children: [
+              /* @__PURE__ */ s("span", { children: [
+                g.length,
+                " ",
+                g.length === 1 ? o.singular : o.plural
+              ] }),
+              /* @__PURE__ */ s("span", { children: [
+                g.filter((S) => S.required).length,
+                " required"
+              ] })
             ] })
           ] })
-        ] })
+        ] }),
+        g.length > 0 && /* @__PURE__ */ e("div", { className: "border-t p-2 pt-4 bg-background", children: /* @__PURE__ */ s(
+          T,
+          {
+            onClick: () => j.open(),
+            className: "w-full",
+            variant: "outline",
+            "data-testid": "button-add-property",
+            children: [
+              /* @__PURE__ */ e(B, { className: "w-4 h-4" }),
+              "Add ",
+              o.singular
+            ]
+          }
+        ) })
       ] }) }),
-      i && /* @__PURE__ */ n("div", { className: "w-2/5", children: /* @__PURE__ */ n(br, { schema: e }) })
+      l && /* @__PURE__ */ e("div", { className: "w-2/5", children: /* @__PURE__ */ e(ut, { schema: t }) })
     ] }),
-    y && x && /* @__PURE__ */ n(
-      pe,
+    j.isOpen && j.data && /* @__PURE__ */ e(
+      G,
       {
-        property: x,
-        open: y,
+        property: j.data,
+        open: j.isOpen,
         isNewProperty: !0,
-        onOpenChange: (f) => {
-          f || J();
-        },
-        propertyLabel: g,
-        onUpdate: E,
-        showRegex: N
+        onOpenChange: j.setIsOpen,
+        propertyLabel: o,
+        onUpdate: j.confirm,
+        showRegex: v,
+        keyEditable: x
       }
     )
   ] }) });
 }
 export {
-  Ir as JsonSchemaBuilder
+  It as JsonSchemaBuilder
 };
 //# sourceMappingURL=index.js.map