@dxos/shell 0.8.2-main.5885341 → 0.8.2-main.85fa0e5

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() {
@@ -11054,7 +11054,24 @@ function cloneNode(te, J) {
   }
   return ne;
 }
+function sourceOffset(te, J) {
+  if (J && typeof J.offset < "u")
+    return J.offset;
+  let ne = 1, re = 1, ae = 0;
+  for (let oe = 0; oe < te.length; oe++) {
+    if (re === J.line && ne === J.column) {
+      ae = oe;
+      break;
+    }
+    te[oe] === `
+` ? (ne = 1, re += 1) : ne += 1;
+  }
+  return ae;
+}
 let Node$5 = class {
+  get proxyOf() {
+    return this;
+  }
   constructor(J = {}) {
     this.raws = {}, this[isClean$2] = !1, this[my$2] = !0;
     for (let ne in J)
@@ -11143,23 +11160,25 @@ let Node$5 = class {
     let J = this.parent.index(this);
     return this.parent.nodes[J + 1];
   }
-  positionBy(J, ne) {
-    let re = this.source.start;
+  positionBy(J) {
+    let ne = this.source.start;
     if (J.index)
-      re = this.positionInside(J.index, ne);
+      ne = this.positionInside(J.index);
     else if (J.word) {
-      ne = this.toString();
-      let ae = ne.indexOf(J.word);
-      ae !== -1 && (re = this.positionInside(ae, ne));
+      let re = "document" in this.source.input ? this.source.input.document : this.source.input.css, oe = re.slice(
+        sourceOffset(re, this.source.start),
+        sourceOffset(re, this.source.end)
+      ).indexOf(J.word);
+      oe !== -1 && (ne = this.positionInside(oe));
     }
-    return re;
+    return ne;
   }
-  positionInside(J, ne) {
-    let re = ne || this.toString(), ae = this.source.start.column, oe = this.source.start.line;
-    for (let le = 0; le < J; le++)
-      re[le] === `
-` ? (ae = 1, oe += 1) : ae += 1;
-    return { column: ae, line: oe };
+  positionInside(J) {
+    let ne = this.source.start.column, re = this.source.start.line, ae = "document" in this.source.input ? this.source.input.document : this.source.input.css, oe = sourceOffset(ae, this.source.start), le = oe + J;
+    for (let fe = oe; fe < le; fe++)
+      ae[fe] === `
+` ? (ne = 1, re += 1) : ne += 1;
+    return { column: ne, line: re };
   }
   prev() {
     if (!this.parent) return;
@@ -11178,10 +11197,12 @@ let Node$5 = class {
       line: ne.line
     };
     if (J.word) {
-      let ae = this.toString(), oe = ae.indexOf(J.word);
-      oe !== -1 && (ne = this.positionInside(oe, ae), re = this.positionInside(
-        oe + J.word.length,
-        ae
+      let ae = "document" in this.source.input ? this.source.input.document : this.source.input.css, le = ae.slice(
+        sourceOffset(ae, this.source.start),
+        sourceOffset(ae, this.source.end)
+      ).indexOf(J.word);
+      le !== -1 && (ne = this.positionInside(le), re = this.positionInside(
+        le + J.word.length
       ));
     } else
       J.start ? ne = {
@@ -11252,9 +11273,6 @@ let Node$5 = class {
     for (let oe in re) ae[oe] = re[oe];
     return J.warn(ne, ae);
   }
-  get proxyOf() {
-    return this;
-  }
 };
 var node = Node$5;
 Node$5.default = Node$5;
@@ -11266,12 +11284,12 @@ let Node$4 = node, Comment$4 = class extends Node$4 {
 var comment = Comment$4;
 Comment$4.default = Comment$4;
 let Node$3 = node, Declaration$4 = class extends Node$3 {
-  constructor(J) {
-    J && typeof J.value < "u" && typeof J.value != "string" && (J = { ...J, value: String(J.value) }), super(J), this.type = "decl";
-  }
   get variable() {
     return this.prop.startsWith("--") || this.prop[0] === "$";
   }
+  constructor(J) {
+    J && typeof J.value < "u" && typeof J.value != "string" && (J = { ...J, value: String(J.value) }), super(J), this.type = "decl";
+  }
 };
 var declaration = Declaration$4;
 Declaration$4.default = Declaration$4;
@@ -11285,6 +11303,14 @@ function markTreeDirty(te) {
       markTreeDirty(J);
 }
 let Container$7 = class or extends Node$2 {
+  get first() {
+    if (this.proxyOf.nodes)
+      return this.proxyOf.nodes[0];
+  }
+  get last() {
+    if (this.proxyOf.nodes)
+      return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
+  }
   append(...J) {
     for (let ne of J) {
       let re = this.normalize(ne, this.last);
@@ -11464,14 +11490,6 @@ let Container$7 = class or extends Node$2 {
         return ne(re, ae);
     }));
   }
-  get first() {
-    if (this.proxyOf.nodes)
-      return this.proxyOf.nodes[0];
-  }
-  get last() {
-    if (this.proxyOf.nodes)
-      return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
-  }
 };
 Container$7.registerParse = (te) => {
   parse$7 = te;
@@ -11523,12 +11541,12 @@ Document$4.registerProcessor = (te) => {
 var document$1 = Document$4;
 Document$4.default = Document$4;
 let urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict", customAlphabet = (te, J = 21) => (ne = J) => {
-  let re = "", ae = ne;
+  let re = "", ae = ne | 0;
   for (; ae--; )
     re += te[Math.random() * te.length | 0];
   return re;
 }, nanoid$1 = (te = 21) => {
-  let J = "", ne = te;
+  let J = "", ne = te | 0;
   for (; ne--; )
     J += urlAlphabet[Math.random() * 64 | 0];
   return J;
@@ -11619,10 +11637,13 @@ let PreviousMap$2 = class {
 var previousMap = PreviousMap$2;
 PreviousMap$2.default = PreviousMap$2;
 let { nanoid } = nonSecure, { isAbsolute, resolve: resolve$1 } = require$$3, { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$3, { fileURLToPath, pathToFileURL: pathToFileURL$1 } = require$$3, CssSyntaxError$1 = cssSyntaxError, PreviousMap$1 = previousMap, terminalHighlight = require$$3, fromOffsetCache = Symbol("fromOffsetCache"), sourceMapAvailable$1 = !!(SourceMapConsumer$1 && SourceMapGenerator$1), pathAvailable$1 = !!(resolve$1 && isAbsolute), Input$7 = class {
+  get from() {
+    return this.file || this.id;
+  }
   constructor(J, ne = {}) {
     if (J === null || typeof J > "u" || typeof J == "object" && !J.toString)
       throw new Error(`PostCSS received ${J} instead of CSS string`);
-    if (this.css = J.toString(), this.css[0] === "\uFEFF" || this.css[0] === "￾" ? (this.hasBOM = !0, this.css = this.css.slice(1)) : this.hasBOM = !1, ne.from && (!pathAvailable$1 || /^\w+:\/\//.test(ne.from) || isAbsolute(ne.from) ? this.file = ne.from : this.file = resolve$1(ne.from)), pathAvailable$1 && sourceMapAvailable$1) {
+    if (this.css = J.toString(), this.css[0] === "\uFEFF" || this.css[0] === "￾" ? (this.hasBOM = !0, this.css = this.css.slice(1)) : this.hasBOM = !1, this.document = this.css, ne.document && (this.document = ne.document.toString()), ne.from && (!pathAvailable$1 || /^\w+:\/\//.test(ne.from) || isAbsolute(ne.from) ? this.file = ne.from : this.file = resolve$1(ne.from)), pathAvailable$1 && sourceMapAvailable$1) {
       let re = new PreviousMap$1(this.css, ne);
       if (re.text) {
         this.map = re;
@@ -11736,9 +11757,6 @@ let { nanoid } = nonSecure, { isAbsolute, resolve: resolve$1 } = require$$3, { S
       this[ne] != null && (J[ne] = this[ne]);
     return this.map && (J.map = { ...this.map }, J.map.consumerCache && (J.map.consumerCache = void 0)), J;
   }
-  get from() {
-    return this.file || this.id;
-  }
 };
 var input = Input$7;
 Input$7.default = Input$7;
@@ -11794,9 +11812,6 @@ let list$2 = {
 var list_1 = list$2;
 list$2.default = list$2;
 let Container$3 = container, list$1 = list_1, Rule$3 = class extends Container$3 {
-  constructor(J) {
-    super(J), this.type = "rule", this.nodes || (this.nodes = []);
-  }
   get selectors() {
     return list$1.comma(this.selector);
   }
@@ -11804,6 +11819,9 @@ let Container$3 = container, list$1 = list_1, Rule$3 = class extends Container$3
     let ne = this.selector ? this.selector.match(/,\s*/) : null, re = ne ? ne[0] : "," + this.raw("between", "beforeOpen");
     this.selector = J.join(re);
   }
+  constructor(J) {
+    super(J), this.type = "rule", this.nodes || (this.nodes = []);
+  }
 };
 var rule = Rule$3;
 Rule$3.default = Rule$3;
@@ -12260,7 +12278,7 @@ let Parser$1 = class {
   freeSemicolon(J) {
     if (this.spaces += J[1], this.current.nodes) {
       let ne = this.current.nodes[this.current.nodes.length - 1];
-      ne && ne.type === "rule" && !ne.raws.ownSemicolon && (ne.raws.ownSemicolon = this.spaces, this.spaces = "");
+      ne && ne.type === "rule" && !ne.raws.ownSemicolon && (ne.raws.ownSemicolon = this.spaces, this.spaces = "", ne.source.end = this.getPosition(J[2]), ne.source.end.offset += ne.raws.ownSemicolon.length);
     }
   }
   // Helpers
@@ -12400,7 +12418,7 @@ let Parser$1 = class {
   }
   unknownWord(J) {
     throw this.input.error(
-      "Unknown word",
+      "Unknown word " + J[0][1],
       { offset: J[0][2] },
       { offset: J[0][2] + J[0][1].length }
     );
@@ -12449,6 +12467,9 @@ let Warning$2 = class {
 var warning = Warning$2;
 Warning$2.default = Warning$2;
 let Warning$1 = warning, Result$3 = class {
+  get content() {
+    return this.css;
+  }
   constructor(J, ne, re) {
     this.processor = J, this.messages = [], this.root = ne, this.opts = re, this.css = void 0, this.map = void 0;
   }
@@ -12463,9 +12484,6 @@ let Warning$1 = warning, Result$3 = class {
   warnings() {
     return this.messages.filter((J) => J.type === "warning");
   }
-  get content() {
-    return this.css;
-  }
 };
 var result = Result$3;
 Result$3.default = Result$3;
@@ -12531,6 +12549,30 @@ function cleanMarks(te) {
   return te[isClean] = !1, te.nodes && te.nodes.forEach((J) => cleanMarks(J)), te;
 }
 let postcss$2 = {}, LazyResult$2 = class sr {
+  get content() {
+    return this.stringify().content;
+  }
+  get css() {
+    return this.stringify().css;
+  }
+  get map() {
+    return this.stringify().map;
+  }
+  get messages() {
+    return this.sync().messages;
+  }
+  get opts() {
+    return this.result.opts;
+  }
+  get processor() {
+    return this.result.processor;
+  }
+  get root() {
+    return this.sync().root;
+  }
+  get [Symbol.toStringTag]() {
+    return "LazyResult";
+  }
   constructor(J, ne, re) {
     this.stringified = !1, this.processed = !1;
     let ae;
@@ -12773,17 +12815,28 @@ let postcss$2 = {}, LazyResult$2 = class sr {
   warnings() {
     return this.sync().warnings();
   }
+};
+LazyResult$2.registerPostcss = (te) => {
+  postcss$2 = te;
+};
+var lazyResult = LazyResult$2;
+LazyResult$2.default = LazyResult$2;
+Root$d.registerLazyResult(LazyResult$2);
+Document$3.registerLazyResult(LazyResult$2);
+let MapGenerator = mapGenerator, parse$4 = parse_1$1;
+const Result$1 = result;
+let stringify$1 = stringify_1, warnOnce = warnOnce$2, NoWorkResult$1 = class {
   get content() {
-    return this.stringify().content;
+    return this.result.css;
   }
   get css() {
-    return this.stringify().css;
+    return this.result.css;
   }
   get map() {
-    return this.stringify().map;
+    return this.result.map;
   }
   get messages() {
-    return this.sync().messages;
+    return [];
   }
   get opts() {
     return this.result.opts;
@@ -12792,22 +12845,21 @@ let postcss$2 = {}, LazyResult$2 = class sr {
     return this.result.processor;
   }
   get root() {
-    return this.sync().root;
+    if (this._root)
+      return this._root;
+    let J, ne = parse$4;
+    try {
+      J = ne(this._css, this._opts);
+    } catch (re) {
+      this.error = re;
+    }
+    if (this.error)
+      throw this.error;
+    return this._root = J, J;
   }
   get [Symbol.toStringTag]() {
-    return "LazyResult";
+    return "NoWorkResult";
   }
-};
-LazyResult$2.registerPostcss = (te) => {
-  postcss$2 = te;
-};
-var lazyResult = LazyResult$2;
-LazyResult$2.default = LazyResult$2;
-Root$d.registerLazyResult(LazyResult$2);
-Document$3.registerLazyResult(LazyResult$2);
-let MapGenerator = mapGenerator, parse$4 = parse_1$1;
-const Result$1 = result;
-let stringify$1 = stringify_1, warnOnce = warnOnce$2, NoWorkResult$1 = class {
   constructor(J, ne, re) {
     ne = ne.toString(), this.stringified = !1, this._processor = J, this._css = ne, this._opts = re, this._map = void 0;
     let ae, oe = stringify$1;
@@ -12849,46 +12901,12 @@ let stringify$1 = stringify_1, warnOnce = warnOnce$2, NoWorkResult$1 = class {
   warnings() {
     return [];
   }
-  get content() {
-    return this.result.css;
-  }
-  get css() {
-    return this.result.css;
-  }
-  get map() {
-    return this.result.map;
-  }
-  get messages() {
-    return [];
-  }
-  get opts() {
-    return this.result.opts;
-  }
-  get processor() {
-    return this.result.processor;
-  }
-  get root() {
-    if (this._root)
-      return this._root;
-    let J, ne = parse$4;
-    try {
-      J = ne(this._css, this._opts);
-    } catch (re) {
-      this.error = re;
-    }
-    if (this.error)
-      throw this.error;
-    return this._root = J, J;
-  }
-  get [Symbol.toStringTag]() {
-    return "NoWorkResult";
-  }
 };
 var noWorkResult = NoWorkResult$1;
 NoWorkResult$1.default = NoWorkResult$1;
 let Document$2 = document$1, LazyResult$1 = lazyResult, NoWorkResult = noWorkResult, Root$c = root$2, Processor$1 = class {
   constructor(J = []) {
-    this.version = "8.4.47", this.plugins = this.normalize(J);
+    this.version = "8.5.3", this.plugins = this.normalize(J);
   }
   normalize(J) {
     let ne = [];
@@ -23607,16 +23625,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 +23642,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 +23754,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 +23775,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 +24009,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 +24091,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 +24466,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 +24552,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 +24602,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 +24625,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 +25273,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 +25542,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 +26407,6 @@ const Keys = {
   Tab: "Tab",
   Enter: "Enter",
   Escape: "Escape",
-  Space: " ",
   PageUp: "PageUp",
   PageDown: "PageDown",
   End: "End",
@@ -26750,7 +26768,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 +26867,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 +26892,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 +26964,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 +27579,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 +27672,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 +27923,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() {