marko 6.0.145 → 6.0.147

package/dist/debug/dom.mjs

@@ -976,18 +976,33 @@ function _el(id, accessor) {
 }
 
 // src/dom/controllable.ts
+var inputType = "";
+var controllableDelegate = createDelegator();
+function _attr_input_checked_default(scope, nodeAccessor, checked) {
+  const el = scope[nodeAccessor];
+  const normalizedChecked = normalizeBoolProp(checked);
+  if (el.defaultChecked !== normalizedChecked) {
+    const restoreValue = scope["#Creating" /* Creating */] ? normalizedChecked : el.checked;
+    el.defaultChecked = normalizedChecked;
+    if (restoreValue !== normalizedChecked) {
+      el.checked = restoreValue;
+    }
+  }
+}
 function _attr_input_checked(scope, nodeAccessor, checked, checkedChange) {
-  setCheckboxValue(
-    scope,
-    nodeAccessor,
-    0 /* InputChecked */,
-    normalizeBoolProp(checked),
-    checkedChange
-  );
+  const el = scope[nodeAccessor];
+  const normalizedChecked = normalizeBoolProp(checked);
+  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = checkedChange;
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = checkedChange ? 0 /* InputChecked */ : 5 /* None */;
+  if (checkedChange && !scope["#Creating" /* Creating */]) {
+    el.checked = normalizedChecked;
+  } else {
+    _attr_input_checked_default(scope, nodeAccessor, normalizedChecked);
+  }
 }
 function _attr_input_checked_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  syncControllable(el, "input", hasCheckboxChanged, () => {
+  syncControllableFormInput(el, hasCheckboxChanged, () => {
     const checkedChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (checkedChange) {
       const newValue = el.checked;
@@ -997,20 +1012,48 @@ function _attr_input_checked_script(scope, nodeAccessor) {
     }
   });
 }
-function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
-  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = checkedValue;
-  _attr(scope[nodeAccessor], "value", value);
-  setCheckboxValue(
+function _attr_input_checkedValue_default(scope, nodeAccessor, checkedValue, value) {
+  const multiple = Array.isArray(checkedValue);
+  const normalizedValue = normalizeStrProp(value);
+  const normalizedCheckedValue = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  _attr(scope[nodeAccessor], "value", normalizedValue);
+  _attr_input_checked_default(
     scope,
     nodeAccessor,
-    1 /* InputCheckedValue */,
-    Array.isArray(checkedValue) ? checkedValue.includes(value) : checkedValue === value,
-    checkedValueChange
+    multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue
   );
 }
+function _attr_input_checkedValue(scope, nodeAccessor, checkedValue, checkedValueChange, value) {
+  const el = scope[nodeAccessor];
+  const multiple = Array.isArray(checkedValue);
+  const normalizedValue = normalizeStrProp(value);
+  const normalizedCheckedValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = multiple ? checkedValue.map(normalizeStrProp) : normalizeStrProp(checkedValue);
+  _attr(el, "value", normalizedValue);
+  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = checkedValueChange;
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = checkedValueChange ? 1 /* InputCheckedValue */ : 5 /* None */;
+  if (checkedValueChange && !scope["#Creating" /* Creating */]) {
+    el.checked = multiple ? normalizedCheckedValue.includes(normalizedValue) : normalizedValue === normalizedCheckedValue;
+  } else {
+    _attr_input_checkedValue_default(
+      scope,
+      nodeAccessor,
+      normalizedCheckedValue,
+      normalizedValue
+    );
+  }
+}
 function _attr_input_checkedValue_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  syncControllable(el, "input", hasCheckboxChanged, () => {
+  if (isResuming && el.defaultChecked) {
+    if (scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]) {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor].push(
+        el.value
+      );
+    } else {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = el.value;
+    }
+  }
+  syncControllableFormInput(el, hasCheckboxChanged, () => {
     const checkedValueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (checkedValueChange) {
       const oldValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
@@ -1031,21 +1074,25 @@ function _attr_input_checkedValue_script(scope, nodeAccessor) {
     }
   });
 }
+function _attr_input_value_default(scope, nodeAccessor, value) {
+  const el = scope[nodeAccessor];
+  const normalizedValue = normalizeStrProp(value);
+  if (el.defaultValue !== normalizedValue) {
+    const restoreValue = scope["#Creating" /* Creating */] ? normalizedValue : el.value;
+    el.defaultValue = normalizedValue;
+    setInputValue(el, restoreValue);
+  }
+}
 function _attr_input_value(scope, nodeAccessor, value, valueChange) {
   const el = scope[nodeAccessor];
   const normalizedValue = normalizeStrProp(value);
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
-  if (valueChange) {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 2 /* InputValue */;
-    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value;
-    if (el.isConnected) {
-      setValueAndUpdateSelection(el, normalizedValue);
-    } else {
-      el.defaultValue = normalizedValue;
-    }
+  scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizedValue;
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = valueChange ? 2 /* InputValue */ : 5 /* None */;
+  if (valueChange && !scope["#Creating" /* Creating */]) {
+    setInputValue(el, normalizedValue);
   } else {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
-    el.defaultValue = normalizedValue;
+    _attr_input_value_default(scope, nodeAccessor, normalizedValue);
   }
 }
 function _attr_input_value_script(scope, nodeAccessor) {
@@ -1053,151 +1100,154 @@ function _attr_input_value_script(scope, nodeAccessor) {
   if (isResuming) {
     scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = el.defaultValue;
   }
-  syncControllable(el, "input", hasValueChanged, (ev) => {
+  syncControllableFormInput(el, hasValueChanged, (ev) => {
     const valueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
       inputType = ev?.inputType;
       valueChange(el.value);
       run();
-      setValueAndUpdateSelection(
-        el,
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]
-      );
+      setInputValue(el, scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]);
       inputType = "";
     }
   });
 }
+function setInputValue(el, value) {
+  if (el.value !== value) {
+    const updatedPosition = resolveCursorPosition(
+      inputType,
+      el.getRootNode().activeElement === el && el.selectionStart,
+      el.value,
+      el.value = value
+    );
+    if (~updatedPosition) {
+      el.setSelectionRange(updatedPosition, updatedPosition);
+    }
+  }
+}
+function _attr_select_value_default(scope, nodeAccessor, value) {
+  let restoreValue;
+  const el = scope[nodeAccessor];
+  const existing = !scope["#Creating" /* Creating */];
+  const multiple = Array.isArray(value);
+  const normalizedValue = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
+  pendingEffects.unshift(() => {
+    for (const opt of el.options) {
+      const selected = multiple ? normalizedValue.includes(opt.value) : opt.value === normalizedValue;
+      if (opt.defaultSelected !== selected) {
+        if (existing) {
+          restoreValue ??= getSelectValue(el, multiple);
+        }
+        opt.defaultSelected = selected;
+      }
+    }
+    if (restoreValue !== void 0) {
+      setSelectValue(el, restoreValue, multiple);
+    }
+  }, scope);
+}
 function _attr_select_value(scope, nodeAccessor, value, valueChange) {
+  const el = scope[nodeAccessor];
+  const existing = !scope["#Creating" /* Creating */];
+  const multiple = Array.isArray(value);
+  const normalizedValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = multiple ? value.map(normalizeStrProp) : normalizeStrProp(value);
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = valueChange;
-  if (valueChange) {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 3 /* SelectValue */;
-    scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = value;
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = valueChange ? 3 /* SelectValue */ : 5 /* None */;
+  if (valueChange && existing) {
+    pendingEffects.unshift(
+      () => setSelectValue(el, normalizedValue, multiple),
+      scope
+    );
   } else {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
-  }
-  pendingEffects.unshift(
-    () => setSelectOptions(
-      scope[nodeAccessor],
-      value,
-      valueChange
-    ),
-    scope
-  );
+    _attr_select_value_default(scope, nodeAccessor, normalizedValue);
+  }
 }
 function _attr_select_value_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
   const onChange = () => {
     const valueChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
     if (valueChange) {
-      const newValue = Array.isArray(
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]
-      ) ? Array.from(el.selectedOptions, toValueProp) : el.value;
-      setSelectOptions(
-        el,
-        scope["ControlledValue:" /* ControlledValue */ + nodeAccessor],
-        valueChange
-      );
+      const oldValue = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
+      const multiple = Array.isArray(oldValue);
+      const newValue = getSelectValue(el, multiple);
+      setSelectValue(el, oldValue, multiple);
       valueChange(newValue);
       run();
     }
   };
-  if (!el._) {
-    new MutationObserver(() => {
-      const value = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
-      if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value != value) {
-        onChange();
+  if (isResuming) {
+    if (el.multiple) {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = [];
+      for (const opt of el.options) {
+        if (opt.defaultSelected) {
+          scope["ControlledValue:" /* ControlledValue */ + nodeAccessor].push(opt.value);
+        }
       }
-    }).observe(el, {
-      childList: true,
-      subtree: true
-    });
+    } else {
+      scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = "";
+      for (const opt of el.options) {
+        if (opt.defaultSelected) {
+          scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = opt.value;
+          break;
+        }
+      }
+    }
   }
-  syncControllable(el, "input", hasSelectChanged, onChange);
+  syncControllableFormInput(el, hasSelectChanged, onChange);
+  new MutationObserver(() => {
+    const value = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
+    if (Array.isArray(value) ? value.length !== el.selectedOptions.length || value.some((value2, i) => value2 != el.selectedOptions[i].value) : el.value !== value) {
+      onChange();
+    }
+  }).observe(el, { childList: true, subtree: true });
 }
-function setSelectOptions(el, value, valueChange) {
-  if (Array.isArray(value)) {
+function setSelectValue(el, value, multiple) {
+  if (multiple) {
     for (const opt of el.options) {
-      const selected = value.includes(opt.value);
-      if (valueChange) {
-        opt.selected = selected;
-      } else {
-        opt.defaultSelected = selected;
-      }
+      opt.selected = value.includes(opt.value);
     }
   } else {
-    const normalizedValue = normalizeStrProp(value);
-    if (valueChange) {
-      el.value = normalizedValue;
-    } else {
-      for (const opt of el.options) {
-        opt.defaultSelected = opt.value === normalizedValue;
-      }
-    }
+    el.value = value;
+  }
+}
+function getSelectValue(el, multiple) {
+  return multiple ? Array.from(el.selectedOptions, (opt) => opt.value) : el.value;
+}
+function _attr_details_or_dialog_open_default(scope, nodeAccessor, open) {
+  if (scope["#Creating" /* Creating */]) {
+    scope[nodeAccessor].open = normalizeBoolProp(open);
   }
 }
 function _attr_details_or_dialog_open(scope, nodeAccessor, open, openChange) {
+  const normalizedOpen = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
   scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = openChange;
-  if (openChange) {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 4 /* DetailsOrDialogOpen */;
+  scope["ControlledType:" /* ControlledType */ + nodeAccessor] = openChange ? 4 /* DetailsOrDialogOpen */ : 5 /* None */;
+  if (openChange && !scope["#Creating" /* Creating */]) {
+    scope[nodeAccessor].open = normalizedOpen;
   } else {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
+    _attr_details_or_dialog_open_default(scope, nodeAccessor, normalizedOpen);
   }
-  scope[nodeAccessor].open = scope["ControlledValue:" /* ControlledValue */ + nodeAccessor] = normalizeBoolProp(open);
 }
 function _attr_details_or_dialog_open_script(scope, nodeAccessor) {
   const el = scope[nodeAccessor];
-  const hasChanged = () => el.open !== scope["ControlledValue:" /* ControlledValue */ + nodeAccessor];
-  syncControllable(
-    el,
-    el.tagName === "DIALOG" ? "close" : "toggle",
-    hasChanged,
-    () => {
-      const openChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
-      if (openChange && hasChanged()) {
-        const newValue = el.open;
-        el.open = !newValue;
-        openChange(newValue);
-        run();
-      }
-    }
-  );
-}
-var inputType = "";
-function setValueAndUpdateSelection(el, value) {
-  if (el.value !== value) {
-    const updatedPosition = resolveCursorPosition(
-      inputType,
-      el.getRootNode().activeElement === el && el.selectionStart,
-      el.value,
-      el.value = value
-    );
-    if (~updatedPosition) {
-      el.setSelectionRange(updatedPosition, updatedPosition);
+  new MutationObserver(() => {
+    const openChange = scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor];
+    if (openChange && el.open === !scope["ControlledValue:" /* ControlledValue */ + nodeAccessor]) {
+      const newValue = el.open;
+      el.open = !newValue;
+      openChange(newValue);
+      run();
     }
-  }
+  }).observe(el, { attributes: true, attributeFilter: ["open"] });
 }
-function setCheckboxValue(scope, nodeAccessor, type, checked, checkedChange) {
-  scope["ControlledHandler:" /* ControlledHandler */ + nodeAccessor] = checkedChange;
-  if (checkedChange) {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = type;
-    scope[nodeAccessor].checked = checked;
-  } else {
-    scope["ControlledType:" /* ControlledType */ + nodeAccessor] = 5 /* None */;
-    scope[nodeAccessor].defaultChecked = checked;
+function syncControllableFormInput(el, hasChanged, onChange) {
+  el._ = onChange;
+  controllableDelegate(el, "input", handleChange);
+  if (el.form) {
+    controllableDelegate(el.form, "reset", handleFormReset);
   }
-}
-var controllableDelegate = createDelegator();
-function syncControllable(el, event, hasChanged, onChange) {
-  if (!el._) {
-    controllableDelegate(el, event, handleChange);
-    if (el.form) {
-      controllableDelegate(el.form, "reset", handleFormReset);
-    }
-    if (isResuming && hasChanged(el)) {
-      queueMicrotask(onChange);
-    }
+  if (isResuming && hasChanged(el)) {
+    queueMicrotask(onChange);
   }
-  el._ = onChange;
 }
 function handleChange(ev) {
   ev.target._?.(ev);
@@ -1243,9 +1293,6 @@ function updateList(arr, val, push2) {
   const index = arr.indexOf(val);
   return (push2 ? !~index && [...arr, val] : ~index && arr.slice(0, index).concat(arr.slice(index + 1))) || arr;
 }
-function toValueProp(it) {
-  return it.value;
-}
 
 // src/dom/dom.ts
 function _to_text(value) {
@@ -1283,7 +1330,7 @@ function _attr_style_items(element, items) {
   }
 }
 function _attr_style_item(element, name, value) {
-  element.style.setProperty(name, value || value === 0 ? value + "" : "");
+  element.style.setProperty(name, _to_text(value));
 }
 function _attr_nonce(scope, nodeAccessor) {
   _attr(scope[nodeAccessor], "nonce", scope["$global" /* Global */].cspNonce);
@@ -1473,7 +1520,7 @@ function _html(scope, value, accessor) {
   const parentNode = firstChild.parentNode;
   const lastChild = scope["DynamicHTMLLastChild:" /* DynamicHTMLLastChild */ + accessor] || firstChild;
   const newContent = parseHTML(
-    value || value === 0 ? value + "" : "",
+    _to_text(value),
     parentNode.namespaceURI
   );
   insertChildNodes(
@@ -2554,22 +2601,29 @@ export {
   _attr_class_items,
   _attr_content,
   _attr_details_or_dialog_open as _attr_details_open,
+  _attr_details_or_dialog_open_default as _attr_details_open_default,
   _attr_details_or_dialog_open_script as _attr_details_open_script,
   _attr_details_or_dialog_open as _attr_dialog_open,
+  _attr_details_or_dialog_open_default as _attr_dialog_open_default,
   _attr_details_or_dialog_open_script as _attr_dialog_open_script,
   _attr_input_checked,
   _attr_input_checkedValue,
+  _attr_input_checkedValue_default,
   _attr_input_checkedValue_script,
+  _attr_input_checked_default,
   _attr_input_checked_script,
   _attr_input_value,
+  _attr_input_value_default,
   _attr_input_value_script,
   _attr_nonce,
   _attr_select_value,
+  _attr_select_value_default,
   _attr_select_value_script,
   _attr_style,
   _attr_style_item,
   _attr_style_items,
   _attr_input_value as _attr_textarea_value,
+  _attr_input_value_default as _attr_textarea_value_default,
   _attr_input_value_script as _attr_textarea_value_script,
   _attrs,
   _attrs_content,

package/dist/debug/html.js

@@ -2879,8 +2879,8 @@ function _attr_style(value) {
   return stringAttr("style", styleValue(value));
 }
 function _attr_option_value(value) {
-  const selectedValue = getContext(kSelectedValue);
-  return _attr("value", value) + (!isVoid(value) && (Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value) ? " selected" : "");
+  const valueAttr = _attr("value", value);
+  return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
 }
 var kSelectedValue = /* @__PURE__ */ Symbol("selectedValue");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2889,7 +2889,7 @@ function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content)
       3 /* SelectValue */,
       scopeId,
       nodeAccessor,
-      value,
+      void 0,
       valueChange
     );
   }
@@ -2931,33 +2931,44 @@ function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
       checkedChange
     );
   }
-  return _attr("checked", checked);
+  return normalizeBoolAttrValue(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
-  const multiple = Array.isArray(checkedValue);
   const valueAttr = _attr("value", value);
   if (checkedValueChange) {
     writeControlledScope(
       1 /* InputCheckedValue */,
       scopeId,
       nodeAccessor,
-      checkedValue,
+      getCheckedValueRef(checkedValue),
       checkedValueChange
     );
   }
-  return (multiple ? checkedValue.includes(value) : checkedValue === value) ? valueAttr + " checked" : valueAttr;
+  return normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
+}
+var checkedValuesRefs = /* @__PURE__ */ new WeakMap();
+function getCheckedValueRef(checkedValue) {
+  if (Array.isArray(checkedValue)) {
+    let ref = checkedValuesRefs.get(checkedValue);
+    if (!ref) {
+      ref = [];
+      checkedValuesRefs.set(checkedValue, ref);
+    }
+    return ref;
+  }
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+  const normalizedOpen = normalizeBoolAttrValue(open);
   if (openChange) {
     writeControlledScope(
       4 /* DetailsOrDialogOpen */,
       scopeId,
       nodeAccessor,
-      open,
+      normalizedOpen,
       openChange
     );
   }
-  return _attr("open", open);
+  return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
   return getChunk().boundary.state.nonceAttr;
@@ -3120,6 +3131,27 @@ function escapeDoubleQuotedAttrValue(value) {
 function replaceUnsafeDoubleQuoteAttrChar(match) {
   return match === '"' ? """ : "&";
 }
+function normalizedValueMatches(a, b) {
+  const value = normalizeStrAttrValue(b);
+  if (Array.isArray(a)) {
+    for (const item of a) {
+      if (normalizeStrAttrValue(item) === value) {
+        return true;
+      }
+    }
+  } else if (normalizeStrAttrValue(a) === value) {
+    return true;
+  }
+  return false;
+}
+function normalizeStrAttrValue(value) {
+  return value && value !== true || value === 0 ? value + "" : "";
+}
+function normalizeBoolAttrValue(value) {
+  if (value != null && value !== false) {
+    return true;
+  }
+}
 
 // src/common/compat-meta.ts
 var prefix = true ? "$compat_" : "$C_";

package/dist/debug/html.mjs

@@ -2786,8 +2786,8 @@ function _attr_style(value) {
   return stringAttr("style", styleValue(value));
 }
 function _attr_option_value(value) {
-  const selectedValue = getContext(kSelectedValue);
-  return _attr("value", value) + (!isVoid(value) && (Array.isArray(selectedValue) ? selectedValue.includes(value) : selectedValue === value) ? " selected" : "");
+  const valueAttr = _attr("value", value);
+  return normalizedValueMatches(getContext(kSelectedValue), value) ? valueAttr + " selected" : valueAttr;
 }
 var kSelectedValue = /* @__PURE__ */ Symbol("selectedValue");
 function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content) {
@@ -2796,7 +2796,7 @@ function _attr_select_value(scopeId, nodeAccessor, value, valueChange, content)
       3 /* SelectValue */,
       scopeId,
       nodeAccessor,
-      value,
+      void 0,
       valueChange
     );
   }
@@ -2838,33 +2838,44 @@ function _attr_input_checked(scopeId, nodeAccessor, checked, checkedChange) {
       checkedChange
     );
   }
-  return _attr("checked", checked);
+  return normalizeBoolAttrValue(checked) ? " checked" : "";
 }
 function _attr_input_checkedValue(scopeId, nodeAccessor, checkedValue, checkedValueChange, value) {
-  const multiple = Array.isArray(checkedValue);
   const valueAttr = _attr("value", value);
   if (checkedValueChange) {
     writeControlledScope(
       1 /* InputCheckedValue */,
       scopeId,
       nodeAccessor,
-      checkedValue,
+      getCheckedValueRef(checkedValue),
       checkedValueChange
     );
   }
-  return (multiple ? checkedValue.includes(value) : checkedValue === value) ? valueAttr + " checked" : valueAttr;
+  return normalizedValueMatches(checkedValue, value) ? valueAttr + " checked" : valueAttr;
+}
+var checkedValuesRefs = /* @__PURE__ */ new WeakMap();
+function getCheckedValueRef(checkedValue) {
+  if (Array.isArray(checkedValue)) {
+    let ref = checkedValuesRefs.get(checkedValue);
+    if (!ref) {
+      ref = [];
+      checkedValuesRefs.set(checkedValue, ref);
+    }
+    return ref;
+  }
 }
 function _attr_details_or_dialog_open(scopeId, nodeAccessor, open, openChange) {
+  const normalizedOpen = normalizeBoolAttrValue(open);
   if (openChange) {
     writeControlledScope(
       4 /* DetailsOrDialogOpen */,
       scopeId,
       nodeAccessor,
-      open,
+      normalizedOpen,
       openChange
     );
   }
-  return _attr("open", open);
+  return normalizedOpen ? " open" : "";
 }
 function _attr_nonce() {
   return getChunk().boundary.state.nonceAttr;
@@ -3027,6 +3038,27 @@ function escapeDoubleQuotedAttrValue(value) {
 function replaceUnsafeDoubleQuoteAttrChar(match) {
   return match === '"' ? """ : "&";
 }
+function normalizedValueMatches(a, b) {
+  const value = normalizeStrAttrValue(b);
+  if (Array.isArray(a)) {
+    for (const item of a) {
+      if (normalizeStrAttrValue(item) === value) {
+        return true;
+      }
+    }
+  } else if (normalizeStrAttrValue(a) === value) {
+    return true;
+  }
+  return false;
+}
+function normalizeStrAttrValue(value) {
+  return value && value !== true || value === 0 ? value + "" : "";
+}
+function normalizeBoolAttrValue(value) {
+  if (value != null && value !== false) {
+    return true;
+  }
+}
 
 // src/common/compat-meta.ts
 var prefix = true ? "$compat_" : "$C_";

package/dist/dom/controllable.d.ts

@@ -1,12 +1,16 @@
 import { type Accessor, type Scope } from "../common/types";
+export declare function _attr_input_checked_default(scope: Scope, nodeAccessor: Accessor, checked: boolean): void;
 export declare function _attr_input_checked(scope: Scope, nodeAccessor: Accessor, checked: unknown, checkedChange: unknown): void;
 export declare function _attr_input_checked_script(scope: Scope, nodeAccessor: Accessor): void;
+export declare function _attr_input_checkedValue_default(scope: Scope, nodeAccessor: Accessor, checkedValue: unknown, value: unknown): void;
 export declare function _attr_input_checkedValue(scope: Scope, nodeAccessor: Accessor, checkedValue: unknown, checkedValueChange: unknown, value: unknown): void;
 export declare function _attr_input_checkedValue_script(scope: Scope, nodeAccessor: Accessor): void;
+export declare function _attr_input_value_default(scope: Scope, nodeAccessor: Accessor, value: unknown): void;
 export declare function _attr_input_value(scope: Scope, nodeAccessor: Accessor, value: unknown, valueChange: unknown): void;
 export declare function _attr_input_value_script(scope: Scope, nodeAccessor: Accessor): void;
-export { _attr_input_value as _attr_textarea_value, _attr_input_value_script as _attr_textarea_value_script, };
+export declare function _attr_select_value_default(scope: Scope, nodeAccessor: Accessor, value: unknown): void;
 export declare function _attr_select_value(scope: Scope, nodeAccessor: Accessor, value: unknown, valueChange: unknown): void;
 export declare function _attr_select_value_script(scope: Scope, nodeAccessor: Accessor): void;
+export declare function _attr_details_or_dialog_open_default(scope: Scope, nodeAccessor: Accessor, open: unknown): void;
 export declare function _attr_details_or_dialog_open(scope: Scope, nodeAccessor: Accessor, open: unknown, openChange: unknown): void;
 export declare function _attr_details_or_dialog_open_script(scope: Scope, nodeAccessor: Accessor): void;