@choco-vanille/ui 1.13.5 → 1.14.0

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

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

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

@@ -3,7 +3,7 @@ import m from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import c from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit29.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
 import { useRef as C, useState as S } from "react";

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

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

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit125.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit126.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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit57.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"),p=require("../../../../../resources/asset/LinkIcon.svg.cjs");require("../../../../overlay/dropdown-menu/index.cjs");const d=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const q=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const x=require("react"),n=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),t=()=>{const{disabled:o,labels:r}=l.useRichTextEditorContext(),[i,s]=x.useState(!1);return e.jsx("div",{className:u.LINK_GROUP_STYLES.root,role:"group","aria-label":r.linkGroup,children:e.jsxs(n,{modal:!1,open:i,onOpenChange:s,children:[e.jsx(q,{content:r.linkGroupTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n.Trigger,{children:e.jsx(d,{type:"button",icon:p,"aria-label":r.linkGroupTrigger,variant:"ghost",color:"primary",size:"sm",active:i,disabled:o})})}),e.jsxs(n.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-kit29.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"),p=require("../../../../../resources/asset/LinkIcon.svg.cjs");require("../../../../overlay/dropdown-menu/index.cjs");const d=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const q=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const x=require("react"),n=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),t=()=>{const{disabled:o,labels:r}=l.useRichTextEditorContext(),[i,s]=x.useState(!1);return e.jsx("div",{className:u.LINK_GROUP_STYLES.root,role:"group","aria-label":r.linkGroup,children:e.jsxs(n,{modal:!1,open:i,onOpenChange:s,children:[e.jsx(q,{content:r.linkGroupTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(n.Trigger,{children:e.jsx(d,{type:"button",icon:p,"aria-label":r.linkGroupTrigger,variant:"ghost",color:"primary",size:"sm",active:i,disabled:o})})}),e.jsxs(n.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.js

@@ -9,7 +9,7 @@ import u from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import d from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit29.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useState as f } from "react";
 import i from "../../../../overlay/dropdown-menu/DropdownMenu.js";

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

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

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

@@ -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-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit29.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as d } from "../../context/RichTextEditor.context.js";
 import l from "../../../../../resources/asset/LinkIcon.svg.js";

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

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

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

@@ -4,7 +4,7 @@ import "../../../../actions/icon-button/styles/IconButton.css.js";
 import "../../../../overlay/dropdown-menu/index.js";
 import l from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit29.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as a } from "../../context/RichTextEditor.context.js";
 import t from "../../../../../resources/asset/UnlinkIcon.svg.js";

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

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

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit57.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 b=require("react"),h=require("../../context/RichTextEditor.context.cjs"),c=require("../../../../../resources/asset/ListIcon.svg.cjs"),a=require("../../../../../resources/asset/ListOrderedIcon.svg.cjs"),m=require("./styles/ListsGroup.css.cjs"),s=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),d=({presentation:p="menu"})=>{const{editor:i,disabled:r,labels:t}=h.useRichTextEditorContext(),[u,L]=b.useState(!1);if(!i)return null;const g=i.isActive("bulletList"),x=i.isActive("orderedList");return e.jsx("div",{className:m.LISTS_GROUP_STYLES.root,role:"group","aria-label":t.listsGroup,children:p==="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:c,"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:a,"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:u,onOpenChange:L,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:c,"aria-label":t.listsTrigger,variant:"ghost",color:"primary",size:"sm",active:u,disabled:r})})}),e.jsxs(s.Content,{"aria-label":t.listOptions,children:[e.jsx(s.Item,{label:t.bulletedList,startIcon:c,active:g,onClick:()=>i.chain().focus().toggleBulletList().run()}),e.jsx(s.Item,{label:t.numberedList,startIcon:a,active:x,onClick:()=>i.chain().focus().toggleOrderedList().run()})]})]})})};d.displayName="RichTextEditor.ListsGroup";module.exports=d;
+"use strict";require('../../../../../ui-kit29.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 b=require("react"),h=require("../../context/RichTextEditor.context.cjs"),c=require("../../../../../resources/asset/ListIcon.svg.cjs"),a=require("../../../../../resources/asset/ListOrderedIcon.svg.cjs"),m=require("./styles/ListsGroup.css.cjs"),s=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),d=({presentation:p="menu"})=>{const{editor:i,disabled:r,labels:t}=h.useRichTextEditorContext(),[u,L]=b.useState(!1);if(!i)return null;const g=i.isActive("bulletList"),x=i.isActive("orderedList");return e.jsx("div",{className:m.LISTS_GROUP_STYLES.root,role:"group","aria-label":t.listsGroup,children:p==="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:c,"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:a,"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:u,onOpenChange:L,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:c,"aria-label":t.listsTrigger,variant:"ghost",color:"primary",size:"sm",active:u,disabled:r})})}),e.jsxs(s.Content,{"aria-label":t.listOptions,children:[e.jsx(s.Item,{label:t.bulletedList,startIcon:c,active:g,onClick:()=>i.chain().focus().toggleBulletList().run()}),e.jsx(s.Item,{label:t.numberedList,startIcon:a,active:x,onClick:()=>i.chain().focus().toggleOrderedList().run()})]})]})})};d.displayName="RichTextEditor.ListsGroup";module.exports=d;
 //# sourceMappingURL=ListsGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.js

@@ -3,7 +3,7 @@ import l 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-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit29.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
 import { useState as b } from "react";

package/dist/components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit134.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_16yuy4e0"};exports.LISTS_GROUP_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit120.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                */var e={root:"_16yuy4e0"};exports.LISTS_GROUP_STYLES=e;
 //# sourceMappingURL=ListsGroup.css.cjs.map

package/dist/components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.js

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

package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit154.css');require('../../../../../ui-kit44.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),R=require("react"),q=require("../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                 */;/* empty css                                                                                       */const h=require("../rich-text-editor-form-field/RichTextEditorFormField.cjs");;/* empty css                                                                                 */const m=require("../../context/RichTextEditor.context.cjs"),l=R.memo(({className:d})=>{const{ariaLabel:n,ariaLabelledBy:s,error:i,helperText:o,label:t,labelId:u,helperId:c,name:a,disabled:x,renderedValue:b,editor:r}=m.useRichTextEditorContext();return r?e.jsxs(e.Fragment,{children:[e.jsx(q,{value:b,className:d,"aria-describedby":i||o?c:void 0,"aria-invalid":i?"true":void 0,"aria-label":n??t,"aria-labelledby":s??(t?u:void 0)}),a&&e.jsx(h,{name:a,value:r.isEmpty?"":JSON.stringify(r.getJSON()),disabled:x,required:!1})]}):null});l.displayName="RichTextEditor.ReadOnlyField";module.exports=l;
+"use strict";require('../../../../../ui-kit153.css');require('../../../../../ui-kit48.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),R=require("react"),q=require("../../../../data-display/rich-text-renderer/RichTextRenderer.cjs");;/* empty css                                                 */;/* empty css                                                                                       */const h=require("../rich-text-editor-form-field/RichTextEditorFormField.cjs");;/* empty css                                                                                 */const m=require("../../context/RichTextEditor.context.cjs"),l=R.memo(({className:d})=>{const{ariaLabel:n,ariaLabelledBy:s,error:i,helperText:o,label:t,labelId:u,helperId:c,name:a,disabled:x,renderedValue:b,editor:r}=m.useRichTextEditorContext();return r?e.jsxs(e.Fragment,{children:[e.jsx(q,{value:b,className:d,"aria-describedby":i||o?c:void 0,"aria-invalid":i?"true":void 0,"aria-label":n??t,"aria-labelledby":s??(t?u:void 0)}),a&&e.jsx(h,{name:a,value:r.isEmpty?"":JSON.stringify(r.getJSON()),disabled:x,required:!1})]}):null});l.displayName="RichTextEditor.ReadOnlyField";module.exports=l;
 //# sourceMappingURL=ReadOnlyField.cjs.map

package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.js

@@ -1,7 +1,7 @@
 import { jsxs as u, Fragment as f, jsx as l } from "react/jsx-runtime";
 import { memo as x } from "react";
 import c from "../../../../data-display/rich-text-renderer/RichTextRenderer.js";
-import '../../../../../ui-kit154.css';import '../../../../../ui-kit44.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit153.css';import '../../../../../ui-kit48.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                                                     */
 import y from "../rich-text-editor-form-field/RichTextEditorFormField.js";
 /* empty css                                                                               */

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit154.css');;/* empty css                                             */var _={root:"rsin5k0"};exports.RICH_TEXT_EDITOR_FORM_FIELD_STYLES=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit153.css');;/* empty css                                             */var _={root:"rsin5k0"};exports.RICH_TEXT_EDITOR_FORM_FIELD_STYLES=_;
 //# sourceMappingURL=RichTextEditorFormField.css.cjs.map

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit154.css';/* empty css                                           */
+import '../../../../../../ui-kit153.css';/* empty css                                           */
 var _ = { root: "rsin5k0" };
 export {
   _ as RICH_TEXT_EDITOR_FORM_FIELD_STYLES

package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit62.css');require('../../../../../../ui-kit52.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                          */;/* empty css                                                                              */var e={root:"lg1gei0 lg1gei9"};exports.RICH_TEXT_EDITOR_LABEL_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit56.css');require('../../../../../../ui-kit40.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                                                          */;/* empty css                                                                              */var e={root:"lg1gei0 lg1gei9"};exports.RICH_TEXT_EDITOR_LABEL_STYLES=e;
 //# sourceMappingURL=RichTextEditorLabel.css.cjs.map

package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit62.css';import '../../../../../../ui-kit52.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit56.css';import '../../../../../../ui-kit40.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                                                        */
 /* empty css                                                                            */
 var t = { root: "lg1gei0 lg1gei9" };

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.cjs

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit93.css');require('../../../../../ui-kit6.css');require('../../../../../ui-kit10.css');require('../../../../../ui-kit12.css');require('../../../../../ui-kit9.css');require('../../../../../ui-kit8.css');require('../../../../../ui-kit14.css');require('../../../../../ui-kit5.css');require('../../../../../ui-kit11.css');require('../../../../../ui-kit13.css');require('../../../../../ui-kit7.css');require('../../../../../ui-kit3.css');require('../../../../../ui-kit4.css');require('../../../../../ui-kit57.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),O=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const f=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const R=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const T=require("../../../../overlay/popover/Popover.cjs");;/* empty css                                                                   */;/* empty css                                                                    */;/* empty css                                                                            */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                       */;/* empty css                                                                        */;/* empty css                                                                          */;/* empty css                                                                           */;/* empty css                                                                         */;/* empty css                                                                          */;/* empty css                                                                          */;/* empty css                                                                                        */const C=require("../../constants/richTextColorPalettes.const.cjs"),S=require("../../context/RichTextEditor.context.cjs"),L=require("../../../../../resources/asset/CheckIcon.svg.cjs"),n=require("./styles/TextColorMenu.css.cjs"),b=require("../../../../../theme/contract.css.cjs"),c=require("react"),x=()=>{const E=c.useRef([]),[_,d]=c.useState(!1),{editor:u,disabled:m,labels:l}=S.useRichTextEditorContext(),h=c.useCallback((e,o)=>{E.current[e*3+o]?.focus()},[]),p=c.useCallback((e,o,s)=>{let t=o,i=s;if(e.key==="ArrowRight")t=Math.min(o+1,C.RICH_TEXT_COLOR_PALETTES.length-1);else if(e.key==="ArrowLeft")t=Math.max(o-1,0);else if(e.key==="ArrowDown")i=Math.min(s+1,2);else if(e.key==="ArrowUp")i=Math.max(s-1,0);else if(e.key==="Home")t=0;else if(e.key==="End")t=C.RICH_TEXT_COLOR_PALETTES.length-1;else return;e.preventDefault(),h(t,i)},[h]);if(!u)return null;const q=u.getAttributes("textStyle").color??b.vars.editorColors.neutral.dark;return r.jsxs(T,{open:_,onOpenChange:d,children:[r.jsx(f,{content:l.textColorTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:r.jsx(T.Trigger,{children:r.jsx(O,{type:"button","aria-label":l.textColorTrigger,variant:"ghost",color:"primary",size:"sm",active:_,disabled:m,onMouseDown:e=>e.preventDefault(),children:r.jsx("span",{className:n.TEXT_COLOR_MENU_STYLES.selectedColor,style:{backgroundColor:q}})})})}),r.jsx(T.Content,{"aria-label":l.textColorPalette,side:"bottom",align:"start",children:r.jsx("div",{className:n.TEXT_COLOR_MENU_STYLES.colorPicker,children:r.jsx("div",{className:n.TEXT_COLOR_MENU_STYLES.paletteGrid,children:C.RICH_TEXT_COLOR_PALETTES.map((e,o)=>r.jsx("div",{className:n.TEXT_COLOR_MENU_STYLES.paletteColumn,role:"group","aria-label":l.textColorGroup(e.name),children:e.colors.map((s,t)=>{const i=q===s;return r.jsx("button",{ref:a=>{E.current[o*3+t]=a},type:"button",className:n.TEXT_COLOR_MENU_STYLES.colorSwatch,style:{backgroundColor:s},"aria-label":l.textColorSwatch(e.name,t),"aria-pressed":i,"data-selected":i||void 0,tabIndex:o===0&&t===0?0:-1,onKeyDown:a=>p(a,o,t),onMouseDown:a=>a.preventDefault(),onClick:()=>{u.chain().focus().setColor(s).run(),d(!1)},children:i&&r.jsx("span",{className:n.TEXT_COLOR_MENU_STYLES.colorCheck,children:r.jsx(R,{icon:L,size:"sm"})})},s)})},e.name))})})})]})};x.displayName="RichTextEditor.TextAppearanceGroup.TextColorMenu";module.exports=x;
+"use strict";require('../../../../../ui-kit29.css');require('../../../../../ui-kit.css');const r=require("react/jsx-runtime"),f=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const R=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */const S=require("../../../../foundation/icon/Icon.cjs");require("../../../../foundation/icon/styles/Icon.css.cjs");const T=require("../../../../overlay/popover/Popover.cjs");require("../../../../overlay/popover/components/content/styles/PopoverContent.css.cjs");const C=require("../../constants/richTextColorPalettes.const.cjs"),L=require("../../context/RichTextEditor.context.cjs"),q=require("../../../../../resources/asset/CheckIcon.svg.cjs"),i=require("./styles/TextColorMenu.css.cjs"),b=require("../../../../../theme/contract.css.cjs"),c=require("react"),m=()=>{const E=c.useRef([]),[_,d]=c.useState(!1),{editor:u,disabled:p,labels:l}=L.useRichTextEditorContext(),h=c.useCallback((e,o)=>{E.current[e*3+o]?.focus()},[]),O=c.useCallback((e,o,s)=>{let t=o,n=s;if(e.key==="ArrowRight")t=Math.min(o+1,C.RICH_TEXT_COLOR_PALETTES.length-1);else if(e.key==="ArrowLeft")t=Math.max(o-1,0);else if(e.key==="ArrowDown")n=Math.min(s+1,2);else if(e.key==="ArrowUp")n=Math.max(s-1,0);else if(e.key==="Home")t=0;else if(e.key==="End")t=C.RICH_TEXT_COLOR_PALETTES.length-1;else return;e.preventDefault(),h(t,n)},[h]);if(!u)return null;const x=u.getAttributes("textStyle").color??b.vars.editorColors.neutral.dark;return r.jsxs(T,{open:_,onOpenChange:d,children:[r.jsx(R,{content:l.textColorTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:r.jsx(T.Trigger,{children:r.jsx(f,{type:"button","aria-label":l.textColorTrigger,variant:"ghost",color:"primary",size:"sm",active:_,disabled:p,onMouseDown:e=>e.preventDefault(),children:r.jsx("span",{className:i.TEXT_COLOR_MENU_STYLES.selectedColor,style:{backgroundColor:x}})})})}),r.jsx(T.Content,{"aria-label":l.textColorPalette,side:"bottom",align:"start",children:r.jsx("div",{className:i.TEXT_COLOR_MENU_STYLES.colorPicker,children:r.jsx("div",{className:i.TEXT_COLOR_MENU_STYLES.paletteGrid,children:C.RICH_TEXT_COLOR_PALETTES.map((e,o)=>r.jsx("div",{className:i.TEXT_COLOR_MENU_STYLES.paletteColumn,role:"group","aria-label":l.textColorGroup(e.name),children:e.colors.map((s,t)=>{const n=x===s;return r.jsx("button",{ref:a=>{E.current[o*3+t]=a},type:"button",className:i.TEXT_COLOR_MENU_STYLES.colorSwatch,style:{backgroundColor:s},"aria-label":l.textColorSwatch(e.name,t),"aria-pressed":n,"data-selected":n||void 0,tabIndex:o===0&&t===0?0:-1,onKeyDown:a=>O(a,o,t),onMouseDown:a=>a.preventDefault(),onClick:()=>{u.chain().focus().setColor(s).run(),d(!1)},children:n&&r.jsx("span",{className:i.TEXT_COLOR_MENU_STYLES.colorCheck,children:r.jsx(S,{icon:q,size:"sm"})})},s)})},e.name))})})})]})};m.displayName="RichTextEditor.TextAppearanceGroup.TextColorMenu";module.exports=m;
 //# sourceMappingURL=TextColorMenu.cjs.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextColorMenu.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}
+{"version":3,"file":"TextColorMenu.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.js

@@ -1,26 +1,14 @@
-import { jsxs as b, jsx as r } from "react/jsx-runtime";
+import { jsxs as b, jsx as e } from "react/jsx-runtime";
 import k from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import x from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit93.css';import '../../../../../ui-kit6.css';import '../../../../../ui-kit10.css';import '../../../../../ui-kit12.css';import '../../../../../ui-kit9.css';import '../../../../../ui-kit8.css';import '../../../../../ui-kit14.css';import '../../../../../ui-kit5.css';import '../../../../../ui-kit11.css';import '../../../../../ui-kit13.css';import '../../../../../ui-kit7.css';import '../../../../../ui-kit3.css';import '../../../../../ui-kit4.css';import '../../../../../ui-kit57.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit29.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import w from "../../../../foundation/icon/Icon.js";
 import "../../../../foundation/icon/styles/Icon.css.js";
-import c from "../../../../overlay/popover/Popover.js";
-/* empty css                                                                 */
-/* empty css                                                                  */
-/* empty css                                                                          */
-/* empty css                                                                       */
-/* empty css                                                                        */
-/* empty css                                                                     */
-/* empty css                                                                      */
-/* empty css                                                                        */
-/* empty css                                                                         */
-/* empty css                                                                       */
-/* empty css                                                                        */
-/* empty css                                                                        */
-/* empty css                                                                                      */
+import m from "../../../../overlay/popover/Popover.js";
+import "../../../../overlay/popover/components/content/styles/PopoverContent.css.js";
 import { RICH_TEXT_COLOR_PALETTES as p } from "../../constants/richTextColorPalettes.const.js";
 import { useRichTextEditorContext as D } from "../../context/RichTextEditor.context.js";
 import E from "../../../../../resources/asset/CheckIcon.svg.js";
@@ -28,49 +16,49 @@ import { TEXT_COLOR_MENU_STYLES as a } from "./styles/TextColorMenu.css.js";
 import { vars as M } from "../../../../../theme/contract.css.js";
 import { useRef as S, useState as N, useCallback as g } from "react";
 const R = () => {
-  const u = S([]), [f, d] = N(!1), { editor: m, disabled: y, labels: n } = D(), h = g((o, t) => {
+  const u = S([]), [f, d] = N(!1), { editor: c, disabled: y, labels: n } = D(), h = g((o, t) => {
     u.current[o * 3 + t]?.focus();
   }, []), T = g(
-    (o, t, i) => {
-      let e = t, l = i;
+    (o, t, l) => {
+      let r = t, i = l;
       if (o.key === "ArrowRight")
-        e = Math.min(
+        r = Math.min(
           t + 1,
           p.length - 1
         );
       else if (o.key === "ArrowLeft")
-        e = Math.max(t - 1, 0);
+        r = Math.max(t - 1, 0);
       else if (o.key === "ArrowDown")
-        l = Math.min(i + 1, 2);
+        i = Math.min(l + 1, 2);
       else if (o.key === "ArrowUp")
-        l = Math.max(i - 1, 0);
+        i = Math.max(l - 1, 0);
       else if (o.key === "Home")
-        e = 0;
+        r = 0;
       else if (o.key === "End")
-        e = p.length - 1;
+        r = p.length - 1;
       else
         return;
-      o.preventDefault(), h(e, l);
+      o.preventDefault(), h(r, i);
     },
     [h]
   );
-  if (!m)
+  if (!c)
     return null;
-  const C = m.getAttributes("textStyle").color ?? M.editorColors.neutral.dark;
+  const C = c.getAttributes("textStyle").color ?? M.editorColors.neutral.dark;
   return /* @__PURE__ */ b(
-    c,
+    m,
     {
       open: f,
       onOpenChange: d,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ e(
           x,
           {
             content: n.textColorTrigger,
             delayDuration: 700,
             openOnFocus: !1,
             position: "top",
-            children: /* @__PURE__ */ r(c.Trigger, { children: /* @__PURE__ */ r(
+            children: /* @__PURE__ */ e(m.Trigger, { children: /* @__PURE__ */ e(
               k,
               {
                 type: "button",
@@ -81,7 +69,7 @@ const R = () => {
                 active: f,
                 disabled: y,
                 onMouseDown: (o) => o.preventDefault(),
-                children: /* @__PURE__ */ r(
+                children: /* @__PURE__ */ e(
                   "span",
                   {
                     className: a.selectedColor,
@@ -92,39 +80,39 @@ const R = () => {
             ) })
           }
         ),
-        /* @__PURE__ */ r(
-          c.Content,
+        /* @__PURE__ */ e(
+          m.Content,
           {
             "aria-label": n.textColorPalette,
             side: "bottom",
             align: "start",
-            children: /* @__PURE__ */ r("div", { className: a.colorPicker, children: /* @__PURE__ */ r("div", { className: a.paletteGrid, children: p.map((o, t) => /* @__PURE__ */ r(
+            children: /* @__PURE__ */ e("div", { className: a.colorPicker, children: /* @__PURE__ */ e("div", { className: a.paletteGrid, children: p.map((o, t) => /* @__PURE__ */ e(
               "div",
               {
                 className: a.paletteColumn,
                 role: "group",
                 "aria-label": n.textColorGroup(o.name),
-                children: o.colors.map((i, e) => {
-                  const l = C === i;
-                  return /* @__PURE__ */ r(
+                children: o.colors.map((l, r) => {
+                  const i = C === l;
+                  return /* @__PURE__ */ e(
                     "button",
                     {
                       ref: (s) => {
-                        u.current[t * 3 + e] = s;
+                        u.current[t * 3 + r] = s;
                       },
                       type: "button",
                       className: a.colorSwatch,
-                      style: { backgroundColor: i },
-                      "aria-label": n.textColorSwatch(o.name, e),
-                      "aria-pressed": l,
-                      "data-selected": l || void 0,
-                      tabIndex: t === 0 && e === 0 ? 0 : -1,
-                      onKeyDown: (s) => T(s, t, e),
+                      style: { backgroundColor: l },
+                      "aria-label": n.textColorSwatch(o.name, r),
+                      "aria-pressed": i,
+                      "data-selected": i || void 0,
+                      tabIndex: t === 0 && r === 0 ? 0 : -1,
+                      onKeyDown: (s) => T(s, t, r),
                       onMouseDown: (s) => s.preventDefault(),
                       onClick: () => {
-                        m.chain().focus().setColor(i).run(), d(!1);
+                        c.chain().focus().setColor(l).run(), d(!1);
                       },
-                      children: l && /* @__PURE__ */ r("span", { className: a.colorCheck, children: /* @__PURE__ */ r(
+                      children: i && /* @__PURE__ */ e("span", { className: a.colorCheck, children: /* @__PURE__ */ e(
                         w,
                         {
                           icon: E,
@@ -132,7 +120,7 @@ const R = () => {
                         }
                       ) })
                     },
-                    i
+                    l
                   );
                 })
               },

package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextColorMenu.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA,MAAMA,IAAgB,MAAM;AACxB,QAAMC,IAAkBC,EAAwC,EAAE,GAC5D,CAACC,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAC/BC,IAAaC,EAAY,CAACC,GAAsBC,MAAuB;AACzE,IAAAZ,EAAgB,QAAQW,IAAe,IAAIC,CAAU,GAAG,MAAA;AAAA,EAC5D,GAAG,CAAA,CAAE,GACCC,IAAqBH;AAAA,IACvB,CACII,GACAH,GACAC,MACC;AACD,UAAIG,IAAmBJ,GACnBK,IAAiBJ;AACrB,UAAIE,EAAM,QAAQ;AACd,QAAAC,IAAmB,KAAK;AAAA,UACpBJ,IAAe;AAAA,UACfM,EAAyB,SAAS;AAAA,QAAA;AAAA,eAE/BH,EAAM,QAAQ;AACrB,QAAAC,IAAmB,KAAK,IAAIJ,IAAe,GAAG,CAAC;AAAA,eACxCG,EAAM,QAAQ;AACrB,QAAAE,IAAiB,KAAK,IAAIJ,IAAa,GAAG,CAAC;AAAA,eACpCE,EAAM,QAAQ;AACrB,QAAAE,IAAiB,KAAK,IAAIJ,IAAa,GAAG,CAAC;AAAA,eACpCE,EAAM,QAAQ;AACrB,QAAAC,IAAmB;AAAA,eACZD,EAAM,QAAQ;AACrB,QAAAC,IAAmBE,EAAyB,SAAS;AAAA;AAErD;AAEJ,MAAAH,EAAM,eAAA,GACNL,EAAWM,GAAkBC,CAAc;AAAA,IAC/C;AAAA,IACA,CAACP,CAAU;AAAA,EAAA;AAGf,MAAI,CAACJ;AACD,WAAO;AAGX,QAAMa,IACNb,EAAO,cAAc,WAAW,EAAE,SAASc,EAAK,aAAa,QAAQ;AACrE,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAnB;AAAA,MACA,cAAcC;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAmB;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAShB,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAe,EAACD,EAAQ,SAAR,EACG,UAAA,gBAAAC;AAAA,cAACE;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,cAAYjB,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,QAAQL;AAAA,gBACR,UAAAI;AAAA,gBACA,aAAa,CAACQ,MAAUA,EAAM,eAAA;AAAA,gBAE9B,UAAA,gBAAAQ;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACG,WAAWG,EAAuB;AAAA,oBAClC,OAAO,EAAE,iBAAiBP,EAAA;AAAA,kBAAc;AAAA,gBAAA;AAAA,cAC5C;AAAA,YAAA,EACJ,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,QAEJ,gBAAAI;AAAA,UAACD,EAAQ;AAAA,UAAR;AAAA,YACG,cAAYd,EAAO;AAAA,YACnB,MAAM;AAAA,YACN,OAAO;AAAA,YAEP,UAAA,gBAAAe,EAAC,OAAA,EAAI,WAAWG,EAAuB,aACnC,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAuB,aAClC,UAAAR,EAAyB,IAAI,CAACS,GAASf,MACpC,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBAEG,WAAWG,EAAuB;AAAA,gBAClC,MAAM;AAAA,gBACN,cAAYlB,EAAO,eAAemB,EAAQ,IAAI;AAAA,gBAE7C,UAAAA,EAAQ,OAAO,IAAI,CAACC,GAAOf,MAAe;AACvC,wBAAMgB,IAAaV,MAAkBS;AACrC,yBACI,gBAAAL;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBAEG,KAAK,CAACO,MAAY;AACd,wBAAA7B,EAAgB,QAAQW,IAAe,IAAIC,CAAU,IAC3EiB;AAAA,sBACkB;AAAA,sBACA,MAAM;AAAA,sBACN,WAAWJ,EAAuB;AAAA,sBAClC,OAAO,EAAE,iBAAiBE,EAAA;AAAA,sBAC1B,cAAYpB,EAAO,gBAAgBmB,EAAQ,MAAMd,CAAU;AAAA,sBAC3D,gBAAcgB;AAAA,sBACd,iBAAeA,KAAc;AAAA,sBAC7B,UAAUjB,MAAiB,KAAKC,MAAe,IAAI,IAAI;AAAA,sBACvD,WAAW,CAACE,MACRD,EAAmBC,GAAOH,GAAcC,CAAU;AAAA,sBAEtD,aAAa,CAACE,MAAUA,EAAM,eAAA;AAAA,sBAC9B,SAAS,MAAM;AACX,wBAAAT,EAAO,QAAQ,MAAA,EAAQ,SAASsB,CAAK,EAAE,IAAA,GACvCxB,EAAQ,EAAK;AAAA,sBACjB;AAAA,sBAEC,UAAAyB,KACG,gBAAAN,EAAC,QAAA,EAAK,WAAWG,EAAuB,YACpC,UAAA,gBAAAH;AAAA,wBAACQ;AAAA,wBAAA;AAAA,0BACG,MAAMC;AAAAA,0BACN,MAAM;AAAA,wBAAA;AAAA,sBAAA,EACV,CACJ;AAAA,oBAAA;AAAA,oBA3BCJ;AAAA,kBAAA;AAAA,gBA+BjB,CAAC;AAAA,cAAA;AAAA,cAxCID,EAAQ;AAAA,YAAA,CA0CpB,GACL,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ;AAEA3B,EAAc,cAAc;"}
+{"version":3,"file":"TextColorMenu.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { Popover } from '@components/overlay/popover'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CheckIcon from '@resources/asset/CheckIcon.svg?react'\r\nimport { TEXT_COLOR_MENU_STYLES } from '@components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { useCallback, useRef, useState, type KeyboardEvent } from 'react'\r\n\r\n/**\r\n * Color picker toolbar control for `TextAppearanceGroup`. Opens a\r\n * `Popover` with a palette grid. Uses keyboard arrow navigation within\r\n * the color swatches and applies the selected color as a TipTap\r\n * `textStyle` mark.\r\n */\r\nconst TextColorMenu = () => {\r\n    const colorButtonRefs = useRef<Array<HTMLButtonElement | null>>([])\r\n    const [open, setOpen] = useState(false)\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const focusColor = useCallback((paletteIndex: number, colorIndex: number) => {\r\n        colorButtonRefs.current[paletteIndex * 3 + colorIndex]?.focus()\r\n    }, [])\r\n    const handleColorKeyDown = useCallback(\r\n        (\r\n            event: KeyboardEvent<HTMLButtonElement>,\r\n            paletteIndex: number,\r\n            colorIndex: number,\r\n        ) => {\r\n            let nextPaletteIndex = paletteIndex\r\n            let nextColorIndex = colorIndex\r\n            if (event.key === 'ArrowRight') {\r\n                nextPaletteIndex = Math.min(\r\n                    paletteIndex + 1,\r\n                    RICH_TEXT_COLOR_PALETTES.length - 1,\r\n                )\r\n            } else if (event.key === 'ArrowLeft') {\r\n                nextPaletteIndex = Math.max(paletteIndex - 1, 0)\r\n            } else if (event.key === 'ArrowDown') {\r\n                nextColorIndex = Math.min(colorIndex + 1, 2)\r\n            } else if (event.key === 'ArrowUp') {\r\n                nextColorIndex = Math.max(colorIndex - 1, 0)\r\n            } else if (event.key === 'Home') {\r\n                nextPaletteIndex = 0\r\n            } else if (event.key === 'End') {\r\n                nextPaletteIndex = RICH_TEXT_COLOR_PALETTES.length - 1\r\n            } else {\r\n                return\r\n            }\r\n            event.preventDefault()\r\n            focusColor(nextPaletteIndex, nextColorIndex)\r\n        },\r\n        [focusColor],\r\n    )\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const selectedColor =\r\n    editor.getAttributes('textStyle').color ?? vars.editorColors.neutral.dark\r\n    return (\r\n        <Popover\r\n            open={open}\r\n            onOpenChange={setOpen}\r\n        >\r\n            <Tooltip\r\n                content={labels.textColorTrigger}\r\n                delayDuration={700}\r\n                openOnFocus={false}\r\n                position={'top'}\r\n            >\r\n                <Popover.Trigger>\r\n                    <IconButton\r\n                        type={'button'}\r\n                        aria-label={labels.textColorTrigger}\r\n                        variant={'ghost'}\r\n                        color={'primary'}\r\n                        size={'sm'}\r\n                        active={open}\r\n                        disabled={disabled}\r\n                        onMouseDown={(event) => event.preventDefault()}\r\n                    >\r\n                        <span\r\n                            className={TEXT_COLOR_MENU_STYLES.selectedColor}\r\n                            style={{ backgroundColor: selectedColor }}\r\n                        />\r\n                    </IconButton>\r\n                </Popover.Trigger>\r\n            </Tooltip>\r\n            <Popover.Content\r\n                aria-label={labels.textColorPalette}\r\n                side={'bottom'}\r\n                align={'start'}\r\n            >\r\n                <div className={TEXT_COLOR_MENU_STYLES.colorPicker}>\r\n                    <div className={TEXT_COLOR_MENU_STYLES.paletteGrid}>\r\n                        {RICH_TEXT_COLOR_PALETTES.map((palette, paletteIndex) => (\r\n                            <div\r\n                                key={palette.name}\r\n                                className={TEXT_COLOR_MENU_STYLES.paletteColumn}\r\n                                role={'group'}\r\n                                aria-label={labels.textColorGroup(palette.name)}\r\n                            >\r\n                                {palette.colors.map((color, colorIndex) => {\r\n                                    const isSelected = selectedColor === color\r\n                                    return (\r\n                                        <button\r\n                                            key={color}\r\n                                            ref={(element) => {\r\n                                                colorButtonRefs.current[paletteIndex * 3 + colorIndex] =\r\n                          element\r\n                                            }}\r\n                                            type={'button'}\r\n                                            className={TEXT_COLOR_MENU_STYLES.colorSwatch}\r\n                                            style={{ backgroundColor: color }}\r\n                                            aria-label={labels.textColorSwatch(palette.name, colorIndex)}\r\n                                            aria-pressed={isSelected}\r\n                                            data-selected={isSelected || undefined}\r\n                                            tabIndex={paletteIndex === 0 && colorIndex === 0 ? 0 : -1}\r\n                                            onKeyDown={(event) =>\r\n                                                handleColorKeyDown(event, paletteIndex, colorIndex)\r\n                                            }\r\n                                            onMouseDown={(event) => event.preventDefault()}\r\n                                            onClick={() => {\r\n                                                editor.chain().focus().setColor(color).run()\r\n                                                setOpen(false)\r\n                                            }}\r\n                                        >\r\n                                            {isSelected && (\r\n                                                <span className={TEXT_COLOR_MENU_STYLES.colorCheck}>\r\n                                                    <Icon\r\n                                                        icon={CheckIcon}\r\n                                                        size={'sm'}\r\n                                                    />\r\n                                                </span>\r\n                                            )}\r\n                                        </button>\r\n                                    )\r\n                                })}\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n            </Popover.Content>\r\n        </Popover>\r\n    )\r\n}\r\n\r\nTextColorMenu.displayName = 'RichTextEditor.TextAppearanceGroup.TextColorMenu'\r\n\r\nexport default TextColorMenu\r\n"],"names":["TextColorMenu","colorButtonRefs","useRef","open","setOpen","useState","editor","disabled","labels","useRichTextEditorContext","focusColor","useCallback","paletteIndex","colorIndex","handleColorKeyDown","event","nextPaletteIndex","nextColorIndex","RICH_TEXT_COLOR_PALETTES","selectedColor","vars","jsxs","Popover","jsx","Tooltip","IconButton","TEXT_COLOR_MENU_STYLES","palette","color","isSelected","element","Icon","CheckIcon"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.cjs

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

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.js

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

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit146.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */var e={colorPicker:"pv8jx80",paletteGrid:"pv8jx81",paletteColumn:"pv8jx82",colorSwatch:"pv8jx83",colorCheck:"pv8jx84",selectedColor:"pv8jx85"};exports.TEXT_COLOR_MENU_STYLES=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit147.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                   */var e={colorPicker:"pv8jx80",paletteGrid:"pv8jx81",paletteColumn:"pv8jx82",colorSwatch:"pv8jx83",colorCheck:"pv8jx84",selectedColor:"pv8jx85"};exports.TEXT_COLOR_MENU_STYLES=e;
 //# sourceMappingURL=TextColorMenu.css.cjs.map

package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.js

@@ -1,4 +1,4 @@
-import '../../../../../../ui-kit146.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
+import '../../../../../../ui-kit147.css';import '../../../../../../ui-kit.css';/* empty css                                                  */
 /* empty css                                 */
 var e = { colorPicker: "pv8jx80", paletteGrid: "pv8jx81", paletteColumn: "pv8jx82", colorSwatch: "pv8jx83", colorCheck: "pv8jx84", selectedColor: "pv8jx85" };
 export {