@evinvest/uikit 0.8.1 → 0.10.0

package/dist/index.d.ts

@@ -1161,10 +1161,10 @@ declare function SheetTitle({ className, ...props }: React.ComponentProps<"h2">)
 declare function SheetDescription({ className, ...props }: React.ComponentProps<"p">): React.JSX.Element;
 
 declare const drawerDirectionClasses: {
-    readonly bottom: "inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0";
-    readonly top: "inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0";
-    readonly left: "inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm";
-    readonly right: "inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm";
+    readonly bottom: "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0";
+    readonly top: "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0";
+    readonly left: "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm";
+    readonly right: "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm";
 };
 type DrawerDirection = keyof typeof drawerDirectionClasses;
 

package/dist/index.js

@@ -5793,14 +5793,14 @@ function SheetDescription({ className, ...props }) {
 import * as React61 from "react";
 
 // src/generated/drawer.ts
-var DRAWER_CONTENT_BASE = "bg-background fixed z-50 flex h-auto border";
+var DRAWER_CONTENT_BASE = "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex h-auto border transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500";
 var drawerDirectionClasses = {
-  "bottom": "inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0",
-  "top": "inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0",
-  "left": "inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm",
-  "right": "inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm"
+  "bottom": "data-[state=open]:slide-in-from-bottom data-[state=closed]:slide-out-to-bottom inset-x-0 bottom-0 mt-24 max-h-[80vh] flex-col rounded-t-lg border-b-0",
+  "top": "data-[state=open]:slide-in-from-top data-[state=closed]:slide-out-to-top inset-x-0 top-0 mb-24 max-h-[80vh] flex-col rounded-b-lg border-t-0",
+  "left": "data-[state=open]:slide-in-from-left data-[state=closed]:slide-out-to-left inset-y-0 left-0 w-3/4 flex-row border-r sm:max-w-sm",
+  "right": "data-[state=open]:slide-in-from-right data-[state=closed]:slide-out-to-right inset-y-0 right-0 w-3/4 flex-row border-l sm:max-w-sm"
 };
-var DRAWER_OVERLAY = "fixed inset-0 z-50 bg-black/50";
+var DRAWER_OVERLAY = "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50";
 var DRAWER_HANDLE = "bg-muted mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full";
 var DRAWER_HEADER = "flex flex-col gap-0.5 p-4 text-center sm:gap-1.5 sm:text-left";
 var DRAWER_FOOTER = "mt-auto flex flex-col gap-2 p-4";
@@ -5882,6 +5882,7 @@ function DrawerContent({ className, children, ...props }) {
       "div",
       {
         "data-slot": "drawer-overlay",
+        "data-state": "open",
         className: DRAWER_OVERLAY,
         onClick: () => setOpen(false)
       }