@appolabs/ui 0.1.11 → 0.1.13

package/dist/index.d.cts

@@ -388,6 +388,8 @@ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     onCloseComplete?: () => void;
+    /** Render open immediately with no entry/exit animation. */
+    instant?: boolean;
 }
 declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {

package/dist/index.d.ts

@@ -388,6 +388,8 @@ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.Dia
 declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
 interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> {
     onCloseComplete?: () => void;
+    /** Render open immediately with no entry/exit animation. */
+    instant?: boolean;
 }
 declare const DialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const DialogHeader: {

package/dist/index.js

@@ -1321,7 +1321,7 @@ var DialogOverlay = React40.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React40.forwardRef(({ className, children, onCloseComplete, onAnimationEnd, ...props }, ref) => {
+var DialogContent = React40.forwardRef(({ className, children, onCloseComplete, onAnimationEnd, instant, ...props }, ref) => {
   const handleAnimationEnd = React40.useCallback(
     (e) => {
       onAnimationEnd?.(e);
@@ -1332,16 +1332,17 @@ var DialogContent = React40.forwardRef(({ className, children, onCloseComplete,
     [onAnimationEnd, onCloseComplete]
   );
   return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
+    /* @__PURE__ */ jsx(DialogOverlay, { className: instant ? "animate-none" : void 0 }),
     /* @__PURE__ */ jsx(
       DialogPrimitive.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
       }
@@ -1370,7 +1371,7 @@ var DialogBody = ({
   "div",
   {
     className: cn(
-      "flex-1 overflow-y-auto px-6 pb-1",
+      "flex-1 overflow-y-auto px-6 pb-2",
       className
     ),
     ...props