@frontify/fondue 12.0.0-beta.136 → 12.0.0-beta.138

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/ItalicButton.es.js

@@ -2,7 +2,7 @@ import { getHotkeyByPlatform as r } from "../../helpers/getHotkeyByPlatform.es.j
 import { getTooltip as l } from "../../helpers/getTooltip.es.js";
 import { MarkToolbarButton as n, getPluginType as a } from "@udecode/plate";
 import t from "react";
-import { ButtonWrapper as m, IconStylingWrapper as c, buttonClassNames as i, buttonStyles as p } from "../helper.es.js";
+import { ButtonWrapper as m, IconStylingWrapper as c, getButtonClassNames as i, buttonStyles as p } from "../helper.es.js";
 import s from "../../../../foundation/Icon/Generated/IconTextFormatItalic16.es.js";
 const E = ({ editor: e, id: o }) => /* @__PURE__ */ t.createElement(m, { id: o }, /* @__PURE__ */ t.createElement(
   n,
@@ -11,7 +11,7 @@ const E = ({ editor: e, id: o }) => /* @__PURE__ */ t.createElement(m, { id: o }
 ${r("Ctrl+I")}`),
     type: a(e, o),
     icon: /* @__PURE__ */ t.createElement(c, { icon: /* @__PURE__ */ t.createElement(s, null) }),
-    classNames: i,
+    classNames: i(),
     styles: p,
     actionHandler: "onMouseDown"
   }

package/dist/components/RichTextEditor/Plugins/ItalicPlugin/ItalicButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItalicButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/ItalicButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getHotkeyByPlatform } from '@components/RichTextEditor/helpers/getHotkeyByPlatform';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconTextFormatItalic16 } from '@foundation/Icon/Generated';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const ItalicButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            tooltip={getTooltip(`Italic\\n${getHotkeyByPlatform('Ctrl+I')}`)}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatItalic16 />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["ItalicButton","editor","id","React","ButtonWrapper","MarkToolbarButton","getTooltip","getHotkeyByPlatform","getPluginType","IconStylingWrapper","IconTextFormatItalic16","buttonClassNames","buttonStyles"],"mappings":";;;;;;AAUa,MAAAA,IAAe,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACnC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW;AAAA,EAAWC,EAAoB,QAAQ,GAAG;AAAA,IAC9D,MAAMC,EAAcP,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAM,GAAA,EAAmB,MAAM,gBAAAN,EAAA,cAACO,OAAuB,GAAI;AAAA,IAC5D,YAAYC;AAAA,IACZ,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}
+{"version":3,"file":"ItalicButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/ItalicPlugin/ItalicButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getHotkeyByPlatform } from '@components/RichTextEditor/helpers/getHotkeyByPlatform';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconTextFormatItalic16 } from '@foundation/Icon/Generated';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const ItalicButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            tooltip={getTooltip(`Italic\\n${getHotkeyByPlatform('Ctrl+I')}`)}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatItalic16 />} />}\n            classNames={getButtonClassNames()}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["ItalicButton","editor","id","React","ButtonWrapper","MarkToolbarButton","getTooltip","getHotkeyByPlatform","getPluginType","IconStylingWrapper","IconTextFormatItalic16","getButtonClassNames","buttonStyles"],"mappings":";;;;;;AAUa,MAAAA,IAAe,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACnC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW;AAAA,EAAWC,EAAoB,QAAQ,GAAG;AAAA,IAC9D,MAAMC,EAAcP,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAM,GAAA,EAAmB,MAAM,gBAAAN,EAAA,cAACO,OAAuB,GAAI;AAAA,IAC5D,YAAYC,EAAoB;AAAA,IAChC,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}

package/dist/components/RichTextEditor/Plugins/LinkPlugin/LinkButton.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { PluginButtonProps } from '../types';
-export declare const LinkButton: ({ id }: PluginButtonProps) => JSX.Element;
+export declare const LinkButton: ({ id, editorId }: PluginButtonProps) => JSX.Element;

package/dist/components/RichTextEditor/Plugins/LinkPlugin/LinkButton.es.js

@@ -1,21 +1,28 @@
-import { getHotkeyByPlatform as e } from "../../helpers/getHotkeyByPlatform.es.js";
-import { getTooltip as r } from "../../helpers/getTooltip.es.js";
-import { LinkToolbarButton as n } from "@udecode/plate";
+import { getHotkeyByPlatform as l } from "../../helpers/getHotkeyByPlatform.es.js";
+import { getTooltip as s } from "../../helpers/getTooltip.es.js";
+import { usePlateEditorState as i, useEventPlateId as m, isRangeInSameBlock as c, LinkToolbarButton as p } from "@udecode/plate";
 import t from "react";
-import { ButtonWrapper as m, IconStylingWrapper as l, buttonClassNames as i, buttonStyles as a } from "../helper.es.js";
-import p from "../../../../foundation/Icon/Generated/IconLink16.es.js";
-const B = ({ id: o }) => /* @__PURE__ */ t.createElement(m, { id: o }, /* @__PURE__ */ t.createElement(
-  n,
-  {
-    tooltip: r(`Link
-${e("Ctrl+K")}`),
-    icon: /* @__PURE__ */ t.createElement(l, { icon: /* @__PURE__ */ t.createElement(p, null) }),
-    classNames: i,
-    styles: a,
-    actionHandler: "onMouseDown"
-  }
-));
+import { ButtonWrapper as u, IconStylingWrapper as f, buttonStyles as k, getButtonClassNames as E } from "../helper.es.js";
+import b from "../../../../foundation/Icon/Generated/IconLink16.es.js";
+const S = ({ id: n, editorId: r }) => {
+  const e = i(m(r)), o = !!c(e, {
+    at: e.selection
+  }), a = E(o);
+  return /* @__PURE__ */ t.createElement(u, { id: n }, /* @__PURE__ */ t.createElement(
+    p,
+    {
+      tooltip: s(
+        o ? `Link
+${l("Ctrl+K")}` : "Links can only be set for a single text block."
+      ),
+      icon: /* @__PURE__ */ t.createElement(f, { icon: /* @__PURE__ */ t.createElement(b, null) }),
+      classNames: a,
+      styles: k,
+      actionHandler: "onMouseDown"
+    }
+  ));
+};
 export {
-  B as LinkButton
+  S as LinkButton
 };
 //# sourceMappingURL=LinkButton.es.js.map

package/dist/components/RichTextEditor/Plugins/LinkPlugin/LinkButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getHotkeyByPlatform } from '@components/RichTextEditor/helpers/getHotkeyByPlatform';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconLink16 } from '@foundation/Icon/Generated';\nimport { LinkToolbarButton } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const LinkButton = ({ id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <LinkToolbarButton\n            tooltip={getTooltip(`Link\\n${getHotkeyByPlatform('Ctrl+K')}`)}\n            icon={<IconStylingWrapper icon={<IconLink16 />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["LinkButton","id","React","ButtonWrapper","LinkToolbarButton","getTooltip","getHotkeyByPlatform","IconStylingWrapper","IconLink16","buttonClassNames","buttonStyles"],"mappings":";;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,IAAAC,QACzB,gBAAAC,EAAA,cAACC,KAAc,IAAAF,KACX,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW;AAAA,EAASC,EAAoB,QAAQ,GAAG;AAAA,IAC5D,MAAO,gBAAAJ,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAAW,GAAI;AAAA,IAChD,YAAYC;AAAA,IACZ,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}
+{"version":3,"file":"LinkButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/LinkPlugin/LinkButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getHotkeyByPlatform } from '@components/RichTextEditor/helpers/getHotkeyByPlatform';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconLink16 } from '@foundation/Icon/Generated';\nimport { LinkToolbarButton, isRangeInSameBlock, useEventPlateId, usePlateEditorState } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const LinkButton = ({ id, editorId }: PluginButtonProps) => {\n    const editor = usePlateEditorState(useEventPlateId(editorId));\n    const isEnabled = !!isRangeInSameBlock(editor, {\n        at: editor.selection,\n    });\n    const buttonClassNames = getButtonClassNames(isEnabled);\n\n    return (\n        <ButtonWrapper id={id}>\n            <LinkToolbarButton\n                tooltip={getTooltip(\n                    isEnabled\n                        ? `Link\\n${getHotkeyByPlatform('Ctrl+K')}`\n                        : 'Links can only be set for a single text block.',\n                )}\n                icon={<IconStylingWrapper icon={<IconLink16 />} />}\n                classNames={buttonClassNames}\n                styles={buttonStyles}\n                actionHandler=\"onMouseDown\"\n            />\n        </ButtonWrapper>\n    );\n};\n"],"names":["LinkButton","id","editorId","editor","usePlateEditorState","useEventPlateId","isEnabled","isRangeInSameBlock","buttonClassNames","getButtonClassNames","React","ButtonWrapper","LinkToolbarButton","getTooltip","getHotkeyByPlatform","IconStylingWrapper","IconLink16","buttonStyles"],"mappings":";;;;;;AAUO,MAAMA,IAAa,CAAC,EAAE,IAAAC,GAAI,UAAAC,QAAkC;AAC/D,QAAMC,IAASC,EAAoBC,EAAgBH,CAAQ,CAAC,GACtDI,IAAY,CAAC,CAACC,EAAmBJ,GAAQ;AAAA,IAC3C,IAAIA,EAAO;AAAA,EAAA,CACd,GACKK,IAAmBC,EAAoBH,CAAS;AAGlD,SAAA,gBAAAI,EAAA,cAACC,KAAc,IAAAV,EACX,GAAA,gBAAAS,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAASC;AAAA,QACLP,IACM;AAAA,EAASQ,EAAoB,QAAQ,MACrC;AAAA,MACV;AAAA,MACA,MAAO,gBAAAJ,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAAW,GAAI;AAAA,MAChD,YAAYR;AAAA,MACZ,QAAQS;AAAA,MACR,eAAc;AAAA,IAAA;AAAA,EAAA,CAEtB;AAER;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListButton.es.js

@@ -1,7 +1,7 @@
 import { getTooltip as r } from "../../../helpers/getTooltip.es.js";
 import { ListToolbarButton as n, getPluginType as l } from "@udecode/plate";
 import t from "react";
-import { ButtonWrapper as m, IconStylingWrapper as s, buttonClassNames as i, buttonStyles as a } from "../../helper.es.js";
+import { ButtonWrapper as m, IconStylingWrapper as s, getButtonClassNames as i, buttonStyles as a } from "../../helper.es.js";
 import p from "../../../../../foundation/Icon/Generated/IconListNumbers16.es.js";
 const d = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(m, { id: e }, /* @__PURE__ */ t.createElement(
   n,
@@ -9,7 +9,7 @@ const d = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(m, { id: e }
     tooltip: r("Ordered list"),
     type: l(o, e),
     icon: /* @__PURE__ */ t.createElement(s, { icon: /* @__PURE__ */ t.createElement(p, null) }),
-    classNames: i,
+    classNames: i(),
     styles: a,
     actionHandler: "onMouseDown"
   }

package/dist/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderedListButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconListNumbers16 } from '@foundation/Icon/Generated';\nimport { ListToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../../helper';\nimport { PluginButtonProps } from '../../types';\n\nexport const OrderedListButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <ListToolbarButton\n            tooltip={getTooltip('Ordered list')}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconListNumbers16 />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["OrderedListButton","editor","id","React","ButtonWrapper","ListToolbarButton","getTooltip","getPluginType","IconStylingWrapper","IconListNumbers16","buttonClassNames","buttonStyles"],"mappings":";;;;;AASa,MAAAA,IAAoB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACxC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW,cAAc;AAAA,IAClC,MAAMC,EAAcN,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAAkB,GAAI;AAAA,IACvD,YAAYC;AAAA,IACZ,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}
+{"version":3,"file":"OrderedListButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/OrderedListPlugin/OrderedListButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconListNumbers16 } from '@foundation/Icon/Generated';\nimport { ListToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../../helper';\nimport { PluginButtonProps } from '../../types';\n\nexport const OrderedListButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <ListToolbarButton\n            tooltip={getTooltip('Ordered list')}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconListNumbers16 />} />}\n            classNames={getButtonClassNames()}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["OrderedListButton","editor","id","React","ButtonWrapper","ListToolbarButton","getTooltip","getPluginType","IconStylingWrapper","IconListNumbers16","getButtonClassNames","buttonStyles"],"mappings":";;;;;AASa,MAAAA,IAAoB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACxC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW,cAAc;AAAA,IAClC,MAAMC,EAAcN,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAAkB,GAAI;AAAA,IACvD,YAAYC,EAAoB;AAAA,IAChC,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListButton.es.js

@@ -1,20 +1,20 @@
 import t from "react";
 import { ListToolbarButton as r, getPluginType as n } from "@udecode/plate";
-import { ButtonWrapper as l, IconStylingWrapper as m, buttonClassNames as i, buttonStyles as s } from "../../helper.es.js";
+import { ButtonWrapper as l, IconStylingWrapper as m, getButtonClassNames as i, buttonStyles as s } from "../../helper.es.js";
 import { getTooltip as a } from "../../../helpers/getTooltip.es.js";
 import p from "../../../../../foundation/Icon/Generated/IconListBullet16.es.js";
-const g = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(l, { id: e }, /* @__PURE__ */ t.createElement(
+const y = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(l, { id: e }, /* @__PURE__ */ t.createElement(
   r,
   {
     tooltip: a("Bullet list"),
     type: n(o, e),
     icon: /* @__PURE__ */ t.createElement(m, { icon: /* @__PURE__ */ t.createElement(p, null) }),
-    classNames: i,
+    classNames: i(),
     styles: s,
     actionHandler: "onMouseDown"
   }
 ));
 export {
-  g as UnorderedListButton
+  y as UnorderedListButton
 };
 //# sourceMappingURL=UnorderedListButton.es.js.map

package/dist/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnorderedListButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ListToolbarButton, getPluginType } from '@udecode/plate';\nimport { IconListBullet16 } from '@foundation/Icon/Generated';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../../helper';\nimport { PluginButtonProps } from '../../types';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\n\nexport const UnorderedListButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <ListToolbarButton\n            tooltip={getTooltip('Bullet list')}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconListBullet16 />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["UnorderedListButton","editor","id","React","ButtonWrapper","ListToolbarButton","getTooltip","getPluginType","IconStylingWrapper","IconListBullet16","buttonClassNames","buttonStyles"],"mappings":";;;;;AASa,MAAAA,IAAsB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QAC1C,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW,aAAa;AAAA,IACjC,MAAMC,EAAcN,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAAiB,GAAI;AAAA,IACtD,YAAYC;AAAA,IACZ,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}
+{"version":3,"file":"UnorderedListButton.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ListPlugin/UnorderedListPlugin/UnorderedListButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { ListToolbarButton, getPluginType } from '@udecode/plate';\nimport { IconListBullet16 } from '@foundation/Icon/Generated';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../../helper';\nimport { PluginButtonProps } from '../../types';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\n\nexport const UnorderedListButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <ListToolbarButton\n            tooltip={getTooltip('Bullet list')}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconListBullet16 />} />}\n            classNames={getButtonClassNames()}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["UnorderedListButton","editor","id","React","ButtonWrapper","ListToolbarButton","getTooltip","getPluginType","IconStylingWrapper","IconListBullet16","getButtonClassNames","buttonStyles"],"mappings":";;;;;AASa,MAAAA,IAAsB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QAC1C,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW,aAAa;AAAA,IACjC,MAAMC,EAAcN,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAAiB,GAAI;AAAA,IACtD,YAAYC,EAAoB;AAAA,IAChC,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}

package/dist/components/RichTextEditor/Plugins/ResetFormattingPlugin/ResetFormattingButton/index.es.js

@@ -1,12 +1,12 @@
 import t from "react";
 import { ResetFormattingToolbarButton as o } from "./ResetFormattingToolbarButton.es.js";
-import { ButtonWrapper as r, IconStylingWrapper as n, buttonClassNames as m, buttonStyles as a } from "../../helper.es.js";
+import { ButtonWrapper as r, IconStylingWrapper as n, getButtonClassNames as m, buttonStyles as a } from "../../helper.es.js";
 import s from "../../../../../foundation/Icon/Generated/IconEraser16.es.js";
 const u = ({ id: e }) => /* @__PURE__ */ t.createElement(r, { id: e }, /* @__PURE__ */ t.createElement(
   o,
   {
     icon: /* @__PURE__ */ t.createElement(n, { icon: /* @__PURE__ */ t.createElement(s, null) }),
-    classNames: m,
+    classNames: m(),
     styles: a
   }
 ));

package/dist/components/RichTextEditor/Plugins/ResetFormattingPlugin/ResetFormattingButton/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ResetFormattingPlugin/ResetFormattingButton/index.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { IconEraser16 } from '@foundation/Icon/Generated';\nimport { ResetFormattingToolbarButton } from './ResetFormattingToolbarButton';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../../helper';\nimport { PluginButtonProps } from '../../types';\n\nexport const ResetFormattingButton = ({ id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <ResetFormattingToolbarButton\n            icon={<IconStylingWrapper icon={<IconEraser16 />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n        />\n    </ButtonWrapper>\n);\n"],"names":["ResetFormattingButton","id","React","ButtonWrapper","ResetFormattingToolbarButton","IconStylingWrapper","IconEraser16","buttonClassNames","buttonStyles"],"mappings":";;;;AAQO,MAAMA,IAAwB,CAAC,EAAE,IAAAC,QACpC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,KACX,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,MAAO,gBAAAF,EAAA,cAAAG,GAAA,EAAmB,MAAM,gBAAAH,EAAA,cAACI,OAAa,GAAI;AAAA,IAClD,YAAYC;AAAA,IACZ,QAAQC;AAAA,EAAA;AACZ,CACJ;"}
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/RichTextEditor/Plugins/ResetFormattingPlugin/ResetFormattingButton/index.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React from 'react';\nimport { IconEraser16 } from '@foundation/Icon/Generated';\nimport { ResetFormattingToolbarButton } from './ResetFormattingToolbarButton';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../../helper';\nimport { PluginButtonProps } from '../../types';\n\nexport const ResetFormattingButton = ({ id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <ResetFormattingToolbarButton\n            icon={<IconStylingWrapper icon={<IconEraser16 />} />}\n            classNames={getButtonClassNames()}\n            styles={buttonStyles}\n        />\n    </ButtonWrapper>\n);\n"],"names":["ResetFormattingButton","id","React","ButtonWrapper","ResetFormattingToolbarButton","IconStylingWrapper","IconEraser16","getButtonClassNames","buttonStyles"],"mappings":";;;;AAQO,MAAMA,IAAwB,CAAC,EAAE,IAAAC,QACpC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,KACX,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,MAAO,gBAAAF,EAAA,cAAAG,GAAA,EAAmB,MAAM,gBAAAH,EAAA,cAACI,OAAa,GAAI;AAAA,IAClD,YAAYC,EAAoB;AAAA,IAChC,QAAQC;AAAA,EAAA;AACZ,CACJ;"}

package/dist/components/RichTextEditor/Plugins/StrikethroughPlugin/StrikethroughButton.es.js

@@ -1,15 +1,15 @@
 import { getTooltip as r } from "../../helpers/getTooltip.es.js";
 import { MarkToolbarButton as n, getPluginType as m } from "@udecode/plate";
 import t from "react";
-import { ButtonWrapper as a, IconStylingWrapper as l, buttonClassNames as i, buttonStyles as p } from "../helper.es.js";
+import { ButtonWrapper as a, IconStylingWrapper as l, getButtonClassNames as i, buttonStyles as p } from "../helper.es.js";
 import c from "../../../../foundation/Icon/Generated/IconTextFormatStrikethrough.es.js";
-const y = ({ editor: e, id: o }) => /* @__PURE__ */ t.createElement(a, { id: o }, /* @__PURE__ */ t.createElement(
+const y = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(a, { id: e }, /* @__PURE__ */ t.createElement(
   n,
   {
     tooltip: r("Strikethrough"),
-    type: m(e, o),
+    type: m(o, e),
     icon: /* @__PURE__ */ t.createElement(l, { icon: /* @__PURE__ */ t.createElement(c, null) }),
-    classNames: i,
+    classNames: i(),
     styles: p,
     actionHandler: "onMouseDown"
   }

package/dist/components/RichTextEditor/Plugins/StrikethroughPlugin/StrikethroughButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"StrikethroughButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/StrikethroughPlugin/StrikethroughButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconTextFormatStrikethrough } from '@foundation/Icon/Generated';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const StrikethroughButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            tooltip={getTooltip('Strikethrough')}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatStrikethrough />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["StrikethroughButton","editor","id","React","ButtonWrapper","MarkToolbarButton","getTooltip","getPluginType","IconStylingWrapper","IconTextFormatStrikethrough","buttonClassNames","buttonStyles"],"mappings":";;;;;AASa,MAAAA,IAAsB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QAC1C,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW,eAAe;AAAA,IACnC,MAAMC,EAAcN,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAA4B,GAAI;AAAA,IACjE,YAAYC;AAAA,IACZ,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}
+{"version":3,"file":"StrikethroughButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/StrikethroughPlugin/StrikethroughButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconTextFormatStrikethrough } from '@foundation/Icon/Generated';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const StrikethroughButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            tooltip={getTooltip('Strikethrough')}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatStrikethrough />} />}\n            classNames={getButtonClassNames()}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["StrikethroughButton","editor","id","React","ButtonWrapper","MarkToolbarButton","getTooltip","getPluginType","IconStylingWrapper","IconTextFormatStrikethrough","getButtonClassNames","buttonStyles"],"mappings":";;;;;AASa,MAAAA,IAAsB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QAC1C,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW,eAAe;AAAA,IACnC,MAAMC,EAAcN,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAK,GAAA,EAAmB,MAAM,gBAAAL,EAAA,cAACM,OAA4B,GAAI;AAAA,IACjE,YAAYC,EAAoB;AAAA,IAChC,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineButton.es.js

@@ -2,7 +2,7 @@ import { getHotkeyByPlatform as r } from "../../helpers/getHotkeyByPlatform.es.j
 import { getTooltip as n } from "../../helpers/getTooltip.es.js";
 import { MarkToolbarButton as l, getPluginType as m } from "@udecode/plate";
 import t from "react";
-import { ButtonWrapper as a, IconStylingWrapper as i, buttonClassNames as p, buttonStyles as c } from "../helper.es.js";
+import { ButtonWrapper as a, IconStylingWrapper as i, getButtonClassNames as p, buttonStyles as c } from "../helper.es.js";
 import s from "../../../../foundation/Icon/Generated/IconTextFormatUnderline16.es.js";
 const T = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(a, { id: e }, /* @__PURE__ */ t.createElement(
   l,
@@ -11,7 +11,7 @@ const T = ({ editor: o, id: e }) => /* @__PURE__ */ t.createElement(a, { id: e }
 ${r("Ctrl+U")}`),
     type: m(o, e),
     icon: /* @__PURE__ */ t.createElement(i, { icon: /* @__PURE__ */ t.createElement(s, null) }),
-    classNames: p,
+    classNames: p(),
     styles: c,
     actionHandler: "onMouseDown"
   }

package/dist/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineButton.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnderlineButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getHotkeyByPlatform } from '@components/RichTextEditor/helpers/getHotkeyByPlatform';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconTextFormatUnderline16 } from '@foundation/Icon/Generated';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonClassNames, buttonStyles } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const UnderlineButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            tooltip={getTooltip(`Underline\\n${getHotkeyByPlatform('Ctrl+U')}`)}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatUnderline16 />} />}\n            classNames={buttonClassNames}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["UnderlineButton","editor","id","React","ButtonWrapper","MarkToolbarButton","getTooltip","getHotkeyByPlatform","getPluginType","IconStylingWrapper","IconTextFormatUnderline16","buttonClassNames","buttonStyles"],"mappings":";;;;;;AAUa,MAAAA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACtC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW;AAAA,EAAcC,EAAoB,QAAQ,GAAG;AAAA,IACjE,MAAMC,EAAcP,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAM,GAAA,EAAmB,MAAM,gBAAAN,EAAA,cAACO,OAA0B,GAAI;AAAA,IAC/D,YAAYC;AAAA,IACZ,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}
+{"version":3,"file":"UnderlineButton.es.js","sources":["../../../../../src/components/RichTextEditor/Plugins/UnderlinePlugin/UnderlineButton.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport { getHotkeyByPlatform } from '@components/RichTextEditor/helpers/getHotkeyByPlatform';\nimport { getTooltip } from '@components/RichTextEditor/helpers/getTooltip';\nimport { IconTextFormatUnderline16 } from '@foundation/Icon/Generated';\nimport { MarkToolbarButton, getPluginType } from '@udecode/plate';\nimport React from 'react';\nimport { ButtonWrapper, IconStylingWrapper, buttonStyles, getButtonClassNames } from '../helper';\nimport { PluginButtonProps } from '../types';\n\nexport const UnderlineButton = ({ editor, id }: PluginButtonProps) => (\n    <ButtonWrapper id={id}>\n        <MarkToolbarButton\n            tooltip={getTooltip(`Underline\\n${getHotkeyByPlatform('Ctrl+U')}`)}\n            type={getPluginType(editor, id)}\n            icon={<IconStylingWrapper icon={<IconTextFormatUnderline16 />} />}\n            classNames={getButtonClassNames()}\n            styles={buttonStyles}\n            actionHandler=\"onMouseDown\"\n        />\n    </ButtonWrapper>\n);\n"],"names":["UnderlineButton","editor","id","React","ButtonWrapper","MarkToolbarButton","getTooltip","getHotkeyByPlatform","getPluginType","IconStylingWrapper","IconTextFormatUnderline16","getButtonClassNames","buttonStyles"],"mappings":";;;;;;AAUa,MAAAA,IAAkB,CAAC,EAAE,QAAAC,GAAQ,IAAAC,QACtC,gBAAAC,EAAA,cAACC,KAAc,IAAAF,EACX,GAAA,gBAAAC,EAAA;AAAA,EAACE;AAAA,EAAA;AAAA,IACG,SAASC,EAAW;AAAA,EAAcC,EAAoB,QAAQ,GAAG;AAAA,IACjE,MAAMC,EAAcP,GAAQC,CAAE;AAAA,IAC9B,MAAO,gBAAAC,EAAA,cAAAM,GAAA,EAAmB,MAAM,gBAAAN,EAAA,cAACO,OAA0B,GAAI;AAAA,IAC/D,YAAYC,EAAoB;AAAA,IAChC,QAAQC;AAAA,IACR,eAAc;AAAA,EAAA;AAClB,CACJ;"}

package/dist/components/RichTextEditor/Plugins/helper.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { ButtonGroupProps, IconStylingWrapperProps } from './types';
 export declare const IconStylingWrapper: ({ icon }: IconStylingWrapperProps) => JSX.Element;
-export declare const buttonClassNames: {
+export declare const getButtonClassNames: (isEnabled?: boolean) => {
     root: string;
     active: string;
 };

package/dist/components/RichTextEditor/Plugins/helper.es.js

@@ -1,13 +1,13 @@
 import o from "react";
-const s = ({ icon: t }) => /* @__PURE__ */ o.createElement("span", { className: "tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex" }, t), n = {
-  root: "tw-ml-0.5 !tw-text-text-weak hover:!tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded",
+const a = ({ icon: t }) => /* @__PURE__ */ o.createElement("span", { className: "tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex" }, t), r = "tw-ml-0.5 !tw-text-text-weak hover:!tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded", n = (t = !0) => ({
+  root: t ? r : "!tw-text-text-weak !tw-cursor-not-allowed !tw-opacity-50",
   active: "!tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse"
-}, a = { root: { width: "24px", height: "24px" } }, c = ({ index: t, children: e }) => /* @__PURE__ */ o.createElement("div", { "data-test-id": `toolbar-group-${t}`, className: "tw-flex tw-items-center tw-h-9 tw-p-2" }, e), w = ({ children: t, id: e }) => /* @__PURE__ */ o.createElement("div", { "data-plugin-id": e }, t);
+}), w = { root: { width: "24px", height: "24px" } }, c = ({ index: t, children: e }) => /* @__PURE__ */ o.createElement("div", { "data-test-id": `toolbar-group-${t}`, className: "tw-flex tw-items-center tw-h-9 tw-p-2" }, e), l = ({ children: t, id: e }) => /* @__PURE__ */ o.createElement("div", { "data-plugin-id": e }, t);
 export {
   c as ButtonGroupWrapper,
-  w as ButtonWrapper,
-  s as IconStylingWrapper,
-  n as buttonClassNames,
-  a as buttonStyles
+  l as ButtonWrapper,
+  a as IconStylingWrapper,
+  w as buttonStyles,
+  n as getButtonClassNames
 };
 //# sourceMappingURL=helper.es.js.map

package/dist/components/RichTextEditor/Plugins/helper.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"helper.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/helper.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactNode } from 'react';\nimport { ButtonGroupProps, IconStylingWrapperProps } from './types';\n\nexport const IconStylingWrapper = ({ icon }: IconStylingWrapperProps) => (\n    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">{icon}</span>\n);\n\nexport const buttonClassNames = {\n    root: 'tw-ml-0.5 !tw-text-text-weak hover:!tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded',\n    active: '!tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse',\n};\nexport const buttonStyles = { root: { width: '24px', height: '24px' } };\n\nexport const ButtonGroupWrapper = ({ index, children }: ButtonGroupProps) => (\n    <div data-test-id={`toolbar-group-${index}`} className=\"tw-flex tw-items-center tw-h-9 tw-p-2\">\n        {children}\n    </div>\n);\n\nexport const ButtonWrapper = ({ children, id }: { children: ReactNode; id: string }) => (\n    <div data-plugin-id={id}>{children}</div>\n);\n"],"names":["IconStylingWrapper","icon","React","buttonClassNames","buttonStyles","ButtonGroupWrapper","index","children","ButtonWrapper","id"],"mappings":";AAKa,MAAAA,IAAqB,CAAC,EAAE,MAAAC,QAChC,gBAAAC,EAAA,cAAA,QAAA,EAAK,WAAU,0DAAA,GAA2DD,CAAK,GAGvEE,IAAmB;AAAA,EAC5B,MAAM;AAAA,EACN,QAAQ;AACZ,GACaC,IAAe,EAAE,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,GAEzDC,IAAqB,CAAC,EAAE,OAAAC,GAAO,UAAAC,EAAS,MAChD,gBAAAL,EAAA,cAAA,OAAA,EAAI,gBAAc,iBAAiBI,KAAS,WAAU,2CAClDC,CACL,GAGSC,IAAgB,CAAC,EAAE,UAAAD,GAAU,IAAAE,QACrC,gBAAAP,EAAA,cAAA,OAAA,EAAI,kBAAgBO,EAAA,GAAKF,CAAS;"}
+{"version":3,"file":"helper.es.js","sources":["../../../../src/components/RichTextEditor/Plugins/helper.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { ReactNode } from 'react';\nimport { ButtonGroupProps, IconStylingWrapperProps } from './types';\n\nexport const IconStylingWrapper = ({ icon }: IconStylingWrapperProps) => (\n    <span className=\"tw-p-2 tw-h-8 tw-justify-center tw-items-center tw-flex\">{icon}</span>\n);\n\nconst buttonRootClassNames =\n    'tw-ml-0.5 !tw-text-text-weak hover:!tw-bg-box-selected hover:!tw-text-box-selected-inverse hover:tw-rounded';\n\nexport const getButtonClassNames = (isEnabled = true) => ({\n    root: isEnabled ? buttonRootClassNames : '!tw-text-text-weak !tw-cursor-not-allowed !tw-opacity-50',\n    active: '!tw-bg-box-selected tw-rounded !tw-text-box-selected-inverse',\n});\nexport const buttonStyles = { root: { width: '24px', height: '24px' } };\n\nexport const ButtonGroupWrapper = ({ index, children }: ButtonGroupProps) => (\n    <div data-test-id={`toolbar-group-${index}`} className=\"tw-flex tw-items-center tw-h-9 tw-p-2\">\n        {children}\n    </div>\n);\n\nexport const ButtonWrapper = ({ children, id }: { children: ReactNode; id: string }) => (\n    <div data-plugin-id={id}>{children}</div>\n);\n"],"names":["IconStylingWrapper","icon","React","buttonRootClassNames","getButtonClassNames","isEnabled","buttonStyles","ButtonGroupWrapper","index","children","ButtonWrapper","id"],"mappings":";AAKa,MAAAA,IAAqB,CAAC,EAAE,MAAAC,QAChC,gBAAAC,EAAA,cAAA,QAAA,EAAK,WAAU,0DAAA,GAA2DD,CAAK,GAG9EE,IACF,+GAESC,IAAsB,CAACC,IAAY,QAAU;AAAA,EACtD,MAAMA,IAAYF,IAAuB;AAAA,EACzC,QAAQ;AACZ,IACaG,IAAe,EAAE,MAAM,EAAE,OAAO,QAAQ,QAAQ,SAAS,GAEzDC,IAAqB,CAAC,EAAE,OAAAC,GAAO,UAAAC,EAAS,MAChD,gBAAAP,EAAA,cAAA,OAAA,EAAI,gBAAc,iBAAiBM,KAAS,WAAU,2CAClDC,CACL,GAGSC,IAAgB,CAAC,EAAE,UAAAD,GAAU,IAAAE,QACrC,gBAAAT,EAAA,cAAA,OAAA,EAAI,kBAAgBS,EAAA,GAAKF,CAAS;"}

package/dist/components/Switch/Switch.d.ts

@@ -3,8 +3,7 @@ import { InputLabelTooltipProps } from '../InputLabel/InputLabel';
 export declare const SWITCH_ID = "switch-container";
 export declare enum SwitchSize {
     Small = "Small",
-    Medium = "Medium",
-    Large = "Large"
+    Medium = "Medium"
 }
 export type SwitchProps = {
     id?: string;

package/dist/components/Switch/Switch.es.js

@@ -3,13 +3,12 @@ import { merge as n } from "../../utilities/merge.es.js";
 import { useFocusRing as k } from "@react-aria/focus";
 import { FOCUS_STYLE as M } from "../../utilities/focusStyle.es.js";
 import { useMemoizedId as E } from "../../hooks/useMemoizedId.es.js";
-import { InputLabel as L } from "../InputLabel/InputLabel.es.js";
-const T = "switch-container";
-var W = /* @__PURE__ */ ((s) => (s.Small = "Small", s.Medium = "Medium", s.Large = "Large", s))(W || {});
-const F = {
+import { InputLabel as F } from "../InputLabel/InputLabel.es.js";
+const N = "switch-container";
+var T = /* @__PURE__ */ ((a) => (a.Small = "Small", a.Medium = "Medium", a))(T || {});
+const W = {
   Small: "tw-w-[22px] tw-h-3",
-  Medium: "tw-w-[30px] tw-h-4",
-  Large: "tw-w-[38px] tw-h-5"
+  Medium: "tw-w-[30px] tw-h-4"
 }, w = {
   Small: {
     dimensions: "tw-w-3 tw-h-3",
@@ -20,50 +19,45 @@ const F = {
     dimensions: "tw-w-4 tw-h-4",
     activeWidth: "group-active:tw-w-[18px]",
     activeTranslation: "tw-translate-x-[13px]"
-  },
-  Large: {
-    dimensions: "tw-w-5 tw-h-5",
-    activeWidth: "group-active:tw-w-[22px]",
-    activeTranslation: "tw-translate-x-[17px]"
   }
-}, N = ({
-  id: s,
-  name: b,
+}, I = ({
+  id: a,
+  name: p,
   label: c,
-  disabled: a,
+  disabled: s,
   onChange: x,
   size: t = "Medium",
   on: e = !1,
   hug: m = !1,
   tooltip: v
 }) => {
-  const d = E(s), { isFocusVisible: u, focusProps: g } = k(), C = i(() => n(["tw-group tw-border tw-inline-flex tw-rounded-full tw-shrink-0 tw-p-0 tw-transition-colors", a ? "tw-bg-box-disabled tw-border-line tw-pointer-events-none" : e ? "tw-bg-text-weak tw-border-line-xx-strong hover:tw-bg-text" : "tw-bg-box-neutral tw-border-line-x-strong hover:tw-bg-box-neutral-hover", F[t], u && M]), [e, a, t, u]), f = i(() => {
+  const d = E(a), { isFocusVisible: u, focusProps: C } = k(), f = i(() => n(["tw-group tw-border tw-inline-flex tw-rounded-full tw-shrink-0 tw-p-0 tw-transition-colors", s ? "tw-bg-box-disabled tw-border-line tw-pointer-events-none" : e ? "tw-bg-text-weak tw-border-line-xx-strong hover:tw-bg-text" : "tw-bg-box-neutral tw-border-line-x-strong hover:tw-bg-box-neutral-hover", W[t], u && M]), [e, s, t, u]), g = i(() => {
     const o = "tw-relative tw-self-center tw-transition-transform", l = e && w[t].activeTranslation;
     return n([o, w[t].dimensions, l]);
   }, [e, t]), h = i(() => {
-    const o = "tw-border tw-bg-base tw-rounded-full tw-absolute tw-block tw-self-center tw-transition-width tw-duration-75", l = e ? "tw-right-0" : "tw-left-0 -tw-translate-x-px", p = a ? "tw-border-line-strong" : n(["tw-bg-base tw-border-line-xx-strong", w[t].activeWidth]);
-    return n([o, w[t].dimensions, l, p]);
-  }, [e, a, t]), S = i(() => n(["tw-gap-2 tw-items-center tw-justify-between", m ? "tw-inline-flex" : "tw-flex"]), [m]);
-  return /* @__PURE__ */ r.createElement("div", { className: S, "data-test-id": T }, c && /* @__PURE__ */ r.createElement(L, { clickable: !0, htmlFor: d, disabled: a, tooltip: v }, c), /* @__PURE__ */ r.createElement(
+    const o = "tw-border tw-bg-base tw-rounded-full tw-absolute tw-block tw-self-center tw-transition-width tw-duration-75", l = e ? "tw-right-0" : "tw-left-0 -tw-translate-x-px", b = s ? "tw-border-line-strong" : n(["tw-bg-base tw-border-line-xx-strong", w[t].activeWidth]);
+    return n([o, w[t].dimensions, l, b]);
+  }, [e, s, t]), S = i(() => n(["tw-gap-2 tw-items-center tw-justify-between", m ? "tw-inline-flex" : "tw-flex"]), [m]);
+  return /* @__PURE__ */ r.createElement("div", { className: S, "data-test-id": N }, c && /* @__PURE__ */ r.createElement(F, { clickable: !0, htmlFor: d, disabled: s, tooltip: v }, c), /* @__PURE__ */ r.createElement(
     "button",
     {
-      ...g,
+      ...C,
       id: d,
-      disabled: a,
-      name: b,
+      disabled: s,
+      name: p,
       "data-test-id": "switch",
-      className: C,
+      className: f,
       value: e.toString(),
       onClick: x,
       type: "button"
     },
-    /* @__PURE__ */ r.createElement("div", { className: f }, /* @__PURE__ */ r.createElement("div", { className: h }))
+    /* @__PURE__ */ r.createElement("div", { className: g }, /* @__PURE__ */ r.createElement("div", { className: h }))
   ));
 };
-N.displayName = "FondueSwitch";
+I.displayName = "FondueSwitch";
 export {
-  T as SWITCH_ID,
-  N as Switch,
-  W as SwitchSize
+  N as SWITCH_ID,
+  I as Switch,
+  T as SwitchSize
 };
 //# sourceMappingURL=Switch.es.js.map

package/dist/components/Switch/Switch.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.es.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, MouseEvent, useMemo } from 'react';\nimport { merge } from '@utilities/merge';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { InputLabel, InputLabelTooltipProps } from '@components/InputLabel/InputLabel';\n\nexport const SWITCH_ID = 'switch-container';\n\nexport enum SwitchSize {\n    Small = 'Small',\n    Medium = 'Medium',\n    Large = 'Large',\n}\n\nconst trackSizeClasses: Record<SwitchSize, string> = {\n    [SwitchSize.Small]: 'tw-w-[22px] tw-h-3',\n    [SwitchSize.Medium]: 'tw-w-[30px] tw-h-4',\n    [SwitchSize.Large]: 'tw-w-[38px] tw-h-5',\n};\n\nconst dotSizeClasses: Record<SwitchSize, Record<'dimensions' | 'activeWidth' | 'activeTranslation', string>> = {\n    [SwitchSize.Small]: {\n        dimensions: 'tw-w-3 tw-h-3',\n        activeWidth: 'group-active:tw-w-[14px]',\n        activeTranslation: 'tw-translate-x-[9px]',\n    },\n    [SwitchSize.Medium]: {\n        dimensions: 'tw-w-4 tw-h-4',\n        activeWidth: 'group-active:tw-w-[18px]',\n        activeTranslation: 'tw-translate-x-[13px]',\n    },\n    [SwitchSize.Large]: {\n        dimensions: 'tw-w-5 tw-h-5',\n        activeWidth: 'group-active:tw-w-[22px]',\n        activeTranslation: 'tw-translate-x-[17px]',\n    },\n};\n\nexport type SwitchProps = {\n    id?: string;\n    on?: boolean;\n    disabled?: boolean;\n    label?: string;\n    name?: string;\n    size?: SwitchSize;\n    hug?: boolean;\n    tooltip?: InputLabelTooltipProps;\n    onChange?: (e: MouseEvent) => void;\n};\n\nexport const Switch: FC<SwitchProps> = ({\n    id: propId,\n    name,\n    label,\n    disabled,\n    onChange,\n    size = SwitchSize.Medium,\n    on = false,\n    hug = false,\n    tooltip,\n}) => {\n    const id = useMemoizedId(propId);\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    // The track on which the dot moves\n    const trackClasses = useMemo(() => {\n        const baseClasses = 'tw-group tw-border tw-inline-flex tw-rounded-full tw-shrink-0 tw-p-0 tw-transition-colors';\n\n        const valueClasses = on\n            ? 'tw-bg-text-weak tw-border-line-xx-strong hover:tw-bg-text'\n            : 'tw-bg-box-neutral tw-border-line-x-strong hover:tw-bg-box-neutral-hover';\n\n        const disabledClasses = disabled ? 'tw-bg-box-disabled tw-border-line tw-pointer-events-none' : valueClasses;\n\n        return merge([baseClasses, disabledClasses, trackSizeClasses[size], isFocusVisible && FOCUS_STYLE]);\n    }, [on, disabled, size, isFocusVisible]);\n\n    // Responsible for the left-right translation\n    const dotWrapperClasses = useMemo(() => {\n        const baseClasses = 'tw-relative tw-self-center tw-transition-transform';\n\n        const valueClasses = on && dotSizeClasses[size].activeTranslation;\n\n        return merge([baseClasses, dotSizeClasses[size].dimensions, valueClasses]);\n    }, [on, size]);\n\n    // Responsible for dot styling and width animation on hover\n    const dotClasses = useMemo(() => {\n        const baseClasses =\n            'tw-border tw-bg-base tw-rounded-full tw-absolute tw-block tw-self-center tw-transition-width tw-duration-75';\n\n        const valueClasses = on ? 'tw-right-0' : 'tw-left-0 -tw-translate-x-px';\n\n        const disabledStateClasses = disabled\n            ? 'tw-border-line-strong'\n            : merge(['tw-bg-base tw-border-line-xx-strong', dotSizeClasses[size].activeWidth]);\n\n        return merge([baseClasses, dotSizeClasses[size].dimensions, valueClasses, disabledStateClasses]);\n    }, [on, disabled, size]);\n\n    // Wraps the InputLabel instance and switch element\n    const containerClasses = useMemo(() => {\n        return merge(['tw-gap-2 tw-items-center tw-justify-between', hug ? 'tw-inline-flex' : 'tw-flex']);\n    }, [hug]);\n\n    return (\n        <div className={containerClasses} data-test-id={SWITCH_ID}>\n            {label && (\n                <InputLabel clickable={true} htmlFor={id} disabled={disabled} tooltip={tooltip}>\n                    {label}\n                </InputLabel>\n            )}\n            <button\n                {...focusProps}\n                id={id}\n                disabled={disabled}\n                name={name}\n                data-test-id=\"switch\"\n                className={trackClasses}\n                value={on.toString()}\n                onClick={onChange}\n                type=\"button\"\n            >\n                <div className={dotWrapperClasses}>\n                    <div className={dotClasses} />\n                </div>\n            </button>\n        </div>\n    );\n};\nSwitch.displayName = 'FondueSwitch';\n"],"names":["SWITCH_ID","SwitchSize","trackSizeClasses","dotSizeClasses","Switch","propId","name","label","disabled","onChange","size","on","hug","tooltip","id","useMemoizedId","isFocusVisible","focusProps","useFocusRing","trackClasses","useMemo","merge","FOCUS_STYLE","dotWrapperClasses","baseClasses","valueClasses","dotClasses","disabledStateClasses","containerClasses","React","InputLabel"],"mappings":";;;;;;AASO,MAAMA,IAAY;AAEb,IAAAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UACTA,EAAA,QAAQ,SAHAA,IAAAA,KAAA,CAAA,CAAA;AAMZ,MAAMC,IAA+C;AAAA,EAChD,OAAmB;AAAA,EACnB,QAAoB;AAAA,EACpB,OAAmB;AACxB,GAEMC,IAAyG;AAAA,EAC1G,OAAmB;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,mBAAmB;AAAA,EACvB;AAAA,EACC,QAAoB;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,mBAAmB;AAAA,EACvB;AAAA,EACC,OAAmB;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,mBAAmB;AAAA,EACvB;AACJ,GAcaC,IAA0B,CAAC;AAAA,EACpC,IAAIC;AAAA,EACJ,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAK;AAAA,EACL,KAAAC,IAAM;AAAA,EACN,SAAAC;AACJ,MAAM;AACI,QAAAC,IAAKC,EAAcV,CAAM,GACzB,EAAE,gBAAAW,GAAgB,YAAAC,EAAW,IAAIC,EAAa,GAG9CC,IAAeC,EAAQ,MASlBC,EAAM,CARO,6FAMIb,IAAW,6DAJdG,IACf,8DACA,2EAIsCT,EAAiBQ,CAAI,GAAGM,KAAkBM,CAAW,CAAC,GACnG,CAACX,GAAIH,GAAUE,GAAMM,CAAc,CAAC,GAGjCO,IAAoBH,EAAQ,MAAM;AACpC,UAAMI,IAAc,sDAEdC,IAAed,KAAMR,EAAeO,CAAI,EAAE;AAEzC,WAAAW,EAAM,CAACG,GAAarB,EAAeO,CAAI,EAAE,YAAYe,CAAY,CAAC;AAAA,EAAA,GAC1E,CAACd,GAAID,CAAI,CAAC,GAGPgB,IAAaN,EAAQ,MAAM;AAC7B,UAAMI,IACF,+GAEEC,IAAed,IAAK,eAAe,gCAEnCgB,IAAuBnB,IACvB,0BACAa,EAAM,CAAC,uCAAuClB,EAAeO,CAAI,EAAE,WAAW,CAAC;AAE9E,WAAAW,EAAM,CAACG,GAAarB,EAAeO,CAAI,EAAE,YAAYe,GAAcE,CAAoB,CAAC;AAAA,EAChG,GAAA,CAAChB,GAAIH,GAAUE,CAAI,CAAC,GAGjBkB,IAAmBR,EAAQ,MACtBC,EAAM,CAAC,+CAA+CT,IAAM,mBAAmB,SAAS,CAAC,GACjG,CAACA,CAAG,CAAC;AAER,yCACK,OAAI,EAAA,WAAWgB,GAAkB,gBAAc5B,KAC3CO,KACG,gBAAAsB,EAAA,cAACC,GAAW,EAAA,WAAW,IAAM,SAAShB,GAAI,UAAAN,GAAoB,SAAAK,KACzDN,CACL,GAEJ,gBAAAsB,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGZ;AAAA,MACJ,IAAAH;AAAA,MACA,UAAAN;AAAA,MACA,MAAAF;AAAA,MACA,gBAAa;AAAA,MACb,WAAWa;AAAA,MACX,OAAOR,EAAG,SAAS;AAAA,MACnB,SAASF;AAAA,MACT,MAAK;AAAA,IAAA;AAAA,IAEL,gBAAAoB,EAAA,cAAC,SAAI,WAAWN,EAAA,mCACX,OAAI,EAAA,WAAWG,EAAY,CAAA,CAChC;AAAA,EAAA,CAER;AAER;AACAtB,EAAO,cAAc;"}
+{"version":3,"file":"Switch.es.js","sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["/* (c) Copyright Frontify Ltd., all rights reserved. */\n\nimport React, { FC, MouseEvent, useMemo } from 'react';\nimport { merge } from '@utilities/merge';\nimport { useFocusRing } from '@react-aria/focus';\nimport { FOCUS_STYLE } from '@utilities/focusStyle';\nimport { useMemoizedId } from '@hooks/useMemoizedId';\nimport { InputLabel, InputLabelTooltipProps } from '@components/InputLabel/InputLabel';\n\nexport const SWITCH_ID = 'switch-container';\n\nexport enum SwitchSize {\n    Small = 'Small',\n    Medium = 'Medium',\n}\n\nconst trackSizeClasses: Record<SwitchSize, string> = {\n    [SwitchSize.Small]: 'tw-w-[22px] tw-h-3',\n    [SwitchSize.Medium]: 'tw-w-[30px] tw-h-4',\n};\n\nconst dotSizeClasses: Record<SwitchSize, Record<'dimensions' | 'activeWidth' | 'activeTranslation', string>> = {\n    [SwitchSize.Small]: {\n        dimensions: 'tw-w-3 tw-h-3',\n        activeWidth: 'group-active:tw-w-[14px]',\n        activeTranslation: 'tw-translate-x-[9px]',\n    },\n    [SwitchSize.Medium]: {\n        dimensions: 'tw-w-4 tw-h-4',\n        activeWidth: 'group-active:tw-w-[18px]',\n        activeTranslation: 'tw-translate-x-[13px]',\n    },\n};\n\nexport type SwitchProps = {\n    id?: string;\n    on?: boolean;\n    disabled?: boolean;\n    label?: string;\n    name?: string;\n    size?: SwitchSize;\n    hug?: boolean;\n    tooltip?: InputLabelTooltipProps;\n    onChange?: (e: MouseEvent) => void;\n};\n\nexport const Switch: FC<SwitchProps> = ({\n    id: propId,\n    name,\n    label,\n    disabled,\n    onChange,\n    size = SwitchSize.Medium,\n    on = false,\n    hug = false,\n    tooltip,\n}) => {\n    const id = useMemoizedId(propId);\n    const { isFocusVisible, focusProps } = useFocusRing();\n\n    // The track on which the dot moves\n    const trackClasses = useMemo(() => {\n        const baseClasses = 'tw-group tw-border tw-inline-flex tw-rounded-full tw-shrink-0 tw-p-0 tw-transition-colors';\n\n        const valueClasses = on\n            ? 'tw-bg-text-weak tw-border-line-xx-strong hover:tw-bg-text'\n            : 'tw-bg-box-neutral tw-border-line-x-strong hover:tw-bg-box-neutral-hover';\n\n        const disabledClasses = disabled ? 'tw-bg-box-disabled tw-border-line tw-pointer-events-none' : valueClasses;\n\n        return merge([baseClasses, disabledClasses, trackSizeClasses[size], isFocusVisible && FOCUS_STYLE]);\n    }, [on, disabled, size, isFocusVisible]);\n\n    // Responsible for the left-right translation\n    const dotWrapperClasses = useMemo(() => {\n        const baseClasses = 'tw-relative tw-self-center tw-transition-transform';\n\n        const valueClasses = on && dotSizeClasses[size].activeTranslation;\n\n        return merge([baseClasses, dotSizeClasses[size].dimensions, valueClasses]);\n    }, [on, size]);\n\n    // Responsible for dot styling and width animation on hover\n    const dotClasses = useMemo(() => {\n        const baseClasses =\n            'tw-border tw-bg-base tw-rounded-full tw-absolute tw-block tw-self-center tw-transition-width tw-duration-75';\n\n        const valueClasses = on ? 'tw-right-0' : 'tw-left-0 -tw-translate-x-px';\n\n        const disabledStateClasses = disabled\n            ? 'tw-border-line-strong'\n            : merge(['tw-bg-base tw-border-line-xx-strong', dotSizeClasses[size].activeWidth]);\n\n        return merge([baseClasses, dotSizeClasses[size].dimensions, valueClasses, disabledStateClasses]);\n    }, [on, disabled, size]);\n\n    // Wraps the InputLabel instance and switch element\n    const containerClasses = useMemo(() => {\n        return merge(['tw-gap-2 tw-items-center tw-justify-between', hug ? 'tw-inline-flex' : 'tw-flex']);\n    }, [hug]);\n\n    return (\n        <div className={containerClasses} data-test-id={SWITCH_ID}>\n            {label && (\n                <InputLabel clickable={true} htmlFor={id} disabled={disabled} tooltip={tooltip}>\n                    {label}\n                </InputLabel>\n            )}\n            <button\n                {...focusProps}\n                id={id}\n                disabled={disabled}\n                name={name}\n                data-test-id=\"switch\"\n                className={trackClasses}\n                value={on.toString()}\n                onClick={onChange}\n                type=\"button\"\n            >\n                <div className={dotWrapperClasses}>\n                    <div className={dotClasses} />\n                </div>\n            </button>\n        </div>\n    );\n};\nSwitch.displayName = 'FondueSwitch';\n"],"names":["SWITCH_ID","SwitchSize","trackSizeClasses","dotSizeClasses","Switch","propId","name","label","disabled","onChange","size","on","hug","tooltip","id","useMemoizedId","isFocusVisible","focusProps","useFocusRing","trackClasses","useMemo","merge","FOCUS_STYLE","dotWrapperClasses","baseClasses","valueClasses","dotClasses","disabledStateClasses","containerClasses","React","InputLabel"],"mappings":";;;;;;AASO,MAAMA,IAAY;AAEb,IAAAC,sBAAAA,OACRA,EAAA,QAAQ,SACRA,EAAA,SAAS,UAFDA,IAAAA,KAAA,CAAA,CAAA;AAKZ,MAAMC,IAA+C;AAAA,EAChD,OAAmB;AAAA,EACnB,QAAoB;AACzB,GAEMC,IAAyG;AAAA,EAC1G,OAAmB;AAAA,IAChB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,mBAAmB;AAAA,EACvB;AAAA,EACC,QAAoB;AAAA,IACjB,YAAY;AAAA,IACZ,aAAa;AAAA,IACb,mBAAmB;AAAA,EACvB;AACJ,GAcaC,IAA0B,CAAC;AAAA,EACpC,IAAIC;AAAA,EACJ,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,IAAAC,IAAK;AAAA,EACL,KAAAC,IAAM;AAAA,EACN,SAAAC;AACJ,MAAM;AACI,QAAAC,IAAKC,EAAcV,CAAM,GACzB,EAAE,gBAAAW,GAAgB,YAAAC,EAAW,IAAIC,EAAa,GAG9CC,IAAeC,EAAQ,MASlBC,EAAM,CARO,6FAMIb,IAAW,6DAJdG,IACf,8DACA,2EAIsCT,EAAiBQ,CAAI,GAAGM,KAAkBM,CAAW,CAAC,GACnG,CAACX,GAAIH,GAAUE,GAAMM,CAAc,CAAC,GAGjCO,IAAoBH,EAAQ,MAAM;AACpC,UAAMI,IAAc,sDAEdC,IAAed,KAAMR,EAAeO,CAAI,EAAE;AAEzC,WAAAW,EAAM,CAACG,GAAarB,EAAeO,CAAI,EAAE,YAAYe,CAAY,CAAC;AAAA,EAAA,GAC1E,CAACd,GAAID,CAAI,CAAC,GAGPgB,IAAaN,EAAQ,MAAM;AAC7B,UAAMI,IACF,+GAEEC,IAAed,IAAK,eAAe,gCAEnCgB,IAAuBnB,IACvB,0BACAa,EAAM,CAAC,uCAAuClB,EAAeO,CAAI,EAAE,WAAW,CAAC;AAE9E,WAAAW,EAAM,CAACG,GAAarB,EAAeO,CAAI,EAAE,YAAYe,GAAcE,CAAoB,CAAC;AAAA,EAChG,GAAA,CAAChB,GAAIH,GAAUE,CAAI,CAAC,GAGjBkB,IAAmBR,EAAQ,MACtBC,EAAM,CAAC,+CAA+CT,IAAM,mBAAmB,SAAS,CAAC,GACjG,CAACA,CAAG,CAAC;AAER,yCACK,OAAI,EAAA,WAAWgB,GAAkB,gBAAc5B,KAC3CO,KACG,gBAAAsB,EAAA,cAACC,GAAW,EAAA,WAAW,IAAM,SAAShB,GAAI,UAAAN,GAAoB,SAAAK,KACzDN,CACL,GAEJ,gBAAAsB,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAGZ;AAAA,MACJ,IAAAH;AAAA,MACA,UAAAN;AAAA,MACA,MAAAF;AAAA,MACA,gBAAa;AAAA,MACb,WAAWa;AAAA,MACX,OAAOR,EAAG,SAAS;AAAA,MACnB,SAASF;AAAA,MACT,MAAK;AAAA,IAAA;AAAA,IAEL,gBAAAoB,EAAA,cAAC,SAAI,WAAWN,EAAA,mCACX,OAAI,EAAA,WAAWG,EAAY,CAAA,CAChC;AAAA,EAAA,CAER;AAER;AACAtB,EAAO,cAAc;"}