@dxos/react-ui 0.8.0 → 0.8.1-main.013e445

package/dist/lib/browser/index.mjs

@@ -1918,7 +1918,7 @@ var TreeItem = {
 };
 
 // packages/ui/react-ui/src/components/Lists/Treegrid.tsx
-import { useFocusableGroup, useArrowNavigationGroup } from "@fluentui/react-tabster";
+import { useArrowNavigationGroup, useFocusableGroup } from "@fluentui/react-tabster";
 import { createContextScope as createContextScope2 } from "@radix-ui/react-context";
 import { Primitive as Primitive8 } from "@radix-ui/react-primitive";
 import { Slot as Slot9 } from "@radix-ui/react-slot";
@@ -2015,9 +2015,8 @@ var Treegrid = {
 };
 
 // packages/ui/react-ui/src/components/Main/Main.tsx
-import { useFocusableGroup as useFocusableGroup2 } from "@fluentui/react-tabster";
 import { createContext as createContext10 } from "@radix-ui/react-context";
-import { Root as DialogRoot2, DialogContent as DialogContent2 } from "@radix-ui/react-dialog";
+import { Root as DialogRoot2, DialogContent as DialogContent2, DialogTitle as DialogTitle2 } from "@radix-ui/react-dialog";
 import { Primitive as Primitive9 } from "@radix-ui/react-primitive";
 import { Slot as Slot10 } from "@radix-ui/react-slot";
 import { useControllableState as useControllableState4 } from "@radix-ui/react-use-controllable-state";
@@ -2145,17 +2144,17 @@ var useLandmarkMover = (propsOnKeyDown, landmark) => {
   }, [
     propsOnKeyDown
   ]);
-  const focusableAttrs = useFocusableGroup2({
+  const focusableGroupAttrs = window ? {} : {
     tabBehavior: "limited",
     ignoreDefaultKeydown: {
       Tab: true
     }
-  });
+  };
   return {
     onKeyDown: handleKeyDown,
     [landmarkAttr]: landmark,
     tabIndex: 0,
-    ...focusableAttrs
+    ...focusableGroupAttrs
   };
 };
 var [MainProvider, useMainContext] = createContext10(MAIN_NAME, {
@@ -2272,7 +2271,9 @@ var MainSidebar = /* @__PURE__ */ forwardRef20(({ classNames, children, swipeToD
     open: state !== "closed",
     "aria-label": toLocalizedString(label, t),
     modal: false
-  }, /* @__PURE__ */ React28.createElement(Root5, {
+  }, !isLg && /* @__PURE__ */ React28.createElement(DialogTitle2, {
+    className: "sr-only"
+  }, toLocalizedString(label, t)), /* @__PURE__ */ React28.createElement(Root5, {
     ...!isLg && {
       forceMount: true,
       tabIndex: -1,