@almadar/ui 5.122.3 → 5.122.5

package/dist/providers/index.cjs

@@ -1277,6 +1277,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] = React84.useState(show);
+  const [exiting, setExiting] = React84.useState(false);
+  const prev = React84.useRef(show);
+  const onExitedRef = React84.useRef(onExited);
+  onExitedRef.current = onExited;
+  const safeTimer = React84.useRef(null);
+  const clearSafe = React84.useCallback(() => {
+    if (safeTimer.current) {
+      clearTimeout(safeTimer.current);
+      safeTimer.current = null;
+    }
+  }, []);
+  const finishExit = React84.useCallback(() => {
+    clearSafe();
+    setExiting(false);
+    setMounted(false);
+    onExitedRef.current?.();
+  }, [clearSafe]);
+  React84.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]);
+  React84.useEffect(() => () => clearSafe(), [clearSafe]);
+  const disabled = !animate || !isMotionEnabled();
+  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const onAnimationEnd = React84.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__ */ jsxRuntime.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"() {
@@ -1287,6 +1358,7 @@ var init_Modal = __esm({
     init_Typography();
     init_cn();
     init_useEventBus();
+    init_Presence();
     sizeClasses2 = {
       sm: "max-w-md",
       md: "max-w-2xl",
@@ -1331,18 +1403,10 @@ var init_Modal = __esm({
       const [dragY, setDragY] = React84.useState(0);
       const dragStartY = React84.useRef(0);
       const isDragging = React84.useRef(false);
-      const [closing, setClosing] = React84.useState(false);
-      const wasOpenRef = React84.useRef(isOpen);
-      React84.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
+      });
       React84.useEffect(() => {
         if (isOpen) {
           previousActiveElement.current = document.activeElement;
@@ -1377,10 +1441,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();
@@ -1511,77 +1574,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] = React84.useState(show);
-  const [exiting, setExiting] = React84.useState(false);
-  const prev = React84.useRef(show);
-  const onExitedRef = React84.useRef(onExited);
-  onExitedRef.current = onExited;
-  const safeTimer = React84.useRef(null);
-  const clearSafe = React84.useCallback(() => {
-    if (safeTimer.current) {
-      clearTimeout(safeTimer.current);
-      safeTimer.current = null;
-    }
-  }, []);
-  const finishExit = React84.useCallback(() => {
-    clearSafe();
-    setExiting(false);
-    setMounted(false);
-    onExitedRef.current?.();
-  }, [clearSafe]);
-  React84.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]);
-  React84.useEffect(() => () => clearSafe(), [clearSafe]);
-  const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
-  const onAnimationEnd = React84.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__ */ jsxRuntime.jsx("div", { className: cn(animClass, className), onAnimationEnd, children });
-    };
-    Presence.displayName = "Presence";
-  }
-});
 var Overlay;
 var init_Overlay = __esm({
   "components/core/atoms/Overlay.tsx"() {

package/dist/providers/index.js

@@ -1,5 +1,5 @@
 import * as React84 from 'react';
-import React84__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, lazy, useLayoutEffect, useId, useSyncExternalStore } from 'react';
+import React84__default, { createContext, useContext, useMemo, useRef, useEffect, useCallback, Suspense, useState, useLayoutEffect, lazy, useId, useSyncExternalStore } from 'react';
 import { EventBusContext, useTraitScopeChain, useEntitySchemaOptional, TraitScopeProvider, useCurrentPagePath, useGameAudioContextOptional } from '@almadar/ui/providers';
 import { createLogger, isLogLevelEnabled } from '@almadar/logger';
 import { clsx } from 'clsx';
@@ -1232,6 +1232,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"() {
@@ -1242,6 +1313,7 @@ var init_Modal = __esm({
     init_Typography();
     init_cn();
     init_useEventBus();
+    init_Presence();
     sizeClasses2 = {
       sm: "max-w-md",
       md: "max-w-2xl",
@@ -1286,18 +1358,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;
@@ -1332,10 +1396,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();
@@ -1466,77 +1529,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/dist/runtime/index.cjs

@@ -1755,6 +1755,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] = React82.useState(show);
+  const [exiting, setExiting] = React82.useState(false);
+  const prev = React82.useRef(show);
+  const onExitedRef = React82.useRef(onExited);
+  onExitedRef.current = onExited;
+  const safeTimer = React82.useRef(null);
+  const clearSafe = React82.useCallback(() => {
+    if (safeTimer.current) {
+      clearTimeout(safeTimer.current);
+      safeTimer.current = null;
+    }
+  }, []);
+  const finishExit = React82.useCallback(() => {
+    clearSafe();
+    setExiting(false);
+    setMounted(false);
+    onExitedRef.current?.();
+  }, [clearSafe]);
+  React82.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]);
+  React82.useEffect(() => () => clearSafe(), [clearSafe]);
+  const disabled = !animate || !isMotionEnabled();
+  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const onAnimationEnd = React82.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__ */ jsxRuntime.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"() {
@@ -1765,6 +1836,7 @@ var init_Modal = __esm({
     init_Typography();
     init_cn();
     init_useEventBus();
+    init_Presence();
     sizeClasses2 = {
       sm: "max-w-md",
       md: "max-w-2xl",
@@ -1809,18 +1881,10 @@ var init_Modal = __esm({
       const [dragY, setDragY] = React82.useState(0);
       const dragStartY = React82.useRef(0);
       const isDragging = React82.useRef(false);
-      const [closing, setClosing] = React82.useState(false);
-      const wasOpenRef = React82.useRef(isOpen);
-      React82.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
+      });
       React82.useEffect(() => {
         if (isOpen) {
           previousActiveElement.current = document.activeElement;
@@ -1855,10 +1919,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();
@@ -1989,77 +2052,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] = React82.useState(show);
-  const [exiting, setExiting] = React82.useState(false);
-  const prev = React82.useRef(show);
-  const onExitedRef = React82.useRef(onExited);
-  onExitedRef.current = onExited;
-  const safeTimer = React82.useRef(null);
-  const clearSafe = React82.useCallback(() => {
-    if (safeTimer.current) {
-      clearTimeout(safeTimer.current);
-      safeTimer.current = null;
-    }
-  }, []);
-  const finishExit = React82.useCallback(() => {
-    clearSafe();
-    setExiting(false);
-    setMounted(false);
-    onExitedRef.current?.();
-  }, [clearSafe]);
-  React82.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]);
-  React82.useEffect(() => () => clearSafe(), [clearSafe]);
-  const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
-  const onAnimationEnd = React82.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__ */ jsxRuntime.jsx("div", { className: cn(animClass, className), onAnimationEnd, children });
-    };
-    Presence.displayName = "Presence";
-  }
-});
 var Overlay;
 var init_Overlay = __esm({
   "components/core/atoms/Overlay.tsx"() {