@codefast/ui 0.3.11-canary.1 → 0.3.11-canary.2

package/dist/components/avatar.js

@@ -1,26 +1,28 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { Fallback, Image, Root } from "@radix-ui/react-avatar";
+import { jsx } from "react/jsx-runtime";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
+//#region src/components/avatar.tsx
 function Avatar({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Root, {
-        className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
-        "data-slot": "avatar",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
+		className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
+		"data-slot": "avatar",
+		...props
+	});
 }
 function AvatarImage({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Image, {
-        className: cn("aspect-square size-full", className),
-        "data-slot": "avatar-image",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
+		className: cn("aspect-square size-full", className),
+		"data-slot": "avatar-image",
+		...props
+	});
 }
 function AvatarFallback({ className, ...props }) {
-    return /*#__PURE__*/ jsx(Fallback, {
-        className: cn("flex size-full items-center justify-center rounded-full bg-muted", className),
-        "data-slot": "avatar-fallback",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
+		className: cn("flex size-full items-center justify-center rounded-full bg-muted", className),
+		"data-slot": "avatar-fallback",
+		...props
+	});
 }
+//#endregion
 export { Avatar, AvatarFallback, AvatarImage };

package/dist/components/badge.d.ts

@@ -1,17 +1,24 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
-declare const badgeVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    variant: {
-        default: string;
-        destructive: string;
-        outline: string;
-        secondary: string;
-    };
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/badge.d.ts
+declare const badgeVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  variant: {
+    default: string;
+    destructive: string;
+    outline: string;
+    secondary: string;
+  };
 }, Record<string, never>>;
 interface BadgeProps extends ComponentProps<"span">, VariantProps<typeof badgeVariants> {
-    asChild?: boolean;
+  asChild?: boolean;
 }
-declare function Badge({ asChild, className, variant, ...props }: BadgeProps): JSX.Element;
-export { badgeVariants };
-export { Badge };
-export type { BadgeProps };
+declare function Badge({
+  asChild,
+  className,
+  variant,
+  ...props
+}: BadgeProps): JSX.Element;
+//#endregion
+export { Badge, type BadgeProps, badgeVariants };

package/dist/components/badge.js

@@ -1,30 +1,27 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/badge.tsx
 const badgeVariants = tv({
-    base: "inline-flex w-fit shrink-0 items-center justify-center gap-2 rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 [&>svg]:size-3 [&>svg]:shrink-0",
-    defaultVariants: {
-        variant: "default"
-    },
-    variants: {
-        variant: {
-            default: "border-transparent bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 [a&]:hover:bg-primary/80",
-            destructive: "border-transparent bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
-            outline: "border-input bg-background focus-visible:border-ring [a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
-            secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80"
-        }
-    }
+	base: "inline-flex w-fit shrink-0 items-center justify-center gap-2 rounded-md border px-1.5 py-0.5 text-xs font-medium whitespace-nowrap outline-hidden transition focus-visible:ring-3 focus-visible:ring-ring/50 [&>svg]:size-3 [&>svg]:shrink-0",
+	defaultVariants: { variant: "default" },
+	variants: { variant: {
+		default: "border-transparent bg-primary text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 [a&]:hover:bg-primary/80",
+		destructive: "border-transparent bg-destructive text-white focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40 [a&]:hover:bg-destructive/90",
+		outline: "border-input bg-background focus-visible:border-ring [a&]:hover:border-ring/60 [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
+		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/80"
+	} }
 });
 function Badge({ asChild, className, variant, ...props }) {
-    const Component = asChild ? Slot : "span";
-    return /*#__PURE__*/ jsx(Component, {
-        className: badgeVariants({
-            className,
-            variant
-        }),
-        "data-slot": "badge",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(asChild ? Slot : "span", {
+		className: badgeVariants({
+			className,
+			variant
+		}),
+		"data-slot": "badge",
+		...props
+	});
 }
+//#endregion
 export { Badge, badgeVariants };

package/dist/components/breadcrumb.d.ts

@@ -1,21 +1,44 @@
-import type { ComponentProps, JSX, ReactNode } from "react";
+import { ComponentProps, JSX, ReactNode } from "react";
+
+//#region src/components/breadcrumb.d.ts
 interface BreadcrumbProps extends ComponentProps<"nav"> {
-    separator?: ReactNode;
+  separator?: ReactNode;
 }
-declare function Breadcrumb({ ...props }: BreadcrumbProps): JSX.Element;
+declare function Breadcrumb({
+  ...props
+}: BreadcrumbProps): JSX.Element;
 type BreadcrumbListProps = ComponentProps<"ol">;
-declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): JSX.Element;
+declare function BreadcrumbList({
+  className,
+  ...props
+}: BreadcrumbListProps): JSX.Element;
 type BreadcrumbItemProps = ComponentProps<"li">;
-declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): JSX.Element;
+declare function BreadcrumbItem({
+  className,
+  ...props
+}: BreadcrumbItemProps): JSX.Element;
 interface BreadcrumbLinkProps extends ComponentProps<"a"> {
-    asChild?: boolean;
+  asChild?: boolean;
 }
-declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): JSX.Element;
+declare function BreadcrumbLink({
+  asChild,
+  className,
+  ...props
+}: BreadcrumbLinkProps): JSX.Element;
 type BreadcrumbPageProps = ComponentProps<"span">;
-declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
+declare function BreadcrumbPage({
+  className,
+  ...props
+}: BreadcrumbPageProps): JSX.Element;
 type BreadcrumbSeparatorProps = ComponentProps<"li">;
-declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): JSX.Element;
+declare function BreadcrumbSeparator({
+  children,
+  ...props
+}: BreadcrumbSeparatorProps): JSX.Element;
 type BreadcrumbEllipsisProps = ComponentProps<"span">;
-declare function BreadcrumbEllipsis({ className, ...props }: BreadcrumbEllipsisProps): JSX.Element;
-export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, };
-export type { BreadcrumbEllipsisProps, BreadcrumbItemProps, BreadcrumbLinkProps, BreadcrumbListProps, BreadcrumbPageProps, BreadcrumbProps, BreadcrumbSeparatorProps, };
+declare function BreadcrumbEllipsis({
+  className,
+  ...props
+}: BreadcrumbEllipsisProps): JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbEllipsis, type BreadcrumbEllipsisProps, BreadcrumbItem, type BreadcrumbItemProps, BreadcrumbLink, type BreadcrumbLinkProps, BreadcrumbList, type BreadcrumbListProps, BreadcrumbPage, type BreadcrumbPageProps, type BreadcrumbProps, BreadcrumbSeparator, type BreadcrumbSeparatorProps };

package/dist/components/breadcrumb.js

@@ -1,73 +1,67 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
 import { ChevronRightIcon, EllipsisIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/breadcrumb.tsx
 function Breadcrumb({ ...props }) {
-    return /*#__PURE__*/ jsx("nav", {
-        "aria-label": "breadcrumb",
-        "data-slot": "breadcrumb",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("nav", {
+		"aria-label": "breadcrumb",
+		"data-slot": "breadcrumb",
+		...props
+	});
 }
 function BreadcrumbList({ className, ...props }) {
-    return /*#__PURE__*/ jsx("ol", {
-        className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2", className),
-        "data-slot": "breadcrumb-list",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("ol", {
+		className: cn("flex flex-wrap items-center gap-1.5 text-sm break-words text-muted-foreground sm:gap-2", className),
+		"data-slot": "breadcrumb-list",
+		...props
+	});
 }
 function BreadcrumbItem({ className, ...props }) {
-    return /*#__PURE__*/ jsx("li", {
-        className: cn("inline-flex items-center gap-1.5", className),
-        "data-slot": "breadcrumb-item",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("li", {
+		className: cn("inline-flex items-center gap-1.5", className),
+		"data-slot": "breadcrumb-item",
+		...props
+	});
 }
 function BreadcrumbLink({ asChild, className, ...props }) {
-    const Component = asChild ? Slot : "a";
-    return /*#__PURE__*/ jsx(Component, {
-        className: cn("transition-colors hover:text-foreground", className),
-        "data-slot": "breadcrumb-link",
-        ...props
-    });
+	return /* @__PURE__ */ jsx(asChild ? Slot : "a", {
+		className: cn("transition-colors hover:text-foreground", className),
+		"data-slot": "breadcrumb-link",
+		...props
+	});
 }
 function BreadcrumbPage({ className, ...props }) {
-    return /*#__PURE__*/ jsx("span", {
-        "aria-current": "page",
-        "aria-disabled": "true",
-        className: cn("font-normal text-foreground", className),
-        "data-slot": "breadcrumb-page",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("span", {
+		"aria-current": "page",
+		"aria-disabled": "true",
+		className: cn("font-normal text-foreground", className),
+		"data-slot": "breadcrumb-page",
+		...props
+	});
 }
 function BreadcrumbSeparator({ children, ...props }) {
-    return /*#__PURE__*/ jsx("li", {
-        "aria-hidden": "true",
-        "data-slot": "breadcrumb-separator",
-        role: "presentation",
-        ...props,
-        children: children ?? /*#__PURE__*/ jsx(ChevronRightIcon, {
-            className: "size-3.5"
-        })
-    });
+	return /* @__PURE__ */ jsx("li", {
+		"aria-hidden": "true",
+		"data-slot": "breadcrumb-separator",
+		role: "presentation",
+		...props,
+		children: children ?? /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-3.5" })
+	});
 }
 function BreadcrumbEllipsis({ className, ...props }) {
-    return /*#__PURE__*/ jsxs("span", {
-        "aria-hidden": "true",
-        className: cn("flex size-4 items-center justify-center", className),
-        "data-slot": "breadcrumb-ellipsis",
-        role: "presentation",
-        ...props,
-        children: [
-            /*#__PURE__*/ jsx(EllipsisIcon, {
-                className: "size-4"
-            }),
-            /*#__PURE__*/ jsx("span", {
-                className: "sr-only",
-                children: "More"
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs("span", {
+		"aria-hidden": "true",
+		className: cn("flex size-4 items-center justify-center", className),
+		"data-slot": "breadcrumb-ellipsis",
+		role: "presentation",
+		...props,
+		children: [/* @__PURE__ */ jsx(EllipsisIcon, { className: "size-4" }), /* @__PURE__ */ jsx("span", {
+			className: "sr-only",
+			children: "More"
+		})]
+	});
 }
+//#endregion
 export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator };

package/dist/components/button-group.d.ts

@@ -1,19 +1,34 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
-import { Separator } from "./separator";
-declare const buttonGroupVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    orientation: {
-        horizontal: string;
-        vertical: string;
-    };
+import { Separator } from "./separator.js";
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/button-group.d.ts
+declare const buttonGroupVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  orientation: {
+    horizontal: string;
+    vertical: string;
+  };
 }, Record<string, never>>;
 type ButtonGroupProps = ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
-declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): JSX.Element;
+declare function ButtonGroup({
+  className,
+  orientation,
+  ...props
+}: ButtonGroupProps): JSX.Element;
 interface ButtonGroupTextProps extends ComponentProps<"div"> {
-    asChild?: boolean;
+  asChild?: boolean;
 }
-declare function ButtonGroupText({ asChild, className, ...props }: ButtonGroupTextProps): JSX.Element;
+declare function ButtonGroupText({
+  asChild,
+  className,
+  ...props
+}: ButtonGroupTextProps): JSX.Element;
 type ButtonGroupSeparatorProps = ComponentProps<typeof Separator>;
-declare function ButtonGroupSeparator({ className, orientation, ...props }: ButtonGroupSeparatorProps): JSX.Element;
-export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };
-export type { ButtonGroupProps, ButtonGroupSeparatorProps, ButtonGroupTextProps };
+declare function ButtonGroupSeparator({
+  className,
+  orientation,
+  ...props
+}: ButtonGroupSeparatorProps): JSX.Element;
+//#endregion
+export { ButtonGroup, type ButtonGroupProps, ButtonGroupSeparator, type ButtonGroupSeparatorProps, ButtonGroupText, type ButtonGroupTextProps, buttonGroupVariants };

package/dist/components/button-group.js

@@ -1,44 +1,39 @@
 "use client";
-import { jsx } from "react/jsx-runtime";
+import { Separator } from "./separator.js";
 import { cn, tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
-import { Separator } from "./separator.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/button-group.tsx
 const buttonGroupVariants = tv({
-    base: cn("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2", "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", "has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),
-    defaultVariants: {
-        orientation: "horizontal"
-    },
-    variants: {
-        orientation: {
-            horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
-            vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
-        }
-    }
+	base: cn("flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2", "[&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit", "[&>*]:focus-visible:relative [&>*]:focus-visible:z-10 [&>input]:flex-1", "has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-lg"),
+	defaultVariants: { orientation: "horizontal" },
+	variants: { orientation: {
+		horizontal: "[&>*:not(:first-child)]:rounded-l-none [&>*:not(:first-child)]:border-l-0 [&>*:not(:last-child)]:rounded-r-none",
+		vertical: "flex-col [&>*:not(:first-child)]:rounded-t-none [&>*:not(:first-child)]:border-t-0 [&>*:not(:last-child)]:rounded-b-none"
+	} }
 });
 function ButtonGroup({ className, orientation, ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        className: cn(buttonGroupVariants({
-            orientation
-        }), className),
-        "data-orientation": orientation,
-        "data-slot": "button-group",
-        role: "group",
-        ...props
-    });
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(buttonGroupVariants({ orientation }), className),
+		"data-orientation": orientation,
+		"data-slot": "button-group",
+		role: "group",
+		...props
+	});
 }
 function ButtonGroupText({ asChild = false, className, ...props }) {
-    const Component = asChild ? Slot : "div";
-    return /*#__PURE__*/ jsx(Component, {
-        className: cn("flex items-center gap-2 rounded-lg border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
-        ...props
-    });
+	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
+		className: cn("flex items-center gap-2 rounded-lg border bg-muted px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+		...props
+	});
 }
 function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
-    return /*#__PURE__*/ jsx(Separator, {
-        className: cn("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className),
-        "data-slot": "button-group-separator",
-        orientation: orientation,
-        ...props
-    });
+	return /* @__PURE__ */ jsx(Separator, {
+		className: cn("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className),
+		"data-slot": "button-group-separator",
+		orientation,
+		...props
+	});
 }
+//#endregion
 export { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants };

package/dist/components/button.d.ts

@@ -1,28 +1,38 @@
-import type { VariantProps } from "@codefast/tailwind-variants";
-import type { ComponentProps, JSX } from "react";
-declare const buttonVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    size: {
-        "icon-sm": string;
-        icon: string;
-        "icon-lg": string;
-        sm: string;
-        md: string;
-        lg: string;
-    };
-    variant: {
-        default: string;
-        destructive: string;
-        ghost: string;
-        link: string;
-        outline: string;
-        secondary: string;
-    };
+import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
+import { VariantProps } from "@codefast/tailwind-variants";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/button.d.ts
+declare const buttonVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
+  size: {
+    "icon-sm": string;
+    icon: string;
+    "icon-lg": string;
+    sm: string;
+    md: string;
+    lg: string;
+  };
+  variant: {
+    default: string;
+    destructive: string;
+    ghost: string;
+    link: string;
+    outline: string;
+    secondary: string;
+  };
 }, Record<string, never>>;
 type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
-    asChild?: boolean;
-    type?: ComponentProps<"button">["type"];
+  asChild?: boolean;
+  type?: ComponentProps<"button">["type"];
 };
-declare function Button({ asChild, children, className, size, type, variant, ...props }: ButtonProps): JSX.Element;
-export { buttonVariants };
-export { Button };
-export type { ButtonProps };
+declare function Button({
+  asChild,
+  children,
+  className,
+  size,
+  type,
+  variant,
+  ...props
+}: ButtonProps): JSX.Element;
+//#endregion
+export { Button, type ButtonProps, buttonVariants };

package/dist/components/button.js

@@ -1,55 +1,57 @@
-import { jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/button.tsx
 const buttonVariants = tv({
-    base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-    defaultVariants: {
-        size: "md",
-        variant: "default"
-    },
-    variants: {
-        size: {
-            "icon-sm": "size-8",
-            icon: "size-9",
-            "icon-lg": "size-10",
-            sm: "h-8 px-3 has-[>svg]:px-2.5",
-            md: "h-9 px-4 has-[>svg]:px-3",
-            lg: "h-10 px-6 has-[>svg]:px-4"
-        },
-        variant: {
-            default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
-            destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-            ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
-            link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
-            outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
-            secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
-        }
-    }
+	base: "inline-flex shrink-0 items-center justify-center gap-2 rounded-lg text-sm font-medium whitespace-nowrap outline-hidden transition select-none focus-visible:ring-3 disabled:opacity-50 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+	defaultVariants: {
+		size: "md",
+		variant: "default"
+	},
+	variants: {
+		size: {
+			"icon-sm": "size-8",
+			icon: "size-9",
+			"icon-lg": "size-10",
+			sm: "h-8 px-3 has-[>svg]:px-2.5",
+			md: "h-9 px-4 has-[>svg]:px-3",
+			lg: "h-10 px-6 has-[>svg]:px-4"
+		},
+		variant: {
+			default: "bg-primary text-primary-foreground hover:not-disabled:bg-primary/80 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40",
+			destructive: "bg-destructive text-white hover:not-disabled:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
+			ghost: "hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 dark:hover:not-disabled:bg-secondary/50",
+			link: "text-primary underline-offset-4 hover:not-disabled:underline focus-visible:ring-ring/50",
+			outline: "border border-input shadow-xs hover:not-disabled:border-ring/60 hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:border-destructive focus-within:aria-invalid:ring-destructive/20 hover:not-disabled:aria-invalid:border-destructive/60 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 dark:aria-invalid:border-destructive/70 dark:focus-within:aria-invalid:ring-destructive/40",
+			secondary: "bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50"
+		}
+	}
 });
 function Button({ asChild = false, children, className, size, type = "button", variant, ...props }) {
-    const Comp = asChild ? Slot : "button";
-    if (asChild) return /*#__PURE__*/ jsx(Comp, {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "button",
-        "data-variant": variant,
-        ...props,
-        children: children
-    });
-    return /*#__PURE__*/ jsx("button", {
-        className: buttonVariants({
-            className,
-            size,
-            variant
-        }),
-        "data-slot": "button",
-        "data-variant": variant,
-        type: type,
-        ...props,
-        children: children
-    });
+	const Comp = asChild ? Slot : "button";
+	if (asChild) return /* @__PURE__ */ jsx(Comp, {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "button",
+		"data-variant": variant,
+		...props,
+		children
+	});
+	return /* @__PURE__ */ jsx("button", {
+		className: buttonVariants({
+			className,
+			size,
+			variant
+		}),
+		"data-slot": "button",
+		"data-variant": variant,
+		type,
+		...props,
+		children
+	});
 }
+//#endregion
 export { Button, buttonVariants };