npm - json-schema-builder-react - Versions diffs - 0.0.8 → 0.0.9 - Mend

json-schema-builder-react 0.0.8 → 0.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/dist-lib/components/JsonSchemaBuilder.d.ts +1 -1
package/dist-lib/components/PropertyDocument.d.ts +1 -3
package/dist-lib/components/PropertyEditDialog.d.ts +2 -2
package/dist-lib/contexts/SchemaBuilderContext.d.ts +31 -0
package/dist-lib/hooks/usePropertyEditor.d.ts +2 -2
package/dist-lib/index.cjs +1 -2
package/dist-lib/index.d.ts +1 -1
package/dist-lib/index.js +597 -593
package/dist-lib/lib/file-utils.d.ts +2 -2
package/package.json +1 -1
package/dist-lib/index.cjs.map +0 -1
package/dist-lib/index.js.map +0 -1

package/dist-lib/index.js CHANGED Viewed

@@ -1,20 +1,20 @@
-import { jsx as e, jsxs as s, Fragment as de } from "react/jsx-runtime";
-import * as b from "react";
-import { useContext as Ie, createContext as Se, useState as P, useEffect as Z, useMemo as Te, useCallback as E } from "react";
-import { Slot as De } from "@radix-ui/react-slot";
-import { cva as oe } from "class-variance-authority";
-import { clsx as je } from "clsx";
-import { twMerge as qe } from "tailwind-merge";
-import { ChevronDown as ee, Check as ce, ChevronUp as Le, X as Pe, Asterisk as se, Type as Oe, Hash as re, CheckSquare as Re, Braces as Ee, List as Fe, FileText as ze, Plus as B, Pencil as Ae, Trash2 as me, CheckCircle2 as Be, Copy as Me, Download as $e, ChevronRight as Ke, Moon as Je, Sun as Ve, Upload as He } from "lucide-react";
+import { jsx as e, jsxs as s, Fragment as me } from "react/jsx-runtime";
+import * as x from "react";
+import { useContext as Ee, createContext as Re, useState as q, useEffect as ae, useMemo as Le, useCallback as P } from "react";
+import { Slot as je } from "@radix-ui/react-slot";
+import { cva as ue } from "class-variance-authority";
+import { clsx as qe } from "clsx";
+import { twMerge as Oe } from "tailwind-merge";
+import { ChevronDown as ie, Check as he, ChevronUp as Pe, X as Fe, Asterisk as oe, Type as ze, Hash as de, CheckSquare as Be, Braces as Ae, List as Me, FileText as $e, Plus as B, Pencil as Ke, Trash2 as fe, CheckCircle2 as Je, Copy as Ve, Download as He, ChevronRight as _e, Moon as Ue, Sun as Xe, Upload as Ge } from "lucide-react";
 import * as F from "@radix-ui/react-tooltip";
 import * as w from "@radix-ui/react-select";
 import * as L from "@radix-ui/react-dialog";
-import * as ue from "@radix-ui/react-label";
-import * as V from "@radix-ui/react-checkbox";
+import * as pe from "@radix-ui/react-label";
+import * as U from "@radix-ui/react-checkbox";
 function h(...t) {
-  return qe(je(t));
+  return Oe(qe(t));
 }
-const _e = oe(
+const Qe = ue(
   "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: {
@@ -38,18 +38,18 @@ const _e = oe(
       size: "default"
     }
   }
-), I = b.forwardRef(
-  ({ className: t, variant: i, size: a, asChild: l = !1, ...n }, d) => /* @__PURE__ */ e(
-    l ? De : "button",
+), S = x.forwardRef(
+  ({ className: t, variant: i, size: a, asChild: l = !1, ...n }, o) => /* @__PURE__ */ e(
+    l ? je : "button",
     {
-      className: h(_e({ variant: i, size: a, className: t })),
-      ref: d,
+      className: h(Qe({ variant: i, size: a, className: t })),
+      ref: o,
       ...n
     }
   )
 );
-I.displayName = "Button";
-const D = b.forwardRef(
+S.displayName = "Button";
+const T = x.forwardRef(
   ({ className: t, type: i, ...a }, l) => /* @__PURE__ */ e(
     "input",
     {
@@ -63,8 +63,8 @@ const D = b.forwardRef(
     }
   )
 );
-D.displayName = "Input";
-const Ue = F.Provider, Xe = F.Root, Ge = F.Trigger, he = b.forwardRef(({ className: t, sideOffset: i = 4, ...a }, l) => /* @__PURE__ */ e(F.Portal, { children: /* @__PURE__ */ e(
+T.displayName = "Input";
+const We = F.Provider, Ye = F.Root, Ze = F.Trigger, ge = x.forwardRef(({ className: t, sideOffset: i = 4, ...a }, l) => /* @__PURE__ */ e(F.Portal, { children: /* @__PURE__ */ e(
   F.Content,
   {
     ref: l,
@@ -76,8 +76,8 @@ const Ue = F.Provider, Xe = F.Root, Ge = F.Trigger, he = b.forwardRef(({ classNa
     ...a
   }
 ) }));
-he.displayName = F.Content.displayName;
-const H = w.Root, _ = w.Value, $ = b.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(
+ge.displayName = F.Content.displayName;
+const X = w.Root, G = w.Value, J = x.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(
   w.Trigger,
   {
     ref: l,
@@ -88,12 +88,12 @@ const H = w.Root, _ = w.Value, $ = b.forwardRef(({ className: t, children: i, ..
     ...a,
     children: [
       i,
-      /* @__PURE__ */ e(w.Icon, { asChild: !0, children: /* @__PURE__ */ e(ee, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ e(w.Icon, { asChild: !0, children: /* @__PURE__ */ e(ie, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-$.displayName = w.Trigger.displayName;
-const fe = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+J.displayName = w.Trigger.displayName;
+const ye = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   w.ScrollUpButton,
   {
     ref: a,
@@ -102,11 +102,11 @@ const fe = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
       t
     ),
     ...i,
-    children: /* @__PURE__ */ e(Le, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ e(Pe, { className: "h-4 w-4" })
   }
 ));
-fe.displayName = w.ScrollUpButton.displayName;
-const pe = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+ye.displayName = w.ScrollUpButton.displayName;
+const ve = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   w.ScrollDownButton,
   {
     ref: a,
@@ -115,11 +115,11 @@ const pe = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
       t
     ),
     ...i,
-    children: /* @__PURE__ */ e(ee, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ e(ie, { className: "h-4 w-4" })
   }
 ));
-pe.displayName = w.ScrollDownButton.displayName;
-const K = b.forwardRef(({ className: t, children: i, position: a = "popper", ...l }, n) => /* @__PURE__ */ e(w.Portal, { children: /* @__PURE__ */ s(
+ve.displayName = w.ScrollDownButton.displayName;
+const V = x.forwardRef(({ className: t, children: i, position: a = "popper", ...l }, n) => /* @__PURE__ */ e(w.Portal, { children: /* @__PURE__ */ s(
   w.Content,
   {
     ref: n,
@@ -131,7 +131,7 @@ const K = b.forwardRef(({ className: t, children: i, position: a = "popper", ...
     position: a,
     ...l,
     children: [
-      /* @__PURE__ */ e(fe, {}),
+      /* @__PURE__ */ e(ye, {}),
       /* @__PURE__ */ e(
         w.Viewport,
         {
@@ -142,12 +142,12 @@ const K = b.forwardRef(({ className: t, children: i, position: a = "popper", ...
           children: i
         }
       ),
-      /* @__PURE__ */ e(pe, {})
+      /* @__PURE__ */ e(ve, {})
     ]
   }
 ) }));
-K.displayName = w.Content.displayName;
-const Qe = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+V.displayName = w.Content.displayName;
+const et = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   w.Label,
   {
     ref: a,
@@ -155,8 +155,8 @@ const Qe = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-Qe.displayName = w.Label.displayName;
-const C = b.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(
+et.displayName = w.Label.displayName;
+const I = x.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(
   w.Item,
   {
     ref: l,
@@ -166,13 +166,13 @@ const C = b.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__
     ),
     ...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(ce, { className: "h-4 w-4" }) }) }),
+      /* @__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(he, { className: "h-4 w-4" }) }) }),
       /* @__PURE__ */ e(w.ItemText, { children: i })
     ]
   }
 ));
-C.displayName = w.Item.displayName;
-const We = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+I.displayName = w.Item.displayName;
+const tt = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   w.Separator,
   {
     ref: a,
@@ -180,8 +180,8 @@ const We = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-We.displayName = w.Separator.displayName;
-const Ye = L.Root, Ze = L.Portal, ge = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+tt.displayName = w.Separator.displayName;
+const at = L.Root, it = L.Portal, xe = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   L.Overlay,
   {
     ref: a,
@@ -192,9 +192,9 @@ const Ye = L.Root, Ze = L.Portal, ge = b.forwardRef(({ className: t, ...i }, a)
     ...i
   }
 ));
-ge.displayName = L.Overlay.displayName;
-const ve = b.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(Ze, { children: [
-  /* @__PURE__ */ e(ge, {}),
+xe.displayName = L.Overlay.displayName;
+const be = x.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(it, { children: [
+  /* @__PURE__ */ e(xe, {}),
   /* @__PURE__ */ s(
     L.Content,
     {
@@ -207,15 +207,15 @@ const ve = b.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__
       children: [
         i,
         /* @__PURE__ */ s(L.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(Pe, { className: "h-4 w-4" }),
+          /* @__PURE__ */ e(Fe, { className: "h-4 w-4" }),
           /* @__PURE__ */ e("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
-ve.displayName = L.Content.displayName;
-const ye = ({
+be.displayName = L.Content.displayName;
+const Ne = ({
   className: t,
   ...i
 }) => /* @__PURE__ */ e(
@@ -228,8 +228,8 @@ const ye = ({
     ...i
   }
 );
-ye.displayName = "DialogHeader";
-const xe = ({
+Ne.displayName = "DialogHeader";
+const we = ({
   className: t,
   ...i
 }) => /* @__PURE__ */ e(
@@ -242,8 +242,8 @@ const xe = ({
     ...i
   }
 );
-xe.displayName = "DialogFooter";
-const be = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+we.displayName = "DialogFooter";
+const Ce = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   L.Title,
   {
     ref: a,
@@ -254,8 +254,8 @@ const be = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-be.displayName = L.Title.displayName;
-const et = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+Ce.displayName = L.Title.displayName;
+const nt = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   L.Description,
   {
     ref: a,
@@ -263,20 +263,20 @@ const et = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-et.displayName = L.Description.displayName;
-const tt = oe(
+nt.displayName = L.Description.displayName;
+const st = ue(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-), N = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
-  ue.Root,
+), N = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  pe.Root,
   {
     ref: a,
-    className: h(tt(), t),
+    className: h(st(), t),
     ...i
   }
 ));
-N.displayName = ue.Root.displayName;
-const U = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
-  V.Root,
+N.displayName = pe.Root.displayName;
+const Q = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+  U.Root,
   {
     ref: a,
     className: h(
@@ -285,16 +285,16 @@ const U = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ),
     ...i,
     children: /* @__PURE__ */ e(
-      V.Indicator,
+      U.Indicator,
       {
         className: h("grid place-content-center text-current"),
-        children: /* @__PURE__ */ e(ce, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
       }
     )
   }
 ));
-U.displayName = V.Root.displayName;
-const te = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+Q.displayName = U.Root.displayName;
+const ne = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "textarea",
   {
     className: h(
@@ -305,33 +305,33 @@ const te = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-te.displayName = "Textarea";
-const at = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), it = (t, i, a = !1, l = !1) => {
-  const n = (g, y) => {
-    i({ ...t, [g]: y });
+ne.displayName = "Textarea";
+const rt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), lt = (t, i, a = !1, l = !1) => {
+  const n = (p, g) => {
+    i({ ...t, [p]: g });
   };
   return {
-    handleTitleChange: (g) => {
-      n("title", g);
+    handleTitleChange: (p) => {
+      n("title", p);
     },
     handleTitleBlur: () => {
       if (a && t.title) {
-        const g = at(t.title);
-        n("key", g);
+        const p = rt(t.title);
+        n("key", p);
       }
     },
-    handleKeyChange: (g) => {
-      (a || l) && n("key", g);
+    handleKeyChange: (p) => {
+      (a || l) && n("key", p);
     },
     handleFieldChange: n,
-    handleConstraintChange: (g, y) => {
+    handleConstraintChange: (p, g) => {
       i({
         ...t,
-        [g]: y
+        [p]: g
       });
     }
   };
-}, X = {
+}, W = {
   string: "String",
   number: "Number",
   integer: "Integer",
@@ -340,59 +340,68 @@ const at = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
   array: "Array",
   null: "Null",
   file: "File"
-}, Ne = Se({
-  getTypeLabel: (t) => X[t],
-  typeLabels: X
-});
-function nt({
+}, K = {
+  getTypeLabel: (t) => W[t],
+  typeLabels: W,
+  propertyLabel: { singular: "property", plural: "properties" },
+  showRegex: !1,
+  keyEditable: !1
+}, ke = Re(K);
+function ot({
   children: t,
-  customLabels: i = {}
+  config: i = {}
 }) {
-  const a = { ...X, ...i }, l = (n) => a[n] || n;
-  return /* @__PURE__ */ e(Ne.Provider, { value: { getTypeLabel: l, typeLabels: a }, children: t });
+  const a = { ...W, ...i.typeLabels }, l = i.propertyLabel || K.propertyLabel, n = i.showRegex ?? K.showRegex, o = i.keyEditable ?? K.keyEditable, r = (m) => a[m] || m;
+  return /* @__PURE__ */ e(
+    ke.Provider,
+    {
+      value: { getTypeLabel: r, typeLabels: a, propertyLabel: l, showRegex: n, keyEditable: o },
+      children: t
+    }
+  );
 }
-function we() {
-  return Ie(Ne);
+function Ie() {
+  return Ee(ke);
 }
-function G({
+function Y({
   property: t,
   open: i,
   onOpenChange: a,
   onSave: l,
   isArrayItem: n = !1,
-  isNewProperty: d = !1,
-  propertyLabel: r = { singular: "Property", plural: "Properties" },
-  showRegex: m = !1,
-  keyEditable: k = !1,
-  typeLabels: g
+  isNewProperty: o = !1,
+  propertyLabel: r,
+  showRegex: m,
+  keyEditable: D,
+  typeLabels: p
 }) {
-  const { typeLabels: y } = we(), u = g || y, [o, f] = P(t);
-  Z(() => {
-    i && f(t);
+  const g = Ie(), u = p || g.typeLabels, b = r || g.propertyLabel, v = m ?? g.showRegex, y = D ?? g.keyEditable, [d, k] = q(t);
+  ae(() => {
+    i && k(t);
   }, [t, i]);
   const {
-    handleTitleChange: v,
-    handleTitleBlur: j,
-    handleKeyChange: q,
-    handleFieldChange: S,
-    handleConstraintChange: x
-  } = it(
-    o,
-    f,
+    handleTitleChange: E,
+    handleTitleBlur: R,
+    handleKeyChange: f,
+    handleFieldChange: O,
+    handleConstraintChange: C
+  } = lt(
     d,
-    k
-  ), p = () => {
-    o.title?.trim() && (l(o), a(!1));
-  }, z = () => {
-    f(t), a(!1);
+    k,
+    o,
+    y
+  ), H = () => {
+    d.title?.trim() && (l(d), a(!1));
+  }, _ = () => {
+    k(t), a(!1);
   };
-  return /* @__PURE__ */ e(Ye, { open: i, onOpenChange: a, children: /* @__PURE__ */ s(
-    ve,
+  return /* @__PURE__ */ e(at, { open: i, onOpenChange: a, children: /* @__PURE__ */ s(
+    be,
     {
       className: "max-w-2xl max-h-[80vh] flex flex-col gap-0 p-0",
       "data-testid": "dialog-edit-property",
       children: [
-        /* @__PURE__ */ e(ye, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ e(be, { children: d ? `Add ${r.singular}` : `Edit ${r.singular}` }) }),
+        /* @__PURE__ */ e(Ne, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ e(Ce, { children: o ? `Add ${b.singular}` : `Edit ${b.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: [
@@ -400,22 +409,22 @@ function G({
               "Type"
             ] }),
             /* @__PURE__ */ s(
-              H,
+              X,
               {
-                value: o.type,
-                onValueChange: (c) => S("type", c),
+                value: d.type,
+                onValueChange: (c) => O("type", c),
                 "data-testid": "select-type-dialog",
                 children: [
-                  /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(_, {}) }),
-                  /* @__PURE__ */ s(K, { children: [
-                    /* @__PURE__ */ e(C, { value: "string", children: u.string }),
-                    /* @__PURE__ */ e(C, { value: "number", children: u.number }),
-                    /* @__PURE__ */ e(C, { value: "integer", children: u.integer }),
-                    /* @__PURE__ */ e(C, { value: "boolean", children: u.boolean }),
-                    /* @__PURE__ */ e(C, { value: "object", children: u.object }),
-                    /* @__PURE__ */ e(C, { value: "array", children: u.array }),
-                    /* @__PURE__ */ e(C, { value: "file", children: u.file }),
-                    /* @__PURE__ */ e(C, { value: "null", children: u.null })
+                  /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(G, {}) }),
+                  /* @__PURE__ */ s(V, { children: [
+                    /* @__PURE__ */ e(I, { value: "string", children: u.string }),
+                    /* @__PURE__ */ e(I, { value: "number", children: u.number }),
+                    /* @__PURE__ */ e(I, { value: "integer", children: u.integer }),
+                    /* @__PURE__ */ e(I, { value: "boolean", children: u.boolean }),
+                    /* @__PURE__ */ e(I, { value: "object", children: u.object }),
+                    /* @__PURE__ */ e(I, { value: "array", children: u.array }),
+                    /* @__PURE__ */ e(I, { value: "file", children: u.file }),
+                    /* @__PURE__ */ e(I, { value: "null", children: u.null })
                   ] })
                 ]
               }
@@ -427,77 +436,77 @@ function G({
               "Title"
             ] }),
             /* @__PURE__ */ e(
-              D,
+              T,
               {
-                value: o.title || "",
-                onChange: (c) => v(c.target.value),
-                onBlur: j,
+                value: d.title || "",
+                onChange: (c) => E(c.target.value),
+                onBlur: R,
                 placeholder: "Property Title",
                 "data-testid": "input-title-dialog",
                 required: !0
               }
             ),
-            !d && o.key && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground font-mono", children: [
+            !o && d.key && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground font-mono", children: [
               "Key: ",
-              o.key
+              d.key
             ] })
           ] }),
-          (d || k) && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+          (o || y) && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e(N, { children: "Key" }),
             /* @__PURE__ */ e(
-              D,
+              T,
               {
-                value: o.key,
-                onChange: (c) => q(c.target.value),
+                value: d.key,
+                onChange: (c) => f(c.target.value),
                 placeholder: "property_key",
                 "data-testid": "input-key-dialog"
               }
             ),
-            !d && /* @__PURE__ */ e("p", { className: "text-xs text-yellow-600 dark:text-yellow-500", children: "⚠️ Changing the key may break existing references to this property" })
+            !o && /* @__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__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e(N, { children: "Description" }),
             /* @__PURE__ */ e(
-              te,
+              ne,
               {
                 placeholder: "Optional description",
-                value: o.description || "",
-                onChange: (c) => S("description", c.target.value),
+                value: d.description || "",
+                onChange: (c) => O("description", c.target.value),
                 rows: 2,
                 "data-testid": "input-edit-description"
               }
             )
           ] }),
-          o.type === "array" && /* @__PURE__ */ s("div", { className: "space-y-2 border-l-2 border-border pl-4 mt-2", children: [
+          d.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: [
               u.array,
               " Items"
             ] }),
-            o.items ? /* @__PURE__ */ s("div", { className: "bg-muted/40 p-2 rounded", children: [
+            d.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,
+                  X,
                   {
-                    value: o.items.type,
-                    onValueChange: (c) => f({
-                      ...o,
+                    value: d.items.type,
+                    onValueChange: (c) => k({
+                      ...d,
                       items: {
-                        ...o.items,
+                        ...d.items,
                         type: c
                       }
                     }),
                     children: [
-                      /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(_, {}) }),
-                      /* @__PURE__ */ s(K, { children: [
-                        /* @__PURE__ */ e(C, { value: "string", children: u.string }),
-                        /* @__PURE__ */ e(C, { value: "number", children: u.number }),
-                        /* @__PURE__ */ e(C, { value: "integer", children: u.integer }),
-                        /* @__PURE__ */ e(C, { value: "boolean", children: u.boolean }),
-                        /* @__PURE__ */ e(C, { value: "object", children: u.object }),
-                        /* @__PURE__ */ e(C, { value: "array", children: u.array }),
-                        /* @__PURE__ */ e(C, { value: "file", children: u.file }),
-                        /* @__PURE__ */ e(C, { value: "null", children: u.null })
+                      /* @__PURE__ */ e(J, { children: /* @__PURE__ */ e(G, {}) }),
+                      /* @__PURE__ */ s(V, { children: [
+                        /* @__PURE__ */ e(I, { value: "string", children: u.string }),
+                        /* @__PURE__ */ e(I, { value: "number", children: u.number }),
+                        /* @__PURE__ */ e(I, { value: "integer", children: u.integer }),
+                        /* @__PURE__ */ e(I, { value: "boolean", children: u.boolean }),
+                        /* @__PURE__ */ e(I, { value: "object", children: u.object }),
+                        /* @__PURE__ */ e(I, { value: "array", children: u.array }),
+                        /* @__PURE__ */ e(I, { value: "file", children: u.file }),
+                        /* @__PURE__ */ e(I, { value: "null", children: u.null })
                       ] })
                     ]
                   }
@@ -506,13 +515,13 @@ function G({
               /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ e(N, { children: "Item Title" }),
                 /* @__PURE__ */ e(
-                  D,
+                  T,
                   {
-                    value: o.items.title || "",
-                    onChange: (c) => f({
-                      ...o,
+                    value: d.items.title || "",
+                    onChange: (c) => k({
+                      ...d,
                       items: {
-                        ...o.items,
+                        ...d.items,
                         title: c.target.value
                       }
                     }),
@@ -521,12 +530,12 @@ function G({
                 )
               ] }),
               /* @__PURE__ */ s(
-                I,
+                S,
                 {
                   variant: "ghost",
                   size: "sm",
                   className: "mt-2",
-                  onClick: () => f({ ...o, items: void 0 }),
+                  onClick: () => k({ ...d, items: void 0 }),
                   children: [
                     "Remove ",
                     u.array,
@@ -535,13 +544,13 @@ function G({
                 }
               )
             ] }) : /* @__PURE__ */ s(
-              I,
+              S,
               {
                 variant: "outline",
                 size: "sm",
                 onClick: () => {
-                  f({
-                    ...o,
+                  k({
+                    ...d,
                     items: {
                       id: Date.now().toString() + Math.random(),
                       key: "item",
@@ -560,17 +569,17 @@ function G({
           ] }),
           !n && /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
             /* @__PURE__ */ e(
-              U,
+              Q,
               {
                 id: "prop-required",
-                checked: o.required,
-                onCheckedChange: (c) => S("required", c),
+                checked: d.required,
+                onCheckedChange: (c) => O("required", c),
                 "data-testid": "checkbox-edit-required"
               }
             ),
             /* @__PURE__ */ e(N, { htmlFor: "prop-required", className: "cursor-pointer", children: "Required field" })
           ] }),
-          o.type === "string" && /* @__PURE__ */ s("details", { className: "border rounded-md", children: [
+          d.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: [
               u.string,
               " Constraints"
@@ -580,13 +589,13 @@ function G({
                 /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                   /* @__PURE__ */ e(N, { htmlFor: "min-length", children: "Minimum Length" }),
                   /* @__PURE__ */ e(
-                    D,
+                    T,
                     {
                       id: "min-length",
                       type: "number",
                       placeholder: "0",
-                      value: o.minLength || "",
-                      onChange: (c) => x(
+                      value: d.minLength || "",
+                      onChange: (c) => C(
                         "minLength",
                         c.target.value ? parseInt(c.target.value) : void 0
                       ),
@@ -597,13 +606,13 @@ function G({
                 /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                   /* @__PURE__ */ e(N, { htmlFor: "max-length", children: "Maximum Length" }),
                   /* @__PURE__ */ e(
-                    D,
+                    T,
                     {
                       id: "max-length",
                       type: "number",
                       placeholder: "∞",
-                      value: o.maxLength || "",
-                      onChange: (c) => x(
+                      value: d.maxLength || "",
+                      onChange: (c) => C(
                         "maxLength",
                         c.target.value ? parseInt(c.target.value) : void 0
                       ),
@@ -612,15 +621,15 @@ function G({
                   )
                 ] })
               ] }),
-              m && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+              v && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ e(N, { htmlFor: "pattern", children: "Pattern (regex)" }),
                 /* @__PURE__ */ e(
-                  D,
+                  T,
                   {
                     id: "pattern",
                     placeholder: "^[a-z]+$",
-                    value: o.pattern || "",
-                    onChange: (c) => x("pattern", c.target.value),
+                    value: d.pattern || "",
+                    onChange: (c) => C("pattern", c.target.value),
                     className: "font-mono text-sm",
                     "data-testid": "input-edit-pattern"
                   }
@@ -628,52 +637,52 @@ function G({
               ] }),
               /* @__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((c, O) => /* @__PURE__ */ e(
-                  D,
+                /* @__PURE__ */ e("div", { className: "space-y-2", children: [...d.enum || [], ""].map((c, j) => /* @__PURE__ */ e(
+                  T,
                   {
-                    placeholder: O === (o.enum?.length || 0) ? "Add new value..." : "Enum value",
+                    placeholder: j === (d.enum?.length || 0) ? "Add new value..." : "Enum value",
                     value: c,
-                    onChange: (J) => {
-                      const T = J.target.value, R = o.enum || [];
-                      if (O === R.length)
-                        T.trim() && x("enum", [
-                          ...R,
-                          T.trim()
+                    onChange: (Te) => {
+                      const A = Te.target.value, M = d.enum || [];
+                      if (j === M.length)
+                        A.trim() && C("enum", [
+                          ...M,
+                          A.trim()
                         ]);
-                      else if (T.trim()) {
-                        const A = [...R];
-                        A[O] = T.trim(), x("enum", A);
+                      else if (A.trim()) {
+                        const z = [...M];
+                        z[j] = A.trim(), C("enum", z);
                       } else {
-                        const A = R.filter(
-                          (yt, ke) => ke !== O
+                        const z = M.filter(
+                          (wt, De) => De !== j
                         );
-                        x(
+                        C(
                           "enum",
-                          A.length > 0 ? A : void 0
+                          z.length > 0 ? z : void 0
                         );
                       }
                     },
-                    "data-testid": `input-edit-enum-${O}`
+                    "data-testid": `input-edit-enum-${j}`
                   },
-                  O
+                  j
                 )) }),
                 /* @__PURE__ */ e("p", { className: "text-xs text-muted-foreground", children: "Enter allowed values (empty fields will be removed)" })
               ] })
             ] })
           ] }),
-          (o.type === "number" || o.type === "integer") && /* @__PURE__ */ s("details", { className: "border rounded-md", children: [
+          (d.type === "number" || d.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,
+                  T,
                   {
                     id: "minimum",
                     type: "number",
                     placeholder: "-∞",
-                    value: o.minimum ?? "",
-                    onChange: (c) => x(
+                    value: d.minimum ?? "",
+                    onChange: (c) => C(
                       "minimum",
                       c.target.value ? parseFloat(c.target.value) : void 0
                     ),
@@ -684,13 +693,13 @@ function G({
               /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                 /* @__PURE__ */ e(N, { htmlFor: "maximum", children: "Maximum Value" }),
                 /* @__PURE__ */ e(
-                  D,
+                  T,
                   {
                     id: "maximum",
                     type: "number",
                     placeholder: "∞",
-                    value: o.maximum ?? "",
-                    onChange: (c) => x(
+                    value: d.maximum ?? "",
+                    onChange: (c) => C(
                       "maximum",
                       c.target.value ? parseFloat(c.target.value) : void 0
                     ),
@@ -700,7 +709,7 @@ function G({
               ] })
             ] }) })
           ] }),
-          o.type === "array" && /* @__PURE__ */ s("details", { className: "border rounded-md", children: [
+          d.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: [
               u.array,
               " Constraints"
@@ -710,13 +719,13 @@ function G({
                 /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                   /* @__PURE__ */ e(N, { htmlFor: "min-items", children: "Minimum Items" }),
                   /* @__PURE__ */ e(
-                    D,
+                    T,
                     {
                       id: "min-items",
                       type: "number",
                       placeholder: "0",
-                      value: o.minItems || "",
-                      onChange: (c) => x(
+                      value: d.minItems || "",
+                      onChange: (c) => C(
                         "minItems",
                         c.target.value ? parseInt(c.target.value) : void 0
                       ),
@@ -727,13 +736,13 @@ function G({
                 /* @__PURE__ */ s("div", { className: "space-y-2", children: [
                   /* @__PURE__ */ e(N, { htmlFor: "max-items", children: "Maximum Items" }),
                   /* @__PURE__ */ e(
-                    D,
+                    T,
                     {
                       id: "max-items",
                       type: "number",
                       placeholder: "∞",
-                      value: o.maxItems || "",
-                      onChange: (c) => x(
+                      value: d.maxItems || "",
+                      onChange: (c) => C(
                         "maxItems",
                         c.target.value ? parseInt(c.target.value) : void 0
                       ),
@@ -744,11 +753,11 @@ function G({
               ] }),
               /* @__PURE__ */ s("div", { className: "flex items-center gap-2", children: [
                 /* @__PURE__ */ e(
-                  U,
+                  Q,
                   {
                     id: "unique-items",
-                    checked: o.uniqueItems || !1,
-                    onCheckedChange: (c) => x("uniqueItems", c),
+                    checked: d.uniqueItems || !1,
+                    onCheckedChange: (c) => C("uniqueItems", c),
                     "data-testid": "checkbox-edit-unique"
                   }
                 ),
@@ -757,22 +766,22 @@ function G({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ s(xe, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
+        /* @__PURE__ */ s(we, { className: "px-6 py-4 border-t bg-background shrink-0", children: [
           /* @__PURE__ */ e(
-            I,
+            S,
             {
               variant: "outline",
-              onClick: z,
+              onClick: _,
               "data-testid": "button-cancel",
               children: "Cancel"
             }
           ),
           /* @__PURE__ */ e(
-            I,
+            S,
             {
-              onClick: p,
+              onClick: H,
               "data-testid": "button-save",
-              disabled: !o.title?.trim(),
+              disabled: !d.title?.trim(),
               children: "Save Changes"
             }
           )
@@ -781,36 +790,36 @@ function G({
     }
   ) });
 }
-function le(t, i, a = {}) {
-  const { allowEmpty: l = !1, onEditStart: n, onEditCancel: d } = a, [r, m] = P(!1), [k, g] = P(t);
-  Z(() => {
-    r || g(t);
+function ce(t, i, a = {}) {
+  const { allowEmpty: l = !1, onEditStart: n, onEditCancel: o } = a, [r, m] = q(!1), [D, p] = q(t);
+  ae(() => {
+    r || p(t);
   }, [t, r]);
-  const y = () => {
-    g(t), m(!0), n?.();
-  }, u = (v) => {
-    g(v);
-  }, o = () => {
-    const v = k.trim();
-    if (!l && !v) {
-      g(t), m(!1);
+  const g = () => {
+    p(t), m(!0), n?.();
+  }, u = (y) => {
+    p(y);
+  }, b = () => {
+    const y = D.trim();
+    if (!l && !y) {
+      p(t), m(!1);
       return;
     }
-    v !== t && i(v), m(!1);
+    y !== t && i(y), m(!1);
   };
   return {
     isEditing: r,
-    value: k,
-    startEdit: y,
+    value: D,
+    startEdit: g,
     handleChange: u,
-    handleBlur: o,
-    handleKeyDown: (v) => {
-      v.key === "Enter" ? o() : v.key === "Escape" && (g(t), m(!1), d?.());
+    handleBlur: b,
+    handleKeyDown: (y) => {
+      y.key === "Enter" ? b() : y.key === "Escape" && (p(t), m(!1), o?.());
     }
   };
 }
-function st(t, i) {
-  const [a, l] = P(!1);
+function dt(t, i) {
+  const [a, l] = q(!1);
   return {
     isChangingType: a,
     setIsChangingType: l,
@@ -829,52 +838,52 @@ function st(t, i) {
     ]
   };
 }
-const ae = () => `${Date.now()}-${Math.random()}`;
-function ie(t = {}) {
-  const { onConfirm: i, onCancel: a, createInitialData: l } = t, [n, d] = P(!1), [r, m] = P(null), k = (o) => {
-    const f = o ?? (l ? l() : null);
-    m(f), d(!0);
-  }, g = () => {
-    d(!1), m(null), a?.();
+const se = () => `${Date.now()}-${Math.random()}`;
+function re(t = {}) {
+  const { onConfirm: i, onCancel: a, createInitialData: l } = t, [n, o] = q(!1), [r, m] = q(null), D = (b) => {
+    const v = b ?? (l ? l() : null);
+    m(v), o(!0);
+  }, p = () => {
+    o(!1), m(null), a?.();
   };
   return {
     isOpen: n,
     data: r,
-    open: k,
-    close: g,
-    confirm: (o) => {
-      i?.(o), d(!1), m(null);
+    open: D,
+    close: p,
+    confirm: (b) => {
+      i?.(b), o(!1), m(null);
     },
-    setIsOpen: (o) => {
-      o ? d(!0) : g();
+    setIsOpen: (b) => {
+      b ? o(!0) : p();
     }
   };
 }
-function rt(t, i) {
-  const a = ie({
+function ct(t, i) {
+  const a = re({
     createInitialData: () => ({
-      id: ae(),
+      id: se(),
       key: "",
       type: "string",
       required: !1
     }),
-    onConfirm: (d) => {
+    onConfirm: (o) => {
       i({
         ...t,
-        children: [...t.children || [], d]
+        children: [...t.children || [], o]
       });
     }
   });
   return {
     addChild: () => a.open(),
-    updateChild: (d, r) => {
+    updateChild: (o, r) => {
       const m = t.children.map(
-        (k) => k.id === d ? r : k
+        (D) => D.id === o ? r : D
       );
       i({ ...t, children: m });
     },
-    deleteChild: (d) => {
-      const r = t.children.filter((m) => m.id !== d);
+    deleteChild: (o) => {
+      const r = t.children.filter((m) => m.id !== o);
       i({ ...t, children: r });
     },
     addChildDialog: {
@@ -885,31 +894,29 @@ function rt(t, i) {
     }
   };
 }
-function Q({
+function Z({
   property: t,
   onUpdate: i,
   onDelete: a,
   level: l = 1,
-  isArrayItem: n = !1,
-  showRegex: d = !1,
-  keyEditable: r = !1
+  isArrayItem: n = !1
 }) {
-  const { getTypeLabel: m, typeLabels: k } = we(), g = ie(), y = le(
+  const { getTypeLabel: o, typeLabels: r, showRegex: m, keyEditable: D } = Ie(), p = re(), g = ce(
     t.title || t.key || "",
-    (p) => i({ ...t, title: p }),
+    (f) => i({ ...t, title: f }),
     { allowEmpty: !1 }
-  ), u = le(
+  ), u = ce(
     t.description || "",
-    (p) => i({ ...t, description: p || void 0 }),
+    (f) => i({ ...t, description: f || void 0 }),
     { allowEmpty: !0 }
-  ), o = st(t, i), f = rt(t, i), v = `h${Math.min(l, 6)}`, j = t.type === "object", q = j && t.children && t.children.length > 0, S = {
+  ), b = dt(t, i), v = ct(t, i), y = `h${Math.min(l, 6)}`, d = t.type === "object", k = d && t.children && t.children.length > 0, E = {
     1: "text-lg font-semibold",
     2: "text-base",
     3: "text-base",
     4: "text-base",
     5: "text-sm",
     6: "text-sm"
-  }[l] || "text-sm", x = {
+  }[l] || "text-sm", R = {
     1: "h-5 w-5",
     2: "h-4 w-4",
     3: "h-4 w-4",
@@ -928,112 +935,112 @@ function Q({
             title: t.required ? "Required field - click to make optional" : "Optional field - click to make required",
             children: t.required ? (
               // <span className="block w-4 h-4 rounded-full bg-primary"></span>
-              /* @__PURE__ */ e(se, { className: "w-6 h-6 text-primary" })
+              /* @__PURE__ */ e(oe, { className: "w-6 h-6 text-primary" })
             ) : (
               // <span className="block w-4 h-4 rounded-full border border-dashed border-gray-400"></span>
-              /* @__PURE__ */ e(se, { className: "w-6 h-6 text-border" })
+              /* @__PURE__ */ e(oe, { className: "w-6 h-6 text-border" })
             )
           }
         ),
-        y.isEditing ? /* @__PURE__ */ e(
-          D,
+        g.isEditing ? /* @__PURE__ */ e(
+          T,
           {
-            value: y.value,
-            onChange: (p) => y.handleChange(p.target.value),
-            onBlur: y.handleBlur,
-            onKeyDown: y.handleKeyDown,
+            value: g.value,
+            onChange: (f) => g.handleChange(f.target.value),
+            onBlur: g.handleBlur,
+            onKeyDown: g.handleKeyDown,
             autoFocus: !0,
-            className: S,
+            className: E,
             placeholder: "Enter title"
           }
         ) : /* @__PURE__ */ s("div", { className: "flex gap-2 flex-wrap flex-1", children: [
           /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ e(
-              v,
+              y,
               {
-                className: `${S} cursor-pointer hover:text-primary transition-colors leading-none`,
-                onClick: y.startEdit,
+                className: `${E} cursor-pointer hover:text-primary transition-colors leading-none`,
+                onClick: g.startEdit,
                 children: t.title || t.key || /* @__PURE__ */ e("span", { className: "text-muted-foreground italic", children: "unnamed" })
               }
             ),
-            o.isChangingType ? /* @__PURE__ */ s(
-              H,
+            b.isChangingType ? /* @__PURE__ */ s(
+              X,
               {
                 value: t.type,
-                onValueChange: (p) => o.handleTypeChange(p),
-                open: o.isChangingType,
-                onOpenChange: o.setIsChangingType,
+                onValueChange: (f) => b.handleTypeChange(f),
+                open: b.isChangingType,
+                onOpenChange: b.setIsChangingType,
                 children: [
-                  /* @__PURE__ */ e($, { className: "w-[140px] h-7", children: /* @__PURE__ */ e(_, {}) }),
-                  /* @__PURE__ */ e(K, { children: o.availableTypes.map((p) => /* @__PURE__ */ e(C, { value: p, children: k[p] }, p)) })
+                  /* @__PURE__ */ e(J, { className: "w-[140px] h-7", children: /* @__PURE__ */ e(G, {}) }),
+                  /* @__PURE__ */ e(V, { children: b.availableTypes.map((f) => /* @__PURE__ */ e(I, { value: f, children: r[f] }, f)) })
                 ]
               }
-            ) : /* @__PURE__ */ e(Ue, { children: /* @__PURE__ */ s(Xe, { children: [
-              /* @__PURE__ */ e(Ge, { asChild: !0, children: /* @__PURE__ */ s(
+            ) : /* @__PURE__ */ e(We, { children: /* @__PURE__ */ s(Ye, { children: [
+              /* @__PURE__ */ e(Ze, { asChild: !0, children: /* @__PURE__ */ s(
                 "button",
                 {
-                  onClick: () => o.setIsChangingType(!0),
+                  onClick: () => b.setIsChangingType(!0),
                   className: "cursor-pointer hover:bg-accent rounded p-0.5 -mt-0.5 transition-colors",
                   children: [
                     t.type === "string" && /* @__PURE__ */ e(
-                      Oe,
+                      ze,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
                     ),
                     t.type === "number" && /* @__PURE__ */ e(
-                      re,
+                      de,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
                     ),
                     t.type === "integer" && /* @__PURE__ */ e(
-                      re,
+                      de,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
                     ),
                     t.type === "boolean" && /* @__PURE__ */ e(
-                      Re,
+                      Be,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
                     ),
                     t.type === "object" && /* @__PURE__ */ e(
-                      Ee,
+                      Ae,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
                     ),
                     t.type === "array" && /* @__PURE__ */ e(
-                      Fe,
+                      Me,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
                     ),
                     t.type === "file" && /* @__PURE__ */ e(
-                      ze,
+                      $e,
                       {
                         className: h(
-                          x,
+                          R,
                           "text-muted-foreground"
                         )
                       }
@@ -1041,36 +1048,36 @@ function Q({
                   ]
                 }
               ) }),
-              /* @__PURE__ */ s(he, { children: [
-                m(t.type),
-                t.type === "array" && t.items ? ` of ${m(t.items.type)}` : "",
+              /* @__PURE__ */ s(ge, { children: [
+                o(t.type),
+                t.type === "array" && t.items ? ` of ${o(t.items.type)}` : "",
                 /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-1", children: "Click to change type" })
               ] })
             ] }) }),
             t.type === "object" && /* @__PURE__ */ e(
-              I,
+              S,
               {
                 variant: "ghost",
                 size: "icon",
                 className: "h-4 w-4",
-                onClick: f.addChild,
+                onClick: v.addChild,
                 "data-testid": `button-add-child-${t.id}`,
                 children: /* @__PURE__ */ e(B, {})
               }
             )
           ] }),
           /* @__PURE__ */ e("div", { className: "flex-1", children: u.isEditing ? /* @__PURE__ */ e(
-            D,
+            T,
             {
               value: u.value,
-              onChange: (p) => u.handleChange(p.target.value),
+              onChange: (f) => u.handleChange(f.target.value),
               onBlur: u.handleBlur,
               onKeyDown: u.handleKeyDown,
               autoFocus: !0,
               className: "text-sm flex-1",
               placeholder: "Enter description"
             }
-          ) : /* @__PURE__ */ e(de, { children: t.description ? /* @__PURE__ */ e(
+          ) : /* @__PURE__ */ e(me, { children: t.description ? /* @__PURE__ */ e(
             "p",
             {
               className: "text-sm text-muted-foreground flex-1 min-w-[200px] cursor-pointer hover:text-foreground transition-colors",
@@ -1090,55 +1097,53 @@ function Q({
       ] }) }),
       /* @__PURE__ */ s("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0", children: [
         /* @__PURE__ */ e(
-          I,
+          S,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
-            onClick: () => g.open(t),
+            onClick: () => p.open(t),
             "data-testid": `button-edit-${t.id}`,
-            children: /* @__PURE__ */ e(Ae, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ e(Ke, { className: "w-3 h-3" })
           }
         ),
-        j && t.type !== "object" && /* @__PURE__ */ e(
-          I,
+        d && t.type !== "object" && /* @__PURE__ */ e(
+          S,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7",
-            onClick: f.addChild,
+            onClick: v.addChild,
             "data-testid": `button-add-child-${t.id}`,
             children: /* @__PURE__ */ e(B, { className: "w-3 h-3" })
           }
         ),
         /* @__PURE__ */ e(
-          I,
+          S,
           {
             variant: "ghost",
             size: "icon",
             className: "h-7 w-7 text-muted-foreground hover:text-destructive",
             onClick: a,
             "data-testid": `button-delete-${t.id}`,
-            children: /* @__PURE__ */ e(me, { className: "w-3 h-3" })
+            children: /* @__PURE__ */ e(fe, { className: "w-3 h-3" })
           }
         )
       ] })
     ] }),
-    q && /* @__PURE__ */ e(
+    k && /* @__PURE__ */ e(
       "div",
       {
         className: l === 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((p) => /* @__PURE__ */ e(
-          Q,
+        children: t.children.map((f) => /* @__PURE__ */ e(
+          Z,
           {
-            property: p,
-            onUpdate: (z) => f.updateChild(p.id, z),
-            onDelete: () => f.deleteChild(p.id),
-            level: l + 1,
-            showRegex: d,
-            keyEditable: r
+            property: f,
+            onUpdate: (O) => v.updateChild(f.id, O),
+            onDelete: () => v.deleteChild(f.id),
+            level: l + 1
           },
-          p.id
+          f.id
         ))
       }
     ),
@@ -1148,54 +1153,48 @@ function Q({
         className: l === 1 ? "ml-6 mt-1 border-l-2 border-border pl-6" : "ml-4 mt-1 border-l border-border pl-4",
         children: [
           /* @__PURE__ */ s("div", { className: "mb-2 text-xs text-muted-foreground font-semibold uppercase", children: [
-            m("array"),
+            o("array"),
             " Items"
           ] }),
           /* @__PURE__ */ e(
-            Q,
+            Z,
             {
               property: t.items,
-              onUpdate: (p) => i({ ...t, items: p }),
+              onUpdate: (f) => i({ ...t, items: f }),
               onDelete: () => i({ ...t, items: void 0 }),
               level: l + 1,
-              isArrayItem: !0,
-              showRegex: d,
-              keyEditable: r
+              isArrayItem: !0
             }
           )
         ]
       }
     ),
     /* @__PURE__ */ e(
-      G,
+      Y,
       {
-        property: g.data || t,
-        open: g.isOpen,
-        onOpenChange: g.setIsOpen,
-        onSave: (p) => {
-          i(p), g.close();
+        property: p.data || t,
+        open: p.isOpen,
+        onOpenChange: p.setIsOpen,
+        onSave: (f) => {
+          i(f), p.close();
         },
         isArrayItem: n,
-        isNewProperty: !1,
-        showRegex: d,
-        keyEditable: r
+        isNewProperty: !1
       }
     ),
-    f.addChildDialog.isOpen && f.addChildDialog.data && /* @__PURE__ */ e(
-      G,
+    v.addChildDialog.isOpen && v.addChildDialog.data && /* @__PURE__ */ e(
+      Y,
       {
-        property: f.addChildDialog.data,
-        open: f.addChildDialog.isOpen,
+        property: v.addChildDialog.data,
+        open: v.addChildDialog.isOpen,
         isNewProperty: !0,
-        onOpenChange: f.addChildDialog.setIsOpen,
-        onSave: f.addChildDialog.confirm,
-        showRegex: d,
-        keyEditable: r
+        onOpenChange: v.addChildDialog.setIsOpen,
+        onSave: v.addChildDialog.confirm
       }
     )
   ] });
 }
-const ne = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+const le = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
@@ -1203,8 +1202,8 @@ const ne = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-ne.displayName = "Card";
-const lt = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+le.displayName = "Card";
+const mt = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
@@ -1212,8 +1211,8 @@ const lt = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-lt.displayName = "CardHeader";
-const dt = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+mt.displayName = "CardHeader";
+const ut = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
@@ -1221,8 +1220,8 @@ const dt = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-dt.displayName = "CardTitle";
-const ot = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+ut.displayName = "CardTitle";
+const ht = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
@@ -1230,10 +1229,10 @@ const ot = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-ot.displayName = "CardDescription";
-const ct = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e("div", { ref: a, className: h("p-6 pt-0", t), ...i }));
-ct.displayName = "CardContent";
-const mt = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+ht.displayName = "CardDescription";
+const ft = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e("div", { ref: a, className: h("p-6 pt-0", t), ...i }));
+ft.displayName = "CardContent";
+const pt = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
@@ -1241,8 +1240,8 @@ const mt = b.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-mt.displayName = "CardFooter";
-const ut = () => new Promise((t, i) => {
+pt.displayName = "CardFooter";
+const gt = () => new Promise((t, i) => {
   const a = document.createElement("input");
   a.type = "file", a.accept = ".json", a.onchange = (l) => {
     const n = l.target.files?.[0];
@@ -1250,28 +1249,28 @@ const ut = () => new Promise((t, i) => {
       i(new Error("No file selected"));
       return;
     }
-    const d = new FileReader();
-    d.onload = (r) => {
+    const o = new FileReader();
+    o.onload = (r) => {
       try {
         const m = JSON.parse(r.target?.result);
         t(m);
       } catch {
         i(new Error("Invalid JSON file"));
       }
-    }, d.onerror = () => i(new Error("Failed to read file")), d.readAsText(n);
+    }, o.onerror = () => i(new Error("Failed to read file")), o.readAsText(n);
   }, a.click();
-}), Ce = (t, i = "schema.json") => {
-  const a = JSON.stringify(t, null, 2), l = new Blob([a], { type: "application/json" }), n = URL.createObjectURL(l), d = document.createElement("a");
-  d.href = n, d.download = i, document.body.appendChild(d), d.click(), document.body.removeChild(d), URL.revokeObjectURL(n);
+}), Se = (t, i = "schema.json") => {
+  const a = JSON.stringify(t, null, 2), l = new Blob([a], { type: "application/json" }), n = URL.createObjectURL(l), o = document.createElement("a");
+  o.href = n, o.download = i, document.body.appendChild(o), o.click(), document.body.removeChild(o), URL.revokeObjectURL(n);
 };
-function ht({ schema: t }) {
-  const [i, a] = P(!1), l = JSON.stringify(t, null, 2);
+function yt({ schema: t }) {
+  const [i, a] = q(!1), l = 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(
-          I,
+          S,
           {
             variant: "outline",
             size: "sm",
@@ -1279,24 +1278,24 @@ function ht({ schema: t }) {
               await navigator.clipboard.writeText(l), a(!0), setTimeout(() => a(!1), 2e3);
             },
             "data-testid": "button-copy",
-            children: i ? /* @__PURE__ */ e(Be, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Me, { className: "w-4 h-4" })
+            children: i ? /* @__PURE__ */ e(Je, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Ve, { className: "w-4 h-4" })
           }
         ),
         /* @__PURE__ */ e(
-          I,
+          S,
           {
             variant: "outline",
             size: "sm",
             onClick: () => {
-              Ce(t, "schema.json");
+              Se(t, "schema.json");
             },
             "data-testid": "button-download",
-            children: /* @__PURE__ */ e($e, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ e(He, { className: "w-4 h-4" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(ne, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(le, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ e(
       "pre",
       {
         className: "p-6 text-xs font-mono overflow-auto",
@@ -1306,24 +1305,24 @@ function ht({ schema: t }) {
     ) }) })
   ] });
 }
-function ft({
+function vt({
   title: t,
   description: i,
   version: a,
   onUpdate: l
 }) {
-  const [n, d] = P(!1);
-  return /* @__PURE__ */ s(ne, { className: "p-4", children: [
+  const [n, o] = q(!1);
+  return /* @__PURE__ */ s(le, { className: "p-4", children: [
     /* @__PURE__ */ s(
-      I,
+      S,
       {
         variant: "ghost",
-        onClick: () => d(!n),
+        onClick: () => o(!n),
         className: "w-full justify-between px-2 h-auto hover:bg-transparent",
         "data-testid": "button-toggle-metadata",
         children: [
           /* @__PURE__ */ e("h3", { className: "text-sm font-medium", children: "Schema Metadata" }),
-          n ? /* @__PURE__ */ e(ee, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Ke, { className: "w-4 h-4" })
+          n ? /* @__PURE__ */ e(ie, { className: "w-4 h-4" }) : /* @__PURE__ */ e(_e, { className: "w-4 h-4" })
         ]
       }
     ),
@@ -1338,7 +1337,7 @@ function ft({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          T,
           {
             id: "schema-title",
             placeholder: "My Schema",
@@ -1358,7 +1357,7 @@ function ft({
           }
         ),
         /* @__PURE__ */ e(
-          te,
+          ne,
           {
             id: "schema-description",
             placeholder: "Describe your schema...",
@@ -1380,7 +1379,7 @@ function ft({
           }
         ),
         /* @__PURE__ */ e(
-          D,
+          T,
           {
             id: "schema-version",
             placeholder: "1.0.0",
@@ -1393,30 +1392,30 @@ function ft({
     ] })
   ] });
 }
-const M = (t, i, a = !0) => {
+const $ = (t, i, a = !0) => {
   const l = {
     type: "object"
   };
   a && i && (i.title && (l.title = i.title), i.description && (l.description = i.description));
-  const n = W(t);
+  const n = ee(t);
   Object.keys(n).length > 0 && (l.properties = n);
-  const d = t.filter((r) => r.required && r.key).map((r) => r.key);
-  return d.length > 0 && (l.required = d), l;
-}, W = (t) => {
+  const o = t.filter((r) => r.required && r.key).map((r) => r.key);
+  return o.length > 0 && (l.required = o), l;
+}, ee = (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] || {
+    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 = ee([a.items])[a.items.key] || {
       type: a.items.type
     })), a.type === "object" && a.children && a.children.length > 0) {
-      n.properties = W(a.children);
-      const d = a.children.filter((r) => r.required && r.key).map((r) => r.key);
-      d.length > 0 && (n.required = d);
+      n.properties = ee(a.children);
+      const o = a.children.filter((r) => r.required && r.key).map((r) => r.key);
+      o.length > 0 && (n.required = o);
     }
     i[a.key] = n;
   }), i;
-}, pt = (t) => {
+}, xt = (t) => {
   const i = {
     properties: []
   };
@@ -1425,107 +1424,107 @@ const M = (t, i, a = !0) => {
     description: typeof t.description == "string" ? t.description : "",
     version: "1.0.0"
     // Default version
-  }), t.properties && typeof t.properties == "object" && (i.properties = Y(
+  }), t.properties && typeof t.properties == "object" && (i.properties = te(
     t.properties,
     Array.isArray(t.required) ? t.required : []
   )), i;
-}, Y = (t, i = []) => t ? Object.entries(t).filter(([, a]) => typeof a == "object").map(([a, l]) => {
+}, te = (t, i = []) => t ? Object.entries(t).filter(([, a]) => typeof a == "object").map(([a, l]) => {
   const n = l;
-  let d = typeof n.type == "string" ? n.type : "string";
-  d === "string" && n.format === "filename" && (d = "file");
+  let o = typeof n.type == "string" ? n.type : "string";
+  o === "string" && n.format === "filename" && (o = "file");
   const r = {
-    id: ae(),
+    id: se(),
     key: a,
     title: typeof n.title == "string" ? n.title : void 0,
-    type: d,
+    type: o,
     description: typeof n.description == "string" ? n.description : void 0,
     required: i.includes(a)
   };
-  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(
+  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 = te(
     { item: n.items },
     []
-  ).find((m) => m.key === "item")), n.properties && typeof n.properties == "object" && (r.children = Y(
+  ).find((m) => m.key === "item")), n.properties && typeof n.properties == "object" && (r.children = te(
     n.properties,
     Array.isArray(n.required) ? n.required : []
   )), r;
-}) : [], gt = ({
+}) : [], bt = ({
   schema: t,
   onChange: i,
   includeMetadata: a = !0
 }) => {
-  const { properties: l, metadata: n } = Te(
-    () => pt(t),
+  const { properties: l, metadata: n } = Le(
+    () => xt(t),
     [t]
-  ), d = l, r = n || {
+  ), o = l, r = n || {
     title: "",
     description: "",
     version: ""
-  }, m = E(() => ({
-    id: ae(),
+  }, m = P(() => ({
+    id: se(),
     key: "",
     type: "string",
     required: !1
-  }), []), k = E(
-    (v, j) => {
-      const q = d.some((p) => p.id === v);
-      let S;
-      q ? S = d.map((p) => p.id === v ? j : p) : S = [...d, j];
-      const x = M(
-        S,
+  }), []), D = P(
+    (y, d) => {
+      const k = o.some((f) => f.id === y);
+      let E;
+      k ? E = o.map((f) => f.id === y ? d : f) : E = [...o, d];
+      const R = $(
+        E,
         r,
         a
       );
-      i(x);
+      i(R);
     },
-    [d, r, a, i]
-  ), g = E(
-    (v) => {
-      const j = d.filter((S) => S.id !== v), q = M(
-        j,
+    [o, r, a, i]
+  ), p = P(
+    (y) => {
+      const d = o.filter((E) => E.id !== y), k = $(
+        d,
         r,
         a
       );
-      i(q);
+      i(k);
     },
-    [d, r, a, i]
-  ), y = E(() => {
-    const j = M([], { title: "", description: "" }, a);
-    i(j);
-  }, [a, i]), u = E(
-    (v, j) => {
-      const q = { ...r, [v]: j }, S = M(
-        d,
-        q,
+    [o, r, a, i]
+  ), g = P(() => {
+    const d = $([], { title: "", description: "" }, a);
+    i(d);
+  }, [a, i]), u = P(
+    (y, d) => {
+      const k = { ...r, [y]: d }, E = $(
+        o,
+        k,
         a
       );
-      i(S);
+      i(E);
     },
-    [d, r, a, i]
-  ), o = E(async () => {
-    const v = await ut();
-    i(v);
-  }, [i]), f = E(() => {
-    Ce(t, "schema.json");
+    [o, r, a, i]
+  ), b = P(async () => {
+    const y = await gt();
+    i(y);
+  }, [i]), v = P(() => {
+    Se(t, "schema.json");
   }, [t]);
   return {
-    properties: d,
+    properties: o,
     metadata: r,
     addProperty: m,
-    updateProperty: k,
-    deleteProperty: g,
-    clearAll: y,
+    updateProperty: D,
+    deleteProperty: p,
+    clearAll: g,
     updateMetadata: u,
-    importSchema: o,
-    downloadSchema: f
+    importSchema: b,
+    downloadSchema: v
   };
 };
-function vt() {
-  const [t, i] = P("light");
-  return Z(() => {
+function Nt() {
+  const [t, i] = q("light");
+  return ae(() => {
     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(
-    I,
+    S,
     {
       variant: "ghost",
       size: "icon",
@@ -1534,168 +1533,173 @@ function vt() {
         i(l), localStorage.setItem("theme", l), document.documentElement.classList.toggle("dark", l === "dark");
       },
       "data-testid": "button-theme-toggle",
-      children: t === "light" ? /* @__PURE__ */ e(Je, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Ve, { className: "w-4 h-4" })
+      children: t === "light" ? /* @__PURE__ */ e(Ue, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Xe, { className: "w-4 h-4" })
     }
   );
 }
-function St({
+function Rt({
   schema: t,
   onChange: i,
   showMetadata: a = !1,
   showImport: l = !0,
   showClear: n = !0,
-  showOutput: d = !0,
+  showOutput: o = !0,
   showHeader: r = !0,
   className: m = "",
-  showSummary: k = !1,
-  typeLabels: g,
-  propertyLabel: y = { singular: "property", plural: "properties" },
+  showSummary: D = !1,
+  typeLabels: p,
+  propertyLabel: g = { singular: "property", plural: "properties" },
   showRegex: u = !1,
-  keyEditable: o = !1
+  keyEditable: b = !1
 }) {
   const {
-    properties: f,
-    metadata: v,
-    addProperty: j,
-    updateProperty: q,
-    deleteProperty: S,
-    clearAll: x,
-    updateMetadata: p,
-    importSchema: z
-  } = gt({
+    properties: v,
+    metadata: y,
+    addProperty: d,
+    updateProperty: k,
+    deleteProperty: E,
+    clearAll: R,
+    updateMetadata: f,
+    importSchema: O
+  } = bt({
     schema: t,
     onChange: i,
     includeMetadata: a
-  }), c = ie({
-    createInitialData: () => j(),
-    onConfirm: (T) => {
-      q(T.id, T);
+  }), C = re({
+    createInitialData: () => d(),
+    onConfirm: (c) => {
+      k(c.id, c);
     }
-  }), O = () => {
-    x();
-  }, J = async () => {
-    await z();
+  }), H = () => {
+    R();
+  }, _ = async () => {
+    await O();
   };
-  return /* @__PURE__ */ e(nt, { customLabels: g, children: /* @__PURE__ */ s("div", { className: `${m} 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: [
-      l && /* @__PURE__ */ e(
-        I,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: J,
-          "data-testid": "button-import",
-          children: /* @__PURE__ */ e(He, { className: "w-4 h-4" })
-        }
-      ),
-      n && /* @__PURE__ */ e(
-        I,
-        {
-          variant: "outline",
-          size: "sm",
-          onClick: O,
-          disabled: f.length === 0,
-          "data-testid": "button-clear",
-          children: /* @__PURE__ */ e(me, { className: "w-4 h-4" })
-        }
-      ),
-      /* @__PURE__ */ e(vt, {})
-    ] }) }),
-    /* @__PURE__ */ s("div", { className: "flex-1 flex overflow-hidden", children: [
-      /* @__PURE__ */ e("div", { className: d ? "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(
-            ft,
+  return /* @__PURE__ */ e(
+    ot,
+    {
+      config: {
+        typeLabels: p,
+        propertyLabel: g,
+        showRegex: u,
+        keyEditable: b
+      },
+      children: /* @__PURE__ */ s("div", { className: `${m} 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: [
+          l && /* @__PURE__ */ e(
+            S,
             {
-              title: v.title,
-              description: v.description,
-              version: v.version,
-              onUpdate: (T, R) => p(T, R)
+              variant: "outline",
+              size: "sm",
+              onClick: _,
+              "data-testid": "button-import",
+              children: /* @__PURE__ */ e(Ge, { className: "w-4 h-4" })
             }
           ),
-          f.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 ",
-              y.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",
-              " ",
-              y.singular
+          n && /* @__PURE__ */ e(
+            S,
+            {
+              variant: "outline",
+              size: "sm",
+              onClick: H,
+              disabled: v.length === 0,
+              "data-testid": "button-clear",
+              children: /* @__PURE__ */ e(fe, { className: "w-4 h-4" })
+            }
+          ),
+          /* @__PURE__ */ e(Nt, {})
+        ] }) }),
+        /* @__PURE__ */ s("div", { className: "flex-1 flex overflow-hidden", children: [
+          /* @__PURE__ */ e("div", { className: o ? "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(
+                vt,
+                {
+                  title: y.title,
+                  description: y.description,
+                  version: y.version,
+                  onUpdate: (c, j) => f(c, j)
+                }
+              ),
+              v.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 ",
+                  g.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",
+                  " ",
+                  g.singular
+                ] }),
+                /* @__PURE__ */ s(
+                  S,
+                  {
+                    onClick: () => C.open(),
+                    "data-testid": "button-add-first",
+                    children: [
+                      /* @__PURE__ */ e(B, { className: "w-4 h-4 mr-2" }),
+                      "Add ",
+                      g.singular
+                    ]
+                  }
+                )
+              ] }) : /* @__PURE__ */ s(me, { children: [
+                /* @__PURE__ */ e("div", { className: "space-y-1", children: v.map((c) => /* @__PURE__ */ e(
+                  Z,
+                  {
+                    property: c,
+                    onUpdate: (j) => k(c.id, j),
+                    onDelete: () => E(c.id)
+                  },
+                  c.id
+                )) }),
+                D && /* @__PURE__ */ s("div", { className: "pt-4 border-t flex items-center justify-between text-sm text-muted-foreground", children: [
+                  /* @__PURE__ */ s("span", { children: [
+                    v.length,
+                    " ",
+                    v.length === 1 ? g.singular : g.plural
+                  ] }),
+                  /* @__PURE__ */ s("span", { children: [
+                    v.filter((c) => c.required).length,
+                    " required"
+                  ] })
+                ] })
+              ] })
             ] }),
-            /* @__PURE__ */ s(
-              I,
+            v.length > 0 && /* @__PURE__ */ e("div", { className: "border-t p-2 pt-4 bg-background", children: /* @__PURE__ */ s(
+              S,
               {
-                onClick: () => c.open(),
-                "data-testid": "button-add-first",
+                onClick: () => C.open(),
+                className: "w-full",
+                variant: "outline",
+                "data-testid": "button-add-property",
                 children: [
-                  /* @__PURE__ */ e(B, { className: "w-4 h-4 mr-2" }),
+                  /* @__PURE__ */ e(B, { className: "w-4 h-4" }),
                   "Add ",
-                  y.singular
+                  g.singular
                 ]
               }
-            )
-          ] }) : /* @__PURE__ */ s(de, { children: [
-            /* @__PURE__ */ e("div", { className: "space-y-1", children: f.map((T) => /* @__PURE__ */ e(
-              Q,
-              {
-                property: T,
-                onUpdate: (R) => q(T.id, R),
-                onDelete: () => S(T.id),
-                showRegex: u,
-                keyEditable: o
-              },
-              T.id
-            )) }),
-            k && /* @__PURE__ */ s("div", { className: "pt-4 border-t flex items-center justify-between text-sm text-muted-foreground", children: [
-              /* @__PURE__ */ s("span", { children: [
-                f.length,
-                " ",
-                f.length === 1 ? y.singular : y.plural
-              ] }),
-              /* @__PURE__ */ s("span", { children: [
-                f.filter((T) => T.required).length,
-                " required"
-              ] })
-            ] })
-          ] })
+            ) })
+          ] }) }),
+          o && /* @__PURE__ */ e("div", { className: "w-2/5", children: /* @__PURE__ */ e(yt, { schema: t }) })
         ] }),
-        f.length > 0 && /* @__PURE__ */ e("div", { className: "border-t p-2 pt-4 bg-background", children: /* @__PURE__ */ s(
-          I,
+        C.isOpen && C.data && /* @__PURE__ */ e(
+          Y,
           {
-            onClick: () => c.open(),
-            className: "w-full",
-            variant: "outline",
-            "data-testid": "button-add-property",
-            children: [
-              /* @__PURE__ */ e(B, { className: "w-4 h-4" }),
-              "Add ",
-              y.singular
-            ]
+            property: C.data,
+            open: C.isOpen,
+            isNewProperty: !0,
+            onOpenChange: C.setIsOpen,
+            onSave: C.confirm
           }
-        ) })
-      ] }) }),
-      d && /* @__PURE__ */ e("div", { className: "w-2/5", children: /* @__PURE__ */ e(ht, { schema: t }) })
-    ] }),
-    c.isOpen && c.data && /* @__PURE__ */ e(
-      G,
-      {
-        property: c.data,
-        open: c.isOpen,
-        isNewProperty: !0,
-        onOpenChange: c.setIsOpen,
-        propertyLabel: y,
-        onSave: c.confirm,
-        showRegex: u,
-        keyEditable: o
-      }
-    )
-  ] }) });
+        )
+      ] })
+    }
+  );
 }
 export {
-  St as JsonSchemaBuilder,
-  G as PropertyEditDialog
+  Rt as JsonSchemaBuilder,
+  Y as PropertyEditDialog
 };
-//# sourceMappingURL=index.js.map