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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Undo.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/history-group/Undo.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 Undo = () => {\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.undo}\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:undo-2'}\r\n                aria-label={labels.undo}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled || !editor.can().undo()}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => editor.chain().focus().undo().run()}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nUndo.displayName = 'RichTextEditor.Undo'\r\n\r\nexport default Undo\r\n"],"names":["Undo","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/Undo.d.ts

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

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

@@ -0,0 +1,39 @@
+import { jsx as n } from "react/jsx-runtime";
+import e 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 u = () => {
+  const { editor: o, disabled: i, labels: t } = d();
+  return o ? /* @__PURE__ */ n(
+    a,
+    {
+      content: t.undo,
+      delayDuration: 700,
+      openOnFocus: !1,
+      position: "top",
+      children: /* @__PURE__ */ n(
+        e,
+        {
+          type: "button",
+          icon: "lucide:undo-2",
+          "aria-label": t.undo,
+          variant: "ghost",
+          color: "primary",
+          size: "sm",
+          disabled: i || !o.can().undo(),
+          onMouseDown: (r) => r.preventDefault(),
+          onClick: () => o.chain().focus().undo().run()
+        }
+      )
+    }
+  ) : null;
+};
+u.displayName = "RichTextEditor.Undo";
+export {
+  u as default
+};
+//# sourceMappingURL=Undo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Undo.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/history-group/Undo.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 Undo = () => {\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.undo}\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:undo-2'}\r\n                aria-label={labels.undo}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled || !editor.can().undo()}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => editor.chain().focus().undo().run()}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nUndo.displayName = 'RichTextEditor.Undo'\r\n\r\nexport default Undo\r\n"],"names":["Undo","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/index.d.ts

@@ -0,0 +1,3 @@
+export { default as HistoryGroup } from './HistoryGroup.tsx';
+export { default as Undo } from './Undo.tsx';
+export { default as Redo } from './Redo.tsx';

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit126.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                                */
+var t = { root: "_1oiges50" };
+export {
+  t as HISTORY_GROUP_STYLES
+};
+//# sourceMappingURL=HistoryGroup.css.js.map

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

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

package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../../../../../ui-kit37.css');require('../../../../../ui-kit.css');const t=require("react/jsx-runtime"),c=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                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const h=require("react"),w=require("../../context/RichTextEditor.context.cjs"),j=require("./styles/ImageGroup.css.cjs"),a=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),y=10*1024*1024,I=({presentation:b="menu"})=>{const{editor:i,disabled:l,onImageUpload:d,labels:e}=w.useRichTextEditorContext(),m=h.useRef(null),[p,x]=h.useState(!1);return i?t.jsxs("div",{className:j.IMAGE_GROUP_STYLES.root,role:"group","aria-label":e.imageGroup,children:[b==="inline"?t.jsxs(t.Fragment,{children:[t.jsx(u,{content:e.insertImageUrl,delayDuration:700,openOnFocus:!1,position:"top",children:t.jsx(c,{type:"button",icon:"lucide:image-plus","aria-label":e.insertImageUrl,variant:"ghost",color:"primary",size:"sm",disabled:l,onClick:()=>{const r=window.prompt(e.imageUrlPrompt);r&&i.chain().focus().setImage({src:r}).run()}})}),t.jsx(u,{content:e.uploadImage,delayDuration:700,openOnFocus:!1,position:"top",children:t.jsx(c,{type:"button",icon:"lucide:upload","aria-label":e.uploadImage,variant:"ghost",color:"primary",size:"sm",disabled:l,onClick:()=>m.current?.click()})}),t.jsx(u,{content:e.editImageDetails,delayDuration:700,openOnFocus:!1,position:"top",children:t.jsx(c,{type:"button",icon:"lucide:image-up","aria-label":e.editImageDetails,variant:"ghost",color:"primary",size:"sm",disabled:l||!i.isActive("image"),onClick:()=>{const r=i.getAttributes("image"),o=window.prompt(e.imageAltPrompt,r.alt??""),n=window.prompt(e.imageWidthPrompt,r.width??"100%");i.chain().focus().updateAttributes("image",{...o!==null?{alt:o}:{},...n!==null?{width:n}:{}}).run()}})}),t.jsx(u,{content:e.removeImage,delayDuration:700,openOnFocus:!1,position:"top",children:t.jsx(c,{type:"button",icon:"lucide:trash-2","aria-label":e.removeImage,variant:"ghost",color:"destructive",size:"sm",disabled:l||!i.isActive("image"),onClick:()=>i.chain().focus().deleteSelection().run()})})]}):t.jsxs(a,{modal:!1,open:p,onOpenChange:x,children:[t.jsx(u,{content:e.imageGroupTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:t.jsx(a.Trigger,{children:t.jsx(c,{type:"button",icon:"lucide:image","aria-label":e.imageGroupTrigger,variant:"ghost",color:"primary",size:"sm",active:p,disabled:l})})}),t.jsxs(a.Content,{"aria-label":e.imageOptions,children:[t.jsx(a.Item,{label:e.insertImageUrl,startIcon:"lucide:image-plus",onClick:()=>{const r=window.prompt(e.imageUrlPrompt);r&&i.chain().focus().setImage({src:r}).run()}}),t.jsx(a.Item,{label:e.uploadImage,startIcon:"lucide:upload",onClick:()=>m.current?.click()}),t.jsx(a.Separator,{}),t.jsx(a.Item,{label:e.editImageDetails,startIcon:"lucide:image-up",disabled:!i.isActive("image"),onClick:()=>{const r=i.getAttributes("image"),o=window.prompt(e.imageAltPrompt,r.alt??""),n=window.prompt(e.imageWidthPrompt,r.width??"100%");i.chain().focus().updateAttributes("image",{...o!==null?{alt:o}:{},...n!==null?{width:n}:{}}).run()}}),t.jsx(a.Item,{label:e.removeImage,startIcon:"lucide:trash-2",destructive:!0,disabled:!i.isActive("image"),onClick:()=>i.chain().focus().deleteSelection().run()})]})]}),t.jsx("input",{ref:m,type:"file",accept:"image/*",hidden:!0,onChange:async r=>{const o=r.currentTarget.files?.[0];if(r.currentTarget.value="",!o||!o.type.startsWith("image/")||o.size>y)return;const n=d?await d(o):await new Promise((f,g)=>{const s=new FileReader;s.onload=()=>typeof s.result=="string"?f(s.result):g(new Error("Unable to read the image file.")),s.onerror=()=>g(s.error??new Error("Unable to read the image file.")),s.readAsDataURL(o)});i.chain().focus().setImage({src:n}).run()}})]}):null};I.displayName="RichTextEditor.ImageGroup";module.exports=I;
+//# sourceMappingURL=ImageGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/image-group/ImageGroup.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 { useRef, useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { IMAGE_GROUP_STYLES } from '@components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.ts'\r\nimport type { ImageGroupProps } from '@components/forms/rich-text-editor/components/image-group/types/ImageGroup.props.ts'\r\n\r\nconst MAX_IMAGE_FILE_SIZE = 10 * 1024 * 1024\r\n\r\nconst ImageGroup = ({ presentation = 'menu' }: ImageGroupProps) => {\r\n    const { editor, disabled, onImageUpload, labels } =\r\n    useRichTextEditorContext()\r\n    const imageInputRef = useRef<HTMLInputElement>(null)\r\n    const [open, setOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={IMAGE_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.imageGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.insertImageUrl}\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:image-plus'}\r\n                            aria-label={labels.insertImageUrl}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => {\r\n                                const src = window.prompt(labels.imageUrlPrompt)\r\n                                if (src) {\r\n                                    editor.chain().focus().setImage({ src }).run()\r\n                                }\r\n                            }}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.uploadImage}\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:upload'}\r\n                            aria-label={labels.uploadImage}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => imageInputRef.current?.click()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.editImageDetails}\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:image-up'}\r\n                            aria-label={labels.editImageDetails}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled || !editor.isActive('image')}\r\n                            onClick={() => {\r\n                                const attributes = editor.getAttributes('image')\r\n                                const alt = window.prompt(\r\n                                    labels.imageAltPrompt,\r\n                                    attributes.alt ?? '',\r\n                                )\r\n                                const width = window.prompt(\r\n                                    labels.imageWidthPrompt,\r\n                                    attributes.width ?? '100%',\r\n                                )\r\n                                editor\r\n                                    .chain()\r\n                                    .focus()\r\n                                    .updateAttributes('image', {\r\n                                        ...(alt !== null ? { alt } : {}),\r\n                                        ...(width !== null ? { width } : {}),\r\n                                    })\r\n                                    .run()\r\n                            }}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.removeImage}\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:trash-2'}\r\n                            aria-label={labels.removeImage}\r\n                            variant={'ghost'}\r\n                            color={'destructive'}\r\n                            size={'sm'}\r\n                            disabled={disabled || !editor.isActive('image')}\r\n                            onClick={() => editor.chain().focus().deleteSelection().run()}\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={open}\r\n                    onOpenChange={setOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.imageGroupTrigger}\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:image'}\r\n                                aria-label={labels.imageGroupTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={open}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.imageOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.insertImageUrl}\r\n                            startIcon={'lucide:image-plus'}\r\n                            onClick={() => {\r\n                                const src = window.prompt(labels.imageUrlPrompt)\r\n\r\n                                if (src) {\r\n                                    editor.chain().focus().setImage({ src }).run()\r\n                                }\r\n                            }}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.uploadImage}\r\n                            startIcon={'lucide:upload'}\r\n                            onClick={() => imageInputRef.current?.click()}\r\n                        />\r\n                        <DropdownMenu.Separator />\r\n                        <DropdownMenu.Item\r\n                            label={labels.editImageDetails}\r\n                            startIcon={'lucide:image-up'}\r\n                            disabled={!editor.isActive('image')}\r\n                            onClick={() => {\r\n                                const attributes = editor.getAttributes('image')\r\n                                const alt = window.prompt(\r\n                                    labels.imageAltPrompt,\r\n                                    attributes.alt ?? '',\r\n                                )\r\n                                const width = window.prompt(\r\n                                    labels.imageWidthPrompt,\r\n                                    attributes.width ?? '100%',\r\n                                )\r\n\r\n                                editor\r\n                                    .chain()\r\n                                    .focus()\r\n                                    .updateAttributes('image', {\r\n                                        ...(alt !== null ? { alt } : {}),\r\n                                        ...(width !== null ? { width } : {}),\r\n                                    })\r\n                                    .run()\r\n                            }}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.removeImage}\r\n                            startIcon={'lucide:trash-2'}\r\n                            destructive\r\n                            disabled={!editor.isActive('image')}\r\n                            onClick={() => editor.chain().focus().deleteSelection().run()}\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n            <input\r\n                ref={imageInputRef}\r\n                type={'file'}\r\n                accept={'image/*'}\r\n                hidden\r\n                onChange={async (event) => {\r\n                    const file = event.currentTarget.files?.[0]\r\n                    event.currentTarget.value = ''\r\n\r\n                    if (\r\n                        !file ||\r\n            !file.type.startsWith('image/') ||\r\n            file.size > MAX_IMAGE_FILE_SIZE\r\n                    ) {\r\n                        return\r\n                    }\r\n\r\n                    const src = onImageUpload\r\n                        ? await onImageUpload(file)\r\n                        : await new Promise<string>((resolve, reject) => {\r\n                            const reader = new FileReader()\r\n                            reader.onload = () =>\r\n                                typeof reader.result === 'string'\r\n                                    ? resolve(reader.result)\r\n                                    : reject(new Error('Unable to read the image file.'))\r\n                            reader.onerror = () =>\r\n                                reject(\r\n                                    reader.error ?? new Error('Unable to read the image file.'),\r\n                                )\r\n                            reader.readAsDataURL(file)\r\n                        })\r\n\r\n                    editor.chain().focus().setImage({ src }).run()\r\n                }}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nImageGroup.displayName = 'RichTextEditor.ImageGroup'\r\n\r\nexport default ImageGroup\r\n"],"names":["MAX_IMAGE_FILE_SIZE","ImageGroup","presentation","editor","disabled","onImageUpload","labels","useRichTextEditorContext","imageInputRef","useRef","open","setOpen","useState","jsxs","IMAGE_GROUP_STYLES","Fragment","jsx","Tooltip","IconButton","src","attributes","alt","width","DropdownMenu","event","file","resolve","reject","reader"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.d.ts

@@ -0,0 +1,6 @@
+import { ImageGroupProps } from './types/ImageGroup.props.ts';
+declare const ImageGroup: {
+    ({ presentation }: ImageGroupProps): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default ImageGroup;

package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.js

@@ -0,0 +1,240 @@
+import { jsxs as u, Fragment as w, jsx as t } from "react/jsx-runtime";
+import c from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import m 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 { useRef as y, useState as v } from "react";
+import { useRichTextEditorContext as A } from "../../context/RichTextEditor.context.js";
+import { IMAGE_GROUP_STYLES as C } from "./styles/ImageGroup.css.js";
+import r from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const k = 10 * 1024 * 1024, D = ({ presentation: f = "menu" }) => {
+  const { editor: i, disabled: s, onImageUpload: d, labels: e } = A(), p = y(null), [g, I] = v(!1);
+  return i ? /* @__PURE__ */ u(
+    "div",
+    {
+      className: C.root,
+      role: "group",
+      "aria-label": e.imageGroup,
+      children: [
+        f === "inline" ? /* @__PURE__ */ u(w, { children: [
+          /* @__PURE__ */ t(
+            m,
+            {
+              content: e.insertImageUrl,
+              delayDuration: 700,
+              openOnFocus: !1,
+              position: "top",
+              children: /* @__PURE__ */ t(
+                c,
+                {
+                  type: "button",
+                  icon: "lucide:image-plus",
+                  "aria-label": e.insertImageUrl,
+                  variant: "ghost",
+                  color: "primary",
+                  size: "sm",
+                  disabled: s,
+                  onClick: () => {
+                    const o = window.prompt(e.imageUrlPrompt);
+                    o && i.chain().focus().setImage({ src: o }).run();
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            m,
+            {
+              content: e.uploadImage,
+              delayDuration: 700,
+              openOnFocus: !1,
+              position: "top",
+              children: /* @__PURE__ */ t(
+                c,
+                {
+                  type: "button",
+                  icon: "lucide:upload",
+                  "aria-label": e.uploadImage,
+                  variant: "ghost",
+                  color: "primary",
+                  size: "sm",
+                  disabled: s,
+                  onClick: () => p.current?.click()
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            m,
+            {
+              content: e.editImageDetails,
+              delayDuration: 700,
+              openOnFocus: !1,
+              position: "top",
+              children: /* @__PURE__ */ t(
+                c,
+                {
+                  type: "button",
+                  icon: "lucide:image-up",
+                  "aria-label": e.editImageDetails,
+                  variant: "ghost",
+                  color: "primary",
+                  size: "sm",
+                  disabled: s || !i.isActive("image"),
+                  onClick: () => {
+                    const o = i.getAttributes("image"), a = window.prompt(
+                      e.imageAltPrompt,
+                      o.alt ?? ""
+                    ), n = window.prompt(
+                      e.imageWidthPrompt,
+                      o.width ?? "100%"
+                    );
+                    i.chain().focus().updateAttributes("image", {
+                      ...a !== null ? { alt: a } : {},
+                      ...n !== null ? { width: n } : {}
+                    }).run();
+                  }
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t(
+            m,
+            {
+              content: e.removeImage,
+              delayDuration: 700,
+              openOnFocus: !1,
+              position: "top",
+              children: /* @__PURE__ */ t(
+                c,
+                {
+                  type: "button",
+                  icon: "lucide:trash-2",
+                  "aria-label": e.removeImage,
+                  variant: "ghost",
+                  color: "destructive",
+                  size: "sm",
+                  disabled: s || !i.isActive("image"),
+                  onClick: () => i.chain().focus().deleteSelection().run()
+                }
+              )
+            }
+          )
+        ] }) : /* @__PURE__ */ u(
+          r,
+          {
+            modal: !1,
+            open: g,
+            onOpenChange: I,
+            children: [
+              /* @__PURE__ */ t(
+                m,
+                {
+                  content: e.imageGroupTrigger,
+                  delayDuration: 700,
+                  openOnFocus: !1,
+                  position: "top",
+                  children: /* @__PURE__ */ t(r.Trigger, { children: /* @__PURE__ */ t(
+                    c,
+                    {
+                      type: "button",
+                      icon: "lucide:image",
+                      "aria-label": e.imageGroupTrigger,
+                      variant: "ghost",
+                      color: "primary",
+                      size: "sm",
+                      active: g,
+                      disabled: s
+                    }
+                  ) })
+                }
+              ),
+              /* @__PURE__ */ u(r.Content, { "aria-label": e.imageOptions, children: [
+                /* @__PURE__ */ t(
+                  r.Item,
+                  {
+                    label: e.insertImageUrl,
+                    startIcon: "lucide:image-plus",
+                    onClick: () => {
+                      const o = window.prompt(e.imageUrlPrompt);
+                      o && i.chain().focus().setImage({ src: o }).run();
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  r.Item,
+                  {
+                    label: e.uploadImage,
+                    startIcon: "lucide:upload",
+                    onClick: () => p.current?.click()
+                  }
+                ),
+                /* @__PURE__ */ t(r.Separator, {}),
+                /* @__PURE__ */ t(
+                  r.Item,
+                  {
+                    label: e.editImageDetails,
+                    startIcon: "lucide:image-up",
+                    disabled: !i.isActive("image"),
+                    onClick: () => {
+                      const o = i.getAttributes("image"), a = window.prompt(
+                        e.imageAltPrompt,
+                        o.alt ?? ""
+                      ), n = window.prompt(
+                        e.imageWidthPrompt,
+                        o.width ?? "100%"
+                      );
+                      i.chain().focus().updateAttributes("image", {
+                        ...a !== null ? { alt: a } : {},
+                        ...n !== null ? { width: n } : {}
+                      }).run();
+                    }
+                  }
+                ),
+                /* @__PURE__ */ t(
+                  r.Item,
+                  {
+                    label: e.removeImage,
+                    startIcon: "lucide:trash-2",
+                    destructive: !0,
+                    disabled: !i.isActive("image"),
+                    onClick: () => i.chain().focus().deleteSelection().run()
+                  }
+                )
+              ] })
+            ]
+          }
+        ),
+        /* @__PURE__ */ t(
+          "input",
+          {
+            ref: p,
+            type: "file",
+            accept: "image/*",
+            hidden: !0,
+            onChange: async (o) => {
+              const a = o.currentTarget.files?.[0];
+              if (o.currentTarget.value = "", !a || !a.type.startsWith("image/") || a.size > k)
+                return;
+              const n = d ? await d(a) : await new Promise((b, h) => {
+                const l = new FileReader();
+                l.onload = () => typeof l.result == "string" ? b(l.result) : h(new Error("Unable to read the image file.")), l.onerror = () => h(
+                  l.error ?? new Error("Unable to read the image file.")
+                ), l.readAsDataURL(a);
+              });
+              i.chain().focus().setImage({ src: n }).run();
+            }
+          }
+        )
+      ]
+    }
+  ) : null;
+};
+D.displayName = "RichTextEditor.ImageGroup";
+export {
+  D as default
+};
+//# sourceMappingURL=ImageGroup.js.map

package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/image-group/ImageGroup.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 { useRef, useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { IMAGE_GROUP_STYLES } from '@components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.ts'\r\nimport type { ImageGroupProps } from '@components/forms/rich-text-editor/components/image-group/types/ImageGroup.props.ts'\r\n\r\nconst MAX_IMAGE_FILE_SIZE = 10 * 1024 * 1024\r\n\r\nconst ImageGroup = ({ presentation = 'menu' }: ImageGroupProps) => {\r\n    const { editor, disabled, onImageUpload, labels } =\r\n    useRichTextEditorContext()\r\n    const imageInputRef = useRef<HTMLInputElement>(null)\r\n    const [open, setOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <div\r\n            className={IMAGE_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.imageGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.insertImageUrl}\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:image-plus'}\r\n                            aria-label={labels.insertImageUrl}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => {\r\n                                const src = window.prompt(labels.imageUrlPrompt)\r\n                                if (src) {\r\n                                    editor.chain().focus().setImage({ src }).run()\r\n                                }\r\n                            }}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.uploadImage}\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:upload'}\r\n                            aria-label={labels.uploadImage}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled}\r\n                            onClick={() => imageInputRef.current?.click()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.editImageDetails}\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:image-up'}\r\n                            aria-label={labels.editImageDetails}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            disabled={disabled || !editor.isActive('image')}\r\n                            onClick={() => {\r\n                                const attributes = editor.getAttributes('image')\r\n                                const alt = window.prompt(\r\n                                    labels.imageAltPrompt,\r\n                                    attributes.alt ?? '',\r\n                                )\r\n                                const width = window.prompt(\r\n                                    labels.imageWidthPrompt,\r\n                                    attributes.width ?? '100%',\r\n                                )\r\n                                editor\r\n                                    .chain()\r\n                                    .focus()\r\n                                    .updateAttributes('image', {\r\n                                        ...(alt !== null ? { alt } : {}),\r\n                                        ...(width !== null ? { width } : {}),\r\n                                    })\r\n                                    .run()\r\n                            }}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.removeImage}\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:trash-2'}\r\n                            aria-label={labels.removeImage}\r\n                            variant={'ghost'}\r\n                            color={'destructive'}\r\n                            size={'sm'}\r\n                            disabled={disabled || !editor.isActive('image')}\r\n                            onClick={() => editor.chain().focus().deleteSelection().run()}\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={open}\r\n                    onOpenChange={setOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.imageGroupTrigger}\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:image'}\r\n                                aria-label={labels.imageGroupTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={open}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.imageOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.insertImageUrl}\r\n                            startIcon={'lucide:image-plus'}\r\n                            onClick={() => {\r\n                                const src = window.prompt(labels.imageUrlPrompt)\r\n\r\n                                if (src) {\r\n                                    editor.chain().focus().setImage({ src }).run()\r\n                                }\r\n                            }}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.uploadImage}\r\n                            startIcon={'lucide:upload'}\r\n                            onClick={() => imageInputRef.current?.click()}\r\n                        />\r\n                        <DropdownMenu.Separator />\r\n                        <DropdownMenu.Item\r\n                            label={labels.editImageDetails}\r\n                            startIcon={'lucide:image-up'}\r\n                            disabled={!editor.isActive('image')}\r\n                            onClick={() => {\r\n                                const attributes = editor.getAttributes('image')\r\n                                const alt = window.prompt(\r\n                                    labels.imageAltPrompt,\r\n                                    attributes.alt ?? '',\r\n                                )\r\n                                const width = window.prompt(\r\n                                    labels.imageWidthPrompt,\r\n                                    attributes.width ?? '100%',\r\n                                )\r\n\r\n                                editor\r\n                                    .chain()\r\n                                    .focus()\r\n                                    .updateAttributes('image', {\r\n                                        ...(alt !== null ? { alt } : {}),\r\n                                        ...(width !== null ? { width } : {}),\r\n                                    })\r\n                                    .run()\r\n                            }}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.removeImage}\r\n                            startIcon={'lucide:trash-2'}\r\n                            destructive\r\n                            disabled={!editor.isActive('image')}\r\n                            onClick={() => editor.chain().focus().deleteSelection().run()}\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n            <input\r\n                ref={imageInputRef}\r\n                type={'file'}\r\n                accept={'image/*'}\r\n                hidden\r\n                onChange={async (event) => {\r\n                    const file = event.currentTarget.files?.[0]\r\n                    event.currentTarget.value = ''\r\n\r\n                    if (\r\n                        !file ||\r\n            !file.type.startsWith('image/') ||\r\n            file.size > MAX_IMAGE_FILE_SIZE\r\n                    ) {\r\n                        return\r\n                    }\r\n\r\n                    const src = onImageUpload\r\n                        ? await onImageUpload(file)\r\n                        : await new Promise<string>((resolve, reject) => {\r\n                            const reader = new FileReader()\r\n                            reader.onload = () =>\r\n                                typeof reader.result === 'string'\r\n                                    ? resolve(reader.result)\r\n                                    : reject(new Error('Unable to read the image file.'))\r\n                            reader.onerror = () =>\r\n                                reject(\r\n                                    reader.error ?? new Error('Unable to read the image file.'),\r\n                                )\r\n                            reader.readAsDataURL(file)\r\n                        })\r\n\r\n                    editor.chain().focus().setImage({ src }).run()\r\n                }}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n\r\nImageGroup.displayName = 'RichTextEditor.ImageGroup'\r\n\r\nexport default ImageGroup\r\n"],"names":["MAX_IMAGE_FILE_SIZE","ImageGroup","presentation","editor","disabled","onImageUpload","labels","useRichTextEditorContext","imageInputRef","useRef","open","setOpen","useState","jsxs","IMAGE_GROUP_STYLES","Fragment","jsx","Tooltip","IconButton","src","attributes","alt","width","DropdownMenu","event","file","resolve","reject","reader"],"mappings":"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"}

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

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

package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.cjs

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

package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.cjs.map

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

package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.d.ts

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

package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.js

@@ -0,0 +1,7 @@
+import '../../../../../../ui-kit122.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+/* empty css                              */
+var t = { root: "_1n5qrsc0" };
+export {
+  t as IMAGE_GROUP_STYLES
+};
+//# sourceMappingURL=ImageGroup.css.js.map

package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.js.map

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

package/dist/components/forms/rich-text-editor/components/image-group/types/ImageGroup.props.d.ts

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

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

@@ -0,0 +1,22 @@
+export { RichTextEditorLabel, RICH_TEXT_EDITOR_LABEL_STYLES, } from './rich-text-editor-label';
+export type { RichTextEditorLabelProps } from './rich-text-editor-label';
+export { EditorField } from './editor-field';
+export type { EditorFieldProps } from './editor-field';
+export { Toolbar } from './toolbar';
+export type { ToolbarProps } from './toolbar';
+export { HelperText } from './helper-text';
+export type { RichTextEditorHelperTextProps } from './helper-text';
+export { ReadOnlyField } from './read-only-field';
+export type { ReadOnlyFieldProps } from './read-only-field';
+export { ToolbarGroups } from './toolbar-groups';
+export { ToolbarSeparator } from './toolbar-separator';
+export { ToolbarGroup } from './toolbar-group';
+export { HistoryGroup } from './history-group';
+export { TextStyleGroup } from './text-style-group';
+export { TextAppearanceGroup } from './text-appearance-group';
+export type { TextAppearanceGroupCompound } from './text-appearance-group';
+export { LinkGroup } from './link-group';
+export { BlockFormatGroup } from './block-format-group';
+export { ListsGroup } from './lists-group';
+export { AlignmentGroup } from './alignment-group';
+export { ImageGroup } from './image-group';

package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../../../../../ui-kit37.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),u=require("./styles/LinkGroup.css.cjs"),c=require("./SetLink.cjs"),a=require("./UnsetLink.cjs"),l=require("../../context/RichTextEditor.context.cjs");require("../../../../overlay/dropdown-menu/index.cjs");const p=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const d=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const x=require("react"),i=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),t=()=>{const{disabled:o,labels:r}=l.useRichTextEditorContext(),[n,s]=x.useState(!1);return e.jsx("div",{className:u.LINK_GROUP_STYLES.root,role:"group","aria-label":r.linkGroup,children:e.jsxs(i,{modal:!1,open:n,onOpenChange:s,children:[e.jsx(d,{content:r.linkGroupTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(i.Trigger,{children:e.jsx(p,{type:"button",icon:"lucide:link","aria-label":r.linkGroupTrigger,variant:"ghost",color:"primary",size:"sm",active:n,disabled:o})})}),e.jsxs(i.Content,{"aria-label":r.linkOptions,children:[e.jsx(c,{presentation:"menu"}),e.jsx(a,{presentation:"menu"})]})]})})};t.displayName="RichTextEditor.LinkGroup";module.exports=t;
+//# sourceMappingURL=LinkGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/LinkGroup.tsx"],"sourcesContent":["import { LINK_GROUP_STYLES } from '@components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.ts'\r\nimport SetLink from '@components/forms/rich-text-editor/components/link-group/SetLink.tsx'\r\nimport UnsetLink from '@components/forms/rich-text-editor/components/link-group/UnsetLink.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useState } from 'react'\r\n\r\nconst LinkGroup = () => {\r\n    const { disabled, labels } = useRichTextEditorContext()\r\n    const [open, setOpen] = useState(false)\r\n\r\n    return (\r\n        <div\r\n            className={LINK_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.linkGroup}\r\n        >\r\n            <DropdownMenu\r\n                modal={false}\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <Tooltip\r\n                    content={labels.linkGroupTrigger}\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:link'}\r\n                            aria-label={labels.linkGroupTrigger}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            active={open}\r\n                            disabled={disabled}\r\n                        />\r\n                    </DropdownMenu.Trigger>\r\n                </Tooltip>\r\n                <DropdownMenu.Content aria-label={labels.linkOptions}>\r\n                    <SetLink presentation={'menu'} />\r\n                    <UnsetLink presentation={'menu'} />\r\n                </DropdownMenu.Content>\r\n            </DropdownMenu>\r\n        </div>\r\n    )\r\n}\r\n\r\nLinkGroup.displayName = 'RichTextEditor.LinkGroup'\r\n\r\nexport default LinkGroup\r\n"],"names":["LinkGroup","disabled","labels","useRichTextEditorContext","open","setOpen","useState","jsx","LINK_GROUP_STYLES","jsxs","DropdownMenu","Tooltip","IconButton","SetLink","UnsetLink"],"mappings":"8vBASMA,EAAY,IAAM,CACpB,KAAM,CAAE,SAAAC,EAAU,OAAAC,CAAA,EAAWC,2BAAA,EACvB,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAEtC,OACIC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,kBAAkB,KAC7B,KAAM,QACN,aAAYN,EAAO,UAEnB,SAAAO,EAAAA,KAACC,EAAA,CACG,MAAO,GACP,KAAAN,EACA,aAAcC,EAEd,SAAA,CAAAE,EAAAA,IAACI,EAAA,CACG,QAAST,EAAO,iBAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAK,EAAAA,IAACG,EAAa,QAAb,CACG,SAAAH,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,cACN,aAAYV,EAAO,iBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,OAAQE,EACR,SAAAH,CAAA,CAAA,CACJ,CACJ,CAAA,CAAA,SAEHS,EAAa,QAAb,CAAqB,aAAYR,EAAO,YACrC,SAAA,CAAAK,EAAAA,IAACM,EAAA,CAAQ,aAAc,MAAA,CAAQ,EAC/BN,EAAAA,IAACO,EAAA,CAAU,aAAc,MAAA,CAAQ,CAAA,CAAA,CACrC,CAAA,CAAA,CAAA,CACJ,CAAA,CAGZ,EAEAd,EAAU,YAAc"}

package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.d.ts

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

package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.js

@@ -0,0 +1,66 @@
+import { jsx as o, jsxs as e } from "react/jsx-runtime";
+import { LINK_GROUP_STYLES as a } from "./styles/LinkGroup.css.js";
+import l from "./SetLink.js";
+import m from "./UnsetLink.js";
+import { useRichTextEditorContext as s } from "../../context/RichTextEditor.context.js";
+import "../../../../overlay/dropdown-menu/index.js";
+import c from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import u 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 { useState as d } from "react";
+import i from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const f = () => {
+  const { disabled: n, labels: r } = s(), [t, p] = d(!1);
+  return /* @__PURE__ */ o(
+    "div",
+    {
+      className: a.root,
+      role: "group",
+      "aria-label": r.linkGroup,
+      children: /* @__PURE__ */ e(
+        i,
+        {
+          modal: !1,
+          open: t,
+          onOpenChange: p,
+          children: [
+            /* @__PURE__ */ o(
+              u,
+              {
+                content: r.linkGroupTrigger,
+                delayDuration: 700,
+                openOnFocus: !1,
+                position: "top",
+                children: /* @__PURE__ */ o(i.Trigger, { children: /* @__PURE__ */ o(
+                  c,
+                  {
+                    type: "button",
+                    icon: "lucide:link",
+                    "aria-label": r.linkGroupTrigger,
+                    variant: "ghost",
+                    color: "primary",
+                    size: "sm",
+                    active: t,
+                    disabled: n
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ e(i.Content, { "aria-label": r.linkOptions, children: [
+              /* @__PURE__ */ o(l, { presentation: "menu" }),
+              /* @__PURE__ */ o(m, { presentation: "menu" })
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+f.displayName = "RichTextEditor.LinkGroup";
+export {
+  f as default
+};
+//# sourceMappingURL=LinkGroup.js.map

package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/LinkGroup.tsx"],"sourcesContent":["import { LINK_GROUP_STYLES } from '@components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.ts'\r\nimport SetLink from '@components/forms/rich-text-editor/components/link-group/SetLink.tsx'\r\nimport UnsetLink from '@components/forms/rich-text-editor/components/link-group/UnsetLink.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useState } from 'react'\r\n\r\nconst LinkGroup = () => {\r\n    const { disabled, labels } = useRichTextEditorContext()\r\n    const [open, setOpen] = useState(false)\r\n\r\n    return (\r\n        <div\r\n            className={LINK_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.linkGroup}\r\n        >\r\n            <DropdownMenu\r\n                modal={false}\r\n                open={open}\r\n                onOpenChange={setOpen}\r\n            >\r\n                <Tooltip\r\n                    content={labels.linkGroupTrigger}\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:link'}\r\n                            aria-label={labels.linkGroupTrigger}\r\n                            variant={'ghost'}\r\n                            color={'primary'}\r\n                            size={'sm'}\r\n                            active={open}\r\n                            disabled={disabled}\r\n                        />\r\n                    </DropdownMenu.Trigger>\r\n                </Tooltip>\r\n                <DropdownMenu.Content aria-label={labels.linkOptions}>\r\n                    <SetLink presentation={'menu'} />\r\n                    <UnsetLink presentation={'menu'} />\r\n                </DropdownMenu.Content>\r\n            </DropdownMenu>\r\n        </div>\r\n    )\r\n}\r\n\r\nLinkGroup.displayName = 'RichTextEditor.LinkGroup'\r\n\r\nexport default LinkGroup\r\n"],"names":["LinkGroup","disabled","labels","useRichTextEditorContext","open","setOpen","useState","jsx","LINK_GROUP_STYLES","jsxs","DropdownMenu","Tooltip","IconButton","SetLink","UnsetLink"],"mappings":";;;;;;;;;;;;;;AASA,MAAMA,IAAY,MAAM;AACpB,QAAM,EAAE,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GACvB,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAkB;AAAA,MAC7B,MAAM;AAAA,MACN,cAAYN,EAAO;AAAA,MAEnB,UAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,MAAAN;AAAA,UACA,cAAcC;AAAA,UAEd,UAAA;AAAA,YAAA,gBAAAE;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAAST,EAAO;AAAA,gBAChB,eAAe;AAAA,gBACf,aAAa;AAAA,gBACb,UAAU;AAAA,gBAEV,UAAA,gBAAAK,EAACG,EAAa,SAAb,EACG,UAAA,gBAAAH;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,MAAM;AAAA,oBACN,MAAM;AAAA,oBACN,cAAYV,EAAO;AAAA,oBACnB,SAAS;AAAA,oBACT,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,QAAQE;AAAA,oBACR,UAAAH;AAAA,kBAAA;AAAA,gBAAA,EACJ,CACJ;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEHS,EAAa,SAAb,EAAqB,cAAYR,EAAO,aACrC,UAAA;AAAA,cAAA,gBAAAK,EAACM,GAAA,EAAQ,cAAc,OAAA,CAAQ;AAAA,cAC/B,gBAAAN,EAACO,GAAA,EAAU,cAAc,OAAA,CAAQ;AAAA,YAAA,EAAA,CACrC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ;AAEAd,EAAU,cAAc;"}

package/dist/components/forms/rich-text-editor/components/link-group/SetLink.cjs

@@ -0,0 +1,2 @@
+"use strict";require('../../../../../ui-kit37.css');require('../../../../../ui-kit.css');const n=require("react/jsx-runtime"),a=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../overlay/dropdown-menu/index.cjs");const d=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const k=require("../../context/RichTextEditor.context.cjs"),p=require("../../utils/richText.utils.cjs"),x=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),c=({presentation:u="icon"})=>{const{editor:e,disabled:l,labels:t}=k.useRichTextEditorContext();if(!e)return null;const r=()=>{const i=e.getAttributes("link").href,o=window.prompt(t.linkUrlPrompt,i??"https://"),s=o?p.normalizeRichTextUrl(o):void 0;s&&e.chain().focus().extendMarkRange("link").setLink({href:s}).run()};return u==="menu"?n.jsx(x.Item,{label:t.addOrEditLink,startIcon:"lucide:link",active:e.isActive("link"),onClick:r}):n.jsx(d,{content:t.addOrEditLink,delayDuration:700,openOnFocus:!1,position:"top",children:n.jsx(a,{type:"button",icon:"lucide:link","aria-label":t.addOrEditLink,variant:"ghost",color:"primary",size:"sm",disabled:l,onMouseDown:i=>i.preventDefault(),onClick:r})})};c.displayName="RichTextEditor.SetLink";module.exports=c;
+//# sourceMappingURL=SetLink.cjs.map

package/dist/components/forms/rich-text-editor/components/link-group/SetLink.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetLink.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/SetLink.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\nimport type { SetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/SetLink.props.ts'\r\n\r\nconst SetLink = ({ presentation = 'icon' }: SetLinkProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const handleSetLink = () => {\r\n        const currentHref = editor.getAttributes('link').href as string | undefined\r\n        const nextHref = window.prompt(labels.linkUrlPrompt, currentHref ?? 'https://')\r\n        const href = nextHref ? normalizeRichTextUrl(nextHref) : undefined\r\n\r\n        if (href) {\r\n            editor.chain().focus().extendMarkRange('link').setLink({ href }).run()\r\n        }\r\n    }\r\n\r\n    if (presentation === 'menu') {\r\n        return (\r\n            <DropdownMenu.Item\r\n                label={labels.addOrEditLink}\r\n                startIcon={'lucide:link'}\r\n                active={editor.isActive('link')}\r\n                onClick={handleSetLink}\r\n            />\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={labels.addOrEditLink}\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:link'}\r\n                aria-label={labels.addOrEditLink}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={handleSetLink}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nSetLink.displayName = 'RichTextEditor.SetLink'\r\n\r\nexport default SetLink\r\n"],"names":["SetLink","presentation","editor","disabled","labels","useRichTextEditorContext","handleSetLink","currentHref","nextHref","href","normalizeRichTextUrl","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":"irBAOMA,EAAU,CAAC,CAAE,aAAAC,EAAe,UAA2B,CACzD,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,GAAI,CAACH,EACD,OAAO,KAGX,MAAMI,EAAgB,IAAM,CACxB,MAAMC,EAAcL,EAAO,cAAc,MAAM,EAAE,KAC3CM,EAAW,OAAO,OAAOJ,EAAO,cAAeG,GAAe,UAAU,EACxEE,EAAOD,EAAWE,uBAAqBF,CAAQ,EAAI,OAErDC,GACAP,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAgB,MAAM,EAAE,QAAQ,CAAE,KAAAO,CAAA,CAAM,EAAE,IAAA,CAEzE,EAEA,OAAIR,IAAiB,OAEbU,EAAAA,IAACC,EAAa,KAAb,CACG,MAAOR,EAAO,cACd,UAAW,cACX,OAAQF,EAAO,SAAS,MAAM,EAC9B,QAASI,CAAA,CAAA,EAMjBK,EAAAA,IAACE,EAAA,CACG,QAAST,EAAO,cAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAO,EAAAA,IAACG,EAAA,CACG,KAAM,SACN,KAAM,cACN,aAAYV,EAAO,cACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,YAAcY,GAAUA,EAAM,eAAA,EAC9B,QAAST,CAAA,CAAA,CACb,CAAA,CAGZ,EAEAN,EAAQ,YAAc"}