@mantine/tiptap 5.10.2 → 6.0.0-alpha.1

package/cjs/controls/LinkControl/LinkControl.js.map

@@ -1 +1 @@
-{"version":3,"file":"LinkControl.js","sources":["../../../src/controls/LinkControl/LinkControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconLink, IconExternalLink } from '@tabler/icons';\nimport {\n  Popover,\n  TextInput,\n  Button,\n  UnstyledButton,\n  Tooltip,\n  PopoverProps,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { useDisclosure, useInputState, useWindowEvent } from '@mantine/hooks';\nimport { ControlBase, RichTextEditorControlBaseProps } from '../ControlBase/ControlBase';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './LinkControl.styles';\n\nexport type LinkControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorLinkControlProps extends Partial<RichTextEditorControlBaseProps> {\n  /** Props added to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Determines whether external link control tooltip should be disabled */\n  disableTooltips?: boolean;\n}\n\nconst LinkIcon: RichTextEditorControlBaseProps['icon'] = ({ size, ...others }) => (\n  <IconLink size={size} stroke={1.5} {...others} />\n);\n\nconst defaultProps: Partial<RichTextEditorLinkControlProps> = {};\n\nexport const LinkControl = forwardRef<HTMLButtonElement, RichTextEditorLinkControlProps>(\n  (props, ref) => {\n    const { icon, popoverProps, disableTooltips, ...others } = useComponentDefaultProps(\n      'RichTextEditorLinkControl',\n      defaultProps,\n      props\n    );\n\n    const { editor, labels, classNames, styles, unstyled } = useRichTextEditorContext();\n    const { classes } = useStyles(null, { name: 'RichTextEditor', classNames, styles, unstyled });\n    const [url, setUrl] = useInputState('');\n    const [external, setExternal] = useState(false);\n    const [opened, { open, close }] = useDisclosure(false);\n\n    const handleOpen = () => {\n      open();\n      const linkData = editor?.getAttributes('link');\n      setUrl(linkData?.href || '');\n      setExternal(linkData?.target === '_blank');\n    };\n\n    const handleClose = () => {\n      close();\n      setUrl('');\n      setExternal(false);\n    };\n\n    const setLink = () => {\n      handleClose();\n      url === ''\n        ? editor.chain().focus().extendMarkRange('link').unsetLink().run()\n        : editor\n            .chain()\n            .focus()\n            .extendMarkRange('link')\n            .setLink({ href: url, target: external ? '_blank' : null })\n            .run();\n    };\n\n    const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        setLink();\n      }\n    };\n\n    useWindowEvent('edit-link', handleOpen, false);\n\n    return (\n      <Popover\n        trapFocus\n        shadow=\"md\"\n        withinPortal\n        opened={opened}\n        onClose={handleClose}\n        offset={-44}\n        zIndex={10000}\n        unstyled={unstyled}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <ControlBase\n            icon={icon || LinkIcon}\n            aria-label={labels.linkControlLabel}\n            title={labels.linkControlLabel}\n            onClick={handleOpen}\n            active={editor?.isActive('link')}\n            unstyled={unstyled}\n            {...others}\n            ref={ref}\n          />\n        </Popover.Target>\n\n        <Popover.Dropdown\n          sx={(theme) => ({\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          })}\n        >\n          <div className={classes.linkEditor}>\n            <TextInput\n              placeholder={labels.linkEditorInputPlaceholder}\n              aria-label={labels.linkEditorInputLabel}\n              type=\"url\"\n              value={url}\n              onChange={setUrl}\n              classNames={{ input: classes.linkEditorInput }}\n              onKeyDown={handleInputKeydown}\n              unstyled={unstyled}\n              rightSection={\n                <Tooltip\n                  label={external ? labels.linkEditorExternalLink : labels.linkEditorInternalLink}\n                  events={{ hover: true, focus: true, touch: true }}\n                  withinPortal\n                  withArrow\n                  disabled={disableTooltips}\n                  unstyled={unstyled}\n                  zIndex={10000}\n                >\n                  <UnstyledButton\n                    onClick={() => setExternal((e) => !e)}\n                    data-active={external || undefined}\n                    className={classes.linkEditorExternalControl}\n                    unstyled={unstyled}\n                  >\n                    <IconExternalLink size={14} stroke={1.5} />\n                  </UnstyledButton>\n                </Tooltip>\n              }\n            />\n\n            <Button\n              variant=\"default\"\n              onClick={setLink}\n              className={classes.linkEditorSave}\n              unstyled={unstyled}\n            >\n              {labels.linkEditorSave}\n            </Button>\n          </div>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n"],"names":["React","IconLink","forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","useInputState","useState","useDisclosure","useWindowEvent","Popover","ControlBase","TextInput","Tooltip","UnstyledButton","IconExternalLink","Button"],"mappings":";;;;;;;;;;;;;;;;AAAA,IAAI,SAAS,GAAG,MAAM,CAAC,cAAc,CAAC;AACtC,IAAI,UAAU,GAAG,MAAM,CAAC,gBAAgB,CAAC;AACzC,IAAI,iBAAiB,GAAG,MAAM,CAAC,yBAAyB,CAAC;AACzD,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,aAAa,GAAG,CAAC,CAAC,EAAE,CAAC,KAAK,UAAU,CAAC,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC;AAClE,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;AAeF,MAAM,QAAQ,GAAG,CAAC,EAAE,KAAK;AACzB,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;AAC/D,EAAE,uBAAuBA,cAAK,CAAC,aAAa,CAACC,cAAQ,EAAE,cAAc,CAAC;AACtE,IAAI,IAAI;AACR,IAAI,MAAM,EAAE,GAAG;AACf,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;AACd,CAAC,CAAC;AACF,MAAM,YAAY,GAAG,EAAE,CAAC;AACZ,MAAC,WAAW,GAAGC,gBAAU,CAAC,CAAC,KAAK,EAAE,GAAG,KAAK;AACtD,EAAE,MAAM,EAAE,GAAGC,6BAAwB,CAAC,2BAA2B,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,EAAE,eAAe,EAAE,GAAG,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC,EAAE,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAC3M,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAGC,+CAAwB,EAAE,CAAC;AACtF,EAAE,MAAM,EAAE,OAAO,EAAE,GAAGC,6BAAS,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;AAChG,EAAE,MAAM,CAAC,GAAG,EAAE,MAAM,CAAC,GAAGC,mBAAa,CAAC,EAAE,CAAC,CAAC;AAC1C,EAAE,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC,CAAC;AAClD,EAAE,MAAM,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,GAAGC,mBAAa,CAAC,KAAK,CAAC,CAAC;AACzD,EAAE,MAAM,UAAU,GAAG,MAAM;AAC3B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,MAAM,QAAQ,GAAG,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AAC5E,IAAI,MAAM,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC;AAC9D,IAAI,WAAW,CAAC,CAAC,QAAQ,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,QAAQ,CAAC,MAAM,MAAM,QAAQ,CAAC,CAAC;AAC5E,GAAG,CAAC;AACJ,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,KAAK,EAAE,CAAC;AACZ,IAAI,MAAM,CAAC,EAAE,CAAC,CAAC;AACf,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;AACvB,GAAG,CAAC;AACJ,EAAE,MAAM,OAAO,GAAG,MAAM;AACxB,IAAI,WAAW,EAAE,CAAC;AAClB,IAAI,GAAG,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,GAAG,QAAQ,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC;AACpM,GAAG,CAAC;AACJ,EAAE,MAAM,kBAAkB,GAAG,CAAC,KAAK,KAAK;AACxC,IAAI,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE;AAC/B,MAAM,KAAK,CAAC,cAAc,EAAE,CAAC;AAC7B,MAAM,OAAO,EAAE,CAAC;AAChB,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,oBAAc,CAAC,WAAW,EAAE,UAAU,EAAE,KAAK,CAAC,CAAC;AACjD,EAAE,uBAAuBT,cAAK,CAAC,aAAa,CAACU,YAAO,EAAE,cAAc,CAAC;AACrE,IAAI,SAAS,EAAE,IAAI;AACnB,IAAI,MAAM,EAAE,IAAI;AAChB,IAAI,YAAY,EAAE,IAAI;AACtB,IAAI,MAAM;AACV,IAAI,OAAO,EAAE,WAAW;AACxB,IAAI,MAAM,EAAE,CAAC,EAAE;AACf,IAAI,MAAM,EAAE,GAAG;AACf,IAAI,QAAQ;AACZ,GAAG,EAAE,YAAY,CAAC,kBAAkBV,cAAK,CAAC,aAAa,CAACU,YAAO,CAAC,MAAM,EAAE,IAAI,kBAAkBV,cAAK,CAAC,aAAa,CAACW,uBAAW,EAAE,aAAa,CAAC,cAAc,CAAC;AAC5J,IAAI,IAAI,EAAE,IAAI,IAAI,QAAQ;AAC1B,IAAI,YAAY,EAAE,MAAM,CAAC,gBAAgB;AACzC,IAAI,KAAK,EAAE,MAAM,CAAC,gBAAgB;AAClC,IAAI,OAAO,EAAE,UAAU;AACvB,IAAI,MAAM,EAAE,MAAM,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC;AAC7D,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,EAAE;AACd,IAAI,GAAG;AACP,GAAG,CAAC,CAAC,CAAC,kBAAkBX,cAAK,CAAC,aAAa,CAACU,YAAO,CAAC,QAAQ,EAAE;AAC9D,IAAI,EAAE,EAAE,CAAC,KAAK,MAAM;AACpB,MAAM,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACxF,KAAK,CAAC;AACN,GAAG,kBAAkBV,cAAK,CAAC,aAAa,CAAC,KAAK,EAAE;AAChD,IAAI,SAAS,EAAE,OAAO,CAAC,UAAU;AACjC,GAAG,kBAAkBA,cAAK,CAAC,aAAa,CAACY,cAAS,EAAE;AACpD,IAAI,WAAW,EAAE,MAAM,CAAC,0BAA0B;AAClD,IAAI,YAAY,EAAE,MAAM,CAAC,oBAAoB;AAC7C,IAAI,IAAI,EAAE,KAAK;AACf,IAAI,KAAK,EAAE,GAAG;AACd,IAAI,QAAQ,EAAE,MAAM;AACpB,IAAI,UAAU,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,eAAe,EAAE;AAClD,IAAI,SAAS,EAAE,kBAAkB;AACjC,IAAI,QAAQ;AACZ,IAAI,YAAY,kBAAkBZ,cAAK,CAAC,aAAa,CAACa,YAAO,EAAE;AAC/D,MAAM,KAAK,EAAE,QAAQ,GAAG,MAAM,CAAC,sBAAsB,GAAG,MAAM,CAAC,sBAAsB;AACrF,MAAM,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE;AACvD,MAAM,YAAY,EAAE,IAAI;AACxB,MAAM,SAAS,EAAE,IAAI;AACrB,MAAM,QAAQ,EAAE,eAAe;AAC/B,MAAM,QAAQ;AACd,MAAM,MAAM,EAAE,GAAG;AACjB,KAAK,kBAAkBb,cAAK,CAAC,aAAa,CAACc,mBAAc,EAAE;AAC3D,MAAM,OAAO,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;AAC3C,MAAM,aAAa,EAAE,QAAQ,IAAI,KAAK,CAAC;AACvC,MAAM,SAAS,EAAE,OAAO,CAAC,yBAAyB;AAClD,MAAM,QAAQ;AACd,KAAK,kBAAkBd,cAAK,CAAC,aAAa,CAACe,sBAAgB,EAAE;AAC7D,MAAM,IAAI,EAAE,EAAE;AACd,MAAM,MAAM,EAAE,GAAG;AACjB,KAAK,CAAC,CAAC,CAAC;AACR,GAAG,CAAC,kBAAkBf,cAAK,CAAC,aAAa,CAACgB,WAAM,EAAE;AAClD,IAAI,OAAO,EAAE,SAAS;AACtB,IAAI,OAAO,EAAE,OAAO;AACpB,IAAI,SAAS,EAAE,OAAO,CAAC,cAAc;AACrC,IAAI,QAAQ;AACZ,GAAG,EAAE,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;AAC/B,CAAC;;;;"}
+{"version":3,"file":"LinkControl.js","sources":["../../../src/controls/LinkControl/LinkControl.tsx"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport { IconLink, IconExternalLink } from '@tabler/icons';\nimport {\n  Popover,\n  TextInput,\n  Button,\n  UnstyledButton,\n  Tooltip,\n  PopoverProps,\n  Selectors,\n  useComponentDefaultProps,\n  rem,\n} from '@mantine/core';\nimport { useDisclosure, useInputState, useWindowEvent } from '@mantine/hooks';\nimport { ControlBase, RichTextEditorControlBaseProps } from '../ControlBase/ControlBase';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\nimport useStyles from './LinkControl.styles';\n\nexport type LinkControlStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorLinkControlProps extends Partial<RichTextEditorControlBaseProps> {\n  /** Props added to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Determines whether external link control tooltip should be disabled */\n  disableTooltips?: boolean;\n}\n\nconst LinkIcon: RichTextEditorControlBaseProps['icon'] = ({ size, ...others }) => (\n  <IconLink size={size} stroke={1.5} {...others} />\n);\n\nconst defaultProps: Partial<RichTextEditorLinkControlProps> = {};\n\nexport const LinkControl = forwardRef<HTMLButtonElement, RichTextEditorLinkControlProps>(\n  (props, ref) => {\n    const { icon, popoverProps, disableTooltips, ...others } = useComponentDefaultProps(\n      'RichTextEditorLinkControl',\n      defaultProps,\n      props\n    );\n\n    const { editor, labels, classNames, styles, unstyled, variant } = useRichTextEditorContext();\n    const { classes } = useStyles(null, {\n      name: 'RichTextEditor',\n      classNames,\n      styles,\n      unstyled,\n      variant,\n    });\n\n    const [url, setUrl] = useInputState('');\n    const [external, setExternal] = useState(false);\n    const [opened, { open, close }] = useDisclosure(false);\n\n    const handleOpen = () => {\n      open();\n      const linkData = editor?.getAttributes('link');\n      setUrl(linkData?.href || '');\n      setExternal(linkData?.target === '_blank');\n    };\n\n    const handleClose = () => {\n      close();\n      setUrl('');\n      setExternal(false);\n    };\n\n    const setLink = () => {\n      handleClose();\n      url === ''\n        ? editor.chain().focus().extendMarkRange('link').unsetLink().run()\n        : editor\n            .chain()\n            .focus()\n            .extendMarkRange('link')\n            .setLink({ href: url, target: external ? '_blank' : null })\n            .run();\n    };\n\n    const handleInputKeydown = (event: React.KeyboardEvent<HTMLInputElement>) => {\n      if (event.key === 'Enter') {\n        event.preventDefault();\n        setLink();\n      }\n    };\n\n    useWindowEvent('edit-link', handleOpen, false);\n\n    return (\n      <Popover\n        trapFocus\n        shadow=\"md\"\n        withinPortal\n        opened={opened}\n        onClose={handleClose}\n        offset={-44}\n        zIndex={10000}\n        unstyled={unstyled}\n        {...popoverProps}\n      >\n        <Popover.Target>\n          <ControlBase\n            icon={icon || LinkIcon}\n            aria-label={labels.linkControlLabel}\n            title={labels.linkControlLabel}\n            onClick={handleOpen}\n            active={editor?.isActive('link')}\n            unstyled={unstyled}\n            {...others}\n            ref={ref}\n          />\n        </Popover.Target>\n\n        <Popover.Dropdown\n          sx={(theme) => ({\n            backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n          })}\n        >\n          <div className={classes.linkEditor}>\n            <TextInput\n              placeholder={labels.linkEditorInputPlaceholder}\n              aria-label={labels.linkEditorInputLabel}\n              type=\"url\"\n              value={url}\n              onChange={setUrl}\n              classNames={{ input: classes.linkEditorInput }}\n              onKeyDown={handleInputKeydown}\n              unstyled={unstyled}\n              rightSection={\n                <Tooltip\n                  label={external ? labels.linkEditorExternalLink : labels.linkEditorInternalLink}\n                  events={{ hover: true, focus: true, touch: true }}\n                  withinPortal\n                  withArrow\n                  disabled={disableTooltips}\n                  unstyled={unstyled}\n                  zIndex={10000}\n                >\n                  <UnstyledButton\n                    onClick={() => setExternal((e) => !e)}\n                    data-active={external || undefined}\n                    className={classes.linkEditorExternalControl}\n                    unstyled={unstyled}\n                  >\n                    <IconExternalLink size={rem(14)} stroke={1.5} />\n                  </UnstyledButton>\n                </Tooltip>\n              }\n            />\n\n            <Button\n              variant=\"default\"\n              onClick={setLink}\n              className={classes.linkEditorSave}\n              unstyled={unstyled}\n            >\n              {labels.linkEditorSave}\n            </Button>\n          </div>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n"],"names":["React","IconLink","forwardRef","useComponentDefaultProps","useRichTextEditorContext","useStyles","useInputState","useState","useDisclosure","useWindowEvent","Popover","ControlBase","TextInput","Tooltip","UnstyledButton","IconExternalLink","rem","Button"],"mappings":"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"}

package/cjs/controls/LinkControl/LinkControl.styles.js

@@ -33,9 +33,9 @@ var useStyles = core.createStyles((theme) => {
     },
     linkEditorExternalControl: {
       backgroundColor: theme.colorScheme === "dark" ? theme.fn.rgba(theme.colors.dark[7], 0.5) : theme.white,
-      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
-      height: 24,
-      width: 24,
+      border: `${core.rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+      height: core.rem(24),
+      width: core.rem(24),
       display: "flex",
       justifyContent: "center",
       alignItems: "center",

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

@@ -1 +1 @@
-{"version":3,"file":"LinkControl.styles.js","sources":["../../../src/controls/LinkControl/LinkControl.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => {\n  const colors = theme.fn.variant({ variant: 'light' });\n  return {\n    linkEditor: {\n      display: 'flex',\n    },\n\n    linkEditorInput: {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n      borderRight: 0,\n    },\n\n    linkEditorExternalControl: {\n      backgroundColor:\n        theme.colorScheme === 'dark' ? theme.fn.rgba(theme.colors.dark[7], 0.5) : theme.white,\n      border: `1px solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      height: 24,\n      width: 24,\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: theme.fn.radius(),\n\n      '&[data-active]': {\n        backgroundColor: colors.background,\n        borderColor: colors.border,\n        color: colors.color,\n        ...theme.fn.hover({ background: colors.hover }),\n      },\n    },\n\n    linkEditorSave: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n  };\n});\n"],"names":["createStyles"],"mappings":"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"}
+{"version":3,"file":"LinkControl.styles.js","sources":["../../../src/controls/LinkControl/LinkControl.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => {\n  const colors = theme.fn.variant({ variant: 'light' });\n  return {\n    linkEditor: {\n      display: 'flex',\n    },\n\n    linkEditorInput: {\n      borderTopRightRadius: 0,\n      borderBottomRightRadius: 0,\n      borderRight: 0,\n    },\n\n    linkEditorExternalControl: {\n      backgroundColor:\n        theme.colorScheme === 'dark' ? theme.fn.rgba(theme.colors.dark[7], 0.5) : theme.white,\n      border: `${rem(1)} solid ${\n        theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n      }`,\n      height: rem(24),\n      width: rem(24),\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      borderRadius: theme.fn.radius(),\n\n      '&[data-active]': {\n        backgroundColor: colors.background,\n        borderColor: colors.border,\n        color: colors.color,\n        ...theme.fn.hover({ background: colors.hover }),\n      },\n    },\n\n    linkEditorSave: {\n      borderTopLeftRadius: 0,\n      borderBottomLeftRadius: 0,\n    },\n  };\n});\n"],"names":["createStyles","rem"],"mappings":"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"}

package/esm/Content/Content.js

@@ -35,8 +35,16 @@ var __objRest = (source, exclude) => {
 const defaultProps = {};
 const Content = forwardRef((props, ref) => {
   const _a = useComponentDefaultProps("RichTextEditorContent", defaultProps, props), { className } = _a, others = __objRest(_a, ["className"]);
-  const { editor, withCodeHighlightStyles, withTypographyStyles, classNames, styles, unstyled } = useRichTextEditorContext();
-  const { classes, cx } = useStyles({ withCodeHighlightStyles, withTypographyStyles }, { name: "RichTextEditor", classNames, styles, unstyled });
+  const {
+    editor,
+    withCodeHighlightStyles,
+    withTypographyStyles,
+    classNames,
+    styles,
+    unstyled,
+    variant
+  } = useRichTextEditorContext();
+  const { classes, cx } = useStyles({ withCodeHighlightStyles, withTypographyStyles }, { name: "RichTextEditor", classNames, styles, unstyled, variant });
   return /* @__PURE__ */ React.createElement(TypographyStylesProvider, {
     className: cx(classes.typographyStylesProvider, className),
     unstyled: !withTypographyStyles || unstyled,

package/esm/Content/Content.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.js","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  DefaultProps,\n  TypographyStylesProvider,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Content.styles';\n\nexport type ContentStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorContentProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const Content = forwardRef<HTMLDivElement, RichTextEditorContentProps>((props, ref) => {\n  const { className, ...others } = useComponentDefaultProps(\n    'RichTextEditorContent',\n    defaultProps,\n    props\n  );\n\n  const { editor, withCodeHighlightStyles, withTypographyStyles, classNames, styles, unstyled } =\n    useRichTextEditorContext();\n  const { classes, cx } = useStyles(\n    { withCodeHighlightStyles, withTypographyStyles },\n    { name: 'RichTextEditor', classNames, styles, unstyled }\n  );\n\n  return (\n    <TypographyStylesProvider\n      className={cx(classes.typographyStylesProvider, className)}\n      unstyled={!withTypographyStyles || unstyled}\n      ref={ref}\n    >\n      <Box component={EditorContent} editor={editor} className={classes.content} {...others} />\n    </TypographyStylesProvider>\n  );\n});\n\nContent.displayName = '@mantine/tiptap/Content';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Content.js","sources":["../../src/Content/Content.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  Box,\n  DefaultProps,\n  TypographyStylesProvider,\n  Selectors,\n  useComponentDefaultProps,\n} from '@mantine/core';\nimport { EditorContent } from '@tiptap/react';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Content.styles';\n\nexport type ContentStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorContentProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {}\n\nconst defaultProps: Partial<RichTextEditorContentProps> = {};\n\nexport const Content = forwardRef<HTMLDivElement, RichTextEditorContentProps>((props, ref) => {\n  const { className, ...others } = useComponentDefaultProps(\n    'RichTextEditorContent',\n    defaultProps,\n    props\n  );\n\n  const {\n    editor,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n  } = useRichTextEditorContext();\n\n  const { classes, cx } = useStyles(\n    { withCodeHighlightStyles, withTypographyStyles },\n    { name: 'RichTextEditor', classNames, styles, unstyled, variant }\n  );\n\n  return (\n    <TypographyStylesProvider\n      className={cx(classes.typographyStylesProvider, className)}\n      unstyled={!withTypographyStyles || unstyled}\n      ref={ref}\n    >\n      <Box component={EditorContent} editor={editor} className={classes.content} {...others} />\n    </TypographyStylesProvider>\n  );\n});\n\nContent.displayName = '@mantine/tiptap/Content';\n"],"names":[],"mappings":"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"}

package/esm/Content/Content.styles.js

@@ -1,4 +1,4 @@
-import { createStyles } from '@mantine/core';
+import { createStyles, rem } from '@mantine/core';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -27,7 +27,7 @@ function getCodeHighlight(withCodeHighlightStyles, theme) {
       borderRadius: theme.fn.radius(),
       color: theme.colorScheme === "dark" ? theme.colors.dark[0] : theme.colors.gray[9],
       fontFamily: theme.fontFamilyMonospace,
-      padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,
+      padding: `${theme.spacing.md} ${theme.spacing.xl}`,
       "& code": {
         background: "none",
         color: "inherit",
@@ -70,14 +70,14 @@ function getTypographyStyles(withTypographyStyles) {
       margin: 0
     },
     "& ul li, & ol li": {
-      marginTop: 2
+      marginTop: rem(2)
     },
     "& ul, & ol": {
-      marginTop: 5,
-      marginBottom: 5
+      marginTop: rem(5),
+      marginBottom: rem(5)
     },
     "& p": {
-      marginBottom: 7
+      marginBottom: rem(7)
     },
     "& h1, & h2, & h3, & h4, & h5, & h6, & p": {
       marginTop: 0

package/esm/Content/Content.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Content.styles.js","sources":["../../src/Content/Content.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme } from '@mantine/core';\n\ninterface ContentStylesParams {\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n}\n\nfunction getCodeHighlight(withCodeHighlightStyles: boolean, theme: MantineTheme) {\n  if (!withCodeHighlightStyles) {\n    return null;\n  }\n\n  const highlightIndex = theme.colorScheme === 'dark' ? 5 : 7;\n\n  return {\n    pre: {\n      background:\n        theme.colorScheme === 'dark'\n          ? theme.colors.dark[8]\n          : theme.fn.rgba(theme.colors.gray[0], 0.65),\n      borderRadius: theme.fn.radius(),\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9],\n      fontFamily: theme.fontFamilyMonospace,\n      padding: `${theme.spacing.md}px ${theme.spacing.xl}px`,\n\n      '& code': {\n        background: 'none',\n        color: 'inherit',\n        fontSize: theme.fontSizes.sm,\n        padding: 0,\n      },\n\n      ' & .hljs-comment, & .hljs-quote': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n      },\n\n      '& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class':\n        {\n          color: theme.colors.red[highlightIndex],\n        },\n\n      '& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params':\n        {\n          color: theme.colors[theme.colorScheme === 'dark' ? 'cyan' : 'blue'][highlightIndex],\n        },\n\n      '& .hljs-string, & .hljs-symbol, & .hljs-bullet': {\n        color: theme.colors.red[highlightIndex],\n      },\n\n      '& .hljs-title, & .hljs-section': {\n        color: theme.colors[theme.colorScheme === 'dark' ? 'yellow' : 'pink'][highlightIndex],\n      },\n\n      '& .hljs-keyword, & .hljs-selector-tag': {\n        color: theme.colors.violet[highlightIndex],\n      },\n\n      '& .hljs-emphasis': {\n        fontStyle: 'italic',\n      },\n\n      '& .hljs-strong': {\n        fontWeight: 700,\n      },\n    },\n  };\n}\n\nfunction getTypographyStyles(withTypographyStyles: boolean) {\n  if (!withTypographyStyles) {\n    return null;\n  }\n\n  return {\n    '& li > p': {\n      margin: 0,\n    },\n\n    '& ul li, & ol li': {\n      marginTop: 2,\n    },\n\n    '& ul, & ol': {\n      marginTop: 5,\n      marginBottom: 5,\n    },\n\n    '& p': {\n      marginBottom: 7,\n    },\n\n    '& h1, & h2, & h3, & h4, & h5, & h6, & p': {\n      marginTop: 0,\n    },\n  };\n}\n\nexport default createStyles(\n  (theme, { withCodeHighlightStyles, withTypographyStyles }: ContentStylesParams) => ({\n    typographyStylesProvider: {\n      ...getTypographyStyles(withTypographyStyles),\n    },\n\n    content: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n      borderRadius: theme.fn.radius(),\n\n      '& .ProseMirror': {\n        outline: 0,\n        padding: theme.spacing.md,\n      },\n\n      '& .ProseMirror > *:last-child': {\n        marginBottom: 0,\n      },\n\n      '& .ProseMirror p.is-editor-empty:first-of-type::before': {\n        content: 'attr(data-placeholder)',\n        pointerEvents: 'none',\n        userSelect: 'none',\n        float: 'left',\n        height: 0,\n        ...theme.fn.placeholderStyles(),\n      },\n\n      ...getCodeHighlight(withCodeHighlightStyles, theme),\n    },\n  })\n);\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Content.styles.js","sources":["../../src/Content/Content.styles.ts"],"sourcesContent":["import { createStyles, MantineTheme, rem } from '@mantine/core';\n\ninterface ContentStylesParams {\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n}\n\nfunction getCodeHighlight(withCodeHighlightStyles: boolean, theme: MantineTheme) {\n  if (!withCodeHighlightStyles) {\n    return null;\n  }\n\n  const highlightIndex = theme.colorScheme === 'dark' ? 5 : 7;\n\n  return {\n    pre: {\n      background:\n        theme.colorScheme === 'dark'\n          ? theme.colors.dark[8]\n          : theme.fn.rgba(theme.colors.gray[0], 0.65),\n      borderRadius: theme.fn.radius(),\n      color: theme.colorScheme === 'dark' ? theme.colors.dark[0] : theme.colors.gray[9],\n      fontFamily: theme.fontFamilyMonospace,\n      padding: `${theme.spacing.md} ${theme.spacing.xl}`,\n\n      '& code': {\n        background: 'none',\n        color: 'inherit',\n        fontSize: theme.fontSizes.sm,\n        padding: 0,\n      },\n\n      ' & .hljs-comment, & .hljs-quote': {\n        color: theme.colorScheme === 'dark' ? theme.colors.dark[2] : theme.colors.gray[5],\n      },\n\n      '& .hljs-variable, & .hljs-template-variable, & .hljs-attribute, & .hljs-tag, & .hljs-name, & .hljs-regexp, & .hljs-link, & .hljs-name, & .hljs-selector-id, & .hljs-selector-class':\n        {\n          color: theme.colors.red[highlightIndex],\n        },\n\n      '& .hljs-number, & .hljs-meta, & .hljs-built_in, & .hljs-builtin-name, & .hljs-literal, & .hljs-type, & .hljs-params':\n        {\n          color: theme.colors[theme.colorScheme === 'dark' ? 'cyan' : 'blue'][highlightIndex],\n        },\n\n      '& .hljs-string, & .hljs-symbol, & .hljs-bullet': {\n        color: theme.colors.red[highlightIndex],\n      },\n\n      '& .hljs-title, & .hljs-section': {\n        color: theme.colors[theme.colorScheme === 'dark' ? 'yellow' : 'pink'][highlightIndex],\n      },\n\n      '& .hljs-keyword, & .hljs-selector-tag': {\n        color: theme.colors.violet[highlightIndex],\n      },\n\n      '& .hljs-emphasis': {\n        fontStyle: 'italic',\n      },\n\n      '& .hljs-strong': {\n        fontWeight: 700,\n      },\n    },\n  };\n}\n\nfunction getTypographyStyles(withTypographyStyles: boolean) {\n  if (!withTypographyStyles) {\n    return null;\n  }\n\n  return {\n    '& li > p': {\n      margin: 0,\n    },\n\n    '& ul li, & ol li': {\n      marginTop: rem(2),\n    },\n\n    '& ul, & ol': {\n      marginTop: rem(5),\n      marginBottom: rem(5),\n    },\n\n    '& p': {\n      marginBottom: rem(7),\n    },\n\n    '& h1, & h2, & h3, & h4, & h5, & h6, & p': {\n      marginTop: 0,\n    },\n  };\n}\n\nexport default createStyles(\n  (theme, { withCodeHighlightStyles, withTypographyStyles }: ContentStylesParams) => ({\n    typographyStylesProvider: {\n      ...getTypographyStyles(withTypographyStyles),\n    },\n\n    content: {\n      backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n      borderRadius: theme.fn.radius(),\n\n      '& .ProseMirror': {\n        outline: 0,\n        padding: theme.spacing.md,\n      },\n\n      '& .ProseMirror > *:last-child': {\n        marginBottom: 0,\n      },\n\n      '& .ProseMirror p.is-editor-empty:first-of-type::before': {\n        content: 'attr(data-placeholder)',\n        pointerEvents: 'none',\n        userSelect: 'none',\n        float: 'left',\n        height: 0,\n        ...theme.fn.placeholderStyles(),\n      },\n\n      ...getCodeHighlight(withCodeHighlightStyles, theme),\n    },\n  })\n);\n"],"names":[],"mappings":"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"}

package/esm/RichTextEditor.context.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.context.js","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { Styles, ClassNames } from '@mantine/core';\nimport { createSafeContext } from '@mantine/utils';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorStylesNames } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  editor: Editor;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n  classNames: ClassNames<RichTextEditorStylesNames>;\n  styles: Styles<RichTextEditorStylesNames>;\n  unstyled: boolean;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor was not found in tree');\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAG,iBAAiB,CAAC,sCAAsC;;;;"}
+{"version":3,"file":"RichTextEditor.context.js","sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { Styles, ClassNames } from '@mantine/core';\nimport { createSafeContext } from '@mantine/utils';\nimport { Editor } from '@tiptap/react';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorStylesNames } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  editor: Editor;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean;\n  withTypographyStyles: boolean;\n  classNames: ClassNames<RichTextEditorStylesNames>;\n  styles: Styles<RichTextEditorStylesNames>;\n  unstyled: boolean;\n  variant: string;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor was not found in tree');\n"],"names":[],"mappings":";;AACY,MAAC,CAAC,sBAAsB,EAAE,wBAAwB,CAAC,GAAG,iBAAiB,CAAC,sCAAsC;;;;"}

package/esm/RichTextEditor.js

@@ -57,7 +57,8 @@ const RichTextEditor = forwardRef((props, ref) => {
     withTypographyStyles,
     classNames,
     styles,
-    unstyled
+    unstyled,
+    variant
   } = _a, others = __objRest(_a, [
     "editor",
     "children",
@@ -67,13 +68,15 @@ const RichTextEditor = forwardRef((props, ref) => {
     "withTypographyStyles",
     "classNames",
     "styles",
-    "unstyled"
+    "unstyled",
+    "variant"
   ]);
   const { classes, cx } = useStyles(null, {
     name: "RichTextEditor",
     classNames,
     styles,
-    unstyled
+    unstyled,
+    variant
   });
   const mergedLabels = useMemo(() => __spreadValues(__spreadValues({}, DEFAULT_LABELS), labels), [labels]);
   return /* @__PURE__ */ React.createElement(RichTextEditorProvider, {
@@ -84,7 +87,8 @@ const RichTextEditor = forwardRef((props, ref) => {
       withTypographyStyles,
       classNames,
       styles,
-      unstyled
+      unstyled,
+      variant
     }
   }, /* @__PURE__ */ React.createElement(Box, __spreadProps(__spreadValues({
     className: cx(classes.root, className)

package/esm/RichTextEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.js","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useMemo, forwardRef } from 'react';\nimport { Box, useComponentDefaultProps, DefaultProps, Selectors } from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport * as controls from './controls';\nimport { Content, ContentStylesNames } from './Content/Content';\nimport { Control, ControlStylesNames } from './controls/Control/Control';\nimport { ControlsGroup, ControlsGroupStylesNames } from './controls/ControlsGroup/ControlsGroup';\nimport { Toolbar, ToolbarStylesNames } from './Toolbar/Toolbar';\nimport { LinkControlStylesNames } from './controls/LinkControl/LinkControl';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport useStyles from './RichTextEditor.styles';\n\nexport type RichTextEditorStylesNames =\n  | Selectors<typeof useStyles>\n  | ContentStylesNames\n  | ControlStylesNames\n  | ControlsGroupStylesNames\n  | ToolbarStylesNames\n  | LinkControlStylesNames;\n\nexport interface RichTextEditorProps\n  extends DefaultProps<RichTextEditorStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Tiptap editor instance */\n  editor: Editor | null;\n\n  /** Determines whether code highlight styles should be added, true by default */\n  withCodeHighlightStyles?: boolean;\n\n  /** Determines whether typography styles should be added, true by default */\n  withTypographyStyles?: boolean;\n\n  /** Labels that are used in controls */\n  labels?: Partial<RichTextEditorLabels>;\n\n  /** Child editor components */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n  withCodeHighlightStyles: true,\n  withTypographyStyles: true,\n};\n\ntype RichTextEditorComponent = ForwardRefWithStaticComponents<\n  RichTextEditorProps,\n  {\n    Content: typeof Content;\n    Control: typeof Control;\n    ControlsGroup: typeof ControlsGroup;\n    Toolbar: typeof Toolbar;\n    Bold: typeof controls.BoldControl;\n    Italic: typeof controls.ItalicControl;\n    Strikethrough: typeof controls.StrikeThroughControl;\n    Underline: typeof controls.UnderlineControl;\n    ClearFormatting: typeof controls.ClearFormattingControl;\n    H1: typeof controls.H1Control;\n    H2: typeof controls.H2Control;\n    H3: typeof controls.H3Control;\n    H4: typeof controls.H4Control;\n    H5: typeof controls.H5Control;\n    H6: typeof controls.H6Control;\n    BulletList: typeof controls.BulletListControl;\n    OrderedList: typeof controls.OrderedListControl;\n    Link: typeof controls.LinkControl;\n    Unlink: typeof controls.UnlinkControl;\n    Blockquote: typeof controls.BlockquoteControl;\n    AlignLeft: typeof controls.AlignLeftControl;\n    AlignRight: typeof controls.AlignRightControl;\n    AlignCenter: typeof controls.AlignCenterControl;\n    AlignJustify: typeof controls.AlignJustifyControl;\n    Superscript: typeof controls.SuperscriptControl;\n    Subscript: typeof controls.SubscriptControl;\n    Code: typeof controls.CodeControl;\n    CodeBlock: typeof controls.CodeBlockControl;\n    ColorPicker: typeof controls.ColorPickerControl;\n    Color: typeof controls.ColorControl;\n    Highlight: typeof controls.HighlightControl;\n    Hr: typeof controls.HrControl;\n    UnsetColor: typeof controls.UnsetColorControl;\n  }\n>;\n\nexport const RichTextEditor: RichTextEditorComponent = forwardRef<\n  HTMLDivElement,\n  RichTextEditorProps\n>((props, ref) => {\n  const {\n    editor,\n    children,\n    className,\n    labels,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    classNames,\n    styles,\n    unstyled,\n    ...others\n  } = useComponentDefaultProps('RichTextEditor', defaultProps, props);\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n  });\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  return (\n    <RichTextEditorProvider\n      value={{\n        editor,\n        labels: mergedLabels,\n        withCodeHighlightStyles,\n        withTypographyStyles,\n        classNames,\n        styles,\n        unstyled,\n      }}\n    >\n      <Box className={cx(classes.root, className)} {...others} ref={ref}>\n        {children}\n      </Box>\n    </RichTextEditorProvider>\n  );\n}) as any;\n\n// Generic components\nRichTextEditor.Content = Content;\nRichTextEditor.Control = Control;\nRichTextEditor.ControlsGroup = ControlsGroup;\nRichTextEditor.Toolbar = Toolbar;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThroughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.LinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.ColorPickerControl;\nRichTextEditor.Color = controls.ColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\n\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n"],"names":["controls.BoldControl","controls.ItalicControl","controls.StrikeThroughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.LinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.ColorPickerControl","controls.ColorControl","controls.HighlightControl","controls.HrControl","controls.UnsetColorControl"],"mappings":"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"}
+{"version":3,"file":"RichTextEditor.js","sources":["../src/RichTextEditor.tsx"],"sourcesContent":["/* eslint-disable react/no-unused-prop-types */\nimport React, { useMemo, forwardRef } from 'react';\nimport { Box, useComponentDefaultProps, DefaultProps, Selectors } from '@mantine/core';\nimport { Editor } from '@tiptap/react';\nimport { ForwardRefWithStaticComponents } from '@mantine/utils';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport * as controls from './controls';\nimport { Content, ContentStylesNames } from './Content/Content';\nimport { Control, ControlStylesNames } from './controls/Control/Control';\nimport { ControlsGroup, ControlsGroupStylesNames } from './controls/ControlsGroup/ControlsGroup';\nimport { Toolbar, ToolbarStylesNames } from './Toolbar/Toolbar';\nimport { LinkControlStylesNames } from './controls/LinkControl/LinkControl';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport useStyles from './RichTextEditor.styles';\n\nexport type RichTextEditorStylesNames =\n  | Selectors<typeof useStyles>\n  | ContentStylesNames\n  | ControlStylesNames\n  | ControlsGroupStylesNames\n  | ToolbarStylesNames\n  | LinkControlStylesNames;\n\nexport interface RichTextEditorProps\n  extends DefaultProps<RichTextEditorStylesNames>,\n    React.ComponentPropsWithoutRef<'div'> {\n  variant?: string;\n\n  /** Tiptap editor instance */\n  editor: Editor | null;\n\n  /** Determines whether code highlight styles should be added, true by default */\n  withCodeHighlightStyles?: boolean;\n\n  /** Determines whether typography styles should be added, true by default */\n  withTypographyStyles?: boolean;\n\n  /** Labels that are used in controls */\n  labels?: Partial<RichTextEditorLabels>;\n\n  /** Child editor components */\n  children: React.ReactNode;\n}\n\nconst defaultProps: Partial<RichTextEditorProps> = {\n  withCodeHighlightStyles: true,\n  withTypographyStyles: true,\n};\n\ntype RichTextEditorComponent = ForwardRefWithStaticComponents<\n  RichTextEditorProps,\n  {\n    Content: typeof Content;\n    Control: typeof Control;\n    ControlsGroup: typeof ControlsGroup;\n    Toolbar: typeof Toolbar;\n    Bold: typeof controls.BoldControl;\n    Italic: typeof controls.ItalicControl;\n    Strikethrough: typeof controls.StrikeThroughControl;\n    Underline: typeof controls.UnderlineControl;\n    ClearFormatting: typeof controls.ClearFormattingControl;\n    H1: typeof controls.H1Control;\n    H2: typeof controls.H2Control;\n    H3: typeof controls.H3Control;\n    H4: typeof controls.H4Control;\n    H5: typeof controls.H5Control;\n    H6: typeof controls.H6Control;\n    BulletList: typeof controls.BulletListControl;\n    OrderedList: typeof controls.OrderedListControl;\n    Link: typeof controls.LinkControl;\n    Unlink: typeof controls.UnlinkControl;\n    Blockquote: typeof controls.BlockquoteControl;\n    AlignLeft: typeof controls.AlignLeftControl;\n    AlignRight: typeof controls.AlignRightControl;\n    AlignCenter: typeof controls.AlignCenterControl;\n    AlignJustify: typeof controls.AlignJustifyControl;\n    Superscript: typeof controls.SuperscriptControl;\n    Subscript: typeof controls.SubscriptControl;\n    Code: typeof controls.CodeControl;\n    CodeBlock: typeof controls.CodeBlockControl;\n    ColorPicker: typeof controls.ColorPickerControl;\n    Color: typeof controls.ColorControl;\n    Highlight: typeof controls.HighlightControl;\n    Hr: typeof controls.HrControl;\n    UnsetColor: typeof controls.UnsetColorControl;\n  }\n>;\n\nexport const RichTextEditor: RichTextEditorComponent = forwardRef<\n  HTMLDivElement,\n  RichTextEditorProps\n>((props, ref) => {\n  const {\n    editor,\n    children,\n    className,\n    labels,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    classNames,\n    styles,\n    unstyled,\n    variant,\n    ...others\n  } = useComponentDefaultProps('RichTextEditor', defaultProps, props);\n\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n    variant,\n  });\n\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  return (\n    <RichTextEditorProvider\n      value={{\n        editor,\n        labels: mergedLabels,\n        withCodeHighlightStyles,\n        withTypographyStyles,\n        classNames,\n        styles,\n        unstyled,\n        variant,\n      }}\n    >\n      <Box className={cx(classes.root, className)} {...others} ref={ref}>\n        {children}\n      </Box>\n    </RichTextEditorProvider>\n  );\n}) as any;\n\n// Generic components\nRichTextEditor.Content = Content;\nRichTextEditor.Control = Control;\nRichTextEditor.ControlsGroup = ControlsGroup;\nRichTextEditor.Toolbar = Toolbar;\n\n// Controls components\nRichTextEditor.Bold = controls.BoldControl;\nRichTextEditor.Italic = controls.ItalicControl;\nRichTextEditor.Strikethrough = controls.StrikeThroughControl;\nRichTextEditor.Underline = controls.UnderlineControl;\nRichTextEditor.ClearFormatting = controls.ClearFormattingControl;\nRichTextEditor.H1 = controls.H1Control;\nRichTextEditor.H2 = controls.H2Control;\nRichTextEditor.H3 = controls.H3Control;\nRichTextEditor.H4 = controls.H4Control;\nRichTextEditor.H5 = controls.H5Control;\nRichTextEditor.H6 = controls.H6Control;\nRichTextEditor.BulletList = controls.BulletListControl;\nRichTextEditor.OrderedList = controls.OrderedListControl;\nRichTextEditor.Link = controls.LinkControl;\nRichTextEditor.Unlink = controls.UnlinkControl;\nRichTextEditor.Blockquote = controls.BlockquoteControl;\nRichTextEditor.AlignLeft = controls.AlignLeftControl;\nRichTextEditor.AlignRight = controls.AlignRightControl;\nRichTextEditor.AlignCenter = controls.AlignCenterControl;\nRichTextEditor.AlignJustify = controls.AlignJustifyControl;\nRichTextEditor.Superscript = controls.SuperscriptControl;\nRichTextEditor.Subscript = controls.SubscriptControl;\nRichTextEditor.Code = controls.CodeControl;\nRichTextEditor.CodeBlock = controls.CodeBlockControl;\nRichTextEditor.ColorPicker = controls.ColorPickerControl;\nRichTextEditor.Color = controls.ColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\n\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n"],"names":["controls.BoldControl","controls.ItalicControl","controls.StrikeThroughControl","controls.UnderlineControl","controls.ClearFormattingControl","controls.H1Control","controls.H2Control","controls.H3Control","controls.H4Control","controls.H5Control","controls.H6Control","controls.BulletListControl","controls.OrderedListControl","controls.LinkControl","controls.UnlinkControl","controls.BlockquoteControl","controls.AlignLeftControl","controls.AlignRightControl","controls.AlignCenterControl","controls.AlignJustifyControl","controls.SuperscriptControl","controls.SubscriptControl","controls.CodeControl","controls.CodeBlockControl","controls.ColorPickerControl","controls.ColorControl","controls.HighlightControl","controls.HrControl","controls.UnsetColorControl"],"mappings":"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"}

package/esm/RichTextEditor.styles.js

@@ -1,9 +1,9 @@
-import { createStyles } from '@mantine/core';
+import { createStyles, rem } from '@mantine/core';
 
 var useStyles = createStyles((theme) => ({
   root: {
     position: "relative",
-    border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+    border: `${rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
     borderRadius: theme.fn.radius()
   }
 }));

package/esm/RichTextEditor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.styles.js","sources":["../src/RichTextEditor.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  root: {\n    position: 'relative',\n    border: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderRadius: theme.fn.radius(),\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,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;AACrG,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"RichTextEditor.styles.js","sources":["../src/RichTextEditor.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport default createStyles((theme) => ({\n  root: {\n    position: 'relative',\n    border: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n    borderRadius: theme.fn.radius(),\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,MAAM;AACxC,EAAE,IAAI,EAAE;AACR,IAAI,QAAQ,EAAE,UAAU;AACxB,IAAI,MAAM,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AAC3G,IAAI,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AACnC,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/Toolbar/Toolbar.js

@@ -41,7 +41,8 @@ const Toolbar = forwardRef((props, ref) => {
     name: "RichTextEditor",
     classNames: ctx.classNames,
     styles: ctx.styles,
-    unstyled: ctx.unstyled
+    unstyled: ctx.unstyled,
+    variant: ctx.variant
   });
   return /* @__PURE__ */ React.createElement(Group, __spreadValues({
     className: cx(classes.toolbar, className),

package/esm/Toolbar/Toolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.js","sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Group, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Toolbar.styles';\n\nexport type ToolbarStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorToolbarProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Determines whether position: sticky styles should be added to the toolbar, false by default */\n  sticky?: boolean;\n\n  /** Sets top style to offset elements with fixed position, 0 by default */\n  stickyOffset?: React.CSSProperties['top'];\n}\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {\n  stickyOffset: 0,\n};\n\nexport const Toolbar = forwardRef<HTMLDivElement, RichTextEditorToolbarProps>((props, ref) => {\n  const { className, children, sticky, stickyOffset, ...others } = useComponentDefaultProps(\n    'RichTextEditorToolbar',\n    defaultProps,\n    props\n  );\n\n  const ctx = useRichTextEditorContext();\n  const { classes, cx } = useStyles(\n    { sticky, stickyOffset },\n    {\n      name: 'RichTextEditor',\n      classNames: ctx.classNames,\n      styles: ctx.styles,\n      unstyled: ctx.unstyled,\n    }\n  );\n\n  return (\n    <Group className={cx(classes.toolbar, className)} ref={ref} {...others}>\n      {children}\n    </Group>\n  );\n});\n\nToolbar.displayName = '@mantine/tiptap/Toolbar';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Toolbar.js","sources":["../../src/Toolbar/Toolbar.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { Group, DefaultProps, useComponentDefaultProps, Selectors } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport useStyles from './Toolbar.styles';\n\nexport type ToolbarStylesNames = Selectors<typeof useStyles>;\n\nexport interface RichTextEditorToolbarProps\n  extends DefaultProps,\n    React.ComponentPropsWithoutRef<'div'> {\n  /** Determines whether position: sticky styles should be added to the toolbar, false by default */\n  sticky?: boolean;\n\n  /** Sets top style to offset elements with fixed position, 0 by default */\n  stickyOffset?: React.CSSProperties['top'];\n}\n\nconst defaultProps: Partial<RichTextEditorToolbarProps> = {\n  stickyOffset: 0,\n};\n\nexport const Toolbar = forwardRef<HTMLDivElement, RichTextEditorToolbarProps>((props, ref) => {\n  const { className, children, sticky, stickyOffset, ...others } = useComponentDefaultProps(\n    'RichTextEditorToolbar',\n    defaultProps,\n    props\n  );\n\n  const ctx = useRichTextEditorContext();\n  const { classes, cx } = useStyles(\n    { sticky, stickyOffset },\n    {\n      name: 'RichTextEditor',\n      classNames: ctx.classNames,\n      styles: ctx.styles,\n      unstyled: ctx.unstyled,\n      variant: ctx.variant,\n    }\n  );\n\n  return (\n    <Group className={cx(classes.toolbar, className)} ref={ref} {...others}>\n      {children}\n    </Group>\n  );\n});\n\nToolbar.displayName = '@mantine/tiptap/Toolbar';\n"],"names":[],"mappings":"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"}

package/esm/Toolbar/Toolbar.styles.js

@@ -1,15 +1,15 @@
-import { createStyles } from '@mantine/core';
+import { createStyles, rem } from '@mantine/core';
 
 var useStyles = createStyles((theme, { sticky, stickyOffset }) => ({
   toolbar: {
     position: sticky ? "sticky" : "static",
-    top: sticky ? stickyOffset : void 0,
-    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,
+    top: sticky ? rem(stickyOffset) : void 0,
+    padding: `${theme.spacing.xs} ${theme.spacing.md}`,
     backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[7] : theme.white,
     zIndex: 1,
     borderTopRightRadius: theme.fn.radius(),
     borderTopLeftRadius: theme.fn.radius(),
-    borderBottom: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
+    borderBottom: `${rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`
   }
 }));
 

package/esm/Toolbar/Toolbar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.styles.js","sources":["../../src/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { createStyles } from '@mantine/core';\n\nexport interface ToolbarStylesParams {\n  sticky: boolean;\n  stickyOffset: React.CSSProperties['top'];\n}\n\nexport default createStyles((theme, { sticky, stickyOffset }: ToolbarStylesParams) => ({\n  toolbar: {\n    position: sticky ? 'sticky' : 'static',\n    top: sticky ? stickyOffset : undefined,\n    padding: `${theme.spacing.xs}px ${theme.spacing.md}px`,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    zIndex: 1,\n    borderTopRightRadius: theme.fn.radius(),\n    borderTopLeftRadius: theme.fn.radius(),\n    borderBottom: `1px solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;AAClE,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ;AAC1C,IAAI,GAAG,EAAE,MAAM,GAAG,YAAY,GAAG,KAAK,CAAC;AACvC,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE,CAAC;AAC1D,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC3C,IAAI,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC1C,IAAI,YAAY,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;AAC3G,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}
+{"version":3,"file":"Toolbar.styles.js","sources":["../../src/Toolbar/Toolbar.styles.ts"],"sourcesContent":["import { createStyles, rem } from '@mantine/core';\n\nexport interface ToolbarStylesParams {\n  sticky: boolean;\n  stickyOffset: React.CSSProperties['top'];\n}\n\nexport default createStyles((theme, { sticky, stickyOffset }: ToolbarStylesParams) => ({\n  toolbar: {\n    position: sticky ? 'sticky' : 'static',\n    top: sticky ? rem(stickyOffset) : undefined,\n    padding: `${theme.spacing.xs} ${theme.spacing.md}`,\n    backgroundColor: theme.colorScheme === 'dark' ? theme.colors.dark[7] : theme.white,\n    zIndex: 1,\n    borderTopRightRadius: theme.fn.radius(),\n    borderTopLeftRadius: theme.fn.radius(),\n    borderBottom: `${rem(1)} solid ${\n      theme.colorScheme === 'dark' ? theme.colors.dark[4] : theme.colors.gray[4]\n    }`,\n  },\n}));\n"],"names":[],"mappings":";;AACA,gBAAe,YAAY,CAAC,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM;AAClE,EAAE,OAAO,EAAE;AACX,IAAI,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,QAAQ;AAC1C,IAAI,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC;AAC5C,IAAI,OAAO,EAAE,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AACtD,IAAI,eAAe,EAAE,KAAK,CAAC,WAAW,KAAK,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK;AACtF,IAAI,MAAM,EAAE,CAAC;AACb,IAAI,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC3C,IAAI,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE;AAC1C,IAAI,YAAY,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,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;AACjH,GAAG;AACH,CAAC,CAAC,CAAC;;;;"}

package/esm/controls/ColorPickerControl/ColorPickerControl.js

@@ -104,7 +104,7 @@ const ColorPickerControl = forwardRef((props, ref) => {
     "aria-label": labels.colorPickerCancel
   }, /* @__PURE__ */ React.createElement(IconX, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })), /* @__PURE__ */ React.createElement(ActionIcon, {
     variant: "default",
     onClick: handleClear,
@@ -113,7 +113,7 @@ const ColorPickerControl = forwardRef((props, ref) => {
     "aria-label": labels.colorPickerClear
   }, /* @__PURE__ */ React.createElement(IconCircleOff, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })), state === "palette" ? /* @__PURE__ */ React.createElement(ActionIcon, {
     variant: "default",
     onClick: () => setState("colorPicker"),
@@ -122,7 +122,7 @@ const ColorPickerControl = forwardRef((props, ref) => {
     "aria-label": labels.colorPickerColorPicker
   }, /* @__PURE__ */ React.createElement(IconColorPicker, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })) : /* @__PURE__ */ React.createElement(ActionIcon, {
     variant: "default",
     onClick: () => setState("palette"),
@@ -131,7 +131,7 @@ const ColorPickerControl = forwardRef((props, ref) => {
     title: labels.colorPickerPalette
   }, /* @__PURE__ */ React.createElement(IconPalette, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   })), state === "colorPicker" && /* @__PURE__ */ React.createElement(ActionIcon, {
     variant: "default",
     onClick: close,
@@ -140,7 +140,7 @@ const ColorPickerControl = forwardRef((props, ref) => {
     "aria-label": labels.colorPickerSave
   }, /* @__PURE__ */ React.createElement(IconCheck, {
     stroke: 1.5,
-    size: 16
+    size: "1rem"
   }))))));
 });
 ColorPickerControl.displayName = "@mantine/tiptap/ColorPickerControl";

package/esm/controls/ColorPickerControl/ColorPickerControl.js.map

@@ -1 +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  useComponentDefaultProps,\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\nconst defaultProps: Partial<ColorPickerControlProps> = {};\n\nexport const ColorPickerControl = forwardRef<HTMLButtonElement, ColorPickerControlProps>(\n  (props, ref) => {\n    const { popoverProps, colors, colorPickerProps, ...others } = useComponentDefaultProps(\n      'RichTextEditorColorPickerControl',\n      defaultProps,\n      props\n    );\n\n    const { editor, labels, unstyled } = 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                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\n                  title={labels.colorPickerCancel}\n                  aria-label={labels.colorPickerCancel}\n                >\n                  <IconX stroke={1.5} size={16} />\n                </ActionIcon>\n              )}\n\n              <ActionIcon\n                variant=\"default\"\n                onClick={handleClear}\n                unstyled={unstyled}\n                title={labels.colorPickerClear}\n                aria-label={labels.colorPickerClear}\n              >\n                <IconCircleOff stroke={1.5} size={16} />\n              </ActionIcon>\n\n              {state === 'palette' ? (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={() => setState('colorPicker')}\n                  unstyled={unstyled}\n                  title={labels.colorPickerColorPicker}\n                  aria-label={labels.colorPickerColorPicker}\n                >\n                  <IconColorPicker stroke={1.5} size={16} />\n                </ActionIcon>\n              ) : (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={() => setState('palette')}\n                  unstyled={unstyled}\n                  aria-label={labels.colorPickerPalette}\n                  title={labels.colorPickerPalette}\n                >\n                  <IconPalette stroke={1.5} size={16} />\n                </ActionIcon>\n              )}\n\n              {state === 'colorPicker' && (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\n                  title={labels.colorPickerSave}\n                  aria-label={labels.colorPickerSave}\n                >\n                  <IconCheck stroke={1.5} size={16} />\n                </ActionIcon>\n              )}\n            </Group>\n          </Tooltip.Group>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n\nColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":[],"mappings":"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"}
+{"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  useComponentDefaultProps,\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\nconst defaultProps: Partial<ColorPickerControlProps> = {};\n\nexport const ColorPickerControl = forwardRef<HTMLButtonElement, ColorPickerControlProps>(\n  (props, ref) => {\n    const { popoverProps, colors, colorPickerProps, ...others } = useComponentDefaultProps(\n      'RichTextEditorColorPickerControl',\n      defaultProps,\n      props\n    );\n\n    const { editor, labels, unstyled } = 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                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\n                  title={labels.colorPickerCancel}\n                  aria-label={labels.colorPickerCancel}\n                >\n                  <IconX stroke={1.5} size=\"1rem\" />\n                </ActionIcon>\n              )}\n\n              <ActionIcon\n                variant=\"default\"\n                onClick={handleClear}\n                unstyled={unstyled}\n                title={labels.colorPickerClear}\n                aria-label={labels.colorPickerClear}\n              >\n                <IconCircleOff stroke={1.5} size=\"1rem\" />\n              </ActionIcon>\n\n              {state === 'palette' ? (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={() => setState('colorPicker')}\n                  unstyled={unstyled}\n                  title={labels.colorPickerColorPicker}\n                  aria-label={labels.colorPickerColorPicker}\n                >\n                  <IconColorPicker stroke={1.5} size=\"1rem\" />\n                </ActionIcon>\n              ) : (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={() => setState('palette')}\n                  unstyled={unstyled}\n                  aria-label={labels.colorPickerPalette}\n                  title={labels.colorPickerPalette}\n                >\n                  <IconPalette stroke={1.5} size=\"1rem\" />\n                </ActionIcon>\n              )}\n\n              {state === 'colorPicker' && (\n                <ActionIcon\n                  variant=\"default\"\n                  onClick={close}\n                  unstyled={unstyled}\n                  title={labels.colorPickerSave}\n                  aria-label={labels.colorPickerSave}\n                >\n                  <IconCheck stroke={1.5} size=\"1rem\" />\n                </ActionIcon>\n              )}\n            </Group>\n          </Tooltip.Group>\n        </Popover.Dropdown>\n      </Popover>\n    );\n  }\n);\n\nColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"names":[],"mappings":"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"}

package/esm/controls/Control/Control.js

@@ -36,12 +36,13 @@ const defaultProps = {
 };
 const Control = forwardRef((props, ref) => {
   const _a = useComponentDefaultProps("RichTextEditorControl", defaultProps, props), { className, active, children, interactive } = _a, others = __objRest(_a, ["className", "active", "children", "interactive"]);
-  const { classNames, styles, unstyled } = useRichTextEditorContext();
+  const { classNames, styles, unstyled, variant } = useRichTextEditorContext();
   const { classes, cx } = useStyles(null, {
     name: "RichTextEditor",
     classNames,
     styles,
-    unstyled
+    unstyled,
+    variant
   });
   return /* @__PURE__ */ React.createElement(UnstyledButton, __spreadValues({
     className: cx(classes.control, className),

package/esm/controls/Control/Control.js.map

@@ -1 +1 @@
-{"version":3,"file":"Control.js","sources":["../../../src/controls/Control/Control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { UnstyledButton, DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\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    'RichTextEditorControl',\n    defaultProps,\n    props\n  );\n\n  const { classNames, styles, unstyled } = useRichTextEditorContext();\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":[],"mappings":"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"}
+{"version":3,"file":"Control.js","sources":["../../../src/controls/Control/Control.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { UnstyledButton, DefaultProps, Selectors, useComponentDefaultProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../../RichTextEditor.context';\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 | string }>;\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    'RichTextEditorControl',\n    defaultProps,\n    props\n  );\n\n  const { classNames, styles, unstyled, variant } = useRichTextEditorContext();\n  const { classes, cx } = useStyles(null, {\n    name: 'RichTextEditor',\n    classNames,\n    styles,\n    unstyled,\n    variant,\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":[],"mappings":"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"}

package/esm/controls/Control/Control.styles.js

@@ -1,4 +1,4 @@
-import { createStyles } from '@mantine/core';
+import { createStyles, rem } from '@mantine/core';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
@@ -21,12 +21,12 @@ var useStyles = createStyles((theme) => {
   return {
     control: {
       backgroundColor: theme.colorScheme === "dark" ? theme.colors.dark[6] : theme.white,
-      minWidth: 26,
-      height: 26,
+      minWidth: rem(26),
+      height: rem(26),
       display: "flex",
       justifyContent: "center",
       alignItems: "center",
-      border: `1px solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
+      border: `${rem(1)} solid ${theme.colorScheme === "dark" ? theme.colors.dark[4] : theme.colors.gray[4]}`,
       borderRadius: theme.fn.radius(),
       cursor: "default",
       "&[data-interactive]": __spreadValues({

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

@@ -1 +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":[],"mappings":"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"}
+{"version":3,"file":"Control.styles.js","sources":["../../../src/controls/Control/Control.styles.ts"],"sourcesContent":["import { createStyles, rem } 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: rem(26),\n      height: rem(26),\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      border: `${rem(1)} 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":[],"mappings":"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"}