@starwind-ui/core 1.3.1 → 1.4.0

package/dist/index.js

@@ -7,21 +7,21 @@ 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: "alert", type: "component", version: "1.1.1", dependencies: [] },
+    { name: "avatar", type: "component", version: "1.1.1", dependencies: [] },
+    { name: "badge", type: "component", version: "1.1.1", dependencies: [] },
+    { name: "button", type: "component", version: "2.0.1", 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: "checkbox", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "dialog", type: "component", version: "1.1.1", 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.2.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: [] }
+    { name: "tabs", type: "component", version: "1.1.1", dependencies: [] },
+    { name: "textarea", type: "component", version: "1.1.1", dependencies: [] },
+    { name: "tooltip", type: "component", version: "1.1.1", 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.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":[]}
+{"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\": \"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.1\", \"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.2.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n\t\t{ \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.1.1\", \"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,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/alert/Alert.astro

@@ -1,6 +1,8 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div"> & VariantProps<typeof alert>;
 
 const alert = tv({
 	base: "text-foreground relative w-full rounded-lg border p-4",
@@ -18,15 +20,7 @@ const alert = tv({
 	defaultVariants: { variant: "default" },
 });
 
-type Props = HTMLAttributes<"div"> & {
-	/**
-	 * Sets the variant of the alert
-	 * @default "default"
-	 */
-	variant?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "error";
-};
-
-const { variant = "default", class: className, ...rest } = Astro.props;
+const { variant, class: className, ...rest } = Astro.props;
 ---
 
 <div class={alert({ variant, class: className })} {...rest}>

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

@@ -1,19 +1,8 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-interface Props extends HTMLAttributes<"div"> {
-	/**
-	 * Sets the variant of the avatar
-	 * @default "default"
-	 */
-	variant?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "error";
-	/**
-	 * Sets the size of the avatar
-	 * @default "md"
-	 */
-	size?: "sm" | "md" | "lg";
-}
+interface Props extends HTMLAttributes<"div">, VariantProps<typeof avatar> {}
 
 const avatar = tv({
 	base: "text-foreground bg-muted relative overflow-hidden rounded-full border-2",

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

@@ -21,6 +21,7 @@ if (!src && !image) {
 
 {
 	src && (
+		// eslint-disable-next-line astro/jsx-a11y/no-noninteractive-element-interactions
 		<img
 			src={src}
 			alt={alt}

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

@@ -1,34 +1,13 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-interface Props extends HTMLAttributes<"div">, Omit<HTMLAttributes<"a">, "type"> {
-	/**
-	 * Sets the variant of the badge
-	 * @default "default"
-	 */
-	variant?:
-		| "default"
-		| "primary"
-		| "secondary"
-		| "outline"
-		| "ghost"
-		| "info"
-		| "success"
-		| "warning"
-		| "error";
-	/**
-	 * Sets the size of the badge
-	 * @default "md"
-	 */
-	size?: "sm" | "md" | "lg";
-	/**
-	 * URL to link to when badge is clicked
-	 */
-	href?: string;
-}
+interface Props
+	extends HTMLAttributes<"div">,
+		Omit<HTMLAttributes<"a">, "type">,
+		VariantProps<typeof badge> {}
 
-const badgeVariants = tv({
+const badge = tv({
 	base: "starwind-badge starwind-transition-colors inline-flex items-center rounded-full font-semibold focus-visible:outline-2 focus-visible:outline-offset-2",
 	variants: {
 		variant: {
@@ -59,11 +38,11 @@ const badgeVariants = tv({
 	defaultVariants: { variant: "default", size: "md", isLink: false },
 });
 
-const { variant = "default", size = "md", class: className, href, ...rest } = Astro.props;
-const isLink = !!href;
-const Tag = isLink ? "a" : "div";
+const { variant, size, class: className, ...rest } = Astro.props;
+const isLink = Astro.props.href ? true : false;
+const Tag = Astro.props.href ? "a" : "div";
 ---
 
-<Tag class={badgeVariants({ variant, size, isLink, class: className })} href={href} {...rest}>
+<Tag class={badge({ variant, size, isLink, class: className })} {...rest}>
 	<slot />
 </Tag>

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

@@ -1,30 +1,13 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-interface Props extends HTMLAttributes<"button">, Omit<HTMLAttributes<"a">, "type"> {
-	/**
-	 * Sets the variant of the button
-	 * @default "default"
-	 */
-	variant?:
-		| "default"
-		| "primary"
-		| "secondary"
-		| "outline"
-		| "ghost"
-		| "info"
-		| "success"
-		| "warning"
-		| "error";
-	/**
-	 * Sets the size of the button
-	 * @default "md"
-	 */
-	size?: "sm" | "md" | "lg" | "icon";
-}
+interface Props
+	extends HTMLAttributes<"button">,
+		Omit<HTMLAttributes<"a">, "type">,
+		VariantProps<typeof button> {}
 
-const { variant = "default", size = "md", class: className, ...rest } = Astro.props;
+const { variant, size, class: className, ...rest } = Astro.props;
 
 const button = tv({
 	base: [

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

@@ -1,28 +1,15 @@
 ---
 import Check from "@tabler/icons/outline/check.svg";
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-type Props = Omit<HTMLAttributes<"input">, "type"> & {
-	/**
-	 * Unique identifier for the checkbox input
-	 */
-	id: string;
-	/**
-	 * Optional label text to display next to the checkbox
-	 */
-	label?: string;
-	/**
-	 * Size variant of the checkbox
-	 * @default "md"
-	 */
-	size?: "sm" | "md" | "lg";
-	/**
-	 * Visual style variant of the checkbox
-	 * @default "default"
-	 */
-	variant?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "error";
-};
+type Props = Omit<HTMLAttributes<"input">, "type"> &
+	VariantProps<typeof checkbox> & {
+		/**
+		 * Optional label text to display next to the checkbox
+		 */
+		label?: string;
+	};
 
 const checkbox = tv({
 	slots: {
@@ -77,16 +64,7 @@ const checkbox = tv({
 	defaultVariants: { size: "md", variant: "default" },
 });
 
-const {
-	id,
-	label,
-	value,
-	checked,
-	size = "md",
-	variant = "default",
-	class: className = "",
-	...rest
-} = Astro.props;
+const { id, label, checked, size, variant, class: className, ...rest } = Astro.props;
 
 const { base, input, icon, label: labelClass } = checkbox({ size, variant });
 ---

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

@@ -6,6 +6,7 @@ type Props = Omit<HTMLAttributes<"h2">, "id"> & {
 	/**
 	 * The content to be rendered inside the dialog title
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	children: any;
 };
 

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

@@ -1,8 +1,8 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-type Props = HTMLAttributes<"input"> & { size?: "sm" | "md" | "lg" };
+type Props = HTMLAttributes<"input"> & VariantProps<typeof input>;
 
 const input = tv({
 	base: [
@@ -18,7 +18,7 @@ const input = tv({
 	defaultVariants: { size: "md" },
 });
 
-const { size = "md", class: className, ...rest } = Astro.props;
+const { size, class: className, ...rest } = Astro.props;
 ---
 
 <input class={input({ size, class: className })} {...rest} />

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

@@ -1,8 +1,8 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-type Props = HTMLAttributes<"label"> & { size?: "sm" | "md" | "lg" };
+type Props = HTMLAttributes<"label"> & VariantProps<typeof label>;
 
 const label = tv({
 	base: [
@@ -13,9 +13,10 @@ const label = tv({
 	defaultVariants: { size: "md" },
 });
 
-const { size = "md", class: className = "", ...rest } = Astro.props;
+const { size, class: className, ...rest } = Astro.props;
 ---
 
+{/* eslint-disable-next-line astro/jsx-a11y/label-has-associated-control */}
 <label class={label({ size, class: className })} {...rest}>
 	<slot />
 </label>

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

@@ -2,7 +2,7 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"nav"> & { children: any };
+type Props = HTMLAttributes<"nav">;
 
 const pagination = tv({ base: "mx-auto flex w-full justify-center" });
 

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

@@ -2,7 +2,10 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"ul"> & { children: any };
+type Props = HTMLAttributes<"ul"> & {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	children: any;
+};
 
 const paginationContent = tv({ base: "flex flex-row items-center gap-1" });
 

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

@@ -3,7 +3,7 @@ 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">;
 
 const paginationEllipsis = tv({ base: "flex h-9 w-9 items-center justify-center" });
 

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

@@ -2,7 +2,10 @@
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
-type Props = HTMLAttributes<"li"> & { children: any };
+type Props = HTMLAttributes<"li"> & {
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	children: any;
+};
 
 const paginationItem = tv({ base: "" });
 

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

@@ -1,12 +1,16 @@
 ---
 import type { HTMLAttributes } from "astro/types";
 
-type Props = HTMLAttributes<"div"> & { children: any };
+type Props = HTMLAttributes<"div"> & {
+	name?: string;
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
+	children: any;
+};
 
-const { class: className, ...rest } = Astro.props;
+const { class: className, name, ...rest } = Astro.props;
 ---
 
-<div class:list={["starwind-select", "relative", className]} {...rest}>
+<div class:list={["starwind-select", "relative", className]} data-name={name} {...rest}>
 	<slot />
 </div>
 
@@ -55,6 +59,7 @@ const { class: className, ...rest } = Astro.props;
 			selectField.tabIndex = -1;
 			selectField.setAttribute("aria-hidden", "true");
 			selectField.setAttribute("placeholder", "select");
+			selectField.name = this.select.getAttribute("data-name") || "";
 
 			// you can comment out this "sr-only" class line below if you want to see the native select in action
 			selectField.classList.add("starwind-sr-only");
@@ -299,7 +304,11 @@ const { class: className, ...rest } = Astro.props;
 		}
 
 		private toggleSelect() {
-			this.isOpen ? this.closeSelect() : this.openSelect();
+			if (this.isOpen) {
+				this.closeSelect();
+			} else {
+				this.openSelect();
+			}
 		}
 
 		private openSelect() {

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

@@ -2,6 +2,7 @@
 /**
  * This current doesn't do anything
  */
+// eslint-disable-next-line
 type Props = { children: any };
 ---
 

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

@@ -7,6 +7,7 @@ type Props = Omit<HTMLAttributes<"button">, "role" | "type"> & {
 	/**
 	 * The content to be rendered inside the select trigger
 	 */
+	// eslint-disable-next-line @typescript-eslint/no-explicit-any
 	children: any;
 	/**
 	 * Whether the select field is required in a form context
@@ -31,6 +32,7 @@ const { class: className, required = false, ...rest } = Astro.props;
 	type="button"
 	role="combobox"
 	aria-label="Select field"
+	aria-controls=""
 	aria-expanded="false"
 	aria-haspopup="listbox"
 	aria-autocomplete="none"

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

@@ -133,7 +133,7 @@ const { defaultValue, syncKey, class: className, ...rest } = Astro.props;
 			localStorage.setItem(this.storageKey, value);
 		}
 
-		private handleKeyNavigation = (e: KeyboardEvent, trigger: HTMLElement): void => {
+		private handleKeyNavigation = (e: KeyboardEvent): void => {
 			const key = e.key;
 			let newIndex = this.currentTabIndex;
 
@@ -206,7 +206,7 @@ const { defaultValue, syncKey, class: className, ...rest } = Astro.props;
 		private addEventListeners(): void {
 			this.triggers.forEach((trigger, index) => {
 				trigger.addEventListener("click", () => this.handleClick(trigger, index));
-				trigger.addEventListener("keydown", (e) => this.handleKeyNavigation(e, trigger));
+				trigger.addEventListener("keydown", (e) => this.handleKeyNavigation(e));
 			});
 		}
 

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

@@ -1,8 +1,8 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
-type Props = HTMLAttributes<"textarea"> & { size?: "sm" | "md" | "lg" };
+type Props = HTMLAttributes<"textarea"> & VariantProps<typeof textarea>;
 
 const textarea = tv({
 	base: [
@@ -22,7 +22,7 @@ const textarea = tv({
 	defaultVariants: { size: "md" },
 });
 
-const { size = "md", class: className, ...rest } = Astro.props;
+const { size, class: className, ...rest } = Astro.props;
 ---
 
 <textarea class={textarea({ size, class: className })} {...rest}></textarea>

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

@@ -33,7 +33,7 @@ type Props = HTMLAttributes<"div"> & {
 const tooltipContent = tv({
 	base: [
 		"starwind-tooltip-content",
-		"absolute z-50 hidden px-3 py-1.5 whitespace-nowrap shadow-sm",
+		"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",

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

@@ -3,6 +3,7 @@
  * This component is used to trigger the tooltip
  * All it does is require a slot
  */
+// eslint-disable-next-line
 type Props = { children: any };
 ---
 

package/package.json

@@ -1,7 +1,17 @@
 {
   "name": "@starwind-ui/core",
-  "version": "1.3.1",
+  "version": "1.4.0",
   "description": "Starwind UI core components and registry",
+  "license": "MIT",
+  "author": {
+    "name": "webreaper",
+    "url": "https://x.com/BowTiedWebReapr"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/boston343/starwind-ui.git",
+    "directory": "packages/core"
+  },
   "type": "module",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",