@petrarca/sonnet-playground 0.1.2

package/dist/chunk-P7I5IDXA.js

@@ -0,0 +1,432 @@
+// 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

@@ -0,0 +1 @@
+{"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":[]}