@marianmeres/stuic 2.33.0 → 2.33.2

package/dist/components/DropdownMenu/DropdownMenu.svelte

@@ -229,10 +229,10 @@
 	export const DROPDOWN_MENU_ITEM_CLASSES = `
 		w-full
 		flex items-center gap-2
-		px-2 py-1.5
+		px-3 py-1.5
 		min-h-[44px]
 		text-left text-sm
-		rounded-sm
+		rounded-md
 		cursor-pointer
 		touch-action-manipulation
 		hover:bg-neutral-100 dark:hover:bg-neutral-700

package/dist/components/DropdownMenu/DropdownMenu.svelte.d.ts

@@ -145,7 +145,7 @@ export interface Props extends Omit<HTMLButtonAttributes, "children"> {
 export declare const DROPDOWN_MENU_BASE_CLASSES = "stuic-dropdown-menu relative inline-block";
 export declare const DROPDOWN_MENU_TRIGGER_CLASSES = "\n\t\tinline-flex items-center justify-center gap-2\n\t\tpx-3 py-2\n\t\trounded-md border\n\t\tbg-white dark:bg-neutral-800\n\t\ttext-neutral-900 dark:text-neutral-100\n\t\tborder-neutral-200 dark:border-neutral-700\n\t\thover:brightness-95 dark:hover:brightness-110\n\t\tfocus-visible:outline-2 focus-visible:outline-offset-2\n\t\tcursor-pointer\n\t";
 export declare const DROPDOWN_MENU_DROPDOWN_CLASSES = "\n\t\tstuic-dropdown-menu-dropdown\n\t\tbg-white dark:bg-neutral-800\n\t\ttext-neutral-900 dark:text-neutral-100\n\t\tborder border-neutral-200 dark:border-neutral-700\n\t\trounded-md shadow-sm\n\t\tp-1\n\t\toverflow-y-auto\n\t\tz-50\n\t\tmin-w-48\n\t";
-export declare const DROPDOWN_MENU_ITEM_CLASSES = "\n\t\tw-full\n\t\tflex items-center gap-2\n\t\tpx-2 py-1.5\n\t\tmin-h-[44px]\n\t\ttext-left text-sm\n\t\trounded-sm\n\t\tcursor-pointer\n\t\ttouch-action-manipulation\n\t\thover:bg-neutral-100 dark:hover:bg-neutral-700\n\t\tfocus:outline-none\n\t\tfocus-visible:bg-neutral-200 dark:focus-visible:bg-neutral-600\n\t";
+export declare const DROPDOWN_MENU_ITEM_CLASSES = "\n\t\tw-full\n\t\tflex items-center gap-2\n\t\tpx-3 py-1.5\n\t\tmin-h-[44px]\n\t\ttext-left text-sm\n\t\trounded-md\n\t\tcursor-pointer\n\t\ttouch-action-manipulation\n\t\thover:bg-neutral-100 dark:hover:bg-neutral-700\n\t\tfocus:outline-none\n\t\tfocus-visible:bg-neutral-200 dark:focus-visible:bg-neutral-600\n\t";
 export declare const DROPDOWN_MENU_DIVIDER_CLASSES = "\n\t\th-px my-1\n\t\tbg-neutral-200 dark:bg-neutral-700\n\t";
 export declare const DROPDOWN_MENU_HEADER_CLASSES = "\n\t\tpx-2 py-1.5\n\t\ttext-xs font-semibold uppercase tracking-wide\n\t\ttext-neutral-500 dark:text-neutral-400\n\t\tselect-none\n\t";
 export declare const DROPDOWN_MENU_BACKDROP_CLASSES = "\n\t\tstuic-dropdown-menu-backdrop\n\t\tfixed inset-0 bg-black/25\n\t\tz-40\n\t";

package/dist/components/Spinner/Spinner.svelte

@@ -11,8 +11,10 @@
 </script>
 
 <script lang="ts">
+	import { twMerge } from "../../utils/tw-merge.js";
+
 	let {
-		class: classProp = "opacity-50",
+		class: classProp,
 		count = 8,
 		thickness = "normal",
 		height = "normal",
@@ -40,7 +42,7 @@
 </script>
 
 <div
-	class="spinner {classProp ?? ''}"
+	class={twMerge("spinner opacity-50", classProp)}
 	style:--size="{size}px"
 	style:--duration="{duration}ms"
 >

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@marianmeres/stuic",
-  "version": "2.33.0",
+  "version": "2.33.2",
   "files": [
     "dist",
     "!dist/**/*.test.*",