json-schema-builder-react 1.0.1 → 1.0.2

package/dist-lib/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),be=require("@radix-ui/react-slot"),le=require("class-variance-authority"),Ne=require("clsx"),we=require("tailwind-merge"),f=require("lucide-react"),Ce=require("@radix-ui/react-tooltip"),ke=require("@radix-ui/react-select"),Se=require("@radix-ui/react-dialog"),Ie=require("@radix-ui/react-label"),Te=require("@radix-ui/react-checkbox");function z(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(a,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return a.default=t,Object.freeze(a)}const v=z(y),F=z(Ce),w=z(ke),P=z(Se),de=z(Ie),X=z(Te);function x(...t){return we.twMerge(Ne.clsx(t))}const De=le.cva("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 hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-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"}},defaultVariants:{variant:"default",size:"default"}}),T=v.forwardRef(({className:t,variant:a,size:s,asChild:n=!1,...i},r)=>{const l=n?be.Slot:"button";return e.jsx(l,{className:x(De({variant:a,size:s,className:t})),ref:r,...i})});T.displayName="Button";const q=v.forwardRef(({className:t,type:a,...s},n)=>e.jsx("input",{type:a,className:x("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:n,...s}));q.displayName="Input";const qe=F.Provider,Re=F.Root,Ee=F.Trigger,oe=v.forwardRef(({className:t,sideOffset:a=4,...s},n)=>e.jsx(F.Portal,{children:e.jsx(F.Content,{ref:n,sideOffset:a,className:x("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),...s})}));oe.displayName=F.Content.displayName;const G=w.Root,Q=w.Value,J=v.forwardRef(({className:t,children:a,...s},n)=>e.jsxs(w.Trigger,{ref:n,className:x("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),...s,children:[a,e.jsx(w.Icon,{asChild:!0,children:e.jsx(f.ChevronDown,{className:"h-4 w-4 opacity-50"})})]}));J.displayName=w.Trigger.displayName;const ce=v.forwardRef(({className:t,...a},s)=>e.jsx(w.ScrollUpButton,{ref:s,className:x("flex cursor-default items-center justify-center py-1",t),...a,children:e.jsx(f.ChevronUp,{className:"h-4 w-4"})}));ce.displayName=w.ScrollUpButton.displayName;const me=v.forwardRef(({className:t,...a},s)=>e.jsx(w.ScrollDownButton,{ref:s,className:x("flex cursor-default items-center justify-center py-1",t),...a,children:e.jsx(f.ChevronDown,{className:"h-4 w-4"})}));me.displayName=w.ScrollDownButton.displayName;const V=v.forwardRef(({className:t,children:a,position:s="popper",...n},i)=>e.jsx(w.Portal,{children:e.jsxs(w.Content,{ref:i,className:x("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]",s==="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),position:s,...n,children:[e.jsx(ce,{}),e.jsx(w.Viewport,{className:x("p-1",s==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:a}),e.jsx(me,{})]})}));V.displayName=w.Content.displayName;const Pe=v.forwardRef(({className:t,...a},s)=>e.jsx(w.Label,{ref:s,className:x("px-2 py-1.5 text-sm font-semibold",t),...a}));Pe.displayName=w.Label.displayName;const I=v.forwardRef(({className:t,children:a,...s},n)=>e.jsxs(w.Item,{ref:n,className:x("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),...s,children:[e.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:e.jsx(w.ItemIndicator,{children:e.jsx(f.Check,{className:"h-4 w-4"})})}),e.jsx(w.ItemText,{children:a})]}));I.displayName=w.Item.displayName;const Le=v.forwardRef(({className:t,...a},s)=>e.jsx(w.Separator,{ref:s,className:x("-mx-1 my-1 h-px bg-muted",t),...a}));Le.displayName=w.Separator.displayName;const Oe=P.Root,Fe=P.Portal,ue=v.forwardRef(({className:t,...a},s)=>e.jsx(P.Overlay,{ref:s,className:x("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),...a}));ue.displayName=P.Overlay.displayName;const he=v.forwardRef(({className:t,children:a,...s},n)=>e.jsxs(Fe,{children:[e.jsx(ue,{}),e.jsxs(P.Content,{ref:n,className:x("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),...s,children:[a,e.jsxs(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:[e.jsx(f.X,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));he.displayName=P.Content.displayName;const xe=({className:t,...a})=>e.jsx("div",{className:x("flex flex-col space-y-1.5 text-center sm:text-left",t),...a});xe.displayName="DialogHeader";const fe=({className:t,...a})=>e.jsx("div",{className:x("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a});fe.displayName="DialogFooter";const pe=v.forwardRef(({className:t,...a},s)=>e.jsx(P.Title,{ref:s,className:x("text-lg font-semibold leading-none tracking-tight",t),...a}));pe.displayName=P.Title.displayName;const ze=v.forwardRef(({className:t,...a},s)=>e.jsx(P.Description,{ref:s,className:x("text-sm text-muted-foreground",t),...a}));ze.displayName=P.Description.displayName;const Be=le.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),N=v.forwardRef(({className:t,...a},s)=>e.jsx(de.Root,{ref:s,className:x(Be(),t),...a}));N.displayName=de.Root.displayName;const W=v.forwardRef(({className:t,...a},s)=>e.jsx(X.Root,{ref:s,className:x("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),...a,children:e.jsx(X.Indicator,{className:x("grid place-content-center text-current"),children:e.jsx(f.Check,{className:"h-4 w-4"})})}));W.displayName=X.Root.displayName;const se=v.forwardRef(({className:t,...a},s)=>e.jsx("textarea",{className:x("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:s,...a}));se.displayName="Textarea";const Ae=t=>t.trim().toLowerCase().replace(/[^\w\s]/g,"").replace(/\s+/g,"_"),Me=(t,a,s=!1,n=!1)=>{const i=(u,g)=>{a({...t,[u]:g})};return{handleTitleChange:u=>{i("title",u)},handleTitleBlur:()=>{if(s&&t.title){const u=Ae(t.title);i("key",u)}},handleKeyChange:u=>{(s||n)&&i("key",u)},handleFieldChange:i,handleConstraintChange:(u,g)=>{a({...t,[u]:g})}}},Y={string:"String",number:"Number",integer:"Integer",boolean:"Boolean",object:"Object",array:"Array",null:"Null",file:"File"},M={getTypeLabel:t=>Y[t],typeLabels:Y,propertyLabel:{singular:"property",plural:"properties"},showRegex:!1,keyEditable:!1,readonly:!1},ge=y.createContext(M);function _e({children:t,config:a={}}){const s={...Y,...a.typeLabels},n=a.propertyLabel||M.propertyLabel,i=a.showRegex??M.showRegex,r=a.keyEditable??M.keyEditable,l=a.readonly??M.readonly,o=C=>s[C]||C;return e.jsx(ge.Provider,{value:{getTypeLabel:o,typeLabels:s,propertyLabel:n,showRegex:i,keyEditable:r,readonly:l},children:t})}function je(){return y.useContext(ge)}function H({property:t,open:a,onOpenChange:s,onSave:n,isArrayItem:i=!1,isNewProperty:r=!1,propertyLabel:l,showRegex:o,keyEditable:C,typeLabels:u}){const g=je(),h=u||g.typeLabels,j=l||g.propertyLabel,b=o??g.showRegex,c=C??g.keyEditable,[d,k]=y.useState(t);y.useEffect(()=>{a&&k(t)},[t,a]);const{handleTitleChange:E,handleTitleBlur:O,handleKeyChange:D,handleFieldChange:p,handleConstraintChange:R}=Me(d,k,r,c),L=()=>{d.title?.trim()&&(n(d),s(!1))},U=()=>{k(t),s(!1)};return e.jsx(Oe,{open:a,onOpenChange:s,children:e.jsxs(he,{className:"max-w-2xl max-h-[80vh] flex flex-col gap-0 p-0","data-testid":"dialog-edit-property",children:[e.jsx(xe,{className:"px-6 pt-6 pb-4 shrink-0",children:e.jsx(pe,{children:r?`Add ${j.singular}`:`Edit ${j.singular}`})}),e.jsxs("div",{className:"space-y-6 px-6 pb-4 overflow-y-auto flex-1 min-h-0",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(N,{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-red-500"}),"Type"]}),e.jsxs(G,{value:d.type,onValueChange:m=>p("type",m),"data-testid":"select-type-dialog",children:[e.jsx(J,{children:e.jsx(Q,{})}),e.jsxs(V,{children:[e.jsx(I,{value:"string",children:h.string}),e.jsx(I,{value:"number",children:h.number}),e.jsx(I,{value:"integer",children:h.integer}),e.jsx(I,{value:"boolean",children:h.boolean}),e.jsx(I,{value:"object",children:h.object}),e.jsx(I,{value:"array",children:h.array}),e.jsx(I,{value:"file",children:h.file}),e.jsx(I,{value:"null",children:h.null})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(N,{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-red-500"}),"Title"]}),e.jsx(q,{value:d.title||"",onChange:m=>E(m.target.value),onBlur:O,placeholder:"Property Title","data-testid":"input-title-dialog",required:!0}),!r&&d.key&&e.jsxs("p",{className:"text-xs text-muted-foreground font-mono",children:["Key: ",d.key]})]}),(r||c)&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Key"}),e.jsx(q,{value:d.key,onChange:m=>D(m.target.value),placeholder:"property_key","data-testid":"input-key-dialog"}),!r&&e.jsx("p",{className:"text-xs text-yellow-600 dark:text-yellow-500",children:"⚠️ Changing the key may break existing references to this property"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Description"}),e.jsx(se,{placeholder:"Optional description",value:d.description||"",onChange:m=>p("description",m.target.value),rows:2,"data-testid":"input-edit-description"})]}),d.type==="array"&&e.jsxs("div",{className:"space-y-2 border-l-2 border-border pl-4 mt-2",children:[e.jsxs(N,{className:"font-semibold text-xs text-muted-foreground",children:[h.array," Items"]}),d.items?e.jsxs("div",{className:"bg-muted/40 p-2 rounded",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Item Type"}),e.jsxs(G,{value:d.items.type,onValueChange:m=>k({...d,items:{...d.items,type:m}}),children:[e.jsx(J,{children:e.jsx(Q,{})}),e.jsxs(V,{children:[e.jsx(I,{value:"string",children:h.string}),e.jsx(I,{value:"number",children:h.number}),e.jsx(I,{value:"integer",children:h.integer}),e.jsx(I,{value:"boolean",children:h.boolean}),e.jsx(I,{value:"object",children:h.object}),e.jsx(I,{value:"array",children:h.array}),e.jsx(I,{value:"file",children:h.file}),e.jsx(I,{value:"null",children:h.null})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Item Title"}),e.jsx(q,{value:d.items.title||"",onChange:m=>k({...d,items:{...d.items,title:m.target.value}}),placeholder:"Item Title"})]}),e.jsxs(T,{variant:"ghost",size:"sm",className:"mt-2",onClick:()=>k({...d,items:void 0}),children:["Remove ",h.array," Item Schema"]})]}):e.jsxs(T,{variant:"outline",size:"sm",onClick:()=>{k({...d,items:{id:Date.now().toString()+Math.random(),key:"item",type:"string",required:!1}})},children:["Add ",h.array," Item Schema"]})]}),!i&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(W,{id:"prop-required",checked:d.required,onCheckedChange:m=>p("required",m),"data-testid":"checkbox-edit-required"}),e.jsx(N,{htmlFor:"prop-required",className:"cursor-pointer",children:"Required field"})]}),d.type==="string"&&e.jsxs("details",{className:"border rounded-md",children:[e.jsx("summary",{className:"p-4 cursor-pointer hover:bg-accent/50 transition-colors",children:e.jsxs("h4",{className:"text-sm font-medium inline",children:[h.string," Constraints"]})}),e.jsxs("div",{className:"space-y-4 p-4 pt-0",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"min-length",children:"Minimum Length"}),e.jsx(q,{id:"min-length",type:"number",placeholder:"0",value:d.minLength||"",onChange:m=>R("minLength",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-minlength"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"max-length",children:"Maximum Length"}),e.jsx(q,{id:"max-length",type:"number",placeholder:"∞",value:d.maxLength||"",onChange:m=>R("maxLength",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-maxlength"})]})]}),b&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"pattern",children:"Pattern (regex)"}),e.jsx(q,{id:"pattern",placeholder:"^[a-z]+$",value:d.pattern||"",onChange:m=>R("pattern",m.target.value),className:"font-mono text-sm","data-testid":"input-edit-pattern"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Enum Values"}),e.jsx("div",{className:"space-y-2",children:[...d.enum||[],""].map((m,S)=>e.jsx(q,{placeholder:S===(d.enum?.length||0)?"Add new value...":"Enum value",value:m,onChange:B=>{const _=B.target.value,$=d.enum||[];if(S===$.length)_.trim()&&R("enum",[...$,_.trim()]);else if(_.trim()){const A=[...$];A[S]=_.trim(),R("enum",A)}else{const A=$.filter((st,ve)=>ve!==S);R("enum",A.length>0?A:void 0)}},"data-testid":`input-edit-enum-${S}`},S))}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Enter allowed values (empty fields will be removed)"})]})]})]}),(d.type==="number"||d.type==="integer")&&e.jsxs("details",{className:"border rounded-md",children:[e.jsx("summary",{className:"p-4 cursor-pointer hover:bg-accent/50 transition-colors",children:e.jsx("h4",{className:"text-sm font-medium inline",children:"Numeric Constraints"})}),e.jsx("div",{className:"space-y-4 p-4 pt-0",children:e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"minimum",children:"Minimum Value"}),e.jsx(q,{id:"minimum",type:"number",placeholder:"-∞",value:d.minimum??"",onChange:m=>R("minimum",m.target.value?parseFloat(m.target.value):void 0),"data-testid":"input-edit-minimum"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"maximum",children:"Maximum Value"}),e.jsx(q,{id:"maximum",type:"number",placeholder:"∞",value:d.maximum??"",onChange:m=>R("maximum",m.target.value?parseFloat(m.target.value):void 0),"data-testid":"input-edit-maximum"})]})]})})]}),d.type==="array"&&e.jsxs("details",{className:"border rounded-md",children:[e.jsx("summary",{className:"p-4 cursor-pointer hover:bg-accent/50 transition-colors",children:e.jsxs("h4",{className:"text-sm font-medium inline",children:[h.array," Constraints"]})}),e.jsxs("div",{className:"space-y-4 p-4 pt-0",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"min-items",children:"Minimum Items"}),e.jsx(q,{id:"min-items",type:"number",placeholder:"0",value:d.minItems||"",onChange:m=>R("minItems",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-minitems"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"max-items",children:"Maximum Items"}),e.jsx(q,{id:"max-items",type:"number",placeholder:"∞",value:d.maxItems||"",onChange:m=>R("maxItems",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-maxitems"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(W,{id:"unique-items",checked:d.uniqueItems||!1,onCheckedChange:m=>R("uniqueItems",m),"data-testid":"checkbox-edit-unique"}),e.jsx(N,{htmlFor:"unique-items",className:"cursor-pointer",children:"All items must be unique"})]})]})]})]}),e.jsxs(fe,{className:"px-6 py-4 border-t bg-background shrink-0",children:[e.jsx(T,{variant:"outline",onClick:U,"data-testid":"button-cancel",children:"Cancel"}),e.jsx(T,{onClick:L,"data-testid":"button-save",disabled:!d.title?.trim(),children:"Save Changes"})]})]})})}function re(t,a,s={}){const{allowEmpty:n=!1,onEditStart:i,onEditCancel:r}=s,[l,o]=y.useState(!1),[C,u]=y.useState(t);y.useEffect(()=>{l||u(t)},[t,l]);const g=()=>{u(t),o(!0),i?.()},h=c=>{u(c)},j=()=>{const c=C.trim();if(!n&&!c){u(t),o(!1);return}c!==t&&a(c),o(!1)};return{isEditing:l,value:C,startEdit:g,handleChange:h,handleBlur:j,handleKeyDown:c=>{c.key==="Enter"?j():c.key==="Escape"&&(u(t),o(!1),r?.())}}}function $e(t,a){const[s,n]=y.useState(!1);return{isChangingType:s,setIsChangingType:n,handleTypeChange:l=>{const o={...t,type:l};l!=="string"&&(delete o.minLength,delete o.maxLength,delete o.pattern,delete o.enum),l!=="number"&&l!=="integer"&&(delete o.minimum,delete o.maximum),l!=="array"&&(delete o.minItems,delete o.maxItems,delete o.uniqueItems,delete o.items),l!=="object"&&delete o.children,a(o),n(!1)},availableTypes:["string","number","integer","boolean","object","array","file"]}}const ae=()=>`${Date.now()}-${Math.random()}`;function ie(t={}){const{onConfirm:a,onCancel:s,createInitialData:n}=t,[i,r]=y.useState(!1),[l,o]=y.useState(null),C=j=>{const b=j??(n?n():null);o(b),r(!0)},u=()=>{r(!1),o(null),s?.()};return{isOpen:i,data:l,open:C,close:u,confirm:j=>{a?.(j),r(!1),o(null)},setIsOpen:j=>{j?r(!0):u()}}}function Ke(t,a){const s=ie({createInitialData:()=>({id:ae(),key:"",type:"string",required:!1}),onConfirm:r=>{a({...t,children:[...t.children||[],r]})}});return{addChild:()=>s.open(),updateChild:(r,l)=>{const o=t.children.map(C=>C.id===r?l:C);a({...t,children:o})},deleteChild:r=>{const l=t.children.filter(o=>o.id!==r);a({...t,children:l})},addChildDialog:{isOpen:s.isOpen,data:s.data,setIsOpen:s.setIsOpen,confirm:s.confirm}}}function Z({property:t,onUpdate:a,onDelete:s,level:n=1,isArrayItem:i=!1}){const{getTypeLabel:r,typeLabels:l,showRegex:o,keyEditable:C,readonly:u}=je(),g=ie(),h=re(t.title||t.key||"",p=>a({...t,title:p}),{allowEmpty:!1}),j=re(t.description||"",p=>a({...t,description:p||void 0}),{allowEmpty:!0}),b=$e(t,a),c=Ke(t,a),d=`h${Math.min(n,6)}`,k=t.type==="object",E=k&&t.children&&t.children.length>0,O={1:"text-lg font-semibold",2:"text-base",3:"text-base",4:"text-base",5:"text-sm",6:"text-sm"}[n]||"text-sm",D={1:"h-5 w-5",2:"h-4 w-4",3:"h-4 w-4",4:"h-4 w-4",5:"h-4 w-4",6:"h-4 w-4"}[n]||"h-5 w-5";return e.jsxs("div",{className:"group",children:[e.jsxs("div",{className:"flex gap-4 items-center rounded-md -mx-2 px-2 py-1 transition-colors hover:bg-accent/50",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:"flex items-start gap-3",children:[!i&&e.jsx("button",{onClick:()=>!u&&a({...t,required:!t.required}),className:u?"shrink-0 -mt-[3px] cursor-default":"shrink-0 transition-all hover:scale-110 -mt-[3px]",title:u?t.required?"Required field":"Optional field":t.required?"Required field - click to make optional":"Optional field - click to make required",children:t.required?e.jsx(f.Asterisk,{className:"w-6 h-6 text-primary"}):e.jsx(f.Asterisk,{className:"w-6 h-6 text-border"})}),h.isEditing?e.jsx(q,{value:h.value,onChange:p=>h.handleChange(p.target.value),onBlur:h.handleBlur,onKeyDown:h.handleKeyDown,autoFocus:!0,className:O,placeholder:"Enter title"}):e.jsxs("div",{className:"flex gap-2 flex-wrap flex-1",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(d,{className:u?`${O} leading-none`:`${O} cursor-pointer hover:text-primary transition-colors leading-none`,onClick:u?void 0:h.startEdit,children:t.title||t.key||e.jsx("span",{className:"text-muted-foreground italic",children:"unnamed"})}),b.isChangingType?e.jsxs(G,{value:t.type,onValueChange:p=>b.handleTypeChange(p),open:b.isChangingType,onOpenChange:b.setIsChangingType,children:[e.jsx(J,{className:"w-[140px] h-7",children:e.jsx(Q,{})}),e.jsx(V,{children:b.availableTypes.map(p=>e.jsx(I,{value:p,children:l[p]},p))})]}):e.jsx(qe,{children:e.jsxs(Re,{children:[e.jsx(Ee,{asChild:!0,children:e.jsxs("button",{onClick:()=>!u&&b.setIsChangingType(!0),className:u?"rounded p-0.5 -mt-0.5 cursor-default":"cursor-pointer hover:bg-accent rounded p-0.5 -mt-0.5 transition-colors",children:[t.type==="string"&&e.jsx(f.Type,{className:x(D,"text-muted-foreground")}),t.type==="number"&&e.jsx(f.Hash,{className:x(D,"text-muted-foreground")}),t.type==="integer"&&e.jsx(f.Hash,{className:x(D,"text-muted-foreground")}),t.type==="boolean"&&e.jsx(f.CheckSquare,{className:x(D,"text-muted-foreground")}),t.type==="object"&&e.jsx(f.Braces,{className:x(D,"text-muted-foreground")}),t.type==="array"&&e.jsx(f.List,{className:x(D,"text-muted-foreground")}),t.type==="file"&&e.jsx(f.FileText,{className:x(D,"text-muted-foreground")})]})}),e.jsxs(oe,{children:[r(t.type),t.type==="array"&&t.items?` of ${r(t.items.type)}`:"",!u&&e.jsx("div",{className:"text-xs text-muted-foreground mt-1",children:"Click to change type"})]})]})}),t.type==="object"&&!u&&e.jsx(T,{variant:"ghost",size:"icon",className:"h-4 w-4",onClick:c.addChild,"data-testid":`button-add-child-${t.id}`,children:e.jsx(f.Plus,{})})]}),e.jsx("div",{className:"flex-1",children:j.isEditing?e.jsx(q,{value:j.value,onChange:p=>j.handleChange(p.target.value),onBlur:j.handleBlur,onKeyDown:j.handleKeyDown,autoFocus:!0,className:"text-sm flex-1",placeholder:"Enter description"}):e.jsx(e.Fragment,{children:t.description?e.jsx("p",{className:u?"text-sm text-muted-foreground flex-1 min-w-[200px]":"text-sm text-muted-foreground flex-1 min-w-[200px] cursor-pointer hover:text-foreground transition-colors","data-testid":`text-description-${t.id}`,onClick:u?void 0:j.startEdit,children:t.description}):!u&&e.jsx("p",{className:"text-sm text-muted-foreground/50 flex-1 min-w-[200px] cursor-pointer hover:text-muted-foreground italic transition-colors",onClick:j.startEdit,children:"Add description..."})})})]})]})}),!u&&e.jsxs("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",children:[e.jsx(T,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>g.open(t),"data-testid":`button-edit-${t.id}`,children:e.jsx(f.Pencil,{className:"w-3 h-3"})}),k&&t.type!=="object"&&e.jsx(T,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:c.addChild,"data-testid":`button-add-child-${t.id}`,children:e.jsx(f.Plus,{className:"w-3 h-3"})}),e.jsx(T,{variant:"ghost",size:"icon",className:"h-7 w-7 text-muted-foreground hover:text-destructive",onClick:s,"data-testid":`button-delete-${t.id}`,children:e.jsx(f.Trash2,{className:"w-3 h-3"})})]})]}),E&&e.jsx("div",{className:n===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=>e.jsx(Z,{property:p,onUpdate:R=>c.updateChild(p.id,R),onDelete:()=>c.deleteChild(p.id),level:n+1},p.id))}),t.type==="array"&&t.items&&e.jsxs("div",{className:n===1?"ml-6 mt-1 border-l-2 border-border pl-6":"ml-4 mt-1 border-l border-border pl-4",children:[e.jsxs("div",{className:"mb-2 text-xs text-muted-foreground font-semibold uppercase",children:[r("array")," Items"]}),e.jsx(Z,{property:t.items,onUpdate:p=>a({...t,items:p}),onDelete:()=>a({...t,items:void 0}),level:n+1,isArrayItem:!0})]}),e.jsx(H,{property:g.data||t,open:g.isOpen,onOpenChange:g.setIsOpen,onSave:p=>{a(p),g.close()},isArrayItem:i,isNewProperty:!1}),c.addChildDialog.isOpen&&c.addChildDialog.data&&e.jsx(H,{property:c.addChildDialog.data,open:c.addChildDialog.isOpen,isNewProperty:!0,onOpenChange:c.addChildDialog.setIsOpen,onSave:c.addChildDialog.confirm})]})}const ne=v.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("rounded-xl border bg-card text-card-foreground",t),...a}));ne.displayName="Card";const Je=v.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("flex flex-col space-y-1.5 p-6",t),...a}));Je.displayName="CardHeader";const Ve=v.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("font-semibold leading-none tracking-tight",t),...a}));Ve.displayName="CardTitle";const He=v.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("text-sm text-muted-foreground",t),...a}));He.displayName="CardDescription";const Ue=v.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("p-6 pt-0",t),...a}));Ue.displayName="CardContent";const Xe=v.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("flex items-center p-6 pt-0",t),...a}));Xe.displayName="CardFooter";const Ge=()=>new Promise((t,a)=>{const s=document.createElement("input");s.type="file",s.accept=".json",s.onchange=n=>{const i=n.target.files?.[0];if(!i){a(new Error("No file selected"));return}const r=new FileReader;r.onload=l=>{try{const o=JSON.parse(l.target?.result);t(o)}catch{a(new Error("Invalid JSON file"))}},r.onerror=()=>a(new Error("Failed to read file")),r.readAsText(i)},s.click()}),ye=(t,a="schema.json")=>{const s=JSON.stringify(t,null,2),n=new Blob([s],{type:"application/json"}),i=URL.createObjectURL(n),r=document.createElement("a");r.href=i,r.download=a,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(i)};function Qe({schema:t}){const[a,s]=y.useState(!1),n=JSON.stringify(t,null,2),i=async()=>{await navigator.clipboard.writeText(n),s(!0),setTimeout(()=>s(!1),2e3)},r=()=>{ye(t,"schema.json")};return e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 border-b",children:[e.jsx("h2",{className:"text-sm font-medium",children:"JSON Schema Output"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(T,{variant:"outline",size:"sm",onClick:i,"data-testid":"button-copy",children:a?e.jsx(f.CheckCircle2,{className:"w-4 h-4"}):e.jsx(f.Copy,{className:"w-4 h-4"})}),e.jsx(T,{variant:"outline",size:"sm",onClick:r,"data-testid":"button-download",children:e.jsx(f.Download,{className:"w-4 h-4"})})]})]}),e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsx(ne,{className:"m-4 bg-muted/30",children:e.jsx("pre",{className:"p-6 text-xs font-mono overflow-auto","data-testid":"text-json-output",children:e.jsx("code",{children:n})})})})]})}function We({title:t,description:a,version:s,onUpdate:n,readonly:i=!1}){const[r,l]=y.useState(!1);return e.jsxs(ne,{className:"p-4",children:[e.jsxs(T,{variant:"ghost",onClick:()=>l(!r),className:"w-full justify-between px-2 h-auto hover:bg-transparent","data-testid":"button-toggle-metadata",children:[e.jsx("h3",{className:"text-sm font-medium",children:"Schema Metadata"}),r?e.jsx(f.ChevronDown,{className:"w-4 h-4"}):e.jsx(f.ChevronRight,{className:"w-4 h-4"})]}),r&&e.jsxs("div",{className:"mt-4 space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"schema-title",className:"text-xs text-muted-foreground",children:"Title"}),e.jsx(q,{id:"schema-title",placeholder:"My Schema",value:t,onChange:o=>n("title",o.target.value),"data-testid":"input-title",disabled:i})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"schema-description",className:"text-xs text-muted-foreground",children:"Description"}),e.jsx(se,{id:"schema-description",placeholder:"Describe your schema...",value:a,onChange:o=>n("description",o.target.value),className:"resize-none",rows:3,"data-testid":"input-schema-description",disabled:i})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"schema-version",className:"text-xs text-muted-foreground",children:"Version"}),e.jsx(q,{id:"schema-version",placeholder:"1.0.0",value:s,onChange:o=>n("version",o.target.value),"data-testid":"input-version",disabled:i})]})]})]})}const K=(t,a,s=!0)=>{const n={type:"object"};s&&a&&(a.title&&(n.title=a.title),a.description&&(n.description=a.description));const i=ee(t);Object.keys(i).length>0&&(n.properties=i);const r=t.filter(l=>l.required&&l.key).map(l=>l.key);return r.length>0&&(n.required=r),n},ee=t=>{const a={};return t.forEach(s=>{if(!s.key)return;const i={type:s.type==="file"?"string":s.type};if(s.title&&(i.title=s.title),s.description&&(i.description=s.description),s.type==="file"&&(i.format="filename"),s.type==="string"&&(s.minLength!==void 0&&(i.minLength=s.minLength),s.maxLength!==void 0&&(i.maxLength=s.maxLength),s.pattern&&(i.pattern=s.pattern),s.enum&&s.enum.length>0&&(i.enum=s.enum)),(s.type==="number"||s.type==="integer")&&(s.minimum!==void 0&&(i.minimum=s.minimum),s.maximum!==void 0&&(i.maximum=s.maximum)),s.type==="array"&&(s.minItems!==void 0&&(i.minItems=s.minItems),s.maxItems!==void 0&&(i.maxItems=s.maxItems),s.uniqueItems&&(i.uniqueItems=s.uniqueItems),s.items&&(i.items=ee([s.items])[s.items.key]||{type:s.items.type})),s.type==="object"&&s.children&&s.children.length>0){i.properties=ee(s.children);const r=s.children.filter(l=>l.required&&l.key).map(l=>l.key);r.length>0&&(i.required=r)}a[s.key]=i}),a},Ye=t=>{const a={properties:[]};return(t.title||t.description)&&(a.metadata={title:typeof t.title=="string"?t.title:"",description:typeof t.description=="string"?t.description:"",version:"1.0.0"}),t.properties&&typeof t.properties=="object"&&(a.properties=te(t.properties,Array.isArray(t.required)?t.required:[])),a},te=(t,a=[])=>t?Object.entries(t).filter(([,s])=>typeof s=="object").map(([s,n])=>{const i=n;let r=typeof i.type=="string"?i.type:"string";r==="string"&&i.format==="filename"&&(r="file");const l={id:ae(),key:s,title:typeof i.title=="string"?i.title:void 0,type:r,description:typeof i.description=="string"?i.description:void 0,required:a.includes(s)};return i.minLength!==void 0&&(l.minLength=i.minLength),i.maxLength!==void 0&&(l.maxLength=i.maxLength),i.pattern&&(l.pattern=i.pattern),i.enum&&Array.isArray(i.enum)&&(l.enum=i.enum),i.minimum!==void 0&&(l.minimum=i.minimum),i.maximum!==void 0&&(l.maximum=i.maximum),i.minItems!==void 0&&(l.minItems=i.minItems),i.maxItems!==void 0&&(l.maxItems=i.maxItems),i.uniqueItems&&(l.uniqueItems=i.uniqueItems),l.type==="array"&&i.items&&typeof i.items=="object"&&!Array.isArray(i.items)&&(l.items=te({item:i.items},[]).find(o=>o.key==="item")),i.properties&&typeof i.properties=="object"&&(l.children=te(i.properties,Array.isArray(i.required)?i.required:[])),l}):[],Ze=({schema:t,onChange:a,includeMetadata:s=!0})=>{const{properties:n,metadata:i}=y.useMemo(()=>Ye(t),[t]),r=n,l=i||{title:"",description:"",version:""},o=y.useCallback(()=>({id:ae(),key:"",type:"string",required:!1}),[]),C=y.useCallback((c,d)=>{const k=r.some(D=>D.id===c);let E;k?E=r.map(D=>D.id===c?d:D):E=[...r,d];const O=K(E,l,s);a(O)},[r,l,s,a]),u=y.useCallback(c=>{const d=r.filter(E=>E.id!==c),k=K(d,l,s);a(k)},[r,l,s,a]),g=y.useCallback(()=>{const d=K([],{title:"",description:""},s);a(d)},[s,a]),h=y.useCallback((c,d)=>{const k={...l,[c]:d},E=K(r,k,s);a(E)},[r,l,s,a]),j=y.useCallback(async()=>{const c=await Ge();a(c)},[a]),b=y.useCallback(()=>{ye(t,"schema.json")},[t]);return{properties:r,metadata:l,addProperty:o,updateProperty:C,deleteProperty:u,clearAll:g,updateMetadata:h,importSchema:j,downloadSchema:b}};function et(){const[t,a]=y.useState("light");y.useEffect(()=>{const i=localStorage.getItem("theme")||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");a(i),document.documentElement.classList.toggle("dark",i==="dark")},[]);const s=()=>{const n=t==="light"?"dark":"light";a(n),localStorage.setItem("theme",n),document.documentElement.classList.toggle("dark",n==="dark")};return e.jsx(T,{variant:"ghost",size:"icon",onClick:s,"data-testid":"button-theme-toggle",children:t==="light"?e.jsx(f.Moon,{className:"w-4 h-4"}):e.jsx(f.Sun,{className:"w-4 h-4"})})}function tt({schema:t,onChange:a,showMetadata:s=!1,showImport:n=!0,showClear:i=!0,showOutput:r=!0,showHeader:l=!0,className:o="",showSummary:C=!1,typeLabels:u,propertyLabel:g={singular:"property",plural:"properties"},showRegex:h=!1,keyEditable:j=!1,readonly:b=!1}){const{properties:c,metadata:d,addProperty:k,updateProperty:E,deleteProperty:O,clearAll:D,updateMetadata:p,importSchema:R}=Ze({schema:t,onChange:a??(()=>{}),includeMetadata:s}),L=ie({createInitialData:()=>k(),onConfirm:S=>{E(S.id,S)}}),U=()=>{D()},m=async()=>{await R()};return e.jsx(_e,{config:{typeLabels:u,propertyLabel:g,showRegex:h,keyEditable:j,readonly:b},children:e.jsxs("div",{className:`${o} flex flex-col json-schema-builder-react`,children:[l&&e.jsx("header",{className:"h-16 border-b flex items-center justify-between px-6",children:e.jsxs("div",{className:"flex items-center gap-3",children:[!b&&n&&e.jsx(T,{variant:"outline",size:"sm",onClick:m,"data-testid":"button-import",children:e.jsx(f.Upload,{className:"w-4 h-4"})}),!b&&i&&e.jsx(T,{variant:"outline",size:"sm",onClick:U,disabled:c.length===0,"data-testid":"button-clear",children:e.jsx(f.Trash2,{className:"w-4 h-4"})}),e.jsx(et,{})]})}),e.jsxs("div",{className:"flex-1 flex overflow-hidden",children:[e.jsx("div",{className:r?"w-3/5 border-r":"w-full",children:e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsxs("div",{className:"flex-1 overflow-auto p-2 space-y-4",children:[s&&e.jsx(We,{title:d.title,description:d.description,version:d.version,onUpdate:(S,B)=>p(S,B),readonly:b}),c.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center py-4 text-center",children:[!b&&e.jsx("div",{className:"w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4",children:e.jsx(f.Plus,{className:"w-8 h-8 text-muted-foreground"})}),e.jsxs("h2",{className:"text-lg font-medium mb-2",children:["No ",g.plural," yet"]}),!b&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-sm text-muted-foreground mb-6 max-w-sm",children:["Start building your JSON schema by adding your first"," ",g.singular]}),e.jsxs(T,{onClick:()=>L.open(),"data-testid":"button-add-first",children:[e.jsx(f.Plus,{className:"w-4 h-4 mr-2"}),"Add ",g.singular]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"space-y-1",children:c.map(S=>e.jsx(Z,{property:S,onUpdate:B=>E(S.id,B),onDelete:()=>O(S.id)},S.id))}),C&&e.jsxs("div",{className:"pt-4 border-t flex items-center justify-between text-sm text-muted-foreground",children:[e.jsxs("span",{children:[c.length," ",c.length===1?g.singular:g.plural]}),e.jsxs("span",{children:[c.filter(S=>S.required).length," required"]})]})]})]}),c.length>0&&!b&&e.jsx("div",{className:"border-t p-2 pt-4 bg-background",children:e.jsxs(T,{onClick:()=>L.open(),className:"w-full",variant:"outline","data-testid":"button-add-property",children:[e.jsx(f.Plus,{className:"w-4 h-4"}),"Add ",g.singular]})})]})}),r&&e.jsx("div",{className:"w-2/5",children:e.jsx(Qe,{schema:t})})]}),L.isOpen&&L.data&&e.jsx(H,{property:L.data,open:L.isOpen,isNewProperty:!0,onOpenChange:L.setIsOpen,onSave:L.confirm})]})})}exports.JsonSchemaBuilder=tt;exports.PropertyEditDialog=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),be=require("@radix-ui/react-slot"),le=require("class-variance-authority"),Ne=require("clsx"),we=require("tailwind-merge"),f=require("lucide-react"),Ce=require("@radix-ui/react-tooltip"),ke=require("@radix-ui/react-select"),Se=require("@radix-ui/react-dialog"),Ie=require("@radix-ui/react-label"),Te=require("@radix-ui/react-checkbox");function z(t){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const s in t)if(s!=="default"){const n=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(a,s,n.get?n:{enumerable:!0,get:()=>t[s]})}}return a.default=t,Object.freeze(a)}const y=z(v),F=z(Ce),w=z(ke),P=z(Se),oe=z(Ie),X=z(Te);function x(...t){return we.twMerge(Ne.clsx(t))}const De=le.cva("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 hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-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"}},defaultVariants:{variant:"default",size:"default"}}),T=y.forwardRef(({className:t,variant:a,size:s,asChild:n=!1,...i},r)=>{const l=n?be.Slot:"button";return e.jsx(l,{className:x(De({variant:a,size:s,className:t})),ref:r,...i})});T.displayName="Button";const q=y.forwardRef(({className:t,type:a,...s},n)=>e.jsx("input",{type:a,className:x("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:n,...s}));q.displayName="Input";const qe=F.Provider,Re=F.Root,Ee=F.Trigger,de=y.forwardRef(({className:t,sideOffset:a=4,...s},n)=>e.jsx(F.Portal,{children:e.jsx(F.Content,{ref:n,sideOffset:a,className:x("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),...s})}));de.displayName=F.Content.displayName;const G=w.Root,Q=w.Value,J=y.forwardRef(({className:t,children:a,...s},n)=>e.jsxs(w.Trigger,{ref:n,className:x("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),...s,children:[a,e.jsx(w.Icon,{asChild:!0,children:e.jsx(f.ChevronDown,{className:"h-4 w-4 opacity-50"})})]}));J.displayName=w.Trigger.displayName;const ce=y.forwardRef(({className:t,...a},s)=>e.jsx(w.ScrollUpButton,{ref:s,className:x("flex cursor-default items-center justify-center py-1",t),...a,children:e.jsx(f.ChevronUp,{className:"h-4 w-4"})}));ce.displayName=w.ScrollUpButton.displayName;const me=y.forwardRef(({className:t,...a},s)=>e.jsx(w.ScrollDownButton,{ref:s,className:x("flex cursor-default items-center justify-center py-1",t),...a,children:e.jsx(f.ChevronDown,{className:"h-4 w-4"})}));me.displayName=w.ScrollDownButton.displayName;const V=y.forwardRef(({className:t,children:a,position:s="popper",...n},i)=>e.jsx(w.Portal,{children:e.jsxs(w.Content,{ref:i,className:x("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]",s==="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),position:s,...n,children:[e.jsx(ce,{}),e.jsx(w.Viewport,{className:x("p-1",s==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"),children:a}),e.jsx(me,{})]})}));V.displayName=w.Content.displayName;const Pe=y.forwardRef(({className:t,...a},s)=>e.jsx(w.Label,{ref:s,className:x("px-2 py-1.5 text-sm font-semibold",t),...a}));Pe.displayName=w.Label.displayName;const I=y.forwardRef(({className:t,children:a,...s},n)=>e.jsxs(w.Item,{ref:n,className:x("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),...s,children:[e.jsx("span",{className:"absolute right-2 flex h-3.5 w-3.5 items-center justify-center",children:e.jsx(w.ItemIndicator,{children:e.jsx(f.Check,{className:"h-4 w-4"})})}),e.jsx(w.ItemText,{children:a})]}));I.displayName=w.Item.displayName;const Le=y.forwardRef(({className:t,...a},s)=>e.jsx(w.Separator,{ref:s,className:x("-mx-1 my-1 h-px bg-muted",t),...a}));Le.displayName=w.Separator.displayName;const Oe=P.Root,Fe=P.Portal,ue=y.forwardRef(({className:t,...a},s)=>e.jsx(P.Overlay,{ref:s,className:x("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),...a}));ue.displayName=P.Overlay.displayName;const he=y.forwardRef(({className:t,children:a,...s},n)=>e.jsxs(Fe,{children:[e.jsx(ue,{}),e.jsxs(P.Content,{ref:n,className:x("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),...s,children:[a,e.jsxs(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:[e.jsx(f.X,{className:"h-4 w-4"}),e.jsx("span",{className:"sr-only",children:"Close"})]})]})]}));he.displayName=P.Content.displayName;const xe=({className:t,...a})=>e.jsx("div",{className:x("flex flex-col space-y-1.5 text-center sm:text-left",t),...a});xe.displayName="DialogHeader";const fe=({className:t,...a})=>e.jsx("div",{className:x("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",t),...a});fe.displayName="DialogFooter";const pe=y.forwardRef(({className:t,...a},s)=>e.jsx(P.Title,{ref:s,className:x("text-lg font-semibold leading-none tracking-tight",t),...a}));pe.displayName=P.Title.displayName;const ze=y.forwardRef(({className:t,...a},s)=>e.jsx(P.Description,{ref:s,className:x("text-sm text-muted-foreground",t),...a}));ze.displayName=P.Description.displayName;const Be=le.cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),N=y.forwardRef(({className:t,...a},s)=>e.jsx(oe.Root,{ref:s,className:x(Be(),t),...a}));N.displayName=oe.Root.displayName;const W=y.forwardRef(({className:t,...a},s)=>e.jsx(X.Root,{ref:s,className:x("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),...a,children:e.jsx(X.Indicator,{className:x("grid place-content-center text-current"),children:e.jsx(f.Check,{className:"h-4 w-4"})})}));W.displayName=X.Root.displayName;const se=y.forwardRef(({className:t,...a},s)=>e.jsx("textarea",{className:x("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:s,...a}));se.displayName="Textarea";const Ae=t=>t.trim().toLowerCase().replace(/[^\w\s]/g,"").replace(/\s+/g,"_"),Me=(t,a,s=!1,n=!1)=>{const i=(u,g)=>{a({...t,[u]:g})};return{handleTitleChange:u=>{i("title",u)},handleTitleBlur:()=>{if(s&&t.title){const u=Ae(t.title);i("key",u)}},handleKeyChange:u=>{(s||n)&&i("key",u)},handleFieldChange:i,handleConstraintChange:(u,g)=>{a({...t,[u]:g})}}},Y={string:"String",number:"Number",integer:"Integer",boolean:"Boolean",object:"Object",array:"Array",null:"Null",file:"File"},M={getTypeLabel:t=>Y[t],typeLabels:Y,propertyLabel:{singular:"property",plural:"properties"},showRegex:!1,keyEditable:!1,readonly:!1},ge=v.createContext(M);function _e({children:t,config:a={}}){const s={...Y,...a.typeLabels},n=a.propertyLabel||M.propertyLabel,i=a.showRegex??M.showRegex,r=a.keyEditable??M.keyEditable,l=a.readonly??M.readonly,d=C=>s[C]||C;return e.jsx(ge.Provider,{value:{getTypeLabel:d,typeLabels:s,propertyLabel:n,showRegex:i,keyEditable:r,readonly:l},children:t})}function je(){return v.useContext(ge)}function H({property:t,open:a,onOpenChange:s,onSave:n,isArrayItem:i=!1,isNewProperty:r=!1,propertyLabel:l,showRegex:d,keyEditable:C,typeLabels:u}){const g=je(),h=u||g.typeLabels,j=l||g.propertyLabel,b=d??g.showRegex,c=C??g.keyEditable,[o,k]=v.useState(t);v.useEffect(()=>{a&&k(t)},[t,a]);const{handleTitleChange:E,handleTitleBlur:O,handleKeyChange:D,handleFieldChange:p,handleConstraintChange:R}=Me(o,k,r,c),L=()=>{o.title?.trim()&&(n(o),s(!1))},U=()=>{k(t),s(!1)};return e.jsx(Oe,{open:a,onOpenChange:s,children:e.jsxs(he,{className:"max-w-2xl max-h-[80vh] flex flex-col gap-0 p-0","data-testid":"dialog-edit-property",children:[e.jsx(xe,{className:"px-6 pt-6 pb-4 shrink-0",children:e.jsx(pe,{children:r?`Add ${j.singular}`:`Edit ${j.singular}`})}),e.jsxs("div",{className:"space-y-6 px-6 pb-4 overflow-y-auto flex-1 min-h-0",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsxs(N,{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-red-500"}),"Type"]}),e.jsxs(G,{value:o.type,onValueChange:m=>p("type",m),"data-testid":"select-type-dialog",children:[e.jsx(J,{children:e.jsx(Q,{})}),e.jsxs(V,{children:[e.jsx(I,{value:"string",children:h.string}),e.jsx(I,{value:"number",children:h.number}),e.jsx(I,{value:"integer",children:h.integer}),e.jsx(I,{value:"boolean",children:h.boolean}),e.jsx(I,{value:"object",children:h.object}),e.jsx(I,{value:"array",children:h.array}),e.jsx(I,{value:"file",children:h.file}),e.jsx(I,{value:"null",children:h.null})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsxs(N,{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"w-1.5 h-1.5 rounded-full bg-red-500"}),"Title"]}),e.jsx(q,{value:o.title||"",onChange:m=>E(m.target.value),onBlur:O,placeholder:"Property Title","data-testid":"input-title-dialog",required:!0}),!r&&o.key&&e.jsxs("p",{className:"text-xs text-muted-foreground font-mono",children:["Key: ",o.key]})]}),(r||c)&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Key"}),e.jsx(q,{value:o.key,onChange:m=>D(m.target.value),placeholder:"property_key","data-testid":"input-key-dialog"}),!r&&e.jsx("p",{className:"text-xs text-yellow-600 dark:text-yellow-500",children:"⚠️ Changing the key may break existing references to this property"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Description"}),e.jsx(se,{placeholder:"Optional description",value:o.description||"",onChange:m=>p("description",m.target.value),rows:2,"data-testid":"input-edit-description"})]}),o.type==="array"&&e.jsxs("div",{className:"space-y-2 border-l-2 border-border pl-4 mt-2",children:[e.jsxs(N,{className:"font-semibold text-xs text-muted-foreground",children:[h.array," Items"]}),o.items?e.jsxs("div",{className:"bg-muted/40 p-2 rounded",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Item Type"}),e.jsxs(G,{value:o.items.type,onValueChange:m=>k({...o,items:{...o.items,type:m}}),children:[e.jsx(J,{children:e.jsx(Q,{})}),e.jsxs(V,{children:[e.jsx(I,{value:"string",children:h.string}),e.jsx(I,{value:"number",children:h.number}),e.jsx(I,{value:"integer",children:h.integer}),e.jsx(I,{value:"boolean",children:h.boolean}),e.jsx(I,{value:"object",children:h.object}),e.jsx(I,{value:"array",children:h.array}),e.jsx(I,{value:"file",children:h.file}),e.jsx(I,{value:"null",children:h.null})]})]})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Item Title"}),e.jsx(q,{value:o.items.title||"",onChange:m=>k({...o,items:{...o.items,title:m.target.value}}),placeholder:"Item Title"})]}),e.jsxs(T,{variant:"ghost",size:"sm",className:"mt-2",onClick:()=>k({...o,items:void 0}),children:["Remove ",h.array," Item Schema"]})]}):e.jsxs(T,{variant:"outline",size:"sm",onClick:()=>{k({...o,items:{id:Date.now().toString()+Math.random(),key:"item",type:"string",required:!1}})},children:["Add ",h.array," Item Schema"]})]}),!i&&e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(W,{id:"prop-required",checked:o.required,onCheckedChange:m=>p("required",m),"data-testid":"checkbox-edit-required"}),e.jsx(N,{htmlFor:"prop-required",className:"cursor-pointer",children:"Required field"})]}),o.type==="string"&&e.jsxs("details",{className:"border rounded-md",children:[e.jsx("summary",{className:"p-4 cursor-pointer hover:bg-accent/50 transition-colors",children:e.jsxs("h4",{className:"text-sm font-medium inline",children:[h.string," Constraints"]})}),e.jsxs("div",{className:"space-y-4 p-4 pt-0",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"min-length",children:"Minimum Length"}),e.jsx(q,{id:"min-length",type:"number",placeholder:"0",value:o.minLength||"",onChange:m=>R("minLength",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-minlength"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"max-length",children:"Maximum Length"}),e.jsx(q,{id:"max-length",type:"number",placeholder:"∞",value:o.maxLength||"",onChange:m=>R("maxLength",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-maxlength"})]})]}),b&&e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"pattern",children:"Pattern (regex)"}),e.jsx(q,{id:"pattern",placeholder:"^[a-z]+$",value:o.pattern||"",onChange:m=>R("pattern",m.target.value),className:"font-mono text-sm","data-testid":"input-edit-pattern"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{children:"Enum Values"}),e.jsx("div",{className:"space-y-2",children:[...o.enum||[],""].map((m,S)=>e.jsx(q,{placeholder:S===(o.enum?.length||0)?"Add new value...":"Enum value",value:m,onChange:B=>{const _=B.target.value,$=o.enum||[];if(S===$.length)_.trim()&&R("enum",[...$,_.trim()]);else if(_.trim()){const A=[...$];A[S]=_.trim(),R("enum",A)}else{const A=$.filter((st,ye)=>ye!==S);R("enum",A.length>0?A:void 0)}},"data-testid":`input-edit-enum-${S}`},S))}),e.jsx("p",{className:"text-xs text-muted-foreground",children:"Enter allowed values (empty fields will be removed)"})]})]})]}),(o.type==="number"||o.type==="integer")&&e.jsxs("details",{className:"border rounded-md",children:[e.jsx("summary",{className:"p-4 cursor-pointer hover:bg-accent/50 transition-colors",children:e.jsx("h4",{className:"text-sm font-medium inline",children:"Numeric Constraints"})}),e.jsx("div",{className:"space-y-4 p-4 pt-0",children:e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"minimum",children:"Minimum Value"}),e.jsx(q,{id:"minimum",type:"number",placeholder:"-∞",value:o.minimum??"",onChange:m=>R("minimum",m.target.value?parseFloat(m.target.value):void 0),"data-testid":"input-edit-minimum"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"maximum",children:"Maximum Value"}),e.jsx(q,{id:"maximum",type:"number",placeholder:"∞",value:o.maximum??"",onChange:m=>R("maximum",m.target.value?parseFloat(m.target.value):void 0),"data-testid":"input-edit-maximum"})]})]})})]}),o.type==="array"&&e.jsxs("details",{className:"border rounded-md",children:[e.jsx("summary",{className:"p-4 cursor-pointer hover:bg-accent/50 transition-colors",children:e.jsxs("h4",{className:"text-sm font-medium inline",children:[h.array," Constraints"]})}),e.jsxs("div",{className:"space-y-4 p-4 pt-0",children:[e.jsxs("div",{className:"grid grid-cols-2 gap-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"min-items",children:"Minimum Items"}),e.jsx(q,{id:"min-items",type:"number",placeholder:"0",value:o.minItems||"",onChange:m=>R("minItems",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-minitems"})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"max-items",children:"Maximum Items"}),e.jsx(q,{id:"max-items",type:"number",placeholder:"∞",value:o.maxItems||"",onChange:m=>R("maxItems",m.target.value?parseInt(m.target.value):void 0),"data-testid":"input-edit-maxitems"})]})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx(W,{id:"unique-items",checked:o.uniqueItems||!1,onCheckedChange:m=>R("uniqueItems",m),"data-testid":"checkbox-edit-unique"}),e.jsx(N,{htmlFor:"unique-items",className:"cursor-pointer",children:"All items must be unique"})]})]})]})]}),e.jsxs(fe,{className:"px-6 py-4 border-t bg-background shrink-0",children:[e.jsx(T,{variant:"outline",onClick:U,"data-testid":"button-cancel",children:"Cancel"}),e.jsx(T,{onClick:L,"data-testid":"button-save",disabled:!o.title?.trim(),children:"Save Changes"})]})]})})}function re(t,a,s={}){const{allowEmpty:n=!1,onEditStart:i,onEditCancel:r}=s,[l,d]=v.useState(!1),[C,u]=v.useState(t);v.useEffect(()=>{l||u(t)},[t,l]);const g=()=>{u(t),d(!0),i?.()},h=c=>{u(c)},j=()=>{const c=C.trim();if(!n&&!c){u(t),d(!1);return}c!==t&&a(c),d(!1)};return{isEditing:l,value:C,startEdit:g,handleChange:h,handleBlur:j,handleKeyDown:c=>{c.key==="Enter"?j():c.key==="Escape"&&(u(t),d(!1),r?.())}}}function $e(t,a){const[s,n]=v.useState(!1);return{isChangingType:s,setIsChangingType:n,handleTypeChange:l=>{const d={...t,type:l};l!=="string"&&(delete d.minLength,delete d.maxLength,delete d.pattern,delete d.enum),l!=="number"&&l!=="integer"&&(delete d.minimum,delete d.maximum),l!=="array"&&(delete d.minItems,delete d.maxItems,delete d.uniqueItems,delete d.items),l!=="object"&&delete d.children,a(d),n(!1)},availableTypes:["string","number","integer","boolean","object","array","file"]}}const ae=()=>`${Date.now()}-${Math.random()}`;function ie(t={}){const{onConfirm:a,onCancel:s,createInitialData:n}=t,[i,r]=v.useState(!1),[l,d]=v.useState(null),C=j=>{const b=j??(n?n():null);d(b),r(!0)},u=()=>{r(!1),d(null),s?.()};return{isOpen:i,data:l,open:C,close:u,confirm:j=>{a?.(j),r(!1),d(null)},setIsOpen:j=>{j?r(!0):u()}}}function Ke(t,a){const s=ie({createInitialData:()=>({id:ae(),key:"",type:"string",required:!1}),onConfirm:r=>{a({...t,children:[...t.children||[],r]})}});return{addChild:()=>s.open(),updateChild:(r,l)=>{const d=t.children.map(C=>C.id===r?l:C);a({...t,children:d})},deleteChild:r=>{const l=t.children.filter(d=>d.id!==r);a({...t,children:l})},addChildDialog:{isOpen:s.isOpen,data:s.data,setIsOpen:s.setIsOpen,confirm:s.confirm}}}function Z({property:t,onUpdate:a,onDelete:s,level:n=1,isArrayItem:i=!1}){const{getTypeLabel:r,typeLabels:l,showRegex:d,keyEditable:C,readonly:u}=je(),g=ie(),h=re(t.title||t.key||"",p=>a({...t,title:p}),{allowEmpty:!1}),j=re(t.description||"",p=>a({...t,description:p||void 0}),{allowEmpty:!0}),b=$e(t,a),c=Ke(t,a),o=`h${Math.min(n,6)}`,k=t.type==="object",E=k&&t.children&&t.children.length>0,O={1:"text-lg font-semibold",2:"text-base",3:"text-base",4:"text-base",5:"text-sm",6:"text-sm"}[n]||"text-sm",D={1:"h-5 w-5",2:"h-4 w-4",3:"h-4 w-4",4:"h-4 w-4",5:"h-4 w-4",6:"h-4 w-4"}[n]||"h-5 w-5";return e.jsxs("div",{className:"group",children:[e.jsxs("div",{className:"flex gap-4 items-center rounded-md -mx-2 px-2 py-1 transition-colors hover:bg-accent/50",children:[e.jsx("div",{className:"flex-1 min-w-0",children:e.jsxs("div",{className:"flex items-start gap-3",children:[!i&&e.jsx("button",{onClick:()=>!u&&a({...t,required:!t.required}),className:u?"shrink-0 -mt-[3px] cursor-default":"shrink-0 transition-all hover:scale-110 -mt-[3px]",title:u?t.required?"Required field":"Optional field":t.required?"Required field - click to make optional":"Optional field - click to make required",children:t.required?e.jsx(f.Asterisk,{className:"w-6 h-6 text-primary"}):e.jsx(f.Asterisk,{className:"w-6 h-6 text-border"})}),h.isEditing?e.jsx(q,{value:h.value,onChange:p=>h.handleChange(p.target.value),onBlur:h.handleBlur,onKeyDown:h.handleKeyDown,autoFocus:!0,className:O,placeholder:"Enter title"}):e.jsxs("div",{className:"flex gap-2 flex-wrap flex-1",children:[e.jsxs("div",{className:"flex items-start gap-2",children:[e.jsx(o,{className:u?`${O} leading-none`:`${O} cursor-pointer hover:text-primary transition-colors leading-none`,onClick:u?void 0:h.startEdit,children:t.title||t.key||e.jsx("span",{className:"text-muted-foreground italic",children:"unnamed"})}),b.isChangingType?e.jsxs(G,{value:t.type,onValueChange:p=>b.handleTypeChange(p),open:b.isChangingType,onOpenChange:b.setIsChangingType,children:[e.jsx(J,{className:"w-[140px] h-7",children:e.jsx(Q,{})}),e.jsx(V,{children:b.availableTypes.map(p=>e.jsx(I,{value:p,children:l[p]},p))})]}):e.jsx(qe,{children:e.jsxs(Re,{children:[e.jsx(Ee,{asChild:!0,children:e.jsxs("button",{onClick:()=>!u&&b.setIsChangingType(!0),className:u?"rounded p-0.5 -mt-0.5 cursor-default":"cursor-pointer hover:bg-accent rounded p-0.5 -mt-0.5 transition-colors",children:[t.type==="string"&&e.jsx(f.Type,{className:x(D,"text-muted-foreground")}),t.type==="number"&&e.jsx(f.Hash,{className:x(D,"text-muted-foreground")}),t.type==="integer"&&e.jsx(f.Hash,{className:x(D,"text-muted-foreground")}),t.type==="boolean"&&e.jsx(f.CheckSquare,{className:x(D,"text-muted-foreground")}),t.type==="object"&&e.jsx(f.Braces,{className:x(D,"text-muted-foreground")}),t.type==="array"&&e.jsx(f.List,{className:x(D,"text-muted-foreground")}),t.type==="file"&&e.jsx(f.FileText,{className:x(D,"text-muted-foreground")})]})}),e.jsxs(de,{children:[r(t.type),t.type==="array"&&t.items?` of ${r(t.items.type)}`:"",!u&&e.jsx("div",{className:"text-xs text-muted-foreground mt-1",children:"Click to change type"})]})]})}),t.type==="object"&&!u&&e.jsx(T,{variant:"ghost",size:"icon",className:"h-4 w-4",onClick:c.addChild,"data-testid":`button-add-child-${t.id}`,children:e.jsx(f.Plus,{})})]}),e.jsx("div",{className:"flex-1",children:j.isEditing?e.jsx(q,{value:j.value,onChange:p=>j.handleChange(p.target.value),onBlur:j.handleBlur,onKeyDown:j.handleKeyDown,autoFocus:!0,className:"text-sm flex-1",placeholder:"Enter description"}):e.jsx(e.Fragment,{children:t.description?e.jsx("p",{className:u?"text-sm text-muted-foreground flex-1 min-w-[200px]":"text-sm text-muted-foreground flex-1 min-w-[200px] cursor-pointer hover:text-foreground transition-colors","data-testid":`text-description-${t.id}`,onClick:u?void 0:j.startEdit,children:t.description}):!u&&e.jsx("p",{className:"text-sm text-muted-foreground/50 flex-1 min-w-[200px] cursor-pointer hover:text-muted-foreground italic transition-colors",onClick:j.startEdit,children:"Add description..."})})})]})]})}),!u&&e.jsxs("div",{className:"flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity shrink-0",children:[e.jsx(T,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>g.open(t),"data-testid":`button-edit-${t.id}`,children:e.jsx(f.Pencil,{className:"w-3 h-3"})}),k&&t.type!=="object"&&e.jsx(T,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:c.addChild,"data-testid":`button-add-child-${t.id}`,children:e.jsx(f.Plus,{className:"w-3 h-3"})}),e.jsx(T,{variant:"ghost",size:"icon",className:"h-7 w-7 text-muted-foreground hover:text-destructive",onClick:s,"data-testid":`button-delete-${t.id}`,children:e.jsx(f.Trash2,{className:"w-3 h-3"})})]})]}),E&&e.jsx("div",{className:n===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=>e.jsx(Z,{property:p,onUpdate:R=>c.updateChild(p.id,R),onDelete:()=>c.deleteChild(p.id),level:n+1},p.id))}),t.type==="array"&&t.items&&e.jsxs("div",{className:n===1?"ml-6 mt-1 border-l-2 border-border pl-6":"ml-4 mt-1 border-l border-border pl-4",children:[e.jsxs("div",{className:"mb-2 text-xs text-muted-foreground font-semibold uppercase",children:[r("array")," Items"]}),e.jsx(Z,{property:t.items,onUpdate:p=>a({...t,items:p}),onDelete:()=>a({...t,items:void 0}),level:n+1,isArrayItem:!0})]}),e.jsx(H,{property:g.data||t,open:g.isOpen,onOpenChange:g.setIsOpen,onSave:p=>{a(p),g.close()},isArrayItem:i,isNewProperty:!1}),c.addChildDialog.isOpen&&c.addChildDialog.data&&e.jsx(H,{property:c.addChildDialog.data,open:c.addChildDialog.isOpen,isNewProperty:!0,onOpenChange:c.addChildDialog.setIsOpen,onSave:c.addChildDialog.confirm})]})}const ne=y.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("rounded-xl border bg-card text-card-foreground",t),...a}));ne.displayName="Card";const Je=y.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("flex flex-col space-y-1.5 p-6",t),...a}));Je.displayName="CardHeader";const Ve=y.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("font-semibold leading-none tracking-tight",t),...a}));Ve.displayName="CardTitle";const He=y.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("text-sm text-muted-foreground",t),...a}));He.displayName="CardDescription";const Ue=y.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("p-6 pt-0",t),...a}));Ue.displayName="CardContent";const Xe=y.forwardRef(({className:t,...a},s)=>e.jsx("div",{ref:s,className:x("flex items-center p-6 pt-0",t),...a}));Xe.displayName="CardFooter";const Ge=()=>new Promise((t,a)=>{const s=document.createElement("input");s.type="file",s.accept=".json",s.onchange=n=>{const i=n.target.files?.[0];if(!i){a(new Error("No file selected"));return}const r=new FileReader;r.onload=l=>{try{const d=JSON.parse(l.target?.result);t(d)}catch{a(new Error("Invalid JSON file"))}},r.onerror=()=>a(new Error("Failed to read file")),r.readAsText(i)},s.click()}),ve=(t,a="schema.json")=>{const s=JSON.stringify(t,null,2),n=new Blob([s],{type:"application/json"}),i=URL.createObjectURL(n),r=document.createElement("a");r.href=i,r.download=a,document.body.appendChild(r),r.click(),document.body.removeChild(r),URL.revokeObjectURL(i)};function Qe({schema:t}){const[a,s]=v.useState(!1),n=JSON.stringify(t,null,2),i=async()=>{await navigator.clipboard.writeText(n),s(!0),setTimeout(()=>s(!1),2e3)},r=()=>{ve(t,"schema.json")};return e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsxs("div",{className:"flex items-center justify-between p-4 border-b",children:[e.jsx("h2",{className:"text-sm font-medium",children:"JSON Schema Output"}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(T,{variant:"outline",size:"sm",onClick:i,"data-testid":"button-copy",children:a?e.jsx(f.CheckCircle2,{className:"w-4 h-4"}):e.jsx(f.Copy,{className:"w-4 h-4"})}),e.jsx(T,{variant:"outline",size:"sm",onClick:r,"data-testid":"button-download",children:e.jsx(f.Download,{className:"w-4 h-4"})})]})]}),e.jsx("div",{className:"flex-1 overflow-auto",children:e.jsx(ne,{className:"m-4 bg-muted/30",children:e.jsx("pre",{className:"p-6 text-xs font-mono overflow-auto","data-testid":"text-json-output",children:e.jsx("code",{children:n})})})})]})}function We({title:t,description:a,version:s,onUpdate:n,readonly:i=!1}){const[r,l]=v.useState(!1);return e.jsxs(ne,{className:"p-4",children:[e.jsxs(T,{variant:"ghost",onClick:()=>l(!r),className:"w-full justify-between px-2 h-auto hover:bg-transparent","data-testid":"button-toggle-metadata",children:[e.jsx("h3",{className:"text-sm font-medium",children:"Schema Metadata"}),r?e.jsx(f.ChevronDown,{className:"w-4 h-4"}):e.jsx(f.ChevronRight,{className:"w-4 h-4"})]}),r&&e.jsxs("div",{className:"mt-4 space-y-4",children:[e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"schema-title",className:"text-xs text-muted-foreground",children:"Title"}),e.jsx(q,{id:"schema-title",placeholder:"My Schema",value:t,onChange:d=>n("title",d.target.value),"data-testid":"input-title",disabled:i})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"schema-description",className:"text-xs text-muted-foreground",children:"Description"}),e.jsx(se,{id:"schema-description",placeholder:"Describe your schema...",value:a,onChange:d=>n("description",d.target.value),className:"resize-none",rows:3,"data-testid":"input-schema-description",disabled:i})]}),e.jsxs("div",{className:"space-y-2",children:[e.jsx(N,{htmlFor:"schema-version",className:"text-xs text-muted-foreground",children:"Version"}),e.jsx(q,{id:"schema-version",placeholder:"1.0.0",value:s,onChange:d=>n("version",d.target.value),"data-testid":"input-version",disabled:i})]})]})]})}const K=(t,a,s=!0)=>{const n={type:"object"};s&&a&&(a.title&&(n.title=a.title),a.description&&(n.description=a.description),a.version&&(n.version=a.version));const i=ee(t);Object.keys(i).length>0&&(n.properties=i);const r=t.filter(l=>l.required&&l.key).map(l=>l.key);return r.length>0&&(n.required=r),n},ee=t=>{const a={};return t.forEach(s=>{if(!s.key)return;const i={type:s.type==="file"?"string":s.type};if(s.title&&(i.title=s.title),s.description&&(i.description=s.description),s.type==="file"&&(i.format="filename"),s.type==="string"&&(s.minLength!==void 0&&(i.minLength=s.minLength),s.maxLength!==void 0&&(i.maxLength=s.maxLength),s.pattern&&(i.pattern=s.pattern),s.enum&&s.enum.length>0&&(i.enum=s.enum)),(s.type==="number"||s.type==="integer")&&(s.minimum!==void 0&&(i.minimum=s.minimum),s.maximum!==void 0&&(i.maximum=s.maximum)),s.type==="array"&&(s.minItems!==void 0&&(i.minItems=s.minItems),s.maxItems!==void 0&&(i.maxItems=s.maxItems),s.uniqueItems&&(i.uniqueItems=s.uniqueItems),s.items&&(i.items=ee([s.items])[s.items.key]||{type:s.items.type})),s.type==="object"&&s.children&&s.children.length>0){i.properties=ee(s.children);const r=s.children.filter(l=>l.required&&l.key).map(l=>l.key);r.length>0&&(i.required=r)}a[s.key]=i}),a},Ye=t=>{const a={properties:[]};return(t.title||t.description||t.version)&&(a.metadata={title:typeof t.title=="string"?t.title:"",description:typeof t.description=="string"?t.description:"",version:typeof t.version=="string"?t.version:"1.0.0"}),t.properties&&typeof t.properties=="object"&&(a.properties=te(t.properties,Array.isArray(t.required)?t.required:[])),a},te=(t,a=[])=>t?Object.entries(t).filter(([,s])=>typeof s=="object").map(([s,n])=>{const i=n;let r=typeof i.type=="string"?i.type:"string";r==="string"&&i.format==="filename"&&(r="file");const l={id:ae(),key:s,title:typeof i.title=="string"?i.title:void 0,type:r,description:typeof i.description=="string"?i.description:void 0,required:a.includes(s)};return i.minLength!==void 0&&(l.minLength=i.minLength),i.maxLength!==void 0&&(l.maxLength=i.maxLength),i.pattern&&(l.pattern=i.pattern),i.enum&&Array.isArray(i.enum)&&(l.enum=i.enum),i.minimum!==void 0&&(l.minimum=i.minimum),i.maximum!==void 0&&(l.maximum=i.maximum),i.minItems!==void 0&&(l.minItems=i.minItems),i.maxItems!==void 0&&(l.maxItems=i.maxItems),i.uniqueItems&&(l.uniqueItems=i.uniqueItems),l.type==="array"&&i.items&&typeof i.items=="object"&&!Array.isArray(i.items)&&(l.items=te({item:i.items},[]).find(d=>d.key==="item")),i.properties&&typeof i.properties=="object"&&(l.children=te(i.properties,Array.isArray(i.required)?i.required:[])),l}):[],Ze=({schema:t,onChange:a,includeMetadata:s=!0})=>{const{properties:n,metadata:i}=v.useMemo(()=>Ye(t),[t]),r=n,l=i||{title:"",description:"",version:""},d=v.useCallback(()=>({id:ae(),key:"",type:"string",required:!1}),[]),C=v.useCallback((c,o)=>{const k=r.some(D=>D.id===c);let E;k?E=r.map(D=>D.id===c?o:D):E=[...r,o];const O=K(E,l,s);a(O)},[r,l,s,a]),u=v.useCallback(c=>{const o=r.filter(E=>E.id!==c),k=K(o,l,s);a(k)},[r,l,s,a]),g=v.useCallback(()=>{const o=K([],{title:"",description:"",version:""},s);a(o)},[s,a]),h=v.useCallback((c,o)=>{const k={...l,[c]:o},E=K(r,k,s);a(E)},[r,l,s,a]),j=v.useCallback(async()=>{const c=await Ge();a(c)},[a]),b=v.useCallback(()=>{ve(t,"schema.json")},[t]);return{properties:r,metadata:l,addProperty:d,updateProperty:C,deleteProperty:u,clearAll:g,updateMetadata:h,importSchema:j,downloadSchema:b}};function et(){const[t,a]=v.useState("light");v.useEffect(()=>{const i=localStorage.getItem("theme")||(window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light");a(i),document.documentElement.classList.toggle("dark",i==="dark")},[]);const s=()=>{const n=t==="light"?"dark":"light";a(n),localStorage.setItem("theme",n),document.documentElement.classList.toggle("dark",n==="dark")};return e.jsx(T,{variant:"ghost",size:"icon",onClick:s,"data-testid":"button-theme-toggle",children:t==="light"?e.jsx(f.Moon,{className:"w-4 h-4"}):e.jsx(f.Sun,{className:"w-4 h-4"})})}function tt({schema:t,onChange:a,showMetadata:s=!1,showImport:n=!0,showClear:i=!0,showOutput:r=!0,showHeader:l=!0,className:d="",showSummary:C=!1,typeLabels:u,propertyLabel:g={singular:"property",plural:"properties"},showRegex:h=!1,keyEditable:j=!1,readonly:b=!1}){const{properties:c,metadata:o,addProperty:k,updateProperty:E,deleteProperty:O,clearAll:D,updateMetadata:p,importSchema:R}=Ze({schema:t,onChange:a??(()=>{}),includeMetadata:s}),L=ie({createInitialData:()=>k(),onConfirm:S=>{E(S.id,S)}}),U=()=>{D()},m=async()=>{await R()};return e.jsx(_e,{config:{typeLabels:u,propertyLabel:g,showRegex:h,keyEditable:j,readonly:b},children:e.jsxs("div",{className:`${d} flex flex-col json-schema-builder-react`,children:[l&&e.jsx("header",{className:"h-16 border-b flex items-center justify-between px-6",children:e.jsxs("div",{className:"flex items-center gap-3",children:[!b&&n&&e.jsx(T,{variant:"outline",size:"sm",onClick:m,"data-testid":"button-import",children:e.jsx(f.Upload,{className:"w-4 h-4"})}),!b&&i&&e.jsx(T,{variant:"outline",size:"sm",onClick:U,disabled:c.length===0,"data-testid":"button-clear",children:e.jsx(f.Trash2,{className:"w-4 h-4"})}),e.jsx(et,{})]})}),e.jsxs("div",{className:"flex-1 flex overflow-hidden",children:[e.jsx("div",{className:r?"w-3/5 border-r":"w-full",children:e.jsxs("div",{className:"h-full flex flex-col",children:[e.jsxs("div",{className:"flex-1 overflow-auto p-2 space-y-4",children:[s&&e.jsx(We,{title:o.title,description:o.description,version:o.version,onUpdate:(S,B)=>p(S,B),readonly:b}),c.length===0?e.jsxs("div",{className:"flex flex-col items-center justify-center py-4 text-center",children:[!b&&e.jsx("div",{className:"w-16 h-16 rounded-full bg-muted flex items-center justify-center mb-4",children:e.jsx(f.Plus,{className:"w-8 h-8 text-muted-foreground"})}),e.jsxs("h2",{className:"text-lg font-medium mb-2",children:["No ",g.plural," yet"]}),!b&&e.jsxs(e.Fragment,{children:[e.jsxs("p",{className:"text-sm text-muted-foreground mb-6 max-w-sm",children:["Start building your JSON schema by adding your first"," ",g.singular]}),e.jsxs(T,{onClick:()=>L.open(),"data-testid":"button-add-first",children:[e.jsx(f.Plus,{className:"w-4 h-4 mr-2"}),"Add ",g.singular]})]})]}):e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"space-y-1",children:c.map(S=>e.jsx(Z,{property:S,onUpdate:B=>E(S.id,B),onDelete:()=>O(S.id)},S.id))}),C&&e.jsxs("div",{className:"pt-4 border-t flex items-center justify-between text-sm text-muted-foreground",children:[e.jsxs("span",{children:[c.length," ",c.length===1?g.singular:g.plural]}),e.jsxs("span",{children:[c.filter(S=>S.required).length," required"]})]})]})]}),c.length>0&&!b&&e.jsx("div",{className:"border-t p-2 pt-4 bg-background",children:e.jsxs(T,{onClick:()=>L.open(),className:"w-full",variant:"outline","data-testid":"button-add-property",children:[e.jsx(f.Plus,{className:"w-4 h-4"}),"Add ",g.singular]})})]})}),r&&e.jsx("div",{className:"w-2/5",children:e.jsx(Qe,{schema:t})})]}),L.isOpen&&L.data&&e.jsx(H,{property:L.data,open:L.isOpen,isNewProperty:!0,onOpenChange:L.setIsOpen,onSave:L.confirm})]})})}exports.JsonSchemaBuilder=tt;exports.PropertyEditDialog=H;

package/dist-lib/index.js

@@ -39,18 +39,18 @@ const Qe = he(
     }
   }
 ), T = x.forwardRef(
-  ({ className: t, variant: i, size: a, asChild: l = !1, ...n }, r) => /* @__PURE__ */ e(
-    l ? qe : "button",
+  ({ className: t, variant: i, size: a, asChild: r = !1, ...n }, l) => /* @__PURE__ */ e(
+    r ? qe : "button",
     {
       className: p(Qe({ variant: i, size: a, className: t })),
-      ref: r,
+      ref: l,
       ...n
     }
   )
 );
 T.displayName = "Button";
 const R = x.forwardRef(
-  ({ className: t, type: i, ...a }, l) => /* @__PURE__ */ e(
+  ({ className: t, type: i, ...a }, r) => /* @__PURE__ */ e(
     "input",
     {
       type: i,
@@ -58,16 +58,16 @@ const R = x.forwardRef(
         "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: l,
+      ref: r,
       ...a
     }
   )
 );
 R.displayName = "Input";
-const We = z.Provider, Ye = z.Root, Ze = z.Trigger, ye = x.forwardRef(({ className: t, sideOffset: i = 4, ...a }, l) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
+const We = z.Provider, Ye = z.Root, Ze = z.Trigger, ye = x.forwardRef(({ className: t, sideOffset: i = 4, ...a }, r) => /* @__PURE__ */ e(z.Portal, { children: /* @__PURE__ */ e(
   z.Content,
   {
-    ref: l,
+    ref: r,
     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]",
@@ -77,10 +77,10 @@ const We = z.Provider, Ye = z.Root, Ze = z.Trigger, ye = x.forwardRef(({ classNa
   }
 ) }));
 ye.displayName = z.Content.displayName;
-const Q = w.Root, W = w.Value, H = x.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(
+const Q = w.Root, W = w.Value, H = x.forwardRef(({ className: t, children: i, ...a }, r) => /* @__PURE__ */ s(
   w.Trigger,
   {
-    ref: l,
+    ref: r,
     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
@@ -119,7 +119,7 @@ const xe = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   }
 ));
 xe.displayName = w.ScrollDownButton.displayName;
-const _ = x.forwardRef(({ className: t, children: i, position: a = "popper", ...l }, n) => /* @__PURE__ */ e(w.Portal, { children: /* @__PURE__ */ s(
+const _ = x.forwardRef(({ className: t, children: i, position: a = "popper", ...r }, n) => /* @__PURE__ */ e(w.Portal, { children: /* @__PURE__ */ s(
   w.Content,
   {
     ref: n,
@@ -129,7 +129,7 @@ const _ = x.forwardRef(({ className: t, children: i, position: a = "popper", ...
       t
     ),
     position: a,
-    ...l,
+    ...r,
     children: [
       /* @__PURE__ */ e(ve, {}),
       /* @__PURE__ */ e(
@@ -156,10 +156,10 @@ const et = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   }
 ));
 et.displayName = w.Label.displayName;
-const S = x.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(
+const S = x.forwardRef(({ className: t, children: i, ...a }, r) => /* @__PURE__ */ s(
   w.Item,
   {
-    ref: l,
+    ref: r,
     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
@@ -193,12 +193,12 @@ const at = q.Root, it = q.Portal, be = x.forwardRef(({ className: t, ...i }, a)
   }
 ));
 be.displayName = q.Overlay.displayName;
-const Ne = x.forwardRef(({ className: t, children: i, ...a }, l) => /* @__PURE__ */ s(it, { children: [
+const Ne = x.forwardRef(({ className: t, children: i, ...a }, r) => /* @__PURE__ */ s(it, { children: [
   /* @__PURE__ */ e(be, {}),
   /* @__PURE__ */ s(
     q.Content,
     {
-      ref: l,
+      ref: r,
       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
@@ -306,7 +306,7 @@ const re = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   }
 ));
 re.displayName = "Textarea";
-const rt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), lt = (t, i, a = !1, l = !1) => {
+const rt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g, "_"), lt = (t, i, a = !1, r = !1) => {
   const n = (h, y) => {
     i({ ...t, [h]: y });
   };
@@ -321,7 +321,7 @@ const rt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
       }
     },
     handleKeyChange: (h) => {
-      (a || l) && n("key", h);
+      (a || r) && n("key", h);
     },
     handleFieldChange: n,
     handleConstraintChange: (h, y) => {
@@ -348,15 +348,15 @@ const rt = (t) => t.trim().toLowerCase().replace(/[^\w\s]/g, "").replace(/\s+/g,
   keyEditable: !1,
   readonly: !1
 }, Ie = Ee(M);
-function dt({
+function ot({
   children: t,
   config: i = {}
 }) {
-  const a = { ...Z, ...i.typeLabels }, l = i.propertyLabel || M.propertyLabel, n = i.showRegex ?? M.showRegex, r = i.keyEditable ?? M.keyEditable, d = i.readonly ?? M.readonly, c = (C) => a[C] || C;
+  const a = { ...Z, ...i.typeLabels }, r = i.propertyLabel || M.propertyLabel, n = i.showRegex ?? M.showRegex, l = i.keyEditable ?? M.keyEditable, o = i.readonly ?? M.readonly, c = (C) => a[C] || C;
   return /* @__PURE__ */ e(
     Ie.Provider,
     {
-      value: { getTypeLabel: c, typeLabels: a, propertyLabel: l, showRegex: n, keyEditable: r, readonly: d },
+      value: { getTypeLabel: c, typeLabels: a, propertyLabel: r, showRegex: n, keyEditable: l, readonly: o },
       children: t
     }
   );
@@ -368,15 +368,15 @@ function ee({
   property: t,
   open: i,
   onOpenChange: a,
-  onSave: l,
+  onSave: r,
   isArrayItem: n = !1,
-  isNewProperty: r = !1,
-  propertyLabel: d,
+  isNewProperty: l = !1,
+  propertyLabel: o,
   showRegex: c,
   keyEditable: C,
   typeLabels: h
 }) {
-  const y = Se(), f = h || y.typeLabels, v = d || y.propertyLabel, b = c ?? y.showRegex, m = C ?? y.keyEditable, [o, k] = P(t);
+  const y = Se(), f = h || y.typeLabels, v = o || y.propertyLabel, b = c ?? y.showRegex, m = C ?? y.keyEditable, [d, k] = P(t);
   ne(() => {
     i && k(t);
   }, [t, i]);
@@ -387,12 +387,12 @@ function ee({
     handleFieldChange: g,
     handleConstraintChange: E
   } = lt(
-    o,
+    d,
     k,
-    r,
+    l,
     m
   ), j = () => {
-    o.title?.trim() && (l(o), a(!1));
+    d.title?.trim() && (r(d), a(!1));
   }, U = () => {
     k(t), a(!1);
   };
@@ -402,7 +402,7 @@ function ee({
       className: "max-w-2xl max-h-[80vh] flex flex-col gap-0 p-0",
       "data-testid": "dialog-edit-property",
       children: [
-        /* @__PURE__ */ e(we, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ e(ke, { children: r ? `Add ${v.singular}` : `Edit ${v.singular}` }) }),
+        /* @__PURE__ */ e(we, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ e(ke, { children: l ? `Add ${v.singular}` : `Edit ${v.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: [
@@ -412,7 +412,7 @@ function ee({
             /* @__PURE__ */ s(
               Q,
               {
-                value: o.type,
+                value: d.type,
                 onValueChange: (u) => g("type", u),
                 "data-testid": "select-type-dialog",
                 children: [
@@ -439,7 +439,7 @@ function ee({
             /* @__PURE__ */ e(
               R,
               {
-                value: o.title || "",
+                value: d.title || "",
                 onChange: (u) => L(u.target.value),
                 onBlur: O,
                 placeholder: "Property Title",
@@ -447,23 +447,23 @@ function ee({
                 required: !0
               }
             ),
-            !r && o.key && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground font-mono", children: [
+            !l && d.key && /* @__PURE__ */ s("p", { className: "text-xs text-muted-foreground font-mono", children: [
               "Key: ",
-              o.key
+              d.key
             ] })
           ] }),
-          (r || m) && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
+          (l || m) && /* @__PURE__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e(N, { children: "Key" }),
             /* @__PURE__ */ e(
               R,
               {
-                value: o.key,
+                value: d.key,
                 onChange: (u) => D(u.target.value),
                 placeholder: "property_key",
                 "data-testid": "input-key-dialog"
               }
             ),
-            !r && /* @__PURE__ */ e("p", { className: "text-xs text-yellow-600 dark:text-yellow-500", children: "⚠️ Changing the key may break existing references to this property" })
+            !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__ */ s("div", { className: "space-y-2", children: [
             /* @__PURE__ */ e(N, { children: "Description" }),
@@ -471,29 +471,29 @@ function ee({
               re,
               {
                 placeholder: "Optional description",
-                value: o.description || "",
+                value: d.description || "",
                 onChange: (u) => g("description", u.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: [
               f.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(
                   Q,
                   {
-                    value: o.items.type,
+                    value: d.items.type,
                     onValueChange: (u) => k({
-                      ...o,
+                      ...d,
                       items: {
-                        ...o.items,
+                        ...d.items,
                         type: u
                       }
                     }),
@@ -518,11 +518,11 @@ function ee({
                 /* @__PURE__ */ e(
                   R,
                   {
-                    value: o.items.title || "",
+                    value: d.items.title || "",
                     onChange: (u) => k({
-                      ...o,
+                      ...d,
                       items: {
-                        ...o.items,
+                        ...d.items,
                         title: u.target.value
                       }
                     }),
@@ -536,7 +536,7 @@ function ee({
                   variant: "ghost",
                   size: "sm",
                   className: "mt-2",
-                  onClick: () => k({ ...o, items: void 0 }),
+                  onClick: () => k({ ...d, items: void 0 }),
                   children: [
                     "Remove ",
                     f.array,
@@ -551,7 +551,7 @@ function ee({
                 size: "sm",
                 onClick: () => {
                   k({
-                    ...o,
+                    ...d,
                     items: {
                       id: Date.now().toString() + Math.random(),
                       key: "item",
@@ -573,14 +573,14 @@ function ee({
               Y,
               {
                 id: "prop-required",
-                checked: o.required,
+                checked: d.required,
                 onCheckedChange: (u) => g("required", u),
                 "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: [
               f.string,
               " Constraints"
@@ -595,7 +595,7 @@ function ee({
                       id: "min-length",
                       type: "number",
                       placeholder: "0",
-                      value: o.minLength || "",
+                      value: d.minLength || "",
                       onChange: (u) => E(
                         "minLength",
                         u.target.value ? parseInt(u.target.value) : void 0
@@ -612,7 +612,7 @@ function ee({
                       id: "max-length",
                       type: "number",
                       placeholder: "∞",
-                      value: o.maxLength || "",
+                      value: d.maxLength || "",
                       onChange: (u) => E(
                         "maxLength",
                         u.target.value ? parseInt(u.target.value) : void 0
@@ -629,7 +629,7 @@ function ee({
                   {
                     id: "pattern",
                     placeholder: "^[a-z]+$",
-                    value: o.pattern || "",
+                    value: d.pattern || "",
                     onChange: (u) => E("pattern", u.target.value),
                     className: "font-mono text-sm",
                     "data-testid": "input-edit-pattern"
@@ -638,13 +638,13 @@ function ee({
               ] }),
               /* @__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((u, I) => /* @__PURE__ */ e(
+                /* @__PURE__ */ e("div", { className: "space-y-2", children: [...d.enum || [], ""].map((u, I) => /* @__PURE__ */ e(
                   R,
                   {
-                    placeholder: I === (o.enum?.length || 0) ? "Add new value..." : "Enum value",
+                    placeholder: I === (d.enum?.length || 0) ? "Add new value..." : "Enum value",
                     value: u,
                     onChange: (B) => {
-                      const K = B.target.value, J = o.enum || [];
+                      const K = B.target.value, J = d.enum || [];
                       if (I === J.length)
                         K.trim() && E("enum", [
                           ...J,
@@ -671,7 +671,7 @@ function ee({
               ] })
             ] })
           ] }),
-          (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: [
@@ -682,7 +682,7 @@ function ee({
                     id: "minimum",
                     type: "number",
                     placeholder: "-∞",
-                    value: o.minimum ?? "",
+                    value: d.minimum ?? "",
                     onChange: (u) => E(
                       "minimum",
                       u.target.value ? parseFloat(u.target.value) : void 0
@@ -699,7 +699,7 @@ function ee({
                     id: "maximum",
                     type: "number",
                     placeholder: "∞",
-                    value: o.maximum ?? "",
+                    value: d.maximum ?? "",
                     onChange: (u) => E(
                       "maximum",
                       u.target.value ? parseFloat(u.target.value) : void 0
@@ -710,7 +710,7 @@ function ee({
               ] })
             ] }) })
           ] }),
-          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: [
               f.array,
               " Constraints"
@@ -725,7 +725,7 @@ function ee({
                       id: "min-items",
                       type: "number",
                       placeholder: "0",
-                      value: o.minItems || "",
+                      value: d.minItems || "",
                       onChange: (u) => E(
                         "minItems",
                         u.target.value ? parseInt(u.target.value) : void 0
@@ -742,7 +742,7 @@ function ee({
                       id: "max-items",
                       type: "number",
                       placeholder: "∞",
-                      value: o.maxItems || "",
+                      value: d.maxItems || "",
                       onChange: (u) => E(
                         "maxItems",
                         u.target.value ? parseInt(u.target.value) : void 0
@@ -757,7 +757,7 @@ function ee({
                   Y,
                   {
                     id: "unique-items",
-                    checked: o.uniqueItems || !1,
+                    checked: d.uniqueItems || !1,
                     onCheckedChange: (u) => E("uniqueItems", u),
                     "data-testid": "checkbox-edit-unique"
                   }
@@ -782,7 +782,7 @@ function ee({
             {
               onClick: j,
               "data-testid": "button-save",
-              disabled: !o.title?.trim(),
+              disabled: !d.title?.trim(),
               children: "Save Changes"
             }
           )
@@ -792,41 +792,41 @@ function ee({
   ) });
 }
 function ue(t, i, a = {}) {
-  const { allowEmpty: l = !1, onEditStart: n, onEditCancel: r } = a, [d, c] = P(!1), [C, h] = P(t);
+  const { allowEmpty: r = !1, onEditStart: n, onEditCancel: l } = a, [o, c] = P(!1), [C, h] = P(t);
   ne(() => {
-    d || h(t);
-  }, [t, d]);
+    o || h(t);
+  }, [t, o]);
   const y = () => {
     h(t), c(!0), n?.();
   }, f = (m) => {
     h(m);
   }, v = () => {
     const m = C.trim();
-    if (!l && !m) {
+    if (!r && !m) {
       h(t), c(!1);
       return;
     }
     m !== t && i(m), c(!1);
   };
   return {
-    isEditing: d,
+    isEditing: o,
     value: C,
     startEdit: y,
     handleChange: f,
     handleBlur: v,
     handleKeyDown: (m) => {
-      m.key === "Enter" ? v() : m.key === "Escape" && (h(t), c(!1), r?.());
+      m.key === "Enter" ? v() : m.key === "Escape" && (h(t), c(!1), l?.());
     }
   };
 }
-function ot(t, i) {
-  const [a, l] = P(!1);
+function dt(t, i) {
+  const [a, r] = P(!1);
   return {
     isChangingType: a,
-    setIsChangingType: l,
-    handleTypeChange: (d) => {
-      const c = { ...t, type: d };
-      d !== "string" && (delete c.minLength, delete c.maxLength, delete c.pattern, delete c.enum), d !== "number" && d !== "integer" && (delete c.minimum, delete c.maximum), d !== "array" && (delete c.minItems, delete c.maxItems, delete c.uniqueItems, delete c.items), d !== "object" && delete c.children, i(c), l(!1);
+    setIsChangingType: r,
+    handleTypeChange: (o) => {
+      const c = { ...t, type: o };
+      o !== "string" && (delete c.minLength, delete c.maxLength, delete c.pattern, delete c.enum), o !== "number" && o !== "integer" && (delete c.minimum, delete c.maximum), o !== "array" && (delete c.minItems, delete c.maxItems, delete c.uniqueItems, delete c.items), o !== "object" && delete c.children, i(c), r(!1);
     },
     availableTypes: [
       "string",
@@ -840,52 +840,52 @@ function ot(t, i) {
   };
 }
 const le = () => `${Date.now()}-${Math.random()}`;
-function de(t = {}) {
-  const { onConfirm: i, onCancel: a, createInitialData: l } = t, [n, r] = P(!1), [d, c] = P(null), C = (v) => {
-    const b = v ?? (l ? l() : null);
-    c(b), r(!0);
+function oe(t = {}) {
+  const { onConfirm: i, onCancel: a, createInitialData: r } = t, [n, l] = P(!1), [o, c] = P(null), C = (v) => {
+    const b = v ?? (r ? r() : null);
+    c(b), l(!0);
   }, h = () => {
-    r(!1), c(null), a?.();
+    l(!1), c(null), a?.();
   };
   return {
     isOpen: n,
-    data: d,
+    data: o,
     open: C,
     close: h,
     confirm: (v) => {
-      i?.(v), r(!1), c(null);
+      i?.(v), l(!1), c(null);
     },
     setIsOpen: (v) => {
-      v ? r(!0) : h();
+      v ? l(!0) : h();
     }
   };
 }
 function ct(t, i) {
-  const a = de({
+  const a = oe({
     createInitialData: () => ({
       id: le(),
       key: "",
       type: "string",
       required: !1
     }),
-    onConfirm: (r) => {
+    onConfirm: (l) => {
       i({
         ...t,
-        children: [...t.children || [], r]
+        children: [...t.children || [], l]
       });
     }
   });
   return {
     addChild: () => a.open(),
-    updateChild: (r, d) => {
+    updateChild: (l, o) => {
       const c = t.children.map(
-        (C) => C.id === r ? d : C
+        (C) => C.id === l ? o : C
       );
       i({ ...t, children: c });
     },
-    deleteChild: (r) => {
-      const d = t.children.filter((c) => c.id !== r);
-      i({ ...t, children: d });
+    deleteChild: (l) => {
+      const o = t.children.filter((c) => c.id !== l);
+      i({ ...t, children: o });
     },
     addChildDialog: {
       isOpen: a.isOpen,
@@ -899,10 +899,10 @@ function te({
   property: t,
   onUpdate: i,
   onDelete: a,
-  level: l = 1,
+  level: r = 1,
   isArrayItem: n = !1
 }) {
-  const { getTypeLabel: r, typeLabels: d, showRegex: c, keyEditable: C, readonly: h } = Se(), y = de(), f = ue(
+  const { getTypeLabel: l, typeLabels: o, showRegex: c, keyEditable: C, readonly: h } = Se(), y = oe(), f = ue(
     t.title || t.key || "",
     (g) => i({ ...t, title: g }),
     { allowEmpty: !1 }
@@ -910,21 +910,21 @@ function te({
     t.description || "",
     (g) => i({ ...t, description: g || void 0 }),
     { allowEmpty: !0 }
-  ), b = ot(t, i), m = ct(t, i), o = `h${Math.min(l, 6)}`, k = t.type === "object", L = k && t.children && t.children.length > 0, O = {
+  ), b = dt(t, i), m = ct(t, i), d = `h${Math.min(r, 6)}`, k = t.type === "object", L = k && t.children && t.children.length > 0, O = {
     1: "text-lg font-semibold",
     2: "text-base",
     3: "text-base",
     4: "text-base",
     5: "text-sm",
     6: "text-sm"
-  }[l] || "text-sm", D = {
+  }[r] || "text-sm", D = {
     1: "h-5 w-5",
     2: "h-4 w-4",
     3: "h-4 w-4",
     4: "h-4 w-4",
     5: "h-4 w-4",
     6: "h-4 w-4"
-  }[l] || "h-5 w-5";
+  }[r] || "h-5 w-5";
   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: [
@@ -957,7 +957,7 @@ function te({
         ) : /* @__PURE__ */ s("div", { className: "flex gap-2 flex-wrap flex-1", children: [
           /* @__PURE__ */ s("div", { className: "flex items-start gap-2", children: [
             /* @__PURE__ */ e(
-              o,
+              d,
               {
                 className: h ? `${O} leading-none` : `${O} cursor-pointer hover:text-primary transition-colors leading-none`,
                 onClick: h ? void 0 : f.startEdit,
@@ -973,7 +973,7 @@ function te({
                 onOpenChange: b.setIsChangingType,
                 children: [
                   /* @__PURE__ */ e(H, { className: "w-[140px] h-7", children: /* @__PURE__ */ e(W, {}) }),
-                  /* @__PURE__ */ e(_, { children: b.availableTypes.map((g) => /* @__PURE__ */ e(S, { value: g, children: d[g] }, g)) })
+                  /* @__PURE__ */ e(_, { children: b.availableTypes.map((g) => /* @__PURE__ */ e(S, { value: g, children: o[g] }, g)) })
                 ]
               }
             ) : /* @__PURE__ */ e(We, { children: /* @__PURE__ */ s(Ye, { children: [
@@ -1050,8 +1050,8 @@ function te({
                 }
               ) }),
               /* @__PURE__ */ s(ye, { children: [
-                r(t.type),
-                t.type === "array" && t.items ? ` of ${r(t.items.type)}` : "",
+                l(t.type),
+                t.type === "array" && t.items ? ` of ${l(t.items.type)}` : "",
                 !h && /* @__PURE__ */ e("div", { className: "text-xs text-muted-foreground mt-1", children: "Click to change type" })
               ] })
             ] }) }),
@@ -1135,14 +1135,14 @@ function te({
     L && /* @__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",
+        className: r === 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((g) => /* @__PURE__ */ e(
           te,
           {
             property: g,
             onUpdate: (E) => m.updateChild(g.id, E),
             onDelete: () => m.deleteChild(g.id),
-            level: l + 1
+            level: r + 1
           },
           g.id
         ))
@@ -1151,10 +1151,10 @@ function te({
     t.type === "array" && t.items && /* @__PURE__ */ s(
       "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",
+        className: r === 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: [
-            r("array"),
+            l("array"),
             " Items"
           ] }),
           /* @__PURE__ */ e(
@@ -1163,7 +1163,7 @@ function te({
               property: t.items,
               onUpdate: (g) => i({ ...t, items: g }),
               onDelete: () => i({ ...t, items: void 0 }),
-              level: l + 1,
+              level: r + 1,
               isArrayItem: !0
             }
           )
@@ -1195,7 +1195,7 @@ function te({
     )
   ] });
 }
-const oe = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
+const de = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
     ref: a,
@@ -1203,7 +1203,7 @@ const oe = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
     ...i
   }
 ));
-oe.displayName = "Card";
+de.displayName = "Card";
 const mt = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
   "div",
   {
@@ -1244,28 +1244,28 @@ const pt = x.forwardRef(({ className: t, ...i }, a) => /* @__PURE__ */ e(
 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];
+  a.type = "file", a.accept = ".json", a.onchange = (r) => {
+    const n = r.target.files?.[0];
     if (!n) {
       i(new Error("No file selected"));
       return;
     }
-    const r = new FileReader();
-    r.onload = (d) => {
+    const l = new FileReader();
+    l.onload = (o) => {
       try {
-        const c = JSON.parse(d.target?.result);
+        const c = JSON.parse(o.target?.result);
         t(c);
       } catch {
         i(new Error("Invalid JSON file"));
       }
-    }, r.onerror = () => i(new Error("Failed to read file")), r.readAsText(n);
+    }, l.onerror = () => i(new Error("Failed to read file")), l.readAsText(n);
   }, a.click();
 }), Te = (t, i = "schema.json") => {
-  const a = JSON.stringify(t, null, 2), l = new Blob([a], { type: "application/json" }), n = URL.createObjectURL(l), r = document.createElement("a");
-  r.href = n, r.download = i, document.body.appendChild(r), r.click(), document.body.removeChild(r), URL.revokeObjectURL(n);
+  const a = JSON.stringify(t, null, 2), r = new Blob([a], { type: "application/json" }), n = URL.createObjectURL(r), l = document.createElement("a");
+  l.href = n, l.download = i, document.body.appendChild(l), l.click(), document.body.removeChild(l), URL.revokeObjectURL(n);
 };
 function yt({ schema: t }) {
-  const [i, a] = P(!1), l = JSON.stringify(t, null, 2);
+  const [i, a] = P(!1), r = 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" }),
@@ -1276,7 +1276,7 @@ function yt({ schema: t }) {
             variant: "outline",
             size: "sm",
             onClick: async () => {
-              await navigator.clipboard.writeText(l), a(!0), setTimeout(() => a(!1), 2e3);
+              await navigator.clipboard.writeText(r), a(!0), setTimeout(() => a(!1), 2e3);
             },
             "data-testid": "button-copy",
             children: i ? /* @__PURE__ */ e(Je, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Ve, { className: "w-4 h-4" })
@@ -1296,12 +1296,12 @@ function yt({ schema: t }) {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(oe, { className: "m-4 bg-muted/30", children: /* @__PURE__ */ e(
+    /* @__PURE__ */ e("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ e(de, { 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__ */ e("code", { children: l })
+        children: /* @__PURE__ */ e("code", { children: r })
       }
     ) }) })
   ] });
@@ -1310,25 +1310,25 @@ function vt({
   title: t,
   description: i,
   version: a,
-  onUpdate: l,
+  onUpdate: r,
   readonly: n = !1
 }) {
-  const [r, d] = P(!1);
-  return /* @__PURE__ */ s(oe, { className: "p-4", children: [
+  const [l, o] = P(!1);
+  return /* @__PURE__ */ s(de, { className: "p-4", children: [
     /* @__PURE__ */ s(
       T,
       {
         variant: "ghost",
-        onClick: () => d(!r),
+        onClick: () => o(!l),
         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" }),
-          r ? /* @__PURE__ */ e(se, { className: "w-4 h-4" }) : /* @__PURE__ */ e(_e, { className: "w-4 h-4" })
+          l ? /* @__PURE__ */ e(se, { className: "w-4 h-4" }) : /* @__PURE__ */ e(_e, { className: "w-4 h-4" })
         ]
       }
     ),
-    r && /* @__PURE__ */ s("div", { className: "mt-4 space-y-4", children: [
+    l && /* @__PURE__ */ s("div", { className: "mt-4 space-y-4", children: [
       /* @__PURE__ */ s("div", { className: "space-y-2", children: [
         /* @__PURE__ */ e(
           N,
@@ -1344,7 +1344,7 @@ function vt({
             id: "schema-title",
             placeholder: "My Schema",
             value: t,
-            onChange: (c) => l("title", c.target.value),
+            onChange: (c) => r("title", c.target.value),
             "data-testid": "input-title",
             disabled: n
           }
@@ -1365,7 +1365,7 @@ function vt({
             id: "schema-description",
             placeholder: "Describe your schema...",
             value: i,
-            onChange: (c) => l("description", c.target.value),
+            onChange: (c) => r("description", c.target.value),
             className: "resize-none",
             rows: 3,
             "data-testid": "input-schema-description",
@@ -1388,7 +1388,7 @@ function vt({
             id: "schema-version",
             placeholder: "1.0.0",
             value: a,
-            onChange: (c) => l("version", c.target.value),
+            onChange: (c) => r("version", c.target.value),
             "data-testid": "input-version",
             disabled: n
           }
@@ -1398,14 +1398,14 @@ function vt({
   ] });
 }
 const V = (t, i, a = !0) => {
-  const l = {
+  const r = {
     type: "object"
   };
-  a && i && (i.title && (l.title = i.title), i.description && (l.description = i.description));
+  a && i && (i.title && (r.title = i.title), i.description && (r.description = i.description), i.version && (r.version = i.version));
   const n = ae(t);
-  Object.keys(n).length > 0 && (l.properties = n);
-  const r = t.filter((d) => d.required && d.key).map((d) => d.key);
-  return r.length > 0 && (l.required = r), l;
+  Object.keys(n).length > 0 && (r.properties = n);
+  const l = t.filter((o) => o.required && o.key).map((o) => o.key);
+  return l.length > 0 && (r.required = l), r;
 }, ae = (t) => {
   const i = {};
   return t.forEach((a) => {
@@ -1415,8 +1415,8 @@ const V = (t, i, a = !0) => {
       type: a.items.type
     })), a.type === "object" && a.children && a.children.length > 0) {
       n.properties = ae(a.children);
-      const r = a.children.filter((d) => d.required && d.key).map((d) => d.key);
-      r.length > 0 && (n.required = r);
+      const l = a.children.filter((o) => o.required && o.key).map((o) => o.key);
+      l.length > 0 && (n.required = l);
     }
     i[a.key] = n;
   }), i;
@@ -1424,43 +1424,42 @@ const V = (t, i, a = !0) => {
   const i = {
     properties: []
   };
-  return (t.title || t.description) && (i.metadata = {
+  return (t.title || t.description || t.version) && (i.metadata = {
     title: typeof t.title == "string" ? t.title : "",
     description: typeof t.description == "string" ? t.description : "",
-    version: "1.0.0"
-    // Default version
+    version: typeof t.version == "string" ? t.version : "1.0.0"
   }), t.properties && typeof t.properties == "object" && (i.properties = ie(
     t.properties,
     Array.isArray(t.required) ? t.required : []
   )), i;
-}, ie = (t, i = []) => t ? Object.entries(t).filter(([, a]) => typeof a == "object").map(([a, l]) => {
-  const n = l;
-  let r = typeof n.type == "string" ? n.type : "string";
-  r === "string" && n.format === "filename" && (r = "file");
-  const d = {
+}, ie = (t, i = []) => t ? Object.entries(t).filter(([, a]) => typeof a == "object").map(([a, r]) => {
+  const n = r;
+  let l = typeof n.type == "string" ? n.type : "string";
+  l === "string" && n.format === "filename" && (l = "file");
+  const o = {
     id: le(),
     key: a,
     title: typeof n.title == "string" ? n.title : void 0,
-    type: r,
+    type: l,
     description: typeof n.description == "string" ? n.description : void 0,
     required: i.includes(a)
   };
-  return n.minLength !== void 0 && (d.minLength = n.minLength), n.maxLength !== void 0 && (d.maxLength = n.maxLength), n.pattern && (d.pattern = n.pattern), n.enum && Array.isArray(n.enum) && (d.enum = n.enum), n.minimum !== void 0 && (d.minimum = n.minimum), n.maximum !== void 0 && (d.maximum = n.maximum), n.minItems !== void 0 && (d.minItems = n.minItems), n.maxItems !== void 0 && (d.maxItems = n.maxItems), n.uniqueItems && (d.uniqueItems = n.uniqueItems), d.type === "array" && n.items && typeof n.items == "object" && !Array.isArray(n.items) && (d.items = ie(
+  return n.minLength !== void 0 && (o.minLength = n.minLength), n.maxLength !== void 0 && (o.maxLength = n.maxLength), n.pattern && (o.pattern = n.pattern), n.enum && Array.isArray(n.enum) && (o.enum = n.enum), n.minimum !== void 0 && (o.minimum = n.minimum), n.maximum !== void 0 && (o.maximum = n.maximum), n.minItems !== void 0 && (o.minItems = n.minItems), n.maxItems !== void 0 && (o.maxItems = n.maxItems), n.uniqueItems && (o.uniqueItems = n.uniqueItems), o.type === "array" && n.items && typeof n.items == "object" && !Array.isArray(n.items) && (o.items = ie(
     { item: n.items },
     []
-  ).find((c) => c.key === "item")), n.properties && typeof n.properties == "object" && (d.children = ie(
+  ).find((c) => c.key === "item")), n.properties && typeof n.properties == "object" && (o.children = ie(
     n.properties,
     Array.isArray(n.required) ? n.required : []
-  )), d;
+  )), o;
 }) : [], bt = ({
   schema: t,
   onChange: i,
   includeMetadata: a = !0
 }) => {
-  const { properties: l, metadata: n } = Le(
+  const { properties: r, metadata: n } = Le(
     () => xt(t),
     [t]
-  ), r = l, d = n || {
+  ), l = r, o = n || {
     title: "",
     description: "",
     version: ""
@@ -1470,41 +1469,41 @@ const V = (t, i, a = !0) => {
     type: "string",
     required: !1
   }), []), C = F(
-    (m, o) => {
-      const k = r.some((D) => D.id === m);
+    (m, d) => {
+      const k = l.some((D) => D.id === m);
       let L;
-      k ? L = r.map((D) => D.id === m ? o : D) : L = [...r, o];
+      k ? L = l.map((D) => D.id === m ? d : D) : L = [...l, d];
       const O = V(
         L,
-        d,
+        o,
         a
       );
       i(O);
     },
-    [r, d, a, i]
+    [l, o, a, i]
   ), h = F(
     (m) => {
-      const o = r.filter((L) => L.id !== m), k = V(
-        o,
+      const d = l.filter((L) => L.id !== m), k = V(
         d,
+        o,
         a
       );
       i(k);
     },
-    [r, d, a, i]
+    [l, o, a, i]
   ), y = F(() => {
-    const o = V([], { title: "", description: "" }, a);
-    i(o);
+    const d = V([], { title: "", description: "", version: "" }, a);
+    i(d);
   }, [a, i]), f = F(
-    (m, o) => {
-      const k = { ...d, [m]: o }, L = V(
-        r,
+    (m, d) => {
+      const k = { ...o, [m]: d }, L = V(
+        l,
         k,
         a
       );
       i(L);
     },
-    [r, d, a, i]
+    [l, o, a, i]
   ), v = F(async () => {
     const m = await gt();
     i(m);
@@ -1512,8 +1511,8 @@ const V = (t, i, a = !0) => {
     Te(t, "schema.json");
   }, [t]);
   return {
-    properties: r,
-    metadata: d,
+    properties: l,
+    metadata: o,
     addProperty: c,
     updateProperty: C,
     deleteProperty: h,
@@ -1534,8 +1533,8 @@ function Nt() {
       variant: "ghost",
       size: "icon",
       onClick: () => {
-        const l = t === "light" ? "dark" : "light";
-        i(l), localStorage.setItem("theme", l), document.documentElement.classList.toggle("dark", l === "dark");
+        const r = t === "light" ? "dark" : "light";
+        i(r), localStorage.setItem("theme", r), document.documentElement.classList.toggle("dark", r === "dark");
       },
       "data-testid": "button-theme-toggle",
       children: t === "light" ? /* @__PURE__ */ e(Ue, { className: "w-4 h-4" }) : /* @__PURE__ */ e(Xe, { className: "w-4 h-4" })
@@ -1546,10 +1545,10 @@ function Et({
   schema: t,
   onChange: i,
   showMetadata: a = !1,
-  showImport: l = !0,
+  showImport: r = !0,
   showClear: n = !0,
-  showOutput: r = !0,
-  showHeader: d = !0,
+  showOutput: l = !0,
+  showHeader: o = !0,
   className: c = "",
   showSummary: C = !1,
   typeLabels: h,
@@ -1560,7 +1559,7 @@ function Et({
 }) {
   const {
     properties: m,
-    metadata: o,
+    metadata: d,
     addProperty: k,
     updateProperty: L,
     deleteProperty: O,
@@ -1572,7 +1571,7 @@ function Et({
     onChange: i ?? (() => {
     }),
     includeMetadata: a
-  }), j = de({
+  }), j = oe({
     createInitialData: () => k(),
     onConfirm: (I) => {
       L(I.id, I);
@@ -1583,7 +1582,7 @@ function Et({
     await E();
   };
   return /* @__PURE__ */ e(
-    dt,
+    ot,
     {
       config: {
         typeLabels: h,
@@ -1593,8 +1592,8 @@ function Et({
         readonly: b
       },
       children: /* @__PURE__ */ s("div", { className: `${c} flex flex-col json-schema-builder-react`, children: [
-        d && /* @__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: [
-          !b && l && /* @__PURE__ */ e(
+        o && /* @__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: [
+          !b && r && /* @__PURE__ */ e(
             T,
             {
               variant: "outline",
@@ -1618,14 +1617,14 @@ function Et({
           /* @__PURE__ */ e(Nt, {})
         ] }) }),
         /* @__PURE__ */ s("div", { className: "flex-1 flex overflow-hidden", children: [
-          /* @__PURE__ */ e("div", { className: r ? "w-3/5 border-r" : "w-full", children: /* @__PURE__ */ s("div", { className: "h-full flex flex-col", 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(
                 vt,
                 {
-                  title: o.title,
-                  description: o.description,
-                  version: o.version,
+                  title: d.title,
+                  description: d.description,
+                  version: d.version,
                   onUpdate: (I, B) => g(I, B),
                   readonly: b
                 }
@@ -1694,7 +1693,7 @@ function Et({
               }
             ) })
           ] }) }),
-          r && /* @__PURE__ */ e("div", { className: "w-2/5", children: /* @__PURE__ */ e(yt, { schema: t }) })
+          l && /* @__PURE__ */ e("div", { className: "w-2/5", children: /* @__PURE__ */ e(yt, { schema: t }) })
         ] }),
         j.isOpen && j.data && /* @__PURE__ */ e(
           ee,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "json-schema-builder-react",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "A React component library for building and editing JSON schemas visually",
   "type": "module",
   "license": "MIT",