@orbitkit/components 0.1.0 → 0.2.0-beta.1

package/dist/astro/avatar/index.ts

@@ -1,6 +1,6 @@
-import Avatar from "./Avatar.astro";
-import AvatarFallback from "./AvatarFallback.astro";
-import AvatarImage from "./AvatarImage.astro";
-import { avatarVariants } from "./avatarVariants";
-
-export { Avatar, AvatarFallback, AvatarImage, avatarVariants };
+import Avatar from "./Avatar.astro";
+import AvatarFallback from "./AvatarFallback.astro";
+import AvatarImage from "./AvatarImage.astro";
+import { avatarVariants } from "./avatarVariants";
+
+export { Avatar, AvatarFallback, AvatarImage, avatarVariants };

package/dist/astro/badge/Badge.astro

@@ -1,22 +1,22 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-import type { VariantProps } from "class-variance-authority";
-import { badgeVariants } from "./badgeVariants";
-
-interface Props
-  extends HTMLAttributes<"div">,
-    HTMLAttributes<"a">,
-    VariantProps<typeof badgeVariants> {}
-
-const { class: className, variant, rounded, size, ...attrs } = Astro.props;
-
-const Comp = Astro.props.href ? "a" : "div";
----
-
-<Comp
-  {...attrs}
-  class={cn(badgeVariants({ variant, rounded, size, className }))}
->
-  <slot />
-</Comp>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+import type { VariantProps } from "class-variance-authority";
+import { badgeVariants } from "./badgeVariants";
+
+interface Props
+  extends HTMLAttributes<"div">,
+    HTMLAttributes<"a">,
+    VariantProps<typeof badgeVariants> {}
+
+const { class: className, variant, rounded, size, ...attrs } = Astro.props;
+
+const Comp = Astro.props.href ? "a" : "div";
+---
+
+<Comp
+  {...attrs}
+  class={cn(badgeVariants({ variant, rounded, size, className }))}
+>
+  <slot />
+</Comp>

package/dist/astro/badge/badgeVariants.ts

@@ -1,37 +1,37 @@
-import { cva } from "class-variance-authority";
-
-const classBase =
-  "inline-flex justify-center items-center gap-1 text-xs font-medium px-2.5 py-0.5";
-
-const badgeVariants = cva(classBase, {
-  variants: {
-    variant: {
-      default: "bg-secondary text-secondary-foreground",
-      outline:
-        "bg-secondary text-secondary-foreground border-secondary-accent border",
-    },
-    rounded: {
-      none: "rounded-none",
-      xs: "rounded-xs",
-      sm: "rounded-sm",
-      md: "rounded-md",
-      lg: "rounded-lg",
-      xl: "rounded-xl",
-      full: "rounded-full",
-    },
-    size: {
-      xs: "text-xs [&_svg]:size-2.5",
-      sm: "text-sm [&_svg]:size-3",
-      md: "text-base [&_svg]:size-3",
-      lg: "text-lg [&_svg]:size-4",
-      xl: "text-xl [&_svg]:size-4",
-    },
-  },
-  defaultVariants: {
-    variant: "default",
-    rounded: "sm",
-    size: "xs",
-  },
-});
-
-export { badgeVariants };
+import { cva } from "class-variance-authority";
+
+const classBase =
+  "inline-flex justify-center items-center gap-1 text-xs font-medium px-2.5 py-0.5";
+
+const badgeVariants = cva(classBase, {
+  variants: {
+    variant: {
+      default: "bg-secondary text-secondary-foreground",
+      outline:
+        "bg-secondary text-secondary-foreground border-secondary-accent border",
+    },
+    rounded: {
+      none: "rounded-none",
+      xs: "rounded-xs",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full",
+    },
+    size: {
+      xs: "text-xs [&_svg]:size-2.5",
+      sm: "text-sm [&_svg]:size-3",
+      md: "text-base [&_svg]:size-3",
+      lg: "text-lg [&_svg]:size-4",
+      xl: "text-xl [&_svg]:size-4",
+    },
+  },
+  defaultVariants: {
+    variant: "default",
+    rounded: "sm",
+    size: "xs",
+  },
+});
+
+export { badgeVariants };

package/dist/astro/badge/index.ts

@@ -1,4 +1,4 @@
-import Badge from "./Badge.astro";
-import { badgeVariants } from "./badgeVariants";
-
-export { Badge, badgeVariants };
+import Badge from "./Badge.astro";
+import { badgeVariants } from "./badgeVariants";
+
+export { Badge, badgeVariants };

package/dist/astro/breadcrumb/Breadcrumb.astro

@@ -1,12 +1,12 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"nav"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<nav aria-label="breadcrumb" class={cn("w-max", className)}>
-  <slot />
-</nav>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"nav"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<nav aria-label="breadcrumb" class={cn("w-max", className)}>
+  <slot />
+</nav>

package/dist/astro/breadcrumb/BreadcrumbEllipsis.astro

@@ -1,20 +1,20 @@
----
-import { cn } from "@/utils/cn";
-import type { HTMLAttributes } from "astro/types";
-
-type Props = HTMLAttributes<"span">;
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<span
-  {...attrs}
-  role="presentation"
-  aria-hidden="true"
-  class={cn(
-    "flex size-6 items-center justify-center [&>svg]:size-4",
-    className,
-  )}
->
-  <slot> ... </slot>
-</span>
+---
+import { cn } from "@/utils/cn";
+import type { HTMLAttributes } from "astro/types";
+
+type Props = HTMLAttributes<"span">;
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<span
+  {...attrs}
+  role="presentation"
+  aria-hidden="true"
+  class={cn(
+    "flex size-6 items-center justify-center [&>svg]:size-4",
+    className,
+  )}
+>
+  <slot> ... </slot>
+</span>

package/dist/astro/breadcrumb/BreadcrumbItem.astro

@@ -1,15 +1,15 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"li"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<li
-  {...attrs}
-  class={cn("flex flex-row items-center justify-between gap-1", className)}
->
-  <slot />
-</li>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"li"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<li
+  {...attrs}
+  class={cn("flex flex-row items-center justify-between gap-1", className)}
+>
+  <slot />
+</li>

package/dist/astro/breadcrumb/BreadcrumbLink.astro

@@ -1,18 +1,18 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"a"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<a
-  {...attrs}
-  class={cn(
-    "flex items-center justify-between gap-1 cursor-pointer hover:text-foreground [&_svg]:size-4",
-    className,
-  )}
->
-  <slot />
-</a>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"a"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<a
+  {...attrs}
+  class={cn(
+    "flex items-center justify-between gap-1 cursor-pointer hover:text-foreground [&_svg]:size-4",
+    className,
+  )}
+>
+  <slot />
+</a>

package/dist/astro/breadcrumb/BreadcrumbList.astro

@@ -1,18 +1,18 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"ol"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<ol
-  {...attrs}
-  class={cn(
-    "flex flex-row flex-wrap items-center gap-2 rtl:flex-row-reverse text-muted-foreground break-words font-medium",
-    className,
-  )}
->
-  <slot />
-</ol>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"ol"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<ol
+  {...attrs}
+  class={cn(
+    "flex flex-row flex-wrap items-center gap-2 rtl:flex-row-reverse text-muted-foreground break-words font-medium",
+    className,
+  )}
+>
+  <slot />
+</ol>

package/dist/astro/breadcrumb/BreadcrumbPage.astro

@@ -1,18 +1,18 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"span"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<spam
-  {...attrs}
-  class={cn(
-    "flex items-center justify-between gap-1 cursor-pointer text-foreground [&_svg]:size-4",
-    className,
-  )}
->
-  <slot />
-</spam>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"span"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<spam
+  {...attrs}
+  class={cn(
+    "flex items-center justify-between gap-1 cursor-pointer text-foreground [&_svg]:size-4",
+    className,
+  )}
+>
+  <slot />
+</spam>

package/dist/astro/breadcrumb/BreadcrumbSeparator.astro

@@ -1,17 +1,17 @@
----
-import { cn } from "@/utils/cn";
-import type { HTMLAttributes } from "astro/types";
-
-type Props = HTMLAttributes<"li">;
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<li
-  {...attrs}
-  role="presentation"
-  aria-hidden="true"
-  class={cn("[&_svg]:size-4", className)}
->
-  <slot> / </slot>
-</li>
+---
+import { cn } from "@/utils/cn";
+import type { HTMLAttributes } from "astro/types";
+
+type Props = HTMLAttributes<"li">;
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<li
+  {...attrs}
+  role="presentation"
+  aria-hidden="true"
+  class={cn("[&_svg]:size-4", className)}
+>
+  <slot> / </slot>
+</li>

package/dist/astro/breadcrumb/index.ts

@@ -1,17 +1,17 @@
-import Breadcrumb from "./Breadcrumb.astro";
-import BreadcrumbEllipsis from "./BreadcrumbEllipsis.astro";
-import BreadcrumbItem from "./BreadcrumbItem.astro";
-import BreadcrumbLink from "./BreadcrumbLink.astro";
-import BreadcrumbList from "./BreadcrumbList.astro";
-import BreadcrumbPage from "./BreadcrumbPage.astro";
-import BreadcrumbSeparator from "./BreadcrumbSeparator.astro";
-
-export {
-  Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-};
+import Breadcrumb from "./Breadcrumb.astro";
+import BreadcrumbEllipsis from "./BreadcrumbEllipsis.astro";
+import BreadcrumbItem from "./BreadcrumbItem.astro";
+import BreadcrumbLink from "./BreadcrumbLink.astro";
+import BreadcrumbList from "./BreadcrumbList.astro";
+import BreadcrumbPage from "./BreadcrumbPage.astro";
+import BreadcrumbSeparator from "./BreadcrumbSeparator.astro";
+
+export {
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+};

package/dist/astro/button/Button.astro

@@ -1,29 +1,29 @@
----
-import { cn } from "@/utils/cn";
-import type { HTMLAttributes } from "astro/types";
-import { type VariantProps } from "class-variance-authority";
-import buttonVariants from "./buttonVariants";
-
-export interface Props
-  extends Omit<HTMLAttributes<"button">, "disabled">,
-    Omit<HTMLAttributes<"a">, "type">,
-    VariantProps<typeof buttonVariants> {}
-
-const {
-  class: className,
-  variant,
-  size,
-  rounded,
-  disabled,
-  ...attrs
-} = Astro.props;
-
-const Comp = Astro.props.href ? "a" : "button";
----
-
-<Comp
-  {...attrs}
-  class={cn(buttonVariants({ variant, size, rounded, disabled, className }))}
->
-  <slot />
-</Comp>
+---
+import { cn } from "@/utils/cn";
+import type { HTMLAttributes } from "astro/types";
+import { type VariantProps } from "class-variance-authority";
+import buttonVariants from "./buttonVariants";
+
+export interface Props
+  extends Omit<HTMLAttributes<"button">, "disabled">,
+    Omit<HTMLAttributes<"a">, "type">,
+    VariantProps<typeof buttonVariants> {}
+
+const {
+  class: className,
+  variant,
+  size,
+  rounded,
+  disabled,
+  ...attrs
+} = Astro.props;
+
+const Comp = Astro.props.href ? "a" : "button";
+---
+
+<Comp
+  {...attrs}
+  class={cn(buttonVariants({ variant, size, rounded, disabled, className }))}
+>
+  <slot />
+</Comp>

package/dist/astro/button/buttonVariants.ts

@@ -1,61 +1,61 @@
-import { cva } from "class-variance-authority";
-
-const baseClass =
-  "flex justify-center gap-1.5 items-center font-medium cursor-pointer outline-none border [&_svg]:pointer-events-none [&_svg]:shrink-0";
-
-const buttonVariants = cva(baseClass, {
-  variants: {
-    variant: {
-      default: "border-primary text-primary-foreground bg-primary",
-      outline: "text-primary  border-primary",
-      ghost: "text-primary bg-transparent border-transparent",
-    },
-    rounded: {
-      none: "rounded-none",
-      xs: "rounded-xs",
-      sm: "rounded-sm",
-      md: "rounded-md",
-      lg: "rounded-lg",
-      xl: "rounded-xl",
-      full: "rounded-full",
-    },
-    size: {
-      xs: "px-3 py-2 text-xs [&_svg]:size-3.5",
-      sm: "px-3 py-2 text-sm [&_svg]:size-4",
-      md: "px-5 py-2.5 text-sm [&_svg]:size-4",
-      lg: "px-5 py-3 text-base [&_svg]:size-[18px]",
-      xl: "px-6 py-3.5 text-base [&_svg]:size-[18px]",
-    },
-    disabled: {
-      false: null,
-      true: ["opacity-50", "cursor-not-allowed"],
-    },
-  },
-  compoundVariants: [
-    {
-      variant: "default",
-      disabled: false,
-      class: "hover:bg-primary-accent hover:border-primary-accent",
-    },
-    {
-      variant: "outline",
-      disabled: false,
-      class:
-        "hover:text-primary-foreground hover:bg-primary-accent hover:border-primary-accent",
-    },
-    {
-      variant: "ghost",
-      disabled: false,
-      class:
-        "hover:bg-primary hover:text-primary-foreground hover:border-primary",
-    },
-  ],
-  defaultVariants: {
-    variant: "default",
-    size: "sm",
-    rounded: "lg",
-    disabled: false,
-  },
-});
-
-export default buttonVariants;
+import { cva } from "class-variance-authority";
+
+const baseClass =
+  "flex justify-center gap-1.5 items-center font-medium cursor-pointer outline-none border [&_svg]:pointer-events-none [&_svg]:shrink-0";
+
+const buttonVariants = cva(baseClass, {
+  variants: {
+    variant: {
+      default: "border-primary text-primary-foreground bg-primary",
+      outline: "text-primary  border-primary",
+      ghost: "text-primary bg-transparent border-transparent",
+    },
+    rounded: {
+      none: "rounded-none",
+      xs: "rounded-xs",
+      sm: "rounded-sm",
+      md: "rounded-md",
+      lg: "rounded-lg",
+      xl: "rounded-xl",
+      full: "rounded-full",
+    },
+    size: {
+      xs: "px-3 py-2 text-xs [&_svg]:size-3.5",
+      sm: "px-3 py-2 text-sm [&_svg]:size-4",
+      md: "px-5 py-2.5 text-sm [&_svg]:size-4",
+      lg: "px-5 py-3 text-base [&_svg]:size-[18px]",
+      xl: "px-6 py-3.5 text-base [&_svg]:size-[18px]",
+    },
+    disabled: {
+      false: null,
+      true: ["opacity-50", "cursor-not-allowed"],
+    },
+  },
+  compoundVariants: [
+    {
+      variant: "default",
+      disabled: false,
+      class: "hover:bg-primary-accent hover:border-primary-accent",
+    },
+    {
+      variant: "outline",
+      disabled: false,
+      class:
+        "hover:text-primary-foreground hover:bg-primary-accent hover:border-primary-accent",
+    },
+    {
+      variant: "ghost",
+      disabled: false,
+      class:
+        "hover:bg-primary hover:text-primary-foreground hover:border-primary",
+    },
+  ],
+  defaultVariants: {
+    variant: "default",
+    size: "sm",
+    rounded: "lg",
+    disabled: false,
+  },
+});
+
+export default buttonVariants;

package/dist/astro/button/index.ts

@@ -1,4 +1,4 @@
-import Button from "./Button.astro";
-import buttonVariants from "./buttonVariants";
-
-export { Button, buttonVariants };
+import Button from "./Button.astro";
+import buttonVariants from "./buttonVariants";
+
+export { Button, buttonVariants };

package/dist/astro/card/Card.astro

@@ -1,18 +1,18 @@
----
-import { cn } from "@/utils/cn";
-import { type HTMLAttributes } from "astro/types";
-
-interface Props extends HTMLAttributes<"div"> {}
-
-const { class: className, ...attrs } = Astro.props;
----
-
-<div
-  {...attrs}
-  class={cn(
-    "bg-surface text-foreground border-border border rounded-lg shadow-sm",
-    className,
-  )}
->
-  <slot />
-</div>
+---
+import { cn } from "@/utils/cn";
+import { type HTMLAttributes } from "astro/types";
+
+interface Props extends HTMLAttributes<"div"> {}
+
+const { class: className, ...attrs } = Astro.props;
+---
+
+<div
+  {...attrs}
+  class={cn(
+    "bg-surface text-foreground border-border border rounded-lg shadow-sm",
+    className,
+  )}
+>
+  <slot />
+</div>