npm - @choco-vanille/ui - Versions diffs - 1.4.0 → 1.5.0 - Mend

@choco-vanille/ui 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (779) hide show

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

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

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

@@ -3,7 +3,7 @@ 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-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as d } from "../../context/RichTextEditor.context.js";
 const u = () => {

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit120.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-kit118.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 CHANGED Viewed

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit120.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit118.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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.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-kit54.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 CHANGED Viewed

	@@ -1 +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\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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"}
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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"}

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

@@ -1,4 +1,11 @@
 import { ImageGroupProps } from './types/ImageGroup.props.ts';
+/**
+ * Toolbar group for image commands: insert by URL, upload from disk, edit
+ * attributes, and remove. Use `presentation="inline"` for individual icon
+ * buttons or `"menu"` (default) for a dropdown trigger. Calls
+ * `onImageUpload` from context when provided; otherwise reads the file as a
+ * data URL (max 10 MB).
+ */
 declare const ImageGroup: {
     ({ presentation }: ImageGroupProps): import("react").JSX.Element | null;
     displayName: string;

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

@@ -3,7 +3,7 @@ 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-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
 import { useRef as y, useState as v } from "react";

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

	@@ -1 +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\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":";;;;;;;;;;;;AASA,MAAMA,IAAsB,KAAK,OAAO,MAElCC,IAAa,CAAC,EAAE,cAAAC,IAAe,aAA8B;AAC/D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,eAAAC,GAAe,QAAAC,EAAA,IACzCC,EAAA,GACMC,IAAgBC,EAAyB,IAAI,GAC7C,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK;AAEtC,SAAKT,IAKD,gBAAAU;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAmB;AAAA,MAC9B,MAAM;AAAA,MACN,cAAYR,EAAO;AAAA,MAElB,UAAA;AAAA,QAAAJ,MAAiB,WACd,gBAAAW,EAAAE,GAAA,EACI,UAAA;AAAA,UAAA,gBAAAC;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAASX,EAAO;AAAA,cAChB,eAAe;AAAA,cACf,aAAa;AAAA,cACb,UAAU;AAAA,cAEV,UAAA,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,cAAYZ,EAAO;AAAA,kBACnB,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,UAAAF;AAAA,kBACA,SAAS,MAAM;AACX,0BAAMe,IAAM,OAAO,OAAOb,EAAO,cAAc;AAC/C,oBAAIa,KACAhB,EAAO,MAAA,EAAQ,MAAA,EAAQ,SAAS,EAAE,KAAAgB,EAAA,CAAK,EAAE,IAAA;AAAA,kBAEjD;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,UAEJ,gBAAAH;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAASX,EAAO;AAAA,cAChB,eAAe;AAAA,cACf,aAAa;AAAA,cACb,UAAU;AAAA,cAEV,UAAA,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,cAAYZ,EAAO;AAAA,kBACnB,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,UAAAF;AAAA,kBACA,SAAS,MAAMI,EAAc,SAAS,MAAA;AAAA,gBAAM;AAAA,cAAA;AAAA,YAChD;AAAA,UAAA;AAAA,UAEJ,gBAAAQ;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAASX,EAAO;AAAA,cAChB,eAAe;AAAA,cACf,aAAa;AAAA,cACb,UAAU;AAAA,cAEV,UAAA,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,cAAYZ,EAAO;AAAA,kBACnB,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,UAAUF,KAAY,CAACD,EAAO,SAAS,OAAO;AAAA,kBAC9C,SAAS,MAAM;AACX,0BAAMiB,IAAajB,EAAO,cAAc,OAAO,GACzCkB,IAAM,OAAO;AAAA,sBACff,EAAO;AAAA,sBACPc,EAAW,OAAO;AAAA,oBAAA,GAEhBE,IAAQ,OAAO;AAAA,sBACjBhB,EAAO;AAAA,sBACPc,EAAW,SAAS;AAAA,oBAAA;AAExB,oBAAAjB,EACK,MAAA,EACA,MAAA,EACA,iBAAiB,SAAS;AAAA,sBACvB,GAAIkB,MAAQ,OAAO,EAAE,KAAAA,EAAA,IAAQ,CAAA;AAAA,sBAC7B,GAAIC,MAAU,OAAO,EAAE,OAAAA,MAAU,CAAA;AAAA,oBAAC,CACrC,EACA,IAAA;AAAA,kBACT;AAAA,gBAAA;AAAA,cAAA;AAAA,YACJ;AAAA,UAAA;AAAA,UAEJ,gBAAAN;AAAA,YAACC;AAAA,YAAA;AAAA,cACG,SAASX,EAAO;AAAA,cAChB,eAAe;AAAA,cACf,aAAa;AAAA,cACb,UAAU;AAAA,cAEV,UAAA,gBAAAU;AAAA,gBAACE;AAAA,gBAAA;AAAA,kBACG,MAAM;AAAA,kBACN,MAAM;AAAA,kBACN,cAAYZ,EAAO;AAAA,kBACnB,SAAS;AAAA,kBACT,OAAO;AAAA,kBACP,MAAM;AAAA,kBACN,UAAUF,KAAY,CAACD,EAAO,SAAS,OAAO;AAAA,kBAC9C,SAAS,MAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,YAChE;AAAA,UAAA;AAAA,QACJ,EAAA,CACJ,IAEA,gBAAAU;AAAA,UAACU;AAAA,UAAA;AAAA,YACG,OAAO;AAAA,YACP,MAAAb;AAAA,YACA,cAAcC;AAAA,YAEd,UAAA;AAAA,cAAA,gBAAAK;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,SAASX,EAAO;AAAA,kBAChB,eAAe;AAAA,kBACf,aAAa;AAAA,kBACb,UAAU;AAAA,kBAEV,UAAA,gBAAAU,EAACO,EAAa,SAAb,EACG,UAAA,gBAAAP;AAAA,oBAACE;AAAA,oBAAA;AAAA,sBACG,MAAM;AAAA,sBACN,MAAM;AAAA,sBACN,cAAYZ,EAAO;AAAA,sBACnB,SAAS;AAAA,sBACT,OAAO;AAAA,sBACP,MAAM;AAAA,sBACN,QAAQI;AAAA,sBACR,UAAAN;AAAA,oBAAA;AAAA,kBAAA,EACJ,CACJ;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAEHmB,EAAa,SAAb,EAAqB,cAAYjB,EAAO,cACrC,UAAA;AAAA,gBAAA,gBAAAU;AAAA,kBAACO,EAAa;AAAA,kBAAb;AAAA,oBACG,OAAOjB,EAAO;AAAA,oBACd,WAAW;AAAA,oBACX,SAAS,MAAM;AACX,4BAAMa,IAAM,OAAO,OAAOb,EAAO,cAAc;AAE/C,sBAAIa,KACAhB,EAAO,MAAA,EAAQ,MAAA,EAAQ,SAAS,EAAE,KAAAgB,EAAA,CAAK,EAAE,IAAA;AAAA,oBAEjD;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEJ,gBAAAH;AAAA,kBAACO,EAAa;AAAA,kBAAb;AAAA,oBACG,OAAOjB,EAAO;AAAA,oBACd,WAAW;AAAA,oBACX,SAAS,MAAME,EAAc,SAAS,MAAA;AAAA,kBAAM;AAAA,gBAAA;AAAA,gBAEhD,gBAAAQ,EAACO,EAAa,WAAb,EAAuB;AAAA,gBACxB,gBAAAP;AAAA,kBAACO,EAAa;AAAA,kBAAb;AAAA,oBACG,OAAOjB,EAAO;AAAA,oBACd,WAAW;AAAA,oBACX,UAAU,CAACH,EAAO,SAAS,OAAO;AAAA,oBAClC,SAAS,MAAM;AACX,4BAAMiB,IAAajB,EAAO,cAAc,OAAO,GACzCkB,IAAM,OAAO;AAAA,wBACff,EAAO;AAAA,wBACPc,EAAW,OAAO;AAAA,sBAAA,GAEhBE,IAAQ,OAAO;AAAA,wBACjBhB,EAAO;AAAA,wBACPc,EAAW,SAAS;AAAA,sBAAA;AAGxB,sBAAAjB,EACK,MAAA,EACA,MAAA,EACA,iBAAiB,SAAS;AAAA,wBACvB,GAAIkB,MAAQ,OAAO,EAAE,KAAAA,EAAA,IAAQ,CAAA;AAAA,wBAC7B,GAAIC,MAAU,OAAO,EAAE,OAAAA,MAAU,CAAA;AAAA,sBAAC,CACrC,EACA,IAAA;AAAA,oBACT;AAAA,kBAAA;AAAA,gBAAA;AAAA,gBAEJ,gBAAAN;AAAA,kBAACO,EAAa;AAAA,kBAAb;AAAA,oBACG,OAAOjB,EAAO;AAAA,oBACd,WAAW;AAAA,oBACX,aAAW;AAAA,oBACX,UAAU,CAACH,EAAO,SAAS,OAAO;AAAA,oBAClC,SAAS,MAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA;AAAA,kBAAI;AAAA,gBAAA;AAAA,cAChE,EAAA,CACJ;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAGR,gBAAAa;AAAA,UAAC;AAAA,UAAA;AAAA,YACG,KAAKR;AAAA,YACL,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,QAAM;AAAA,YACN,UAAU,OAAOgB,MAAU;AACvB,oBAAMC,IAAOD,EAAM,cAAc,QAAQ,CAAC;AAG1C,kBAFAA,EAAM,cAAc,QAAQ,IAGxB,CAACC,KACb,CAACA,EAAK,KAAK,WAAW,QAAQ,KAC9BA,EAAK,OAAOzB;AAEA;AAGJ,oBAAMmB,IAAMd,IACN,MAAMA,EAAcoB,CAAI,IACxB,MAAM,IAAI,QAAgB,CAACC,GAASC,MAAW;AAC7C,sBAAMC,IAAS,IAAI,WAAA;AACnB,gBAAAA,EAAO,SAAS,MACZ,OAAOA,EAAO,UAAW,WACnBF,EAAQE,EAAO,MAAM,IACrBD,EAAO,IAAI,MAAM,gCAAgC,CAAC,GAC5DC,EAAO,UAAU,MACbD;AAAA,kBACIC,EAAO,SAAS,IAAI,MAAM,gCAAgC;AAAA,gBAAA,GAElEA,EAAO,cAAcH,CAAI;AAAA,cAC7B,CAAC;AAEL,cAAAtB,EAAO,MAAA,EAAQ,MAAA,EAAQ,SAAS,EAAE,KAAAgB,EAAA,CAAK,EAAE,IAAA;AAAA,YAC7C;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA,IAvNG;AA0Nf;AAEAlB,EAAW,cAAc;"}
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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"}

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

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit129.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.js CHANGED Viewed

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

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.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;
+"use strict";require('../../../../../ui-kit54.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 CHANGED Viewed

	@@ -1 +1 @@
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"}
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\n/*\r\n Toolbar group containing a dropdown with `SetLink` and `UnsetLink`\r\n * controls. Renders a link icon button trigger with the menu inside.\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":"8vBAaMA,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 CHANGED Viewed

@@ -1,3 +1,7 @@
+/**
+ * Toolbar group containing a dropdown with `SetLink` and `UnsetLink`
+ * controls. Renders a link icon button trigger with the menu inside.
+ */
 declare const LinkGroup: {
     (): import("react").JSX.Element;
     displayName: string;

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

@@ -8,7 +8,7 @@ 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-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useState as d } from "react";
 import i from "../../../../overlay/dropdown-menu/DropdownMenu.js";

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

	@@ -1 +1 @@
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;"}
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\n/*\r\n Toolbar group containing a dropdown with `SetLink` and `UnsetLink`\r\n * controls. Renders a link icon button trigger with the menu inside.\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":";;;;;;;;;;;;;;AAaA,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 CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.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;
+"use strict";require('../../../../../ui-kit54.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 CHANGED Viewed

	@@ -1 +1 @@
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"}
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\n/*\r\n Toolbar control that prompts the user for a URL and applies a hyperlink to\r\n * the current selection. Use `presentation=\"icon\"` (default) for a standalone\r\n * icon button or `\"menu\"` for a `DropdownMenu.Item` inside `LinkGroup`.\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":"irBAYMA,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"}

package/dist/components/forms/rich-text-editor/components/link-group/SetLink.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
 import { SetLinkProps } from './types/SetLink.props.ts';
+/**
+ * Toolbar control that prompts the user for a URL and applies a hyperlink to
+ * the current selection. Use `presentation="icon"` (default) for a standalone
+ * icon button or `"menu"` for a `DropdownMenu.Item` inside `LinkGroup`.
+ */
 declare const SetLink: {
     ({ presentation }: SetLinkProps): import("react").JSX.Element | null;
     displayName: string;

package/dist/components/forms/rich-text-editor/components/link-group/SetLink.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "../../../../actions/icon-button/styles/IconButton.css.js";
 import "../../../../overlay/dropdown-menu/index.js";
 import m from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as p } from "../../context/RichTextEditor.context.js";
 import { normalizeRichTextUrl as s } from "../../utils/richText.utils.js";

package/dist/components/forms/rich-text-editor/components/link-group/SetLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SetLink.js","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":";;;;;;;;;;;~~AAOA~~,MAAMA,IAAU,CAAC,EAAE,cAAAC,IAAe,aAA2B;AACzD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,MAAI,CAACH;AACD,WAAO;AAGX,QAAMI,IAAgB,MAAM;AACxB,UAAMC,IAAcL,EAAO,cAAc,MAAM,EAAE,MAC3CM,IAAW,OAAO,OAAOJ,EAAO,eAAeG,KAAe,UAAU,GACxEE,IAAOD,IAAWE,EAAqBF,CAAQ,IAAI;AAEzD,IAAIC,KACAP,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAgB,MAAM,EAAE,QAAQ,EAAE,MAAAO,EAAA,CAAM,EAAE,IAAA;AAAA,EAEzE;AAEA,SAAIR,MAAiB,SAEb,gBAAAU;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACG,OAAOR,EAAO;AAAA,MACd,WAAW;AAAA,MACX,QAAQF,EAAO,SAAS,MAAM;AAAA,MAC9B,SAASI;AAAA,IAAA;AAAA,EAAA,IAMjB,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAAST,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAO;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYV,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAAD;AAAA,UACA,aAAa,CAACY,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGZ;AAEAN,EAAQ,cAAc;"}
1	+ {"version":3,"file":"SetLink.js","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\n/*\r\n Toolbar control that prompts the user for a URL and applies a hyperlink to\r\n * the current selection. Use `presentation=\"icon\"` (default) for a standalone\r\n * icon button or `\"menu\"` for a `DropdownMenu.Item` inside `LinkGroup`.\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":";;;;;;;;;;;AAYA,MAAMA,IAAU,CAAC,EAAE,cAAAC,IAAe,aAA2B;AACzD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,MAAI,CAACH;AACD,WAAO;AAGX,QAAMI,IAAgB,MAAM;AACxB,UAAMC,IAAcL,EAAO,cAAc,MAAM,EAAE,MAC3CM,IAAW,OAAO,OAAOJ,EAAO,eAAeG,KAAe,UAAU,GACxEE,IAAOD,IAAWE,EAAqBF,CAAQ,IAAI;AAEzD,IAAIC,KACAP,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAgB,MAAM,EAAE,QAAQ,EAAE,MAAAO,EAAA,CAAM,EAAE,IAAA;AAAA,EAEzE;AAEA,SAAIR,MAAiB,SAEb,gBAAAU;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACG,OAAOR,EAAO;AAAA,MACd,WAAW;AAAA,MACX,QAAQF,EAAO,SAAS,MAAM;AAAA,MAC9B,SAASI;AAAA,IAAA;AAAA,EAAA,IAMjB,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAAST,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAO;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYV,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAAD;AAAA,UACA,aAAa,CAACY,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGZ;AAEAN,EAAQ,cAAc;"}

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.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");require("../../../../overlay/dropdown-menu/index.cjs");const c=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const l=require("../../context/RichTextEditor.context.cjs"),a=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),t=({presentation:r="icon"})=>{const{editor:e,disabled:o,labels:i}=l.useRichTextEditorContext();return e?r==="menu"?n.jsx(a.Item,{label:i.removeLink,startIcon:"lucide:unlink",disabled:!e.isActive("link"),onClick:()=>e.chain().focus().unsetLink().run()}):n.jsx(c,{content:i.removeLink,delayDuration:700,openOnFocus:!1,position:"top",children:n.jsx(u,{type:"button",icon:"lucide:unlink","aria-label":i.removeLink,variant:"ghost",color:"primary",size:"sm",disabled:o||!e.isActive("link"),onMouseDown:s=>s.preventDefault(),onClick:()=>e.chain().focus().unsetLink().run()})}):null};t.displayName="RichTextEditor.UnsetLink";module.exports=t;
+"use strict";require('../../../../../ui-kit54.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");require("../../../../overlay/dropdown-menu/index.cjs");const c=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const l=require("../../context/RichTextEditor.context.cjs"),a=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),t=({presentation:r="icon"})=>{const{editor:e,disabled:o,labels:i}=l.useRichTextEditorContext();return e?r==="menu"?n.jsx(a.Item,{label:i.removeLink,startIcon:"lucide:unlink",disabled:!e.isActive("link"),onClick:()=>e.chain().focus().unsetLink().run()}):n.jsx(c,{content:i.removeLink,delayDuration:700,openOnFocus:!1,position:"top",children:n.jsx(u,{type:"button",icon:"lucide:unlink","aria-label":i.removeLink,variant:"ghost",color:"primary",size:"sm",disabled:o||!e.isActive("link"),onMouseDown:s=>s.preventDefault(),onClick:()=>e.chain().focus().unsetLink().run()})}):null};t.displayName="RichTextEditor.UnsetLink";module.exports=t;
 //# sourceMappingURL=UnsetLink.cjs.map

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnsetLink.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/UnsetLink.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 type { UnsetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.ts'\r\n\r\nconst UnsetLink = ({ presentation = 'icon' }: UnsetLinkProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n if (presentation === 'menu') {\r\n return (\r\n <DropdownMenu.Item\r\n label={labels.removeLink}\r\n startIcon={'lucide:unlink'}\r\n disabled={!editor.isActive('link')}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n )\r\n }\r\n\r\n return (\r\n <Tooltip\r\n content={labels.removeLink}\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:unlink'}\r\n aria-label={labels.removeLink}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled \|\| !editor.isActive('link')}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n </Tooltip>\r\n )\r\n}\r\n\r\nUnsetLink.displayName = 'RichTextEditor.UnsetLink'\r\n\r\nexport default UnsetLink\r\n"],"names":["UnsetLink","presentation","editor","disabled","labels","useRichTextEditorContext","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":"~~qoBAMMA~~,EAAY,CAAC,CAAE,aAAAC,EAAe,UAA6B,CAC7D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,OAAKH,EAIDD,IAAiB,OAEbK,EAAAA,IAACC,EAAa,KAAb,CACG,MAAOH,EAAO,WACd,UAAW,gBACX,SAAU,CAACF,EAAO,SAAS,MAAM,EACjC,QAAS,IAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA,CAAI,CAAA,EAM9DI,EAAAA,IAACE,EAAA,CACG,QAASJ,EAAO,WAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAE,EAAAA,IAACG,EAAA,CACG,KAAM,SACN,KAAM,gBACN,aAAYL,EAAO,WACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAUD,GAAY,CAACD,EAAO,SAAS,MAAM,EAC7C,YAAcQ,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA,CAAI,CAAA,CAC1D,CAAA,EA/BG,IAkCf,EAEAF,EAAU,YAAc"}
1	+ {"version":3,"file":"UnsetLink.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/UnsetLink.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 type { UnsetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.ts'\r\n\r\n/*\r\n Toolbar control that removes the hyperlink from the current selection.\r\n * Use `presentation=\"icon\"` (default) for a standalone icon button or\r\n * `\"menu\"` for a `DropdownMenu.Item` inside `LinkGroup`. Disabled when\r\n * the cursor is not on a link.\r\n */\r\nconst UnsetLink = ({ presentation = 'icon' }: UnsetLinkProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n if (presentation === 'menu') {\r\n return (\r\n <DropdownMenu.Item\r\n label={labels.removeLink}\r\n startIcon={'lucide:unlink'}\r\n disabled={!editor.isActive('link')}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n )\r\n }\r\n\r\n return (\r\n <Tooltip\r\n content={labels.removeLink}\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:unlink'}\r\n aria-label={labels.removeLink}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled \|\| !editor.isActive('link')}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n </Tooltip>\r\n )\r\n}\r\n\r\nUnsetLink.displayName = 'RichTextEditor.UnsetLink'\r\n\r\nexport default UnsetLink\r\n"],"names":["UnsetLink","presentation","editor","disabled","labels","useRichTextEditorContext","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":"qoBAYMA,EAAY,CAAC,CAAE,aAAAC,EAAe,UAA6B,CAC7D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,OAAKH,EAIDD,IAAiB,OAEbK,EAAAA,IAACC,EAAa,KAAb,CACG,MAAOH,EAAO,WACd,UAAW,gBACX,SAAU,CAACF,EAAO,SAAS,MAAM,EACjC,QAAS,IAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA,CAAI,CAAA,EAM9DI,EAAAA,IAACE,EAAA,CACG,QAASJ,EAAO,WAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAE,EAAAA,IAACG,EAAA,CACG,KAAM,SACN,KAAM,gBACN,aAAYL,EAAO,WACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAUD,GAAY,CAACD,EAAO,SAAS,MAAM,EAC7C,YAAcQ,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA,CAAI,CAAA,CAC1D,CAAA,EA/BG,IAkCf,EAEAF,EAAU,YAAc"}

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.d.ts CHANGED Viewed

@@ -1,4 +1,10 @@
 import { UnsetLinkProps } from './types/UnsetLink.props.ts';
+/**
+ * Toolbar control that removes the hyperlink from the current selection.
+ * Use `presentation="icon"` (default) for a standalone icon button or
+ * `"menu"` for a `DropdownMenu.Item` inside `LinkGroup`. Disabled when
+ * the cursor is not on a link.
+ */
 declare const UnsetLink: {
     ({ presentation }: UnsetLinkProps): import("react").JSX.Element | null;
     displayName: string;

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.js CHANGED Viewed

@@ -4,7 +4,7 @@ import "../../../../actions/icon-button/styles/IconButton.css.js";
 import "../../../../overlay/dropdown-menu/index.js";
 import s from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as u } from "../../context/RichTextEditor.context.js";
 import m from "../../../../overlay/dropdown-menu/DropdownMenu.js";

package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UnsetLink.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/UnsetLink.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 type { UnsetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.ts'\r\n\r\nconst UnsetLink = ({ presentation = 'icon' }: UnsetLinkProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n if (presentation === 'menu') {\r\n return (\r\n <DropdownMenu.Item\r\n label={labels.removeLink}\r\n startIcon={'lucide:unlink'}\r\n disabled={!editor.isActive('link')}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n )\r\n }\r\n\r\n return (\r\n <Tooltip\r\n content={labels.removeLink}\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:unlink'}\r\n aria-label={labels.removeLink}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled \|\| !editor.isActive('link')}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n </Tooltip>\r\n )\r\n}\r\n\r\nUnsetLink.displayName = 'RichTextEditor.UnsetLink'\r\n\r\nexport default UnsetLink\r\n"],"names":["UnsetLink","presentation","editor","disabled","labels","useRichTextEditorContext","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":";;;;;;;;;;~~AAMA~~,MAAMA,IAAY,CAAC,EAAE,cAAAC,IAAe,aAA6B;AAC7D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,SAAKH,IAIDD,MAAiB,SAEb,gBAAAK;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACG,OAAOH,EAAO;AAAA,MACd,WAAW;AAAA,MACX,UAAU,CAACF,EAAO,SAAS,MAAM;AAAA,MACjC,SAAS,MAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AAAA,IAAI;AAAA,EAAA,IAM9D,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAASJ,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYL,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAUD,KAAY,CAACD,EAAO,SAAS,MAAM;AAAA,UAC7C,aAAa,CAACQ,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAS,MAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IAC1D;AAAA,EAAA,IA/BG;AAkCf;AAEAF,EAAU,cAAc;"}
1	+ {"version":3,"file":"UnsetLink.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/UnsetLink.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 type { UnsetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.ts'\r\n\r\n/*\r\n Toolbar control that removes the hyperlink from the current selection.\r\n * Use `presentation=\"icon\"` (default) for a standalone icon button or\r\n * `\"menu\"` for a `DropdownMenu.Item` inside `LinkGroup`. Disabled when\r\n * the cursor is not on a link.\r\n */\r\nconst UnsetLink = ({ presentation = 'icon' }: UnsetLinkProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n if (presentation === 'menu') {\r\n return (\r\n <DropdownMenu.Item\r\n label={labels.removeLink}\r\n startIcon={'lucide:unlink'}\r\n disabled={!editor.isActive('link')}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n )\r\n }\r\n\r\n return (\r\n <Tooltip\r\n content={labels.removeLink}\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:unlink'}\r\n aria-label={labels.removeLink}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled \|\| !editor.isActive('link')}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().unsetLink().run()}\r\n />\r\n </Tooltip>\r\n )\r\n}\r\n\r\nUnsetLink.displayName = 'RichTextEditor.UnsetLink'\r\n\r\nexport default UnsetLink\r\n"],"names":["UnsetLink","presentation","editor","disabled","labels","useRichTextEditorContext","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAY,CAAC,EAAE,cAAAC,IAAe,aAA6B;AAC7D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,SAAKH,IAIDD,MAAiB,SAEb,gBAAAK;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACG,OAAOH,EAAO;AAAA,MACd,WAAW;AAAA,MACX,UAAU,CAACF,EAAO,SAAS,MAAM;AAAA,MACjC,SAAS,MAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AAAA,IAAI;AAAA,EAAA,IAM9D,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAASJ,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYL,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAUD,KAAY,CAACD,EAAO,SAAS,MAAM;AAAA,UAC7C,aAAa,CAACQ,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAS,MAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IAC1D;AAAA,EAAA,IA/BG;AAkCf;AAEAF,EAAU,cAAc;"}

package/dist/components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit121.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                               */var e={root:"_11omis70"};exports.LINK_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit123.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                               */var e={root:"_11omis70"};exports.LINK_GROUP_STYLES=e;
 //# sourceMappingURL=LinkGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.js CHANGED Viewed

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

package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),n=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const x=require("react"),L=require("../../context/RichTextEditor.context.cjs"),b=require("./styles/ListsGroup.css.cjs"),s=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),u=({presentation:a="menu"})=>{const{editor:i,disabled:r,labels:t}=L.useRichTextEditorContext(),[c,d]=x.useState(!1);if(!i)return null;const p=i.isActive("bulletList"),g=i.isActive("orderedList");return e.jsx("div",{className:b.LISTS_GROUP_STYLES.root,role:"group","aria-label":t.listsGroup,children:a==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(l,{content:t.bulletedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:"lucide:list","aria-label":t.bulletedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleBulletList().run()})}),e.jsx(l,{content:t.numberedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:"lucide:list-ordered","aria-label":t.numberedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleOrderedList().run()})})]}):e.jsxs(s,{modal:!1,open:c,onOpenChange:d,children:[e.jsx(l,{content:t.listsTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s.Trigger,{children:e.jsx(n,{type:"button",icon:"lucide:list","aria-label":t.listsTrigger,variant:"ghost",color:"primary",size:"sm",active:c,disabled:r})})}),e.jsxs(s.Content,{"aria-label":t.listOptions,children:[e.jsx(s.Item,{label:t.bulletedList,startIcon:"lucide:list",active:p,onClick:()=>i.chain().focus().toggleBulletList().run()}),e.jsx(s.Item,{label:t.numberedList,startIcon:"lucide:list-ordered",active:g,onClick:()=>i.chain().focus().toggleOrderedList().run()})]})]})})};u.displayName="RichTextEditor.ListsGroup";module.exports=u;
+"use strict";require('../../../../../ui-kit54.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),n=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const l=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const x=require("react"),L=require("../../context/RichTextEditor.context.cjs"),b=require("./styles/ListsGroup.css.cjs"),s=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),u=({presentation:a="menu"})=>{const{editor:i,disabled:r,labels:t}=L.useRichTextEditorContext(),[c,d]=x.useState(!1);if(!i)return null;const p=i.isActive("bulletList"),g=i.isActive("orderedList");return e.jsx("div",{className:b.LISTS_GROUP_STYLES.root,role:"group","aria-label":t.listsGroup,children:a==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(l,{content:t.bulletedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:"lucide:list","aria-label":t.bulletedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleBulletList().run()})}),e.jsx(l,{content:t.numberedList,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n,{type:"button",icon:"lucide:list-ordered","aria-label":t.numberedList,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:o=>o.preventDefault(),onClick:()=>i.chain().focus().toggleOrderedList().run()})})]}):e.jsxs(s,{modal:!1,open:c,onOpenChange:d,children:[e.jsx(l,{content:t.listsTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(s.Trigger,{children:e.jsx(n,{type:"button",icon:"lucide:list","aria-label":t.listsTrigger,variant:"ghost",color:"primary",size:"sm",active:c,disabled:r})})}),e.jsxs(s.Content,{"aria-label":t.listOptions,children:[e.jsx(s.Item,{label:t.bulletedList,startIcon:"lucide:list",active:p,onClick:()=>i.chain().focus().toggleBulletList().run()}),e.jsx(s.Item,{label:t.numberedList,startIcon:"lucide:list-ordered",active:g,onClick:()=>i.chain().focus().toggleOrderedList().run()})]})]})})};u.displayName="RichTextEditor.ListsGroup";module.exports=u;
 //# sourceMappingURL=ListsGroup.cjs.map