@orbitkit/components 0.2.0 → 0.4.0

package/dist/astro/tooltip/tooltip.ts

@@ -1,137 +1,137 @@
-export class Tooltip {
-  // References to tooltip elements
-  private tooltip: HTMLElement;
-  private trigger: HTMLElement | null;
-  private content: HTMLElement | null;
-
-  // Tooltip configuration options
-  private duration: number;
-  private openDelay: number;
-  private closeDelay: number;
-
-  // Timers for managing tooltip open/close/hide delays
-  private openTimerId: number | null = null;
-  private closeTimerId: number | null = null;
-  private hideTimerId: number | null = null;
-
-  constructor(tooltip: HTMLElement) {
-    this.tooltip = tooltip;
-    this.content = this.tooltip.querySelector("[data-tooltip-content]");
-    this.trigger = this.tooltip.querySelector("[data-trigger]");
-
-    this.duration = parseFloat(tooltip.dataset.duration || "200");
-    this.openDelay = parseFloat(tooltip.dataset.openDelay || "0");
-    this.closeDelay = parseFloat(tooltip.dataset.closeDelay || "0");
-
-    if (!this.tooltip || !this.content || !this.trigger) {
-      console.error("Tooltip not initialized properly", {
-        container: this.tooltip,
-        trigger: this.trigger,
-        content: this.content,
-      });
-      return;
-    }
-
-    // If you want to use animations instead of transitions
-    // set animation duration instead of transition duration.
-    this.content.style.transitionDuration = `${this.duration}ms`;
-
-    this.init();
-  }
-
-  private init() {
-    this.setupAccessibility();
-    this.setupEventListeners();
-  }
-
-  private setupAccessibility() {
-    if (!this.trigger || !this.content) return;
-
-    const id =
-      this.content.id ||
-      `tooltip-id-${Math.random().toString(36).substring(2, 9)}`;
-    this.content.id = id;
-    this.trigger.setAttribute("aria-describedby", id);
-    this.setState("closed");
-  }
-
-  private setupEventListeners() {
-    if (!this.trigger || !this.content) return;
-
-    this.trigger!.addEventListener("mouseenter", () => this.showTooltip());
-    this.trigger!.addEventListener("mouseleave", () => this.hideTooltip());
-    this.trigger.addEventListener("focus", () => this.showTooltip(true));
-    this.trigger.addEventListener("blur", () => this.hideTooltip(true));
-
-    if (this.tooltip.dataset.disableHoverableContent === "false") {
-      this.content.addEventListener("mouseenter", () => this.showTooltip());
-      this.content.addEventListener("mouseleave", () => this.hideTooltip());
-    }
-
-    document.addEventListener("keydown", (e) => this.handleKeyDown(e));
-  }
-
-  private showTooltip(instant: boolean = false) {
-    this.clearCloseTimer();
-    this.content?.classList.remove("hidden");
-
-    if (instant) {
-      this.setState("open");
-      return;
-    }
-
-    this.openTimerId = window.setTimeout(() => {
-      this.setState("open");
-      this.openTimerId = null;
-    }, this.openDelay);
-  }
-
-  private hideTooltip(instant: boolean = false) {
-    this.clearOpenTimer();
-
-    if (instant) {
-      this.setState("closed");
-      this.content?.classList.add("hidden");
-      return;
-    }
-
-    this.closeTimerId = window.setTimeout(() => {
-      this.setState("closed");
-      this.hideTimerId = window.setTimeout(() => {
-        this.content?.classList.add("hidden");
-        this.closeTimerId = null;
-        this.hideTimerId = null;
-      }, this.duration);
-    }, this.closeDelay);
-  }
-
-  private setState(state: "open" | "closed") {
-    this.content?.setAttribute("aria-hidden", `${state === "closed"}`);
-    this.content?.setAttribute("data-state", state);
-  }
-
-  private clearOpenTimer() {
-    if (this.openTimerId) {
-      window.clearTimeout(this.openTimerId);
-      this.openTimerId = null;
-    }
-  }
-
-  private clearCloseTimer() {
-    if (this.closeTimerId) {
-      window.clearTimeout(this.closeTimerId);
-      this.closeTimerId = null;
-    }
-    if (this.hideTimerId) {
-      window.clearTimeout(this.hideTimerId);
-      this.hideTimerId = null;
-    }
-  }
-
-  private handleKeyDown = (event: KeyboardEvent) => {
-    if (event.key === "Escape" && this.content!.dataset.status === "open") {
-      this.hideTooltip(true);
-      event.preventDefault();
-    }
-  };
-}
+export class Tooltip {
+  // References to tooltip elements
+  private tooltip: HTMLElement;
+  private trigger: HTMLElement | null;
+  private content: HTMLElement | null;
+
+  // Tooltip configuration options
+  private duration: number;
+  private openDelay: number;
+  private closeDelay: number;
+
+  // Timers for managing tooltip open/close/hide delays
+  private openTimerId: number | null = null;
+  private closeTimerId: number | null = null;
+  private hideTimerId: number | null = null;
+
+  constructor(tooltip: HTMLElement) {
+    this.tooltip = tooltip;
+    this.content = this.tooltip.querySelector("[data-tooltip-content]");
+    this.trigger = this.tooltip.querySelector("[data-trigger]");
+
+    this.duration = parseFloat(tooltip.dataset.duration || "200");
+    this.openDelay = parseFloat(tooltip.dataset.openDelay || "0");
+    this.closeDelay = parseFloat(tooltip.dataset.closeDelay || "0");
+
+    if (!this.tooltip || !this.content || !this.trigger) {
+      console.error("Tooltip not initialized properly", {
+        container: this.tooltip,
+        trigger: this.trigger,
+        content: this.content,
+      });
+      return;
+    }
+
+    // If you want to use animations instead of transitions
+    // set animation duration instead of transition duration.
+    this.content.style.transitionDuration = `${this.duration}ms`;
+
+    this.init();
+  }
+
+  private init() {
+    this.setupAccessibility();
+    this.setupEventListeners();
+  }
+
+  private setupAccessibility() {
+    if (!this.trigger || !this.content) return;
+
+    const id =
+      this.content.id ||
+      `tooltip-id-${Math.random().toString(36).substring(2, 9)}`;
+    this.content.id = id;
+    this.trigger.setAttribute("aria-describedby", id);
+    this.setState("closed");
+  }
+
+  private setupEventListeners() {
+    if (!this.trigger || !this.content) return;
+
+    this.trigger!.addEventListener("mouseenter", () => this.showTooltip());
+    this.trigger!.addEventListener("mouseleave", () => this.hideTooltip());
+    this.trigger.addEventListener("focus", () => this.showTooltip(true));
+    this.trigger.addEventListener("blur", () => this.hideTooltip(true));
+
+    if (this.tooltip.dataset.disableHoverableContent === "false") {
+      this.content.addEventListener("mouseenter", () => this.showTooltip());
+      this.content.addEventListener("mouseleave", () => this.hideTooltip());
+    }
+
+    document.addEventListener("keydown", (e) => this.handleKeyDown(e));
+  }
+
+  private showTooltip(instant: boolean = false) {
+    this.clearCloseTimer();
+    this.content?.classList.remove("hidden");
+
+    if (instant) {
+      this.setState("open");
+      return;
+    }
+
+    this.openTimerId = window.setTimeout(() => {
+      this.setState("open");
+      this.openTimerId = null;
+    }, this.openDelay);
+  }
+
+  private hideTooltip(instant: boolean = false) {
+    this.clearOpenTimer();
+
+    if (instant) {
+      this.setState("closed");
+      this.content?.classList.add("hidden");
+      return;
+    }
+
+    this.closeTimerId = window.setTimeout(() => {
+      this.setState("closed");
+      this.hideTimerId = window.setTimeout(() => {
+        this.content?.classList.add("hidden");
+        this.closeTimerId = null;
+        this.hideTimerId = null;
+      }, this.duration);
+    }, this.closeDelay);
+  }
+
+  private setState(state: "open" | "closed") {
+    this.content?.setAttribute("aria-hidden", `${state === "closed"}`);
+    this.content?.setAttribute("data-state", state);
+  }
+
+  private clearOpenTimer() {
+    if (this.openTimerId) {
+      window.clearTimeout(this.openTimerId);
+      this.openTimerId = null;
+    }
+  }
+
+  private clearCloseTimer() {
+    if (this.closeTimerId) {
+      window.clearTimeout(this.closeTimerId);
+      this.closeTimerId = null;
+    }
+    if (this.hideTimerId) {
+      window.clearTimeout(this.hideTimerId);
+      this.hideTimerId = null;
+    }
+  }
+
+  private handleKeyDown = (event: KeyboardEvent) => {
+    if (event.key === "Escape" && this.content!.dataset.status === "open") {
+      this.hideTooltip(true);
+      event.preventDefault();
+    }
+  };
+}

package/dist/astro/tooltip/tooltipVariants.ts

@@ -1,115 +1,115 @@
-import { cva } from "class-variance-authority";
-
-const baseClass = [
-  "hidden absolute z-50 px-3 py-1.5 whitespace-nowrap bg-foreground text-background rounded-md text-sm backdrop-blur-sm max-w-xs",
-  "transform transition-all ease-in data-[state=closed]:opacity-0 data-[state=closed]:scale-95 data[state=open]:opacity-100 data[state=open]:scale-100",
-];
-
-const tooltipVariants = cva(baseClass, {
-  variants: {
-    side: {
-      top: "bottom-full mb-(--tooltip-offset)",
-      bottom: "top-full mt-(--tooltip-offset)",
-      left: "right-full mr-(--tooltip-offset)",
-      right: "left-full ml-(--tooltip-offset)",
-    },
-    alignment: {
-      start: "",
-      center: "",
-      end: "",
-    },
-  },
-  compoundVariants: [
-    {
-      side: ["top", "bottom"],
-      alignment: "start",
-      class: "left-0",
-    },
-    {
-      side: ["top", "bottom"],
-      alignment: "end",
-      class: "left-full -translate-x-full",
-    },
-    {
-      side: ["top", "bottom"],
-      alignment: "center",
-      class: "left-1/2 -translate-x-1/2",
-    },
-    {
-      side: ["left", "right"],
-      alignment: "start",
-      class: "top-0 -translate-y-0",
-    },
-    {
-      side: ["left", "right"],
-      alignment: "center",
-      class: "top-1/2 -translate-y-1/2",
-    },
-    {
-      side: ["left", "right"],
-      alignment: "end",
-      class: "top-full -translate-y-full",
-    },
-  ],
-  defaultVariants: {
-    side: "top",
-    alignment: "center",
-  },
-});
-
-const arrowClass =
-  "absolute w-0 h-0 transition-all transform ease-in size-2 bg-foreground transform rotate-45";
-
-const tooltipArrowVariants = cva(arrowClass, {
-  variants: {
-    side: {
-      top: "top-full -mt-1 ",
-      bottom: "bottom-full -mb-1",
-      left: "left-full -ml-1",
-      right: "right-full -mr-1",
-    },
-    alignment: {
-      start: "",
-      center: "",
-      end: "",
-    },
-  },
-  compoundVariants: [
-    {
-      side: ["top", "bottom"],
-      alignment: "start",
-      class: "left-0 ml-3 ",
-    },
-    {
-      side: ["top", "bottom"],
-      alignment: "end",
-      class: "right-0 mr-3",
-    },
-    {
-      side: ["top", "bottom"],
-      alignment: "center",
-      class: "left-1/2 -translate-x-1/2",
-    },
-    {
-      side: ["left", "right"],
-      alignment: "start",
-      class: "top-0 mt-3",
-    },
-    {
-      side: ["left", "right"],
-      alignment: "center",
-      class: "top-1/2 -translate-y-1/2",
-    },
-    {
-      side: ["left", "right"],
-      alignment: "end",
-      class: "bottom-0 mb-3",
-    },
-  ],
-  defaultVariants: {
-    side: "top",
-    alignment: "center",
-  },
-});
-
-export { tooltipArrowVariants, tooltipVariants };
+import { cva } from "class-variance-authority";
+
+const baseClass = [
+  "hidden absolute z-50 px-3 py-1.5 whitespace-nowrap bg-foreground text-background rounded-md text-sm backdrop-blur-sm max-w-xs",
+  "transform transition-all ease-in data-[state=closed]:opacity-0 data-[state=closed]:scale-95 data[state=open]:opacity-100 data[state=open]:scale-100",
+];
+
+const tooltipVariants = cva(baseClass, {
+  variants: {
+    side: {
+      top: "bottom-full mb-(--tooltip-offset)",
+      bottom: "top-full mt-(--tooltip-offset)",
+      left: "right-full mr-(--tooltip-offset)",
+      right: "left-full ml-(--tooltip-offset)",
+    },
+    alignment: {
+      start: "",
+      center: "",
+      end: "",
+    },
+  },
+  compoundVariants: [
+    {
+      side: ["top", "bottom"],
+      alignment: "start",
+      class: "left-0",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "end",
+      class: "left-full -translate-x-full",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "center",
+      class: "left-1/2 -translate-x-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "start",
+      class: "top-0 -translate-y-0",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "center",
+      class: "top-1/2 -translate-y-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "end",
+      class: "top-full -translate-y-full",
+    },
+  ],
+  defaultVariants: {
+    side: "top",
+    alignment: "center",
+  },
+});
+
+const arrowClass =
+  "absolute w-0 h-0 transition-all transform ease-in size-2 bg-foreground transform rotate-45";
+
+const tooltipArrowVariants = cva(arrowClass, {
+  variants: {
+    side: {
+      top: "top-full -mt-1 ",
+      bottom: "bottom-full -mb-1",
+      left: "left-full -ml-1",
+      right: "right-full -mr-1",
+    },
+    alignment: {
+      start: "",
+      center: "",
+      end: "",
+    },
+  },
+  compoundVariants: [
+    {
+      side: ["top", "bottom"],
+      alignment: "start",
+      class: "left-0 ml-3 ",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "end",
+      class: "right-0 mr-3",
+    },
+    {
+      side: ["top", "bottom"],
+      alignment: "center",
+      class: "left-1/2 -translate-x-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "start",
+      class: "top-0 mt-3",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "center",
+      class: "top-1/2 -translate-y-1/2",
+    },
+    {
+      side: ["left", "right"],
+      alignment: "end",
+      class: "bottom-0 mb-3",
+    },
+  ],
+  defaultVariants: {
+    side: "top",
+    alignment: "center",
+  },
+});
+
+export { tooltipArrowVariants, tooltipVariants };

package/dist/index.js

@@ -112,13 +112,41 @@ var registry_default = {
     {
       name: "tab",
       version: "0.0.1"
+    },
+    {
+      name: "toast",
+      version: "0.0.1"
+    },
+    {
+      name: "scroll-progress",
+      version: "0.0.1"
+    },
+    {
+      name: "marquee",
+      version: "0.0.1"
+    },
+    {
+      name: "ambient-image",
+      version: "0.0.1"
+    },
+    {
+      name: "button-group",
+      version: "0.0.1"
+    },
+    {
+      name: "diff",
+      version: "0.0.1"
+    },
+    {
+      name: "loader",
+      version: "0.0.1"
     }
   ]
 };
 
 // src/index.ts
-import { fileURLToPath } from "node:url";
-import path from "node:path";
+import { fileURLToPath } from "url";
+import path from "path";
 var __dirname = path.dirname(fileURLToPath(import.meta.url));
 function getAllComponents() {
   const availableComponents = registry_default.components;

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry.json","../src/index.ts"],"sourcesContent":["{\n  \"components\": [\n    {\n      \"name\": \"button\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"alert\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"badge\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"avatar\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"card\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"input\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"label\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"breadcrumb\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"textarea\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"select\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"switch\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"checkbox\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"radio\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"list\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"divider\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"skeleton\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"accordion\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"modal\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"tooltip\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"collapsible\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"drawer\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"dropdown\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"kbd\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"pagination\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"popover\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"stat\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tab\",\n      \"version\": \"0.0.1\"\n    }\n  ]\n}\n","import registry from \"@/registry.json\";\nimport { fileURLToPath } from \"node:url\";\n\nimport path from \"node:path\";\nimport { ComponentRegistryEntry } from \"./types/registry\";\n\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\n\nexport function getAllComponents() {\n  const availableComponents = registry.components as ComponentRegistryEntry[];\n  return availableComponents.sort((a, b) => a.name.localeCompare(b.name));\n}\n\nexport function getComponentPath(componentName: string) {\n  return path.join(__dirname, \"astro\", componentName);\n}\n\nexport async function checkComponentsInRegistry(components: string[]) {\n  const valid: ComponentRegistryEntry[] = [];\n  const invalid: string[] = [];\n  const allComponents = getAllComponents();\n\n  for (const component of components) {\n    const found = allComponents.find(\n      (c) => c.name.toLowerCase() === component.toLowerCase(),\n    );\n    if (found) {\n      valid.push(found);\n    } else {\n      invalid.push(component);\n    }\n  }\n\n  return { valid, invalid };\n}\n\nexport { type ComponentRegistryEntry } from \"@/types/registry\";\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/registry.json","../src/index.ts"],"sourcesContent":["{\n  \"components\": [\n    {\n      \"name\": \"button\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"alert\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"badge\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"avatar\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"card\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"input\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"label\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"breadcrumb\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"textarea\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"select\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"switch\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"checkbox\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"radio\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"list\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"divider\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"skeleton\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"accordion\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"modal\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"tooltip\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"collapsible\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"drawer\",\n      \"version\": \"0.0.2\"\n    },\n    {\n      \"name\": \"dropdown\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"kbd\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"pagination\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"popover\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"stat\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tab\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"toast\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"scroll-progress\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"marquee\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"ambient-image\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"button-group\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"diff\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"loader\",\n      \"version\": \"0.0.1\"\n    }\n  ]\n}\n","import registry from \"@/registry.json\";\r\nimport { fileURLToPath } from \"node:url\";\r\n\r\nimport path from \"node:path\";\r\nimport { ComponentRegistryEntry } from \"./types/registry\";\r\n\r\nconst __dirname = path.dirname(fileURLToPath(import.meta.url));\r\n\r\nexport function getAllComponents() {\r\n  const availableComponents = registry.components as ComponentRegistryEntry[];\r\n  return availableComponents.sort((a, b) => a.name.localeCompare(b.name));\r\n}\r\n\r\nexport function getComponentPath(componentName: string) {\r\n  return path.join(__dirname, \"astro\", componentName);\r\n}\r\n\r\nexport async function checkComponentsInRegistry(components: string[]) {\r\n  const valid: ComponentRegistryEntry[] = [];\r\n  const invalid: string[] = [];\r\n  const allComponents = getAllComponents();\r\n\r\n  for (const component of components) {\r\n    const found = allComponents.find(\r\n      (c) => c.name.toLowerCase() === component.toLowerCase(),\r\n    );\r\n    if (found) {\r\n      valid.push(found);\r\n    } else {\r\n      invalid.push(component);\r\n    }\r\n  }\r\n\r\n  return { valid, invalid };\r\n}\r\n\r\nexport { type ComponentRegistryEntry } from \"@/types/registry\";\r\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbitkit/components",
-  "version": "0.2.0",
+  "version": "0.4.0",
   "description": "Customizable UI components designed for seamless integration and scalability.",
   "main": "./dist/index.js",
   "type": "module",
@@ -27,21 +27,22 @@
     "kit",
     "components",
     "orbit",
-    "tailwind"
+    "tailwind",
+    "astro"
   ],
   "author": "NSMichelJ (Michelito)",
   "license": "MIT",
   "packageManager": "pnpm@10.9.0",
   "devDependencies": {
     "@types/fs-extra": "11.0.4",
-    "@types/node": "22.15.3",
-    "astro": "5.7.10",
+    "@types/node": "24.10.1",
+    "astro": "5.16.0",
     "class-variance-authority": "0.7.1",
     "clsx": "2.1.1",
-    "fs-extra": "11.3.0",
-    "tailwind-merge": "3.2.0",
-    "tailwindcss": "4.1.5",
-    "tsup": "8.4.0"
+    "fs-extra": "11.3.2",
+    "tailwind-merge": "3.4.0",
+    "tailwindcss": "4.1.17",
+    "tsup": "8.5.1"
   },
   "repository": {
     "type": "git",