@orbitkit/components 0.2.0-beta.1 → 0.2.0

package/dist/astro/accordion/AccordionItem.astro

@@ -2,14 +2,17 @@
 import { cn } from "@/utils/cn";
 import type { HTMLAttributes } from "astro/types";
 
-interface Props extends HTMLAttributes<"div"> {}
+interface Props extends HTMLAttributes<"div"> {
+  isOpen?: boolean;
+}
 
-const { class: className, ...attrs } = Astro.props;
+const { class: className, isOpen = false, ...attrs } = Astro.props;
 ---
 
 <div
   {...attrs}
   data-accordion-item
+  data-default-open={isOpen}
   class={cn("border-b border-border last:border-b-0", className)}
 >
   <slot />

package/dist/astro/accordion/AcordionContent.astro

@@ -2,21 +2,18 @@
 import { cn } from "@/utils/cn";
 import type { HTMLAttributes } from "astro/types";
 
-interface Props extends HTMLAttributes<"div"> {
-  open?: boolean;
-}
+interface Props extends HTMLAttributes<"div"> {}
 
-const { class: className, open = false, ...attrs } = Astro.props;
+const { class: className, ...attrs } = Astro.props;
 ---
 
 <div
   {...attrs}
   role="region"
   data-accordion-content
-  data-open={open}
+  data-state="closed"
   class={cn(
-    "overflow-hidden transition-all duration-300 ease-in-out",
-    { "max-h-0": !open },
+    "overflow-hidden transition-all duration-300 ease-in-out data-[state=closed]:max-h-0",
     className,
   )}
 >

package/dist/astro/accordion/accordion.ts

@@ -15,6 +15,8 @@ export class Accordion {
   }
 
   private init() {
+    const defaultOpenItems = [];
+
     this.items?.forEach((item: AccordionItem) => {
       const trigger = item.querySelector<HTMLElement>(
         "[data-accordion-trigger]",
@@ -29,6 +31,24 @@ export class Accordion {
 
         this.setupAccessibility(item);
         this.setupEventListeners(item);
+
+        if (item.dataset.defaultOpen === "true") {
+          if (
+            defaultOpenItems.length > 0 &&
+            this.wrapper.dataset.multiple !== "true"
+          ) {
+            console.warn(
+              "Warning! This accordion is not configured to open multiple items by default. " +
+                "Only the first item will be opened." +
+                "Consider adding the multiple prop to the accordion if you want to allow multiple items to be open by default.",
+            );
+            return;
+          }
+
+          this.setContentHeight(content);
+          this.setState(item, "open");
+          defaultOpenItems.push(item);
+        }
       }
     });
   }
@@ -77,8 +97,9 @@ export class Accordion {
 
   private openAccordionItem(item: AccordionItem) {
     this.setState(item, "open");
-    const height = item.content?.scrollHeight + "px";
-    item.content!.style.maxHeight = height;
+    if (item.content) {
+      this.setContentHeight(item.content);
+    }
   }
 
   private closeAccordionItem(item: AccordionItem) {
@@ -117,6 +138,11 @@ export class Accordion {
     }
   }
 
+  private setContentHeight(content: HTMLElement) {
+    const height = content.scrollHeight + "px";
+    content.style.maxHeight = height;
+  }
+
   private setState(item: AccordionItem, state: "closed" | "open") {
     item.trigger?.setAttribute("data-state", state);
     item.trigger?.setAttribute("aria-expanded", `${state === "open"}`);

package/dist/astro/drawer/DrawerContent.astro

@@ -29,7 +29,7 @@ const {
       aria-hidden="true"
       data-state="closed"
       data-drawer-backdrop
-      class="bg-background/10 backdrop-blur-xs fixed inset-0 left-0 top-0 z-50 hidden h-dvh w-full transition-opacity duration-200"
+      class="bg-background fixed inset-0 left-0 top-0 z-50 hidden h-dvh w-full transition-opacity duration-100 data-[state=closed]:opacity-0 data-[state=open]:opacity-80"
     />
   )
 }

package/dist/astro/drawer/index.ts

@@ -1,15 +1,17 @@
-import Drawer from "./Drawer.astro";
-import DrawerContent from "./DrawerContent.astro";
-import DrawerDescription from "./DrawerDescription.astro";
-import DrawerFooter from "./DrawerFooter.astro";
-import DrawerHeader from "./DrawerHeader.astro";
-import DrawerTitle from "./DrawerTitle.astro";
-
-export {
-  Drawer,
-  DrawerContent,
-  DrawerDescription,
-  DrawerFooter,
-  DrawerHeader,
-  DrawerTitle,
-};
+import Drawer from "./Drawer.astro";
+import DrawerContent from "./DrawerContent.astro";
+import DrawerDescription from "./DrawerDescription.astro";
+import DrawerFooter from "./DrawerFooter.astro";
+import DrawerHeader from "./DrawerHeader.astro";
+import DrawerTitle from "./DrawerTitle.astro";
+import { drawerVariants } from "./drawerVariants";
+
+export {
+  Drawer,
+  DrawerContent,
+  DrawerDescription,
+  DrawerFooter,
+  DrawerHeader,
+  DrawerTitle,
+  drawerVariants,
+};

package/dist/astro/dropdown/index.ts

@@ -4,12 +4,20 @@ import DropdownMenuGroup from "./DropdownMenuGroup.astro";
 import DropdownMenuItem from "./DropdownMenuItem.astro";
 import DropdownMenuLabel from "./DropdownMenuLabel.astro";
 import DropdownMenuSeparator from "./DropdownMenuSeparator.astro";
+import {
+  dropdownArrowVariants,
+  dropdownMenuItemVariants,
+  dropdownMenuVariants,
+} from "./dropdownVariants";
 
 export {
+  dropdownArrowVariants,
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuGroup,
   DropdownMenuItem,
+  dropdownMenuItemVariants,
   DropdownMenuLabel,
   DropdownMenuSeparator,
+  dropdownMenuVariants,
 };

package/dist/astro/modal/ModalContent.astro

@@ -1,71 +1,71 @@
----
-import { cn } from "@/utils/cn";
-import type { HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"div"> {
-  showCloseButton?: boolean;
-  backdrop?: boolean;
-  allowOutsideClick?: boolean;
-}
-
-const {
-  class: className,
-  showCloseButton = true,
-  backdrop = true,
-  allowOutsideClick = true,
-  ...attrs
-} = Astro.props;
----
-
-{
-  backdrop && (
-    <div
-      class="bg-background/10 fixed inset-0 left-0 top-0 z-50 hidden h-dvh w-full backdrop-blur-md transition-opacity duration-200"
-      aria-hidden="true"
-      data-state="closed"
-      data-backdrop
-    />
-  )
-}
-
-<div
-  data-modal
-  role="dialog"
-  aria-hidden="true"
-  data-state="closed"
-  data-show-close-button={showCloseButton}
-  data-allow-outside-click={allowOutsideClick}
-  class={cn(
-    "hidden fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50 bg-surface text-foreground border-border border rounded-lg shadow-sm p-6 w-full max-w-[calc(100%-2rem)] sm:max-w-md 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",
-    className,
-  )}
-  {...attrs}
->
-  {
-    showCloseButton && (
-      <button
-        class="text-foreground hover:bg-muted absolute right-3 top-3 cursor-pointer rounded-lg p-1 transition-colors duration-150"
-        aria-label="close modal"
-        data-close-modal
-      >
-        <svg
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 24 24"
-          fill="none"
-          stroke="currentColor"
-          stroke-width="2"
-          stroke-linecap="round"
-          stroke-linejoin="round"
-          class="size-4"
-        >
-          <>
-            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
-            <path d="M18 6l-12 12" />
-            <path d="M6 6l12 12" />
-          </>
-        </svg>
-      </button>
-    )
-  }
-  <slot />
-</div>
+---
+import { cn } from "@/utils/cn";
+import type { HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"div"> {
+  showCloseButton?: boolean;
+  backdrop?: boolean;
+  allowOutsideClick?: boolean;
+}
+
+const {
+  class: className,
+  showCloseButton = true,
+  backdrop = true,
+  allowOutsideClick = true,
+  ...attrs
+} = Astro.props;
+---
+
+{
+  backdrop && (
+    <div
+      class="bg-background fixed inset-0 left-0 top-0 z-50 hidden h-dvh w-full transition-opacity duration-100 data-[state=closed]:opacity-0 data-[state=open]:opacity-80"
+      aria-hidden="true"
+      data-state="closed"
+      data-backdrop
+    />
+  )
+}
+
+<div
+  data-modal
+  role="dialog"
+  aria-hidden="true"
+  data-state="closed"
+  data-show-close-button={showCloseButton}
+  data-allow-outside-click={allowOutsideClick}
+  class={cn(
+    "hidden fixed top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 z-50 bg-surface text-foreground border-border border rounded-lg shadow-sm p-6 w-full max-w-[calc(100%-2rem)] sm:max-w-md 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",
+    className,
+  )}
+  {...attrs}
+>
+  {
+    showCloseButton && (
+      <button
+        class="text-foreground hover:bg-muted absolute right-3 top-3 cursor-pointer rounded-lg p-1 transition-colors duration-150"
+        aria-label="close modal"
+        data-close-modal
+      >
+        <svg
+          xmlns="http://www.w3.org/2000/svg"
+          viewBox="0 0 24 24"
+          fill="none"
+          stroke="currentColor"
+          stroke-width="2"
+          stroke-linecap="round"
+          stroke-linejoin="round"
+          class="size-4"
+        >
+          <>
+            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
+            <path d="M18 6l-12 12" />
+            <path d="M6 6l12 12" />
+          </>
+        </svg>
+      </button>
+    )
+  }
+  <slot />
+</div>

package/dist/astro/pagination/index.ts

@@ -1,13 +1,15 @@
-import Pagination from "./Pagination.astro";
-import PaginationContent from "./PaginationContent.astro";
-import PaginationEllipsis from "./PaginationEllipsis.astro";
-import PaginationItem from "./PaginationItem.astro";
-import PaginationLink from "./PaginationLink.astro";
-
-export {
-  Pagination,
-  PaginationContent,
-  PaginationEllipsis,
-  PaginationItem,
-  PaginationLink,
-};
+import Pagination from "./Pagination.astro";
+import PaginationContent from "./PaginationContent.astro";
+import PaginationEllipsis from "./PaginationEllipsis.astro";
+import PaginationItem from "./PaginationItem.astro";
+import PaginationLink from "./PaginationLink.astro";
+import { paginationLinkVariants } from "./paginationVariants";
+
+export {
+  Pagination,
+  PaginationContent,
+  PaginationEllipsis,
+  PaginationItem,
+  PaginationLink,
+  paginationLinkVariants,
+};

package/dist/astro/popover/index.ts

@@ -1,4 +1,5 @@
 import Popover from "./Popover.astro";
 import PopoverContent from "./PopoverContent.astro";
+import { popoverArrowVariants, popoverVariants } from "./popoverVariants";
 
-export { Popover, PopoverContent };
+export { Popover, popoverArrowVariants, PopoverContent, popoverVariants };

package/dist/astro/tooltip/index.ts

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

package/dist/index.js

@@ -71,15 +71,15 @@ var registry_default = {
     },
     {
       name: "accordion",
-      version: "0.0.1"
+      version: "0.0.2"
     },
     {
       name: "modal",
-      version: "0.0.1"
+      version: "0.0.2"
     },
     {
       name: "tooltip",
-      version: "0.0.1"
+      version: "0.0.2"
     },
     {
       name: "collapsible",
@@ -87,7 +87,7 @@ var registry_default = {
     },
     {
       name: "drawer",
-      version: "0.0.1"
+      version: "0.0.2"
     },
     {
       name: "dropdown",
@@ -121,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      \"name\": \"accordion\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"modal\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"tooltip\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"collapsible\",\n      \"version\": \"0.0.1\"\n    },\n    {\n      \"name\": \"drawer\",\n      \"version\": \"0.0.1\"\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\";\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  return registry.components as ComponentRegistryEntry[];\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":";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,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;;;AClHA,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,54 +1,54 @@
-{
-  "name": "@orbitkit/components",
-  "version": "0.2.0-beta.1",
-  "description": "Customizable UI components designed for seamless integration and scalability.",
-  "main": "./dist/index.js",
-  "type": "module",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js"
-    },
-    "./dist/*": "./dist/*"
-  },
-  "scripts": {
-    "build": "tsup",
-    "dev": "tsup --watch",
-    "format:check": "eslint . && prettier --check .",
-    "format:fix": "eslint --fix . && prettier --write .",
-    "components:link": "pnpm link . --global",
-    "components:unlink": "pnpm rm --global @orbitkit/components",
-    "publish:beta": "pnpm build && npm publish --tag beta --access public",
-    "publish:release": "pnpm build && npm publish --access public"
-  },
-  "keywords": [
-    "ui",
-    "kit",
-    "components",
-    "orbit",
-    "tailwind"
-  ],
-  "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",
-    "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"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/nsmichelj/orbitui.git",
-    "directory": "package/components"
-  },
-  "files": [
-    "dist"
-  ]
-}
+{
+  "name": "@orbitkit/components",
+  "version": "0.2.0",
+  "description": "Customizable UI components designed for seamless integration and scalability.",
+  "main": "./dist/index.js",
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./dist/*": "./dist/*"
+  },
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "format:check": "eslint . && prettier --check .",
+    "format:fix": "eslint --fix . && prettier --write .",
+    "components:link": "pnpm link . --global",
+    "components:unlink": "pnpm rm --global @orbitkit/components",
+    "publish:beta": "pnpm build && npm publish --tag beta --access public",
+    "publish:release": "pnpm build && npm publish --access public"
+  },
+  "keywords": [
+    "ui",
+    "kit",
+    "components",
+    "orbit",
+    "tailwind"
+  ],
+  "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",
+    "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"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/nsmichelj/orbitui.git",
+    "directory": "package/components"
+  },
+  "files": [
+    "dist"
+  ]
+}