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

package/dist/components/FormFieldRenderer.cjs

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

package/dist/components/FormFieldRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRenderer.cjs","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/FormFieldRenderer.d.ts

@@ -0,0 +1,20 @@
+/**
+ * FormFieldRenderer - Individual form field component
+ * Sprint 1: Form Foundation
+ * Sprint 2: Conditional field visibility (showWhen)
+ */
+import { Component, Accessor } from 'solid-js';
+import type { FormFieldParams } from '../types';
+export interface FormFieldRendererProps {
+    field: FormFieldParams;
+    value: any;
+    error?: string;
+    onChange: (value: any) => void;
+    disabled?: boolean;
+    /**
+     * Form data accessor for conditional field visibility
+     */
+    formData?: Accessor<Record<string, any>>;
+}
+export declare const FormFieldRenderer: Component<FormFieldRendererProps>;
+//# sourceMappingURL=FormFieldRenderer.d.ts.map

package/dist/components/FormFieldRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormFieldRenderer.d.ts","sourceRoot":"","sources":["../../src/components/FormFieldRenderer.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,SAAS,EAA4B,QAAQ,EAAE,MAAM,UAAU,CAAA;AACxE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAG/C,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,eAAe,CAAA;IACtB,KAAK,EAAE,GAAG,CAAA;IACV,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,CAAA;CACzC;AAED,eAAO,MAAM,iBAAiB,EAAE,SAAS,CAAC,sBAAsB,CA8M/D,CAAA"}