@powerduck/schema-designer 0.1.0

package/dist/chunk-2XUQB6BQ.js

@@ -0,0 +1,1896 @@
+import { getSchemaType, stringifySchemaValue, canParseSchemaValue, parseSchemaValue, getEnumValues, getComposition, getSchemaSummary, getArrayItems, getPrefixItems, parseOptionalNumber, toInputValue, getProperties, getRequiredProperties, updateProperty, cloneSchema2, removeProperty, setPropertyRequired, renameProperty, toSchemaRecord, createSchemaForType, setComposition, mergeSchema, getReferenceOptions, normalizeFormatOptions, diffSchemaLines } from './chunk-HI5FBHCO.js';
+import { createListCollection, Stack, HStack, VStack, Field, Input, Switch, Text, Grid, Textarea, Button, Box, IconButton, Collapsible, Popover, Portal, Tabs, NativeSelect, Select } from '@chakra-ui/react';
+import { memo, useMemo, useState, useEffect, useRef, useCallback } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { VscSettingsCompact } from 'react-icons/vsc';
+import { LuX } from 'react-icons/lu';
+
+function useSchemaEditor(schema, externalType) {
+  return useMemo(
+    () => ({
+      schema: toSchemaRecord(schema),
+      type: externalType ?? getSchemaType(schema)
+    }),
+    [schema, externalType]
+  );
+}
+function useSchemaPatch(schema, update) {
+  const patch = useCallback(
+    (next) => update(next),
+    [update]
+  );
+  const replace = useCallback(
+    (next) => {
+      const current = schema ?? {};
+      const patchValue = { ...next };
+      Object.keys(current).forEach((key) => {
+        if (!Object.hasOwn(next, key))
+          Object.defineProperty(patchValue, key, {
+            value: void 0,
+            enumerable: true,
+            configurable: true,
+            writable: true
+          });
+      });
+      update(patchValue);
+    },
+    [schema, update]
+  );
+  return { patch, replace };
+}
+var OPTIONS = createListCollection({
+  items: [
+    { value: "any", label: "Any" },
+    { value: "string", label: "String" },
+    { value: "number", label: "Number" },
+    { value: "integer", label: "Integer" },
+    { value: "boolean", label: "Boolean" },
+    { value: "array", label: "Array" },
+    { value: "object", label: "Object" },
+    { value: "null", label: "Null" }
+  ]
+});
+function SchemaTypeSelector(props) {
+  return /* @__PURE__ */ jsxs(
+    Select.Root,
+    {
+      collection: OPTIONS,
+      size: "sm",
+      width: "132px",
+      value: [props.value],
+      disabled: props.disabled,
+      onValueChange: (e) => props.onChange(e.value?.[0] ?? "any"),
+      children: [
+        /* @__PURE__ */ jsx(Select.HiddenSelect, {}),
+        /* @__PURE__ */ jsxs(Select.Control, { children: [
+          /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: "Select type" }) }),
+          /* @__PURE__ */ jsx(Select.IndicatorGroup, { children: /* @__PURE__ */ jsx(Select.Indicator, {}) })
+        ] }),
+        /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(
+          Select.Content,
+          {
+            className: "pdDesignerSelectMenu",
+            background: "var(--color-surface)",
+            color: "var(--color-text-primary)",
+            borderColor: "var(--color-border-default)",
+            fontSize: "12px",
+            children: OPTIONS.items.map((item) => /* @__PURE__ */ jsxs(Select.Item, { item, children: [
+              item.label,
+              /* @__PURE__ */ jsx(Select.ItemIndicator, {})
+            ] }, item.value))
+          }
+        ) }) })
+      ]
+    }
+  );
+}
+var SchemaHeader = memo(function SchemaHeader2(props) {
+  return /* @__PURE__ */ jsxs(Stack, { gap: "2", className: "pdDesignerSchemaSection", children: [
+    /* @__PURE__ */ jsxs(HStack, { justify: "space-between", gap: "2", align: "start", flexWrap: "wrap", children: [
+      !props.hideName && /* @__PURE__ */ jsx(VStack, { flex: "1", children: !props.hideName ? /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Field name" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size: "sm",
+            value: props.name ?? "",
+            disabled: props.disabled,
+            placeholder: "customerEmail",
+            onChange: (e) => props.onNameChange?.(e.target.value)
+          }
+        )
+      ] }) : null }),
+      /* @__PURE__ */ jsxs(HStack, { gap: "4", flexShrink: 0, align: "end", children: [
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Type" }),
+          /* @__PURE__ */ jsx(
+            SchemaTypeSelector,
+            {
+              value: props.type,
+              disabled: props.disabled,
+              onChange: props.onTypeChange
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(HStack, { gap: "2", align: "center", flexWrap: "wrap", children: props.onRequiredChange ? /* @__PURE__ */ jsxs(
+          Switch.Root,
+          {
+            checked: !!props.required,
+            disabled: props.disabled,
+            onCheckedChange: (e) => props.onRequiredChange?.(!!e.checked),
+            children: [
+              /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+              /* @__PURE__ */ jsx(Switch.Control, {}),
+              /* @__PURE__ */ jsx(Switch.Label, { children: "Required" })
+            ]
+          }
+        ) : null })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Description" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          value: props.description ?? "",
+          disabled: props.disabled,
+          placeholder: "Helpful summary for API consumers",
+          onChange: (e) => props.onDescriptionChange?.(e.target.value)
+        }
+      )
+    ] })
+  ] });
+});
+function SchemaReferenceEditor(props) {
+  const record = toSchemaRecord(props.schema);
+  const ref = typeof record.$ref === "string" ? record.$ref : "";
+  const options = getReferenceOptions(props.fullSchema);
+  if (ref && !options.includes(ref)) options.unshift(ref);
+  return /* @__PURE__ */ jsxs(Stack, { gap: "2", className: "pdDesignerSchemaSection", children: [
+    /* @__PURE__ */ jsx(HStack, { justify: "space-between", align: "center", flexWrap: "wrap", children: /* @__PURE__ */ jsxs(HStack, { gap: "2", children: [
+      ref ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "ghost",
+          onClick: props.onClearReference,
+          disabled: props.disabled,
+          children: "Use inline schema"
+        }
+      ) : null,
+      props.hasDraft && !ref ? /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "ghost",
+          onClick: props.onRestoreDraft,
+          disabled: props.disabled,
+          children: "Restore draft"
+        }
+      ) : null
+    ] }) }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "$ref" }),
+      /* @__PURE__ */ jsxs(NativeSelect.Root, { size: "sm", disabled: props.disabled, children: [
+        /* @__PURE__ */ jsxs(
+          NativeSelect.Field,
+          {
+            value: ref,
+            onChange: (event) => {
+              const value = event.target.value;
+              props.update({ $ref: value || void 0 });
+            },
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "", children: "No reference" }),
+              options.map((value) => /* @__PURE__ */ jsx("option", { value, children: value }, value))
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(NativeSelect.Indicator, {})
+      ] })
+    ] })
+  ] });
+}
+function SchemaValueEditor(props) {
+  const externalText = stringifySchemaValue(props.value);
+  const [draft, setDraft] = useState(externalText);
+  useEffect(() => {
+    setDraft(externalText);
+  }, [externalText, props.type]);
+  const booleanCollection = useMemo(
+    () => createListCollection({
+      items: [
+        { label: "Unset", value: "" },
+        { label: "True", value: "true" },
+        { label: "False", value: "false" }
+      ]
+    }),
+    []
+  );
+  const change = (text) => {
+    setDraft(text);
+    props.onTextChange?.(text);
+    if (canParseSchemaValue(text, props.type)) {
+      props.onChange(parseSchemaValue(text, props.type));
+    }
+  };
+  if (props.type === "boolean") {
+    return /* @__PURE__ */ jsxs(Field.Root, { invalid: !!props.error, children: [
+      /* @__PURE__ */ jsxs(
+        Select.Root,
+        {
+          collection: booleanCollection,
+          size: "sm",
+          disabled: props.disabled,
+          value: [String(props.value ?? "")],
+          onValueChange: (e) => change(e.value?.[0] ?? ""),
+          children: [
+            /* @__PURE__ */ jsx(Select.HiddenSelect, {}),
+            /* @__PURE__ */ jsxs(Select.Control, { children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: "Unset" }) }),
+              /* @__PURE__ */ jsx(Select.IndicatorGroup, { children: /* @__PURE__ */ jsx(Select.Indicator, {}) })
+            ] }),
+            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { className: "pdDesignerSelectMenu", children: booleanCollection.items.map((item) => /* @__PURE__ */ jsxs(Select.Item, { item, children: [
+              item.label,
+              /* @__PURE__ */ jsx(Select.ItemIndicator, {})
+            ] }, item.value)) }) }) })
+          ]
+        }
+      ),
+      props.error && /* @__PURE__ */ jsx(Field.ErrorText, { children: props.error })
+    ] });
+  }
+  const multiline = ["array", "object", "any"].includes(props.type);
+  const value = draft;
+  return /* @__PURE__ */ jsxs(Field.Root, { invalid: !!props.error, children: [
+    multiline ? /* @__PURE__ */ jsx(
+      Textarea,
+      {
+        value,
+        disabled: props.disabled,
+        placeholder: props.placeholder,
+        minH: "96px",
+        fontFamily: "mono",
+        fontSize: "xs",
+        onChange: (e) => change(e.target.value)
+      }
+    ) : /* @__PURE__ */ jsx(
+      Input,
+      {
+        size: "sm",
+        value,
+        disabled: props.disabled,
+        placeholder: props.placeholder,
+        onChange: (e) => change(e.target.value)
+      }
+    ),
+    props.error && /* @__PURE__ */ jsx(Field.ErrorText, { children: props.error })
+  ] });
+}
+function readRecord(value) {
+  return typeof value === "object" && value !== null && !Array.isArray(value) ? value : {};
+}
+function getValueError(type, text) {
+  if (!text.trim()) return "";
+  if (type === "boolean")
+    return text === "true" || text === "false" ? "" : "Pick true or false.";
+  if (type === "integer")
+    return Number.isInteger(Number(text)) ? "" : "Enter a valid integer.";
+  if (type === "number")
+    return Number.isFinite(Number(text)) ? "" : "Enter a valid number.";
+  if (type === "null") return text.trim() === "null" ? "" : 'Use "null".';
+  if (["array", "object"].includes(type))
+    return canParseSchemaValue(text, type) ? "" : "Enter valid JSON.";
+  return "";
+}
+var SchemaAdvancedEditor = memo(function SchemaAdvancedEditor2(props) {
+  const s = props.schema;
+  const schemaType = getSchemaType(s);
+  const examples = useMemo(
+    () => Array.isArray(s.examples) ? [...s.examples] : [],
+    [s.examples]
+  );
+  const [exampleDrafts, setExampleDrafts] = useState(
+    () => examples.map((item) => stringifySchemaValue(item))
+  );
+  const [exampleDraft, setExampleDraft] = useState(
+    () => stringifySchemaValue(s.example)
+  );
+  const [defaultDraft, setDefaultDraft] = useState(
+    () => stringifySchemaValue(s.default)
+  );
+  const exampleError = getValueError(schemaType, exampleDraft);
+  const defaultError = getValueError(schemaType, defaultDraft);
+  useEffect(() => {
+    setExampleDrafts(examples.map((item) => stringifySchemaValue(item)));
+  }, [examples]);
+  useEffect(() => {
+    setExampleDraft(stringifySchemaValue(s.example));
+  }, [s.example]);
+  useEffect(() => {
+    setDefaultDraft(stringifySchemaValue(s.default));
+  }, [s.default]);
+  const updateExamples = (next, drafts) => {
+    if (drafts) setExampleDrafts(drafts);
+    props.update({ examples: next.length ? next : void 0 });
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "4", className: "pdDesignerSchemaSection", children: [
+    /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "600", children: "Advanced options" }),
+    /* @__PURE__ */ jsxs(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: [
+      /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Title" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size: "sm",
+            value: typeof s.title === "string" ? s.title : "",
+            disabled: props.disabled,
+            onChange: (e) => props.update({ title: e.target.value || void 0 })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Const" }),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size: "sm",
+            value: typeof s.const === "string" ? s.const : s.const === void 0 ? "" : JSON.stringify(s.const),
+            disabled: props.disabled,
+            onChange: (e) => {
+              const raw = e.target.value;
+              if (!raw) props.update({ const: void 0 });
+              else {
+                try {
+                  props.update({ const: JSON.parse(raw) });
+                } catch {
+                  props.update({ const: raw });
+                }
+              }
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Description" }),
+      /* @__PURE__ */ jsx(
+        Textarea,
+        {
+          size: "sm",
+          minH: "80px",
+          value: typeof s.description === "string" ? s.description : "",
+          disabled: props.disabled,
+          onChange: (e) => props.update({ description: e.target.value || void 0 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: [
+      /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Example" }),
+        /* @__PURE__ */ jsx(
+          SchemaValueEditor,
+          {
+            value: s.example,
+            type: schemaType,
+            disabled: props.disabled,
+            placeholder: schemaType === "object" || schemaType === "array" ? "Enter valid JSON" : void 0,
+            error: exampleError,
+            onTextChange: setExampleDraft,
+            onChange: (value) => props.update({ example: value })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs(Field.Root, { children: [
+        /* @__PURE__ */ jsx(Field.Label, { children: "Default" }),
+        /* @__PURE__ */ jsx(
+          SchemaValueEditor,
+          {
+            value: s.default,
+            type: schemaType,
+            disabled: props.disabled,
+            error: defaultError,
+            onTextChange: setDefaultDraft,
+            onChange: (value) => props.update({ default: value })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "3", children: [
+      /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "600", children: "Examples" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            variant: "outline",
+            disabled: props.disabled,
+            onClick: () => {
+              const seed = schemaType === "boolean" ? true : schemaType === "integer" || schemaType === "number" ? 0 : schemaType === "null" ? null : schemaType === "array" ? [] : schemaType === "object" ? {} : "";
+              const next = [...examples, seed];
+              updateExamples(
+                next,
+                next.map((item) => stringifySchemaValue(item))
+              );
+            },
+            children: "Add example"
+          }
+        )
+      ] }),
+      examples.length === 0 ? /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", children: "No examples." }) : null,
+      examples.map((value, index) => {
+        const text = exampleDrafts[index] ?? stringifySchemaValue(value);
+        const error = getValueError(schemaType, text);
+        return /* @__PURE__ */ jsx(
+          Box,
+          {
+            p: "3",
+            border: "1px solid var(--color-border-subtle)",
+            borderRadius: "var(--radius-lg)",
+            bg: "var(--color-surface-subtle)",
+            children: /* @__PURE__ */ jsxs(HStack, { align: "start", gap: "2", children: [
+              /* @__PURE__ */ jsxs(Field.Root, { invalid: !!error, flex: "1", children: [
+                /* @__PURE__ */ jsxs(Field.Label, { children: [
+                  "Example ",
+                  index + 1
+                ] }),
+                /* @__PURE__ */ jsx(
+                  Input,
+                  {
+                    size: "sm",
+                    value: text,
+                    disabled: props.disabled,
+                    onChange: (e) => {
+                      const nextDrafts = [...exampleDrafts];
+                      nextDrafts[index] = e.target.value;
+                      setExampleDrafts(nextDrafts);
+                      if (canParseSchemaValue(e.target.value, schemaType)) {
+                        const next = [...examples];
+                        next[index] = parseSchemaValue(
+                          e.target.value,
+                          schemaType
+                        );
+                        updateExamples(next);
+                      }
+                    }
+                  }
+                ),
+                error ? /* @__PURE__ */ jsx(Field.ErrorText, { children: error }) : null
+              ] }),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  mt: "6",
+                  size: "xs",
+                  variant: "plain",
+                  "aria-label": "Remove example",
+                  disabled: props.disabled,
+                  onClick: () => {
+                    const next = [...examples];
+                    next.splice(index, 1);
+                    const nextDrafts = [...exampleDrafts];
+                    nextDrafts.splice(index, 1);
+                    updateExamples(next, nextDrafts);
+                  },
+                  children: "\xD7"
+                }
+              )
+            ] })
+          },
+          index
+        );
+      })
+    ] }),
+    /* @__PURE__ */ jsxs(Collapsible.Root, { defaultOpen: false, children: [
+      /* @__PURE__ */ jsx(Collapsible.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(Button, { size: "xs", variant: "ghost", alignSelf: "flex-start", children: "Show less common options" }) }),
+      /* @__PURE__ */ jsx(Collapsible.Content, { children: /* @__PURE__ */ jsxs(Stack, { gap: "4", pt: "3", children: [
+        /* @__PURE__ */ jsxs(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: [
+          /* @__PURE__ */ jsxs(Field.Root, { children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: "Content encoding" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                size: "sm",
+                value: typeof s.contentEncoding === "string" ? s.contentEncoding : "",
+                disabled: props.disabled,
+                onChange: (e) => props.update({
+                  contentEncoding: e.target.value || void 0
+                })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(Field.Root, { children: [
+            /* @__PURE__ */ jsx(Field.Label, { children: "Content media type" }),
+            /* @__PURE__ */ jsx(
+              Input,
+              {
+                size: "sm",
+                value: typeof s.contentMediaType === "string" ? s.contentMediaType : "",
+                disabled: props.disabled,
+                onChange: (e) => props.update({
+                  contentMediaType: e.target.value || void 0
+                })
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Switch.Root,
+          {
+            checked: s.deprecated === true,
+            disabled: props.disabled,
+            onCheckedChange: (e) => props.update({ deprecated: e.checked ? true : void 0 }),
+            children: [
+              /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+              /* @__PURE__ */ jsx(Switch.Control, {}),
+              /* @__PURE__ */ jsx(Switch.Label, { children: "Deprecated" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Write only" }),
+          /* @__PURE__ */ jsxs(
+            Switch.Root,
+            {
+              checked: s.writeOnly === true,
+              disabled: props.disabled,
+              onCheckedChange: (e) => props.update({ writeOnly: e.checked ? true : void 0 }),
+              children: [
+                /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+                /* @__PURE__ */ jsx(Switch.Control, {}),
+                /* @__PURE__ */ jsx(Switch.Label, { children: "Hidden from responses" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "Read only" }),
+          /* @__PURE__ */ jsxs(
+            Switch.Root,
+            {
+              checked: s.readOnly === true,
+              disabled: props.disabled,
+              onCheckedChange: (e) => props.update({ readOnly: e.checked ? true : void 0 }),
+              children: [
+                /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+                /* @__PURE__ */ jsx(Switch.Control, {}),
+                /* @__PURE__ */ jsx(Switch.Label, { children: "Hidden from requests" })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(Field.Root, { children: [
+          /* @__PURE__ */ jsx(Field.Label, { children: "External docs URL" }),
+          /* @__PURE__ */ jsx(
+            Input,
+            {
+              size: "sm",
+              value: typeof readRecord(s.externalDocs).url === "string" ? String(readRecord(s.externalDocs).url) : "",
+              disabled: props.disabled,
+              onChange: (e) => props.update({
+                externalDocs: e.target.value ? { ...readRecord(s.externalDocs), url: e.target.value } : void 0
+              })
+            }
+          )
+        ] })
+      ] }) })
+    ] })
+  ] });
+});
+function validateEnumText(type, text) {
+  if (!text.trim())
+    return type === "string" ? "" : "Enter a value or remove this entry.";
+  if (type === "integer") {
+    return Number.isInteger(Number(text)) ? "" : "Enter a valid integer.";
+  }
+  if (type === "number") {
+    return Number.isFinite(Number(text)) ? "" : "Enter a valid number.";
+  }
+  if (type === "boolean") {
+    return text === "true" || text === "false" ? "" : "Use true or false.";
+  }
+  if (type === "null") {
+    return text.trim() === "null" ? "" : 'Use "null".';
+  }
+  if (["array", "object", "any"].includes(type)) {
+    return canParseSchemaValue(text, type) ? "" : "Enter valid JSON.";
+  }
+  return "";
+}
+var SchemaEnumEditor = memo(function SchemaEnumEditor2(props) {
+  const values = useMemo(
+    () => getEnumValues(props.schema),
+    [props.schema.enum]
+  );
+  const [drafts, setDrafts] = useState(
+    () => values.map((value) => stringifySchemaValue(value))
+  );
+  useEffect(() => {
+    setDrafts(values.map((value) => stringifySchemaValue(value)));
+  }, [values]);
+  const commit = (next) => {
+    props.update({ enum: next.length ? next : void 0 });
+  };
+  const createSeedValue = () => {
+    if (props.type === "integer" || props.type === "number") return 0;
+    if (props.type === "boolean") return true;
+    if (props.type === "null") return null;
+    if (props.type === "array") return [];
+    if (props.type === "object") return {};
+    return "";
+  };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "3", children: [
+    /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "600", children: "Enum" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "outline",
+          disabled: props.disabled,
+          onClick: () => {
+            const nextValues = [...values, createSeedValue()];
+            setDrafts(nextValues.map((value) => stringifySchemaValue(value)));
+            commit(nextValues);
+          },
+          children: "Add enum"
+        }
+      )
+    ] }),
+    values.map((value, index) => {
+      const text = drafts[index] ?? stringifySchemaValue(value);
+      const error = validateEnumText(props.type, text);
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          p: "3",
+          border: "1px solid var(--color-border-subtle)",
+          borderRadius: "var(--radius-lg)",
+          bg: "var(--color-surface-subtle)",
+          children: /* @__PURE__ */ jsxs(HStack, { align: "start", gap: "2", children: [
+            /* @__PURE__ */ jsxs(Field.Root, { invalid: !!error, flex: "1", children: [
+              /* @__PURE__ */ jsxs(Field.Label, { children: [
+                "Value ",
+                index + 1
+              ] }),
+              /* @__PURE__ */ jsx(
+                Input,
+                {
+                  size: "sm",
+                  value: text,
+                  disabled: props.disabled,
+                  onChange: (e) => {
+                    const nextDrafts = [...drafts];
+                    nextDrafts[index] = e.target.value;
+                    setDrafts(nextDrafts);
+                    if (!validateEnumText(props.type, e.target.value)) {
+                      const next = [...values];
+                      next[index] = parseSchemaValue(
+                        e.target.value,
+                        props.type
+                      );
+                      commit(next);
+                    }
+                  }
+                }
+              ),
+              error ? /* @__PURE__ */ jsx(Field.ErrorText, { children: error }) : null
+            ] }),
+            /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                mt: "6",
+                size: "xs",
+                variant: "plain",
+                className: "pdDesignerSchemaIconButton",
+                "aria-label": "Remove enum value",
+                disabled: props.disabled,
+                onClick: () => {
+                  const next = [...values];
+                  next.splice(index, 1);
+                  const nextDrafts = [...drafts];
+                  nextDrafts.splice(index, 1);
+                  setDrafts(nextDrafts);
+                  commit(next);
+                },
+                children: "\xD7"
+              }
+            )
+          ] })
+        },
+        index
+      );
+    }),
+    values.length === 0 ? /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", children: "No enum values." }) : null
+  ] });
+});
+
+// src/react/shared/SettingsPanel.module.css
+var SettingsPanel_default = {
+  panel: "SettingsPanel_panel",
+  header: "SettingsPanel_header",
+  title: "SettingsPanel_title",
+  close: "SettingsPanel_close",
+  body: "SettingsPanel_body"
+};
+function SettingsPanel({
+  title,
+  children
+}) {
+  return /* @__PURE__ */ jsxs(Popover.Content, { className: SettingsPanel_default.panel, children: [
+    /* @__PURE__ */ jsxs(Popover.Header, { className: SettingsPanel_default.header, children: [
+      /* @__PURE__ */ jsx(Popover.Title, { className: SettingsPanel_default.title, children: title }),
+      /* @__PURE__ */ jsx(
+        Popover.CloseTrigger,
+        {
+          className: SettingsPanel_default.close,
+          "aria-label": "Close settings",
+          children: /* @__PURE__ */ jsx(LuX, { size: 14 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Popover.Body, { className: SettingsPanel_default.body, children })
+  ] });
+}
+var KEYS = ["allOf", "anyOf", "oneOf"];
+var CompositionList = memo(function CompositionList2(props) {
+  const { schema, fullSchema, keyName, disabled, onChange } = props;
+  const values = getComposition(schema, keyName);
+  const commit = (nextValues) => onChange(setComposition(schema, keyName, nextValues));
+  return /* @__PURE__ */ jsxs(Stack, { gap: "3", className: "pdDesignerSchemaSection", children: [
+    /* @__PURE__ */ jsxs(
+      Button,
+      {
+        size: "xs",
+        alignSelf: "flex-start",
+        variant: "outline",
+        disabled,
+        onClick: () => commit([
+          ...values,
+          { type: "object", properties: {} }
+        ]),
+        children: [
+          "Add ",
+          keyName,
+          " item"
+        ]
+      }
+    ),
+    values.length === 0 ? /* @__PURE__ */ jsxs(Text, { fontSize: "xs", color: "var(--color-text-secondary)", children: [
+      "No ",
+      keyName,
+      " rules."
+    ] }) : null,
+    values.map((item, index) => {
+      return /* @__PURE__ */ jsx(
+        Box,
+        {
+          className: "pdDesignerSchemaNestedCard",
+          children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", gap: "3", children: [
+            /* @__PURE__ */ jsxs(Box, { flex: "1", minW: "0", children: [
+              /* @__PURE__ */ jsxs(Text, { fontSize: "sm", fontWeight: "600", children: [
+                keyName,
+                "[",
+                index,
+                "]"
+              ] }),
+              /* @__PURE__ */ jsx(
+                Text,
+                {
+                  fontSize: "xs",
+                  color: "var(--color-text-secondary)",
+                  lineClamp: 2,
+                  children: getSchemaSummary(item)
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxs(HStack, { gap: "1", flexShrink: 0, children: [
+              /* @__PURE__ */ jsxs(
+                Popover.Root,
+                {
+                  lazyMount: true,
+                  unmountOnExit: true,
+                  positioning: { placement: "left-start", strategy: "fixed" },
+                  children: [
+                    /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                      IconButton,
+                      {
+                        size: "xs",
+                        variant: "outline",
+                        "aria-label": `Configure ${keyName} item ${index + 1}`,
+                        className: "pdDesignerSchemaIconButton",
+                        children: /* @__PURE__ */ jsx(VscSettingsCompact, { size: 16 })
+                      }
+                    ) }),
+                    /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsx(SettingsPanel, { title: `${keyName} \xB7 ${index + 1}`, children: /* @__PURE__ */ jsx(
+                      InlineSchemaEditor,
+                      {
+                        schema: item,
+                        fullSchema,
+                        disabled,
+                        nested: true,
+                        path: [keyName, String(index)],
+                        onChange: (value) => {
+                          const next = [...values];
+                          next[index] = value;
+                          commit(next);
+                        }
+                      }
+                    ) }) }) })
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  size: "xs",
+                  variant: "plain",
+                  "aria-label": `Remove ${keyName} item ${index + 1}`,
+                  className: "pdDesignerSchemaIconButton",
+                  disabled,
+                  onClick: () => commit(values.filter((_, itemIndex) => itemIndex !== index)),
+                  children: /* @__PURE__ */ jsx(LuX, { size: 14, strokeWidth: 1.5 })
+                }
+              )
+            ] })
+          ] })
+        },
+        `${keyName}-${index}`
+      );
+    })
+  ] });
+});
+var SchemaCompositionEditor = memo(
+  function SchemaCompositionEditor2(props) {
+    return /* @__PURE__ */ jsxs(Tabs.Root, { size: "sm", defaultValue: "allOf", variant: "plain", lazyMount: true, children: [
+      /* @__PURE__ */ jsx(Tabs.List, { className: "pdDesignerSchemaTabsList", children: KEYS.map((key) => /* @__PURE__ */ jsx(Tabs.Trigger, { value: key, children: key }, key)) }),
+      KEYS.map((key) => /* @__PURE__ */ jsx(Tabs.Content, { value: key, pt: "3", children: /* @__PURE__ */ jsx(
+        CompositionList,
+        {
+          schema: props.schema,
+          fullSchema: props.fullSchema,
+          keyName: key,
+          disabled: props.disabled,
+          onChange: props.onChange
+        }
+      ) }, key))
+    ] });
+  }
+);
+function previewText(schema) {
+  try {
+    return JSON.stringify(schema, null, 2);
+  } catch {
+    return "Schema preview unavailable: input contains a cyclic or non-JSON value.";
+  }
+}
+function SchemaPreview(props) {
+  const [copied, setCopied] = useState(false);
+  const [baselineText, setBaselineText] = useState(
+    () => previewText(props.schema)
+  );
+  const [lastStableText, setLastStableText] = useState(
+    () => previewText(props.schema)
+  );
+  const currentText = useMemo(() => previewText(props.schema), [props.schema]);
+  const copyTimerRef = useRef(
+    void 0
+  );
+  useEffect(() => () => clearTimeout(copyTimerRef.current), []);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    if (currentText === lastStableText) return;
+    if (timerRef.current) window.clearTimeout(timerRef.current);
+    timerRef.current = window.setTimeout(() => {
+      setBaselineText(lastStableText);
+      setLastStableText(currentText);
+      timerRef.current = null;
+    }, 1400);
+    return () => {
+      if (timerRef.current) window.clearTimeout(timerRef.current);
+    };
+  }, [currentText, lastStableText]);
+  const lines = useMemo(
+    () => diffSchemaLines(baselineText, currentText),
+    [baselineText, currentText]
+  );
+  const pathText = (props.path?.length ? props.path.join(" / ") : "root").replace(/\./g, " / ");
+  return /* @__PURE__ */ jsxs(Stack, { gap: "3", h: "100%", children: [
+    /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "start", children: [
+      /* @__PURE__ */ jsxs(Box, { minW: "0", children: [
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            fontSize: "sm",
+            fontWeight: "700",
+            color: "var(--color-text-primary)",
+            children: "Generated schema"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Text,
+          {
+            fontSize: "xs",
+            color: "var(--color-text-secondary)",
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            children: pathText
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "outline",
+          onClick: async () => {
+            try {
+              await navigator.clipboard.writeText(currentText);
+              setCopied(true);
+              clearTimeout(copyTimerRef.current);
+              copyTimerRef.current = setTimeout(() => setCopied(false), 1400);
+            } catch {
+              setCopied(false);
+            }
+          },
+          children: copied ? "Copied" : "Copy"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(
+      Box,
+      {
+        flex: "1",
+        minH: "0",
+        overflow: "auto",
+        border: "1px solid var(--color-border-subtle)",
+        borderRadius: "var(--radius-xl)",
+        bg: "var(--color-surface-subtle)",
+        p: "3",
+        fontFamily: "mono",
+        fontSize: "12px",
+        children: lines.map((line, index) => /* @__PURE__ */ jsx(
+          Box,
+          {
+            px: "2",
+            py: "0.5",
+            borderRadius: "var(--radius-sm)",
+            bg: line.kind === "added" ? "var(--color-success-soft)" : line.kind === "removed" ? "var(--color-danger-soft)" : "transparent",
+            color: line.kind === "added" ? "var(--color-success)" : line.kind === "removed" ? "var(--color-danger)" : "var(--color-text-primary)",
+            textDecoration: line.kind === "removed" ? "line-through" : "none",
+            whiteSpace: "pre",
+            children: line.value || " "
+          },
+          `${index}-${line.kind}-${line.value}`
+        ))
+      }
+    ),
+    copied ? /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(
+      Box,
+      {
+        position: "fixed",
+        top: "20px",
+        right: "20px",
+        zIndex: 2e3,
+        bg: "var(--color-surface)",
+        color: "var(--color-text-primary)",
+        border: "1px solid var(--color-border-default)",
+        borderRadius: "var(--radius-lg)",
+        boxShadow: "var(--shadow-md)",
+        px: "3",
+        py: "2",
+        children: "Copied schema JSON"
+      }
+    ) }) : null
+  ] });
+}
+function StringSchemaEditor(props) {
+  const formats = normalizeFormatOptions(props.formatOptions);
+  const collection = createListCollection({
+    items: [
+      { value: "", label: "None" },
+      ...formats.map((value) => ({ value, label: value }))
+    ]
+  });
+  return /* @__PURE__ */ jsx(Stack, { gap: "3", children: /* @__PURE__ */ jsxs(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Format" }),
+      /* @__PURE__ */ jsxs(
+        Select.Root,
+        {
+          collection,
+          size: "sm",
+          disabled: props.disabled,
+          value: [
+            typeof props.schema.format === "string" ? props.schema.format : ""
+          ],
+          onValueChange: (e) => props.update({ format: e.value?.[0] || void 0 }),
+          children: [
+            /* @__PURE__ */ jsx(Select.HiddenSelect, {}),
+            /* @__PURE__ */ jsxs(Select.Control, { children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: "None" }) }),
+              /* @__PURE__ */ jsx(Select.IndicatorGroup, { children: /* @__PURE__ */ jsx(Select.Indicator, {}) })
+            ] }),
+            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { className: "pdDesignerSelectMenu", children: collection.items.map((item) => /* @__PURE__ */ jsxs(Select.Item, { item, children: [
+              item.label,
+              /* @__PURE__ */ jsx(Select.ItemIndicator, {})
+            ] }, item.value)) }) }) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Pattern" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.pattern),
+          onChange: (e) => props.update({ pattern: e.target.value || void 0 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Min length" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.minLength),
+          onChange: (e) => props.update({ minLength: parseOptionalNumber(e.target.value) })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Max length" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.maxLength),
+          onChange: (e) => props.update({ maxLength: parseOptionalNumber(e.target.value) })
+        }
+      )
+    ] })
+  ] }) });
+}
+function NumberSchemaEditor(props) {
+  const formats = normalizeFormatOptions(props.formatOptions);
+  const collection = createListCollection({
+    items: [
+      { value: "", label: "None" },
+      ...formats.map((value) => ({ value, label: value }))
+    ]
+  });
+  const numeric = (key, value) => props.update({
+    [key]: parseOptionalNumber(value)
+  });
+  return /* @__PURE__ */ jsx(Stack, { gap: "3", children: /* @__PURE__ */ jsxs(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Format" }),
+      /* @__PURE__ */ jsxs(
+        Select.Root,
+        {
+          collection,
+          size: "sm",
+          disabled: props.disabled,
+          value: [
+            typeof props.schema.format === "string" ? props.schema.format : ""
+          ],
+          onValueChange: (e) => props.update({ format: e.value?.[0] || void 0 }),
+          children: [
+            /* @__PURE__ */ jsx(Select.HiddenSelect, {}),
+            /* @__PURE__ */ jsxs(Select.Control, { children: [
+              /* @__PURE__ */ jsx(Select.Trigger, { children: /* @__PURE__ */ jsx(Select.ValueText, { placeholder: "None" }) }),
+              /* @__PURE__ */ jsx(Select.IndicatorGroup, { children: /* @__PURE__ */ jsx(Select.Indicator, {}) })
+            ] }),
+            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Select.Positioner, { children: /* @__PURE__ */ jsx(Select.Content, { className: "pdDesignerSelectMenu", children: collection.items.map((item) => /* @__PURE__ */ jsxs(Select.Item, { item, children: [
+              item.label,
+              /* @__PURE__ */ jsx(Select.ItemIndicator, {})
+            ] }, item.value)) }) }) })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Multiple of" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.multipleOf),
+          onChange: (e) => numeric("multipleOf", e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Minimum" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.minimum),
+          onChange: (e) => numeric("minimum", e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Maximum" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.maximum),
+          onChange: (e) => numeric("maximum", e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Exclusive minimum" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.exclusiveMinimum),
+          onChange: (e) => numeric("exclusiveMinimum", e.target.value)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Exclusive maximum" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema.exclusiveMaximum),
+          onChange: (e) => numeric("exclusiveMaximum", e.target.value)
+        }
+      )
+    ] })
+  ] }) });
+}
+var NestedSchemaCard = memo(function NestedSchemaCard2(props) {
+  const triggerRef = useRef(null);
+  return /* @__PURE__ */ jsx(Box, { className: "pdDesignerSchemaNestedCard", children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", gap: "3", children: [
+    /* @__PURE__ */ jsxs(Box, { flex: "1", minW: "0", children: [
+      /* @__PURE__ */ jsx(Text, { fontWeight: "600", fontSize: "sm", children: props.title }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", mb: "1", children: props.description }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", lineClamp: 2, children: getSchemaSummary(props.schema) })
+    ] }),
+    props.onRemove && /* @__PURE__ */ jsx(
+      Button,
+      {
+        size: "xs",
+        variant: "ghost",
+        disabled: props.disabled,
+        onClick: props.onRemove,
+        "aria-label": `Remove ${props.title.toLowerCase()}`,
+        children: "Remove"
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Popover.Root,
+      {
+        lazyMount: true,
+        unmountOnExit: true,
+        positioning: { placement: "left-start", strategy: "fixed" },
+        onOpenChange: (details) => {
+          if (!details.open && triggerRef.current) {
+            window.requestAnimationFrame(() => triggerRef.current?.focus());
+          }
+        },
+        children: [
+          /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+            IconButton,
+            {
+              ref: triggerRef,
+              size: "xs",
+              variant: "outline",
+              "aria-label": `Configure ${props.title.toLowerCase()}`,
+              className: "pdDesignerSchemaIconButton",
+              children: /* @__PURE__ */ jsx(VscSettingsCompact, { size: 16 })
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsx(SettingsPanel, { title: props.title, children: /* @__PURE__ */ jsx(
+            InlineSchemaEditor,
+            {
+              schema: props.schema,
+              onChange: props.onChange,
+              fullSchema: props.fullSchema,
+              disabled: props.disabled,
+              nested: true,
+              path: props.path
+            }
+          ) }) }) })
+        ]
+      }
+    )
+  ] }) });
+});
+var ArraySchemaEditor = memo(function ArraySchemaEditor2(props) {
+  const items = getArrayItems(props.schema) ?? { type: "string" };
+  const prefixItems = getPrefixItems(props.schema);
+  const contains = typeof props.schema.contains === "boolean" || typeof props.schema.contains === "object" && props.schema.contains ? props.schema.contains : { type: "string" };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "4", children: [
+    /* @__PURE__ */ jsx(
+      NestedSchemaCard,
+      {
+        title: "Items schema",
+        description: "Define the schema used by each array item.",
+        schema: items,
+        fullSchema: props.fullSchema,
+        disabled: props.disabled,
+        path: ["items"],
+        onChange: (next) => props.onChange({
+          ...props.schema,
+          type: "array",
+          items: next
+        })
+      }
+    ),
+    /* @__PURE__ */ jsx(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: ["minItems", "maxItems", "minContains", "maxContains"].map((key) => /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: key }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema[key]),
+          onChange: (e) => props.onChange({
+            ...props.schema,
+            [key]: parseOptionalNumber(e.target.value)
+          })
+        }
+      )
+    ] }, key)) }),
+    /* @__PURE__ */ jsxs(
+      Switch.Root,
+      {
+        checked: props.schema.uniqueItems === true,
+        disabled: props.disabled,
+        onCheckedChange: (e) => props.onChange({
+          ...props.schema,
+          uniqueItems: e.checked ? true : void 0
+        }),
+        children: [
+          /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+          /* @__PURE__ */ jsx(Switch.Control, {}),
+          /* @__PURE__ */ jsx(Switch.Label, { children: "Unique items" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      NestedSchemaCard,
+      {
+        title: "Contains schema",
+        description: "Require at least one array item to match this schema.",
+        schema: contains,
+        fullSchema: props.fullSchema,
+        disabled: props.disabled,
+        path: ["contains"],
+        onChange: (next) => props.onChange({ ...props.schema, contains: next })
+      }
+    ),
+    /* @__PURE__ */ jsxs(Stack, { gap: "2", className: "pdDesignerSchemaSection", children: [
+      /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", children: [
+        /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "700", children: "Tuple prefix items" }),
+        /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "xs",
+            variant: "outline",
+            disabled: props.disabled,
+            onClick: () => props.onChange({
+              ...props.schema,
+              prefixItems: [...prefixItems, { type: "string" }]
+            }),
+            children: "Add prefix item"
+          }
+        )
+      ] }),
+      prefixItems.length === 0 ? /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", children: "No tuple prefix items." }) : null,
+      prefixItems.map((item, index) => /* @__PURE__ */ jsx(
+        NestedSchemaCard,
+        {
+          title: `Prefix item ${index + 1}`,
+          description: "Schema for the positional tuple item.",
+          schema: item,
+          fullSchema: props.fullSchema,
+          disabled: props.disabled,
+          path: ["prefixItems", String(index)],
+          onRemove: () => props.onChange({
+            ...props.schema,
+            prefixItems: prefixItems.filter(
+              (_, position) => position !== index
+            )
+          }),
+          onChange: (next) => {
+            const values = [...prefixItems];
+            values[index] = next;
+            props.onChange({
+              ...props.schema,
+              prefixItems: values
+            });
+          }
+        },
+        `prefix-${index}`
+      ))
+    ] })
+  ] });
+});
+var SchemaPropertyRow = memo(function SchemaPropertyRow2(props) {
+  const [name, setName] = useState(props.name);
+  const [error, setError] = useState("");
+  const triggerRef = useRef(null);
+  useEffect(() => {
+    setName(props.name);
+    setError("");
+  }, [props.name]);
+  const validate = (next) => {
+    const trimmed = next.trim();
+    if (!trimmed) return "Property name is required.";
+    if (trimmed !== props.name && props.siblingNames.includes(trimmed)) {
+      return "Property name already exists.";
+    }
+    return "";
+  };
+  const commitRename = () => {
+    const nextError = validate(name);
+    setError(nextError);
+    if (!nextError && name.trim() !== props.name) {
+      props.onRename(name.trim());
+    }
+  };
+  return /* @__PURE__ */ jsx(Box, { className: "pdDesignerSchemaNestedCard", children: /* @__PURE__ */ jsxs(HStack, { align: "start", gap: "3", className: "schemaPropertyRow", children: [
+    /* @__PURE__ */ jsxs(Field.Root, { invalid: !!error, flex: "1", minW: "0", children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: "Property" }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          value: name,
+          disabled: props.disabled,
+          onChange: (e) => {
+            setName(e.target.value);
+            setError(validate(e.target.value));
+          },
+          onBlur: commitRename,
+          onKeyDown: (e) => {
+            if (e.key === "Enter") {
+              e.preventDefault();
+              commitRename();
+            }
+            if (e.key === "Escape") {
+              setName(props.name);
+              setError("");
+            }
+            if ((e.metaKey || e.ctrlKey) && e.shiftKey && e.key.toLowerCase() === "d") {
+              e.preventDefault();
+              props.onDuplicate();
+            }
+            if ((e.metaKey || e.ctrlKey) && e.key === "Backspace") {
+              e.preventDefault();
+              props.onRemove();
+            }
+          },
+          placeholder: "Property name"
+        }
+      ),
+      error ? /* @__PURE__ */ jsx(Field.ErrorText, { children: error }) : null,
+      /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", mt: "1", children: getSchemaSummary(props.schema) })
+    ] }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "2", pt: "6", minW: "88px", flexShrink: 0, children: [
+      /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", children: getSchemaType(props.schema) }),
+      /* @__PURE__ */ jsxs(
+        Switch.Root,
+        {
+          checked: props.required,
+          disabled: props.disabled,
+          onCheckedChange: (e) => props.onRequiredChange(!!e.checked),
+          children: [
+            /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+            /* @__PURE__ */ jsx(Switch.Control, {}),
+            /* @__PURE__ */ jsx(Switch.Label, { fontSize: "xs", children: "Required" })
+          ]
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(HStack, { pt: "6", gap: "1", flexShrink: 0, children: [
+      /* @__PURE__ */ jsxs(
+        Popover.Root,
+        {
+          lazyMount: true,
+          unmountOnExit: true,
+          positioning: { placement: "left-start", strategy: "fixed" },
+          onOpenChange: (details) => {
+            if (!details.open && triggerRef.current) {
+              window.requestAnimationFrame(() => triggerRef.current?.focus());
+            }
+          },
+          children: [
+            /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+              IconButton,
+              {
+                ref: triggerRef,
+                size: "xs",
+                variant: "outline",
+                "aria-label": "Configure property",
+                className: "pdDesignerSchemaIconButton",
+                children: /* @__PURE__ */ jsx(VscSettingsCompact, { size: 16 })
+              }
+            ) }),
+            /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsx(SettingsPanel, { title: props.name, children: /* @__PURE__ */ jsx(
+              InlineSchemaEditor,
+              {
+                schema: props.schema,
+                onChange: props.onChange,
+                fullSchema: props.fullSchema,
+                disabled: props.disabled,
+                nested: true,
+                path: [props.name]
+              }
+            ) }) }) })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          pt: "0",
+          size: "xs",
+          variant: "plain",
+          "aria-label": "Duplicate property",
+          className: "pdDesignerSchemaIconButton",
+          disabled: props.disabled,
+          onClick: props.onDuplicate,
+          children: "\u29C9"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        IconButton,
+        {
+          pt: "0",
+          size: "xs",
+          variant: "plain",
+          "aria-label": "Remove property",
+          className: "pdDesignerSchemaIconButton",
+          disabled: props.disabled,
+          onClick: props.onRemove,
+          children: "\xD7"
+        }
+      )
+    ] })
+  ] }) });
+});
+var SchemaPropertyList = memo(function SchemaPropertyList2(props) {
+  const properties = useMemo(() => getProperties(props.schema), [props.schema]);
+  const required = useMemo(
+    () => getRequiredProperties(props.schema),
+    [props.schema]
+  );
+  const names = useMemo(() => Object.keys(properties), [properties]);
+  const add = useCallback(() => {
+    let index = names.length + 1;
+    let name = `property${index}`;
+    while (name in properties) name = `property${++index}`;
+    props.onChange(
+      updateProperty(props.schema, name, { type: "string" })
+    );
+  }, [names, properties, props]);
+  const duplicate = useCallback(
+    (name) => {
+      let index = 2;
+      let nextName = `${name}Copy`;
+      while (nextName in properties) nextName = `${name}Copy${index++}`;
+      props.onChange(
+        updateProperty(props.schema, nextName, cloneSchema2(properties[name]))
+      );
+    },
+    [properties, props]
+  );
+  return /* @__PURE__ */ jsxs(Stack, { gap: "3", className: "pdDesignerSchemaSection", children: [
+    /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", children: [
+      /* @__PURE__ */ jsx(Text, { fontWeight: "700", fontSize: "sm", children: "Properties" }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "xs",
+          variant: "outline",
+          disabled: props.disabled,
+          onClick: add,
+          children: "Add property"
+        }
+      )
+    ] }),
+    names.map((name) => /* @__PURE__ */ jsx(
+      SchemaPropertyRow,
+      {
+        name,
+        schema: properties[name],
+        required: required.has(name),
+        siblingNames: names,
+        fullSchema: props.fullSchema,
+        disabled: props.disabled,
+        onRename: (next) => props.onChange(renameProperty(props.schema, name, next)),
+        onDuplicate: () => duplicate(name),
+        onRequiredChange: (value) => props.onChange(setPropertyRequired(props.schema, name, value)),
+        onChange: (schema) => props.onChange(updateProperty(props.schema, name, schema)),
+        onRemove: () => props.onChange(removeProperty(props.schema, name))
+      },
+      name
+    )),
+    !names.length ? /* @__PURE__ */ jsx(Text, { fontSize: "xs", color: "var(--color-text-secondary)", children: "No properties defined." }) : null
+  ] });
+});
+var ObjectSchemaEditor = memo(function ObjectSchemaEditor2(props) {
+  const triggerRef = useRef(null);
+  const mode = props.schema.additionalProperties === false ? "deny" : typeof props.schema.additionalProperties === "object" ? "schema" : "allow";
+  const additional = typeof props.schema.additionalProperties === "object" && props.schema.additionalProperties !== null ? props.schema.additionalProperties : { type: "string" };
+  return /* @__PURE__ */ jsxs(Stack, { gap: "4", children: [
+    /* @__PURE__ */ jsx(
+      SchemaPropertyList,
+      {
+        schema: props.schema,
+        fullSchema: props.fullSchema,
+        disabled: props.disabled,
+        onChange: props.onChange
+      }
+    ),
+    /* @__PURE__ */ jsx(Grid, { templateColumns: "repeat(2, minmax(0, 1fr))", gap: "3", children: ["minProperties", "maxProperties"].map((key) => /* @__PURE__ */ jsxs(Field.Root, { children: [
+      /* @__PURE__ */ jsx(Field.Label, { children: key }),
+      /* @__PURE__ */ jsx(
+        Input,
+        {
+          size: "sm",
+          type: "number",
+          disabled: props.disabled,
+          value: toInputValue(props.schema[key]),
+          onChange: (e) => props.onChange({
+            ...props.schema,
+            [key]: parseOptionalNumber(e.target.value)
+          })
+        }
+      )
+    ] }, key)) }),
+    /* @__PURE__ */ jsxs(Stack, { gap: "2", className: "pdDesignerSchemaSection", children: [
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "700", children: "Additional properties" }),
+      /* @__PURE__ */ jsx(Field.Root, { children: /* @__PURE__ */ jsxs(NativeSelect.Root, { size: "sm", disabled: props.disabled, children: [
+        /* @__PURE__ */ jsxs(
+          NativeSelect.Field,
+          {
+            value: mode,
+            onChange: (e) => {
+              const value = e.target.value;
+              props.onChange({
+                ...props.schema,
+                additionalProperties: value === "deny" ? false : value === "schema" ? additional : void 0
+              });
+            },
+            children: [
+              /* @__PURE__ */ jsx("option", { value: "allow", children: "Allow any property" }),
+              /* @__PURE__ */ jsx("option", { value: "deny", children: "Disallow extra properties" }),
+              /* @__PURE__ */ jsx("option", { value: "schema", children: "Validate with schema" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(NativeSelect.Indicator, {})
+      ] }) }),
+      mode === "schema" ? /* @__PURE__ */ jsx(Box, { className: "pdDesignerSchemaNestedCard", children: /* @__PURE__ */ jsxs(HStack, { justify: "space-between", align: "center", gap: "3", children: [
+        /* @__PURE__ */ jsxs(Box, { flex: "1", minW: "0", children: [
+          /* @__PURE__ */ jsx(Text, { fontSize: "sm", fontWeight: "600", children: "Additional property schema" }),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              fontSize: "xs",
+              color: "var(--color-text-secondary)",
+              lineClamp: 2,
+              children: getSchemaSummary(additional)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs(
+          Popover.Root,
+          {
+            lazyMount: true,
+            unmountOnExit: true,
+            positioning: { placement: "left-start", strategy: "fixed" },
+            onOpenChange: (details) => {
+              if (!details.open && triggerRef.current) {
+                window.requestAnimationFrame(
+                  () => triggerRef.current?.focus()
+                );
+              }
+            },
+            children: [
+              /* @__PURE__ */ jsx(Popover.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+                IconButton,
+                {
+                  ref: triggerRef,
+                  size: "xs",
+                  variant: "outline",
+                  "aria-label": "Configure additional property schema",
+                  className: "pdDesignerSchemaIconButton",
+                  children: /* @__PURE__ */ jsx(VscSettingsCompact, { size: 16 })
+                }
+              ) }),
+              /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover.Positioner, { children: /* @__PURE__ */ jsx(SettingsPanel, { title: "Additional properties", children: /* @__PURE__ */ jsx(
+                InlineSchemaEditor,
+                {
+                  schema: additional,
+                  fullSchema: props.fullSchema,
+                  disabled: props.disabled,
+                  nested: true,
+                  path: ["additionalProperties"],
+                  onChange: (value) => props.onChange({
+                    ...props.schema,
+                    additionalProperties: value
+                  })
+                }
+              ) }) }) })
+            ]
+          }
+        )
+      ] }) }) : null
+    ] })
+  ] });
+});
+function BooleanSchemaEditor() {
+  return /* @__PURE__ */ jsx(Text, { fontSize: "sm", color: "var(--color-text-secondary)", children: "Boolean schemas do not expose type-specific constraints in this compact editor." });
+}
+
+// src/react/inlineSchemaEditor/InlineSchemaEditor.module.css
+var InlineSchemaEditor_default = {
+  root: "InlineSchemaEditor_root",
+  shell: "InlineSchemaEditor_shell",
+  editorPane: "InlineSchemaEditor_editorPane",
+  previewPane: "InlineSchemaEditor_previewPane",
+  reference: "InlineSchemaEditor_reference",
+  tabsList: "InlineSchemaEditor_tabsList"
+};
+var STRING_FORMATS = [
+  "date",
+  "date-time",
+  "time",
+  "duration",
+  "email",
+  "idn-email",
+  "hostname",
+  "idn-hostname",
+  "ipv4",
+  "ipv6",
+  "uri",
+  "uri-reference",
+  "iri",
+  "iri-reference",
+  "uuid",
+  "regex",
+  "json-pointer",
+  "relative-json-pointer"
+];
+var NUMBER_FORMATS = ["float", "double"];
+var INTEGER_FORMATS = ["int32", "int64"];
+function InlineSchemaEditor(props) {
+  const current = props.value !== void 0 ? props.value : props.schema;
+  const update = (patch) => {
+    if (props.disabled) return;
+    props.onChange?.(mergeSchema(current, patch));
+    props.update?.(patch);
+    if (Object.hasOwn(patch, "example")) props.onExampleChange?.(patch.example);
+    if (Object.hasOwn(patch, "default")) props.onDefaultChange?.(patch.default);
+  };
+  if (typeof current === "boolean")
+    return /* @__PURE__ */ jsx(Box, { className: InlineSchemaEditor_default.root, children: /* @__PURE__ */ jsxs(Stack, { gap: "3", children: [
+      /* @__PURE__ */ jsx(Text, { fontWeight: "600", children: current ? "Any value is allowed" : "No values are allowed" }),
+      /* @__PURE__ */ jsx(Text, { fontSize: "sm", children: "This is a boolean JSON Schema." }),
+      props.onRequiredChange && /* @__PURE__ */ jsxs(
+        Switch.Root,
+        {
+          checked: !!props.required,
+          disabled: props.disabled,
+          onCheckedChange: (event) => props.onRequiredChange?.(event.checked),
+          children: [
+            /* @__PURE__ */ jsx(Switch.HiddenInput, {}),
+            /* @__PURE__ */ jsx(Switch.Control, {}),
+            /* @__PURE__ */ jsx(Switch.Label, { children: "Required" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          disabled: props.disabled || !props.onChange,
+          onClick: () => props.onChange?.(!current),
+          children: current ? "Disallow all values" : "Allow all values"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          size: "sm",
+          variant: "outline",
+          disabled: props.disabled,
+          onClick: () => update({}),
+          children: "Configure constraints"
+        }
+      )
+    ] }) });
+  return /* @__PURE__ */ jsx(ObjectSchemaEditorView, { ...props, schema: current, update });
+}
+function ObjectSchemaEditorView(props) {
+  const { schema, type } = useSchemaEditor(props.schema, props.schemaType);
+  const { patch, replace } = useSchemaPatch(props.schema, props.update);
+  const record = toSchemaRecord(schema);
+  const isRefMode = typeof record.$ref === "string" && record.$ref.length > 0;
+  const onTypeChange = useCallback(
+    (nextType) => {
+      const next = createSchemaForType(nextType, schema);
+      replace(next);
+      props.onTypeChange?.(nextType);
+    },
+    [props, replace, schema]
+  );
+  const formatOptions = useMemo(
+    () => props.formatOptions ?? (type === "string" ? STRING_FORMATS : type === "number" ? NUMBER_FORMATS : type === "integer" ? INTEGER_FORMATS : []),
+    [props.formatOptions, type]
+  );
+  const mergeSchema2 = useCallback(
+    (next) => replace(next),
+    [replace]
+  );
+  const previewVisible = props.showLiveJson !== false && !props.nested;
+  const handleRefUpdate = useCallback(
+    (nextPatch) => {
+      patch(nextPatch);
+    },
+    [isRefMode, patch, replace, schema]
+  );
+  const showBasicEnum = !["object", "array", "null", "any"].includes(type);
+  const content = /* @__PURE__ */ jsxs(Stack, { gap: "2", minW: "0", flex: "1", children: [
+    /* @__PURE__ */ jsx(
+      SchemaHeader,
+      {
+        name: props.schemaName,
+        description: typeof schema.description === "string" ? schema.description : "",
+        type,
+        required: props.required,
+        disabled: props.disabled,
+        onTypeChange,
+        onRequiredChange: props.onRequiredChange,
+        onNameChange: props.onNameChange,
+        hideName: !!props.nested,
+        onDescriptionChange: (value) => patch({ description: value || void 0 })
+      }
+    ),
+    /* @__PURE__ */ jsxs("details", { className: InlineSchemaEditor_default.reference, open: isRefMode || void 0, children: [
+      /* @__PURE__ */ jsxs("summary", { children: [
+        "Reference",
+        isRefMode ? " linked" : " (optional)"
+      ] }),
+      /* @__PURE__ */ jsx(
+        SchemaReferenceEditor,
+        {
+          schema,
+          fullSchema: props.fullSchema,
+          disabled: props.disabled,
+          onClearReference: () => handleRefUpdate({ $ref: void 0 }),
+          update: handleRefUpdate
+        }
+      )
+    ] }),
+    !isRefMode && /* @__PURE__ */ jsxs(
+      Tabs.Root,
+      {
+        size: "sm",
+        defaultValue: "core",
+        variant: "plain",
+        lazyMount: true,
+        unmountOnExit: true,
+        children: [
+          /* @__PURE__ */ jsxs(Tabs.List, { className: InlineSchemaEditor_default.tabsList, children: [
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "core", children: "Core" }),
+            /* @__PURE__ */ jsx(Tabs.Trigger, { value: "validation", children: "Validation" }),
+            props.showAdvanced !== false && /* @__PURE__ */ jsx(Tabs.Trigger, { value: "advanced", children: "Advanced" })
+          ] }),
+          /* @__PURE__ */ jsx(Tabs.Content, { value: "core", pt: "2", children: /* @__PURE__ */ jsxs(Stack, { gap: "2", children: [
+            type === "string" && /* @__PURE__ */ jsx(
+              StringSchemaEditor,
+              {
+                schema,
+                disabled: props.disabled,
+                formatOptions,
+                update: patch
+              }
+            ),
+            (type === "number" || type === "integer") && /* @__PURE__ */ jsx(
+              NumberSchemaEditor,
+              {
+                schema,
+                disabled: props.disabled,
+                formatOptions,
+                update: patch
+              }
+            ),
+            type === "boolean" && /* @__PURE__ */ jsx(BooleanSchemaEditor, {}),
+            type === "array" && /* @__PURE__ */ jsx(
+              ArraySchemaEditor,
+              {
+                schema,
+                fullSchema: props.fullSchema,
+                disabled: props.disabled,
+                onChange: mergeSchema2
+              }
+            ),
+            type === "object" && /* @__PURE__ */ jsx(
+              ObjectSchemaEditor,
+              {
+                schema,
+                fullSchema: props.fullSchema,
+                disabled: props.disabled,
+                onChange: mergeSchema2
+              }
+            )
+          ] }) }),
+          /* @__PURE__ */ jsx(Tabs.Content, { value: "validation", pt: "2", children: /* @__PURE__ */ jsxs(Stack, { gap: "2", children: [
+            showBasicEnum ? /* @__PURE__ */ jsx(
+              SchemaEnumEditor,
+              {
+                schema,
+                type,
+                disabled: props.disabled,
+                update: patch
+              }
+            ) : null,
+            props.showComposition !== false && /* @__PURE__ */ jsxs("details", { className: InlineSchemaEditor_default.reference, children: [
+              /* @__PURE__ */ jsx("summary", { children: "Composition rules (allOf / anyOf / oneOf)" }),
+              /* @__PURE__ */ jsx(
+                SchemaCompositionEditor,
+                {
+                  schema,
+                  fullSchema: props.fullSchema,
+                  disabled: props.disabled,
+                  onChange: mergeSchema2
+                }
+              )
+            ] })
+          ] }) }),
+          /* @__PURE__ */ jsx(Tabs.Content, { value: "advanced", pt: "2", children: /* @__PURE__ */ jsx(
+            SchemaAdvancedEditor,
+            {
+              schema,
+              disabled: props.disabled,
+              update: patch
+            }
+          ) })
+        ]
+      }
+    )
+  ] });
+  if (props.nested) {
+    return /* @__PURE__ */ jsx(Box, { className: InlineSchemaEditor_default.root, children: content });
+  }
+  return /* @__PURE__ */ jsx(Box, { className: InlineSchemaEditor_default.root, children: /* @__PURE__ */ jsxs(Box, { className: InlineSchemaEditor_default.shell, children: [
+    /* @__PURE__ */ jsx(Box, { className: InlineSchemaEditor_default.editorPane, children: content }),
+    previewVisible && /* @__PURE__ */ jsx(Box, { className: InlineSchemaEditor_default.previewPane, children: /* @__PURE__ */ jsx(SchemaPreview, { schema, path: props.path }) })
+  ] }) });
+}
+
+export { InlineSchemaEditor, InlineSchemaEditor_default, SettingsPanel };