tutuca 0.9.66 → 0.9.68

package/dist/tutuca-cli.js

@@ -5367,34 +5367,45 @@ var init_attribute = __esm(() => {
 });
 
 // src/vdom.js
-function applyProperties(node, props, previous) {
+function childOpts(vnode, ns, opts) {
+  const target = ns === SVG_NS && isForeignObject(vnode.tag) ? null : ns;
+  return target === (opts.namespace ?? null) ? opts : { ...opts, namespace: target };
+}
+function applyProperties(node, props) {
   const namespaced = isNamespaced(node);
-  for (const propName in props) {
-    const propValue = props[propName];
-    if (propValue === undefined)
-      removeProperty(node, propName, previous);
-    else if (propName === "dangerouslySetInnerHTML")
-      node.innerHTML = propValue.__html ?? "";
-    else if (propName === "className")
-      node.setAttribute("class", propValue);
-    else if (namespaced || isHtmlAttribute(propName))
-      node.setAttribute(propName, propValue);
-    else
-      node[propName] = propValue;
-  }
-}
-function removeProperty(node, propName, previous) {
-  const previousValue = previous[propName];
-  if (propName === "dangerouslySetInnerHTML")
-    node.replaceChildren();
-  else if (propName === "className")
-    node.removeAttribute("class");
-  else if (propName === "htmlFor")
-    node.removeAttribute("for");
-  else if (isNamespaced(node) || typeof previousValue === "string" || isHtmlAttribute(propName))
-    node.removeAttribute(propName);
+  for (const name in props)
+    setProp2(node, name, props[name], namespaced);
+}
+function setProp2(node, name, value, namespaced) {
+  if (name === "dangerouslySetInnerHTML") {
+    if (value === undefined)
+      node.replaceChildren();
+    else {
+      const html = value.__html ?? "";
+      if (html !== node.innerHTML)
+        node.innerHTML = html;
+    }
+    return;
+  }
+  if (typeof value === "function")
+    return;
+  if (!namespaced && !NEVER_ASSIGN.has(name) && name in node) {
+    try {
+      node[name] = value == null ? "" : value;
+      return;
+    } catch {}
+  }
+  if (value == null || value === false && name[4] !== "-")
+    node.removeAttribute(name);
   else
-    node[propName] = null;
+    node.setAttribute(name, value);
+}
+function applyValueLast(node, value) {
+  if (node.tagName === "PROGRESS" && (value == null || value === 0)) {
+    node.removeAttribute("value");
+  } else {
+    setProp2(node, "value", value, isNamespaced(node));
+  }
 }
 
 class VBase {
@@ -5457,18 +5468,37 @@ function morphNode(domNode, source, target, opts) {
     }
     if (type === 1 && source.isSameKind(target)) {
       const propsDiff = diffProps(source.attrs, target.attrs);
-      const isSelect = source.tag === "SELECT";
+      let pendingValue;
+      let pendingChecked;
+      let applyValue = false;
+      let applyChecked = false;
       if (propsDiff) {
-        if (isSelect && "value" in propsDiff) {
-          const { value: _v, ...rest } = propsDiff;
-          applyProperties(domNode, rest, source.attrs);
+        if ("value" in propsDiff || "checked" in propsDiff) {
+          const { value, checked, ...rest } = propsDiff;
+          applyProperties(domNode, rest);
+          if ("value" in propsDiff) {
+            pendingValue = value;
+            applyValue = true;
+          }
+          if ("checked" in propsDiff) {
+            pendingChecked = checked;
+            applyChecked = true;
+          }
         } else
-          applyProperties(domNode, propsDiff, source.attrs);
+          applyProperties(domNode, propsDiff);
       }
-      if (!target.attrs.dangerouslySetInnerHTML)
-        morphChildren(domNode, source.childs, target.childs, opts);
-      if (isSelect && target.attrs.value !== undefined)
-        applyProperties(domNode, { value: target.attrs.value }, source.attrs);
+      if (!target.attrs.dangerouslySetInnerHTML) {
+        const ns = effectiveNs(target, opts);
+        morphChildren(domNode, source.childs, target.childs, childOpts(target, ns, opts));
+      }
+      if (!applyValue && source.tag === "SELECT" && target.attrs.value !== undefined) {
+        pendingValue = target.attrs.value;
+        applyValue = true;
+      }
+      if (applyValue)
+        applyValueLast(domNode, pendingValue);
+      if (applyChecked)
+        setProp2(domNode, "checked", pendingChecked, false);
       return domNode;
     }
     if (type === 11) {
@@ -5564,35 +5594,48 @@ function h(tagName, properties, children, namespace) {
   if (properties) {
     for (const propName in properties) {
       const propVal = properties[propName];
-      switch (propName) {
-        case "key":
-          key = propVal;
-          break;
-        case "namespace":
-          namespace = namespace ?? propVal;
-          break;
-        case "class":
-          props.className = propVal;
-          break;
-        case "for":
-          props.htmlFor = propVal;
-          break;
-        default:
-          props[propName] = isHtmlAttribute(propName) ? String(propVal) : propVal;
-      }
+      if (propName === "key")
+        key = propVal;
+      else if (propName === "namespace")
+        namespace = namespace ?? propVal;
+      else
+        props[propName] = propVal;
+    }
+  }
+  if (namespace == null) {
+    const lower = tagName.toLowerCase();
+    if (lower === "svg") {
+      namespace = SVG_NS;
+      tagName = "svg";
+    } else if (lower === "math") {
+      namespace = MATH_NS;
+      tagName = "math";
     }
   }
   const c = tagName.charCodeAt(0);
-  const tag = namespace == null && c >= 97 && c <= 122 ? tagName.toUpperCase() : tagName;
+  const tag = namespace == null && c >= 97 && c <= 122 && tagName === tagName.toLowerCase() ? tagName.toUpperCase() : tagName;
   const normalizedChildren = [];
   addChild(normalizedChildren, children);
   return new VNode2(tag, props, normalizedChildren, key, namespace);
 }
-var isHtmlAttribute = (propName) => propName[4] === "-" && (propName[0] === "d" || propName[0] === "a"), HTML_NS = "http://www.w3.org/1999/xhtml", isNamespaced = (node) => {
+var HTML_NS = "http://www.w3.org/1999/xhtml", SVG_NS = "http://www.w3.org/2000/svg", MATH_NS = "http://www.w3.org/1998/Math/MathML", isNamespaced = (node) => {
   const ns = node.namespaceURI;
   return ns !== null && ns !== HTML_NS;
-}, getKey = (child) => child instanceof VNode2 ? child.key : undefined, isIterable = (obj) => obj != null && typeof obj !== "string" && typeof obj[Symbol.iterator] === "function", VText, VComment, VFragment, VNode2;
+}, isForeignObject = (tag) => tag.length === 13 && tag.toLowerCase() === "foreignobject", effectiveNs = (vnode, opts) => vnode.namespace ?? opts.namespace ?? null, NEVER_ASSIGN, getKey = (child) => child instanceof VNode2 ? child.key : undefined, isIterable = (obj) => obj != null && typeof obj !== "string" && typeof obj[Symbol.iterator] === "function", VText, VComment, VFragment, VNode2;
 var init_vdom = __esm(() => {
+  NEVER_ASSIGN = new Set([
+    "width",
+    "height",
+    "href",
+    "list",
+    "form",
+    "tabIndex",
+    "download",
+    "rowSpan",
+    "colSpan",
+    "role",
+    "popover"
+  ]);
   VText = class VText extends VBase {
     constructor(text) {
       super();
@@ -5676,15 +5719,23 @@ var init_vdom = __esm(() => {
     }
     toDom(opts) {
       const doc = opts.document;
-      const node = this.namespace === null ? doc.createElement(this.tag) : doc.createElementNS(this.namespace, this.tag);
-      if (this.tag === "SELECT" && "value" in this.attrs) {
-        const { value, ...rest } = this.attrs;
-        applyProperties(node, rest, {});
-        appendChildNodes(node, this.childs, opts);
-        applyProperties(node, { value }, {});
+      const ns = effectiveNs(this, opts);
+      const tag = ns !== null && this.tag === this.tag.toUpperCase() ? this.tag.toLowerCase() : this.tag;
+      const attrs = this.attrs;
+      const createOpts = attrs.is != null ? { is: attrs.is } : undefined;
+      const node = ns === null ? doc.createElement(tag, createOpts) : doc.createElementNS(ns, tag, createOpts);
+      const cOpts = childOpts(this, ns, opts);
+      if ("value" in attrs || "checked" in attrs) {
+        const { value, checked, ...rest } = attrs;
+        applyProperties(node, rest);
+        appendChildNodes(node, this.childs, cOpts);
+        if (value !== undefined)
+          applyValueLast(node, value);
+        if (checked !== undefined)
+          setProp2(node, "checked", checked, false);
       } else {
-        applyProperties(node, this.attrs, {});
-        appendChildNodes(node, this.childs, opts);
+        applyProperties(node, attrs);
+        appendChildNodes(node, this.childs, cOpts);
       }
       return node;
     }
@@ -8680,6 +8731,7 @@ function classifyBadValue(value) {
 function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SET2 } = {}) {
   return lx.push({ componentName: Comp.name }, () => {
     checkUnknownSpecKeys(lx, Comp, wellKnownExtras);
+    checkFieldDeclarations(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -9074,6 +9126,31 @@ function checkUnknownSpecKeys(lx, Comp, wellKnownExtras) {
     lx.warn(UNKNOWN_COMPONENT_SPEC_KEY, { key }, replaceNameSuggestion(key, candidates));
   }
 }
+function checkFieldDeclarations(lx, Comp) {
+  const fields = Comp.Class?.getMetaClass?.().fields;
+  if (!fields)
+    return;
+  for (const fieldName in fields) {
+    const field = fields[fieldName];
+    if (!Object.hasOwn(field, "args"))
+      continue;
+    if (typeof field.type !== "string") {
+      lx.error(COMP_FIELD_BAD_SHAPE, {
+        fieldName,
+        kind: "component-not-string",
+        got: typeof field.type,
+        gotName: field.type?.name ?? null
+      });
+    }
+    if (field.args == null || field.args.constructor !== Object) {
+      lx.error(COMP_FIELD_BAD_SHAPE, {
+        fieldName,
+        kind: "args-not-object",
+        got: field.args === null ? "null" : typeof field.args
+      });
+    }
+  }
+}
 function checkUnreferencedAlterHandlers(lx, Comp, referencedAlters) {
   for (const name in Comp.alter) {
     if (!referencedAlters.has(name)) {
@@ -9124,7 +9201,7 @@ class LintContext {
     this.reports.push({ id, info, level, context: { ...this.frame }, suggestion });
   }
 }
-var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", DYN_VAL_NOT_DEFINED = "DYN_VAL_NOT_DEFINED", DYN_ALIAS_NOT_REFERENCED = "DYN_ALIAS_NOT_REFERENCED", RENDER_IT_OUTSIDE_OF_LOOP = "RENDER_IT_OUTSIDE_OF_LOOP", UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER", UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME", INPUT_HANDLER_NOT_IMPLEMENTED = "INPUT_HANDLER_NOT_IMPLEMENTED", INPUT_HANDLER_NOT_REFERENCED = "INPUT_HANDLER_NOT_REFERENCED", INPUT_HANDLER_METHOD_NOT_IMPLEMENTED = "INPUT_HANDLER_METHOD_NOT_IMPLEMENTED", INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD = "INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD", INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER = "INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER", FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED", FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD", METHOD_VAL_NOT_DEFINED = "METHOD_VAL_NOT_DEFINED", METHOD_VAL_IS_FIELD = "METHOD_VAL_IS_FIELD", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", IF_NO_BRANCH_SET = "IF_NO_BRANCH_SET", UNKNOWN_REQUEST_NAME = "UNKNOWN_REQUEST_NAME", UNKNOWN_COMPONENT_NAME = "UNKNOWN_COMPONENT_NAME", UNKNOWN_MACRO_ARG = "UNKNOWN_MACRO_ARG", UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE", UNKNOWN_X_OP = "UNKNOWN_X_OP", UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR", MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX", BAD_VALUE = "BAD_VALUE", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", PARSE_ISSUE_KIND_TO_LINT_ID, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, AT_PREFIX_HINT_KNOWN_BY_KIND, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUE_KIND_TO_KNOWN_NAMES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, NODE_KIND_TO_CTX, LintParseContext;
+var KNOWN_COMPONENT_SPEC_KEYS, EMPTY_SET2, KNOWN_DIRECTIVE_NAMES, ALT_HANDLER_NOT_DEFINED = "ALT_HANDLER_NOT_DEFINED", ALT_HANDLER_NOT_REFERENCED = "ALT_HANDLER_NOT_REFERENCED", DYN_VAL_NOT_DEFINED = "DYN_VAL_NOT_DEFINED", DYN_ALIAS_NOT_REFERENCED = "DYN_ALIAS_NOT_REFERENCED", RENDER_IT_OUTSIDE_OF_LOOP = "RENDER_IT_OUTSIDE_OF_LOOP", UNKNOWN_EVENT_MODIFIER = "UNKNOWN_EVENT_MODIFIER", UNKNOWN_HANDLER_ARG_NAME = "UNKNOWN_HANDLER_ARG_NAME", INPUT_HANDLER_NOT_IMPLEMENTED = "INPUT_HANDLER_NOT_IMPLEMENTED", INPUT_HANDLER_NOT_REFERENCED = "INPUT_HANDLER_NOT_REFERENCED", INPUT_HANDLER_METHOD_NOT_IMPLEMENTED = "INPUT_HANDLER_METHOD_NOT_IMPLEMENTED", INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD = "INPUT_HANDLER_FOR_INPUT_HANDLER_METHOD", INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER = "INPUT_HANDLER_METHOD_FOR_INPUT_HANDLER", FIELD_VAL_NOT_DEFINED = "FIELD_VAL_NOT_DEFINED", FIELD_VAL_IS_METHOD = "FIELD_VAL_IS_METHOD", METHOD_VAL_NOT_DEFINED = "METHOD_VAL_NOT_DEFINED", METHOD_VAL_IS_FIELD = "METHOD_VAL_IS_FIELD", DUPLICATE_ATTR_DEFINITION = "DUPLICATE_ATTR_DEFINITION", IF_NO_BRANCH_SET = "IF_NO_BRANCH_SET", UNKNOWN_REQUEST_NAME = "UNKNOWN_REQUEST_NAME", UNKNOWN_COMPONENT_NAME = "UNKNOWN_COMPONENT_NAME", UNKNOWN_MACRO_ARG = "UNKNOWN_MACRO_ARG", UNKNOWN_DIRECTIVE = "UNKNOWN_DIRECTIVE", UNKNOWN_X_OP = "UNKNOWN_X_OP", UNKNOWN_X_ATTR = "UNKNOWN_X_ATTR", MAYBE_DROP_AT_PREFIX = "MAYBE_DROP_AT_PREFIX", BAD_VALUE = "BAD_VALUE", UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX", REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING", PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING", UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY", COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE", PARSE_ISSUE_KIND_TO_LINT_ID, X_KNOWN_OP_NAMES, X_KNOWN_ATTR_NAMES, AT_PREFIX_HINT_KNOWN_BY_KIND, LEVEL_WARN2 = "warn", LEVEL_ERROR2 = "error", LEVEL_HINT = "hint", PARSE_ISSUE_KIND_TO_KNOWN_NAMES, UNSUPPORTED_EXPR_GUIDANCE, HTML_LINT_OPTS, NO_WRAPPERS, KNOWN_HANDLER_NAMES, NODE_KIND_TO_CTX, LintParseContext;
 var init_lint_check = __esm(() => {
   init_anode();
   init_htmllinter();
@@ -9424,6 +9501,12 @@ var init_lint_rules = __esm(() => {
       level: "warn",
       group: "Component spec",
       summary: "`component({...})` has an unrecognized key; its value is ignored at runtime."
+    },
+    {
+      code: COMP_FIELD_BAD_SHAPE,
+      level: "error",
+      group: "Component field declarations",
+      summary: "`fields: { x: { component, args } }` shape is wrong: `component` must be a string and `args` must be a plain object."
     }
   ];
 });

package/dist/tutuca-dev.ext.js

@@ -57,7 +57,7 @@ __export(exports_dev, {
   component: () => component,
   compileClassesToStyleText: () => compileClassesToStyleText,
   compileClassesToStyle: () => compileClassesToStyle,
-  collectIterBindings: () => collectIterBindings,
+  collectIterBindings: () => collectIterBindings2,
   checkComponent: () => checkComponent,
   check: () => check2,
   UNSUPPORTED_EXPR_SYNTAX: () => UNSUPPORTED_EXPR_SYNTAX,
@@ -116,6 +116,7 @@ __export(exports_dev, {
   ComponentSummary: () => ComponentSummary,
   ComponentList: () => ComponentList,
   ComponentDocs: () => ComponentDocs,
+  COMP_FIELD_BAD_SHAPE: () => COMP_FIELD_BAD_SHAPE,
   BAD_VALUE: () => BAD_VALUE,
   ALT_HANDLER_NOT_REFERENCED: () => ALT_HANDLER_NOT_REFERENCED,
   ALT_HANDLER_NOT_DEFINED: () => ALT_HANDLER_NOT_DEFINED
@@ -4633,40 +4634,67 @@ class RequestHandler {
 }
 
 // src/vdom.js
-var isHtmlAttribute = (propName) => propName[4] === "-" && (propName[0] === "d" || propName[0] === "a");
 var HTML_NS = "http://www.w3.org/1999/xhtml";
+var SVG_NS = "http://www.w3.org/2000/svg";
+var MATH_NS = "http://www.w3.org/1998/Math/MathML";
 var isNamespaced = (node) => {
   const ns = node.namespaceURI;
   return ns !== null && ns !== HTML_NS;
 };
-function applyProperties(node, props, previous) {
+var isForeignObject = (tag) => tag.length === 13 && tag.toLowerCase() === "foreignobject";
+var effectiveNs = (vnode, opts) => vnode.namespace ?? opts.namespace ?? null;
+function childOpts(vnode, ns, opts) {
+  const target = ns === SVG_NS && isForeignObject(vnode.tag) ? null : ns;
+  return target === (opts.namespace ?? null) ? opts : { ...opts, namespace: target };
+}
+var NEVER_ASSIGN = new Set([
+  "width",
+  "height",
+  "href",
+  "list",
+  "form",
+  "tabIndex",
+  "download",
+  "rowSpan",
+  "colSpan",
+  "role",
+  "popover"
+]);
+function applyProperties(node, props) {
   const namespaced = isNamespaced(node);
-  for (const propName in props) {
-    const propValue = props[propName];
-    if (propValue === undefined)
-      removeProperty(node, propName, previous);
-    else if (propName === "dangerouslySetInnerHTML")
-      node.innerHTML = propValue.__html ?? "";
-    else if (propName === "className")
-      node.setAttribute("class", propValue);
-    else if (namespaced || isHtmlAttribute(propName))
-      node.setAttribute(propName, propValue);
-    else
-      node[propName] = propValue;
-  }
-}
-function removeProperty(node, propName, previous) {
-  const previousValue = previous[propName];
-  if (propName === "dangerouslySetInnerHTML")
-    node.replaceChildren();
-  else if (propName === "className")
-    node.removeAttribute("class");
-  else if (propName === "htmlFor")
-    node.removeAttribute("for");
-  else if (isNamespaced(node) || typeof previousValue === "string" || isHtmlAttribute(propName))
-    node.removeAttribute(propName);
+  for (const name in props)
+    setProp(node, name, props[name], namespaced);
+}
+function setProp(node, name, value, namespaced) {
+  if (name === "dangerouslySetInnerHTML") {
+    if (value === undefined)
+      node.replaceChildren();
+    else {
+      const html = value.__html ?? "";
+      if (html !== node.innerHTML)
+        node.innerHTML = html;
+    }
+    return;
+  }
+  if (typeof value === "function")
+    return;
+  if (!namespaced && !NEVER_ASSIGN.has(name) && name in node) {
+    try {
+      node[name] = value == null ? "" : value;
+      return;
+    } catch {}
+  }
+  if (value == null || value === false && name[4] !== "-")
+    node.removeAttribute(name);
   else
-    node[propName] = null;
+    node.setAttribute(name, value);
+}
+function applyValueLast(node, value) {
+  if (node.tagName === "PROGRESS" && (value == null || value === 0)) {
+    node.removeAttribute("value");
+  } else {
+    setProp(node, "value", value, isNamespaced(node));
+  }
 }
 
 class VBase {
@@ -4786,15 +4814,23 @@ class VNode extends VBase {
   }
   toDom(opts) {
     const doc = opts.document;
-    const node = this.namespace === null ? doc.createElement(this.tag) : doc.createElementNS(this.namespace, this.tag);
-    if (this.tag === "SELECT" && "value" in this.attrs) {
-      const { value, ...rest } = this.attrs;
-      applyProperties(node, rest, {});
-      appendChildNodes(node, this.childs, opts);
-      applyProperties(node, { value }, {});
+    const ns = effectiveNs(this, opts);
+    const tag = ns !== null && this.tag === this.tag.toUpperCase() ? this.tag.toLowerCase() : this.tag;
+    const attrs = this.attrs;
+    const createOpts = attrs.is != null ? { is: attrs.is } : undefined;
+    const node = ns === null ? doc.createElement(tag, createOpts) : doc.createElementNS(ns, tag, createOpts);
+    const cOpts = childOpts(this, ns, opts);
+    if ("value" in attrs || "checked" in attrs) {
+      const { value, checked, ...rest } = attrs;
+      applyProperties(node, rest);
+      appendChildNodes(node, this.childs, cOpts);
+      if (value !== undefined)
+        applyValueLast(node, value);
+      if (checked !== undefined)
+        setProp(node, "checked", checked, false);
     } else {
-      applyProperties(node, this.attrs, {});
-      appendChildNodes(node, this.childs, opts);
+      applyProperties(node, attrs);
+      appendChildNodes(node, this.childs, cOpts);
     }
     return node;
   }
@@ -4831,18 +4867,37 @@ function morphNode(domNode, source, target, opts) {
     }
     if (type3 === 1 && source.isSameKind(target)) {
       const propsDiff = diffProps(source.attrs, target.attrs);
-      const isSelect = source.tag === "SELECT";
+      let pendingValue;
+      let pendingChecked;
+      let applyValue = false;
+      let applyChecked = false;
       if (propsDiff) {
-        if (isSelect && "value" in propsDiff) {
-          const { value: _v, ...rest } = propsDiff;
-          applyProperties(domNode, rest, source.attrs);
+        if ("value" in propsDiff || "checked" in propsDiff) {
+          const { value, checked, ...rest } = propsDiff;
+          applyProperties(domNode, rest);
+          if ("value" in propsDiff) {
+            pendingValue = value;
+            applyValue = true;
+          }
+          if ("checked" in propsDiff) {
+            pendingChecked = checked;
+            applyChecked = true;
+          }
         } else
-          applyProperties(domNode, propsDiff, source.attrs);
+          applyProperties(domNode, propsDiff);
+      }
+      if (!target.attrs.dangerouslySetInnerHTML) {
+        const ns = effectiveNs(target, opts);
+        morphChildren(domNode, source.childs, target.childs, childOpts(target, ns, opts));
+      }
+      if (!applyValue && source.tag === "SELECT" && target.attrs.value !== undefined) {
+        pendingValue = target.attrs.value;
+        applyValue = true;
       }
-      if (!target.attrs.dangerouslySetInnerHTML)
-        morphChildren(domNode, source.childs, target.childs, opts);
-      if (isSelect && target.attrs.value !== undefined)
-        applyProperties(domNode, { value: target.attrs.value }, source.attrs);
+      if (applyValue)
+        applyValueLast(domNode, pendingValue);
+      if (applyChecked)
+        setProp(domNode, "checked", pendingChecked, false);
       return domNode;
     }
     if (type3 === 11) {
@@ -4938,26 +4993,26 @@ function h(tagName, properties, children, namespace) {
   if (properties) {
     for (const propName in properties) {
       const propVal = properties[propName];
-      switch (propName) {
-        case "key":
-          key = propVal;
-          break;
-        case "namespace":
-          namespace = namespace ?? propVal;
-          break;
-        case "class":
-          props.className = propVal;
-          break;
-        case "for":
-          props.htmlFor = propVal;
-          break;
-        default:
-          props[propName] = isHtmlAttribute(propName) ? String(propVal) : propVal;
-      }
+      if (propName === "key")
+        key = propVal;
+      else if (propName === "namespace")
+        namespace = namespace ?? propVal;
+      else
+        props[propName] = propVal;
+    }
+  }
+  if (namespace == null) {
+    const lower = tagName.toLowerCase();
+    if (lower === "svg") {
+      namespace = SVG_NS;
+      tagName = "svg";
+    } else if (lower === "math") {
+      namespace = MATH_NS;
+      tagName = "math";
     }
   }
   const c = tagName.charCodeAt(0);
-  const tag = namespace == null && c >= 97 && c <= 122 ? tagName.toUpperCase() : tagName;
+  const tag = namespace == null && c >= 97 && c <= 122 && tagName === tagName.toLowerCase() ? tagName.toUpperCase() : tagName;
   const normalizedChildren = [];
   addChild(normalizedChildren, children);
   return new VNode(tag, props, normalizedChildren, key, namespace);
@@ -5812,6 +5867,7 @@ __export(exports_lint_check, {
   DYN_VAL_NOT_DEFINED: () => DYN_VAL_NOT_DEFINED,
   DYN_ALIAS_NOT_REFERENCED: () => DYN_ALIAS_NOT_REFERENCED,
   DUPLICATE_ATTR_DEFINITION: () => DUPLICATE_ATTR_DEFINITION,
+  COMP_FIELD_BAD_SHAPE: () => COMP_FIELD_BAD_SHAPE,
   BAD_VALUE: () => BAD_VALUE,
   ALT_HANDLER_NOT_REFERENCED: () => ALT_HANDLER_NOT_REFERENCED,
   ALT_HANDLER_NOT_DEFINED: () => ALT_HANDLER_NOT_DEFINED
@@ -8123,6 +8179,7 @@ var UNSUPPORTED_EXPR_SYNTAX = "UNSUPPORTED_EXPR_SYNTAX";
 var REDUNDANT_TEMPLATE_STRING = "REDUNDANT_TEMPLATE_STRING";
 var PLACEHOLDERLESS_TEMPLATE_STRING = "PLACEHOLDERLESS_TEMPLATE_STRING";
 var UNKNOWN_COMPONENT_SPEC_KEY = "UNKNOWN_COMPONENT_SPEC_KEY";
+var COMP_FIELD_BAD_SHAPE = "COMP_FIELD_BAD_SHAPE";
 var PARSE_ISSUE_KIND_TO_LINT_ID = {
   "unknown-directive": UNKNOWN_DIRECTIVE,
   "unknown-x-op": UNKNOWN_X_OP,
@@ -8207,6 +8264,7 @@ var UNSUPPORTED_EXPR_GUIDANCE = {
 function checkComponent(Comp, lx = new LintContext, { wellKnownExtras = EMPTY_SET } = {}) {
   return lx.push({ componentName: Comp.name }, () => {
     checkUnknownSpecKeys(lx, Comp, wellKnownExtras);
+    checkFieldDeclarations(lx, Comp);
     const referencedAlters = new Set;
     const referencedInputs = new Set;
     const referencedDynamics = new Set;
@@ -8635,6 +8693,31 @@ function checkUnknownSpecKeys(lx, Comp, wellKnownExtras) {
     lx.warn(UNKNOWN_COMPONENT_SPEC_KEY, { key }, replaceNameSuggestion(key, candidates));
   }
 }
+function checkFieldDeclarations(lx, Comp) {
+  const fields = Comp.Class?.getMetaClass?.().fields;
+  if (!fields)
+    return;
+  for (const fieldName in fields) {
+    const field = fields[fieldName];
+    if (!Object.hasOwn(field, "args"))
+      continue;
+    if (typeof field.type !== "string") {
+      lx.error(COMP_FIELD_BAD_SHAPE, {
+        fieldName,
+        kind: "component-not-string",
+        got: typeof field.type,
+        gotName: field.type?.name ?? null
+      });
+    }
+    if (field.args == null || field.args.constructor !== Object) {
+      lx.error(COMP_FIELD_BAD_SHAPE, {
+        fieldName,
+        kind: "args-not-object",
+        got: field.args === null ? "null" : typeof field.args
+      });
+    }
+  }
+}
 function checkUnreferencedAlterHandlers(lx, Comp, referencedAlters) {
   for (const name in Comp.alter) {
     if (!referencedAlters.has(name)) {
@@ -9421,6 +9504,7 @@ __export(exports_extra, {
   component: () => component,
   compileClassesToStyleText: () => compileClassesToStyleText,
   compileClassesToStyle: () => compileClassesToStyle,
+  collectIterBindings: () => collectIterBindings,
   check: () => check,
   SEQ_INFO: () => SEQ_INFO,
   ParseContext: () => ParseContext,
@@ -11124,6 +11208,7 @@ __export(exports_tutuca, {
   html: () => html,
   css: () => css,
   component: () => component,
+  collectIterBindings: () => collectIterBindings,
   check: () => check,
   SEQ_INFO: () => SEQ_INFO,
   ParseContext: () => ParseContext,
@@ -11150,6 +11235,10 @@ function check(_app) {
 async function test2(_opts) {
   return null;
 }
+function collectIterBindings() {
+  console.warn("collectIterBindings is a no-op in the core tutuca build; use the tutuca-dev build for a functional implementation");
+  return [];
+}
 function tutuca(nodeOrSelector) {
   const rootNode = typeof nodeOrSelector === "string" ? document.querySelector(nodeOrSelector) : nodeOrSelector;
   const comps = new Components;
@@ -11361,7 +11450,7 @@ function docComponents(normalized, { name = null } = {}) {
 // src/util/testing.js
 var exports_testing = {};
 __export(exports_testing, {
-  collectIterBindings: () => collectIterBindings
+  collectIterBindings: () => collectIterBindings2
 });
 var filterAlwaysTrue2 = () => true;
 var nullLoopWith2 = (seq) => ({ iterData: { seq } });
@@ -11397,7 +11486,7 @@ function resolveAlter(Comp, name) {
   }
   return fn;
 }
-function collectIterBindings(Comp, compInstance, seq, opts = {}) {
+function collectIterBindings2(Comp, compInstance, seq, opts = {}) {
   const whenFn = resolveAlter(Comp, opts.when) ?? filterAlwaysTrue2;
   const loopWithFn = resolveAlter(Comp, opts.loopWith) ?? nullLoopWith2;
   const enrichFn = resolveAlter(Comp, opts.enrichWith);
@@ -11501,7 +11590,7 @@ export {
   component,
   compileClassesToStyleText,
   compileClassesToStyle,
-  collectIterBindings,
+  collectIterBindings2 as collectIterBindings,
   checkComponent,
   check2 as check,
   UNSUPPORTED_EXPR_SYNTAX,
@@ -11560,6 +11649,7 @@ export {
   ComponentSummary,
   ComponentList,
   ComponentDocs,
+  COMP_FIELD_BAD_SHAPE,
   BAD_VALUE,
   ALT_HANDLER_NOT_REFERENCED,
   ALT_HANDLER_NOT_DEFINED