@choco-vanille/ui 1.2.0 → 1.3.1-dev.1

package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.js

@@ -0,0 +1,287 @@
+import { jsx as o, jsxs as c, Fragment as y } from "react/jsx-runtime";
+import a from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import l from "../../../../overlay/tooltip/Tooltip.js";
+import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+import '../../../../../ui-kit37.css';import '../../../../../ui-kit.css';/* empty css                                               */
+/* empty css                                                            */
+import "../../../../overlay/dropdown-menu/index.js";
+import { useState as C } from "react";
+import { useRichTextEditorContext as F } from "../../context/RichTextEditor.context.js";
+import { BLOCK_FORMAT_GROUP_STYLES as B } from "./styles/BlockFormatGroup.css.js";
+import t from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const I = ({ presentation: u = "menu" }) => {
+  const { editor: i, disabled: n, labels: e } = F(), [r, d] = C(!1);
+  if (!i)
+    return null;
+  const p = i.isActive("paragraph"), g = i.isActive("heading", { level: 1 }), h = i.isActive("heading", { level: 2 }), m = i.isActive("heading", { level: 3 }), b = i.isActive("blockquote"), k = i.isActive("codeBlock"), s = (f) => {
+    const { from: v } = i.state.selection;
+    i.chain().focus().setTextSelection(v).toggleHeading({ level: f }).run();
+  };
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: B.root,
+      role: "group",
+      "aria-label": e.blockFormatGroup,
+      children: u === "inline" ? /* @__PURE__ */ c(y, { children: [
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.paragraph,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:pilcrow",
+                "aria-label": e.paragraph,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => i.chain().focus().setParagraph().run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.heading1,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:heading-1",
+                "aria-label": e.heading1,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => s(1)
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.heading2,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:heading-2",
+                "aria-label": e.heading2,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.heading3,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:heading-3",
+                "aria-label": e.heading3,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.blockQuote,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:quote",
+                "aria-label": e.blockQuote,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => i.chain().focus().toggleBlockquote().run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.codeBlock,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:square-code",
+                "aria-label": e.codeBlock,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => i.chain().focus().toggleCodeBlock().run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ o(
+          l,
+          {
+            content: e.insertHorizontalRule,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ o(
+              a,
+              {
+                type: "button",
+                icon: "lucide:minus",
+                "aria-label": e.insertHorizontalRule,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: n,
+                onClick: () => i.chain().focus().setHorizontalRule().run()
+              }
+            )
+          }
+        )
+      ] }) : /* @__PURE__ */ c(
+        t,
+        {
+          modal: !1,
+          open: r,
+          onOpenChange: d,
+          children: [
+            /* @__PURE__ */ o(
+              l,
+              {
+                content: e.blockFormatTrigger,
+                delayDuration: 700,
+                openOnFocus: !1,
+                position: "top",
+                children: /* @__PURE__ */ o(t.Trigger, { children: /* @__PURE__ */ o(
+                  a,
+                  {
+                    type: "button",
+                    icon: "lucide:pilcrow",
+                    "aria-label": e.blockFormatTrigger,
+                    variant: "ghost",
+                    color: "primary",
+                    size: "sm",
+                    active: r,
+                    disabled: n
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ c(t.Content, { "aria-label": e.blockFormatOptions, children: [
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.paragraph,
+                  startIcon: "lucide:pilcrow",
+                  active: p,
+                  onClick: () => i.chain().focus().setParagraph().run()
+                }
+              ),
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.heading1,
+                  startIcon: "lucide:heading-1",
+                  active: g,
+                  onClick: () => s(1)
+                }
+              ),
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.heading2,
+                  startIcon: "lucide:heading-2",
+                  active: h,
+                  onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run()
+                }
+              ),
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.heading3,
+                  startIcon: "lucide:heading-3",
+                  active: m,
+                  onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run()
+                }
+              ),
+              /* @__PURE__ */ o(t.Separator, {}),
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.blockQuote,
+                  startIcon: "lucide:quote",
+                  active: b,
+                  onClick: () => i.chain().focus().toggleBlockquote().run()
+                }
+              ),
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.codeBlock,
+                  startIcon: "lucide:square-code",
+                  active: k,
+                  onClick: () => i.chain().focus().toggleCodeBlock().run()
+                }
+              ),
+              /* @__PURE__ */ o(t.Separator, {}),
+              /* @__PURE__ */ o(
+                t.Item,
+                {
+                  label: e.insertHorizontalRule,
+                  startIcon: "lucide:minus",
+                  onClick: () => i.chain().focus().setHorizontalRule().run()
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+I.displayName = "RichTextEditor.BlockFormatGroup";
+export {
+  I as default
+};
+//# sourceMappingURL=BlockFormatGroup.js.map

package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockFormatGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { BLOCK_FORMAT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.ts'\r\nimport type { BlockFormatGroupProps } from '@components/forms/rich-text-editor/components/block-format-group/types/BlockFormatGroup.props.ts'\r\n\r\nconst BlockFormatGroup = ({ presentation = 'menu' }: BlockFormatGroupProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const [blockFormatOpen, setBlockFormatOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const isParagraph = editor.isActive('paragraph')\r\n    const isHeading1 = editor.isActive('heading', { level: 1 })\r\n    const isHeading2 = editor.isActive('heading', { level: 2 })\r\n    const isHeading3 = editor.isActive('heading', { level: 3 })\r\n    const isBlockquote = editor.isActive('blockquote')\r\n    const isCodeBlock = editor.isActive('codeBlock')\r\n\r\n    const toggleCurrentHeading = (level: 1 | 2) => {\r\n        const { from } = editor.state.selection\r\n\r\n        editor\r\n            .chain()\r\n            .focus()\r\n            .setTextSelection(from)\r\n            .toggleHeading({ level })\r\n            .run()\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={BLOCK_FORMAT_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.blockFormatGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.paragraph}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:pilcrow'}\r\n                            aria-label={labels.paragraph}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => editor.chain().focus().setParagraph().run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.heading1}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:heading-1'}\r\n                            aria-label={labels.heading1}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => toggleCurrentHeading(1)}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.heading2}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:heading-2'}\r\n                            aria-label={labels.heading2}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() =>\r\n                                editor.chain().focus().toggleHeading({ level: 2 }).run()\r\n                            }\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.heading3}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:heading-3'}\r\n                            aria-label={labels.heading3}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() =>\r\n                                editor.chain().focus().toggleHeading({ level: 3 }).run()\r\n                            }\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.blockQuote}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:quote'}\r\n                            aria-label={labels.blockQuote}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => editor.chain().focus().toggleBlockquote().run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.codeBlock}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:square-code'}\r\n                            aria-label={labels.codeBlock}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => editor.chain().focus().toggleCodeBlock().run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.insertHorizontalRule}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <IconButton\r\n                            type={'button'}\r\n                            icon={'lucide:minus'}\r\n                            aria-label={labels.insertHorizontalRule}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => editor.chain().focus().setHorizontalRule().run()}\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={blockFormatOpen}\r\n                    onOpenChange={setBlockFormatOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.blockFormatTrigger}\r\n                        delayDuration={700}\r\n                        openOnFocus={false}\r\n                        position={'top'}\r\n                    >\r\n                        <DropdownMenu.Trigger>\r\n                            <IconButton\r\n                                type={'button'}\r\n                                icon={'lucide:pilcrow'}\r\n                                aria-label={labels.blockFormatTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={blockFormatOpen}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.blockFormatOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.paragraph}\r\n                            startIcon={'lucide:pilcrow'}\r\n                            active={isParagraph}\r\n                            onClick={() => editor.chain().focus().setParagraph().run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.heading1}\r\n                            startIcon={'lucide:heading-1'}\r\n                            active={isHeading1}\r\n                            onClick={() => toggleCurrentHeading(1)}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.heading2}\r\n                            startIcon={'lucide:heading-2'}\r\n                            active={isHeading2}\r\n                            onClick={() =>\r\n                                editor.chain().focus().toggleHeading({ level: 2 }).run()\r\n                            }\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.heading3}\r\n                            startIcon={'lucide:heading-3'}\r\n                            active={isHeading3}\r\n                            onClick={() =>\r\n                                editor.chain().focus().toggleHeading({ level: 3 }).run()\r\n                            }\r\n                        />\r\n                        <DropdownMenu.Separator />\r\n                        <DropdownMenu.Item\r\n                            label={labels.blockQuote}\r\n                            startIcon={'lucide:quote'}\r\n                            active={isBlockquote}\r\n                            onClick={() => editor.chain().focus().toggleBlockquote().run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.codeBlock}\r\n                            startIcon={'lucide:square-code'}\r\n                            active={isCodeBlock}\r\n                            onClick={() => editor.chain().focus().toggleCodeBlock().run()}\r\n                        />\r\n                        <DropdownMenu.Separator />\r\n                        <DropdownMenu.Item\r\n                            label={labels.insertHorizontalRule}\r\n                            startIcon={'lucide:minus'}\r\n                            onClick={() => editor.chain().focus().setHorizontalRule().run()}\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nBlockFormatGroup.displayName = 'RichTextEditor.BlockFormatGroup'\r\n\r\nexport default BlockFormatGroup\r\n"],"names":["BlockFormatGroup","presentation","editor","disabled","labels","useRichTextEditorContext","blockFormatOpen","setBlockFormatOpen","useState","isParagraph","isHeading1","isHeading2","isHeading3","isBlockquote","isCodeBlock","toggleCurrentHeading","level","from","jsx","BLOCK_FORMAT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","DropdownMenu"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/block-format-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BlockFormatGroup } from './BlockFormatGroup.tsx';
+export type { BlockFormatGroupProps } from './types/BlockFormatGroup.props.ts';

package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit118.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"q5tw7m0"};exports.BLOCK_FORMAT_GROUP_STYLES=e;
+//# sourceMappingURL=BlockFormatGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockFormatGroup.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.d.ts

@@ -0,0 +1,3 @@
+export declare const BLOCK_FORMAT_GROUP_STYLES: {
+    root: string;
+};

package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit118.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                    */
+var t = { root: "q5tw7m0" };
+export {
+  t as BLOCK_FORMAT_GROUP_STYLES
+};
+//# sourceMappingURL=BlockFormatGroup.css.js.map

package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockFormatGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/rich-text-editor/components/block-format-group/types/BlockFormatGroup.props.d.ts

@@ -0,0 +1,5 @@
+import { RichTextEditorToolbarPresentation } from '../../../types/RichTextEditorToolbarPresentation.types.ts';
+export type BlockFormatGroupProps = {
+    /** Renders a single menu trigger or the block actions directly in the toolbar. Defaults to `menu`. */
+    presentation?: RichTextEditorToolbarPresentation;
+};

package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../../../../../ui-kit150.css');const e=require("react/jsx-runtime"),c=require("@tiptap/react"),a=require("react"),u=require("../rich-text-editor-form-field/RichTextEditorFormField.cjs");;/* empty css                                                                                 */const l=require("../../context/RichTextEditor.context.cjs"),x=require("../../styles/RichTextEditor.css.cjs"),E=require("../../../../../utils/cn.cjs"),o=a.memo(({className:s})=>{const{editor:r,disabled:t,error:d,name:i,required:n}=l.useRichTextEditorContext();return r?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:E.cn(x.RICH_TEXT_EDITOR_STYLES.editor,s),"data-disabled":t||void 0,"data-invalid":!!d||void 0,children:e.jsx(c.EditorContent,{editor:r})}),i&&e.jsx(u,{name:i,value:r.isEmpty?"":JSON.stringify(r.getJSON()),disabled:t,required:n})]}):null});o.displayName="RichTextEditor.EditorField";module.exports=o;
+//# sourceMappingURL=EditorField.cjs.map

package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorField.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/editor-field/EditorField.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport type { EditorFieldProps } from '@components/forms/rich-text-editor/components/editor-field/types/EditorField.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst EditorField: FC<EditorFieldProps> = memo(({ className }) => {\r\n    const { editor, disabled, error, name, required } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={cn(RICH_TEXT_EDITOR_STYLES.editor, className)}\r\n                data-disabled={disabled || undefined}\r\n                data-invalid={Boolean(error) || undefined}\r\n            >\r\n                <EditorContent editor={editor} />\r\n            </div>\r\n            {name && (\r\n                <RichTextEditorFormField\r\n                    name={name}\r\n                    value={editor.isEmpty ? '' : JSON.stringify(editor.getJSON())}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                />\r\n            )}\r\n        </>\r\n    )\r\n})\r\n\r\nEditorField.displayName = 'RichTextEditor.EditorField'\r\n\r\nexport default EditorField\r\n"],"names":["EditorField","memo","className","editor","disabled","error","name","required","useRichTextEditorContext","jsxs","Fragment","jsx","cn","RICH_TEXT_EDITOR_STYLES","EditorContent","RichTextEditorFormField"],"mappings":"8ZASMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,KAAgB,CAC9D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAA,EAAaC,2BAAA,EAEpD,OAAKL,EAKDM,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,0BAAwB,OAAQX,CAAS,EACvD,gBAAeE,GAAY,OAC3B,eAAc,EAAQC,GAAU,OAEhC,SAAAM,EAAAA,IAACG,iBAAc,OAAAX,CAAA,CAAgB,CAAA,CAAA,EAElCG,GACGK,EAAAA,IAACI,EAAA,CACG,KAAAT,EACA,MAAOH,EAAO,QAAU,GAAK,KAAK,UAAUA,EAAO,SAAS,EAC5D,SAAAC,EACA,SAAAG,CAAA,CAAA,CACJ,EAER,EApBO,IAsBf,CAAC,EAEDP,EAAY,YAAc"}

package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { EditorFieldProps } from './types/EditorField.props.ts';
+declare const EditorField: FC<EditorFieldProps>;
+export default EditorField;

package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.js

@@ -0,0 +1,36 @@
+import { jsxs as a, Fragment as n, jsx as i } from "react/jsx-runtime";
+import { EditorContent as l } from "@tiptap/react";
+import { memo as s } from "react";
+import p from "../rich-text-editor-form-field/RichTextEditorFormField.js";
+import '../../../../../ui-kit150.css';/* empty css                                                                               */
+import { useRichTextEditorContext as f } from "../../context/RichTextEditor.context.js";
+import { RICH_TEXT_EDITOR_STYLES as E } from "../../styles/RichTextEditor.css.js";
+import { cn as c } from "../../../../../utils/cn.js";
+const u = s(({ className: e }) => {
+  const { editor: r, disabled: o, error: d, name: t, required: m } = f();
+  return r ? /* @__PURE__ */ a(n, { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: c(E.editor, e),
+        "data-disabled": o || void 0,
+        "data-invalid": !!d || void 0,
+        children: /* @__PURE__ */ i(l, { editor: r })
+      }
+    ),
+    t && /* @__PURE__ */ i(
+      p,
+      {
+        name: t,
+        value: r.isEmpty ? "" : JSON.stringify(r.getJSON()),
+        disabled: o,
+        required: m
+      }
+    )
+  ] }) : null;
+});
+u.displayName = "RichTextEditor.EditorField";
+export {
+  u as default
+};
+//# sourceMappingURL=EditorField.js.map

package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorField.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/editor-field/EditorField.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport type { EditorFieldProps } from '@components/forms/rich-text-editor/components/editor-field/types/EditorField.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst EditorField: FC<EditorFieldProps> = memo(({ className }) => {\r\n    const { editor, disabled, error, name, required } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <div\r\n                className={cn(RICH_TEXT_EDITOR_STYLES.editor, className)}\r\n                data-disabled={disabled || undefined}\r\n                data-invalid={Boolean(error) || undefined}\r\n            >\r\n                <EditorContent editor={editor} />\r\n            </div>\r\n            {name && (\r\n                <RichTextEditorFormField\r\n                    name={name}\r\n                    value={editor.isEmpty ? '' : JSON.stringify(editor.getJSON())}\r\n                    disabled={disabled}\r\n                    required={required}\r\n                />\r\n            )}\r\n        </>\r\n    )\r\n})\r\n\r\nEditorField.displayName = 'RichTextEditor.EditorField'\r\n\r\nexport default EditorField\r\n"],"names":["EditorField","memo","className","editor","disabled","error","name","required","useRichTextEditorContext","jsxs","Fragment","jsx","cn","RICH_TEXT_EDITOR_STYLES","EditorContent","RichTextEditorFormField"],"mappings":";;;;;;;;AASA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC9D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaC,EAAA;AAEpD,SAAKL,IAKD,gBAAAM,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAGC,EAAwB,QAAQX,CAAS;AAAA,QACvD,iBAAeE,KAAY;AAAA,QAC3B,gBAAc,EAAQC,KAAU;AAAA,QAEhC,UAAA,gBAAAM,EAACG,KAAc,QAAAX,EAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCG,KACG,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAAT;AAAA,QACA,OAAOH,EAAO,UAAU,KAAK,KAAK,UAAUA,EAAO,SAAS;AAAA,QAC5D,UAAAC;AAAA,QACA,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAER,IApBO;AAsBf,CAAC;AAEDP,EAAY,cAAc;"}

package/dist/components/forms/rich-text-editor/components/editor-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EditorField } from './EditorField.tsx';
+export type { EditorFieldProps } from './types/EditorField.props.ts';

package/dist/components/forms/rich-text-editor/components/editor-field/types/EditorField.props.d.ts

@@ -0,0 +1,3 @@
+export type EditorFieldProps = {
+    className?: string;
+};

package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.cjs

@@ -0,0 +1,2 @@
+"use strict";const c=require("react/jsx-runtime"),s=require("react"),x=require("../../../_shared/components/helper-text/HelperText.cjs"),l=require("../../context/RichTextEditor.context.cjs"),t=s.memo(o=>{const{error:e,helperText:n,helperId:i}=l.useRichTextEditorContext(),r=e??n;return r?c.jsx(x,{id:i,hasError:!!e,...o,children:r}):null});t.displayName="RichTextEditor.HelperText";module.exports=t;
+//# sourceMappingURL=HelperText.cjs.map

package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport SharedHelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { RichTextEditorHelperTextProps } from '@components/forms/rich-text-editor/components/helper-text/types/HelperText.props.ts'\r\n\r\nconst HelperText: FC<RichTextEditorHelperTextProps> = memo((props) => {\r\n    const { error, helperText, helperId } = useRichTextEditorContext()\r\n    const content = error ?? helperText\r\n\r\n    if (!content) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <SharedHelperText\r\n            id={helperId}\r\n            hasError={Boolean(error)}\r\n            {...props}\r\n        >\r\n            {content}\r\n        </SharedHelperText>\r\n    )\r\n})\r\n\r\nHelperText.displayName = 'RichTextEditor.HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","props","error","helperText","helperId","useRichTextEditorContext","content","jsx","SharedHelperText"],"mappings":"+LAMMA,EAAgDC,EAAAA,KAAMC,GAAU,CAClE,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,SAAAC,CAAA,EAAaC,EAAAA,yBAAA,EAClCC,EAAUJ,GAASC,EAEzB,OAAKG,EAKDC,EAAAA,IAACC,EAAA,CACG,GAAIJ,EACJ,SAAU,EAAQF,EACjB,GAAGD,EAEH,SAAAK,CAAA,CAAA,EATE,IAYf,CAAC,EAEDP,EAAW,YAAc"}

package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RichTextEditorHelperTextProps } from './types/HelperText.props.ts';
+declare const HelperText: FC<RichTextEditorHelperTextProps>;
+export default HelperText;

package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.js

@@ -0,0 +1,21 @@
+import { jsx as l } from "react/jsx-runtime";
+import { memo as m } from "react";
+import n from "../../../_shared/components/helper-text/HelperText.js";
+import { useRichTextEditorContext as p } from "../../context/RichTextEditor.context.js";
+const x = m((t) => {
+  const { error: e, helperText: o, helperId: i } = p(), r = e ?? o;
+  return r ? /* @__PURE__ */ l(
+    n,
+    {
+      id: i,
+      hasError: !!e,
+      ...t,
+      children: r
+    }
+  ) : null;
+});
+x.displayName = "RichTextEditor.HelperText";
+export {
+  x as default
+};
+//# sourceMappingURL=HelperText.js.map

package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HelperText.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport SharedHelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { RichTextEditorHelperTextProps } from '@components/forms/rich-text-editor/components/helper-text/types/HelperText.props.ts'\r\n\r\nconst HelperText: FC<RichTextEditorHelperTextProps> = memo((props) => {\r\n    const { error, helperText, helperId } = useRichTextEditorContext()\r\n    const content = error ?? helperText\r\n\r\n    if (!content) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <SharedHelperText\r\n            id={helperId}\r\n            hasError={Boolean(error)}\r\n            {...props}\r\n        >\r\n            {content}\r\n        </SharedHelperText>\r\n    )\r\n})\r\n\r\nHelperText.displayName = 'RichTextEditor.HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","props","error","helperText","helperId","useRichTextEditorContext","content","jsx","SharedHelperText"],"mappings":";;;;AAMA,MAAMA,IAAgDC,EAAK,CAACC,MAAU;AAClE,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAA,GAClCC,IAAUJ,KAASC;AAEzB,SAAKG,IAKD,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,IAAIJ;AAAA,MACJ,UAAU,EAAQF;AAAA,MACjB,GAAGD;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA,IATE;AAYf,CAAC;AAEDP,EAAW,cAAc;"}

package/dist/components/forms/rich-text-editor/components/helper-text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as HelperText } from './HelperText.tsx';
+export type { RichTextEditorHelperTextProps } from './types/HelperText.props.ts';

package/dist/components/forms/rich-text-editor/components/helper-text/types/HelperText.props.d.ts

@@ -0,0 +1,2 @@
+import { HelperTextProps } from '../../../../_shared/components/helper-text/types';
+export type RichTextEditorHelperTextProps = Pick<HelperTextProps, 'role' | 'aria-live'>;

package/dist/components/forms/rich-text-editor/components/history-group/HistoryGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";const r=require("react/jsx-runtime"),s=require("../../context/RichTextEditor.context.cjs"),i=require("./styles/HistoryGroup.css.cjs"),u=require("./Redo.cjs"),c=require("./Undo.cjs"),e=()=>{const{editor:t,labels:o}=s.useRichTextEditorContext();return t?r.jsxs("div",{className:i.HISTORY_GROUP_STYLES.root,role:"group","aria-label":o.historyGroup,children:[r.jsx(c,{}),r.jsx(u,{})]}):null};e.displayName="RichTextEditor.HistoryGroup";module.exports=e;
+//# sourceMappingURL=HistoryGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/history-group/HistoryGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/history-group/HistoryGroup.tsx"],"sourcesContent":["import { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { HISTORY_GROUP_STYLES } from '@components/forms/rich-text-editor/components/history-group/styles/HistoryGroup.css.ts'\r\nimport Redo from '@components/forms/rich-text-editor/components/history-group/Redo.tsx'\r\nimport Undo from '@components/forms/rich-text-editor/components/history-group/Undo.tsx'\r\n\r\nconst HistoryGroup = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={HISTORY_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.historyGroup}\r\n        >\r\n            <Undo />\r\n            <Redo />\r\n        </div>\r\n    )\r\n}\r\n\r\nHistoryGroup.displayName = 'RichTextEditor.HistoryGroup'\r\n\r\nexport default HistoryGroup\r\n"],"names":["HistoryGroup","editor","labels","useRichTextEditorContext","jsxs","HISTORY_GROUP_STYLES","jsx","Undo","Redo"],"mappings":"mMAKMA,EAAe,IAAM,CACvB,KAAM,CAAE,OAAAC,EAAQ,OAAAC,CAAA,EAAWC,2BAAA,EAE3B,OAAKF,EAKDG,EAAAA,KAAC,MAAA,CACG,UAAWC,EAAAA,qBAAqB,KAChC,KAAM,QACN,aAAYH,EAAO,aAEnB,SAAA,CAAAI,EAAAA,IAACC,EAAA,EAAK,QACLC,EAAA,CAAA,CAAK,CAAA,CAAA,CAAA,EAVH,IAaf,EAEAR,EAAa,YAAc"}

package/dist/components/forms/rich-text-editor/components/history-group/HistoryGroup.d.ts

@@ -0,0 +1,5 @@
+declare const HistoryGroup: {
+    (): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default HistoryGroup;

package/dist/components/forms/rich-text-editor/components/history-group/HistoryGroup.js

@@ -0,0 +1,25 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useRichTextEditorContext as e } from "../../context/RichTextEditor.context.js";
+import { HISTORY_GROUP_STYLES as s } from "./styles/HistoryGroup.css.js";
+import m from "./Redo.js";
+import l from "./Undo.js";
+const p = () => {
+  const { editor: r, labels: t } = e();
+  return r ? /* @__PURE__ */ i(
+    "div",
+    {
+      className: s.root,
+      role: "group",
+      "aria-label": t.historyGroup,
+      children: [
+        /* @__PURE__ */ o(l, {}),
+        /* @__PURE__ */ o(m, {})
+      ]
+    }
+  ) : null;
+};
+p.displayName = "RichTextEditor.HistoryGroup";
+export {
+  p as default
+};
+//# sourceMappingURL=HistoryGroup.js.map

package/dist/components/forms/rich-text-editor/components/history-group/HistoryGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoryGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/history-group/HistoryGroup.tsx"],"sourcesContent":["import { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { HISTORY_GROUP_STYLES } from '@components/forms/rich-text-editor/components/history-group/styles/HistoryGroup.css.ts'\r\nimport Redo from '@components/forms/rich-text-editor/components/history-group/Redo.tsx'\r\nimport Undo from '@components/forms/rich-text-editor/components/history-group/Undo.tsx'\r\n\r\nconst HistoryGroup = () => {\r\n    const { editor, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={HISTORY_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.historyGroup}\r\n        >\r\n            <Undo />\r\n            <Redo />\r\n        </div>\r\n    )\r\n}\r\n\r\nHistoryGroup.displayName = 'RichTextEditor.HistoryGroup'\r\n\r\nexport default HistoryGroup\r\n"],"names":["HistoryGroup","editor","labels","useRichTextEditorContext","jsxs","HISTORY_GROUP_STYLES","jsx","Undo","Redo"],"mappings":";;;;;AAKA,MAAMA,IAAe,MAAM;AACvB,QAAM,EAAE,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA;AAE3B,SAAKF,IAKD,gBAAAG;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAqB;AAAA,MAChC,MAAM;AAAA,MACN,cAAYH,EAAO;AAAA,MAEnB,UAAA;AAAA,QAAA,gBAAAI,EAACC,GAAA,EAAK;AAAA,0BACLC,GAAA,CAAA,CAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,IAVH;AAaf;AAEAR,EAAa,cAAc;"}

package/dist/components/forms/rich-text-editor/components/history-group/Redo.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../../../../../ui-kit37.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),s=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const u=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const c=require("../../context/RichTextEditor.context.cjs"),t=()=>{const{editor:e,disabled:i,labels:o}=c.useRichTextEditorContext();return e?r.jsx(u,{content:o.redo,delayDuration:700,openOnFocus:!1,position:"top",children:r.jsx(s,{type:"button",icon:"lucide:redo-2","aria-label":o.redo,variant:"ghost",color:"primary",size:"sm",disabled:i||!e.can().redo(),onMouseDown:n=>n.preventDefault(),onClick:()=>e.chain().focus().redo().run()})}):null};t.displayName="RichTextEditor.Redo";module.exports=t;
+//# sourceMappingURL=Redo.cjs.map

package/dist/components/forms/rich-text-editor/components/history-group/Redo.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Redo.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/history-group/Redo.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\n\r\nconst Redo = () => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={labels.redo}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <IconButton\r\n                type={'button'}\r\n                icon={'lucide:redo-2'}\r\n                aria-label={labels.redo}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled || !editor.can().redo()}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => editor.chain().focus().redo().run()}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nRedo.displayName = 'RichTextEditor.Redo'\r\n\r\nexport default Redo\r\n"],"names":["Redo","editor","disabled","labels","useRichTextEditorContext","jsx","Tooltip","IconButton","event"],"mappings":"8gBAIMA,EAAO,IAAM,CACf,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,OAAKH,EAKDI,EAAAA,IAACC,EAAA,CACG,QAASH,EAAO,KAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAE,EAAAA,IAACE,EAAA,CACG,KAAM,SACN,KAAM,gBACN,aAAYJ,EAAO,KACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAUD,GAAY,CAACD,EAAO,IAAA,EAAM,KAAA,EACpC,YAAcO,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMP,EAAO,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA,CAAI,CAAA,CACrD,CAAA,EApBG,IAuBf,EAEAD,EAAK,YAAc"}

package/dist/components/forms/rich-text-editor/components/history-group/Redo.d.ts

@@ -0,0 +1,5 @@
+declare const Redo: {
+    (): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default Redo;

package/dist/components/forms/rich-text-editor/components/history-group/Redo.js

@@ -0,0 +1,39 @@
+import { jsx as r } from "react/jsx-runtime";
+import n from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import a from "../../../../overlay/tooltip/Tooltip.js";
+import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+import '../../../../../ui-kit37.css';import '../../../../../ui-kit.css';/* empty css                                               */
+/* empty css                                                            */
+import { useRichTextEditorContext as d } from "../../context/RichTextEditor.context.js";
+const l = () => {
+  const { editor: o, disabled: e, labels: t } = d();
+  return o ? /* @__PURE__ */ r(
+    a,
+    {
+      content: t.redo,
+      delayDuration: 700,
+      openOnFocus: !1,
+      position: "top",
+      children: /* @__PURE__ */ r(
+        n,
+        {
+          type: "button",
+          icon: "lucide:redo-2",
+          "aria-label": t.redo,
+          variant: "ghost",
+          color: "primary",
+          size: "sm",
+          disabled: e || !o.can().redo(),
+          onMouseDown: (i) => i.preventDefault(),
+          onClick: () => o.chain().focus().redo().run()
+        }
+      )
+    }
+  ) : null;
+};
+l.displayName = "RichTextEditor.Redo";
+export {
+  l as default
+};
+//# sourceMappingURL=Redo.js.map

package/dist/components/forms/rich-text-editor/components/history-group/Redo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Redo.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/history-group/Redo.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\n\r\nconst Redo = () => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={labels.redo}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <IconButton\r\n                type={'button'}\r\n                icon={'lucide:redo-2'}\r\n                aria-label={labels.redo}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled || !editor.can().redo()}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => editor.chain().focus().redo().run()}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nRedo.displayName = 'RichTextEditor.Redo'\r\n\r\nexport default Redo\r\n"],"names":["Redo","editor","disabled","labels","useRichTextEditorContext","jsx","Tooltip","IconButton","event"],"mappings":";;;;;;;;AAIA,MAAMA,IAAO,MAAM;AACf,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,SAAKH,IAKD,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,SAASH,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAACE;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYJ,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAUD,KAAY,CAACD,EAAO,IAAA,EAAM,KAAA;AAAA,UACpC,aAAa,CAACO,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAS,MAAMP,EAAO,MAAA,EAAQ,MAAA,EAAQ,KAAA,EAAO,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA,IApBG;AAuBf;AAEAD,EAAK,cAAc;"}

package/dist/components/forms/rich-text-editor/components/history-group/Undo.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../../../../../ui-kit37.css');require('../../../../../ui-kit.css');const n=require("react/jsx-runtime"),u=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const s=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const c=require("../../context/RichTextEditor.context.cjs"),t=()=>{const{editor:e,disabled:r,labels:o}=c.useRichTextEditorContext();return e?n.jsx(s,{content:o.undo,delayDuration:700,openOnFocus:!1,position:"top",children:n.jsx(u,{type:"button",icon:"lucide:undo-2","aria-label":o.undo,variant:"ghost",color:"primary",size:"sm",disabled:r||!e.can().undo(),onMouseDown:i=>i.preventDefault(),onClick:()=>e.chain().focus().undo().run()})}):null};t.displayName="RichTextEditor.Undo";module.exports=t;
+//# sourceMappingURL=Undo.cjs.map