fix : fade

Author: sanguogege

packages/ui/src/combobox/combobox.tsx

@@ -15,7 +15,7 @@ const comboboxStyles = tv(
             input: "h-9 w-full bg-transparent px-3 py-1 text-sm outline-none placeholder:text-zinc-500 disabled:cursor-not-allowed",
             trigger: "flex h-9 w-9 items-center justify-center text-zinc-500",
             content: [
-                "z-50 min-w-[8rem] overflow-hidden rounded-md border border-base bg-app text-zinc-950 shadow-md animate-in fade-in-0 zoom-in-95   dark:text-zinc-50",
+                "z-50 min-w-[8rem] overflow-hidden rounded-md border border-base bg-app text-zinc-950 shadow-md animate-in zoom-in-95   dark:text-zinc-50",
                 "data-[expanded]:animate-in data-[closed]:animate-out",
             ],
             listbox: "p-1",

packages/ui/src/dialog/dialog.tsx

@@ -10,13 +10,12 @@ const dialogStyles = tv(
     {
         slots: {
             overlay: [
-                "fixed inset-0 z-50 backdrop-blur-sm animate-in fade-in-0 duration-200",
+                "fixed inset-0 z-50 backdrop-blur-sm animate-in duration-200",
                 "data-[expanded]:animate-in data-[closed]:animate-out",
             ],
             content: [
                 [
                     "fixed left-[50%] top-[50%] z-50 w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-base bg-app text-main p-4 shadow-lg rounded-xl",
-                    // "animate-in fade-in-0 zoom-in-95 duration-200 ",
                     "data-[expanded]:animate-in data-[closed]:animate-out",
                 ],
             ],

packages/ui/src/dropdown-menu/dropdown-menu.tsx

@@ -10,7 +10,7 @@ const menuStyles = tv(
         slots: {
             trigger: "inline-block cursor-pointer",
             content: [
-                "z-50 min-w-[8rem] overflow-hidden rounded-md border border-light bg-white p-1 text-zinc-950 shadow-md animate-in fade-in-0 zoom-in-95 dark:bg-zinc-950 dark:text-zinc-50",
+                "z-50 min-w-[8rem] overflow-hidden rounded-md border border-light bg-white p-1 text-zinc-950 shadow-md animate-in zoom-in-95 dark:bg-zinc-950 dark:text-zinc-50",
                 "data-[expanded]:animate-in data-[closed]:animate-out",
             ],
             item: "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors data-[highlighted]:bg-zinc-100 data-[highlighted]:text-zinc-900 data-[disabled]:pointer-events-none data-[disabled]:opacity-50 dark:data-[highlighted]:bg-zinc-800 dark:data-[highlighted]:text-zinc-50",

packages/ui/src/tooltip/tooltip.tsx

@@ -7,7 +7,7 @@ const tooltipStyles = tv(
         slots: {
             content: [
                 "z-50 rounded-md px-4 py-1.5 text-xs shadow-md",
-                "animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+                "animate-in zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
             ],
             arrow: "",
         },