@petrarca/sonnet-playground 0.1.6 → 0.3.0

package/dist/chunk-P7I5IDXA.js

@@ -1,432 +0,0 @@
-// src/pages/PlayFormWidgets.tsx
-import { useCallback, useState } from "react";
-import { SimpleStack, Card } from "@petrarca/sonnet-ui";
-import {
-  TextInputWidget,
-  TextareaWidget,
-  NumberWidget,
-  CheckboxWidget,
-  SelectWidget,
-  QuantityWidget,
-  DEFAULT_WIDGETS
-} from "@petrarca/sonnet-forms";
-import { jsx, jsxs } from "react/jsx-runtime";
-function PlayFormWidgets() {
-  const [textValue, setTextValue] = useState("");
-  const [textareaValue, setTextareaValue] = useState("");
-  const [numberValue, setNumberValue] = useState(void 0);
-  const [checkboxValue, setCheckboxValue] = useState(false);
-  const [selectValue, setSelectValue] = useState("");
-  const [multiSelectValue, setMultiSelectValue] = useState([]);
-  const [multiSelectColorValue, setMultiSelectColorValue] = useState(
-    []
-  );
-  const [tempValue, setTempValue] = useState({
-    value: 37,
-    unit: "degC"
-  });
-  const [weightValue, setWeightValue] = useState({
-    value: void 0,
-    unit: "kg"
-  });
-  const [bpValue, setBpValue] = useState({
-    value: 72,
-    unit: "bpm"
-  });
-  const [priceValue, setPriceValue] = useState({
-    value: 49.99,
-    unit: "EUR"
-  });
-  const onTextChange = useCallback(
-    (v) => setTextValue(typeof v === "string" ? v : ""),
-    []
-  );
-  const onTextareaChange = useCallback(
-    (v) => setTextareaValue(typeof v === "string" ? v : ""),
-    []
-  );
-  const onNumberChange = useCallback(
-    (v) => setNumberValue(typeof v === "number" ? v : void 0),
-    []
-  );
-  const onCheckboxChange = useCallback(
-    (v) => setCheckboxValue(typeof v === "boolean" ? v : false),
-    []
-  );
-  const onSelectChange = useCallback(
-    (v) => setSelectValue(typeof v === "string" ? v : ""),
-    []
-  );
-  const onMultiSelectChange = useCallback(
-    (v) => setMultiSelectValue(Array.isArray(v) ? v : []),
-    []
-  );
-  const onMultiSelectColorChange = useCallback(
-    (v) => setMultiSelectColorValue(Array.isArray(v) ? v : []),
-    []
-  );
-  const onTempChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setTempValue(v);
-    }
-  }, []);
-  const onWeightChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setWeightValue(v);
-    }
-  }, []);
-  const onBpChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setBpValue(v);
-    }
-  }, []);
-  const onPriceChange = useCallback((v) => {
-    if (v != null && typeof v === "object" && !Array.isArray(v)) {
-      setPriceValue(v);
-    }
-  }, []);
-  const dummySchema = {
-    title: "Form Widgets Demo",
-    type: "object",
-    properties: {},
-    "x-entity": {
-      type: "entity",
-      label: "Demo",
-      relations: []
-    }
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      style: {
-        width: "100%",
-        height: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden"
-      },
-      children: [
-        /* @__PURE__ */ jsxs("div", { style: { padding: "1rem 1rem 0 1rem" }, children: [
-          /* @__PURE__ */ jsx("h1", { children: "Basic Form Widgets Playground" }),
-          /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mb-3", children: "Interactive demonstration of all basic form widgets" })
-        ] }),
-        /* @__PURE__ */ jsx("div", { style: { flex: 1, overflow: "auto", padding: "0 1rem 1rem 1rem" }, children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "md", style: { maxWidth: "900px" }, children: [
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "TextInputWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Single-line text input with support for various HTML input types (text, email, password, url, etc.)" }),
-            /* @__PURE__ */ jsx(
-              TextInputWidget,
-              {
-                id: "text-input-demo",
-                name: "textInput",
-                value: textValue,
-                onChange: onTextChange,
-                label: "Text Input",
-                description: "Enter some text",
-                placeholder: "Type here...",
-                propertySchema: { type: "string" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              TextInputWidget,
-              {
-                id: "text-input-email",
-                name: "emailInput",
-                value: textValue,
-                onChange: onTextChange,
-                label: "Email Input",
-                description: "Input type: email",
-                placeholder: "user@example.com",
-                propertySchema: { type: "string", format: "email" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS,
-                options: { inputType: "email" }
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: textValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "TextareaWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Multi-line text input with configurable rows and autosize support" }),
-            /* @__PURE__ */ jsx(
-              TextareaWidget,
-              {
-                id: "textarea-demo",
-                name: "textarea",
-                value: textareaValue,
-                onChange: onTextareaChange,
-                label: "Textarea",
-                description: "Enter multiple lines",
-                placeholder: "Type here...",
-                propertySchema: { type: "string" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS,
-                options: { rows: 4 }
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: textareaValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "NumberWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Number input with support for min, max, and step constraints" }),
-            /* @__PURE__ */ jsx(
-              NumberWidget,
-              {
-                id: "number-demo",
-                name: "number",
-                value: numberValue,
-                onChange: onNumberChange,
-                label: "Number Input",
-                description: "Enter a number (0-100, step: 5)",
-                placeholder: "0",
-                propertySchema: { type: "number", minimum: 0, maximum: 100 },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS,
-                options: { step: 5 }
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: numberValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "CheckboxWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Boolean checkbox for true/false values" }),
-            /* @__PURE__ */ jsx(
-              CheckboxWidget,
-              {
-                id: "checkbox-demo",
-                name: "checkbox",
-                value: checkboxValue,
-                onChange: onCheckboxChange,
-                label: "Enable Feature",
-                description: "Check to enable",
-                propertySchema: { type: "boolean" },
-                schema: dummySchema,
-                registry: DEFAULT_WIDGETS
-              }
-            ),
-            /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: checkboxValue }, null, 2) }) })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "SelectWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Dropdown select for enum values with single-select, multi-select, and custom badge colors" }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Single Select" }),
-              /* @__PURE__ */ jsx(
-                SelectWidget,
-                {
-                  id: "select-demo",
-                  name: "select",
-                  value: selectValue,
-                  onChange: onSelectChange,
-                  label: "Select Status",
-                  description: "Choose a status",
-                  placeholder: "Select one...",
-                  propertySchema: {
-                    type: "string",
-                    enum: ["active", "inactive", "pending", "archived"]
-                  },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    enumNames: {
-                      active: "Active",
-                      inactive: "Inactive",
-                      pending: "Pending",
-                      archived: "Archived"
-                    },
-                    searchable: true,
-                    clearable: true
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: selectValue }, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi Select (auto-enabled when type is 'array')" }),
-              /* @__PURE__ */ jsx(
-                SelectWidget,
-                {
-                  id: "multiselect-demo",
-                  name: "multiselect",
-                  value: multiSelectValue,
-                  onChange: onMultiSelectChange,
-                  label: "Select Tags",
-                  description: "Choose multiple tags",
-                  placeholder: "Select tags...",
-                  propertySchema: {
-                    type: "array",
-                    items: { type: "string" },
-                    enum: [
-                      "frontend",
-                      "backend",
-                      "database",
-                      "devops",
-                      "testing",
-                      "security"
-                    ]
-                  },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: { searchable: true, clearable: true }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: multiSelectValue }, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi Select with Custom Badge Color" }),
-              /* @__PURE__ */ jsx(
-                SelectWidget,
-                {
-                  id: "multiselect-color-demo",
-                  name: "multiselectColor",
-                  value: multiSelectColorValue,
-                  onChange: onMultiSelectColorChange,
-                  label: "Select Categories",
-                  description: "Custom grape-colored badges",
-                  placeholder: "Select categories...",
-                  propertySchema: {
-                    type: "array",
-                    items: { type: "string" },
-                    enum: [
-                      "feature",
-                      "bugfix",
-                      "enhancement",
-                      "documentation",
-                      "refactor"
-                    ]
-                  },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    searchable: true,
-                    clearable: true,
-                    badgeColor: "grape",
-                    enumNames: {
-                      feature: "Feature",
-                      bugfix: "Bug Fix",
-                      enhancement: "Enhancement",
-                      documentation: "Documentation",
-                      refactor: "Refactor"
-                    }
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify({ value: multiSelectColorValue }, null, 2) }) })
-            ] })
-          ] }) }),
-          /* @__PURE__ */ jsx(Card, { className: "border shadow-sm p-4", children: /* @__PURE__ */ jsxs(SimpleStack, { gap: "sm", children: [
-            /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold", children: "QuantityWidget" }),
-            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: "Compound numeric value + unit selector. Multi-unit shows a dropdown, single-unit shows static text, prefix mode places the unit before the value." }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi-unit suffix (Temperature)" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-temp",
-                  name: "temperature",
-                  value: tempValue,
-                  onChange: onTempChange,
-                  label: "Temperature",
-                  description: "Body temperature with per-unit validation",
-                  placeholder: "0.0",
-                  propertySchema: { type: "object" },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 1,
-                    units: [
-                      { value: "degC", label: "C", min: 35, max: 42 },
-                      { value: "degF", label: "F", min: 95, max: 108 }
-                    ]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(tempValue, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Single-unit suffix (Weight) -- unit shown as static text" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-weight",
-                  name: "weight",
-                  value: weightValue,
-                  onChange: onWeightChange,
-                  label: "Weight",
-                  description: "Single unit, global min/max from schema",
-                  placeholder: "0",
-                  propertySchema: { type: "object", minimum: 0, maximum: 500 },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 1,
-                    units: [{ value: "kg", label: "kg" }]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(weightValue, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Integer mode (Heart Rate)" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-hr",
-                  name: "heartRate",
-                  value: bpValue,
-                  onChange: onBpChange,
-                  label: "Heart Rate",
-                  description: "Integer with per-unit validation (30-250 bpm)",
-                  placeholder: "0",
-                  propertySchema: { type: "object" },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 0,
-                    units: [{ value: "bpm", label: "bpm", min: 30, max: 250 }]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(bpValue, null, 2) }) })
-            ] }),
-            /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium mb-1", children: "Multi-unit prefix (Currency) -- unit before the value" }),
-              /* @__PURE__ */ jsx(
-                QuantityWidget,
-                {
-                  id: "quantity-price",
-                  name: "price",
-                  value: priceValue,
-                  onChange: onPriceChange,
-                  label: "Price",
-                  description: "Currency symbol as prefix, multi-unit selector",
-                  placeholder: "0.00",
-                  propertySchema: { type: "object", minimum: 0 },
-                  schema: dummySchema,
-                  registry: DEFAULT_WIDGETS,
-                  options: {
-                    precision: 2,
-                    unitPosition: "prefix",
-                    units: [
-                      { value: "EUR", label: "EUR" },
-                      { value: "USD", label: "$" },
-                      { value: "GBP", label: "GBP" }
-                    ]
-                  }
-                }
-              ),
-              /* @__PURE__ */ jsx("pre", { className: "text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2", children: /* @__PURE__ */ jsx("code", { children: JSON.stringify(priceValue, null, 2) }) })
-            ] })
-          ] }) })
-        ] }) })
-      ]
-    }
-  );
-}
-
-export {
-  PlayFormWidgets
-};
-//# sourceMappingURL=chunk-P7I5IDXA.js.map

package/dist/chunk-P7I5IDXA.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayFormWidgets.tsx"],"sourcesContent":["/**\n * Playground page for testing form widgets\n * Accessible at /playground/form-widgets\n */\n\nimport { useCallback, useState } from \"react\";\nimport { SimpleStack, Card } from \"@petrarca/sonnet-ui\";\nimport {\n  TextInputWidget,\n  TextareaWidget,\n  NumberWidget,\n  CheckboxWidget,\n  SelectWidget,\n  QuantityWidget,\n  DEFAULT_WIDGETS,\n  type QuantityValue,\n} from \"@petrarca/sonnet-forms\";\nimport type { JsonSchema } from \"@petrarca/sonnet-core/schema\";\n\nexport default function PlayFormWidgets() {\n  // State for each widget\n  const [textValue, setTextValue] = useState<string>(\"\");\n  const [textareaValue, setTextareaValue] = useState<string>(\"\");\n  const [numberValue, setNumberValue] = useState<number | undefined>(undefined);\n  const [checkboxValue, setCheckboxValue] = useState<boolean>(false);\n  const [selectValue, setSelectValue] = useState<string>(\"\");\n  const [multiSelectValue, setMultiSelectValue] = useState<string[]>([]);\n  const [multiSelectColorValue, setMultiSelectColorValue] = useState<string[]>(\n    [],\n  );\n  const [tempValue, setTempValue] = useState<QuantityValue>({\n    value: 37.0,\n    unit: \"degC\",\n  });\n  const [weightValue, setWeightValue] = useState<QuantityValue>({\n    value: undefined,\n    unit: \"kg\",\n  });\n  const [bpValue, setBpValue] = useState<QuantityValue>({\n    value: 72,\n    unit: \"bpm\",\n  });\n  const [priceValue, setPriceValue] = useState<QuantityValue>({\n    value: 49.99,\n    unit: \"EUR\",\n  });\n\n  // Narrowing adapters: WidgetProps.onChange is (value: unknown) => void.\n  // All quantity adapters have stable identity (empty deps) -- the fallback\n  // branch is dropped so the state setter is not captured in the closure.\n  const onTextChange = useCallback(\n    (v: unknown) => setTextValue(typeof v === \"string\" ? v : \"\"),\n    [],\n  );\n  const onTextareaChange = useCallback(\n    (v: unknown) => setTextareaValue(typeof v === \"string\" ? v : \"\"),\n    [],\n  );\n  const onNumberChange = useCallback(\n    (v: unknown) => setNumberValue(typeof v === \"number\" ? v : undefined),\n    [],\n  );\n  const onCheckboxChange = useCallback(\n    (v: unknown) => setCheckboxValue(typeof v === \"boolean\" ? v : false),\n    [],\n  );\n  const onSelectChange = useCallback(\n    (v: unknown) => setSelectValue(typeof v === \"string\" ? v : \"\"),\n    [],\n  );\n  const onMultiSelectChange = useCallback(\n    (v: unknown) =>\n      setMultiSelectValue(Array.isArray(v) ? (v as string[]) : []),\n    [],\n  );\n  const onMultiSelectColorChange = useCallback(\n    (v: unknown) =>\n      setMultiSelectColorValue(Array.isArray(v) ? (v as string[]) : []),\n    [],\n  );\n  // H3: Quantity onChange adapters use the functional updater form so the\n  // setter itself is stable (no state value in closure, no dep array entry).\n  // QuantityWidget always passes a QuantityValue; the guard ensures type safety\n  // without capturing the previous state value.\n  const onTempChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setTempValue(v as QuantityValue);\n    }\n  }, []);\n  const onWeightChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setWeightValue(v as QuantityValue);\n    }\n  }, []);\n  const onBpChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setBpValue(v as QuantityValue);\n    }\n  }, []);\n  const onPriceChange = useCallback((v: unknown) => {\n    if (v != null && typeof v === \"object\" && !Array.isArray(v)) {\n      setPriceValue(v as QuantityValue);\n    }\n  }, []);\n\n  // Dummy schema for widgets\n  const dummySchema: JsonSchema = {\n    title: \"Form Widgets Demo\",\n    type: \"object\",\n    properties: {},\n    \"x-entity\": {\n      type: \"entity\",\n      label: \"Demo\",\n      relations: [],\n    },\n  };\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        height: \"100vh\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div style={{ padding: \"1rem 1rem 0 1rem\" }}>\n        <h1>Basic Form Widgets Playground</h1>\n        <p className=\"text-sm text-muted-foreground mb-3\">\n          Interactive demonstration of all basic form widgets\n        </p>\n      </div>\n\n      <div style={{ flex: 1, overflow: \"auto\", padding: \"0 1rem 1rem 1rem\" }}>\n        <SimpleStack gap=\"md\" style={{ maxWidth: \"900px\" }}>\n          {/* TextInputWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">TextInputWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Single-line text input with support for various HTML input types\n                (text, email, password, url, etc.)\n              </p>\n\n              <TextInputWidget\n                id=\"text-input-demo\"\n                name=\"textInput\"\n                value={textValue}\n                onChange={onTextChange}\n                label=\"Text Input\"\n                description=\"Enter some text\"\n                placeholder=\"Type here...\"\n                propertySchema={{ type: \"string\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n              />\n\n              <TextInputWidget\n                id=\"text-input-email\"\n                name=\"emailInput\"\n                value={textValue}\n                onChange={onTextChange}\n                label=\"Email Input\"\n                description=\"Input type: email\"\n                placeholder=\"user@example.com\"\n                propertySchema={{ type: \"string\", format: \"email\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n                options={{ inputType: \"email\" }}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: textValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* TextareaWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">TextareaWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Multi-line text input with configurable rows and autosize\n                support\n              </p>\n\n              <TextareaWidget\n                id=\"textarea-demo\"\n                name=\"textarea\"\n                value={textareaValue}\n                onChange={onTextareaChange}\n                label=\"Textarea\"\n                description=\"Enter multiple lines\"\n                placeholder=\"Type here...\"\n                propertySchema={{ type: \"string\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n                options={{ rows: 4 }}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: textareaValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* NumberWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">NumberWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Number input with support for min, max, and step constraints\n              </p>\n\n              <NumberWidget\n                id=\"number-demo\"\n                name=\"number\"\n                value={numberValue}\n                onChange={onNumberChange}\n                label=\"Number Input\"\n                description=\"Enter a number (0-100, step: 5)\"\n                placeholder=\"0\"\n                propertySchema={{ type: \"number\", minimum: 0, maximum: 100 }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n                options={{ step: 5 }}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: numberValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* CheckboxWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">CheckboxWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Boolean checkbox for true/false values\n              </p>\n\n              <CheckboxWidget\n                id=\"checkbox-demo\"\n                name=\"checkbox\"\n                value={checkboxValue}\n                onChange={onCheckboxChange}\n                label=\"Enable Feature\"\n                description=\"Check to enable\"\n                propertySchema={{ type: \"boolean\" }}\n                schema={dummySchema}\n                registry={DEFAULT_WIDGETS}\n              />\n\n              <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto\">\n                <code>{JSON.stringify({ value: checkboxValue }, null, 2)}</code>\n              </pre>\n            </SimpleStack>\n          </Card>\n\n          {/* SelectWidget - All Variations */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">SelectWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Dropdown select for enum values with single-select,\n                multi-select, and custom badge colors\n              </p>\n\n              {/* Single Select */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">Single Select</p>\n                <SelectWidget\n                  id=\"select-demo\"\n                  name=\"select\"\n                  value={selectValue}\n                  onChange={onSelectChange}\n                  label=\"Select Status\"\n                  description=\"Choose a status\"\n                  placeholder=\"Select one...\"\n                  propertySchema={{\n                    type: \"string\",\n                    enum: [\"active\", \"inactive\", \"pending\", \"archived\"],\n                  }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    enumNames: {\n                      active: \"Active\",\n                      inactive: \"Inactive\",\n                      pending: \"Pending\",\n                      archived: \"Archived\",\n                    },\n                    searchable: true,\n                    clearable: true,\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify({ value: selectValue }, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Multi Select */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi Select (auto-enabled when type is 'array')\n                </p>\n                <SelectWidget\n                  id=\"multiselect-demo\"\n                  name=\"multiselect\"\n                  value={multiSelectValue}\n                  onChange={onMultiSelectChange}\n                  label=\"Select Tags\"\n                  description=\"Choose multiple tags\"\n                  placeholder=\"Select tags...\"\n                  propertySchema={{\n                    type: \"array\",\n                    items: { type: \"string\" },\n                    enum: [\n                      \"frontend\",\n                      \"backend\",\n                      \"database\",\n                      \"devops\",\n                      \"testing\",\n                      \"security\",\n                    ],\n                  }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{ searchable: true, clearable: true }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>\n                    {JSON.stringify({ value: multiSelectValue }, null, 2)}\n                  </code>\n                </pre>\n              </div>\n\n              {/* Multi Select with Badge Color */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi Select with Custom Badge Color\n                </p>\n                <SelectWidget\n                  id=\"multiselect-color-demo\"\n                  name=\"multiselectColor\"\n                  value={multiSelectColorValue}\n                  onChange={onMultiSelectColorChange}\n                  label=\"Select Categories\"\n                  description=\"Custom grape-colored badges\"\n                  placeholder=\"Select categories...\"\n                  propertySchema={{\n                    type: \"array\",\n                    items: { type: \"string\" },\n                    enum: [\n                      \"feature\",\n                      \"bugfix\",\n                      \"enhancement\",\n                      \"documentation\",\n                      \"refactor\",\n                    ],\n                  }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    searchable: true,\n                    clearable: true,\n                    badgeColor: \"grape\",\n                    enumNames: {\n                      feature: \"Feature\",\n                      bugfix: \"Bug Fix\",\n                      enhancement: \"Enhancement\",\n                      documentation: \"Documentation\",\n                      refactor: \"Refactor\",\n                    },\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>\n                    {JSON.stringify({ value: multiSelectColorValue }, null, 2)}\n                  </code>\n                </pre>\n              </div>\n            </SimpleStack>\n          </Card>\n\n          {/* QuantityWidget */}\n          <Card className=\"border shadow-sm p-4\">\n            <SimpleStack gap=\"sm\">\n              <p className=\"text-lg font-semibold\">QuantityWidget</p>\n              <p className=\"text-sm text-muted-foreground\">\n                Compound numeric value + unit selector. Multi-unit shows a\n                dropdown, single-unit shows static text, prefix mode places the\n                unit before the value.\n              </p>\n\n              {/* Multi-unit suffix: Temperature */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi-unit suffix (Temperature)\n                </p>\n                <QuantityWidget\n                  id=\"quantity-temp\"\n                  name=\"temperature\"\n                  value={tempValue}\n                  onChange={onTempChange}\n                  label=\"Temperature\"\n                  description=\"Body temperature with per-unit validation\"\n                  placeholder=\"0.0\"\n                  propertySchema={{ type: \"object\" }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 1,\n                    units: [\n                      { value: \"degC\", label: \"C\", min: 35, max: 42 },\n                      { value: \"degF\", label: \"F\", min: 95, max: 108 },\n                    ],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(tempValue, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Single-unit suffix: Weight */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Single-unit suffix (Weight) -- unit shown as static text\n                </p>\n                <QuantityWidget\n                  id=\"quantity-weight\"\n                  name=\"weight\"\n                  value={weightValue}\n                  onChange={onWeightChange}\n                  label=\"Weight\"\n                  description=\"Single unit, global min/max from schema\"\n                  placeholder=\"0\"\n                  propertySchema={{ type: \"object\", minimum: 0, maximum: 500 }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 1,\n                    units: [{ value: \"kg\", label: \"kg\" }],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(weightValue, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Single-unit suffix: Heart rate (integer) */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Integer mode (Heart Rate)\n                </p>\n                <QuantityWidget\n                  id=\"quantity-hr\"\n                  name=\"heartRate\"\n                  value={bpValue}\n                  onChange={onBpChange}\n                  label=\"Heart Rate\"\n                  description=\"Integer with per-unit validation (30-250 bpm)\"\n                  placeholder=\"0\"\n                  propertySchema={{ type: \"object\" }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 0,\n                    units: [{ value: \"bpm\", label: \"bpm\", min: 30, max: 250 }],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(bpValue, null, 2)}</code>\n                </pre>\n              </div>\n\n              {/* Multi-unit prefix: Currency */}\n              <div>\n                <p className=\"text-sm font-medium mb-1\">\n                  Multi-unit prefix (Currency) -- unit before the value\n                </p>\n                <QuantityWidget\n                  id=\"quantity-price\"\n                  name=\"price\"\n                  value={priceValue}\n                  onChange={onPriceChange}\n                  label=\"Price\"\n                  description=\"Currency symbol as prefix, multi-unit selector\"\n                  placeholder=\"0.00\"\n                  propertySchema={{ type: \"object\", minimum: 0 }}\n                  schema={dummySchema}\n                  registry={DEFAULT_WIDGETS}\n                  options={{\n                    precision: 2,\n                    unitPosition: \"prefix\",\n                    units: [\n                      { value: \"EUR\", label: \"EUR\" },\n                      { value: \"USD\", label: \"$\" },\n                      { value: \"GBP\", label: \"GBP\" },\n                    ],\n                  }}\n                />\n                <pre className=\"text-[11px] bg-muted p-2 rounded overflow-x-auto mt-2\">\n                  <code>{JSON.stringify(priceValue, null, 2)}</code>\n                </pre>\n              </div>\n            </SimpleStack>\n          </Card>\n        </SimpleStack>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/chunk-QIETZUEN.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pages/PlayForms.tsx"],"sourcesContent":["/**\n * Playground page for testing JsonSchemaFormRenderer\n * Accessible at /playground/forms\n */\n\nimport { useState, useCallback } from \"react\";\nimport type { FormDiff } from \"@petrarca/sonnet-core/schema\";\nimport {\n  SimpleStack,\n  SimpleGroup,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n  Card,\n  Badge,\n  SimpleTooltip,\n  Button,\n} from \"@petrarca/sonnet-ui\";\nimport {\n  FormSelect,\n  FormCheckbox,\n  JsonSchemaFormRenderer,\n  type UISchema,\n} from \"@petrarca/sonnet-forms\";\nimport { JsonEditor } from \"@petrarca/sonnet-ui/json-editor\";\nimport {\n  ArrowRight,\n  ChevronLeft,\n  ChevronRight as ChevronRightIcon,\n} from \"lucide-react\";\nimport type { JsonSchema } from \"@petrarca/sonnet-core/schema\";\n\n// Sample schemas\nconst SAMPLE_SCHEMA: JsonSchema = {\n  title: \"Practitioner\",\n  type: \"object\",\n  properties: {\n    name: { type: \"string\", title: \"Full Name\" },\n    npi: { type: \"string\", title: \"NPI\" },\n    specialty: {\n      type: \"string\",\n      title: \"Specialty\",\n      enum: [\"cardiology\", \"neurology\", \"oncology\", \"radiology\", \"general\"],\n    },\n    notes: {\n      type: \"string\",\n      title: \"Notes\",\n      \"x-ui-widget\": \"textarea\",\n    },\n    years_experience: {\n      type: \"integer\",\n      title: \"Years of Experience\",\n      minimum: 0,\n      maximum: 60,\n    },\n    active: { type: \"boolean\", title: \"Active\" },\n  },\n  required: [\"name\", \"npi\"],\n};\n\n// Nested object (1:1)\nconst NESTED_OBJECT_SCHEMA: JsonSchema = {\n  title: \"Patient\",\n  type: \"object\",\n  properties: {\n    family_name: { type: \"string\", title: \"Family Name\" },\n    given_name: { type: \"string\", title: \"Given Name\" },\n    birth_date: { type: \"string\", title: \"Date of Birth\", format: \"date\" },\n    contact: {\n      type: \"object\",\n      title: \"Contact\",\n      properties: {\n        phone: { type: \"string\", title: \"Phone\" },\n        email: { type: \"string\", title: \"Email\", format: \"email\" },\n        address: { type: \"string\", title: \"Address\" },\n        city: { type: \"string\", title: \"City\" },\n        country: {\n          type: \"string\",\n          title: \"Country\",\n          enum: [\"DE\", \"AT\", \"CH\", \"US\", \"GB\"],\n        },\n      },\n      required: [\"phone\"],\n    },\n  },\n  required: [\"family_name\", \"given_name\"],\n};\n\n// Array of objects (1:n)\nconst ARRAY_OF_OBJECTS_SCHEMA: JsonSchema = {\n  title: \"Medication Request\",\n  type: \"object\",\n  properties: {\n    patient_id: { type: \"string\", title: \"Patient ID\" },\n    prescriber: { type: \"string\", title: \"Prescriber\" },\n    medications: {\n      type: \"array\",\n      title: \"Medications\",\n      \"x-ui-options\": {\n        addLabel: \"Add Medication\",\n        emptyMessage: \"No medications added\",\n        orderable: true,\n      },\n      items: {\n        type: \"object\",\n        properties: {\n          drug_name: { type: \"string\", title: \"Drug Name\" },\n          dose: { type: \"string\", title: \"Dose\" },\n          route: {\n            type: \"string\",\n            title: \"Route\",\n            enum: [\"oral\", \"IV\", \"subcutaneous\", \"topical\", \"inhaled\"],\n          },\n          frequency: { type: \"string\", title: \"Frequency\" },\n          active: { type: \"boolean\", title: \"Active\" },\n        },\n        required: [\"drug_name\", \"dose\"],\n      },\n      minItems: 1,\n      maxItems: 10,\n    },\n  },\n  required: [\"patient_id\", \"prescriber\"],\n};\n\n// $ref with $defs\nconst REF_SCHEMA: JsonSchema = {\n  title: \"Care Plan\",\n  type: \"object\",\n  $defs: {\n    period: {\n      type: \"object\",\n      properties: {\n        start: { type: \"string\", title: \"Start Date\", format: \"date\" },\n        end: { type: \"string\", title: \"End Date\", format: \"date\" },\n      },\n      required: [\"start\"],\n    },\n  },\n  properties: {\n    patient_id: { type: \"string\", title: \"Patient ID\" },\n    title: { type: \"string\", title: \"Plan Title\" },\n    validity: {\n      $ref: \"#/$defs/period\",\n      title: \"Validity Period\",\n    },\n    activities: {\n      type: \"array\",\n      title: \"Activities\",\n      \"x-ui-options\": {\n        addLabel: \"Add Activity\",\n        orderable: true,\n      },\n      items: {\n        type: \"object\",\n        properties: {\n          description: { type: \"string\", title: \"Description\" },\n          schedule: {\n            $ref: \"#/$defs/period\",\n            title: \"Schedule\",\n          },\n        },\n        required: [\"description\"],\n      },\n      maxItems: 5,\n    },\n  },\n  required: [\"patient_id\", \"title\"],\n};\n\n// Horizontal array layout -- inline grid rows\nconst HORIZONTAL_ARRAY_SCHEMA: JsonSchema = {\n  title: \"Observation Panel\",\n  type: \"object\",\n  properties: {\n    subject: { type: \"string\", title: \"Subject ID\" },\n    observations: {\n      type: \"array\",\n      title: \"Observations\",\n      \"x-ui-layout\": {\n        direction: \"horizontal\",\n        columns: \"1fr 1fr 1fr 80px\",\n        gap: 8,\n        compact: true,\n      },\n      \"x-ui-options\": {\n        addLabel: \"Add Observation\",\n        emptyMessage: \"No observations recorded\",\n        orderable: true,\n      },\n      items: {\n        type: \"object\",\n        properties: {\n          code: {\n            type: \"string\",\n            title: \"LOINC Code\",\n            enum: [\"8310-5\", \"8867-4\", \"9279-1\", \"29463-7\"],\n          },\n          value: { type: \"string\", title: \"Value\" },\n          unit: {\n            type: \"string\",\n            title: \"Unit\",\n            enum: [\"Cel\", \"/min\", \"kg\", \"mmHg\", \"%\"],\n          },\n          abnormal: { type: \"boolean\", title: \"Abnormal\" },\n        },\n        required: [\"code\", \"value\"],\n      },\n      minItems: 0,\n      maxItems: 20,\n    },\n  },\n  required: [\"subject\"],\n};\n\n// Horizontal array layout -- full-height rows, no compact sizing\nconst HORIZONTAL_FULL_SCHEMA: JsonSchema = {\n  title: \"Allergy List\",\n  type: \"object\",\n  properties: {\n    patient_id: { type: \"string\", title: \"Patient ID\" },\n    allergies: {\n      type: \"array\",\n      title: \"Allergies\",\n      \"x-ui-layout\": {\n        direction: \"horizontal\",\n        columns: \"2fr 1fr 1fr\",\n        gap: 12,\n      },\n      \"x-ui-options\": {\n        addLabel: \"Add Allergy\",\n        emptyMessage: \"No allergies recorded\",\n        orderable: true,\n      },\n      items: {\n        type: \"object\",\n        properties: {\n          substance: { type: \"string\", title: \"Substance\" },\n          severity: {\n            type: \"string\",\n            title: \"Severity\",\n            enum: [\"mild\", \"moderate\", \"severe\"],\n          },\n          reaction: { type: \"string\", title: \"Reaction\" },\n        },\n        required: [\"substance\"],\n      },\n    },\n  },\n  required: [\"patient_id\"],\n};\n\n// Mixed: flat fields + nested object + array with variants\nconst MIXED_SCHEMA: JsonSchema = {\n  title: \"Healthcare Organization\",\n  type: \"object\",\n  properties: {\n    name: { type: \"string\", title: \"Name\" },\n    type: {\n      type: \"string\",\n      title: \"Type\",\n      enum: [\"hospital\", \"clinic\", \"lab\", \"pharmacy\"],\n    },\n    active: { type: \"boolean\", title: \"Active\" },\n    location: {\n      type: \"object\",\n      title: \"Location\",\n      \"x-ui-options\": { variant: \"card\" },\n      properties: {\n        address: { type: \"string\", title: \"Address\" },\n        city: { type: \"string\", title: \"City\" },\n        postal_code: { type: \"string\", title: \"Postal Code\" },\n        country: {\n          type: \"string\",\n          title: \"Country\",\n          enum: [\"DE\", \"AT\", \"CH\", \"US\", \"GB\"],\n        },\n      },\n      required: [\"address\", \"city\"],\n    },\n    contacts: {\n      type: \"array\",\n      title: \"Contacts\",\n      \"x-ui-options\": {\n        addLabel: \"Add Contact\",\n        orderable: true,\n        emptyMessage: \"No contacts defined\",\n      },\n      items: {\n        type: \"object\",\n        properties: {\n          name: { type: \"string\", title: \"Name\" },\n          role: {\n            type: \"string\",\n            title: \"Role\",\n            enum: [\"admin\", \"clinical\", \"billing\", \"technical\"],\n          },\n          email: { type: \"string\", title: \"Email\", format: \"email\" },\n          phone: { type: \"string\", title: \"Phone\" },\n        },\n        required: [\"name\", \"email\"],\n      },\n      minItems: 1,\n    },\n  },\n  required: [\"name\", \"type\"],\n};\n\n// Row layout: fields grouped into multi-column rows via x-ui-layout.rows\nconst ROW_LAYOUT_SCHEMA: JsonSchema = {\n  title: \"Practitioner Registration\",\n  type: \"object\",\n  properties: {\n    given_name: { type: \"string\", title: \"Given Name\" },\n    family_name: { type: \"string\", title: \"Family Name\" },\n    npi: { type: \"string\", title: \"NPI\" },\n    specialty: {\n      type: \"string\",\n      title: \"Specialty\",\n      enum: [\"cardiology\", \"neurology\", \"oncology\", \"radiology\", \"general\"],\n    },\n    email: { type: \"string\", title: \"Email\", format: \"email\" },\n    phone: { type: \"string\", title: \"Phone\" },\n    start_date: { type: \"string\", title: \"Start Date\" },\n    end_date: { type: \"string\", title: \"End Date\" },\n    notes: { type: \"string\", title: \"Notes\", \"x-ui-widget\": \"textarea\" },\n    active: { type: \"boolean\", title: \"Active\" },\n  },\n  required: [\"given_name\", \"family_name\", \"npi\"],\n};\n\n// x-ui-layout is a top-level meta-key, not a per-field UISchema.\n// The renderer reads it via index access so the cast is safe here.\nconst ROW_LAYOUT_UISCHEMA: Record<string, UISchema> = {\n  \"x-ui-layout\": {\n    rows: [\n      { fields: [\"given_name\", \"family_name\"], columns: \"1fr 1fr\" },\n      { fields: [\"npi\", \"specialty\"], columns: \"1fr 1fr\" },\n      { fields: [\"email\", \"phone\"], columns: \"1fr 1fr\" },\n      { fields: [\"start_date\", \"end_date\"], columns: \"1fr 1fr\" },\n    ],\n  } as unknown as UISchema,\n};\n\nconst sampleSchemas: Record<string, JsonSchema> = {\n  flat: SAMPLE_SCHEMA,\n  nested_object: NESTED_OBJECT_SCHEMA,\n  array_of_objects: ARRAY_OF_OBJECTS_SCHEMA,\n  ref_defs: REF_SCHEMA,\n  mixed: MIXED_SCHEMA,\n  horizontal_array: HORIZONTAL_ARRAY_SCHEMA,\n  horizontal_full: HORIZONTAL_FULL_SCHEMA,\n  row_layout: ROW_LAYOUT_SCHEMA,\n};\n\n// Sample UI Schemas\nconst sampleUiSchemas: Record<string, string> = {\n  empty: \"{}\",\n  hideLabels: JSON.stringify(\n    {\n      \"x-ui-globalOptions\": {\n        label: false,\n      },\n    },\n    null,\n    2,\n  ),\n  disableAll: JSON.stringify(\n    {\n      \"x-ui-globalOptions\": {\n        disabled: true,\n      },\n    },\n    null,\n    2,\n  ),\n  readonlyAll: JSON.stringify(\n    {\n      \"x-ui-globalOptions\": {\n        readonly: true,\n      },\n    },\n    null,\n    2,\n  ),\n  fieldOverride: JSON.stringify(\n    {\n      \"x-ui-globalOptions\": {\n        disabled: true,\n      },\n      name: {\n        \"x-ui-options\": {\n          disabled: false, // Override: enable this field\n        },\n      },\n    },\n    null,\n    2,\n  ),\n  customWidget: JSON.stringify(\n    {\n      description: {\n        \"x-ui-widget\": \"textarea\",\n        \"x-ui-options\": {\n          rows: 5,\n        },\n      },\n    },\n    null,\n    2,\n  ),\n};\n\n// -- State hook ----------------------------------------------------------\n\nfunction usePlayFormsState() {\n  const [schemaText, setSchemaText] = useState(\n    JSON.stringify(SAMPLE_SCHEMA, null, 2),\n  );\n  const [uiSchemaText, setUiSchemaText] = useState(\"{}\");\n  const [activeSchema, setActiveSchema] = useState<JsonSchema | null>(\n    SAMPLE_SCHEMA,\n  );\n  const [activeUiSchema, setActiveUiSchema] = useState<\n    Record<string, UISchema>\n  >({});\n  const [dataText, setDataText] = useState(\"{}\");\n  const [formData, setFormData] = useState<Record<string, any>>({});\n  const [validationErrors, setValidationErrors] = useState<string[]>([]);\n  const [isValid, setIsValid] = useState(true);\n  const [schemaError, setSchemaError] = useState(\"\");\n  const [uiSchemaError, setUiSchemaError] = useState(\"\");\n  const [dataError, setDataError] = useState(\"\");\n  const [activeTab, setActiveTab] = useState(\"schema\");\n  const [deferStateUpdates, setDeferStateUpdates] = useState(false);\n  const [dataCollapsed, setDataCollapsed] = useState(false);\n  const [lastDiff, setLastDiff] = useState<FormDiff | null>(null);\n  const toggleDataPanel = useCallback(() => setDataCollapsed((v) => !v), []);\n\n  const loadSchemaPreset = useCallback(\n    (value: string | null) => {\n      if (!value || !sampleSchemas[value]) return;\n      const text = JSON.stringify(sampleSchemas[value], null, 2);\n      setSchemaText(text);\n      setActiveSchema(sampleSchemas[value]);\n      setSchemaError(\"\");\n      setFormData({});\n      setDataText(\"{}\");\n      const pairedUi = value === \"row_layout\" ? ROW_LAYOUT_UISCHEMA : {};\n      setUiSchemaText(JSON.stringify(pairedUi, null, 2));\n      setActiveUiSchema(pairedUi);\n      setUiSchemaError(\"\");\n    },\n    [setSchemaText, setActiveSchema],\n  );\n\n  const loadUiSchemaPreset = useCallback(\n    (value: string | null) => {\n      if (!value) return;\n      setUiSchemaText(sampleUiSchemas[value]);\n      setUiSchemaError(\"\");\n    },\n    [setUiSchemaText],\n  );\n\n  return {\n    schemaText,\n    uiSchemaText,\n    activeSchema,\n    activeUiSchema,\n    dataText,\n    formData,\n    validationErrors,\n    isValid,\n    schemaError,\n    uiSchemaError,\n    dataError,\n    activeTab,\n    deferStateUpdates,\n    dataCollapsed,\n    lastDiff,\n    setSchemaText,\n    setUiSchemaText,\n    setActiveSchema,\n    setActiveUiSchema,\n    setDataText,\n    setFormData,\n    setValidationErrors,\n    setIsValid,\n    setSchemaError,\n    setUiSchemaError,\n    setDataError,\n    setActiveTab,\n    setDeferStateUpdates,\n    toggleDataPanel,\n    setLastDiff,\n    loadSchemaPreset,\n    loadUiSchemaPreset,\n  };\n}\n\n// -- JSON parse helpers --------------------------------------------------\n\nfunction tryParseAndSet(\n  value: string,\n  setError: (e: string) => void,\n  errorMessage = \"Invalid JSON\",\n) {\n  try {\n    JSON.parse(value);\n    setError(\"\");\n  } catch {\n    setError(errorMessage);\n  }\n}\n\nfunction tryParseAndLoad<T>(\n  text: string,\n  onSuccess: (parsed: T) => void,\n  onError: (msg: string) => void,\n) {\n  try {\n    onSuccess(JSON.parse(text));\n    onError(\"\");\n  } catch {\n    onError(\"Invalid JSON - cannot load to form\");\n  }\n}\n\n// -- Left column: Schema / UI Schema editors -----------------------------\n\nfunction SchemaEditorColumn({\n  state,\n}: {\n  state: ReturnType<typeof usePlayFormsState>;\n}) {\n  const handleSchemaTextChange = (value: string) => {\n    state.setSchemaText(value);\n    tryParseAndSet(value, state.setSchemaError);\n  };\n\n  const handleUiSchemaTextChange = (value: string) => {\n    state.setUiSchemaText(value);\n    tryParseAndSet(value, state.setUiSchemaError);\n  };\n\n  const handleLoadSchemaToForm = () => {\n    tryParseAndLoad<JsonSchema>(\n      state.schemaText,\n      (parsed) => {\n        state.setActiveSchema(parsed);\n        state.setFormData({});\n        state.setDataText(\"{}\");\n        state.setValidationErrors([]);\n        state.setIsValid(true);\n        state.setLastDiff(null);\n      },\n      state.setSchemaError,\n    );\n  };\n\n  const handleLoadUiSchemaToForm = () => {\n    tryParseAndLoad<Record<string, UISchema>>(\n      state.uiSchemaText,\n      state.setActiveUiSchema,\n      state.setUiSchemaError,\n    );\n  };\n\n  return (\n    <div\n      style={{\n        flex: 1,\n        position: \"relative\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        minWidth: 0,\n      }}\n    >\n      <Card className=\"border shadow-sm p-4 flex-1 min-h-0 flex flex-col\">\n        <Tabs\n          value={state.activeTab}\n          onValueChange={state.setActiveTab}\n          style={{\n            flex: 1,\n            minHeight: 0,\n            display: \"flex\",\n            flexDirection: \"column\",\n          }}\n        >\n          <TabsList className=\"mb-1\">\n            <TabsTrigger value=\"schema\">JSON Schema</TabsTrigger>\n            <TabsTrigger value=\"uischema\">UI Schema</TabsTrigger>\n          </TabsList>\n\n          <TabsContent\n            value=\"schema\"\n            className=\"flex-1 min-h-0 flex flex-col mt-0\"\n          >\n            <FormSelect\n              placeholder=\"Load example schema...\"\n              options={SCHEMA_PRESET_OPTIONS}\n              onChange={state.loadSchemaPreset}\n              className=\"text-xs\"\n              wrapperClassName=\"mb-2\"\n            />\n            {state.schemaError && (\n              <Badge variant=\"destructive\" className=\"text-xs mb-2\">\n                {state.schemaError}\n              </Badge>\n            )}\n            <JsonEditor\n              value={state.schemaText}\n              editablePaths={[\"/\"]}\n              onChange={handleSchemaTextChange}\n              height=\"100%\"\n              className=\"flex-1 min-h-0 rounded-md border overflow-hidden\"\n            />\n          </TabsContent>\n\n          <TabsContent\n            value=\"uischema\"\n            className=\"flex-1 min-h-0 flex flex-col mt-0\"\n          >\n            <FormSelect\n              placeholder=\"Load example...\"\n              options={UISCHEMA_PRESET_OPTIONS}\n              onChange={state.loadUiSchemaPreset}\n              className=\"text-xs\"\n              wrapperClassName=\"mb-2\"\n            />\n            {state.uiSchemaError && (\n              <Badge variant=\"destructive\" className=\"text-xs mb-2\">\n                {state.uiSchemaError}\n              </Badge>\n            )}\n            <JsonEditor\n              value={state.uiSchemaText}\n              editablePaths={[\"/\"]}\n              onChange={handleUiSchemaTextChange}\n              height=\"100%\"\n              className=\"flex-1 min-h-0 rounded-md border overflow-hidden\"\n            />\n          </TabsContent>\n        </Tabs>\n      </Card>\n\n      <SimpleTooltip\n        label={\n          state.activeTab === \"schema\"\n            ? \"Load Schema to Form\"\n            : \"Load UI Schema to Form\"\n        }\n      >\n        <Button\n          variant=\"default\"\n          size=\"icon\"\n          className=\"absolute -right-5 top-1/2 -translate-y-1/2 z-[100]\"\n          onClick={\n            state.activeTab === \"schema\"\n              ? handleLoadSchemaToForm\n              : handleLoadUiSchemaToForm\n          }\n        >\n          <ArrowRight size={20} />\n        </Button>\n      </SimpleTooltip>\n    </div>\n  );\n}\n\n// Preset option arrays (static, avoids re-creation).\nconst SCHEMA_PRESET_OPTIONS = [\n  { value: \"flat\", label: \"Practitioner (flat fields)\" },\n  { value: \"nested_object\", label: \"Patient (nested object)\" },\n  { value: \"array_of_objects\", label: \"Medication Request (array)\" },\n  { value: \"ref_defs\", label: \"Care Plan ($ref / $defs)\" },\n  { value: \"mixed\", label: \"Organization (mixed)\" },\n  { value: \"horizontal_array\", label: \"Observations (horizontal, compact)\" },\n  { value: \"horizontal_full\", label: \"Allergies (horizontal, full height)\" },\n  { value: \"row_layout\", label: \"Registration (row layout)\" },\n];\n\nconst UISCHEMA_PRESET_OPTIONS = [\n  { value: \"empty\", label: \"Empty (no customization)\" },\n  { value: \"hideLabels\", label: \"Hide all labels\" },\n  { value: \"disableAll\", label: \"Disable all fields\" },\n  { value: \"readonlyAll\", label: \"Readonly all fields\" },\n  { value: \"fieldOverride\", label: \"Field-level override\" },\n  { value: \"customWidget\", label: \"Custom widget\" },\n];\n\n// -- Middle column: Rendered form ----------------------------------------\n\nfunction FormColumn({\n  state,\n}: {\n  state: ReturnType<typeof usePlayFormsState>;\n}) {\n  const handleUpdate = (\n    data: Record<string, any>,\n    _changedFields: Record<string, any>,\n    diff: FormDiff,\n  ) => {\n    state.setDataText(JSON.stringify(data, null, 2));\n    state.setFormData(data);\n    state.setLastDiff(diff);\n  };\n\n  const handleCancel = () => {\n    state.setFormData({});\n    state.setDataText(\"{}\");\n    state.setValidationErrors([]);\n    state.setIsValid(true);\n    state.setLastDiff(null);\n  };\n\n  const handleValidationChange = (errors: string[], valid: boolean) => {\n    state.setValidationErrors(errors);\n    state.setIsValid(valid);\n  };\n\n  const handleLoadDataToForm = () => {\n    tryParseAndLoad(state.dataText, state.setFormData, state.setDataError);\n  };\n\n  return (\n    <div\n      style={{\n        flex: 1,\n        position: \"relative\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        minWidth: 0,\n      }}\n    >\n      <Card className=\"border shadow-sm p-4 flex-1 min-h-0 flex flex-col\">\n        <SimpleStack\n          gap=\"md\"\n          style={{\n            flex: 1,\n            minHeight: 0,\n            display: \"flex\",\n            flexDirection: \"column\",\n          }}\n        >\n          <div>\n            <p className=\"text-sm font-semibold mb-1\">Rendered Form</p>\n            <SimpleGroup gap=\"xs\" align=\"center\" className=\"mb-1\">\n              <Badge\n                variant={state.isValid ? \"default\" : \"destructive\"}\n                className=\"text-xs\"\n              >\n                {state.isValid ? \"Valid\" : \"Invalid\"}\n              </Badge>\n              <FormCheckbox\n                label=\"Defer state updates (change on blur)\"\n                checked={state.deferStateUpdates}\n                onChange={(checked) => {\n                  if (checked !== \"indeterminate\") {\n                    state.setDeferStateUpdates(checked);\n                  }\n                }}\n              />\n            </SimpleGroup>\n            {state.validationErrors.length > 0 && (\n              <div style={{ marginTop: \"4px\" }}>\n                {state.validationErrors.map((err, idx) => (\n                  <p key={idx} className=\"text-xs text-red-600\">\n                    {err}\n                  </p>\n                ))}\n              </div>\n            )}\n          </div>\n\n          <div\n            style={{\n              flex: 1,\n              minHeight: 0,\n              overflowY: \"auto\",\n              paddingRight: \"4px\",\n            }}\n          >\n            {state.activeSchema && (\n              <JsonSchemaFormRenderer\n                schema={state.activeSchema}\n                data={state.formData}\n                onUpdate={handleUpdate}\n                onCancel={handleCancel}\n                onValidationChange={handleValidationChange}\n                showActions={true}\n                deferStateUpdates={state.deferStateUpdates}\n                saveLabel=\"Save Changes\"\n                cancelLabel=\"Reset\"\n                showExtraProperties={true}\n                uiSchema={state.activeUiSchema}\n              />\n            )}\n            {!state.activeSchema && (\n              <p className=\"text-sm text-muted-foreground text-center mt-8\">\n                Edit the JSON Schema on the left and click the arrow to load it\n              </p>\n            )}\n          </div>\n        </SimpleStack>\n      </Card>\n\n      {!state.dataCollapsed && (\n        <SimpleTooltip label=\"Load JSON Data into Form\">\n          <Button\n            variant=\"default\"\n            size=\"icon\"\n            className=\"absolute -right-5 top-1/2 -translate-y-1/2 z-[100]\"\n            onClick={handleLoadDataToForm}\n          >\n            <ArrowRight size={20} className=\"scale-x-[-1]\" />\n          </Button>\n        </SimpleTooltip>\n      )}\n    </div>\n  );\n}\n\n// -- Right column: JSON data + diff --------------------------------------\n\nfunction DataColumn({\n  state,\n}: {\n  state: ReturnType<typeof usePlayFormsState>;\n}) {\n  const handleDataTextChange = (value: string) => {\n    state.setDataText(value);\n    tryParseAndSet(value, state.setDataError);\n  };\n\n  return (\n    <div\n      style={{\n        flex: state.dataCollapsed ? \"0 0 2.25rem\" : 1,\n        display: \"flex\",\n        flexDirection: \"column\",\n        minWidth: 0,\n        gap: \"0.75rem\",\n        transition: \"flex 200ms ease\",\n      }}\n    >\n      <Card\n        className=\"border shadow-sm min-h-0 flex flex-col overflow-hidden\"\n        style={{ flex: \"1 1 50%\" }}\n      >\n        <div className=\"flex items-center justify-between px-4 py-3 shrink-0\">\n          {!state.dataCollapsed && (\n            <p className=\"text-sm font-semibold\">JSON Data</p>\n          )}\n          <SimpleTooltip\n            label={\n              state.dataCollapsed ? \"Expand JSON data\" : \"Collapse JSON data\"\n            }\n          >\n            <Button\n              variant=\"ghost\"\n              size=\"compact\"\n              onClick={state.toggleDataPanel}\n              className=\"ml-auto\"\n            >\n              {state.dataCollapsed ? (\n                <ChevronLeft className=\"h-4 w-4\" />\n              ) : (\n                <ChevronRightIcon className=\"h-4 w-4\" />\n              )}\n            </Button>\n          </SimpleTooltip>\n        </div>\n\n        {!state.dataCollapsed && (\n          <div className=\"flex-1 min-h-0 flex flex-col px-4 pb-4\">\n            {state.dataError && (\n              <Badge variant=\"destructive\" className=\"text-xs mb-2\">\n                {state.dataError}\n              </Badge>\n            )}\n            <JsonEditor\n              value={state.dataText}\n              editablePaths={[\"/\"]}\n              onChange={handleDataTextChange}\n              height=\"100%\"\n              className=\"flex-1 min-h-0 rounded-md border overflow-hidden\"\n            />\n          </div>\n        )}\n      </Card>\n\n      {!state.dataCollapsed && (\n        <Card\n          className=\"border shadow-sm min-h-0 flex flex-col overflow-hidden\"\n          style={{ flex: \"1 1 50%\" }}\n        >\n          <div className=\"flex items-center justify-between px-4 py-3 shrink-0\">\n            <p className=\"text-sm font-semibold\">Diff</p>\n          </div>\n          <div className=\"flex-1 min-h-0 flex flex-col px-4 pb-4\">\n            <JsonEditor\n              value={JSON.stringify(state.lastDiff ?? [], null, 2)}\n              editablePaths={[\"/\"]}\n              height=\"100%\"\n              className=\"flex-1 min-h-0 rounded-md border overflow-hidden\"\n            />\n          </div>\n        </Card>\n      )}\n    </div>\n  );\n}\n\n// -- Main component ------------------------------------------------------\n\nexport default function PlayForms() {\n  const state = usePlayFormsState();\n\n  return (\n    <div\n      style={{\n        width: \"100%\",\n        height: \"100vh\",\n        display: \"flex\",\n        flexDirection: \"column\",\n        overflow: \"hidden\",\n      }}\n    >\n      <div style={{ padding: \"1rem 1rem 0 1rem\" }}>\n        <h1>Forms Playground</h1>\n        <p className=\"text-sm text-muted-foreground mb-3\">\n          Test and experiment with JsonSchemaFormRenderer. Edit the JSON Schema\n          on the left, then load it into the form.\n        </p>\n      </div>\n\n      <div\n        style={{\n          flex: 1,\n          minHeight: 0,\n          padding: \"0 1rem 1rem 1rem\",\n          display: \"flex\",\n          gap: \"1.5rem\",\n        }}\n      >\n        <SchemaEditorColumn state={state} />\n        <FormColumn state={state} />\n        <DataColumn state={state} />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}