update tailwindcss & tweak styles

package.json

@@ -40,7 +40,7 @@
 		"@svelte-toolkit/validate": "^0.0.0",
 		"@sveltejs/adapter-auto": "^4.0.0",
 		"@sveltejs/vite-plugin-svelte": "^5.0.0",
-		"@tailwindcss/vite": "^4.0.0",
+		"@tailwindcss/vite": "^4.1.11",
 		"@types/node": "^24.0.9",
 		"country-state-city": "^3.2.1",
 		"eslint": "^9.18.0",
@@ -60,7 +60,7 @@
 		"typescript": "^5.0.0",
 		"typescript-eslint": "^8.20.0",
 		"vite": "^6.2.5",
-		"tailwindcss": "^4.1.3",
+		"tailwindcss": "^4.1.11",
 		"@tailwindcss/container-queries": "^0.1.1",
 		"@tailwindcss/forms": "^0.5.10",
 		"tailwindcss-animate": "^1.0.7"

pnpm-lock.yaml

@@ -40,7 +40,7 @@ importers:
         specifier: ^0.5.10
         version: 0.5.10(tailwindcss@4.1.11)
       '@tailwindcss/vite':
-        specifier: ^4.0.0
+        specifier: ^4.1.11
         version: 4.1.11(vite@6.3.5(@types/node@24.0.9)(jiti@2.4.2)(lightningcss@1.30.1))
       '@types/node':
         specifier: ^24.0.9
@@ -91,7 +91,7 @@ importers:
         specifier: ^4.0.0
         version: 4.2.2(picomatch@4.0.2)(svelte@5.34.9)(typescript@5.8.3)
       tailwindcss:
-        specifier: ^4.1.3
+        specifier: ^4.1.11
         version: 4.1.11
       tailwindcss-animate:
         specifier: ^1.0.7

src/lib/ActionSelect.svelte

@@ -113,7 +113,7 @@
 			<div
 				{...select.getOption(option, typeof option.label === 'string' ? option.label : undefined)}
 				class={[
-					'flex w-full items-center gap-3 rounded px-5 py-2 text-base font-medium transition-colors',
+					'flex w-full items-center gap-3 rounded px-5 py-2 text-base font-medium transition-colors select-none',
 					option.disabled
 						? ['cursor-not-allowed opacity-50']
 						: stateless

src/lib/Combobox.svelte

@@ -111,9 +111,9 @@
 			}
 
 			const options = opts.options;
+			if (options.length === 0) return;
 			const avg = options.reduce((acc, item) => acc + getLabel(item).length, 0) / options.length;
 			container.style.width = `${avg * 2.5}ch`;
-			console.log(`minWidth: ${avg * 2.5}ch`);
 		};
 
 		f(buildOpts);

src/lib/Toolbar.ts

@@ -110,7 +110,7 @@ export class ToolbarGroup {
 	/**
 	 * Creates a new toolbar toogle item in the group.
 	 * @param opts
-	 * @returns object containing state and properties
+	 * @returns ToolbarToggle instance
 	 */
 	toggle(opts: ToolbarToggleOptions = {}) {
 		const toggle = ToolbarToggle.withParent(this, opts);
@@ -166,7 +166,7 @@ export class Toolbar {
 	/**
 	 * Creates a new toolbar toggle item.
 	 * @param opts
-	 * @returns object containing state and properties
+	 * @returns ToolbarToggle instance
 	 */
 	toggle(opts: ToolbarToggleOptions = {}) {
 		return new ToolbarToggle(opts);

src/lib/styles/tailwind.css

@@ -1,5 +1,5 @@
 @import 'tailwindcss';
-@import '$lib/styles/base.css';
+@import './base.css';
 @plugin '@tailwindcss/forms';
 @plugin '@tailwindcss/container-queries';
 @plugin 'tailwindcss-animate';