tailwind-styled-v4 5.1.18 → 5.1.20

package/dist/index.browser.mjs

@@ -684,16 +684,19 @@ function parseSubKey(key) {
 function createSubComponentAccessor(parentDisplayName, name, classes, tag = "span", asChild = false) {
   const SubComponent = ({
     children,
-    className
+    className,
+    ...rest
+    // tangkap semua native HTML props (href, onClick, src, alt, dll)
   }) => {
     const mergedClass = className ? `${classes} ${className}` : classes;
     if (asChild && React.isValidElement(children)) {
       const child = React.Children.only(children);
       return React.cloneElement(child, {
+        ...rest,
         className: child.props.className ? `${mergedClass} ${child.props.className}` : mergedClass
       });
     }
-    return React.createElement(tag, { className: mergedClass }, children);
+    return React.createElement(tag, { ...rest, className: mergedClass }, children);
   };
   SubComponent.displayName = `${parentDisplayName}[${name}]`;
   return SubComponent;
@@ -969,8 +972,9 @@ function wrapWithSubProxy(component, tagLabel) {
       if (SKIP_PROXY_KEYS.has(prop)) return value;
       const Fallback = ({
         children,
-        className
-      }) => React.createElement("span", { className }, children);
+        className,
+        ...rest
+      }) => React.createElement("span", { ...rest, className }, children);
       Fallback.displayName = `tw.${tagLabel}.${prop}(fallback)`;
       return Fallback;
     }