@starwind-ui/core 1.6.2 → 1.7.0

package/dist/src/components/alert/Alert.astro

@@ -1,28 +1,28 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { type VariantProps, tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
 type Props = HTMLAttributes<"div"> & VariantProps<typeof alert>;
 
 const alert = tv({
-	base: "text-foreground relative w-full rounded-lg border p-4",
-	variants: {
-		variant: {
-			default: "bg-background [&>h5>svg]:text-foreground",
-			primary: "border-primary bg-primary/7 [&>h5>svg]:text-primary",
-			secondary: "border-secondary bg-secondary/7 [&>h5>svg]:text-secondary",
-			info: "border-info bg-info/7 [&>h5>svg]:text-info",
-			success: "border-success bg-success/7 [&>h5>svg]:text-success",
-			warning: "border-warning bg-warning/7 [&>h5>svg]:text-warning",
-			error: "border-error bg-error/7 [&>h5>svg]:text-error",
-		},
-	},
-	defaultVariants: { variant: "default" },
+  base: "text-foreground relative w-full rounded-lg border p-4",
+  variants: {
+    variant: {
+      default: "bg-background [&>h5>svg]:text-foreground",
+      primary: "border-primary bg-primary/7 [&>h5>svg]:text-primary",
+      secondary: "border-secondary bg-secondary/7 [&>h5>svg]:text-secondary",
+      info: "border-info bg-info/7 [&>h5>svg]:text-info",
+      success: "border-success bg-success/7 [&>h5>svg]:text-success",
+      warning: "border-warning bg-warning/7 [&>h5>svg]:text-warning",
+      error: "border-error bg-error/7 [&>h5>svg]:text-error",
+    },
+  },
+  defaultVariants: { variant: "default" },
 });
 
 const { variant, class: className, ...rest } = Astro.props;
 ---
 
 <div class={alert({ variant, class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

package/dist/src/components/alert/AlertDescription.astro

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={alertDescription({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

package/dist/src/components/alert/AlertTitle.astro

@@ -3,7 +3,7 @@ import type { HTMLAttributes } from "astro/types";
 import { tv } from "tailwind-variants";
 
 const alertTitle = tv({
-	base: "mb-2 flex items-center gap-2 text-lg leading-none font-medium tracking-tight",
+  base: "mb-2 flex items-center gap-2 text-lg leading-none font-medium tracking-tight",
 });
 
 type Props = HTMLAttributes<"div">;
@@ -12,5 +12,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <h5 class={alertTitle({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </h5>

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

@@ -5,7 +5,7 @@ import AlertTitle from "./AlertTitle.astro";
 export { Alert, AlertDescription, AlertTitle };
 
 export default {
-	Root: Alert,
-	Description: AlertDescription,
-	Title: AlertTitle,
+  Root: Alert,
+  Description: AlertDescription,
+  Title: AlertTitle,
 };

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

@@ -1,29 +1,29 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { type VariantProps, tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
 interface Props extends HTMLAttributes<"div">, VariantProps<typeof avatar> {}
 
 const avatar = tv({
-	base: "text-foreground bg-muted relative overflow-hidden rounded-full border-2",
-	variants: {
-		variant: {
-			default: "border-border",
-			primary: "border-primary",
-			secondary: "border-secondary",
-			info: "border-info",
-			success: "border-success",
-			warning: "border-warning",
-			error: "border-error",
-		},
-		size: { sm: "h-8 w-8 text-xs", md: "h-10 w-10 text-sm", lg: "h-12 w-12 text-base" },
-	},
-	defaultVariants: { variant: "default", size: "md" },
+  base: "text-foreground bg-muted relative overflow-hidden rounded-full border-2",
+  variants: {
+    variant: {
+      default: "border-border",
+      primary: "border-primary",
+      secondary: "border-secondary",
+      info: "border-info",
+      success: "border-success",
+      warning: "border-warning",
+      error: "border-error",
+    },
+    size: { sm: "h-8 w-8 text-xs", md: "h-10 w-10 text-sm", lg: "h-12 w-12 text-base" },
+  },
+  defaultVariants: { variant: "default", size: "md" },
 });
 
 const { variant, size, class: className, ...rest } = Astro.props;
 ---
 
 <figure class={avatar({ variant, size, class: className })} {...rest}>
-	<slot />
+  <slot />
 </figure>

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

@@ -2,16 +2,16 @@
 import { tv } from "tailwind-variants";
 
 const avatarFallback = tv({
-	base: "absolute inset-0.5 flex items-center justify-center rounded-full font-medium",
+  base: "absolute inset-0.5 flex items-center justify-center rounded-full font-medium",
 });
 
 interface Props {
-	class?: string;
+  class?: string;
 }
 
 const { class: className } = Astro.props;
 ---
 
 <div class={avatarFallback({ class: className })}>
-	<slot />
+  <slot />
 </div>

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

@@ -15,21 +15,21 @@ type Props = WithSrc | WithImage;
 const { src, image, alt, class: className } = Astro.props;
 
 if (!src && !image) {
-	throw new Error("Either 'src' or 'image' is required for an avatar 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'"
-		/>
-	)
+  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'"
+    />
+  )
 }
 {image && <Image src={image} alt={alt} class={avatarImage({ class: className })} width={64} />}

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

@@ -2,10 +2,10 @@ import Avatar from "./Avatar.astro";
 import AvatarFallback from "./AvatarFallback.astro";
 import AvatarImage from "./AvatarImage.astro";
 
-export { Avatar, AvatarImage, AvatarFallback };
+export { Avatar, AvatarFallback, AvatarImage };
 
 export default {
-	Root: Avatar,
-	Image: AvatarImage,
-	Fallback: AvatarFallback,
+  Root: Avatar,
+  Image: AvatarImage,
+  Fallback: AvatarFallback,
 };

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

@@ -1,41 +1,41 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { type VariantProps, tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
 interface Props
-	extends HTMLAttributes<"div">,
-		Omit<HTMLAttributes<"a">, "type">,
-		VariantProps<typeof badge> {}
+  extends HTMLAttributes<"div">,
+    Omit<HTMLAttributes<"a">, "type">,
+    VariantProps<typeof badge> {}
 
 const badge = tv({
-	base: "starwind-badge starwind-transition-colors inline-flex items-center rounded-full font-semibold focus-visible:outline-2 focus-visible:outline-offset-2",
-	variants: {
-		variant: {
-			default: "bg-foreground text-background",
-			primary: "bg-primary text-primary-foreground focus-visible:outline-primary",
-			secondary: "bg-secondary text-secondary-foreground focus-visible:outline-secondary",
-			outline: "border-border focus-visible:outline-outline border",
-			ghost: "bg-foreground/10 text-foreground focus-visible:outline-outline",
-			info: "bg-info text-info-foreground focus-visible:outline-info",
-			success: "bg-success text-success-foreground focus-visible:outline-success",
-			warning: "bg-warning text-warning-foreground focus-visible:outline-warning",
-			error: "bg-error text-error-foreground focus-visible:outline-error",
-		},
-		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 },
+  base: "starwind-badge starwind-transition-colors inline-flex items-center rounded-full font-semibold focus-visible:outline-2 focus-visible:outline-offset-2",
+  variants: {
+    variant: {
+      default: "bg-foreground text-background",
+      primary: "bg-primary text-primary-foreground focus-visible:outline-primary",
+      secondary: "bg-secondary text-secondary-foreground focus-visible:outline-secondary",
+      outline: "border-border focus-visible:outline-outline border",
+      ghost: "bg-foreground/10 text-foreground focus-visible:outline-outline",
+      info: "bg-info text-info-foreground focus-visible:outline-info",
+      success: "bg-success text-success-foreground focus-visible:outline-success",
+      warning: "bg-warning text-warning-foreground focus-visible:outline-warning",
+      error: "bg-error text-error-foreground focus-visible:outline-error",
+    },
+    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;
@@ -44,5 +44,5 @@ const Tag = Astro.props.href ? "a" : "div";
 ---
 
 <Tag class={badge({ variant, size, isLink, class: className })} {...rest}>
-	<slot />
+  <slot />
 </Tag>

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

@@ -7,5 +7,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <nav aria-label="breadcrumb" class={className} {...rest}>
-	<slot />
+  <slot />
 </nav>

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

@@ -11,11 +11,11 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <span
-	role="presentation"
-	aria-hidden="true"
-	class={breadcrumbEllipsis({ class: className })}
-	{...rest}
+  role="presentation"
+  aria-hidden="true"
+  class={breadcrumbEllipsis({ class: className })}
+  {...rest}
 >
-	<Dots />
-	<span class="sr-only">More</span>
+  <Dots />
+  <span class="sr-only">More</span>
 </span>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <li class={breadcrumbItem({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </li>

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

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

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

@@ -5,12 +5,12 @@ import { tv } from "tailwind-variants";
 type Props = HTMLAttributes<"ol">;
 
 const breadcrumbList = tv({
-	base: "text-muted-foreground flex flex-wrap items-center gap-1.5 break-words sm:gap-2",
+  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 })} {...rest}>
-	<slot />
+  <slot />
 </ol>

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

@@ -10,11 +10,11 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <span
-	role="link"
-	aria-disabled="true"
-	aria-current="page"
-	class={breadcrumbPage({ class: className })}
-	{...rest}
+  role="link"
+  aria-disabled="true"
+  aria-current="page"
+  class={breadcrumbPage({ class: className })}
+  {...rest}
 >
-	<slot />
+  <slot />
 </span>

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

@@ -11,12 +11,12 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <li
-	role="presentation"
-	aria-hidden="true"
-	class={breadcrumbSeparator({ class: className })}
-	{...rest}
+  role="presentation"
+  aria-hidden="true"
+  class={breadcrumbSeparator({ class: className })}
+  {...rest}
 >
-	<slot>
-		<ChevronRight />
-	</slot>
+  <slot>
+    <ChevronRight />
+  </slot>
 </li>

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

@@ -7,21 +7,21 @@ import BreadcrumbPage from "./BreadcrumbPage.astro";
 import BreadcrumbSeparator from "./BreadcrumbSeparator.astro";
 
 export {
-	Breadcrumb,
-	BreadcrumbList,
-	BreadcrumbEllipsis,
-	BreadcrumbItem,
-	BreadcrumbLink,
-	BreadcrumbSeparator,
-	BreadcrumbPage,
+  Breadcrumb,
+  BreadcrumbEllipsis,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbList,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
 };
 
 export default {
-	Root: Breadcrumb,
-	List: BreadcrumbList,
-	Ellipsis: BreadcrumbEllipsis,
-	Item: BreadcrumbItem,
-	Link: BreadcrumbLink,
-	Separator: BreadcrumbSeparator,
-	Page: BreadcrumbPage,
+  Root: Breadcrumb,
+  List: BreadcrumbList,
+  Ellipsis: BreadcrumbEllipsis,
+  Item: BreadcrumbItem,
+  Link: BreadcrumbLink,
+  Separator: BreadcrumbSeparator,
+  Page: BreadcrumbPage,
 };

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

@@ -1,53 +1,53 @@
 ---
 import type { HTMLAttributes } from "astro/types";
-import { type VariantProps, tv } from "tailwind-variants";
+import { tv, type VariantProps } from "tailwind-variants";
 
 interface Props
-	extends HTMLAttributes<"button">,
-		Omit<HTMLAttributes<"a">, "type">,
-		VariantProps<typeof button> {}
+  extends HTMLAttributes<"button">,
+    Omit<HTMLAttributes<"a">, "type">,
+    VariantProps<typeof button> {}
 
 const { variant, size, class: className, ...rest } = Astro.props;
 
 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",
-		"starwind-transition-colors",
-		"focus-visible:outline-2 focus-visible:outline-offset-2",
-		"disabled:pointer-events-none disabled:opacity-50",
-	],
-	variants: {
-		variant: {
-			default: "bg-foreground text-background hover:bg-foreground/90 focus-visible:outline-outline",
-			primary:
-				"bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:outline-primary",
-			secondary:
-				"bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:outline-secondary",
-			outline:
-				"border-border hover:bg-border hover:text-foreground focus-visible:outline-outline border",
-			ghost:
-				"hover:bg-foreground/10 hover:text-foreground focus-visible:outline-outline bg-transparent",
-			info: "bg-info text-info-foreground hover:bg-info/90 focus-visible:outline-info",
-			success:
-				"bg-success text-success-foreground hover:bg-success/90 focus-visible:outline-success",
-			warning:
-				"bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:outline-warning",
-			error: "bg-error text-error-foreground hover:bg-error/90 focus-visible:outline-error",
-		},
-		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: "h-11 w-11",
-		},
-	},
-	defaultVariants: { variant: "default", size: "md" },
+  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",
+    "starwind-transition-colors",
+    "focus-visible:outline-2 focus-visible:outline-offset-2",
+    "disabled:pointer-events-none disabled:opacity-50",
+  ],
+  variants: {
+    variant: {
+      default: "bg-foreground text-background hover:bg-foreground/90 focus-visible:outline-outline",
+      primary:
+        "bg-primary text-primary-foreground hover:bg-primary/90 focus-visible:outline-primary",
+      secondary:
+        "bg-secondary text-secondary-foreground hover:bg-secondary/90 focus-visible:outline-secondary",
+      outline:
+        "border-border hover:bg-border hover:text-foreground focus-visible:outline-outline border",
+      ghost:
+        "hover:bg-foreground/10 hover:text-foreground focus-visible:outline-outline bg-transparent",
+      info: "bg-info text-info-foreground hover:bg-info/90 focus-visible:outline-info",
+      success:
+        "bg-success text-success-foreground hover:bg-success/90 focus-visible:outline-success",
+      warning:
+        "bg-warning text-warning-foreground hover:bg-warning/90 focus-visible:outline-warning",
+      error: "bg-error text-error-foreground hover:bg-error/90 focus-visible:outline-error",
+    },
+    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: "h-11 w-11",
+    },
+  },
+  defaultVariants: { variant: "default", size: "md" },
 });
 
 const Tag = Astro.props.href ? "a" : "button";
 ---
 
 <Tag class={button({ variant, size, class: className })} {...rest}>
-	<slot />
+  <slot />
 </Tag>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={card({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={cardContent({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={cardDescription({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={cardFooter({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={cardHeader({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

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

@@ -10,5 +10,5 @@ const { class: className, ...rest } = Astro.props;
 ---
 
 <div class={cardTitle({ class: className })} {...rest}>
-	<slot />
+  <slot />
 </div>

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

@@ -5,13 +5,13 @@ import CardFooter from "./CardFooter.astro";
 import CardHeader from "./CardHeader.astro";
 import CardTitle from "./CardTitle.astro";
 
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent };
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 
 export default {
-	Root: Card,
-	Header: CardHeader,
-	Footer: CardFooter,
-	Title: CardTitle,
-	Description: CardDescription,
-	Content: CardContent,
+  Root: Card,
+  Header: CardHeader,
+  Footer: CardFooter,
+  Title: CardTitle,
+  Description: CardDescription,
+  Content: CardContent,
 };