@almadar/ui 5.122.5 → 5.122.6

package/dist/avl/index.cjs

@@ -5152,7 +5152,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React91.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React91.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/avl/index.js

@@ -5106,7 +5106,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/components/index.cjs

@@ -4141,7 +4141,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React74.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React74.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/components/index.js

@@ -4096,7 +4096,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/providers/index.cjs

@@ -1323,7 +1323,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React84.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React84.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/providers/index.js

@@ -1278,7 +1278,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/runtime/index.cjs

@@ -1801,7 +1801,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   React82.useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = React82.useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/dist/runtime/index.js

@@ -1757,7 +1757,7 @@ function usePresence(show, opts) {
   }, [show, animate, clearSafe, finishExit]);
   useEffect(() => () => clearSafe(), [clearSafe]);
   const disabled = !animate || !isMotionEnabled();
-  const className = disabled ? "" : exiting ? `animate-${animation}-out` : `animate-${animation}-in`;
+  const className = disabled ? "" : show ? `animate-${animation}-in` : `animate-${animation}-out`;
   const onAnimationEnd = useCallback(
     (e) => {
       if (e.target !== e.currentTarget) return;

package/package.json

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

package/tailwind-preset.cjs

@@ -510,20 +510,20 @@ module.exports = {
         // Motion-token-driven durations/easings (fall back to legacy
         // --transition-* so themes that haven't migrated keep working).
         'modal-in': 'modal-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'modal-out': 'modal-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'modal-out': 'modal-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'overlay-in': 'overlay-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'overlay-out': 'overlay-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'overlay-out': 'overlay-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'slide-up': 'slide-up var(--duration-slow, var(--transition-slow, 400ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
         'drawer-in': 'drawer-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
-        'drawer-out': 'drawer-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
+        'drawer-out': 'drawer-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1)) forwards',
         'popover-in': 'popover-in var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'popover-out': 'popover-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'popover-out': 'popover-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'toast-in': 'toast-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',
-        'toast-out': 'toast-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'toast-out': 'toast-out var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'fade-in': 'fade-in var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'fade-out': 'fade-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'fade-out': 'fade-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'page-in': 'page-in var(--duration-normal, var(--transition-normal, 250ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
-        'page-out': 'page-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
+        'page-out': 'page-out var(--duration-fast, var(--transition-fast, 150ms)) var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1))) forwards',
         'shimmer': 'shimmer var(--duration-shimmer, 1.5s) var(--easing-linear, linear) infinite',
       },
       // Density-axis spacing scale. Tailwind's default `p-3` / `gap-4` resolve