@starwind-ui/core 1.9.0 → 1.10.1

package/dist/index.js

@@ -6,47 +6,56 @@ import { fileURLToPath } from "url";
 var registry_default = {
   $schema: "https://starwind.dev/registry-schema.json",
   components: [
-    { name: "accordion", type: "component", version: "1.2.0", dependencies: [] },
-    { name: "alert", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "accordion", type: "component", version: "1.3.1", dependencies: [] },
+    { name: "alert", type: "component", version: "1.3.0", dependencies: [] },
     {
       name: "alert-dialog",
       type: "component",
       version: "1.0.0",
       dependencies: ["@starwind-ui/core/button@^2.1.0"]
     },
+    { name: "aspect-ratio", type: "component", version: "1.0.0", dependencies: [] },
     { name: "avatar", type: "component", version: "1.2.0", dependencies: [] },
-    { name: "badge", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "badge", type: "component", version: "1.3.0", dependencies: [] },
     { name: "breadcrumb", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "button", type: "component", version: "2.1.0", dependencies: [] },
-    { name: "card", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "button", type: "component", version: "2.2.0", dependencies: [] },
+    { name: "card", type: "component", version: "1.3.0", dependencies: [] },
     {
       name: "carousel",
       type: "component",
       version: "1.0.0",
       dependencies: ["@starwind-ui/core/button@^2.1.0", "embla-carousel@^8.6.0"]
     },
-    { name: "checkbox", type: "component", version: "1.3.0", dependencies: [] },
-    { name: "dialog", type: "component", version: "1.3.0", dependencies: [] },
-    { name: "dropdown", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "dropzone", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "input", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "checkbox", type: "component", version: "1.4.0", dependencies: [] },
+    { name: "dialog", type: "component", version: "1.4.0", dependencies: [] },
+    { name: "dropdown", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "dropzone", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "input", type: "component", version: "1.3.0", dependencies: [] },
+    {
+      name: "item",
+      type: "component",
+      version: "1.0.0",
+      dependencies: ["@starwind-ui/core/separator@^1.0.0"]
+    },
     { name: "label", type: "component", version: "1.2.0", dependencies: [] },
-    { name: "pagination", type: "component", version: "2.1.0", dependencies: [] },
+    { name: "pagination", type: "component", version: "3.0.0", dependencies: [] },
     { name: "progress", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "radio-group", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "select", type: "component", version: "1.5.0", dependencies: [] },
+    { name: "radio-group", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "select", type: "component", version: "1.6.0", dependencies: [] },
+    { name: "separator", type: "component", version: "1.0.0", dependencies: [] },
     {
       name: "sheet",
       type: "component",
-      version: "1.0.0",
+      version: "1.1.0",
       dependencies: ["@starwind-ui/core/dialog@^1.3.0"]
     },
-    { name: "skeleton", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "switch", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "skeleton", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "spinner", type: "component", version: "1.0.0", dependencies: [] },
+    { name: "switch", type: "component", version: "1.3.0", dependencies: [] },
     { name: "table", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "tabs", type: "component", version: "1.3.0", dependencies: [] },
-    { name: "textarea", type: "component", version: "1.2.0", dependencies: [] },
-    { name: "tooltip", type: "component", version: "1.2.0", dependencies: [] }
+    { name: "tabs", type: "component", version: "1.4.0", dependencies: [] },
+    { name: "textarea", type: "component", version: "1.3.0", dependencies: [] },
+    { name: "tooltip", type: "component", version: "1.3.0", 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\";\n\nimport componentRegistry from \"./registry.json\" with { type: \"json\" };\n\n/**\n * Component metadata interface describing a Starwind UI component\n */\nexport interface ComponentMeta {\n  name: string;\n  version: string;\n  type: \"component\";\n  dependencies: string[];\n}\n\n/**\n * Registry interface containing all available components\n */\nexport interface Registry {\n  components: 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  // In production (when installed as a dependency), the components will be in dist/src/components\n  // In development, they will be in src/components\n  const componentsDir = __dirname.includes(\"dist\") ? \"src/components\" : \"src/components\";\n  return 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  \"$schema\": \"https://starwind.dev/registry-schema.json\",\n  \"components\": [\n    { \"name\": \"accordion\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"alert\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    {\n      \"name\": \"alert-dialog\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/button@^2.1.0\"]\n    },\n    { \"name\": \"avatar\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"breadcrumb\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"button\", \"type\": \"component\", \"version\": \"2.1.0\", \"dependencies\": [] },\n    { \"name\": \"card\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    {\n      \"name\": \"carousel\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/button@^2.1.0\", \"embla-carousel@^8.6.0\"]\n    },\n    { \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"dropdown\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"dropzone\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"input\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"label\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"pagination\", \"type\": \"component\", \"version\": \"2.1.0\", \"dependencies\": [] },\n    { \"name\": \"progress\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"radio-group\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"select\", \"type\": \"component\", \"version\": \"1.5.0\", \"dependencies\": [] },\n    {\n      \"name\": \"sheet\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/dialog@^1.3.0\"]\n    },\n    { \"name\": \"skeleton\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"table\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"textarea\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] }\n  ]\n}\n"],"mappings":";AAAA,SAAS,YAAY;AACrB,SAAS,qBAAqB;;;ACD9B;AAAA,EACE,SAAW;AAAA,EACX,YAAc;AAAA,IACZ,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;AAAA,MACE,MAAQ;AAAA,MACR,MAAQ;AAAA,MACR,SAAW;AAAA,MACX,cAAgB,CAAC,iCAAiC;AAAA,IACpD;AAAA,IACA,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;AAAA,MACE,MAAQ;AAAA,MACR,MAAQ;AAAA,MACR,SAAW;AAAA,MACX,cAAgB,CAAC,mCAAmC,uBAAuB;AAAA,IAC7E;AAAA,IACA,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,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,YAAY,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAClF,EAAE,MAAQ,eAAe,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IACrF,EAAE,MAAQ,UAAU,MAAQ,aAAa,SAAW,SAAS,cAAgB,CAAC,EAAE;AAAA,IAChF;AAAA,MACE,MAAQ;AAAA,MACR,MAAQ;AAAA,MACR,SAAW;AAAA,MACX,cAAgB,CAAC,iCAAiC;AAAA,IACpD;AAAA,IACA,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,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,EACnF;AACF;;;ADvBA,IAAM,YAAY,cAAc,IAAI,IAAI,KAAK,YAAY,GAAG,CAAC;AAQtD,IAAM,mBAAmB,CAAC,eAAuB,aAA6B;AAGnF,QAAM,gBAAgB,UAAU,SAAS,MAAM,IAAI,mBAAmB;AACtE,SAAO,KAAK,WAAW,eAAe,eAAe,QAAQ;AAC/D;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\";\n\nimport componentRegistry from \"./registry.json\" with { type: \"json\" };\n\n/**\n * Component metadata interface describing a Starwind UI component\n */\nexport interface ComponentMeta {\n  name: string;\n  version: string;\n  type: \"component\";\n  dependencies: string[];\n}\n\n/**\n * Registry interface containing all available components\n */\nexport interface Registry {\n  components: 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  // In production (when installed as a dependency), the components will be in dist/src/components\n  // In development, they will be in src/components\n  const componentsDir = __dirname.includes(\"dist\") ? \"src/components\" : \"src/components\";\n  return 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  \"$schema\": \"https://starwind.dev/registry-schema.json\",\n  \"components\": [\n    { \"name\": \"accordion\", \"type\": \"component\", \"version\": \"1.3.1\", \"dependencies\": [] },\n    { \"name\": \"alert\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    {\n      \"name\": \"alert-dialog\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/button@^2.1.0\"]\n    },\n    { \"name\": \"aspect-ratio\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"avatar\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"breadcrumb\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"button\", \"type\": \"component\", \"version\": \"2.2.0\", \"dependencies\": [] },\n    { \"name\": \"card\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    {\n      \"name\": \"carousel\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/button@^2.1.0\", \"embla-carousel@^8.6.0\"]\n    },\n    { \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.4.0\", \"dependencies\": [] },\n    { \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.4.0\", \"dependencies\": [] },\n    { \"name\": \"dropdown\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"dropzone\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"input\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    {\n      \"name\": \"item\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/separator@^1.0.0\"]\n    },\n    { \"name\": \"label\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"pagination\", \"type\": \"component\", \"version\": \"3.0.0\", \"dependencies\": [] },\n    { \"name\": \"progress\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"radio-group\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"select\", \"type\": \"component\", \"version\": \"1.6.0\", \"dependencies\": [] },\n    { \"name\": \"separator\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    {\n      \"name\": \"sheet\",\n      \"type\": \"component\",\n      \"version\": \"1.1.0\",\n      \"dependencies\": [\"@starwind-ui/core/dialog@^1.3.0\"]\n    },\n    { \"name\": \"skeleton\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"spinner\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"table\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.4.0\", \"dependencies\": [] },\n    { \"name\": \"textarea\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] }\n  ]\n}\n"],"mappings":"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","names":[]}

package/dist/src/components/accordion/AccordionContent.astro

@@ -27,7 +27,7 @@ const { class: className, ...rest } = Astro.props;
   data-slot="accordion-content"
   {...rest}
 >
-  <div class="overflow-hidden px-5 pt-0 pb-4">
+  <div class="pt-0 pb-4">
     <slot />
   </div>
 </div>

package/dist/src/components/accordion/AccordionItem.astro

@@ -10,7 +10,7 @@ type Props = HTMLAttributes<"div"> & {
 };
 
 export const accordionItem = tv({
-  base: "starwind-accordion-item border-x border-b first:rounded-t-lg first:border-t last:rounded-b-lg",
+  base: "starwind-accordion-item border-b last:border-b-0",
 });
 
 const { value, class: className, ...rest } = Astro.props;

package/dist/src/components/accordion/AccordionTrigger.astro

@@ -8,10 +8,10 @@ type Props = HTMLAttributes<"button">;
 export const accordionTrigger = tv({
   base: [
     "starwind-accordion-trigger",
-    "flex w-full items-center justify-between gap-4 rounded-md px-5 py-4",
-    "starwind-transition-colors hover:text-muted-foreground text-left font-medium",
+    "flex w-full items-center justify-between gap-4 rounded-md py-4",
+    "hover:text-muted-foreground text-left font-medium transition-all",
     "[&[data-state=open]>svg]:rotate-180",
-    "focus-visible:outline-outline focus-visible:outline-2 focus-visible:outline-offset-0",
+    "focus-visible:border-outline focus-visible:ring-outline/50 outline-none focus-visible:ring-3",
   ],
 });
 

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

@@ -8,7 +8,7 @@ export const alert = tv({
   base: "text-foreground relative w-full rounded-lg border p-4",
   variants: {
     variant: {
-      default: "bg-background [&>h5>svg]:text-foreground",
+      default: "bg-background dark:bg-input/30 [&>h5>svg]:text-foreground",
       primary: "border-primary bg-primary/7 [&>h5>svg]:text-primary",
       secondary: "border-secondary bg-secondary/7 [&>h5>svg]:text-secondary",
       info: "border-info bg-info/7 [&>h5>svg]:text-info",

package/dist/src/components/aspect-ratio/AspectRatio.astro

@@ -0,0 +1,32 @@
+---
+import type { HTMLTag, Polymorphic } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
+  /**
+   * The aspect ratio of the container (e.g., 16/9, 4/3, 1)
+   * @default 1
+   */
+  ratio?: number;
+};
+
+export const aspectRatioWrapper = tv({
+  base: "relative w-full",
+});
+
+export const aspectRatio = tv({
+  base: "absolute inset-0",
+});
+
+const { ratio = 1, class: className, as: Tag = "div", ...rest } = Astro.props;
+---
+
+<div
+  class={aspectRatioWrapper()}
+  style={`padding-bottom: ${100 / ratio}%`}
+  data-slot="aspect-ratio-wrapper"
+>
+  <Tag class={aspectRatio({ class: className })} data-slot="aspect-ratio" {...rest}>
+    <slot />
+  </Tag>
+</div>

package/dist/src/components/aspect-ratio/index.ts

@@ -0,0 +1,7 @@
+import AspectRatio, { aspectRatio, aspectRatioWrapper } from "./AspectRatio.astro";
+
+const AspectRatioVariants = { aspectRatio, aspectRatioWrapper };
+
+export { AspectRatio, AspectRatioVariants };
+
+export default AspectRatio;

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

@@ -8,18 +8,21 @@ interface Props
     VariantProps<typeof badge> {}
 
 export 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",
+  base: [
+    "starwind-badge inline-flex items-center rounded-full font-semibold",
+    "transition-all outline-none focus-visible:ring-3",
+  ],
   variants: {
     variant: {
-      default: "bg-foreground text-background",
-      primary: "bg-primary text-primary-foreground focus-visible:outline-primary",
-      secondary: "bg-secondary text-secondary-foreground focus-visible:outline-secondary",
-      outline: "border-border focus-visible:outline-outline border",
-      ghost: "bg-foreground/10 text-foreground focus-visible:outline-outline",
-      info: "bg-info text-info-foreground focus-visible:outline-info",
-      success: "bg-success text-success-foreground focus-visible:outline-success",
-      warning: "bg-warning text-warning-foreground focus-visible:outline-warning",
-      error: "bg-error text-error-foreground focus-visible:outline-error",
+      default: "bg-foreground text-background focus-visible:ring-outline/50",
+      primary: "bg-primary text-primary-foreground focus-visible:ring-primary/50",
+      secondary: "bg-secondary text-secondary-foreground focus-visible:ring-secondary/50",
+      outline: "border-border focus-visible:border-outline focus-visible:ring-outline/50 border",
+      ghost: "bg-foreground/10 text-foreground focus-visible:ring-outline/50",
+      info: "bg-info text-info-foreground focus-visible:ring-info/50",
+      success: "bg-success text-success-foreground focus-visible:ring-success/50",
+      warning: "bg-warning text-warning-foreground focus-visible:ring-warning/50",
+      error: "bg-error text-error-foreground focus-visible:ring-error/50",
     },
     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: "" },

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

@@ -13,33 +13,33 @@ export const button = tv({
   base: [
     "inline-flex items-center justify-center gap-1.5 rounded-md font-medium whitespace-nowrap",
     "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-    "starwind-transition-colors",
-    "focus-visible:outline-2 focus-visible:outline-offset-2",
+    "transition-all outline-none focus-visible:ring-3",
     "disabled:pointer-events-none disabled:opacity-50",
   ],
   variants: {
     variant: {
-      default: "bg-foreground text-background hover:bg-foreground/90 focus-visible:outline-outline",
+      default: "bg-foreground text-background hover:bg-foreground/90 focus-visible:ring-outline/50",
       primary:
-        "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:outline-primary",
+        "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-primary/50",
       secondary:
-        "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:outline-secondary",
+        "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50",
       outline:
-        "border-border hover:bg-border hover:text-foreground focus-visible:outline-outline border",
-      ghost:
-        "hover:bg-foreground/10 hover:text-foreground focus-visible:outline-outline bg-transparent",
-      info: "bg-info text-info-foreground hover:bg-info/90 focus-visible:outline-info",
+        "dark:border-input focus-visible:ring-outline/50 bg-background dark:bg-input/30 focus-visible:border-outline hover:bg-muted dark:hover:bg-input/50 hover:text-foreground border shadow-xs",
+      ghost: "hover:bg-muted hover:text-foreground focus-visible:ring-outline/50",
+      info: "bg-info text-info-foreground hover:bg-info/90 focus-visible:ring-info/50",
       success:
-        "bg-success text-success-foreground hover:bg-success/90 focus-visible:outline-success",
+        "bg-success text-success-foreground hover:bg-success/90 focus-visible:ring-success/50",
       warning:
-        "bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:outline-warning",
-      error: "bg-error text-error-foreground hover:bg-error/90 focus-visible:outline-error",
+        "bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:ring-warning/50",
+      error: "bg-error text-error-foreground hover:bg-error/90 focus-visible:ring-error/50",
     },
     size: {
       sm: "h-9 px-3 py-2 text-sm",
       md: "h-11 px-4 py-2 text-base",
       lg: "h-12 px-8 py-2 text-lg",
-      icon: "h-11 w-11",
+      icon: "size-11",
+      "icon-sm": "size-9",
+      "icon-lg": "size-12",
     },
   },
   defaultVariants: { variant: "default", size: "md" },

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

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

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

@@ -15,8 +15,8 @@ export const checkbox = tv({
   slots: {
     base: "starwind-checkbox relative flex items-center space-x-2",
     input: [
-      "peer border-input bg-background starwind-transition-colors shrink-0 transform-gpu rounded-sm border",
-      "focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:transition-none",
+      "peer border-input bg-background dark:bg-input/30 shrink-0 transform-gpu rounded-sm border",
+      "transition-all focus-visible:ring-3",
       "outline-0 focus:ring-0 focus:ring-offset-0",
       "not-disabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
     ],
@@ -35,28 +35,37 @@ export const checkbox = tv({
     },
     variant: {
       default: {
-        input: "checked:bg-foreground focus-visible:outline-outline",
+        input: "checked:bg-foreground focus-visible:ring-outline/50 focus-visible:border-outline",
         icon: "text-background",
       },
       primary: {
-        input: "checked:bg-primary focus-visible:outline-primary",
+        input:
+          "checked:bg-primary checked:border-primary focus-visible:ring-primary/50 focus-visible:border-primary",
         icon: "text-primary-foreground",
       },
       secondary: {
-        input: "checked:bg-secondary focus-visible:outline-secondary",
+        input:
+          "checked:bg-secondary checked:border-secondary focus-visible:ring-secondary/50 focus-visible:border-secondary",
         icon: "text-secondary-foreground",
       },
-      info: { input: "checked:bg-info focus-visible:outline-info", icon: "text-info-foreground" },
+      info: {
+        input:
+          "checked:bg-info checked:border-info focus-visible:ring-info/50 focus-visible:border-info",
+        icon: "text-info-foreground",
+      },
       success: {
-        input: "checked:bg-success focus-visible:outline-success",
+        input:
+          "checked:bg-success checked:border-success focus-visible:ring-success/50 focus-visible:border-success",
         icon: "text-success-foreground",
       },
       warning: {
-        input: "checked:bg-warning focus-visible:outline-warning",
+        input:
+          "checked:bg-warning checked:border-warning focus-visible:ring-warning/50 focus-visible:border-warning",
         icon: "text-warning-foreground",
       },
       error: {
-        input: "checked:bg-error focus-visible:outline-error",
+        input:
+          "checked:bg-error checked:border-error focus-visible:ring-error/50 focus-visible:border-error",
         icon: "text-error-foreground",
       },
     },

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

@@ -31,8 +31,8 @@ export const dialogContent = tv({
 export const dialogCloseButton = tv({
   base: [
     "starwind-dialog-close text-muted-foreground",
-    "absolute top-5.5 right-5.5 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none",
-    "focus-visible:outline-outline focus-visible:outline-2 focus-visible:outline-offset-2",
+    "absolute top-5.5 right-5.5 rounded-sm [&>svg]:opacity-70 hover:[&>svg]:opacity-100",
+    "focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3",
   ],
 });
 
@@ -57,7 +57,7 @@ const { class: className, animationDuration = 200, ...rest } = Astro.props;
 >
   <slot />
   <button type="button" class={dialogCloseButton()} data-dialog-close aria-label="Close dialog">
-    <X class="size-5" />
+    <X class="size-5 transition-opacity" />
     <span class="sr-only">Close</span>
   </button>
 </dialog>

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

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

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

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

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

@@ -13,7 +13,8 @@ export const dropdownTrigger = tv({
   base: [
     "starwind-dropdown-trigger",
     "inline-flex items-center justify-center",
-    "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
+    "focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3",
+    "disabled:pointer-events-none",
   ],
 });
 

package/dist/src/components/dropzone/Dropzone.astro

@@ -19,10 +19,10 @@ const { class: className, id, isUploading = false, ...rest } = Astro.props as Pr
 export const dropzone = tv({
   base: [
     "starwind-dropzone",
-    "relative flex w-full flex-col items-center justify-center gap-1 rounded-lg px-6 py-12",
-    "bg-background text-muted-foreground border-input cursor-pointer border border-dashed text-center text-sm",
-    "starwind-transition-colors data-[is-uploading=false]:hover:bg-muted/50 data-[drag-active=true]:bg-muted/50",
-    "focus-visible:outline-outline focus-visible:ring-0 focus-visible:outline-2 focus-visible:outline-offset-2",
+    "relative flex w-full flex-col items-center justify-center gap-1 rounded-lg px-6 py-12 shadow-xs",
+    "bg-background dark:bg-input/30 text-muted-foreground border-input cursor-pointer border border-dashed text-center text-sm",
+    "data-[is-uploading=false]:hover:bg-muted/50 data-[drag-active=true]:bg-muted/50 transition",
+    "focus-visible:border-outline focus-visible:ring-outline/50 outline-none focus-visible:ring-3",
   ],
 });
 ---

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

@@ -6,8 +6,8 @@ type Props = HTMLAttributes<"input"> & VariantProps<typeof input>;
 
 export const input = tv({
   base: [
-    "border-input bg-background text-foreground w-full rounded-md border",
-    "focus:outline-outline focus:ring-0 focus:outline-2 focus:outline-offset-2",
+    "border-input dark:bg-input/30 text-foreground w-full rounded-md border bg-transparent shadow-xs",
+    "focus-visible:border-outline focus-visible:ring-outline/50 transition-[color,box-shadow] focus-visible:ring-3",
     "file:text-foreground file:my-auto file:mr-4 file:h-full file:border-0 file:bg-transparent file:text-sm file:font-medium",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "peer placeholder:text-muted-foreground",

package/dist/src/components/item/Item.astro

@@ -0,0 +1,52 @@
+---
+import type { HTMLTag, Polymorphic } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props<Tag extends HTMLTag> = Polymorphic<{ as: Tag }> & {
+  /**
+   * Variant of the item
+   * @default "default"
+   */
+  variant?: "default" | "outline" | "muted";
+  /**
+   * Size of the item
+   * @default "default"
+   */
+  size?: "default" | "sm";
+};
+
+export const item = tv({
+  base: [
+    "group/item flex flex-wrap items-center rounded-md border border-transparent text-sm transition-colors",
+    "[a]:hover:bg-accent/50 [a]:transition-colors",
+    "focus-visible:border-ring focus-visible:ring-outline/50 outline-none focus-visible:ring-[3px]",
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      outline: "border-border",
+      muted: "bg-muted/50",
+    },
+    size: {
+      default: "gap-4 p-4",
+      sm: "gap-2.5 px-4 py-3",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default",
+  },
+});
+
+const {
+  variant = "default",
+  size = "default",
+  class: className,
+  as: Tag = "div",
+  ...rest
+} = Astro.props;
+---
+
+<Tag class={item({ variant, size, class: className })} data-slot="item" {...rest}>
+  <slot />
+</Tag>

package/dist/src/components/item/ItemActions.astro

@@ -0,0 +1,16 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div">;
+
+export const itemActions = tv({
+  base: "flex items-center gap-2",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div class={itemActions({ class: className })} data-slot="item-actions" {...rest}>
+  <slot />
+</div>

package/dist/src/components/item/ItemContent.astro

@@ -0,0 +1,16 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div">;
+
+export const itemContent = tv({
+  base: "flex flex-1 flex-col gap-1.5 [&+[data-slot=item-content]]:flex-none",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div class={itemContent({ class: className })} data-slot="item-content" {...rest}>
+  <slot />
+</div>

package/dist/src/components/item/ItemDescription.astro

@@ -0,0 +1,19 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"p">;
+
+export const itemDescription = tv({
+  base: [
+    "text-muted-foreground line-clamp-2 leading-snug font-normal text-balance",
+    "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+  ],
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<p class={itemDescription({ class: className })} data-slot="item-description" {...rest}>
+  <slot />
+</p>

package/dist/src/components/item/ItemFooter.astro

@@ -0,0 +1,16 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div">;
+
+export const itemFooter = tv({
+  base: "flex basis-full items-center justify-between gap-2",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div class={itemFooter({ class: className })} data-slot="item-footer" {...rest}>
+  <slot />
+</div>

package/dist/src/components/item/ItemGroup.astro

@@ -0,0 +1,16 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div">;
+
+export const itemGroup = tv({
+  base: "group/item-group flex flex-col",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div role="list" class={itemGroup({ class: className })} data-slot="item-group" {...rest}>
+  <slot />
+</div>

package/dist/src/components/item/ItemHeader.astro

@@ -0,0 +1,16 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div">;
+
+export const itemHeader = tv({
+  base: "flex basis-full items-center justify-between gap-2",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div class={itemHeader({ class: className })} data-slot="item-header" {...rest}>
+  <slot />
+</div>

package/dist/src/components/item/ItemMedia.astro

@@ -0,0 +1,40 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div"> & {
+  /**
+   * Variant of the item media
+   * @default "default"
+   */
+  variant?: "default" | "icon" | "image";
+};
+
+export const itemMedia = tv({
+  base: [
+    "flex shrink-0 items-center justify-center gap-2 [&_svg]:pointer-events-none",
+    "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start",
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+  },
+});
+
+const { variant = "default", class: className, ...rest } = Astro.props;
+---
+
+<div
+  class={itemMedia({ variant, class: className })}
+  data-slot="item-media"
+  data-variant={variant}
+  {...rest}
+>
+  <slot />
+</div>

package/dist/src/components/item/ItemSeparator.astro

@@ -0,0 +1,21 @@
+---
+import type { ComponentProps } from "astro/types";
+import { tv } from "tailwind-variants";
+
+import { Separator } from "@/components/starwind/separator";
+
+type Props = ComponentProps<typeof Separator>;
+
+export const itemSeparator = tv({
+  base: "my-0",
+});
+
+const { class: className, orientation = "horizontal", ...rest } = Astro.props;
+---
+
+<Separator
+  orientation={orientation}
+  class={itemSeparator({ class: className })}
+  data-slot="item-separator"
+  {...rest}
+/>

package/dist/src/components/item/ItemTitle.astro

@@ -0,0 +1,16 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = HTMLAttributes<"div">;
+
+export const itemTitle = tv({
+  base: "flex w-fit items-center gap-2 leading-snug font-medium",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<div class={itemTitle({ class: className })} data-slot="item-title" {...rest}>
+  <slot />
+</div>

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

@@ -0,0 +1,50 @@
+import Item, { item } from "./Item.astro";
+import ItemActions, { itemActions } from "./ItemActions.astro";
+import ItemContent, { itemContent } from "./ItemContent.astro";
+import ItemDescription, { itemDescription } from "./ItemDescription.astro";
+import ItemFooter, { itemFooter } from "./ItemFooter.astro";
+import ItemGroup, { itemGroup } from "./ItemGroup.astro";
+import ItemHeader, { itemHeader } from "./ItemHeader.astro";
+import ItemMedia, { itemMedia } from "./ItemMedia.astro";
+import ItemSeparator, { itemSeparator } from "./ItemSeparator.astro";
+import ItemTitle, { itemTitle } from "./ItemTitle.astro";
+
+const ItemVariants = {
+  item,
+  itemActions,
+  itemContent,
+  itemDescription,
+  itemFooter,
+  itemGroup,
+  itemHeader,
+  itemMedia,
+  itemSeparator,
+  itemTitle,
+};
+
+export {
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemFooter,
+  ItemGroup,
+  ItemHeader,
+  ItemMedia,
+  ItemSeparator,
+  ItemTitle,
+  ItemVariants,
+};
+
+export default {
+  Root: Item,
+  Actions: ItemActions,
+  Content: ItemContent,
+  Description: ItemDescription,
+  Footer: ItemFooter,
+  Group: ItemGroup,
+  Header: ItemHeader,
+  Media: ItemMedia,
+  Separator: ItemSeparator,
+  Title: ItemTitle,
+};

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

@@ -1,42 +1,22 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
+import type { VariantProps } from "tailwind-variants";
 
-interface Props extends HTMLAttributes<"a"> {
-  isActive?: boolean;
-  size?: "sm" | "md" | "lg" | "icon";
-}
+import { ButtonVariants } from "@/components/starwind/button";
 
-export const paginationLink = tv({
-  base: [
-    "inline-flex items-center justify-center gap-1.5 rounded-md font-medium whitespace-nowrap",
-    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-    "starwind-transition-colors",
-    "focus-visible:outline-2 focus-visible:outline-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
-  ],
-  variants: {
-    isActive: {
-      true: "border-border hover:bg-border hover:text-foreground focus-visible:outline-outline border",
-      false:
-        "hover:bg-foreground/10 hover:text-foreground focus-visible:outline-outline bg-transparent",
-    },
-    size: {
-      sm: "h-9 px-3 py-2 text-sm",
-      md: "h-11 px-4 py-2 text-base",
-      lg: "h-12 px-8 py-2 text-lg",
-      icon: "h-11 w-11",
-    },
-  },
-  defaultVariants: { isActive: false, size: "icon" },
-});
+type Props = HTMLAttributes<"a"> &
+  Omit<VariantProps<typeof ButtonVariants.button>, "variant"> & {
+    isActive?: boolean;
+  };
+
+export const paginationLink = ButtonVariants.button;
 
 const { class: className, isActive, size = "icon", ...rest } = Astro.props;
 ---
 
 <a
   aria-current={isActive ? "page" : undefined}
-  class={paginationLink({ isActive, size, class: className })}
+  class={ButtonVariants.button({ variant: isActive ? "outline" : "ghost", size, class: className })}
   data-slot="pagination-link"
   {...rest}
 >

package/dist/src/components/progress/Progress.astro

@@ -24,7 +24,7 @@ const valuePercent = isIndeterminate ? undefined : Math.round((value / max) * 10
 const valueText = isIndeterminate ? undefined : `${valuePercent}%`;
 
 export const progress = tv({
-  base: ["starwind-progress-bar", "bg-accent h-2 w-full overflow-hidden rounded-full"],
+  base: ["starwind-progress-bar", "bg-muted h-2 w-full overflow-hidden rounded-full"],
   variants: {
     variant: {
       indeterminate: "relative",

package/dist/src/components/radio-group/RadioGroupItem.astro

@@ -53,27 +53,28 @@ export const radioItem = tv({
 export const radioControl = tv({
   base: [
     "starwind-radio-control",
-    "border-input bg-background",
+    "border-input bg-background dark:bg-input/30",
     "peer-focus-visible:outline-2 peer-focus-visible:outline-offset-1 peer-focus-visible:transition-none",
+    "outline-none peer-focus-visible:ring-3",
     "absolute inset-0 rounded-full border shadow-xs",
-    "starwind-transition-colors peer-checked:[&>svg]:opacity-100",
+    "transition-all peer-checked:[&>svg]:opacity-100",
     "peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
     "flex items-center justify-center",
   ],
   variants: {
     variant: {
       default:
-        "peer-checked:border-foreground [&>svg]:fill-foreground peer-focus-visible:outline-outline",
+        "peer-checked:border-foreground [&>svg]:fill-foreground peer-focus-visible:ring-outline/50",
       primary:
-        "peer-checked:border-primary [&>svg]:fill-primary peer-focus-visible:outline-primary",
+        "peer-checked:border-primary [&>svg]:fill-primary peer-focus-visible:ring-primary/50",
       secondary:
-        "peer-checked:border-secondary [&>svg]:fill-secondary peer-focus-visible:outline-secondary",
-      info: "peer-checked:border-info [&>svg]:fill-info peer-focus-visible:outline-info",
+        "peer-checked:border-secondary [&>svg]:fill-secondary peer-focus-visible:ring-secondary/50",
+      info: "peer-checked:border-info [&>svg]:fill-info peer-focus-visible:ring-info/50",
       success:
-        "peer-checked:border-success [&>svg]:fill-success peer-focus-visible:outline-success",
+        "peer-checked:border-success [&>svg]:fill-success peer-focus-visible:ring-success/50",
       warning:
-        "peer-checked:border-warning [&>svg]:fill-warning peer-focus-visible:outline-warning",
-      error: "peer-checked:border-error [&>svg]:fill-error peer-focus-visible:outline-error",
+        "peer-checked:border-warning [&>svg]:fill-warning peer-focus-visible:ring-warning/50",
+      error: "peer-checked:border-error [&>svg]:fill-error peer-focus-visible:ring-error/50",
     },
   },
   defaultVariants: {

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

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

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

@@ -18,8 +18,8 @@ type Props = Omit<HTMLAttributes<"button">, "role" | "type"> & {
 export const selectTrigger = tv({
   base: [
     "starwind-select-trigger",
-    "border-input bg-background text-foreground ring-offset-background flex h-11 items-center justify-between rounded-md border px-3 py-2",
-    "focus:outline-outline focus:outline-2 focus:outline-offset-2",
+    "border-input dark:bg-input/30 text-foreground ring-offset-background flex h-11 items-center justify-between rounded-md border bg-transparent px-3 py-2 shadow-xs",
+    "focus-visible:border-outline focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3",
     "disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
   ],
 });

package/dist/src/components/separator/Separator.astro

@@ -0,0 +1,36 @@
+---
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = Omit<HTMLAttributes<"div">, "role" | "aria-orientation"> & {
+  /**
+   * The orientation of the separator.
+   * @default "horizontal"
+   */
+  orientation?: "horizontal" | "vertical";
+};
+
+export const separator = tv({
+  base: "bg-border shrink-0",
+  variants: {
+    orientation: {
+      horizontal: "h-[1px] w-full",
+      vertical: "h-full w-[1px]",
+    },
+  },
+  defaultVariants: {
+    orientation: "horizontal",
+  },
+});
+
+const { class: className, orientation = "horizontal", ...rest } = Astro.props;
+---
+
+<div
+  role="separator"
+  aria-orientation={orientation}
+  class={separator({ orientation, class: className })}
+  data-slot="separator"
+  {...rest}
+>
+</div>

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

@@ -0,0 +1,7 @@
+import Separator, { separator } from "./Separator.astro";
+
+const SeparatorVariants = { separator };
+
+export { Separator, SeparatorVariants };
+
+export default Separator;

package/dist/src/components/sheet/SheetContent.astro

@@ -56,10 +56,8 @@ export const sheetContent = tv({
 export const sheetCloseButton = tv({
   base: [
     "starwind-dialog-close",
-    "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary",
-    "absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100",
-    "focus-visible:outline-outline focus-visible:outline-2 focus-visible:outline-offset-2",
-    "disabled:pointer-events-none",
+    "absolute top-4 right-4 rounded-xs [&>svg]:opacity-70 hover:[&>svg]:opacity-100",
+    "focus-visible:ring-outline/50 transition-[color,box-shadow] outline-none focus-visible:ring-3",
   ],
 });
 ---
@@ -84,7 +82,7 @@ export const sheetCloseButton = tv({
     data-slot="sheet-close"
     aria-label="Close dialog"
   >
-    <X class="size-5" />
+    <X class="size-5 transition-opacity" />
     <span class="sr-only">Close</span>
   </button>
 </dialog>

package/dist/src/components/skeleton/Skeleton.astro

@@ -7,7 +7,7 @@ type Props = HTMLAttributes<"div">;
 const { class: className, ...rest } = Astro.props;
 
 export const skeleton = tv({
-  base: "bg-accent animate-pulse rounded-md",
+  base: "bg-muted animate-pulse rounded-md",
 });
 ---
 

package/dist/src/components/spinner/Spinner.astro

@@ -0,0 +1,21 @@
+---
+import Loader2 from "@tabler/icons/outline/loader-2.svg";
+import type { HTMLAttributes } from "astro/types";
+import { tv } from "tailwind-variants";
+
+type Props = Omit<HTMLAttributes<"svg">, "role" | "aria-label">;
+
+export const spinner = tv({
+  base: "size-4 animate-spin",
+});
+
+const { class: className, ...rest } = Astro.props;
+---
+
+<Loader2
+  role="status"
+  aria-label="Loading"
+  class={spinner({ class: className })}
+  data-slot="spinner"
+  {...rest}
+/>

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

@@ -0,0 +1,7 @@
+import Spinner, { spinner } from "./Spinner.astro";
+
+const SpinnerVariants = { spinner };
+
+export { Spinner, SpinnerVariants };
+
+export default Spinner;

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

@@ -61,19 +61,20 @@ if (rest["aria-label"]) {
 
 export const switchButton = tv({
   base: [
-    "starwind-transition-colors border-input bg-muted inline-flex h-(--height) w-(--width) items-center rounded-full border",
-    "group peer ring-offset-background focus-visible:outline-2 focus-visible:outline-offset-2",
+    "border-input bg-muted inline-flex h-(--height) w-(--width) items-center rounded-full border",
+    "group peer ring-offset-background transition outline-none focus-visible:ring-3",
     "not-disabled:cursor-pointer disabled:cursor-not-allowed disabled:opacity-50",
   ],
   variants: {
     variant: {
-      primary: "aria-checked:border-primary focus:outline-primary",
-      secondary: "aria-checked:border-secondary focus:outline-secondary",
-      default: "aria-checked:border-foreground focus:outline-outline",
-      info: "aria-checked:border-info focus:outline-info",
-      success: "aria-checked:border-success focus:outline-success",
-      warning: "aria-checked:border-warning focus:outline-warning",
-      error: "aria-checked:border-error focus:outline-error",
+      primary: "aria-checked:border-primary focus-visible:border-primary/70 focus:ring-primary/50",
+      secondary:
+        "aria-checked:border-secondary focus-visible:border-secondary/70 focus:ring-secondary/50",
+      default: "aria-checked:border-foreground focus-visible:border-outline focus:ring-outline/50",
+      info: "aria-checked:border-info focus-visible:border-info/70 focus:ring-info/50",
+      success: "aria-checked:border-success focus-visible:border-success/70 focus:ring-success/50",
+      warning: "aria-checked:border-warning focus-visible:border-warning/70 focus:ring-warning/50",
+      error: "aria-checked:border-error focus-visible:border-error/70 focus:ring-error/50",
     },
   },
   defaultVariants: { variant: "default" },

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

@@ -5,7 +5,7 @@ import { tv } from "tailwind-variants";
 type Props = Omit<HTMLAttributes<"div">, "role">;
 
 export const tabsList = tv({
-  base: "bg-muted text-muted-foreground inline-flex w-full items-center justify-center rounded-md p-1",
+  base: "bg-muted text-muted-foreground inline-flex w-fit items-center justify-center rounded-md p-1",
 });
 
 const { class: className, ...rest } = Astro.props;

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

@@ -8,9 +8,11 @@ interface Props extends Omit<HTMLAttributes<"button">, "type" | "id" | "role"> {
 
 export const tabsTrigger = tv({
   base: [
-    "starwind-transition-colors inline-flex grow items-center justify-center rounded-sm px-3 py-1.5 font-medium whitespace-nowrap",
+    "inline-flex grow items-center justify-center gap-2 rounded-sm border border-transparent px-3 py-1.5 font-medium whitespace-nowrap transition-[color,box-shadow]",
     "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm",
-    "focus-visible:outline-outline focus-visible:outline-2 focus-visible:outline-offset-2",
+    "dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 dark:text-muted-foreground",
+    "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+    "focus-visible:border-outline focus-visible:ring-outline/50 focus-visible:outline-outline focus-visible:ring-3 focus-visible:outline-1",
     "disabled:pointer-events-none disabled:opacity-50",
   ],
 });

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

@@ -6,8 +6,8 @@ type Props = HTMLAttributes<"textarea"> & VariantProps<typeof textarea>;
 
 export const textarea = tv({
   base: [
-    "border-input bg-background text-foreground ring-offset-background min-h-10 w-full rounded-md border",
-    "focus:outline-outline focus:ring-0 focus:outline-2 focus:outline-offset-2",
+    "border-input dark:bg-input/30 text-foreground ring-offset-background min-h-10 w-full rounded-md border bg-transparent shadow-xs",
+    "focus-visible:border-outline focus-visible:ring-outline/50 transition-[color,box-shadow] focus-visible:ring-3",
     "file:text-foreground file:border-0 file:bg-transparent file:text-sm file:font-medium",
     "disabled:cursor-not-allowed disabled:opacity-50",
     "peer placeholder:text-muted-foreground",

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

@@ -1,4 +1,5 @@
 ---
+import CaretUp from "@tabler/icons/filled/caret-up.svg";
 import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
@@ -15,7 +16,7 @@ type Props = HTMLAttributes<"div"> & {
   align?: "start" | "center" | "end";
   /**
    * Offset distance in pixels
-   * @default 4
+   * @default 8
    */
   sideOffset?: number;
   /**
@@ -33,8 +34,8 @@ type Props = HTMLAttributes<"div"> & {
 export const tooltipContent = tv({
   base: [
     "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",
+    "absolute z-50 hidden px-3 py-1.5 whitespace-nowrap shadow-xs will-change-transform",
+    "bg-foreground text-background rounded-md",
     "animate-in fade-in zoom-in-95",
     "data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
   ],
@@ -72,10 +73,23 @@ export const tooltipContent = tv({
   ],
 });
 
+export const tooltipCaret = tv({
+  base: ["text-foreground absolute z-50 size-4"],
+  variants: {
+    side: {
+      top: "bottom-0 left-1/2 -translate-x-1/2 translate-y-[calc(50%+1px)] rotate-180",
+      bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-[calc(50%+1px)]",
+      left: "top-1/2 right-0 translate-x-[calc(50%+1px)] -translate-y-1/2 rotate-90",
+      right: "top-1/2 left-0 -translate-x-[calc(50%+1px)] -translate-y-1/2 -rotate-90",
+    },
+  },
+  defaultVariants: { side: "top" },
+});
+
 const {
   side = "top",
   align = "center",
-  sideOffset = 4,
+  sideOffset = 8,
   avoidCollisions = true,
   animationDuration = 150,
   class: className,
@@ -96,4 +110,5 @@ const {
   }}
 >
   <slot> My tooltip! </slot>
+  <CaretUp class={tooltipCaret({ side })} />
 </div>

package/package.json

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