@mantine/tiptap 9.2.0 → 9.2.1

package/cjs/RichTextEditor.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.cjs","names":["RichTextEditorProvider","DEFAULT_LABELS","Box","classes","RichTextEditorContent","RichTextEditorControl","RichTextEditorToolbar","RichTextEditorControlsGroup","RichTextEditorSourceCodeControl"],"sources":["../src/RichTextEditor.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Editor } from '@tiptap/react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport {\n  RichTextEditorContent,\n  type RichTextEditorContentProps,\n} from './RichTextEditorContent/RichTextEditorContent';\nimport * as controls from './RichTextEditorControl';\nimport {\n  RichTextEditorControl,\n  type RichTextEditorControlProps,\n} from './RichTextEditorControl/RichTextEditorControl';\nimport type { RichTextEditorColorControlProps } from './RichTextEditorControl/RichTextEditorColorControl';\nimport type { RichTextEditorLinkControlProps } from './RichTextEditorControl/RichTextEditorLinkControl';\nimport {\n  RichTextEditorSourceCodeControl,\n  type RichTextEditorSourceCodeControlProps,\n} from './RichTextEditorControl/RichTextEditorSourceCodeControl';\nimport {\n  RichTextEditorControlsGroup,\n  type RichTextEditorControlsGroupProps,\n} from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';\nimport {\n  RichTextEditorToolbar,\n  type RichTextEditorToolbarProps,\n} from './RichTextEditorToolbar/RichTextEditorToolbar';\nimport classes from './RichTextEditor.module.css';\n\nexport type RichTextEditorVariant = 'default' | 'subtle';\n\nexport type RichTextEditorStylesNames =\n  | 'linkEditorSave'\n  | 'linkEditorDropdown'\n  | 'root'\n  | 'content'\n  | 'Typography'\n  | 'control'\n  | 'controlIcon'\n  | 'controlsGroup'\n  | 'toolbar'\n  | 'linkEditor'\n  | 'linkEditorInput'\n  | 'linkEditorExternalControl';\n\nexport interface RichTextEditorProps\n  extends BoxProps, StylesApiProps<RichTextEditorFactory>, ElementProps<'div'> {\n  /** Tiptap editor instance */\n  editor: Editor | null;\n\n  /** Determines whether code highlight styles should be added @default true */\n  withCodeHighlightStyles?: boolean;\n\n  /** Determines whether typography styles should be added @default true */\n  withTypographyStyles?: boolean;\n\n  /** Called if `RichTextEditor.SourceCode` clicked.  */\n  onSourceCodeTextSwitch?: (isSourceCodeModeActive: boolean) => void;\n\n  /** Labels that are used in controls */\n  labels?: Partial<RichTextEditorLabels>;\n\n  /** Child editor components */\n  children: React.ReactNode;\n}\n\nexport type RichTextEditorFactory = Factory<{\n  props: RichTextEditorProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorStylesNames;\n  variant: RichTextEditorVariant;\n  staticComponents: {\n    Content: typeof RichTextEditorContent;\n    Control: typeof RichTextEditorControl;\n    Toolbar: typeof RichTextEditorToolbar;\n    ControlsGroup: typeof RichTextEditorControlsGroup;\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.RichTextEditorLinkControl;\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.RichTextEditorColorPickerControl;\n    Color: typeof controls.RichTextEditorColorControl;\n    Highlight: typeof controls.HighlightControl;\n    Hr: typeof controls.HrControl;\n    UnsetColor: typeof controls.UnsetColorControl;\n    Undo: typeof controls.UndoControl;\n    Redo: typeof controls.RedoControl;\n    TaskList: typeof controls.TaskListControl;\n    TaskListSink: typeof controls.TaskListSinkControl;\n    TaskListLift: typeof controls.TaskListLiftControl;\n    SourceCode: typeof RichTextEditorSourceCodeControl;\n  };\n}>;\n\nconst defaultProps = {\n  withCodeHighlightStyles: true,\n  withTypographyStyles: true,\n  variant: 'default',\n} satisfies Partial<RichTextEditorProps>;\n\nexport const RichTextEditor = factory<RichTextEditorFactory>((_props) => {\n  const props = useProps('RichTextEditor', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    editor,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    onSourceCodeTextSwitch,\n    labels,\n    children,\n    variant,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RichTextEditorFactory>({\n    name: 'RichTextEditor',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  return (\n    <RichTextEditorProvider\n      value={{\n        editor,\n        getStyles,\n        labels: mergedLabels,\n        withCodeHighlightStyles,\n        withTypographyStyles,\n        onSourceCodeTextSwitch,\n        unstyled,\n        variant,\n      }}\n    >\n      <Box {...getStyles('root')} {...others}>\n        {children}\n      </Box>\n    </RichTextEditorProvider>\n  );\n});\n\nRichTextEditor.classes = classes;\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n\n// Generic components\nRichTextEditor.Content = RichTextEditorContent;\nRichTextEditor.Control = RichTextEditorControl;\nRichTextEditor.Toolbar = RichTextEditorToolbar;\nRichTextEditor.ControlsGroup = RichTextEditorControlsGroup;\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.RichTextEditorLinkControl;\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.RichTextEditorColorPickerControl;\nRichTextEditor.Color = controls.RichTextEditorColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\nRichTextEditor.Undo = controls.UndoControl;\nRichTextEditor.Redo = controls.RedoControl;\nRichTextEditor.TaskList = controls.TaskListControl;\nRichTextEditor.TaskListSink = controls.TaskListSinkControl;\nRichTextEditor.TaskListLift = controls.TaskListLiftControl;\nRichTextEditor.SourceCode = RichTextEditorSourceCodeControl;\n\nexport namespace RichTextEditor {\n  export type Props = RichTextEditorProps;\n  export type StylesNames = RichTextEditorStylesNames;\n  export type Factory = RichTextEditorFactory;\n\n  export namespace Toolbar {\n    export type Props = RichTextEditorToolbarProps;\n  }\n\n  export namespace Control {\n    export type Props = RichTextEditorControlProps;\n    export type ColorProps = RichTextEditorColorControlProps;\n    export type LinkProps = RichTextEditorLinkControlProps;\n    export type SourceCodeProps = RichTextEditorSourceCodeControlProps;\n  }\n\n  export namespace Content {\n    export type Props = RichTextEditorContentProps;\n  }\n\n  export namespace ControlsGroup {\n    export type Props = RichTextEditorControlsGroupProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4HA,MAAM,eAAe;CACnB,yBAAyB;CACzB,sBAAsB;CACtB,SAAS;CACV;AAED,MAAa,kBAAA,GAAA,cAAA,UAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,UAAiB,kBAAkB,cAAc,OAAO;CAC9D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,yBACA,sBACA,wBACA,QACA,UACA,SACA,YACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAA6C;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAIF,QACE,iBAAA,GAAA,kBAAA,KAACA,+BAAAA,wBAAD;EACE,OAAO;GACL;GACA;GACA,SAAA,GAAA,MAAA,gBAP8B;IAAE,GAAGC,eAAAA;IAAgB,GAAG;IAAQ,GAAG,CAAC,OAAO,CAAC;GAQ1E;GACA;GACA;GACA;GACA;GACD;YAED,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;GAAK,GAAI,UAAU,OAAO;GAAE,GAAI;GAC7B;GACG,CAAA;EACiB,CAAA;EAE3B;AAEF,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc;AAG7B,eAAe,UAAUC,8BAAAA;AACzB,eAAe,UAAUC,8BAAAA;AACzB,eAAe,UAAUC,8BAAAA;AACzB,eAAe,gBAAgBC,oCAAAA;AAG/B,eAAe,OAAA,iBAAA;AACf,eAAe,SAAA,iBAAA;AACf,eAAe,gBAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,kBAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,cAAA,iBAAA;AACf,eAAe,OAAA,kCAAA;AACf,eAAe,SAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,cAAA,iBAAA;AACf,eAAe,eAAA,iBAAA;AACf,eAAe,cAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,OAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,cAAA,yCAAA;AACf,eAAe,QAAA,mCAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,OAAA,iBAAA;AACf,eAAe,OAAA,iBAAA;AACf,eAAe,WAAA,iBAAA;AACf,eAAe,eAAA,iBAAA;AACf,eAAe,eAAA,iBAAA;AACf,eAAe,aAAaC,wCAAAA"}
+{"version":3,"file":"RichTextEditor.cjs","names":["RichTextEditorProvider","DEFAULT_LABELS","Box","classes","RichTextEditorContent","RichTextEditorControl","RichTextEditorToolbar","RichTextEditorControlsGroup","RichTextEditorSourceCodeControl"],"sources":["../src/RichTextEditor.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { Editor } from '@tiptap/react';\nimport {\n  Box,\n  BoxProps,\n  ElementProps,\n  factory,\n  Factory,\n  StylesApiProps,\n  useProps,\n  useStyles,\n} from '@mantine/core';\nimport { DEFAULT_LABELS, RichTextEditorLabels } from './labels';\nimport { RichTextEditorProvider } from './RichTextEditor.context';\nimport {\n  RichTextEditorContent,\n  type RichTextEditorContentProps,\n} from './RichTextEditorContent/RichTextEditorContent';\nimport * as controls from './RichTextEditorControl';\nimport {\n  RichTextEditorControl,\n  type RichTextEditorControlProps,\n} from './RichTextEditorControl/RichTextEditorControl';\nimport type { RichTextEditorColorControlProps } from './RichTextEditorControl/RichTextEditorColorControl';\nimport type { RichTextEditorLinkControlProps } from './RichTextEditorControl/RichTextEditorLinkControl';\nimport {\n  RichTextEditorSourceCodeControl,\n  type RichTextEditorSourceCodeControlProps,\n} from './RichTextEditorControl/RichTextEditorSourceCodeControl';\nimport {\n  RichTextEditorControlsGroup,\n  type RichTextEditorControlsGroupProps,\n} from './RichTextEditorControlsGroup/RichTextEditorControlsGroup';\nimport {\n  RichTextEditorToolbar,\n  type RichTextEditorToolbarProps,\n} from './RichTextEditorToolbar/RichTextEditorToolbar';\nimport classes from './RichTextEditor.module.css';\n\nexport type RichTextEditorVariant = 'default' | 'subtle';\n\nexport type RichTextEditorStylesNames =\n  | 'linkEditorSave'\n  | 'linkEditorDropdown'\n  | 'root'\n  | 'content'\n  | 'Typography'\n  | 'control'\n  | 'controlIcon'\n  | 'controlsGroup'\n  | 'toolbar'\n  | 'linkEditor'\n  | 'linkEditorInput'\n  | 'linkEditorExternalControl';\n\nexport interface RichTextEditorProps\n  extends BoxProps, StylesApiProps<RichTextEditorFactory>, ElementProps<'div'> {\n  /** Tiptap editor instance */\n  editor: Editor | null;\n\n  /** Determines whether code highlight styles should be added @default true */\n  withCodeHighlightStyles?: boolean;\n\n  /** Determines whether typography styles should be added @default true */\n  withTypographyStyles?: boolean;\n\n  /** Called if `RichTextEditor.SourceCode` clicked.  */\n  onSourceCodeTextSwitch?: (isSourceCodeModeActive: boolean) => void;\n\n  /** Labels that are used in controls */\n  labels?: Partial<RichTextEditorLabels>;\n\n  /** Child editor components */\n  children: React.ReactNode;\n}\n\nexport type RichTextEditorFactory = Factory<{\n  props: RichTextEditorProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorStylesNames;\n  variant: RichTextEditorVariant;\n  staticComponents: {\n    Content: typeof RichTextEditorContent;\n    Control: typeof RichTextEditorControl;\n    Toolbar: typeof RichTextEditorToolbar;\n    ControlsGroup: typeof RichTextEditorControlsGroup;\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.RichTextEditorLinkControl;\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.RichTextEditorColorPickerControl;\n    Color: typeof controls.RichTextEditorColorControl;\n    Highlight: typeof controls.HighlightControl;\n    Hr: typeof controls.HrControl;\n    UnsetColor: typeof controls.UnsetColorControl;\n    Undo: typeof controls.UndoControl;\n    Redo: typeof controls.RedoControl;\n    TaskList: typeof controls.TaskListControl;\n    TaskListSink: typeof controls.TaskListSinkControl;\n    TaskListLift: typeof controls.TaskListLiftControl;\n    SourceCode: typeof RichTextEditorSourceCodeControl;\n  };\n}>;\n\nconst defaultProps = {\n  withCodeHighlightStyles: true,\n  withTypographyStyles: true,\n  variant: 'default',\n} satisfies Partial<RichTextEditorProps>;\n\nexport const RichTextEditor = factory<RichTextEditorFactory>((_props) => {\n  const props = useProps('RichTextEditor', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    unstyled,\n    vars,\n    editor,\n    withCodeHighlightStyles,\n    withTypographyStyles,\n    onSourceCodeTextSwitch,\n    labels,\n    children,\n    variant,\n    attributes,\n    ...others\n  } = props;\n\n  const getStyles = useStyles<RichTextEditorFactory>({\n    name: 'RichTextEditor',\n    classes,\n    props,\n    className,\n    style,\n    classNames,\n    styles,\n    unstyled,\n    attributes,\n    vars,\n  });\n\n  const mergedLabels = useMemo(() => ({ ...DEFAULT_LABELS, ...labels }), [labels]);\n\n  return (\n    <RichTextEditorProvider\n      value={{\n        editor,\n        getStyles,\n        labels: mergedLabels,\n        withCodeHighlightStyles,\n        withTypographyStyles,\n        onSourceCodeTextSwitch,\n        unstyled,\n        variant,\n      }}\n    >\n      <Box {...getStyles('root')} {...others}>\n        {children}\n      </Box>\n    </RichTextEditorProvider>\n  );\n});\n\nRichTextEditor.classes = classes;\nRichTextEditor.displayName = '@mantine/tiptap/RichTextEditor';\n\n// Generic components\nRichTextEditor.Content = RichTextEditorContent;\nRichTextEditor.Control = RichTextEditorControl;\nRichTextEditor.Toolbar = RichTextEditorToolbar;\nRichTextEditor.ControlsGroup = RichTextEditorControlsGroup;\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.RichTextEditorLinkControl;\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.RichTextEditorColorPickerControl;\nRichTextEditor.Color = controls.RichTextEditorColorControl;\nRichTextEditor.Highlight = controls.HighlightControl;\nRichTextEditor.Hr = controls.HrControl;\nRichTextEditor.UnsetColor = controls.UnsetColorControl;\nRichTextEditor.Undo = controls.UndoControl;\nRichTextEditor.Redo = controls.RedoControl;\nRichTextEditor.TaskList = controls.TaskListControl;\nRichTextEditor.TaskListSink = controls.TaskListSinkControl;\nRichTextEditor.TaskListLift = controls.TaskListLiftControl;\nRichTextEditor.SourceCode = RichTextEditorSourceCodeControl;\n\nexport namespace RichTextEditor {\n  export type Props = RichTextEditorProps;\n  export type StylesNames = RichTextEditorStylesNames;\n  export type Factory = RichTextEditorFactory;\n\n  export namespace Toolbar {\n    export type Props = RichTextEditorToolbarProps;\n  }\n\n  export namespace Control {\n    export type Props = RichTextEditorControlProps;\n    export type ColorProps = RichTextEditorColorControlProps;\n    export type LinkProps = RichTextEditorLinkControlProps;\n    export type SourceCodeProps = RichTextEditorSourceCodeControlProps;\n  }\n\n  export namespace Content {\n    export type Props = RichTextEditorContentProps;\n  }\n\n  export namespace ControlsGroup {\n    export type Props = RichTextEditorControlsGroupProps;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA4HA,MAAM,eAAe;CACnB,yBAAyB;CACzB,sBAAsB;CACtB,SAAS;AACX;AAEA,MAAa,kBAAA,GAAA,cAAA,UAAiD,WAAW;CACvE,MAAM,SAAA,GAAA,cAAA,UAAiB,kBAAkB,cAAc,MAAM;CAC7D,MAAM,EACJ,YACA,WACA,OACA,QACA,UACA,MACA,QACA,yBACA,sBACA,wBACA,QACA,UACA,SACA,YACA,GAAG,WACD;CAEJ,MAAM,aAAA,GAAA,cAAA,WAA6C;EACjD,MAAM;EACN,SAAA,8BAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;CAID,OACE,iBAAA,GAAA,kBAAA,KAACA,+BAAAA,wBAAD;EACE,OAAO;GACL;GACA;GACA,SAAA,GAAA,MAAA,gBAP8B;IAAE,GAAGC,eAAAA;IAAgB,GAAG;GAAO,IAAI,CAAC,MAAM,CAOrD;GACnB;GACA;GACA;GACA;GACA;EACF;YAEA,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;GAAK,GAAI,UAAU,MAAM;GAAG,GAAI;GAC7B;EACE,CAAA;CACiB,CAAA;AAE5B,CAAC;AAED,eAAe,UAAUC,8BAAAA;AACzB,eAAe,cAAc;AAG7B,eAAe,UAAUC,8BAAAA;AACzB,eAAe,UAAUC,8BAAAA;AACzB,eAAe,UAAUC,8BAAAA;AACzB,eAAe,gBAAgBC,oCAAAA;AAG/B,eAAe,OAAA,iBAAA;AACf,eAAe,SAAA,iBAAA;AACf,eAAe,gBAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,kBAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,cAAA,iBAAA;AACf,eAAe,OAAA,kCAAA;AACf,eAAe,SAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,cAAA,iBAAA;AACf,eAAe,eAAA,iBAAA;AACf,eAAe,cAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,OAAA,iBAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,cAAA,yCAAA;AACf,eAAe,QAAA,mCAAA;AACf,eAAe,YAAA,iBAAA;AACf,eAAe,KAAA,iBAAA;AACf,eAAe,aAAA,iBAAA;AACf,eAAe,OAAA,iBAAA;AACf,eAAe,OAAA,iBAAA;AACf,eAAe,WAAA,iBAAA;AACf,eAAe,eAAA,iBAAA;AACf,eAAe,eAAA,iBAAA;AACf,eAAe,aAAaC,wCAAAA"}

package/cjs/RichTextEditor.context.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.context.cjs","names":[],"sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\nimport { createSafeContext, GetStylesApi } from '@mantine/core';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorFactory } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  getStyles: GetStylesApi<RichTextEditorFactory>;\n  editor: Editor | null;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean | undefined;\n  withTypographyStyles: boolean | undefined;\n  unstyled: boolean | undefined;\n  variant: string | undefined;\n  onSourceCodeTextSwitch?: (isSourceCodeModeActive: boolean) => void;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor component was not found in tree');\n"],"mappings":";;;AAgBA,MAAa,CAAC,wBAAwB,6BAAA,4BAAA,mBACK,iDAAiD"}
+{"version":3,"file":"RichTextEditor.context.cjs","names":[],"sources":["../src/RichTextEditor.context.ts"],"sourcesContent":["import { Editor } from '@tiptap/react';\nimport { createSafeContext, GetStylesApi } from '@mantine/core';\nimport { RichTextEditorLabels } from './labels';\nimport type { RichTextEditorFactory } from './RichTextEditor';\n\ninterface RichTextEditorContext {\n  getStyles: GetStylesApi<RichTextEditorFactory>;\n  editor: Editor | null;\n  labels: RichTextEditorLabels;\n  withCodeHighlightStyles: boolean | undefined;\n  withTypographyStyles: boolean | undefined;\n  unstyled: boolean | undefined;\n  variant: string | undefined;\n  onSourceCodeTextSwitch?: (isSourceCodeModeActive: boolean) => void;\n}\n\nexport const [RichTextEditorProvider, useRichTextEditorContext] =\n  createSafeContext<RichTextEditorContext>('RichTextEditor component was not found in tree');\n"],"mappings":";;;AAgBA,MAAa,CAAC,wBAAwB,6BAAA,0BAAA,EAAA,mBACK,gDAAgD"}

package/cjs/RichTextEditorContent/RichTextEditorContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorContent.cjs","names":["useRichTextEditorContext","Typography","Box","EditorContent","classes"],"sources":["../../src/RichTextEditorContent/RichTextEditorContent.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react';\nimport {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  Typography,\n  useProps,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorContentStylesNames = 'root';\nexport interface RichTextEditorContentProps\n  extends BoxProps, CompoundStylesApiProps<RichTextEditorContentFactory>, ElementProps<'div'> {}\n\nexport type RichTextEditorContentFactory = Factory<{\n  props: RichTextEditorContentProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorContentStylesNames;\n  compound: true;\n}>;\n\nexport const RichTextEditorContent = factory<RichTextEditorContentFactory>((_props) => {\n  const props = useProps('RichTextEditorContent', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n  const ctx = useRichTextEditorContext();\n\n  if (ctx.withTypographyStyles) {\n    return (\n      <Typography\n        {...ctx.getStyles('Typography', { className, style, styles, classNames })}\n        unstyled={ctx.unstyled}\n      >\n        <Box\n          component={EditorContent}\n          editor={ctx.editor}\n          {...ctx.getStyles('content', { classNames, styles })}\n          {...others}\n        />\n      </Typography>\n    );\n  }\n\n  return (\n    <Box\n      component={EditorContent}\n      editor={ctx.editor}\n      {...ctx.getStyles('content', { classNames, styles, className, style })}\n      {...others}\n    />\n  );\n});\n\nRichTextEditorContent.classes = classes;\nRichTextEditorContent.displayName = '@mantine/tiptap/RichTextEditorContent';\n"],"mappings":";;;;;;;;AAyBA,MAAa,yBAAA,GAAA,cAAA,UAA+D,WAAW;CAErF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,YAAA,GAAA,cAAA,UADhC,yBAAyB,MAAM,OAAO;CAE7D,MAAM,MAAMA,+BAAAA,0BAA0B;AAEtC,KAAI,IAAI,qBACN,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,YAAD;EACE,GAAI,IAAI,UAAU,cAAc;GAAE;GAAW;GAAO;GAAQ;GAAY,CAAC;EACzE,UAAU,IAAI;YAEd,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;GACE,WAAWC,cAAAA;GACX,QAAQ,IAAI;GACZ,GAAI,IAAI,UAAU,WAAW;IAAE;IAAY;IAAQ,CAAC;GACpD,GAAI;GACJ,CAAA;EACS,CAAA;AAIjB,QACE,iBAAA,GAAA,kBAAA,KAACD,cAAAA,KAAD;EACE,WAAWC,cAAAA;EACX,QAAQ,IAAI;EACZ,GAAI,IAAI,UAAU,WAAW;GAAE;GAAY;GAAQ;GAAW;GAAO,CAAC;EACtE,GAAI;EACJ,CAAA;EAEJ;AAEF,sBAAsB,UAAUC,8BAAAA;AAChC,sBAAsB,cAAc"}
+{"version":3,"file":"RichTextEditorContent.cjs","names":["useRichTextEditorContext","Typography","Box","EditorContent","classes"],"sources":["../../src/RichTextEditorContent/RichTextEditorContent.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react';\nimport {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  Typography,\n  useProps,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorContentStylesNames = 'root';\nexport interface RichTextEditorContentProps\n  extends BoxProps, CompoundStylesApiProps<RichTextEditorContentFactory>, ElementProps<'div'> {}\n\nexport type RichTextEditorContentFactory = Factory<{\n  props: RichTextEditorContentProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorContentStylesNames;\n  compound: true;\n}>;\n\nexport const RichTextEditorContent = factory<RichTextEditorContentFactory>((_props) => {\n  const props = useProps('RichTextEditorContent', null, _props);\n  const { classNames, className, style, styles, vars, ...others } = props;\n  const ctx = useRichTextEditorContext();\n\n  if (ctx.withTypographyStyles) {\n    return (\n      <Typography\n        {...ctx.getStyles('Typography', { className, style, styles, classNames })}\n        unstyled={ctx.unstyled}\n      >\n        <Box\n          component={EditorContent}\n          editor={ctx.editor}\n          {...ctx.getStyles('content', { classNames, styles })}\n          {...others}\n        />\n      </Typography>\n    );\n  }\n\n  return (\n    <Box\n      component={EditorContent}\n      editor={ctx.editor}\n      {...ctx.getStyles('content', { classNames, styles, className, style })}\n      {...others}\n    />\n  );\n});\n\nRichTextEditorContent.classes = classes;\nRichTextEditorContent.displayName = '@mantine/tiptap/RichTextEditorContent';\n"],"mappings":";;;;;;;;AAyBA,MAAa,yBAAA,GAAA,cAAA,UAA+D,WAAW;CAErF,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,GAAG,YAAA,GAAA,cAAA,UADhC,yBAAyB,MAAM,MACgB;CACtE,MAAM,MAAMA,+BAAAA,yBAAyB;CAErC,IAAI,IAAI,sBACN,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,YAAD;EACE,GAAI,IAAI,UAAU,cAAc;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EACxE,UAAU,IAAI;YAEd,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;GACE,WAAWC,cAAAA;GACX,QAAQ,IAAI;GACZ,GAAI,IAAI,UAAU,WAAW;IAAE;IAAY;GAAO,CAAC;GACnD,GAAI;EACL,CAAA;CACS,CAAA;CAIhB,OACE,iBAAA,GAAA,kBAAA,KAACD,cAAAA,KAAD;EACE,WAAWC,cAAAA;EACX,QAAQ,IAAI;EACZ,GAAI,IAAI,UAAU,WAAW;GAAE;GAAY;GAAQ;GAAW;EAAM,CAAC;EACrE,GAAI;CACL,CAAA;AAEL,CAAC;AAED,sBAAsB,UAAUC,8BAAAA;AAChC,sBAAsB,cAAc"}

package/cjs/RichTextEditorControl/RichTextEditorColorControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorColorControl.cjs","names":["useRichTextEditorContext","RichTextEditorControl","ColorSwatch"],"sources":["../../src/RichTextEditorControl/RichTextEditorColorControl.tsx"],"sourcesContent":["import { BoxProps, ColorSwatch, ElementProps, useProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControl } from './RichTextEditorControl';\n\nexport interface RichTextEditorColorControlProps extends BoxProps, ElementProps<'button'> {\n  /** Color that will be set as text color, for example #ef457e */\n  color: string;\n}\n\nexport function RichTextEditorColorControl(props: RichTextEditorColorControlProps) {\n  const { color, ...others } = useProps('RichTextEditorColorControl', null, props);\n  const { editor, labels, variant } = useRichTextEditorContext();\n  const currentColor = editor?.getAttributes('textStyle').color || null;\n  const label = labels.colorControlLabel(color);\n\n  return (\n    <RichTextEditorControl\n      {...others}\n      variant={variant}\n      active={currentColor === color}\n      aria-label={label}\n      title={label}\n      onClick={() => (editor?.chain() as any)?.focus().setColor(color).run()}\n    >\n      <ColorSwatch color={color} size={14} />\n    </RichTextEditorControl>\n  );\n}\n\nRichTextEditorColorControl.displayName = '@mantine/tiptap/RichTextEditorColorControl';\n"],"mappings":";;;;;;;AASA,SAAgB,2BAA2B,OAAwC;CACjF,MAAM,EAAE,OAAO,GAAG,YAAA,GAAA,cAAA,UAAoB,8BAA8B,MAAM,MAAM;CAChF,MAAM,EAAE,QAAQ,QAAQ,YAAYA,+BAAAA,0BAA0B;CAC9D,MAAM,eAAe,QAAQ,cAAc,YAAY,CAAC,SAAS;CACjE,MAAM,QAAQ,OAAO,kBAAkB,MAAM;AAE7C,QACE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,uBAAD;EACE,GAAI;EACK;EACT,QAAQ,iBAAiB;EACzB,cAAY;EACZ,OAAO;EACP,gBAAgB,QAAQ,OAAO,GAAU,OAAO,CAAC,SAAS,MAAM,CAAC,KAAK;YAEtE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD;GAAoB;GAAO,MAAM;GAAM,CAAA;EACjB,CAAA;;AAI5B,2BAA2B,cAAc"}
+{"version":3,"file":"RichTextEditorColorControl.cjs","names":["useRichTextEditorContext","RichTextEditorControl","ColorSwatch"],"sources":["../../src/RichTextEditorControl/RichTextEditorColorControl.tsx"],"sourcesContent":["import { BoxProps, ColorSwatch, ElementProps, useProps } from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControl } from './RichTextEditorControl';\n\nexport interface RichTextEditorColorControlProps extends BoxProps, ElementProps<'button'> {\n  /** Color that will be set as text color, for example #ef457e */\n  color: string;\n}\n\nexport function RichTextEditorColorControl(props: RichTextEditorColorControlProps) {\n  const { color, ...others } = useProps('RichTextEditorColorControl', null, props);\n  const { editor, labels, variant } = useRichTextEditorContext();\n  const currentColor = editor?.getAttributes('textStyle').color || null;\n  const label = labels.colorControlLabel(color);\n\n  return (\n    <RichTextEditorControl\n      {...others}\n      variant={variant}\n      active={currentColor === color}\n      aria-label={label}\n      title={label}\n      onClick={() => (editor?.chain() as any)?.focus().setColor(color).run()}\n    >\n      <ColorSwatch color={color} size={14} />\n    </RichTextEditorControl>\n  );\n}\n\nRichTextEditorColorControl.displayName = '@mantine/tiptap/RichTextEditorColorControl';\n"],"mappings":";;;;;;;AASA,SAAgB,2BAA2B,OAAwC;CACjF,MAAM,EAAE,OAAO,GAAG,YAAA,GAAA,cAAA,UAAoB,8BAA8B,MAAM,KAAK;CAC/E,MAAM,EAAE,QAAQ,QAAQ,YAAYA,+BAAAA,yBAAyB;CAC7D,MAAM,eAAe,QAAQ,cAAc,WAAW,EAAE,SAAS;CACjE,MAAM,QAAQ,OAAO,kBAAkB,KAAK;CAE5C,OACE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,uBAAD;EACE,GAAI;EACK;EACT,QAAQ,iBAAiB;EACzB,cAAY;EACZ,OAAO;EACP,gBAAgB,QAAQ,MAAM,IAAW,MAAM,EAAE,SAAS,KAAK,EAAE,IAAI;YAErE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD;GAAoB;GAAO,MAAM;EAAK,CAAA;CACjB,CAAA;AAE3B;AAEA,2BAA2B,cAAc"}

package/cjs/RichTextEditorControl/RichTextEditorColorPickerControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorColorPickerControl.cjs","names":["useRichTextEditorContext","ColorSwatch","Popover","RichTextEditorControl","SimpleGrid","ColorPicker","Tooltip","Group","ActionIcon","IconX","IconCircleOff","IconColorPicker","IconPalette","IconCheck"],"sources":["../../src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  ActionIcon,\n  BoxProps,\n  ColorPicker,\n  ColorPickerProps,\n  ColorSwatch,\n  ElementProps,\n  Group,\n  Popover,\n  PopoverProps,\n  rem,\n  SimpleGrid,\n  Tooltip,\n  useProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCheck, IconCircleOff, IconColorPicker, IconPalette, IconX } from '../icons/Icons';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControl } from './RichTextEditorControl';\n\nexport interface RichTextEditorColorPickerControlProps extends BoxProps, ElementProps<'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\nexport function RichTextEditorColorPickerControl(props: RichTextEditorColorPickerControlProps) {\n  const { popoverProps, colors, colorPickerProps, ...others } = useProps(\n    'RichTextEditorColorPickerControl',\n    null,\n    props\n  );\n\n  const { editor, labels, getStyles, variant } = useRichTextEditorContext();\n  const [opened, { toggle, close }] = useDisclosure(false);\n  const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n  const currentColor = editor?.getAttributes('textStyle').color || 'var(--mantine-color-text)';\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      style={{ cursor: 'pointer' }}\n      title={labels.colorPickerColorLabel(color)}\n      aria-label={labels.colorPickerColorLabel(color)}\n    />\n  ));\n\n  return (\n    <Popover\n      opened={opened}\n      withinPortal\n      trapFocus\n      onChange={(_opened) => !_opened && close()}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <RichTextEditorControl\n          {...others}\n          variant={variant}\n          aria-label={labels.colorPickerControlLabel}\n          title={labels.colorPickerControlLabel}\n          onClick={toggle}\n        >\n          <ColorSwatch color={currentColor} size={14} />\n        </RichTextEditorControl>\n      </Popover.Target>\n\n      <Popover.Dropdown {...getStyles('linkEditorDropdown')}>\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            {...colorPickerProps}\n          />\n        )}\n\n        <Tooltip.Group closeDelay={200}>\n          <Group justify=\"flex-end\" gap=\"xs\" mt=\"sm\">\n            {state === 'palette' && (\n              <ActionIcon\n                variant=\"default\"\n                onClick={close}\n                title={labels.colorPickerCancel}\n                aria-label={labels.colorPickerCancel}\n              >\n                <IconX style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            )}\n\n            <ActionIcon\n              variant=\"default\"\n              onClick={handleClear}\n              title={labels.colorPickerClear}\n              aria-label={labels.colorPickerClear}\n            >\n              <IconCircleOff style={{ width: rem(16), height: rem(16) }} />\n            </ActionIcon>\n\n            {state === 'palette' ? (\n              <ActionIcon\n                variant=\"default\"\n                onClick={() => setState('colorPicker')}\n                title={labels.colorPickerColorPicker}\n                aria-label={labels.colorPickerColorPicker}\n              >\n                <IconColorPicker style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            ) : (\n              <ActionIcon\n                variant=\"default\"\n                onClick={() => setState('palette')}\n                aria-label={labels.colorPickerPalette}\n                title={labels.colorPickerPalette}\n              >\n                <IconPalette style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            )}\n\n            {state === 'colorPicker' && (\n              <ActionIcon\n                variant=\"default\"\n                onClick={close}\n                title={labels.colorPickerSave}\n                aria-label={labels.colorPickerSave}\n              >\n                <IconCheck style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            )}\n          </Group>\n        </Tooltip.Group>\n      </Popover.Dropdown>\n    </Popover>\n  );\n}\n\nRichTextEditorColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"mappings":"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"}
+{"version":3,"file":"RichTextEditorColorPickerControl.cjs","names":["useRichTextEditorContext","ColorSwatch","Popover","RichTextEditorControl","SimpleGrid","ColorPicker","Tooltip","Group","ActionIcon","IconX","IconCircleOff","IconColorPicker","IconPalette","IconCheck"],"sources":["../../src/RichTextEditorControl/RichTextEditorColorPickerControl.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  ActionIcon,\n  BoxProps,\n  ColorPicker,\n  ColorPickerProps,\n  ColorSwatch,\n  ElementProps,\n  Group,\n  Popover,\n  PopoverProps,\n  rem,\n  SimpleGrid,\n  Tooltip,\n  useProps,\n} from '@mantine/core';\nimport { useDisclosure } from '@mantine/hooks';\nimport { IconCheck, IconCircleOff, IconColorPicker, IconPalette, IconX } from '../icons/Icons';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControl } from './RichTextEditorControl';\n\nexport interface RichTextEditorColorPickerControlProps extends BoxProps, ElementProps<'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\nexport function RichTextEditorColorPickerControl(props: RichTextEditorColorPickerControlProps) {\n  const { popoverProps, colors, colorPickerProps, ...others } = useProps(\n    'RichTextEditorColorPickerControl',\n    null,\n    props\n  );\n\n  const { editor, labels, getStyles, variant } = useRichTextEditorContext();\n  const [opened, { toggle, close }] = useDisclosure(false);\n  const [state, setState] = useState<'palette' | 'colorPicker'>('palette');\n  const currentColor = editor?.getAttributes('textStyle').color || 'var(--mantine-color-text)';\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      style={{ cursor: 'pointer' }}\n      title={labels.colorPickerColorLabel(color)}\n      aria-label={labels.colorPickerColorLabel(color)}\n    />\n  ));\n\n  return (\n    <Popover\n      opened={opened}\n      withinPortal\n      trapFocus\n      onChange={(_opened) => !_opened && close()}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <RichTextEditorControl\n          {...others}\n          variant={variant}\n          aria-label={labels.colorPickerControlLabel}\n          title={labels.colorPickerControlLabel}\n          onClick={toggle}\n        >\n          <ColorSwatch color={currentColor} size={14} />\n        </RichTextEditorControl>\n      </Popover.Target>\n\n      <Popover.Dropdown {...getStyles('linkEditorDropdown')}>\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            {...colorPickerProps}\n          />\n        )}\n\n        <Tooltip.Group closeDelay={200}>\n          <Group justify=\"flex-end\" gap=\"xs\" mt=\"sm\">\n            {state === 'palette' && (\n              <ActionIcon\n                variant=\"default\"\n                onClick={close}\n                title={labels.colorPickerCancel}\n                aria-label={labels.colorPickerCancel}\n              >\n                <IconX style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            )}\n\n            <ActionIcon\n              variant=\"default\"\n              onClick={handleClear}\n              title={labels.colorPickerClear}\n              aria-label={labels.colorPickerClear}\n            >\n              <IconCircleOff style={{ width: rem(16), height: rem(16) }} />\n            </ActionIcon>\n\n            {state === 'palette' ? (\n              <ActionIcon\n                variant=\"default\"\n                onClick={() => setState('colorPicker')}\n                title={labels.colorPickerColorPicker}\n                aria-label={labels.colorPickerColorPicker}\n              >\n                <IconColorPicker style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            ) : (\n              <ActionIcon\n                variant=\"default\"\n                onClick={() => setState('palette')}\n                aria-label={labels.colorPickerPalette}\n                title={labels.colorPickerPalette}\n              >\n                <IconPalette style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            )}\n\n            {state === 'colorPicker' && (\n              <ActionIcon\n                variant=\"default\"\n                onClick={close}\n                title={labels.colorPickerSave}\n                aria-label={labels.colorPickerSave}\n              >\n                <IconCheck style={{ width: rem(16), height: rem(16) }} />\n              </ActionIcon>\n            )}\n          </Group>\n        </Tooltip.Group>\n      </Popover.Dropdown>\n    </Popover>\n  );\n}\n\nRichTextEditorColorPickerControl.displayName = '@mantine/tiptap/ColorPickerControl';\n"],"mappings":";;;;;;;;;;AAgCA,SAAgB,iCAAiC,OAA8C;CAC7F,MAAM,EAAE,cAAc,QAAQ,kBAAkB,GAAG,YAAA,GAAA,cAAA,UACjD,oCACA,MACA,KACF;CAEA,MAAM,EAAE,QAAQ,QAAQ,WAAW,YAAYA,+BAAAA,yBAAyB;CACxE,MAAM,CAAC,QAAQ,EAAE,QAAQ,YAAA,GAAA,eAAA,eAAyB,KAAK;CACvD,MAAM,CAAC,OAAO,aAAA,GAAA,MAAA,UAAgD,SAAS;CACvE,MAAM,eAAe,QAAQ,cAAc,WAAW,EAAE,SAAS;CAEjE,MAAM,gBAAgB,OAAe,cAAc,SAAS;EAC1D,CAAC,QAAQ,MAAM,IAAW,MAAM,EAAE,SAAS,KAAK,EAAE,IAAI;EACtD,eAAe,MAAM;CACvB;CAEA,MAAM,oBAAoB;EACxB,CAAC,QAAQ,MAAM,IAAW,MAAM,EAAE,WAAW,EAAE,IAAI;EACnD,MAAM;CACR;CAEA,MAAM,WAAW,OAAO,KAAK,OAAO,UAClC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD;EAEE,WAAU;EACH;EACP,eAAe,aAAa,KAAK;EACjC,MAAM;EACN,QAAO;EACP,OAAO,EAAE,QAAQ,UAAU;EAC3B,OAAO,OAAO,sBAAsB,KAAK;EACzC,cAAY,OAAO,sBAAsB,KAAK;CAC/C,GATM,KASN,CACF;CAED,OACE,iBAAA,GAAA,kBAAA,MAACC,cAAAA,SAAD;EACU;EACR,cAAA;EACA,WAAA;EACA,WAAW,YAAY,CAAC,WAAW,MAAM;EACzC,GAAI;YALN,CAOE,iBAAA,GAAA,kBAAA,KAACA,cAAAA,QAAQ,QAAT,EAAA,UACE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,uBAAD;GACE,GAAI;GACK;GACT,cAAY,OAAO;GACnB,OAAO,OAAO;GACd,SAAS;aAET,iBAAA,GAAA,kBAAA,KAACF,cAAAA,aAAD;IAAa,OAAO;IAAc,MAAM;GAAK,CAAA;EACxB,CAAA,EACT,CAAA,GAEhB,iBAAA,GAAA,kBAAA,MAACC,cAAAA,QAAQ,UAAT;GAAkB,GAAI,UAAU,oBAAoB;aAApD;IACG,UAAU,aACT,iBAAA,GAAA,kBAAA,KAACE,cAAAA,YAAD;KAAY,MAAM;KAAG,SAAS;eAC3B;IACS,CAAA;IAGb,UAAU,iBACT,iBAAA,GAAA,kBAAA,KAACC,cAAAA,aAAD;KACE,cAAc;KACd,WAAW,UAAU,aAAa,OAAO,KAAK;KAC9C,GAAI;IACL,CAAA;IAGH,iBAAA,GAAA,kBAAA,KAACC,cAAAA,QAAQ,OAAT;KAAe,YAAY;eACzB,iBAAA,GAAA,kBAAA,MAACC,cAAAA,OAAD;MAAO,SAAQ;MAAW,KAAI;MAAK,IAAG;gBAAtC;OACG,UAAU,aACT,iBAAA,GAAA,kBAAA,KAACC,cAAAA,YAAD;QACE,SAAQ;QACR,SAAS;QACT,OAAO,OAAO;QACd,cAAY,OAAO;kBAEnB,iBAAA,GAAA,kBAAA,KAACC,cAAAA,OAAD,EAAO,OAAO;SAAE,QAAA,GAAA,cAAA,KAAW,EAAE;SAAG,SAAA,GAAA,cAAA,KAAY,EAAE;QAAE,EAAI,CAAA;OAC1C,CAAA;OAGd,iBAAA,GAAA,kBAAA,KAACD,cAAAA,YAAD;QACE,SAAQ;QACR,SAAS;QACT,OAAO,OAAO;QACd,cAAY,OAAO;kBAEnB,iBAAA,GAAA,kBAAA,KAACE,cAAAA,eAAD,EAAe,OAAO;SAAE,QAAA,GAAA,cAAA,KAAW,EAAE;SAAG,SAAA,GAAA,cAAA,KAAY,EAAE;QAAE,EAAI,CAAA;OAClD,CAAA;OAEX,UAAU,YACT,iBAAA,GAAA,kBAAA,KAACF,cAAAA,YAAD;QACE,SAAQ;QACR,eAAe,SAAS,aAAa;QACrC,OAAO,OAAO;QACd,cAAY,OAAO;kBAEnB,iBAAA,GAAA,kBAAA,KAACG,cAAAA,iBAAD,EAAiB,OAAO;SAAE,QAAA,GAAA,cAAA,KAAW,EAAE;SAAG,SAAA,GAAA,cAAA,KAAY,EAAE;QAAE,EAAI,CAAA;OACpD,CAAA,IAEZ,iBAAA,GAAA,kBAAA,KAACH,cAAAA,YAAD;QACE,SAAQ;QACR,eAAe,SAAS,SAAS;QACjC,cAAY,OAAO;QACnB,OAAO,OAAO;kBAEd,iBAAA,GAAA,kBAAA,KAACI,cAAAA,aAAD,EAAa,OAAO;SAAE,QAAA,GAAA,cAAA,KAAW,EAAE;SAAG,SAAA,GAAA,cAAA,KAAY,EAAE;QAAE,EAAI,CAAA;OAChD,CAAA;OAGb,UAAU,iBACT,iBAAA,GAAA,kBAAA,KAACJ,cAAAA,YAAD;QACE,SAAQ;QACR,SAAS;QACT,OAAO,OAAO;QACd,cAAY,OAAO;kBAEnB,iBAAA,GAAA,kBAAA,KAACK,cAAAA,WAAD,EAAW,OAAO;SAAE,QAAA,GAAA,cAAA,KAAW,EAAE;SAAG,SAAA,GAAA,cAAA,KAAY,EAAE;QAAE,EAAI,CAAA;OAC9C,CAAA;MAET;;IACM,CAAA;GACC;IACX;;AAEb;AAEA,iCAAiC,cAAc"}

package/cjs/RichTextEditorControl/RichTextEditorControl.cjs

@@ -3,6 +3,7 @@ require("../_virtual/_rolldown/runtime.cjs");
 const require_RichTextEditor_module = require("../RichTextEditor.module.cjs");
 const require_RichTextEditor_context = require("../RichTextEditor.context.cjs");
 let _mantine_core = require("@mantine/core");
+let _tiptap_react = require("@tiptap/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorControl.tsx
 const defaultProps = { interactive: true };
@@ -47,12 +48,21 @@ function createControl({ label, isActive, operation, icon, isDisabled }) {
 	const Control = (props) => {
 		const { editor, labels } = require_RichTextEditor_context.useRichTextEditorContext();
 		const _label = labels[label];
+		const editorState = (0, _tiptap_react.useEditorState)({
+			editor: editor ?? null,
+			selector: (ctx) => ({
+				active: isActive?.name ? ctx.editor?.isActive(isActive.name, isActive.attributes) ?? false : false,
+				disabled: isDisabled?.(ctx.editor) ?? false
+			})
+		});
+		const active = editorState?.active ?? false;
+		const disabled = editorState?.disabled ?? false;
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(RichTextEditorControlBase, {
 			"aria-label": _label,
 			title: _label,
-			active: isActive?.name ? editor?.isActive(isActive.name, isActive.attributes) : false,
+			active,
 			icon: props.icon || icon,
-			disabled: isDisabled?.(editor) || false,
+			disabled,
 			...props,
 			onClick: () => editor?.chain().focus()[operation.name](operation.attributes).run()
 		});

package/cjs/RichTextEditorControl/RichTextEditorControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorControl.cjs","names":["useRichTextEditorContext","UnstyledButton","classes"],"sources":["../../src/RichTextEditorControl/RichTextEditorControl.tsx"],"sourcesContent":["import {\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  UnstyledButton,\n  useProps,\n} from '@mantine/core';\nimport { RichTextEditorLabels } from '../labels';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorControlStylesNames = 'control';\n\nexport interface RichTextEditorControlProps\n  extends BoxProps, CompoundStylesApiProps<RichTextEditorControlFactory>, ElementProps<'button'> {\n  /** Determines whether the control should have active state @default false */\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\nexport type RichTextEditorControlFactory = Factory<{\n  props: RichTextEditorControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: RichTextEditorControlStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  interactive: true,\n} satisfies Partial<RichTextEditorControlProps>;\n\nexport const RichTextEditorControl = factory<RichTextEditorControlFactory>((_props) => {\n  const props = useProps('RichTextEditorControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    interactive,\n    active,\n    onMouseDown,\n    disabled,\n    ...others\n  } = props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <UnstyledButton\n      {...others}\n      {...ctx.getStyles('control', { className, style, classNames, styles })}\n      disabled={disabled}\n      data-rich-text-editor-control\n      tabIndex={interactive ? 0 : -1}\n      data-interactive={interactive || undefined}\n      data-disabled={disabled || undefined}\n      data-active={active || undefined}\n      aria-pressed={(active && interactive) || undefined}\n      aria-hidden={!interactive || undefined}\n      unstyled={ctx.unstyled}\n      variant={ctx.variant || 'default'}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        onMouseDown?.(event);\n      }}\n    />\n  );\n});\n\nRichTextEditorControl.classes = classes;\nRichTextEditorControl.displayName = '@mantine/tiptap/RichTextEditorControl';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n  icon?: React.FC<{ style: React.CSSProperties }>;\n}\n\nexport function RichTextEditorControlBase({\n  className,\n  icon: Icon,\n  ...others\n}: RichTextEditorControlBaseProps & { icon: React.FC<{ style: React.CSSProperties }> }) {\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <RichTextEditorControl {...others}>\n      <Icon {...ctx.getStyles('controlIcon')} />\n    </RichTextEditorControl>\n  );\n}\n\nRichTextEditorControlBase.displayName = '@mantine/tiptap/RichTextEditorControlBase';\n\nexport interface CreateControlProps {\n  label: keyof RichTextEditorLabels;\n  icon: React.FC<{ style: React.CSSProperties }>;\n  isActive?: { name: string; attributes?: Record<string, any> | string };\n  isDisabled?: (editor: any) => boolean;\n  operation: { name: string; attributes?: Record<string, any> | string };\n}\n\nexport function createControl({\n  label,\n  isActive,\n  operation,\n  icon,\n  isDisabled,\n}: CreateControlProps) {\n  const Control = (props: RichTextEditorControlBaseProps) => {\n    const { editor, labels } = useRichTextEditorContext();\n    const _label = labels[label] as string;\n    return (\n      <RichTextEditorControlBase\n        aria-label={_label}\n        title={_label}\n        active={isActive?.name ? editor?.isActive(isActive.name, isActive.attributes) : false}\n        icon={props.icon || icon}\n        disabled={isDisabled?.(editor) || false}\n        {...props}\n        onClick={() => (editor as any)?.chain().focus()[operation.name](operation.attributes).run()}\n      />\n    );\n  };\n\n  Control.displayName = `@mantine/tiptap/${label}`;\n\n  return Control;\n}\n"],"mappings":";;;;;;;AA+BA,MAAM,eAAe,EACnB,aAAa,MACd;AAED,MAAa,yBAAA,GAAA,cAAA,UAA+D,WAAW;CAErF,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,aACA,QACA,aACA,UACA,GAAG,YAAA,GAAA,cAAA,UAXkB,yBAAyB,cAAc,OAAO;CAarE,MAAM,MAAMA,+BAAAA,0BAA0B;AAEtC,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,gBAAD;EACE,GAAI;EACJ,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;GAAQ,CAAC;EAC5D;EACV,iCAAA;EACA,UAAU,cAAc,IAAI;EAC5B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,eAAa,UAAU,KAAA;EACvB,gBAAe,UAAU,eAAgB,KAAA;EACzC,eAAa,CAAC,eAAe,KAAA;EAC7B,UAAU,IAAI;EACd,SAAS,IAAI,WAAW;EACxB,cAAc,UAAU;AACtB,SAAM,gBAAgB;AACtB,iBAAc,MAAM;;EAEtB,CAAA;EAEJ;AAEF,sBAAsB,UAAUC,8BAAAA;AAChC,sBAAsB,cAAc;AAMpC,SAAgB,0BAA0B,EACxC,WACA,MAAM,MACN,GAAG,UACmF;CACtF,MAAM,MAAMF,+BAAAA,0BAA0B;AAEtC,QACE,iBAAA,GAAA,kBAAA,KAAC,uBAAD;EAAuB,GAAI;YACzB,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,GAAI,IAAI,UAAU,cAAc,EAAI,CAAA;EACpB,CAAA;;AAI5B,0BAA0B,cAAc;AAUxC,SAAgB,cAAc,EAC5B,OACA,UACA,WACA,MACA,cACqB;CACrB,MAAM,WAAW,UAA0C;EACzD,MAAM,EAAE,QAAQ,WAAWA,+BAAAA,0BAA0B;EACrD,MAAM,SAAS,OAAO;AACtB,SACE,iBAAA,GAAA,kBAAA,KAAC,2BAAD;GACE,cAAY;GACZ,OAAO;GACP,QAAQ,UAAU,OAAO,QAAQ,SAAS,SAAS,MAAM,SAAS,WAAW,GAAG;GAChF,MAAM,MAAM,QAAQ;GACpB,UAAU,aAAa,OAAO,IAAI;GAClC,GAAI;GACJ,eAAgB,QAAgB,OAAO,CAAC,OAAO,CAAC,UAAU,MAAM,UAAU,WAAW,CAAC,KAAK;GAC3F,CAAA;;AAIN,SAAQ,cAAc,mBAAmB;AAEzC,QAAO"}
+{"version":3,"file":"RichTextEditorControl.cjs","names":["useRichTextEditorContext","UnstyledButton","classes"],"sources":["../../src/RichTextEditorControl/RichTextEditorControl.tsx"],"sourcesContent":["import { useEditorState } from '@tiptap/react';\nimport {\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  UnstyledButton,\n  useProps,\n} from '@mantine/core';\nimport { RichTextEditorLabels } from '../labels';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorControlStylesNames = 'control';\n\nexport interface RichTextEditorControlProps\n  extends BoxProps, CompoundStylesApiProps<RichTextEditorControlFactory>, ElementProps<'button'> {\n  /** Determines whether the control should have active state @default false */\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\nexport type RichTextEditorControlFactory = Factory<{\n  props: RichTextEditorControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: RichTextEditorControlStylesNames;\n  compound: true;\n}>;\n\nconst defaultProps = {\n  interactive: true,\n} satisfies Partial<RichTextEditorControlProps>;\n\nexport const RichTextEditorControl = factory<RichTextEditorControlFactory>((_props) => {\n  const props = useProps('RichTextEditorControl', defaultProps, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    interactive,\n    active,\n    onMouseDown,\n    disabled,\n    ...others\n  } = props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <UnstyledButton\n      {...others}\n      {...ctx.getStyles('control', { className, style, classNames, styles })}\n      disabled={disabled}\n      data-rich-text-editor-control\n      tabIndex={interactive ? 0 : -1}\n      data-interactive={interactive || undefined}\n      data-disabled={disabled || undefined}\n      data-active={active || undefined}\n      aria-pressed={(active && interactive) || undefined}\n      aria-hidden={!interactive || undefined}\n      unstyled={ctx.unstyled}\n      variant={ctx.variant || 'default'}\n      onMouseDown={(event) => {\n        event.preventDefault();\n        onMouseDown?.(event);\n      }}\n    />\n  );\n});\n\nRichTextEditorControl.classes = classes;\nRichTextEditorControl.displayName = '@mantine/tiptap/RichTextEditorControl';\n\nexport interface RichTextEditorControlBaseProps extends RichTextEditorControlProps {\n  icon?: React.FC<{ style: React.CSSProperties }>;\n}\n\nexport function RichTextEditorControlBase({\n  className,\n  icon: Icon,\n  ...others\n}: RichTextEditorControlBaseProps & { icon: React.FC<{ style: React.CSSProperties }> }) {\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <RichTextEditorControl {...others}>\n      <Icon {...ctx.getStyles('controlIcon')} />\n    </RichTextEditorControl>\n  );\n}\n\nRichTextEditorControlBase.displayName = '@mantine/tiptap/RichTextEditorControlBase';\n\nexport interface CreateControlProps {\n  label: keyof RichTextEditorLabels;\n  icon: React.FC<{ style: React.CSSProperties }>;\n  isActive?: { name: string; attributes?: Record<string, any> | string };\n  isDisabled?: (editor: any) => boolean;\n  operation: { name: string; attributes?: Record<string, any> | string };\n}\n\nexport function createControl({\n  label,\n  isActive,\n  operation,\n  icon,\n  isDisabled,\n}: CreateControlProps) {\n  const Control = (props: RichTextEditorControlBaseProps) => {\n    const { editor, labels } = useRichTextEditorContext();\n    const _label = labels[label] as string;\n    const editorState = useEditorState({\n      editor: editor ?? null,\n      selector: (ctx) => ({\n        active: isActive?.name\n          ? (ctx.editor?.isActive(isActive.name, isActive.attributes) ?? false)\n          : false,\n        disabled: isDisabled?.(ctx.editor) ?? false,\n      }),\n    });\n\n    const active = editorState?.active ?? false;\n    const disabled = editorState?.disabled ?? false;\n\n    return (\n      <RichTextEditorControlBase\n        aria-label={_label}\n        title={_label}\n        active={active}\n        icon={props.icon || icon}\n        disabled={disabled}\n        {...props}\n        onClick={() => (editor as any)?.chain().focus()[operation.name](operation.attributes).run()}\n      />\n    );\n  };\n\n  Control.displayName = `@mantine/tiptap/${label}`;\n\n  return Control;\n}\n"],"mappings":";;;;;;;;AAgCA,MAAM,eAAe,EACnB,aAAa,KACf;AAEA,MAAa,yBAAA,GAAA,cAAA,UAA+D,WAAW;CAErF,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,aACA,QACA,aACA,UACA,GAAG,YAAA,GAAA,cAAA,UAXkB,yBAAyB,cAAc,MAYtD;CACR,MAAM,MAAMA,+BAAAA,yBAAyB;CAErC,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,gBAAD;EACE,GAAI;EACJ,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAY;EAAO,CAAC;EAC3D;EACV,iCAAA;EACA,UAAU,cAAc,IAAI;EAC5B,oBAAkB,eAAe,KAAA;EACjC,iBAAe,YAAY,KAAA;EAC3B,eAAa,UAAU,KAAA;EACvB,gBAAe,UAAU,eAAgB,KAAA;EACzC,eAAa,CAAC,eAAe,KAAA;EAC7B,UAAU,IAAI;EACd,SAAS,IAAI,WAAW;EACxB,cAAc,UAAU;GACtB,MAAM,eAAe;GACrB,cAAc,KAAK;EACrB;CACD,CAAA;AAEL,CAAC;AAED,sBAAsB,UAAUC,8BAAAA;AAChC,sBAAsB,cAAc;AAMpC,SAAgB,0BAA0B,EACxC,WACA,MAAM,MACN,GAAG,UACmF;CACtF,MAAM,MAAMF,+BAAAA,yBAAyB;CAErC,OACE,iBAAA,GAAA,kBAAA,KAAC,uBAAD;EAAuB,GAAI;YACzB,iBAAA,GAAA,kBAAA,KAAC,MAAD,EAAM,GAAI,IAAI,UAAU,aAAa,EAAI,CAAA;CACpB,CAAA;AAE3B;AAEA,0BAA0B,cAAc;AAUxC,SAAgB,cAAc,EAC5B,OACA,UACA,WACA,MACA,cACqB;CACrB,MAAM,WAAW,UAA0C;EACzD,MAAM,EAAE,QAAQ,WAAWA,+BAAAA,yBAAyB;EACpD,MAAM,SAAS,OAAO;EACtB,MAAM,eAAA,GAAA,cAAA,gBAA6B;GACjC,QAAQ,UAAU;GAClB,WAAW,SAAS;IAClB,QAAQ,UAAU,OACb,IAAI,QAAQ,SAAS,SAAS,MAAM,SAAS,UAAU,KAAK,QAC7D;IACJ,UAAU,aAAa,IAAI,MAAM,KAAK;GACxC;EACF,CAAC;EAED,MAAM,SAAS,aAAa,UAAU;EACtC,MAAM,WAAW,aAAa,YAAY;EAE1C,OACE,iBAAA,GAAA,kBAAA,KAAC,2BAAD;GACE,cAAY;GACZ,OAAO;GACC;GACR,MAAM,MAAM,QAAQ;GACV;GACV,GAAI;GACJ,eAAgB,QAAgB,MAAM,EAAE,MAAM,EAAE,UAAU,MAAM,UAAU,UAAU,EAAE,IAAI;EAC3F,CAAA;CAEL;CAEA,QAAQ,cAAc,mBAAmB;CAEzC,OAAO;AACT"}

package/cjs/RichTextEditorControl/RichTextEditorLinkControl.cjs

@@ -6,6 +6,7 @@ const require_Icons = require("../icons/Icons.cjs");
 const require_RichTextEditorControl = require("./RichTextEditorControl.cjs");
 let react = require("react");
 let _mantine_core = require("@mantine/core");
+let _tiptap_react = require("@tiptap/react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _mantine_hooks = require("@mantine/hooks");
 //#region packages/@mantine/tiptap/src/RichTextEditorControl/RichTextEditorLinkControl.tsx
@@ -46,6 +47,10 @@ const RichTextEditorLinkControl = (0, _mantine_core.factory)((_props) => {
 		}
 	};
 	(0, _mantine_hooks.useWindowEvent)("edit-link", handleOpen, false);
+	const active = (0, _tiptap_react.useEditorState)({
+		editor: ctx.editor ?? null,
+		selector: (state) => state.editor?.isActive("link") ?? false
+	});
 	const { resolvedClassNames, resolvedStyles } = (0, _mantine_core.useResolvedStylesApi)({
 		classNames,
 		styles,
@@ -66,7 +71,7 @@ const RichTextEditorLinkControl = (0, _mantine_core.factory)((_props) => {
 			"aria-label": ctx.labels.linkControlLabel,
 			title: ctx.labels.linkControlLabel,
 			onClick: handleOpen,
-			active: ctx.editor?.isActive("link"),
+			active: active ?? false,
 			classNames: resolvedClassNames,
 			styles: resolvedStyles,
 			className,

package/cjs/RichTextEditorControl/RichTextEditorLinkControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorLinkControl.cjs","names":["IconLink","useRichTextEditorContext","Popover","RichTextEditorControlBase","TextInput","Tooltip","UnstyledButton","IconExternalLink","Button","classes"],"sources":["../../src/RichTextEditorControl/RichTextEditorLinkControl.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  BoxProps,\n  Button,\n  CompoundStylesApiProps,\n  factory,\n  Factory,\n  Popover,\n  PopoverProps,\n  rem,\n  TextInput,\n  Tooltip,\n  UnstyledButton,\n  useProps,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDisclosure, useInputState, useWindowEvent } from '@mantine/hooks';\nimport { IconExternalLink, IconLink } from '../icons/Icons';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControlBase, RichTextEditorControlBaseProps } from './RichTextEditorControl';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorLinkControlStylesNames =\n  | 'control'\n  | 'linkEditor'\n  | 'linkEditorDropdown'\n  | 'linkEditorSave'\n  | 'linkEditorInput'\n  | 'linkEditorExternalControl';\n\nexport interface RichTextEditorLinkControlProps\n  extends\n    BoxProps,\n    Omit<RichTextEditorControlBaseProps, 'classNames' | 'styles' | 'vars'>,\n    CompoundStylesApiProps<RichTextEditorLinkControlFactory> {\n  /** Props passed down to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Determines whether external link control tooltip should be disabled @default false */\n  disableTooltips?: boolean;\n\n  /** Initial state for determining whether the link should be an external @default false */\n  initialExternal?: boolean;\n}\n\nexport type RichTextEditorLinkControlFactory = Factory<{\n  props: RichTextEditorLinkControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: RichTextEditorLinkControlStylesNames;\n  compound: true;\n}>;\n\nconst LinkIcon: RichTextEditorControlBaseProps['icon'] = (props) => <IconLink {...props} />;\n\nexport const RichTextEditorLinkControl = factory<RichTextEditorLinkControlFactory>((_props) => {\n  const props = useProps('RichTextEditorLinkControl', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    icon,\n    popoverProps,\n    disableTooltips,\n    initialExternal,\n    ...others\n  } = props;\n\n  const ctx = useRichTextEditorContext();\n\n  const stylesApiProps = { classNames, styles };\n\n  const [url, setUrl] = useInputState('');\n  const [external, setExternal] = useState(initialExternal);\n  const [opened, { open, close }] = useDisclosure(false);\n\n  const handleOpen = () => {\n    open();\n    const linkData = ctx.editor?.getAttributes('link');\n    setUrl(linkData?.href || '');\n    setExternal(linkData?.href ? linkData?.target === '_blank' : initialExternal);\n  };\n\n  const handleClose = () => {\n    close();\n    setUrl('');\n    setExternal(initialExternal);\n  };\n\n  const setLink = () => {\n    handleClose();\n    url === ''\n      ? ctx.editor?.chain().focus().extendMarkRange('link').unsetLink().run()\n      : ctx.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  const { resolvedClassNames, resolvedStyles } =\n    useResolvedStylesApi<RichTextEditorLinkControlFactory>({ classNames, styles, props });\n\n  return (\n    <Popover\n      trapFocus\n      shadow=\"md\"\n      withinPortal\n      opened={opened}\n      onChange={(_opened) => !_opened && handleClose()}\n      offset={-44}\n      zIndex={10000}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <RichTextEditorControlBase\n          icon={icon || LinkIcon}\n          {...others}\n          aria-label={ctx.labels.linkControlLabel}\n          title={ctx.labels.linkControlLabel}\n          onClick={handleOpen}\n          active={ctx.editor?.isActive('link')}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          className={className}\n          style={style}\n          variant={ctx.variant}\n        />\n      </Popover.Target>\n\n      <Popover.Dropdown {...ctx.getStyles('linkEditorDropdown', stylesApiProps)}>\n        <div {...ctx.getStyles('linkEditor', stylesApiProps)}>\n          <TextInput\n            placeholder={ctx.labels.linkEditorInputPlaceholder}\n            aria-label={ctx.labels.linkEditorInputLabel}\n            type=\"url\"\n            value={url}\n            onChange={setUrl}\n            classNames={{ input: ctx.getStyles('linkEditorInput', stylesApiProps).className }}\n            onKeyDown={handleInputKeydown}\n            rightSection={\n              <Tooltip\n                label={\n                  external ? ctx.labels.linkEditorExternalLink : ctx.labels.linkEditorInternalLink\n                }\n                events={{ hover: true, focus: true, touch: true }}\n                withinPortal\n                withArrow\n                disabled={disableTooltips}\n                zIndex={10000}\n              >\n                <UnstyledButton\n                  onClick={() => setExternal((e) => !e)}\n                  data-active={external || undefined}\n                  {...ctx.getStyles('linkEditorExternalControl', stylesApiProps)}\n                >\n                  <IconExternalLink style={{ width: rem(14), height: rem(14) }} />\n                </UnstyledButton>\n              </Tooltip>\n            }\n          />\n\n          <Button\n            variant=\"default\"\n            onClick={setLink}\n            {...ctx.getStyles('linkEditorSave', stylesApiProps)}\n          >\n            {ctx.labels.linkEditorSave}\n          </Button>\n        </div>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nRichTextEditorLinkControl.classes = classes;\nRichTextEditorLinkControl.displayName = '@mantine/tiptap/RichTextEditorLinkControl';\n"],"mappings":"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"}
+{"version":3,"file":"RichTextEditorLinkControl.cjs","names":["IconLink","useRichTextEditorContext","Popover","RichTextEditorControlBase","TextInput","Tooltip","UnstyledButton","IconExternalLink","Button","classes"],"sources":["../../src/RichTextEditorControl/RichTextEditorLinkControl.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useEditorState } from '@tiptap/react';\nimport {\n  BoxProps,\n  Button,\n  CompoundStylesApiProps,\n  factory,\n  Factory,\n  Popover,\n  PopoverProps,\n  rem,\n  TextInput,\n  Tooltip,\n  UnstyledButton,\n  useProps,\n  useResolvedStylesApi,\n} from '@mantine/core';\nimport { useDisclosure, useInputState, useWindowEvent } from '@mantine/hooks';\nimport { IconExternalLink, IconLink } from '../icons/Icons';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControlBase, RichTextEditorControlBaseProps } from './RichTextEditorControl';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorLinkControlStylesNames =\n  | 'control'\n  | 'linkEditor'\n  | 'linkEditorDropdown'\n  | 'linkEditorSave'\n  | 'linkEditorInput'\n  | 'linkEditorExternalControl';\n\nexport interface RichTextEditorLinkControlProps\n  extends\n    BoxProps,\n    Omit<RichTextEditorControlBaseProps, 'classNames' | 'styles' | 'vars'>,\n    CompoundStylesApiProps<RichTextEditorLinkControlFactory> {\n  /** Props passed down to Popover component */\n  popoverProps?: Partial<PopoverProps>;\n\n  /** Determines whether external link control tooltip should be disabled @default false */\n  disableTooltips?: boolean;\n\n  /** Initial state for determining whether the link should be an external @default false */\n  initialExternal?: boolean;\n}\n\nexport type RichTextEditorLinkControlFactory = Factory<{\n  props: RichTextEditorLinkControlProps;\n  ref: HTMLButtonElement;\n  stylesNames: RichTextEditorLinkControlStylesNames;\n  compound: true;\n}>;\n\nconst LinkIcon: RichTextEditorControlBaseProps['icon'] = (props) => <IconLink {...props} />;\n\nexport const RichTextEditorLinkControl = factory<RichTextEditorLinkControlFactory>((_props) => {\n  const props = useProps('RichTextEditorLinkControl', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    icon,\n    popoverProps,\n    disableTooltips,\n    initialExternal,\n    ...others\n  } = props;\n\n  const ctx = useRichTextEditorContext();\n\n  const stylesApiProps = { classNames, styles };\n\n  const [url, setUrl] = useInputState('');\n  const [external, setExternal] = useState(initialExternal);\n  const [opened, { open, close }] = useDisclosure(false);\n\n  const handleOpen = () => {\n    open();\n    const linkData = ctx.editor?.getAttributes('link');\n    setUrl(linkData?.href || '');\n    setExternal(linkData?.href ? linkData?.target === '_blank' : initialExternal);\n  };\n\n  const handleClose = () => {\n    close();\n    setUrl('');\n    setExternal(initialExternal);\n  };\n\n  const setLink = () => {\n    handleClose();\n    url === ''\n      ? ctx.editor?.chain().focus().extendMarkRange('link').unsetLink().run()\n      : ctx.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  const active = useEditorState({\n    editor: ctx.editor ?? null,\n    selector: (state) => state.editor?.isActive('link') ?? false,\n  });\n\n  const { resolvedClassNames, resolvedStyles } =\n    useResolvedStylesApi<RichTextEditorLinkControlFactory>({ classNames, styles, props });\n\n  return (\n    <Popover\n      trapFocus\n      shadow=\"md\"\n      withinPortal\n      opened={opened}\n      onChange={(_opened) => !_opened && handleClose()}\n      offset={-44}\n      zIndex={10000}\n      {...popoverProps}\n    >\n      <Popover.Target>\n        <RichTextEditorControlBase\n          icon={icon || LinkIcon}\n          {...others}\n          aria-label={ctx.labels.linkControlLabel}\n          title={ctx.labels.linkControlLabel}\n          onClick={handleOpen}\n          active={active ?? false}\n          classNames={resolvedClassNames}\n          styles={resolvedStyles}\n          className={className}\n          style={style}\n          variant={ctx.variant}\n        />\n      </Popover.Target>\n\n      <Popover.Dropdown {...ctx.getStyles('linkEditorDropdown', stylesApiProps)}>\n        <div {...ctx.getStyles('linkEditor', stylesApiProps)}>\n          <TextInput\n            placeholder={ctx.labels.linkEditorInputPlaceholder}\n            aria-label={ctx.labels.linkEditorInputLabel}\n            type=\"url\"\n            value={url}\n            onChange={setUrl}\n            classNames={{ input: ctx.getStyles('linkEditorInput', stylesApiProps).className }}\n            onKeyDown={handleInputKeydown}\n            rightSection={\n              <Tooltip\n                label={\n                  external ? ctx.labels.linkEditorExternalLink : ctx.labels.linkEditorInternalLink\n                }\n                events={{ hover: true, focus: true, touch: true }}\n                withinPortal\n                withArrow\n                disabled={disableTooltips}\n                zIndex={10000}\n              >\n                <UnstyledButton\n                  onClick={() => setExternal((e) => !e)}\n                  data-active={external || undefined}\n                  {...ctx.getStyles('linkEditorExternalControl', stylesApiProps)}\n                >\n                  <IconExternalLink style={{ width: rem(14), height: rem(14) }} />\n                </UnstyledButton>\n              </Tooltip>\n            }\n          />\n\n          <Button\n            variant=\"default\"\n            onClick={setLink}\n            {...ctx.getStyles('linkEditorSave', stylesApiProps)}\n          >\n            {ctx.labels.linkEditorSave}\n          </Button>\n        </div>\n      </Popover.Dropdown>\n    </Popover>\n  );\n});\n\nRichTextEditorLinkControl.classes = classes;\nRichTextEditorLinkControl.displayName = '@mantine/tiptap/RichTextEditorLinkControl';\n"],"mappings":"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"}

package/cjs/RichTextEditorControl/RichTextEditorSourceCodeControl.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorSourceCodeControl.cjs","names":["useRichTextEditorContext","RichTextEditorControl","IconBraces"],"sources":["../../src/RichTextEditorControl/RichTextEditorSourceCodeControl.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { BoxProps, ElementProps, rem, useProps } from '@mantine/core';\nimport { IconBraces } from '../icons/Icons';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControl } from './RichTextEditorControl';\n\nexport interface RichTextEditorSourceCodeControlProps extends BoxProps, ElementProps<'button'> {}\n\nconst defaultProps: Partial<RichTextEditorSourceCodeControlProps> = {};\n\nexport function RichTextEditorSourceCodeControl(props: RichTextEditorSourceCodeControlProps) {\n  const { ...others } = useProps('RichTextEditorSourceCodeControl', defaultProps, props);\n  const { editor, labels, variant, onSourceCodeTextSwitch } = useRichTextEditorContext();\n  const [isSourceCodeModeActive, setIsSourceCodeModeActive] = useState(false);\n\n  const handleStateChange = () => {\n    if (isSourceCodeModeActive) {\n      editor?.commands.setContent(editor.getText(), { emitUpdate: true });\n    } else {\n      editor?.commands.setContent(`<textarea>${editor.getHTML()}</textarea>`);\n    }\n\n    const isSourceCodeModeActiveNew = !isSourceCodeModeActive;\n\n    setIsSourceCodeModeActive(isSourceCodeModeActiveNew);\n    onSourceCodeTextSwitch?.(isSourceCodeModeActiveNew);\n  };\n\n  return (\n    <RichTextEditorControl\n      {...others}\n      variant={variant}\n      active={isSourceCodeModeActive}\n      aria-label={labels.sourceCodeControlLabel}\n      title={labels.sourceCodeControlLabel}\n      onClick={() => handleStateChange()}\n    >\n      <IconBraces style={{ width: rem(16), height: rem(16) }} />\n    </RichTextEditorControl>\n  );\n}\n\nRichTextEditorSourceCodeControl.displayName = '@mantine/tiptap/RichTextEditorSourceCodeControl';\n"],"mappings":";;;;;;;;;AAQA,MAAM,eAA8D,EAAE;AAEtE,SAAgB,gCAAgC,OAA6C;CAC3F,MAAM,EAAE,GAAG,YAAA,GAAA,cAAA,UAAoB,mCAAmC,cAAc,MAAM;CACtF,MAAM,EAAE,QAAQ,QAAQ,SAAS,2BAA2BA,+BAAAA,0BAA0B;CACtF,MAAM,CAAC,wBAAwB,8BAAA,GAAA,MAAA,UAAsC,MAAM;CAE3E,MAAM,0BAA0B;AAC9B,MAAI,uBACF,SAAQ,SAAS,WAAW,OAAO,SAAS,EAAE,EAAE,YAAY,MAAM,CAAC;MAEnE,SAAQ,SAAS,WAAW,aAAa,OAAO,SAAS,CAAC,aAAa;EAGzE,MAAM,4BAA4B,CAAC;AAEnC,4BAA0B,0BAA0B;AACpD,2BAAyB,0BAA0B;;AAGrD,QACE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,uBAAD;EACE,GAAI;EACK;EACT,QAAQ;EACR,cAAY,OAAO;EACnB,OAAO,OAAO;EACd,eAAe,mBAAmB;YAElC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,YAAD,EAAY,OAAO;GAAE,QAAA,GAAA,cAAA,KAAW,GAAG;GAAE,SAAA,GAAA,cAAA,KAAY,GAAG;GAAE,EAAI,CAAA;EACpC,CAAA;;AAI5B,gCAAgC,cAAc"}
+{"version":3,"file":"RichTextEditorSourceCodeControl.cjs","names":["useRichTextEditorContext","RichTextEditorControl","IconBraces"],"sources":["../../src/RichTextEditorControl/RichTextEditorSourceCodeControl.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { BoxProps, ElementProps, rem, useProps } from '@mantine/core';\nimport { IconBraces } from '../icons/Icons';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport { RichTextEditorControl } from './RichTextEditorControl';\n\nexport interface RichTextEditorSourceCodeControlProps extends BoxProps, ElementProps<'button'> {}\n\nconst defaultProps: Partial<RichTextEditorSourceCodeControlProps> = {};\n\nexport function RichTextEditorSourceCodeControl(props: RichTextEditorSourceCodeControlProps) {\n  const { ...others } = useProps('RichTextEditorSourceCodeControl', defaultProps, props);\n  const { editor, labels, variant, onSourceCodeTextSwitch } = useRichTextEditorContext();\n  const [isSourceCodeModeActive, setIsSourceCodeModeActive] = useState(false);\n\n  const handleStateChange = () => {\n    if (isSourceCodeModeActive) {\n      editor?.commands.setContent(editor.getText(), { emitUpdate: true });\n    } else {\n      editor?.commands.setContent(`<textarea>${editor.getHTML()}</textarea>`);\n    }\n\n    const isSourceCodeModeActiveNew = !isSourceCodeModeActive;\n\n    setIsSourceCodeModeActive(isSourceCodeModeActiveNew);\n    onSourceCodeTextSwitch?.(isSourceCodeModeActiveNew);\n  };\n\n  return (\n    <RichTextEditorControl\n      {...others}\n      variant={variant}\n      active={isSourceCodeModeActive}\n      aria-label={labels.sourceCodeControlLabel}\n      title={labels.sourceCodeControlLabel}\n      onClick={() => handleStateChange()}\n    >\n      <IconBraces style={{ width: rem(16), height: rem(16) }} />\n    </RichTextEditorControl>\n  );\n}\n\nRichTextEditorSourceCodeControl.displayName = '@mantine/tiptap/RichTextEditorSourceCodeControl';\n"],"mappings":";;;;;;;;;AAQA,MAAM,eAA8D,CAAC;AAErE,SAAgB,gCAAgC,OAA6C;CAC3F,MAAM,EAAE,GAAG,YAAA,GAAA,cAAA,UAAoB,mCAAmC,cAAc,KAAK;CACrF,MAAM,EAAE,QAAQ,QAAQ,SAAS,2BAA2BA,+BAAAA,yBAAyB;CACrF,MAAM,CAAC,wBAAwB,8BAAA,GAAA,MAAA,UAAsC,KAAK;CAE1E,MAAM,0BAA0B;EAC9B,IAAI,wBACF,QAAQ,SAAS,WAAW,OAAO,QAAQ,GAAG,EAAE,YAAY,KAAK,CAAC;OAElE,QAAQ,SAAS,WAAW,aAAa,OAAO,QAAQ,EAAE,YAAY;EAGxE,MAAM,4BAA4B,CAAC;EAEnC,0BAA0B,yBAAyB;EACnD,yBAAyB,yBAAyB;CACpD;CAEA,OACE,iBAAA,GAAA,kBAAA,KAACC,8BAAAA,uBAAD;EACE,GAAI;EACK;EACT,QAAQ;EACR,cAAY,OAAO;EACnB,OAAO,OAAO;EACd,eAAe,kBAAkB;YAEjC,iBAAA,GAAA,kBAAA,KAACC,cAAAA,YAAD,EAAY,OAAO;GAAE,QAAA,GAAA,cAAA,KAAW,EAAE;GAAG,SAAA,GAAA,cAAA,KAAY,EAAE;EAAE,EAAI,CAAA;CACpC,CAAA;AAE3B;AAEA,gCAAgC,cAAc"}

package/cjs/RichTextEditorControl/controls.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"controls.cjs","names":["createControl","IconBold","IconItalic","IconUnderline","IconStrikethrough","IconClearFormatting","IconUnlink","IconList","IconListNumbers","IconH1","IconH2","IconH3","IconH4","IconH5","IconH6","IconBlockquote","IconAlignLeft","IconAlignRight","IconAlignCenter","IconAlignJustified","IconSubscript","IconSuperscript","IconCode","IconHighlight","IconLineDashed","IconCircleOff","IconArrowBackUp","IconArrowForwardUp","IconListCheck","IconIndentIncrease","IconIndentDecrease"],"sources":["../../src/RichTextEditorControl/controls.tsx"],"sourcesContent":["import {\n  IconAlignCenter,\n  IconAlignJustified,\n  IconAlignLeft,\n  IconAlignRight,\n  IconArrowBackUp,\n  IconArrowForwardUp,\n  IconBlockquote,\n  IconBold,\n  IconCircleOff,\n  IconClearFormatting,\n  IconCode,\n  IconH1,\n  IconH2,\n  IconH3,\n  IconH4,\n  IconH5,\n  IconH6,\n  IconHighlight,\n  IconIndentDecrease,\n  IconIndentIncrease,\n  IconItalic,\n  IconLineDashed,\n  IconList,\n  IconListCheck,\n  IconListNumbers,\n  IconStrikethrough,\n  IconSubscript,\n  IconSuperscript,\n  IconUnderline,\n  IconUnlink,\n} from '../icons/Icons';\nimport { createControl } from './RichTextEditorControl';\n\nexport const BoldControl = createControl({\n  label: 'boldControlLabel',\n  icon: (props) => <IconBold {...props} />,\n  isActive: { name: 'bold' },\n  operation: { name: 'toggleBold' },\n});\n\nexport const ItalicControl = createControl({\n  label: 'italicControlLabel',\n  icon: (props) => <IconItalic {...props} />,\n  isActive: { name: 'italic' },\n  operation: { name: 'toggleItalic' },\n});\n\nexport const UnderlineControl = createControl({\n  label: 'underlineControlLabel',\n  icon: (props) => <IconUnderline {...props} />,\n  isActive: { name: 'underline' },\n  operation: { name: 'toggleUnderline' },\n});\n\nexport const StrikeThroughControl = createControl({\n  label: 'strikeControlLabel',\n  icon: (props) => <IconStrikethrough {...props} />,\n  isActive: { name: 'strike' },\n  operation: { name: 'toggleStrike' },\n});\n\nexport const ClearFormattingControl = createControl({\n  label: 'clearFormattingControlLabel',\n  icon: (props) => <IconClearFormatting {...props} />,\n  operation: { name: 'unsetAllMarks' },\n});\n\nexport const UnlinkControl = createControl({\n  label: 'unlinkControlLabel',\n  icon: (props) => <IconUnlink {...props} />,\n  operation: { name: 'unsetLink' },\n});\n\nexport const BulletListControl = createControl({\n  label: 'bulletListControlLabel',\n  icon: (props) => <IconList {...props} />,\n  isActive: { name: 'bulletList' },\n  operation: { name: 'toggleBulletList' },\n});\n\nexport const OrderedListControl = createControl({\n  label: 'orderedListControlLabel',\n  icon: (props) => <IconListNumbers {...props} />,\n  isActive: { name: 'orderedList' },\n  operation: { name: 'toggleOrderedList' },\n});\n\nexport const H1Control = createControl({\n  label: 'h1ControlLabel',\n  icon: (props) => <IconH1 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 1 } },\n  operation: { name: 'toggleHeading', attributes: { level: 1 } },\n});\n\nexport const H2Control = createControl({\n  label: 'h2ControlLabel',\n  icon: (props) => <IconH2 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 2 } },\n  operation: { name: 'toggleHeading', attributes: { level: 2 } },\n});\n\nexport const H3Control = createControl({\n  label: 'h3ControlLabel',\n  icon: (props) => <IconH3 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 3 } },\n  operation: { name: 'toggleHeading', attributes: { level: 3 } },\n});\n\nexport const H4Control = createControl({\n  label: 'h4ControlLabel',\n  icon: (props) => <IconH4 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 4 } },\n  operation: { name: 'toggleHeading', attributes: { level: 4 } },\n});\n\nexport const H5Control = createControl({\n  label: 'h5ControlLabel',\n  icon: (props) => <IconH5 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 5 } },\n  operation: { name: 'toggleHeading', attributes: { level: 5 } },\n});\n\nexport const H6Control = createControl({\n  label: 'h6ControlLabel',\n  icon: (props) => <IconH6 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 6 } },\n  operation: { name: 'toggleHeading', attributes: { level: 6 } },\n});\n\nexport const BlockquoteControl = createControl({\n  label: 'blockquoteControlLabel',\n  icon: (props) => <IconBlockquote {...props} />,\n  isActive: { name: 'blockquote' },\n  operation: { name: 'toggleBlockquote' },\n});\n\nexport const AlignLeftControl = createControl({\n  label: 'alignLeftControlLabel',\n  icon: (props) => <IconAlignLeft {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'left' },\n});\n\nexport const AlignRightControl = createControl({\n  label: 'alignRightControlLabel',\n  icon: (props) => <IconAlignRight {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'right' },\n});\n\nexport const AlignCenterControl = createControl({\n  label: 'alignCenterControlLabel',\n  icon: (props) => <IconAlignCenter {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'center' },\n});\n\nexport const AlignJustifyControl = createControl({\n  label: 'alignJustifyControlLabel',\n  icon: (props) => <IconAlignJustified {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'justify' },\n});\n\nexport const SubscriptControl = createControl({\n  label: 'subscriptControlLabel',\n  icon: (props) => <IconSubscript {...props} />,\n  isActive: { name: 'subscript' },\n  operation: { name: 'toggleSubscript' },\n});\n\nexport const SuperscriptControl = createControl({\n  label: 'superscriptControlLabel',\n  icon: (props) => <IconSuperscript {...props} />,\n  isActive: { name: 'superscript' },\n  operation: { name: 'toggleSuperscript' },\n});\n\nexport const CodeControl = createControl({\n  label: 'codeControlLabel',\n  icon: (props) => <IconCode {...props} />,\n  isActive: { name: 'code' },\n  operation: { name: 'toggleCode' },\n});\n\nexport const CodeBlockControl = createControl({\n  label: 'codeBlockControlLabel',\n  icon: (props) => <IconCode {...props} />,\n  isActive: { name: 'codeBlock' },\n  operation: { name: 'toggleCodeBlock' },\n});\n\nexport const HighlightControl = createControl({\n  label: 'highlightControlLabel',\n  icon: (props) => <IconHighlight {...props} />,\n  isActive: { name: 'highlight' },\n  operation: { name: 'toggleHighlight' },\n});\n\nexport const HrControl = createControl({\n  label: 'hrControlLabel',\n  icon: (props) => <IconLineDashed {...props} />,\n  operation: { name: 'setHorizontalRule' },\n});\n\nexport const UnsetColorControl = createControl({\n  label: 'unsetColorControlLabel',\n  icon: (props) => <IconCircleOff {...props} />,\n  operation: { name: 'unsetColor' },\n});\n\nexport const UndoControl = createControl({\n  label: 'undoControlLabel',\n  icon: (props) => <IconArrowBackUp {...props} />,\n  isDisabled: (editor) => !editor?.can().undo(),\n  operation: { name: 'undo' },\n});\n\nexport const RedoControl = createControl({\n  label: 'redoControlLabel',\n  icon: (props) => <IconArrowForwardUp {...props} />,\n  isDisabled: (editor) => !editor?.can().redo(),\n  operation: { name: 'redo' },\n});\n\nexport const TaskListControl = createControl({\n  label: 'tasksControlLabel',\n  icon: (props) => <IconListCheck {...props} />,\n  isActive: { name: 'taskList' },\n  operation: { name: 'toggleTaskList' },\n});\n\nexport const TaskListSinkControl = createControl({\n  label: 'tasksSinkLabel',\n  icon: (props) => <IconIndentIncrease {...props} />,\n  operation: { name: 'sinkListItem', attributes: 'taskItem' },\n  isDisabled: (editor) => !editor?.can().sinkListItem('taskItem'),\n});\n\nexport const TaskListLiftControl = createControl({\n  label: 'tasksLiftLabel',\n  icon: (props) => <IconIndentDecrease {...props} />,\n  operation: { name: 'liftListItem', attributes: 'taskItem' },\n  isDisabled: (editor) => !editor?.can().liftListItem('taskItem'),\n});\n"],"mappings":"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"}
+{"version":3,"file":"controls.cjs","names":["createControl","IconBold","IconItalic","IconUnderline","IconStrikethrough","IconClearFormatting","IconUnlink","IconList","IconListNumbers","IconH1","IconH2","IconH3","IconH4","IconH5","IconH6","IconBlockquote","IconAlignLeft","IconAlignRight","IconAlignCenter","IconAlignJustified","IconSubscript","IconSuperscript","IconCode","IconHighlight","IconLineDashed","IconCircleOff","IconArrowBackUp","IconArrowForwardUp","IconListCheck","IconIndentIncrease","IconIndentDecrease"],"sources":["../../src/RichTextEditorControl/controls.tsx"],"sourcesContent":["import {\n  IconAlignCenter,\n  IconAlignJustified,\n  IconAlignLeft,\n  IconAlignRight,\n  IconArrowBackUp,\n  IconArrowForwardUp,\n  IconBlockquote,\n  IconBold,\n  IconCircleOff,\n  IconClearFormatting,\n  IconCode,\n  IconH1,\n  IconH2,\n  IconH3,\n  IconH4,\n  IconH5,\n  IconH6,\n  IconHighlight,\n  IconIndentDecrease,\n  IconIndentIncrease,\n  IconItalic,\n  IconLineDashed,\n  IconList,\n  IconListCheck,\n  IconListNumbers,\n  IconStrikethrough,\n  IconSubscript,\n  IconSuperscript,\n  IconUnderline,\n  IconUnlink,\n} from '../icons/Icons';\nimport { createControl } from './RichTextEditorControl';\n\nexport const BoldControl = createControl({\n  label: 'boldControlLabel',\n  icon: (props) => <IconBold {...props} />,\n  isActive: { name: 'bold' },\n  operation: { name: 'toggleBold' },\n});\n\nexport const ItalicControl = createControl({\n  label: 'italicControlLabel',\n  icon: (props) => <IconItalic {...props} />,\n  isActive: { name: 'italic' },\n  operation: { name: 'toggleItalic' },\n});\n\nexport const UnderlineControl = createControl({\n  label: 'underlineControlLabel',\n  icon: (props) => <IconUnderline {...props} />,\n  isActive: { name: 'underline' },\n  operation: { name: 'toggleUnderline' },\n});\n\nexport const StrikeThroughControl = createControl({\n  label: 'strikeControlLabel',\n  icon: (props) => <IconStrikethrough {...props} />,\n  isActive: { name: 'strike' },\n  operation: { name: 'toggleStrike' },\n});\n\nexport const ClearFormattingControl = createControl({\n  label: 'clearFormattingControlLabel',\n  icon: (props) => <IconClearFormatting {...props} />,\n  operation: { name: 'unsetAllMarks' },\n});\n\nexport const UnlinkControl = createControl({\n  label: 'unlinkControlLabel',\n  icon: (props) => <IconUnlink {...props} />,\n  operation: { name: 'unsetLink' },\n});\n\nexport const BulletListControl = createControl({\n  label: 'bulletListControlLabel',\n  icon: (props) => <IconList {...props} />,\n  isActive: { name: 'bulletList' },\n  operation: { name: 'toggleBulletList' },\n});\n\nexport const OrderedListControl = createControl({\n  label: 'orderedListControlLabel',\n  icon: (props) => <IconListNumbers {...props} />,\n  isActive: { name: 'orderedList' },\n  operation: { name: 'toggleOrderedList' },\n});\n\nexport const H1Control = createControl({\n  label: 'h1ControlLabel',\n  icon: (props) => <IconH1 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 1 } },\n  operation: { name: 'toggleHeading', attributes: { level: 1 } },\n});\n\nexport const H2Control = createControl({\n  label: 'h2ControlLabel',\n  icon: (props) => <IconH2 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 2 } },\n  operation: { name: 'toggleHeading', attributes: { level: 2 } },\n});\n\nexport const H3Control = createControl({\n  label: 'h3ControlLabel',\n  icon: (props) => <IconH3 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 3 } },\n  operation: { name: 'toggleHeading', attributes: { level: 3 } },\n});\n\nexport const H4Control = createControl({\n  label: 'h4ControlLabel',\n  icon: (props) => <IconH4 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 4 } },\n  operation: { name: 'toggleHeading', attributes: { level: 4 } },\n});\n\nexport const H5Control = createControl({\n  label: 'h5ControlLabel',\n  icon: (props) => <IconH5 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 5 } },\n  operation: { name: 'toggleHeading', attributes: { level: 5 } },\n});\n\nexport const H6Control = createControl({\n  label: 'h6ControlLabel',\n  icon: (props) => <IconH6 {...props} />,\n  isActive: { name: 'heading', attributes: { level: 6 } },\n  operation: { name: 'toggleHeading', attributes: { level: 6 } },\n});\n\nexport const BlockquoteControl = createControl({\n  label: 'blockquoteControlLabel',\n  icon: (props) => <IconBlockquote {...props} />,\n  isActive: { name: 'blockquote' },\n  operation: { name: 'toggleBlockquote' },\n});\n\nexport const AlignLeftControl = createControl({\n  label: 'alignLeftControlLabel',\n  icon: (props) => <IconAlignLeft {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'left' },\n});\n\nexport const AlignRightControl = createControl({\n  label: 'alignRightControlLabel',\n  icon: (props) => <IconAlignRight {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'right' },\n});\n\nexport const AlignCenterControl = createControl({\n  label: 'alignCenterControlLabel',\n  icon: (props) => <IconAlignCenter {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'center' },\n});\n\nexport const AlignJustifyControl = createControl({\n  label: 'alignJustifyControlLabel',\n  icon: (props) => <IconAlignJustified {...props} />,\n  operation: { name: 'setTextAlign', attributes: 'justify' },\n});\n\nexport const SubscriptControl = createControl({\n  label: 'subscriptControlLabel',\n  icon: (props) => <IconSubscript {...props} />,\n  isActive: { name: 'subscript' },\n  operation: { name: 'toggleSubscript' },\n});\n\nexport const SuperscriptControl = createControl({\n  label: 'superscriptControlLabel',\n  icon: (props) => <IconSuperscript {...props} />,\n  isActive: { name: 'superscript' },\n  operation: { name: 'toggleSuperscript' },\n});\n\nexport const CodeControl = createControl({\n  label: 'codeControlLabel',\n  icon: (props) => <IconCode {...props} />,\n  isActive: { name: 'code' },\n  operation: { name: 'toggleCode' },\n});\n\nexport const CodeBlockControl = createControl({\n  label: 'codeBlockControlLabel',\n  icon: (props) => <IconCode {...props} />,\n  isActive: { name: 'codeBlock' },\n  operation: { name: 'toggleCodeBlock' },\n});\n\nexport const HighlightControl = createControl({\n  label: 'highlightControlLabel',\n  icon: (props) => <IconHighlight {...props} />,\n  isActive: { name: 'highlight' },\n  operation: { name: 'toggleHighlight' },\n});\n\nexport const HrControl = createControl({\n  label: 'hrControlLabel',\n  icon: (props) => <IconLineDashed {...props} />,\n  operation: { name: 'setHorizontalRule' },\n});\n\nexport const UnsetColorControl = createControl({\n  label: 'unsetColorControlLabel',\n  icon: (props) => <IconCircleOff {...props} />,\n  operation: { name: 'unsetColor' },\n});\n\nexport const UndoControl = createControl({\n  label: 'undoControlLabel',\n  icon: (props) => <IconArrowBackUp {...props} />,\n  isDisabled: (editor) => !editor?.can().undo(),\n  operation: { name: 'undo' },\n});\n\nexport const RedoControl = createControl({\n  label: 'redoControlLabel',\n  icon: (props) => <IconArrowForwardUp {...props} />,\n  isDisabled: (editor) => !editor?.can().redo(),\n  operation: { name: 'redo' },\n});\n\nexport const TaskListControl = createControl({\n  label: 'tasksControlLabel',\n  icon: (props) => <IconListCheck {...props} />,\n  isActive: { name: 'taskList' },\n  operation: { name: 'toggleTaskList' },\n});\n\nexport const TaskListSinkControl = createControl({\n  label: 'tasksSinkLabel',\n  icon: (props) => <IconIndentIncrease {...props} />,\n  operation: { name: 'sinkListItem', attributes: 'taskItem' },\n  isDisabled: (editor) => !editor?.can().sinkListItem('taskItem'),\n});\n\nexport const TaskListLiftControl = createControl({\n  label: 'tasksLiftLabel',\n  icon: (props) => <IconIndentDecrease {...props} />,\n  operation: { name: 'liftListItem', attributes: 'taskItem' },\n  isDisabled: (editor) => !editor?.can().liftListItem('taskItem'),\n});\n"],"mappings":";;;;;;AAkCA,MAAa,cAAcA,8BAAAA,cAAc;CACvC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACC,cAAAA,UAAD,EAAU,GAAI,MAAQ,CAAA;CACvC,UAAU,EAAE,MAAM,OAAO;CACzB,WAAW,EAAE,MAAM,aAAa;AAClC,CAAC;AAED,MAAa,gBAAgBD,8BAAAA,cAAc;CACzC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACE,cAAAA,YAAD,EAAY,GAAI,MAAQ,CAAA;CACzC,UAAU,EAAE,MAAM,SAAS;CAC3B,WAAW,EAAE,MAAM,eAAe;AACpC,CAAC;AAED,MAAa,mBAAmBF,8BAAAA,cAAc;CAC5C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACG,cAAAA,eAAD,EAAe,GAAI,MAAQ,CAAA;CAC5C,UAAU,EAAE,MAAM,YAAY;CAC9B,WAAW,EAAE,MAAM,kBAAkB;AACvC,CAAC;AAED,MAAa,uBAAuBH,8BAAAA,cAAc;CAChD,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACI,cAAAA,mBAAD,EAAmB,GAAI,MAAQ,CAAA;CAChD,UAAU,EAAE,MAAM,SAAS;CAC3B,WAAW,EAAE,MAAM,eAAe;AACpC,CAAC;AAED,MAAa,yBAAyBJ,8BAAAA,cAAc;CAClD,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACK,cAAAA,qBAAD,EAAqB,GAAI,MAAQ,CAAA;CAClD,WAAW,EAAE,MAAM,gBAAgB;AACrC,CAAC;AAED,MAAa,gBAAgBL,8BAAAA,cAAc;CACzC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACM,cAAAA,YAAD,EAAY,GAAI,MAAQ,CAAA;CACzC,WAAW,EAAE,MAAM,YAAY;AACjC,CAAC;AAED,MAAa,oBAAoBN,8BAAAA,cAAc;CAC7C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACO,cAAAA,UAAD,EAAU,GAAI,MAAQ,CAAA;CACvC,UAAU,EAAE,MAAM,aAAa;CAC/B,WAAW,EAAE,MAAM,mBAAmB;AACxC,CAAC;AAED,MAAa,qBAAqBP,8BAAAA,cAAc;CAC9C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACQ,cAAAA,iBAAD,EAAiB,GAAI,MAAQ,CAAA;CAC9C,UAAU,EAAE,MAAM,cAAc;CAChC,WAAW,EAAE,MAAM,oBAAoB;AACzC,CAAC;AAED,MAAa,YAAYR,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACS,cAAAA,QAAD,EAAQ,GAAI,MAAQ,CAAA;CACrC,UAAU;EAAE,MAAM;EAAW,YAAY,EAAE,OAAO,EAAE;CAAE;CACtD,WAAW;EAAE,MAAM;EAAiB,YAAY,EAAE,OAAO,EAAE;CAAE;AAC/D,CAAC;AAED,MAAa,YAAYT,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACU,cAAAA,QAAD,EAAQ,GAAI,MAAQ,CAAA;CACrC,UAAU;EAAE,MAAM;EAAW,YAAY,EAAE,OAAO,EAAE;CAAE;CACtD,WAAW;EAAE,MAAM;EAAiB,YAAY,EAAE,OAAO,EAAE;CAAE;AAC/D,CAAC;AAED,MAAa,YAAYV,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACW,cAAAA,QAAD,EAAQ,GAAI,MAAQ,CAAA;CACrC,UAAU;EAAE,MAAM;EAAW,YAAY,EAAE,OAAO,EAAE;CAAE;CACtD,WAAW;EAAE,MAAM;EAAiB,YAAY,EAAE,OAAO,EAAE;CAAE;AAC/D,CAAC;AAED,MAAa,YAAYX,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACY,cAAAA,QAAD,EAAQ,GAAI,MAAQ,CAAA;CACrC,UAAU;EAAE,MAAM;EAAW,YAAY,EAAE,OAAO,EAAE;CAAE;CACtD,WAAW;EAAE,MAAM;EAAiB,YAAY,EAAE,OAAO,EAAE;CAAE;AAC/D,CAAC;AAED,MAAa,YAAYZ,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACa,cAAAA,QAAD,EAAQ,GAAI,MAAQ,CAAA;CACrC,UAAU;EAAE,MAAM;EAAW,YAAY,EAAE,OAAO,EAAE;CAAE;CACtD,WAAW;EAAE,MAAM;EAAiB,YAAY,EAAE,OAAO,EAAE;CAAE;AAC/D,CAAC;AAED,MAAa,YAAYb,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACc,cAAAA,QAAD,EAAQ,GAAI,MAAQ,CAAA;CACrC,UAAU;EAAE,MAAM;EAAW,YAAY,EAAE,OAAO,EAAE;CAAE;CACtD,WAAW;EAAE,MAAM;EAAiB,YAAY,EAAE,OAAO,EAAE;CAAE;AAC/D,CAAC;AAED,MAAa,oBAAoBd,8BAAAA,cAAc;CAC7C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACe,cAAAA,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAC7C,UAAU,EAAE,MAAM,aAAa;CAC/B,WAAW,EAAE,MAAM,mBAAmB;AACxC,CAAC;AAED,MAAa,mBAAmBf,8BAAAA,cAAc;CAC5C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACgB,cAAAA,eAAD,EAAe,GAAI,MAAQ,CAAA;CAC5C,WAAW;EAAE,MAAM;EAAgB,YAAY;CAAO;AACxD,CAAC;AAED,MAAa,oBAAoBhB,8BAAAA,cAAc;CAC7C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACiB,cAAAA,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAC7C,WAAW;EAAE,MAAM;EAAgB,YAAY;CAAQ;AACzD,CAAC;AAED,MAAa,qBAAqBjB,8BAAAA,cAAc;CAC9C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACkB,cAAAA,iBAAD,EAAiB,GAAI,MAAQ,CAAA;CAC9C,WAAW;EAAE,MAAM;EAAgB,YAAY;CAAS;AAC1D,CAAC;AAED,MAAa,sBAAsBlB,8BAAAA,cAAc;CAC/C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACmB,cAAAA,oBAAD,EAAoB,GAAI,MAAQ,CAAA;CACjD,WAAW;EAAE,MAAM;EAAgB,YAAY;CAAU;AAC3D,CAAC;AAED,MAAa,mBAAmBnB,8BAAAA,cAAc;CAC5C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACoB,cAAAA,eAAD,EAAe,GAAI,MAAQ,CAAA;CAC5C,UAAU,EAAE,MAAM,YAAY;CAC9B,WAAW,EAAE,MAAM,kBAAkB;AACvC,CAAC;AAED,MAAa,qBAAqBpB,8BAAAA,cAAc;CAC9C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACqB,cAAAA,iBAAD,EAAiB,GAAI,MAAQ,CAAA;CAC9C,UAAU,EAAE,MAAM,cAAc;CAChC,WAAW,EAAE,MAAM,oBAAoB;AACzC,CAAC;AAED,MAAa,cAAcrB,8BAAAA,cAAc;CACvC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACsB,cAAAA,UAAD,EAAU,GAAI,MAAQ,CAAA;CACvC,UAAU,EAAE,MAAM,OAAO;CACzB,WAAW,EAAE,MAAM,aAAa;AAClC,CAAC;AAED,MAAa,mBAAmBtB,8BAAAA,cAAc;CAC5C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACsB,cAAAA,UAAD,EAAU,GAAI,MAAQ,CAAA;CACvC,UAAU,EAAE,MAAM,YAAY;CAC9B,WAAW,EAAE,MAAM,kBAAkB;AACvC,CAAC;AAED,MAAa,mBAAmBtB,8BAAAA,cAAc;CAC5C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACuB,cAAAA,eAAD,EAAe,GAAI,MAAQ,CAAA;CAC5C,UAAU,EAAE,MAAM,YAAY;CAC9B,WAAW,EAAE,MAAM,kBAAkB;AACvC,CAAC;AAED,MAAa,YAAYvB,8BAAAA,cAAc;CACrC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACwB,cAAAA,gBAAD,EAAgB,GAAI,MAAQ,CAAA;CAC7C,WAAW,EAAE,MAAM,oBAAoB;AACzC,CAAC;AAED,MAAa,oBAAoBxB,8BAAAA,cAAc;CAC7C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAACyB,cAAAA,eAAD,EAAe,GAAI,MAAQ,CAAA;CAC5C,WAAW,EAAE,MAAM,aAAa;AAClC,CAAC;AAED,MAAa,cAAczB,8BAAAA,cAAc;CACvC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAAC0B,cAAAA,iBAAD,EAAiB,GAAI,MAAQ,CAAA;CAC9C,aAAa,WAAW,CAAC,QAAQ,IAAI,EAAE,KAAK;CAC5C,WAAW,EAAE,MAAM,OAAO;AAC5B,CAAC;AAED,MAAa,cAAc1B,8BAAAA,cAAc;CACvC,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAAC2B,cAAAA,oBAAD,EAAoB,GAAI,MAAQ,CAAA;CACjD,aAAa,WAAW,CAAC,QAAQ,IAAI,EAAE,KAAK;CAC5C,WAAW,EAAE,MAAM,OAAO;AAC5B,CAAC;AAED,MAAa,kBAAkB3B,8BAAAA,cAAc;CAC3C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAAC4B,cAAAA,eAAD,EAAe,GAAI,MAAQ,CAAA;CAC5C,UAAU,EAAE,MAAM,WAAW;CAC7B,WAAW,EAAE,MAAM,iBAAiB;AACtC,CAAC;AAED,MAAa,sBAAsB5B,8BAAAA,cAAc;CAC/C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAAC6B,cAAAA,oBAAD,EAAoB,GAAI,MAAQ,CAAA;CACjD,WAAW;EAAE,MAAM;EAAgB,YAAY;CAAW;CAC1D,aAAa,WAAW,CAAC,QAAQ,IAAI,EAAE,aAAa,UAAU;AAChE,CAAC;AAED,MAAa,sBAAsB7B,8BAAAA,cAAc;CAC/C,OAAO;CACP,OAAO,UAAU,iBAAA,GAAA,kBAAA,KAAC8B,cAAAA,oBAAD,EAAoB,GAAI,MAAQ,CAAA;CACjD,WAAW;EAAE,MAAM;EAAgB,YAAY;CAAW;CAC1D,aAAa,WAAW,CAAC,QAAQ,IAAI,EAAE,aAAa,UAAU;AAChE,CAAC"}

package/cjs/RichTextEditorControlsGroup/RichTextEditorControlsGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorControlsGroup.cjs","names":["useRichTextEditorContext","Box","classes"],"sources":["../../src/RichTextEditorControlsGroup/RichTextEditorControlsGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorControlsGroupStylesNames = 'controlsGroup';\nexport interface RichTextEditorControlsGroupProps\n  extends\n    BoxProps,\n    CompoundStylesApiProps<RichTextEditorControlsGroupFactory>,\n    ElementProps<'div'> {}\n\nexport type RichTextEditorControlsGroupFactory = Factory<{\n  props: RichTextEditorControlsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorControlsGroupStylesNames;\n  compound: true;\n}>;\n\nexport const RichTextEditorControlsGroup = factory<RichTextEditorControlsGroupFactory>((_props) => {\n  const props = useProps('RichTextEditorControlsGroup', null, _props);\n  const { classNames, className, style, styles, vars, variant, ...others } = props;\n  const ctx = useRichTextEditorContext();\n  return (\n    <Box\n      variant={variant || ctx.variant}\n      {...ctx.getStyles('controlsGroup', { className, style, styles, classNames })}\n      {...others}\n    />\n  );\n});\n\nRichTextEditorControlsGroup.classes = classes;\nRichTextEditorControlsGroup.displayName = '@mantine/tiptap/RichTextEditorControlsGroup';\n"],"mappings":";;;;;;;AA0BA,MAAa,+BAAA,GAAA,cAAA,UAA2E,WAAW;CAEjG,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,SAAS,GAAG,YAAA,GAAA,cAAA,UADzC,+BAA+B,MAAM,OAAO;CAEnE,MAAM,MAAMA,+BAAAA,0BAA0B;AACtC,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,SAAS,WAAW,IAAI;EACxB,GAAI,IAAI,UAAU,iBAAiB;GAAE;GAAW;GAAO;GAAQ;GAAY,CAAC;EAC5E,GAAI;EACJ,CAAA;EAEJ;AAEF,4BAA4B,UAAUC,8BAAAA;AACtC,4BAA4B,cAAc"}
+{"version":3,"file":"RichTextEditorControlsGroup.cjs","names":["useRichTextEditorContext","Box","classes"],"sources":["../../src/RichTextEditorControlsGroup/RichTextEditorControlsGroup.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  useProps,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorControlsGroupStylesNames = 'controlsGroup';\nexport interface RichTextEditorControlsGroupProps\n  extends\n    BoxProps,\n    CompoundStylesApiProps<RichTextEditorControlsGroupFactory>,\n    ElementProps<'div'> {}\n\nexport type RichTextEditorControlsGroupFactory = Factory<{\n  props: RichTextEditorControlsGroupProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorControlsGroupStylesNames;\n  compound: true;\n}>;\n\nexport const RichTextEditorControlsGroup = factory<RichTextEditorControlsGroupFactory>((_props) => {\n  const props = useProps('RichTextEditorControlsGroup', null, _props);\n  const { classNames, className, style, styles, vars, variant, ...others } = props;\n  const ctx = useRichTextEditorContext();\n  return (\n    <Box\n      variant={variant || ctx.variant}\n      {...ctx.getStyles('controlsGroup', { className, style, styles, classNames })}\n      {...others}\n    />\n  );\n});\n\nRichTextEditorControlsGroup.classes = classes;\nRichTextEditorControlsGroup.displayName = '@mantine/tiptap/RichTextEditorControlsGroup';\n"],"mappings":";;;;;;;AA0BA,MAAa,+BAAA,GAAA,cAAA,UAA2E,WAAW;CAEjG,MAAM,EAAE,YAAY,WAAW,OAAO,QAAQ,MAAM,SAAS,GAAG,YAAA,GAAA,cAAA,UADzC,+BAA+B,MAAM,MACmB;CAC/E,MAAM,MAAMA,+BAAAA,yBAAyB;CACrC,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,SAAS,WAAW,IAAI;EACxB,GAAI,IAAI,UAAU,iBAAiB;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EAC3E,GAAI;CACL,CAAA;AAEL,CAAC;AAED,4BAA4B,UAAUC,8BAAAA;AACtC,4BAA4B,cAAc"}

package/cjs/RichTextEditorToolbar/RichTextEditorToolbar.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditorToolbar.cjs","names":["useRichTextEditorContext","Box","classes"],"sources":["../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  useProps,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorToolbarStylesNames = 'toolbar';\n\nexport interface RichTextEditorToolbarProps\n  extends BoxProps, CompoundStylesApiProps<RichTextEditorToolbarFactory>, ElementProps<'div'> {\n  /** Determines whether `position: sticky` styles should be added to the toolbar @default false */\n  sticky?: boolean;\n\n  /** Sets top style to offset elements with fixed position @default 0 */\n  stickyOffset?: React.CSSProperties['top'];\n}\n\nexport type RichTextEditorToolbarFactory = Factory<{\n  props: RichTextEditorToolbarProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorToolbarStylesNames;\n  compound: true;\n}>;\n\nexport const RichTextEditorToolbar = factory<RichTextEditorToolbarFactory>((_props) => {\n  const props = useProps('RichTextEditorToolbar', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    sticky,\n    stickyOffset,\n    mod,\n    variant,\n    ...others\n  } = props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <Box\n      mod={[{ sticky }, mod]}\n      variant={variant || ctx.variant}\n      {...ctx.getStyles('toolbar', { className, style, styles, classNames })}\n      {...others}\n      __vars={{ '--rte-sticky-offset': rem(stickyOffset) }}\n    />\n  );\n});\n\nRichTextEditorToolbar.classes = classes;\nRichTextEditorToolbar.displayName = '@mantine/tiptap/RichTextEditorToolbar';\n"],"mappings":";;;;;;;AA+BA,MAAa,yBAAA,GAAA,cAAA,UAA+D,WAAW;CAErF,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,QACA,cACA,KACA,SACA,GAAG,YAAA,GAAA,cAAA,UAXkB,yBAAyB,MAAM,OAAO;CAa7D,MAAM,MAAMA,+BAAAA,0BAA0B;AAEtC,QACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,KAAK,CAAC,EAAE,QAAQ,EAAE,IAAI;EACtB,SAAS,WAAW,IAAI;EACxB,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAQ;GAAY,CAAC;EACtE,GAAI;EACJ,QAAQ,EAAE,wBAAA,GAAA,cAAA,KAA2B,aAAa,EAAE;EACpD,CAAA;EAEJ;AAEF,sBAAsB,UAAUC,8BAAAA;AAChC,sBAAsB,cAAc"}
+{"version":3,"file":"RichTextEditorToolbar.cjs","names":["useRichTextEditorContext","Box","classes"],"sources":["../../src/RichTextEditorToolbar/RichTextEditorToolbar.tsx"],"sourcesContent":["import {\n  Box,\n  BoxProps,\n  CompoundStylesApiProps,\n  ElementProps,\n  factory,\n  Factory,\n  rem,\n  useProps,\n} from '@mantine/core';\nimport { useRichTextEditorContext } from '../RichTextEditor.context';\nimport classes from '../RichTextEditor.module.css';\n\nexport type RichTextEditorToolbarStylesNames = 'toolbar';\n\nexport interface RichTextEditorToolbarProps\n  extends BoxProps, CompoundStylesApiProps<RichTextEditorToolbarFactory>, ElementProps<'div'> {\n  /** Determines whether `position: sticky` styles should be added to the toolbar @default false */\n  sticky?: boolean;\n\n  /** Sets top style to offset elements with fixed position @default 0 */\n  stickyOffset?: React.CSSProperties['top'];\n}\n\nexport type RichTextEditorToolbarFactory = Factory<{\n  props: RichTextEditorToolbarProps;\n  ref: HTMLDivElement;\n  stylesNames: RichTextEditorToolbarStylesNames;\n  compound: true;\n}>;\n\nexport const RichTextEditorToolbar = factory<RichTextEditorToolbarFactory>((_props) => {\n  const props = useProps('RichTextEditorToolbar', null, _props);\n  const {\n    classNames,\n    className,\n    style,\n    styles,\n    vars,\n    sticky,\n    stickyOffset,\n    mod,\n    variant,\n    ...others\n  } = props;\n  const ctx = useRichTextEditorContext();\n\n  return (\n    <Box\n      mod={[{ sticky }, mod]}\n      variant={variant || ctx.variant}\n      {...ctx.getStyles('toolbar', { className, style, styles, classNames })}\n      {...others}\n      __vars={{ '--rte-sticky-offset': rem(stickyOffset) }}\n    />\n  );\n});\n\nRichTextEditorToolbar.classes = classes;\nRichTextEditorToolbar.displayName = '@mantine/tiptap/RichTextEditorToolbar';\n"],"mappings":";;;;;;;AA+BA,MAAa,yBAAA,GAAA,cAAA,UAA+D,WAAW;CAErF,MAAM,EACJ,YACA,WACA,OACA,QACA,MACA,QACA,cACA,KACA,SACA,GAAG,YAAA,GAAA,cAAA,UAXkB,yBAAyB,MAAM,MAY9C;CACR,MAAM,MAAMA,+BAAAA,yBAAyB;CAErC,OACE,iBAAA,GAAA,kBAAA,KAACC,cAAAA,KAAD;EACE,KAAK,CAAC,EAAE,OAAO,GAAG,GAAG;EACrB,SAAS,WAAW,IAAI;EACxB,GAAI,IAAI,UAAU,WAAW;GAAE;GAAW;GAAO;GAAQ;EAAW,CAAC;EACrE,GAAI;EACJ,QAAQ,EAAE,wBAAA,GAAA,cAAA,KAA2B,YAAY,EAAE;CACpD,CAAA;AAEL,CAAC;AAED,sBAAsB,UAAUC,8BAAAA;AAChC,sBAAsB,cAAc"}

package/cjs/extensions/Link.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Link.cjs","names":["TipTapLink"],"sources":["../../src/extensions/Link.ts"],"sourcesContent":["import TipTapLink from '@tiptap/extension-link';\n\nexport const Link = TipTapLink.extend({\n  addKeyboardShortcuts: () => ({\n    'Mod-k': () => {\n      window.dispatchEvent(new Event('edit-link'));\n      return true;\n    },\n  }),\n}).configure({ openOnClick: false });\n"],"mappings":";;;;;AAEA,MAAa,OAAOA,uBAAAA,QAAW,OAAO,EACpC,6BAA6B,EAC3B,eAAe;AACb,QAAO,cAAc,IAAI,MAAM,YAAY,CAAC;AAC5C,QAAO;GAEV,GACF,CAAC,CAAC,UAAU,EAAE,aAAa,OAAO,CAAC"}
+{"version":3,"file":"Link.cjs","names":["TipTapLink"],"sources":["../../src/extensions/Link.ts"],"sourcesContent":["import TipTapLink from '@tiptap/extension-link';\n\nexport const Link = TipTapLink.extend({\n  addKeyboardShortcuts: () => ({\n    'Mod-k': () => {\n      window.dispatchEvent(new Event('edit-link'));\n      return true;\n    },\n  }),\n}).configure({ openOnClick: false });\n"],"mappings":";;;;;AAEA,MAAa,OAAOA,uBAAAA,QAAW,OAAO,EACpC,6BAA6B,EAC3B,eAAe;CACb,OAAO,cAAc,IAAI,MAAM,WAAW,CAAC;CAC3C,OAAO;AACT,EACF,GACF,CAAC,EAAE,UAAU,EAAE,aAAa,MAAM,CAAC"}

package/cjs/extensions/TaskList.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TaskList.cjs","names":["classes"],"sources":["../../src/extensions/TaskList.ts"],"sourcesContent":["import classes from '../RichTextEditor.module.css';\n\nexport const getTaskListExtension = <T>(TipTapTaskList: T): T =>\n  (TipTapTaskList as any)\n    .extend({\n      addKeyboardShortcuts: () => ({\n        'Mod-[': ({ editor }: any) => {\n          editor.chain().focus().liftListItem('taskItem').run();\n          return true;\n        },\n        'Mod-]': ({ editor }: any) => {\n          editor.chain().focus().sinkListItem('taskItem').run();\n          return true;\n        },\n      }),\n    })\n    .configure({\n      HTMLAttributes: {\n        class: `${classes.taskList} mantine-RichTextEditor-taskList`,\n      },\n    });\n"],"mappings":";;;AAEA,MAAa,wBAA2B,mBACrC,eACE,OAAO,EACN,6BAA6B;CAC3B,UAAU,EAAE,aAAkB;AAC5B,SAAO,OAAO,CAAC,OAAO,CAAC,aAAa,WAAW,CAAC,KAAK;AACrD,SAAO;;CAET,UAAU,EAAE,aAAkB;AAC5B,SAAO,OAAO,CAAC,OAAO,CAAC,aAAa,WAAW,CAAC,KAAK;AACrD,SAAO;;CAEV,GACF,CAAC,CACD,UAAU,EACT,gBAAgB,EACd,OAAO,GAAGA,8BAAAA,QAAQ,SAAS,mCAC5B,EACF,CAAC"}
+{"version":3,"file":"TaskList.cjs","names":["classes"],"sources":["../../src/extensions/TaskList.ts"],"sourcesContent":["import classes from '../RichTextEditor.module.css';\n\nexport const getTaskListExtension = <T>(TipTapTaskList: T): T =>\n  (TipTapTaskList as any)\n    .extend({\n      addKeyboardShortcuts: () => ({\n        'Mod-[': ({ editor }: any) => {\n          editor.chain().focus().liftListItem('taskItem').run();\n          return true;\n        },\n        'Mod-]': ({ editor }: any) => {\n          editor.chain().focus().sinkListItem('taskItem').run();\n          return true;\n        },\n      }),\n    })\n    .configure({\n      HTMLAttributes: {\n        class: `${classes.taskList} mantine-RichTextEditor-taskList`,\n      },\n    });\n"],"mappings":";;;AAEA,MAAa,wBAA2B,mBACrC,eACE,OAAO,EACN,6BAA6B;CAC3B,UAAU,EAAE,aAAkB;EAC5B,OAAO,MAAM,EAAE,MAAM,EAAE,aAAa,UAAU,EAAE,IAAI;EACpD,OAAO;CACT;CACA,UAAU,EAAE,aAAkB;EAC5B,OAAO,MAAM,EAAE,MAAM,EAAE,aAAa,UAAU,EAAE,IAAI;EACpD,OAAO;CACT;AACF,GACF,CAAC,EACA,UAAU,EACT,gBAAgB,EACd,OAAO,GAAGA,8BAAAA,QAAQ,SAAS,kCAC7B,EACF,CAAC"}