@codefast/ui 0.3.10 → 0.3.11-canary.1

package/dist/components/alert-dialog.d.ts

@@ -1,7 +1,7 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
-import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
-import { buttonVariants } from './button';
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
+import { buttonVariants } from "./button";
 type AlertDialogProps = ComponentProps<typeof AlertDialogPrimitive.Root>;
 declare function AlertDialog({ ...props }: AlertDialogProps): JSX.Element;
 type AlertDialogTriggerProps = ComponentProps<typeof AlertDialogPrimitive.Trigger>;
@@ -14,24 +14,24 @@ interface AlertDialogContentProps extends ComponentProps<typeof AlertDialogPrimi
     };
 }
 declare function AlertDialogContent({ children, className, classNames, ...props }: AlertDialogContentProps): JSX.Element;
-type AlertDialogHeaderProps = ComponentProps<'div'>;
+type AlertDialogHeaderProps = ComponentProps<"div">;
 declare function AlertDialogHeader({ className, ...props }: AlertDialogHeaderProps): JSX.Element;
-type AlertDialogBodyProps = ComponentProps<'div'>;
+type AlertDialogBodyProps = ComponentProps<"div">;
 declare function AlertDialogBody({ className, ...props }: AlertDialogBodyProps): JSX.Element;
-type AlertDialogFooterProps = ComponentProps<'div'>;
+type AlertDialogFooterProps = ComponentProps<"div">;
 declare function AlertDialogFooter({ className, ...props }: AlertDialogFooterProps): JSX.Element;
 type AlertDialogTitleProps = ComponentProps<typeof AlertDialogPrimitive.Title>;
 declare function AlertDialogTitle({ className, ...props }: AlertDialogTitleProps): JSX.Element;
 type AlertDialogDescriptionProps = ComponentProps<typeof AlertDialogPrimitive.Description>;
 declare function AlertDialogDescription({ className, ...props }: AlertDialogDescriptionProps): JSX.Element;
 interface AlertDialogActionProps extends ComponentProps<typeof AlertDialogPrimitive.Action> {
-    size?: VariantProps<typeof buttonVariants>['size'];
-    variant?: VariantProps<typeof buttonVariants>['variant'];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    variant?: VariantProps<typeof buttonVariants>["variant"];
 }
 declare function AlertDialogAction({ className, size, variant, ...props }: AlertDialogActionProps): JSX.Element;
 interface AlertDialogCancelProps extends ComponentProps<typeof AlertDialogPrimitive.Cancel> {
-    size?: VariantProps<typeof buttonVariants>['size'];
-    variant?: VariantProps<typeof buttonVariants>['variant'];
+    size?: VariantProps<typeof buttonVariants>["size"];
+    variant?: VariantProps<typeof buttonVariants>["variant"];
 }
 declare function AlertDialogCancel({ className, size, variant, ...props }: AlertDialogCancelProps): JSX.Element;
 export { AlertDialog, AlertDialogAction, AlertDialogBody, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, };

package/dist/components/alert-dialog.js

@@ -19,15 +19,15 @@ function AlertDialogContent({ children, className, classNames, ...props }) {
     return /*#__PURE__*/ jsxs(Portal, {
         children: [
             /*#__PURE__*/ jsx(Overlay, {
-                className: cn('data-[state=open]:fade-in-0 data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=closed]:animate-out ease-ui fixed inset-0 z-50 bg-black/50', classNames?.overlay),
+                className: cn("fixed inset-0 z-50 bg-black/50 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0", classNames?.overlay),
                 "data-slot": "alert-dialog-overlay"
             }),
             /*#__PURE__*/ jsx(Content, {
-                className: cn('data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 ease-ui fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 sm:grid-rows-[1fr_auto_3fr] sm:p-4', classNames?.wrapper),
+                className: cn("fixed inset-0 z-50 grid grid-rows-[1fr_auto_1fr] justify-items-center overflow-auto p-8 ease-ui data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:grid-rows-[1fr_auto_3fr] sm:p-4", classNames?.wrapper),
                 "data-slot": "alert-dialog-content-wrapper",
                 ...props,
                 children: /*#__PURE__*/ jsx("div", {
-                    className: cn('bg-popover text-popover-foreground relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border shadow-lg', classNames?.content, className),
+                    className: cn("relative row-start-2 flex w-full max-w-lg flex-col rounded-2xl border bg-popover text-popover-foreground shadow-lg", classNames?.content, className),
                     "data-slot": "alert-dialog-content",
                     children: children
                 })
@@ -37,35 +37,35 @@ function AlertDialogContent({ children, className, classNames, ...props }) {
 }
 function AlertDialogHeader({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left', className),
+        className: cn("flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left", className),
         "data-slot": "alert-dialog-header",
         ...props
     });
 }
 function AlertDialogBody({ className, ...props }) {
     return /*#__PURE__*/ jsx("main", {
-        className: cn('overflow-auto px-6 py-2', className),
+        className: cn("overflow-auto px-6 py-2", className),
         "data-slot": "alert-dialog-body",
         ...props
     });
 }
 function AlertDialogFooter({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end', className),
+        className: cn("flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end", className),
         "data-slot": "alert-dialog-footer",
         ...props
     });
 }
 function AlertDialogTitle({ className, ...props }) {
     return /*#__PURE__*/ jsx(Title, {
-        className: cn('text-lg leading-none font-semibold tracking-tight', className),
+        className: cn("text-lg leading-none font-semibold tracking-tight", className),
         "data-slot": "alert-dialog-title",
         ...props
     });
 }
 function AlertDialogDescription({ className, ...props }) {
     return /*#__PURE__*/ jsx(Description, {
-        className: cn('text-muted-foreground text-sm', className),
+        className: cn("text-sm text-muted-foreground", className),
         "data-slot": "alert-dialog-description",
         ...props
     });
@@ -81,7 +81,7 @@ function AlertDialogAction({ className, size, variant, ...props }) {
         ...props
     });
 }
-function AlertDialogCancel({ className, size, variant = 'outline', ...props }) {
+function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
     return /*#__PURE__*/ jsx(Cancel, {
         className: buttonVariants({
             className,

package/dist/components/alert.d.ts

@@ -1,17 +1,17 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 declare const alertVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     variant: {
         default: string;
         destructive: string;
     };
 }, Record<string, never>>;
-interface AlertProps extends ComponentProps<'div'>, VariantProps<typeof alertVariants> {
+interface AlertProps extends ComponentProps<"div">, VariantProps<typeof alertVariants> {
 }
 declare function Alert({ className, variant, ...props }: AlertProps): JSX.Element;
-type AlertTitleProps = ComponentProps<'div'>;
+type AlertTitleProps = ComponentProps<"div">;
 declare function AlertTitle({ children, className, ...props }: AlertTitleProps): JSX.Element;
-type AlertDescriptionProps = ComponentProps<'div'>;
+type AlertDescriptionProps = ComponentProps<"div">;
 declare function AlertDescription({ className, ...props }: AlertDescriptionProps): JSX.Element;
 export { alertVariants };
 export { Alert, AlertDescription, AlertTitle };

package/dist/components/alert.js

@@ -1,13 +1,13 @@
 import { jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
 const alertVariants = tv({
-    base: 'bg-card relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current',
+    base: "relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-xl border bg-card px-4 py-3 text-sm has-[>svg]:grid-cols-[--spacing(4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
     defaultVariants: {
-        variant: 'default'
+        variant: "default"
     },
     variants: {
         variant: {
-            default: 'text-card-foreground',
+            default: "text-card-foreground",
             destructive: "text-destructive *:data-[slot=alert-description]:text-destructive/90 [&>svg]:text-current"
         }
     }
@@ -25,7 +25,7 @@ function Alert({ className, variant, ...props }) {
 }
 function AlertTitle({ children, className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className),
+        className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
         "data-slot": "alert-title",
         ...props,
         children: children
@@ -33,7 +33,7 @@ function AlertTitle({ children, className, ...props }) {
 }
 function AlertDescription({ className, ...props }) {
     return /*#__PURE__*/ jsx("div", {
-        className: cn('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className),
+        className: cn("col-start-2 grid justify-items-start gap-1 text-sm text-muted-foreground [&_p]:leading-relaxed", className),
         "data-slot": "alert-description",
         ...props
     });

package/dist/components/aspect-ratio.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from 'react';
-import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
+import type { ComponentProps, JSX } from "react";
+import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
 type AspectRatioProps = ComponentProps<typeof AspectRatioPrimitive.Root>;
 declare function AspectRatio({ ...props }: AspectRatioProps): JSX.Element;
 export { AspectRatio };

package/dist/components/avatar.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from 'react';
-import * as AvatarPrimitive from '@radix-ui/react-avatar';
+import type { ComponentProps, JSX } from "react";
+import * as AvatarPrimitive from "@radix-ui/react-avatar";
 type AvatarProps = ComponentProps<typeof AvatarPrimitive.Root>;
 declare function Avatar({ className, ...props }: AvatarProps): JSX.Element;
 type AvatarImageProps = ComponentProps<typeof AvatarPrimitive.Image>;

package/dist/components/avatar.js

@@ -4,21 +4,21 @@ import { cn } from "@codefast/tailwind-variants";
 import { Fallback, Image, Root } from "@radix-ui/react-avatar";
 function Avatar({ className, ...props }) {
     return /*#__PURE__*/ jsx(Root, {
-        className: cn('relative flex size-8 shrink-0 overflow-hidden rounded-full', className),
+        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),
+        className: cn("aspect-square size-full", className),
         "data-slot": "avatar-image",
         ...props
     });
 }
 function AvatarFallback({ className, ...props }) {
     return /*#__PURE__*/ jsx(Fallback, {
-        className: cn('bg-muted flex size-full items-center justify-center rounded-full', className),
+        className: cn("flex size-full items-center justify-center rounded-full bg-muted", className),
         "data-slot": "avatar-fallback",
         ...props
     });

package/dist/components/badge.d.ts

@@ -1,5 +1,5 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
 declare const badgeVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     variant: {
         default: string;
@@ -8,7 +8,7 @@ declare const badgeVariants: import("@codefast/tailwind-variants").VariantFuncti
         secondary: string;
     };
 }, Record<string, never>>;
-interface BadgeProps extends ComponentProps<'span'>, VariantProps<typeof badgeVariants> {
+interface BadgeProps extends ComponentProps<"span">, VariantProps<typeof badgeVariants> {
     asChild?: boolean;
 }
 declare function Badge({ asChild, className, variant, ...props }: BadgeProps): JSX.Element;

package/dist/components/badge.js

@@ -3,21 +3,21 @@ import { jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
 const badgeVariants = tv({
-    base: 'focus-visible:ring-ring/50 focus-visible:ring-3 outline-hidden inline-flex w-fit shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md border px-1.5 py-0.5 text-xs font-medium transition [&>svg]:size-3 [&>svg]:shrink-0',
+    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'
+        variant: "default"
     },
     variants: {
         variant: {
-            default: 'bg-primary [a&]:hover:bg-primary/80 text-primary-foreground focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 border-transparent',
-            destructive: 'bg-destructive dark:bg-destructive/60 [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 border-transparent text-white',
-            outline: 'bg-background border-input [a&]:hover:bg-accent [a&]:hover:text-accent-foreground [a&]:hover:border-ring/60 focus-visible:border-ring',
-            secondary: 'bg-secondary [a&]:hover:bg-secondary/80 text-secondary-foreground border-transparent'
+            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';
+    const Component = asChild ? Slot : "span";
     return /*#__PURE__*/ jsx(Component, {
         className: badgeVariants({
             className,

package/dist/components/breadcrumb.d.ts

@@ -1,21 +1,21 @@
-import type { ComponentProps, JSX, ReactNode } from 'react';
-interface BreadcrumbProps extends ComponentProps<'nav'> {
+import type { ComponentProps, JSX, ReactNode } from "react";
+interface BreadcrumbProps extends ComponentProps<"nav"> {
     separator?: ReactNode;
 }
 declare function Breadcrumb({ ...props }: BreadcrumbProps): JSX.Element;
-type BreadcrumbListProps = ComponentProps<'ol'>;
+type BreadcrumbListProps = ComponentProps<"ol">;
 declare function BreadcrumbList({ className, ...props }: BreadcrumbListProps): JSX.Element;
-type BreadcrumbItemProps = ComponentProps<'li'>;
+type BreadcrumbItemProps = ComponentProps<"li">;
 declare function BreadcrumbItem({ className, ...props }: BreadcrumbItemProps): JSX.Element;
-interface BreadcrumbLinkProps extends ComponentProps<'a'> {
+interface BreadcrumbLinkProps extends ComponentProps<"a"> {
     asChild?: boolean;
 }
 declare function BreadcrumbLink({ asChild, className, ...props }: BreadcrumbLinkProps): JSX.Element;
-type BreadcrumbPageProps = ComponentProps<'span'>;
+type BreadcrumbPageProps = ComponentProps<"span">;
 declare function BreadcrumbPage({ className, ...props }: BreadcrumbPageProps): JSX.Element;
-type BreadcrumbSeparatorProps = ComponentProps<'li'>;
+type BreadcrumbSeparatorProps = ComponentProps<"li">;
 declare function BreadcrumbSeparator({ children, ...props }: BreadcrumbSeparatorProps): JSX.Element;
-type BreadcrumbEllipsisProps = ComponentProps<'span'>;
+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, };

package/dist/components/breadcrumb.js

@@ -12,22 +12,22 @@ function Breadcrumb({ ...props }) {
 }
 function BreadcrumbList({ className, ...props }) {
     return /*#__PURE__*/ jsx("ol", {
-        className: cn('text-muted-foreground flex flex-wrap items-center gap-1.5 text-sm break-words sm:gap-2', className),
+        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),
+        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';
+    const Component = asChild ? Slot : "a";
     return /*#__PURE__*/ jsx(Component, {
-        className: cn('hover:text-foreground transition-colors', className),
+        className: cn("transition-colors hover:text-foreground", className),
         "data-slot": "breadcrumb-link",
         ...props
     });
@@ -36,10 +36,8 @@ function BreadcrumbPage({ className, ...props }) {
     return /*#__PURE__*/ jsx("span", {
         "aria-current": "page",
         "aria-disabled": "true",
-        className: cn('text-foreground font-normal', className),
+        className: cn("font-normal text-foreground", className),
         "data-slot": "breadcrumb-page",
-        role: "link",
-        tabIndex: 0,
         ...props
     });
 }
@@ -57,7 +55,7 @@ function BreadcrumbSeparator({ children, ...props }) {
 function BreadcrumbEllipsis({ className, ...props }) {
     return /*#__PURE__*/ jsxs("span", {
         "aria-hidden": "true",
-        className: cn('flex size-4 items-center justify-center', className),
+        className: cn("flex size-4 items-center justify-center", className),
         "data-slot": "breadcrumb-ellipsis",
         role: "presentation",
         ...props,

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

@@ -1,15 +1,15 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
-import { Separator } from './separator';
+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;
     };
 }, Record<string, never>>;
-type ButtonGroupProps = ComponentProps<'div'> & VariantProps<typeof buttonGroupVariants>;
+type ButtonGroupProps = ComponentProps<"div"> & VariantProps<typeof buttonGroupVariants>;
 declare function ButtonGroup({ className, orientation, ...props }: ButtonGroupProps): JSX.Element;
-interface ButtonGroupTextProps extends ComponentProps<'div'> {
+interface ButtonGroupTextProps extends ComponentProps<"div"> {
     asChild?: boolean;
 }
 declare function ButtonGroupText({ asChild, className, ...props }: ButtonGroupTextProps): JSX.Element;

package/dist/components/button-group.js

@@ -4,14 +4,14 @@ import { cn, tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
 import { Separator } from "./separator.js";
 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'),
+    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'
+        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'
+            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"
         }
     }
 });
@@ -27,15 +27,15 @@ function ButtonGroup({ className, orientation, ...props }) {
     });
 }
 function ButtonGroupText({ asChild = false, className, ...props }) {
-    const Component = asChild ? Slot : 'div';
+    const Component = asChild ? Slot : "div";
     return /*#__PURE__*/ jsx(Component, {
-        className: cn("bg-muted flex items-center gap-2 rounded-lg border px-4 text-sm font-medium shadow-xs [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        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 }) {
+function ButtonGroupSeparator({ className, orientation = "vertical", ...props }) {
     return /*#__PURE__*/ jsx(Separator, {
-        className: cn('bg-input relative !m-0 self-stretch data-[orientation=vertical]:h-auto', className),
+        className: cn("relative !m-0 self-stretch bg-input data-[orientation=vertical]:h-auto", className),
         "data-slot": "button-group-separator",
         orientation: orientation,
         ...props

package/dist/components/button.d.ts

@@ -1,10 +1,10 @@
-import type { VariantProps } from '@codefast/tailwind-variants';
-import type { ComponentProps, JSX } from 'react';
+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-sm": string;
         icon: string;
-        'icon-lg': string;
+        "icon-lg": string;
         sm: string;
         md: string;
         lg: string;
@@ -18,9 +18,9 @@ declare const buttonVariants: import("@codefast/tailwind-variants").VariantFunct
         secondary: string;
     };
 }, Record<string, never>>;
-type ButtonProps = ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
+type ButtonProps = ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
-    type?: ComponentProps<'button'>['type'];
+    type?: ComponentProps<"button">["type"];
 };
 declare function Button({ asChild, children, className, size, type, variant, ...props }: ButtonProps): JSX.Element;
 export { buttonVariants };

package/dist/components/button.js

@@ -2,32 +2,32 @@ import { jsx } from "react/jsx-runtime";
 import { tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
 const buttonVariants = tv({
-    base: "focus-visible:ring-3 outline-hidden inline-flex shrink-0 select-none items-center justify-center gap-2 whitespace-nowrap rounded-lg text-sm font-medium transition disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0",
+    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'
+        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'
+            "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 focus-visible:ring-primary/20 dark:focus-visible:ring-primary/40 hover:not-disabled:bg-primary/80',
-            destructive: 'bg-destructive dark:bg-destructive/60 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 hover:not-disabled:bg-destructive/90 text-white',
-            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 hover:not-disabled:underline focus-visible:ring-ring/50 underline-offset-4',
-            outline: 'border-input shadow-xs hover:not-disabled:bg-secondary hover:not-disabled:text-secondary-foreground focus-visible:ring-ring/50 focus-visible:border-ring aria-invalid:border-destructive dark:aria-invalid:border-destructive/70 hover:not-disabled:aria-invalid:border-destructive/60 focus-within:aria-invalid:ring-destructive/20 dark:focus-within:aria-invalid:ring-destructive/40 dark:bg-input/30 dark:hover:not-disabled:bg-input/50 hover:not-disabled:border-ring/60 border',
-            secondary: 'bg-secondary text-secondary-foreground hover:not-disabled:bg-secondary/80 focus-visible:ring-ring/50'
+            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';
+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,

package/dist/components/calendar.d.ts

@@ -1,9 +1,9 @@
-import type { ComponentProps, JSX } from 'react';
-import type { DayButton } from 'react-day-picker';
-import { DayPicker } from 'react-day-picker';
-import { Button } from './button';
+import type { ComponentProps, JSX } from "react";
+import type { DayButton } from "react-day-picker";
+import { DayPicker } from "react-day-picker";
+import { Button } from "./button";
 type CalendarProps = ComponentProps<typeof DayPicker> & {
-    buttonVariant?: ComponentProps<typeof Button>['variant'];
+    buttonVariant?: ComponentProps<typeof Button>["variant"];
 };
 declare function Calendar({ buttonVariant, captionLayout, className, classNames, components, formatters, showOutsideDays, ...props }: CalendarProps): JSX.Element;
 type CalendarDayButtonProps = ComponentProps<typeof DayButton>;