@wix/ricos 10.112.0 → 10.113.0

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

@@ -21,7 +21,7 @@ __export(AddPluginMenuMobileButton_exports, {
 });
 module.exports = __toCommonJS(AddPluginMenuMobileButton_exports);
 var AddPluginMenuMobileButton_default = {
-  "toggleButtonWrapper": "ii5s1",
-  "toggleButton": "TEzGv"
+  "toggleButtonWrapper": "xiQ4A",
+  "toggleButton": "eztTl"
 };
 //# 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  \"toggleButtonWrapper\": \"ii5s1\",\n  \"toggleButton\": \"TEzGv\"\n};"],
+  "sourcesContent": ["export default {\n  \"toggleButtonWrapper\": \"xiQ4A\",\n  \"toggleButton\": \"eztTl\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oCAAQ;AAAA,EACb,uBAAuB;AAAA,EACvB,gBAAgB;AAClB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/AlignmentButton/AlignmentButton.js

@@ -35,8 +35,12 @@ var import_ricos_context = require("./../../../../ricos-context");
 var import_modal_service_provider = require("./../../../../ricos-modals/modal-service-provider");
 var import_icons = require("../../../icons");
 var import_ToolbarButton = require("../ToolbarButton");
-const AlignmentButton = ({ toolbarItem, context, dataHook }) => {
-  const { isMobile, t, getEditorCommands } = context || {};
+const AlignmentButton = ({
+  toolbarItem,
+  context,
+  dataHook
+}) => {
+  const { isMobile, t, getEditorCommands } = context;
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
   const editorCommands = getEditorCommands?.();
   const Icon = toolbarItem.presentation.getIcon(editorCommands);

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/AlignmentButton/AlignmentButton.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\n\nimport { withToolbarContext } from './../../../../ricos-context';\nimport { getIsModalOpen, useModalState } from './../../../../ricos-modals/modal-service-provider';\n\nimport { DropdownArrowIcon } from '../../../icons';\nimport { ToolbarButton } from '../ToolbarButton';\n\nconst AlignmentButton = ({ toolbarItem, context, dataHook }) => {\n  const { isMobile, t, getEditorCommands } = context || {};\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const editorCommands = getEditorCommands?.();\n  const Icon = toolbarItem.presentation.getIcon(editorCommands);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n\n  const isModalOpen = useModalState(getIsModalOpen('TextAlignment.modal'));\n\n  return (\n    <ToolbarButton\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      isMobile={isMobile}\n      active={isModalOpen}\n      tooltip={tooltip}\n      onClick={e => {\n        toolbarItem.commands?.click({ referenceElement, clickFromKeyboard: !e.detail });\n      }}\n      icon={() => (\n        <>\n          <Icon />\n          <DropdownArrowIcon />\n        </>\n      )}\n      dataHook={dataHook}\n    />\n  );\n};\n\nexport default withToolbarContext(AlignmentButton);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,2BAAmC;AACnC,oCAA8C;AAE9C,mBAAkC;AAClC,2BAA8B;AAE9B,MAAM,kBAAkB,CAAC,EAAE,aAAa,SAAS,SAAS,MAAM;AAC9D,QAAM,EAAE,UAAU,GAAG,kBAAkB,IAAI,WAAW,CAAC;AACvD,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAmC,IAAI;AACvF,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,OAAO,YAAY,aAAa,QAAQ,cAAc;AAC5D,QAAM,UAAU,EAAE,YAAY,cAAc,OAAO;AAEnD,QAAM,kBAAc,iDAAc,8CAAe,qBAAqB,CAAC;AAEvE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU,YAAY,WAAW;AAAA,MACjC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,SAAS,OAAK;AACZ,oBAAY,UAAU,MAAM,EAAE,kBAAkB,mBAAmB,CAAC,EAAE,OAAO,CAAC;AAAA,MAChF;AAAA,MACA,MAAM,MACJ,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,UAAK,GACN,6BAAAA,QAAA,cAAC,oCAAkB,CACrB;AAAA,MAEF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,8BAAQ,yCAAmB,eAAe;",
+  "sourcesContent": ["import React, { useState } from 'react';\n\nimport type { ToolbarContextType } from './../../../../ricos-context';\nimport { withToolbarContext } from './../../../../ricos-context';\nimport { getIsModalOpen, useModalState } from './../../../../ricos-modals/modal-service-provider';\nimport type { IToolbarItem } from './../../../../ricos-types/toolbarTypes';\n\nimport { DropdownArrowIcon } from '../../../icons';\nimport { ToolbarButton } from '../ToolbarButton';\n\nconst AlignmentButton = ({\n  toolbarItem,\n  context,\n  dataHook,\n}: {\n  toolbarItem: IToolbarItem;\n  context: ToolbarContextType;\n  dataHook?: string;\n}) => {\n  const { isMobile, t, getEditorCommands } = context;\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const editorCommands = getEditorCommands?.();\n  const Icon = toolbarItem.presentation.getIcon(editorCommands);\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n\n  const isModalOpen = useModalState(getIsModalOpen('TextAlignment.modal'));\n\n  return (\n    <ToolbarButton\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      isMobile={isMobile}\n      active={isModalOpen}\n      tooltip={tooltip}\n      onClick={e => {\n        toolbarItem.commands?.click({ referenceElement, clickFromKeyboard: !e.detail });\n      }}\n      icon={() => (\n        <>\n          <Icon />\n          <DropdownArrowIcon />\n        </>\n      )}\n      dataHook={dataHook}\n    />\n  );\n};\n\nexport default withToolbarContext(AlignmentButton);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,2BAAmC;AACnC,oCAA8C;AAG9C,mBAAkC;AAClC,2BAA8B;AAE9B,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,EAAE,UAAU,GAAG,kBAAkB,IAAI;AAC3C,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAmC,IAAI;AACvF,QAAM,iBAAiB,oBAAoB;AAC3C,QAAM,OAAO,YAAY,aAAa,QAAQ,cAAc;AAC5D,QAAM,UAAU,EAAE,YAAY,cAAc,OAAO;AAEnD,QAAM,kBAAc,iDAAc,8CAAe,qBAAqB,CAAC;AAEvE,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU,YAAY,WAAW;AAAA,MACjC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,SAAS,OAAK;AACZ,oBAAY,UAAU,MAAM,EAAE,kBAAkB,mBAAmB,CAAC,EAAE,OAAO,CAAC;AAAA,MAChF;AAAA,MACA,MAAM,MACJ,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,UAAK,GACN,6BAAAA,QAAA,cAAC,oCAAkB,CACrB;AAAA,MAEF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,8BAAQ,yCAAmB,eAAe;",
   "names": ["React"]
 }

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

@@ -21,11 +21,11 @@ __export(FontSizeButton_exports, {
 });
 module.exports = __toCommonJS(FontSizeButton_exports);
 var FontSizeButton_default = {
-  "fontElementMap": "wcrNq",
-  "fontSizeModalButtonWrapper": "TKxu-",
-  "active": "uoAWH",
-  "disabled": "k1Ttw",
-  "fontSizeModalButton": "zLp9A",
-  "fontSizeModalInputButton": "Wnsgh"
+  "fontElementMap": "ovXTT",
+  "fontSizeModalButtonWrapper": "_0c5NE",
+  "active": "FAZ-b",
+  "disabled": "TKqAC",
+  "fontSizeModalButton": "D-21E",
+  "fontSizeModalInputButton": "oo6Z7"
 };
 //# 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  \"fontElementMap\": \"wcrNq\",\n  \"fontSizeModalButtonWrapper\": \"TKxu-\",\n  \"active\": \"uoAWH\",\n  \"disabled\": \"k1Ttw\",\n  \"fontSizeModalButton\": \"zLp9A\",\n  \"fontSizeModalInputButton\": \"Wnsgh\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"ovXTT\",\n  \"fontSizeModalButtonWrapper\": \"_0c5NE\",\n  \"active\": \"FAZ-b\",\n  \"disabled\": \"TKqAC\",\n  \"fontSizeModalButton\": \"D-21E\",\n  \"fontSizeModalInputButton\": \"oo6Z7\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,8BAA8B;AAAA,EAC9B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,uBAAuB;AAAA,EACvB,4BAA4B;AAC9B;",
   "names": []
 }

package/dist/cjs/toolbars-v3/components/buttons/HeadingButtonSwitch/HeadingButtonSwitch.js

@@ -34,7 +34,11 @@ var import_react = __toESM(require("react"));
 var import_ricos_context = require("./../../../../ricos-context");
 var import_CustomHeadingButton = __toESM(require("../CustomHeadingButton/CustomHeadingButton"));
 var import_HeadingButton = __toESM(require("../HeadingButton/HeadingButton"));
-const HeadingButtonSwitch = ({ toolbarItem, context, dataHook }) => {
+const HeadingButtonSwitch = ({
+  toolbarItem,
+  context,
+  dataHook
+}) => {
   const { headingsData } = context || {};
   if (!context) return null;
   return headingsData?.allowHeadingCustomization ? /* @__PURE__ */ import_react.default.createElement(import_CustomHeadingButton.default, { toolbarItem, dataHook }) : /* @__PURE__ */ import_react.default.createElement(import_HeadingButton.default, { toolbarItem, dataHook });

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/HeadingButtonSwitch/HeadingButtonSwitch.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { withToolbarContext } from './../../../../ricos-context';\n\nimport CustomHeadingButton from '../CustomHeadingButton/CustomHeadingButton';\nimport HeadingButton from '../HeadingButton/HeadingButton';\n\nconst HeadingButtonSwitch = ({ toolbarItem, context, dataHook }) => {\n  const { headingsData } = context || {};\n  if (!context) return null;\n\n  return headingsData?.allowHeadingCustomization ? (\n    <CustomHeadingButton toolbarItem={toolbarItem} dataHook={dataHook} />\n  ) : (\n    <HeadingButton toolbarItem={toolbarItem} dataHook={dataHook} />\n  );\n};\n\nexport default withToolbarContext(HeadingButtonSwitch);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,2BAAmC;AAEnC,iCAAgC;AAChC,2BAA0B;AAE1B,MAAM,sBAAsB,CAAC,EAAE,aAAa,SAAS,SAAS,MAAM;AAClE,QAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,MAAI,CAAC,QAAS,QAAO;AAErB,SAAO,cAAc,4BACnB,6BAAAA,QAAA,cAAC,2BAAAC,SAAA,EAAoB,aAA0B,UAAoB,IAEnE,6BAAAD,QAAA,cAAC,qBAAAE,SAAA,EAAc,aAA0B,UAAoB;AAEjE;AAEA,IAAO,kCAAQ,yCAAmB,mBAAmB;",
+  "sourcesContent": ["import React from 'react';\n\nimport type { ToolbarContextType } from './../../../../ricos-context';\nimport { withToolbarContext } from './../../../../ricos-context';\nimport type { IToolbarItem } from './../../../../ricos-types/toolbarTypes';\n\nimport CustomHeadingButton from '../CustomHeadingButton/CustomHeadingButton';\nimport HeadingButton from '../HeadingButton/HeadingButton';\n\nconst HeadingButtonSwitch = ({\n  toolbarItem,\n  context,\n  dataHook,\n}: {\n  toolbarItem: IToolbarItem;\n  context: ToolbarContextType;\n  dataHook?: string;\n}) => {\n  const { headingsData } = context || {};\n  if (!context) return null;\n\n  return headingsData?.allowHeadingCustomization ? (\n    <CustomHeadingButton toolbarItem={toolbarItem} dataHook={dataHook} />\n  ) : (\n    <HeadingButton toolbarItem={toolbarItem} dataHook={dataHook} />\n  );\n};\n\nexport default withToolbarContext(HeadingButtonSwitch);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,2BAAmC;AAGnC,iCAAgC;AAChC,2BAA0B;AAE1B,MAAM,sBAAsB,CAAC;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,EAAE,aAAa,IAAI,WAAW,CAAC;AACrC,MAAI,CAAC,QAAS,QAAO;AAErB,SAAO,cAAc,4BACnB,6BAAAA,QAAA,cAAC,2BAAAC,SAAA,EAAoB,aAA0B,UAAoB,IAEnE,6BAAAD,QAAA,cAAC,qBAAAE,SAAA,EAAc,aAA0B,UAAoB;AAEjE;AAEA,IAAO,kCAAQ,yCAAmB,mBAAmB;",
   "names": ["React", "CustomHeadingButton", "HeadingButton"]
 }

package/dist/cjs/toolbars-v3/components/buttons/LineSpacingButton/LineSpacingButton.js

@@ -36,7 +36,11 @@ var import_modal_service_provider = require("./../../../../ricos-modals/modal-se
 var import_wix_rich_content_common = require("./../../../../wix-rich-content-common");
 var import_icons = require("../../../icons");
 var import_ToolbarButton = require("../ToolbarButton");
-const LineSpacingButton = ({ toolbarItem, context, dataHook }) => {
+const LineSpacingButton = ({
+  toolbarItem,
+  context,
+  dataHook
+}) => {
   const { isMobile, t } = context || {};
   const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
   const Icon = toolbarItem.presentation?.icon;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/LineSpacingButton/LineSpacingButton.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\n\nimport { withToolbarContext } from './../../../../ricos-context';\nimport { getIsModalOpen, useModalState } from './../../../../ricos-modals/modal-service-provider';\nimport { LINE_SPACING_TYPE } from './../../../../wix-rich-content-common';\n\nimport { DropdownArrowIcon } from '../../../icons';\nimport { ToolbarButton } from '../ToolbarButton';\n\nconst LineSpacingButton = ({ toolbarItem, context, dataHook }) => {\n  const { isMobile, t } = context || {};\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const Icon = toolbarItem.presentation?.icon;\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(`${LINE_SPACING_TYPE}.modal`));\n\n  return (\n    <ToolbarButton\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      isMobile={isMobile}\n      active={isModalOpen}\n      tooltip={tooltip}\n      onClick={e => toolbarItem.commands?.click({ referenceElement, clickFromKeyboard: !e.detail })}\n      icon={() => (\n        <>\n          <Icon />\n          <DropdownArrowIcon />\n        </>\n      )}\n      dataHook={dataHook}\n    />\n  );\n};\n\nexport default withToolbarContext(LineSpacingButton);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAEhC,2BAAmC;AACnC,oCAA8C;AAC9C,qCAAkC;AAElC,mBAAkC;AAClC,2BAA8B;AAE9B,MAAM,oBAAoB,CAAC,EAAE,aAAa,SAAS,SAAS,MAAM;AAChE,QAAM,EAAE,UAAU,EAAE,IAAI,WAAW,CAAC;AACpC,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAmC,IAAI;AACvF,QAAM,OAAO,YAAY,cAAc;AACvC,QAAM,UAAU,EAAE,YAAY,cAAc,OAAO;AACnD,QAAM,kBAAc,iDAAc,8CAAe,GAAG,gDAAiB,QAAQ,CAAC;AAE9E,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU,YAAY,WAAW;AAAA,MACjC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,SAAS,OAAK,YAAY,UAAU,MAAM,EAAE,kBAAkB,mBAAmB,CAAC,EAAE,OAAO,CAAC;AAAA,MAC5F,MAAM,MACJ,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,UAAK,GACN,6BAAAA,QAAA,cAAC,oCAAkB,CACrB;AAAA,MAEF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gCAAQ,yCAAmB,iBAAiB;",
+  "sourcesContent": ["import React, { useState } from 'react';\n\nimport type { ToolbarContextType } from './../../../../ricos-context';\nimport { withToolbarContext } from './../../../../ricos-context';\nimport { getIsModalOpen, useModalState } from './../../../../ricos-modals/modal-service-provider';\nimport type { IToolbarItem } from './../../../../ricos-types/toolbarTypes';\nimport { LINE_SPACING_TYPE } from './../../../../wix-rich-content-common';\n\nimport { DropdownArrowIcon } from '../../../icons';\nimport { ToolbarButton } from '../ToolbarButton';\n\nconst LineSpacingButton = ({\n  toolbarItem,\n  context,\n  dataHook,\n}: {\n  toolbarItem: IToolbarItem;\n  context: ToolbarContextType;\n  dataHook?: string;\n}) => {\n  const { isMobile, t } = context || {};\n  const [referenceElement, setReferenceElement] = useState<HTMLButtonElement | null>(null);\n  const Icon = toolbarItem.presentation?.icon;\n  const tooltip = t(toolbarItem.presentation?.tooltip);\n  const isModalOpen = useModalState(getIsModalOpen(`${LINE_SPACING_TYPE}.modal`));\n\n  return (\n    <ToolbarButton\n      ref={setReferenceElement}\n      disabled={toolbarItem.attributes.disabled}\n      isMobile={isMobile}\n      active={isModalOpen}\n      tooltip={tooltip}\n      onClick={e => toolbarItem.commands?.click({ referenceElement, clickFromKeyboard: !e.detail })}\n      icon={() => (\n        <>\n          <Icon />\n          <DropdownArrowIcon />\n        </>\n      )}\n      dataHook={dataHook}\n    />\n  );\n};\n\nexport default withToolbarContext(LineSpacingButton);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,2BAAmC;AACnC,oCAA8C;AAE9C,qCAAkC;AAElC,mBAAkC;AAClC,2BAA8B;AAE9B,MAAM,oBAAoB,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,EAAE,UAAU,EAAE,IAAI,WAAW,CAAC;AACpC,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAmC,IAAI;AACvF,QAAM,OAAO,YAAY,cAAc;AACvC,QAAM,UAAU,EAAE,YAAY,cAAc,OAAO;AACnD,QAAM,kBAAc,iDAAc,8CAAe,GAAG,gDAAiB,QAAQ,CAAC;AAE9E,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,UAAU,YAAY,WAAW;AAAA,MACjC;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA,SAAS,OAAK,YAAY,UAAU,MAAM,EAAE,kBAAkB,mBAAmB,CAAC,EAAE,OAAO,CAAC;AAAA,MAC5F,MAAM,MACJ,6BAAAA,QAAA,2BAAAA,QAAA,gBACE,6BAAAA,QAAA,cAAC,UAAK,GACN,6BAAAA,QAAA,cAAC,oCAAkB,CACrB;AAAA,MAEF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gCAAQ,yCAAmB,iBAAiB;",
   "names": ["React"]
 }

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

@@ -21,11 +21,11 @@ __export(ToolbarButton_exports, {
 });
 module.exports = __toCommonJS(ToolbarButton_exports);
 var ToolbarButton_default = {
-  "fontElementMap": "gUY-4",
-  "toggleButtonWrapper": "Ghewh",
-  "active": "djNAA",
-  "mobileToggleButtonWrapper": "j03Dn",
-  "toggleButton": "dIZBo",
-  "mobileToggleButton": "IA-tl"
+  "fontElementMap": "DLSqe",
+  "toggleButtonWrapper": "pMqvu",
+  "active": "rpGFa",
+  "mobileToggleButtonWrapper": "_8S0Ez",
+  "toggleButton": "_5ZA8j",
+  "mobileToggleButton": "BJfrS"
 };
 //# sourceMappingURL=ToolbarButton-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/components/buttons/ToolbarButton/ToolbarButton.scss"],
-  "sourcesContent": ["export default {\n  \"fontElementMap\": \"gUY-4\",\n  \"toggleButtonWrapper\": \"Ghewh\",\n  \"active\": \"djNAA\",\n  \"mobileToggleButtonWrapper\": \"j03Dn\",\n  \"toggleButton\": \"dIZBo\",\n  \"mobileToggleButton\": \"IA-tl\"\n};"],
+  "sourcesContent": ["export default {\n  \"fontElementMap\": \"DLSqe\",\n  \"toggleButtonWrapper\": \"pMqvu\",\n  \"active\": \"rpGFa\",\n  \"mobileToggleButtonWrapper\": \"_8S0Ez\",\n  \"toggleButton\": \"_5ZA8j\",\n  \"mobileToggleButton\": \"BJfrS\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,kBAAkB;AAAA,EAClB,uBAAuB;AAAA,EACvB,UAAU;AAAA,EACV,6BAA6B;AAAA,EAC7B,gBAAgB;AAAA,EAChB,sBAAsB;AACxB;",
   "names": []
 }

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

@@ -21,11 +21,11 @@ __export(floating_add_plugin_menu_rtlignore_exports, {
 });
 module.exports = __toCommonJS(floating_add_plugin_menu_rtlignore_exports);
 var floating_add_plugin_menu_rtlignore_default = {
-  "floatingAddPluginMenu_wrapper": "Xy0Kg",
-  "addPluginMenu_horizontal_wrapper": "AUkz5",
-  "floatingAddPluginMenu_plus_button_position": "sMXV7",
-  "floatingAddPluginMenu_plus_button": "mA-ef",
-  "rtl": "FxXDJ",
-  "ltr": "fo165"
+  "floatingAddPluginMenu_wrapper": "GIyFk",
+  "addPluginMenu_horizontal_wrapper": "-dBwp",
+  "floatingAddPluginMenu_plus_button_position": "QiuBm",
+  "floatingAddPluginMenu_plus_button": "_2e66w",
+  "rtl": "qhsZ-",
+  "ltr": "pxuNN"
 };
 //# sourceMappingURL=floating-add-plugin-menu.rtlignore-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/toolbars-v3/modals/FloatingPluginMenu/styles/floating-add-plugin-menu.rtlignore.scss"],
-  "sourcesContent": ["export default {\n  \"floatingAddPluginMenu_wrapper\": \"Xy0Kg\",\n  \"addPluginMenu_horizontal_wrapper\": \"AUkz5\",\n  \"floatingAddPluginMenu_plus_button_position\": \"sMXV7\",\n  \"floatingAddPluginMenu_plus_button\": \"mA-ef\",\n  \"rtl\": \"FxXDJ\",\n  \"ltr\": \"fo165\"\n};"],
+  "sourcesContent": ["export default {\n  \"floatingAddPluginMenu_wrapper\": \"GIyFk\",\n  \"addPluginMenu_horizontal_wrapper\": \"-dBwp\",\n  \"floatingAddPluginMenu_plus_button_position\": \"QiuBm\",\n  \"floatingAddPluginMenu_plus_button\": \"_2e66w\",\n  \"rtl\": \"qhsZ-\",\n  \"ltr\": \"pxuNN\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,6CAAQ;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

@@ -21,6 +21,6 @@ __export(FooterToolbar_exports, {
 });
 module.exports = __toCommonJS(FooterToolbar_exports);
 var FooterToolbar_default = {
-  "footerToolbar": "RDzyR"
+  "footerToolbar": "drdms"
 };
 //# 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\": \"RDzyR\"\n};"],
+  "sourcesContent": ["export default {\n  \"footerToolbar\": \"drdms\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,iBAAiB;AACnB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/ricos-toolbars/formatting/formatting-renderers.js

@@ -50,7 +50,13 @@ const toggleRenderers = [
   return {
     ...acc,
     [t]: (toolbarItem) => {
-      return /* @__PURE__ */ import_react.default.createElement(import_buttons.ToggleButton, { onClick: (e) => toolbarItem.commands?.click(e), toolbarItem });
+      return /* @__PURE__ */ import_react.default.createElement(
+        import_buttons.ToggleButton,
+        {
+          onClick: (e) => toolbarItem.commands?.click(e),
+          toolbarItem
+        }
+      );
     }
   };
 }, {});

package/dist/cjs/toolbars-v3/ricos-toolbars/formatting/formatting-renderers.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/ricos-toolbars/formatting/formatting-renderers.tsx"],
-  "sourcesContent": ["import React from 'react';\n\nimport { Decoration_Type, Node_Type } from './../../../ricos-types';\n\nimport {\n  AlignmentButton,\n  FontSizeButton,\n  HeadingButtonSwitch,\n  HighlightColorButton,\n  LineSpacingButton,\n  LinkButton,\n  TextColorButton,\n  TitleButton,\n  ToggleButton,\n} from '../../components/buttons';\n\nconst toggleRenderers = [\n  'UNDO',\n  'REDO',\n  Decoration_Type.BOLD,\n  Decoration_Type.ITALIC,\n  Decoration_Type.UNDERLINE,\n  Node_Type.BLOCKQUOTE,\n  Node_Type.CODE_BLOCK,\n  Node_Type.ORDERED_LIST,\n  Node_Type.BULLETED_LIST,\n  Decoration_Type.SPOILER,\n  `INDENT.increase`,\n  `INDENT.decrease`,\n].reduce((acc, t) => {\n  return {\n    ...acc,\n    [t]: toolbarItem => {\n      return (\n        <ToggleButton onClick={e => toolbarItem.commands?.click(e)} toolbarItem={toolbarItem} />\n      );\n    },\n  };\n}, {});\n\nexport const formattingItemsRenderers = {\n  ...toggleRenderers,\n  'TextAlignment.ALIGNMENT': toolbarItem => {\n    return <AlignmentButton toolbarItem={toolbarItem} />;\n  },\n  [`${Node_Type.HEADING}.title`]: toolbarItem => {\n    return <TitleButton toolbarItem={toolbarItem} />;\n  },\n  [`${Node_Type.HEADING}.dropdown`]: toolbarItem => {\n    return <HeadingButtonSwitch toolbarItem={toolbarItem} />;\n  },\n  LINE_SPACING: toolbarItem => {\n    return <LineSpacingButton toolbarItem={toolbarItem} />;\n  },\n  [Decoration_Type.FONT_SIZE]: toolbarItem => {\n    return <FontSizeButton toolbarItem={toolbarItem} />;\n  },\n  [Decoration_Type.LINK]: toolbarItem => {\n    return <LinkButton toolbarItem={toolbarItem} />;\n  },\n  [`${Decoration_Type.COLOR}.foreground`]: toolbarItem => {\n    return <TextColorButton toolbarItem={toolbarItem} />;\n  },\n  [`${Decoration_Type.COLOR}.background`]: toolbarItem => {\n    return <HighlightColorButton toolbarItem={toolbarItem} />;\n  },\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,yBAA2C;AAE3C,qBAUO;AAEP,MAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA,mCAAgB;AAAA,EAChB,mCAAgB;AAAA,EAChB,mCAAgB;AAAA,EAChB,6BAAU;AAAA,EACV,6BAAU;AAAA,EACV,6BAAU;AAAA,EACV,6BAAU;AAAA,EACV,mCAAgB;AAAA,EAChB;AAAA,EACA;AACF,EAAE,OAAO,CAAC,KAAK,MAAM;AACnB,SAAO;AAAA,IACL,GAAG;AAAA,IACH,CAAC,CAAC,GAAG,iBAAe;AAClB,aACE,6BAAAA,QAAA,cAAC,+BAAa,SAAS,OAAK,YAAY,UAAU,MAAM,CAAC,GAAG,aAA0B;AAAA,IAE1F;AAAA,EACF;AACF,GAAG,CAAC,CAAC;AAEE,MAAM,2BAA2B;AAAA,EACtC,GAAG;AAAA,EACH,2BAA2B,iBAAe;AACxC,WAAO,6BAAAA,QAAA,cAAC,kCAAgB,aAA0B;AAAA,EACpD;AAAA,EACA,CAAC,GAAG,6BAAU,OAAO,QAAQ,GAAG,iBAAe;AAC7C,WAAO,6BAAAA,QAAA,cAAC,8BAAY,aAA0B;AAAA,EAChD;AAAA,EACA,CAAC,GAAG,6BAAU,OAAO,WAAW,GAAG,iBAAe;AAChD,WAAO,6BAAAA,QAAA,cAAC,sCAAoB,aAA0B;AAAA,EACxD;AAAA,EACA,cAAc,iBAAe;AAC3B,WAAO,6BAAAA,QAAA,cAAC,oCAAkB,aAA0B;AAAA,EACtD;AAAA,EACA,CAAC,mCAAgB,SAAS,GAAG,iBAAe;AAC1C,WAAO,6BAAAA,QAAA,cAAC,iCAAe,aAA0B;AAAA,EACnD;AAAA,EACA,CAAC,mCAAgB,IAAI,GAAG,iBAAe;AACrC,WAAO,6BAAAA,QAAA,cAAC,6BAAW,aAA0B;AAAA,EAC/C;AAAA,EACA,CAAC,GAAG,mCAAgB,KAAK,aAAa,GAAG,iBAAe;AACtD,WAAO,6BAAAA,QAAA,cAAC,kCAAgB,aAA0B;AAAA,EACpD;AAAA,EACA,CAAC,GAAG,mCAAgB,KAAK,aAAa,GAAG,iBAAe;AACtD,WAAO,6BAAAA,QAAA,cAAC,uCAAqB,aAA0B;AAAA,EACzD;AACF;",
+  "sourcesContent": ["import React from 'react';\n\nimport type { IToolbarItem } from './../../../ricos-types';\nimport { Decoration_Type, Node_Type } from './../../../ricos-types';\n\nimport {\n  AlignmentButton,\n  FontSizeButton,\n  HeadingButtonSwitch,\n  HighlightColorButton,\n  LineSpacingButton,\n  LinkButton,\n  TextColorButton,\n  TitleButton,\n  ToggleButton,\n} from '../../components/buttons';\n\ntype ToolbarRenderer = (toolbarItem: IToolbarItem) => React.ReactElement;\n\nconst toggleRenderers = [\n  'UNDO',\n  'REDO',\n  Decoration_Type.BOLD,\n  Decoration_Type.ITALIC,\n  Decoration_Type.UNDERLINE,\n  Node_Type.BLOCKQUOTE,\n  Node_Type.CODE_BLOCK,\n  Node_Type.ORDERED_LIST,\n  Node_Type.BULLETED_LIST,\n  Decoration_Type.SPOILER,\n  `INDENT.increase`,\n  `INDENT.decrease`,\n].reduce<Record<string, ToolbarRenderer>>((acc, t) => {\n  return {\n    ...acc,\n    [t]: toolbarItem => {\n      return (\n        <ToggleButton\n          onClick={(e: React.MouseEvent) => toolbarItem.commands?.click(e)}\n          toolbarItem={toolbarItem}\n        />\n      );\n    },\n  };\n}, {});\n\nexport const formattingItemsRenderers: Record<\n  string,\n  (toolbarItem: IToolbarItem) => React.ReactElement\n> = {\n  ...toggleRenderers,\n  'TextAlignment.ALIGNMENT': toolbarItem => {\n    return <AlignmentButton toolbarItem={toolbarItem} />;\n  },\n  [`${Node_Type.HEADING}.title`]: toolbarItem => {\n    return <TitleButton toolbarItem={toolbarItem} />;\n  },\n  [`${Node_Type.HEADING}.dropdown`]: toolbarItem => {\n    return <HeadingButtonSwitch toolbarItem={toolbarItem} />;\n  },\n  LINE_SPACING: toolbarItem => {\n    return <LineSpacingButton toolbarItem={toolbarItem} />;\n  },\n  [Decoration_Type.FONT_SIZE]: toolbarItem => {\n    return <FontSizeButton toolbarItem={toolbarItem} />;\n  },\n  [Decoration_Type.LINK]: toolbarItem => {\n    return <LinkButton toolbarItem={toolbarItem} />;\n  },\n  [`${Decoration_Type.COLOR}.foreground`]: toolbarItem => {\n    return <TextColorButton toolbarItem={toolbarItem} />;\n  },\n  [`${Decoration_Type.COLOR}.background`]: toolbarItem => {\n    return <HighlightColorButton toolbarItem={toolbarItem} />;\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAGlB,yBAA2C;AAE3C,qBAUO;AAIP,MAAM,kBAAkB;AAAA,EACtB;AAAA,EACA;AAAA,EACA,mCAAgB;AAAA,EAChB,mCAAgB;AAAA,EAChB,mCAAgB;AAAA,EAChB,6BAAU;AAAA,EACV,6BAAU;AAAA,EACV,6BAAU;AAAA,EACV,6BAAU;AAAA,EACV,mCAAgB;AAAA,EAChB;AAAA,EACA;AACF,EAAE,OAAwC,CAAC,KAAK,MAAM;AACpD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,CAAC,CAAC,GAAG,iBAAe;AAClB,aACE,6BAAAA,QAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,CAAC,MAAwB,YAAY,UAAU,MAAM,CAAC;AAAA,UAC/D;AAAA;AAAA,MACF;AAAA,IAEJ;AAAA,EACF;AACF,GAAG,CAAC,CAAC;AAEE,MAAM,2BAGT;AAAA,EACF,GAAG;AAAA,EACH,2BAA2B,iBAAe;AACxC,WAAO,6BAAAA,QAAA,cAAC,kCAAgB,aAA0B;AAAA,EACpD;AAAA,EACA,CAAC,GAAG,6BAAU,OAAO,QAAQ,GAAG,iBAAe;AAC7C,WAAO,6BAAAA,QAAA,cAAC,8BAAY,aAA0B;AAAA,EAChD;AAAA,EACA,CAAC,GAAG,6BAAU,OAAO,WAAW,GAAG,iBAAe;AAChD,WAAO,6BAAAA,QAAA,cAAC,sCAAoB,aAA0B;AAAA,EACxD;AAAA,EACA,cAAc,iBAAe;AAC3B,WAAO,6BAAAA,QAAA,cAAC,oCAAkB,aAA0B;AAAA,EACtD;AAAA,EACA,CAAC,mCAAgB,SAAS,GAAG,iBAAe;AAC1C,WAAO,6BAAAA,QAAA,cAAC,iCAAe,aAA0B;AAAA,EACnD;AAAA,EACA,CAAC,mCAAgB,IAAI,GAAG,iBAAe;AACrC,WAAO,6BAAAA,QAAA,cAAC,6BAAW,aAA0B;AAAA,EAC/C;AAAA,EACA,CAAC,GAAG,mCAAgB,KAAK,aAAa,GAAG,iBAAe;AACtD,WAAO,6BAAAA,QAAA,cAAC,kCAAgB,aAA0B;AAAA,EACpD;AAAA,EACA,CAAC,GAAG,mCAAgB,KAAK,aAAa,GAAG,iBAAe;AACtD,WAAO,6BAAAA,QAAA,cAAC,uCAAqB,aAA0B;AAAA,EACzD;AACF;",
   "names": ["React"]
 }

package/dist/cjs/toolbars-v3/ricos-toolbars/mega/mega-toolbar-scss.js

@@ -21,6 +21,6 @@ __export(mega_toolbar_exports, {
 });
 module.exports = __toCommonJS(mega_toolbar_exports);
 var mega_toolbar_default = {
-  "formattingOrientationButton": "OQo4g"
+  "formattingOrientationButton": "Com9s"
 };
 //# sourceMappingURL=mega-toolbar-scss.js.map

package/dist/cjs/toolbars-v3/ricos-toolbars/mega/mega-toolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/ricos-toolbars/mega/mega-toolbar.scss"],
-  "sourcesContent": ["export default {\n  \"formattingOrientationButton\": \"OQo4g\"\n};"],
+  "sourcesContent": ["export default {\n  \"formattingOrientationButton\": \"Com9s\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uBAAQ;AAAA,EACb,+BAA+B;AACjC;",
   "names": []
 }

package/dist/cjs/toolbars-v3/ricos-toolbars/plugin/PluginToolbar-scss.js

@@ -21,6 +21,6 @@ __export(PluginToolbar_exports, {
 });
 module.exports = __toCommonJS(PluginToolbar_exports);
 var PluginToolbar_default = {
-  "floatingToolbar": "_2rYYM"
+  "floatingToolbar": "c7L-e"
 };
 //# sourceMappingURL=PluginToolbar-scss.js.map

package/dist/cjs/toolbars-v3/ricos-toolbars/plugin/PluginToolbar-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/toolbars-v3/ricos-toolbars/plugin/PluginToolbar.scss"],
-  "sourcesContent": ["export default {\n  \"floatingToolbar\": \"_2rYYM\"\n};"],
+  "sourcesContent": ["export default {\n  \"floatingToolbar\": \"c7L-e\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,wBAAQ;AAAA,EACb,mBAAmB;AACrB;",
   "names": []
 }

package/dist/cjs/toolbars-v3/types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/toolbars-v3/types.ts"],
-  "sourcesContent": ["//TODO: understand\nimport type { ToolbarContextType } from './../ricos-context';\nimport type { IToolbarItem, RicosServices, TFunction, TiptapCommand } from './../ricos-types';\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type IToolbarItemConfig = Modify<\n  IToolbarItem,\n  {\n    attributes: Record<string, any>;\n    // commands: Record<string, Command | TiptapCommand>;\n    commands: Record<string, TiptapCommand>;\n  }\n>;\n\nexport type ToolbarItemProps = {\n  toolbarItem: IToolbarItem;\n  onClick: (any) => void;\n  context?: ToolbarContextType & { t: TFunction };\n  dataHook?: string;\n};\n\nexport type OverflownItemsPosition = 'top' | 'bottom';\n\nexport type ToolbarServices = Pick<RicosServices, 'plugins' | 'editor' | 'modals'>;\n"],
+  "sourcesContent": ["//TODO: understand\nimport type { ToolbarContextType } from './../ricos-context';\nimport type { IToolbarItem, RicosServices, TFunction, TiptapCommand } from './../ricos-types';\n\ntype Modify<T, R> = Omit<T, keyof R> & R;\n\nexport type IToolbarItemConfig = Modify<\n  IToolbarItem,\n  {\n    attributes: Record<string, any>;\n    // commands: Record<string, Command | TiptapCommand>;\n    commands: Record<string, TiptapCommand>;\n  }\n>;\n\nexport type ToolbarItemProps = {\n  toolbarItem: IToolbarItem;\n  onClick: (x: any) => void;\n  context?: ToolbarContextType & { t: TFunction };\n  dataHook?: string;\n};\n\nexport type OverflownItemsPosition = 'top' | 'bottom';\n\nexport type ToolbarServices = Pick<RicosServices, 'plugins' | 'editor' | 'modals'>;\n"],
   "mappings": ";;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/ui-components/ClickOutside/useClickOutside.js

@@ -21,8 +21,6 @@ __export(useClickOutside_exports, {
 });
 module.exports = __toCommonJS(useClickOutside_exports);
 var import_react = require("react");
-const isStartEvent = (e) => e.type === "pointerdown" && !!e.target;
-const isEndEvent = (e) => e.type === "pointerup" && !!e.target;
 const isEventInside = (containerRef, e) => containerRef.current?.contains(e.target) ?? false;
 function useClickOutside({
   containerRef,
@@ -30,7 +28,7 @@ function useClickOutside({
   disable,
   triggerOn
 }) {
-  const [isStartEventInside, setStartEventInside] = (0, import_react.useState)(false);
+  const [isPointerDownInside, setIsPointerDownInside] = (0, import_react.useState)(false);
   const events = ["pointerdown", "pointerup"];
   (0, import_react.useEffect)(() => {
     if (disable) {
@@ -40,16 +38,20 @@ function useClickOutside({
     return () => {
       events.forEach((e) => document.removeEventListener(e, handler, true));
     };
-  }, [disable, isStartEventInside, onClickOutside]);
+  }, [disable, isPointerDownInside, onClickOutside]);
   function handler(e) {
-    if (isStartEvent(e)) {
-      setStartEventInside(isEventInside(containerRef, e));
-    }
-    if (isStartEvent(e) && isStartEventInside && triggerOn === "pointerdown") {
-      onClickOutside(e);
+    const isEventInsideContainer = isEventInside(containerRef, e);
+    if (e.type === "pointerdown") {
+      if (triggerOn === "pointerdown" && !isEventInsideContainer) {
+        onClickOutside(e);
+        return;
+      }
+      setIsPointerDownInside(isEventInsideContainer);
+      return;
     }
-    if (isEndEvent(e) && !isEventInside(containerRef, e) && !isStartEventInside) {
+    if (e.type === "pointerup" && !isEventInsideContainer && !isPointerDownInside) {
       onClickOutside(e);
+      return;
     }
   }
 }

package/dist/cjs/ui-components/ClickOutside/useClickOutside.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/ClickOutside/useClickOutside.ts"],
-  "sourcesContent": ["import type React from 'react';\nimport { useEffect, useState } from 'react';\n\nconst isStartEvent = (e: PointerEvent) => e.type === 'pointerdown' && !!e.target;\nconst isEndEvent = (e: PointerEvent) => e.type === 'pointerup' && !!e.target;\nconst isEventInside = (containerRef: React.RefObject<HTMLElement>, e: PointerEvent) =>\n  containerRef.current?.contains(e.target as Node) ?? false;\n\nexport function useClickOutside({\n  containerRef,\n  onClickOutside,\n  disable,\n  triggerOn,\n}: {\n  containerRef: React.RefObject<HTMLElement>;\n  onClickOutside: (e: PointerEvent) => void;\n  disable?: boolean;\n  triggerOn?: 'pointerdown' | 'pointerup';\n}) {\n  const [isStartEventInside, setStartEventInside] = useState<boolean>(false);\n\n  const events = ['pointerdown', 'pointerup'];\n\n  useEffect(() => {\n    if (disable) {\n      return;\n    }\n\n    events.forEach(e => document.addEventListener(e, handler, true));\n    return () => {\n      events.forEach(e => document.removeEventListener(e, handler, true));\n    };\n  }, [disable, isStartEventInside, onClickOutside]);\n\n  function handler(e: PointerEvent) {\n    if (isStartEvent(e)) {\n      setStartEventInside(isEventInside(containerRef, e));\n    }\n\n    if (isStartEvent(e) && isStartEventInside && triggerOn === 'pointerdown') {\n      onClickOutside(e);\n    }\n\n    if (isEndEvent(e) && !isEventInside(containerRef, e) && !isStartEventInside) {\n      onClickOutside(e);\n    }\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AAEpC,MAAM,eAAe,CAAC,MAAoB,EAAE,SAAS,iBAAiB,CAAC,CAAC,EAAE;AAC1E,MAAM,aAAa,CAAC,MAAoB,EAAE,SAAS,eAAe,CAAC,CAAC,EAAE;AACtE,MAAM,gBAAgB,CAAC,cAA4C,MACjE,aAAa,SAAS,SAAS,EAAE,MAAc,KAAK;AAE/C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,oBAAoB,mBAAmB,QAAI,uBAAkB,KAAK;AAEzE,QAAM,SAAS,CAAC,eAAe,WAAW;AAE1C,8BAAU,MAAM;AACd,QAAI,SAAS;AACX;AAAA,IACF;AAEA,WAAO,QAAQ,OAAK,SAAS,iBAAiB,GAAG,SAAS,IAAI,CAAC;AAC/D,WAAO,MAAM;AACX,aAAO,QAAQ,OAAK,SAAS,oBAAoB,GAAG,SAAS,IAAI,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,SAAS,oBAAoB,cAAc,CAAC;AAEhD,WAAS,QAAQ,GAAiB;AAChC,QAAI,aAAa,CAAC,GAAG;AACnB,0BAAoB,cAAc,cAAc,CAAC,CAAC;AAAA,IACpD;AAEA,QAAI,aAAa,CAAC,KAAK,sBAAsB,cAAc,eAAe;AACxE,qBAAe,CAAC;AAAA,IAClB;AAEA,QAAI,WAAW,CAAC,KAAK,CAAC,cAAc,cAAc,CAAC,KAAK,CAAC,oBAAoB;AAC3E,qBAAe,CAAC;AAAA,IAClB;AAAA,EACF;AACF;",
+  "sourcesContent": ["import type React from 'react';\nimport { useEffect, useState } from 'react';\n\nconst isEventInside = (containerRef: React.RefObject<HTMLElement>, e: PointerEvent) =>\n  containerRef.current?.contains(e.target as Node) ?? false;\n\nexport function useClickOutside({\n  containerRef,\n  onClickOutside,\n  disable,\n  triggerOn,\n}: {\n  containerRef: React.RefObject<HTMLElement>;\n  onClickOutside: (e: PointerEvent) => void;\n  disable?: boolean;\n  triggerOn?: 'pointerdown' | 'pointerup';\n}) {\n  const [isPointerDownInside, setIsPointerDownInside] = useState<boolean>(false);\n\n  const events = ['pointerdown', 'pointerup'];\n\n  useEffect(() => {\n    if (disable) {\n      return;\n    }\n\n    events.forEach(e => document.addEventListener(e, handler, true));\n    return () => {\n      events.forEach(e => document.removeEventListener(e, handler, true));\n    };\n  }, [disable, isPointerDownInside, onClickOutside]);\n\n  function handler(e: PointerEvent) {\n    const isEventInsideContainer = isEventInside(containerRef, e);\n\n    if (e.type === 'pointerdown') {\n      if (triggerOn === 'pointerdown' && !isEventInsideContainer) {\n        onClickOutside(e);\n        return;\n      }\n      setIsPointerDownInside(isEventInsideContainer);\n      return;\n    }\n\n    if (e.type === 'pointerup' && !isEventInsideContainer && !isPointerDownInside) {\n      onClickOutside(e);\n      return;\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAoC;AAEpC,MAAM,gBAAgB,CAAC,cAA4C,MACjE,aAAa,SAAS,SAAS,EAAE,MAAc,KAAK;AAE/C,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,QAAM,CAAC,qBAAqB,sBAAsB,QAAI,uBAAkB,KAAK;AAE7E,QAAM,SAAS,CAAC,eAAe,WAAW;AAE1C,8BAAU,MAAM;AACd,QAAI,SAAS;AACX;AAAA,IACF;AAEA,WAAO,QAAQ,OAAK,SAAS,iBAAiB,GAAG,SAAS,IAAI,CAAC;AAC/D,WAAO,MAAM;AACX,aAAO,QAAQ,OAAK,SAAS,oBAAoB,GAAG,SAAS,IAAI,CAAC;AAAA,IACpE;AAAA,EACF,GAAG,CAAC,SAAS,qBAAqB,cAAc,CAAC;AAEjD,WAAS,QAAQ,GAAiB;AAChC,UAAM,yBAAyB,cAAc,cAAc,CAAC;AAE5D,QAAI,EAAE,SAAS,eAAe;AAC5B,UAAI,cAAc,iBAAiB,CAAC,wBAAwB;AAC1D,uBAAe,CAAC;AAChB;AAAA,MACF;AACA,6BAAuB,sBAAsB;AAC7C;AAAA,IACF;AAEA,QAAI,EAAE,SAAS,eAAe,CAAC,0BAA0B,CAAC,qBAAqB;AAC7E,qBAAe,CAAC;AAChB;AAAA,IACF;AAAA,EACF;AACF;",
   "names": []
 }

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

@@ -21,6 +21,6 @@ __export(Image_exports, {
 });
 module.exports = __toCommonJS(Image_exports);
 var Image_default = {
-  "image": "E8rmS"
+  "image": "B4qfb"
 };
 //# 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\": \"E8rmS\"\n};"],
+  "sourcesContent": ["export default {\n  \"image\": \"B4qfb\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gBAAQ;AAAA,EACb,SAAS;AACX;",
   "names": []
 }

package/dist/cjs/ui-components/Components/TextInput.js

@@ -40,8 +40,8 @@ class TextInput extends import_react.Component {
   constructor(props) {
     super(props);
     this.handleOnChange = (event) => {
-      const { onChange, getTarget } = this.props;
-      onChange?.(getTarget ? event.target : event.target.value);
+      const { onChange } = this.props;
+      onChange?.(event.target.value);
     };
     this.focusSearchIcon = () => {
       this.setState({ focusSearchIcon: true });
@@ -84,7 +84,6 @@ class TextInput extends import_react.Component {
         onChange: this.handleOnChange,
         onFocus: this.focusSearchIcon,
         onBlur: this.unfocusSearchIcon,
-        onDoubleClick: otherProps?.onDoubleClick,
         style,
         "data-hook": inputDataHook,
         ...inputProps,

package/dist/cjs/ui-components/Components/TextInput.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Components/TextInput.tsx"],
-  "sourcesContent": ["import classNames from 'classnames';\nimport { omit } from 'lodash';\nimport type { CSSProperties, Ref } from 'react';\nimport React, { Component } from 'react';\n\nimport Tooltip from './../../wix-rich-content-common/lib/Tooltip';\n\nimport { ErrorIcon, SearchIcon } from '../Icons';\nimport styles from '../statics/styles/text-input-scss';\n\ninterface TextInputProps {\n  inputRef?: Ref<HTMLInputElement>;\n  error?: string;\n  showTooltip: boolean;\n  showErrorIcon: boolean;\n  onChange?: (e) => void;\n  getTarget?: boolean;\n  searchIcon?: boolean;\n  dataHook?: string;\n  inputDataHook?: string;\n  placeholder?: string;\n  type?: string; // TODO: ensure type specifity\n  id?: string; // TODO: ensure type specifity\n  onKeyPress?: (e) => void;\n  onDoubleClick?: (text) => void;\n  value?: string;\n  autoComplete?: string;\n  style?: CSSProperties;\n  className?: string;\n}\nexport default class TextInput extends Component<TextInputProps, { focusSearchIcon: boolean }> {\n  static defaultProps = {\n    showTooltip: true,\n    showErrorIcon: true,\n  };\n\n  constructor(props: TextInputProps) {\n    super(props);\n    this.state = {\n      focusSearchIcon: true,\n    };\n  }\n\n  handleOnChange = event => {\n    const { onChange, getTarget } = this.props;\n    onChange?.(getTarget ? event.target : event.target.value);\n  };\n\n  focusSearchIcon = () => {\n    this.setState({ focusSearchIcon: true });\n  };\n\n  unfocusSearchIcon = () => {\n    this.setState({ focusSearchIcon: false });\n  };\n\n  render() {\n    const {\n      inputRef,\n      error,\n      showTooltip,\n      searchIcon = false,\n      dataHook,\n      showErrorIcon,\n      placeholder,\n      style,\n      inputDataHook,\n      ...otherProps\n    } = this.props;\n    const inputProps = omit(otherProps, ['onChange']);\n    const { focusSearchIcon } = this.state;\n    return (\n      <div className={styles.textInput} data-hook={dataHook}>\n        {searchIcon && (\n          <SearchIcon\n            className={classNames(styles.prefixIcon, {\n              [styles.unfocusFill]: !focusSearchIcon,\n              [styles.focusFill]: focusSearchIcon,\n            })}\n          />\n        )}\n        <input\n          placeholder={placeholder}\n          ref={inputRef}\n          onChange={this.handleOnChange}\n          onFocus={this.focusSearchIcon}\n          onBlur={this.unfocusSearchIcon}\n          onDoubleClick={otherProps?.onDoubleClick}\n          style={style}\n          data-hook={inputDataHook}\n          {...inputProps}\n          className={classNames(styles.textInput_input, inputProps?.className, {\n            [styles.textInput_input_invalid]: error,\n            [styles.searchIcon]: searchIcon,\n          })}\n        />\n        {error &&\n          showErrorIcon &&\n          (showTooltip ? (\n            <Tooltip isError content={error}>\n              <ErrorIcon className={styles.textInput_errorIcon} />\n            </Tooltip>\n          ) : (\n            <ErrorIcon className={styles.textInput_errorIcon} />\n          ))}\n      </div>\n    );\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,oBAAqB;AAErB,mBAAiC;AAEjC,qBAAoB;AAEpB,mBAAsC;AACtC,6BAAmB;AAsBnB,MAAO,kBAAgC,uBAAwD;AAAA,EAM7F,YAAY,OAAuB;AACjC,UAAM,KAAK;AAMb,0BAAiB,WAAS;AACxB,YAAM,EAAE,UAAU,UAAU,IAAI,KAAK;AACrC,iBAAW,YAAY,MAAM,SAAS,MAAM,OAAO,KAAK;AAAA,IAC1D;AAEA,2BAAkB,MAAM;AACtB,WAAK,SAAS,EAAE,iBAAiB,KAAK,CAAC;AAAA,IACzC;AAEA,6BAAoB,MAAM;AACxB,WAAK,SAAS,EAAE,iBAAiB,MAAM,CAAC;AAAA,IAC1C;AAhBE,SAAK,QAAQ;AAAA,MACX,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAeA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,KAAK;AACT,UAAM,iBAAa,oBAAK,YAAY,CAAC,UAAU,CAAC;AAChD,UAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,WACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,uBAAAC,QAAO,WAAW,aAAW,YAC1C,cACC,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,kBAAAE,SAAW,uBAAAD,QAAO,YAAY;AAAA,UACvC,CAAC,uBAAAA,QAAO,WAAW,GAAG,CAAC;AAAA,UACvB,CAAC,uBAAAA,QAAO,SAAS,GAAG;AAAA,QACtB,CAAC;AAAA;AAAA,IACH,GAEF,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,QACd,QAAQ,KAAK;AAAA,QACb,eAAe,YAAY;AAAA,QAC3B;AAAA,QACA,aAAW;AAAA,QACV,GAAG;AAAA,QACJ,eAAW,kBAAAE,SAAW,uBAAAD,QAAO,iBAAiB,YAAY,WAAW;AAAA,UACnE,CAAC,uBAAAA,QAAO,uBAAuB,GAAG;AAAA,UAClC,CAAC,uBAAAA,QAAO,UAAU,GAAG;AAAA,QACvB,CAAC;AAAA;AAAA,IACH,GACC,SACC,kBACC,cACC,6BAAAD,QAAA,cAAC,eAAAG,SAAA,EAAQ,SAAO,MAAC,SAAS,SACxB,6BAAAH,QAAA,cAAC,0BAAU,WAAW,uBAAAC,QAAO,qBAAqB,CACpD,IAEA,6BAAAD,QAAA,cAAC,0BAAU,WAAW,uBAAAC,QAAO,qBAAqB,EAExD;AAAA,EAEJ;AACF;AA9EqB,UACZ,eAAe;AAAA,EACpB,aAAa;AAAA,EACb,eAAe;AACjB;",
+  "sourcesContent": ["import classNames from 'classnames';\nimport { omit } from 'lodash';\nimport type { CSSProperties, Ref } from 'react';\nimport React, { Component } from 'react';\n\nimport Tooltip from './../../wix-rich-content-common/lib/Tooltip';\n\nimport { ErrorIcon, SearchIcon } from '../Icons';\nimport styles from '../statics/styles/text-input-scss';\n\ninterface TextInputProps {\n  inputRef?: Ref<HTMLInputElement>;\n  error?: string;\n  showTooltip: boolean;\n  showErrorIcon: boolean;\n  onChange?: (value: string) => void;\n  searchIcon?: boolean;\n  dataHook?: string;\n  inputDataHook?: string;\n  placeholder?: string;\n  type?: string; // TODO: ensure type specifity\n  id?: string; // TODO: ensure type specifity\n  onKeyPress?: (e: React.KeyboardEvent) => void;\n  value?: string;\n  autoComplete?: string;\n  style?: CSSProperties;\n  className?: string;\n}\nexport default class TextInput extends Component<TextInputProps, { focusSearchIcon: boolean }> {\n  static defaultProps = {\n    showTooltip: true,\n    showErrorIcon: true,\n  };\n\n  constructor(props: TextInputProps) {\n    super(props);\n    this.state = {\n      focusSearchIcon: true,\n    };\n  }\n\n  handleOnChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    const { onChange } = this.props;\n    onChange?.(event.target.value);\n  };\n\n  focusSearchIcon = () => {\n    this.setState({ focusSearchIcon: true });\n  };\n\n  unfocusSearchIcon = () => {\n    this.setState({ focusSearchIcon: false });\n  };\n\n  render() {\n    const {\n      inputRef,\n      error,\n      showTooltip,\n      searchIcon = false,\n      dataHook,\n      showErrorIcon,\n      placeholder,\n      style,\n      inputDataHook,\n      ...otherProps\n    } = this.props;\n    const inputProps = omit(otherProps, ['onChange']);\n    const { focusSearchIcon } = this.state;\n    return (\n      <div className={styles.textInput} data-hook={dataHook}>\n        {searchIcon && (\n          <SearchIcon\n            className={classNames(styles.prefixIcon, {\n              [styles.unfocusFill]: !focusSearchIcon,\n              [styles.focusFill]: focusSearchIcon,\n            })}\n          />\n        )}\n        <input\n          placeholder={placeholder}\n          ref={inputRef}\n          onChange={this.handleOnChange}\n          onFocus={this.focusSearchIcon}\n          onBlur={this.unfocusSearchIcon}\n          style={style}\n          data-hook={inputDataHook}\n          {...inputProps}\n          className={classNames(styles.textInput_input, inputProps?.className, {\n            [styles.textInput_input_invalid]: error,\n            [styles.searchIcon]: searchIcon,\n          })}\n        />\n        {error &&\n          showErrorIcon &&\n          (showTooltip ? (\n            <Tooltip isError content={error}>\n              <ErrorIcon className={styles.textInput_errorIcon} />\n            </Tooltip>\n          ) : (\n            <ErrorIcon className={styles.textInput_errorIcon} />\n          ))}\n      </div>\n    );\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAAuB;AACvB,oBAAqB;AAErB,mBAAiC;AAEjC,qBAAoB;AAEpB,mBAAsC;AACtC,6BAAmB;AAoBnB,MAAO,kBAAgC,uBAAwD;AAAA,EAM7F,YAAY,OAAuB;AACjC,UAAM,KAAK;AAMb,0BAAiB,CAAC,UAA+C;AAC/D,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,iBAAW,MAAM,OAAO,KAAK;AAAA,IAC/B;AAEA,2BAAkB,MAAM;AACtB,WAAK,SAAS,EAAE,iBAAiB,KAAK,CAAC;AAAA,IACzC;AAEA,6BAAoB,MAAM;AACxB,WAAK,SAAS,EAAE,iBAAiB,MAAM,CAAC;AAAA,IAC1C;AAhBE,SAAK,QAAQ;AAAA,MACX,iBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAeA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL,IAAI,KAAK;AACT,UAAM,iBAAa,oBAAK,YAAY,CAAC,UAAU,CAAC;AAChD,UAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,WACE,6BAAAA,QAAA,cAAC,SAAI,WAAW,uBAAAC,QAAO,WAAW,aAAW,YAC1C,cACC,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAW,kBAAAE,SAAW,uBAAAD,QAAO,YAAY;AAAA,UACvC,CAAC,uBAAAA,QAAO,WAAW,GAAG,CAAC;AAAA,UACvB,CAAC,uBAAAA,QAAO,SAAS,GAAG;AAAA,QACtB,CAAC;AAAA;AAAA,IACH,GAEF,6BAAAD,QAAA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK;AAAA,QACL,UAAU,KAAK;AAAA,QACf,SAAS,KAAK;AAAA,QACd,QAAQ,KAAK;AAAA,QACb;AAAA,QACA,aAAW;AAAA,QACV,GAAG;AAAA,QACJ,eAAW,kBAAAE,SAAW,uBAAAD,QAAO,iBAAiB,YAAY,WAAW;AAAA,UACnE,CAAC,uBAAAA,QAAO,uBAAuB,GAAG;AAAA,UAClC,CAAC,uBAAAA,QAAO,UAAU,GAAG;AAAA,QACvB,CAAC;AAAA;AAAA,IACH,GACC,SACC,kBACC,cACC,6BAAAD,QAAA,cAAC,eAAAG,SAAA,EAAQ,SAAO,MAAC,SAAS,SACxB,6BAAAH,QAAA,cAAC,0BAAU,WAAW,uBAAAC,QAAO,qBAAqB,CACpD,IAEA,6BAAAD,QAAA,cAAC,0BAAU,WAAW,uBAAAC,QAAO,qBAAqB,EAExD;AAAA,EAEJ;AACF;AA7EqB,UACZ,eAAe;AAAA,EACpB,aAAa;AAAA,EACb,eAAe;AACjB;",
   "names": ["React", "styles", "classNames", "Tooltip"]
 }

package/dist/cjs/ui-components/Icons/CircleInfoIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/CircleInfoIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst CircleInfoIcon = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"#000\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <defs>\n      <path\n        id=\"ck7zjhmkua\"\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zm.533 6c.302-.006.588.124.771.35.184.225.242.52.158.792l-.929 4.105c-.027.1-.005.207.062.289.067.082.17.13.28.13.195 0 .354.15.354.333v.667c0 .185-.159.334-.354.334h-1.924c-.296.001-.576-.129-.756-.35-.18-.223-.24-.511-.16-.78l.898-4.134c.028-.1.005-.207-.062-.288-.067-.082-.17-.13-.28-.13-.195 0-.353-.15-.353-.334v-.65c0-.184.158-.334.353-.334h1.942zm-.283-4c.828 0 1.5.672 1.5 1.5S13.078 9 12.25 9s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5z\"\n      />\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <g>\n          <g>\n            <g>\n              <g transform=\"translate(-28 -271) translate(20 257) translate(0 12) translate(7 1) translate(1 1)\">\n                <mask id=\"80fksytg3b\" fill=\"#000\">\n                  <use href=\"#ck7zjhmkua\" />\n                </mask>\n                <use fill=\"#000\" fillRule=\"nonzero\" href=\"#ck7zjhmkua\" />\n                <g fill=\"#4D5963\" mask=\"url(#80fksytg3b)\">\n                  <path d=\"M0 0H22V22H0z\" transform=\"translate(1 1)\" />\n                </g>\n              </g>\n            </g>\n          </g>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default CircleInfoIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,iBAAiB,WACrB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACP,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,GAAE;AAAA;AAAA,EACJ,CACF;AAAA,EACA,6BAAAA,QAAA,cAAC,OAAE,MAAK,QAAO,UAAS,aACtB,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,OAAE,WAAU,yFACX,6BAAAA,QAAA,cAAC,UAAK,IAAG,cAAa,MAAK,UACzB,6BAAAA,QAAA,cAAC,SAAI,MAAK,eAAc,CAC1B,GACA,6BAAAA,QAAA,cAAC,SAAI,MAAK,QAAO,UAAS,WAAU,MAAK,eAAc,GACvD,6BAAAA,QAAA,cAAC,OAAE,MAAK,WAAU,MAAK,sBACrB,6BAAAA,QAAA,cAAC,UAAK,GAAE,iBAAgB,WAAU,kBAAiB,CACrD,CACF,CACF,CACF,CACF,CACF,CACF;AACF;AAGF,IAAO,yBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst CircleInfoIcon = (props: any) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    fill=\"#000\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n  >\n    <defs>\n      <path\n        id=\"ck7zjhmkua\"\n        d=\"M12 2c5.523 0 10 4.477 10 10s-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2zm0 2c-4.418 0-8 3.582-8 8s3.582 8 8 8 8-3.582 8-8-3.582-8-8-8zm.533 6c.302-.006.588.124.771.35.184.225.242.52.158.792l-.929 4.105c-.027.1-.005.207.062.289.067.082.17.13.28.13.195 0 .354.15.354.333v.667c0 .185-.159.334-.354.334h-1.924c-.296.001-.576-.129-.756-.35-.18-.223-.24-.511-.16-.78l.898-4.134c.028-.1.005-.207-.062-.288-.067-.082-.17-.13-.28-.13-.195 0-.353-.15-.353-.334v-.65c0-.184.158-.334.353-.334h1.942zm-.283-4c.828 0 1.5.672 1.5 1.5S13.078 9 12.25 9s-1.5-.672-1.5-1.5.672-1.5 1.5-1.5z\"\n      />\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\">\n      <g>\n        <g>\n          <g>\n            <g>\n              <g transform=\"translate(-28 -271) translate(20 257) translate(0 12) translate(7 1) translate(1 1)\">\n                <mask id=\"80fksytg3b\" fill=\"#000\">\n                  <use href=\"#ck7zjhmkua\" />\n                </mask>\n                <use fill=\"#000\" fillRule=\"nonzero\" href=\"#ck7zjhmkua\" />\n                <g fill=\"#4D5963\" mask=\"url(#80fksytg3b)\">\n                  <path d=\"M0 0H22V22H0z\" transform=\"translate(1 1)\" />\n                </g>\n              </g>\n            </g>\n          </g>\n        </g>\n      </g>\n    </g>\n  </svg>\n);\n\nexport default CircleInfoIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,iBAAiB,CAAC,UACtB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,MAAK;AAAA,IACL,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACP,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,IAAG;AAAA,MACH,GAAE;AAAA;AAAA,EACJ,CACF;AAAA,EACA,6BAAAA,QAAA,cAAC,OAAE,MAAK,QAAO,UAAS,aACtB,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,WACC,6BAAAA,QAAA,cAAC,OAAE,WAAU,yFACX,6BAAAA,QAAA,cAAC,UAAK,IAAG,cAAa,MAAK,UACzB,6BAAAA,QAAA,cAAC,SAAI,MAAK,eAAc,CAC1B,GACA,6BAAAA,QAAA,cAAC,SAAI,MAAK,QAAO,UAAS,WAAU,MAAK,eAAc,GACvD,6BAAAA,QAAA,cAAC,OAAE,MAAK,WAAU,MAAK,sBACrB,6BAAAA,QAAA,cAAC,UAAK,GAAE,iBAAgB,WAAU,kBAAiB,CACrD,CACF,CACF,CACF,CACF,CACF,CACF;AACF;AAGF,IAAO,yBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/ui-components/Icons/ClearIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/ClearIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ClearIcon = props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      d=\"M15.385 8l.615.615L12.615 12 16 15.385l-.615.615L12 12.615 8.615 16 8 15.385 11.384 12 8 8.615 8.615 8 12 11.385 15.385 8z\"\n      opacity=\".6\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ClearIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,YAAY,WAChB,6BAAAA,QAAA,cAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,SACrF,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,UAAS;AAAA,IACT,GAAE;AAAA,IACF,SAAQ;AAAA,IACR,MAAK;AAAA;AACP,CACF;AAGF,IAAO,oBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ClearIcon = (props: any) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\n    <path\n      fillRule=\"evenodd\"\n      d=\"M15.385 8l.615.615L12.615 12 16 15.385l-.615.615L12 12.615 8.615 16 8 15.385 11.384 12 8 8.615 8.615 8 12 11.385 15.385 8z\"\n      opacity=\".6\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ClearIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,YAAY,CAAC,UACjB,6BAAAA,QAAA,cAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,SACrF,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,UAAS;AAAA,IACT,GAAE;AAAA,IACF,SAAQ;AAAA,IACR,MAAK;AAAA;AACP,CACF;AAGF,IAAO,oBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/ui-components/Icons/CloseIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/CloseIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst CloseIcon = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n    fill=\"currentColor\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M18.77 4L20 5.23 13.23 12 20 18.77 18.77 20 12 13.23 5.23 20 4 18.77 10.769 12 4 5.23 5.23 4 12 10.769 18.77 4z\"\n    />\n  </svg>\n);\n\nexport default CloseIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,YAAY,WAChB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACP,GAAG;AAAA,IACJ,MAAK;AAAA;AAAA,EAEL,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,GAAE;AAAA;AAAA,EACJ;AACF;AAGF,IAAO,oBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst CloseIcon = (props: any) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    {...props}\n    fill=\"currentColor\"\n  >\n    <path\n      fillRule=\"evenodd\"\n      d=\"M18.77 4L20 5.23 13.23 12 20 18.77 18.77 20 12 13.23 5.23 20 4 18.77 10.769 12 4 5.23 5.23 4 12 10.769 18.77 4z\"\n    />\n  </svg>\n);\n\nexport default CloseIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,YAAY,CAAC,UACjB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACP,GAAG;AAAA,IACJ,MAAK;AAAA;AAAA,EAEL,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,GAAE;AAAA;AAAA,EACJ;AACF;AAGF,IAAO,oBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/ui-components/Icons/ContextMenuIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/ContextMenuIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ContextMenuIcon = props => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12.5 16C13.329 16 14 16.672 14 17.5C14 18.328 13.329 19 12.5 19C11.671 19 11 18.328 11 17.5C11 16.672 11.671 16 12.5 16ZM12.5 10C13.329 10 14 10.672 14 11.5C14 12.328 13.329 13 12.5 13C11.671 13 11 12.328 11 11.5C11 10.672 11.671 10 12.5 10ZM12.5 4C13.329 4 14 4.672 14 5.5C14 6.328 13.329 7 12.5 7C11.671 7 11 6.328 11 5.5C11 4.672 11.671 4 12.5 4Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ContextMenuIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,kBAAkB,WACtB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AACF;AAGF,IAAO,0BAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ContextMenuIcon = (props: any) => (\n  <svg\n    width=\"24\"\n    height=\"24\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M12.5 16C13.329 16 14 16.672 14 17.5C14 18.328 13.329 19 12.5 19C11.671 19 11 18.328 11 17.5C11 16.672 11.671 16 12.5 16ZM12.5 10C13.329 10 14 10.672 14 11.5C14 12.328 13.329 13 12.5 13C11.671 13 11 12.328 11 11.5C11 10.672 11.671 10 12.5 10ZM12.5 4C13.329 4 14 4.672 14 5.5C14 6.328 13.329 7 12.5 7C11.671 7 11 6.328 11 5.5C11 4.672 11.671 4 12.5 4Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default ContextMenuIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,kBAAkB,CAAC,UACvB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AACF;AAGF,IAAO,0BAAQ;",
   "names": ["React"]
 }

package/dist/cjs/ui-components/Icons/ErrorIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/ErrorIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ErrorIcon = props => (\n  <svg width={13} height={13} viewBox=\"0 0 13 13\" {...props}>\n    <path\n      fill=\"currentColor\"\n      d=\"M6.5 13a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13zm0-.867A5.633 5.633 0 1 0 6.5.867a5.633 5.633 0 0 0 0 11.266zm-.3-3.132h.599c.11 0 .2.09.2.2V9.8a.2.2 0 0 1-.2.2H6.2a.2.2 0 0 1-.2-.2v-.599c0-.11.09-.2.2-.2zM6.2 3h.6c.11 0 .2.09.2.2v4.6a.2.2 0 0 1-.2.2h-.6a.2.2 0 0 1-.2-.2V3.2c0-.11.09-.2.2-.2z\"\n    />\n  </svg>\n);\n\nexport default ErrorIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,YAAY,WAChB,6BAAAA,QAAA,cAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAa,GAAG,SAClD,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,GAAE;AAAA;AACJ,CACF;AAGF,IAAO,oBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ErrorIcon = (props: any) => (\n  <svg width={13} height={13} viewBox=\"0 0 13 13\" {...props}>\n    <path\n      fill=\"currentColor\"\n      d=\"M6.5 13a6.5 6.5 0 1 1 0-13 6.5 6.5 0 0 1 0 13zm0-.867A5.633 5.633 0 1 0 6.5.867a5.633 5.633 0 0 0 0 11.266zm-.3-3.132h.599c.11 0 .2.09.2.2V9.8a.2.2 0 0 1-.2.2H6.2a.2.2 0 0 1-.2-.2v-.599c0-.11.09-.2.2-.2zM6.2 3h.6c.11 0 .2.09.2.2v4.6a.2.2 0 0 1-.2.2h-.6a.2.2 0 0 1-.2-.2V3.2c0-.11.09-.2.2-.2z\"\n    />\n  </svg>\n);\n\nexport default ErrorIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,YAAY,CAAC,UACjB,6BAAAA,QAAA,cAAC,SAAI,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAa,GAAG,SAClD,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,MAAK;AAAA,IACL,GAAE;AAAA;AACJ,CACF;AAGF,IAAO,oBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/ui-components/Icons/FormattingIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/FormattingIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst FormattingIcon = props => (\n  <svg\n    width=\"20\"\n    height=\"14\"\n    viewBox=\"0 0 20 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M9.451 12.9978H11.372L6.656 0.507812H4.699L0 12.9978H1.834L2.987 9.85377H8.298L9.451 12.9978ZM7.739 8.29878H3.546L5.642 2.5698L7.739 8.29878ZM13.835 12.9191C14.312 13.1571 14.859 13.2771 15.476 13.2771C16.105 13.2771 16.673 13.1521 17.181 12.9021C17.687 12.6511 18.097 12.3051 18.412 11.8631V12.9981H20.001V7.58311C20.001 6.87311 19.844 6.25211 19.529 5.72311C19.214 5.19311 18.775 4.78011 18.21 4.48311C17.645 4.18611 16.979 4.03711 16.21 4.03711C14.835 4.03711 13.635 4.53211 12.611 5.52211L13.625 6.60511C14.347 5.83611 15.162 5.45211 16.07 5.45211C16.792 5.45211 17.354 5.65011 17.756 6.04511C18.157 6.44111 18.358 6.97111 18.358 7.63511H16.175C14.987 7.63511 14.049 7.88811 13.363 8.39511C12.675 8.90211 12.332 9.60311 12.332 10.5001C12.332 11.0351 12.463 11.5121 12.725 11.9321C12.987 12.3501 13.357 12.6801 13.835 12.9191ZM17.389 11.4511C16.941 11.7601 16.42 11.9141 15.826 11.9141C15.302 11.9141 14.885 11.7781 14.579 11.5031C14.27 11.2301 14.116 10.8721 14.116 10.4301C14.116 9.94111 14.31 9.56011 14.701 9.28611C15.09 9.01211 15.635 8.87511 16.334 8.87511H18.359V10.2201C18.161 10.7321 17.838 11.1421 17.389 11.4511Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default FormattingIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,iBAAiB,WACrB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AACF;AAGF,IAAO,yBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst FormattingIcon = (props: any) => (\n  <svg\n    width=\"20\"\n    height=\"14\"\n    viewBox=\"0 0 20 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M9.451 12.9978H11.372L6.656 0.507812H4.699L0 12.9978H1.834L2.987 9.85377H8.298L9.451 12.9978ZM7.739 8.29878H3.546L5.642 2.5698L7.739 8.29878ZM13.835 12.9191C14.312 13.1571 14.859 13.2771 15.476 13.2771C16.105 13.2771 16.673 13.1521 17.181 12.9021C17.687 12.6511 18.097 12.3051 18.412 11.8631V12.9981H20.001V7.58311C20.001 6.87311 19.844 6.25211 19.529 5.72311C19.214 5.19311 18.775 4.78011 18.21 4.48311C17.645 4.18611 16.979 4.03711 16.21 4.03711C14.835 4.03711 13.635 4.53211 12.611 5.52211L13.625 6.60511C14.347 5.83611 15.162 5.45211 16.07 5.45211C16.792 5.45211 17.354 5.65011 17.756 6.04511C18.157 6.44111 18.358 6.97111 18.358 7.63511H16.175C14.987 7.63511 14.049 7.88811 13.363 8.39511C12.675 8.90211 12.332 9.60311 12.332 10.5001C12.332 11.0351 12.463 11.5121 12.725 11.9321C12.987 12.3501 13.357 12.6801 13.835 12.9191ZM17.389 11.4511C16.941 11.7601 16.42 11.9141 15.826 11.9141C15.302 11.9141 14.885 11.7781 14.579 11.5031C14.27 11.2301 14.116 10.8721 14.116 10.4301C14.116 9.94111 14.31 9.56011 14.701 9.28611C15.09 9.01211 15.635 8.87511 16.334 8.87511H18.359V10.2201C18.161 10.7321 17.838 11.1421 17.389 11.4511Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default FormattingIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,iBAAiB,CAAC,UACtB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACL,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AACF;AAGF,IAAO,yBAAQ;",
   "names": ["React"]
 }

package/dist/cjs/ui-components/Icons/InfoIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/InfoIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst InfoIcon = props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}>\n    <g fill={props.backgroundColor} fillRule=\"evenodd\">\n      <path\n        d=\"M12.167 4c4.51 0 8.166 3.582 8.166 8s-3.656 8-8.166 8S4 16.418 4 12s3.656-8 8.167-8zm0 .889c-4.01 0-7.26 3.184-7.26 7.111 0 3.927 3.25 7.111 7.26 7.111 4.009 0 7.259-3.184 7.259-7.111 0-3.927-3.25-7.111-7.26-7.111zm.617 5.576v4.247l.509.025v.819H11.11v-.785l.198-.018c.184-.018.331-.155.365-.332l.007-.077c.002-.01.003-.091.004-.247v-.18l.001-.052v-.454-.508l-.005-1.346c-.001-.158-.07-.237-.208-.237h-.362v-.855h1.673zm-.764-2.91c.502 0 .91.408.91.91s-.408.909-.91.909-.909-.407-.909-.91c0-.501.407-.908.91-.908z\"\n        transform=\"translate(-2058 -1176) translate(2058 1176)\"\n      />\n    </g>\n  </svg>\n);\n\nexport default InfoIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,WAAW,WACf,6BAAAA,QAAA,cAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAa,GAAG,SACrF,6BAAAA,QAAA,cAAC,OAAE,MAAM,MAAM,iBAAiB,UAAS,aACvC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,WAAU;AAAA;AACZ,CACF,CACF;AAGF,IAAO,mBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst InfoIcon = (props: any) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}>\n    <g fill={props.backgroundColor} fillRule=\"evenodd\">\n      <path\n        d=\"M12.167 4c4.51 0 8.166 3.582 8.166 8s-3.656 8-8.166 8S4 16.418 4 12s3.656-8 8.167-8zm0 .889c-4.01 0-7.26 3.184-7.26 7.111 0 3.927 3.25 7.111 7.26 7.111 4.009 0 7.259-3.184 7.259-7.111 0-3.927-3.25-7.111-7.26-7.111zm.617 5.576v4.247l.509.025v.819H11.11v-.785l.198-.018c.184-.018.331-.155.365-.332l.007-.077c.002-.01.003-.091.004-.247v-.18l.001-.052v-.454-.508l-.005-1.346c-.001-.158-.07-.237-.208-.237h-.362v-.855h1.673zm-.764-2.91c.502 0 .91.408.91.91s-.408.909-.91.909-.909-.407-.909-.91c0-.501.407-.908.91-.908z\"\n        transform=\"translate(-2058 -1176) translate(2058 1176)\"\n      />\n    </g>\n  </svg>\n);\n\nexport default InfoIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,WAAW,CAAC,UAChB,6BAAAA,QAAA,cAAC,SAAI,OAAM,8BAA6B,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAa,GAAG,SACrF,6BAAAA,QAAA,cAAC,OAAE,MAAM,MAAM,iBAAiB,UAAS,aACvC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,GAAE;AAAA,IACF,WAAU;AAAA;AACZ,CACF,CACF;AAGF,IAAO,mBAAQ;",
   "names": ["React"]
 }