@trackunit/react-components 1.25.1 → 1.25.4

package/index.cjs.js

@@ -8658,6 +8658,24 @@ const useSheetLifecycle = ({ isOpen, entryAnimation, visuallyOpen, variant, cont
     react.useEffect(() => {
         onCloseCompleteRef.current = onCloseComplete;
     }, [onCloseComplete]);
+    // In headless browsers and test environments CSS transitions are suppressed,
+    // so transitionend never fires. After one animation frame we can tell whether
+    // any transition actually started: if getAnimations() is empty the close should
+    // complete immediately rather than waiting for the safety timeout in useModal.
+    react.useEffect(() => {
+        if (isOpen)
+            return;
+        const rafId = requestAnimationFrame(() => {
+            const panel = panelRef.current;
+            if (!panel || isOpenRef.current)
+                return;
+            if (typeof panel.getAnimations === "function" && panel.getAnimations().length === 0) {
+                dispatch({ type: "UNMOUNT" });
+                onCloseCompleteRef.current?.();
+            }
+        });
+        return () => cancelAnimationFrame(rafId);
+    }, [isOpen, dispatch, panelRef]);
     const handleTransitionEnd = react.useCallback((e) => {
         if (e.target !== e.currentTarget || isOpenRef.current)
             return;

package/index.esm.js

@@ -8656,6 +8656,24 @@ const useSheetLifecycle = ({ isOpen, entryAnimation, visuallyOpen, variant, cont
     useEffect(() => {
         onCloseCompleteRef.current = onCloseComplete;
     }, [onCloseComplete]);
+    // In headless browsers and test environments CSS transitions are suppressed,
+    // so transitionend never fires. After one animation frame we can tell whether
+    // any transition actually started: if getAnimations() is empty the close should
+    // complete immediately rather than waiting for the safety timeout in useModal.
+    useEffect(() => {
+        if (isOpen)
+            return;
+        const rafId = requestAnimationFrame(() => {
+            const panel = panelRef.current;
+            if (!panel || isOpenRef.current)
+                return;
+            if (typeof panel.getAnimations === "function" && panel.getAnimations().length === 0) {
+                dispatch({ type: "UNMOUNT" });
+                onCloseCompleteRef.current?.();
+            }
+        });
+        return () => cancelAnimationFrame(rafId);
+    }, [isOpen, dispatch, panelRef]);
     const handleTransitionEnd = useCallback((e) => {
         if (e.target !== e.currentTarget || isOpenRef.current)
             return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "1.25.1",
+  "version": "1.25.4",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "migrations": "./migrations.json",
@@ -14,17 +14,17 @@
     "@floating-ui/react": "^0.26.25",
     "string-ts": "^2.0.0",
     "tailwind-merge": "^2.0.0",
-    "@trackunit/ui-design-tokens": "1.13.5",
-    "@trackunit/css-class-variance-utilities": "1.13.5",
-    "@trackunit/shared-utils": "1.15.5",
-    "@trackunit/ui-icons": "1.13.5",
+    "@trackunit/ui-design-tokens": "1.13.6",
+    "@trackunit/css-class-variance-utilities": "1.13.6",
+    "@trackunit/shared-utils": "1.15.6",
+    "@trackunit/ui-icons": "1.13.6",
     "es-toolkit": "^1.39.10",
     "@tanstack/react-virtual": "3.13.12",
     "dequal": "^2.0.3",
     "fflate": "^0.8.2",
     "superjson": "^2.2.6",
     "zod": "^3.25.76",
-    "@trackunit/i18n-library-translation": "1.22.0"
+    "@trackunit/i18n-library-translation": "1.22.1"
   },
   "peerDependencies": {
     "react": "^19.0.0",

package/translation.cjs.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "zurück",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Schließen",
+	"moreMenu.buttonLabel": "Mehr anzeigen"
 };
 
 exports.default = translation;

package/translation.cjs10.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "powrót",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Zamknij",
+	"moreMenu.buttonLabel": "Pokaż więcej"
 };
 
 exports.default = translation;

package/translation.cjs11.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "voltar",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Fechar",
+	"moreMenu.buttonLabel": "Mostrar mais"
 };
 
 exports.default = translation;

package/translation.cjs12.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "назад",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Закрыть",
+	"moreMenu.buttonLabel": "Показать больше"
 };
 
 exports.default = translation;

package/translation.cjs13.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "înapoi",
+	"breadcrumb.expandButton": "extindere",
+	"cardHeader.closeButton": "Închidere",
+	"moreMenu.buttonLabel": "Afișare mai mult"
 };
 
 exports.default = translation;

package/translation.cjs14.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "atrás",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Cerrar",
+	"moreMenu.buttonLabel": "Mostrar más"
 };
 
 exports.default = translation;

package/translation.cjs15.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "tillbaka",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Stäng",
+	"moreMenu.buttonLabel": "Visa mer"
 };
 
 exports.default = translation;

package/translation.cjs16.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "戻る",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "閉じる",
+	"moreMenu.buttonLabel": "Show more"
 };
 
 exports.default = translation;

package/translation.cjs17.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "ย้อนกลับ",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "ปิด",
+	"moreMenu.buttonLabel": "แสดงเพิ่มเติม"
 };
 
 exports.default = translation;

package/translation.cjs2.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "tilbage",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Luk",
+	"moreMenu.buttonLabel": "Vis mere"
 };
 
 exports.default = translation;

package/translation.cjs3.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "zpět",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Zavřít",
+	"moreMenu.buttonLabel": "Zobrazit více"
 };
 
 exports.default = translation;

package/translation.cjs4.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "terug",
+	"breadcrumb.expandButton": "uitklappen",
+	"cardHeader.closeButton": "Close",
+	"moreMenu.buttonLabel": "Meer weergeven"
 };
 
 exports.default = translation;

package/translation.cjs5.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "retour",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Fermer",
+	"moreMenu.buttonLabel": "Afficher plus"
 };
 
 exports.default = translation;

package/translation.cjs6.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "takaisin",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Sulje",
+	"moreMenu.buttonLabel": "Näytä lisää"
 };
 
 exports.default = translation;

package/translation.cjs7.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "vissza",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Close",
+	"moreMenu.buttonLabel": "Több megjelenítése"
 };
 
 exports.default = translation;

package/translation.cjs8.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "indietro",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Chiudi",
+	"moreMenu.buttonLabel": "Mostra di più"
 };
 
 exports.default = translation;

package/translation.cjs9.js

@@ -1,7 +1,10 @@
 'use strict';
 
 var translation = {
-	
+	"breadcrumb.backButton": "tilbake",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Lukk",
+	"moreMenu.buttonLabel": "Vis mer"
 };
 
 exports.default = translation;

package/translation.esm.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "zurück",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Schließen",
+	"moreMenu.buttonLabel": "Mehr anzeigen"
 };
 
 export { translation as default };

package/translation.esm10.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "powrót",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Zamknij",
+	"moreMenu.buttonLabel": "Pokaż więcej"
 };
 
 export { translation as default };

package/translation.esm11.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "voltar",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Fechar",
+	"moreMenu.buttonLabel": "Mostrar mais"
 };
 
 export { translation as default };

package/translation.esm12.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "назад",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Закрыть",
+	"moreMenu.buttonLabel": "Показать больше"
 };
 
 export { translation as default };

package/translation.esm13.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "înapoi",
+	"breadcrumb.expandButton": "extindere",
+	"cardHeader.closeButton": "Închidere",
+	"moreMenu.buttonLabel": "Afișare mai mult"
 };
 
 export { translation as default };

package/translation.esm14.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "atrás",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Cerrar",
+	"moreMenu.buttonLabel": "Mostrar más"
 };
 
 export { translation as default };

package/translation.esm15.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "tillbaka",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Stäng",
+	"moreMenu.buttonLabel": "Visa mer"
 };
 
 export { translation as default };

package/translation.esm16.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "戻る",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "閉じる",
+	"moreMenu.buttonLabel": "Show more"
 };
 
 export { translation as default };

package/translation.esm17.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "ย้อนกลับ",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "ปิด",
+	"moreMenu.buttonLabel": "แสดงเพิ่มเติม"
 };
 
 export { translation as default };

package/translation.esm2.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "tilbage",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Luk",
+	"moreMenu.buttonLabel": "Vis mere"
 };
 
 export { translation as default };

package/translation.esm3.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "zpět",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Zavřít",
+	"moreMenu.buttonLabel": "Zobrazit více"
 };
 
 export { translation as default };

package/translation.esm4.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "terug",
+	"breadcrumb.expandButton": "uitklappen",
+	"cardHeader.closeButton": "Close",
+	"moreMenu.buttonLabel": "Meer weergeven"
 };
 
 export { translation as default };

package/translation.esm5.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "retour",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Fermer",
+	"moreMenu.buttonLabel": "Afficher plus"
 };
 
 export { translation as default };

package/translation.esm6.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "takaisin",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Sulje",
+	"moreMenu.buttonLabel": "Näytä lisää"
 };
 
 export { translation as default };

package/translation.esm7.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "vissza",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Close",
+	"moreMenu.buttonLabel": "Több megjelenítése"
 };
 
 export { translation as default };

package/translation.esm8.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "indietro",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Chiudi",
+	"moreMenu.buttonLabel": "Mostra di più"
 };
 
 export { translation as default };

package/translation.esm9.js

@@ -1,5 +1,8 @@
 var translation = {
-	
+	"breadcrumb.backButton": "tilbake",
+	"breadcrumb.expandButton": "expand",
+	"cardHeader.closeButton": "Lukk",
+	"moreMenu.buttonLabel": "Vis mer"
 };
 
 export { translation as default };