@wix/ricos 10.111.0 → 10.113.0

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": "iCOE-",
-  "toggleButtonWrapper": "hWltl",
-  "active": "hYYB7",
-  "mobileToggleButtonWrapper": "GCJyV",
-  "toggleButton": "NVtOL",
-  "mobileToggleButton": "Azz2k"
+  "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\": \"iCOE-\",\n  \"toggleButtonWrapper\": \"hWltl\",\n  \"active\": \"hYYB7\",\n  \"mobileToggleButtonWrapper\": \"GCJyV\",\n  \"toggleButton\": \"NVtOL\",\n  \"mobileToggleButton\": \"Azz2k\"\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": "fCeld",
-  "addPluginMenu_horizontal_wrapper": "bkDI4",
-  "floatingAddPluginMenu_plus_button_position": "oJKK-",
-  "floatingAddPluginMenu_plus_button": "n9JzJ",
-  "rtl": "_0XGGf",
-  "ltr": "RecdW"
+  "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\": \"fCeld\",\n  \"addPluginMenu_horizontal_wrapper\": \"bkDI4\",\n  \"floatingAddPluginMenu_plus_button_position\": \"oJKK-\",\n  \"floatingAddPluginMenu_plus_button\": \"n9JzJ\",\n  \"rtl\": \"_0XGGf\",\n  \"ltr\": \"RecdW\"\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": "ca3Pq"
+  "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\": \"ca3Pq\"\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": "_44NL0"
+  "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\": \"_44NL0\"\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": "JBqrK"
+  "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\": \"JBqrK\"\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": "V33Y7"
+  "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\": \"V33Y7\"\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"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/LoaderIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst LoaderIcon = props => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\n    <defs>\n      <path\n        id=\"file-upload-loader-icon-path\"\n        d=\"M14.064 5.948l1.518-.507A8 8 0 1 1 10.473.39l-.506 1.519a6.4 6.4 0 1 0 4.097 4.04z\"\n      />\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\" transform=\"translate(4 4)\">\n      <mask id=\"file-upload-loader-mask\" fill=\"currentColor\">\n        <use xlinkHref=\"#file-upload-loader-icon-path\" />\n      </mask>\n      <use fill=\"currentColor\" xlinkHref=\"#file-upload-loader-icon-path\" />\n      <path fill=\"currentColor\" d=\"M-4-4h24v24H-4z\" mask=\"url(#file-upload-loader-mask)\" />\n    </g>\n  </svg>\n);\n\nexport default LoaderIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,aAAa,WACjB,6BAAAA,QAAA,cAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,SACrF,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,GAAE;AAAA;AACJ,CACF,GACA,6BAAAA,QAAA,cAAC,OAAE,MAAK,QAAO,UAAS,WAAU,WAAU,oBAC1C,6BAAAA,QAAA,cAAC,UAAK,IAAG,2BAA0B,MAAK,kBACtC,6BAAAA,QAAA,cAAC,SAAI,WAAU,iCAAgC,CACjD,GACA,6BAAAA,QAAA,cAAC,SAAI,MAAK,gBAAe,WAAU,iCAAgC,GACnE,6BAAAA,QAAA,cAAC,UAAK,MAAK,gBAAe,GAAE,mBAAkB,MAAK,iCAAgC,CACrF,CACF;AAGF,IAAO,qBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst LoaderIcon = (props: any) => (\n  <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" {...props}>\n    <defs>\n      <path\n        id=\"file-upload-loader-icon-path\"\n        d=\"M14.064 5.948l1.518-.507A8 8 0 1 1 10.473.39l-.506 1.519a6.4 6.4 0 1 0 4.097 4.04z\"\n      />\n    </defs>\n    <g fill=\"none\" fillRule=\"evenodd\" transform=\"translate(4 4)\">\n      <mask id=\"file-upload-loader-mask\" fill=\"currentColor\">\n        <use xlinkHref=\"#file-upload-loader-icon-path\" />\n      </mask>\n      <use fill=\"currentColor\" xlinkHref=\"#file-upload-loader-icon-path\" />\n      <path fill=\"currentColor\" d=\"M-4-4h24v24H-4z\" mask=\"url(#file-upload-loader-mask)\" />\n    </g>\n  </svg>\n);\n\nexport default LoaderIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,aAAa,CAAC,UAClB,6BAAAA,QAAA,cAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAa,GAAG,SACrF,6BAAAA,QAAA,cAAC,cACC,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,IAAG;AAAA,IACH,GAAE;AAAA;AACJ,CACF,GACA,6BAAAA,QAAA,cAAC,OAAE,MAAK,QAAO,UAAS,WAAU,WAAU,oBAC1C,6BAAAA,QAAA,cAAC,UAAK,IAAG,2BAA0B,MAAK,kBACtC,6BAAAA,QAAA,cAAC,SAAI,WAAU,iCAAgC,CACjD,GACA,6BAAAA,QAAA,cAAC,SAAI,MAAK,gBAAe,WAAU,iCAAgC,GACnE,6BAAAA,QAAA,cAAC,UAAK,MAAK,gBAAe,GAAE,mBAAkB,MAAK,iCAAgC,CACrF,CACF;AAGF,IAAO,qBAAQ;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/ModalsCloseIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst ModalsCloseIcon = 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=\"M20 4.707L19.293 4L12 11.293L4.707 4L4 4.707L11.293 12L4 19.293L4.707 20L12 12.707L19.293 20L20 19.293L12.707 12L20 4.707Z\"\n      fill=\"black\"\n    />\n  </svg>\n);\n\nexport default ModalsCloseIcon;\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 ModalsCloseIcon = (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=\"M20 4.707L19.293 4L12 11.293L4.707 4L4 4.707L11.293 12L4 19.293L4.707 20L12 12.707L19.293 20L20 19.293L12.707 12L20 4.707Z\"\n      fill=\"black\"\n    />\n  </svg>\n);\n\nexport default ModalsCloseIcon;\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/SearchIcon.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/SearchIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst SearchIcon = 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=\"M10.961 5c3.292 0 5.961 2.669 5.961 5.961 0 1.37-.462 2.631-1.238 3.638l3.264 3.266c.063.062.075.156.038.23l-.038.052-.8.801c-.063.063-.157.075-.232.038l-.051-.038-3.266-3.264c-1.007.776-2.268 1.238-3.638 1.238C7.67 16.922 5 14.253 5 10.962 5 7.668 7.669 5 10.961 5zm-.005 1.079c-2.694 0-4.877 2.183-4.877 4.877s2.183 4.877 4.877 4.877 4.877-2.183 4.877-4.877-2.183-4.877-4.877-4.877z\"\n    />\n  </svg>\n);\n\nexport default SearchIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,aAAa,WACjB,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;AACJ,CACF;AAGF,IAAO,qBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst SearchIcon = (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=\"M10.961 5c3.292 0 5.961 2.669 5.961 5.961 0 1.37-.462 2.631-1.238 3.638l3.264 3.266c.063.062.075.156.038.23l-.038.052-.8.801c-.063.063-.157.075-.232.038l-.051-.038-3.266-3.264c-1.007.776-2.268 1.238-3.638 1.238C7.67 16.922 5 14.253 5 10.962 5 7.668 7.669 5 10.961 5zm-.005 1.079c-2.694 0-4.877 2.183-4.877 4.877s2.183 4.877 4.877 4.877 4.877-2.183 4.877-4.877-2.183-4.877-4.877-4.877z\"\n    />\n  </svg>\n);\n\nexport default SearchIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,aAAa,CAAC,UAClB,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;AACJ,CACF;AAGF,IAAO,qBAAQ;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/SoundCloudIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst SoundCloudIcon = props => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"19\"\n    height=\"19\"\n    viewBox=\"0 0 19 19\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M5.2,9 L5.8,9 C5.9104569,9 6,9.05969537 6,9.13333333 L6,14.8666667 C6,14.9403046 5.9104569,15 5.8,15 L5.2,15 C5.0895431,15 5,14.9403046 5,14.8666667 L5,9.13333333 C5,9.05969537 5.0895431,9 5.2,9 Z M3.2,8 L3.8,8 C3.9104569,8 4,8.06268014 4,8.14 L4,14.86 C4,14.9373198 3.9104569,15 3.8,15 L3.2,15 C3.0895431,15 3,14.9373198 3,14.86 L3,8.14 C3,8.06268014 3.0895431,8 3.2,8 Z M1.2,10 L1.8,10 C1.91045695,10 2,10.0447715 2,10.1 L2,13.9 C2,13.9552284 1.91045695,14 1.8,14 L1.2,14 C1.08954305,14 1,13.9552284 1,13.9 L1,10.1 C1,10.0447715 1.08954305,10 1.2,10 Z M18,11.6153846 C18,13.4846561 16.4846561,15 14.6153846,15 L7.84615385,15 C7.37883602,15 7,14.621164 7,14.1538462 L7,4.84615385 C8.1282051,4.28205128 9.39743587,4 10.8076923,4 C12.9089391,4 15.0384615,6.12783884 15.0384615,8.23076923 C16.7079981,8.4650878 18,9.8893546 18,11.6153846 Z M8,14 L14.5454545,14 C15.9010625,14 17,12.9010625 17,11.5454545 C17,10.3050264 16.0718944,9.25574738 14.8408286,9.08296796 L14.1363636,8.98409667 L14.1363636,8.27272727 C14.1363636,6.69177453 12.4441412,5 10.8636364,5 C9.81175629,5 8.85922746,5.17619715 8,5.52684396 L8,14 Z\" />\n  </svg>\n);\n\nexport default SoundCloudIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,iBAAiB,WACrB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA,cAAC,UAAK,GAAE,4lCAA2lC;AACrmC;AAGF,IAAO,yBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst SoundCloudIcon = (props: any) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"19\"\n    height=\"19\"\n    viewBox=\"0 0 19 19\"\n    fill=\"currentColor\"\n    {...props}\n  >\n    <path d=\"M5.2,9 L5.8,9 C5.9104569,9 6,9.05969537 6,9.13333333 L6,14.8666667 C6,14.9403046 5.9104569,15 5.8,15 L5.2,15 C5.0895431,15 5,14.9403046 5,14.8666667 L5,9.13333333 C5,9.05969537 5.0895431,9 5.2,9 Z M3.2,8 L3.8,8 C3.9104569,8 4,8.06268014 4,8.14 L4,14.86 C4,14.9373198 3.9104569,15 3.8,15 L3.2,15 C3.0895431,15 3,14.9373198 3,14.86 L3,8.14 C3,8.06268014 3.0895431,8 3.2,8 Z M1.2,10 L1.8,10 C1.91045695,10 2,10.0447715 2,10.1 L2,13.9 C2,13.9552284 1.91045695,14 1.8,14 L1.2,14 C1.08954305,14 1,13.9552284 1,13.9 L1,10.1 C1,10.0447715 1.08954305,10 1.2,10 Z M18,11.6153846 C18,13.4846561 16.4846561,15 14.6153846,15 L7.84615385,15 C7.37883602,15 7,14.621164 7,14.1538462 L7,4.84615385 C8.1282051,4.28205128 9.39743587,4 10.8076923,4 C12.9089391,4 15.0384615,6.12783884 15.0384615,8.23076923 C16.7079981,8.4650878 18,9.8893546 18,11.6153846 Z M8,14 L14.5454545,14 C15.9010625,14 17,12.9010625 17,11.5454545 C17,10.3050264 16.0718944,9.25574738 14.8408286,9.08296796 L14.1363636,8.98409667 L14.1363636,8.27272727 C14.1363636,6.69177453 12.4441412,5 10.8636364,5 C9.81175629,5 8.85922746,5.17619715 8,5.52684396 L8,14 Z\" />\n  </svg>\n);\n\nexport default SoundCloudIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,iBAAiB,CAAC,UACtB,6BAAAA,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACJ,GAAG;AAAA;AAAA,EAEJ,6BAAAA,QAAA,cAAC,UAAK,GAAE,4lCAA2lC;AACrmC;AAGF,IAAO,yBAAQ;",
   "names": ["React"]
 }

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/ui-components/Icons/SpotifyIcon.tsx"],
-  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst SpotifyIcon = props => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M8 0C3.582 0 0 3.582 0 8C0 12.419 3.582 16 8 16C12.418 16 16 12.419 16 8C16 3.582 12.418 0 8 0ZM11.669 11.539C11.525 11.774 11.218 11.849 10.983 11.705C9.104 10.557 6.74 10.297 3.955 10.934C3.688 10.995 3.42 10.827 3.358 10.559C3.297 10.29 3.465 10.022 3.733 9.962C6.781 9.265 9.395 9.564 11.504 10.854C11.738 10.997 11.813 11.304 11.669 11.539ZM12.647 9.36C12.467 9.654 12.083 9.746 11.79 9.565C9.64 8.244 6.361 7.861 3.818 8.634C3.488 8.733 3.14 8.547 3.04 8.218C2.94 7.889 3.126 7.54 3.456 7.44C6.361 6.559 9.974 6.985 12.442 8.503C12.735 8.684 12.828 9.067 12.647 9.36ZM12.732 7.092C10.153 5.561 5.9 5.42 3.438 6.167C3.043 6.287 2.625 6.063 2.505 5.669C2.385 5.273 2.608 4.855 3.004 4.735C5.83 3.877 10.527 4.043 13.496 5.806C13.852 6.017 13.968 6.476 13.758 6.83C13.547 7.187 13.087 7.304 12.732 7.092Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default SpotifyIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,cAAc,WAClB,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,sBAAQ;",
+  "sourcesContent": ["/* eslint-disable max-len */\nimport React from 'react';\n\nconst SpotifyIcon = (props: any) => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      fillRule=\"evenodd\"\n      clipRule=\"evenodd\"\n      d=\"M8 0C3.582 0 0 3.582 0 8C0 12.419 3.582 16 8 16C12.418 16 16 12.419 16 8C16 3.582 12.418 0 8 0ZM11.669 11.539C11.525 11.774 11.218 11.849 10.983 11.705C9.104 10.557 6.74 10.297 3.955 10.934C3.688 10.995 3.42 10.827 3.358 10.559C3.297 10.29 3.465 10.022 3.733 9.962C6.781 9.265 9.395 9.564 11.504 10.854C11.738 10.997 11.813 11.304 11.669 11.539ZM12.647 9.36C12.467 9.654 12.083 9.746 11.79 9.565C9.64 8.244 6.361 7.861 3.818 8.634C3.488 8.733 3.14 8.547 3.04 8.218C2.94 7.889 3.126 7.54 3.456 7.44C6.361 6.559 9.974 6.985 12.442 8.503C12.735 8.684 12.828 9.067 12.647 9.36ZM12.732 7.092C10.153 5.561 5.9 5.42 3.438 6.167C3.043 6.287 2.625 6.063 2.505 5.669C2.385 5.273 2.608 4.855 3.004 4.735C5.83 3.877 10.527 4.043 13.496 5.806C13.852 6.017 13.968 6.476 13.758 6.83C13.547 7.187 13.087 7.304 12.732 7.092Z\"\n      fill=\"currentColor\"\n    />\n  </svg>\n);\n\nexport default SpotifyIcon;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAElB,MAAM,cAAc,CAAC,UACnB,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,sBAAQ;",
   "names": ["React"]
 }

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

@@ -21,8 +21,8 @@ __export(color_swatches_exports, {
 });
 module.exports = __toCommonJS(color_swatches_exports);
 var color_swatches_default = {
-  "container": "sL5MF",
-  "colorSwatch": "qQcGo",
-  "medium": "_6nmjg"
+  "container": "k37eg",
+  "colorSwatch": "uSluw",
+  "medium": "Kdmt9"
 };
 //# sourceMappingURL=color-swatches-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ui-components/color-picker/common/color-swatches.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"sL5MF\",\n  \"colorSwatch\": \"qQcGo\",\n  \"medium\": \"_6nmjg\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"k37eg\",\n  \"colorSwatch\": \"uSluw\",\n  \"medium\": \"Kdmt9\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,yBAAQ;AAAA,EACb,aAAa;AAAA,EACb,eAAe;AAAA,EACf,UAAU;AACZ;",
   "names": []
 }

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

@@ -21,6 +21,6 @@ __export(floating_color_picker_exports, {
 });
 module.exports = __toCommonJS(floating_color_picker_exports);
 var floating_color_picker_default = {
-  "resetButton": "w5V0O"
+  "resetButton": "w9ta4"
 };
 //# sourceMappingURL=floating-color-picker-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/ui-components/color-picker/floating-color-picker/floating-color-picker.scss"],
-  "sourcesContent": ["export default {\n  \"resetButton\": \"w5V0O\"\n};"],
+  "sourcesContent": ["export default {\n  \"resetButton\": \"w9ta4\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

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

@@ -21,6 +21,6 @@ __export(floating_custom_color_picker_exports, {
 });
 module.exports = __toCommonJS(floating_custom_color_picker_exports);
 var floating_custom_color_picker_default = {
-  "colorPicker": "jH0ji"
+  "colorPicker": "gKM0Y"
 };
 //# sourceMappingURL=floating-custom-color-picker-scss.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/ui-components/color-picker/floating-color-picker/floating-custom-color-picker/floating-custom-color-picker.scss"],
-  "sourcesContent": ["export default {\n  \"colorPicker\": \"jH0ji\"\n};"],
+  "sourcesContent": ["export default {\n  \"colorPicker\": \"gKM0Y\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,uCAAQ;AAAA,EACb,eAAe;AACjB;",
   "names": []
 }

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

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