@barefootjs/client 0.1.3 → 0.3.0

package/dist/runtime/apply-rest-attrs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"apply-rest-attrs.d.ts","sourceRoot":"","sources":["../../src/runtime/apply-rest-attrs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAyBH;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,OAAO,EACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,WAAW,EAAE,MAAM,EAAE,GACpB,IAAI,CAkEN"}
+{"version":3,"file":"apply-rest-attrs.d.ts","sourceRoot":"","sources":["../../src/runtime/apply-rest-attrs.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAiBH;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,EAAE,EAAE,OAAO,EACX,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,WAAW,EAAE,MAAM,EAAE,GACpB,IAAI,CA4DN"}

package/dist/runtime/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/runtime/component.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAS3C,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAExD;AAWD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;;;GAGG;AACH;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EACrB,IAAI,CAAC,EAAE,uBAAuB,GAC7B,WAAW,CAyHb;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAE3F;AAuBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAE7G;AAGD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAiDR;AA+DD;;;;;GAKG;AACH;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjD;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,gBAAgB,CAcjF"}
+{"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../src/runtime/component.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AASH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAS3C,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,CAExD;AAWD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH;;;GAGG;AACH;;;;;GAKG;AACH,MAAM,WAAW,uBAAuB;IACtC,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAA;IACd,uDAAuD;IACvD,KAAK,EAAE,MAAM,CAAA;CACd;AAED,wBAAgB,eAAe,CAC7B,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EACrB,IAAI,CAAC,EAAE,uBAAuB,GAC7B,WAAW,CAoIb;AAED;;;GAGG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAE3F;AAuBD;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,WAAW,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAE7G;AAGD;;;;;;;;;;;;GAYG;AACH,wBAAgB,WAAW,CACzB,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC9B,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,EACrB,UAAU,CAAC,EAAE,MAAM,GAClB,MAAM,CAiDR;AA+DD;;;;;GAKG;AACH;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAEjD;AAID;;;;;;;;;;;;;GAaG;AACH,wBAAgB,SAAS,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI,GAAG,gBAAgB,CAcjF"}

package/dist/runtime/index.js

@@ -123,6 +123,156 @@ var BF_KEY = "data-key";
 var BF_ASYNC = "bf-async";
 var BF_ASYNC_RESOLVE = "bf-async-resolve";
 var BF_PARENT_SCOPE_PLACEHOLDER = "__BF_PARENT_SCOPE__";
+// ../shared/src/dom-prop.ts
+var BOOLEAN_ATTRS = new Set([
+  "checked",
+  "disabled",
+  "readonly",
+  "selected",
+  "required",
+  "hidden",
+  "autofocus",
+  "autoplay",
+  "controls",
+  "loop",
+  "muted",
+  "open",
+  "multiple",
+  "novalidate",
+  "formnovalidate"
+]);
+var SVG_CAMEL_TO_KEBAB = {
+  strokeWidth: "stroke-width",
+  strokeLinecap: "stroke-linecap",
+  strokeLinejoin: "stroke-linejoin",
+  strokeDasharray: "stroke-dasharray",
+  strokeDashoffset: "stroke-dashoffset",
+  strokeMiterlimit: "stroke-miterlimit",
+  strokeOpacity: "stroke-opacity",
+  fillOpacity: "fill-opacity",
+  fillRule: "fill-rule",
+  stopColor: "stop-color",
+  stopOpacity: "stop-opacity",
+  textAnchor: "text-anchor",
+  dominantBaseline: "dominant-baseline",
+  alignmentBaseline: "alignment-baseline",
+  fontFamily: "font-family",
+  fontSize: "font-size",
+  fontWeight: "font-weight",
+  fontStyle: "font-style",
+  letterSpacing: "letter-spacing",
+  wordSpacing: "word-spacing",
+  pointerEvents: "pointer-events",
+  vectorEffect: "vector-effect",
+  colorInterpolation: "color-interpolation",
+  clipPath: "clip-path",
+  clipRule: "clip-rule",
+  markerStart: "marker-start",
+  markerMid: "marker-mid",
+  markerEnd: "marker-end"
+};
+var SVG_XML_CAMEL_ATTRS = new Set([
+  "allowReorder",
+  "attributeName",
+  "attributeType",
+  "autoReverse",
+  "baseFrequency",
+  "baseProfile",
+  "calcMode",
+  "clipPathUnits",
+  "contentScriptType",
+  "contentStyleType",
+  "diffuseConstant",
+  "edgeMode",
+  "externalResourcesRequired",
+  "filterRes",
+  "filterUnits",
+  "glyphRef",
+  "gradientTransform",
+  "gradientUnits",
+  "kernelMatrix",
+  "kernelUnitLength",
+  "keyPoints",
+  "keySplines",
+  "keyTimes",
+  "lengthAdjust",
+  "limitingConeAngle",
+  "markerHeight",
+  "markerUnits",
+  "markerWidth",
+  "maskContentUnits",
+  "maskUnits",
+  "numOctaves",
+  "pathLength",
+  "patternContentUnits",
+  "patternTransform",
+  "patternUnits",
+  "pointsAtX",
+  "pointsAtY",
+  "pointsAtZ",
+  "preserveAlpha",
+  "preserveAspectRatio",
+  "primitiveUnits",
+  "refX",
+  "refY",
+  "repeatCount",
+  "repeatDur",
+  "requiredExtensions",
+  "requiredFeatures",
+  "specularConstant",
+  "specularExponent",
+  "spreadMethod",
+  "startOffset",
+  "stdDeviation",
+  "stitchTiles",
+  "surfaceScale",
+  "systemLanguage",
+  "tableValues",
+  "targetX",
+  "targetY",
+  "textLength",
+  "viewBox",
+  "viewTarget",
+  "xChannelSelector",
+  "yChannelSelector",
+  "zoomAndPan"
+]);
+function isEventProp(key) {
+  return key.length > 2 && key[0] === "o" && key[1] === "n" && key[2] >= "A" && key[2] <= "Z";
+}
+function classifyDOMProp(key) {
+  if (key === "children")
+    return { kind: "skip", attrName: key };
+  if (key === "ref")
+    return { kind: "ref", attrName: key };
+  if (isEventProp(key))
+    return { kind: "event", attrName: key };
+  const attrName = toHTMLAttrNameRuntime(key);
+  if (attrName === "style")
+    return { kind: "style", attrName };
+  if (attrName === "value")
+    return { kind: "property", attrName };
+  if (attrName === "checked")
+    return { kind: "property", attrName };
+  if (BOOLEAN_ATTRS.has(attrName.toLowerCase()))
+    return { kind: "boolean", attrName };
+  return { kind: "attr", attrName };
+}
+function toHTMLAttrNameRuntime(key) {
+  if (key === "className")
+    return "class";
+  if (key === "htmlFor")
+    return "for";
+  const svgKebab = SVG_CAMEL_TO_KEBAB[key];
+  if (svgKebab !== undefined)
+    return svgKebab;
+  if (SVG_XML_CAMEL_ATTRS.has(key))
+    return key;
+  if (key.startsWith("data") || key.startsWith("aria")) {
+    return key.replace(/([A-Z])/g, "-$1").toLowerCase();
+  }
+  return key;
+}
 // src/context.ts
 function createContext(defaultValue) {
   return {
@@ -766,6 +916,8 @@ function hydrateCommentScope(comment) {
   const proxyEl = nextElementSibling2(comment) ?? comment.parentElement;
   if (!proxyEl)
     return;
+  if (hydratedScopes.has(proxyEl))
+    return;
   commentScopeRegistry.set(proxyEl, { commentNode: comment, scopeId });
   const parsed = parseProps(propsJson || null, `comment scope ${scopeId}`);
   const props = parsed[name] ?? {};
@@ -820,9 +972,14 @@ function createComponent(nameOrDef, props, key, slot) {
     }
     return result;
   });
+  const def = getRegisteredDef(name);
+  const isCommentWrapper = def?.comment === true;
+  const scopeId = isCommentWrapper ? null : `${name}_${generateId()}`;
   const prevParentScopeId = _parentScopeId;
   if (slot?.parent) {
     _parentScopeId = slot.parent;
+  } else if (scopeId) {
+    _parentScopeId = scopeId;
   }
   let html;
   try {
@@ -835,10 +992,8 @@ function createComponent(nameOrDef, props, key, slot) {
     console.warn(`[BarefootJS] Template returned empty HTML for component: ${name}`);
     return createPlaceholder(name, key);
   }
-  const def = getRegisteredDef(name);
-  const isCommentWrapper = def?.comment === true;
-  if (!isCommentWrapper) {
-    element.setAttribute(BF_SCOPE, `${name}_${generateId()}`);
+  if (scopeId) {
+    element.setAttribute(BF_SCOPE, scopeId);
   }
   if (slot) {
     if (slot.parent)
@@ -1483,6 +1638,17 @@ function mapArray(accessor, container, getKey, renderItem, markerId) {
           scopes.set(key, scope);
           insertScope(scope, container, anchor);
         }
+        for (let i = items.length;i < existingRanges.length; i++) {
+          const range = existingRanges[i];
+          if (range.startMarker?.parentNode)
+            range.startMarker.remove();
+          if (range.primaryEl.parentNode)
+            range.primaryEl.remove();
+          for (const ex of range.extras) {
+            if (ex.parentNode)
+              ex.remove();
+          }
+        }
         return;
       }
     }
@@ -1580,13 +1746,6 @@ function styleToCss(value) {
 }
 
 // src/runtime/apply-rest-attrs.ts
-function toAttrName(key) {
-  if (key === "className")
-    return "class";
-  if (key === "htmlFor")
-    return "for";
-  return key.replace(/([A-Z])/g, "-$1").toLowerCase();
-}
 var jsxToDomEventMap = { doubleclick: "dblclick" };
 function toEventName(jsxPropName) {
   const raw = (jsxPropName[2].toLowerCase() + jsxPropName.slice(3)).toLowerCase();
@@ -1594,127 +1753,61 @@ function toEventName(jsxPropName) {
 }
 function applyRestAttrs(el, source, excludeKeys) {
   const exclude = new Set(excludeKeys);
+  const classified = [];
   for (const key of Object.keys(source)) {
     if (exclude.has(key))
       continue;
-    if (key === "ref") {
+    classified.push({ key, c: classifyDOMProp(key) });
+  }
+  for (const { key, c } of classified) {
+    if (c.kind === "ref") {
       const ref = source[key];
       if (typeof ref === "function")
         ref(el);
-      continue;
-    }
-    if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase()) {
+    } else if (c.kind === "event") {
       const handler = source[key];
       if (typeof handler === "function") {
         el.addEventListener(toEventName(key), handler);
       }
     }
   }
+  const attrEntries = classified.filter(({ c }) => c.kind !== "ref" && c.kind !== "event" && c.kind !== "skip");
   createEffect2(() => {
-    for (const key of Object.keys(source)) {
-      if (exclude.has(key))
-        continue;
-      if (key === "ref")
-        continue;
-      if (key === "children")
-        continue;
-      if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase())
-        continue;
+    for (const { key, c } of attrEntries) {
       const value = source[key];
-      const attr = toAttrName(key);
       if (value != null && value !== false) {
-        if (attr === "value" && "value" in el) {
+        if (c.kind === "property" && c.attrName === "value" && "value" in el) {
           const strVal = String(value);
           if (el.value !== strVal)
             el.value = strVal;
-        } else if (attr === "checked" && "checked" in el) {
+        } else if (c.kind === "property" && c.attrName === "checked" && "checked" in el) {
           el.checked = !!value;
-        } else if (attr === "style") {
+        } else if (c.kind === "boolean") {
+          el.setAttribute(c.attrName, "");
+        } else if (c.kind === "style") {
           const css = styleToCss(value);
           if (css == null)
             el.removeAttribute("style");
           else
             el.setAttribute("style", css);
         } else {
-          el.setAttribute(attr, String(value));
+          el.setAttribute(c.attrName, String(value));
         }
       } else {
-        if (attr === "checked" && "checked" in el) {
+        if (c.kind === "property" && c.attrName === "value" && "value" in el) {
+          el.value = "";
+        } else if (c.kind === "property" && c.attrName === "checked" && "checked" in el) {
           el.checked = false;
+        } else if (c.kind === "boolean") {
+          el.removeAttribute(c.attrName);
         } else {
-          el.removeAttribute(attr);
+          el.removeAttribute(c.attrName);
         }
       }
     }
   });
 }
 // src/runtime/spread-attrs.ts
-var SVG_CAMEL_CASE_ATTRS = new Set([
-  "allowReorder",
-  "attributeName",
-  "attributeType",
-  "autoReverse",
-  "baseFrequency",
-  "baseProfile",
-  "calcMode",
-  "clipPathUnits",
-  "contentScriptType",
-  "contentStyleType",
-  "diffuseConstant",
-  "edgeMode",
-  "externalResourcesRequired",
-  "filterRes",
-  "filterUnits",
-  "glyphRef",
-  "gradientTransform",
-  "gradientUnits",
-  "kernelMatrix",
-  "kernelUnitLength",
-  "keyPoints",
-  "keySplines",
-  "keyTimes",
-  "lengthAdjust",
-  "limitingConeAngle",
-  "markerHeight",
-  "markerUnits",
-  "markerWidth",
-  "maskContentUnits",
-  "maskUnits",
-  "numOctaves",
-  "pathLength",
-  "patternContentUnits",
-  "patternTransform",
-  "patternUnits",
-  "pointsAtX",
-  "pointsAtY",
-  "pointsAtZ",
-  "preserveAlpha",
-  "preserveAspectRatio",
-  "primitiveUnits",
-  "refX",
-  "refY",
-  "repeatCount",
-  "repeatDur",
-  "requiredExtensions",
-  "requiredFeatures",
-  "specularConstant",
-  "specularExponent",
-  "spreadMethod",
-  "startOffset",
-  "stdDeviation",
-  "stitchTiles",
-  "surfaceScale",
-  "systemLanguage",
-  "tableValues",
-  "targetX",
-  "targetY",
-  "textLength",
-  "viewBox",
-  "viewTarget",
-  "xChannelSelector",
-  "yChannelSelector",
-  "zoomAndPan"
-]);
 function spreadAttrs(obj) {
   if (!obj || typeof obj !== "object")
     return "";
@@ -1722,18 +1815,20 @@ function spreadAttrs(obj) {
   for (const [key, value] of Object.entries(obj)) {
     if (value == null || value === false)
       continue;
-    if (key.startsWith("on") && key.length > 2 && key[2] === key[2].toUpperCase())
-      continue;
-    if (key === "children")
+    const c = classifyDOMProp(key);
+    if (c.kind === "event" || c.kind === "skip" || c.kind === "ref")
       continue;
-    if (key === "style") {
+    if (c.kind === "style") {
       const css = styleToCss(value);
       if (css != null)
         parts.push(`style="${css}"`);
       continue;
     }
-    const attr = key === "className" ? "class" : key === "htmlFor" ? "for" : SVG_CAMEL_CASE_ATTRS.has(key) ? key : key.replace(/([A-Z])/g, "-$1").toLowerCase();
-    parts.push(value === true ? attr : `${attr}="${value}"`);
+    if (c.kind === "boolean" && value === true) {
+      parts.push(c.attrName);
+    } else {
+      parts.push(`${c.attrName}="${value}"`);
+    }
   }
   return parts.join(" ");
 }
@@ -1996,17 +2091,30 @@ function render(container, nameOrDef, props = {}) {
   }
   const tpl = document.createElement("template");
   tpl.innerHTML = html;
-  const element = tpl.content.firstChild;
-  if (!element) {
+  const rootElements = Array.from(tpl.content.childNodes).filter((n) => n.nodeType === Node.ELEMENT_NODE);
+  if (rootElements.length === 0) {
     throw new Error("[BarefootJS] render(): template returned empty HTML");
   }
-  if (!element.getAttribute(BF_SCOPE)) {
-    element.setAttribute(BF_SCOPE, scopeId);
-  }
   container.innerHTML = "";
-  container.appendChild(element);
-  init(element, props);
-  hydratedScopes.add(element);
+  if (rootElements.length === 1) {
+    const element = rootElements[0];
+    if (!element.getAttribute(BF_SCOPE)) {
+      element.setAttribute(BF_SCOPE, scopeId);
+    }
+    container.appendChild(element);
+    init(element, props);
+    hydratedScopes.add(element);
+    return;
+  }
+  const commentNode = document.createComment(`${BF_SCOPE_COMMENT_PREFIX}${scopeId}`);
+  container.appendChild(commentNode);
+  for (const node of Array.from(tpl.content.childNodes)) {
+    container.appendChild(node);
+  }
+  const proxyEl = rootElements[0];
+  commentScopeRegistry.set(proxyEl, { commentNode, scopeId });
+  init(proxyEl, props);
+  hydratedScopes.add(proxyEl);
 }
 // src/runtime/streaming.ts
 function __bf_swap(id) {

package/dist/runtime/map-array.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"map-array.d.ts","sourceRoot":"","sources":["../../src/runtime/map-array.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AA4LH;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,EACnD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,WAAW,KAAK,WAAW,EACjF,QAAQ,CAAC,EAAE,MAAM,GAChB,IAAI,CA6JN"}
+{"version":3,"file":"map-array.d.ts","sourceRoot":"","sources":["../../src/runtime/map-array.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AA4LH;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,CAAC,EACxB,QAAQ,EAAE,MAAM,CAAC,EAAE,EACnB,SAAS,EAAE,WAAW,GAAG,IAAI,EAC7B,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,EACnD,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,WAAW,KAAK,WAAW,EACjF,QAAQ,CAAC,EAAE,MAAM,GAChB,IAAI,CAwKN"}

package/dist/runtime/render.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/runtime/render.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAOH,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,MAAM,CACpB,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAClC,IAAI,CA4DN"}
+{"version":3,"file":"render.d.ts","sourceRoot":"","sources":["../../src/runtime/render.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAQH,OAAO,KAAK,EAAE,YAAY,EAAU,MAAM,SAAS,CAAA;AAEnD;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,MAAM,CACpB,SAAS,EAAE,WAAW,EACtB,SAAS,EAAE,MAAM,GAAG,YAAY,EAChC,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAM,GAClC,IAAI,CAiFN"}

package/dist/runtime/spread-attrs.d.ts

@@ -7,13 +7,10 @@
  */
 /**
  * Convert an object to an HTML attribute string.
- * Aligned with applyRestAttrs conventions: skips null/undefined/false,
- * event handlers, maps className→class and htmlFor→for. The `style`
- * prop is routed through `styleToCss` so object literals serialize to
- * a real CSS string (matching the reactive `applyRestAttrs` path).
- *
- * SVG attributes listed in `SVG_CAMEL_CASE_ATTRS` are preserved
- * verbatim — the SVG XML spec is case-sensitive for those names.
+ * Uses the shared classifyDOMProp classifier to determine how each prop
+ * maps to the DOM. Skips null/undefined/false, event handlers, ref, and
+ * children. The `style` prop is routed through `styleToCss` so object
+ * literals serialize to a real CSS string.
  */
 export declare function spreadAttrs(obj: Record<string, unknown>): string;
 //# sourceMappingURL=spread-attrs.d.ts.map

package/dist/runtime/spread-attrs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"spread-attrs.d.ts","sourceRoot":"","sources":["../../src/runtime/spread-attrs.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA+CH;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAwBhE"}
+{"version":3,"file":"spread-attrs.d.ts","sourceRoot":"","sources":["../../src/runtime/spread-attrs.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,MAAM,CAmBhE"}