@starwind-ui/core 1.6.0 → 1.6.2

package/dist/index.js

@@ -14,17 +14,17 @@ var registry_default = {
     { name: "button", type: "component", version: "2.0.1", dependencies: [] },
     { name: "card", type: "component", version: "1.1.0", dependencies: [] },
     { name: "checkbox", type: "component", version: "1.2.0", dependencies: [] },
-    { name: "dialog", type: "component", version: "1.1.2", dependencies: [] },
-    { name: "dropdown", type: "component", version: "1.0.2", dependencies: [] },
+    { name: "dialog", type: "component", version: "1.1.3", dependencies: [] },
+    { name: "dropdown", type: "component", version: "1.0.3", dependencies: [] },
     { name: "input", type: "component", version: "1.1.1", dependencies: [] },
     { name: "label", type: "component", version: "1.1.1", dependencies: [] },
     { name: "pagination", type: "component", version: "2.0.1", dependencies: [] },
-    { name: "select", type: "component", version: "1.3.0", dependencies: [] },
+    { name: "select", type: "component", version: "1.3.2", dependencies: [] },
     { name: "switch", type: "component", version: "1.1.0", dependencies: [] },
     { name: "table", type: "component", version: "1.0.0", dependencies: [] },
     { name: "tabs", type: "component", version: "1.2.0", dependencies: [] },
     { name: "textarea", type: "component", version: "1.1.1", dependencies: [] },
-    { name: "tooltip", type: "component", version: "1.1.1", dependencies: [] }
+    { name: "tooltip", type: "component", version: "1.1.2", dependencies: [] }
   ]
 };
 

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/registry.json"],"sourcesContent":["import { join } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport componentRegistry from \"./registry.json\" with { type: \"json\" };\n\n/**\n * Component metadata interface describing a Starwind UI component\n */\nexport interface ComponentMeta {\n\tname: string;\n\tversion: string;\n\ttype: \"component\";\n\tdependencies: string[];\n}\n\n/**\n * Registry interface containing all available components\n */\nexport interface Registry {\n\tcomponents: ComponentMeta[];\n}\n\nconst __dirname = fileURLToPath(new URL(\".\", import.meta.url));\n\n/**\n * Get the absolute path to a component file\n * @param {string} componentName - The name of the component\n * @param {string} fileName - The name of the file within the component\n * @returns {string} The absolute path to the component file\n */\nexport const getComponentPath = (componentName: string, fileName: string): string => {\n\t// In production (when installed as a dependency), the components will be in dist/src/components\n\t// In development, they will be in src/components\n\tconst componentsDir = __dirname.includes(\"dist\") ? \"src/components\" : \"src/components\";\n\treturn join(__dirname, componentsDir, componentName, fileName);\n};\n\n/**\n * Map of all components and their metadata from registry\n */\nexport const registry = componentRegistry.components as ComponentMeta[];\n","{\n\t\"$schema\": \"https://starwind.dev/registry-schema.json\",\n\t\"components\": [\n\t\t{ \"name\": \"accordion\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"alert\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"avatar\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"breadcrumb\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"button\", \"type\": \"component\", \"version\": \"2.0.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"card\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.1.2\", \"dependencies\": [] },\n\t\t{ \"name\": \"dropdown\", \"type\": \"component\", \"version\": \"1.0.2\", \"dependencies\": [] },\n\t\t{ \"name\": \"input\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"label\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"pagination\", \"type\": \"component\", \"version\": \"2.0.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"select\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"table\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"textarea\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] }\n\t]\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,qBAAqB;;;ACD9B;AAAA,EACC,SAAW;AAAA,EACX,YAAc;AAAA,IACb,EAAE,MAAQ,aAAa,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACnF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,cAAc,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACpF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,QAAQ,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC9E,EAAE,MAAQ,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,cAAc,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACpF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,QAAQ,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC9E,EAAE,MAAQ,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,WAAW,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,EAClF;AACD;;;ADFA,IAAM,YAAY,cAAc,IAAI,IAAI,KAAK,YAAY,GAAG,CAAC;AAQtD,IAAM,mBAAmB,CAAC,eAAuB,aAA6B;AAGpF,QAAM,gBAAgB,UAAU,SAAS,MAAM,IAAI,mBAAmB;AACtE,SAAO,KAAK,WAAW,eAAe,eAAe,QAAQ;AAC9D;AAKO,IAAM,WAAW,iBAAkB;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/registry.json"],"sourcesContent":["import { join } from \"node:path\";\nimport { fileURLToPath } from \"node:url\";\nimport componentRegistry from \"./registry.json\" with { type: \"json\" };\n\n/**\n * Component metadata interface describing a Starwind UI component\n */\nexport interface ComponentMeta {\n\tname: string;\n\tversion: string;\n\ttype: \"component\";\n\tdependencies: string[];\n}\n\n/**\n * Registry interface containing all available components\n */\nexport interface Registry {\n\tcomponents: ComponentMeta[];\n}\n\nconst __dirname = fileURLToPath(new URL(\".\", import.meta.url));\n\n/**\n * Get the absolute path to a component file\n * @param {string} componentName - The name of the component\n * @param {string} fileName - The name of the file within the component\n * @returns {string} The absolute path to the component file\n */\nexport const getComponentPath = (componentName: string, fileName: string): string => {\n\t// In production (when installed as a dependency), the components will be in dist/src/components\n\t// In development, they will be in src/components\n\tconst componentsDir = __dirname.includes(\"dist\") ? \"src/components\" : \"src/components\";\n\treturn join(__dirname, componentsDir, componentName, fileName);\n};\n\n/**\n * Map of all components and their metadata from registry\n */\nexport const registry = componentRegistry.components as ComponentMeta[];\n","{\n\t\"$schema\": \"https://starwind.dev/registry-schema.json\",\n\t\"components\": [\n\t\t{ \"name\": \"accordion\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"alert\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"avatar\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"breadcrumb\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"button\", \"type\": \"component\", \"version\": \"2.0.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"card\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.1.3\", \"dependencies\": [] },\n\t\t{ \"name\": \"dropdown\", \"type\": \"component\", \"version\": \"1.0.3\", \"dependencies\": [] },\n\t\t{ \"name\": \"input\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"label\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"pagination\", \"type\": \"component\", \"version\": \"2.0.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"select\", \"type\": \"component\", \"version\": \"1.3.2\", \"dependencies\": [] },\n\t\t{ \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"table\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"textarea\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n\t\t{ \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.1.2\", \"dependencies\": [] }\n\t]\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,qBAAqB;;;ACD9B;AAAA,EACC,SAAW;AAAA,EACX,YAAc;AAAA,IACb,EAAE,MAAQ,aAAa,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACnF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,cAAc,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACpF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,QAAQ,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC9E,EAAE,MAAQ,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,cAAc,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACpF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF,EAAE,MAAQ,SAAS,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC/E,EAAE,MAAQ,QAAQ,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAC9E,EAAE,MAAQ,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,WAAW,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,EAClF;AACD;;;ADFA,IAAM,YAAY,cAAc,IAAI,IAAI,KAAK,YAAY,GAAG,CAAC;AAQtD,IAAM,mBAAmB,CAAC,eAAuB,aAA6B;AAGpF,QAAM,gBAAgB,UAAU,SAAS,MAAM,IAAI,mBAAmB;AACtE,SAAO,KAAK,WAAW,eAAe,eAAe,QAAQ;AAC9D;AAKO,IAAM,WAAW,iBAAkB;","names":[]}

package/dist/src/components/alert/Alert.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div"> & VariantProps<typeof alert>;
 

package/dist/src/components/avatar/Avatar.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 interface Props extends HTMLAttributes<"div">, VariantProps<typeof avatar> {}
 

package/dist/src/components/badge/Badge.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 interface Props
 	extends HTMLAttributes<"div">,

package/dist/src/components/breadcrumb/BreadcrumbLink.astro

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"a"> & {
-  asChild?: boolean;
+	asChild?: boolean;
 };
 
 const breadcrumbLink = tv({ base: "hover:text-foreground transition-colors" });
@@ -11,10 +11,12 @@ const breadcrumbLink = tv({ base: "hover:text-foreground transition-colors" });
 const { class: className, asChild = false, ...rest } = Astro.props;
 ---
 
-{asChild ? (
-  <slot />
-) : (
-  <a class={breadcrumbLink({ class: className })} {...rest}>
-    <slot />
-  </a>
-)}
+{
+	asChild ? (
+		<slot />
+	) : (
+		<a class={breadcrumbLink({ class: className })} {...rest}>
+			<slot />
+		</a>
+	)
+}

package/dist/src/components/breadcrumb/BreadcrumbPage.astro

@@ -9,12 +9,12 @@ const breadcrumbPage = tv({ base: "text-foreground font-normal" });
 const { class: className, ...rest } = Astro.props;
 ---
 
-<span 
-  role="link"
-  aria-disabled="true"
-  aria-current="page"
-  class={breadcrumbPage({ class: className })} 
-  {...rest}
+<span
+	role="link"
+	aria-disabled="true"
+	aria-current="page"
+	class={breadcrumbPage({ class: className })}
+	{...rest}
 >
-  <slot />
+	<slot />
 </span>

package/dist/src/components/breadcrumb/index.ts

@@ -1,10 +1,10 @@
 import Breadcrumb from "./Breadcrumb.astro";
-import BreadcrumbList from "./BreadcrumbList.astro";
 import BreadcrumbEllipsis from "./BreadcrumbEllipsis.astro";
 import BreadcrumbItem from "./BreadcrumbItem.astro";
 import BreadcrumbLink from "./BreadcrumbLink.astro";
-import BreadcrumbSeparator from "./BreadcrumbSeparator.astro";
+import BreadcrumbList from "./BreadcrumbList.astro";
 import BreadcrumbPage from "./BreadcrumbPage.astro";
+import BreadcrumbSeparator from "./BreadcrumbSeparator.astro";
 
 export {
 	Breadcrumb,

package/dist/src/components/button/Button.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 interface Props
 	extends HTMLAttributes<"button">,

package/dist/src/components/checkbox/Checkbox.astro

@@ -1,7 +1,7 @@
 ---
 import Check from "@tabler/icons/outline/check.svg";
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = Omit<HTMLAttributes<"input">, "type"> &
 	VariantProps<typeof checkbox> & {

package/dist/src/components/dialog/Dialog.astro

@@ -169,7 +169,7 @@ const { class: className, ...rest } = Astro.props;
 			setTimeout(() => {
 				this.backdrop.classList.add("hidden");
 				this.dialog.close();
-			}, this.animationDuration - 10);
+			}, this.animationDuration);
 		}
 	}
 

package/dist/src/components/dialog/DialogContent.astro

@@ -13,8 +13,8 @@ type Props = HTMLAttributes<"dialog"> & {
 const dialogBackdrop = tv({
 	base: [
 		"starwind-dialog-backdrop fixed inset-0 top-0 left-0 z-50 hidden h-screen w-screen bg-black/80",
-		"data-[state=open]:animate-in data-[state=open]:fade-in-0",
-		"data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
+		"data-[state=open]:animate-in fade-in",
+		"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out",
 	],
 });
 
@@ -22,9 +22,9 @@ const dialogContent = tv({
 	base: [
 		"fixed top-16 left-[50%] z-50 translate-x-[-50%] sm:top-[50%] sm:translate-y-[-50%]",
 		"bg-background w-full max-w-md border p-8 shadow-lg sm:rounded-lg",
-		"data-[state=open]:animate-in data-[state=closed]:animate-out",
-		"data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=open]:slide-in-from-bottom-2",
-		"data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=closed]:slide-out-to-bottom-2",
+		"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards",
+		"fade-in zoom-in-95 slide-in-from-bottom-2",
+		"fade-out zoom-out-95 slide-out-to-bottom-2",
 	],
 });
 

package/dist/src/components/dropdown/Dropdown.astro

@@ -40,6 +40,8 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 		private openOnHover: boolean;
 		private closeDelay: number;
 		private closeTimerRef: number | null = null;
+		private lastOpenSource: "keyboard" | "mouse" = "keyboard";
+		private lastCloseSource: "keyboard" | "mouse" = "keyboard";
 
 		constructor(dropdown: HTMLElement, dropdownIdx: number) {
 			this.dropdown = dropdown;
@@ -94,6 +96,7 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 			// Handle trigger click
 			this.trigger.addEventListener("click", (e) => {
 				e.preventDefault();
+				this.lastOpenSource = e.detail === 0 ? "keyboard" : "mouse";
 				this.toggleDropdown();
 			});
 
@@ -101,12 +104,15 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 			this.trigger.addEventListener("keydown", (e) => {
 				if (e.key === "Enter" || e.key === " ") {
 					e.preventDefault();
+					this.lastOpenSource = "keyboard";
 					this.toggleDropdown();
 				} else if (e.key === "Escape" && this.isOpen) {
 					e.preventDefault();
+					this.lastCloseSource = "keyboard";
 					this.closeDropdown();
 				} else if (this.isOpen && (e.key === "ArrowDown" || e.key === "ArrowUp")) {
 					e.preventDefault();
+					this.lastOpenSource = "keyboard";
 					this.updateDropdownItems();
 					if (e.key === "ArrowDown") {
 						this.focusItem(0); // Focus first item when opening with arrow down
@@ -181,6 +187,7 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 					if (e.pointerType !== "mouse") return;
 					if (this.isClosing) return;
 					if (!this.isOpen) {
+						this.lastOpenSource = "mouse";
 						this.openDropdown();
 					} else {
 						// If the dropdown is already open, make sure to clear any close timer
@@ -191,6 +198,7 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 				this.dropdown.addEventListener("pointerleave", (e) => {
 					if (e.pointerType !== "mouse") return;
 					if (this.isOpen) {
+						this.lastCloseSource = "mouse";
 						this.closeDropdownDelayed();
 					}
 				});
@@ -290,18 +298,24 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 			this.isOpen = false;
 			this.content.setAttribute("data-state", "closed");
 
-			// Set focus back on trigger
-			requestAnimationFrame(() => {
-				if (!this.trigger) return;
-				this.trigger.focus();
-			});
+			// Set focus back on trigger only if opened or closed by keyboard
+			if (
+				!this.openOnHover ||
+				this.lastOpenSource === "keyboard" ||
+				this.lastCloseSource === "keyboard"
+			) {
+				requestAnimationFrame(() => {
+					if (!this.trigger) return;
+					this.trigger.focus();
+				});
+			}
 
 			// Give the content time to animate before hiding
 			setTimeout(() => {
 				if (!this.content) return;
 				this.content.style.display = "none";
 				this.isClosing = false;
-			}, this.animationDuration - 10);
+			}, this.animationDuration);
 
 			this.trigger.setAttribute("aria-expanded", "false");
 

package/dist/src/components/dropdown/DropdownContent.astro

@@ -29,19 +29,19 @@ const dropdownContent = tv({
 	base: [
 		"starwind-dropdown-content",
 		"bg-popover text-popover-foreground z-50 min-w-[9rem] overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",
-		"animate-in fade-in-0 zoom-in-95",
-		"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+		"data-[state=open]:animate-in fade-in zoom-in-95",
+		"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
 		"absolute will-change-transform",
 	],
 	variants: {
 		side: {
-			bottom: "slide-in-from-top-2 data-[state=closed]:slide-out-to-top-2 top-full",
-			top: "slide-in-from-bottom-2 data-[state=closed]:slide-out-to-bottom-2 bottom-full",
+			bottom: "slide-in-from-top-2 slide-out-to-top-2 top-full",
+			top: "slide-in-from-bottom-2 slide-out-to-bottom-2 bottom-full",
 		},
 		align: {
-			start: "slide-in-from-left-1 data-[state=closed]:slide-out-to-left-1 left-0",
+			start: "slide-in-from-left-1 slide-out-to-left-1 left-0",
 			center: "left-1/2 -translate-x-1/2",
-			end: "slide-in-from-right-1 data-[state=closed]:slide-out-to-right-1 right-0",
+			end: "slide-in-from-right-1 slide-out-to-right-1 right-0",
 		},
 	},
 	defaultVariants: {

package/dist/src/components/dropdown/index.ts

@@ -1,9 +1,9 @@
 import Dropdown from "./Dropdown.astro";
-import DropdownTrigger from "./DropdownTrigger.astro";
 import DropdownContent from "./DropdownContent.astro";
 import DropdownItem from "./DropdownItem.astro";
 import DropdownLabel from "./DropdownLabel.astro";
 import DropdownSeparator from "./DropdownSeparator.astro";
+import DropdownTrigger from "./DropdownTrigger.astro";
 
 export {
 	Dropdown,

package/dist/src/components/input/Input.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"input"> & VariantProps<typeof input>;
 

package/dist/src/components/label/Label.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"label"> & VariantProps<typeof label>;
 

package/dist/src/components/select/Select.astro

@@ -38,6 +38,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 		private animationDuration = 150;
 		private typeaheadTimerRef: number | null = null;
 		private typeaheadSearch = "";
+		private returnFocusOnClose: boolean = true;
 
 		constructor(select: HTMLElement, selectIdx: number) {
 			this.select = select;
@@ -134,6 +135,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 				// but not when the control key is pressed (avoiding MacOS right click); also not for touch
 				// devices because that would open the menu on scroll. (pen devices behave as touch on iOS).
 				if (e.button === 0 && e.ctrlKey === false && e.pointerType === "mouse") {
+					this.returnFocusOnClose = true;
 					this.toggleSelect();
 				}
 			});
@@ -142,6 +144,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 			this.trigger.addEventListener("click", (e) => {
 				if (window.matchMedia("(pointer: coarse)").matches) {
 					e.preventDefault();
+					this.returnFocusOnClose = true;
 					this.toggleSelect();
 				}
 			});
@@ -150,6 +153,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 			this.trigger.addEventListener("keydown", (e) => {
 				if (e.key === "Enter" || e.key === " ") {
 					e.preventDefault();
+					this.returnFocusOnClose = true;
 					this.toggleSelect();
 				}
 			});
@@ -159,8 +163,10 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 				if (e.key === "Enter" || e.key === " ") {
 					// set element based on current focused element
 					const activeElement = document.activeElement;
+					this.returnFocusOnClose = true;
 					this.handleSelection(activeElement as HTMLElement);
 				} else if (e.key === "Escape" && this.isOpen) {
+					this.returnFocusOnClose = true;
 					this.closeSelect();
 				}
 
@@ -203,6 +209,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 						) &&
 						this.isOpen
 					) {
+						this.returnFocusOnClose = false;
 						this.closeSelect();
 					}
 				}
@@ -214,6 +221,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 					!(this.trigger?.contains(e.target as Node) || this.content?.contains(e.target as Node)) &&
 					this.isOpen
 				) {
+					this.returnFocusOnClose = false;
 					this.closeSelect();
 				}
 			});
@@ -222,6 +230,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 			this.content?.addEventListener("click", (e) => {
 				const item = (e.target as HTMLElement).closest("[role='option']");
 				if (item instanceof HTMLElement) {
+					this.returnFocusOnClose = true;
 					this.handleSelection(item);
 				}
 			});
@@ -358,17 +367,19 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 				activeElement.blur();
 			}
 
-			// Set focus on trigger
-			requestAnimationFrame(() => {
-				if (!this.trigger) return;
-				this.trigger.focus();
-			});
+			// Set focus on trigger if returnFocusOnClose is true
+			if (this.returnFocusOnClose) {
+				requestAnimationFrame(() => {
+					if (!this.trigger) return;
+					this.trigger.focus();
+				});
+			}
 
 			// give the content time to animate before hiding
 			setTimeout(() => {
 				if (!this.content) return;
 				this.content.style.display = "none";
-			}, this.animationDuration - 10);
+			}, this.animationDuration);
 
 			this.trigger.setAttribute("aria-expanded", "false");
 		}
@@ -420,6 +431,7 @@ const { class: className, name, defaultValue, ...rest } = Astro.props;
 				const item = this.content?.querySelector(`[data-value="${defaultValue}"]`);
 
 				if (item && item instanceof HTMLElement) {
+					this.returnFocusOnClose = false;
 					this.handleSelection(item);
 					this.selectedItem = item;
 				}

package/dist/src/components/select/SelectContent.astro

@@ -29,18 +29,18 @@ const selectContent = tv({
 	base: [
 		"starwind-select-content",
 		"bg-popover text-popover-foreground absolute z-50 min-w-[8rem] rounded-md border shadow-md",
-		"fade-in-0 zoom-in-95 animate-in overflow-hidden will-change-transform",
-		"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+		"data-[state=open]:animate-in fade-in zoom-in-95 overflow-hidden will-change-transform",
+		"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
 	],
 	variants: {
 		side: {
-			bottom: "slide-in-from-top-2 data-[state=closed]:slide-out-to-top-2 top-full",
-			top: "slide-in-from-bottom-2 data-[state=closed]:slide-out-to-bottom-2 bottom-full",
+			bottom: "slide-in-from-top-2 slide-out-to-top-2 top-full",
+			top: "slide-in-from-bottom-2 slide-out-to-bottom-2 bottom-full",
 		},
 		align: {
-			start: "slide-in-from-left-1 data-[state=closed]:slide-out-to-left-1 left-0",
+			start: "slide-in-from-left-1 slide-out-to-left-1 left-0",
 			center: "left-1/2 -translate-x-1/2",
-			end: "slide-in-from-right-1 data-[state=closed]:slide-out-to-right-1 right-0",
+			end: "slide-in-from-right-1 slide-out-to-right-1 right-0",
 		},
 	},
 	defaultVariants: { side: "bottom", align: "start" },

package/dist/src/components/table/Table.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"table"> & VariantProps<typeof table>;
 

package/dist/src/components/table/TableBody.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"tbody"> & VariantProps<typeof tableBody>;
 

package/dist/src/components/table/TableCaption.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"caption"> & VariantProps<typeof tableCaption>;
 

package/dist/src/components/table/TableCell.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"td"> & VariantProps<typeof tableCell>;
 

package/dist/src/components/table/TableFoot.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"tfoot"> & VariantProps<typeof tableFoot>;
 

package/dist/src/components/table/TableHead.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"th"> & VariantProps<typeof tableHead>;
 

package/dist/src/components/table/TableHeader.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"thead"> & VariantProps<typeof tableHeader>;
 

package/dist/src/components/table/TableRow.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"tr"> & VariantProps<typeof tableRow>;
 

package/dist/src/components/table/index.ts

@@ -3,8 +3,8 @@ import TableBody from "./TableBody.astro";
 import TableCaption from "./TableCaption.astro";
 import TableCell from "./TableCell.astro";
 import TableFoot from "./TableFoot.astro";
-import TableHeader from "./TableHeader.astro";
 import TableHead from "./TableHead.astro";
+import TableHeader from "./TableHeader.astro";
 import TableRow from "./TableRow.astro";
 
 export { Table, TableBody, TableCaption, TableCell, TableFoot, TableHead, TableHeader, TableRow };

package/dist/src/components/tabs/Tabs.astro

@@ -47,7 +47,9 @@ const { defaultValue, syncKey, class: className, ...rest } = Astro.props;
 		constructor(tabs: HTMLElement, idx: number, parentHandler: TabsHandler | null = null) {
 			this.tabs = tabs;
 			this.parentHandler = parentHandler;
-			this.triggers = Array.from(tabs.querySelectorAll(":scope > [data-tabs-list] > [data-tabs-trigger]"));
+			this.triggers = Array.from(
+				tabs.querySelectorAll(":scope > [data-tabs-list] > [data-tabs-trigger]"),
+			);
 			this.contents = Array.from(tabs.querySelectorAll(":scope > [data-tabs-content]"));
 			this.tabsId = `starwind-tabs${idx}`;
 			this.syncKey = tabs.dataset.syncKey;
@@ -234,7 +236,7 @@ const { defaultValue, syncKey, class: className, ...rest } = Astro.props;
 			// Initialize any nested tabs in the active content
 			if (content.hasAttribute("data-state") && content.getAttribute("data-state") === "active") {
 				const nestedTabs = content.querySelectorAll<HTMLElement>(".starwind-tabs");
-				
+
 				nestedTabs.forEach((nestedTab, nestedIdx) => {
 					// Skip tabs that already have instances
 					if (!tabInstances.has(nestedTab)) {

package/dist/src/components/textarea/Textarea.astro

@@ -1,6 +1,6 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { type VariantProps, tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"textarea"> & VariantProps<typeof textarea>;
 

package/dist/src/components/tooltip/Tooltip.astro

@@ -162,7 +162,7 @@ const {
 				setTimeout(() => {
 					if (!this.content) return;
 					this.content.style.display = "none";
-				}, this.animationDuration - 10);
+				}, this.animationDuration);
 				this.content.setAttribute("data-state", "closed");
 				return;
 			}
@@ -173,7 +173,7 @@ const {
 					setTimeout(() => {
 						if (!this.content) return;
 						this.content.style.display = "none";
-					}, this.animationDuration - 10);
+					}, this.animationDuration);
 					if (!this.content) return;
 					this.content.setAttribute("data-state", "closed");
 					this.closeTimerRef = null;

package/dist/src/components/tooltip/TooltipContent.astro

@@ -35,8 +35,8 @@ const tooltipContent = tv({
 		"starwind-tooltip-content",
 		"absolute z-50 hidden px-3 py-1.5 whitespace-nowrap shadow-sm will-change-transform",
 		"bg-popover text-popover-foreground rounded-md border",
-		"animate-in fade-in-0 zoom-in-95",
-		"data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+		"animate-in fade-in zoom-in-95",
+		"data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
 	],
 	variants: {
 		side: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starwind-ui/core",
-  "version": "1.6.0",
+  "version": "1.6.2",
   "description": "Starwind UI core components and registry",
   "license": "MIT",
   "author": {