fix: #1864 add onclick to a tag (#1866)

Author: shinokada

package.json

@@ -915,4 +915,4 @@
     },
     "./package.json": "./package.json"
   }
-}
+}

src/lib/dropdown/DropdownItem.svelte

@@ -22,7 +22,7 @@
 
 <li class={li({ class: clsx(styling.li) })}>
   {#if href}
-    <a {href} {...restProps} class={finalClass}>
+    <a {href} {onclick} {...restProps} class={finalClass}>
       {@render children()}
     </a>
   {:else if onclick}

src/lib/dropdown/theme.ts

@@ -17,8 +17,8 @@ export type DropdownItemVariants = VariantProps<typeof dropdownItem> & Classes<t
 
 export const dropdownItem = tv({
   slots: {
-    base: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
-    active: "block px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+    base: "block w-full text-left px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+    active: "block w-full text-left px-4 py-2 text-primary-700 dark:text-primary-600 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
     li: ""
   }
 });