npm - @choco-vanille/ui - Versions diffs - 1.5.5 → 1.7.0 - Mend

@choco-vanille/ui 1.5.5 → 1.7.0

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

Files changed (960) hide show

package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.cjs CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BlockFormatGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { BLOCK_FORMAT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.ts'\r\nimport type { BlockFormatGroupProps } from '@components/forms/rich-text-editor/components/block-format-group/types/BlockFormatGroup.props.ts'\r\n\r\n/*\r\n Toolbar group for block-level format commands: paragraph, headings H1–H3,\r\n * blockquote, code block, and horizontal rule. Use `presentation=\"inline\"`\r\n * for individual icon buttons or `\"menu\"` (default) for a dropdown trigger.\r\n */\r\nconst BlockFormatGroup = ({ presentation = 'menu' }: BlockFormatGroupProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n const [blockFormatOpen, setBlockFormatOpen] = useState(false)\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const isParagraph = editor.isActive('paragraph')\r\n const isHeading1 = editor.isActive('heading', { level: 1 })\r\n const isHeading2 = editor.isActive('heading', { level: 2 })\r\n const isHeading3 = editor.isActive('heading', { level: 3 })\r\n const isBlockquote = editor.isActive('blockquote')\r\n const isCodeBlock = editor.isActive('codeBlock')\r\n\r\n const toggleCurrentHeading = (level: 1 \| 2) => {\r\n const { from } = editor.state.selection\r\n\r\n editor\r\n .chain()\r\n .focus()\r\n .setTextSelection(from)\r\n .toggleHeading({ level })\r\n .run()\r\n }\r\n\r\n return (\r\n <div\r\n className={BLOCK_FORMAT_GROUP_STYLES.root}\r\n role={'group'}\r\n aria-label={labels.blockFormatGroup}\r\n >\r\n {presentation === 'inline' ? (\r\n <>\r\n <Tooltip\r\n content={labels.paragraph}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:pilcrow'}\r\n aria-label={labels.paragraph}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().setParagraph().run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.heading1}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:heading-1'}\r\n aria-label={labels.heading1}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => toggleCurrentHeading(1)}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.heading2}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:heading-2'}\r\n aria-label={labels.heading2}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 2 }).run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.heading3}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:heading-3'}\r\n aria-label={labels.heading3}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 3 }).run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.blockQuote}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:quote'}\r\n aria-label={labels.blockQuote}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().toggleBlockquote().run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.codeBlock}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:square-code'}\r\n aria-label={labels.codeBlock}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().toggleCodeBlock().run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.insertHorizontalRule}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:minus'}\r\n aria-label={labels.insertHorizontalRule}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().setHorizontalRule().run()}\r\n />\r\n </Tooltip>\r\n </>\r\n ) : (\r\n <DropdownMenu\r\n modal={false}\r\n open={blockFormatOpen}\r\n onOpenChange={setBlockFormatOpen}\r\n >\r\n <Tooltip\r\n content={labels.blockFormatTrigger}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <DropdownMenu.Trigger>\r\n <IconButton\r\n type={'button'}\r\n icon={'lucide:pilcrow'}\r\n aria-label={labels.blockFormatTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={blockFormatOpen}\r\n disabled={disabled}\r\n />\r\n </DropdownMenu.Trigger>\r\n </Tooltip>\r\n <DropdownMenu.Content aria-label={labels.blockFormatOptions}>\r\n <DropdownMenu.Item\r\n label={labels.paragraph}\r\n startIcon={'lucide:pilcrow'}\r\n active={isParagraph}\r\n onClick={() => editor.chain().focus().setParagraph().run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.heading1}\r\n startIcon={'lucide:heading-1'}\r\n active={isHeading1}\r\n onClick={() => toggleCurrentHeading(1)}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.heading2}\r\n startIcon={'lucide:heading-2'}\r\n active={isHeading2}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 2 }).run()\r\n }\r\n />\r\n <DropdownMenu.Item\r\n label={labels.heading3}\r\n startIcon={'lucide:heading-3'}\r\n active={isHeading3}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 3 }).run()\r\n }\r\n />\r\n <DropdownMenu.Separator />\r\n <DropdownMenu.Item\r\n label={labels.blockQuote}\r\n startIcon={'lucide:quote'}\r\n active={isBlockquote}\r\n onClick={() => editor.chain().focus().toggleBlockquote().run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.codeBlock}\r\n startIcon={'lucide:square-code'}\r\n active={isCodeBlock}\r\n onClick={() => editor.chain().focus().toggleCodeBlock().run()}\r\n />\r\n <DropdownMenu.Separator />\r\n <DropdownMenu.Item\r\n label={labels.insertHorizontalRule}\r\n startIcon={'lucide:minus'}\r\n onClick={() => editor.chain().focus().setHorizontalRule().run()}\r\n />\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nBlockFormatGroup.displayName = 'RichTextEditor.BlockFormatGroup'\r\n\r\nexport default BlockFormatGroup\r\n"],"names":["BlockFormatGroup","presentation","editor","disabled","labels","useRichTextEditorContext","blockFormatOpen","setBlockFormatOpen","useState","isParagraph","isHeading1","isHeading2","isHeading3","isBlockquote","isCodeBlock","toggleCurrentHeading","level","from","jsx","BLOCK_FORMAT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","DropdownMenu"],"mappings":"usBAcMA,EAAmB,CAAC,CAAE,aAAAC,EAAe,UAAoC,CAC3E,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAC/B,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAK,EAE5D,GAAI,CAACN,EACD,OAAO,KAGX,MAAMO,EAAcP,EAAO,SAAS,WAAW,EACzCQ,EAAaR,EAAO,SAAS,UAAW,CAAE,MAAO,EAAG,EACpDS,EAAaT,EAAO,SAAS,UAAW,CAAE,MAAO,EAAG,EACpDU,EAAaV,EAAO,SAAS,UAAW,CAAE,MAAO,EAAG,EACpDW,EAAeX,EAAO,SAAS,YAAY,EAC3CY,EAAcZ,EAAO,SAAS,WAAW,EAEzCa,EAAwBC,GAAiB,CAC3C,KAAM,CAAE,KAAAC,CAAA,EAASf,EAAO,MAAM,UAE9BA,EACK,MAAA,EACA,MAAA,EACA,iBAAiBe,CAAI,EACrB,cAAc,CAAE,MAAAD,CAAA,CAAO,EACvB,IAAA,CACT,EAEA,OACIE,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,0BAA0B,KACrC,KAAM,QACN,aAAYf,EAAO,iBAElB,SAAAH,IAAiB,SACdmB,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAH,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,UAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,iBACN,aAAYnB,EAAO,UACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IAAMD,EAAO,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,CAAA,CAC7D,CAAA,EAEJgB,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,SAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,mBACN,aAAYnB,EAAO,SACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IAAMY,EAAqB,CAAC,CAAA,CAAA,CACzC,CAAA,EAEJG,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,SAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,mBACN,aAAYnB,EAAO,SACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IACLD,EAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,CAAE,MAAO,CAAA,CAAG,EAAE,IAAA,CAAI,CAAA,CAE/D,CAAA,EAEJgB,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,SAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,mBACN,aAAYnB,EAAO,SACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IACLD,EAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,CAAE,MAAO,CAAA,CAAG,EAAE,IAAA,CAAI,CAAA,CAE/D,CAAA,EAEJgB,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,WAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,eACN,aAAYnB,EAAO,WACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IAAMD,EAAO,MAAA,EAAQ,MAAA,EAAQ,iBAAA,EAAmB,IAAA,CAAI,CAAA,CACjE,CAAA,EAEJgB,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,UAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,qBACN,aAAYnB,EAAO,UACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IAAMD,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA,CAAI,CAAA,CAChE,CAAA,EAEJgB,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,qBAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,eACN,aAAYnB,EAAO,qBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,QAAS,IAAMD,EAAO,MAAA,EAAQ,MAAA,EAAQ,kBAAA,EAAoB,IAAA,CAAI,CAAA,CAClE,CAAA,CACJ,CAAA,CACJ,EAEAkB,EAAAA,KAACI,EAAA,CACG,MAAO,GACP,KAAMlB,EACN,aAAcC,EAEd,SAAA,CAAAW,EAAAA,IAACI,EAAA,CACG,QAASlB,EAAO,mBAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAc,EAAAA,IAACM,EAAa,QAAb,CACG,SAAAN,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,iBACN,aAAYnB,EAAO,mBACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,OAAQE,EACR,SAAAH,CAAA,CAAA,CACJ,CACJ,CAAA,CAAA,SAEHqB,EAAa,QAAb,CAAqB,aAAYpB,EAAO,mBACrC,SAAA,CAAAc,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,UACd,UAAW,iBACX,OAAQK,EACR,QAAS,IAAMP,EAAO,MAAA,EAAQ,MAAA,EAAQ,aAAA,EAAe,IAAA,CAAI,CAAA,EAE7DgB,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,SACd,UAAW,mBACX,OAAQM,EACR,QAAS,IAAMK,EAAqB,CAAC,CAAA,CAAA,EAEzCG,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,SACd,UAAW,mBACX,OAAQO,EACR,QAAS,IACLT,EAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,CAAE,MAAO,CAAA,CAAG,EAAE,IAAA,CAAI,CAAA,EAG/DgB,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,SACd,UAAW,mBACX,OAAQQ,EACR,QAAS,IACLV,EAAO,MAAA,EAAQ,MAAA,EAAQ,cAAc,CAAE,MAAO,CAAA,CAAG,EAAE,IAAA,CAAI,CAAA,EAG/DgB,MAACM,EAAa,UAAb,EAAuB,EACxBN,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,WACd,UAAW,eACX,OAAQS,EACR,QAAS,IAAMX,EAAO,MAAA,EAAQ,MAAA,EAAQ,iBAAA,EAAmB,IAAA,CAAI,CAAA,EAEjEgB,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,UACd,UAAW,qBACX,OAAQU,EACR,QAAS,IAAMZ,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAA,EAAkB,IAAA,CAAI,CAAA,EAEhEgB,MAACM,EAAa,UAAb,EAAuB,EACxBN,EAAAA,IAACM,EAAa,KAAb,CACG,MAAOpB,EAAO,qBACd,UAAW,eACX,QAAS,IAAMF,EAAO,MAAA,EAAQ,MAAA,EAAQ,kBAAA,EAAoB,IAAA,CAAI,CAAA,CAClE,CAAA,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAIhB,EAEAF,EAAiB,YAAc"}
1	+ {"version":3,"file":"BlockFormatGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { useState } from 'react'\r\n\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport CodeIcon from '@resources/asset/CodeIcon.svg?react'\r\nimport MinusIcon from '@resources/asset/MinusIcon.svg?react'\r\nimport PilcrowIcon from '@resources/asset/PilcrowIcon.svg?react'\r\nimport QuoteIcon from '@resources/asset/QuoteIcon.svg?react'\r\nimport { BLOCK_FORMAT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.ts'\r\nimport type { BlockFormatGroupProps } from '@components/forms/rich-text-editor/components/block-format-group/types/BlockFormatGroup.props.ts'\r\n\r\n/*\r\n Toolbar group for block-level format commands: paragraph, headings H1–H3,\r\n * blockquote, code block, and horizontal rule. Use `presentation=\"inline\"`\r\n * for individual icon buttons or `\"menu\"` (default) for a dropdown trigger.\r\n */\r\nconst BlockFormatGroup = ({ presentation = 'menu' }: BlockFormatGroupProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n const [blockFormatOpen, setBlockFormatOpen] = useState(false)\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const isParagraph = editor.isActive('paragraph')\r\n const isHeading1 = editor.isActive('heading', { level: 1 })\r\n const isHeading2 = editor.isActive('heading', { level: 2 })\r\n const isHeading3 = editor.isActive('heading', { level: 3 })\r\n const isBlockquote = editor.isActive('blockquote')\r\n const isCodeBlock = editor.isActive('codeBlock')\r\n\r\n const toggleCurrentHeading = (level: 1 \| 2) => {\r\n const { from } = editor.state.selection\r\n\r\n editor\r\n .chain()\r\n .focus()\r\n .setTextSelection(from)\r\n .toggleHeading({ level })\r\n .run()\r\n }\r\n\r\n return (\r\n <div\r\n className={BLOCK_FORMAT_GROUP_STYLES.root}\r\n role={'group'}\r\n aria-label={labels.blockFormatGroup}\r\n >\r\n {presentation === 'inline' ? (\r\n <>\r\n <Tooltip\r\n content={labels.paragraph}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={PilcrowIcon}\r\n aria-label={labels.paragraph}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().setParagraph().run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.heading1}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={PilcrowIcon}\r\n aria-label={labels.heading1}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => toggleCurrentHeading(1)}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.heading2}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={PilcrowIcon}\r\n aria-label={labels.heading2}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 2 }).run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.heading3}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={PilcrowIcon}\r\n aria-label={labels.heading3}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 3 }).run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.blockQuote}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={QuoteIcon}\r\n aria-label={labels.blockQuote}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().toggleBlockquote().run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.codeBlock}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={CodeIcon}\r\n aria-label={labels.codeBlock}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().toggleCodeBlock().run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.insertHorizontalRule}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <IconButton\r\n type={'button'}\r\n icon={MinusIcon}\r\n aria-label={labels.insertHorizontalRule}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onClick={() => editor.chain().focus().setHorizontalRule().run()}\r\n />\r\n </Tooltip>\r\n </>\r\n ) : (\r\n <DropdownMenu\r\n modal={false}\r\n open={blockFormatOpen}\r\n onOpenChange={setBlockFormatOpen}\r\n >\r\n <Tooltip\r\n content={labels.blockFormatTrigger}\r\n delayDuration={700}\r\n openOnFocus={false}\r\n position={'top'}\r\n >\r\n <DropdownMenu.Trigger>\r\n <IconButton\r\n type={'button'}\r\n icon={PilcrowIcon}\r\n aria-label={labels.blockFormatTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={blockFormatOpen}\r\n disabled={disabled}\r\n />\r\n </DropdownMenu.Trigger>\r\n </Tooltip>\r\n <DropdownMenu.Content aria-label={labels.blockFormatOptions}>\r\n <DropdownMenu.Item\r\n label={labels.paragraph}\r\n startIcon={PilcrowIcon}\r\n active={isParagraph}\r\n onClick={() => editor.chain().focus().setParagraph().run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.heading1}\r\n startIcon={PilcrowIcon}\r\n active={isHeading1}\r\n onClick={() => toggleCurrentHeading(1)}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.heading2}\r\n startIcon={PilcrowIcon}\r\n active={isHeading2}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 2 }).run()\r\n }\r\n />\r\n <DropdownMenu.Item\r\n label={labels.heading3}\r\n startIcon={PilcrowIcon}\r\n active={isHeading3}\r\n onClick={() =>\r\n editor.chain().focus().toggleHeading({ level: 3 }).run()\r\n }\r\n />\r\n <DropdownMenu.Separator />\r\n <DropdownMenu.Item\r\n label={labels.blockQuote}\r\n startIcon={QuoteIcon}\r\n active={isBlockquote}\r\n onClick={() => editor.chain().focus().toggleBlockquote().run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.codeBlock}\r\n startIcon={CodeIcon}\r\n active={isCodeBlock}\r\n onClick={() => editor.chain().focus().toggleCodeBlock().run()}\r\n />\r\n <DropdownMenu.Separator />\r\n <DropdownMenu.Item\r\n label={labels.insertHorizontalRule}\r\n startIcon={MinusIcon}\r\n onClick={() => editor.chain().focus().setHorizontalRule().run()}\r\n />\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nBlockFormatGroup.displayName = 'RichTextEditor.BlockFormatGroup'\r\n\r\nexport default BlockFormatGroup\r\n"],"names":["BlockFormatGroup","presentation","editor","disabled","labels","useRichTextEditorContext","blockFormatOpen","setBlockFormatOpen","useState","isParagraph","isHeading1","isHeading2","isHeading3","isBlockquote","isCodeBlock","toggleCurrentHeading","level","from","jsx","BLOCK_FORMAT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","PilcrowIcon","QuoteIcon","CodeIcon","MinusIcon","DropdownMenu"],"mappings":"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"}

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

@@ -1,30 +1,34 @@
-import { jsx as o, jsxs as c, Fragment as y } from "react/jsx-runtime";
-import a from "../../../../actions/icon-button/IconButton.js";
+import { jsx as o, jsxs as c, Fragment as B } from "react/jsx-runtime";
+import r from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import l from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit33.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit50.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
-import { useState as C } from "react";
-import { useRichTextEditorContext as F } from "../../context/RichTextEditor.context.js";
-import { BLOCK_FORMAT_GROUP_STYLES as B } from "./styles/BlockFormatGroup.css.js";
-import t from "../../../../overlay/dropdown-menu/DropdownMenu.js";
-const I = ({ presentation: u = "menu" }) => {
-  const { editor: i, disabled: n, labels: e } = F(), [r, d] = C(!1);
-  if (!i)
+import { useState as O } from "react";
+import { useRichTextEditorContext as H } from "../../context/RichTextEditor.context.js";
+import u from "../../../../../resources/asset/CodeIcon.svg.js";
+import g from "../../../../../resources/asset/MinusIcon.svg.js";
+import i from "../../../../../resources/asset/PilcrowIcon.svg.js";
+import m from "../../../../../resources/asset/QuoteIcon.svg.js";
+import { BLOCK_FORMAT_GROUP_STYLES as z } from "./styles/BlockFormatGroup.css.js";
+import n from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const S = ({ presentation: d = "menu" }) => {
+  const { editor: t, disabled: a, labels: e } = H(), [s, h] = O(!1);
+  if (!t)
     return null;
-  const p = i.isActive("paragraph"), g = i.isActive("heading", { level: 1 }), h = i.isActive("heading", { level: 2 }), m = i.isActive("heading", { level: 3 }), b = i.isActive("blockquote"), k = i.isActive("codeBlock"), s = (f) => {
-    const { from: v } = i.state.selection;
-    i.chain().focus().setTextSelection(v).toggleHeading({ level: f }).run();
+  const f = t.isActive("paragraph"), b = t.isActive("heading", { level: 1 }), k = t.isActive("heading", { level: 2 }), v = t.isActive("heading", { level: 3 }), y = t.isActive("blockquote"), C = t.isActive("codeBlock"), p = (I) => {
+    const { from: F } = t.state.selection;
+    t.chain().focus().setTextSelection(F).toggleHeading({ level: I }).run();
   };
   return /* @__PURE__ */ o(
     "div",
     {
-      className: B.root,
+      className: z.root,
       role: "group",
       "aria-label": e.blockFormatGroup,
-      children: u === "inline" ? /* @__PURE__ */ c(y, { children: [
+      children: d === "inline" ? /* @__PURE__ */ c(B, { children: [
         /* @__PURE__ */ o(
           l,
           {
@@ -33,16 +37,16 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:pilcrow",
+                icon: i,
                 "aria-label": e.paragraph,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => i.chain().focus().setParagraph().run()
+                disabled: a,
+                onClick: () => t.chain().focus().setParagraph().run()
               }
             )
           }
@@ -55,16 +59,16 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:heading-1",
+                icon: i,
                 "aria-label": e.heading1,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => s(1)
+                disabled: a,
+                onClick: () => p(1)
               }
             )
           }
@@ -77,16 +81,16 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:heading-2",
+                icon: i,
                 "aria-label": e.heading2,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run()
+                disabled: a,
+                onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run()
               }
             )
           }
@@ -99,16 +103,16 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:heading-3",
+                icon: i,
                 "aria-label": e.heading3,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run()
+                disabled: a,
+                onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run()
               }
             )
           }
@@ -121,16 +125,16 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:quote",
+                icon: m,
                 "aria-label": e.blockQuote,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => i.chain().focus().toggleBlockquote().run()
+                disabled: a,
+                onClick: () => t.chain().focus().toggleBlockquote().run()
               }
             )
           }
@@ -143,16 +147,16 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:square-code",
+                icon: u,
                 "aria-label": e.codeBlock,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => i.chain().focus().toggleCodeBlock().run()
+                disabled: a,
+                onClick: () => t.chain().focus().toggleCodeBlock().run()
               }
             )
           }
@@ -165,26 +169,26 @@ const I = ({ presentation: u = "menu" }) => {
             openOnFocus: !1,
             position: "top",
             children: /* @__PURE__ */ o(
-              a,
+              r,
               {
                 type: "button",
-                icon: "lucide:minus",
+                icon: g,
                 "aria-label": e.insertHorizontalRule,
                 variant: "ghost",
                 color: "primary",
                 size: "sm",
-                disabled: n,
-                onClick: () => i.chain().focus().setHorizontalRule().run()
+                disabled: a,
+                onClick: () => t.chain().focus().setHorizontalRule().run()
               }
             )
           }
         )
       ] }) : /* @__PURE__ */ c(
-        t,
+        n,
         {
           modal: !1,
-          open: r,
-          onOpenChange: d,
+          open: s,
+          onOpenChange: h,
           children: [
             /* @__PURE__ */ o(
               l,
@@ -193,84 +197,84 @@ const I = ({ presentation: u = "menu" }) => {
                 delayDuration: 700,
                 openOnFocus: !1,
                 position: "top",
-                children: /* @__PURE__ */ o(t.Trigger, { children: /* @__PURE__ */ o(
-                  a,
+                children: /* @__PURE__ */ o(n.Trigger, { children: /* @__PURE__ */ o(
+                  r,
                   {
                     type: "button",
-                    icon: "lucide:pilcrow",
+                    icon: i,
                     "aria-label": e.blockFormatTrigger,
                     variant: "ghost",
                     color: "primary",
                     size: "sm",
-                    active: r,
-                    disabled: n
+                    active: s,
+                    disabled: a
                   }
                 ) })
               }
             ),
-            /* @__PURE__ */ c(t.Content, { "aria-label": e.blockFormatOptions, children: [
+            /* @__PURE__ */ c(n.Content, { "aria-label": e.blockFormatOptions, children: [
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.paragraph,
-                  startIcon: "lucide:pilcrow",
-                  active: p,
-                  onClick: () => i.chain().focus().setParagraph().run()
+                  startIcon: i,
+                  active: f,
+                  onClick: () => t.chain().focus().setParagraph().run()
                 }
               ),
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.heading1,
-                  startIcon: "lucide:heading-1",
-                  active: g,
-                  onClick: () => s(1)
+                  startIcon: i,
+                  active: b,
+                  onClick: () => p(1)
                 }
               ),
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.heading2,
-                  startIcon: "lucide:heading-2",
-                  active: h,
-                  onClick: () => i.chain().focus().toggleHeading({ level: 2 }).run()
+                  startIcon: i,
+                  active: k,
+                  onClick: () => t.chain().focus().toggleHeading({ level: 2 }).run()
                 }
               ),
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.heading3,
-                  startIcon: "lucide:heading-3",
-                  active: m,
-                  onClick: () => i.chain().focus().toggleHeading({ level: 3 }).run()
+                  startIcon: i,
+                  active: v,
+                  onClick: () => t.chain().focus().toggleHeading({ level: 3 }).run()
                 }
               ),
-              /* @__PURE__ */ o(t.Separator, {}),
+              /* @__PURE__ */ o(n.Separator, {}),
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.blockQuote,
-                  startIcon: "lucide:quote",
-                  active: b,
-                  onClick: () => i.chain().focus().toggleBlockquote().run()
+                  startIcon: m,
+                  active: y,
+                  onClick: () => t.chain().focus().toggleBlockquote().run()
                 }
               ),
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.codeBlock,
-                  startIcon: "lucide:square-code",
-                  active: k,
-                  onClick: () => i.chain().focus().toggleCodeBlock().run()
+                  startIcon: u,
+                  active: C,
+                  onClick: () => t.chain().focus().toggleCodeBlock().run()
                 }
               ),
-              /* @__PURE__ */ o(t.Separator, {}),
+              /* @__PURE__ */ o(n.Separator, {}),
               /* @__PURE__ */ o(
-                t.Item,
+                n.Item,
                 {
                   label: e.insertHorizontalRule,
-                  startIcon: "lucide:minus",
-                  onClick: () => i.chain().focus().setHorizontalRule().run()
+                  startIcon: g,
+                  onClick: () => t.chain().focus().setHorizontalRule().run()
                 }
               )
             ] })
@@ -280,8 +284,8 @@ const I = ({ presentation: u = "menu" }) => {
     }
   );
 };
-I.displayName = "RichTextEditor.BlockFormatGroup";
+S.displayName = "RichTextEditor.BlockFormatGroup";
 export {
-  I as default
+  S as default
 };
 //# sourceMappingURL=BlockFormatGroup.js.map

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

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

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit133.css');require('../../../../../../ui-kit.css');;/* empty css                                                    */;/* empty css                                      */var e={root:"q5tw7m0"};exports.BLOCK_FORMAT_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:"q5tw7m0"};exports.BLOCK_FORMAT_GROUP_STYLES=e;
 //# sourceMappingURL=BlockFormatGroup.css.cjs.map

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

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

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

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

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

@@ -2,7 +2,7 @@ import { jsxs as a, Fragment as n, jsx as i } from "react/jsx-runtime";
 import { EditorContent as l } from "@tiptap/react";
 import { memo as s } from "react";
 import p from "../rich-text-editor-form-field/RichTextEditorFormField.js";
-import '../../../../../ui-kit157.css';/* empty css                                                                               */
+import '../../../../../ui-kit156.css';/* empty css                                                                               */
 import { useRichTextEditorContext as f } from "../../context/RichTextEditor.context.js";
 import { RICH_TEXT_EDITOR_STYLES as E } from "../../styles/RichTextEditor.css.js";
 import { cn as c } from "../../../../../utils/cn.js";

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

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

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

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