@orbitkit/components 0.1.0 → 0.2.0

package/dist/astro/textarea/TextareaVariants.ts

@@ -1,30 +1,30 @@
-import { cva } from "class-variance-authority";
-
-const baseClass =
-  "block w-full p-2.5 mb-2 text-sm rounded-lg outline-1 -outline-offset-1";
-
-const textareaVariants = cva(baseClass, {
-  variants: {
-    variant: {
-      default:
-        "text-foreground bg-input outline-input-border placeholder-input-placeholder",
-    },
-    disabled: {
-      false: null,
-      true: "bg-input/40 outline-input-border/40 text-muted-foreground cursor-not-allowed ",
-    },
-  },
-  compoundVariants: [
-    {
-      variant: "default",
-      disabled: false,
-      class: "focus:outline-2 focus:-outline-offset-2 focus:outline-primary",
-    },
-  ],
-  defaultVariants: {
-    variant: "default",
-    disabled: false,
-  },
-});
-
-export { textareaVariants };
+import { cva } from "class-variance-authority";
+
+const baseClass =
+  "block w-full p-2.5 mb-2 text-sm rounded-lg outline-1 -outline-offset-1";
+
+const textareaVariants = cva(baseClass, {
+  variants: {
+    variant: {
+      default:
+        "text-foreground bg-input outline-input-border placeholder-input-placeholder",
+    },
+    disabled: {
+      false: null,
+      true: "bg-input/40 outline-input-border/40 text-muted-foreground cursor-not-allowed ",
+    },
+  },
+  compoundVariants: [
+    {
+      variant: "default",
+      disabled: false,
+      class: "focus:outline-2 focus:-outline-offset-2 focus:outline-primary",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    disabled: false,
+  },
+});
+
+export { textareaVariants };

package/dist/astro/textarea/index.ts

@@ -1,4 +1,4 @@
-import Textarea from "./Textarea.astro";
-import { textareaVariants } from "./TextareaVariants";
-
-export { Textarea, textareaVariants };
+import Textarea from "./Textarea.astro";
+import { textareaVariants } from "./TextareaVariants";
+
+export { Textarea, textareaVariants };

package/dist/astro/tooltip/Tooltip.astro

@@ -0,0 +1,40 @@
+---
+interface Props {
+  disableHoverableContent?: boolean;
+  openDelay?: number;
+  closeDelay?: number;
+  duration?: number;
+}
+
+const {
+  openDelay = 150,
+  closeDelay = 150,
+  duration = 200,
+  disableHoverableContent = false,
+} = Astro.props;
+---
+
+<div
+  class="relative inline-flex"
+  data-tooltip
+  data-open-delay={openDelay}
+  data-close-delay={closeDelay}
+  data-duration={duration}
+  data-disable-hoverable-content={disableHoverableContent}
+>
+  <slot />
+</div>
+
+<script>
+  import { Tooltip } from "./tooltip";
+
+  function init() {
+    const tooltips = document.querySelectorAll<HTMLElement>("[data-tooltip]");
+    tooltips.forEach((tooltip) => {
+      new Tooltip(tooltip);
+    });
+  }
+
+  init();
+  document.addEventListener("astro:page-load", () => init());
+</script>

package/dist/astro/tooltip/TooltipContent.astro

@@ -0,0 +1,39 @@
+---
+import { cn } from "@/utils/cn";
+import type { HTMLAttributes } from "astro/types";
+import type { VariantProps } from "class-variance-authority";
+import { tooltipArrowVariants, tooltipVariants } from "./tooltipVariants";
+
+interface Props
+  extends HTMLAttributes<"div">,
+    VariantProps<typeof tooltipVariants> {
+  sideOffset?: number;
+  arrow?: boolean;
+}
+
+const {
+  class: className,
+  side,
+  alignment,
+  sideOffset = 2,
+  arrow = true,
+  ...attrs
+} = Astro.props;
+---
+
+<div
+  {...attrs}
+  role="tooltip"
+  data-tooltip-content
+  aria-hidden="false"
+  data-state="closed"
+  data-side={sideOffset}
+  data-alignment={alignment}
+  class={cn(tooltipVariants({ side, alignment, className }))}
+  style={{
+    "--tooltip-offset": `calc(var(--spacing) * ${sideOffset})`,
+  }}
+>
+  <slot />
+  {arrow && <span class={cn(tooltipArrowVariants({ side, alignment }))} />}
+</div>

package/dist/astro/tooltip/index.ts

@@ -0,0 +1,5 @@
+import Tooltip from "./Tooltip.astro";
+import TooltipContent from "./TooltipContent.astro";
+import { tooltipArrowVariants, tooltipVariants } from "./tooltipVariants";
+
+export { Tooltip, tooltipArrowVariants, TooltipContent, tooltipVariants };

package/dist/astro/tooltip/tooltip.ts

@@ -0,0 +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();
+    }
+  };
+}

package/dist/astro/tooltip/tooltipVariants.ts

@@ -0,0 +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 };

package/dist/index.js

@@ -68,6 +68,50 @@ var registry_default = {
     {
       name: "skeleton",
       version: "0.0.1"
+    },
+    {
+      name: "accordion",
+      version: "0.0.2"
+    },
+    {
+      name: "modal",
+      version: "0.0.2"
+    },
+    {
+      name: "tooltip",
+      version: "0.0.2"
+    },
+    {
+      name: "collapsible",
+      version: "0.0.1"
+    },
+    {
+      name: "drawer",
+      version: "0.0.2"
+    },
+    {
+      name: "dropdown",
+      version: "0.0.1"
+    },
+    {
+      name: "kbd",
+      version: "0.0.1"
+    },
+    {
+      name: "pagination",
+      version: "0.0.1"
+    },
+    {
+      name: "popover",
+      version: "0.0.1"
+    },
+    {
+      name: "stat",
+      version: "0.0.1"
+    },
+    {
+      name: "tab",
+      version: "0.0.1"
     }
   ]
 };
@@ -77,7 +121,8 @@ import { fileURLToPath } from "node:url";
 import path from "node:path";
 var __dirname = path.dirname(fileURLToPath(import.meta.url));
 function getAllComponents() {
-  return registry_default.components;
+  const availableComponents = registry_default.components;
+  return availableComponents.sort((a, b) => a.name.localeCompare(b.name));
 }
 function getComponentPath(componentName) {
   return path.join(__dirname, "astro", componentName);

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}\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  return registry.components as ComponentRegistryEntry[];\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":";AAAA;AAAA,EACE,YAAc;AAAA,IACZ;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,IACA;AAAA,MACE,MAAQ;AAAA,MACR,SAAW;AAAA,IACb;AAAA,EACF;AACF;;;ACtEA,SAAS,qBAAqB;AAE9B,OAAO,UAAU;AAGjB,IAAM,YAAY,KAAK,QAAQ,cAAc,YAAY,GAAG,CAAC;AAEtD,SAAS,mBAAmB;AACjC,SAAO,iBAAS;AAClB;AAEO,SAAS,iBAAiB,eAAuB;AACtD,SAAO,KAAK,KAAK,WAAW,SAAS,aAAa;AACpD;AAEA,eAAsB,0BAA0B,YAAsB;AACpE,QAAM,QAAkC,CAAC;AACzC,QAAM,UAAoB,CAAC;AAC3B,QAAM,gBAAgB,iBAAiB;AAEvC,aAAW,aAAa,YAAY;AAClC,UAAM,QAAQ,cAAc;AAAA,MAC1B,CAAC,MAAM,EAAE,KAAK,YAAY,MAAM,UAAU,YAAY;AAAA,IACxD;AACA,QAAI,OAAO;AACT,YAAM,KAAK,KAAK;AAAA,IAClB,OAAO;AACL,cAAQ,KAAK,SAAS;AAAA,IACxB;AAAA,EACF;AAEA,SAAO,EAAE,OAAO,QAAQ;AAC1B;","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}\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":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orbitkit/components",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "description": "Customizable UI components designed for seamless integration and scalability.",
   "main": "./dist/index.js",
   "type": "module",
@@ -51,4 +51,4 @@
   "files": [
     "dist"
   ]
-}
+}