@wix/ricos 11.21.0 → 11.21.2

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": "JXpZN"
+  "wrapper": "OB5ct"
 };
 //# 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\": \"JXpZN\"\n};"],
+  "sourcesContent": ["export default {\n  \"wrapper\": \"OB5ct\"\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": "oUR5b",
-  "moreItems": "ZtIM4",
-  "overflownItems": "U3SAU"
+  "fontElementMap": "y9DRz",
+  "moreItems": "E8Uxx",
+  "overflownItems": "TgLHo"
 };
 //# 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\": \"oUR5b\",\n  \"moreItems\": \"ZtIM4\",\n  \"overflownItems\": \"U3SAU\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"y9DRz\",\n  \"moreItems\": \"E8Uxx\",\n  \"overflownItems\": \"TgLHo\"\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": "qmYoj",
-  "visibleItems": "xcnuf",
-  "hiddenToolbar": "pSUPr"
+  "toolbarVisible": "dS4rU",
+  "visibleItems": "_1OScn",
+  "hiddenToolbar": "mx-Tt"
 };
 //# 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\": \"qmYoj\",\n  \"visibleItems\": \"xcnuf\",\n  \"hiddenToolbar\": \"pSUPr\"\n};"],
+  "sourcesContent": ["export default {\n  \"toolbarVisible\": \"dS4rU\",\n  \"visibleItems\": \"_1OScn\",\n  \"hiddenToolbar\": \"mx-Tt\"\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": "RdjWG",
-  "toolbar": "_2Ritq",
-  "toolbarFloating": "BhP-R",
-  "toolbarStatic": "_38g61"
+  "fontElementMap": "ldjTj",
+  "toolbar": "cYwgV",
+  "toolbarFloating": "cHmg8",
+  "toolbarStatic": "Fpleq"
 };
 //# 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\": \"RdjWG\",\n  \"toolbar\": \"_2Ritq\",\n  \"toolbarFloating\": \"BhP-R\",\n  \"toolbarStatic\": \"_38g61\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"ldjTj\",\n  \"toolbar\": \"cYwgV\",\n  \"toolbarFloating\": \"cHmg8\",\n  \"toolbarStatic\": \"Fpleq\"\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": "_3T-hP",
-  "container": "_8LtuV",
-  "regularContainer": "-ghy0",
-  "floatingContainer": "v9JCq",
-  "staticContainer": "ZTiWR",
-  "mobileToolbar": "RSx03",
-  "toolbarFloating": "UaUB4",
-  "toolbarStatic": "Z8vHT",
-  "buttons": "tI8Mq"
+  "fontElementMap": "IKByJ",
+  "container": "Ncajj",
+  "regularContainer": "GrClR",
+  "floatingContainer": "_6tsa7",
+  "staticContainer": "X3vuU",
+  "mobileToolbar": "-PkkA",
+  "toolbarFloating": "MvXvE",
+  "toolbarStatic": "YU2nT",
+  "buttons": "rNsMQ"
 };
 //# 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\": \"_3T-hP\",\n  \"container\": \"_8LtuV\",\n  \"regularContainer\": \"-ghy0\",\n  \"floatingContainer\": \"v9JCq\",\n  \"staticContainer\": \"ZTiWR\",\n  \"mobileToolbar\": \"RSx03\",\n  \"toolbarFloating\": \"UaUB4\",\n  \"toolbarStatic\": \"Z8vHT\",\n  \"buttons\": \"tI8Mq\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"IKByJ\",\n  \"container\": \"Ncajj\",\n  \"regularContainer\": \"GrClR\",\n  \"floatingContainer\": \"_6tsa7\",\n  \"staticContainer\": \"X3vuU\",\n  \"mobileToolbar\": \"-PkkA\",\n  \"toolbarFloating\": \"MvXvE\",\n  \"toolbarStatic\": \"YU2nT\",\n  \"buttons\": \"rNsMQ\"\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": "d4DVj"
+  "mobileToolbarOverlay": "Nr4bL"
 };
 //# 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\": \"d4DVj\"\n};"],
+  "sourcesContent": ["export default {\n  \"mobileToolbarOverlay\": \"Nr4bL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,iCAAQ;AAAA,EACb,wBAAwB;AAC1B;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton-scss.js

@@ -22,6 +22,6 @@ __export(AddPluginMenuMobileButton_exports, {
 });
 module.exports = __toCommonJS(AddPluginMenuMobileButton_exports);
 var AddPluginMenuMobileButton_default = {
-  "toggleButton": "TGUfy"
+  "toggleButton": "BAtIU"
 };
 //# sourceMappingURL=AddPluginMenuMobileButton-scss.js.map

package/dist/cjs/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/AddPluginMenuButtons/AddPluginMenuMobileButton.scss"],
-  "sourcesContent": ["export default {\n  \"toggleButton\": \"TGUfy\"\n};"],
+  "sourcesContent": ["export default {\n  \"toggleButton\": \"BAtIU\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oCAAQ;AAAA,EACb,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton-scss.js

@@ -22,10 +22,10 @@ __export(FontSizeButton_exports, {
 });
 module.exports = __toCommonJS(FontSizeButton_exports);
 var FontSizeButton_default = {
-  "fontSizeButton": "HchoK",
-  "disabled": "xmlpG",
-  "active": "_1EEuK",
-  "fontSizeModalButton": "vKqr7",
-  "fontSizeModalInputButton": "JHH1e"
+  "fontSizeButton": "RJBaS",
+  "disabled": "fO6DA",
+  "active": "isd83",
+  "fontSizeModalButton": "vy7B8",
+  "fontSizeModalInputButton": "jx3xE"
 };
 //# sourceMappingURL=FontSizeButton-scss.js.map

package/dist/cjs/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/FontSizeButton/FontSizeButton.scss"],
-  "sourcesContent": ["export default {\n  \"fontSizeButton\": \"HchoK\",\n  \"disabled\": \"xmlpG\",\n  \"active\": \"_1EEuK\",\n  \"fontSizeModalButton\": \"vKqr7\",\n  \"fontSizeModalInputButton\": \"JHH1e\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontSizeButton\": \"RJBaS\",\n  \"disabled\": \"fO6DA\",\n  \"active\": \"isd83\",\n  \"fontSizeModalButton\": \"vy7B8\",\n  \"fontSizeModalInputButton\": \"jx3xE\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,uBAAuB;AAAA,EACvB,4BAA4B;AAC9B;",
   "names": []
 }

package/dist/cjs/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu-scss.js

@@ -22,11 +22,11 @@ __export(floating_add_plugin_menu_exports, {
 });
 module.exports = __toCommonJS(floating_add_plugin_menu_exports);
 var floating_add_plugin_menu_default = {
-  "floatingAddPluginMenu_wrapper": "VQJMc",
-  "addPluginMenu_horizontal_wrapper": "gquwT",
-  "floatingAddPluginMenu_plus_button_position": "_3ir8B",
-  "floatingAddPluginMenu_plus_button": "jeAfQ",
-  "rtl": "U-HY2",
-  "ltr": "KBQnO"
+  "floatingAddPluginMenu_wrapper": "_0hIey",
+  "addPluginMenu_horizontal_wrapper": "trbwn",
+  "floatingAddPluginMenu_plus_button_position": "f6BiI",
+  "floatingAddPluginMenu_plus_button": "GEpkK",
+  "rtl": "QPJ-k",
+  "ltr": "TAVkL"
 };
 //# sourceMappingURL=floating-add-plugin-menu-scss.js.map

package/dist/cjs/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu.scss"],
-  "sourcesContent": ["export default {\n  \"floatingAddPluginMenu_wrapper\": \"VQJMc\",\n  \"addPluginMenu_horizontal_wrapper\": \"gquwT\",\n  \"floatingAddPluginMenu_plus_button_position\": \"_3ir8B\",\n  \"floatingAddPluginMenu_plus_button\": \"jeAfQ\",\n  \"rtl\": \"U-HY2\",\n  \"ltr\": \"KBQnO\"\n};"],
+  "sourcesContent": ["export default {\n  \"floatingAddPluginMenu_wrapper\": \"_0hIey\",\n  \"addPluginMenu_horizontal_wrapper\": \"trbwn\",\n  \"floatingAddPluginMenu_plus_button_position\": \"f6BiI\",\n  \"floatingAddPluginMenu_plus_button\": \"GEpkK\",\n  \"rtl\": \"QPJ-k\",\n  \"ltr\": \"TAVkL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mCAAQ;AAAA,EACb,iCAAiC;AAAA,EACjC,oCAAoC;AAAA,EACpC,8CAA8C;AAAA,EAC9C,qCAAqC;AAAA,EACrC,OAAO;AAAA,EACP,OAAO;AACT;",
   "names": []
 }

package/dist/cjs/toolbars-v3/ricos-toolbars/footer/FooterToolbar-scss.js

@@ -22,6 +22,6 @@ __export(FooterToolbar_exports, {
 });
 module.exports = __toCommonJS(FooterToolbar_exports);
 var FooterToolbar_default = {
-  "footerToolbar": "KgKkI"
+  "footerToolbar": "RH3yS"
 };
 //# sourceMappingURL=FooterToolbar-scss.js.map

package/dist/cjs/toolbars-v3/ricos-toolbars/footer/FooterToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/ricos-toolbars/footer/FooterToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"footerToolbar\": \"KgKkI\"\n};"],
+  "sourcesContent": ["export default {\n  \"footerToolbar\": \"RH3yS\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/ui-components/Components/Image-scss.js

@@ -22,6 +22,6 @@ __export(Image_exports, {
 });
 module.exports = __toCommonJS(Image_exports);
 var Image_default = {
-  "image": "_8vWYf"
+  "image": "IKyzb"
 };
 //# sourceMappingURL=Image-scss.js.map

package/dist/cjs/ui-components/Components/Image-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Components/Image.scss"],
-  "sourcesContent": ["export default {\n  \"image\": \"_8vWYf\"\n};"],
+  "sourcesContent": ["export default {\n  \"image\": \"IKyzb\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;AAAA,EACb,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ui-components/Components/double-loader-scss.js

@@ -22,9 +22,9 @@ __export(double_loader_exports, {
 });
 module.exports = __toCommonJS(double_loader_exports);
 var double_loader_default = {
-  "wrapper": "NJDie",
-  "top": "GiUq8",
-  "bottom": "zvGW-",
-  "rotation": "wyHmh"
+  "wrapper": "VVGRa",
+  "top": "NvH-g",
+  "bottom": "_6aF18",
+  "rotation": "_5f5rL"
 };
 //# sourceMappingURL=double-loader-scss.js.map

package/dist/cjs/ui-components/Components/double-loader-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Components/double-loader.scss"],
-  "sourcesContent": ["export default {\n  \"wrapper\": \"NJDie\",\n  \"top\": \"GiUq8\",\n  \"bottom\": \"zvGW-\",\n  \"rotation\": \"wyHmh\"\n};"],
+  "sourcesContent": ["export default {\n  \"wrapper\": \"VVGRa\",\n  \"top\": \"NvH-g\",\n  \"bottom\": \"_6aF18\",\n  \"rotation\": \"_5f5rL\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAY;AACd;",
   "names": []
 }

package/dist/cjs/ui-components/color-picker/button-color-swatches/button-color-swatches-scss.js

@@ -22,7 +22,7 @@ __export(button_color_swatches_exports, {
 });
 module.exports = __toCommonJS(button_color_swatches_exports);
 var button_color_swatches_default = {
-  "divider": "ogKZg",
-  "fillPreview": "_3yFwb"
+  "divider": "cgvcN",
+  "fillPreview": "ICXe-"
 };
 //# sourceMappingURL=button-color-swatches-scss.js.map

package/dist/cjs/ui-components/color-picker/button-color-swatches/button-color-swatches-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ui-components/color-picker/button-color-swatches/button-color-swatches.scss"],
-  "sourcesContent": ["export default {\n  \"divider\": \"ogKZg\",\n  \"fillPreview\": \"_3yFwb\"\n};"],
+  "sourcesContent": ["export default {\n  \"divider\": \"cgvcN\",\n  \"fillPreview\": \"ICXe-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,WAAW;AAAA,EACX,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/ui-components/color-picker/new-color-picker/components/gradient-picker/gradient-picker-scss.js

@@ -22,18 +22,18 @@ __export(gradient_picker_exports, {
 });
 module.exports = __toCommonJS(gradient_picker_exports);
 var gradient_picker_default = {
-  "content": "vTL5X",
-  "preview": "SrsQa",
-  "radial": "MIZpJ",
-  "radialCenter": "_5sTxe",
-  "stops": "uUa2U",
-  "stopContainer": "ieoWl",
-  "active": "BwiXB",
-  "stopFillContainer": "_4eWmD",
-  "stopArrow": "dsFm2",
-  "stop": "aBgCk",
-  "customGradientsGrid": "jXKfQ",
-  "customGradientSwatch": "Z20G3",
-  "deleteButton": "k-DzM"
+  "content": "Ek-rm",
+  "preview": "kYu-C",
+  "radial": "ZyY7A",
+  "radialCenter": "oBFv5",
+  "stops": "JXrAI",
+  "stopContainer": "Slpu2",
+  "active": "fDbwr",
+  "stopFillContainer": "_36hYX",
+  "stopArrow": "oyFb9",
+  "stop": "r7Ibp",
+  "customGradientsGrid": "q4S0G",
+  "customGradientSwatch": "dTkk5",
+  "deleteButton": "JfZQP"
 };
 //# sourceMappingURL=gradient-picker-scss.js.map

package/dist/cjs/ui-components/color-picker/new-color-picker/components/gradient-picker/gradient-picker-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ui-components/color-picker/new-color-picker/components/gradient-picker/gradient-picker.scss"],
-  "sourcesContent": ["export default {\n  \"content\": \"vTL5X\",\n  \"preview\": \"SrsQa\",\n  \"radial\": \"MIZpJ\",\n  \"radialCenter\": \"_5sTxe\",\n  \"stops\": \"uUa2U\",\n  \"stopContainer\": \"ieoWl\",\n  \"active\": \"BwiXB\",\n  \"stopFillContainer\": \"_4eWmD\",\n  \"stopArrow\": \"dsFm2\",\n  \"stop\": \"aBgCk\",\n  \"customGradientsGrid\": \"jXKfQ\",\n  \"customGradientSwatch\": \"Z20G3\",\n  \"deleteButton\": \"k-DzM\"\n};"],
+  "sourcesContent": ["export default {\n  \"content\": \"Ek-rm\",\n  \"preview\": \"kYu-C\",\n  \"radial\": \"ZyY7A\",\n  \"radialCenter\": \"oBFv5\",\n  \"stops\": \"JXrAI\",\n  \"stopContainer\": \"Slpu2\",\n  \"active\": \"fDbwr\",\n  \"stopFillContainer\": \"_36hYX\",\n  \"stopArrow\": \"oyFb9\",\n  \"stop\": \"r7Ibp\",\n  \"customGradientsGrid\": \"q4S0G\",\n  \"customGradientSwatch\": \"dTkk5\",\n  \"deleteButton\": \"JfZQP\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,0BAAQ;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/ui-components/color-picker/new-color-picker/components/new-color-swatches/new-color-swatches-scss.js

@@ -22,6 +22,6 @@ __export(new_color_swatches_exports, {
 });
 module.exports = __toCommonJS(new_color_swatches_exports);
 var new_color_swatches_default = {
-  "container": "KWhT4"
+  "container": "JImnr"
 };
 //# sourceMappingURL=new-color-swatches-scss.js.map

package/dist/cjs/ui-components/color-picker/new-color-picker/components/new-color-swatches/new-color-swatches-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ui-components/color-picker/new-color-picker/components/new-color-swatches/new-color-swatches.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"KWhT4\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"JImnr\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6BAAQ;AAAA,EACb,aAAa;AACf;",
   "names": []
 }

package/dist/cjs/ui-components/color-picker/new-color-picker/components/simple-color-picker/simple-color-picker-scss.js

@@ -22,7 +22,7 @@ __export(simple_color_picker_exports, {
 });
 module.exports = __toCommonJS(simple_color_picker_exports);
 var simple_color_picker_default = {
-  "container": "QJt--",
-  "colorPicker": "X8g0-"
+  "container": "p-ZtE",
+  "colorPicker": "Lnoun"
 };
 //# sourceMappingURL=simple-color-picker-scss.js.map

package/dist/cjs/ui-components/color-picker/new-color-picker/components/simple-color-picker/simple-color-picker-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ui-components/color-picker/new-color-picker/components/simple-color-picker/simple-color-picker.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"QJt--\",\n  \"colorPicker\": \"X8g0-\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"p-ZtE\",\n  \"colorPicker\": \"Lnoun\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

package/dist/cjs/ui-components/color-picker/new-color-picker/components/single-color-swatch/single-color-swatch-scss.js

@@ -22,7 +22,7 @@ __export(single_color_swatch_exports, {
 });
 module.exports = __toCommonJS(single_color_swatch_exports);
 var single_color_swatch_default = {
-  "container": "P8i2Y",
-  "deleteButton": "_--LzS"
+  "container": "QvBvT",
+  "deleteButton": "XaM00"
 };
 //# sourceMappingURL=single-color-swatch-scss.js.map

package/dist/cjs/ui-components/color-picker/new-color-picker/components/single-color-swatch/single-color-swatch-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../src/ui-components/color-picker/new-color-picker/components/single-color-swatch/single-color-swatch.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"P8i2Y\",\n  \"deleteButton\": \"_--LzS\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"QvBvT\",\n  \"deleteButton\": \"XaM00\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,8BAAQ;AAAA,EACb,aAAa;AAAA,EACb,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/ui-components/color-picker/new-color-picker/new-color-picker-scss.js

@@ -22,6 +22,6 @@ __export(new_color_picker_exports, {
 });
 module.exports = __toCommonJS(new_color_picker_exports);
 var new_color_picker_default = {
-  "pickerHeader": "_38YxG"
+  "pickerHeader": "-CHB7"
 };
 //# sourceMappingURL=new-color-picker-scss.js.map

package/dist/cjs/ui-components/color-picker/new-color-picker/new-color-picker-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ui-components/color-picker/new-color-picker/new-color-picker.scss"],
-  "sourcesContent": ["export default {\n  \"pickerHeader\": \"_38YxG\"\n};"],
+  "sourcesContent": ["export default {\n  \"pickerHeader\": \"-CHB7\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,2BAAQ;AAAA,EACb,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/ui-components/input-with-slider/input-with-slider-scss.js

@@ -22,6 +22,6 @@ __export(input_with_slider_exports, {
 });
 module.exports = __toCommonJS(input_with_slider_exports);
 var input_with_slider_default = {
-  "sliderContainer": "_2140o"
+  "sliderContainer": "TnYJX"
 };
 //# sourceMappingURL=input-with-slider-scss.js.map

package/dist/cjs/ui-components/input-with-slider/input-with-slider-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/input-with-slider/input-with-slider.scss"],
-  "sourcesContent": ["export default {\n  \"sliderContainer\": \"_2140o\"\n};"],
+  "sourcesContent": ["export default {\n  \"sliderContainer\": \"TnYJX\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,4BAAQ;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/ui-components/layout-background-loader/layout-background-loader-scss.js

@@ -22,8 +22,8 @@ __export(layout_background_loader_exports, {
 });
 module.exports = __toCommonJS(layout_background_loader_exports);
 var layout_background_loader_default = {
-  "overlay": "ZYX8p",
-  "shimmer": "pvfOc",
-  "layout-shimmer": "FwoxS"
+  "overlay": "VOovo",
+  "shimmer": "li6L2",
+  "layout-shimmer": "_7dQv-"
 };
 //# sourceMappingURL=layout-background-loader-scss.js.map

package/dist/cjs/ui-components/layout-background-loader/layout-background-loader-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/layout-background-loader/layout-background-loader.scss"],
-  "sourcesContent": ["export default {\n  \"overlay\": \"ZYX8p\",\n  \"shimmer\": \"pvfOc\",\n  \"layout-shimmer\": \"FwoxS\"\n};"],
+  "sourcesContent": ["export default {\n  \"overlay\": \"VOovo\",\n  \"shimmer\": \"li6L2\",\n  \"layout-shimmer\": \"_7dQv-\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,mCAAQ;AAAA,EACb,WAAW;AAAA,EACX,WAAW;AAAA,EACX,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/ui-components/modal-layout/floating-layout/floating-desktop-layout-scss.js

@@ -22,6 +22,6 @@ __export(floating_desktop_layout_exports, {
 });
 module.exports = __toCommonJS(floating_desktop_layout_exports);
 var floating_desktop_layout_default = {
-  "footer": "_9I64u"
+  "footer": "wmZZz"
 };
 //# sourceMappingURL=floating-desktop-layout-scss.js.map

package/dist/cjs/ui-components/modal-layout/floating-layout/floating-desktop-layout-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ui-components/modal-layout/floating-layout/floating-desktop-layout.scss"],
-  "sourcesContent": ["export default {\n  \"footer\": \"_9I64u\"\n};"],
+  "sourcesContent": ["export default {\n  \"footer\": \"wmZZz\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,kCAAQ;AAAA,EACb,UAAU;AACZ;",
   "names": []
 }

package/dist/cjs/ui-components/modal-layout/fullscreen-mobile-layout/fullscreen-mobile-layout-scss.js

@@ -22,9 +22,9 @@ __export(fullscreen_mobile_layout_exports, {
 });
 module.exports = __toCommonJS(fullscreen_mobile_layout_exports);
 var fullscreen_mobile_layout_default = {
-  "content": "E9fCr",
-  "contentWithFooter": "r2Lg0",
-  "footer": "b3O6F",
-  "fullscreen": "_2NEFW"
+  "content": "Ba-Md",
+  "contentWithFooter": "p-UDq",
+  "footer": "egfIA",
+  "fullscreen": "uYOYN"
 };
 //# sourceMappingURL=fullscreen-mobile-layout-scss.js.map