@seed-ship/mcp-ui-solid 1.2.2 → 2.0.0

package/dist/components/FormFieldRenderer.js

@@ -0,0 +1,358 @@
+import { delegateEvents, createComponent, getNextElement, template, getNextMarker, insert, effect, setAttribute, memo, setProperty, className, runHydrationEvents } from "solid-js/web";
+import { Show, Switch, Match, For } from "solid-js";
+import { useConditionalField } from "../hooks/useConditionalField.js";
+var _tmpl$ = /* @__PURE__ */ template(`<span class="text-red-500 ml-1"aria-hidden=true>*`), _tmpl$2 = /* @__PURE__ */ template(`<label class="block text-sm font-medium text-gray-700 dark:text-gray-300"><!$><!/><!$><!/>`), _tmpl$3 = /* @__PURE__ */ template(`<input>`), _tmpl$4 = /* @__PURE__ */ template(`<input type=number>`), _tmpl$5 = /* @__PURE__ */ template(`<input type=date>`), _tmpl$6 = /* @__PURE__ */ template(`<textarea>`), _tmpl$7 = /* @__PURE__ */ template(`<option value disabled>`), _tmpl$8 = /* @__PURE__ */ template(`<select><!$><!/><!$><!/>`), _tmpl$9 = /* @__PURE__ */ template(`<label class="flex items-center gap-2 cursor-pointer"><input type=checkbox class="w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700"><span class="text-sm text-gray-700 dark:text-gray-300"><!$><!/><!$><!/>`), _tmpl$0 = /* @__PURE__ */ template(`<div class=space-y-2 role=radiogroup>`), _tmpl$1 = /* @__PURE__ */ template(`<p class="text-xs text-gray-500 dark:text-gray-400">`), _tmpl$10 = /* @__PURE__ */ template(`<p role=alert class="text-xs text-red-600 dark:text-red-400">`), _tmpl$11 = /* @__PURE__ */ template(`<div class=space-y-1><!$><!/><!$><!/><!$><!/><!$><!/>`), _tmpl$12 = /* @__PURE__ */ template(`<option>`), _tmpl$13 = /* @__PURE__ */ template(`<label class="flex items-center gap-2 cursor-pointer"><input type=radio class="w-4 h-4 border-gray-300 text-blue-600 focus:ring-blue-500 dark:border-gray-600"><span class="text-sm text-gray-700 dark:text-gray-300">`);
+const FormFieldRenderer = (props) => {
+  const {
+    isVisible
+  } = useConditionalField({
+    condition: props.field.showWhen,
+    formData: props.formData || (() => ({}))
+  });
+  const baseInputClass = () => `
+    w-full px-3 py-2 border rounded-md
+    focus:ring-2 focus:ring-blue-500 focus:border-blue-500
+    disabled:bg-gray-100 disabled:cursor-not-allowed
+    ${props.error ? "border-red-500 focus:ring-red-500" : "border-gray-300 dark:border-gray-600"}
+    dark:bg-gray-700 dark:text-white
+  `;
+  const fieldId = () => `field-${props.field.name}`;
+  const errorId = () => `${props.field.name}-error`;
+  return createComponent(Show, {
+    get when() {
+      return isVisible();
+    },
+    get children() {
+      var _el$ = getNextElement(_tmpl$11), _el$27 = _el$.firstChild, [_el$28, _co$7] = getNextMarker(_el$27.nextSibling), _el$29 = _el$28.nextSibling, [_el$30, _co$8] = getNextMarker(_el$29.nextSibling), _el$31 = _el$30.nextSibling, [_el$32, _co$9] = getNextMarker(_el$31.nextSibling), _el$33 = _el$32.nextSibling, [_el$34, _co$0] = getNextMarker(_el$33.nextSibling);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return memo(() => !!props.field.label)() && props.field.type !== "checkbox";
+        },
+        get children() {
+          var _el$2 = getNextElement(_tmpl$2), _el$4 = _el$2.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling);
+          insert(_el$2, () => props.field.label, _el$5, _co$);
+          insert(_el$2, createComponent(Show, {
+            get when() {
+              return props.field.required;
+            },
+            get children() {
+              return getNextElement(_tmpl$);
+            }
+          }), _el$7, _co$2);
+          effect(() => setAttribute(_el$2, "for", fieldId()));
+          return _el$2;
+        }
+      }), _el$28, _co$7);
+      insert(_el$, createComponent(Switch, {
+        get children() {
+          return [createComponent(Match, {
+            get when() {
+              return props.field.type === "text" || props.field.type === "email" || props.field.type === "password";
+            },
+            get children() {
+              var _el$8 = getNextElement(_tmpl$3);
+              _el$8.$$input = (e) => props.onChange(e.currentTarget.value);
+              effect((_p$) => {
+                var _v$ = fieldId(), _v$2 = props.field.type, _v$3 = props.field.name, _v$4 = props.field.placeholder, _v$5 = props.disabled, _v$6 = props.field.required, _v$7 = props.field.minLength, _v$8 = props.field.maxLength, _v$9 = props.field.pattern, _v$0 = !!props.error, _v$1 = props.error ? errorId() : void 0, _v$10 = baseInputClass();
+                _v$ !== _p$.e && setAttribute(_el$8, "id", _p$.e = _v$);
+                _v$2 !== _p$.t && setAttribute(_el$8, "type", _p$.t = _v$2);
+                _v$3 !== _p$.a && setAttribute(_el$8, "name", _p$.a = _v$3);
+                _v$4 !== _p$.o && setAttribute(_el$8, "placeholder", _p$.o = _v$4);
+                _v$5 !== _p$.i && setProperty(_el$8, "disabled", _p$.i = _v$5);
+                _v$6 !== _p$.n && setProperty(_el$8, "required", _p$.n = _v$6);
+                _v$7 !== _p$.s && setAttribute(_el$8, "minlength", _p$.s = _v$7);
+                _v$8 !== _p$.h && setAttribute(_el$8, "maxlength", _p$.h = _v$8);
+                _v$9 !== _p$.r && setAttribute(_el$8, "pattern", _p$.r = _v$9);
+                _v$0 !== _p$.d && setAttribute(_el$8, "aria-invalid", _p$.d = _v$0);
+                _v$1 !== _p$.l && setAttribute(_el$8, "aria-describedby", _p$.l = _v$1);
+                _v$10 !== _p$.u && className(_el$8, _p$.u = _v$10);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0,
+                n: void 0,
+                s: void 0,
+                h: void 0,
+                r: void 0,
+                d: void 0,
+                l: void 0,
+                u: void 0
+              });
+              effect(() => setProperty(_el$8, "value", props.value || ""));
+              runHydrationEvents();
+              return _el$8;
+            }
+          }), createComponent(Match, {
+            get when() {
+              return props.field.type === "number";
+            },
+            get children() {
+              var _el$9 = getNextElement(_tmpl$4);
+              _el$9.$$input = (e) => props.onChange(e.currentTarget.value === "" ? void 0 : Number(e.currentTarget.value));
+              effect((_p$) => {
+                var _v$11 = fieldId(), _v$12 = props.field.name, _v$13 = props.field.placeholder, _v$14 = props.disabled, _v$15 = props.field.required, _v$16 = props.field.min, _v$17 = props.field.max, _v$18 = props.field.step, _v$19 = !!props.error, _v$20 = props.error ? errorId() : void 0, _v$21 = baseInputClass();
+                _v$11 !== _p$.e && setAttribute(_el$9, "id", _p$.e = _v$11);
+                _v$12 !== _p$.t && setAttribute(_el$9, "name", _p$.t = _v$12);
+                _v$13 !== _p$.a && setAttribute(_el$9, "placeholder", _p$.a = _v$13);
+                _v$14 !== _p$.o && setProperty(_el$9, "disabled", _p$.o = _v$14);
+                _v$15 !== _p$.i && setProperty(_el$9, "required", _p$.i = _v$15);
+                _v$16 !== _p$.n && setAttribute(_el$9, "min", _p$.n = _v$16);
+                _v$17 !== _p$.s && setAttribute(_el$9, "max", _p$.s = _v$17);
+                _v$18 !== _p$.h && setAttribute(_el$9, "step", _p$.h = _v$18);
+                _v$19 !== _p$.r && setAttribute(_el$9, "aria-invalid", _p$.r = _v$19);
+                _v$20 !== _p$.d && setAttribute(_el$9, "aria-describedby", _p$.d = _v$20);
+                _v$21 !== _p$.l && className(_el$9, _p$.l = _v$21);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0,
+                n: void 0,
+                s: void 0,
+                h: void 0,
+                r: void 0,
+                d: void 0,
+                l: void 0
+              });
+              effect(() => setProperty(_el$9, "value", props.value ?? ""));
+              runHydrationEvents();
+              return _el$9;
+            }
+          }), createComponent(Match, {
+            get when() {
+              return props.field.type === "date";
+            },
+            get children() {
+              var _el$0 = getNextElement(_tmpl$5);
+              _el$0.$$input = (e) => props.onChange(e.currentTarget.value);
+              effect((_p$) => {
+                var _v$22 = fieldId(), _v$23 = props.field.name, _v$24 = props.disabled, _v$25 = props.field.required, _v$26 = props.field.minDate, _v$27 = props.field.maxDate, _v$28 = !!props.error, _v$29 = props.error ? errorId() : void 0, _v$30 = baseInputClass();
+                _v$22 !== _p$.e && setAttribute(_el$0, "id", _p$.e = _v$22);
+                _v$23 !== _p$.t && setAttribute(_el$0, "name", _p$.t = _v$23);
+                _v$24 !== _p$.a && setProperty(_el$0, "disabled", _p$.a = _v$24);
+                _v$25 !== _p$.o && setProperty(_el$0, "required", _p$.o = _v$25);
+                _v$26 !== _p$.i && setAttribute(_el$0, "min", _p$.i = _v$26);
+                _v$27 !== _p$.n && setAttribute(_el$0, "max", _p$.n = _v$27);
+                _v$28 !== _p$.s && setAttribute(_el$0, "aria-invalid", _p$.s = _v$28);
+                _v$29 !== _p$.h && setAttribute(_el$0, "aria-describedby", _p$.h = _v$29);
+                _v$30 !== _p$.r && className(_el$0, _p$.r = _v$30);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0,
+                n: void 0,
+                s: void 0,
+                h: void 0,
+                r: void 0
+              });
+              effect(() => setProperty(_el$0, "value", props.value || ""));
+              runHydrationEvents();
+              return _el$0;
+            }
+          }), createComponent(Match, {
+            get when() {
+              return props.field.type === "textarea";
+            },
+            get children() {
+              var _el$1 = getNextElement(_tmpl$6);
+              _el$1.$$input = (e) => props.onChange(e.currentTarget.value);
+              effect((_p$) => {
+                var _v$31 = fieldId(), _v$32 = props.field.name, _v$33 = props.field.placeholder, _v$34 = props.disabled, _v$35 = props.field.required, _v$36 = props.field.rows || 4, _v$37 = props.field.minLength, _v$38 = props.field.maxLength, _v$39 = !!props.error, _v$40 = props.error ? errorId() : void 0, _v$41 = baseInputClass();
+                _v$31 !== _p$.e && setAttribute(_el$1, "id", _p$.e = _v$31);
+                _v$32 !== _p$.t && setAttribute(_el$1, "name", _p$.t = _v$32);
+                _v$33 !== _p$.a && setAttribute(_el$1, "placeholder", _p$.a = _v$33);
+                _v$34 !== _p$.o && setProperty(_el$1, "disabled", _p$.o = _v$34);
+                _v$35 !== _p$.i && setProperty(_el$1, "required", _p$.i = _v$35);
+                _v$36 !== _p$.n && setAttribute(_el$1, "rows", _p$.n = _v$36);
+                _v$37 !== _p$.s && setAttribute(_el$1, "minlength", _p$.s = _v$37);
+                _v$38 !== _p$.h && setAttribute(_el$1, "maxlength", _p$.h = _v$38);
+                _v$39 !== _p$.r && setAttribute(_el$1, "aria-invalid", _p$.r = _v$39);
+                _v$40 !== _p$.d && setAttribute(_el$1, "aria-describedby", _p$.d = _v$40);
+                _v$41 !== _p$.l && className(_el$1, _p$.l = _v$41);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0,
+                n: void 0,
+                s: void 0,
+                h: void 0,
+                r: void 0,
+                d: void 0,
+                l: void 0
+              });
+              effect(() => setProperty(_el$1, "value", props.value || ""));
+              runHydrationEvents();
+              return _el$1;
+            }
+          }), createComponent(Match, {
+            get when() {
+              return props.field.type === "select";
+            },
+            get children() {
+              var _el$10 = getNextElement(_tmpl$8), _el$12 = _el$10.firstChild, [_el$13, _co$3] = getNextMarker(_el$12.nextSibling), _el$14 = _el$13.nextSibling, [_el$15, _co$4] = getNextMarker(_el$14.nextSibling);
+              _el$10.addEventListener("change", (e) => props.onChange(e.currentTarget.value));
+              insert(_el$10, createComponent(Show, {
+                get when() {
+                  return props.field.placeholder;
+                },
+                get children() {
+                  var _el$11 = getNextElement(_tmpl$7);
+                  insert(_el$11, () => props.field.placeholder);
+                  return _el$11;
+                }
+              }), _el$13, _co$3);
+              insert(_el$10, createComponent(For, {
+                get each() {
+                  return props.field.options;
+                },
+                children: (option) => (() => {
+                  var _el$35 = getNextElement(_tmpl$12);
+                  insert(_el$35, () => option.label);
+                  effect(() => setProperty(_el$35, "disabled", option.disabled));
+                  effect(() => setProperty(_el$35, "value", option.value));
+                  return _el$35;
+                })()
+              }), _el$15, _co$4);
+              effect((_p$) => {
+                var _v$42 = fieldId(), _v$43 = props.field.name, _v$44 = props.disabled, _v$45 = props.field.required, _v$46 = !!props.error, _v$47 = props.error ? errorId() : void 0, _v$48 = baseInputClass();
+                _v$42 !== _p$.e && setAttribute(_el$10, "id", _p$.e = _v$42);
+                _v$43 !== _p$.t && setAttribute(_el$10, "name", _p$.t = _v$43);
+                _v$44 !== _p$.a && setProperty(_el$10, "disabled", _p$.a = _v$44);
+                _v$45 !== _p$.o && setProperty(_el$10, "required", _p$.o = _v$45);
+                _v$46 !== _p$.i && setAttribute(_el$10, "aria-invalid", _p$.i = _v$46);
+                _v$47 !== _p$.n && setAttribute(_el$10, "aria-describedby", _p$.n = _v$47);
+                _v$48 !== _p$.s && className(_el$10, _p$.s = _v$48);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0,
+                n: void 0,
+                s: void 0
+              });
+              effect(() => setProperty(_el$10, "value", props.value || ""));
+              return _el$10;
+            }
+          }), createComponent(Match, {
+            get when() {
+              return props.field.type === "checkbox";
+            },
+            get children() {
+              var _el$16 = getNextElement(_tmpl$9), _el$17 = _el$16.firstChild, _el$18 = _el$17.nextSibling, _el$20 = _el$18.firstChild, [_el$21, _co$5] = getNextMarker(_el$20.nextSibling), _el$22 = _el$21.nextSibling, [_el$23, _co$6] = getNextMarker(_el$22.nextSibling);
+              _el$17.addEventListener("change", (e) => props.onChange(e.currentTarget.checked));
+              insert(_el$18, () => props.field.checkboxLabel || props.field.label, _el$21, _co$5);
+              insert(_el$18, createComponent(Show, {
+                get when() {
+                  return props.field.required;
+                },
+                get children() {
+                  return getNextElement(_tmpl$);
+                }
+              }), _el$23, _co$6);
+              effect((_p$) => {
+                var _v$49 = fieldId(), _v$50 = props.field.name, _v$51 = props.disabled, _v$52 = !!props.error, _v$53 = props.error ? errorId() : void 0;
+                _v$49 !== _p$.e && setAttribute(_el$17, "id", _p$.e = _v$49);
+                _v$50 !== _p$.t && setAttribute(_el$17, "name", _p$.t = _v$50);
+                _v$51 !== _p$.a && setProperty(_el$17, "disabled", _p$.a = _v$51);
+                _v$52 !== _p$.o && setAttribute(_el$17, "aria-invalid", _p$.o = _v$52);
+                _v$53 !== _p$.i && setAttribute(_el$17, "aria-describedby", _p$.i = _v$53);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0,
+                o: void 0,
+                i: void 0
+              });
+              effect(() => setProperty(_el$17, "checked", props.value || false));
+              return _el$16;
+            }
+          }), createComponent(Match, {
+            get when() {
+              return props.field.type === "radio";
+            },
+            get children() {
+              var _el$24 = getNextElement(_tmpl$0);
+              insert(_el$24, createComponent(For, {
+                get each() {
+                  return props.field.options;
+                },
+                children: (option, index) => (() => {
+                  var _el$36 = getNextElement(_tmpl$13), _el$37 = _el$36.firstChild, _el$38 = _el$37.nextSibling;
+                  _el$37.addEventListener("change", () => props.onChange(option.value));
+                  insert(_el$38, () => option.label);
+                  effect((_p$) => {
+                    var _v$57 = props.field.name, _v$58 = `${fieldId()}-${index()}`, _v$59 = props.disabled || option.disabled;
+                    _v$57 !== _p$.e && setAttribute(_el$37, "name", _p$.e = _v$57);
+                    _v$58 !== _p$.t && setAttribute(_el$37, "id", _p$.t = _v$58);
+                    _v$59 !== _p$.a && setProperty(_el$37, "disabled", _p$.a = _v$59);
+                    return _p$;
+                  }, {
+                    e: void 0,
+                    t: void 0,
+                    a: void 0
+                  });
+                  effect(() => setProperty(_el$37, "value", option.value));
+                  effect(() => setProperty(_el$37, "checked", props.value === option.value));
+                  return _el$36;
+                })()
+              }));
+              effect((_p$) => {
+                var _v$54 = props.field.label ? `${fieldId()}-label` : void 0, _v$55 = !!props.error, _v$56 = props.error ? errorId() : void 0;
+                _v$54 !== _p$.e && setAttribute(_el$24, "aria-labelledby", _p$.e = _v$54);
+                _v$55 !== _p$.t && setAttribute(_el$24, "aria-invalid", _p$.t = _v$55);
+                _v$56 !== _p$.a && setAttribute(_el$24, "aria-describedby", _p$.a = _v$56);
+                return _p$;
+              }, {
+                e: void 0,
+                t: void 0,
+                a: void 0
+              });
+              return _el$24;
+            }
+          })];
+        }
+      }), _el$30, _co$8);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return memo(() => !!props.field.helpText)() && !props.error;
+        },
+        get children() {
+          var _el$25 = getNextElement(_tmpl$1);
+          insert(_el$25, () => props.field.helpText);
+          return _el$25;
+        }
+      }), _el$32, _co$9);
+      insert(_el$, createComponent(Show, {
+        get when() {
+          return props.error;
+        },
+        get children() {
+          var _el$26 = getNextElement(_tmpl$10);
+          insert(_el$26, () => props.error);
+          effect(() => setAttribute(_el$26, "id", errorId()));
+          return _el$26;
+        }
+      }), _el$34, _co$0);
+      return _el$;
+    }
+  });
+};
+delegateEvents(["input"]);
+export {
+  FormFieldRenderer
+};
+//# sourceMappingURL=FormFieldRenderer.js.map

package/dist/components/FormFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRenderer.js","sources":["../../src/components/FormFieldRenderer.tsx"],"sourcesContent":["/**\n * FormFieldRenderer - Individual form field component\n * Sprint 1: Form Foundation\n * Sprint 2: Conditional field visibility (showWhen)\n */\n\nimport { Component, Show, For, Switch, Match, Accessor } from 'solid-js'\nimport type { FormFieldParams } from '../types'\nimport { useConditionalField } from '../hooks/useConditionalField'\n\nexport interface FormFieldRendererProps {\n  field: FormFieldParams\n  value: any\n  error?: string\n  onChange: (value: any) => void\n  disabled?: boolean\n  /**\n   * Form data accessor for conditional field visibility\n   */\n  formData?: Accessor<Record<string, any>>\n}\n\nexport const FormFieldRenderer: Component<FormFieldRendererProps> = (props) => {\n  // Conditional visibility based on showWhen\n  const { isVisible } = useConditionalField({\n    condition: props.field.showWhen,\n    formData: props.formData || (() => ({})),\n  })\n\n  const baseInputClass = () => `\n    w-full px-3 py-2 border rounded-md\n    focus:ring-2 focus:ring-blue-500 focus:border-blue-500\n    disabled:bg-gray-100 disabled:cursor-not-allowed\n    ${props.error\n      ? 'border-red-500 focus:ring-red-500'\n      : 'border-gray-300 dark:border-gray-600'}\n    dark:bg-gray-700 dark:text-white\n  `\n\n  const fieldId = () => `field-${props.field.name}`\n  const errorId = () => `${props.field.name}-error`\n\n  return (\n    <Show when={isVisible()}>\n    <div class=\"space-y-1\">\n      <Show when={props.field.label && props.field.type !== 'checkbox'}>\n        <label\n          for={fieldId()}\n          class=\"block text-sm font-medium text-gray-700 dark:text-gray-300\"\n        >\n          {props.field.label}\n          <Show when={props.field.required}>\n            <span class=\"text-red-500 ml-1\" aria-hidden=\"true\">*</span>\n          </Show>\n        </label>\n      </Show>\n\n      <Switch>\n        {/* Text Input */}\n        <Match when={props.field.type === 'text' || props.field.type === 'email' || props.field.type === 'password'}>\n          <input\n            id={fieldId()}\n            type={props.field.type}\n            name={props.field.name}\n            value={props.value || ''}\n            onInput={(e) => props.onChange(e.currentTarget.value)}\n            placeholder={props.field.placeholder}\n            disabled={props.disabled}\n            required={props.field.required}\n            minLength={props.field.minLength}\n            maxLength={props.field.maxLength}\n            pattern={props.field.pattern}\n            aria-invalid={!!props.error}\n            aria-describedby={props.error ? errorId() : undefined}\n            class={baseInputClass()}\n          />\n        </Match>\n\n        {/* Number Input */}\n        <Match when={props.field.type === 'number'}>\n          <input\n            id={fieldId()}\n            type=\"number\"\n            name={props.field.name}\n            value={props.value ?? ''}\n            onInput={(e) => props.onChange(e.currentTarget.value === '' ? undefined : Number(e.currentTarget.value))}\n            placeholder={props.field.placeholder}\n            disabled={props.disabled}\n            required={props.field.required}\n            min={props.field.min}\n            max={props.field.max}\n            step={props.field.step}\n            aria-invalid={!!props.error}\n            aria-describedby={props.error ? errorId() : undefined}\n            class={baseInputClass()}\n          />\n        </Match>\n\n        {/* Date Input */}\n        <Match when={props.field.type === 'date'}>\n          <input\n            id={fieldId()}\n            type=\"date\"\n            name={props.field.name}\n            value={props.value || ''}\n            onInput={(e) => props.onChange(e.currentTarget.value)}\n            disabled={props.disabled}\n            required={props.field.required}\n            min={props.field.minDate}\n            max={props.field.maxDate}\n            aria-invalid={!!props.error}\n            aria-describedby={props.error ? errorId() : undefined}\n            class={baseInputClass()}\n          />\n        </Match>\n\n        {/* Textarea */}\n        <Match when={props.field.type === 'textarea'}>\n          <textarea\n            id={fieldId()}\n            name={props.field.name}\n            value={props.value || ''}\n            onInput={(e) => props.onChange(e.currentTarget.value)}\n            placeholder={props.field.placeholder}\n            disabled={props.disabled}\n            required={props.field.required}\n            rows={props.field.rows || 4}\n            minLength={props.field.minLength}\n            maxLength={props.field.maxLength}\n            aria-invalid={!!props.error}\n            aria-describedby={props.error ? errorId() : undefined}\n            class={baseInputClass()}\n          />\n        </Match>\n\n        {/* Select */}\n        <Match when={props.field.type === 'select'}>\n          <select\n            id={fieldId()}\n            name={props.field.name}\n            value={props.value || ''}\n            onChange={(e) => props.onChange(e.currentTarget.value)}\n            disabled={props.disabled}\n            required={props.field.required}\n            aria-invalid={!!props.error}\n            aria-describedby={props.error ? errorId() : undefined}\n            class={baseInputClass()}\n          >\n            <Show when={props.field.placeholder}>\n              <option value=\"\" disabled>{props.field.placeholder}</option>\n            </Show>\n            <For each={props.field.options}>\n              {(option) => (\n                <option value={option.value} disabled={option.disabled}>\n                  {option.label}\n                </option>\n              )}\n            </For>\n          </select>\n        </Match>\n\n        {/* Checkbox */}\n        <Match when={props.field.type === 'checkbox'}>\n          <label class=\"flex items-center gap-2 cursor-pointer\">\n            <input\n              id={fieldId()}\n              type=\"checkbox\"\n              name={props.field.name}\n              checked={props.value || false}\n              onChange={(e) => props.onChange(e.currentTarget.checked)}\n              disabled={props.disabled}\n              aria-invalid={!!props.error}\n              aria-describedby={props.error ? errorId() : undefined}\n              class=\"w-4 h-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500 dark:border-gray-600 dark:bg-gray-700\"\n            />\n            <span class=\"text-sm text-gray-700 dark:text-gray-300\">\n              {props.field.checkboxLabel || props.field.label}\n              <Show when={props.field.required}>\n                <span class=\"text-red-500 ml-1\" aria-hidden=\"true\">*</span>\n              </Show>\n            </span>\n          </label>\n        </Match>\n\n        {/* Radio Group */}\n        <Match when={props.field.type === 'radio'}>\n          <div\n            class=\"space-y-2\"\n            role=\"radiogroup\"\n            aria-labelledby={props.field.label ? `${fieldId()}-label` : undefined}\n            aria-invalid={!!props.error}\n            aria-describedby={props.error ? errorId() : undefined}\n          >\n            <For each={props.field.options}>\n              {(option, index) => (\n                <label class=\"flex items-center gap-2 cursor-pointer\">\n                  <input\n                    type=\"radio\"\n                    name={props.field.name}\n                    id={`${fieldId()}-${index()}`}\n                    value={option.value}\n                    checked={props.value === option.value}\n                    onChange={() => props.onChange(option.value)}\n                    disabled={props.disabled || option.disabled}\n                    class=\"w-4 h-4 border-gray-300 text-blue-600 focus:ring-blue-500 dark:border-gray-600\"\n                  />\n                  <span class=\"text-sm text-gray-700 dark:text-gray-300\">\n                    {option.label}\n                  </span>\n                </label>\n              )}\n            </For>\n          </div>\n        </Match>\n      </Switch>\n\n      <Show when={props.field.helpText && !props.error}>\n        <p class=\"text-xs text-gray-500 dark:text-gray-400\">{props.field.helpText}</p>\n      </Show>\n\n      <Show when={props.error}>\n        <p id={errorId()} role=\"alert\" class=\"text-xs text-red-600 dark:text-red-400\">\n          {props.error}\n        </p>\n      </Show>\n    </div>\n    </Show>\n  )\n}\n"],"names":["FormFieldRenderer","props","isVisible","useConditionalField","condition","field","showWhen","formData","baseInputClass","error","fieldId","name","errorId","_$createComponent","Show","when","children","_el$","_$getNextElement","_tmpl$11","_el$27","firstChild","_el$28","_co$7","_$getNextMarker","nextSibling","_el$29","_el$30","_co$8","_el$31","_el$32","_co$9","_el$33","_el$34","_co$0","_$insert","_$memo","label","type","_el$2","_tmpl$2","_el$4","_el$5","_co$","_el$6","_el$7","_co$2","required","_tmpl$","_$effect","_$setAttribute","Switch","Match","_el$8","_tmpl$3","$$input","e","onChange","currentTarget","value","_p$","_v$","_v$2","_v$3","_v$4","placeholder","_v$5","disabled","_v$6","_v$7","minLength","_v$8","maxLength","_v$9","pattern","_v$0","_v$1","undefined","_v$10","t","a","o","i","_$setProperty","n","s","h","r","d","l","u","_$className","_$runHydrationEvents","_el$9","_tmpl$4","Number","_v$11","_v$12","_v$13","_v$14","_v$15","_v$16","min","_v$17","max","_v$18","step","_v$19","_v$20","_v$21","_el$0","_tmpl$5","_v$22","_v$23","_v$24","_v$25","_v$26","minDate","_v$27","maxDate","_v$28","_v$29","_v$30","_el$1","_tmpl$6","_v$31","_v$32","_v$33","_v$34","_v$35","_v$36","rows","_v$37","_v$38","_v$39","_v$40","_v$41","_el$10","_tmpl$8","_el$12","_el$13","_co$3","_el$14","_el$15","_co$4","addEventListener","_el$11","_tmpl$7","For","each","options","option","_el$35","_tmpl$12","_v$42","_v$43","_v$44","_v$45","_v$46","_v$47","_v$48","_el$16","_tmpl$9","_el$17","_el$18","_el$20","_el$21","_co$5","_el$22","_el$23","_co$6","checked","checkboxLabel","_v$49","_v$50","_v$51","_v$52","_v$53","_el$24","_tmpl$0","index","_el$36","_tmpl$13","_el$37","_el$38","_v$57","_v$58","_v$59","_v$54","_v$55","_v$56","helpText","_el$25","_tmpl$1","_el$26","_tmpl$10","_$delegateEvents"],"mappings":"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"}

package/dist/components/FormRenderer.cjs

@@ -0,0 +1,217 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const web = require("solid-js/web");
+const solidJs = require("solid-js");
+const FormFieldRenderer = require("./FormFieldRenderer.cjs");
+const useAction = require("../hooks/useAction.cjs");
+const validation = require("../services/validation.cjs");
+const useConditionalField = require("../hooks/useConditionalField.cjs");
+const useFormPersistence = require("../hooks/useFormPersistence.cjs");
+var _tmpl$ = /* @__PURE__ */ web.template(`<h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-4">`), _tmpl$2 = /* @__PURE__ */ web.template(`<div class="mt-4 p-3 bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-md"><p class="text-sm text-red-600 dark:text-red-400"role=alert>`), _tmpl$3 = /* @__PURE__ */ web.template(`<button type=button class="px-4 py-2 border border-gray-300 dark:border-gray-600 text-gray-700 dark:text-gray-300 rounded-md hover:bg-gray-50 dark:hover:bg-gray-700 focus:outline-none focus:ring-2 focus:ring-gray-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors">Reset`), _tmpl$4 = /* @__PURE__ */ web.template(`<div class="w-full bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700 p-4"><!$><!/><form novalidate><div></div><!$><!/><div class="flex gap-2 pt-4 mt-4 border-t border-gray-200 dark:border-gray-700"><button type=submit class="px-4 py-2 bg-blue-600 text-white rounded-md hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed transition-colors"></button><!$><!/>`), _tmpl$5 = /* @__PURE__ */ web.template(`<span class="flex items-center gap-2"><span class="animate-spin h-4 w-4 border-2 border-white border-t-transparent rounded-full"></span>Submitting...`);
+function getFieldDefault(type) {
+  switch (type) {
+    case "checkbox":
+      return false;
+    case "number":
+      return void 0;
+    case "select":
+    case "radio":
+      return "";
+    default:
+      return "";
+  }
+}
+const FormRenderer = (props) => {
+  const params = () => props.component.params;
+  const [formData, setFormData] = solidJs.createSignal({});
+  const [errors, setErrors] = solidJs.createSignal({});
+  const [isSubmitting, setIsSubmitting] = solidJs.createSignal(false);
+  const {
+    execute
+  } = useAction.useAction();
+  let clearPersisted;
+  const getVisibleFields = () => {
+    return params().fields.filter((field) => {
+      if (!field.showWhen) return true;
+      return useConditionalField.evaluateCondition(field.showWhen, formData());
+    });
+  };
+  const initializeForm = (clearStorage = false) => {
+    const initial = {};
+    for (const field of params().fields) {
+      initial[field.name] = field.defaultValue ?? getFieldDefault(field.type);
+    }
+    setFormData(initial);
+    setErrors({});
+    if (clearStorage && clearPersisted) {
+      clearPersisted();
+    }
+  };
+  solidJs.onMount(() => {
+    initializeForm();
+  });
+  solidJs.createEffect(() => {
+    const persistKey = params().persistKey;
+    if (persistKey) {
+      const persistence = useFormPersistence.useFormPersistence({
+        persistKey,
+        formData,
+        setFormData,
+        excludeFields: params().excludeFromPersistence,
+        expiresIn: params().persistExpiresIn
+      });
+      clearPersisted = persistence.clearPersisted;
+    }
+  });
+  const handleFieldChange = (name, value) => {
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
+    if (errors()[name]) {
+      setErrors((prev) => {
+        const {
+          [name]: _removed,
+          ...rest
+        } = prev;
+        return rest;
+      });
+    }
+  };
+  const handleSubmit = async (e) => {
+    var _a, _b, _c, _d, _e;
+    e.preventDefault();
+    setIsSubmitting(true);
+    setErrors({});
+    const visibleFields = getVisibleFields();
+    const visibleFieldNames = new Set(visibleFields.map((f) => f.name));
+    const visibleFormData = {};
+    for (const [key, value] of Object.entries(formData())) {
+      if (visibleFieldNames.has(key)) {
+        visibleFormData[key] = value;
+      }
+    }
+    const validationResult = validation.validateFormData(visibleFormData, visibleFields);
+    if (!validationResult.valid) {
+      setErrors(validationResult.errors);
+      setIsSubmitting(false);
+      (_a = props.onError) == null ? void 0 : _a.call(props, validationResult.errors);
+      return;
+    }
+    if ((_b = params().submitAction) == null ? void 0 : _b.toolName) {
+      try {
+        const result = await execute(params().submitAction.toolName, {
+          ...params().submitAction.params,
+          formData: visibleFormData
+        });
+        if (!result.success) {
+          setErrors({
+            _form: result.error || "Submission failed"
+          });
+          setIsSubmitting(false);
+          (_c = props.onError) == null ? void 0 : _c.call(props, {
+            _form: result.error || "Submission failed"
+          });
+          return;
+        }
+      } catch (error) {
+        const errorMessage = error instanceof Error ? error.message : "Submission failed";
+        setErrors({
+          _form: errorMessage
+        });
+        setIsSubmitting(false);
+        (_d = props.onError) == null ? void 0 : _d.call(props, {
+          _form: errorMessage
+        });
+        return;
+      }
+    }
+    if (clearPersisted) {
+      clearPersisted();
+    }
+    (_e = props.onSubmit) == null ? void 0 : _e.call(props, visibleFormData);
+    setIsSubmitting(false);
+  };
+  const layoutClass = () => {
+    switch (params().layout) {
+      case "horizontal":
+        return "grid grid-cols-2 gap-4";
+      case "inline":
+        return "flex flex-wrap gap-4 items-end";
+      default:
+        return "space-y-4";
+    }
+  };
+  return (() => {
+    var _el$ = web.getNextElement(_tmpl$4), _el$12 = _el$.firstChild, [_el$13, _co$3] = web.getNextMarker(_el$12.nextSibling), _el$3 = _el$13.nextSibling, _el$4 = _el$3.firstChild, _el$10 = _el$4.nextSibling, [_el$11, _co$2] = web.getNextMarker(_el$10.nextSibling), _el$7 = _el$11.nextSibling, _el$8 = _el$7.firstChild, _el$0 = _el$8.nextSibling, [_el$1, _co$] = web.getNextMarker(_el$0.nextSibling);
+    web.insert(_el$, web.createComponent(solidJs.Show, {
+      get when() {
+        return params().title;
+      },
+      get children() {
+        var _el$2 = web.getNextElement(_tmpl$);
+        web.insert(_el$2, () => params().title);
+        return _el$2;
+      }
+    }), _el$13, _co$3);
+    _el$3.addEventListener("submit", handleSubmit);
+    web.insert(_el$4, web.createComponent(solidJs.For, {
+      get each() {
+        return params().fields;
+      },
+      children: (field) => web.createComponent(FormFieldRenderer.FormFieldRenderer, {
+        field,
+        get value() {
+          return formData()[field.name];
+        },
+        get error() {
+          return errors()[field.name];
+        },
+        onChange: (value) => handleFieldChange(field.name, value),
+        get disabled() {
+          return isSubmitting() || field.disabled;
+        },
+        formData
+      })
+    }));
+    web.insert(_el$3, web.createComponent(solidJs.Show, {
+      get when() {
+        return errors()._form;
+      },
+      get children() {
+        var _el$5 = web.getNextElement(_tmpl$2), _el$6 = _el$5.firstChild;
+        web.insert(_el$6, () => errors()._form);
+        return _el$5;
+      }
+    }), _el$11, _co$2);
+    web.insert(_el$8, (() => {
+      var _c$ = web.memo(() => !!isSubmitting());
+      return () => _c$() ? web.getNextElement(_tmpl$5) : params().submitLabel || "Submit";
+    })());
+    web.insert(_el$7, web.createComponent(solidJs.Show, {
+      get when() {
+        return params().showReset;
+      },
+      get children() {
+        var _el$9 = web.getNextElement(_tmpl$3);
+        _el$9.$$click = () => initializeForm(true);
+        web.effect(() => web.setProperty(_el$9, "disabled", isSubmitting()));
+        web.runHydrationEvents();
+        return _el$9;
+      }
+    }), _el$1, _co$);
+    web.effect((_p$) => {
+      var _v$ = layoutClass(), _v$2 = isSubmitting();
+      _v$ !== _p$.e && web.className(_el$4, _p$.e = _v$);
+      _v$2 !== _p$.t && web.setProperty(_el$8, "disabled", _p$.t = _v$2);
+      return _p$;
+    }, {
+      e: void 0,
+      t: void 0
+    });
+    return _el$;
+  })();
+};
+web.delegateEvents(["click"]);
+exports.FormRenderer = FormRenderer;
+//# sourceMappingURL=FormRenderer.cjs.map