@webiny/lexical-editor-actions 6.3.0 → 6.4.0-beta.0

package/LexicalEditorActions.js

@@ -1,18 +1,12 @@
-import { TextAlignmentAction } from "@webiny/lexical-editor";
-import React from "react";
+import { FontColorAction, TextAlignmentAction } from "@webiny/lexical-editor";
+import react from "react";
 import { LexicalColorPickerDropdown } from "./components/LexicalColorPickerDropdown.js";
-import { FontColorAction } from "@webiny/lexical-editor";
 import { TextAlignmentDropdown } from "./components/TextAlignmentDropdown.js";
-
-/*
- * Lexical editor configuration and components with global composition scope
- */
-export const LexicalEditorActions = () => {
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FontColorAction.ColorPicker, {
-    element: /*#__PURE__*/React.createElement(LexicalColorPickerDropdown, null)
-  }), /*#__PURE__*/React.createElement(TextAlignmentAction.TextAlignmentDropDown, {
-    element: /*#__PURE__*/React.createElement(TextAlignmentDropdown, null)
-  }));
-};
+const LexicalEditorActions = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(FontColorAction.ColorPicker, {
+        element: /*#__PURE__*/ react.createElement(LexicalColorPickerDropdown, null)
+    }), /*#__PURE__*/ react.createElement(TextAlignmentAction.TextAlignmentDropDown, {
+        element: /*#__PURE__*/ react.createElement(TextAlignmentDropdown, null)
+    }));
+export { LexicalEditorActions };
 
 //# sourceMappingURL=LexicalEditorActions.js.map

package/LexicalEditorActions.js.map

@@ -1 +1 @@
-{"version":3,"names":["TextAlignmentAction","React","LexicalColorPickerDropdown","FontColorAction","TextAlignmentDropdown","LexicalEditorActions","createElement","Fragment","ColorPicker","element","TextAlignmentDropDown"],"sources":["LexicalEditorActions.tsx"],"sourcesContent":["import { TextAlignmentAction } from \"@webiny/lexical-editor\";\nimport React from \"react\";\nimport { LexicalColorPickerDropdown } from \"~/components/LexicalColorPickerDropdown.js\";\nimport { FontColorAction } from \"@webiny/lexical-editor\";\nimport { TextAlignmentDropdown } from \"~/components/TextAlignmentDropdown.js\";\n\n/*\n * Lexical editor configuration and components with global composition scope\n */\nexport const LexicalEditorActions = () => {\n    return (\n        <>\n            <FontColorAction.ColorPicker element={<LexicalColorPickerDropdown />} />\n            <TextAlignmentAction.TextAlignmentDropDown element={<TextAlignmentDropdown />} />\n        </>\n    );\n};\n"],"mappings":"AAAA,SAASA,mBAAmB,QAAQ,wBAAwB;AAC5D,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,0BAA0B;AACnC,SAASC,eAAe,QAAQ,wBAAwB;AACxD,SAASC,qBAAqB;;AAE9B;AACA;AACA;AACA,OAAO,MAAMC,oBAAoB,GAAGA,CAAA,KAAM;EACtC,oBACIJ,KAAA,CAAAK,aAAA,CAAAL,KAAA,CAAAM,QAAA,qBACIN,KAAA,CAAAK,aAAA,CAACH,eAAe,CAACK,WAAW;IAACC,OAAO,eAAER,KAAA,CAAAK,aAAA,CAACJ,0BAA0B,MAAE;EAAE,CAAE,CAAC,eACxED,KAAA,CAAAK,aAAA,CAACN,mBAAmB,CAACU,qBAAqB;IAACD,OAAO,eAAER,KAAA,CAAAK,aAAA,CAACF,qBAAqB,MAAE;EAAE,CAAE,CAClF,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"file":"LexicalEditorActions.js","sources":["../src/LexicalEditorActions.tsx"],"sourcesContent":["import { TextAlignmentAction } from \"@webiny/lexical-editor\";\nimport React from \"react\";\nimport { LexicalColorPickerDropdown } from \"~/components/LexicalColorPickerDropdown.js\";\nimport { FontColorAction } from \"@webiny/lexical-editor\";\nimport { TextAlignmentDropdown } from \"~/components/TextAlignmentDropdown.js\";\n\n/*\n * Lexical editor configuration and components with global composition scope\n */\nexport const LexicalEditorActions = () => {\n    return (\n        <>\n            <FontColorAction.ColorPicker element={<LexicalColorPickerDropdown />} />\n            <TextAlignmentAction.TextAlignmentDropDown element={<TextAlignmentDropdown />} />\n        </>\n    );\n};\n"],"names":["LexicalEditorActions","FontColorAction","LexicalColorPickerDropdown","TextAlignmentAction","TextAlignmentDropdown"],"mappings":";;;;AASO,MAAMA,uBAAuB,IACzB,WAAP,GACI,wDACI,oBAACC,gBAAgB,WAAW;QAAC,uBAAS,oBAACC,4BAA0BA;sBACjE,oBAACC,oBAAoB,qBAAqB;QAAC,uBAAS,oBAACC,uBAAqBA"}

package/components/LexicalColorPicker/LexicalColorPicker.js

@@ -1,221 +1,187 @@
-import _styled from "@emotion/styled/base";
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-import React, { useCallback, useEffect, useMemo, useState } from "react";
+import react, { useCallback, useEffect, useMemo, useState } from "react";
+import styled from "@emotion/styled";
 import { css } from "@emotion/css";
 import { ChromePicker } from "react-color";
-import { Tooltip } from "@webiny/ui/Tooltip/index.js";
-
-// Icons
-import { ReactComponent as IconPalette } from "./round-color_lens-24px.svg";
+import { Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "./round-color_lens-24px.js";
 import { useRichTextEditor } from "@webiny/lexical-editor";
-const ColorPickerStyle = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ewrv11k2"
-} : {
-  target: "ewrv11k2",
-  label: "ColorPickerStyle"
-})(process.env.NODE_ENV === "production" ? {
-  name: "1tb6adp",
-  styles: "position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;width:240px;padding:15px;background-color:#fff"
-} : {
-  name: "1tb6adp",
-  styles: "position:relative;display:flex;flex-wrap:wrap;justify-content:flex-start;width:240px;padding:15px;background-color:#fff/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWXlCIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFN5bnRoZXRpY0V2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHR5cGUgeyBDb2xvclJlc3VsdCwgUkdCQ29sb3IgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IENocm9tZVBpY2tlciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcblxuLy8gSWNvbnNcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEljb25QYWxldHRlIH0gZnJvbSBcIi4vcm91bmQtY29sb3JfbGVucy0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgdXNlUmljaFRleHRFZGl0b3IgfSBmcm9tIFwiQHdlYmlueS9sZXhpY2FsLWVkaXRvclwiO1xuXG5jb25zdCBDb2xvclBpY2tlclN0eWxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgd2lkdGg6IDI0MCxcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2ZmZlwiXG59KTtcblxuY29uc3QgQ29sb3JCb3ggPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIG1hcmdpbjogNSxcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IDMsXG4gICAgYm94U2l6aW5nOiBcImNvbnRlbnQtYm94XCJcbn0pO1xuXG5jb25zdCBDb2xvciA9IHN0eWxlZChcImJ1dHRvblwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNDAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjFzLCBib3JkZXIgMC4yc1wiLFxuICAgIGJvcmRlckNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSlcIixcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgICAgb3BhY2l0eTogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEuMSlcIixcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMC4yNXJlbSAwLjEyNXJlbSAwIHJnYmEoMCwwLDAsMC4wNSlcIixcbiAgICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgaWNvblBhbGV0dGVTdHlsZSA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luVG9wOiAxLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbn0pO1xuXG5jb25zdCBDT0xPUlMgPSB7XG4gICAgbGlnaHRHcmF5OiBcImhzbGEoMCwgMCUsIDk3JSwgMSlcIixcbiAgICBncmF5OiBcImhzbGEoMzAwLCAyJSwgOTIlLCAxKVwiLFxuICAgIGRhcmtHcmF5OiBcImhzbGEoMCwgMCUsIDcwJSwgMSlcIixcbiAgICBkYXJrZXN0R3JheTogXCJoc2xhKDAsIDAlLCAyMCUsIDEpXCIsXG4gICAgYmxhY2s6IFwiaHNsYSgyMDgsIDEwMCUsIDUlLCAxKVwiXG59O1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgc2VsZWN0ZWRDb2xvcjogY3NzKHtcbiAgICAgICAgYm94U2hhZG93OiBcImluc2V0IDBweCAwcHggMHB4IDEwcHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYnV0dG9uOiB7XG4gICAgICAgICAgICBib3JkZXI6IFwiNXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBidXR0b246IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7IGJhY2tncm91bmRDb2xvcjogQ09MT1JTLmdyYXkgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGNvbG9yOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCI0MHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCJcbiAgICB9KVxufTtcblxuY29uc3QgY2hyb21lUGlja2VyU3R5bGUgPSBjc3Moe1xuICAgIHdpZHRoOiBcIjI3MHB4ICFpbXBvcnRhbnRcIixcbiAgICBtYXJnaW46IFwiMTVweCAtMTVweCAtMTVweCAtMTVweFwiXG59KTtcblxuaW50ZXJmYWNlIExleGljYWxDb2xvclBpY2tlclByb3BzIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG9uQ2hhbmdlPzogKGNvbG9yOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2VDb21wbGV0ZTogKGNvbG9yOiBzdHJpbmcsIG5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgaGFuZGxlckNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbGxvd0N1c3RvbUNvbG9yPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvd1BpY2tlclN0eWxlID0geyBkaXNwbGF5OiBcImJsb2NrXCIgfTtcbmNvbnN0IGhpZGVQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJub25lXCIgfTtcblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlciA9ICh7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25DaGFuZ2VDb21wbGV0ZSxcbiAgICBhbGxvd0N1c3RvbUNvbG9yXG59OiBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICAvLyBFaXRoZXIgYSBjdXN0b20gY29sb3Igb3IgYSBjb2xvciBjb21pbmcgZnJvbSB0aGUgdGhlbWUgb2JqZWN0LlxuICAgIGNvbnN0IFthY3R1YWxTZWxlY3RlZENvbG9yLCBzZXRBY3R1YWxTZWxlY3RlZENvbG9yXSA9IHVzZVN0YXRlKHZhbHVlIHx8IFwiI2ZmZlwiKTtcbiAgICBjb25zdCBbaXNUaGVtZUNvbG9yLCBzZXRJc1RoZW1lQ29sb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt2YWx1ZV0pO1xuXG4gICAgY29uc3QgZ2V0Q29sb3JWYWx1ZSA9IHVzZUNhbGxiYWNrKChyZ2I6IFJHQkNvbG9yLCBhbHBoYT86IG51bWJlcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHthbHBoYSA/PyByZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIC8vIGNvbnRyb2xzIG9mIHRoZSBwaWNrZXIgYXJlIHVwZGF0ZWQgYXMgdXNlciBtb3ZlcyB0aGUgbW91c2VcbiAgICAgICAgICAgIGNvbnN0IGN1c3RvbUNvbG9yID0gZ2V0Q29sb3JWYWx1ZShjb2xvci5yZ2IsIGNvbG9yLnJnYi5hID09PSAwID8gMSA6IGNvbG9yLnJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBvbkNoYW5nZSA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgICAgICAgICAgb25DaGFuZ2UoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2VDb21wbGV0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoeyByZ2IgfTogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVJpY2hUZXh0RWRpdG9yKCk7XG5cbiAgICBjb25zdCB0aGVtZUNvbG9ycyA9IHVzZU1lbW8oKCkgPT4gdGhlbWU/LmNvbG9ycyA/PyBbXSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgaXNUaGVtZUNvbG9yID0gdGhlbWVDb2xvcnMuc29tZShjb2xvciA9PiBjb2xvci5pZCA9PT0gdmFsdWUpO1xuICAgICAgICBzZXRJc1RoZW1lQ29sb3IoaXNUaGVtZUNvbG9yKTtcbiAgICB9LCBbdGhlbWVDb2xvcnMsIHZhbHVlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHt0aGVtZUNvbG9ycy5tYXAoY29sb3IgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxDb2xvckJveFxuICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtjb2xvci5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y29sb3IuaWQgPT09IHZhbHVlID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj57Y29sb3IubGFiZWx9PC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogY29sb3IudmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvci52YWx1ZSwgY29sb3IuaWQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICB7YWxsb3dDdXN0b21Db2xvciA/IChcbiAgICAgICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+Q29sb3IgcGlja2VyPC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVQaWNrZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29sb3I+XG4gICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9e3Nob3dQaWNrZXIgPyBzaG93UGlja2VyU3R5bGUgOiBoaWRlUGlja2VyU3R5bGV9PlxuICAgICAgICAgICAgICAgIDxDaHJvbWVQaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjaHJvbWVQaWNrZXJTdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgY29sb3I9e2FjdHVhbFNlbGVjdGVkQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVBbHBoYT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ29sb3JDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGU9e29uQ29sb3JDaGFuZ2VDb21wbGV0ZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const ColorPickerStyle = styled("div")({
+    position: "relative",
+    display: "flex",
+    flexWrap: "wrap",
+    justifyContent: "flex-start",
+    width: 240,
+    padding: 15,
+    backgroundColor: "#fff"
 });
-const ColorBox = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "ewrv11k1"
-} : {
-  target: "ewrv11k1",
-  label: "ColorBox"
-})(process.env.NODE_ENV === "production" ? {
-  name: "tujbiz",
-  styles: "cursor:pointer;width:40px;height:40px;border-radius:50%;margin:5px;border:1px solid var(--mdc-theme-on-background);padding:3px;box-sizing:content-box"
-} : {
-  name: "tujbiz",
-  styles: "cursor:pointer;width:40px;height:40px;border-radius:50%;margin:5px;border:1px solid var(--mdc-theme-on-background);padding:3px;box-sizing:content-box/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0JpQiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB0eXBlIHsgQ29sb3JSZXN1bHQsIFJHQkNvbG9yIH0gZnJvbSBcInJlYWN0LWNvbG9yXCI7XG5pbXBvcnQgeyBDaHJvbWVQaWNrZXIgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcbmltcG9ydCB7IHVzZVJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvbGV4aWNhbC1lZGl0b3JcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzLFxuICAgIGJveFNpemluZzogXCJjb250ZW50LWJveFwiXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWxsb3dDdXN0b21Db2xvcj86IGJvb2xlYW47XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGUsXG4gICAgYWxsb3dDdXN0b21Db2xvclxufTogTGV4aWNhbENvbG9yUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2hvd1BpY2tlciwgc2V0U2hvd1BpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgLy8gRWl0aGVyIGEgY3VzdG9tIGNvbG9yIG9yIGEgY29sb3IgY29taW5nIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICBjb25zdCBbYWN0dWFsU2VsZWN0ZWRDb2xvciwgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcl0gPSB1c2VTdGF0ZSh2YWx1ZSB8fCBcIiNmZmZcIik7XG4gICAgY29uc3QgW2lzVGhlbWVDb2xvciwgc2V0SXNUaGVtZUNvbG9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcih2YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbdmFsdWVdKTtcblxuICAgIGNvbnN0IGdldENvbG9yVmFsdWUgPSB1c2VDYWxsYmFjaygocmdiOiBSR0JDb2xvciwgYWxwaGE/OiBudW1iZXIpID0+IHtcbiAgICAgICAgcmV0dXJuIGByZ2JhKCR7cmdiLnJ9LCAke3JnYi5nfSwgJHtyZ2IuYn0sICR7YWxwaGEgPz8gcmdiLmF9KWA7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoY29sb3I6IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBjb25zdCBjb2xvciA9IGdldENvbG9yVmFsdWUocmdiLCByZ2IuYSA9PT0gMCA/IDEgOiByZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGNvbG9yKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoc3RhdGUgPT4gIXN0YXRlKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VSaWNoVGV4dEVkaXRvcigpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnMgPSB1c2VNZW1vKCgpID0+IHRoZW1lPy5jb2xvcnMgPz8gW10sIFtdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IHRoZW1lQ29sb3JzLnNvbWUoY29sb3IgPT4gY29sb3IuaWQgPT09IHZhbHVlKTtcbiAgICAgICAgc2V0SXNUaGVtZUNvbG9yKGlzVGhlbWVDb2xvcik7XG4gICAgfSwgW3RoZW1lQ29sb3JzLCB2YWx1ZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbG9yUGlja2VyU3R5bGU+XG4gICAgICAgICAgICB7dGhlbWVDb2xvcnMubWFwKGNvbG9yID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3hcbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y29sb3IuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NvbG9yLmlkID09PSB2YWx1ZSA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yLmxhYmVsfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLnZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IudmFsdWUsIGNvbG9yLmlkKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge2FsbG93Q3VzdG9tQ29sb3IgPyAoXG4gICAgICAgICAgICAgICAgPENvbG9yQm94IGNsYXNzTmFtZT17dmFsdWUgJiYgIWlzVGhlbWVDb2xvciA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn0+XG4gICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9ezxzcGFuPkNvbG9yIHBpY2tlcjwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBpc1RoZW1lQ29sb3IgPyBcIiNmZmZcIiA6IHZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUGlja2VyfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uUGFsZXR0ZSBjbGFzc05hbWU9e2ljb25QYWxldHRlU3R5bGV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NvbG9yPlxuICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPC9Db2xvckJveD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlPXtvbkNvbG9yQ2hhbmdlQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbG9yUGlja2VyU3R5bGU+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const ColorBox = styled("div")({
+    cursor: "pointer",
+    width: 40,
+    height: 40,
+    borderRadius: "50%",
+    margin: 5,
+    border: "1px solid var(--mdc-theme-on-background)",
+    padding: 3,
+    boxSizing: "content-box"
 });
-const Color = /*#__PURE__*/_styled("button", process.env.NODE_ENV === "production" ? {
-  target: "ewrv11k0"
-} : {
-  target: "ewrv11k0",
-  label: "Color"
-})({
-  cursor: "pointer",
-  width: 40,
-  height: 40,
-  transition: "transform 0.1s, border 0.2s",
-  borderColor: "transparent",
-  display: "flex",
-  alignItems: "center",
-  borderRadius: "50%",
-  "&::after": {
-    transition: "opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)",
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: 0,
-    width: "100%",
-    height: "100%",
-    zIndex: -1,
-    opacity: 0
-  },
-  "&:hover": {
-    transform: "scale(1.1)",
-    boxShadow: "0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)",
+const Color = styled("button")({
+    cursor: "pointer",
+    width: 40,
+    height: 40,
+    transition: "transform 0.1s, border 0.2s",
+    borderColor: "transparent",
+    display: "flex",
+    alignItems: "center",
+    borderRadius: "50%",
     "&::after": {
-      opacity: 1
+        transition: "opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)",
+        content: '""',
+        position: "absolute",
+        top: 0,
+        left: 0,
+        width: "100%",
+        height: "100%",
+        zIndex: -1,
+        opacity: 0
+    },
+    "&:hover": {
+        transform: "scale(1.1)",
+        boxShadow: "0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)",
+        "&::after": {
+            opacity: 1
+        }
     }
-  }
-}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUNjIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFN5bnRoZXRpY0V2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHR5cGUgeyBDb2xvclJlc3VsdCwgUkdCQ29sb3IgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IENocm9tZVBpY2tlciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcblxuLy8gSWNvbnNcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEljb25QYWxldHRlIH0gZnJvbSBcIi4vcm91bmQtY29sb3JfbGVucy0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgdXNlUmljaFRleHRFZGl0b3IgfSBmcm9tIFwiQHdlYmlueS9sZXhpY2FsLWVkaXRvclwiO1xuXG5jb25zdCBDb2xvclBpY2tlclN0eWxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgd2lkdGg6IDI0MCxcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2ZmZlwiXG59KTtcblxuY29uc3QgQ29sb3JCb3ggPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIG1hcmdpbjogNSxcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IDMsXG4gICAgYm94U2l6aW5nOiBcImNvbnRlbnQtYm94XCJcbn0pO1xuXG5jb25zdCBDb2xvciA9IHN0eWxlZChcImJ1dHRvblwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNDAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjFzLCBib3JkZXIgMC4yc1wiLFxuICAgIGJvcmRlckNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSlcIixcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgICAgb3BhY2l0eTogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEuMSlcIixcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMC4yNXJlbSAwLjEyNXJlbSAwIHJnYmEoMCwwLDAsMC4wNSlcIixcbiAgICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgaWNvblBhbGV0dGVTdHlsZSA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luVG9wOiAxLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbn0pO1xuXG5jb25zdCBDT0xPUlMgPSB7XG4gICAgbGlnaHRHcmF5OiBcImhzbGEoMCwgMCUsIDk3JSwgMSlcIixcbiAgICBncmF5OiBcImhzbGEoMzAwLCAyJSwgOTIlLCAxKVwiLFxuICAgIGRhcmtHcmF5OiBcImhzbGEoMCwgMCUsIDcwJSwgMSlcIixcbiAgICBkYXJrZXN0R3JheTogXCJoc2xhKDAsIDAlLCAyMCUsIDEpXCIsXG4gICAgYmxhY2s6IFwiaHNsYSgyMDgsIDEwMCUsIDUlLCAxKVwiXG59O1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgc2VsZWN0ZWRDb2xvcjogY3NzKHtcbiAgICAgICAgYm94U2hhZG93OiBcImluc2V0IDBweCAwcHggMHB4IDEwcHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYnV0dG9uOiB7XG4gICAgICAgICAgICBib3JkZXI6IFwiNXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBidXR0b246IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7IGJhY2tncm91bmRDb2xvcjogQ09MT1JTLmdyYXkgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGNvbG9yOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCI0MHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCJcbiAgICB9KVxufTtcblxuY29uc3QgY2hyb21lUGlja2VyU3R5bGUgPSBjc3Moe1xuICAgIHdpZHRoOiBcIjI3MHB4ICFpbXBvcnRhbnRcIixcbiAgICBtYXJnaW46IFwiMTVweCAtMTVweCAtMTVweCAtMTVweFwiXG59KTtcblxuaW50ZXJmYWNlIExleGljYWxDb2xvclBpY2tlclByb3BzIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG9uQ2hhbmdlPzogKGNvbG9yOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2VDb21wbGV0ZTogKGNvbG9yOiBzdHJpbmcsIG5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgaGFuZGxlckNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbGxvd0N1c3RvbUNvbG9yPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvd1BpY2tlclN0eWxlID0geyBkaXNwbGF5OiBcImJsb2NrXCIgfTtcbmNvbnN0IGhpZGVQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJub25lXCIgfTtcblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlciA9ICh7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25DaGFuZ2VDb21wbGV0ZSxcbiAgICBhbGxvd0N1c3RvbUNvbG9yXG59OiBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICAvLyBFaXRoZXIgYSBjdXN0b20gY29sb3Igb3IgYSBjb2xvciBjb21pbmcgZnJvbSB0aGUgdGhlbWUgb2JqZWN0LlxuICAgIGNvbnN0IFthY3R1YWxTZWxlY3RlZENvbG9yLCBzZXRBY3R1YWxTZWxlY3RlZENvbG9yXSA9IHVzZVN0YXRlKHZhbHVlIHx8IFwiI2ZmZlwiKTtcbiAgICBjb25zdCBbaXNUaGVtZUNvbG9yLCBzZXRJc1RoZW1lQ29sb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt2YWx1ZV0pO1xuXG4gICAgY29uc3QgZ2V0Q29sb3JWYWx1ZSA9IHVzZUNhbGxiYWNrKChyZ2I6IFJHQkNvbG9yLCBhbHBoYT86IG51bWJlcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHthbHBoYSA/PyByZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIC8vIGNvbnRyb2xzIG9mIHRoZSBwaWNrZXIgYXJlIHVwZGF0ZWQgYXMgdXNlciBtb3ZlcyB0aGUgbW91c2VcbiAgICAgICAgICAgIGNvbnN0IGN1c3RvbUNvbG9yID0gZ2V0Q29sb3JWYWx1ZShjb2xvci5yZ2IsIGNvbG9yLnJnYi5hID09PSAwID8gMSA6IGNvbG9yLnJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBvbkNoYW5nZSA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgICAgICAgICAgb25DaGFuZ2UoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2VDb21wbGV0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoeyByZ2IgfTogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVJpY2hUZXh0RWRpdG9yKCk7XG5cbiAgICBjb25zdCB0aGVtZUNvbG9ycyA9IHVzZU1lbW8oKCkgPT4gdGhlbWU/LmNvbG9ycyA/PyBbXSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgaXNUaGVtZUNvbG9yID0gdGhlbWVDb2xvcnMuc29tZShjb2xvciA9PiBjb2xvci5pZCA9PT0gdmFsdWUpO1xuICAgICAgICBzZXRJc1RoZW1lQ29sb3IoaXNUaGVtZUNvbG9yKTtcbiAgICB9LCBbdGhlbWVDb2xvcnMsIHZhbHVlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHt0aGVtZUNvbG9ycy5tYXAoY29sb3IgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxDb2xvckJveFxuICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtjb2xvci5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y29sb3IuaWQgPT09IHZhbHVlID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj57Y29sb3IubGFiZWx9PC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogY29sb3IudmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvci52YWx1ZSwgY29sb3IuaWQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICB7YWxsb3dDdXN0b21Db2xvciA/IChcbiAgICAgICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+Q29sb3IgcGlja2VyPC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVQaWNrZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29sb3I+XG4gICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9e3Nob3dQaWNrZXIgPyBzaG93UGlja2VyU3R5bGUgOiBoaWRlUGlja2VyU3R5bGV9PlxuICAgICAgICAgICAgICAgIDxDaHJvbWVQaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjaHJvbWVQaWNrZXJTdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgY29sb3I9e2FjdHVhbFNlbGVjdGVkQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVBbHBoYT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ29sb3JDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGU9e29uQ29sb3JDaGFuZ2VDb21wbGV0ZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */");
-const iconPaletteStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1mvkzzh",
-  styles: "height:20px;width:100%;margin-top:1px;color:var(--mdc-theme-secondary)"
-} : {
-  name: "a7w8si-iconPaletteStyle",
-  styles: "height:20px;width:100%;margin-top:1px;color:var(--mdc-theme-secondary);label:iconPaletteStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOER5QiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB0eXBlIHsgQ29sb3JSZXN1bHQsIFJHQkNvbG9yIH0gZnJvbSBcInJlYWN0LWNvbG9yXCI7XG5pbXBvcnQgeyBDaHJvbWVQaWNrZXIgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcbmltcG9ydCB7IHVzZVJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvbGV4aWNhbC1lZGl0b3JcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzLFxuICAgIGJveFNpemluZzogXCJjb250ZW50LWJveFwiXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWxsb3dDdXN0b21Db2xvcj86IGJvb2xlYW47XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGUsXG4gICAgYWxsb3dDdXN0b21Db2xvclxufTogTGV4aWNhbENvbG9yUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2hvd1BpY2tlciwgc2V0U2hvd1BpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgLy8gRWl0aGVyIGEgY3VzdG9tIGNvbG9yIG9yIGEgY29sb3IgY29taW5nIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICBjb25zdCBbYWN0dWFsU2VsZWN0ZWRDb2xvciwgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcl0gPSB1c2VTdGF0ZSh2YWx1ZSB8fCBcIiNmZmZcIik7XG4gICAgY29uc3QgW2lzVGhlbWVDb2xvciwgc2V0SXNUaGVtZUNvbG9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcih2YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbdmFsdWVdKTtcblxuICAgIGNvbnN0IGdldENvbG9yVmFsdWUgPSB1c2VDYWxsYmFjaygocmdiOiBSR0JDb2xvciwgYWxwaGE/OiBudW1iZXIpID0+IHtcbiAgICAgICAgcmV0dXJuIGByZ2JhKCR7cmdiLnJ9LCAke3JnYi5nfSwgJHtyZ2IuYn0sICR7YWxwaGEgPz8gcmdiLmF9KWA7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoY29sb3I6IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBjb25zdCBjb2xvciA9IGdldENvbG9yVmFsdWUocmdiLCByZ2IuYSA9PT0gMCA/IDEgOiByZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGNvbG9yKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoc3RhdGUgPT4gIXN0YXRlKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VSaWNoVGV4dEVkaXRvcigpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnMgPSB1c2VNZW1vKCgpID0+IHRoZW1lPy5jb2xvcnMgPz8gW10sIFtdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IHRoZW1lQ29sb3JzLnNvbWUoY29sb3IgPT4gY29sb3IuaWQgPT09IHZhbHVlKTtcbiAgICAgICAgc2V0SXNUaGVtZUNvbG9yKGlzVGhlbWVDb2xvcik7XG4gICAgfSwgW3RoZW1lQ29sb3JzLCB2YWx1ZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbG9yUGlja2VyU3R5bGU+XG4gICAgICAgICAgICB7dGhlbWVDb2xvcnMubWFwKGNvbG9yID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3hcbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y29sb3IuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NvbG9yLmlkID09PSB2YWx1ZSA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yLmxhYmVsfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLnZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IudmFsdWUsIGNvbG9yLmlkKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge2FsbG93Q3VzdG9tQ29sb3IgPyAoXG4gICAgICAgICAgICAgICAgPENvbG9yQm94IGNsYXNzTmFtZT17dmFsdWUgJiYgIWlzVGhlbWVDb2xvciA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn0+XG4gICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9ezxzcGFuPkNvbG9yIHBpY2tlcjwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBpc1RoZW1lQ29sb3IgPyBcIiNmZmZcIiA6IHZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUGlja2VyfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uUGFsZXR0ZSBjbGFzc05hbWU9e2ljb25QYWxldHRlU3R5bGV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NvbG9yPlxuICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPC9Db2xvckJveD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlPXtvbkNvbG9yQ2hhbmdlQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbG9yUGlja2VyU3R5bGU+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const iconPaletteStyle = css({
+    height: 20,
+    width: "100%",
+    marginTop: 1,
+    color: "var(--mdc-theme-secondary)"
 });
 const COLORS = {
-  lightGray: "hsla(0, 0%, 97%, 1)",
-  gray: "hsla(300, 2%, 92%, 1)",
-  darkGray: "hsla(0, 0%, 70%, 1)",
-  darkestGray: "hsla(0, 0%, 20%, 1)",
-  black: "hsla(208, 100%, 5%, 1)"
+    lightGray: "hsla(0, 0%, 97%, 1)",
+    gray: "hsla(300, 2%, 92%, 1)",
+    darkGray: "hsla(0, 0%, 70%, 1)",
+    darkestGray: "hsla(0, 0%, 20%, 1)",
+    black: "hsla(208, 100%, 5%, 1)"
 };
 const styles = {
-  selectedColor: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-    name: "cet4tj",
-    styles: "box-shadow:inset 0px 0px 0px 10px var(--mdc-theme-secondary);button{border:5px solid var(--mdc-theme-surface);}"
-  } : {
-    name: "1ok949c-selectedColor",
-    styles: "box-shadow:inset 0px 0px 0px 10px var(--mdc-theme-secondary);button{border:5px solid var(--mdc-theme-surface);};label:selectedColor;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEVtQiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB0eXBlIHsgQ29sb3JSZXN1bHQsIFJHQkNvbG9yIH0gZnJvbSBcInJlYWN0LWNvbG9yXCI7XG5pbXBvcnQgeyBDaHJvbWVQaWNrZXIgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcbmltcG9ydCB7IHVzZVJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvbGV4aWNhbC1lZGl0b3JcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzLFxuICAgIGJveFNpemluZzogXCJjb250ZW50LWJveFwiXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWxsb3dDdXN0b21Db2xvcj86IGJvb2xlYW47XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGUsXG4gICAgYWxsb3dDdXN0b21Db2xvclxufTogTGV4aWNhbENvbG9yUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2hvd1BpY2tlciwgc2V0U2hvd1BpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgLy8gRWl0aGVyIGEgY3VzdG9tIGNvbG9yIG9yIGEgY29sb3IgY29taW5nIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICBjb25zdCBbYWN0dWFsU2VsZWN0ZWRDb2xvciwgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcl0gPSB1c2VTdGF0ZSh2YWx1ZSB8fCBcIiNmZmZcIik7XG4gICAgY29uc3QgW2lzVGhlbWVDb2xvciwgc2V0SXNUaGVtZUNvbG9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcih2YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbdmFsdWVdKTtcblxuICAgIGNvbnN0IGdldENvbG9yVmFsdWUgPSB1c2VDYWxsYmFjaygocmdiOiBSR0JDb2xvciwgYWxwaGE/OiBudW1iZXIpID0+IHtcbiAgICAgICAgcmV0dXJuIGByZ2JhKCR7cmdiLnJ9LCAke3JnYi5nfSwgJHtyZ2IuYn0sICR7YWxwaGEgPz8gcmdiLmF9KWA7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoY29sb3I6IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBjb25zdCBjb2xvciA9IGdldENvbG9yVmFsdWUocmdiLCByZ2IuYSA9PT0gMCA/IDEgOiByZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGNvbG9yKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoc3RhdGUgPT4gIXN0YXRlKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VSaWNoVGV4dEVkaXRvcigpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnMgPSB1c2VNZW1vKCgpID0+IHRoZW1lPy5jb2xvcnMgPz8gW10sIFtdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IHRoZW1lQ29sb3JzLnNvbWUoY29sb3IgPT4gY29sb3IuaWQgPT09IHZhbHVlKTtcbiAgICAgICAgc2V0SXNUaGVtZUNvbG9yKGlzVGhlbWVDb2xvcik7XG4gICAgfSwgW3RoZW1lQ29sb3JzLCB2YWx1ZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbG9yUGlja2VyU3R5bGU+XG4gICAgICAgICAgICB7dGhlbWVDb2xvcnMubWFwKGNvbG9yID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3hcbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y29sb3IuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NvbG9yLmlkID09PSB2YWx1ZSA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yLmxhYmVsfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLnZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IudmFsdWUsIGNvbG9yLmlkKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge2FsbG93Q3VzdG9tQ29sb3IgPyAoXG4gICAgICAgICAgICAgICAgPENvbG9yQm94IGNsYXNzTmFtZT17dmFsdWUgJiYgIWlzVGhlbWVDb2xvciA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn0+XG4gICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9ezxzcGFuPkNvbG9yIHBpY2tlcjwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBpc1RoZW1lQ29sb3IgPyBcIiNmZmZcIiA6IHZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUGlja2VyfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uUGFsZXR0ZSBjbGFzc05hbWU9e2ljb25QYWxldHRlU3R5bGV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NvbG9yPlxuICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPC9Db2xvckJveD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlPXtvbkNvbG9yQ2hhbmdlQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbG9yUGlja2VyU3R5bGU+XG4gICAgKTtcbn07XG4iXX0= */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  }),
-  button: /*#__PURE__*/css({
-    cursor: "pointer",
-    height: 30,
-    boxSizing: "border-box",
-    "&:hover:not(:disabled)": {
-      backgroundColor: COLORS.gray
-    },
-    "&:focus:not(:disabled)": {
-      outline: "none"
-    },
-    "&:disabled": {
-      opacity: 0.5,
-      cursor: "not-allowed"
-    },
-    "& svg": {
-      width: 16,
-      height: 16
-    }
-  }, process.env.NODE_ENV === "production" ? "" : ";label:button;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0ZZIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFN5bnRoZXRpY0V2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHR5cGUgeyBDb2xvclJlc3VsdCwgUkdCQ29sb3IgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IENocm9tZVBpY2tlciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcblxuLy8gSWNvbnNcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEljb25QYWxldHRlIH0gZnJvbSBcIi4vcm91bmQtY29sb3JfbGVucy0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgdXNlUmljaFRleHRFZGl0b3IgfSBmcm9tIFwiQHdlYmlueS9sZXhpY2FsLWVkaXRvclwiO1xuXG5jb25zdCBDb2xvclBpY2tlclN0eWxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgd2lkdGg6IDI0MCxcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2ZmZlwiXG59KTtcblxuY29uc3QgQ29sb3JCb3ggPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIG1hcmdpbjogNSxcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IDMsXG4gICAgYm94U2l6aW5nOiBcImNvbnRlbnQtYm94XCJcbn0pO1xuXG5jb25zdCBDb2xvciA9IHN0eWxlZChcImJ1dHRvblwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNDAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjFzLCBib3JkZXIgMC4yc1wiLFxuICAgIGJvcmRlckNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSlcIixcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgICAgb3BhY2l0eTogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEuMSlcIixcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMC4yNXJlbSAwLjEyNXJlbSAwIHJnYmEoMCwwLDAsMC4wNSlcIixcbiAgICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgaWNvblBhbGV0dGVTdHlsZSA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luVG9wOiAxLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbn0pO1xuXG5jb25zdCBDT0xPUlMgPSB7XG4gICAgbGlnaHRHcmF5OiBcImhzbGEoMCwgMCUsIDk3JSwgMSlcIixcbiAgICBncmF5OiBcImhzbGEoMzAwLCAyJSwgOTIlLCAxKVwiLFxuICAgIGRhcmtHcmF5OiBcImhzbGEoMCwgMCUsIDcwJSwgMSlcIixcbiAgICBkYXJrZXN0R3JheTogXCJoc2xhKDAsIDAlLCAyMCUsIDEpXCIsXG4gICAgYmxhY2s6IFwiaHNsYSgyMDgsIDEwMCUsIDUlLCAxKVwiXG59O1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgc2VsZWN0ZWRDb2xvcjogY3NzKHtcbiAgICAgICAgYm94U2hhZG93OiBcImluc2V0IDBweCAwcHggMHB4IDEwcHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYnV0dG9uOiB7XG4gICAgICAgICAgICBib3JkZXI6IFwiNXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBidXR0b246IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7IGJhY2tncm91bmRDb2xvcjogQ09MT1JTLmdyYXkgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGNvbG9yOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCI0MHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCJcbiAgICB9KVxufTtcblxuY29uc3QgY2hyb21lUGlja2VyU3R5bGUgPSBjc3Moe1xuICAgIHdpZHRoOiBcIjI3MHB4ICFpbXBvcnRhbnRcIixcbiAgICBtYXJnaW46IFwiMTVweCAtMTVweCAtMTVweCAtMTVweFwiXG59KTtcblxuaW50ZXJmYWNlIExleGljYWxDb2xvclBpY2tlclByb3BzIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG9uQ2hhbmdlPzogKGNvbG9yOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2VDb21wbGV0ZTogKGNvbG9yOiBzdHJpbmcsIG5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgaGFuZGxlckNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbGxvd0N1c3RvbUNvbG9yPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvd1BpY2tlclN0eWxlID0geyBkaXNwbGF5OiBcImJsb2NrXCIgfTtcbmNvbnN0IGhpZGVQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJub25lXCIgfTtcblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlciA9ICh7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25DaGFuZ2VDb21wbGV0ZSxcbiAgICBhbGxvd0N1c3RvbUNvbG9yXG59OiBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICAvLyBFaXRoZXIgYSBjdXN0b20gY29sb3Igb3IgYSBjb2xvciBjb21pbmcgZnJvbSB0aGUgdGhlbWUgb2JqZWN0LlxuICAgIGNvbnN0IFthY3R1YWxTZWxlY3RlZENvbG9yLCBzZXRBY3R1YWxTZWxlY3RlZENvbG9yXSA9IHVzZVN0YXRlKHZhbHVlIHx8IFwiI2ZmZlwiKTtcbiAgICBjb25zdCBbaXNUaGVtZUNvbG9yLCBzZXRJc1RoZW1lQ29sb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt2YWx1ZV0pO1xuXG4gICAgY29uc3QgZ2V0Q29sb3JWYWx1ZSA9IHVzZUNhbGxiYWNrKChyZ2I6IFJHQkNvbG9yLCBhbHBoYT86IG51bWJlcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHthbHBoYSA/PyByZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIC8vIGNvbnRyb2xzIG9mIHRoZSBwaWNrZXIgYXJlIHVwZGF0ZWQgYXMgdXNlciBtb3ZlcyB0aGUgbW91c2VcbiAgICAgICAgICAgIGNvbnN0IGN1c3RvbUNvbG9yID0gZ2V0Q29sb3JWYWx1ZShjb2xvci5yZ2IsIGNvbG9yLnJnYi5hID09PSAwID8gMSA6IGNvbG9yLnJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBvbkNoYW5nZSA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgICAgICAgICAgb25DaGFuZ2UoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2VDb21wbGV0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoeyByZ2IgfTogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVJpY2hUZXh0RWRpdG9yKCk7XG5cbiAgICBjb25zdCB0aGVtZUNvbG9ycyA9IHVzZU1lbW8oKCkgPT4gdGhlbWU/LmNvbG9ycyA/PyBbXSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgaXNUaGVtZUNvbG9yID0gdGhlbWVDb2xvcnMuc29tZShjb2xvciA9PiBjb2xvci5pZCA9PT0gdmFsdWUpO1xuICAgICAgICBzZXRJc1RoZW1lQ29sb3IoaXNUaGVtZUNvbG9yKTtcbiAgICB9LCBbdGhlbWVDb2xvcnMsIHZhbHVlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHt0aGVtZUNvbG9ycy5tYXAoY29sb3IgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxDb2xvckJveFxuICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtjb2xvci5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y29sb3IuaWQgPT09IHZhbHVlID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj57Y29sb3IubGFiZWx9PC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogY29sb3IudmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvci52YWx1ZSwgY29sb3IuaWQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICB7YWxsb3dDdXN0b21Db2xvciA/IChcbiAgICAgICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+Q29sb3IgcGlja2VyPC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVQaWNrZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29sb3I+XG4gICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9e3Nob3dQaWNrZXIgPyBzaG93UGlja2VyU3R5bGUgOiBoaWRlUGlja2VyU3R5bGV9PlxuICAgICAgICAgICAgICAgIDxDaHJvbWVQaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjaHJvbWVQaWNrZXJTdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgY29sb3I9e2FjdHVhbFNlbGVjdGVkQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVBbHBoYT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ29sb3JDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGU9e29uQ29sb3JDaGFuZ2VDb21wbGV0ZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */"),
-  color: /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-    name: "17rtmv7",
-    styles: "width:40px;height:100%"
-  } : {
-    name: "1sccjo7-color",
-    styles: "width:40px;height:100%;label:color;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUdXIiwiZmlsZSI6IkxleGljYWxDb2xvclBpY2tlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFN5bnRoZXRpY0V2ZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTWVtbywgdXNlU3RhdGUgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcIkBlbW90aW9uL2Nzc1wiO1xuaW1wb3J0IHR5cGUgeyBDb2xvclJlc3VsdCwgUkdCQ29sb3IgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IENocm9tZVBpY2tlciB9IGZyb20gXCJyZWFjdC1jb2xvclwiO1xuaW1wb3J0IHsgVG9vbHRpcCB9IGZyb20gXCJAd2ViaW55L3VpL1Rvb2x0aXAvaW5kZXguanNcIjtcblxuLy8gSWNvbnNcbmltcG9ydCB7IFJlYWN0Q29tcG9uZW50IGFzIEljb25QYWxldHRlIH0gZnJvbSBcIi4vcm91bmQtY29sb3JfbGVucy0yNHB4LnN2Z1wiO1xuaW1wb3J0IHsgdXNlUmljaFRleHRFZGl0b3IgfSBmcm9tIFwiQHdlYmlueS9sZXhpY2FsLWVkaXRvclwiO1xuXG5jb25zdCBDb2xvclBpY2tlclN0eWxlID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGZsZXhXcmFwOiBcIndyYXBcIixcbiAgICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LXN0YXJ0XCIsXG4gICAgd2lkdGg6IDI0MCxcbiAgICBwYWRkaW5nOiAxNSxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IFwiI2ZmZlwiXG59KTtcblxuY29uc3QgQ29sb3JCb3ggPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIG1hcmdpbjogNSxcbiAgICBib3JkZXI6IFwiMXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1vbi1iYWNrZ3JvdW5kKVwiLFxuICAgIHBhZGRpbmc6IDMsXG4gICAgYm94U2l6aW5nOiBcImNvbnRlbnQtYm94XCJcbn0pO1xuXG5jb25zdCBDb2xvciA9IHN0eWxlZChcImJ1dHRvblwiKSh7XG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICB3aWR0aDogNDAsXG4gICAgaGVpZ2h0OiA0MCxcbiAgICB0cmFuc2l0aW9uOiBcInRyYW5zZm9ybSAwLjFzLCBib3JkZXIgMC4yc1wiLFxuICAgIGJvcmRlckNvbG9yOiBcInRyYW5zcGFyZW50XCIsXG4gICAgZGlzcGxheTogXCJmbGV4XCIsXG4gICAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgICBib3JkZXJSYWRpdXM6IFwiNTAlXCIsXG4gICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgIHRyYW5zaXRpb246IFwib3BhY2l0eSAwLjVzIGN1YmljLWJlemllcigwLjE2NSwgMC44NCwgMC40NCwgMSlcIixcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiLFxuICAgICAgICB0b3A6IDAsXG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHdpZHRoOiBcIjEwMCVcIixcbiAgICAgICAgaGVpZ2h0OiBcIjEwMCVcIixcbiAgICAgICAgekluZGV4OiAtMSxcbiAgICAgICAgb3BhY2l0eTogMFxuICAgIH0sXG4gICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgdHJhbnNmb3JtOiBcInNjYWxlKDEuMSlcIixcbiAgICAgICAgYm94U2hhZG93OiBcIjAgMC4yNXJlbSAwLjEyNXJlbSAwIHJnYmEoMCwwLDAsMC4wNSlcIixcbiAgICAgICAgXCImOjphZnRlclwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICB9XG59KTtcblxuY29uc3QgaWNvblBhbGV0dGVTdHlsZSA9IGNzcyh7XG4gICAgaGVpZ2h0OiAyMCxcbiAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgbWFyZ2luVG9wOiAxLFxuICAgIGNvbG9yOiBcInZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCJcbn0pO1xuXG5jb25zdCBDT0xPUlMgPSB7XG4gICAgbGlnaHRHcmF5OiBcImhzbGEoMCwgMCUsIDk3JSwgMSlcIixcbiAgICBncmF5OiBcImhzbGEoMzAwLCAyJSwgOTIlLCAxKVwiLFxuICAgIGRhcmtHcmF5OiBcImhzbGEoMCwgMCUsIDcwJSwgMSlcIixcbiAgICBkYXJrZXN0R3JheTogXCJoc2xhKDAsIDAlLCAyMCUsIDEpXCIsXG4gICAgYmxhY2s6IFwiaHNsYSgyMDgsIDEwMCUsIDUlLCAxKVwiXG59O1xuXG5jb25zdCBzdHlsZXMgPSB7XG4gICAgc2VsZWN0ZWRDb2xvcjogY3NzKHtcbiAgICAgICAgYm94U2hhZG93OiBcImluc2V0IDBweCAwcHggMHB4IDEwcHggdmFyKC0tbWRjLXRoZW1lLXNlY29uZGFyeSlcIixcbiAgICAgICAgYnV0dG9uOiB7XG4gICAgICAgICAgICBib3JkZXI6IFwiNXB4IHNvbGlkIHZhcigtLW1kYy10aGVtZS1zdXJmYWNlKVwiXG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBidXR0b246IGNzcyh7XG4gICAgICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgICAgIGhlaWdodDogMzAsXG4gICAgICAgIGJveFNpemluZzogXCJib3JkZXItYm94XCIsXG4gICAgICAgIFwiJjpob3Zlcjpub3QoOmRpc2FibGVkKVwiOiB7IGJhY2tncm91bmRDb2xvcjogQ09MT1JTLmdyYXkgfSxcbiAgICAgICAgXCImOmZvY3VzOm5vdCg6ZGlzYWJsZWQpXCI6IHtcbiAgICAgICAgICAgIG91dGxpbmU6IFwibm9uZVwiXG4gICAgICAgIH0sXG4gICAgICAgIFwiJjpkaXNhYmxlZFwiOiB7XG4gICAgICAgICAgICBvcGFjaXR5OiAwLjUsXG4gICAgICAgICAgICBjdXJzb3I6IFwibm90LWFsbG93ZWRcIlxuICAgICAgICB9LFxuICAgICAgICBcIiYgc3ZnXCI6IHtcbiAgICAgICAgICAgIHdpZHRoOiAxNixcbiAgICAgICAgICAgIGhlaWdodDogMTZcbiAgICAgICAgfVxuICAgIH0pLFxuICAgIGNvbG9yOiBjc3Moe1xuICAgICAgICB3aWR0aDogXCI0MHB4XCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCJcbiAgICB9KVxufTtcblxuY29uc3QgY2hyb21lUGlja2VyU3R5bGUgPSBjc3Moe1xuICAgIHdpZHRoOiBcIjI3MHB4ICFpbXBvcnRhbnRcIixcbiAgICBtYXJnaW46IFwiMTVweCAtMTVweCAtMTVweCAtMTVweFwiXG59KTtcblxuaW50ZXJmYWNlIExleGljYWxDb2xvclBpY2tlclByb3BzIHtcbiAgICB2YWx1ZTogc3RyaW5nO1xuICAgIG9uQ2hhbmdlPzogKGNvbG9yOiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgb25DaGFuZ2VDb21wbGV0ZTogKGNvbG9yOiBzdHJpbmcsIG5hbWU/OiBzdHJpbmcpID0+IHZvaWQ7XG4gICAgaGFuZGxlckNsYXNzTmFtZT86IHN0cmluZztcbiAgICBhbGxvd0N1c3RvbUNvbG9yPzogYm9vbGVhbjtcbn1cblxuY29uc3Qgc2hvd1BpY2tlclN0eWxlID0geyBkaXNwbGF5OiBcImJsb2NrXCIgfTtcbmNvbnN0IGhpZGVQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJub25lXCIgfTtcblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlciA9ICh7XG4gICAgdmFsdWUsXG4gICAgb25DaGFuZ2UsXG4gICAgb25DaGFuZ2VDb21wbGV0ZSxcbiAgICBhbGxvd0N1c3RvbUNvbG9yXG59OiBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcykgPT4ge1xuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcbiAgICAvLyBFaXRoZXIgYSBjdXN0b20gY29sb3Igb3IgYSBjb2xvciBjb21pbmcgZnJvbSB0aGUgdGhlbWUgb2JqZWN0LlxuICAgIGNvbnN0IFthY3R1YWxTZWxlY3RlZENvbG9yLCBzZXRBY3R1YWxTZWxlY3RlZENvbG9yXSA9IHVzZVN0YXRlKHZhbHVlIHx8IFwiI2ZmZlwiKTtcbiAgICBjb25zdCBbaXNUaGVtZUNvbG9yLCBzZXRJc1RoZW1lQ29sb3JdID0gdXNlU3RhdGUoZmFsc2UpO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKHZhbHVlKTtcbiAgICAgICAgfVxuICAgIH0sIFt2YWx1ZV0pO1xuXG4gICAgY29uc3QgZ2V0Q29sb3JWYWx1ZSA9IHVzZUNhbGxiYWNrKChyZ2I6IFJHQkNvbG9yLCBhbHBoYT86IG51bWJlcikgPT4ge1xuICAgICAgICByZXR1cm4gYHJnYmEoJHtyZ2Iucn0sICR7cmdiLmd9LCAke3JnYi5ifSwgJHthbHBoYSA/PyByZ2IuYX0pYDtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlID0gdXNlQ2FsbGJhY2soXG4gICAgICAgIChjb2xvcjogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIC8vIGNvbnRyb2xzIG9mIHRoZSBwaWNrZXIgYXJlIHVwZGF0ZWQgYXMgdXNlciBtb3ZlcyB0aGUgbW91c2VcbiAgICAgICAgICAgIGNvbnN0IGN1c3RvbUNvbG9yID0gZ2V0Q29sb3JWYWx1ZShjb2xvci5yZ2IsIGNvbG9yLnJnYi5hID09PSAwID8gMSA6IGNvbG9yLnJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgaWYgKHR5cGVvZiBvbkNoYW5nZSA9PT0gXCJmdW5jdGlvblwiKSB7XG4gICAgICAgICAgICAgICAgb25DaGFuZ2UoY3VzdG9tQ29sb3IpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VdXG4gICAgKTtcblxuICAgIGNvbnN0IG9uQ29sb3JDaGFuZ2VDb21wbGV0ZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoeyByZ2IgfTogUGljazxDb2xvclJlc3VsdCwgXCJyZ2JcIj4sIGV2ZW50OiBSZWFjdC5TeW50aGV0aWNFdmVudCkgPT4ge1xuICAgICAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgIGNvbnN0IGNvbG9yID0gZ2V0Q29sb3JWYWx1ZShyZ2IsIHJnYi5hID09PSAwID8gMSA6IHJnYi5hKTtcbiAgICAgICAgICAgIHNldEFjdHVhbFNlbGVjdGVkQ29sb3IoY29sb3IpO1xuICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvcik7XG4gICAgICAgIH0sXG4gICAgICAgIFtvbkNoYW5nZUNvbXBsZXRlXVxuICAgICk7XG5cbiAgICBjb25zdCB0b2dnbGVQaWNrZXIgPSB1c2VDYWxsYmFjaygoZTogU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgc2V0U2hvd1BpY2tlcihzdGF0ZSA9PiAhc3RhdGUpO1xuICAgIH0sIFtdKTtcblxuICAgIGNvbnN0IHsgdGhlbWUgfSA9IHVzZVJpY2hUZXh0RWRpdG9yKCk7XG5cbiAgICBjb25zdCB0aGVtZUNvbG9ycyA9IHVzZU1lbW8oKCkgPT4gdGhlbWU/LmNvbG9ycyA/PyBbXSwgW10pO1xuXG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgICAgY29uc3QgaXNUaGVtZUNvbG9yID0gdGhlbWVDb2xvcnMuc29tZShjb2xvciA9PiBjb2xvci5pZCA9PT0gdmFsdWUpO1xuICAgICAgICBzZXRJc1RoZW1lQ29sb3IoaXNUaGVtZUNvbG9yKTtcbiAgICB9LCBbdGhlbWVDb2xvcnMsIHZhbHVlXSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8Q29sb3JQaWNrZXJTdHlsZT5cbiAgICAgICAgICAgIHt0aGVtZUNvbG9ycy5tYXAoY29sb3IgPT4ge1xuICAgICAgICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICAgICAgICAgIDxDb2xvckJveFxuICAgICAgICAgICAgICAgICAgICAgICAga2V5PXtjb2xvci5pZH1cbiAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y29sb3IuaWQgPT09IHZhbHVlID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifVxuICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICA8VG9vbHRpcCBjb250ZW50PXs8c3Bhbj57Y29sb3IubGFiZWx9PC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IGJhY2tncm91bmRDb2xvcjogY29sb3IudmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZShjb2xvci52YWx1ZSwgY29sb3IuaWQpO1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgICAgIDwvQ29sb3JCb3g+XG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgIH0pfVxuXG4gICAgICAgICAgICB7YWxsb3dDdXN0b21Db2xvciA/IChcbiAgICAgICAgICAgICAgICA8Q29sb3JCb3ggY2xhc3NOYW1lPXt2YWx1ZSAmJiAhaXNUaGVtZUNvbG9yID8gc3R5bGVzLnNlbGVjdGVkQ29sb3IgOiBcIlwifT5cbiAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+Q29sb3IgcGlja2VyPC9zcGFuPn0gcGxhY2VtZW50PVwiYm90dG9tXCI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Q29sb3JcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGlzVGhlbWVDb2xvciA/IFwiI2ZmZlwiIDogdmFsdWUgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBvbkNsaWNrPXt0b2dnbGVQaWNrZXJ9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPEljb25QYWxldHRlIGNsYXNzTmFtZT17aWNvblBhbGV0dGVTdHlsZX0gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgIDwvQ29sb3I+XG4gICAgICAgICAgICAgICAgICAgIDwvVG9vbHRpcD5cbiAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgKSA6IG51bGx9XG5cbiAgICAgICAgICAgIDxkaXYgc3R5bGU9e3Nob3dQaWNrZXIgPyBzaG93UGlja2VyU3R5bGUgOiBoaWRlUGlja2VyU3R5bGV9PlxuICAgICAgICAgICAgICAgIDxDaHJvbWVQaWNrZXJcbiAgICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjaHJvbWVQaWNrZXJTdHlsZX1cbiAgICAgICAgICAgICAgICAgICAgY29sb3I9e2FjdHVhbFNlbGVjdGVkQ29sb3J9XG4gICAgICAgICAgICAgICAgICAgIGRpc2FibGVBbHBoYT17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e29uQ29sb3JDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGU9e29uQ29sb3JDaGFuZ2VDb21wbGV0ZX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgIDwvQ29sb3JQaWNrZXJTdHlsZT5cbiAgICApO1xufTtcbiJdfQ== */",
-    toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-  })
+    selectedColor: css({
+        boxShadow: "inset 0px 0px 0px 10px var(--mdc-theme-secondary)",
+        button: {
+            border: "5px solid var(--mdc-theme-surface)"
+        }
+    }),
+    button: css({
+        cursor: "pointer",
+        height: 30,
+        boxSizing: "border-box",
+        "&:hover:not(:disabled)": {
+            backgroundColor: COLORS.gray
+        },
+        "&:focus:not(:disabled)": {
+            outline: "none"
+        },
+        "&:disabled": {
+            opacity: 0.5,
+            cursor: "not-allowed"
+        },
+        "& svg": {
+            width: 16,
+            height: 16
+        }
+    }),
+    color: css({
+        width: "40px",
+        height: "100%"
+    })
 };
-const chromePickerStyle = /*#__PURE__*/css(process.env.NODE_ENV === "production" ? {
-  name: "1g9xb5z",
-  styles: "width:270px !important;margin:15px -15px -15px -15px"
-} : {
-  name: "2hadyr-chromePickerStyle",
-  styles: "width:270px !important;margin:15px -15px -15px -15px;label:chromePickerStyle;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkcwQiIsImZpbGUiOiJMZXhpY2FsQ29sb3JQaWNrZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBTeW50aGV0aWNFdmVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0LCB7IHVzZUNhbGxiYWNrLCB1c2VFZmZlY3QsIHVzZU1lbW8sIHVzZVN0YXRlIH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcbmltcG9ydCB0eXBlIHsgQ29sb3JSZXN1bHQsIFJHQkNvbG9yIH0gZnJvbSBcInJlYWN0LWNvbG9yXCI7XG5pbXBvcnQgeyBDaHJvbWVQaWNrZXIgfSBmcm9tIFwicmVhY3QtY29sb3JcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwL2luZGV4LmpzXCI7XG5cbi8vIEljb25zXG5pbXBvcnQgeyBSZWFjdENvbXBvbmVudCBhcyBJY29uUGFsZXR0ZSB9IGZyb20gXCIuL3JvdW5kLWNvbG9yX2xlbnMtMjRweC5zdmdcIjtcbmltcG9ydCB7IHVzZVJpY2hUZXh0RWRpdG9yIH0gZnJvbSBcIkB3ZWJpbnkvbGV4aWNhbC1lZGl0b3JcIjtcblxuY29uc3QgQ29sb3JQaWNrZXJTdHlsZSA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgcG9zaXRpb246IFwicmVsYXRpdmVcIixcbiAgICBkaXNwbGF5OiBcImZsZXhcIixcbiAgICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gICAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1zdGFydFwiLFxuICAgIHdpZHRoOiAyNDAsXG4gICAgcGFkZGluZzogMTUsXG4gICAgYmFja2dyb3VuZENvbG9yOiBcIiNmZmZcIlxufSk7XG5cbmNvbnN0IENvbG9yQm94ID0gc3R5bGVkKFwiZGl2XCIpKHtcbiAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgIHdpZHRoOiA0MCxcbiAgICBoZWlnaHQ6IDQwLFxuICAgIGJvcmRlclJhZGl1czogXCI1MCVcIixcbiAgICBtYXJnaW46IDUsXG4gICAgYm9yZGVyOiBcIjFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZClcIixcbiAgICBwYWRkaW5nOiAzLFxuICAgIGJveFNpemluZzogXCJjb250ZW50LWJveFwiXG59KTtcblxuY29uc3QgQ29sb3IgPSBzdHlsZWQoXCJidXR0b25cIikoe1xuICAgIGN1cnNvcjogXCJwb2ludGVyXCIsXG4gICAgd2lkdGg6IDQwLFxuICAgIGhlaWdodDogNDAsXG4gICAgdHJhbnNpdGlvbjogXCJ0cmFuc2Zvcm0gMC4xcywgYm9yZGVyIDAuMnNcIixcbiAgICBib3JkZXJDb2xvcjogXCJ0cmFuc3BhcmVudFwiLFxuICAgIGRpc3BsYXk6IFwiZmxleFwiLFxuICAgIGFsaWduSXRlbXM6IFwiY2VudGVyXCIsXG4gICAgYm9yZGVyUmFkaXVzOiBcIjUwJVwiLFxuICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICB0cmFuc2l0aW9uOiBcIm9wYWNpdHkgMC41cyBjdWJpYy1iZXppZXIoMC4xNjUsIDAuODQsIDAuNDQsIDEpXCIsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgICAgdG9wOiAwLFxuICAgICAgICBsZWZ0OiAwLFxuICAgICAgICB3aWR0aDogXCIxMDAlXCIsXG4gICAgICAgIGhlaWdodDogXCIxMDAlXCIsXG4gICAgICAgIHpJbmRleDogLTEsXG4gICAgICAgIG9wYWNpdHk6IDBcbiAgICB9LFxuICAgIFwiJjpob3ZlclwiOiB7XG4gICAgICAgIHRyYW5zZm9ybTogXCJzY2FsZSgxLjEpXCIsXG4gICAgICAgIGJveFNoYWRvdzogXCIwIDAuMjVyZW0gMC4xMjVyZW0gMCByZ2JhKDAsMCwwLDAuMDUpXCIsXG4gICAgICAgIFwiJjo6YWZ0ZXJcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMVxuICAgICAgICB9XG4gICAgfVxufSk7XG5cbmNvbnN0IGljb25QYWxldHRlU3R5bGUgPSBjc3Moe1xuICAgIGhlaWdodDogMjAsXG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIG1hcmdpblRvcDogMSxcbiAgICBjb2xvcjogXCJ2YXIoLS1tZGMtdGhlbWUtc2Vjb25kYXJ5KVwiXG59KTtcblxuY29uc3QgQ09MT1JTID0ge1xuICAgIGxpZ2h0R3JheTogXCJoc2xhKDAsIDAlLCA5NyUsIDEpXCIsXG4gICAgZ3JheTogXCJoc2xhKDMwMCwgMiUsIDkyJSwgMSlcIixcbiAgICBkYXJrR3JheTogXCJoc2xhKDAsIDAlLCA3MCUsIDEpXCIsXG4gICAgZGFya2VzdEdyYXk6IFwiaHNsYSgwLCAwJSwgMjAlLCAxKVwiLFxuICAgIGJsYWNrOiBcImhzbGEoMjA4LCAxMDAlLCA1JSwgMSlcIlxufTtcblxuY29uc3Qgc3R5bGVzID0ge1xuICAgIHNlbGVjdGVkQ29sb3I6IGNzcyh7XG4gICAgICAgIGJveFNoYWRvdzogXCJpbnNldCAwcHggMHB4IDBweCAxMHB4IHZhcigtLW1kYy10aGVtZS1zZWNvbmRhcnkpXCIsXG4gICAgICAgIGJ1dHRvbjoge1xuICAgICAgICAgICAgYm9yZGVyOiBcIjVweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtc3VyZmFjZSlcIlxuICAgICAgICB9XG4gICAgfSksXG4gICAgYnV0dG9uOiBjc3Moe1xuICAgICAgICBjdXJzb3I6IFwicG9pbnRlclwiLFxuICAgICAgICBoZWlnaHQ6IDMwLFxuICAgICAgICBib3hTaXppbmc6IFwiYm9yZGVyLWJveFwiLFxuICAgICAgICBcIiY6aG92ZXI6bm90KDpkaXNhYmxlZClcIjogeyBiYWNrZ3JvdW5kQ29sb3I6IENPTE9SUy5ncmF5IH0sXG4gICAgICAgIFwiJjpmb2N1czpub3QoOmRpc2FibGVkKVwiOiB7XG4gICAgICAgICAgICBvdXRsaW5lOiBcIm5vbmVcIlxuICAgICAgICB9LFxuICAgICAgICBcIiY6ZGlzYWJsZWRcIjoge1xuICAgICAgICAgICAgb3BhY2l0eTogMC41LFxuICAgICAgICAgICAgY3Vyc29yOiBcIm5vdC1hbGxvd2VkXCJcbiAgICAgICAgfSxcbiAgICAgICAgXCImIHN2Z1wiOiB7XG4gICAgICAgICAgICB3aWR0aDogMTYsXG4gICAgICAgICAgICBoZWlnaHQ6IDE2XG4gICAgICAgIH1cbiAgICB9KSxcbiAgICBjb2xvcjogY3NzKHtcbiAgICAgICAgd2lkdGg6IFwiNDBweFwiLFxuICAgICAgICBoZWlnaHQ6IFwiMTAwJVwiXG4gICAgfSlcbn07XG5cbmNvbnN0IGNocm9tZVBpY2tlclN0eWxlID0gY3NzKHtcbiAgICB3aWR0aDogXCIyNzBweCAhaW1wb3J0YW50XCIsXG4gICAgbWFyZ2luOiBcIjE1cHggLTE1cHggLTE1cHggLTE1cHhcIlxufSk7XG5cbmludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJQcm9wcyB7XG4gICAgdmFsdWU6IHN0cmluZztcbiAgICBvbkNoYW5nZT86IChjb2xvcjogc3RyaW5nKSA9PiB2b2lkO1xuICAgIG9uQ2hhbmdlQ29tcGxldGU6IChjb2xvcjogc3RyaW5nLCBuYW1lPzogc3RyaW5nKSA9PiB2b2lkO1xuICAgIGhhbmRsZXJDbGFzc05hbWU/OiBzdHJpbmc7XG4gICAgYWxsb3dDdXN0b21Db2xvcj86IGJvb2xlYW47XG59XG5cbmNvbnN0IHNob3dQaWNrZXJTdHlsZSA9IHsgZGlzcGxheTogXCJibG9ja1wiIH07XG5jb25zdCBoaWRlUGlja2VyU3R5bGUgPSB7IGRpc3BsYXk6IFwibm9uZVwiIH07XG5cbmV4cG9ydCBjb25zdCBMZXhpY2FsQ29sb3JQaWNrZXIgPSAoe1xuICAgIHZhbHVlLFxuICAgIG9uQ2hhbmdlLFxuICAgIG9uQ2hhbmdlQ29tcGxldGUsXG4gICAgYWxsb3dDdXN0b21Db2xvclxufTogTGV4aWNhbENvbG9yUGlja2VyUHJvcHMpID0+IHtcbiAgICBjb25zdCBbc2hvd1BpY2tlciwgc2V0U2hvd1BpY2tlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG4gICAgLy8gRWl0aGVyIGEgY3VzdG9tIGNvbG9yIG9yIGEgY29sb3IgY29taW5nIGZyb20gdGhlIHRoZW1lIG9iamVjdC5cbiAgICBjb25zdCBbYWN0dWFsU2VsZWN0ZWRDb2xvciwgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcl0gPSB1c2VTdGF0ZSh2YWx1ZSB8fCBcIiNmZmZcIik7XG4gICAgY29uc3QgW2lzVGhlbWVDb2xvciwgc2V0SXNUaGVtZUNvbG9yXSA9IHVzZVN0YXRlKGZhbHNlKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGlmICh2YWx1ZSkge1xuICAgICAgICAgICAgc2V0QWN0dWFsU2VsZWN0ZWRDb2xvcih2YWx1ZSk7XG4gICAgICAgIH1cbiAgICB9LCBbdmFsdWVdKTtcblxuICAgIGNvbnN0IGdldENvbG9yVmFsdWUgPSB1c2VDYWxsYmFjaygocmdiOiBSR0JDb2xvciwgYWxwaGE/OiBudW1iZXIpID0+IHtcbiAgICAgICAgcmV0dXJuIGByZ2JhKCR7cmdiLnJ9LCAke3JnYi5nfSwgJHtyZ2IuYn0sICR7YWxwaGEgPz8gcmdiLmF9KWA7XG4gICAgfSwgW10pO1xuXG4gICAgY29uc3Qgb25Db2xvckNoYW5nZSA9IHVzZUNhbGxiYWNrKFxuICAgICAgICAoY29sb3I6IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICAvLyBjb250cm9scyBvZiB0aGUgcGlja2VyIGFyZSB1cGRhdGVkIGFzIHVzZXIgbW92ZXMgdGhlIG1vdXNlXG4gICAgICAgICAgICBjb25zdCBjdXN0b21Db2xvciA9IGdldENvbG9yVmFsdWUoY29sb3IucmdiLCBjb2xvci5yZ2IuYSA9PT0gMCA/IDEgOiBjb2xvci5yZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIGlmICh0eXBlb2Ygb25DaGFuZ2UgPT09IFwiZnVuY3Rpb25cIikge1xuICAgICAgICAgICAgICAgIG9uQ2hhbmdlKGN1c3RvbUNvbG9yKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgW29uQ2hhbmdlXVxuICAgICk7XG5cbiAgICBjb25zdCBvbkNvbG9yQ2hhbmdlQ29tcGxldGUgPSB1c2VDYWxsYmFjayhcbiAgICAgICAgKHsgcmdiIH06IFBpY2s8Q29sb3JSZXN1bHQsIFwicmdiXCI+LCBldmVudDogUmVhY3QuU3ludGhldGljRXZlbnQpID0+IHtcbiAgICAgICAgICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgICAgICBjb25zdCBjb2xvciA9IGdldENvbG9yVmFsdWUocmdiLCByZ2IuYSA9PT0gMCA/IDEgOiByZ2IuYSk7XG4gICAgICAgICAgICBzZXRBY3R1YWxTZWxlY3RlZENvbG9yKGNvbG9yKTtcbiAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IpO1xuICAgICAgICB9LFxuICAgICAgICBbb25DaGFuZ2VDb21wbGV0ZV1cbiAgICApO1xuXG4gICAgY29uc3QgdG9nZ2xlUGlja2VyID0gdXNlQ2FsbGJhY2soKGU6IFN5bnRoZXRpY0V2ZW50KSA9PiB7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIHNldFNob3dQaWNrZXIoc3RhdGUgPT4gIXN0YXRlKTtcbiAgICB9LCBbXSk7XG5cbiAgICBjb25zdCB7IHRoZW1lIH0gPSB1c2VSaWNoVGV4dEVkaXRvcigpO1xuXG4gICAgY29uc3QgdGhlbWVDb2xvcnMgPSB1c2VNZW1vKCgpID0+IHRoZW1lPy5jb2xvcnMgPz8gW10sIFtdKTtcblxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IGlzVGhlbWVDb2xvciA9IHRoZW1lQ29sb3JzLnNvbWUoY29sb3IgPT4gY29sb3IuaWQgPT09IHZhbHVlKTtcbiAgICAgICAgc2V0SXNUaGVtZUNvbG9yKGlzVGhlbWVDb2xvcik7XG4gICAgfSwgW3RoZW1lQ29sb3JzLCB2YWx1ZV0pO1xuXG4gICAgcmV0dXJuIChcbiAgICAgICAgPENvbG9yUGlja2VyU3R5bGU+XG4gICAgICAgICAgICB7dGhlbWVDb2xvcnMubWFwKGNvbG9yID0+IHtcbiAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICA8Q29sb3JCb3hcbiAgICAgICAgICAgICAgICAgICAgICAgIGtleT17Y29sb3IuaWR9XG4gICAgICAgICAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NvbG9yLmlkID09PSB2YWx1ZSA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn1cbiAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17PHNwYW4+e2NvbG9yLmxhYmVsfTwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxDb2xvclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17eyBiYWNrZ3JvdW5kQ29sb3I6IGNvbG9yLnZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlQ29tcGxldGUoY29sb3IudmFsdWUsIGNvbG9yLmlkKTtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICAgICAgICAgICAgICA8L0NvbG9yQm94PlxuICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge2FsbG93Q3VzdG9tQ29sb3IgPyAoXG4gICAgICAgICAgICAgICAgPENvbG9yQm94IGNsYXNzTmFtZT17dmFsdWUgJiYgIWlzVGhlbWVDb2xvciA/IHN0eWxlcy5zZWxlY3RlZENvbG9yIDogXCJcIn0+XG4gICAgICAgICAgICAgICAgICAgIDxUb29sdGlwIGNvbnRlbnQ9ezxzcGFuPkNvbG9yIHBpY2tlcjwvc3Bhbj59IHBsYWNlbWVudD1cImJvdHRvbVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgPENvbG9yXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc3R5bGU9e3sgYmFja2dyb3VuZENvbG9yOiBpc1RoZW1lQ29sb3IgPyBcIiNmZmZcIiA6IHZhbHVlIH19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlUGlja2VyfVxuICAgICAgICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJY29uUGFsZXR0ZSBjbGFzc05hbWU9e2ljb25QYWxldHRlU3R5bGV9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0NvbG9yPlxuICAgICAgICAgICAgICAgICAgICA8L1Rvb2x0aXA+XG4gICAgICAgICAgICAgICAgPC9Db2xvckJveD5cbiAgICAgICAgICAgICkgOiBudWxsfVxuXG4gICAgICAgICAgICA8ZGl2IHN0eWxlPXtzaG93UGlja2VyID8gc2hvd1BpY2tlclN0eWxlIDogaGlkZVBpY2tlclN0eWxlfT5cbiAgICAgICAgICAgICAgICA8Q2hyb21lUGlja2VyXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2hyb21lUGlja2VyU3R5bGV9XG4gICAgICAgICAgICAgICAgICAgIGNvbG9yPXthY3R1YWxTZWxlY3RlZENvbG9yfVxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlQWxwaGE9e3RydWV9XG4gICAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtvbkNvbG9yQ2hhbmdlfVxuICAgICAgICAgICAgICAgICAgICBvbkNoYW5nZUNvbXBsZXRlPXtvbkNvbG9yQ2hhbmdlQ29tcGxldGV9XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L0NvbG9yUGlja2VyU3R5bGU+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+const chromePickerStyle = css({
+    width: "270px !important",
+    margin: "15px -15px -15px -15px"
 });
 const showPickerStyle = {
-  display: "block"
+    display: "block"
 };
 const hidePickerStyle = {
-  display: "none"
+    display: "none"
 };
-export const LexicalColorPicker = ({
-  value,
-  onChange,
-  onChangeComplete,
-  allowCustomColor
-}) => {
-  const [showPicker, setShowPicker] = useState(false);
-  // Either a custom color or a color coming from the theme object.
-  const [actualSelectedColor, setActualSelectedColor] = useState(value || "#fff");
-  const [isThemeColor, setIsThemeColor] = useState(false);
-  useEffect(() => {
-    if (value) {
-      setActualSelectedColor(value);
-    }
-  }, [value]);
-  const getColorValue = useCallback((rgb, alpha) => {
-    return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha ?? rgb.a})`;
-  }, []);
-  const onColorChange = useCallback((color, event) => {
-    event.preventDefault();
-    // controls of the picker are updated as user moves the mouse
-    const customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);
-    setActualSelectedColor(customColor);
-    if (typeof onChange === "function") {
-      onChange(customColor);
-    }
-  }, [onChange]);
-  const onColorChangeComplete = useCallback(({
-    rgb
-  }, event) => {
-    event.preventDefault();
-    const color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);
-    setActualSelectedColor(color);
-    onChangeComplete(color);
-  }, [onChangeComplete]);
-  const togglePicker = useCallback(e => {
-    e.stopPropagation();
-    setShowPicker(state => !state);
-  }, []);
-  const {
-    theme
-  } = useRichTextEditor();
-  const themeColors = useMemo(() => theme?.colors ?? [], []);
-  useEffect(() => {
-    const isThemeColor = themeColors.some(color => color.id === value);
-    setIsThemeColor(isThemeColor);
-  }, [themeColors, value]);
-  return /*#__PURE__*/React.createElement(ColorPickerStyle, null, themeColors.map(color => {
-    return /*#__PURE__*/React.createElement(ColorBox, {
-      key: color.id,
-      className: color.id === value ? styles.selectedColor : ""
-    }, /*#__PURE__*/React.createElement(Tooltip, {
-      content: /*#__PURE__*/React.createElement("span", null, color.label),
-      placement: "bottom"
-    }, /*#__PURE__*/React.createElement(Color, {
-      style: {
-        backgroundColor: color.value
-      },
-      onClick: () => {
-        onChangeComplete(color.value, color.id);
-      }
+const LexicalColorPicker = ({ value, onChange, onChangeComplete, allowCustomColor })=>{
+    const [showPicker, setShowPicker] = useState(false);
+    const [actualSelectedColor, setActualSelectedColor] = useState(value || "#fff");
+    const [isThemeColor, setIsThemeColor] = useState(false);
+    useEffect(()=>{
+        if (value) setActualSelectedColor(value);
+    }, [
+        value
+    ]);
+    const getColorValue = useCallback((rgb, alpha)=>`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha ?? rgb.a})`, []);
+    const onColorChange = useCallback((color, event)=>{
+        event.preventDefault();
+        const customColor = getColorValue(color.rgb, 0 === color.rgb.a ? 1 : color.rgb.a);
+        setActualSelectedColor(customColor);
+        if ("function" == typeof onChange) onChange(customColor);
+    }, [
+        onChange
+    ]);
+    const onColorChangeComplete = useCallback(({ rgb }, event)=>{
+        event.preventDefault();
+        const color = getColorValue(rgb, 0 === rgb.a ? 1 : rgb.a);
+        setActualSelectedColor(color);
+        onChangeComplete(color);
+    }, [
+        onChangeComplete
+    ]);
+    const togglePicker = useCallback((e)=>{
+        e.stopPropagation();
+        setShowPicker((state)=>!state);
+    }, []);
+    const { theme } = useRichTextEditor();
+    const themeColors = useMemo(()=>theme?.colors ?? [], []);
+    useEffect(()=>{
+        const isThemeColor = themeColors.some((color)=>color.id === value);
+        setIsThemeColor(isThemeColor);
+    }, [
+        themeColors,
+        value
+    ]);
+    return /*#__PURE__*/ react.createElement(ColorPickerStyle, null, themeColors.map((color)=>/*#__PURE__*/ react.createElement(ColorBox, {
+            key: color.id,
+            className: color.id === value ? styles.selectedColor : ""
+        }, /*#__PURE__*/ react.createElement(Tooltip, {
+            content: /*#__PURE__*/ react.createElement("span", null, color.label),
+            side: "bottom",
+            trigger: /*#__PURE__*/ react.createElement(Color, {
+                style: {
+                    backgroundColor: color.value
+                },
+                onClick: ()=>{
+                    onChangeComplete(color.value, color.id);
+                }
+            })
+        }))), allowCustomColor ? /*#__PURE__*/ react.createElement(ColorBox, {
+        className: value && !isThemeColor ? styles.selectedColor : ""
+    }, /*#__PURE__*/ react.createElement(Tooltip, {
+        content: /*#__PURE__*/ react.createElement("span", null, "Color picker"),
+        side: "bottom",
+        trigger: /*#__PURE__*/ react.createElement(Color, {
+            style: {
+                backgroundColor: isThemeColor ? "#fff" : value
+            },
+            onClick: togglePicker
+        }, /*#__PURE__*/ react.createElement(ReactComponent, {
+            className: iconPaletteStyle
+        }))
+    })) : null, /*#__PURE__*/ react.createElement("div", {
+        style: showPicker ? showPickerStyle : hidePickerStyle
+    }, /*#__PURE__*/ react.createElement(ChromePicker, {
+        className: chromePickerStyle,
+        color: actualSelectedColor,
+        disableAlpha: true,
+        onChange: onColorChange,
+        onChangeComplete: onColorChangeComplete
     })));
-  }), allowCustomColor ? /*#__PURE__*/React.createElement(ColorBox, {
-    className: value && !isThemeColor ? styles.selectedColor : ""
-  }, /*#__PURE__*/React.createElement(Tooltip, {
-    content: /*#__PURE__*/React.createElement("span", null, "Color picker"),
-    placement: "bottom"
-  }, /*#__PURE__*/React.createElement(Color, {
-    style: {
-      backgroundColor: isThemeColor ? "#fff" : value
-    },
-    onClick: togglePicker
-  }, /*#__PURE__*/React.createElement(IconPalette, {
-    className: iconPaletteStyle
-  })))) : null, /*#__PURE__*/React.createElement("div", {
-    style: showPicker ? showPickerStyle : hidePickerStyle
-  }, /*#__PURE__*/React.createElement(ChromePicker, {
-    className: chromePickerStyle,
-    color: actualSelectedColor,
-    disableAlpha: true,
-    onChange: onColorChange,
-    onChangeComplete: onColorChangeComplete
-  })));
 };
+export { LexicalColorPicker };
 
 //# sourceMappingURL=LexicalColorPicker.js.map

package/components/LexicalColorPicker/LexicalColorPicker.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useEffect","useMemo","useState","css","ChromePicker","Tooltip","ReactComponent","IconPalette","useRichTextEditor","ColorPickerStyle","_styled","process","env","NODE_ENV","target","label","name","styles","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","ColorBox","Color","cursor","width","height","transition","borderColor","display","alignItems","borderRadius","content","position","top","left","zIndex","opacity","transform","boxShadow","iconPaletteStyle","COLORS","lightGray","gray","darkGray","darkestGray","black","selectedColor","button","boxSizing","backgroundColor","outline","color","chromePickerStyle","showPickerStyle","hidePickerStyle","LexicalColorPicker","value","onChange","onChangeComplete","allowCustomColor","showPicker","setShowPicker","actualSelectedColor","setActualSelectedColor","isThemeColor","setIsThemeColor","getColorValue","rgb","alpha","r","g","b","a","onColorChange","event","preventDefault","customColor","onColorChangeComplete","togglePicker","e","stopPropagation","state","theme","themeColors","colors","some","id","createElement","map","key","className","placement","style","onClick","disableAlpha"],"sources":["LexicalColorPicker.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\nimport type { ColorResult, RGBColor } from \"react-color\";\nimport { ChromePicker } from \"react-color\";\nimport { Tooltip } from \"@webiny/ui/Tooltip/index.js\";\n\n// Icons\nimport { ReactComponent as IconPalette } from \"./round-color_lens-24px.svg\";\nimport { useRichTextEditor } from \"@webiny/lexical-editor\";\n\nconst ColorPickerStyle = styled(\"div\")({\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n    width: 240,\n    padding: 15,\n    backgroundColor: \"#fff\"\n});\n\nconst ColorBox = styled(\"div\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 40,\n    borderRadius: \"50%\",\n    margin: 5,\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    padding: 3,\n    boxSizing: \"content-box\"\n});\n\nconst Color = styled(\"button\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 40,\n    transition: \"transform 0.1s, border 0.2s\",\n    borderColor: \"transparent\",\n    display: \"flex\",\n    alignItems: \"center\",\n    borderRadius: \"50%\",\n    \"&::after\": {\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        transform: \"scale(1.1)\",\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    }\n});\n\nconst iconPaletteStyle = css({\n    height: 20,\n    width: \"100%\",\n    marginTop: 1,\n    color: \"var(--mdc-theme-secondary)\"\n});\n\nconst COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst styles = {\n    selectedColor: css({\n        boxShadow: \"inset 0px 0px 0px 10px var(--mdc-theme-secondary)\",\n        button: {\n            border: \"5px solid var(--mdc-theme-surface)\"\n        }\n    }),\n    button: css({\n        cursor: \"pointer\",\n        height: 30,\n        boxSizing: \"border-box\",\n        \"&:hover:not(:disabled)\": { backgroundColor: COLORS.gray },\n        \"&:focus:not(:disabled)\": {\n            outline: \"none\"\n        },\n        \"&:disabled\": {\n            opacity: 0.5,\n            cursor: \"not-allowed\"\n        },\n        \"& svg\": {\n            width: 16,\n            height: 16\n        }\n    }),\n    color: css({\n        width: \"40px\",\n        height: \"100%\"\n    })\n};\n\nconst chromePickerStyle = css({\n    width: \"270px !important\",\n    margin: \"15px -15px -15px -15px\"\n});\n\ninterface LexicalColorPickerProps {\n    value: string;\n    onChange?: (color: string) => void;\n    onChangeComplete: (color: string, name?: string) => void;\n    handlerClassName?: string;\n    allowCustomColor?: boolean;\n}\n\nconst showPickerStyle = { display: \"block\" };\nconst hidePickerStyle = { display: \"none\" };\n\nexport const LexicalColorPicker = ({\n    value,\n    onChange,\n    onChangeComplete,\n    allowCustomColor\n}: LexicalColorPickerProps) => {\n    const [showPicker, setShowPicker] = useState(false);\n    // Either a custom color or a color coming from the theme object.\n    const [actualSelectedColor, setActualSelectedColor] = useState(value || \"#fff\");\n    const [isThemeColor, setIsThemeColor] = useState(false);\n\n    useEffect(() => {\n        if (value) {\n            setActualSelectedColor(value);\n        }\n    }, [value]);\n\n    const getColorValue = useCallback((rgb: RGBColor, alpha?: number) => {\n        return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha ?? rgb.a})`;\n    }, []);\n\n    const onColorChange = useCallback(\n        (color: Pick<ColorResult, \"rgb\">, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            // controls of the picker are updated as user moves the mouse\n            const customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);\n            setActualSelectedColor(customColor);\n            if (typeof onChange === \"function\") {\n                onChange(customColor);\n            }\n        },\n        [onChange]\n    );\n\n    const onColorChangeComplete = useCallback(\n        ({ rgb }: Pick<ColorResult, \"rgb\">, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            const color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);\n            setActualSelectedColor(color);\n            onChangeComplete(color);\n        },\n        [onChangeComplete]\n    );\n\n    const togglePicker = useCallback((e: SyntheticEvent) => {\n        e.stopPropagation();\n        setShowPicker(state => !state);\n    }, []);\n\n    const { theme } = useRichTextEditor();\n\n    const themeColors = useMemo(() => theme?.colors ?? [], []);\n\n    useEffect(() => {\n        const isThemeColor = themeColors.some(color => color.id === value);\n        setIsThemeColor(isThemeColor);\n    }, [themeColors, value]);\n\n    return (\n        <ColorPickerStyle>\n            {themeColors.map(color => {\n                return (\n                    <ColorBox\n                        key={color.id}\n                        className={color.id === value ? styles.selectedColor : \"\"}\n                    >\n                        <Tooltip content={<span>{color.label}</span>} placement=\"bottom\">\n                            <Color\n                                style={{ backgroundColor: color.value }}\n                                onClick={() => {\n                                    onChangeComplete(color.value, color.id);\n                                }}\n                            />\n                        </Tooltip>\n                    </ColorBox>\n                );\n            })}\n\n            {allowCustomColor ? (\n                <ColorBox className={value && !isThemeColor ? styles.selectedColor : \"\"}>\n                    <Tooltip content={<span>Color picker</span>} placement=\"bottom\">\n                        <Color\n                            style={{ backgroundColor: isThemeColor ? \"#fff\" : value }}\n                            onClick={togglePicker}\n                        >\n                            <IconPalette className={iconPaletteStyle} />\n                        </Color>\n                    </Tooltip>\n                </ColorBox>\n            ) : null}\n\n            <div style={showPicker ? showPickerStyle : hidePickerStyle}>\n                <ChromePicker\n                    className={chromePickerStyle}\n                    color={actualSelectedColor}\n                    disableAlpha={true}\n                    onChange={onColorChange}\n                    onChangeComplete={onColorChangeComplete}\n                />\n            </div>\n        </ColorPickerStyle>\n    );\n};\n"],"mappings":";;AACA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,SAAS,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAExE,SAASC,GAAG,QAAQ,cAAc;AAElC,SAASC,YAAY,QAAQ,aAAa;AAC1C,SAASC,OAAO,QAAQ,6BAA6B;;AAErD;AACA,SAASC,cAAc,IAAIC,WAAW;AACtC,SAASC,iBAAiB,QAAQ,wBAAwB;AAE1D,MAAMC,gBAAgB,gBAAGC,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAQrC,CAAC;AAEF,MAAMC,QAAQ,gBAAGV,OAAA,CAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAS7B,CAAC;AAEF,MAAME,KAAK,gBAAGX,OAAA,CAAO,QAAQ,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAC;EAC3BO,MAAM,EAAE,SAAS;EACjBC,KAAK,EAAE,EAAE;EACTC,MAAM,EAAE,EAAE;EACVC,UAAU,EAAE,6BAA6B;EACzCC,WAAW,EAAE,aAAa;EAC1BC,OAAO,EAAE,MAAM;EACfC,UAAU,EAAE,QAAQ;EACpBC,YAAY,EAAE,KAAK;EACnB,UAAU,EAAE;IACRJ,UAAU,EAAE,iDAAiD;IAC7DK,OAAO,EAAE,IAAI;IACbC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPV,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdU,MAAM,EAAE,CAAC,CAAC;IACVC,OAAO,EAAE;EACb,CAAC;EACD,SAAS,EAAE;IACPC,SAAS,EAAE,YAAY;IACvBC,SAAS,EAAE,uCAAuC;IAClD,UAAU,EAAE;MACRF,OAAO,EAAE;IACb;EACJ;AACJ,CAAC,EAAAxB,OAAA,CAAAC,GAAA,CAAAC,QAAA,2pTAAC;AAEF,MAAMyB,gBAAgB,gBAAGnC,GAAG,CAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAK3B,CAAC;AAEF,MAAMoB,MAAM,GAAG;EACXC,SAAS,EAAE,qBAAqB;EAChCC,IAAI,EAAE,uBAAuB;EAC7BC,QAAQ,EAAE,qBAAqB;EAC/BC,WAAW,EAAE,qBAAqB;EAClCC,KAAK,EAAE;AACX,CAAC;AAED,MAAM3B,MAAM,GAAG;EACX4B,aAAa,eAAE1C,GAAG,CAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAKjB,CAAC;EACF2B,MAAM,eAAE3C,GAAG,CAAC;IACRmB,MAAM,EAAE,SAAS;IACjBE,MAAM,EAAE,EAAE;IACVuB,SAAS,EAAE,YAAY;IACvB,wBAAwB,EAAE;MAAEC,eAAe,EAAET,MAAM,CAACE;IAAK,CAAC;IAC1D,wBAAwB,EAAE;MACtBQ,OAAO,EAAE;IACb,CAAC;IACD,YAAY,EAAE;MACVd,OAAO,EAAE,GAAG;MACZb,MAAM,EAAE;IACZ,CAAC;IACD,OAAO,EAAE;MACLC,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE;IACZ;EACJ,CAAC,EAAAb,OAAA,CAAAC,GAAA,CAAAC,QAAA,2CAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,2pTAAC;EACFqC,KAAK,eAAE/C,GAAG,CAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA;IAAAG,IAAA;IAAAC,MAAA;EAAA;IAAAD,IAAA;IAAAC,MAAA;IAAAC,QAAA,EAAAC;EAAA,CAGT;AACL,CAAC;AAED,MAAMgC,iBAAiB,gBAAGhD,GAAG,CAAAQ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,QAAA,EAAAC;AAAA,CAG5B,CAAC;AAUF,MAAMiC,eAAe,GAAG;EAAEzB,OAAO,EAAE;AAAQ,CAAC;AAC5C,MAAM0B,eAAe,GAAG;EAAE1B,OAAO,EAAE;AAAO,CAAC;AAE3C,OAAO,MAAM2B,kBAAkB,GAAGA,CAAC;EAC/BC,KAAK;EACLC,QAAQ;EACRC,gBAAgB;EAChBC;AACqB,CAAC,KAAK;EAC3B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG1D,QAAQ,CAAC,KAAK,CAAC;EACnD;EACA,MAAM,CAAC2D,mBAAmB,EAAEC,sBAAsB,CAAC,GAAG5D,QAAQ,CAACqD,KAAK,IAAI,MAAM,CAAC;EAC/E,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAG9D,QAAQ,CAAC,KAAK,CAAC;EAEvDF,SAAS,CAAC,MAAM;IACZ,IAAIuD,KAAK,EAAE;MACPO,sBAAsB,CAACP,KAAK,CAAC;IACjC;EACJ,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEX,MAAMU,aAAa,GAAGlE,WAAW,CAAC,CAACmE,GAAa,EAAEC,KAAc,KAAK;IACjE,OAAO,QAAQD,GAAG,CAACE,CAAC,KAAKF,GAAG,CAACG,CAAC,KAAKH,GAAG,CAACI,CAAC,KAAKH,KAAK,IAAID,GAAG,CAACK,CAAC,GAAG;EAClE,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAGzE,WAAW,CAC7B,CAACmD,KAA+B,EAAEuB,KAA2B,KAAK;IAC9DA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB;IACA,MAAMC,WAAW,GAAGV,aAAa,CAACf,KAAK,CAACgB,GAAG,EAAEhB,KAAK,CAACgB,GAAG,CAACK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAGrB,KAAK,CAACgB,GAAG,CAACK,CAAC,CAAC;IACjFT,sBAAsB,CAACa,WAAW,CAAC;IACnC,IAAI,OAAOnB,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACmB,WAAW,CAAC;IACzB;EACJ,CAAC,EACD,CAACnB,QAAQ,CACb,CAAC;EAED,MAAMoB,qBAAqB,GAAG7E,WAAW,CACrC,CAAC;IAAEmE;EAA8B,CAAC,EAAEO,KAA2B,KAAK;IAChEA,KAAK,CAACC,cAAc,CAAC,CAAC;IACtB,MAAMxB,KAAK,GAAGe,aAAa,CAACC,GAAG,EAAEA,GAAG,CAACK,CAAC,KAAK,CAAC,GAAG,CAAC,GAAGL,GAAG,CAACK,CAAC,CAAC;IACzDT,sBAAsB,CAACZ,KAAK,CAAC;IAC7BO,gBAAgB,CAACP,KAAK,CAAC;EAC3B,CAAC,EACD,CAACO,gBAAgB,CACrB,CAAC;EAED,MAAMoB,YAAY,GAAG9E,WAAW,CAAE+E,CAAiB,IAAK;IACpDA,CAAC,CAACC,eAAe,CAAC,CAAC;IACnBnB,aAAa,CAACoB,KAAK,IAAI,CAACA,KAAK,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAM;IAAEC;EAAM,CAAC,GAAGzE,iBAAiB,CAAC,CAAC;EAErC,MAAM0E,WAAW,GAAGjF,OAAO,CAAC,MAAMgF,KAAK,EAAEE,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC;EAE1DnF,SAAS,CAAC,MAAM;IACZ,MAAM+D,YAAY,GAAGmB,WAAW,CAACE,IAAI,CAAClC,KAAK,IAAIA,KAAK,CAACmC,EAAE,KAAK9B,KAAK,CAAC;IAClES,eAAe,CAACD,YAAY,CAAC;EACjC,CAAC,EAAE,CAACmB,WAAW,EAAE3B,KAAK,CAAC,CAAC;EAExB,oBACIzD,KAAA,CAAAwF,aAAA,CAAC7E,gBAAgB,QACZyE,WAAW,CAACK,GAAG,CAACrC,KAAK,IAAI;IACtB,oBACIpD,KAAA,CAAAwF,aAAA,CAAClE,QAAQ;MACLoE,GAAG,EAAEtC,KAAK,CAACmC,EAAG;MACdI,SAAS,EAAEvC,KAAK,CAACmC,EAAE,KAAK9B,KAAK,GAAGtC,MAAM,CAAC4B,aAAa,GAAG;IAAG,gBAE1D/C,KAAA,CAAAwF,aAAA,CAACjF,OAAO;MAACyB,OAAO,eAAEhC,KAAA,CAAAwF,aAAA,eAAOpC,KAAK,CAACnC,KAAY,CAAE;MAAC2E,SAAS,EAAC;IAAQ,gBAC5D5F,KAAA,CAAAwF,aAAA,CAACjE,KAAK;MACFsE,KAAK,EAAE;QAAE3C,eAAe,EAAEE,KAAK,CAACK;MAAM,CAAE;MACxCqC,OAAO,EAAEA,CAAA,KAAM;QACXnC,gBAAgB,CAACP,KAAK,CAACK,KAAK,EAAEL,KAAK,CAACmC,EAAE,CAAC;MAC3C;IAAE,CACL,CACI,CACH,CAAC;EAEnB,CAAC,CAAC,EAED3B,gBAAgB,gBACb5D,KAAA,CAAAwF,aAAA,CAAClE,QAAQ;IAACqE,SAAS,EAAElC,KAAK,IAAI,CAACQ,YAAY,GAAG9C,MAAM,CAAC4B,aAAa,GAAG;EAAG,gBACpE/C,KAAA,CAAAwF,aAAA,CAACjF,OAAO;IAACyB,OAAO,eAAEhC,KAAA,CAAAwF,aAAA,eAAM,cAAkB,CAAE;IAACI,SAAS,EAAC;EAAQ,gBAC3D5F,KAAA,CAAAwF,aAAA,CAACjE,KAAK;IACFsE,KAAK,EAAE;MAAE3C,eAAe,EAAEe,YAAY,GAAG,MAAM,GAAGR;IAAM,CAAE;IAC1DqC,OAAO,EAAEf;EAAa,gBAEtB/E,KAAA,CAAAwF,aAAA,CAAC/E,WAAW;IAACkF,SAAS,EAAEnD;EAAiB,CAAE,CACxC,CACF,CACH,CAAC,GACX,IAAI,eAERxC,KAAA,CAAAwF,aAAA;IAAKK,KAAK,EAAEhC,UAAU,GAAGP,eAAe,GAAGC;EAAgB,gBACvDvD,KAAA,CAAAwF,aAAA,CAAClF,YAAY;IACTqF,SAAS,EAAEtC,iBAAkB;IAC7BD,KAAK,EAAEW,mBAAoB;IAC3BgC,YAAY,EAAE,IAAK;IACnBrC,QAAQ,EAAEgB,aAAc;IACxBf,gBAAgB,EAAEmB;EAAsB,CAC3C,CACA,CACS,CAAC;AAE3B,CAAC","ignoreList":[]}
+{"version":3,"file":"components/LexicalColorPicker/LexicalColorPicker.js","sources":["../../../src/components/LexicalColorPicker/LexicalColorPicker.tsx"],"sourcesContent":["import type { SyntheticEvent } from \"react\";\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { css } from \"@emotion/css\";\nimport type { ColorResult, RGBColor } from \"react-color\";\nimport { ChromePicker } from \"react-color\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\n// Icons\nimport { ReactComponent as IconPalette } from \"./round-color_lens-24px.svg\";\nimport { useRichTextEditor } from \"@webiny/lexical-editor\";\n\nconst ColorPickerStyle = styled(\"div\")({\n    position: \"relative\",\n    display: \"flex\",\n    flexWrap: \"wrap\",\n    justifyContent: \"flex-start\",\n    width: 240,\n    padding: 15,\n    backgroundColor: \"#fff\"\n});\n\nconst ColorBox = styled(\"div\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 40,\n    borderRadius: \"50%\",\n    margin: 5,\n    border: \"1px solid var(--mdc-theme-on-background)\",\n    padding: 3,\n    boxSizing: \"content-box\"\n});\n\nconst Color = styled(\"button\")({\n    cursor: \"pointer\",\n    width: 40,\n    height: 40,\n    transition: \"transform 0.1s, border 0.2s\",\n    borderColor: \"transparent\",\n    display: \"flex\",\n    alignItems: \"center\",\n    borderRadius: \"50%\",\n    \"&::after\": {\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        transform: \"scale(1.1)\",\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    }\n});\n\nconst iconPaletteStyle = css({\n    height: 20,\n    width: \"100%\",\n    marginTop: 1,\n    color: \"var(--mdc-theme-secondary)\"\n});\n\nconst COLORS = {\n    lightGray: \"hsla(0, 0%, 97%, 1)\",\n    gray: \"hsla(300, 2%, 92%, 1)\",\n    darkGray: \"hsla(0, 0%, 70%, 1)\",\n    darkestGray: \"hsla(0, 0%, 20%, 1)\",\n    black: \"hsla(208, 100%, 5%, 1)\"\n};\n\nconst styles = {\n    selectedColor: css({\n        boxShadow: \"inset 0px 0px 0px 10px var(--mdc-theme-secondary)\",\n        button: {\n            border: \"5px solid var(--mdc-theme-surface)\"\n        }\n    }),\n    button: css({\n        cursor: \"pointer\",\n        height: 30,\n        boxSizing: \"border-box\",\n        \"&:hover:not(:disabled)\": { backgroundColor: COLORS.gray },\n        \"&:focus:not(:disabled)\": {\n            outline: \"none\"\n        },\n        \"&:disabled\": {\n            opacity: 0.5,\n            cursor: \"not-allowed\"\n        },\n        \"& svg\": {\n            width: 16,\n            height: 16\n        }\n    }),\n    color: css({\n        width: \"40px\",\n        height: \"100%\"\n    })\n};\n\nconst chromePickerStyle = css({\n    width: \"270px !important\",\n    margin: \"15px -15px -15px -15px\"\n});\n\ninterface LexicalColorPickerProps {\n    value: string;\n    onChange?: (color: string) => void;\n    onChangeComplete: (color: string, name?: string) => void;\n    handlerClassName?: string;\n    allowCustomColor?: boolean;\n}\n\nconst showPickerStyle = { display: \"block\" };\nconst hidePickerStyle = { display: \"none\" };\n\nexport const LexicalColorPicker = ({\n    value,\n    onChange,\n    onChangeComplete,\n    allowCustomColor\n}: LexicalColorPickerProps) => {\n    const [showPicker, setShowPicker] = useState(false);\n    // Either a custom color or a color coming from the theme object.\n    const [actualSelectedColor, setActualSelectedColor] = useState(value || \"#fff\");\n    const [isThemeColor, setIsThemeColor] = useState(false);\n\n    useEffect(() => {\n        if (value) {\n            setActualSelectedColor(value);\n        }\n    }, [value]);\n\n    const getColorValue = useCallback((rgb: RGBColor, alpha?: number) => {\n        return `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${alpha ?? rgb.a})`;\n    }, []);\n\n    const onColorChange = useCallback(\n        (color: Pick<ColorResult, \"rgb\">, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            // controls of the picker are updated as user moves the mouse\n            const customColor = getColorValue(color.rgb, color.rgb.a === 0 ? 1 : color.rgb.a);\n            setActualSelectedColor(customColor);\n            if (typeof onChange === \"function\") {\n                onChange(customColor);\n            }\n        },\n        [onChange]\n    );\n\n    const onColorChangeComplete = useCallback(\n        ({ rgb }: Pick<ColorResult, \"rgb\">, event: React.SyntheticEvent) => {\n            event.preventDefault();\n            const color = getColorValue(rgb, rgb.a === 0 ? 1 : rgb.a);\n            setActualSelectedColor(color);\n            onChangeComplete(color);\n        },\n        [onChangeComplete]\n    );\n\n    const togglePicker = useCallback((e: SyntheticEvent) => {\n        e.stopPropagation();\n        setShowPicker(state => !state);\n    }, []);\n\n    const { theme } = useRichTextEditor();\n\n    const themeColors = useMemo(() => theme?.colors ?? [], []);\n\n    useEffect(() => {\n        const isThemeColor = themeColors.some(color => color.id === value);\n        setIsThemeColor(isThemeColor);\n    }, [themeColors, value]);\n\n    return (\n        <ColorPickerStyle>\n            {themeColors.map(color => {\n                return (\n                    <ColorBox\n                        key={color.id}\n                        className={color.id === value ? styles.selectedColor : \"\"}\n                    >\n                        <Tooltip\n                            content={<span>{color.label}</span>}\n                            side=\"bottom\"\n                            trigger={\n                                <Color\n                                    style={{ backgroundColor: color.value }}\n                                    onClick={() => {\n                                        onChangeComplete(color.value, color.id);\n                                    }}\n                                />\n                            }\n                        />\n                    </ColorBox>\n                );\n            })}\n\n            {allowCustomColor ? (\n                <ColorBox className={value && !isThemeColor ? styles.selectedColor : \"\"}>\n                    <Tooltip\n                        content={<span>Color picker</span>}\n                        side=\"bottom\"\n                        trigger={\n                            <Color\n                                style={{ backgroundColor: isThemeColor ? \"#fff\" : value }}\n                                onClick={togglePicker}\n                            >\n                                <IconPalette className={iconPaletteStyle} />\n                            </Color>\n                        }\n                    />\n                </ColorBox>\n            ) : null}\n\n            <div style={showPicker ? showPickerStyle : hidePickerStyle}>\n                <ChromePicker\n                    className={chromePickerStyle}\n                    color={actualSelectedColor}\n                    disableAlpha={true}\n                    onChange={onColorChange}\n                    onChangeComplete={onColorChangeComplete}\n                />\n            </div>\n        </ColorPickerStyle>\n    );\n};\n"],"names":["ColorPickerStyle","styled","ColorBox","Color","iconPaletteStyle","css","COLORS","styles","chromePickerStyle","showPickerStyle","hidePickerStyle","LexicalColorPicker","value","onChange","onChangeComplete","allowCustomColor","showPicker","setShowPicker","useState","actualSelectedColor","setActualSelectedColor","isThemeColor","setIsThemeColor","useEffect","getColorValue","useCallback","rgb","alpha","onColorChange","color","event","customColor","onColorChangeComplete","togglePicker","e","state","theme","useRichTextEditor","themeColors","useMemo","Tooltip","IconPalette","ChromePicker"],"mappings":"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"}

package/components/LexicalColorPicker/round-color_lens-24px.js

@@ -0,0 +1,21 @@
+import __rslib_svgr_url__0__ from "../../static/svg/round-color_lens-24px.a38ca7dc.svg";
+import * as __rspack_external_react from "react";
+const SvgRoundColorLens24Px = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlSpace: "preserve",
+        width: 24,
+        height: 24,
+        viewBox: "0 0 24 24",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "none",
+        d: "M0 0h24v24H0z"
+    }), /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        fill: "currentColor",
+        d: "M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8m-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12m3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8m5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8m3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5"
+    }));
+const round_color_lens_24px = __rslib_svgr_url__0__;
+export default round_color_lens_24px;
+export { SvgRoundColorLens24Px as ReactComponent };
+
+//# sourceMappingURL=round-color_lens-24px.js.map

package/components/LexicalColorPicker/round-color_lens-24px.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/LexicalColorPicker/round-color_lens-24px.js","sources":["../../../src/components/LexicalColorPicker/round-color_lens-24px.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgRoundColorLens24Px = props => <svg xmlns=\"http://www.w3.org/2000/svg\" xmlSpace=\"preserve\" width={24} height={24} viewBox=\"0 0 24 24\" {...props}><path fill=\"none\" d=\"M0 0h24v24H0z\" /><path fill=\"currentColor\" d=\"M12 3a9 9 0 0 0 0 18c.83 0 1.5-.67 1.5-1.5 0-.39-.15-.74-.39-1.01-.23-.26-.38-.61-.38-.99 0-.83.67-1.5 1.5-1.5H16c2.76 0 5-2.24 5-5 0-4.42-4.03-8-9-8m-5.5 9c-.83 0-1.5-.67-1.5-1.5S5.67 9 6.5 9 8 9.67 8 10.5 7.33 12 6.5 12m3-4C8.67 8 8 7.33 8 6.5S8.67 5 9.5 5s1.5.67 1.5 1.5S10.33 8 9.5 8m5 0c-.83 0-1.5-.67-1.5-1.5S13.67 5 14.5 5s1.5.67 1.5 1.5S15.33 8 14.5 8m3 4c-.83 0-1.5-.67-1.5-1.5S16.67 9 17.5 9s1.5.67 1.5 1.5-.67 1.5-1.5 1.5\" /></svg>;\nexport { SvgRoundColorLens24Px as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/round-color_lens-24px.a38ca7dc.svg\";"],"names":["SvgRoundColorLens24Px","props"],"mappings":";;AACA,MAAMA,wBAAwBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,UAAS;QAAW,OAAO;QAAI,QAAQ;QAAI,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,MAAK;QAAO,GAAE;sBAAkB,sCAAC;QAAK,MAAK;QAAe,GAAE;;AAE3N"}

package/components/LexicalColorPicker/unselected.js

@@ -0,0 +1,48 @@
+import __rslib_svgr_url__0__ from "../../static/svg/unselected.2e11574c.svg";
+import * as __rspack_external_react from "react";
+const SvgUnselected = (props)=>/*#__PURE__*/ __rspack_external_react.createElement("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: 22,
+        height: 20,
+        fill: "none",
+        viewBox: "0 0 22 20",
+        ...props
+    }, /*#__PURE__*/ __rspack_external_react.createElement("rect", {
+        width: 20.864,
+        height: 18.546,
+        x: 0.5,
+        y: 0.89,
+        fill: "#fff",
+        stroke: "#DDD",
+        rx: 1
+    }), /*#__PURE__*/ __rspack_external_react.createElement("mask", {
+        id: "unselected_svg__a",
+        width: 22,
+        height: 20,
+        x: 0,
+        y: 0,
+        maskUnits: "userSpaceOnUse",
+        style: {
+            maskType: "alpha"
+        }
+    }, /*#__PURE__*/ __rspack_external_react.createElement("rect", {
+        width: 20.864,
+        height: 18.546,
+        x: 0.5,
+        y: 0.89,
+        fill: "#fff",
+        stroke: "#fff",
+        rx: 1
+    })), /*#__PURE__*/ __rspack_external_react.createElement("g", {
+        mask: "url(#unselected_svg__a)"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("path", {
+        stroke: "#BF0000",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        d: "m21 1.412-20 17"
+    })));
+const unselected = __rslib_svgr_url__0__;
+export default unselected;
+export { SvgUnselected as ReactComponent };
+
+//# sourceMappingURL=unselected.js.map

package/components/LexicalColorPicker/unselected.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components/LexicalColorPicker/unselected.js","sources":["../../../src/components/LexicalColorPicker/unselected.svg"],"sourcesContent":["import * as React from \"react\";\nconst SvgUnselected = props => <svg xmlns=\"http://www.w3.org/2000/svg\" width={22} height={20} fill=\"none\" viewBox=\"0 0 22 20\" {...props}><rect width={20.864} height={18.546} x={0.5} y={0.89} fill=\"#fff\" stroke=\"#DDD\" rx={1} /><mask id=\"unselected_svg__a\" width={22} height={20} x={0} y={0} maskUnits=\"userSpaceOnUse\" style={{\n    maskType: \"alpha\"\n  }}><rect width={20.864} height={18.546} x={0.5} y={0.89} fill=\"#fff\" stroke=\"#fff\" rx={1} /></mask><g mask=\"url(#unselected_svg__a)\"><path stroke=\"#BF0000\" strokeLinecap=\"round\" strokeLinejoin=\"round\" d=\"m21 1.412-20 17\" /></g></svg>;\nexport { SvgUnselected as ReactComponent };\nexport default \"__RSLIB_SVGR_AUTO_PUBLIC_PATH__static/svg/unselected.2e11574c.svg\";"],"names":["SvgUnselected","props"],"mappings":";;AACA,MAAMA,gBAAgBC,CAAAA,QAAAA,WAAAA,GAAS,sCAAC;QAAI,OAAM;QAA6B,OAAO;QAAI,QAAQ;QAAI,MAAK;QAAO,SAAQ;QAAa,GAAGA,KAAK;qBAAE,sCAAC;QAAK,OAAO;QAAQ,QAAQ;QAAQ,GAAG;QAAK,GAAG;QAAM,MAAK;QAAO,QAAO;QAAO,IAAI;sBAAK,sCAAC;QAAK,IAAG;QAAoB,OAAO;QAAI,QAAQ;QAAI,GAAG;QAAG,GAAG;QAAG,WAAU;QAAiB,OAAO;YAChU,UAAU;QACZ;qBAAG,sCAAC;QAAK,OAAO;QAAQ,QAAQ;QAAQ,GAAG;QAAK,GAAG;QAAM,MAAK;QAAO,QAAO;QAAO,IAAI;uBAAY,sCAAC;QAAE,MAAK;qBAA0B,sCAAC;QAAK,QAAO;QAAU,eAAc;QAAQ,gBAAe;QAAQ,GAAE;;AAE7M"}

package/components/LexicalColorPicker/unselected.svg

@@ -1,7 +1,7 @@
 <svg width="22" height="20" viewBox="0 0 22 20" fill="none"
     xmlns="http://www.w3.org/2000/svg">
     <rect x="0.5" y="0.889587" width="20.8636" height="18.5455" rx="1" fill="white" stroke="#DDDDDD"/>
-    <mask id="mask0" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="20" style="{ mask-type:alpha; }">
+    <mask id="mask0" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="20" style="mask-type:alpha">
         <rect x="0.5" y="0.889587" width="20.8636" height="18.5455" rx="1" fill="white" stroke="white"/>
     </mask>
     <g mask="url(#mask0)">

package/components/LexicalColorPickerDropdown.js

@@ -1,29 +1,25 @@
-import React from "react";
-import { useFontColorPicker, DropDown } from "@webiny/lexical-editor";
+import react from "react";
+import { DropDown, useFontColorPicker } from "@webiny/lexical-editor";
 import { LexicalColorPicker } from "./LexicalColorPicker/LexicalColorPicker.js";
 import { css } from "@emotion/css";
-export const LexicalColorPickerDropdown = ({
-  allowCustomColor = false
-}) => {
-  const {
-    value,
-    applyColor
-  } = useFontColorPicker();
-  const buttonColorSelection = /*#__PURE__*/css({
-    borderBottom: "3px solid " + value
-  }, process.env.NODE_ENV === "production" ? "" : ";label:buttonColorSelection;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkxleGljYWxDb2xvclBpY2tlckRyb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjaUMiLCJmaWxlIjoiTGV4aWNhbENvbG9yUGlja2VyRHJvcGRvd24udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgdXNlRm9udENvbG9yUGlja2VyLCBEcm9wRG93biB9IGZyb20gXCJAd2ViaW55L2xleGljYWwtZWRpdG9yXCI7XG5pbXBvcnQgeyBMZXhpY2FsQ29sb3JQaWNrZXIgfSBmcm9tIFwifi9jb21wb25lbnRzL0xleGljYWxDb2xvclBpY2tlci9MZXhpY2FsQ29sb3JQaWNrZXIuanNcIjtcbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9jc3NcIjtcblxuZXhwb3J0IGludGVyZmFjZSBMZXhpY2FsQ29sb3JQaWNrZXJEcm9wZG93blByb3BzIHtcbiAgICBhbGxvd0N1c3RvbUNvbG9yPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IExleGljYWxDb2xvclBpY2tlckRyb3Bkb3duID0gKHtcbiAgICBhbGxvd0N1c3RvbUNvbG9yID0gZmFsc2Vcbn06IExleGljYWxDb2xvclBpY2tlckRyb3Bkb3duUHJvcHMpID0+IHtcbiAgICBjb25zdCB7IHZhbHVlLCBhcHBseUNvbG9yIH0gPSB1c2VGb250Q29sb3JQaWNrZXIoKTtcblxuICAgIGNvbnN0IGJ1dHRvbkNvbG9yU2VsZWN0aW9uID0gY3NzKHtcbiAgICAgICAgYm9yZGVyQm90dG9tOiBcIjNweCBzb2xpZCBcIiArIHZhbHVlXG4gICAgfSk7XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8RHJvcERvd25cbiAgICAgICAgICAgIGJ1dHRvbkNsYXNzTmFtZT1cInRvb2xiYXItaXRlbSBjb2xvci1waWNrZXJcIlxuICAgICAgICAgICAgYnV0dG9uQXJpYUxhYmVsPXtcIkZvcm1hdHRpbmcgb3B0aW9ucyBmb3IgdGV4dCBjb2xvclwifVxuICAgICAgICAgICAgYnV0dG9uSWNvbkNsYXNzTmFtZT17XCJpY29uIGZvbnQtY29sb3IgXCIgKyBidXR0b25Db2xvclNlbGVjdGlvbn1cbiAgICAgICAgICAgIHN0b3BDbG9zZU9uQ2xpY2tTZWxmPXt0cnVlfVxuICAgICAgICAgICAgZGlzYWJsZWQ9e2ZhbHNlfVxuICAgICAgICAgICAgc2hvd1Njcm9sbD17ZmFsc2V9XG4gICAgICAgID5cbiAgICAgICAgICAgIDxMZXhpY2FsQ29sb3JQaWNrZXJcbiAgICAgICAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgICAgICAgICAgb25DaGFuZ2VDb21wbGV0ZT17YXBwbHlDb2xvcn1cbiAgICAgICAgICAgICAgICBhbGxvd0N1c3RvbUNvbG9yPXthbGxvd0N1c3RvbUNvbG9yfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgPC9Ecm9wRG93bj5cbiAgICApO1xufTtcbiJdfQ== */");
-  return /*#__PURE__*/React.createElement(DropDown, {
-    buttonClassName: "toolbar-item color-picker",
-    buttonAriaLabel: "Formatting options for text color",
-    buttonIconClassName: "icon font-color " + buttonColorSelection,
-    stopCloseOnClickSelf: true,
-    disabled: false,
-    showScroll: false
-  }, /*#__PURE__*/React.createElement(LexicalColorPicker, {
-    value: value,
-    onChangeComplete: applyColor,
-    allowCustomColor: allowCustomColor
-  }));
+const LexicalColorPickerDropdown = ({ allowCustomColor = false })=>{
+    const { value, applyColor } = useFontColorPicker();
+    const buttonColorSelection = css({
+        borderBottom: "3px solid " + value
+    });
+    return /*#__PURE__*/ react.createElement(DropDown, {
+        buttonClassName: "toolbar-item color-picker",
+        buttonAriaLabel: "Formatting options for text color",
+        buttonIconClassName: "icon font-color " + buttonColorSelection,
+        stopCloseOnClickSelf: true,
+        disabled: false,
+        showScroll: false
+    }, /*#__PURE__*/ react.createElement(LexicalColorPicker, {
+        value: value,
+        onChangeComplete: applyColor,
+        allowCustomColor: allowCustomColor
+    }));
 };
+export { LexicalColorPickerDropdown };
 
 //# sourceMappingURL=LexicalColorPickerDropdown.js.map

package/components/LexicalColorPickerDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useFontColorPicker","DropDown","LexicalColorPicker","css","LexicalColorPickerDropdown","allowCustomColor","value","applyColor","buttonColorSelection","borderBottom","process","env","NODE_ENV","createElement","buttonClassName","buttonAriaLabel","buttonIconClassName","stopCloseOnClickSelf","disabled","showScroll","onChangeComplete"],"sources":["LexicalColorPickerDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFontColorPicker, DropDown } from \"@webiny/lexical-editor\";\nimport { LexicalColorPicker } from \"~/components/LexicalColorPicker/LexicalColorPicker.js\";\nimport { css } from \"@emotion/css\";\n\nexport interface LexicalColorPickerDropdownProps {\n    allowCustomColor?: boolean;\n}\n\nexport const LexicalColorPickerDropdown = ({\n    allowCustomColor = false\n}: LexicalColorPickerDropdownProps) => {\n    const { value, applyColor } = useFontColorPicker();\n\n    const buttonColorSelection = css({\n        borderBottom: \"3px solid \" + value\n    });\n\n    return (\n        <DropDown\n            buttonClassName=\"toolbar-item color-picker\"\n            buttonAriaLabel={\"Formatting options for text color\"}\n            buttonIconClassName={\"icon font-color \" + buttonColorSelection}\n            stopCloseOnClickSelf={true}\n            disabled={false}\n            showScroll={false}\n        >\n            <LexicalColorPicker\n                value={value}\n                onChangeComplete={applyColor}\n                allowCustomColor={allowCustomColor}\n            />\n        </DropDown>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,kBAAkB,EAAEC,QAAQ,QAAQ,wBAAwB;AACrE,SAASC,kBAAkB;AAC3B,SAASC,GAAG,QAAQ,cAAc;AAMlC,OAAO,MAAMC,0BAA0B,GAAGA,CAAC;EACvCC,gBAAgB,GAAG;AACU,CAAC,KAAK;EACnC,MAAM;IAAEC,KAAK;IAAEC;EAAW,CAAC,GAAGP,kBAAkB,CAAC,CAAC;EAElD,MAAMQ,oBAAoB,gBAAGL,GAAG,CAAC;IAC7BM,YAAY,EAAE,YAAY,GAAGH;EACjC,CAAC,EAAAI,OAAA,CAAAC,GAAA,CAAAC,QAAA,yDAAAF,OAAA,CAAAC,GAAA,CAAAC,QAAA,m0DAAC;EAEF,oBACIb,KAAA,CAAAc,aAAA,CAACZ,QAAQ;IACLa,eAAe,EAAC,2BAA2B;IAC3CC,eAAe,EAAE,mCAAoC;IACrDC,mBAAmB,EAAE,kBAAkB,GAAGR,oBAAqB;IAC/DS,oBAAoB,EAAE,IAAK;IAC3BC,QAAQ,EAAE,KAAM;IAChBC,UAAU,EAAE;EAAM,gBAElBpB,KAAA,CAAAc,aAAA,CAACX,kBAAkB;IACfI,KAAK,EAAEA,KAAM;IACbc,gBAAgB,EAAEb,UAAW;IAC7BF,gBAAgB,EAAEA;EAAiB,CACtC,CACK,CAAC;AAEnB,CAAC","ignoreList":[]}
+{"version":3,"file":"components/LexicalColorPickerDropdown.js","sources":["../../src/components/LexicalColorPickerDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { useFontColorPicker, DropDown } from \"@webiny/lexical-editor\";\nimport { LexicalColorPicker } from \"~/components/LexicalColorPicker/LexicalColorPicker.js\";\nimport { css } from \"@emotion/css\";\n\nexport interface LexicalColorPickerDropdownProps {\n    allowCustomColor?: boolean;\n}\n\nexport const LexicalColorPickerDropdown = ({\n    allowCustomColor = false\n}: LexicalColorPickerDropdownProps) => {\n    const { value, applyColor } = useFontColorPicker();\n\n    const buttonColorSelection = css({\n        borderBottom: \"3px solid \" + value\n    });\n\n    return (\n        <DropDown\n            buttonClassName=\"toolbar-item color-picker\"\n            buttonAriaLabel={\"Formatting options for text color\"}\n            buttonIconClassName={\"icon font-color \" + buttonColorSelection}\n            stopCloseOnClickSelf={true}\n            disabled={false}\n            showScroll={false}\n        >\n            <LexicalColorPicker\n                value={value}\n                onChangeComplete={applyColor}\n                allowCustomColor={allowCustomColor}\n            />\n        </DropDown>\n    );\n};\n"],"names":["LexicalColorPickerDropdown","allowCustomColor","value","applyColor","useFontColorPicker","buttonColorSelection","css","DropDown","LexicalColorPicker"],"mappings":";;;;AASO,MAAMA,6BAA6B,CAAC,EACvCC,mBAAmB,KAAK,EACM;IAC9B,MAAM,EAAEC,KAAK,EAAEC,UAAU,EAAE,GAAGC;IAE9B,MAAMC,uBAAuBC,IAAI;QAC7B,cAAc,eAAeJ;IACjC;IAEA,OAAO,WAAP,GACI,oBAACK,UAAQA;QACL,iBAAgB;QAChB,iBAAiB;QACjB,qBAAqB,qBAAqBF;QAC1C,sBAAsB;QACtB,UAAU;QACV,YAAY;qBAEZ,oBAACG,oBAAkBA;QACf,OAAON;QACP,kBAAkBC;QAClB,kBAAkBF;;AAIlC"}

package/components/TextAlignmentDropdown.js

@@ -1,78 +1,71 @@
-import React from "react";
+import react from "react";
 import { $isParentElementRTL } from "@lexical/selection";
 import { Divider, DropDown, DropDownItem, useTextAlignmentAction } from "@webiny/lexical-editor";
 import { useDeriveValueFromSelection } from "@webiny/lexical-editor/hooks/useCurrentSelection.js";
-export const TextAlignmentDropdown = () => {
-  const {
-    applyTextAlignment,
-    outdentText,
-    indentText
-  } = useTextAlignmentAction();
-  const isRTL = useDeriveValueFromSelection(({
-    rangeSelection
-  }) => {
-    return rangeSelection ? $isParentElementRTL(rangeSelection) : false;
-  });
-  return /*#__PURE__*/React.createElement(DropDown, {
-    buttonLabel: "Align",
-    buttonIconClassName: "icon left-align",
-    buttonClassName: "toolbar-item spaced alignment",
-    buttonAriaLabel: "Formatting options for text alignment"
-  }, /*#__PURE__*/React.createElement(DropDownItem, {
-    onClick: () => {
-      applyTextAlignment("left");
-    },
-    className: "item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "icon left-align"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, "Left Align")), /*#__PURE__*/React.createElement(DropDownItem, {
-    onClick: () => {
-      applyTextAlignment("center");
-    },
-    className: "item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "icon center-align"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, "Center Align")), /*#__PURE__*/React.createElement(DropDownItem, {
-    onClick: () => {
-      applyTextAlignment("right");
-    },
-    className: "item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "icon right-align"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, "Right Align")), /*#__PURE__*/React.createElement(DropDownItem, {
-    onClick: () => {
-      applyTextAlignment("justify");
-    },
-    className: "item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "icon justify-align"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, "Justify Align")), /*#__PURE__*/React.createElement(Divider, null), /*#__PURE__*/React.createElement(DropDownItem, {
-    onClick: () => {
-      outdentText();
-    },
-    className: "item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "icon " + (isRTL ? "indent" : "outdent")
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, "Outdent")), /*#__PURE__*/React.createElement(DropDownItem, {
-    onClick: () => {
-      indentText();
-    },
-    className: "item"
-  }, /*#__PURE__*/React.createElement("i", {
-    className: "icon " + (isRTL ? "outdent" : "indent")
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "text"
-  }, "Indent")));
+const TextAlignmentDropdown = ()=>{
+    const { applyTextAlignment, outdentText, indentText } = useTextAlignmentAction();
+    const isRTL = useDeriveValueFromSelection(({ rangeSelection })=>rangeSelection ? $isParentElementRTL(rangeSelection) : false);
+    return /*#__PURE__*/ react.createElement(DropDown, {
+        buttonLabel: "Align",
+        buttonIconClassName: "icon left-align",
+        buttonClassName: "toolbar-item spaced alignment",
+        buttonAriaLabel: "Formatting options for text alignment"
+    }, /*#__PURE__*/ react.createElement(DropDownItem, {
+        onClick: ()=>{
+            applyTextAlignment("left");
+        },
+        className: "item"
+    }, /*#__PURE__*/ react.createElement("i", {
+        className: "icon left-align"
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text"
+    }, "Left Align")), /*#__PURE__*/ react.createElement(DropDownItem, {
+        onClick: ()=>{
+            applyTextAlignment("center");
+        },
+        className: "item"
+    }, /*#__PURE__*/ react.createElement("i", {
+        className: "icon center-align"
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text"
+    }, "Center Align")), /*#__PURE__*/ react.createElement(DropDownItem, {
+        onClick: ()=>{
+            applyTextAlignment("right");
+        },
+        className: "item"
+    }, /*#__PURE__*/ react.createElement("i", {
+        className: "icon right-align"
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text"
+    }, "Right Align")), /*#__PURE__*/ react.createElement(DropDownItem, {
+        onClick: ()=>{
+            applyTextAlignment("justify");
+        },
+        className: "item"
+    }, /*#__PURE__*/ react.createElement("i", {
+        className: "icon justify-align"
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text"
+    }, "Justify Align")), /*#__PURE__*/ react.createElement(Divider, null), /*#__PURE__*/ react.createElement(DropDownItem, {
+        onClick: ()=>{
+            outdentText();
+        },
+        className: "item"
+    }, /*#__PURE__*/ react.createElement("i", {
+        className: "icon " + (isRTL ? "indent" : "outdent")
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text"
+    }, "Outdent")), /*#__PURE__*/ react.createElement(DropDownItem, {
+        onClick: ()=>{
+            indentText();
+        },
+        className: "item"
+    }, /*#__PURE__*/ react.createElement("i", {
+        className: "icon " + (isRTL ? "outdent" : "indent")
+    }), /*#__PURE__*/ react.createElement("span", {
+        className: "text"
+    }, "Indent")));
 };
+export { TextAlignmentDropdown };
 
 //# sourceMappingURL=TextAlignmentDropdown.js.map

package/components/TextAlignmentDropdown.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","$isParentElementRTL","Divider","DropDown","DropDownItem","useTextAlignmentAction","useDeriveValueFromSelection","TextAlignmentDropdown","applyTextAlignment","outdentText","indentText","isRTL","rangeSelection","createElement","buttonLabel","buttonIconClassName","buttonClassName","buttonAriaLabel","onClick","className"],"sources":["TextAlignmentDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { $isParentElementRTL } from \"@lexical/selection\";\nimport { Divider, DropDown, DropDownItem, useTextAlignmentAction } from \"@webiny/lexical-editor\";\nimport { useDeriveValueFromSelection } from \"@webiny/lexical-editor/hooks/useCurrentSelection.js\";\n\nexport const TextAlignmentDropdown = () => {\n    const { applyTextAlignment, outdentText, indentText } = useTextAlignmentAction();\n\n    const isRTL = useDeriveValueFromSelection(({ rangeSelection }) => {\n        return rangeSelection ? $isParentElementRTL(rangeSelection) : false;\n    });\n\n    return (\n        <DropDown\n            buttonLabel=\"Align\"\n            buttonIconClassName=\"icon left-align\"\n            buttonClassName=\"toolbar-item spaced alignment\"\n            buttonAriaLabel=\"Formatting options for text alignment\"\n        >\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"left\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon left-align\" />\n                <span className=\"text\">Left Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"center\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon center-align\" />\n                <span className=\"text\">Center Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"right\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon right-align\" />\n                <span className=\"text\">Right Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"justify\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon justify-align\" />\n                <span className=\"text\">Justify Align</span>\n            </DropDownItem>\n            <Divider />\n            <DropDownItem\n                onClick={() => {\n                    outdentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"indent\" : \"outdent\")} />\n                <span className=\"text\">Outdent</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    indentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"outdent\" : \"indent\")} />\n                <span className=\"text\">Indent</span>\n            </DropDownItem>\n        </DropDown>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"components/TextAlignmentDropdown.js","sources":["../../src/components/TextAlignmentDropdown.tsx"],"sourcesContent":["import React from \"react\";\nimport { $isParentElementRTL } from \"@lexical/selection\";\nimport { Divider, DropDown, DropDownItem, useTextAlignmentAction } from \"@webiny/lexical-editor\";\nimport { useDeriveValueFromSelection } from \"@webiny/lexical-editor/hooks/useCurrentSelection.js\";\n\nexport const TextAlignmentDropdown = () => {\n    const { applyTextAlignment, outdentText, indentText } = useTextAlignmentAction();\n\n    const isRTL = useDeriveValueFromSelection(({ rangeSelection }) => {\n        return rangeSelection ? $isParentElementRTL(rangeSelection) : false;\n    });\n\n    return (\n        <DropDown\n            buttonLabel=\"Align\"\n            buttonIconClassName=\"icon left-align\"\n            buttonClassName=\"toolbar-item spaced alignment\"\n            buttonAriaLabel=\"Formatting options for text alignment\"\n        >\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"left\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon left-align\" />\n                <span className=\"text\">Left Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"center\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon center-align\" />\n                <span className=\"text\">Center Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"right\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon right-align\" />\n                <span className=\"text\">Right Align</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    applyTextAlignment(\"justify\");\n                }}\n                className=\"item\"\n            >\n                <i className=\"icon justify-align\" />\n                <span className=\"text\">Justify Align</span>\n            </DropDownItem>\n            <Divider />\n            <DropDownItem\n                onClick={() => {\n                    outdentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"indent\" : \"outdent\")} />\n                <span className=\"text\">Outdent</span>\n            </DropDownItem>\n            <DropDownItem\n                onClick={() => {\n                    indentText();\n                }}\n                className=\"item\"\n            >\n                <i className={\"icon \" + (isRTL ? \"outdent\" : \"indent\")} />\n                <span className=\"text\">Indent</span>\n            </DropDownItem>\n        </DropDown>\n    );\n};\n"],"names":["TextAlignmentDropdown","applyTextAlignment","outdentText","indentText","useTextAlignmentAction","isRTL","useDeriveValueFromSelection","rangeSelection","$isParentElementRTL","DropDown","DropDownItem","Divider"],"mappings":";;;;AAKO,MAAMA,wBAAwB;IACjC,MAAM,EAAEC,kBAAkB,EAAEC,WAAW,EAAEC,UAAU,EAAE,GAAGC;IAExD,MAAMC,QAAQC,4BAA4B,CAAC,EAAEC,cAAc,EAAE,GAClDA,iBAAiBC,oBAAoBD,kBAAkB;IAGlE,OAAO,WAAP,GACI,oBAACE,UAAQA;QACL,aAAY;QACZ,qBAAoB;QACpB,iBAAgB;QAChB,iBAAgB;qBAEhB,oBAACC,cAAYA;QACT,SAAS;YACLT,mBAAmB;QACvB;QACA,WAAU;qBAEV,oBAAC;QAAE,WAAU;sBACb,oBAAC;QAAK,WAAU;OAAO,8BAE3B,oBAACS,cAAYA;QACT,SAAS;YACLT,mBAAmB;QACvB;QACA,WAAU;qBAEV,oBAAC;QAAE,WAAU;sBACb,oBAAC;QAAK,WAAU;OAAO,gCAE3B,oBAACS,cAAYA;QACT,SAAS;YACLT,mBAAmB;QACvB;QACA,WAAU;qBAEV,oBAAC;QAAE,WAAU;sBACb,oBAAC;QAAK,WAAU;OAAO,+BAE3B,oBAACS,cAAYA;QACT,SAAS;YACLT,mBAAmB;QACvB;QACA,WAAU;qBAEV,oBAAC;QAAE,WAAU;sBACb,oBAAC;QAAK,WAAU;OAAO,iCAE3B,oBAACU,SAAOA,OAAAA,WAAAA,GACR,oBAACD,cAAYA;QACT,SAAS;YACLR;QACJ;QACA,WAAU;qBAEV,oBAAC;QAAE,WAAW,UAAWG,CAAAA,QAAQ,WAAW,SAAQ;sBACpD,oBAAC;QAAK,WAAU;OAAO,2BAE3B,oBAACK,cAAYA;QACT,SAAS;YACLP;QACJ;QACA,WAAU;qBAEV,oBAAC;QAAE,WAAW,UAAWE,CAAAA,QAAQ,YAAY,QAAO;sBACpD,oBAAC;QAAK,WAAU;OAAO;AAIvC"}

package/index.js

@@ -1,3 +1 @@
 export { LexicalEditorActions } from "./LexicalEditorActions.js";
-
-//# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/lexical-editor-actions",
-	"version": "6.3.0",
+	"version": "6.4.0-beta.0",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -10,19 +10,19 @@
 		"@emotion/css": "11.13.5",
 		"@emotion/styled": "11.14.1",
 		"@lexical/selection": "0.44.0",
-		"@webiny/lexical-editor": "6.3.0",
-		"@webiny/ui": "6.3.0",
+		"@webiny/admin-ui": "6.4.0-beta.0",
+		"@webiny/lexical-editor": "6.4.0-beta.0",
 		"react": "18.3.1",
 		"react-color": "2.19.3",
 		"react-dom": "18.3.1"
 	},
 	"devDependencies": {
 		"@types/react-color": "3.0.13",
-		"@webiny/build-tools": "6.3.0"
+		"@webiny/build-tools": "6.4.0-beta.0"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"gitHead": "7cefe15431dbd65504e1f58147dc9e55bcbfa693"
+	"gitHead": "a545d7529828af07d08d49c3da1bcb967483b9ce"
 }

package/static/svg/round-color_lens-24px.a38ca7dc.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3">
+	</g>
+	<rect fill="none" width="24" height="24"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_7">
+	</g>
+	<path fill="currentColor" d="M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9c0.83,0,1.5-0.67,1.5-1.5c0-0.39-0.15-0.74-0.39-1.01c-0.23-0.26-0.38-0.61-0.38-0.99
+		c0-0.83,0.67-1.5,1.5-1.5H16c2.76,0,5-2.24,5-5C21,6.58,16.97,3,12,3z M6.5,12C5.67,12,5,11.33,5,10.5S5.67,9,6.5,9S8,9.67,8,10.5
+		S7.33,12,6.5,12z M9.5,8C8.67,8,8,7.33,8,6.5S8.67,5,9.5,5S11,5.67,11,6.5S10.33,8,9.5,8z M14.5,8C13.67,8,13,7.33,13,6.5
+		S13.67,5,14.5,5S16,5.67,16,6.5S15.33,8,14.5,8z M17.5,12c-0.83,0-1.5-0.67-1.5-1.5S16.67,9,17.5,9S19,9.67,19,10.5
+		S18.33,12,17.5,12z"/>
+</g>
+</svg>

package/static/svg/unselected.2e11574c.svg

@@ -0,0 +1,10 @@
+<svg width="22" height="20" viewBox="0 0 22 20" fill="none"
+    xmlns="http://www.w3.org/2000/svg">
+    <rect x="0.5" y="0.889587" width="20.8636" height="18.5455" rx="1" fill="white" stroke="#DDDDDD"/>
+    <mask id="mask0" maskUnits="userSpaceOnUse" x="0" y="0" width="22" height="20" style="mask-type:alpha">
+        <rect x="0.5" y="0.889587" width="20.8636" height="18.5455" rx="1" fill="white" stroke="white"/>
+    </mask>
+    <g mask="url(#mask0)">
+        <path d="M20.9999 1.41229L0.999878 18.4123" stroke="#BF0000" stroke-linecap="round" stroke-linejoin="round"/>
+    </g>
+</svg>

package/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["LexicalEditorActions"],"sources":["index.ts"],"sourcesContent":["export { LexicalEditorActions } from \"~/LexicalEditorActions.js\";\n"],"mappings":"AAAA,SAASA,oBAAoB","ignoreList":[]}