fix(theme): clear button disabled inputs (#5607)

* fix(input): disable pointer events on clear button when inactive

* chore(changeset): add changeset

.changeset/itchy-masks-hear.md

@@ -0,0 +1,5 @@
+---
+"@heroui/theme": patch
+---
+
+use peer-data-[filled=true]:pointer-events-none to disable clear button interaction when input is disabled and has content

packages/core/theme/src/components/input.ts

@@ -890,6 +890,14 @@ const input = tv({
         ],
       },
     },
+    // isClearable & isDisabled
+    {
+      isClearable: true,
+      isDisabled: true,
+      class: {
+        clearButton: "peer-data-[filled=true]:pointer-events-none",
+      },
+    },
   ],
 });
 

packages/core/theme/src/components/number-input.ts

@@ -849,6 +849,14 @@ const numberInput = tv({
         label: ["pe-2", "max-w-full", "text-ellipsis", "overflow-hidden"],
       },
     },
+    // isClearable & isDisabled
+    {
+      isClearable: true,
+      isDisabled: true,
+      class: {
+        clearButton: "peer-data-[filled=true]:pointer-events-none",
+      },
+    },
   ],
 });