@almadar/ui 5.122.0 → 5.122.2

package/dist/avl/index.cjs

@@ -5140,6 +5140,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -5166,7 +5167,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       React91.useEffect(() => {
         if (isOpen) {

package/dist/avl/index.js

@@ -5094,6 +5094,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -5120,7 +5121,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       useEffect(() => {
         if (isOpen) {

package/dist/components/index.cjs

@@ -6146,6 +6146,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -6172,7 +6173,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       React74.useEffect(() => {
         if (isOpen) {

package/dist/components/index.d.cts

@@ -4362,6 +4362,8 @@ interface ModalProps {
     isOpen?: boolean;
     /** Callback when modal should close (injected by slot wrapper) */
     onClose?: () => void;
+    /** Fires after the exit animation completes (the modal is about to unmount). */
+    onExited?: () => void;
     title?: string;
     /** Modal content (can be empty if using slot content) */
     children?: React__default.ReactNode;

package/dist/components/index.d.ts

@@ -4362,6 +4362,8 @@ interface ModalProps {
     isOpen?: boolean;
     /** Callback when modal should close (injected by slot wrapper) */
     onClose?: () => void;
+    /** Fires after the exit animation completes (the modal is about to unmount). */
+    onExited?: () => void;
     title?: string;
     /** Modal content (can be empty if using slot content) */
     children?: React__default.ReactNode;

package/dist/components/index.js

@@ -6101,6 +6101,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -6127,7 +6128,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       useEffect(() => {
         if (isOpen) {

package/dist/providers/index.cjs

@@ -1311,6 +1311,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -1337,7 +1338,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       React84.useEffect(() => {
         if (isOpen) {

package/dist/providers/index.js

@@ -1266,6 +1266,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -1292,7 +1293,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       useEffect(() => {
         if (isOpen) {

package/dist/runtime/index.cjs

@@ -1789,6 +1789,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -1815,7 +1816,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       React82.useEffect(() => {
         if (isOpen) {

package/dist/runtime/index.js

@@ -1745,6 +1745,7 @@ var init_Modal = __esm({
       isOpen = true,
       onClose = () => {
       },
+      onExited,
       title,
       children = null,
       footer,
@@ -1771,7 +1772,10 @@ var init_Modal = __esm({
         wasOpenRef.current = isOpen;
       }, [isOpen]);
       const handleAnimEnd = (e) => {
-        if (closing && e.target === e.currentTarget) setClosing(false);
+        if (closing && e.target === e.currentTarget) {
+          setClosing(false);
+          onExited?.();
+        }
       };
       useEffect(() => {
         if (isOpen) {

package/package.json

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

package/tailwind-preset.cjs

@@ -353,9 +353,11 @@ module.exports = {
         bold: 'var(--font-weight-bold, 600)',
       },
       transitionDuration: {
-        // Existing aliases retained; resolve through the Motion-axis tokens
-        // with the previous `--transition-*` values as fallback so themes that
-        // don't define `--duration-*` keep their pre-Layer-1 motion.
+        // DEFAULT drives every bare `transition-*` utility (transition-all /
+        // transition-colors / ...) so its duration is theme-token-driven too —
+        // not Tailwind's hardcoded 150ms. Existing aliases resolve through the
+        // Motion-axis tokens with the legacy `--transition-*` as fallback.
+        DEFAULT: 'var(--duration-fast, var(--transition-fast, 150ms))',
         fast: 'var(--duration-fast, var(--transition-fast, 150ms))',
         normal: 'var(--duration-normal, var(--transition-normal, 250ms))',
         slow: 'var(--duration-slow, var(--transition-slow, 400ms))',
@@ -363,8 +365,10 @@ module.exports = {
         dramatic: 'var(--duration-dramatic, 600ms)',
       },
       transitionTimingFunction: {
-        // Motion-axis easing palette. `standard` falls back to the existing
-        // `--transition-timing` so backward compat is preserved.
+        // DEFAULT drives every bare `transition-*` utility so its easing is
+        // theme-token-driven — not Tailwind's hardcoded cubic-bezier. `standard`
+        // falls back to legacy `--transition-timing` for backward compat.
+        DEFAULT: 'var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
         linear: 'var(--easing-linear, linear)',
         standard: 'var(--easing-standard, var(--transition-timing, cubic-bezier(0.4, 0, 0.2, 1)))',
         emphasized: 'var(--easing-emphasized, cubic-bezier(0.2, 0, 0, 1))',