@codefast/ui 0.3.10 → 0.3.11-canary.0

package/dist/components/accordion.js

@@ -12,7 +12,7 @@ function Accordion({ ...props }) {
 }
 function AccordionItem({ className, ...props }) {
     return /*#__PURE__*/ jsx(Item, {
-        className: cn('border-b last:border-b-0', className),
+        className: cn("border-b last:border-b-0", className),
         "data-slot": "accordion-item",
         ...props
     });
@@ -21,7 +21,7 @@ function AccordionIcon({ asChild, className, ...props }) {
     const Component = asChild ? Slot : ChevronDownIcon;
     return /*#__PURE__*/ jsx(Component, {
         "aria-hidden": true,
-        className: cn('text-muted-foreground size-4 shrink-0 translate-y-0.5 transition-transform duration-200', className),
+        className: cn("size-4 shrink-0 translate-y-0.5 text-muted-foreground transition-transform duration-200", className),
         "data-slot": "accordion-icon",
         ...props
     });
@@ -31,7 +31,7 @@ function AccordionTrigger({ children, className, ...props }) {
         className: "flex",
         "data-slot": "accordion-trigger-wrapper",
         children: /*#__PURE__*/ jsx(Trigger, {
-            className: cn('focus-visible:ring-ring/50 group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180', className),
+            className: cn("group/accordion-trigger flex grow items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium outline-hidden hover:not-disabled:underline focus-visible:ring-3 focus-visible:ring-ring/50 disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
             "data-slot": "accordion-trigger",
             ...props,
             children: children
@@ -40,11 +40,11 @@ function AccordionTrigger({ children, className, ...props }) {
 }
 function AccordionContent({ children, className, ...props }) {
     return /*#__PURE__*/ jsx(Content, {
-        className: "data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up overflow-hidden",
+        className: "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
         "data-slot": "accordion-content",
         ...props,
         children: /*#__PURE__*/ jsx("div", {
-            className: cn('pt-0 pb-4 text-sm', className),
+            className: cn("pt-0 pb-4 text-sm", className),
             children: children
         })
     });

package/dist/components/alert-dialog.cjs

@@ -56,15 +56,15 @@ function AlertDialogContent({ children, className, classNames, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(react_alert_dialog_namespaceObject.Portal, {
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Overlay, {
-                className: (0, tailwind_variants_namespaceObject.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: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Content, {
-                className: (0, tailwind_variants_namespaceObject.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: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: (0, tailwind_variants_namespaceObject.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: (0, tailwind_variants_namespaceObject.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
                 })
@@ -74,35 +74,35 @@ function AlertDialogContent({ children, className, classNames, ...props }) {
 }
 function AlertDialogHeader({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex shrink-0 flex-col gap-1.5 px-6 pt-6 pb-4 text-center sm:text-left', className),
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("main", {
-        className: (0, tailwind_variants_namespaceObject.cn)('overflow-auto px-6 py-2', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("overflow-auto px-6 py-2", className),
         "data-slot": "alert-dialog-body",
         ...props
     });
 }
 function AlertDialogFooter({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex shrink-0 flex-col-reverse gap-2 px-6 pt-4 pb-6 sm:flex-row sm:justify-end', className),
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Title, {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-lg leading-none font-semibold tracking-tight', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-lg leading-none font-semibold tracking-tight", className),
         "data-slot": "alert-dialog-title",
         ...props
     });
 }
 function AlertDialogDescription({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Description, {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground text-sm', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("text-sm text-muted-foreground", className),
         "data-slot": "alert-dialog-description",
         ...props
     });
@@ -118,7 +118,7 @@ function AlertDialogAction({ className, size, variant, ...props }) {
         ...props
     });
 }
-function AlertDialogCancel({ className, size, variant = 'outline', ...props }) {
+function AlertDialogCancel({ className, size, variant = "outline", ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_alert_dialog_namespaceObject.Cancel, {
         className: (0, external_button_cjs_namespaceObject.buttonVariants)({
             className,

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.cjs

@@ -32,13 +32,13 @@ __webpack_require__.d(__webpack_exports__, {
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
 const alertVariants = (0, tailwind_variants_namespaceObject.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"
         }
     }
@@ -56,7 +56,7 @@ function Alert({ className, variant, ...props }) {
 }
 function AlertTitle({ children, className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
         "data-slot": "alert-title",
         ...props,
         children: children
@@ -64,7 +64,7 @@ function AlertTitle({ children, className, ...props }) {
 }
 function AlertDescription({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed', className),
+        className: (0, tailwind_variants_namespaceObject.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/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.cjs

@@ -34,21 +34,21 @@ const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants")
 const react_avatar_namespaceObject = require("@radix-ui/react-avatar");
 function Avatar({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Root, {
-        className: (0, tailwind_variants_namespaceObject.cn)('relative flex size-8 shrink-0 overflow-hidden rounded-full', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
         "data-slot": "avatar",
         ...props
     });
 }
 function AvatarImage({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Image, {
-        className: (0, tailwind_variants_namespaceObject.cn)('aspect-square size-full', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("aspect-square size-full", className),
         "data-slot": "avatar-image",
         ...props
     });
 }
 function AvatarFallback({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_avatar_namespaceObject.Fallback, {
-        className: (0, tailwind_variants_namespaceObject.cn)('bg-muted flex size-full items-center justify-center rounded-full', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex size-full items-center justify-center rounded-full bg-muted", className),
         "data-slot": "avatar-fallback",
         ...props
     });

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.cjs

@@ -32,21 +32,21 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
 const react_slot_namespaceObject = require("@radix-ui/react-slot");
 const badgeVariants = (0, tailwind_variants_namespaceObject.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 ? react_slot_namespaceObject.Slot : 'span';
+    const Component = asChild ? react_slot_namespaceObject.Slot : "span";
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
         className: badgeVariants({
             className,

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.cjs

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

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,