@starwind-ui/core 1.1.0 → 1.3.1

package/dist/index.js

@@ -3,104 +3,27 @@ import { join } from "node:path";
 import { fileURLToPath } from "node:url";
 
 // src/registry.json
-var registry_default = [
-  {
-    name: "accordion",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "alert",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "avatar",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "badge",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "button",
-    type: "component",
-    version: "2.0.0",
-    dependencies: []
-  },
-  {
-    name: "card",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "checkbox",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "dialog",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "input",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "label",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "pagination",
-    type: "component",
-    version: "2.0.0",
-    dependencies: []
-  },
-  {
-    name: "select",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "switch",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "tabs",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "textarea",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  },
-  {
-    name: "tooltip",
-    type: "component",
-    version: "1.1.0",
-    dependencies: []
-  }
-];
+var registry_default = {
+  $schema: "https://starwind.dev/registry-schema.json",
+  components: [
+    { name: "accordion", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "alert", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "avatar", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "badge", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "button", type: "component", version: "2.0.0", dependencies: [] },
+    { name: "card", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "checkbox", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "dialog", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "input", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "label", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "pagination", type: "component", version: "2.0.0", dependencies: [] },
+    { name: "select", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "switch", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "tabs", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "textarea", type: "component", version: "1.1.0", dependencies: [] },
+    { name: "tooltip", type: "component", version: "1.1.0", dependencies: [] }
+  ]
+};
 
 // src/index.ts
 var __dirname = fileURLToPath(new URL(".", import.meta.url));
@@ -108,7 +31,7 @@ var getComponentPath = (componentName, fileName) => {
   const componentsDir = __dirname.includes("dist") ? "src/components" : "src/components";
   return join(__dirname, componentsDir, componentName, fileName);
 };
-var registry = registry_default;
+var registry = registry_default.components;
 export {
   getComponentPath,
   registry

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\" assert { 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 as ComponentMeta[];\n","[\n\t{\n\t\t\"name\": \"accordion\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"alert\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"avatar\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"badge\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"button\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"2.0.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"card\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"checkbox\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"dialog\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"input\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"label\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"pagination\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"2.0.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"select\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"switch\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"tabs\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"textarea\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t},\n\t{\n\t\t\"name\": \"tooltip\",\n\t\t\"type\": \"component\",\n\t\t\"version\": \"1.1.0\",\n\t\t\"dependencies\": []\n\t}\n]\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,qBAAqB;;;ACD9B;AAAA,EACC;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,IACC,MAAQ;AAAA,IACR,MAAQ;AAAA,IACR,SAAW;AAAA,IACX,cAAgB,CAAC;AAAA,EAClB;AACD;;;AD5EA,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;","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.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"avatar\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"button\", \"type\": \"component\", \"version\": \"2.0.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"card\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"input\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"label\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"pagination\", \"type\": \"component\", \"version\": \"2.0.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"select\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"textarea\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.1.0\", \"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,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,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,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;;;ADCA,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/accordion/Accordion.astro

@@ -13,9 +13,7 @@ type Props = HTMLAttributes<"div"> & {
 	defaultValue?: string;
 };
 
-const accordion = tv({
-	base: "starwind-accordion",
-});
+const accordion = tv({ base: "starwind-accordion" });
 
 const { type = "single", defaultValue, class: className, ...rest } = Astro.props;
 ---
@@ -79,12 +77,7 @@ const { type = "single", defaultValue, class: className, ...rest } = Astro.props
 
 					if (!trigger || !content) return null;
 
-					return {
-						element,
-						trigger,
-						content,
-						value,
-					};
+					return { element, trigger, content, value };
 				})
 				.filter((item): item is AccordionItem => item !== null);
 		}

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

@@ -13,11 +13,9 @@ const alert = tv({
 			success: "border-success bg-success/7 [&>h5>svg]:text-success",
 			warning: "border-warning bg-warning/7 [&>h5>svg]:text-warning",
 			error: "border-error bg-error/7 [&>h5>svg]:text-error",
-		}
+		},
 	},
-	defaultVariants: {
-		variant: "default"
-	}
+	defaultVariants: { variant: "default" },
 });
 
 type Props = HTMLAttributes<"div"> & {

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

@@ -2,9 +2,7 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-const alertDescription = tv({
-	base: "[&_p]:leading-relaxed",
-});
+const alertDescription = tv({ base: "[&_p]:leading-relaxed" });
 
 type Props = HTMLAttributes<"div">;
 

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 { tv } from "tailwind-variants";
 
 interface Props extends HTMLAttributes<"div"> {
 	/**
@@ -27,16 +27,9 @@ const avatar = tv({
 			warning: "border-warning",
 			error: "border-error",
 		},
-		size: {
-			sm: "h-8 w-8 text-xs",
-			md: "h-10 w-10 text-sm",
-			lg: "h-12 w-12 text-base",
-		},
-	},
-	defaultVariants: {
-		variant: "default",
-		size: "md",
+		size: { sm: "h-8 w-8 text-xs", md: "h-10 w-10 text-sm", lg: "h-12 w-12 text-base" },
 	},
+	defaultVariants: { variant: "default", size: "md" },
 });
 
 const { variant, size, class: className, ...rest } = Astro.props;

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

@@ -2,24 +2,13 @@
 import { Image } from "astro:assets";
 import { tv } from "tailwind-variants";
 
-const avatarImage = tv({
-	base: "relative z-1 h-full w-full object-cover",
-});
-
-type BaseProps = {
-	alt: string;
-	class?: string;
-};
-
-type WithSrc = BaseProps & {
-	src: string;
-	image?: never;
-};
-
-type WithImage = BaseProps & {
-	src?: never;
-	image: ImageMetadata;
-};
+const avatarImage = tv({ base: "relative z-1 h-full w-full object-cover" });
+
+type BaseProps = { alt: string; class?: string };
+
+type WithSrc = BaseProps & { src: string; image?: never };
+
+type WithImage = BaseProps & { src?: never; image: ImageMetadata };
 
 type Props = WithSrc | WithImage;
 

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

@@ -1,6 +1,6 @@
 import Avatar from "./Avatar.astro";
-import AvatarImage from "./AvatarImage.astro";
 import AvatarFallback from "./AvatarFallback.astro";
+import AvatarImage from "./AvatarImage.astro";
 
 export { Avatar, AvatarImage, AvatarFallback };
 

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 { tv } from "tailwind-variants";
 
 interface Props extends HTMLAttributes<"div">, Omit<HTMLAttributes<"a">, "type"> {
 	/**
@@ -42,68 +42,21 @@ const badgeVariants = tv({
 			warning: "bg-warning text-warning-foreground focus-visible:outline-warning",
 			error: "bg-error text-error-foreground focus-visible:outline-error",
 		},
-		size: {
-			sm: "px-2.5 py-0.5 text-xs",
-			md: "px-3 py-0.5 text-sm",
-			lg: "px-4 py-1 text-base",
-		},
-		isLink: {
-			true: "cursor-pointer",
-			false: "",
-		},
+		size: { sm: "px-2.5 py-0.5 text-xs", md: "px-3 py-0.5 text-sm", lg: "px-4 py-1 text-base" },
+		isLink: { true: "cursor-pointer", false: "" },
 	},
 	compoundVariants: [
-		{
-			isLink: true,
-			variant: "default",
-			className: "hover:bg-foreground/80",
-		},
-		{
-			isLink: true,
-			variant: "primary",
-			className: "hover:bg-primary/80",
-		},
-		{
-			isLink: true,
-			variant: "secondary",
-			className: "hover:bg-secondary/80",
-		},
-		{
-			isLink: true,
-			variant: "outline",
-			className: "hover:border-border/80",
-		},
-		{
-			isLink: true,
-			variant: "ghost",
-			className: "hover:bg-foreground/7",
-		},
-		{
-			isLink: true,
-			variant: "info",
-			className: "hover:bg-info/80",
-		},
-		{
-			isLink: true,
-			variant: "success",
-			className: "hover:bg-success/80",
-		},
-		{
-			isLink: true,
-			variant: "warning",
-			className: "hover:bg-warning/80",
-		},
-		{
-			isLink: true,
-			variant: "error",
-			className: "hover:bg-error/80",
-		},
+		{ isLink: true, variant: "default", className: "hover:bg-foreground/80" },
+		{ isLink: true, variant: "primary", className: "hover:bg-primary/80" },
+		{ isLink: true, variant: "secondary", className: "hover:bg-secondary/80" },
+		{ isLink: true, variant: "outline", className: "hover:border-border/80" },
+		{ isLink: true, variant: "ghost", className: "hover:bg-foreground/7" },
+		{ isLink: true, variant: "info", className: "hover:bg-info/80" },
+		{ isLink: true, variant: "success", className: "hover:bg-success/80" },
+		{ isLink: true, variant: "warning", className: "hover:bg-warning/80" },
+		{ isLink: true, variant: "error", className: "hover:bg-error/80" },
 	],
-	defaultVariants: {
-		variant: "default",
-		size: "md",
-		isLink: false,
-	},
+	defaultVariants: { variant: "default", size: "md", isLink: false },
 });
 
 const { variant = "default", size = "md", class: className, href, ...rest } = Astro.props;

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

@@ -59,10 +59,7 @@ const button = tv({
 			icon: "h-11 w-11",
 		},
 	},
-	defaultVariants: {
-		variant: "default",
-		size: "md",
-	},
+	defaultVariants: { variant: "default", size: "md" },
 });
 
 const Tag = Astro.props.href ? "a" : "button";

package/dist/src/components/card/Card.astro

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const card = tv({
-	base: "bg-card text-card-foreground rounded-2xl border shadow-sm",
-});
+const card = tv({ base: "bg-card text-card-foreground rounded-2xl border shadow-sm" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/card/CardContent.astro

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const cardContent = tv({
-	base: "p-8 pt-0",
-});
+const cardContent = tv({ base: "p-8 pt-0" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/card/CardDescription.astro

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const cardDescription = tv({
-	base: "text-muted-foreground text-base",
-});
+const cardDescription = tv({ base: "text-muted-foreground text-base" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/card/CardFooter.astro

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const cardFooter = tv({
-	base: "flex items-center p-8 pt-0",
-});
+const cardFooter = tv({ base: "flex items-center p-8 pt-0" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/card/CardHeader.astro

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const cardHeader = tv({
-	base: "flex flex-col space-y-2 p-8",
-});
+const cardHeader = tv({ base: "flex flex-col space-y-2 p-8" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/card/CardTitle.astro

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const cardTitle = tv({
-	base: "text-3xl leading-none font-semibold tracking-tight",
-});
+const cardTitle = tv({ base: "text-3xl leading-none font-semibold tracking-tight" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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 { tv } from "tailwind-variants";
 
 type Props = Omit<HTMLAttributes<"input">, "type"> & {
 	/**
@@ -42,21 +42,9 @@ const checkbox = tv({
 	},
 	variants: {
 		size: {
-			sm: {
-				input: "size-4",
-				icon: "size-4",
-				label: "text-sm",
-			},
-			md: {
-				input: "size-5",
-				icon: "size-5",
-				label: "text-base",
-			},
-			lg: {
-				input: "size-6",
-				icon: "size-6",
-				label: "text-lg",
-			},
+			sm: { input: "size-4", icon: "size-4", label: "text-sm" },
+			md: { input: "size-5", icon: "size-5", label: "text-base" },
+			lg: { input: "size-6", icon: "size-6", label: "text-lg" },
 		},
 		variant: {
 			default: {
@@ -71,10 +59,7 @@ const checkbox = tv({
 				input: "checked:bg-secondary focus-visible:outline-secondary",
 				icon: "text-secondary-foreground",
 			},
-			info: {
-				input: "checked:bg-info focus-visible:outline-info",
-				icon: "text-info-foreground",
-			},
+			info: { input: "checked:bg-info focus-visible:outline-info", icon: "text-info-foreground" },
 			success: {
 				input: "checked:bg-success focus-visible:outline-success",
 				icon: "text-success-foreground",
@@ -89,10 +74,7 @@ const checkbox = tv({
 			},
 		},
 	},
-	defaultVariants: {
-		size: "md",
-		variant: "default",
-	},
+	defaultVariants: { size: "md", variant: "default" },
 });
 
 const {

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

@@ -43,9 +43,7 @@ const { class: className, animationDuration = 200, ...rest } = Astro.props;
 <div
 	class={dialogBackdrop()}
 	data-state="closed"
-	style={{
-		animationDuration: `${animationDuration}ms`,
-	}}
+	style={{ animationDuration: `${animationDuration}ms` }}
 >
 </div>
 
@@ -53,17 +51,10 @@ const { class: className, animationDuration = 200, ...rest } = Astro.props;
 	class={dialogContent({ class: className })}
 	data-state="closed"
 	{...rest}
-	style={{
-		animationDuration: `${animationDuration}ms`,
-	}}
+	style={{ animationDuration: `${animationDuration}ms` }}
 >
 	<slot />
-	<button
-		type="button"
-		class={dialogCloseButton()}
-		data-dialog-close
-		aria-label="Close dialog"
-	>
+	<button type="button" class={dialogCloseButton()} data-dialog-close aria-label="Close dialog">
 		<X class="size-5" />
 	</button>
 </dialog>

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

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"p">;
 
-const dialogDescription = tv({
-	base: "text-muted-foreground",
-});
+const dialogDescription = tv({ base: "text-muted-foreground" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const dialogFooter = tv({
-	base: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
-});
+const dialogFooter = tv({ base: "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const dialogHeader = tv({
-	base: "flex flex-col space-y-2 text-center sm:text-left",
-});
+const dialogHeader = tv({ base: "flex flex-col space-y-2 text-center sm:text-left" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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

@@ -9,9 +9,7 @@ type Props = Omit<HTMLAttributes<"h2">, "id"> & {
 	children: any;
 };
 
-const dialogTitle = tv({
-	base: "text-2xl leading-none font-semibold tracking-tight",
-});
+const dialogTitle = tv({ base: "text-2xl leading-none font-semibold tracking-tight" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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

@@ -1,10 +1,8 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
+import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"input"> & {
-	size?: "sm" | "md" | "lg";
-};
+type Props = HTMLAttributes<"input"> & { size?: "sm" | "md" | "lg" };
 
 const input = tv({
 	base: [
@@ -15,15 +13,9 @@ const input = tv({
 		"peer placeholder:text-muted-foreground",
 	],
 	variants: {
-		size: {
-			sm: "h-9 px-2 text-sm",
-			md: "h-11 px-3 text-base",
-			lg: "h-12 px-4 text-lg",
-		},
-	},
-	defaultVariants: {
-		size: "md",
+		size: { sm: "h-9 px-2 text-sm", md: "h-11 px-3 text-base", lg: "h-12 px-4 text-lg" },
 	},
+	defaultVariants: { size: "md" },
 });
 
 const { size = "md", class: className, ...rest } = Astro.props;

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

@@ -2,25 +2,15 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"label"> & {
-	size?: "sm" | "md" | "lg";
-};
+type Props = HTMLAttributes<"label"> & { size?: "sm" | "md" | "lg" };
 
 const label = tv({
 	base: [
 		"text-foreground leading-none font-medium",
 		"peer-disabled:cursor-not-allowed peer-disabled:opacity-70 has-[+:disabled]:cursor-not-allowed has-[+:disabled]:opacity-70",
 	],
-	variants: {
-		size: {
-			sm: "text-sm",
-			md: "text-base",
-			lg: "text-lg",
-		},
-	},
-	defaultVariants: {
-		size: "md",
-	},
+	variants: { size: { sm: "text-sm", md: "text-base", lg: "text-lg" } },
+	defaultVariants: { size: "md" },
 });
 
 const { size = "md", class: className = "", ...rest } = Astro.props;

package/dist/src/components/pagination/Pagination.astro

@@ -2,22 +2,13 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"nav"> & {
-	children: any;
-};
+type Props = HTMLAttributes<"nav"> & { children: any };
 
-const pagination = tv({
-	base: "mx-auto flex w-full justify-center",
-});
+const pagination = tv({ base: "mx-auto flex w-full justify-center" });
 
 const { class: className, ...rest } = Astro.props;
 ---
 
-<nav
-	role="navigation"
-	aria-label="pagination"
-	class={pagination({ class: className })}
-	{...rest}
->
+<nav role="navigation" aria-label="pagination" class={pagination({ class: className })} {...rest}>
 	<slot />
 </nav>

package/dist/src/components/pagination/PaginationContent.astro

@@ -2,13 +2,9 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"ul"> & {
-	children: any;
-};
+type Props = HTMLAttributes<"ul"> & { children: any };
 
-const paginationContent = tv({
-	base: "flex flex-row items-center gap-1",
-});
+const paginationContent = tv({ base: "flex flex-row items-center gap-1" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/pagination/PaginationEllipsis.astro

@@ -1,15 +1,11 @@
 ---
-import type { HTMLAttributes } from "astro/types";
 import Dots from "@tabler/icons/outline/dots.svg";
+import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"span"> & {
-	children?: any;
-};
+type Props = HTMLAttributes<"span"> & { children?: any };
 
-const paginationEllipsis = tv({
-	base: "flex h-9 w-9 items-center justify-center",
-});
+const paginationEllipsis = tv({ base: "flex h-9 w-9 items-center justify-center" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/pagination/PaginationItem.astro

@@ -2,13 +2,9 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"li"> & {
-	children: any;
-};
+type Props = HTMLAttributes<"li"> & { children: any };
 
-const paginationItem = tv({
-	base: "",
-});
+const paginationItem = tv({ base: "" });
 
 const { class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/pagination/PaginationLink.astro

@@ -28,10 +28,7 @@ const paginationLink = tv({
 			icon: "h-11 w-11",
 		},
 	},
-	defaultVariants: {
-		isActive: false,
-		size: "icon",
-	},
+	defaultVariants: { isActive: false, size: "icon" },
 });
 
 const { class: className, isActive, size = "icon", ...rest } = Astro.props;

package/dist/src/components/pagination/PaginationNext.astro

@@ -1,16 +1,12 @@
 ---
-import type { HTMLAttributes } from "astro/types";
 import ChevronRight from "@tabler/icons/outline/chevron-right.svg";
-import PaginationLink from "./PaginationLink.astro";
+import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
+import PaginationLink from "./PaginationLink.astro";
 
-type Props = HTMLAttributes<"a"> & {
-	size?: "sm" | "md" | "lg" | "icon";
-};
+type Props = HTMLAttributes<"a"> & { size?: "sm" | "md" | "lg" | "icon" };
 
-const paginationNext = tv({
-	base: "group gap-1",
-});
+const paginationNext = tv({ base: "group gap-1" });
 
 const { class: className, size = "md", ...rest } = Astro.props;
 ---

package/dist/src/components/pagination/PaginationPrevious.astro

@@ -1,16 +1,12 @@
 ---
-import type { HTMLAttributes } from "astro/types";
 import ChevronLeft from "@tabler/icons/outline/chevron-left.svg";
-import PaginationLink from "./PaginationLink.astro";
+import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
+import PaginationLink from "./PaginationLink.astro";
 
-type Props = HTMLAttributes<"a"> & {
-	size?: "sm" | "md" | "lg" | "icon";
-};
+type Props = HTMLAttributes<"a"> & { size?: "sm" | "md" | "lg" | "icon" };
 
-const paginationPrevious = tv({
-	base: "group gap-1",
-});
+const paginationPrevious = tv({ base: "group gap-1" });
 
 const { class: className, size = "md", ...rest } = Astro.props;
 ---

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

@@ -1,9 +1,7 @@
 ---
 import type { HTMLAttributes } from "astro/types";
 
-type Props = HTMLAttributes<"div"> & {
-	children: any;
-};
+type Props = HTMLAttributes<"div"> & { children: any };
 
 const { class: className, ...rest } = Astro.props;
 ---
@@ -210,10 +208,8 @@ const { class: className, ...rest } = Astro.props;
 				}
 			});
 
-			// passive resize listener to call setSize() on window resize
-			window.addEventListener("resize", () => this.setSize(), {
-				passive: true,
-			});
+			// passive resize listener to call setSize()
+			window.addEventListener("resize", () => this.setSize(), { passive: true });
 		}
 
 		private handleNavigationKeys(e: KeyboardEvent) {
@@ -366,11 +362,7 @@ const { class: className, ...rest } = Astro.props;
 
 				// Dispatch custom event with the new value
 				const event = new CustomEvent<SelectChangeEvent["detail"]>("starwind-select:change", {
-					detail: {
-						value: newValue,
-						selectId: this.select.id,
-						label: item.textContent || "",
-					},
+					detail: { value: newValue, selectId: this.select.id, label: item.textContent || "" },
 					bubbles: true,
 					cancelable: true,
 				});

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

@@ -30,13 +30,12 @@ const selectContent = tv({
 	],
 	variants: {
 		side: {
-			bottom: "data-[side=bottom]:slide-in-from-top-4 data-[side=bottom]:top-(--select-content-offset)",
+			bottom:
+				"data-[side=bottom]:slide-in-from-top-4 data-[side=bottom]:top-(--select-content-offset)",
 			top: "data-[side=top]:slide-in-from-bottom-4 data-[side=top]:bottom-(--select-content-offset)",
 		},
 	},
-	defaultVariants: {
-		side: "bottom",
-	},
+	defaultVariants: { side: "bottom" },
 });
 
 const selectContentInner = tv({

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

@@ -2,9 +2,7 @@
 /**
  * This current doesn't do anything
  */
-type Props = {
-	children: any;
-};
+type Props = { children: any };
 ---
 
 <slot />

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

@@ -23,9 +23,7 @@ const selectItem = tv({
 	],
 });
 
-const selectItemIcon = tv({
-	base: "absolute left-2 size-3.5 items-center justify-center",
-});
+const selectItemIcon = tv({ base: "absolute left-2 size-3.5 items-center justify-center" });
 
 const { class: className, value, disabled, ...rest } = Astro.props;
 ---

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

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const selectLabel = tv({
-	base: "py-1.5 pr-2 pl-8 font-semibold",
-});
+const selectLabel = tv({ base: "py-1.5 pr-2 pl-8 font-semibold" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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

@@ -4,9 +4,7 @@ import { tv } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div">;
 
-const selectSeparator = tv({
-	base: "bg-muted -mx-1 my-1 h-px",
-});
+const selectSeparator = tv({ base: "bg-muted -mx-1 my-1 h-px" });
 
 const { class: className, ...rest } = Astro.props;
 ---

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

@@ -1,7 +1,7 @@
 ---
+import ChevronDown from "@tabler/icons/outline/chevron-down.svg";
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
-import ChevronDown from "@tabler/icons/outline/chevron-down.svg";
 
 type Props = Omit<HTMLAttributes<"button">, "role" | "type"> & {
 	/**

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

@@ -9,9 +9,7 @@ type Props = HTMLAttributes<"span"> & {
 	placeholder?: string;
 };
 
-const selectValue = tv({
-	base: "pointer-events-none",
-});
+const selectValue = tv({ base: "pointer-events-none" });
 
 const { placeholder = "select", class: className, ...rest } = Astro.props;
 ---

package/dist/src/components/switch/Switch.astro

@@ -76,9 +76,7 @@ const switchButton = tv({
 			error: "aria-checked:border-error focus:outline-error",
 		},
 	},
-	defaultVariants: {
-		variant: "default",
-	},
+	defaultVariants: { variant: "default" },
 });
 
 const switchToggle = tv({
@@ -86,30 +84,14 @@ const switchToggle = tv({
 		"bg-foreground inline-block transform rounded-full transition-transform",
 		"group-aria-checked:translate-x-(--translation) group-aria-[checked=false]:translate-x-[calc(var(--padding)-var(--border-offset))]",
 	],
-	variants: {
-		size: {
-			sm: "size-4",
-			md: "size-5",
-			lg: "size-6",
-		},
-	},
-	defaultVariants: {
-		size: "md",
-	},
+	variants: { size: { sm: "size-4", md: "size-5", lg: "size-6" } },
+	defaultVariants: { size: "md" },
 });
 
 const switchLabel = tv({
 	base: "text-foreground ml-2 font-medium peer-disabled:cursor-not-allowed peer-disabled:opacity-70",
-	variants: {
-		size: {
-			sm: "text-sm",
-			md: "text-base",
-			lg: "text-lg",
-		},
-	},
-	defaultVariants: {
-		size: "md",
-	},
+	variants: { size: { sm: "text-sm", md: "text-base", lg: "text-lg" } },
+	defaultVariants: { size: "md" },
 });
 ---
 
@@ -170,10 +152,7 @@ const switchLabel = tv({
 
 			// Dispatch custom event with the new state
 			const event = new CustomEvent<SwitchChangeEvent["detail"]>("starwind-switch:change", {
-				detail: {
-					checked: newState,
-					switchId: this.switchButton.id,
-				},
+				detail: { checked: newState, switchId: this.switchButton.id },
 				bubbles: true,
 				cancelable: true,
 			});

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

@@ -7,9 +7,7 @@ interface Props extends HTMLAttributes<"div"> {
 	syncKey?: string;
 }
 
-const tabs = tv({
-	base: "starwind-tabs",
-});
+const tabs = tv({ base: "starwind-tabs" });
 
 const { defaultValue, syncKey, class: className, ...rest } = Astro.props;
 ---
@@ -129,9 +127,7 @@ const { defaultValue, syncKey, class: className, ...rest } = Astro.props;
 			if (!this.syncKey) return;
 
 			document.dispatchEvent(
-				new CustomEvent(`starwind-tabs-sync:${this.syncKey}`, {
-					detail: { value },
-				}),
+				new CustomEvent(`starwind-tabs-sync:${this.syncKey}`, { detail: { value } }),
 			);
 
 			localStorage.setItem(this.storageKey, value);

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

@@ -6,9 +6,7 @@ interface Props extends Omit<HTMLAttributes<"div">, "id" | "role" | "tabindex" |
 	value: string;
 }
 
-const tabsContent = tv({
-	base: "mt-2 focus-visible:outline-2 focus-visible:outline-offset-2",
-});
+const tabsContent = tv({ base: "mt-2 focus-visible:outline-2 focus-visible:outline-offset-2" });
 
 const { value, class: className, ...rest } = Astro.props;
 ---

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

@@ -11,11 +11,6 @@ const tabsList = tv({
 const { class: className, ...rest } = Astro.props;
 ---
 
-<div
-	class={tabsList({ class: className })}
-	data-tabs-list
-	role="tablist"
-	{...rest}
->
+<div class={tabsList({ class: className })} data-tabs-list role="tablist" {...rest}>
 	<slot />
 </div>

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

@@ -2,9 +2,7 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"textarea"> & {
-	size?: "sm" | "md" | "lg";
-};
+type Props = HTMLAttributes<"textarea"> & { size?: "sm" | "md" | "lg" };
 
 const textarea = tv({
 	base: [
@@ -21,9 +19,7 @@ const textarea = tv({
 			lg: "min-h-12 px-4 py-3 text-lg",
 		},
 	},
-	defaultVariants: {
-		size: "md",
-	},
+	defaultVariants: { size: "md" },
 });
 
 const { size = "md", class: className, ...rest } = Astro.props;

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

@@ -17,9 +17,7 @@ type Props = HTMLAttributes<"div"> & {
 	disableHoverableContent?: boolean;
 };
 
-const tooltip = tv({
-	base: "starwind-tooltip relative inline-block",
-});
+const tooltip = tv({ base: "starwind-tooltip relative inline-block" });
 
 const {
 	openDelay = 200,

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

@@ -45,11 +45,7 @@ const tooltipContent = tv({
 			bottom: "slide-in-from-top-2 top-(--tooltip-offset)",
 			top: "slide-in-from-bottom-2 bottom-(--tooltip-offset)",
 		},
-		align: {
-			center: "",
-			start: "",
-			end: "",
-		},
+		align: { center: "", start: "", end: "" },
 		sideAlign: {
 			"top-center": "left-[50%] translate-x-[-50%]",
 			"bottom-center": "left-[50%] translate-x-[-50%]",
@@ -65,41 +61,14 @@ const tooltipContent = tv({
 			"right-end": "bottom-0",
 		},
 	},
-	defaultVariants: {
-		side: "top",
-		align: "center",
-	},
+	defaultVariants: { side: "top", align: "center" },
 	compoundVariants: [
-		{
-			side: ["top", "bottom"],
-			align: "center",
-			class: "left-[50%] translate-x-[-50%]",
-		},
-		{
-			side: ["left", "right"],
-			align: "center",
-			class: "top-[50%] translate-y-[-50%]",
-		},
-		{
-			side: ["top", "bottom"],
-			align: "start",
-			class: "left-0",
-		},
-		{
-			side: ["top", "bottom"],
-			align: "end",
-			class: "right-0",
-		},
-		{
-			side: ["left", "right"],
-			align: "start",
-			class: "top-0",
-		},
-		{
-			side: ["left", "right"],
-			align: "end",
-			class: "bottom-0",
-		},
+		{ side: ["top", "bottom"], align: "center", class: "left-[50%] translate-x-[-50%]" },
+		{ side: ["left", "right"], align: "center", class: "top-[50%] translate-y-[-50%]" },
+		{ side: ["top", "bottom"], align: "start", class: "left-0" },
+		{ side: ["top", "bottom"], align: "end", class: "right-0" },
+		{ side: ["left", "right"], align: "start", class: "top-0" },
+		{ side: ["left", "right"], align: "end", class: "bottom-0" },
 	],
 });
 

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

@@ -3,9 +3,7 @@
  * This component is used to trigger the tooltip
  * All it does is require a slot
  */
-type Props = {
-	children: any;
-};
+type Props = { children: any };
 ---
 
 <slot />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@starwind-ui/core",
-  "version": "1.1.0",
+  "version": "1.3.1",
   "description": "Starwind UI core components and registry",
   "type": "module",
   "main": "./dist/index.js",
@@ -21,7 +21,7 @@
     "astro": "^5.0.0",
     "fs-extra": "^11.2.0",
     "glob": "^10.3.10",
-    "tailwindcss": "^4.0.0-beta",
+    "tailwindcss": "^4.0.0",
     "tsup": "^8.0.2"
   },
   "scripts": {
@@ -30,7 +30,6 @@
     "dev": "tsup --watch",
     "core:link": "pnpm link --global",
     "core:unlink": "pnpm rm --global @starwind-ui/core",
-    "sync:docs": "pnpm exec starwind sync src/components ../../apps/docs/src/components/starwind",
     "sync:demo": "pnpm exec starwind sync src/components ../../apps/demo/src/components/starwind",
     "publish:beta": "pnpm publish --tag beta --access public",
     "publish:next": "pnpm publish --tag next --access public",