@starwind-ui/core 1.11.2 → 1.12.1

package/dist/src/components/avatar/AvatarImage.astro

@@ -1,49 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { Image } from "astro:assets";
-import { tv } from "tailwind-variants";
-
-export const avatarImage = tv({ base: "relative z-1 h-full w-full object-cover" });
-
-type BaseProps = { alt: string; class?: string };
-
-type WithSrc = BaseProps & { src: string; image?: never };
-
-type WithImage = BaseProps & { src?: never; image: ImageMetadata };
-
-type Props = HTMLAttributes<"img"> & (WithSrc | WithImage);
-
-const { src, image, alt, class: className, width, height, ...rest } = Astro.props;
-
-if (!src && !image) {
-  throw new Error("Either 'src' or 'image' is required for an avatar image.");
-}
----
-
-{
-  src && (
-    // eslint-disable-next-line astro/jsx-a11y/no-noninteractive-element-interactions
-    <img
-      src={src}
-      alt={alt}
-      class={avatarImage({ class: className })}
-      width={64}
-      height={64}
-      onerror="this.style.display='none'"
-      data-slot="avatar-image"
-      {...rest}
-    />
-  )
-}
-{
-  image && (
-    <Image
-      src={image}
-      alt={alt}
-      class={avatarImage({ class: className })}
-      width={64}
-      data-slot="avatar-image"
-      {...rest}
-    />
-  )
-}

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

@@ -1,13 +0,0 @@
-import Avatar, { avatar } from "./Avatar.astro";
-import AvatarFallback, { avatarFallback } from "./AvatarFallback.astro";
-import AvatarImage, { avatarImage } from "./AvatarImage.astro";
-
-const AvatarVariants = { avatar, avatarFallback, avatarImage };
-
-export { Avatar, AvatarFallback, AvatarImage, AvatarVariants };
-
-export default {
-  Root: Avatar,
-  Image: AvatarImage,
-  Fallback: AvatarFallback,
-};

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

@@ -1,51 +0,0 @@
----
-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> {}
-
-export const badge = tv({
-  base: [
-    "starwind-badge inline-flex items-center rounded-full font-semibold",
-    "transition-all outline-none focus-visible:ring-3",
-  ],
-  variants: {
-    variant: {
-      default: "bg-foreground text-background focus-visible:ring-outline/50",
-      primary: "bg-primary text-primary-foreground focus-visible:ring-primary/50",
-      secondary: "bg-secondary text-secondary-foreground focus-visible:ring-secondary/50",
-      outline: "border-border focus-visible:border-outline focus-visible:ring-outline/50 border",
-      ghost: "bg-foreground/10 text-foreground focus-visible:ring-outline/50",
-      info: "bg-info text-info-foreground focus-visible:ring-info/50",
-      success: "bg-success text-success-foreground focus-visible:ring-success/50",
-      warning: "bg-warning text-warning-foreground focus-visible:ring-warning/50",
-      error: "bg-error text-error-foreground focus-visible:ring-error/50",
-    },
-    size: { sm: "px-2.5 py-0.5 text-xs", md: "px-3 py-0.5 text-sm", lg: "px-4 py-1 text-base" },
-    isLink: { true: "cursor-pointer", false: "" },
-  },
-  compoundVariants: [
-    { isLink: true, variant: "default", className: "hover:bg-foreground/80" },
-    { isLink: true, variant: "primary", className: "hover:bg-primary/80" },
-    { isLink: true, variant: "secondary", className: "hover:bg-secondary/80" },
-    { isLink: true, variant: "outline", className: "hover:border-border/80" },
-    { isLink: true, variant: "ghost", className: "hover:bg-foreground/7" },
-    { isLink: true, variant: "info", className: "hover:bg-info/80" },
-    { isLink: true, variant: "success", className: "hover:bg-success/80" },
-    { isLink: true, variant: "warning", className: "hover:bg-warning/80" },
-    { isLink: true, variant: "error", className: "hover:bg-error/80" },
-  ],
-  defaultVariants: { variant: "default", size: "md", isLink: false },
-});
-
-const { variant, size, class: className, ...rest } = Astro.props;
-const isLink = Astro.props.href ? true : false;
-const Tag = Astro.props.href ? "a" : "div";
----
-
-<Tag class={badge({ variant, size, isLink, class: className })} data-slot="badge" {...rest}>
-  <slot />
-</Tag>

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

@@ -1,7 +0,0 @@
-import Badge, { badge } from "./Badge.astro";
-
-const BadgeVariants = { badge };
-
-export { Badge, BadgeVariants };
-
-export default Badge;

package/dist/src/components/breadcrumb/Breadcrumb.astro

@@ -1,11 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-
-type Props = HTMLAttributes<"nav">;
-
-const { class: className, ...rest } = Astro.props;
----
-
-<nav aria-label="breadcrumb" class={className} data-slot="breadcrumb" {...rest}>
-  <slot />
-</nav>

package/dist/src/components/breadcrumb/BreadcrumbEllipsis.astro

@@ -1,28 +0,0 @@
----
-import Dots from "@tabler/icons/outline/dots.svg";
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"span">;
-
-export const breadcrumbEllipsis = tv({
-  base: "flex size-6 items-center justify-center [&>svg]:size-4",
-});
-
-const { class: className, ...rest } = Astro.props;
----
-
-<span
-  role="presentation"
-  aria-hidden="true"
-  class={breadcrumbEllipsis({ class: className })}
-  data-slot="breadcrumb-ellipsis"
-  {...rest}
->
-  <slot name="icon">
-    <Dots />
-  </slot>
-  <slot>
-    <span class="sr-only">More</span>
-  </slot>
-</span>

package/dist/src/components/breadcrumb/BreadcrumbItem.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"li">;
-
-export const breadcrumbItem = tv({ base: "inline-flex items-center gap-1.5" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<li class={breadcrumbItem({ class: className })} data-slot="breadcrumb-item" {...rest}>
-  <slot />
-</li>

package/dist/src/components/breadcrumb/BreadcrumbLink.astro

@@ -1,22 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"a"> & {
-  asChild?: boolean;
-};
-
-export const breadcrumbLink = tv({ base: "hover:text-foreground transition-colors" });
-
-const { class: className, asChild = false, ...rest } = Astro.props;
----
-
-{
-  asChild ? (
-    <slot />
-  ) : (
-    <a class={breadcrumbLink({ class: className })} data-slot="breadcrumb-link" {...rest}>
-      <slot />
-    </a>
-  )
-}

package/dist/src/components/breadcrumb/BreadcrumbList.astro

@@ -1,16 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"ol">;
-
-export const breadcrumbList = tv({
-  base: "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words sm:gap-2",
-});
-
-const { class: className, ...rest } = Astro.props;
----
-
-<ol class={breadcrumbList({ class: className })} data-slot="breadcrumb-list" {...rest}>
-  <slot />
-</ol>

package/dist/src/components/breadcrumb/BreadcrumbPage.astro

@@ -1,21 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"span">;
-
-export const breadcrumbPage = tv({ base: "text-foreground font-normal" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<span
-  role="link"
-  aria-disabled="true"
-  aria-current="page"
-  class={breadcrumbPage({ class: className })}
-  data-slot="breadcrumb-page"
-  {...rest}
->
-  <slot />
-</span>

package/dist/src/components/breadcrumb/BreadcrumbSeparator.astro

@@ -1,23 +0,0 @@
----
-import ChevronRight from "@tabler/icons/outline/chevron-right.svg";
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"li">;
-
-export const breadcrumbSeparator = tv({ base: "[&>svg]:size-4" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<li
-  role="presentation"
-  aria-hidden="true"
-  class={breadcrumbSeparator({ class: className })}
-  data-slot="breadcrumb-separator"
-  {...rest}
->
-  <slot>
-    <ChevronRight />
-  </slot>
-</li>

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

@@ -1,37 +0,0 @@
-import Breadcrumb from "./Breadcrumb.astro";
-import BreadcrumbEllipsis, { breadcrumbEllipsis } from "./BreadcrumbEllipsis.astro";
-import BreadcrumbItem, { breadcrumbItem } from "./BreadcrumbItem.astro";
-import BreadcrumbLink, { breadcrumbLink } from "./BreadcrumbLink.astro";
-import BreadcrumbList, { breadcrumbList } from "./BreadcrumbList.astro";
-import BreadcrumbPage, { breadcrumbPage } from "./BreadcrumbPage.astro";
-import BreadcrumbSeparator, { breadcrumbSeparator } from "./BreadcrumbSeparator.astro";
-
-const BreadcrumbVariants = {
-  breadcrumbEllipsis,
-  breadcrumbItem,
-  breadcrumbLink,
-  breadcrumbList,
-  breadcrumbPage,
-  breadcrumbSeparator,
-};
-
-export {
-  Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbVariants,
-};
-
-export default {
-  Root: Breadcrumb,
-  List: BreadcrumbList,
-  Ellipsis: BreadcrumbEllipsis,
-  Item: BreadcrumbItem,
-  Link: BreadcrumbLink,
-  Separator: BreadcrumbSeparator,
-  Page: BreadcrumbPage,
-};

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

@@ -1,53 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv, type VariantProps } from "tailwind-variants";
-
-interface Props
-  extends HTMLAttributes<"button">,
-    Omit<HTMLAttributes<"a">, "type">,
-    VariantProps<typeof button> {}
-
-const { variant, size, class: className, ...rest } = Astro.props;
-
-export const button = tv({
-  base: [
-    "inline-flex items-center justify-center gap-1.5 rounded-md font-medium whitespace-nowrap",
-    "[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
-    "transition-all outline-none focus-visible:ring-3",
-    "disabled:pointer-events-none disabled:opacity-50",
-  ],
-  variants: {
-    variant: {
-      default: "bg-foreground text-background hover:bg-foreground/90 focus-visible:ring-outline/50",
-      primary:
-        "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:ring-primary/50",
-      secondary:
-        "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:ring-secondary/50",
-      outline:
-        "dark:border-input focus-visible:ring-outline/50 bg-background dark:bg-input/30 focus-visible:border-outline hover:bg-muted dark:hover:bg-input/50 hover:text-foreground border shadow-xs",
-      ghost: "hover:bg-muted hover:text-foreground focus-visible:ring-outline/50",
-      info: "bg-info text-info-foreground hover:bg-info/90 focus-visible:ring-info/50",
-      success:
-        "bg-success text-success-foreground hover:bg-success/90 focus-visible:ring-success/50",
-      warning:
-        "bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:ring-warning/50",
-      error: "bg-error text-error-foreground hover:bg-error/90 focus-visible:ring-error/50",
-    },
-    size: {
-      sm: "h-9 px-3 py-2 text-sm",
-      md: "h-11 px-4 py-2 text-base",
-      lg: "h-12 px-8 py-2 text-lg",
-      icon: "size-11",
-      "icon-sm": "size-9",
-      "icon-lg": "size-12",
-    },
-  },
-  defaultVariants: { variant: "default", size: "md" },
-});
-
-const Tag = Astro.props.href ? "a" : "button";
----
-
-<Tag class={button({ variant, size, class: className })} data-slot="button" {...rest}>
-  <slot />
-</Tag>

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

@@ -1,7 +0,0 @@
-import Button, { button } from "./Button.astro";
-
-const ButtonVariants = { button };
-
-export { Button, ButtonVariants };
-
-export default Button;

package/dist/src/components/card/Card.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div">;
-
-export const card = tv({ base: "bg-card text-card-foreground rounded-2xl border shadow-sm" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<div class={card({ class: className })} data-slot="card" {...rest}>
-  <slot />
-</div>

package/dist/src/components/card/CardContent.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div">;
-
-export const cardContent = tv({ base: "p-8 pt-0" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<div class={cardContent({ class: className })} data-slot="card-content" {...rest}>
-  <slot />
-</div>

package/dist/src/components/card/CardDescription.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div">;
-
-export const cardDescription = tv({ base: "text-muted-foreground text-base" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<div class={cardDescription({ class: className })} data-slot="card-description" {...rest}>
-  <slot />
-</div>

package/dist/src/components/card/CardFooter.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div">;
-
-export const cardFooter = tv({ base: "flex items-center p-8 pt-0" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<div class={cardFooter({ class: className })} data-slot="card-footer" {...rest}>
-  <slot />
-</div>

package/dist/src/components/card/CardHeader.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div">;
-
-export const cardHeader = tv({ base: "flex flex-col space-y-2 p-8" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<div class={cardHeader({ class: className })} data-slot="card-header" {...rest}>
-  <slot />
-</div>

package/dist/src/components/card/CardTitle.astro

@@ -1,14 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div">;
-
-export const cardTitle = tv({ base: "text-xl leading-none font-semibold tracking-tight" });
-
-const { class: className, ...rest } = Astro.props;
----
-
-<div class={cardTitle({ class: className })} data-slot="card-title" {...rest}>
-  <slot />
-</div>

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

@@ -1,26 +0,0 @@
-import Card, { card } from "./Card.astro";
-import CardContent, { cardContent } from "./CardContent.astro";
-import CardDescription, { cardDescription } from "./CardDescription.astro";
-import CardFooter, { cardFooter } from "./CardFooter.astro";
-import CardHeader, { cardHeader } from "./CardHeader.astro";
-import CardTitle, { cardTitle } from "./CardTitle.astro";
-
-const CardVariants = {
-  card,
-  cardContent,
-  cardDescription,
-  cardFooter,
-  cardHeader,
-  cardTitle,
-};
-
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CardVariants };
-
-export default {
-  Root: Card,
-  Header: CardHeader,
-  Footer: CardFooter,
-  Title: CardTitle,
-  Description: CardDescription,
-  Content: CardContent,
-};

package/dist/src/components/carousel/Carousel.astro

@@ -1,55 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { type EmblaOptionsType } from "embla-carousel";
-import { tv } from "tailwind-variants";
-
-const carousel = tv({
-  base: "starwind-carousel group/carousel relative",
-});
-
-export interface Props extends HTMLAttributes<"div"> {
-  orientation?: "horizontal" | "vertical";
-  opts?: EmblaOptionsType;
-  autoInit?: boolean;
-}
-
-const {
-  class: className,
-  orientation = "horizontal",
-  opts = {},
-  autoInit = true,
-  ...rest
-} = Astro.props;
----
-
-<div
-  class={carousel({ class: className })}
-  role="region"
-  aria-roledescription="carousel"
-  data-slot="carousel"
-  data-axis={orientation === "horizontal" ? "x" : "y"}
-  data-opts={JSON.stringify(opts)}
-  data-auto-init={autoInit}
-  {...rest}
->
-  <slot />
-</div>
-
-<script>
-  import { initCarousel } from "./index";
-
-  const setupCarousels = () => {
-    const carousels = document.querySelectorAll(".starwind-carousel") as NodeListOf<HTMLElement>;
-    carousels.forEach((carousel) => {
-      if (carousel.dataset.autoInit === "false") {
-        return;
-      }
-      initCarousel(carousel);
-    });
-  };
-
-  document.addEventListener("DOMContentLoaded", setupCarousels);
-
-  // Re-initialize after Astro page transitions
-  document.addEventListener("astro:after-swap", setupCarousels);
-</script>

package/dist/src/components/carousel/CarouselContent.astro

@@ -1,26 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-const carouselContent = tv({
-  base: "overflow-hidden",
-});
-
-const carouselContainer = tv({
-  base: [
-    "flex group-data-[axis=y]/carousel:flex-col",
-    "group-data-[axis=x]/carousel:-ml-4",
-    "group-data-[axis=y]/carousel:-mt-4",
-  ],
-});
-
-type Props = HTMLAttributes<"div">;
-
-const { class: className = "", ...rest } = Astro.props;
----
-
-<div class={carouselContent()} data-slot="carousel-content" {...rest}>
-  <div class={carouselContainer({ class: className })} data-slot="carousel-container">
-    <slot />
-  </div>
-</div>

package/dist/src/components/carousel/CarouselItem.astro

@@ -1,26 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-const carouselItem = tv({
-  base: [
-    "min-w-0 shrink-0 grow-0 basis-full",
-    "group-data-[axis=x]/carousel:pl-4",
-    "group-data-[axis=y]/carousel:pt-4",
-  ],
-});
-
-type Props = HTMLAttributes<"div">;
-
-const { class: className = "", ...rest } = Astro.props;
----
-
-<div
-  role="group"
-  aria-roledescription="slide"
-  data-slot="carousel-item"
-  class={carouselItem({ class: className })}
-  {...rest}
->
-  <slot />
-</div>

package/dist/src/components/carousel/CarouselNext.astro

@@ -1,37 +0,0 @@
----
-import ArrowRight from "@tabler/icons/outline/arrow-right.svg";
-import type { ComponentProps } from "astro/types";
-import { tv } from "tailwind-variants";
-
-import { Button } from "@/components/starwind/button";
-
-export const carouselNext = tv({
-  base: [
-    "starwind-carousel-next absolute size-8 rounded-full",
-    // Horizontal positioning
-    "group-data-[axis=x]/carousel:top-1/2 group-data-[axis=x]/carousel:-right-12 group-data-[axis=x]/carousel:-translate-y-1/2",
-    // Vertical positioning
-    "group-data-[axis=y]/carousel:-bottom-12 group-data-[axis=y]/carousel:left-1/2 group-data-[axis=y]/carousel:-translate-x-1/2 group-data-[axis=y]/carousel:rotate-90",
-  ],
-});
-
-type Props = ComponentProps<typeof Button>;
-
-const { class: className = "", variant = "outline", size = "icon", ...rest } = Astro.props;
----
-
-<Button
-  data-slot="carousel-next"
-  variant={variant}
-  size={size}
-  class={carouselNext({ class: className })}
-  aria-label="Next slide"
-  {...rest}
->
-  <slot name="icon">
-    <ArrowRight />
-  </slot>
-  <slot>
-    <span class="sr-only">Next slide</span>
-  </slot>
-</Button>