@zentauri-ui/zentauri-components 1.4.62 → 1.4.64

package/src/ui/breadcrumb/variants.ts

@@ -1,33 +1,32 @@
 import { cva } from "class-variance-authority";
 
-export const breadcrumbNavVariants = cva(
-  "text-sm",
-  {
-    variants: {
-      appearance: {
-        default: "text-slate-300",
-        muted: "text-slate-400",
-        sky: "text-sky-600",
-        rose: "text-rose-600",
-        purple: "text-purple-600",
-        pink: "text-pink-600",
-        orange: "text-orange-600",
-        yellow: "text-yellow-600",
-        teal: "text-teal-600",
-        indigo: "text-indigo-600",
-        emerald: "text-emerald-600",
-        gray: "text-gray-600",
-        amber: "text-amber-600",
-        violet: "text-violet-600",
-      },
+export const breadcrumbNavVariants = cva("text-sm", {
+  variants: {
+    appearance: {
+      default: "text-slate-300",
+      muted: "text-slate-400",
+      sky: "text-sky-600",
+      rose: "text-rose-600",
+      purple: "text-purple-600",
+      pink: "text-pink-600",
+      orange: "text-orange-600",
+      yellow: "text-yellow-600",
+      teal: "text-teal-600",
+      indigo: "text-indigo-600",
+      emerald: "text-emerald-600",
+      gray: "text-gray-600",
+      amber: "text-amber-600",
+      violet: "text-violet-600",
     },
-    defaultVariants: {
-      appearance: "default",
-    },
-  }
-);
+  },
+  defaultVariants: {
+    appearance: "default",
+  },
+});
 
-export const breadcrumbListVariants = cva("flex flex-wrap items-center gap-1.5");
+export const breadcrumbListVariants = cva(
+  "flex flex-wrap items-center gap-1.5",
+);
 
 export const breadcrumbItemVariants = cva("inline-flex items-center gap-1.5");
 
@@ -37,17 +36,14 @@ export const breadcrumbLinkVariants = cva(
 
 export const breadcrumbPageVariants = cva("font-medium text-slate-100");
 
-export const breadcrumbSeparatorVariants = cva(
-  "select-none text-slate-600",
-  {
-    variants: {
-      size: {
-        sm: "text-xs",
-        md: "text-sm",
-      },
-    },
-    defaultVariants: {
-      size: "md",
+export const breadcrumbSeparatorVariants = cva("select-none text-slate-600", {
+  variants: {
+    size: {
+      sm: "text-xs",
+      md: "text-sm",
     },
   },
-);
+  defaultVariants: {
+    size: "md",
+  },
+});

package/src/ui/buttons/animated/index.ts

@@ -1,5 +1,11 @@
 "use client";
 
 export { ButtonAnimated } from "./button-animated";
-export type { ButtonAnimatedProps, ButtonSharedAnimated, ButtonPresetMotionProps, AnimationPresets, ButtonAnimation } from "./types";
+export type {
+  ButtonAnimatedProps,
+  ButtonSharedAnimated,
+  ButtonPresetMotionProps,
+  AnimationPresets,
+  ButtonAnimation,
+} from "./types";
 export { buttonAnimationPresets } from "./animations";

package/src/ui/buttons/animated/types.ts

@@ -25,5 +25,4 @@ export type ButtonPresetMotionProps = Pick<
   "style" | "transition" | "whileHover" | "whileTap"
 >;
 
-
 export type AnimationPresets = Record<ButtonAnimation, ButtonPresetMotionProps>;

package/src/ui/buttons/button.test.tsx

@@ -147,7 +147,7 @@ describe("Button (component library)", () => {
       expect(
         root.className,
         "Gradient-blue appearance must include directional gradient utilities",
-      ).toMatch(/bg-gradient-to-r/);
+      ).toMatch(/bg-linear-to-r/);
     });
   });
 

package/src/ui/buttons/types.ts

@@ -6,9 +6,8 @@ import type { buttonVariants } from "./variants";
 export type ButtonSharedStatic = VariantProps<typeof buttonVariants>;
 
 export type ButtonProps =
-  | (ButtonSharedStatic & ComponentPropsWithRef<"button"> & {
-      as?: "button";
-    })
+  | (ButtonSharedStatic &
+      ComponentPropsWithRef<"button"> & {
+        as?: "button";
+      })
   | (ButtonSharedStatic & ComponentPropsWithRef<"a"> & { as: "link" });
-
-

package/src/ui/buttons/variants.ts

@@ -34,23 +34,23 @@ export const buttonVariants = cva(
         amber: "bg-amber-800 text-white hover:bg-amber-900",
         violet: "bg-violet-600 text-white hover:bg-violet-600",
         "gradient-blue":
-          "bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
+          "bg-linear-to-r from-blue-600 to-purple-600 text-white hover:from-blue-600 hover:to-purple-600",
         "gradient-green":
-          "bg-gradient-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
+          "bg-linear-to-r from-green-600 to-lime-600 text-white hover:from-green-600 hover:to-lime-600",
         "gradient-red":
-          "bg-gradient-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
+          "bg-linear-to-r from-red-600 to-pink-600 text-white hover:from-red-600 hover:to-pink-600",
         "gradient-yellow":
-          "bg-gradient-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
+          "bg-linear-to-r from-yellow-600 to-orange-600 text-white hover:from-yellow-600 hover:to-orange-600",
         "gradient-purple":
-          "bg-gradient-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
+          "bg-linear-to-r from-purple-600 to-pink-600 text-white hover:from-purple-600 hover:to-pink-600",
         "gradient-teal":
-          "bg-gradient-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
+          "bg-linear-to-r from-teal-600 to-cyan-600 text-white hover:from-teal-600 hover:to-cyan-600",
         "gradient-indigo":
-          "bg-gradient-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
+          "bg-linear-to-r from-indigo-600 to-purple-600 text-white hover:from-indigo-600 hover:to-purple-600",
         "gradient-pink":
-          "bg-gradient-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
+          "bg-linear-to-r from-pink-600 to-rose-600 text-white hover:from-pink-600 hover:to-rose-600",
         "gradient-orange":
-          "bg-gradient-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600",
+          "bg-linear-to-r from-orange-600 to-red-600 text-white hover:from-orange-600 hover:to-red-600",
       },
       size: {
         sm: "h-7 md:h-9 px-3 text-xs",

package/src/ui/card/animated/types.ts

@@ -5,4 +5,3 @@ export type CardAnimation = "none" | "lift" | "glow" | "tilt";
 export type CardAnimatedProps = Omit<CardBaseProps, "as"> & {
   animation?: CardAnimation;
 };
-

package/src/ui/card/card-base.tsx

@@ -1,11 +1,6 @@
 "use client";
 
-import {
-  createContext,
-  useContext,
-  useMemo,
-  type ElementType,
-} from "react";
+import { createContext, useContext, useMemo, type ElementType } from "react";
 
 import { cn } from "../../lib/utils";
 

package/src/ui/card/card.test.tsx

@@ -2,10 +2,14 @@ import { createRef } from "react";
 import { render, screen } from "@testing-library/react";
 import { describe, expect, it } from "vitest";
 
+import { Card } from "./card";
 import {
-  Card,
-} from "./card";
-import { CardBody, CardDescription, CardFooter, CardHeader, CardTitle } from "./card-base";
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "./card-base";
 
 const CARD_SLOT = '[data-slot="card"]';
 

package/src/ui/card/card.tsx

@@ -1,7 +1,5 @@
 // card.tsx — default static entry (no framer-motion)
-import {
-  CardBase,
-} from "./card-base";
+import { CardBase } from "./card-base";
 import type { CardProps } from "./types";
 
 export function Card(props: CardProps) {

package/src/ui/card/index.ts

@@ -1,9 +1,13 @@
 "use client";
 
+export { Card } from "./card";
 export {
-  Card,
-} from "./card";
-export { CardBody, CardDescription, CardFooter, CardHeader, CardTitle } from "./card-base";
+  CardBody,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardTitle,
+} from "./card-base";
 export type {
   CardBaseProps,
   CardVariantProps,

package/src/ui/card/types.ts

@@ -39,4 +39,4 @@ export type CardDescriptionProps = {
   ref?: Ref<HTMLElement>;
 } & Omit<HTMLAttributes<HTMLElement>, "className" | "children">;
 
-export type CardSize = NonNullable<CardProps["size"]>;
+export type CardSize = NonNullable<CardProps["size"]>;

package/src/ui/card/variants.ts

@@ -30,23 +30,23 @@ export const cardVariants = cva(
         amber: "border border-amber-600 bg-amber-950/70 backdrop-blur-xl",
         violet: "border border-violet-600 bg-violet-950/70 backdrop-blur-xl",
         "gradient-blue":
-          "border border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-green":
-          "border border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+          "border border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
         "gradient-red":
-          "border border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-yellow":
-          "border border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+          "border border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
         "gradient-purple":
-          "border border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-teal":
-          "border border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+          "border border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
         "gradient-indigo":
-          "border border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-pink":
-          "border border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+          "border border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
         "gradient-orange":
-          "border border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
+          "border border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
       },
       size: {
         sm: "gap-2 p-3 text-sm",

package/src/ui/divider/animated/index.ts

@@ -1,4 +1,8 @@
 "use client";
 
 export { DividerAnimated } from "./divider-animated";
-export type { DividerAnimatedProps, DividerAnimation, DividerDomDragProps } from "./types";
+export type {
+  DividerAnimatedProps,
+  DividerAnimation,
+  DividerDomDragProps,
+} from "./types";

package/src/ui/divider/animated/types.ts

@@ -12,7 +12,9 @@ export type DividerDomDragProps =
   | "onDragStart"
   | "onDrop";
 
-export type DividerAnimatedProps = Omit<DividerBaseProps, "as" | DividerDomDragProps> & {
+export type DividerAnimatedProps = Omit<
+  DividerBaseProps,
+  "as" | DividerDomDragProps
+> & {
   animation?: DividerAnimation;
 };
-

package/src/ui/divider/divider-base.tsx

@@ -10,7 +10,6 @@ import {
   dividerVariants,
 } from "./variants";
 
-
 export function DividerBase({
   className,
   appearance,

package/src/ui/drawer/animated/drawer-content-animated.tsx

@@ -9,10 +9,7 @@ import { useFocusManagement } from "../../../hooks/useFocusManagement";
 
 import { drawerPanelPresets } from "./animations";
 import { useDrawerContext } from "../drawer-base";
-import {
-  drawerContentVariants,
-  drawerOverlayVariants,
-} from "../variants";
+import { drawerContentVariants, drawerOverlayVariants } from "../variants";
 import type { DrawerContentAnimatedProps } from "./types";
 
 export function DrawerContentAnimated({
@@ -67,8 +64,7 @@ export function DrawerContentAnimated({
               if (typeof ref === "function") {
                 ref(node);
               } else if (ref) {
-                (ref as MutableRefObject<HTMLDivElement | null>).current =
-                  node;
+                (ref as MutableRefObject<HTMLDivElement | null>).current = node;
               }
             }}
             role="dialog"

package/src/ui/drawer/animated/index.ts

@@ -10,5 +10,10 @@ export {
   DrawerTrigger,
 } from "../drawer-base";
 export { DrawerContentAnimated } from "./drawer-content-animated";
-export type { DrawerContentAnimatedProps, DrawerAnimation, DrawerPresetMotionProps, DrawerAnimationPresets } from "./types";
+export type {
+  DrawerContentAnimatedProps,
+  DrawerAnimation,
+  DrawerPresetMotionProps,
+  DrawerAnimationPresets,
+} from "./types";
 export { drawerPanelPresets } from "./animations";

package/src/ui/drawer/types.ts

@@ -1,9 +1,17 @@
 import type { VariantProps } from "class-variance-authority";
-import type { CSSProperties, HTMLAttributes, ReactNode, Ref, RefObject } from "react";
+import type {
+  CSSProperties,
+  HTMLAttributes,
+  ReactNode,
+  Ref,
+  RefObject,
+} from "react";
 
 import type { drawerContentVariants, drawerTriggerVariants } from "./variants";
 
-export type DrawerContentVariantProps = VariantProps<typeof drawerContentVariants>;
+export type DrawerContentVariantProps = VariantProps<
+  typeof drawerContentVariants
+>;
 
 export type DrawerProps = {
   open?: boolean;
@@ -37,4 +45,4 @@ export type DrawerCtx = {
   descriptionId: string;
   contentRef: RefObject<HTMLDivElement | null>;
   triggerRef: RefObject<HTMLElement | null>;
-};
+};

package/src/ui/drawer/variants.ts

@@ -24,23 +24,23 @@ export const drawerTriggerVariants = cva(
         amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
         violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
         "gradient-blue":
-          "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-green":
-          "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+          "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
         "gradient-red":
-          "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-yellow":
-          "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+          "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
         "gradient-purple":
-          "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-teal":
-          "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+          "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
         "gradient-indigo":
-          "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-pink":
-          "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+          "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
         "gradient-orange":
-          "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
+          "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
       },
     },
     defaultVariants: {
@@ -82,23 +82,23 @@ export const drawerContentVariants = cva(
         amber: "border-amber-600 bg-amber-950/70 backdrop-blur-xl",
         violet: "border-violet-600 bg-violet-950/70 backdrop-blur-xl",
         "gradient-blue":
-          "border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border-blue-600 bg-linear-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-green":
-          "border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
+          "border-green-600 bg-linear-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl",
         "gradient-red":
-          "border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border-red-600 bg-linear-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-yellow":
-          "border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
+          "border-yellow-600 bg-linear-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl",
         "gradient-purple":
-          "border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
+          "border-purple-600 bg-linear-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl",
         "gradient-teal":
-          "border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
+          "border-teal-600 bg-linear-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl",
         "gradient-indigo":
-          "border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
+          "border-indigo-600 bg-linear-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl",
         "gradient-pink":
-          "border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
+          "border-pink-600 bg-linear-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl",
         "gradient-orange":
-          "border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
+          "border-orange-600 bg-linear-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl",
       },
     },
     compoundVariants: [

package/src/ui/dropdown/dropdown.tsx

@@ -1,6 +1,13 @@
 "use client";
 
-import { createContext, useContext, useState, useRef, useEffect, useId } from "react";
+import {
+  createContext,
+  useContext,
+  useState,
+  useRef,
+  useEffect,
+  useId,
+} from "react";
 import { FiCheck } from "react-icons/fi";
 import { cn } from "../../lib/utils";
 import type {

package/src/ui/dropdown/variants.ts

@@ -23,23 +23,23 @@ export const triggerVariants = cva(
         amber: "border border-amber-600 text-amber-600",
         violet: "border border-violet-600 text-violet-600",
         "gradient-blue":
-          "bg-gradient-to-r from-blue-600 to-purple-600 text-gradient-to-r from-blue-600 to-purple-600",
+          "bg-linear-to-r from-blue-600 to-purple-600 text-blue-200",
         "gradient-green":
-          "bg-gradient-to-r from-green-600 to-lime-600 text-gradient-to-r from-green-600 to-lime-600",
+          "bg-linear-to-r from-green-600 to-lime-600 text-green-200",
         "gradient-red":
-          "bg-gradient-to-r from-red-600 to-pink-600 text-gradient-to-r from-red-600 to-pink-600",
+          "bg-linear-to-r from-red-600 to-pink-600 text-red-200",
         "gradient-yellow":
-          "bg-gradient-to-r from-yellow-600 to-orange-600 text-gradient-to-r from-yellow-600 to-orange-600",
+          "bg-linear-to-r from-yellow-600 to-orange-600 text-yellow-200",
         "gradient-purple":
-          "bg-gradient-to-r from-purple-600 to-pink-600 text-gradient-to-r from-purple-600 to-pink-600",
+          "bg-linear-to-r from-purple-600 to-pink-600 text-purple-200",
         "gradient-teal":
-          "bg-gradient-to-r from-teal-600 to-cyan-600 text-gradient-to-r from-teal-600 to-cyan-600",
+          "bg-linear-to-r from-teal-600 to-cyan-600 text-teal-200",
         "gradient-indigo":
-          "bg-gradient-to-r from-indigo-600 to-purple-600 text-gradient-to-r from-indigo-600 to-purple-600",
+          "bg-linear-to-r from-indigo-600 to-purple-600 text-indigo-200",
         "gradient-pink":
-          "bg-gradient-to-r from-pink-600 to-rose-600 text-gradient-to-r from-pink-600 to-rose-600",
+          "bg-linear-to-r from-pink-600 to-rose-600 text-pink-200",
         "gradient-orange":
-          "bg-gradient-to-r from-orange-600 to-red-600 text-gradient-to-r from-orange-600 to-red-600",
+          "bg-linear-to-r from-orange-600 to-red-600 text-orange-200",
       },
       size: {
         sm: "px-2 py-1 text-sm",
@@ -112,23 +112,23 @@ export const itemVariants = cva(
         violet:
           "hover:bg-violet-100 hover:text-violet-600 bg-violet-200 text-violet-800",
         "gradient-blue":
-          "hover:bg-gradient-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-gradient-to-r from-blue-200 to-purple-200 text-blue-800",
+          "hover:bg-linear-to-r from-blue-600 to-purple-600 hover:text-blue-900 bg-linear-to-r from-blue-200 to-purple-200 text-blue-800",
         "gradient-green":
-          "hover:bg-gradient-to-r from-green-600 to-lime-600 hover:text-green-900 bg-gradient-to-r from-green-200 to-lime-200 text-green-800",
+          "hover:bg-linear-to-r from-green-600 to-lime-600 hover:text-green-900 bg-linear-to-r from-green-200 to-lime-200 text-green-800",
         "gradient-red":
-          "hover:bg-gradient-to-r from-red-600 to-pink-600 hover:text-red-900 bg-gradient-to-r from-red-200 to-pink-200 text-red-800",
+          "hover:bg-linear-to-r from-red-600 to-pink-600 hover:text-red-900 bg-linear-to-r from-red-200 to-pink-200 text-red-800",
         "gradient-yellow":
-          "hover:bg-gradient-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-gradient-to-r from-yellow-200 to-orange-200 text-yellow-800",
+          "hover:bg-linear-to-r from-yellow-600 to-orange-600 hover:text-yellow-900 bg-linear-to-r from-yellow-200 to-orange-200 text-yellow-800",
         "gradient-purple":
-          "hover:bg-gradient-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-gradient-to-r from-purple-200 to-pink-200 text-purple-800",
+          "hover:bg-linear-to-r from-purple-600 to-pink-600 hover:text-purple-900 bg-linear-to-r from-purple-200 to-pink-200 text-purple-800",
         "gradient-teal":
-          "hover:bg-gradient-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-gradient-to-r from-teal-200 to-cyan-200 text-teal-800",
+          "hover:bg-linear-to-r from-teal-600 to-cyan-600 hover:text-teal-900 bg-linear-to-r from-teal-200 to-cyan-200 text-teal-800",
         "gradient-indigo":
-          "hover:bg-gradient-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-gradient-to-r from-indigo-200 to-purple-200 text-indigo-800",
+          "hover:bg-linear-to-r from-indigo-600 to-purple-600 hover:text-indigo-900 bg-linear-to-r from-indigo-200 to-purple-200 text-indigo-800",
         "gradient-pink":
-          "hover:bg-gradient-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-gradient-to-r from-pink-200 to-rose-200 text-pink-800",
+          "hover:bg-linear-to-r from-pink-600 to-rose-600 hover:text-pink-900 bg-linear-to-r from-pink-200 to-rose-200 text-pink-800",
         "gradient-orange":
-          "hover:bg-gradient-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-gradient-to-r from-orange-200 to-red-200 text-orange-800",
+          "hover:bg-linear-to-r from-orange-600 to-red-600 hover:text-orange-900 bg-linear-to-r from-orange-200 to-red-200 text-orange-800",
       },
     },
     defaultVariants: {

package/src/ui/empty-state/animated/empty-state-animated.tsx

@@ -3,9 +3,7 @@
 import { motion } from "framer-motion";
 import { emptyStateAnimationPresets } from "./animations";
 import type { EmptyStateAnimatedProps } from "./types";
-import {
-  EmptyStateBase,
-} from "../empty-state-base";
+import { EmptyStateBase } from "../empty-state-base";
 
 export function EmptyStateAnimated(props: EmptyStateAnimatedProps) {
   const { animation = "none" } = props;
@@ -20,4 +18,4 @@ export function EmptyStateAnimated(props: EmptyStateAnimatedProps) {
   );
 }
 
-EmptyStateAnimated.displayName = "EmptyState";
+EmptyStateAnimated.displayName = "EmptyState";

package/src/ui/empty-state/animated/index.ts

@@ -1,7 +1,10 @@
 "use client";
 
-export {
-  EmptyStateAnimated,
-} from "./empty-state-animated";
-export type { EmptyStateAnimatedProps, EmptyStateAnimation, EmptyStateVariantProps, EmptyStateAnimationPresets } from "./types";
-export { emptyStateAnimationPresets } from "./animations";
+export { EmptyStateAnimated } from "./empty-state-animated";
+export type {
+  EmptyStateAnimatedProps,
+  EmptyStateAnimation,
+  EmptyStateVariantProps,
+  EmptyStateAnimationPresets,
+} from "./types";
+export { emptyStateAnimationPresets } from "./animations";

package/src/ui/empty-state/empty-state-base.tsx

@@ -4,7 +4,11 @@ import { createContext, useContext, useMemo } from "react";
 
 import { cn } from "../../lib/utils";
 
-import type { EmptyStateProps, EmptyStateSectionProps, EmptyStateSize } from "./types";
+import type {
+  EmptyStateProps,
+  EmptyStateSectionProps,
+  EmptyStateSize,
+} from "./types";
 import {
   emptyStateDescriptionVariants,
   emptyStateTitleVariants,

package/src/ui/empty-state/index.ts

@@ -1,7 +1,13 @@
 "use client";
 
 export { EmptyState } from "./empty-state";
-export { EmptyStateAction, EmptyStateBase, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle } from "./empty-state-base";
+export {
+  EmptyStateAction,
+  EmptyStateBase,
+  EmptyStateDescription,
+  EmptyStateIcon,
+  EmptyStateTitle,
+} from "./empty-state-base";
 export type { EmptyStateProps, EmptyStateSectionProps } from "./types";
 export {
   emptyStateVariants,

package/src/ui/file-upload/file-upload.tsx

@@ -102,13 +102,9 @@ export function FileUpload({
             </span>
           </>
         )}
-        {
-          dragOver && (
-            <span className="text-xs text-slate-400">
-              Drop files here
-            </span>
-          )
-        }
+        {dragOver && (
+          <span className="text-xs text-slate-400">Drop files here</span>
+        )}
       </label>
     </div>
   );