@appolabs/ui 0.1.12 → 0.1.13

package/dist/index.cjs

@@ -1373,7 +1373,7 @@ var DialogOverlay = React40__namespace.forwardRef(({ className, ...props }, ref)
   }
 ));
 DialogOverlay.displayName = DialogPrimitive__namespace.Overlay.displayName;
-var DialogContent = React40__namespace.forwardRef(({ className, children, onCloseComplete, onAnimationEnd, ...props }, ref) => {
+var DialogContent = React40__namespace.forwardRef(({ className, children, onCloseComplete, onAnimationEnd, instant, ...props }, ref) => {
   const handleAnimationEnd = React40__namespace.useCallback(
     (e) => {
       onAnimationEnd?.(e);
@@ -1384,16 +1384,17 @@ var DialogContent = React40__namespace.forwardRef(({ className, children, onClos
     [onAnimationEnd, onCloseComplete]
   );
   return /* @__PURE__ */ jsxRuntime.jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsxRuntime.jsx(DialogOverlay, { className: instant ? "animate-none" : void 0 }),
     /* @__PURE__ */ jsxRuntime.jsx(
       DialogPrimitive__namespace.Content,
       {
         ref,
         className: cn(
-          "fixed left-[50%] top-[50%] z-50 flex max-h-[85vh] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col gap-4 border bg-background p-1 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+          "fixed left-[50%] top-[50%] z-50 flex max-h-[85vh] w-full max-w-lg translate-x-[-50%] translate-y-[-50%] flex-col gap-4 border bg-background p-1 shadow-lg sm:rounded-lg",
+          !instant && "duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
           className
         ),
-        onAnimationEnd: handleAnimationEnd,
+        onAnimationEnd: instant ? void 0 : handleAnimationEnd,
         ...props,
         children
       }