@wix/ricos 11.21.1 → 11.21.3

package/dist/cjs/ricos-viewer-next/modals/fullscreen/fullscreen-scss.js

@@ -22,17 +22,17 @@ __export(fullscreen_exports, {
 });
 module.exports = __toCommonJS(fullscreen_exports);
 var fullscreen_default = {
-  "slide": "_-5spO",
-  "arrow": "LM9j0",
-  "fullscreen_mode": "J02q6",
-  "expand_mode": "L3EJv",
-  "close": "v0tsp",
-  "expand_button": "WJ5cW",
-  "title": "_5A-Nq",
-  "info_container": "bWoMN",
-  "visuallyHidden": "FaxPQ",
-  "carousel": "V5Mxt",
-  "viewport": "YyVNc",
-  "track": "dgI8V"
+  "slide": "QJHtM",
+  "arrow": "F-oVp",
+  "fullscreen_mode": "_06w-C",
+  "expand_mode": "PUtCH",
+  "close": "MjjjS",
+  "expand_button": "XJgiU",
+  "title": "dPm1C",
+  "info_container": "ouTWt",
+  "visuallyHidden": "qJPOI",
+  "carousel": "BkDY-",
+  "viewport": "cTIu1",
+  "track": "-hB23"
 };
 //# sourceMappingURL=fullscreen-scss.js.map

package/dist/cjs/ricos-viewer-next/modals/fullscreen/fullscreen-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ricos-viewer-next/modals/fullscreen/fullscreen.scss"],
-  "sourcesContent": ["export default {\n  \"slide\": \"_-5spO\",\n  \"arrow\": \"LM9j0\",\n  \"fullscreen_mode\": \"J02q6\",\n  \"expand_mode\": \"L3EJv\",\n  \"close\": \"v0tsp\",\n  \"expand_button\": \"WJ5cW\",\n  \"title\": \"_5A-Nq\",\n  \"info_container\": \"bWoMN\",\n  \"visuallyHidden\": \"FaxPQ\",\n  \"carousel\": \"V5Mxt\",\n  \"viewport\": \"YyVNc\",\n  \"track\": \"dgI8V\"\n};"],
+  "sourcesContent": ["export default {\n  \"slide\": \"QJHtM\",\n  \"arrow\": \"F-oVp\",\n  \"fullscreen_mode\": \"_06w-C\",\n  \"expand_mode\": \"PUtCH\",\n  \"close\": \"MjjjS\",\n  \"expand_button\": \"XJgiU\",\n  \"title\": \"dPm1C\",\n  \"info_container\": \"ouTWt\",\n  \"visuallyHidden\": \"qJPOI\",\n  \"carousel\": \"BkDY-\",\n  \"viewport\": \"cTIu1\",\n  \"track\": \"-hB23\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qBAAQ;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,eAAe;AAAA,EACf,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/statics/alignment-scss.js

@@ -22,21 +22,21 @@ __export(alignment_exports, {
 });
 module.exports = __toCommonJS(alignment_exports);
 var alignment_default = {
-  "alignLeft": "sv-Ho",
-  "textWrapNowrap": "_69pOo",
-  "alignRight": "wiAhs",
-  "alignCenter": "roQTq",
-  "sizeFullWidth": "Zu0GP",
-  "renderedInTable": "fYp5M",
-  "sizeOriginal": "_5sdqu",
-  "sizeContent": "lkycH",
-  "sizeSmall": "SJzeE",
-  "sizeSmallCenter": "Bv-hP",
-  "flex": "lsfFn",
-  "LEFT": "r3FT1",
-  "CENTER": "_73iDV",
-  "RIGHT": "UsAU8",
-  "AUTO": "iOBNE",
-  "JUSTIFY": "xodxV"
+  "alignLeft": "NXpxf",
+  "textWrapNowrap": "_4dcIE",
+  "alignRight": "QjcJ4",
+  "alignCenter": "UPE-z",
+  "sizeFullWidth": "vlt0l",
+  "renderedInTable": "z5DY2",
+  "sizeOriginal": "YsF47",
+  "sizeContent": "pLDGV",
+  "sizeSmall": "F5mnh",
+  "sizeSmallCenter": "yAmPL",
+  "flex": "dIZ8d",
+  "LEFT": "WxcPC",
+  "CENTER": "MN-Hq",
+  "RIGHT": "_0B566",
+  "AUTO": "N9T8F",
+  "JUSTIFY": "_5Opkx"
 };
 //# sourceMappingURL=alignment-scss.js.map

package/dist/cjs/ricos-viewer-next/statics/alignment-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/alignment.scss"],
-  "sourcesContent": ["export default {\n  \"alignLeft\": \"sv-Ho\",\n  \"textWrapNowrap\": \"_69pOo\",\n  \"alignRight\": \"wiAhs\",\n  \"alignCenter\": \"roQTq\",\n  \"sizeFullWidth\": \"Zu0GP\",\n  \"renderedInTable\": \"fYp5M\",\n  \"sizeOriginal\": \"_5sdqu\",\n  \"sizeContent\": \"lkycH\",\n  \"sizeSmall\": \"SJzeE\",\n  \"sizeSmallCenter\": \"Bv-hP\",\n  \"flex\": \"lsfFn\",\n  \"LEFT\": \"r3FT1\",\n  \"CENTER\": \"_73iDV\",\n  \"RIGHT\": \"UsAU8\",\n  \"AUTO\": \"iOBNE\",\n  \"JUSTIFY\": \"xodxV\"\n};"],
+  "sourcesContent": ["export default {\n  \"alignLeft\": \"NXpxf\",\n  \"textWrapNowrap\": \"_4dcIE\",\n  \"alignRight\": \"QjcJ4\",\n  \"alignCenter\": \"UPE-z\",\n  \"sizeFullWidth\": \"vlt0l\",\n  \"renderedInTable\": \"z5DY2\",\n  \"sizeOriginal\": \"YsF47\",\n  \"sizeContent\": \"pLDGV\",\n  \"sizeSmall\": \"F5mnh\",\n  \"sizeSmallCenter\": \"yAmPL\",\n  \"flex\": \"dIZ8d\",\n  \"LEFT\": \"WxcPC\",\n  \"CENTER\": \"MN-Hq\",\n  \"RIGHT\": \"_0B566\",\n  \"AUTO\": \"N9T8F\",\n  \"JUSTIFY\": \"_5Opkx\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oBAAQ;AAAA,EACb,aAAa;AAAA,EACb,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/statics/indentation-scss.js

@@ -22,12 +22,12 @@ __export(indentation_exports, {
 });
 module.exports = __toCommonJS(indentation_exports);
 var indentation_default = {
-  "indentZero": "-VuOl",
-  "indentOne": "oreaF",
-  "indentTwo": "Id4Je",
-  "indentThree": "ADZBx",
-  "indentFour": "B7M18",
-  "indentFive": "QL0w-",
-  "indentSix": "_6qqHc"
+  "indentZero": "EHFrS",
+  "indentOne": "_98pD-",
+  "indentTwo": "zdn6E",
+  "indentThree": "_6sum-",
+  "indentFour": "pL3mj",
+  "indentFive": "cNAQZ",
+  "indentSix": "XlTev"
 };
 //# sourceMappingURL=indentation-scss.js.map

package/dist/cjs/ricos-viewer-next/statics/indentation-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/indentation.scss"],
-  "sourcesContent": ["export default {\n  \"indentZero\": \"-VuOl\",\n  \"indentOne\": \"oreaF\",\n  \"indentTwo\": \"Id4Je\",\n  \"indentThree\": \"ADZBx\",\n  \"indentFour\": \"B7M18\",\n  \"indentFive\": \"QL0w-\",\n  \"indentSix\": \"_6qqHc\"\n};"],
+  "sourcesContent": ["export default {\n  \"indentZero\": \"EHFrS\",\n  \"indentOne\": \"_98pD-\",\n  \"indentTwo\": \"zdn6E\",\n  \"indentThree\": \"_6sum-\",\n  \"indentFour\": \"pL3mj\",\n  \"indentFive\": \"cNAQZ\",\n  \"indentSix\": \"XlTev\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,cAAc;AAAA,EACd,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/statics/rich-content-viewer-scss.js

@@ -22,14 +22,14 @@ __export(rich_content_viewer_exports, {
 });
 module.exports = __toCommonJS(rich_content_viewer_exports);
 var rich_content_viewer_default = {
-  "fontElementMap": "_4Xywg",
-  "wrapper": "PdPSM",
-  "pluginContainerMobile": "_41XEg",
-  "viewer": "FHFeI",
-  "android": "CZ2if",
-  "rootedTraversedContent": "VZ9ha",
-  "atomic": "rNe-p",
-  "toolbar": "_0dWZR",
-  "block": "ptNZo"
+  "fontElementMap": "_2W-Vr",
+  "wrapper": "jRZWf",
+  "pluginContainerMobile": "Ym-DF",
+  "viewer": "nSDY8",
+  "android": "QYmNW",
+  "rootedTraversedContent": "boxOz",
+  "atomic": "ikU2t",
+  "toolbar": "-UN-T",
+  "block": "PT9K6"
 };
 //# sourceMappingURL=rich-content-viewer-scss.js.map

package/dist/cjs/ricos-viewer-next/statics/rich-content-viewer-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/rich-content-viewer.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_4Xywg\",\n  \"wrapper\": \"PdPSM\",\n  \"pluginContainerMobile\": \"_41XEg\",\n  \"viewer\": \"FHFeI\",\n  \"android\": \"CZ2if\",\n  \"rootedTraversedContent\": \"VZ9ha\",\n  \"atomic\": \"rNe-p\",\n  \"toolbar\": \"_0dWZR\",\n  \"block\": \"ptNZo\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_2W-Vr\",\n  \"wrapper\": \"jRZWf\",\n  \"pluginContainerMobile\": \"Ym-DF\",\n  \"viewer\": \"nSDY8\",\n  \"android\": \"QYmNW\",\n  \"rootedTraversedContent\": \"boxOz\",\n  \"atomic\": \"ikU2t\",\n  \"toolbar\": \"-UN-T\",\n  \"block\": \"PT9K6\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,yBAAyB;AAAA,EACzB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,0BAA0B;AAAA,EAC1B,UAAU;AAAA,EACV,WAAW;AAAA,EACX,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ricos-viewer-next/statics/rtl-scss.js

@@ -22,7 +22,7 @@ __export(rtl_exports, {
 });
 module.exports = __toCommonJS(rtl_exports);
 var rtl_default = {
-  "rtl": "WmiKm",
-  "ltr": "fbWPk"
+  "rtl": "tRrmz",
+  "ltr": "_7JHee"
 };
 //# sourceMappingURL=rtl-scss.js.map

package/dist/cjs/ricos-viewer-next/statics/rtl-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ricos-viewer-next/statics/rtl.scss"],
-  "sourcesContent": ["export default {\n  \"rtl\": \"WmiKm\",\n  \"ltr\": \"fbWPk\"\n};"],
+  "sourcesContent": ["export default {\n  \"rtl\": \"tRrmz\",\n  \"ltr\": \"_7JHee\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,cAAQ;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

package/dist/cjs/text-selection-toolbar/statics/styles/viewer-inline-toolbar-scss.js

@@ -22,7 +22,7 @@ __export(viewer_inline_toolbar_exports, {
 });
 module.exports = __toCommonJS(viewer_inline_toolbar_exports);
 var viewer_inline_toolbar_default = {
-  "toolbar": "dg-Kc",
-  "button": "czBbP"
+  "toolbar": "atIny",
+  "button": "uS2KE"
 };
 //# sourceMappingURL=viewer-inline-toolbar-scss.js.map

package/dist/cjs/text-selection-toolbar/statics/styles/viewer-inline-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/text-selection-toolbar/statics/styles/viewer-inline-toolbar.scss"],
-  "sourcesContent": ["export default {\n  \"toolbar\": \"dg-Kc\",\n  \"button\": \"czBbP\"\n};"],
+  "sourcesContent": ["export default {\n  \"toolbar\": \"atIny\",\n  \"button\": \"uS2KE\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,WAAW;AAAA,EACX,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/tiptap-editor/statics/styles/tiptap-editor-styles-scss.js

@@ -22,18 +22,18 @@ __export(tiptap_editor_styles_exports, {
 });
 module.exports = __toCommonJS(tiptap_editor_styles_exports);
 var tiptap_editor_styles_default = {
-  "fontElementMap": "a4sx3",
-  "wrapper": "ONRkL",
-  "editor": "uOzcf",
-  "desktop": "_0Slch",
-  "fullRicosEditor": "EH-V7",
-  "custom_editor": "UoyjM",
-  "custom_padding": "aVz-k",
-  "ricos-spotlight-shimmer": "O5Dfi",
-  "ricos-spotlight-shimmer-marker": "STxKf",
-  "ricos-node": "RxhA9",
-  "ricosTiptapEditor": "NsXRm",
-  "focusRing": "_8LIAM",
-  "srOnly": "QSU1S"
+  "fontElementMap": "DqXM2",
+  "wrapper": "hsba2",
+  "editor": "_-7QuM",
+  "desktop": "ePKYh",
+  "fullRicosEditor": "XaPB3",
+  "custom_editor": "-ANhM",
+  "custom_padding": "FVl13",
+  "ricos-spotlight-shimmer": "_3Kogs",
+  "ricos-spotlight-shimmer-marker": "C38wF",
+  "ricos-node": "lnBfX",
+  "ricosTiptapEditor": "mDdcv",
+  "focusRing": "QLOrA",
+  "srOnly": "HF1Dh"
 };
 //# sourceMappingURL=tiptap-editor-styles-scss.js.map

package/dist/cjs/tiptap-editor/statics/styles/tiptap-editor-styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/tiptap-editor/statics/styles/tiptap-editor-styles.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"a4sx3\",\n  \"wrapper\": \"ONRkL\",\n  \"editor\": \"uOzcf\",\n  \"desktop\": \"_0Slch\",\n  \"fullRicosEditor\": \"EH-V7\",\n  \"custom_editor\": \"UoyjM\",\n  \"custom_padding\": \"aVz-k\",\n  \"ricos-spotlight-shimmer\": \"O5Dfi\",\n  \"ricos-spotlight-shimmer-marker\": \"STxKf\",\n  \"ricos-node\": \"RxhA9\",\n  \"ricosTiptapEditor\": \"NsXRm\",\n  \"focusRing\": \"_8LIAM\",\n  \"srOnly\": \"QSU1S\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"DqXM2\",\n  \"wrapper\": \"hsba2\",\n  \"editor\": \"_-7QuM\",\n  \"desktop\": \"ePKYh\",\n  \"fullRicosEditor\": \"XaPB3\",\n  \"custom_editor\": \"-ANhM\",\n  \"custom_padding\": \"FVl13\",\n  \"ricos-spotlight-shimmer\": \"_3Kogs\",\n  \"ricos-spotlight-shimmer-marker\": \"C38wF\",\n  \"ricos-node\": \"lnBfX\",\n  \"ricosTiptapEditor\": \"mDdcv\",\n  \"focusRing\": \"QLOrA\",\n  \"srOnly\": \"HF1Dh\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,+BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,kBAAkB;AAAA,EAClB,2BAA2B;AAAA,EAC3B,kCAAkC;AAAA,EAClC,cAAc;AAAA,EACd,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/tiptap-extensions/placeholder-scss.js

@@ -22,6 +22,6 @@ __export(placeholder_exports, {
 });
 module.exports = __toCommonJS(placeholder_exports);
 var placeholder_default = {
-  "alignCenter": "o0PSd"
+  "alignCenter": "cXWf-"
 };
 //# sourceMappingURL=placeholder-scss.js.map

package/dist/cjs/tiptap-extensions/placeholder-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/tiptap-extensions/placeholder.scss"],
-  "sourcesContent": ["export default {\n  \"alignCenter\": \"o0PSd\"\n};"],
+  "sourcesContent": ["export default {\n  \"alignCenter\": \"cXWf-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,sBAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/tiptap-extensions/statics/styles-scss.js

@@ -22,9 +22,9 @@ __export(styles_exports, {
 });
 module.exports = __toCommonJS(styles_exports);
 var styles_default = {
-  "fontElementMap": "C-DZ1",
-  "link": "PfeB6",
-  "linkInViewer": "ADfR-",
-  "dropcursor": "uiedq"
+  "fontElementMap": "_--3ls",
+  "link": "nCz4t",
+  "linkInViewer": "HGknN",
+  "dropcursor": "_91YHI"
 };
 //# sourceMappingURL=styles-scss.js.map

package/dist/cjs/tiptap-extensions/statics/styles-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/tiptap-extensions/statics/styles.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"C-DZ1\",\n  \"link\": \"PfeB6\",\n  \"linkInViewer\": \"ADfR-\",\n  \"dropcursor\": \"uiedq\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"_--3ls\",\n  \"link\": \"nCz4t\",\n  \"linkInViewer\": \"HGknN\",\n  \"dropcursor\": \"_91YHI\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,cAAc;AAChB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/FloatingToolbar/floating-toolbar.js

@@ -42,7 +42,8 @@ const FloatingToolbar = ({
   hideStrategy,
   referenceElement,
   placement,
-  boundary
+  boundary,
+  shiftBoundary
 }) => {
   const zIndexService = (0, import_react.useContext)(import_ricos_context.ZIndexContext);
   const { jsdomMode, portal } = (0, import_react.useContext)(import_ricos_context.RicosContext);
@@ -58,9 +59,11 @@ const FloatingToolbar = ({
   } = (0, import_react_dom.useFloating)({
     placement,
     middleware: [
-      (0, import_react_dom.shift)({
-        boundary
-      }),
+      // A toolbar wider than shiftBoundary would only be pinned to its start edge,
+      // covering the content and still overflowing, so keep the outer boundary then.
+      (0, import_react_dom.shift)(({ rects }) => ({
+        boundary: shiftBoundary && rects.floating.width <= shiftBoundary.offsetWidth ? shiftBoundary : boundary
+      })),
       (0, import_react_dom.hide)({
         strategy: hideStrategy,
         ...hideStrategy !== "referenceHidden" && { boundary }

package/dist/cjs/toolbars-v3/components/FloatingToolbar/floating-toolbar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/FloatingToolbar/floating-toolbar.tsx"],
-  "sourcesContent": ["import type { HideOptions, Placement, VirtualElement } from '@floating-ui/react-dom';\nimport { flip, hide, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { useAnimationPausedAutoUpdate } from './../../../_shared/node-animation/use-animation-paused-auto-update.js';\n\nimport { useFloatingToolbarOffset } from './use-floating-toolbar-offset.js';\n\nexport const FloatingToolbar = ({\n  children,\n  hideStrategy,\n  referenceElement,\n  placement,\n  boundary,\n}: {\n  children: React.ReactNode;\n  hideStrategy: Exclude<HideOptions['strategy'], undefined>;\n  referenceElement: VirtualElement;\n  placement: Placement;\n  boundary: HTMLElement;\n}) => {\n  const zIndexService = useContext(ZIndexContext);\n  const { jsdomMode, portal } = useContext(RicosContext);\n  const toolbarOffset = useFloatingToolbarOffset({ referenceElement });\n\n  const {\n    x,\n    y,\n    refs: { setReference, setFloating },\n    elements,\n    update,\n    strategy,\n    middlewareData,\n  } = useFloating({\n    placement,\n    middleware: [\n      shift({\n        boundary,\n      }),\n      hide({\n        strategy: hideStrategy,\n        ...(hideStrategy !== 'referenceHidden' && { boundary }),\n      }),\n      offset(toolbarOffset),\n      flip({\n        boundary,\n      }),\n    ],\n  });\n\n  useAnimationPausedAutoUpdate({\n    reference: elements.reference,\n    floating: elements.floating,\n    update,\n  });\n\n  useEffect(() => {\n    setReference(referenceElement);\n  }, [setReference, referenceElement]);\n\n  if (!portal) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(\n    <div\n      ref={setFloating}\n      style={{\n        position: strategy,\n        top: y ?? '',\n        left: x ?? '',\n        zIndex: zIndexService.getZIndex('TOOLBAR'),\n        display: jsdomMode\n          ? 'block'\n          : middlewareData.hide?.escaped || middlewareData.hide?.referenceHidden || (!x && !y)\n            ? 'none'\n            : 'block',\n      }}\n    >\n      <div data-hook=\"ricos-floating-toolbar\" tabIndex={-1}>\n        {children}\n      </div>\n    </div>,\n    portal\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAuD;AACvD,mBAA6C;AAC7C,IAAAA,oBAAqB;AAErB,2BAA4C;AAC5C,8CAA6C;AAE7C,yCAAyC;AAElC,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,QAAM,oBAAgB,yBAAW,kCAAa;AAC9C,QAAM,EAAE,WAAW,OAAO,QAAI,yBAAW,iCAAY;AACrD,QAAM,oBAAgB,6DAAyB,EAAE,iBAAiB,CAAC;AAEnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM,EAAE,cAAc,YAAY;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,8BAAY;AAAA,IACd;AAAA,IACA,YAAY;AAAA,UACV,wBAAM;AAAA,QACJ;AAAA,MACF,CAAC;AAAA,UACD,uBAAK;AAAA,QACH,UAAU;AAAA,QACV,GAAI,iBAAiB,qBAAqB,EAAE,SAAS;AAAA,MACvD,CAAC;AAAA,UACD,yBAAO,aAAa;AAAA,UACpB,uBAAK;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,4EAA6B;AAAA,IAC3B,WAAW,SAAS;AAAA,IACpB,UAAU,SAAS;AAAA,IACnB;AAAA,EACF,CAAC;AAED,8BAAU,MAAM;AACd,iBAAa,gBAAgB;AAAA,EAC/B,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SAAO,kBAAAC,QAAS;AAAA,IACd,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK,KAAK;AAAA,UACV,MAAM,KAAK;AAAA,UACX,QAAQ,cAAc,UAAU,SAAS;AAAA,UACzC,SAAS,YACL,UACA,eAAe,MAAM,WAAW,eAAe,MAAM,mBAAoB,CAAC,KAAK,CAAC,IAC9E,SACA;AAAA,QACR;AAAA;AAAA,MAEA,6BAAAA,QAAA,cAAC,SAAI,aAAU,0BAAyB,UAAU,MAC/C,QACH;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type { HideOptions, Placement, VirtualElement } from '@floating-ui/react-dom';\nimport { flip, hide, offset, shift, useFloating } from '@floating-ui/react-dom';\nimport React, { useContext, useEffect } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { RicosContext, ZIndexContext } from './../../../ricos-context/index.js';\nimport { useAnimationPausedAutoUpdate } from './../../../_shared/node-animation/use-animation-paused-auto-update.js';\n\nimport { useFloatingToolbarOffset } from './use-floating-toolbar-offset.js';\n\nexport const FloatingToolbar = ({\n  children,\n  hideStrategy,\n  referenceElement,\n  placement,\n  boundary,\n  shiftBoundary,\n}: {\n  children: React.ReactNode;\n  hideStrategy: Exclude<HideOptions['strategy'], undefined>;\n  referenceElement: VirtualElement;\n  placement: Placement;\n  boundary: HTMLElement;\n  // Narrower box for horizontal shifting only, used while the toolbar fits in it;\n  // flip and hide keep `boundary`.\n  shiftBoundary?: HTMLElement;\n}) => {\n  const zIndexService = useContext(ZIndexContext);\n  const { jsdomMode, portal } = useContext(RicosContext);\n  const toolbarOffset = useFloatingToolbarOffset({ referenceElement });\n\n  const {\n    x,\n    y,\n    refs: { setReference, setFloating },\n    elements,\n    update,\n    strategy,\n    middlewareData,\n  } = useFloating({\n    placement,\n    middleware: [\n      // A toolbar wider than shiftBoundary would only be pinned to its start edge,\n      // covering the content and still overflowing, so keep the outer boundary then.\n      shift(({ rects }) => ({\n        boundary:\n          shiftBoundary && rects.floating.width <= shiftBoundary.offsetWidth\n            ? shiftBoundary\n            : boundary,\n      })),\n      hide({\n        strategy: hideStrategy,\n        ...(hideStrategy !== 'referenceHidden' && { boundary }),\n      }),\n      offset(toolbarOffset),\n      flip({\n        boundary,\n      }),\n    ],\n  });\n\n  useAnimationPausedAutoUpdate({\n    reference: elements.reference,\n    floating: elements.floating,\n    update,\n  });\n\n  useEffect(() => {\n    setReference(referenceElement);\n  }, [setReference, referenceElement]);\n\n  if (!portal) {\n    return null;\n  }\n\n  return ReactDOM.createPortal(\n    <div\n      ref={setFloating}\n      style={{\n        position: strategy,\n        top: y ?? '',\n        left: x ?? '',\n        zIndex: zIndexService.getZIndex('TOOLBAR'),\n        display: jsdomMode\n          ? 'block'\n          : middlewareData.hide?.escaped || middlewareData.hide?.referenceHidden || (!x && !y)\n            ? 'none'\n            : 'block',\n      }}\n    >\n      <div data-hook=\"ricos-floating-toolbar\" tabIndex={-1}>\n        {children}\n      </div>\n    </div>,\n    portal\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAuD;AACvD,mBAA6C;AAC7C,IAAAA,oBAAqB;AAErB,2BAA4C;AAC5C,8CAA6C;AAE7C,yCAAyC;AAElC,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MASM;AACJ,QAAM,oBAAgB,yBAAW,kCAAa;AAC9C,QAAM,EAAE,WAAW,OAAO,QAAI,yBAAW,iCAAY;AACrD,QAAM,oBAAgB,6DAAyB,EAAE,iBAAiB,CAAC;AAEnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,MAAM,EAAE,cAAc,YAAY;AAAA,IAClC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,8BAAY;AAAA,IACd;AAAA,IACA,YAAY;AAAA;AAAA;AAAA,UAGV,wBAAM,CAAC,EAAE,MAAM,OAAO;AAAA,QACpB,UACE,iBAAiB,MAAM,SAAS,SAAS,cAAc,cACnD,gBACA;AAAA,MACR,EAAE;AAAA,UACF,uBAAK;AAAA,QACH,UAAU;AAAA,QACV,GAAI,iBAAiB,qBAAqB,EAAE,SAAS;AAAA,MACvD,CAAC;AAAA,UACD,yBAAO,aAAa;AAAA,UACpB,uBAAK;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AAED,4EAA6B;AAAA,IAC3B,WAAW,SAAS;AAAA,IACpB,UAAU,SAAS;AAAA,IACnB;AAAA,EACF,CAAC;AAED,8BAAU,MAAM;AACd,iBAAa,gBAAgB;AAAA,EAC/B,GAAG,CAAC,cAAc,gBAAgB,CAAC;AAEnC,MAAI,CAAC,QAAQ;AACX,WAAO;AAAA,EACT;AAEA,SAAO,kBAAAC,QAAS;AAAA,IACd,6BAAAC,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,OAAO;AAAA,UACL,UAAU;AAAA,UACV,KAAK,KAAK;AAAA,UACV,MAAM,KAAK;AAAA,UACX,QAAQ,cAAc,UAAU,SAAS;AAAA,UACzC,SAAS,YACL,UACA,eAAe,MAAM,WAAW,eAAe,MAAM,mBAAoB,CAAC,KAAK,CAAC,IAC9E,SACA;AAAA,QACR;AAAA;AAAA,MAEA,6BAAAA,QAAA,cAAC,SAAI,aAAU,0BAAyB,UAAU,MAC/C,QACH;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACF;",
   "names": ["import_react_dom", "ReactDOM", "React"]
 }

package/dist/cjs/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js

@@ -22,6 +22,6 @@ __export(insert_plugin_toolbar_exports, {
 });
 module.exports = __toCommonJS(insert_plugin_toolbar_exports);
 var insert_plugin_toolbar_default = {
-  "wrapper": "fqGUO"
+  "wrapper": "eX4tI"
 };
 //# sourceMappingURL=insert-plugin-toolbar-scss.js.map

package/dist/cjs/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/components/InsertPluginToolbar/insert-plugin-toolbar.scss"],
-  "sourcesContent": ["export default {\n  \"wrapper\": \"fqGUO\"\n};"],
+  "sourcesContent": ["export default {\n  \"wrapper\": \"eX4tI\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js

@@ -22,8 +22,8 @@ __export(OverflownButtons_exports, {
 });
 module.exports = __toCommonJS(OverflownButtons_exports);
 var OverflownButtons_default = {
-  "fontElementMap": "Coy5w",
-  "moreItems": "Rr-DS",
-  "overflownItems": "n-3V-"
+  "fontElementMap": "IRAzQ",
+  "moreItems": "TQ4tQ",
+  "overflownItems": "KXGRU"
 };
 //# sourceMappingURL=OverflownButtons-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/OverflownButtons.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"Coy5w\",\n  \"moreItems\": \"Rr-DS\",\n  \"overflownItems\": \"n-3V-\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"IRAzQ\",\n  \"moreItems\": \"TQ4tQ\",\n  \"overflownItems\": \"KXGRU\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,2BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js

@@ -22,8 +22,8 @@ __export(RicosDesktopToolbar_exports, {
 });
 module.exports = __toCommonJS(RicosDesktopToolbar_exports);
 var RicosDesktopToolbar_default = {
-  "toolbarVisible": "LEW6c",
-  "visibleItems": "mw5FP",
-  "hiddenToolbar": "MQNBz"
+  "toolbarVisible": "hySIN",
+  "visibleItems": "R5N-Y",
+  "hiddenToolbar": "zF6tg"
 };
 //# sourceMappingURL=RicosDesktopToolbar-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"toolbarVisible\": \"LEW6c\",\n  \"visibleItems\": \"mw5FP\",\n  \"hiddenToolbar\": \"MQNBz\"\n};"],
+  "sourcesContent": ["export default {\n  \"toolbarVisible\": \"hySIN\",\n  \"visibleItems\": \"R5N-Y\",\n  \"hiddenToolbar\": \"zF6tg\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,gBAAgB;AAAA,EAChB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js

@@ -22,9 +22,9 @@ __export(RicosDesktopToolbarWrapper_exports, {
 });
 module.exports = __toCommonJS(RicosDesktopToolbarWrapper_exports);
 var RicosDesktopToolbarWrapper_default = {
-  "fontElementMap": "KnpUs",
-  "toolbar": "FfQRU",
-  "toolbarFloating": "T04aN",
-  "toolbarStatic": "cqVa4"
+  "fontElementMap": "sh9ob",
+  "toolbar": "ePjJM",
+  "toolbarFloating": "u-Dyn",
+  "toolbarStatic": "_8GUvV"
 };
 //# sourceMappingURL=RicosDesktopToolbarWrapper-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/RicosDesktopToolbarWrapper.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"KnpUs\",\n  \"toolbar\": \"FfQRU\",\n  \"toolbarFloating\": \"T04aN\",\n  \"toolbarStatic\": \"cqVa4\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"sh9ob\",\n  \"toolbar\": \"ePjJM\",\n  \"toolbarFloating\": \"u-Dyn\",\n  \"toolbarStatic\": \"_8GUvV\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qCAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/overflown-buttons.js

@@ -32,6 +32,7 @@ __export(overflown_buttons_exports, {
 });
 module.exports = __toCommonJS(overflown_buttons_exports);
 var import_react = __toESM(require("react"));
+var import_toolbar_boundary = require("./../../../toolbar-boundary.js");
 var import_floating_toolbar = require("../../FloatingToolbar/floating-toolbar.js");
 var import_data_hooks = require("./data-hooks.js");
 var import_handle_arrow_navigation = require("./handle-arrow-navigation.js");
@@ -45,6 +46,7 @@ const OverflownButtons = ({
   toolbarRef
 }) => {
   const [toolbarElement, setToolbarElement] = (0, import_react.useState)(null);
+  const toolbarBoundary = (0, import_toolbar_boundary.useToolbarBoundary)();
   const setOverflownToolbarElement = (0, import_react.useCallback)(
     (element) => {
       setToolbarElement(element);
@@ -63,6 +65,7 @@ const OverflownButtons = ({
       hideStrategy: "referenceHidden",
       referenceElement: attachTo,
       boundary: document.body,
+      shiftBoundary: toolbarBoundary ?? void 0,
       placement: `${renderVertical}-start`
     },
     /* @__PURE__ */ import_react.default.createElement(

package/dist/cjs/toolbars-v3/components/Toolbar/RicosDesktopToolbar/overflown-buttons.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosDesktopToolbar/overflown-buttons.tsx"],
-  "sourcesContent": ["import React, { useCallback, useState } from 'react';\n\nimport type { ToolbarButtons } from '../../../models/index.js';\nimport { FloatingToolbar } from '../../FloatingToolbar/floating-toolbar.js';\nimport { OverflownButtonsToolbar } from './data-hooks.js';\nimport { handleArrowKeyNavigation } from './handle-arrow-navigation.js';\nimport styles from './OverflownButtons-scss.js';\n\nexport const OverflownButtons = ({\n  shouldShowMore,\n  overflownButtons,\n  showMoreAbove,\n  attachTo,\n  onTabPress,\n  toolbarRef,\n}: {\n  shouldShowMore: boolean;\n  overflownButtons: ToolbarButtons;\n  showMoreAbove: boolean;\n  attachTo: HTMLButtonElement;\n  onTabPress: () => void;\n  /** Exposes the overflow toolbar element to the owning toolbar's click-outside guard. */\n  toolbarRef: React.MutableRefObject<HTMLDivElement | null>;\n}) => {\n  const [toolbarElement, setToolbarElement] = useState<HTMLDivElement | null>(null);\n\n  // Stable identity, so React doesn't detach and reattach the ref (a transient null plus\n  // redundant state updates) on every rerender.\n  const setOverflownToolbarElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      setToolbarElement(element);\n      toolbarRef.current = element;\n    },\n    [toolbarRef]\n  );\n\n  const showOverflowButtons = shouldShowMore && !overflownButtons.isEmpty() && !!attachTo;\n\n  if (!showOverflowButtons) {\n    return null;\n  }\n\n  const renderVertical = showMoreAbove ? 'top' : 'bottom';\n\n  return (\n    <FloatingToolbar\n      hideStrategy=\"referenceHidden\"\n      referenceElement={attachTo}\n      boundary={document.body}\n      placement={`${renderVertical}-start`}\n    >\n      <div\n        ref={setOverflownToolbarElement}\n        className={styles.moreItems}\n        data-hook={OverflownButtonsToolbar}\n        role=\"toolbar\"\n        onKeyDown={e => {\n          if (e.key === 'Tab') {\n            e.preventDefault();\n            e.stopPropagation();\n            onTabPress();\n          }\n          if (toolbarElement) {\n            handleArrowKeyNavigation({\n              e,\n              scope: toolbarElement,\n            });\n          }\n        }}\n      >\n        <div className={styles.overflownItems}>\n          {overflownButtons.getButtonsElementsWithDataHook()}\n        </div>\n      </div>\n    </FloatingToolbar>\n  );\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAG7C,8BAAgC;AAChC,wBAAwC;AACxC,qCAAyC;AACzC,mCAAmB;AAEZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAgC,IAAI;AAIhF,QAAM,iCAA6B;AAAA,IACjC,CAAC,YAAmC;AAClC,wBAAkB,OAAO;AACzB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,sBAAsB,kBAAkB,CAAC,iBAAiB,QAAQ,KAAK,CAAC,CAAC;AAE/E,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,gBAAgB,QAAQ;AAE/C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,UAAU,SAAS;AAAA,MACnB,WAAW,GAAG,cAAc;AAAA;AAAA,IAE5B,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,6BAAAC,QAAO;AAAA,QAClB,aAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAW,OAAK;AACd,cAAI,EAAE,QAAQ,OAAO;AACnB,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAClB,uBAAW;AAAA,UACb;AACA,cAAI,gBAAgB;AAClB,yEAAyB;AAAA,cACvB;AAAA,cACA,OAAO;AAAA,YACT,CAAC;AAAA,UACH;AAAA,QACF;AAAA;AAAA,MAEA,6BAAAD,QAAA,cAAC,SAAI,WAAW,6BAAAC,QAAO,kBACpB,iBAAiB,+BAA+B,CACnD;AAAA,IACF;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["import React, { useCallback, useState } from 'react';\n\nimport { useToolbarBoundary } from './../../../toolbar-boundary.js';\n\nimport type { ToolbarButtons } from '../../../models/index.js';\nimport { FloatingToolbar } from '../../FloatingToolbar/floating-toolbar.js';\nimport { OverflownButtonsToolbar } from './data-hooks.js';\nimport { handleArrowKeyNavigation } from './handle-arrow-navigation.js';\nimport styles from './OverflownButtons-scss.js';\n\nexport const OverflownButtons = ({\n  shouldShowMore,\n  overflownButtons,\n  showMoreAbove,\n  attachTo,\n  onTabPress,\n  toolbarRef,\n}: {\n  shouldShowMore: boolean;\n  overflownButtons: ToolbarButtons;\n  showMoreAbove: boolean;\n  attachTo: HTMLButtonElement;\n  onTabPress: () => void;\n  /** Exposes the overflow toolbar element to the owning toolbar's click-outside guard. */\n  toolbarRef: React.MutableRefObject<HTMLDivElement | null>;\n}) => {\n  const [toolbarElement, setToolbarElement] = useState<HTMLDivElement | null>(null);\n  const toolbarBoundary = useToolbarBoundary();\n\n  // Stable identity, so React doesn't detach and reattach the ref (a transient null plus\n  // redundant state updates) on every rerender.\n  const setOverflownToolbarElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      setToolbarElement(element);\n      toolbarRef.current = element;\n    },\n    [toolbarRef]\n  );\n\n  const showOverflowButtons = shouldShowMore && !overflownButtons.isEmpty() && !!attachTo;\n\n  if (!showOverflowButtons) {\n    return null;\n  }\n\n  const renderVertical = showMoreAbove ? 'top' : 'bottom';\n\n  return (\n    <FloatingToolbar\n      hideStrategy=\"referenceHidden\"\n      referenceElement={attachTo}\n      boundary={document.body}\n      // The host can give the editor less room than the viewport (e.g. a side panel\n      // beside it), so slide the menu back inside the editor's box.\n      shiftBoundary={toolbarBoundary ?? undefined}\n      placement={`${renderVertical}-start`}\n    >\n      <div\n        ref={setOverflownToolbarElement}\n        className={styles.moreItems}\n        data-hook={OverflownButtonsToolbar}\n        role=\"toolbar\"\n        onKeyDown={e => {\n          if (e.key === 'Tab') {\n            e.preventDefault();\n            e.stopPropagation();\n            onTabPress();\n          }\n          if (toolbarElement) {\n            handleArrowKeyNavigation({\n              e,\n              scope: toolbarElement,\n            });\n          }\n        }}\n      >\n        <div className={styles.overflownItems}>\n          {overflownButtons.getButtonsElementsWithDataHook()}\n        </div>\n      </div>\n    </FloatingToolbar>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6C;AAE7C,8BAAmC;AAGnC,8BAAgC;AAChC,wBAAwC;AACxC,qCAAyC;AACzC,mCAAmB;AAEZ,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,CAAC,gBAAgB,iBAAiB,QAAI,uBAAgC,IAAI;AAChF,QAAM,sBAAkB,4CAAmB;AAI3C,QAAM,iCAA6B;AAAA,IACjC,CAAC,YAAmC;AAClC,wBAAkB,OAAO;AACzB,iBAAW,UAAU;AAAA,IACvB;AAAA,IACA,CAAC,UAAU;AAAA,EACb;AAEA,QAAM,sBAAsB,kBAAkB,CAAC,iBAAiB,QAAQ,KAAK,CAAC,CAAC;AAE/E,MAAI,CAAC,qBAAqB;AACxB,WAAO;AAAA,EACT;AAEA,QAAM,iBAAiB,gBAAgB,QAAQ;AAE/C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,cAAa;AAAA,MACb,kBAAkB;AAAA,MAClB,UAAU,SAAS;AAAA,MAGnB,eAAe,mBAAmB;AAAA,MAClC,WAAW,GAAG,cAAc;AAAA;AAAA,IAE5B,6BAAAA,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK;AAAA,QACL,WAAW,6BAAAC,QAAO;AAAA,QAClB,aAAW;AAAA,QACX,MAAK;AAAA,QACL,WAAW,OAAK;AACd,cAAI,EAAE,QAAQ,OAAO;AACnB,cAAE,eAAe;AACjB,cAAE,gBAAgB;AAClB,uBAAW;AAAA,UACb;AACA,cAAI,gBAAgB;AAClB,yEAAyB;AAAA,cACvB;AAAA,cACA,OAAO;AAAA,YACT,CAAC;AAAA,UACH;AAAA,QACF;AAAA;AAAA,MAEA,6BAAAD,QAAA,cAAC,SAAI,WAAW,6BAAAC,QAAO,kBACpB,iBAAiB,+BAA+B,CACnD;AAAA,IACF;AAAA,EACF;AAEJ;",
   "names": ["React", "styles"]
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js

@@ -22,14 +22,14 @@ __export(RicosMobileToolbar_exports, {
 });
 module.exports = __toCommonJS(RicosMobileToolbar_exports);
 var RicosMobileToolbar_default = {
-  "fontElementMap": "NsdEG",
-  "container": "iP9A1",
-  "regularContainer": "dmnmr",
-  "floatingContainer": "zjMA2",
-  "staticContainer": "vKc72",
-  "mobileToolbar": "txX-t",
-  "toolbarFloating": "YC-zu",
-  "toolbarStatic": "vNF7u",
-  "buttons": "b9HJT"
+  "fontElementMap": "m2Dvf",
+  "container": "_5EY-f",
+  "regularContainer": "_8bZAi",
+  "floatingContainer": "IaV82",
+  "staticContainer": "PtRW3",
+  "mobileToolbar": "URLhx",
+  "toolbarFloating": "eJv0h",
+  "toolbarStatic": "Xfr90",
+  "buttons": "rtElU"
 };
 //# sourceMappingURL=RicosMobileToolbar-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/Toolbar/RicosMobileToolbar/RicosMobileToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"NsdEG\",\n  \"container\": \"iP9A1\",\n  \"regularContainer\": \"dmnmr\",\n  \"floatingContainer\": \"zjMA2\",\n  \"staticContainer\": \"vKc72\",\n  \"mobileToolbar\": \"txX-t\",\n  \"toolbarFloating\": \"YC-zu\",\n  \"toolbarStatic\": \"vNF7u\",\n  \"buttons\": \"b9HJT\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"m2Dvf\",\n  \"container\": \"_5EY-f\",\n  \"regularContainer\": \"_8bZAi\",\n  \"floatingContainer\": \"IaV82\",\n  \"staticContainer\": \"PtRW3\",\n  \"mobileToolbar\": \"URLhx\",\n  \"toolbarFloating\": \"eJv0h\",\n  \"toolbarStatic\": \"Xfr90\",\n  \"buttons\": \"rtElU\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,oBAAoB;AAAA,EACpB,qBAAqB;AAAA,EACrB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay-scss.js

@@ -22,6 +22,6 @@ __export(mobile_toolbar_overlay_exports, {
 });
 module.exports = __toCommonJS(mobile_toolbar_overlay_exports);
 var mobile_toolbar_overlay_default = {
-  "mobileToolbarOverlay": "g9TRv"
+  "mobileToolbarOverlay": "XfL53"
 };
 //# sourceMappingURL=mobile-toolbar-overlay-scss.js.map

package/dist/cjs/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/toolbars-v3/components/Toolbar/RicosMobileToolbar/mobile-toolbar-overlay/mobile-toolbar-overlay.scss"],
-  "sourcesContent": ["export default {\n  \"mobileToolbarOverlay\": \"g9TRv\"\n};"],
+  "sourcesContent": ["export default {\n  \"mobileToolbarOverlay\": \"XfL53\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/UseSizeCalculator/use-size-calculator.js

@@ -33,6 +33,7 @@ __export(use_size_calculator_exports, {
 module.exports = __toCommonJS(use_size_calculator_exports);
 var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../../ricos-context/index.js");
+var import_get_element_scale = require("./../../../_shared/get-element-scale.js");
 var import_models = require("../../models/index.js");
 const MORE_BUTTON_WIDTH = 30;
 const GAP_BETWEEN_BUTTONS = 4;
@@ -65,10 +66,11 @@ const Overflow = ({
     if (!containerRef) {
       return;
     }
+    const { scaleX } = (0, import_get_element_scale.getElementScale)(containerRef);
     const elements = Array.from(containerRef.children).map((child) => {
       return {
         child,
-        width: Math.ceil(child.getBoundingClientRect().width)
+        width: Math.round(child.getBoundingClientRect().width / scaleX)
       };
     });
     let stackIsFull = false;