@almadar/ui 5.122.3 → 5.122.5

package/dist/runtime/index.js

@@ -1,5 +1,5 @@
 import * as React82 from 'react';
-import React82__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useSyncExternalStore, lazy, useLayoutEffect, useId } from 'react';
+import React82__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useSyncExternalStore, useLayoutEffect, lazy, useId } from 'react';
 import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, useEntitySchema, getAllPages, OrbitalProvider, TraitScopeProvider, ServerBridgeProvider, useCurrentPagePath, useGameAudioContextOptional, VerificationProvider, EntitySchemaProvider, OrbitalThemeProvider, useServerBridge } from '@almadar/ui/providers';
 export { EntitySchemaProvider, ServerBridgeProvider, TraitContext, TraitProvider, useEntitySchema, useEntitySchemaOptional, useServerBridge, useTrait, useTraitContext } from '@almadar/ui/providers';
 import { createLogger, setNamespaceLevel, isLogLevelEnabled } from '@almadar/logger';
@@ -1711,6 +1711,77 @@ var init_Typography = __esm({
     Typography.displayName = "Typography";
   }
 });
+function isMotionEnabled() {
+  if (typeof document === "undefined") return true;
+  if (motionEnabledCache !== null) return motionEnabledCache;
+  const v = getComputedStyle(document.documentElement).getPropertyValue("--motion-enable").trim().toLowerCase();
+  motionEnabledCache = v !== "off";
+  return motionEnabledCache;
+}
+function usePresence(show, opts) {
+  const { animation, animate = true, onExited } = opts;
+  const [mounted, setMounted] = useState(show);
+  const [exiting, setExiting] = useState(false);
+  const prev = useRef(show);
+  const onExitedRef = useRef(onExited);
+  onExitedRef.current = onExited;
+  const safeTimer = useRef(null);
+  const clearSafe = useCallback(() => {
+    if (safeTimer.current) {
+      clearTimeout(safeTimer.current);
+      safeTimer.current = null;
+    }
+  }, []);
+  const finishExit = useCallback(() => {
+    clearSafe();
+    setExiting(false);
+    setMounted(false);
+    onExitedRef.current?.();
+  }, [clearSafe]);
+  useLayoutEffect(() => {
+    const moving = animate && isMotionEnabled();
+    if (show && !prev.current) {
+      setExiting(false);
+      setMounted(true);
+    } else if (!show && prev.current) {
+      if (moving) {
+        setExiting(true);
+        clearSafe();
+        safeTimer.current = setTimeout(finishExit, SAFE_EXIT_MS);
+      } else {
+        setMounted(false);
+        setExiting(false);
+      }
+    }
+    prev.current = show;
+  }, [show, animate, clearSafe, finishExit]);
+  useEffect(() => () => clearSafe(), [clearSafe]);
+  const disabled = !animate || !isMotionEnabled();
+  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const onAnimationEnd = useCallback(
+    (e) => {
+      if (e.target !== e.currentTarget) return;
+      if (exiting) finishExit();
+    },
+    [exiting, finishExit]
+  );
+  return { mounted, exiting, className, onAnimationEnd };
+}
+var SAFE_EXIT_MS, motionEnabledCache, Presence;
+var init_Presence = __esm({
+  "components/core/atoms/Presence.tsx"() {
+    "use client";
+    init_cn();
+    SAFE_EXIT_MS = 1e3;
+    motionEnabledCache = null;
+    Presence = ({ show, className, children, ...opts }) => {
+      const { mounted, className: animClass, onAnimationEnd } = usePresence(show, opts);
+      if (!mounted) return null;
+      return /* @__PURE__ */ jsx("div", { className: cn(animClass, className), onAnimationEnd, children });
+    };
+    Presence.displayName = "Presence";
+  }
+});
 var sizeClasses2, minWidthClasses, lookStyles, Modal;
 var init_Modal = __esm({
   "components/core/molecules/Modal.tsx"() {
@@ -1721,6 +1792,7 @@ var init_Modal = __esm({
     init_Typography();
     init_cn();
     init_useEventBus();
+    init_Presence();
     sizeClasses2 = {
       sm: "max-w-md",
       md: "max-w-2xl",
@@ -1765,18 +1837,10 @@ var init_Modal = __esm({
       const [dragY, setDragY] = useState(0);
       const dragStartY = useRef(0);
       const isDragging = useRef(false);
-      const [closing, setClosing] = useState(false);
-      const wasOpenRef = useRef(isOpen);
-      useEffect(() => {
-        if (wasOpenRef.current && !isOpen) setClosing(true);
-        wasOpenRef.current = isOpen;
-      }, [isOpen]);
-      const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) {
-          setClosing(false);
-          onExited?.();
-        }
-      };
+      const { mounted, exiting, onAnimationEnd: handleAnimEnd } = usePresence(isOpen, {
+        animation: "modal",
+        onExited
+      });
       useEffect(() => {
         if (isOpen) {
           previousActiveElement.current = document.activeElement;
@@ -1811,10 +1875,9 @@ var init_Modal = __esm({
         };
       }, [isOpen]);
       if (typeof document === "undefined") return null;
-      const renderOpen = isOpen || closing;
-      if (!renderOpen) return null;
-      const dialogAnim = closing ? "animate-modal-out" : "animate-modal-in";
-      const overlayAnim = closing ? "animate-overlay-out" : "animate-overlay-in";
+      if (!mounted) return null;
+      const dialogAnim = exiting ? "animate-modal-out" : "animate-modal-in";
+      const overlayAnim = exiting ? "animate-overlay-out" : "animate-overlay-in";
       const handleClose = () => {
         if (closeEvent) eventBus.emit(`UI:${closeEvent}`, {});
         onClose();
@@ -1945,77 +2008,6 @@ var init_Modal = __esm({
     Modal.displayName = "Modal";
   }
 });
-function isMotionEnabled() {
-  if (typeof document === "undefined") return true;
-  if (motionEnabledCache !== null) return motionEnabledCache;
-  const v = getComputedStyle(document.documentElement).getPropertyValue("--motion-enable").trim().toLowerCase();
-  motionEnabledCache = v !== "off";
-  return motionEnabledCache;
-}
-function usePresence(show, opts) {
-  const { animation, animate = true, onExited } = opts;
-  const [mounted, setMounted] = useState(show);
-  const [exiting, setExiting] = useState(false);
-  const prev = useRef(show);
-  const onExitedRef = useRef(onExited);
-  onExitedRef.current = onExited;
-  const safeTimer = useRef(null);
-  const clearSafe = useCallback(() => {
-    if (safeTimer.current) {
-      clearTimeout(safeTimer.current);
-      safeTimer.current = null;
-    }
-  }, []);
-  const finishExit = useCallback(() => {
-    clearSafe();
-    setExiting(false);
-    setMounted(false);
-    onExitedRef.current?.();
-  }, [clearSafe]);
-  useEffect(() => {
-    const moving = animate && isMotionEnabled();
-    if (show && !prev.current) {
-      setExiting(false);
-      setMounted(true);
-    } else if (!show && prev.current) {
-      if (moving) {
-        setExiting(true);
-        clearSafe();
-        safeTimer.current = setTimeout(finishExit, SAFE_EXIT_MS);
-      } else {
-        setMounted(false);
-        setExiting(false);
-      }
-    }
-    prev.current = show;
-  }, [show, animate, clearSafe, finishExit]);
-  useEffect(() => () => clearSafe(), [clearSafe]);
-  const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
-  const onAnimationEnd = useCallback(
-    (e) => {
-      if (e.target !== e.currentTarget) return;
-      if (exiting) finishExit();
-    },
-    [exiting, finishExit]
-  );
-  return { mounted, exiting, className, onAnimationEnd };
-}
-var SAFE_EXIT_MS, motionEnabledCache, Presence;
-var init_Presence = __esm({
-  "components/core/atoms/Presence.tsx"() {
-    "use client";
-    init_cn();
-    SAFE_EXIT_MS = 1e3;
-    motionEnabledCache = null;
-    Presence = ({ show, className, children, ...opts }) => {
-      const { mounted, className: animClass, onAnimationEnd } = usePresence(show, opts);
-      if (!mounted) return null;
-      return /* @__PURE__ */ jsx("div", { className: cn(animClass, className), onAnimationEnd, children });
-    };
-    Presence.displayName = "Presence";
-  }
-});
 var Overlay;
 var init_Overlay = __esm({
   "components/core/atoms/Overlay.tsx"() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@almadar/ui",
-  "version": "5.122.3",
+  "version": "5.122.5",
   "description": "React UI components, hooks, and providers for Almadar",
   "type": "module",
   "sideEffects": [