@dxos/shell 0.8.2-main.5885341 → 0.8.2-main.5ca3450

package/dist/bundle/shell.js

@@ -564,7 +564,7 @@ function _objectSpread$7(te) {
   }
   return te;
 }
-var usePrevious$1 = function(J, ne) {
+var usePrevious$2 = function(J, ne) {
   var re = useRef();
   return useEffect(function() {
     re.current = J;
@@ -588,7 +588,7 @@ function useTranslation$1(te) {
   function ge() {
     return le.getFixedT(null, ue.nsMode === "fallback" ? he : he[0], pe);
   }
-  var be = useState(ge), _e = _slicedToArray(be, 2), we = _e[0], Ee = _e[1], Se = he.join(), Ce = usePrevious$1(Se), Ae = useRef(!0);
+  var be = useState(ge), _e = _slicedToArray(be, 2), we = _e[0], Ee = _e[1], Se = he.join(), Ce = usePrevious$2(Se), Ae = useRef(!0);
   useEffect(function() {
     var je = ue.bindI18n, Me = ue.bindI18nStore;
     Ae.current = !0, !me && !de && loadNamespaces(le, he, function() {
@@ -23607,16 +23607,16 @@ function createFocusGuard() {
   const te = document.createElement("span");
   return te.setAttribute("data-radix-focus-guard", ""), te.tabIndex = 0, te.style.outline = "none", te.style.opacity = "0", te.style.position = "fixed", te.style.pointerEvents = "none", te;
 }
-var __assign$3 = function() {
-  return __assign$3 = Object.assign || function(J) {
+var __assign$2 = function() {
+  return __assign$2 = Object.assign || function(J) {
     for (var ne, re = 1, ae = arguments.length; re < ae; re++) {
       ne = arguments[re];
       for (var oe in ne) Object.prototype.hasOwnProperty.call(ne, oe) && (J[oe] = ne[oe]);
     }
     return J;
-  }, __assign$3.apply(this, arguments);
+  }, __assign$2.apply(this, arguments);
 };
-function __rest$3(te, J) {
+function __rest$2(te, J) {
   var ne = {};
   for (var re in te) Object.prototype.hasOwnProperty.call(te, re) && J.indexOf(re) < 0 && (ne[re] = te[re]);
   if (te != null && typeof Object.getOwnPropertySymbols == "function")
@@ -23624,7 +23624,7 @@ function __rest$3(te, J) {
       J.indexOf(re[ae]) < 0 && Object.prototype.propertyIsEnumerable.call(te, re[ae]) && (ne[re[ae]] = te[re[ae]]);
   return ne;
 }
-function __spreadArray$3(te, J, ne) {
+function __spreadArray$2(te, J, ne) {
   if (ne || arguments.length === 2) for (var re = 0, ae = J.length, oe; re < ae; re++)
     (oe || !(re in J)) && (oe || (oe = Array.prototype.slice.call(J, 0, re)), oe[re] = J[re]);
   return te.concat(oe || Array.prototype.slice.call(J));
@@ -23736,16 +23736,16 @@ function innerCreateMedium$1(te, J) {
 function createSidecarMedium$1(te) {
   te === void 0 && (te = {});
   var J = innerCreateMedium$1(null);
-  return J.options = __assign$3({ async: !0, ssr: !1 }, te), J;
+  return J.options = __assign$2({ async: !0, ssr: !1 }, te), J;
 }
 var SideCar$3 = function(te) {
-  var J = te.sideCar, ne = __rest$3(te, ["sideCar"]);
+  var J = te.sideCar, ne = __rest$2(te, ["sideCar"]);
   if (!J)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var re = J.read();
   if (!re)
     throw new Error("Sidecar medium not found");
-  return React.createElement(re, __assign$3({}, ne));
+  return React.createElement(re, __assign$2({}, ne));
 };
 SideCar$3.isSideCarExport = !0;
 function exportSidecar$1(te, J) {
@@ -23757,12 +23757,12 @@ var effectCar$1 = createSidecarMedium$1(), nothing$1 = function() {
     onScrollCapture: nothing$1,
     onWheelCapture: nothing$1,
     onTouchMoveCapture: nothing$1
-  }), ae = re[0], oe = re[1], le = te.forwardProps, fe = te.children, ce = te.className, ue = te.removeScrollBar, de = te.enabled, pe = te.shards, he = te.sideCar, me = te.noIsolation, ge = te.inert, be = te.allowPinchZoom, _e = te.as, we = _e === void 0 ? "div" : _e, Ee = te.gapMode, Se = __rest$3(te, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), Ce = he, Ae = useMergeRefs$1([ne, J]), Te = __assign$3(__assign$3({}, Se), ae);
+  }), ae = re[0], oe = re[1], le = te.forwardProps, fe = te.children, ce = te.className, ue = te.removeScrollBar, de = te.enabled, pe = te.shards, he = te.sideCar, me = te.noIsolation, ge = te.inert, be = te.allowPinchZoom, _e = te.as, we = _e === void 0 ? "div" : _e, Ee = te.gapMode, Se = __rest$2(te, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), Ce = he, Ae = useMergeRefs$1([ne, J]), Te = __assign$2(__assign$2({}, Se), ae);
   return React.createElement(
     React.Fragment,
     null,
     de && React.createElement(Ce, { sideCar: effectCar$1, removeScrollBar: ue, shards: pe, noIsolation: me, inert: ge, setCallbacks: oe, allowPinchZoom: !!be, lockRef: ne, gapMode: Ee }),
-    le ? React.cloneElement(React.Children.only(fe), __assign$3(__assign$3({}, Te), { ref: Ae })) : React.createElement(we, __assign$3({}, Te, { className: ce, ref: Ae }), fe)
+    le ? React.cloneElement(React.Children.only(fe), __assign$2(__assign$2({}, Te), { ref: Ae })) : React.createElement(we, __assign$2({}, Te, { className: ce, ref: Ae }), fe)
   );
 });
 RemoveScroll$1.defaultProps = {
@@ -23991,7 +23991,7 @@ function RemoveScrollSideCar$1(te) {
   }, [te]), React.useEffect(function() {
     if (te.inert) {
       document.body.classList.add("block-interactivity-".concat(ae));
-      var be = __spreadArray$3([te.lockRef.current], (te.shards || []).map(extractRef$1), !0).filter(Boolean);
+      var be = __spreadArray$2([te.lockRef.current], (te.shards || []).map(extractRef$1), !0).filter(Boolean);
       return be.forEach(function(_e) {
         return _e.classList.add("allow-interactivity-".concat(ae));
       }), function() {
@@ -24073,7 +24073,7 @@ function getOutermostShadowParent$1(te) {
 }
 const SideCar$2 = exportSidecar$1(effectCar$1, RemoveScrollSideCar$1);
 var ReactRemoveScroll$1 = React.forwardRef(function(te, J) {
-  return React.createElement(RemoveScroll$1, __assign$3({}, te, { ref: J, sideCar: SideCar$2 }));
+  return React.createElement(RemoveScroll$1, __assign$2({}, te, { ref: J, sideCar: SideCar$2 }));
 });
 ReactRemoveScroll$1.classNames = RemoveScroll$1.classNames;
 var getDefaultParent = function(te) {
@@ -24448,7 +24448,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/alert-
     ) || console.warn(J);
   }, [J, te]), null;
 }, Root2 = AlertDialog$1;
-function usePrevious(te) {
+function usePrevious$1(te) {
   const J = React.useRef({ value: te, previous: te });
   return React.useMemo(() => (J.current.value !== te && (J.current.previous = J.current.value, J.current.value = te), J.current.previous), [te]);
 }
@@ -24534,7 +24534,7 @@ var INDICATOR_NAME$1 = "CheckboxIndicator", CheckboxIndicator = React.forwardRef
 );
 CheckboxIndicator.displayName = INDICATOR_NAME$1;
 var BubbleInput = (te) => {
-  const { control: J, checked: ne, bubbles: re = !0, defaultChecked: ae, ...oe } = te, le = React.useRef(null), fe = usePrevious(ne), ce = useSize(J);
+  const { control: J, checked: ne, bubbles: re = !0, defaultChecked: ae, ...oe } = te, le = React.useRef(null), fe = usePrevious$1(ne), ce = useSize(J);
   React.useEffect(() => {
     const de = le.current, pe = window.HTMLInputElement.prototype, me = Object.getOwnPropertyDescriptor(pe, "checked").set;
     if (fe !== ne && me) {
@@ -24584,7 +24584,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
-function __spreadArray$2(te, J, ne) {
+function __spreadArray$1(te, J, ne) {
   if (arguments.length === 2) for (var re = 0, ae = J.length, oe; re < ae; re++)
     (oe || !(re in J)) && (oe || (oe = Array.prototype.slice.call(J, 0, re)), oe[re] = J[re]);
   return te.concat(oe || Array.prototype.slice.call(J));
@@ -24607,7 +24607,7 @@ var transform = function(te) {
       var ce = le.selectionDirection, ue = le.value, de = getSelectionState(le), pe = function(he) {
         eq(he, fe) && (eq(he, ZERO) || eq(he, getSelectionState(le))) || (ne.current = he, re(function(me) {
           return eq(me, he) ? me : he;
-        }), le.setSelectionRange.apply(le, __spreadArray$2(__spreadArray$2([], he, !1), [ce || void 0], !1)));
+        }), le.setSelectionRange.apply(le, __spreadArray$1(__spreadArray$1([], he, !1), [ce || void 0], !1)));
       };
       if (oe === "selectionchange" && document.activeElement !== le)
         return pe([ue.length, ue.length]);
@@ -25255,7 +25255,9 @@ const TABSTER_ATTRIBUTE_NAME = "data-tabster", TABSTER_DUMMY_INPUT_ATTRIBUTE_NAM
   Deloser: 3
 }, SysDummyInputsPositions = {
   Auto: 0,
+  // Tabster will place dummy inputs depending on the container tag name and on the default behaviour.
   Inside: 1,
+  // Tabster will always place dummy inputs inside the container.
   Outside: 2
   // Tabster will always place dummy inputs outside of the container.
 };
@@ -25522,7 +25524,6 @@ function createElementTreeWalker(te, J, ne) {
     J,
     NodeFilter.SHOW_ELEMENT,
     re,
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
     // @ts-ignore: We still don't want to completely break IE11, so, entityReferenceExpansion argument is not optional.
     !1
     /* Last argument is not optional for IE11! */
@@ -26388,7 +26389,6 @@ const Keys = {
   Tab: "Tab",
   Enter: "Enter",
   Escape: "Escape",
-  Space: " ",
   PageUp: "PageUp",
   PageDown: "PageDown",
   End: "End",
@@ -26750,7 +26750,7 @@ class Tabster {
 class TabsterCore {
   constructor(J, ne) {
     var re, ae;
-    this._forgetMemorizedElements = [], this._wrappers = /* @__PURE__ */ new Set(), this._initQueue = [], this._version = "8.5.2", this._noop = !1, this.getWindow = () => {
+    this._forgetMemorizedElements = [], this._wrappers = /* @__PURE__ */ new Set(), this._initQueue = [], this._version = "8.5.5", this._noop = !1, this.getWindow = () => {
       if (!this._win)
         throw new Error("Using disposed Tabster.");
       return this._win;
@@ -26849,7 +26849,14 @@ function canUseDOM() {
     window.document.createElement)
   );
 }
-const useIsomorphicLayoutEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect;
+const useIsomorphicLayoutEffect = canUseDOM() ? React.useLayoutEffect : React.useEffect, usePrevious = (te) => {
+  const J = React.useRef(null);
+  return React.useEffect(() => {
+    J.current = te;
+  }, [
+    te
+  ]), J.current;
+};
 function isVirtualElement(te) {
   return te && !!te._virtual;
 }
@@ -26867,44 +26874,71 @@ function getParent(te, J = {}) {
   const ne = te.parentNode;
   return ne && ne.nodeType === Node.DOCUMENT_FRAGMENT_NODE ? ne.host : ne;
 }
-const useTabster = () => {
-  const { targetDocument: te } = useFluent(), J = (te == null ? void 0 : te.defaultView) || void 0, ne = J == null ? void 0 : J.__tabsterShadowDOMAPI, re = React.useMemo(() => J ? createTabster(J, {
-    autoRoot: {},
-    controlTab: !1,
-    getParent,
-    checkUncontrolledTrappingFocus: (ae) => {
-      var oe;
-      return !!(!((oe = ae.firstElementChild) === null || oe === void 0) && oe.hasAttribute("data-is-focus-trap-zone-bumper"));
-    },
-    DOMAPI: ne
-  }) : null, [
+const DEFAULT_FACTORY = (te) => te;
+function createTabsterWithConfig(te) {
+  const J = (te == null ? void 0 : te.defaultView) || void 0, ne = J == null ? void 0 : J.__tabsterShadowDOMAPI;
+  if (J)
+    return createTabster(J, {
+      autoRoot: {},
+      controlTab: !1,
+      getParent,
+      checkUncontrolledTrappingFocus: (re) => {
+        var ae;
+        return !!(!((ae = re.firstElementChild) === null || ae === void 0) && ae.hasAttribute("data-is-focus-trap-zone-bumper"));
+      },
+      DOMAPI: ne
+    });
+}
+function useTabster(te = DEFAULT_FACTORY) {
+  const { targetDocument: J } = useFluent(), ne = React.useRef(null);
+  if (useIsomorphicLayoutEffect(() => {
+    const re = createTabsterWithConfig(J);
+    if (re)
+      return ne.current = te(re), () => {
+        disposeTabster(re), ne.current = null;
+      };
+  }, [
     J,
-    ne
-  ]);
-  return useIsomorphicLayoutEffect(() => () => {
-    re && disposeTabster(re);
+    te
+  ]), process.env.NODE_ENV !== "production") {
+    const re = usePrevious(te);
+    if (re !== null && re !== te)
+      throw new Error([
+        "@fluentui/react-tabster: ",
+        "The factory function passed to useTabster has changed. This should not ever happen."
+      ].join(`
+`));
+  }
+  return ne;
+}
+const useFocusFinders = () => {
+  const te = useTabster(), { targetDocument: J } = useFluent(), ne = React.useCallback((fe, ce) => {
+    var ue;
+    return ((ue = te.current) === null || ue === void 0 ? void 0 : ue.focusable.findAll({
+      container: fe,
+      acceptCondition: ce
+    })) || [];
   }, [
-    re
-  ]), re;
-}, useFocusFinders = () => {
-  const te = useTabster(), { targetDocument: J } = useFluent(), ne = React.useCallback((fe, ce) => (te == null ? void 0 : te.focusable.findAll({
-    container: fe,
-    acceptCondition: ce
-  })) || [], [
     te
-  ]), re = React.useCallback((fe) => te == null ? void 0 : te.focusable.findFirst({
-    container: fe
-  }), [
+  ]), re = React.useCallback((fe) => {
+    var ce;
+    return (ce = te.current) === null || ce === void 0 ? void 0 : ce.focusable.findFirst({
+      container: fe
+    });
+  }, [
     te
-  ]), ae = React.useCallback((fe) => te == null ? void 0 : te.focusable.findLast({
-    container: fe
-  }), [
+  ]), ae = React.useCallback((fe) => {
+    var ce;
+    return (ce = te.current) === null || ce === void 0 ? void 0 : ce.focusable.findLast({
+      container: fe
+    });
+  }, [
     te
   ]), oe = React.useCallback((fe, ce = {}) => {
-    if (!te || !J)
+    if (!te.current || !J)
       return null;
     const { container: ue = J.body } = ce;
-    return te.focusable.findNext({
+    return te.current.focusable.findNext({
       currentElement: fe,
       container: ue
     });
@@ -26912,10 +26946,10 @@ const useTabster = () => {
     te,
     J
   ]), le = React.useCallback((fe, ce = {}) => {
-    if (!te || !J)
+    if (!te.current || !J)
       return null;
     const { container: ue = J.body } = ce;
-    return te.focusable.findPrev({
+    return te.current.focusable.findPrev({
       currentElement: fe,
       container: ue
     });
@@ -27527,30 +27561,7 @@ function isPointerInGraceArea(te, J) {
 function whenMouse(te) {
   return (J) => J.pointerType === "mouse" ? te(J) : void 0;
 }
-var Root3 = Menu, Anchor2 = MenuAnchor, Portal = MenuPortal, Content2 = MenuContent, Group = MenuGroup, Label$2 = MenuLabel, Item2 = MenuItem, CheckboxItem = MenuCheckboxItem, RadioGroup = MenuRadioGroup, RadioItem = MenuRadioItem, ItemIndicator = MenuItemIndicator, Separator$2 = MenuSeparator, Arrow2 = MenuArrow, Sub = MenuSub, SubTrigger = MenuSubTrigger, SubContent = MenuSubContent, __assign$2 = function() {
-  return __assign$2 = Object.assign || function(J) {
-    for (var ne, re = 1, ae = arguments.length; re < ae; re++) {
-      ne = arguments[re];
-      for (var oe in ne) Object.prototype.hasOwnProperty.call(ne, oe) && (J[oe] = ne[oe]);
-    }
-    return J;
-  }, __assign$2.apply(this, arguments);
-};
-function __rest$2(te, J) {
-  var ne = {};
-  for (var re in te) Object.prototype.hasOwnProperty.call(te, re) && J.indexOf(re) < 0 && (ne[re] = te[re]);
-  if (te != null && typeof Object.getOwnPropertySymbols == "function")
-    for (var ae = 0, re = Object.getOwnPropertySymbols(te); ae < re.length; ae++)
-      J.indexOf(re[ae]) < 0 && Object.prototype.propertyIsEnumerable.call(te, re[ae]) && (ne[re[ae]] = te[re[ae]]);
-  return ne;
-}
-function __spreadArray$1(te, J, ne) {
-  if (ne || arguments.length === 2) for (var re = 0, ae = J.length, oe; re < ae; re++)
-    (oe || !(re in J)) && (oe || (oe = Array.prototype.slice.call(J, 0, re)), oe[re] = J[re]);
-  return te.concat(oe || Array.prototype.slice.call(J));
-}
-typeof SuppressedError == "function" && SuppressedError;
-var zeroRightClassName = "right-scroll-bar-position", fullWidthClassName = "width-before-scroll-bar", noScrollbarsClassName = "with-scroll-bars-hidden", removedBarSizeVariable = "--removed-body-scroll-bar-size";
+var Root3 = Menu, Anchor2 = MenuAnchor, Portal = MenuPortal, Content2 = MenuContent, Group = MenuGroup, Label$2 = MenuLabel, Item2 = MenuItem, CheckboxItem = MenuCheckboxItem, RadioGroup = MenuRadioGroup, RadioItem = MenuRadioItem, ItemIndicator = MenuItemIndicator, Separator$2 = MenuSeparator, Arrow2 = MenuArrow, Sub = MenuSub, SubTrigger = MenuSubTrigger, SubContent = MenuSubContent, zeroRightClassName = "right-scroll-bar-position", fullWidthClassName = "width-before-scroll-bar", noScrollbarsClassName = "with-scroll-bars-hidden", removedBarSizeVariable = "--removed-body-scroll-bar-size";
 function assignRef(te, J) {
   return typeof te == "function" ? te(J) : te && (te.current = J), te;
 }
@@ -27643,16 +27654,16 @@ function innerCreateMedium(te, J) {
 function createSidecarMedium(te) {
   te === void 0 && (te = {});
   var J = innerCreateMedium(null);
-  return J.options = __assign$3({ async: !0, ssr: !1 }, te), J;
+  return J.options = __assign$2({ async: !0, ssr: !1 }, te), J;
 }
 var SideCar$1 = function(te) {
-  var J = te.sideCar, ne = __rest$3(te, ["sideCar"]);
+  var J = te.sideCar, ne = __rest$2(te, ["sideCar"]);
   if (!J)
     throw new Error("Sidecar: please provide `sideCar` property to import the right car");
   var re = J.read();
   if (!re)
     throw new Error("Sidecar medium not found");
-  return React.createElement(re, __assign$3({}, ne));
+  return React.createElement(re, __assign$2({}, ne));
 };
 SideCar$1.isSideCarExport = !0;
 function exportSidecar(te, J) {
@@ -27894,7 +27905,7 @@ function RemoveScrollSideCar(te) {
   }, [te]), React.useEffect(function() {
     if (te.inert) {
       document.body.classList.add("block-interactivity-".concat(ae));
-      var be = __spreadArray$1([te.lockRef.current], (te.shards || []).map(extractRef), !0).filter(Boolean);
+      var be = __spreadArray$2([te.lockRef.current], (te.shards || []).map(extractRef), !0).filter(Boolean);
       return be.forEach(function(_e) {
         return _e.classList.add("allow-interactivity-".concat(ae));
       }), function() {