@mintjamsinc/ichigojs 0.1.62 → 0.1.63

package/dist/ichigo.cjs

@@ -7621,7 +7621,9 @@
          * (lowercased) HTML attribute name.  HTML attributes are always lowercase,
          * but custom element props are typically camelCase.  This method checks the
          * element's declared _props (set by defineComponent) for a case-insensitive
-         * match, falling back to scanning the prototype's own property descriptors.
+         * match against both the raw attribute name and its kebab-case → camelCase
+         * conversion (so `user-name` resolves to `userName`), falling back to the
+         * original name when no match is found.
          */
         #resolveCustomElementPropertyName(element, name) {
             // Fast path: exact match already exists
@@ -7632,13 +7634,23 @@
             const props = element.constructor._props;
             if (Array.isArray(props)) {
                 const lowerName = name.toLowerCase();
-                const match = props.find(p => p.toLowerCase() === lowerName);
+                const camelName = this.#kebabToCamel(lowerName);
+                const match = props.find(p => {
+                    const lowerProp = p.toLowerCase();
+                    return lowerProp === lowerName || lowerProp === camelName.toLowerCase() || p === camelName;
+                });
                 if (match) {
                     return match;
                 }
             }
             return name;
         }
+        /**
+         * Converts kebab-case to camelCase (e.g. `user-name` → `userName`).
+         */
+        #kebabToCamel(str) {
+            return str.replace(/-([a-z0-9])/g, (_, c) => c.toUpperCase());
+        }
         /**
          * Checks if the attribute should be set as a DOM property.
          */