@mantine/tiptap 5.7.2

package/cjs/controls/ColorPickerControl/ColorPickerControl.js

@@ -0,0 +1,177 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var hooks = require('@mantine/hooks');
+var icons = require('@tabler/icons');
+var Control = require('../Control/Control.js');
+var RichTextEditor_context = require('../../RichTextEditor.context.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const ColorPickerControl = React.forwardRef((_a, ref) => {
+  var _b = _a, { popoverProps, colors, disableTooltips, colorPickerProps } = _b, others = __objRest(_b, ["popoverProps", "colors", "disableTooltips", "colorPickerProps"]);
+  const { unstyled } = core.useContextStylesApi();
+  const { editor, labels } = RichTextEditor_context.useRichTextEditorContext();
+  const [opened, { toggle, close }] = hooks.useDisclosure(false);
+  const [state, setState] = React.useState("palette");
+  const currentColor = (editor == null ? void 0 : editor.getAttributes("textStyle").color) || "#000";
+  const handleChange = (value, shouldClose = true) => {
+    editor.chain().focus().setColor(value).run();
+    shouldClose && close();
+  };
+  const handleClear = () => {
+    editor.chain().focus().unsetColor().run();
+    close();
+  };
+  const controls = colors.map((color, index) => /* @__PURE__ */ React__default.createElement(core.ColorSwatch, {
+    key: index,
+    component: "button",
+    color,
+    onClick: () => handleChange(color),
+    size: 26,
+    radius: "xs",
+    sx: { cursor: "pointer" },
+    title: labels.colorPickerColorLabel(color),
+    "aria-label": labels.colorPickerColorLabel(color),
+    unstyled
+  }));
+  return /* @__PURE__ */ React__default.createElement(core.Popover, __spreadValues({
+    opened,
+    withinPortal: true,
+    trapFocus: true,
+    onClose: close,
+    unstyled
+  }, popoverProps), /* @__PURE__ */ React__default.createElement(core.Popover.Target, null, /* @__PURE__ */ React__default.createElement(Control.Control, __spreadProps(__spreadValues({
+    "aria-label": labels.colorPickerControlLabel,
+    title: labels.colorPickerControlLabel
+  }, others), {
+    ref,
+    onClick: toggle
+  }), /* @__PURE__ */ React__default.createElement(core.ColorSwatch, {
+    color: currentColor,
+    size: 14,
+    unstyled
+  }))), /* @__PURE__ */ React__default.createElement(core.Popover.Dropdown, {
+    sx: (theme) => ({
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white
+    })
+  }, state === "palette" && /* @__PURE__ */ React__default.createElement(core.SimpleGrid, {
+    cols: 7,
+    spacing: 2
+  }, controls), state === "colorPicker" && /* @__PURE__ */ React__default.createElement(core.ColorPicker, __spreadValues({
+    defaultValue: currentColor,
+    onChange: (value) => handleChange(value, false),
+    unstyled
+  }, colorPickerProps)), /* @__PURE__ */ React__default.createElement(core.Tooltip.Group, {
+    closeDelay: 200
+  }, /* @__PURE__ */ React__default.createElement(core.Group, {
+    position: "right",
+    spacing: "xs",
+    mt: "sm"
+  }, state === "palette" && /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: labels.colorPickerCancel,
+    withArrow: true,
+    withinPortal: true,
+    unstyled,
+    disabled: disableTooltips
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
+    variant: "default",
+    onClick: close,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(icons.IconX, {
+    stroke: 1.5,
+    size: 16
+  }))), /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: labels.colorPickerClear,
+    withArrow: true,
+    withinPortal: true,
+    unstyled,
+    disabled: disableTooltips
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
+    variant: "default",
+    onClick: handleClear,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(icons.IconCircleOff, {
+    stroke: 1.5,
+    size: 16
+  }))), state === "palette" ? /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: labels.colorPickerColorPicker,
+    withArrow: true,
+    withinPortal: true,
+    unstyled,
+    disabled: disableTooltips
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
+    variant: "default",
+    onClick: () => setState("colorPicker"),
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(icons.IconColorPicker, {
+    stroke: 1.5,
+    size: 16
+  }))) : /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: labels.colorPickerPalette,
+    withArrow: true,
+    withinPortal: true,
+    disabled: disableTooltips,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
+    variant: "default",
+    onClick: () => setState("palette"),
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(icons.IconPalette, {
+    stroke: 1.5,
+    size: 16
+  }))), state === "colorPicker" && /* @__PURE__ */ React__default.createElement(core.Tooltip, {
+    label: labels.colorPickerSave,
+    withArrow: true,
+    withinPortal: true,
+    disabled: disableTooltips,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(core.ActionIcon, {
+    variant: "default",
+    onClick: close,
+    unstyled
+  }, /* @__PURE__ */ React__default.createElement(icons.IconCheck, {
+    stroke: 1.5,
+    size: 16
+  })))))));
+});
+ColorPickerControl.displayName = "@mantine/tiptap/ColorPickerControl";
+
+exports.ColorPickerControl = ColorPickerControl;
+//# sourceMappingURL=ColorPickerControl.js.map

package/cjs/controls/ColorPickerControl/ColorPickerControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColorPickerControl.js","sources":["../../../src/controls/ColorPickerControl/ColorPickerControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport {\n  DefaultProps,\n  Popover,\n  PopoverProps,\n  ColorSwatch,\n  SimpleGrid,\n  ColorPicker,\n  Group,\n  ActionIcon,\n  Tooltip,\n  ColorPickerProps,\n  useContextStylesApi,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCircleOff, IconColorPicker, IconX, IconPalette, IconCheck } from '@tabler/icons';\nimport { Control } from '../Control/Control';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\n\nexport interface ColorPickerControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Props added to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Props added to ColorPicker component */\n  colorPickerProps?: Partial<ColorPickerProps>;\n\n  /** List of colors that the user can choose from */\n  colors: string[];\n\n  /** Determines whether tooltips over controls should be visible */\n  disableTooltips?: boolean;\n}\n\nexport const ColorPickerControl = forwardRef<HTMLButtonElement, ColorPickerControlProps>(\n  ({ popoverProps, colors, disableTooltips, colorPickerProps, ...others }, ref) => {\n    const { unstyled } = useContextStylesApi();\n    const { editor, labels } = useRichTextEditorContext();\n    const [opened, { toggle, close }] = useDisclosure(false);\n    const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n    const currentColor = editor?.getAttributes('textStyle').color || '#000';\n\n    const handleChange = (value: string, shouldClose = true) => {\n      (editor.chain() as any).focus().setColor(value).run();\n      shouldClose && close();\n    };\n\n    const handleClear = () => {\n      (editor.chain() as any).focus().unsetColor().run();\n      close();\n    };\n\n    const controls = colors.map((color, index) => (\n      <ColorSwatch\n        key={index}\n        component=\"button\"\n        color={color}\n        onClick={() => handleChange(color)}\n        size={26}\n        radius=\"xs\"\n        sx={{ cursor: 'pointer' }}\n        title={labels.colorPickerColorLabel(color)}\n        aria-label={labels.colorPickerColorLabel(color)}\n        unstyled={unstyled}\n      />\n    ));\n\n    return (\n      <Popover\n        opened={opened}\n        withinPortal\n        trapFocus\n        onClose={close}\n        unstyled={unstyled}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <Control\n            aria-label={labels.colorPickerControlLabel}\n            title={labels.colorPickerControlLabel}\n            {...others}\n            ref={ref}\n            onClick={toggle}\n          >\n            <ColorSwatch color={currentColor} size={14} unstyled={unstyled} />\n          </Control>\n        </Popover.Target>\n\n        <Popover.Dropdown\n          sx={(theme) => ({\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          })}\n        >\n          {state === 'palette' && (\n            <SimpleGrid cols={7} spacing={2}>\n              {controls}\n            </SimpleGrid>\n          )}\n\n          {state === 'colorPicker' && (\n            <ColorPicker\n              defaultValue={currentColor}\n              onChange={(value) => handleChange(value, false)}\n              unstyled={unstyled}\n              {...colorPickerProps}\n            />\n          )}\n\n          <Tooltip.Group closeDelay={200}>\n            <Group position=\"right\" spacing=\"xs\" mt=\"sm\">\n              {state === 'palette' && (\n                <Tooltip\n                  label={labels.colorPickerCancel}\n                  withArrow\n                  withinPortal\n                  unstyled={unstyled}\n                  disabled={disableTooltips}\n                >\n                  <ActionIcon variant=\"default\" onClick={close} unstyled={unstyled}>\n                    <IconX stroke={1.5} size={16} />\n                  </ActionIcon>\n                </Tooltip>\n              )}\n\n              <Tooltip\n                label={labels.colorPickerClear}\n                withArrow\n                withinPortal\n                unstyled={unstyled}\n                disabled={disableTooltips}\n              >\n                <ActionIcon variant=\"default\" onClick={handleClear} unstyled={unstyled}>\n                  <IconCircleOff stroke={1.5} size={16} />\n                </ActionIcon>\n              </Tooltip>\n\n              {state === 'palette' ? (\n                <Tooltip\n                  label={labels.colorPickerColorPicker}\n                  withArrow\n                  withinPortal\n                  unstyled={unstyled}\n                  disabled={disableTooltips}\n                >\n                  <ActionIcon\n                    variant=\"default\"\n                    onClick={() => setState('colorPicker')}\n                    unstyled={unstyled}\n                  >\n                    <IconColorPicker stroke={1.5} size={16} />\n                  </ActionIcon>\n                </Tooltip>\n              ) : (\n                <Tooltip\n                  label={labels.colorPickerPalette}\n                  withArrow\n                  withinPortal\n                  disabled={disableTooltips}\n                  unstyled={unstyled}\n                >\n                  <ActionIcon\n                    variant=\"default\"\n                    onClick={() => setState('palette')}\n                    unstyled={unstyled}\n                  >\n                    <IconPalette stroke={1.5} size={16} />\n                  </ActionIcon>\n                </Tooltip>\n              )}\n\n              {state === 'colorPicker' && (\n                <Tooltip\n                  label={labels.colorPickerSave}\n                  withArrow\n                  withinPortal\n                  disabled={disableTooltips}\n                  unstyled={unstyled}\n                >\n                  <ActionIcon variant=\"default\" onClick={close} unstyled={unstyled}>\n                    <IconCheck stroke={1.5} size={16} />\n                  </ActionIcon>\n                </Tooltip>\n              )}\n            </Group>\n          </Tooltip.Group>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n\nColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":["forwardRef","useContextStylesApi","useRichTextEditorContext","useDisclosure","useState","React","ColorSwatch","Popover","Control","SimpleGrid","ColorPicker","Tooltip","Group","ActionIcon","IconX","IconCircleOff","IconColorPicker","IconPalette","IconCheck"],"mappings":"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"}

package/cjs/controls/Control/Control.js

@@ -0,0 +1,68 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var Control_styles = require('./Control.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {
+  interactive: true
+};
+const Control = React.forwardRef((props, ref) => {
+  const _a = core.useComponentDefaultProps("RichTextEditor.Control", defaultProps, props), { className, active, children, interactive } = _a, others = __objRest(_a, ["className", "active", "children", "interactive"]);
+  const { classNames, styles, unstyled } = core.useContextStylesApi();
+  const { classes, cx } = Control_styles['default'](null, {
+    name: "RichTextEditor",
+    classNames,
+    styles,
+    unstyled
+  });
+  return /* @__PURE__ */ React__default.createElement(core.UnstyledButton, __spreadValues({
+    className: cx(classes.control, className),
+    "data-rich-text-editor-control": true,
+    tabIndex: interactive ? 0 : -1,
+    "data-interactive": interactive || void 0,
+    "data-active": active || void 0,
+    "aria-pressed": active && interactive || void 0,
+    "aria-hidden": !interactive || void 0,
+    ref,
+    unstyled
+  }, others), children);
+});
+Control.displayName = "@mantine/tiptap/Control";
+
+exports.Control = Control;
+//# sourceMappingURL=Control.js.map

package/cjs/controls/Control/Control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.js","sources":["../../../src/controls/Control/Control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  UnstyledButton,\n  DefaultProps,\n  Selectors,\n  useContextStylesApi,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport useStyles from './Control.styles';\n\nexport type ControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface PremadeControlProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'button'> {\n  /** Icon component, should support size prop */\n  icon?: React.FC<{ size: number }>;\n}\n\nexport interface RichTextEditorControlProps extends PremadeControlProps {\n  /** Determines whether the control should have active state, false by default */\n  active?: boolean;\n\n  /** Determines whether the control can be interacted with, set false to make the control to act as a label */\n  interactive?: boolean;\n}\n\nconst defaultProps: Partial<RichTextEditorControlProps> = {\n  interactive: true,\n};\n\nexport const Control = forwardRef<HTMLButtonElement, RichTextEditorControlProps>((props, ref) => {\n  const { className, active, children, interactive, ...others } = useComponentDefaultProps(\n    'RichTextEditor.Control',\n    defaultProps,\n    props\n  );\n\n  const { classNames, styles, unstyled } = useContextStylesApi();\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n  });\n\n  return (\n    <UnstyledButton\n      className={cx(classes.control, className)}\n      data-rich-text-editor-control\n      tabIndex={interactive ? 0 : -1}\n      data-interactive={interactive || undefined}\n      data-active={active || undefined}\n      aria-pressed={(active && interactive) || undefined}\n      aria-hidden={!interactive || undefined}\n      ref={ref}\n      unstyled={unstyled}\n      {...others}\n    >\n      {children}\n    </UnstyledButton>\n  );\n});\n\nControl.displayName = '@mantine/tiptap/Control';\n"],"names":["forwardRef","useComponentDefaultProps","useContextStylesApi","useStyles","React","UnstyledButton"],"mappings":"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"}

package/cjs/controls/Control/Control.styles.js

@@ -0,0 +1,51 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var useStyles = core.createStyles((theme) => {
+  const colors = theme.fn.variant({ variant: "light" });
+  return {
+    control: {
+      backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
+      minWidth: 26,
+      height: 26,
+      display: "flex",
+      justifyContent: "center",
+      alignItems: "center",
+      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+      borderRadius: theme.fn.radius(),
+      cursor: "default",
+      "&[data-interactive]": __spreadValues({
+        cursor: "pointer"
+      }, theme.fn.hover({
+        backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[5] : theme.colors.gray[0]
+      })),
+      "&[data-active]": {
+        backgroundColor: colors.background,
+        color: colors.color,
+        "&:hover": __spreadValues({}, theme.fn.hover({ backgroundColor: colors.hover }))
+      }
+    }
+  };
+});
+
+exports.default = useStyles;
+//# sourceMappingURL=Control.styles.js.map

package/cjs/controls/Control/Control.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Control.styles.js","sources":["../../../src/controls/Control/Control.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => {\n  const colors = theme.fn.variant({ variant: 'light' });\n  return {\n    control: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[6] : theme.white,\n      minWidth: 26,\n      height: 26,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      borderRadius: theme.fn.radius(),\n      cursor: 'default',\n\n      '&[data-interactive]': {\n        cursor: 'pointer',\n        ...theme.fn.hover({\n          backgroundColor:\n            theme.colorScheme === 'dark' ? theme.colors.dark[5] : theme.colors.gray[0],\n        }),\n      },\n\n      '&[data-active]': {\n        backgroundColor: colors.background,\n        color: colors.color,\n\n        '&:hover': {\n          ...theme.fn.hover({ backgroundColor: colors.hover }),\n        },\n      },\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":";;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAEF,gBAAeA,iBAAY,CAAC,CAAC,KAAK,KAAK;AACvC,EAAE,MAAM,MAAM,GAAG,KAAK,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,CAAC;AACxD,EAAE,OAAO;AACT,IAAI,OAAO,EAAE;AACb,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,MAAM,QAAQ,EAAE,EAAE;AAClB,MAAM,MAAM,EAAE,EAAE;AAChB,MAAM,OAAO,EAAE,MAAM;AACrB,MAAM,cAAc,EAAE,QAAQ;AAC9B,MAAM,UAAU,EAAE,QAAQ;AAC1B,MAAM,MAAM,EAAE,CAAC,UAAU,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;AACvG,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACrC,MAAM,MAAM,EAAE,SAAS;AACvB,MAAM,qBAAqB,EAAE,cAAc,CAAC;AAC5C,QAAQ,MAAM,EAAE,SAAS;AACzB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC;AACxB,QAAQ,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;AACnG,OAAO,CAAC,CAAC;AACT,MAAM,gBAAgB,EAAE;AACxB,QAAQ,eAAe,EAAE,MAAM,CAAC,UAAU;AAC1C,QAAQ,KAAK,EAAE,MAAM,CAAC,KAAK;AAC3B,QAAQ,SAAS,EAAE,cAAc,CAAC,EAAE,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,eAAe,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;AACxF,OAAO;AACP,KAAK;AACL,GAAG,CAAC;AACJ,CAAC,CAAC;;;;"}

package/cjs/controls/ControlBase/ControlBase.js

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var Control = require('../Control/Control.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const ControlBase = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, active, icon: Icon } = _b, others = __objRest(_b, ["className", "active", "icon"]);
+  return /* @__PURE__ */ React__default.createElement(Control.Control, __spreadValues({
+    active,
+    ref
+  }, others), /* @__PURE__ */ React__default.createElement(Icon, {
+    size: 16
+  }));
+});
+ControlBase.displayName = "@mantine/tiptap/ControlBase";
+
+exports.ControlBase = ControlBase;
+//# sourceMappingURL=ControlBase.js.map

package/cjs/controls/ControlBase/ControlBase.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlBase.js","sources":["../../../src/controls/ControlBase/ControlBase.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Control, RichTextEditorControlProps } from '../Control/Control';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n  icon: React.FC<{ size: number }>;\n}\n\nexport const ControlBase = forwardRef<HTMLButtonElement, RichTextEditorControlBaseProps>(\n  ({ className, active, icon: Icon, ...others }, ref) => (\n    <Control active={active} ref={ref} {...others}>\n      <Icon size={16} />\n    </Control>\n  )\n);\n\nControlBase.displayName = '@mantine/tiptap/ControlBase';\n"],"names":["forwardRef","React","Control"],"mappings":";;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AACF,IAAI,SAAS,GAAG,CAAC,MAAM,EAAE,OAAO,KAAK;AACrC,EAAE,IAAI,MAAM,GAAG,EAAE,CAAC;AAClB,EAAE,KAAK,IAAI,IAAI,IAAI,MAAM;AACzB,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AACpE,MAAM,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AAClC,EAAE,IAAI,MAAM,IAAI,IAAI,IAAI,mBAAmB;AAC3C,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,MAAM,CAAC,EAAE;AAClD,MAAM,IAAI,OAAO,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACtE,QAAQ,MAAM,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;AACpC,KAAK;AACL,EAAE,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC;AAGU,MAAC,WAAW,GAAGA,gBAAU,CAAC,CAAC,EAAE,EAAE,GAAG,KAAK;AACnD,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;AAC/G,EAAE,uBAAuBC,cAAK,CAAC,aAAa,CAACC,eAAO,EAAE,cAAc,CAAC;AACrE,IAAI,MAAM;AACV,IAAI,GAAG;AACP,GAAG,EAAE,MAAM,CAAC,kBAAkBD,cAAK,CAAC,aAAa,CAAC,IAAI,EAAE;AACxD,IAAI,IAAI,EAAE,EAAE;AACZ,GAAG,CAAC,CAAC,CAAC;AACN,CAAC,EAAE;AACH,WAAW,CAAC,WAAW,GAAG,6BAA6B;;;;"}

package/cjs/controls/ControlBase/create-control.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var RichTextEditor_context = require('../../RichTextEditor.context.js');
+var ControlBase = require('./ControlBase.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function createControl({ label, isActive, operation, icon }) {
+  return React.forwardRef((props, ref) => {
+    const { editor, labels } = RichTextEditor_context.useRichTextEditorContext();
+    const _label = labels[label];
+    return /* @__PURE__ */ React__default.createElement(ControlBase.ControlBase, __spreadValues({
+      "aria-label": _label,
+      title: _label,
+      active: (isActive == null ? void 0 : isActive.name) ? editor == null ? void 0 : editor.isActive(isActive.name, isActive.attributes) : false,
+      ref,
+      onClick: () => editor == null ? void 0 : editor.chain().focus()[operation.name](operation.attributes).run(),
+      icon
+    }, props));
+  });
+}
+
+exports.createControl = createControl;
+//# sourceMappingURL=create-control.js.map

package/cjs/controls/ControlBase/create-control.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-control.js","sources":["../../../src/controls/ControlBase/create-control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport { RichTextEditorLabels } from '../../labels';\nimport { PremadeControlProps } from '../Control/Control';\nimport { ControlBase } from './ControlBase';\n\ninterface CreateControlProps {\n  label: keyof RichTextEditorLabels;\n  icon: React.FC<{ size: number }>;\n  isActive?: { name: string; attributes?: Record<string, any> | string };\n  operation: { name: string; attributes?: Record<string, any> | string };\n}\n\nexport function createControl({ label, isActive, operation, icon }: CreateControlProps) {\n  return forwardRef<HTMLButtonElement, PremadeControlProps>((props, ref) => {\n    const { editor, labels } = useRichTextEditorContext();\n    const _label = labels[label] as string;\n    return (\n      <ControlBase\n        aria-label={_label}\n        title={_label}\n        active={isActive?.name ? editor?.isActive(isActive.name, isActive.attributes) : false}\n        ref={ref}\n        onClick={() => editor?.chain().focus()[operation.name](operation.attributes).run()}\n        icon={icon}\n        {...props}\n      />\n    );\n  });\n}\n"],"names":["forwardRef","useRichTextEditorContext","React","ControlBase"],"mappings":";;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,mBAAmB,GAAG,MAAM,CAAC,qBAAqB,CAAC;AACvD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC;AACnD,IAAI,YAAY,GAAG,MAAM,CAAC,SAAS,CAAC,oBAAoB,CAAC;AACzD,IAAI,eAAe,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,KAAK,GAAG,IAAI,GAAG,GAAG,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChK,IAAI,cAAc,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK;AAC/B,EAAE,KAAK,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;AAChC,IAAI,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AAClC,MAAM,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AACxC,EAAE,IAAI,mBAAmB;AACzB,IAAI,KAAK,IAAI,IAAI,IAAI,mBAAmB,CAAC,CAAC,CAAC,EAAE;AAC7C,MAAM,IAAI,YAAY,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC;AACpC,QAAQ,eAAe,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;AAC1C,KAAK;AACL,EAAE,OAAO,CAAC,CAAC;AACX,CAAC,CAAC;AAIK,SAAS,aAAa,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,EAAE,EAAE;AACpE,EAAE,OAAOA,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACpC,IAAI,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AAC1D,IAAI,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;AACjC,IAAI,uBAAuBC,cAAK,CAAC,aAAa,CAACC,uBAAW,EAAE,cAAc,CAAC;AAC3E,MAAM,YAAY,EAAE,MAAM;AAC1B,MAAM,KAAK,EAAE,MAAM;AACnB,MAAM,MAAM,EAAE,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,IAAI,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC,UAAU,CAAC,GAAG,KAAK;AACjJ,MAAM,GAAG;AACT,MAAM,OAAO,EAAE,MAAM,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,GAAG,EAAE;AACjH,MAAM,IAAI;AACV,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;AACf,GAAG,CAAC,CAAC;AACL;;;;"}

package/cjs/controls/ControlsGroup/ControlsGroup.js

@@ -0,0 +1,59 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var core = require('@mantine/core');
+var ControlsGroup_styles = require('./ControlsGroup.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const defaultProps = {};
+const ControlsGroup = React.forwardRef((props, ref) => {
+  const { classNames, styles, unstyled } = core.useContextStylesApi();
+  const _a = core.useComponentDefaultProps("RichTextEditor.ControlsGroup", defaultProps, props), { className, children } = _a, others = __objRest(_a, ["className", "children"]);
+  const { classes, cx } = ControlsGroup_styles['default'](null, {
+    name: "RichTextEditor",
+    classNames,
+    styles,
+    unstyled
+  });
+  return /* @__PURE__ */ React__default.createElement(core.Box, __spreadValues({
+    className: cx(classes.controlsGroup, className),
+    ref
+  }, others), children);
+});
+ControlsGroup.displayName = "@mantine/tiptap/ControlsGroup";
+
+exports.ControlsGroup = ControlsGroup;
+//# sourceMappingURL=ControlsGroup.js.map

package/cjs/controls/ControlsGroup/ControlsGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsGroup.js","sources":["../../../src/controls/ControlsGroup/ControlsGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  DefaultProps,\n  Box,\n  useComponentDefaultProps,\n  Selectors,\n  useContextStylesApi,\n} from '@mantine/core';\nimport useStyles from './ControlsGroup.styles';\n\nexport type ControlsGroupStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorControlsGroupProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorControlsGroupProps> = {};\n\nexport const ControlsGroup = forwardRef<HTMLDivElement, RichTextEditorControlsGroupProps>(\n  (props, ref) => {\n    const { classNames, styles, unstyled } = useContextStylesApi();\n    const { className, children, ...others } = useComponentDefaultProps(\n      'RichTextEditor.ControlsGroup',\n      defaultProps,\n      props\n    );\n\n    const { classes, cx } = useStyles(null, {\n      name: 'RichTextEditor',\n      classNames,\n      styles,\n      unstyled,\n    });\n\n    return (\n      <Box className={cx(classes.controlsGroup, className)} ref={ref} {...others}>\n        {children}\n      </Box>\n    );\n  }\n);\n\nControlsGroup.displayName = '@mantine/tiptap/ControlsGroup';\n"],"names":["forwardRef","useContextStylesApi","useComponentDefaultProps","useStyles","React","Box"],"mappings":"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"}

package/cjs/controls/ControlsGroup/ControlsGroup.styles.js

@@ -0,0 +1,28 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var core = require('@mantine/core');
+
+var useStyles = core.createStyles((theme) => ({
+  controlsGroup: {
+    display: "flex",
+    "& [data-rich-text-editor-control]": {
+      borderRadius: 0,
+      "&:not(:last-of-type)": {
+        borderRight: 0
+      },
+      "&:last-of-type": {
+        borderTopRightRadius: theme.fn.radius(),
+        borderBottomRightRadius: theme.fn.radius()
+      },
+      "&:first-of-type": {
+        borderTopLeftRadius: theme.fn.radius(),
+        borderBottomLeftRadius: theme.fn.radius()
+      }
+    }
+  }
+}));
+
+exports.default = useStyles;
+//# sourceMappingURL=ControlsGroup.styles.js.map

package/cjs/controls/ControlsGroup/ControlsGroup.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ControlsGroup.styles.js","sources":["../../../src/controls/ControlsGroup/ControlsGroup.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  controlsGroup: {\n    display: 'flex',\n\n    '& [data-rich-text-editor-control]': {\n      borderRadius: 0,\n\n      '&:not(:last-of-type)': {\n        borderRight: 0,\n      },\n\n      '&:last-of-type': {\n        borderTopRightRadius: theme.fn.radius(),\n        borderBottomRightRadius: theme.fn.radius(),\n      },\n\n      '&:first-of-type': {\n        borderTopLeftRadius: theme.fn.radius(),\n        borderBottomLeftRadius: theme.fn.radius(),\n      },\n    },\n  },\n}));\n"],"names":["createStyles"],"mappings":";;;;;;AACA,gBAAeA,iBAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,aAAa,EAAE;AACjB,IAAI,OAAO,EAAE,MAAM;AACnB,IAAI,mCAAmC,EAAE;AACzC,MAAM,YAAY,EAAE,CAAC;AACrB,MAAM,sBAAsB,EAAE;AAC9B,QAAQ,WAAW,EAAE,CAAC;AACtB,OAAO;AACP,MAAM,gBAAgB,EAAE;AACxB,QAAQ,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC/C,QAAQ,uBAAuB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAClD,OAAO;AACP,MAAM,iBAAiB,EAAE;AACzB,QAAQ,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC9C,QAAQ,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACjD,OAAO;AACP,KAAK;AACL,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}