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

@choco-vanille/ui 1.4.0 → 1.5.0

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

Files changed (779) hide show

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../ui-kit105.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("react"),l=require("./RichTextEditor.cjs"),d=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                  */const o=require("./components/editor-field/EditorField.cjs"),a=require("./components/helper-text/HelperText.cjs"),u=require("./components/read-only-field/ReadOnlyField.cjs"),x=require("./components/toolbar/Toolbar.cjs"),q=require("./components/toolbar-groups/ToolbarGroups.cjs"),n=c.memo(r=>{const t=r.label,i=r.readOnly??!1,s=e.jsxs(e.Fragment,{children:[t&&e.jsx(d,{disabled:i?!1:r.disabled,children:t}),i?e.jsx(u,{}):e.jsxs(e.Fragment,{children:[e.jsx(x,{children:e.jsx(q,{})}),e.jsx(o,{})]}),e.jsx(a,{})]});return t!==void 0||r["aria-label"]!==void 0?e.jsx(l,{...r,readOnly:i,children:s}):e.jsx(l,{...r,readOnly:i,children:s})});n.displayName="RichTextEditorField";module.exports=n;
+"use strict";require('../../../ui-kit103.css');require('../../../ui-kit2.css');require('../../../ui-kit.css');const e=require("react/jsx-runtime"),c=require("react"),l=require("./RichTextEditor.cjs"),d=require("./components/rich-text-editor-label/RichTextEditorLabel.cjs");;/* empty css                                           */;/* empty css                                               */;/* empty css                                                                                  */const o=require("./components/editor-field/EditorField.cjs"),a=require("./components/helper-text/HelperText.cjs"),u=require("./components/read-only-field/ReadOnlyField.cjs"),x=require("./components/toolbar/Toolbar.cjs"),q=require("./components/toolbar-groups/ToolbarGroups.cjs"),n=c.memo(r=>{const t=r.label,i=r.readOnly??!1,s=e.jsxs(e.Fragment,{children:[t&&e.jsx(d,{disabled:i?!1:r.disabled,children:t}),i?e.jsx(u,{}):e.jsxs(e.Fragment,{children:[e.jsx(x,{children:e.jsx(q,{})}),e.jsx(o,{})]}),e.jsx(a,{})]});return t!==void 0||r["aria-label"]!==void 0?e.jsx(l,{...r,readOnly:i,children:s}):e.jsx(l,{...r,readOnly:i,children:s})});n.displayName="RichTextEditorField";module.exports=n;
 //# sourceMappingURL=RichTextEditorField.cjs.map

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

@@ -2,7 +2,7 @@ import { jsxs as l, Fragment as d, jsx as r } from "react/jsx-runtime";
 import { memo as a } from "react";
 import m from "./RichTextEditor.js";
 import n from "./components/rich-text-editor-label/RichTextEditorLabel.js";
-import '../../../ui-kit105.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
+import '../../../ui-kit103.css';import '../../../ui-kit2.css';import '../../../ui-kit.css';/* empty css                                         */
 /* empty css                                             */
 /* empty css                                                                                */
 import c from "./components/editor-field/EditorField.js";

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),l=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const a=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const f=require("react"),h=require("../../context/RichTextEditor.context.cjs"),x=require("./styles/AlignmentGroup.css.cjs"),o=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),u=({presentation:g="menu"})=>{const{editor:n,disabled:r,labels:t}=h.useRichTextEditorContext(),[c,p]=f.useState(!1);if(!n)return null;const s=n.getAttributes("paragraph").textAlign??n.getAttributes("heading").textAlign??"left";return e.jsx("div",{className:x.ALIGNMENT_GROUP_STYLES.root,role:"group","aria-label":t.alignmentGroup,children:g==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(a,{content:t.alignLeft,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-left","aria-label":t.alignLeft,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("left").run()})}),e.jsx(a,{content:t.alignCenter,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-center","aria-label":t.alignCenter,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("center").run()})}),e.jsx(a,{content:t.alignRight,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-right","aria-label":t.alignRight,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("right").run()})}),e.jsx(a,{content:t.justify,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-justify","aria-label":t.justify,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("justify").run()})})]}):e.jsxs(o,{modal:!1,open:c,onOpenChange:p,children:[e.jsx(a,{content:t.alignmentTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(o.Trigger,{children:e.jsx(l,{type:"button",icon:"lucide:align-left","aria-label":t.alignmentTrigger,variant:"ghost",color:"primary",size:"sm",active:c,disabled:r})})}),e.jsxs(o.Content,{"aria-label":t.alignmentOptions,children:[e.jsx(o.Item,{label:t.alignLeft,startIcon:"lucide:align-left",active:s==="left",onClick:()=>n.chain().focus().setTextAlign("left").run()}),e.jsx(o.Item,{label:t.alignCenter,startIcon:"lucide:align-center",active:s==="center",onClick:()=>n.chain().focus().setTextAlign("center").run()}),e.jsx(o.Item,{label:t.alignRight,startIcon:"lucide:align-right",active:s==="right",onClick:()=>n.chain().focus().setTextAlign("right").run()}),e.jsx(o.Item,{label:t.justify,startIcon:"lucide:align-justify",active:s==="justify",onClick:()=>n.chain().focus().setTextAlign("justify").run()})]})]})})};u.displayName="RichTextEditor.AlignmentGroup";module.exports=u;
+"use strict";require('../../../../../ui-kit54.css');require('../../../../../ui-kit.css');const e=require("react/jsx-runtime"),l=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const a=require("../../../../overlay/tooltip/Tooltip.cjs");require("../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css                                                 */;/* empty css                                                              */require("../../../../overlay/dropdown-menu/index.cjs");const f=require("react"),h=require("../../context/RichTextEditor.context.cjs"),x=require("./styles/AlignmentGroup.css.cjs"),o=require("../../../../overlay/dropdown-menu/DropdownMenu.cjs"),u=({presentation:g="menu"})=>{const{editor:n,disabled:r,labels:t}=h.useRichTextEditorContext(),[c,p]=f.useState(!1);if(!n)return null;const s=n.getAttributes("paragraph").textAlign??n.getAttributes("heading").textAlign??"left";return e.jsx("div",{className:x.ALIGNMENT_GROUP_STYLES.root,role:"group","aria-label":t.alignmentGroup,children:g==="inline"?e.jsxs(e.Fragment,{children:[e.jsx(a,{content:t.alignLeft,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-left","aria-label":t.alignLeft,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("left").run()})}),e.jsx(a,{content:t.alignCenter,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-center","aria-label":t.alignCenter,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("center").run()})}),e.jsx(a,{content:t.alignRight,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-right","aria-label":t.alignRight,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("right").run()})}),e.jsx(a,{content:t.justify,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(l,{type:"button",icon:"lucide:align-justify","aria-label":t.justify,variant:"ghost",color:"primary",size:"sm",disabled:r,onMouseDown:i=>i.preventDefault(),onClick:()=>n.chain().focus().setTextAlign("justify").run()})})]}):e.jsxs(o,{modal:!1,open:c,onOpenChange:p,children:[e.jsx(a,{content:t.alignmentTrigger,delayDuration:700,openOnFocus:!1,position:"top",children:e.jsx(o.Trigger,{children:e.jsx(l,{type:"button",icon:"lucide:align-left","aria-label":t.alignmentTrigger,variant:"ghost",color:"primary",size:"sm",active:c,disabled:r})})}),e.jsxs(o.Content,{"aria-label":t.alignmentOptions,children:[e.jsx(o.Item,{label:t.alignLeft,startIcon:"lucide:align-left",active:s==="left",onClick:()=>n.chain().focus().setTextAlign("left").run()}),e.jsx(o.Item,{label:t.alignCenter,startIcon:"lucide:align-center",active:s==="center",onClick:()=>n.chain().focus().setTextAlign("center").run()}),e.jsx(o.Item,{label:t.alignRight,startIcon:"lucide:align-right",active:s==="right",onClick:()=>n.chain().focus().setTextAlign("right").run()}),e.jsx(o.Item,{label:t.justify,startIcon:"lucide:align-justify",active:s==="justify",onClick:()=>n.chain().focus().setTextAlign("justify").run()})]})]})})};u.displayName="RichTextEditor.AlignmentGroup";module.exports=u;
 //# sourceMappingURL=AlignmentGroup.cjs.map

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlignmentGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.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 { ALIGNMENT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.ts'\r\nimport type { AlignmentGroupProps } from '@components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.ts'\r\n\r\nconst AlignmentGroup = ({ presentation = 'menu' }: AlignmentGroupProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n const [open, setOpen] = useState(false)\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const currentAlignment =\r\n editor.getAttributes('paragraph').textAlign\r\n ?? editor.getAttributes('heading').textAlign\r\n ?? 'left'\r\n\r\n return (\r\n <div\r\n className={ALIGNMENT_GROUP_STYLES.root}\r\n role={'group'}\r\n aria-label={labels.alignmentGroup}\r\n >\r\n {presentation === 'inline' ? (\r\n <>\r\n <Tooltip\r\n content={labels.alignLeft}\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:align-left'}\r\n aria-label={labels.alignLeft}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignCenter}\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:align-center'}\r\n aria-label={labels.alignCenter}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignRight}\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:align-right'}\r\n aria-label={labels.alignRight}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.justify}\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:align-justify'}\r\n aria-label={labels.justify}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </Tooltip>\r\n </>\r\n ) : (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <Tooltip\r\n content={labels.alignmentTrigger}\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:align-left'}\r\n aria-label={labels.alignmentTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n </DropdownMenu.Trigger>\r\n </Tooltip>\r\n <DropdownMenu.Content aria-label={labels.alignmentOptions}>\r\n <DropdownMenu.Item\r\n label={labels.alignLeft}\r\n startIcon={'lucide:align-left'}\r\n active={currentAlignment === 'left'}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignCenter}\r\n startIcon={'lucide:align-center'}\r\n active={currentAlignment === 'center'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignRight}\r\n startIcon={'lucide:align-right'}\r\n active={currentAlignment === 'right'}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.justify}\r\n startIcon={'lucide:align-justify'}\r\n active={currentAlignment === 'justify'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nAlignmentGroup.displayName = 'RichTextEditor.AlignmentGroup'\r\n\r\nexport default AlignmentGroup\r\n"],"names":["AlignmentGroup","presentation","editor","disabled","labels","useRichTextEditorContext","open","setOpen","useState","currentAlignment","jsx","ALIGNMENT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":"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"}
1	+ {"version":3,"file":"AlignmentGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.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 { ALIGNMENT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.ts'\r\nimport type { AlignmentGroupProps } from '@components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.ts'\r\n\r\n/*\r\n Toolbar group for text alignment commands: left, center, right, and\r\n * justify. Use `presentation=\"inline\"` for individual icon buttons or\r\n * `\"menu\"` (default) for a dropdown trigger.\r\n */\r\nconst AlignmentGroup = ({ presentation = 'menu' }: AlignmentGroupProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n const [open, setOpen] = useState(false)\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const currentAlignment =\r\n editor.getAttributes('paragraph').textAlign\r\n ?? editor.getAttributes('heading').textAlign\r\n ?? 'left'\r\n\r\n return (\r\n <div\r\n className={ALIGNMENT_GROUP_STYLES.root}\r\n role={'group'}\r\n aria-label={labels.alignmentGroup}\r\n >\r\n {presentation === 'inline' ? (\r\n <>\r\n <Tooltip\r\n content={labels.alignLeft}\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:align-left'}\r\n aria-label={labels.alignLeft}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignCenter}\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:align-center'}\r\n aria-label={labels.alignCenter}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignRight}\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:align-right'}\r\n aria-label={labels.alignRight}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.justify}\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:align-justify'}\r\n aria-label={labels.justify}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </Tooltip>\r\n </>\r\n ) : (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <Tooltip\r\n content={labels.alignmentTrigger}\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:align-left'}\r\n aria-label={labels.alignmentTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n </DropdownMenu.Trigger>\r\n </Tooltip>\r\n <DropdownMenu.Content aria-label={labels.alignmentOptions}>\r\n <DropdownMenu.Item\r\n label={labels.alignLeft}\r\n startIcon={'lucide:align-left'}\r\n active={currentAlignment === 'left'}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignCenter}\r\n startIcon={'lucide:align-center'}\r\n active={currentAlignment === 'center'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignRight}\r\n startIcon={'lucide:align-right'}\r\n active={currentAlignment === 'right'}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.justify}\r\n startIcon={'lucide:align-justify'}\r\n active={currentAlignment === 'justify'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nAlignmentGroup.displayName = 'RichTextEditor.AlignmentGroup'\r\n\r\nexport default AlignmentGroup\r\n"],"names":["AlignmentGroup","presentation","editor","disabled","labels","useRichTextEditorContext","open","setOpen","useState","currentAlignment","jsx","ALIGNMENT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":"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"}

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.d.ts CHANGED Viewed

@@ -1,4 +1,9 @@
 import { AlignmentGroupProps } from './types/AlignmentGroup.props.ts';
+/**
+ * Toolbar group for text alignment commands: left, center, right, and
+ * justify. Use `presentation="inline"` for individual icon buttons or
+ * `"menu"` (default) for a dropdown trigger.
+ */
 declare const AlignmentGroup: {
     ({ presentation }: AlignmentGroupProps): import("react").JSX.Element | null;
     displayName: string;

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js CHANGED Viewed

@@ -3,7 +3,7 @@ import r from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import a from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import "../../../../overlay/dropdown-menu/index.js";
 import { useState as m } from "react";

package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AlignmentGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.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 { ALIGNMENT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.ts'\r\nimport type { AlignmentGroupProps } from '@components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.ts'\r\n\r\nconst AlignmentGroup = ({ presentation = 'menu' }: AlignmentGroupProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n const [open, setOpen] = useState(false)\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const currentAlignment =\r\n editor.getAttributes('paragraph').textAlign\r\n ?? editor.getAttributes('heading').textAlign\r\n ?? 'left'\r\n\r\n return (\r\n <div\r\n className={ALIGNMENT_GROUP_STYLES.root}\r\n role={'group'}\r\n aria-label={labels.alignmentGroup}\r\n >\r\n {presentation === 'inline' ? (\r\n <>\r\n <Tooltip\r\n content={labels.alignLeft}\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:align-left'}\r\n aria-label={labels.alignLeft}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignCenter}\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:align-center'}\r\n aria-label={labels.alignCenter}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignRight}\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:align-right'}\r\n aria-label={labels.alignRight}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.justify}\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:align-justify'}\r\n aria-label={labels.justify}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </Tooltip>\r\n </>\r\n ) : (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <Tooltip\r\n content={labels.alignmentTrigger}\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:align-left'}\r\n aria-label={labels.alignmentTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n </DropdownMenu.Trigger>\r\n </Tooltip>\r\n <DropdownMenu.Content aria-label={labels.alignmentOptions}>\r\n <DropdownMenu.Item\r\n label={labels.alignLeft}\r\n startIcon={'lucide:align-left'}\r\n active={currentAlignment === 'left'}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignCenter}\r\n startIcon={'lucide:align-center'}\r\n active={currentAlignment === 'center'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignRight}\r\n startIcon={'lucide:align-right'}\r\n active={currentAlignment === 'right'}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.justify}\r\n startIcon={'lucide:align-justify'}\r\n active={currentAlignment === 'justify'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nAlignmentGroup.displayName = 'RichTextEditor.AlignmentGroup'\r\n\r\nexport default AlignmentGroup\r\n"],"names":["AlignmentGroup","presentation","editor","disabled","labels","useRichTextEditorContext","open","setOpen","useState","currentAlignment","jsx","ALIGNMENT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":"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"}
1	+ {"version":3,"file":"AlignmentGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.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 { ALIGNMENT_GROUP_STYLES } from '@components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.ts'\r\nimport type { AlignmentGroupProps } from '@components/forms/rich-text-editor/components/alignment-group/types/AlignmentGroup.props.ts'\r\n\r\n/*\r\n Toolbar group for text alignment commands: left, center, right, and\r\n * justify. Use `presentation=\"inline\"` for individual icon buttons or\r\n * `\"menu\"` (default) for a dropdown trigger.\r\n */\r\nconst AlignmentGroup = ({ presentation = 'menu' }: AlignmentGroupProps) => {\r\n const { editor, disabled, labels } = useRichTextEditorContext()\r\n const [open, setOpen] = useState(false)\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n const currentAlignment =\r\n editor.getAttributes('paragraph').textAlign\r\n ?? editor.getAttributes('heading').textAlign\r\n ?? 'left'\r\n\r\n return (\r\n <div\r\n className={ALIGNMENT_GROUP_STYLES.root}\r\n role={'group'}\r\n aria-label={labels.alignmentGroup}\r\n >\r\n {presentation === 'inline' ? (\r\n <>\r\n <Tooltip\r\n content={labels.alignLeft}\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:align-left'}\r\n aria-label={labels.alignLeft}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignCenter}\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:align-center'}\r\n aria-label={labels.alignCenter}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.alignRight}\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:align-right'}\r\n aria-label={labels.alignRight}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n </Tooltip>\r\n <Tooltip\r\n content={labels.justify}\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:align-justify'}\r\n aria-label={labels.justify}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n disabled={disabled}\r\n onMouseDown={(event) => event.preventDefault()}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </Tooltip>\r\n </>\r\n ) : (\r\n <DropdownMenu\r\n modal={false}\r\n open={open}\r\n onOpenChange={setOpen}\r\n >\r\n <Tooltip\r\n content={labels.alignmentTrigger}\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:align-left'}\r\n aria-label={labels.alignmentTrigger}\r\n variant={'ghost'}\r\n color={'primary'}\r\n size={'sm'}\r\n active={open}\r\n disabled={disabled}\r\n />\r\n </DropdownMenu.Trigger>\r\n </Tooltip>\r\n <DropdownMenu.Content aria-label={labels.alignmentOptions}>\r\n <DropdownMenu.Item\r\n label={labels.alignLeft}\r\n startIcon={'lucide:align-left'}\r\n active={currentAlignment === 'left'}\r\n onClick={() => editor.chain().focus().setTextAlign('left').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignCenter}\r\n startIcon={'lucide:align-center'}\r\n active={currentAlignment === 'center'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('center').run()\r\n }\r\n />\r\n <DropdownMenu.Item\r\n label={labels.alignRight}\r\n startIcon={'lucide:align-right'}\r\n active={currentAlignment === 'right'}\r\n onClick={() => editor.chain().focus().setTextAlign('right').run()}\r\n />\r\n <DropdownMenu.Item\r\n label={labels.justify}\r\n startIcon={'lucide:align-justify'}\r\n active={currentAlignment === 'justify'}\r\n onClick={() =>\r\n editor.chain().focus().setTextAlign('justify').run()\r\n }\r\n />\r\n </DropdownMenu.Content>\r\n </DropdownMenu>\r\n )}\r\n </div>\r\n )\r\n}\r\n\r\nAlignmentGroup.displayName = 'RichTextEditor.AlignmentGroup'\r\n\r\nexport default AlignmentGroup\r\n"],"names":["AlignmentGroup","presentation","editor","disabled","labels","useRichTextEditorContext","open","setOpen","useState","currentAlignment","jsx","ALIGNMENT_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -1,4 +1,9 @@
 import { BlockFormatGroupProps } from './types/BlockFormatGroup.props.ts';
+/**
+ * Toolbar group for block-level format commands: paragraph, headings H1–H3,
+ * blockquote, code block, and horizontal rule. Use `presentation="inline"`
+ * for individual icon buttons or `"menu"` (default) for a dropdown trigger.
+ */
 declare const BlockFormatGroup: {
     ({ presentation }: BlockFormatGroupProps): import("react").JSX.Element | null;
     displayName: string;

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

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

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\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 { 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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"}

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-kit128.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-kit128.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-kit147.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-kit151.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;
 //# sourceMappingURL=EditorField.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditorField.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/editor-field/EditorField.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport type { EditorFieldProps } from '@components/forms/rich-text-editor/components/editor-field/types/EditorField.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst EditorField: FC<EditorFieldProps> = memo(({ className }) => {\r\n const { editor, disabled, error, name, required } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n return (\r\n <>\r\n <div\r\n className={cn(RICH_TEXT_EDITOR_STYLES.editor, className)}\r\n data-disabled={disabled \|\| undefined}\r\n data-invalid={Boolean(error) \|\| undefined}\r\n >\r\n <EditorContent editor={editor} />\r\n </div>\r\n {name && (\r\n <RichTextEditorFormField\r\n name={name}\r\n value={editor.isEmpty ? '' : JSON.stringify(editor.getJSON())}\r\n disabled={disabled}\r\n required={required}\r\n />\r\n )}\r\n </>\r\n )\r\n})\r\n\r\nEditorField.displayName = 'RichTextEditor.EditorField'\r\n\r\nexport default EditorField\r\n"],"names":["EditorField","memo","className","editor","disabled","error","name","required","useRichTextEditorContext","jsxs","Fragment","jsx","cn","RICH_TEXT_EDITOR_STYLES","EditorContent","RichTextEditorFormField"],"mappings":"~~8ZASMA~~,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,KAAgB,CAC9D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAA,EAAaC,2BAAA,EAEpD,OAAKL,EAKDM,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,0BAAwB,OAAQX,CAAS,EACvD,gBAAeE,GAAY,OAC3B,eAAc,EAAQC,GAAU,OAEhC,SAAAM,EAAAA,IAACG,iBAAc,OAAAX,CAAA,CAAgB,CAAA,CAAA,EAElCG,GACGK,EAAAA,IAACI,EAAA,CACG,KAAAT,EACA,MAAOH,EAAO,QAAU,GAAK,KAAK,UAAUA,EAAO,SAAS,EAC5D,SAAAC,EACA,SAAAG,CAAA,CAAA,CACJ,EAER,EApBO,IAsBf,CAAC,EAEDP,EAAY,YAAc"}
1	+ {"version":3,"file":"EditorField.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/editor-field/EditorField.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport type { EditorFieldProps } from '@components/forms/rich-text-editor/components/editor-field/types/EditorField.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Editable TipTap content area slot for use inside `RichTextEditor`.\r\n * Renders the `EditorContent` and, when `name` is set in context,\r\n * an invisible form field for native form submission.\r\n */\r\nconst EditorField: FC<EditorFieldProps> = memo(({ className }) => {\r\n const { editor, disabled, error, name, required } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n return (\r\n <>\r\n <div\r\n className={cn(RICH_TEXT_EDITOR_STYLES.editor, className)}\r\n data-disabled={disabled \|\| undefined}\r\n data-invalid={Boolean(error) \|\| undefined}\r\n >\r\n <EditorContent editor={editor} />\r\n </div>\r\n {name && (\r\n <RichTextEditorFormField\r\n name={name}\r\n value={editor.isEmpty ? '' : JSON.stringify(editor.getJSON())}\r\n disabled={disabled}\r\n required={required}\r\n />\r\n )}\r\n </>\r\n )\r\n})\r\n\r\nEditorField.displayName = 'RichTextEditor.EditorField'\r\n\r\nexport default EditorField\r\n"],"names":["EditorField","memo","className","editor","disabled","error","name","required","useRichTextEditorContext","jsxs","Fragment","jsx","cn","RICH_TEXT_EDITOR_STYLES","EditorContent","RichTextEditorFormField"],"mappings":"8ZAcMA,EAAoCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,KAAgB,CAC9D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,KAAAC,EAAM,SAAAC,CAAA,EAAaC,2BAAA,EAEpD,OAAKL,EAKDM,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,GAAGC,0BAAwB,OAAQX,CAAS,EACvD,gBAAeE,GAAY,OAC3B,eAAc,EAAQC,GAAU,OAEhC,SAAAM,EAAAA,IAACG,iBAAc,OAAAX,CAAA,CAAgB,CAAA,CAAA,EAElCG,GACGK,EAAAA,IAACI,EAAA,CACG,KAAAT,EACA,MAAOH,EAAO,QAAU,GAAK,KAAK,UAAUA,EAAO,SAAS,EAC5D,SAAAC,EACA,SAAAG,CAAA,CAAA,CACJ,EAER,EApBO,IAsBf,CAAC,EAEDP,EAAY,YAAc"}

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

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { EditorFieldProps } from './types/EditorField.props.ts';
+/**
+ * Editable TipTap content area slot for use inside `RichTextEditor`.
+ * Renders the `EditorContent` and, when `name` is set in context,
+ * an invisible form field for native form submission.
+ */
 declare const EditorField: FC<EditorFieldProps>;
 export default EditorField;

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-kit147.css';/* empty css                                                                               */
+import '../../../../../ui-kit151.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/editor-field/EditorField.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditorField.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/editor-field/EditorField.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport type { EditorFieldProps } from '@components/forms/rich-text-editor/components/editor-field/types/EditorField.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst EditorField: FC<EditorFieldProps> = memo(({ className }) => {\r\n const { editor, disabled, error, name, required } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n return (\r\n <>\r\n <div\r\n className={cn(RICH_TEXT_EDITOR_STYLES.editor, className)}\r\n data-disabled={disabled \|\| undefined}\r\n data-invalid={Boolean(error) \|\| undefined}\r\n >\r\n <EditorContent editor={editor} />\r\n </div>\r\n {name && (\r\n <RichTextEditorFormField\r\n name={name}\r\n value={editor.isEmpty ? '' : JSON.stringify(editor.getJSON())}\r\n disabled={disabled}\r\n required={required}\r\n />\r\n )}\r\n </>\r\n )\r\n})\r\n\r\nEditorField.displayName = 'RichTextEditor.EditorField'\r\n\r\nexport default EditorField\r\n"],"names":["EditorField","memo","className","editor","disabled","error","name","required","useRichTextEditorContext","jsxs","Fragment","jsx","cn","RICH_TEXT_EDITOR_STYLES","EditorContent","RichTextEditorFormField"],"mappings":";;;;;;;;~~AASA~~,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC9D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaC,EAAA;AAEpD,SAAKL,IAKD,gBAAAM,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAGC,EAAwB,QAAQX,CAAS;AAAA,QACvD,iBAAeE,KAAY;AAAA,QAC3B,gBAAc,EAAQC,KAAU;AAAA,QAEhC,UAAA,gBAAAM,EAACG,KAAc,QAAAX,EAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCG,KACG,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAAT;AAAA,QACA,OAAOH,EAAO,UAAU,KAAK,KAAK,UAAUA,EAAO,SAAS;AAAA,QAC5D,UAAAC;AAAA,QACA,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAER,IApBO;AAsBf,CAAC;AAEDP,EAAY,cAAc;"}
1	+ {"version":3,"file":"EditorField.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/editor-field/EditorField.tsx"],"sourcesContent":["import { EditorContent } from '@tiptap/react'\r\nimport { memo, type FC } from 'react'\r\n\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport type { EditorFieldProps } from '@components/forms/rich-text-editor/components/editor-field/types/EditorField.props.ts'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { RICH_TEXT_EDITOR_STYLES } from '@components/forms/rich-text-editor/styles/RichTextEditor.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\n/*\r\n Editable TipTap content area slot for use inside `RichTextEditor`.\r\n * Renders the `EditorContent` and, when `name` is set in context,\r\n * an invisible form field for native form submission.\r\n */\r\nconst EditorField: FC<EditorFieldProps> = memo(({ className }) => {\r\n const { editor, disabled, error, name, required } = useRichTextEditorContext()\r\n\r\n if (!editor) {\r\n return null\r\n }\r\n\r\n return (\r\n <>\r\n <div\r\n className={cn(RICH_TEXT_EDITOR_STYLES.editor, className)}\r\n data-disabled={disabled \|\| undefined}\r\n data-invalid={Boolean(error) \|\| undefined}\r\n >\r\n <EditorContent editor={editor} />\r\n </div>\r\n {name && (\r\n <RichTextEditorFormField\r\n name={name}\r\n value={editor.isEmpty ? '' : JSON.stringify(editor.getJSON())}\r\n disabled={disabled}\r\n required={required}\r\n />\r\n )}\r\n </>\r\n )\r\n})\r\n\r\nEditorField.displayName = 'RichTextEditor.EditorField'\r\n\r\nexport default EditorField\r\n"],"names":["EditorField","memo","className","editor","disabled","error","name","required","useRichTextEditorContext","jsxs","Fragment","jsx","cn","RICH_TEXT_EDITOR_STYLES","EditorContent","RichTextEditorFormField"],"mappings":";;;;;;;;AAcA,MAAMA,IAAoCC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAC9D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,MAAAC,GAAM,UAAAC,EAAA,IAAaC,EAAA;AAEpD,SAAKL,IAKD,gBAAAM,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAWC,EAAGC,EAAwB,QAAQX,CAAS;AAAA,QACvD,iBAAeE,KAAY;AAAA,QAC3B,gBAAc,EAAQC,KAAU;AAAA,QAEhC,UAAA,gBAAAM,EAACG,KAAc,QAAAX,EAAA,CAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAElCG,KACG,gBAAAK;AAAA,MAACI;AAAA,MAAA;AAAA,QACG,MAAAT;AAAA,QACA,OAAOH,EAAO,UAAU,KAAK,KAAK,UAAUA,EAAO,SAAS;AAAA,QAC5D,UAAAC;AAAA,QACA,UAAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EACJ,GAER,IApBO;AAsBf,CAAC;AAEDP,EAAY,cAAc;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HelperText.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport SharedHelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { RichTextEditorHelperTextProps } from '@components/forms/rich-text-editor/components/helper-text/types/HelperText.props.ts'\r\n\r\nconst HelperText: FC<RichTextEditorHelperTextProps> = memo((props) => {\r\n const { error, helperText, helperId } = useRichTextEditorContext()\r\n const content = error ?? helperText\r\n\r\n if (!content) {\r\n return null\r\n }\r\n\r\n return (\r\n <SharedHelperText\r\n id={helperId}\r\n hasError={Boolean(error)}\r\n {...props}\r\n >\r\n {content}\r\n </SharedHelperText>\r\n )\r\n})\r\n\r\nHelperText.displayName = 'RichTextEditor.HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","props","error","helperText","helperId","useRichTextEditorContext","content","jsx","SharedHelperText"],"mappings":"+~~LAMMA~~,EAAgDC,EAAAA,KAAMC,GAAU,CAClE,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,SAAAC,CAAA,EAAaC,EAAAA,yBAAA,EAClCC,EAAUJ,GAASC,EAEzB,OAAKG,EAKDC,EAAAA,IAACC,EAAA,CACG,GAAIJ,EACJ,SAAU,EAAQF,EACjB,GAAGD,EAEH,SAAAK,CAAA,CAAA,EATE,IAYf,CAAC,EAEDP,EAAW,YAAc"}
1	+ {"version":3,"file":"HelperText.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport SharedHelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { RichTextEditorHelperTextProps } from '@components/forms/rich-text-editor/components/helper-text/types/HelperText.props.ts'\r\n\r\n/*\r\n Helper and error text slot for use inside `RichTextEditor`. Reads\r\n * `error` and `helperText` from context and renders nothing when both\r\n * are absent.\r\n */\r\nconst HelperText: FC<RichTextEditorHelperTextProps> = memo((props) => {\r\n const { error, helperText, helperId } = useRichTextEditorContext()\r\n const content = error ?? helperText\r\n\r\n if (!content) {\r\n return null\r\n }\r\n\r\n return (\r\n <SharedHelperText\r\n id={helperId}\r\n hasError={Boolean(error)}\r\n {...props}\r\n >\r\n {content}\r\n </SharedHelperText>\r\n )\r\n})\r\n\r\nHelperText.displayName = 'RichTextEditor.HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","props","error","helperText","helperId","useRichTextEditorContext","content","jsx","SharedHelperText"],"mappings":"+LAWMA,EAAgDC,EAAAA,KAAMC,GAAU,CAClE,KAAM,CAAE,MAAAC,EAAO,WAAAC,EAAY,SAAAC,CAAA,EAAaC,EAAAA,yBAAA,EAClCC,EAAUJ,GAASC,EAEzB,OAAKG,EAKDC,EAAAA,IAACC,EAAA,CACG,GAAIJ,EACJ,SAAU,EAAQF,EACjB,GAAGD,EAEH,SAAAK,CAAA,CAAA,EATE,IAYf,CAAC,EAEDP,EAAW,YAAc"}

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

@@ -1,4 +1,9 @@
 import { FC } from 'react';
 import { RichTextEditorHelperTextProps } from './types/HelperText.props.ts';
+/**
+ * Helper and error text slot for use inside `RichTextEditor`. Reads
+ * `error` and `helperText` from context and renders nothing when both
+ * are absent.
+ */
 declare const HelperText: FC<RichTextEditorHelperTextProps>;
 export default HelperText;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"HelperText.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport SharedHelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { RichTextEditorHelperTextProps } from '@components/forms/rich-text-editor/components/helper-text/types/HelperText.props.ts'\r\n\r\nconst HelperText: FC<RichTextEditorHelperTextProps> = memo((props) => {\r\n const { error, helperText, helperId } = useRichTextEditorContext()\r\n const content = error ?? helperText\r\n\r\n if (!content) {\r\n return null\r\n }\r\n\r\n return (\r\n <SharedHelperText\r\n id={helperId}\r\n hasError={Boolean(error)}\r\n {...props}\r\n >\r\n {content}\r\n </SharedHelperText>\r\n )\r\n})\r\n\r\nHelperText.displayName = 'RichTextEditor.HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","props","error","helperText","helperId","useRichTextEditorContext","content","jsx","SharedHelperText"],"mappings":";;;;~~AAMA~~,MAAMA,IAAgDC,EAAK,CAACC,MAAU;AAClE,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAA,GAClCC,IAAUJ,KAASC;AAEzB,SAAKG,IAKD,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,IAAIJ;AAAA,MACJ,UAAU,EAAQF;AAAA,MACjB,GAAGD;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA,IATE;AAYf,CAAC;AAEDP,EAAW,cAAc;"}
1	+ {"version":3,"file":"HelperText.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/helper-text/HelperText.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport SharedHelperText from '@components/forms/_shared/components/helper-text/HelperText.tsx'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { RichTextEditorHelperTextProps } from '@components/forms/rich-text-editor/components/helper-text/types/HelperText.props.ts'\r\n\r\n/*\r\n Helper and error text slot for use inside `RichTextEditor`. Reads\r\n * `error` and `helperText` from context and renders nothing when both\r\n * are absent.\r\n */\r\nconst HelperText: FC<RichTextEditorHelperTextProps> = memo((props) => {\r\n const { error, helperText, helperId } = useRichTextEditorContext()\r\n const content = error ?? helperText\r\n\r\n if (!content) {\r\n return null\r\n }\r\n\r\n return (\r\n <SharedHelperText\r\n id={helperId}\r\n hasError={Boolean(error)}\r\n {...props}\r\n >\r\n {content}\r\n </SharedHelperText>\r\n )\r\n})\r\n\r\nHelperText.displayName = 'RichTextEditor.HelperText'\r\n\r\nexport default HelperText\r\n"],"names":["HelperText","memo","props","error","helperText","helperId","useRichTextEditorContext","content","jsx","SharedHelperText"],"mappings":";;;;AAWA,MAAMA,IAAgDC,EAAK,CAACC,MAAU;AAClE,QAAM,EAAE,OAAAC,GAAO,YAAAC,GAAY,UAAAC,EAAA,IAAaC,EAAA,GAClCC,IAAUJ,KAASC;AAEzB,SAAKG,IAKD,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACG,IAAIJ;AAAA,MACJ,UAAU,EAAQF;AAAA,MACjB,GAAGD;AAAA,MAEH,UAAAK;AAAA,IAAA;AAAA,EAAA,IATE;AAYf,CAAC;AAEDP,EAAW,cAAc;"}

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

@@ -1,2 +1,2 @@
-"use strict";require('../../../../../ui-kit62.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-kit54.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;
 //# sourceMappingURL=Redo.cjs.map

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

@@ -3,7 +3,7 @@ import n from "../../../../actions/icon-button/IconButton.js";
 import "../../../../actions/icon-button/styles/IconButton.css.js";
 import a from "../../../../overlay/tooltip/Tooltip.js";
 import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
-import '../../../../../ui-kit62.css';import '../../../../../ui-kit.css';/* empty css                                               */
+import '../../../../../ui-kit54.css';import '../../../../../ui-kit.css';/* empty css                                               */
 /* empty css                                                            */
 import { useRichTextEditorContext as d } from "../../context/RichTextEditor.context.js";
 const l = () => {