@mieweb/ui 0.10.0-dev.45 → 0.10.0-dev.46

package/dist/deck.js

@@ -1,4 +1,5 @@
 import { TemplateAnchor, TemplateImg, TemplateIcon, safeHref } from './chunk-FBCDYTWM.js';
+import { isRtl } from './chunk-YVKBXNPK.js';
 import './chunk-GVM6DTR5.js';
 import { cn } from './chunk-TQONQSJO.js';
 import './chunk-PX6F3LHL.js';
@@ -1646,7 +1647,12 @@ function TabsRenderer({ slide, index }) {
   const current = slide.tabs[active]?.slide;
   const onKey = (e) => {
     const n = slide.tabs.length;
-    const next = e.key === "ArrowRight" ? (active + 1) % n : e.key === "ArrowLeft" ? (active - 1 + n) % n : e.key === "Home" ? 0 : e.key === "End" ? n - 1 : -1;
+    let key = e.key;
+    if (isRtl(e.currentTarget)) {
+      if (key === "ArrowRight") key = "ArrowLeft";
+      else if (key === "ArrowLeft") key = "ArrowRight";
+    }
+    const next = key === "ArrowRight" ? (active + 1) % n : key === "ArrowLeft" ? (active - 1 + n) % n : key === "Home" ? 0 : key === "End" ? n - 1 : -1;
     if (next < 0) return;
     e.preventDefault();
     e.stopPropagation();
@@ -3154,10 +3160,13 @@ var Deck = React9.forwardRef(
         if (typingTarget(e.target)) return;
         const key = e.key;
         if (key === " " && spaceActivates(e.target)) return;
-        if (["ArrowDown", "ArrowRight", "PageDown", " "].includes(key)) {
+        const rtl = isRtl(rootRef.current);
+        const nextKey = rtl ? "ArrowLeft" : "ArrowRight";
+        const prevKey = rtl ? "ArrowRight" : "ArrowLeft";
+        if (["ArrowDown", nextKey, "PageDown", " "].includes(key)) {
           e.preventDefault();
           goTo(active + 1);
-        } else if (["ArrowUp", "ArrowLeft", "PageUp"].includes(key)) {
+        } else if (["ArrowUp", prevKey, "PageUp"].includes(key)) {
           e.preventDefault();
           goTo(active - 1);
         } else if (key === "Home") {