@starwind-ui/core 1.12.4 → 1.13.0

package/dist/index.js

@@ -6,12 +6,12 @@ import { fileURLToPath } from "url";
 var registry_default = {
   $schema: "https://starwind.dev/registry-schema.json",
   components: [
-    { name: "accordion", type: "component", version: "1.3.2", dependencies: [] },
+    { name: "accordion", type: "component", version: "1.3.3", dependencies: [] },
     { name: "alert", type: "component", version: "1.3.0", dependencies: [] },
     {
       name: "alert-dialog",
       type: "component",
-      version: "1.0.2",
+      version: "1.0.3",
       dependencies: ["@starwind-ui/core/button@^2.1.0"]
     },
     { name: "aspect-ratio", type: "component", version: "1.0.0", dependencies: [] },
@@ -33,9 +33,10 @@ var registry_default = {
       dependencies: ["@starwind-ui/core/button@^2.1.0", "embla-carousel@^8.6.0"]
     },
     { name: "checkbox", type: "component", version: "1.4.1", dependencies: [] },
-    { name: "dialog", type: "component", version: "1.4.1", dependencies: [] },
-    { name: "dropdown", type: "component", version: "1.2.2", dependencies: [] },
-    { name: "dropzone", type: "component", version: "1.2.1", dependencies: [] },
+    { name: "dialog", type: "component", version: "1.4.2", dependencies: [] },
+    { name: "dropdown", type: "component", version: "1.2.3", dependencies: [] },
+    { name: "dropzone", type: "component", version: "1.2.2", dependencies: [] },
+    { name: "image", type: "component", version: "1.0.0", dependencies: [] },
     { name: "input", type: "component", version: "1.3.1", dependencies: [] },
     {
       name: "item",
@@ -46,9 +47,9 @@ var registry_default = {
     { name: "kbd", type: "component", version: "1.0.0", dependencies: [] },
     { name: "label", type: "component", version: "1.2.0", dependencies: [] },
     { name: "pagination", type: "component", version: "3.0.2", dependencies: [] },
-    { name: "progress", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "radio-group", type: "component", version: "1.2.3", dependencies: [] },
-    { name: "select", type: "component", version: "1.8.0", dependencies: [] },
+    { name: "progress", type: "component", version: "1.1.1", dependencies: [] },
+    { name: "radio-group", type: "component", version: "1.2.4", dependencies: [] },
+    { name: "select", type: "component", version: "1.8.1", dependencies: [] },
     { name: "separator", type: "component", version: "1.0.0", dependencies: [] },
     {
       name: "sheet",
@@ -57,13 +58,16 @@ var registry_default = {
       dependencies: ["@starwind-ui/core/dialog@^1.3.0"]
     },
     { name: "skeleton", type: "component", version: "1.2.0", dependencies: [] },
+    { name: "slider", type: "component", version: "1.0.0", dependencies: [] },
     { name: "spinner", type: "component", version: "1.0.0", dependencies: [] },
-    { name: "switch", type: "component", version: "1.3.0", dependencies: [] },
+    { name: "switch", type: "component", version: "1.3.1", dependencies: [] },
     { name: "table", type: "component", version: "1.1.0", dependencies: [] },
-    { name: "tabs", type: "component", version: "1.4.0", dependencies: [] },
+    { name: "tabs", type: "component", version: "1.4.1", dependencies: [] },
     { name: "textarea", type: "component", version: "1.3.1", dependencies: [] },
-    { name: "toggle", type: "component", version: "1.0.0", dependencies: [] },
-    { name: "tooltip", type: "component", version: "1.3.0", dependencies: [] }
+    { name: "toast", type: "component", version: "1.0.0", dependencies: [] },
+    { name: "toggle", type: "component", version: "1.0.1", dependencies: [] },
+    { name: "tooltip", type: "component", version: "1.3.1", dependencies: [] },
+    { name: "video", type: "component", version: "1.0.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.3.2\", \"dependencies\": [] },\n    { \"name\": \"alert\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    {\n      \"name\": \"alert-dialog\",\n      \"type\": \"component\",\n      \"version\": \"1.0.2\",\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.1\", \"dependencies\": [] },\n    { \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"breadcrumb\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n    {\n      \"name\": \"button-group\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/separator@^1.0.0\"]\n    },\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.1\",\n      \"dependencies\": [\"@starwind-ui/core/button@^2.1.0\", \"embla-carousel@^8.6.0\"]\n    },\n    { \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.4.1\", \"dependencies\": [] },\n    { \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.4.1\", \"dependencies\": [] },\n    { \"name\": \"dropdown\", \"type\": \"component\", \"version\": \"1.2.2\", \"dependencies\": [] },\n    { \"name\": \"dropzone\", \"type\": \"component\", \"version\": \"1.2.1\", \"dependencies\": [] },\n    { \"name\": \"input\", \"type\": \"component\", \"version\": \"1.3.1\", \"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\": \"kbd\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"label\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"pagination\", \"type\": \"component\", \"version\": \"3.0.2\", \"dependencies\": [] },\n    { \"name\": \"progress\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"radio-group\", \"type\": \"component\", \"version\": \"1.2.3\", \"dependencies\": [] },\n    { \"name\": \"select\", \"type\": \"component\", \"version\": \"1.8.0\", \"dependencies\": [] },\n    { \"name\": \"separator\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    {\n      \"name\": \"sheet\",\n      \"type\": \"component\",\n      \"version\": \"1.1.1\",\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.1\", \"dependencies\": [] },\n    { \"name\": \"toggle\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] }\n  ]\n}\n"],"mappings":"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","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.3\", \"dependencies\": [] },\n    { \"name\": \"alert\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    {\n      \"name\": \"alert-dialog\",\n      \"type\": \"component\",\n      \"version\": \"1.0.3\",\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.1\", \"dependencies\": [] },\n    { \"name\": \"badge\", \"type\": \"component\", \"version\": \"1.3.0\", \"dependencies\": [] },\n    { \"name\": \"breadcrumb\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n    {\n      \"name\": \"button-group\",\n      \"type\": \"component\",\n      \"version\": \"1.0.0\",\n      \"dependencies\": [\"@starwind-ui/core/separator@^1.0.0\"]\n    },\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.1\",\n      \"dependencies\": [\"@starwind-ui/core/button@^2.1.0\", \"embla-carousel@^8.6.0\"]\n    },\n    { \"name\": \"checkbox\", \"type\": \"component\", \"version\": \"1.4.1\", \"dependencies\": [] },\n    { \"name\": \"dialog\", \"type\": \"component\", \"version\": \"1.4.2\", \"dependencies\": [] },\n    { \"name\": \"dropdown\", \"type\": \"component\", \"version\": \"1.2.3\", \"dependencies\": [] },\n    { \"name\": \"dropzone\", \"type\": \"component\", \"version\": \"1.2.2\", \"dependencies\": [] },\n    { \"name\": \"image\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"input\", \"type\": \"component\", \"version\": \"1.3.1\", \"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\": \"kbd\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"label\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"pagination\", \"type\": \"component\", \"version\": \"3.0.2\", \"dependencies\": [] },\n    { \"name\": \"progress\", \"type\": \"component\", \"version\": \"1.1.1\", \"dependencies\": [] },\n    { \"name\": \"radio-group\", \"type\": \"component\", \"version\": \"1.2.4\", \"dependencies\": [] },\n    { \"name\": \"select\", \"type\": \"component\", \"version\": \"1.8.1\", \"dependencies\": [] },\n    { \"name\": \"separator\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    {\n      \"name\": \"sheet\",\n      \"type\": \"component\",\n      \"version\": \"1.1.1\",\n      \"dependencies\": [\"@starwind-ui/core/dialog@^1.3.0\"]\n    },\n    { \"name\": \"skeleton\", \"type\": \"component\", \"version\": \"1.2.0\", \"dependencies\": [] },\n    { \"name\": \"slider\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"spinner\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"switch\", \"type\": \"component\", \"version\": \"1.3.1\", \"dependencies\": [] },\n    { \"name\": \"table\", \"type\": \"component\", \"version\": \"1.1.0\", \"dependencies\": [] },\n    { \"name\": \"tabs\", \"type\": \"component\", \"version\": \"1.4.1\", \"dependencies\": [] },\n    { \"name\": \"textarea\", \"type\": \"component\", \"version\": \"1.3.1\", \"dependencies\": [] },\n    { \"name\": \"toast\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] },\n    { \"name\": \"toggle\", \"type\": \"component\", \"version\": \"1.0.1\", \"dependencies\": [] },\n    { \"name\": \"tooltip\", \"type\": \"component\", \"version\": \"1.3.1\", \"dependencies\": [] },\n    { \"name\": \"video\", \"type\": \"component\", \"version\": \"1.0.0\", \"dependencies\": [] }\n  ]\n}\n"],"mappings":"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","names":[]}

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

@@ -51,6 +51,7 @@ const { type = "single", defaultValue, class: className, ...rest } = Astro.props
     private items: AccordionItem[];
     private itemsByValue: Map<string, AccordionItem>;
     private accordionId: string;
+    private isInitialized: boolean = false;
 
     /**
      * Creates a new AccordionHandler instance
@@ -68,6 +69,7 @@ const { type = "single", defaultValue, class: className, ...rest } = Astro.props
 
       this.setupItems();
       this.setInitialState();
+      this.isInitialized = true;
     }
 
     /**
@@ -217,7 +219,10 @@ const { type = "single", defaultValue, class: className, ...rest } = Astro.props
     private setItemState(item: AccordionItem, isOpen: boolean): void {
       const state: AccordionState = isOpen ? "open" : "closed";
 
-      if (isOpen) {
+      // Skip animation during initial setup, enable for subsequent toggles
+      if (!this.isInitialized) {
+        item.content.style.setProperty("animation", "none");
+      } else {
         item.content.style.removeProperty("animation");
       }
 
@@ -233,15 +238,17 @@ const { type = "single", defaultValue, class: className, ...rest } = Astro.props
 
   // Store instances in a WeakMap to avoid memory leaks
   const accordionInstances = new WeakMap<HTMLElement, AccordionHandler>();
+  let accordionCounter = 0;
 
   const setupAccordions = () => {
-    document.querySelectorAll<HTMLElement>(".starwind-accordion").forEach((accordion, idx) => {
+    document.querySelectorAll<HTMLElement>(".starwind-accordion").forEach((accordion) => {
       if (!accordionInstances.has(accordion)) {
-        accordionInstances.set(accordion, new AccordionHandler(accordion, idx));
+        accordionInstances.set(accordion, new AccordionHandler(accordion, accordionCounter++));
       }
     });
   };
 
   setupAccordions();
   document.addEventListener("astro:after-swap", setupAccordions);
+  document.addEventListener("starwind:init", setupAccordions);
 </script>

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

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
 export const alertTitle = tv({
-  base: "mb-2 flex items-center gap-2 text-lg leading-none font-medium tracking-tight",
+  base: "font-heading mb-2 flex items-center gap-2 text-lg leading-none font-medium tracking-tight",
 });
 
 type Props = HTMLAttributes<"h5">;

package/dist/src/components/alert-dialog/AlertDialog.astro

@@ -251,19 +251,21 @@ const { class: className, ...rest } = Astro.props;
 
   // Store instances in a WeakMap to avoid memory leaks
   const alertDialogInstances = new WeakMap<HTMLElement, AlertDialogHandler>();
+  let alertDialogCounter = 0;
 
   // Initialize all dialogs
   const setupAlertDialogs = () => {
-    document.querySelectorAll(".starwind-alert-dialog").forEach((dialogWrapper, idx) => {
+    document.querySelectorAll(".starwind-alert-dialog").forEach((dialogWrapper) => {
       const wrapper = dialogWrapper as HTMLElement;
       if (!alertDialogInstances.has(wrapper)) {
-        alertDialogInstances.set(wrapper, new AlertDialogHandler(wrapper, idx));
+        alertDialogInstances.set(wrapper, new AlertDialogHandler(wrapper, alertDialogCounter++));
       }
     });
   };
 
   setupAlertDialogs();
   document.addEventListener("astro:after-swap", setupAlertDialogs);
+  document.addEventListener("starwind:init", setupAlertDialogs);
 </script>
 
 <style>

package/dist/src/components/alert-dialog/AlertDialogTitle.astro

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

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

@@ -3,9 +3,7 @@ import type { HTMLAttributes } from "astro/types";
 import { tv, type VariantProps } from "tailwind-variants";
 
 interface Props
-  extends HTMLAttributes<"div">,
-    Omit<HTMLAttributes<"a">, "type">,
-    VariantProps<typeof badge> {}
+  extends HTMLAttributes<"div">, Omit<HTMLAttributes<"a">, "type">, VariantProps<typeof badge> {}
 
 export const badge = tv({
   base: [

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

@@ -3,7 +3,8 @@ import type { HTMLAttributes } from "astro/types";
 import { tv, type VariantProps } from "tailwind-variants";
 
 interface Props
-  extends HTMLAttributes<"button">,
+  extends
+    HTMLAttributes<"button">,
     Omit<HTMLAttributes<"a">, "type">,
     VariantProps<typeof button> {}
 

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

@@ -11,19 +11,28 @@ const { class: className, ...rest } = Astro.props;
 </div>
 
 <script>
+  // Store instances in a WeakMap to avoid memory leaks
+  const dialogInstances = new WeakMap<HTMLElement, DialogHandler>();
+  let dialogCounter = 0;
+
   class DialogHandler {
     private triggers: HTMLButtonElement[] = [];
     private dialog: HTMLDialogElement | null = null;
     private closeButtons: HTMLButtonElement[] = [];
     private backdrop: HTMLElement | null = null;
+    private dialogWrapper: HTMLElement;
     private dialogId: string;
     /**
      * The duration of the animation in milliseconds. This is used to calculate the
      * duration of close animation before hiding the dialog and backdrop
      */
     private animationDuration: number;
+    private parentDialog: DialogHandler | null = null;
+    private nestedOpenCount: number = 0;
+    private isNested: boolean = false;
 
     constructor(dialogWrapper: HTMLElement, dialogNumber: number) {
+      this.dialogWrapper = dialogWrapper;
       this.dialog = dialogWrapper.querySelector("dialog");
       this.backdrop = dialogWrapper.querySelector(".starwind-dialog-backdrop");
       if (!this.dialog || !this.backdrop) {
@@ -215,21 +224,43 @@ const { class: className, ...rest } = Astro.props;
 
     private open(): void {
       if (!this.dialog || !this.backdrop) return;
+
+      // Reset nested count when opening (in case it wasn't properly reset)
+      this.nestedOpenCount = 0;
+      this.updateNestedState();
+
       this.dialog.showModal();
       document.body.classList.add("overflow-hidden");
-      this.backdrop.classList.remove("hidden");
-      this.backdrop.dataset.state = "open";
+
+      // For nested dialogs, hide the backdrop and notify parent
+      if (this.isNested && this.parentDialog) {
+        this.backdrop.classList.add("hidden");
+        this.parentDialog.onNestedDialogOpen();
+      } else {
+        this.backdrop.classList.remove("hidden");
+        this.backdrop.dataset.state = "open";
+      }
+
       this.dialog.dataset.state = "open";
     }
 
     private close(): void {
       if (!this.dialog || !this.backdrop) return;
+
       this.dialog.dataset.state = "closed";
-      this.backdrop.dataset.state = "closed";
+
+      // Notify parent dialog that nested dialog is closing
+      if (this.isNested && this.parentDialog) {
+        this.parentDialog.onNestedDialogClose();
+      } else {
+        this.backdrop.dataset.state = "closed";
+      }
 
       // Wait for animation to finish before hiding backdrop
       setTimeout(() => {
-        this.backdrop?.classList.add("hidden");
+        if (!this.isNested) {
+          this.backdrop?.classList.add("hidden");
+        }
         this.dialog?.close();
         const stillOpen = document.querySelectorAll("dialog[open]").length;
         if (stillOpen === 0) {
@@ -237,23 +268,84 @@ const { class: className, ...rest } = Astro.props;
         }
       }, this.animationDuration);
     }
-  }
 
-  // Store instances in a WeakMap to avoid memory leaks
-  const dialogInstances = new WeakMap<HTMLElement, DialogHandler>();
+    /**
+     * Called by child dialogs when they open
+     */
+    public onNestedDialogOpen(): void {
+      this.nestedOpenCount++;
+      this.updateNestedState();
+      // Propagate up the chain to grandparent dialogs
+      if (this.parentDialog) {
+        this.parentDialog.onNestedDialogOpen();
+      }
+    }
+
+    /**
+     * Called by child dialogs when they close
+     */
+    public onNestedDialogClose(): void {
+      this.nestedOpenCount = Math.max(0, this.nestedOpenCount - 1);
+      this.updateNestedState();
+      // Propagate up the chain to grandparent dialogs
+      if (this.parentDialog) {
+        this.parentDialog.onNestedDialogClose();
+      }
+    }
+
+    /**
+     * Updates the nested dialog state attributes
+     */
+    private updateNestedState(): void {
+      if (!this.dialog) return;
+
+      if (this.nestedOpenCount > 0) {
+        this.dialog.setAttribute("data-nested-dialog-open", "");
+        this.dialog.style.setProperty("--nested-dialogs", String(this.nestedOpenCount));
+      } else {
+        this.dialog.removeAttribute("data-nested-dialog-open");
+        this.dialog.style.removeProperty("--nested-dialogs");
+      }
+    }
+
+    /**
+     * Links this dialog to its parent dialog (called after all dialogs are initialized)
+     */
+    public linkParentDialog(): void {
+      const parentDialogWrapper = this.dialogWrapper.parentElement?.closest(".starwind-dialog");
+      if (parentDialogWrapper) {
+        this.isNested = true;
+        const parentInstance = dialogInstances.get(parentDialogWrapper as HTMLElement);
+        if (parentInstance) {
+          this.parentDialog = parentInstance;
+        }
+      }
+    }
+  }
 
   // Initialize all dialogs
   const setupDialogs = () => {
-    document.querySelectorAll(".starwind-dialog").forEach((dialogWrapper, idx) => {
+    // First pass: create all dialog instances
+    document.querySelectorAll(".starwind-dialog").forEach((dialogWrapper) => {
       const wrapper = dialogWrapper as HTMLElement;
       if (!dialogInstances.has(wrapper)) {
-        dialogInstances.set(wrapper, new DialogHandler(wrapper, idx));
+        dialogInstances.set(wrapper, new DialogHandler(wrapper, dialogCounter++));
+      }
+    });
+
+    // Second pass: link parent dialogs (now that all instances exist)
+    document.querySelectorAll(".starwind-dialog").forEach((dialogWrapper) => {
+      const wrapper = dialogWrapper as HTMLElement;
+      const instance = dialogInstances.get(wrapper);
+      if (instance) {
+        instance.linkParentDialog();
       }
     });
   };
 
   setupDialogs();
   document.addEventListener("astro:after-swap", setupDialogs);
+  document.addEventListener("starwind:init", setupDialogs);
 </script>
 
 <style>

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

@@ -20,11 +20,15 @@ export const dialogBackdrop = tv({
 
 export const dialogContent = tv({
   base: [
+    "starwind-dialog-content",
     "fixed top-16 left-[50%] z-50 translate-x-[-50%] sm:top-[50%] sm:translate-y-[-50%]",
-    "bg-background w-full max-w-md border p-8 shadow-lg sm:rounded-lg",
-    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards",
+    "bg-background w-full max-w-md rounded-lg border p-8 shadow-lg",
+    "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards transition-[translate,scale,opacity]",
     "fade-in zoom-in-95 slide-in-from-bottom-2",
     "fade-out zoom-out-95 slide-out-to-bottom-2",
+    "data-[state=open]:data-[nested-dialog-open]:-translate-y-[calc(50%-var(--nested-offset)*var(--nested-dialogs,1))]",
+    "data-[state=open]:data-[nested-dialog-open]:scale-[calc(1-var(--nested-scale)*var(--nested-dialogs,1))]",
+    "max-sm:data-[state=open]:data-[nested-dialog-open]:translate-y-[calc(var(--nested-offset)*var(--nested-dialogs,1))]",
   ],
 });
 
@@ -65,3 +69,10 @@ const { class: className, animationDuration = 200, ...rest } = Astro.props;
     <span class="sr-only">Close</span>
   </button>
 </dialog>
+
+<style>
+  .starwind-dialog-content {
+    --nested-offset: 1rem;
+    --nested-scale: 0.05;
+  }
+</style>

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

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

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

@@ -360,16 +360,18 @@ const { class: className, openOnHover = false, closeDelay = 200, ...rest } = Ast
 
   // Store instances in a WeakMap to avoid memory leaks
   const dropdownInstances = new WeakMap<HTMLElement, DropdownHandler>();
+  let dropdownCounter = 0;
 
   // Initialize dropdowns
   const initDropdowns = () => {
-    document.querySelectorAll(".starwind-dropdown").forEach((dropdown, idx) => {
+    document.querySelectorAll(".starwind-dropdown").forEach((dropdown) => {
       if (dropdown instanceof HTMLElement && !dropdownInstances.has(dropdown)) {
-        dropdownInstances.set(dropdown, new DropdownHandler(dropdown, idx));
+        dropdownInstances.set(dropdown, new DropdownHandler(dropdown, dropdownCounter++));
       }
     });
   };
 
   initDropdowns();
   document.addEventListener("astro:after-swap", initDropdowns);
+  document.addEventListener("starwind:init", initDropdowns);
 </script>

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

@@ -21,7 +21,7 @@ export const dropzone = tv({
     "starwind-dropzone",
     "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",
+    "data-[is-uploading=false]:hover:bg-muted data-[drag-active=true]:bg-muted transition",
     "focus-visible:border-outline focus-visible:ring-outline/50 outline-none focus-visible:ring-3",
     "aria-invalid:border-error aria-invalid:focus-visible:ring-error/40",
   ],
@@ -216,12 +216,13 @@ export const dropzone = tv({
 
   // Store instances in a WeakMap to avoid memory leaks
   const fileInputInstances = new WeakMap<HTMLElement, FileInputHandler>();
+  let dropzoneCounter = 0;
 
   const setupFileInputs = () => {
-    document.querySelectorAll<HTMLLabelElement>(".starwind-dropzone").forEach((label, idx) => {
+    document.querySelectorAll<HTMLLabelElement>(".starwind-dropzone").forEach((label) => {
       if (!fileInputInstances.has(label)) {
         try {
-          fileInputInstances.set(label, new FileInputHandler(label, idx));
+          fileInputInstances.set(label, new FileInputHandler(label, dropzoneCounter++));
         } catch {
           /* ignore labels without inputs */
         }
@@ -231,4 +232,5 @@ export const dropzone = tv({
 
   setupFileInputs();
   document.addEventListener("astro:after-swap", setupFileInputs);
+  document.addEventListener("starwind:init", setupFileInputs);
 </script>

package/dist/src/components/image/Image.astro

@@ -0,0 +1,24 @@
+---
+import type { ComponentProps } from "astro/types";
+import { Image as AstroImage } from "astro:assets";
+import { tv } from "tailwind-variants";
+
+export const image = tv({ base: "starwind-image h-auto w-full" });
+
+type Props = Partial<ComponentProps<typeof AstroImage>> & { inferSize?: boolean };
+
+const { class: className, src, alt = "", inferSize = true, ...rest } = Astro.props;
+---
+
+{
+  src && (
+    <AstroImage
+      class={image({ class: className })}
+      src={src}
+      alt={alt}
+      inferSize={inferSize}
+      data-slot="image"
+      {...(rest as any)}
+    />
+  )
+}

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

@@ -0,0 +1,9 @@
+import Image, { image } from "./Image.astro";
+
+const ImageVariants = {
+  image,
+};
+
+export { Image, ImageVariants };
+
+export default Image;

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

@@ -151,4 +151,5 @@ const indicatorStyle = isIndeterminate
 
   setupProgressBars();
   document.addEventListener("astro:after-swap", setupProgressBars);
+  document.addEventListener("starwind:init", setupProgressBars);
 </script>

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

@@ -140,13 +140,17 @@ const {
 
   // Store instances in a WeakMap to avoid memory leaks
   const radioGroupInstances = new WeakMap<HTMLElement, RadioGroupHandler>();
+  let radioGroupCounter = 0;
 
   const setupRadioGroups = () => {
     document
       .querySelectorAll<HTMLFieldSetElement>(".starwind-radio-group")
-      .forEach((radioGroup, idx) => {
+      .forEach((radioGroup) => {
         if (!radioGroupInstances.has(radioGroup)) {
-          radioGroupInstances.set(radioGroup, new RadioGroupHandler(radioGroup, idx));
+          radioGroupInstances.set(
+            radioGroup,
+            new RadioGroupHandler(radioGroup, radioGroupCounter++),
+          );
         }
       });
   };
@@ -154,4 +158,5 @@ const {
   // Initialize on page load and after Astro view transitions
   setupRadioGroups();
   document.addEventListener("astro:after-swap", setupRadioGroups);
+  document.addEventListener("starwind:init", setupRadioGroups);
 </script>

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

@@ -717,18 +717,20 @@ const { class: className, name, defaultValue, required, ...rest } = Astro.props;
 
   // Store instances in a WeakMap to avoid memory leaks
   const selectInstances = new WeakMap<HTMLElement, SelectHandler>();
+  let selectCounter = 0;
 
   // Initialize selects
   const initSelects = () => {
-    document.querySelectorAll(".starwind-select").forEach((select, idx) => {
+    document.querySelectorAll(".starwind-select").forEach((select) => {
       if (select instanceof HTMLElement && !selectInstances.has(select)) {
-        selectInstances.set(select, new SelectHandler(select, idx));
+        selectInstances.set(select, new SelectHandler(select, selectCounter++));
       }
     });
   };
 
   initSelects();
   document.addEventListener("astro:after-swap", initSelects);
+  document.addEventListener("starwind:init", initSelects);
 </script>
 
 <style is:global>

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

@@ -7,7 +7,7 @@ type Props = HTMLAttributes<"h2">;
 const { class: className, ...rest } = Astro.props;
 
 export const sheetTitle = tv({
-  base: ["starwind-sheet-title", "text-foreground font-semibold"],
+  base: ["starwind-sheet-title", "text-foreground font-heading font-semibold"],
 });
 ---