@choco-vanille/ui 1.6.0 → 1.7.0

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit30.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;
+"use strict";require('../../../../../ui-kit50.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"),d=require("../../../../../resources/asset/UndoIcon.svg.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:d,"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

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

@@ -1 +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"}
+{"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\nimport UndoIcon from '@resources/asset/UndoIcon.svg?react'\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={UndoIcon}\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","UndoIcon","event"],"mappings":"2kBAKMA,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,KAAMC,EACN,aAAYL,EAAO,KACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAUD,GAAY,CAACD,EAAO,IAAA,EAAM,KAAA,EACpC,YAAcQ,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMR,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.js

@@ -3,11 +3,12 @@ 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-kit30.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit50.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();
+import p from "../../../../../resources/asset/UndoIcon.svg.js";
+const l = () => {
+  const { editor: o, disabled: r, labels: t } = d();
   return o ? /* @__PURE__ */ n(
     a,
     {
@@ -19,21 +20,21 @@ const u = () => {
         e,
         {
           type: "button",
-          icon: "lucide:undo-2",
+          icon: p,
           "aria-label": t.undo,
           variant: "ghost",
           color: "primary",
           size: "sm",
-          disabled: i || !o.can().undo(),
-          onMouseDown: (r) => r.preventDefault(),
+          disabled: r || !o.can().undo(),
+          onMouseDown: (i) => i.preventDefault(),
           onClick: () => o.chain().focus().undo().run()
         }
       )
     }
   ) : null;
 };
-u.displayName = "RichTextEditor.Undo";
+l.displayName = "RichTextEditor.Undo";
 export {
-  u as default
+  l as default
 };
 //# sourceMappingURL=Undo.js.map

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

@@ -1 +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;"}
+{"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\nimport UndoIcon from '@resources/asset/UndoIcon.svg?react'\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={UndoIcon}\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","UndoIcon","event"],"mappings":";;;;;;;;;AAKA,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,MAAMC;AAAAA,UACN,cAAYL,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAUD,KAAY,CAACD,EAAO,IAAA,EAAM,KAAA;AAAA,UACpC,aAAa,CAACQ,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAS,MAAMR,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/styles/HistoryGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit128.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                  */var e={root:"_1oiges50"};exports.HISTORY_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit136.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.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit128.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit136.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                */
 var t = { root: "_1oiges50" };
 export {

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

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

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

@@ -1 +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\n/**\r\n * Toolbar group for image commands: insert by URL, upload from disk, edit\r\n * attributes, and remove. Use `presentation=\"inline\"` for individual icon\r\n * buttons or `\"menu\"` (default) for a dropdown trigger. Calls\r\n * `onImageUpload` from context when provided; otherwise reads the file as a\r\n * data URL (max 10 MB).\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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"}
+{"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 ImageIcon from '@resources/asset/ImageIcon.svg?react'\r\nimport ImagePlusIcon from '@resources/asset/ImagePlusIcon.svg?react'\r\nimport TrashIcon from '@resources/asset/TrashIcon.svg?react'\r\nimport UploadIcon from '@resources/asset/UploadIcon.svg?react'\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\n/**\r\n * Toolbar group for image commands: insert by URL, upload from disk, edit\r\n * attributes, and remove. Use `presentation=\"inline\"` for individual icon\r\n * buttons or `\"menu\"` (default) for a dropdown trigger. Calls\r\n * `onImageUpload` from context when provided; otherwise reads the file as a\r\n * data URL (max 10 MB).\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={ImagePlusIcon}\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={UploadIcon}\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={ImagePlusIcon}\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={TrashIcon}\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={ImageIcon}\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={ImagePlusIcon}\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={UploadIcon}\r\n                            onClick={() => imageInputRef.current?.click()}\r\n                        />\r\n                        <DropdownMenu.Separator />\r\n                        <DropdownMenu.Item\r\n                            label={labels.editImageDetails}\r\n                            startIcon={ImagePlusIcon}\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={TrashIcon}\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","ImagePlusIcon","src","UploadIcon","attributes","alt","width","TrashIcon","DropdownMenu","ImageIcon","event","file","resolve","reject","reader"],"mappings":"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"}

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

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

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

@@ -1 +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\n/**\r\n * Toolbar group for image commands: insert by URL, upload from disk, edit\r\n * attributes, and remove. Use `presentation=\"inline\"` for individual icon\r\n * buttons or `\"menu\"` (default) for a dropdown trigger. Calls\r\n * `onImageUpload` from context when provided; otherwise reads the file as a\r\n * data URL (max 10 MB).\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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"}
+{"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 ImageIcon from '@resources/asset/ImageIcon.svg?react'\r\nimport ImagePlusIcon from '@resources/asset/ImagePlusIcon.svg?react'\r\nimport TrashIcon from '@resources/asset/TrashIcon.svg?react'\r\nimport UploadIcon from '@resources/asset/UploadIcon.svg?react'\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\n/**\r\n * Toolbar group for image commands: insert by URL, upload from disk, edit\r\n * attributes, and remove. Use `presentation=\"inline\"` for individual icon\r\n * buttons or `\"menu\"` (default) for a dropdown trigger. Calls\r\n * `onImageUpload` from context when provided; otherwise reads the file as a\r\n * data URL (max 10 MB).\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={ImagePlusIcon}\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={UploadIcon}\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={ImagePlusIcon}\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={TrashIcon}\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={ImageIcon}\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={ImagePlusIcon}\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={UploadIcon}\r\n                            onClick={() => imageInputRef.current?.click()}\r\n                        />\r\n                        <DropdownMenu.Separator />\r\n                        <DropdownMenu.Item\r\n                            label={labels.editImageDetails}\r\n                            startIcon={ImagePlusIcon}\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={TrashIcon}\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","ImagePlusIcon","src","UploadIcon","attributes","alt","width","TrashIcon","DropdownMenu","ImageIcon","event","file","resolve","reject","reader"],"mappings":"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"}