@choco-vanille/ui 1.2.0 → 1.3.0

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

@@ -0,0 +1,56 @@
+import { jsx as n } from "react/jsx-runtime";
+import d from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import "../../../../overlay/dropdown-menu/index.js";
+import m from "../../../../overlay/tooltip/Tooltip.js";
+import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+/* empty css                                               */
+/* empty css                                                            */
+import { useRichTextEditorContext as p } from "../../context/RichTextEditor.context.js";
+import { normalizeRichTextUrl as s } from "../../utils/richText.utils.js";
+import u from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const f = ({ presentation: a = "icon" }) => {
+  const { editor: t, disabled: c, labels: i } = p();
+  if (!t)
+    return null;
+  const r = () => {
+    const o = t.getAttributes("link").href, e = window.prompt(i.linkUrlPrompt, o ?? "https://"), l = e ? s(e) : void 0;
+    l && t.chain().focus().extendMarkRange("link").setLink({ href: l }).run();
+  };
+  return a === "menu" ? /* @__PURE__ */ n(
+    u.Item,
+    {
+      label: i.addOrEditLink,
+      startIcon: "lucide:link",
+      active: t.isActive("link"),
+      onClick: r
+    }
+  ) : /* @__PURE__ */ n(
+    m,
+    {
+      content: i.addOrEditLink,
+      delayDuration: 700,
+      openOnFocus: !1,
+      position: "top",
+      children: /* @__PURE__ */ n(
+        d,
+        {
+          type: "button",
+          icon: "lucide:link",
+          "aria-label": i.addOrEditLink,
+          variant: "ghost",
+          color: "primary",
+          size: "sm",
+          disabled: c,
+          onMouseDown: (o) => o.preventDefault(),
+          onClick: r
+        }
+      )
+    }
+  );
+};
+f.displayName = "RichTextEditor.SetLink";
+export {
+  f as default
+};
+//# sourceMappingURL=SetLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetLink.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/SetLink.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\nimport type { SetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/SetLink.props.ts'\r\n\r\nconst SetLink = ({ presentation = 'icon' }: SetLinkProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const handleSetLink = () => {\r\n        const currentHref = editor.getAttributes('link').href as string | undefined\r\n        const nextHref = window.prompt(labels.linkUrlPrompt, currentHref ?? 'https://')\r\n        const href = nextHref ? normalizeRichTextUrl(nextHref) : undefined\r\n\r\n        if (href) {\r\n            editor.chain().focus().extendMarkRange('link').setLink({ href }).run()\r\n        }\r\n    }\r\n\r\n    if (presentation === 'menu') {\r\n        return (\r\n            <DropdownMenu.Item\r\n                label={labels.addOrEditLink}\r\n                startIcon={'lucide:link'}\r\n                active={editor.isActive('link')}\r\n                onClick={handleSetLink}\r\n            />\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={labels.addOrEditLink}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <IconButton\r\n                type={'button'}\r\n                icon={'lucide:link'}\r\n                aria-label={labels.addOrEditLink}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={handleSetLink}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nSetLink.displayName = 'RichTextEditor.SetLink'\r\n\r\nexport default SetLink\r\n"],"names":["SetLink","presentation","editor","disabled","labels","useRichTextEditorContext","handleSetLink","currentHref","nextHref","href","normalizeRichTextUrl","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":";;;;;;;;;;;AAOA,MAAMA,IAAU,CAAC,EAAE,cAAAC,IAAe,aAA2B;AACzD,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,MAAI,CAACH;AACD,WAAO;AAGX,QAAMI,IAAgB,MAAM;AACxB,UAAMC,IAAcL,EAAO,cAAc,MAAM,EAAE,MAC3CM,IAAW,OAAO,OAAOJ,EAAO,eAAeG,KAAe,UAAU,GACxEE,IAAOD,IAAWE,EAAqBF,CAAQ,IAAI;AAEzD,IAAIC,KACAP,EAAO,MAAA,EAAQ,MAAA,EAAQ,gBAAgB,MAAM,EAAE,QAAQ,EAAE,MAAAO,EAAA,CAAM,EAAE,IAAA;AAAA,EAEzE;AAEA,SAAIR,MAAiB,SAEb,gBAAAU;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACG,OAAOR,EAAO;AAAA,MACd,WAAW;AAAA,MACX,QAAQF,EAAO,SAAS,MAAM;AAAA,MAC9B,SAASI;AAAA,IAAA;AAAA,EAAA,IAMjB,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAAST,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAO;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYV,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAAD;AAAA,UACA,aAAa,CAACY,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAST;AAAA,QAAA;AAAA,MAAA;AAAA,IACb;AAAA,EAAA;AAGZ;AAEAN,EAAQ,cAAc;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnsetLink.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/UnsetLink.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { UnsetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.ts'\r\n\r\nconst UnsetLink = ({ presentation = 'icon' }: UnsetLinkProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    if (presentation === 'menu') {\r\n        return (\r\n            <DropdownMenu.Item\r\n                label={labels.removeLink}\r\n                startIcon={'lucide:unlink'}\r\n                disabled={!editor.isActive('link')}\r\n                onClick={() => editor.chain().focus().unsetLink().run()}\r\n            />\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={labels.removeLink}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <IconButton\r\n                type={'button'}\r\n                icon={'lucide:unlink'}\r\n                aria-label={labels.removeLink}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled || !editor.isActive('link')}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => editor.chain().focus().unsetLink().run()}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nUnsetLink.displayName = 'RichTextEditor.UnsetLink'\r\n\r\nexport default UnsetLink\r\n"],"names":["UnsetLink","presentation","editor","disabled","labels","useRichTextEditorContext","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":"qoBAMMA,EAAY,CAAC,CAAE,aAAAC,EAAe,UAA6B,CAC7D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAErC,OAAKH,EAIDD,IAAiB,OAEbK,EAAAA,IAACC,EAAa,KAAb,CACG,MAAOH,EAAO,WACd,UAAW,gBACX,SAAU,CAACF,EAAO,SAAS,MAAM,EACjC,QAAS,IAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA,CAAI,CAAA,EAM9DI,EAAAA,IAACE,EAAA,CACG,QAASJ,EAAO,WAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAE,EAAAA,IAACG,EAAA,CACG,KAAM,SACN,KAAM,gBACN,aAAYL,EAAO,WACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAUD,GAAY,CAACD,EAAO,SAAS,MAAM,EAC7C,YAAcQ,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA,CAAI,CAAA,CAC1D,CAAA,EA/BG,IAkCf,EAEAF,EAAU,YAAc"}

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

@@ -0,0 +1,6 @@
+import { UnsetLinkProps } from './types/UnsetLink.props.ts';
+declare const UnsetLink: {
+    ({ presentation }: UnsetLinkProps): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default UnsetLink;

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

@@ -0,0 +1,49 @@
+import { jsx as n } from "react/jsx-runtime";
+import l from "../../../../actions/icon-button/IconButton.js";
+import "../../../../actions/icon-button/styles/IconButton.css.js";
+import "../../../../overlay/dropdown-menu/index.js";
+import s from "../../../../overlay/tooltip/Tooltip.js";
+import "../../../../overlay/tooltip/components/tooltip-provider/TooltipProvider.js";
+/* empty css                                               */
+/* empty css                                                            */
+import { useRichTextEditorContext as u } from "../../context/RichTextEditor.context.js";
+import m from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const a = ({ presentation: t = "icon" }) => {
+  const { editor: i, disabled: e, labels: o } = u();
+  return i ? t === "menu" ? /* @__PURE__ */ n(
+    m.Item,
+    {
+      label: o.removeLink,
+      startIcon: "lucide:unlink",
+      disabled: !i.isActive("link"),
+      onClick: () => i.chain().focus().unsetLink().run()
+    }
+  ) : /* @__PURE__ */ n(
+    s,
+    {
+      content: o.removeLink,
+      delayDuration: 700,
+      openOnFocus: !1,
+      position: "top",
+      children: /* @__PURE__ */ n(
+        l,
+        {
+          type: "button",
+          icon: "lucide:unlink",
+          "aria-label": o.removeLink,
+          variant: "ghost",
+          color: "primary",
+          size: "sm",
+          disabled: e || !i.isActive("link"),
+          onMouseDown: (r) => r.preventDefault(),
+          onClick: () => i.chain().focus().unsetLink().run()
+        }
+      )
+    }
+  ) : null;
+};
+a.displayName = "RichTextEditor.UnsetLink";
+export {
+  a as default
+};
+//# sourceMappingURL=UnsetLink.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UnsetLink.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/link-group/UnsetLink.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport { DropdownMenu } from '@components/overlay/dropdown-menu'\r\nimport { Tooltip } from '@components/overlay/tooltip'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { UnsetLinkProps } from '@components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.ts'\r\n\r\nconst UnsetLink = ({ presentation = 'icon' }: UnsetLinkProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    if (presentation === 'menu') {\r\n        return (\r\n            <DropdownMenu.Item\r\n                label={labels.removeLink}\r\n                startIcon={'lucide:unlink'}\r\n                disabled={!editor.isActive('link')}\r\n                onClick={() => editor.chain().focus().unsetLink().run()}\r\n            />\r\n        )\r\n    }\r\n\r\n    return (\r\n        <Tooltip\r\n            content={labels.removeLink}\r\n            delayDuration={700}\r\n            openOnFocus={false}\r\n            position={'top'}\r\n        >\r\n            <IconButton\r\n                type={'button'}\r\n                icon={'lucide:unlink'}\r\n                aria-label={labels.removeLink}\r\n                variant={'ghost'}\r\n                color={'primary'}\r\n                size={'sm'}\r\n                disabled={disabled || !editor.isActive('link')}\r\n                onMouseDown={(event) => event.preventDefault()}\r\n                onClick={() => editor.chain().focus().unsetLink().run()}\r\n            />\r\n        </Tooltip>\r\n    )\r\n}\r\n\r\nUnsetLink.displayName = 'RichTextEditor.UnsetLink'\r\n\r\nexport default UnsetLink\r\n"],"names":["UnsetLink","presentation","editor","disabled","labels","useRichTextEditorContext","jsx","DropdownMenu","Tooltip","IconButton","event"],"mappings":";;;;;;;;;;AAMA,MAAMA,IAAY,CAAC,EAAE,cAAAC,IAAe,aAA6B;AAC7D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA;AAErC,SAAKH,IAIDD,MAAiB,SAEb,gBAAAK;AAAA,IAACC,EAAa;AAAA,IAAb;AAAA,MACG,OAAOH,EAAO;AAAA,MACd,WAAW;AAAA,MACX,UAAU,CAACF,EAAO,SAAS,MAAM;AAAA,MACjC,SAAS,MAAMA,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AAAA,IAAI;AAAA,EAAA,IAM9D,gBAAAI;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,SAASJ,EAAO;AAAA,MAChB,eAAe;AAAA,MACf,aAAa;AAAA,MACb,UAAU;AAAA,MAEV,UAAA,gBAAAE;AAAA,QAACG;AAAA,QAAA;AAAA,UACG,MAAM;AAAA,UACN,MAAM;AAAA,UACN,cAAYL,EAAO;AAAA,UACnB,SAAS;AAAA,UACT,OAAO;AAAA,UACP,MAAM;AAAA,UACN,UAAUD,KAAY,CAACD,EAAO,SAAS,MAAM;AAAA,UAC7C,aAAa,CAACQ,MAAUA,EAAM,eAAA;AAAA,UAC9B,SAAS,MAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,UAAA,EAAY,IAAA;AAAA,QAAI;AAAA,MAAA;AAAA,IAC1D;AAAA,EAAA,IA/BG;AAkCf;AAEAF,EAAU,cAAc;"}

package/dist/components/forms/rich-text-editor/components/link-group/index.d.ts

@@ -0,0 +1,5 @@
+export { default as LinkGroup } from './LinkGroup.tsx';
+export { default as SetLink } from './SetLink.tsx';
+export { default as UnsetLink } from './UnsetLink.tsx';
+export type { SetLinkProps } from './types/SetLink.props.ts';
+export type { UnsetLinkProps } from './types/UnsetLink.props.ts';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkGroup.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export declare const LINK_GROUP_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                             */
+var t = { root: "_11omis70" };
+export {
+  t as LINK_GROUP_STYLES
+};
+//# sourceMappingURL=LinkGroup.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LinkGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/rich-text-editor/components/link-group/types/SetLink.props.d.ts

@@ -0,0 +1,3 @@
+export type SetLinkProps = {
+    presentation?: 'icon' | 'menu';
+};

package/dist/components/forms/rich-text-editor/components/link-group/types/UnsetLink.props.d.ts

@@ -0,0 +1,3 @@
+export type UnsetLinkProps = {
+    presentation?: 'icon' | 'menu';
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListsGroup.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/lists-group/ListsGroup.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 { LISTS_GROUP_STYLES } from '@components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.ts'\r\nimport type { ListsGroupProps } from '@components/forms/rich-text-editor/components/lists-group/types/ListsGroup.props.ts'\r\n\r\nconst ListsGroup = ({ presentation = 'menu' }: ListsGroupProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const [listsOpen, setListsOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const isBulletList = editor.isActive('bulletList')\r\n    const isOrderedList = editor.isActive('orderedList')\r\n\r\n    return (\r\n        <div\r\n            className={LISTS_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.listsGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.bulletedList}\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:list'}\r\n                            aria-label={labels.bulletedList}\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().toggleBulletList().run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.numberedList}\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:list-ordered'}\r\n                            aria-label={labels.numberedList}\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().toggleOrderedList().run()}\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={listsOpen}\r\n                    onOpenChange={setListsOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.listsTrigger}\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:list'}\r\n                                aria-label={labels.listsTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={listsOpen}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.listOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.bulletedList}\r\n                            startIcon={'lucide:list'}\r\n                            active={isBulletList}\r\n                            onClick={() => editor.chain().focus().toggleBulletList().run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.numberedList}\r\n                            startIcon={'lucide:list-ordered'}\r\n                            active={isOrderedList}\r\n                            onClick={() => editor.chain().focus().toggleOrderedList().run()}\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nListsGroup.displayName = 'RichTextEditor.ListsGroup'\r\n\r\nexport default ListsGroup\r\n"],"names":["ListsGroup","presentation","editor","disabled","labels","useRichTextEditorContext","listsOpen","setListsOpen","useState","isBulletList","isOrderedList","jsx","LISTS_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":"isBASMA,EAAa,CAAC,CAAE,aAAAC,EAAe,UAA8B,CAC/D,KAAM,CAAE,OAAAC,EAAQ,SAAAC,EAAU,OAAAC,CAAA,EAAWC,EAAAA,yBAAA,EAC/B,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAEhD,GAAI,CAACN,EACD,OAAO,KAGX,MAAMO,EAAeP,EAAO,SAAS,YAAY,EAC3CQ,EAAgBR,EAAO,SAAS,aAAa,EAEnD,OACIS,EAAAA,IAAC,MAAA,CACG,UAAWC,EAAAA,mBAAmB,KAC9B,KAAM,QACN,aAAYR,EAAO,WAElB,SAAAH,IAAiB,SACdY,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAH,EAAAA,IAACI,EAAA,CACG,QAASX,EAAO,aAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAO,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,cACN,aAAYZ,EAAO,aACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,YAAcc,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMf,EAAO,MAAA,EAAQ,MAAA,EAAQ,iBAAA,EAAmB,IAAA,CAAI,CAAA,CACjE,CAAA,EAEJS,EAAAA,IAACI,EAAA,CACG,QAASX,EAAO,aAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAO,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,sBACN,aAAYZ,EAAO,aACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,SAAAD,EACA,YAAcc,GAAUA,EAAM,eAAA,EAC9B,QAAS,IAAMf,EAAO,MAAA,EAAQ,MAAA,EAAQ,kBAAA,EAAoB,IAAA,CAAI,CAAA,CAClE,CAAA,CACJ,CAAA,CACJ,EAEAW,EAAAA,KAACK,EAAA,CACG,MAAO,GACP,KAAMZ,EACN,aAAcC,EAEd,SAAA,CAAAI,EAAAA,IAACI,EAAA,CACG,QAASX,EAAO,aAChB,cAAe,IACf,YAAa,GACb,SAAU,MAEV,SAAAO,EAAAA,IAACO,EAAa,QAAb,CACG,SAAAP,EAAAA,IAACK,EAAA,CACG,KAAM,SACN,KAAM,cACN,aAAYZ,EAAO,aACnB,QAAS,QACT,MAAO,UACP,KAAM,KACN,OAAQE,EACR,SAAAH,CAAA,CAAA,CACJ,CACJ,CAAA,CAAA,SAEHe,EAAa,QAAb,CAAqB,aAAYd,EAAO,YACrC,SAAA,CAAAO,EAAAA,IAACO,EAAa,KAAb,CACG,MAAOd,EAAO,aACd,UAAW,cACX,OAAQK,EACR,QAAS,IAAMP,EAAO,MAAA,EAAQ,MAAA,EAAQ,iBAAA,EAAmB,IAAA,CAAI,CAAA,EAEjES,EAAAA,IAACO,EAAa,KAAb,CACG,MAAOd,EAAO,aACd,UAAW,sBACX,OAAQM,EACR,QAAS,IAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,kBAAA,EAAoB,IAAA,CAAI,CAAA,CAClE,CAAA,CACJ,CAAA,CAAA,CAAA,CACJ,CAAA,CAIhB,EAEAF,EAAW,YAAc"}

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

@@ -0,0 +1,6 @@
+import { ListsGroupProps } from './types/ListsGroup.props.ts';
+declare const ListsGroup: {
+    ({ presentation }: ListsGroupProps): import("react").JSX.Element | null;
+    displayName: string;
+};
+export default ListsGroup;

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

@@ -0,0 +1,130 @@
+import { jsx as e, jsxs as n, Fragment as f } from "react/jsx-runtime";
+import s 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";
+/* empty css                                               */
+/* empty css                                                            */
+import "../../../../overlay/dropdown-menu/index.js";
+import { useState as g } from "react";
+import { useRichTextEditorContext as b } from "../../context/RichTextEditor.context.js";
+import { LISTS_GROUP_STYLES as L } from "./styles/ListsGroup.css.js";
+import o from "../../../../overlay/dropdown-menu/DropdownMenu.js";
+const h = ({ presentation: u = "menu" }) => {
+  const { editor: i, disabled: r, labels: t } = b(), [c, d] = g(!1);
+  if (!i)
+    return null;
+  const p = i.isActive("bulletList"), m = i.isActive("orderedList");
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      className: L.root,
+      role: "group",
+      "aria-label": t.listsGroup,
+      children: u === "inline" ? /* @__PURE__ */ n(f, { children: [
+        /* @__PURE__ */ e(
+          a,
+          {
+            content: t.bulletedList,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ e(
+              s,
+              {
+                type: "button",
+                icon: "lucide:list",
+                "aria-label": t.bulletedList,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: r,
+                onMouseDown: (l) => l.preventDefault(),
+                onClick: () => i.chain().focus().toggleBulletList().run()
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ e(
+          a,
+          {
+            content: t.numberedList,
+            delayDuration: 700,
+            openOnFocus: !1,
+            position: "top",
+            children: /* @__PURE__ */ e(
+              s,
+              {
+                type: "button",
+                icon: "lucide:list-ordered",
+                "aria-label": t.numberedList,
+                variant: "ghost",
+                color: "primary",
+                size: "sm",
+                disabled: r,
+                onMouseDown: (l) => l.preventDefault(),
+                onClick: () => i.chain().focus().toggleOrderedList().run()
+              }
+            )
+          }
+        )
+      ] }) : /* @__PURE__ */ n(
+        o,
+        {
+          modal: !1,
+          open: c,
+          onOpenChange: d,
+          children: [
+            /* @__PURE__ */ e(
+              a,
+              {
+                content: t.listsTrigger,
+                delayDuration: 700,
+                openOnFocus: !1,
+                position: "top",
+                children: /* @__PURE__ */ e(o.Trigger, { children: /* @__PURE__ */ e(
+                  s,
+                  {
+                    type: "button",
+                    icon: "lucide:list",
+                    "aria-label": t.listsTrigger,
+                    variant: "ghost",
+                    color: "primary",
+                    size: "sm",
+                    active: c,
+                    disabled: r
+                  }
+                ) })
+              }
+            ),
+            /* @__PURE__ */ n(o.Content, { "aria-label": t.listOptions, children: [
+              /* @__PURE__ */ e(
+                o.Item,
+                {
+                  label: t.bulletedList,
+                  startIcon: "lucide:list",
+                  active: p,
+                  onClick: () => i.chain().focus().toggleBulletList().run()
+                }
+              ),
+              /* @__PURE__ */ e(
+                o.Item,
+                {
+                  label: t.numberedList,
+                  startIcon: "lucide:list-ordered",
+                  active: m,
+                  onClick: () => i.chain().focus().toggleOrderedList().run()
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+};
+h.displayName = "RichTextEditor.ListsGroup";
+export {
+  h as default
+};
+//# sourceMappingURL=ListsGroup.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListsGroup.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/lists-group/ListsGroup.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 { LISTS_GROUP_STYLES } from '@components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.ts'\r\nimport type { ListsGroupProps } from '@components/forms/rich-text-editor/components/lists-group/types/ListsGroup.props.ts'\r\n\r\nconst ListsGroup = ({ presentation = 'menu' }: ListsGroupProps) => {\r\n    const { editor, disabled, labels } = useRichTextEditorContext()\r\n    const [listsOpen, setListsOpen] = useState(false)\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    const isBulletList = editor.isActive('bulletList')\r\n    const isOrderedList = editor.isActive('orderedList')\r\n\r\n    return (\r\n        <div\r\n            className={LISTS_GROUP_STYLES.root}\r\n            role={'group'}\r\n            aria-label={labels.listsGroup}\r\n        >\r\n            {presentation === 'inline' ? (\r\n                <>\r\n                    <Tooltip\r\n                        content={labels.bulletedList}\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:list'}\r\n                            aria-label={labels.bulletedList}\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().toggleBulletList().run()}\r\n                        />\r\n                    </Tooltip>\r\n                    <Tooltip\r\n                        content={labels.numberedList}\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:list-ordered'}\r\n                            aria-label={labels.numberedList}\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().toggleOrderedList().run()}\r\n                        />\r\n                    </Tooltip>\r\n                </>\r\n            ) : (\r\n                <DropdownMenu\r\n                    modal={false}\r\n                    open={listsOpen}\r\n                    onOpenChange={setListsOpen}\r\n                >\r\n                    <Tooltip\r\n                        content={labels.listsTrigger}\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:list'}\r\n                                aria-label={labels.listsTrigger}\r\n                                variant={'ghost'}\r\n                                color={'primary'}\r\n                                size={'sm'}\r\n                                active={listsOpen}\r\n                                disabled={disabled}\r\n                            />\r\n                        </DropdownMenu.Trigger>\r\n                    </Tooltip>\r\n                    <DropdownMenu.Content aria-label={labels.listOptions}>\r\n                        <DropdownMenu.Item\r\n                            label={labels.bulletedList}\r\n                            startIcon={'lucide:list'}\r\n                            active={isBulletList}\r\n                            onClick={() => editor.chain().focus().toggleBulletList().run()}\r\n                        />\r\n                        <DropdownMenu.Item\r\n                            label={labels.numberedList}\r\n                            startIcon={'lucide:list-ordered'}\r\n                            active={isOrderedList}\r\n                            onClick={() => editor.chain().focus().toggleOrderedList().run()}\r\n                        />\r\n                    </DropdownMenu.Content>\r\n                </DropdownMenu>\r\n            )}\r\n        </div>\r\n    )\r\n}\r\n\r\nListsGroup.displayName = 'RichTextEditor.ListsGroup'\r\n\r\nexport default ListsGroup\r\n"],"names":["ListsGroup","presentation","editor","disabled","labels","useRichTextEditorContext","listsOpen","setListsOpen","useState","isBulletList","isOrderedList","jsx","LISTS_GROUP_STYLES","jsxs","Fragment","Tooltip","IconButton","event","DropdownMenu"],"mappings":";;;;;;;;;;;;AASA,MAAMA,IAAa,CAAC,EAAE,cAAAC,IAAe,aAA8B;AAC/D,QAAM,EAAE,QAAAC,GAAQ,UAAAC,GAAU,QAAAC,EAAA,IAAWC,EAAA,GAC/B,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,MAAI,CAACN;AACD,WAAO;AAGX,QAAMO,IAAeP,EAAO,SAAS,YAAY,GAC3CQ,IAAgBR,EAAO,SAAS,aAAa;AAEnD,SACI,gBAAAS;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWC,EAAmB;AAAA,MAC9B,MAAM;AAAA,MACN,cAAYR,EAAO;AAAA,MAElB,UAAAH,MAAiB,WACd,gBAAAY,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASX,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAO;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,cAAYZ,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAAD;AAAA,gBACA,aAAa,CAACc,MAAUA,EAAM,eAAA;AAAA,gBAC9B,SAAS,MAAMf,EAAO,MAAA,EAAQ,MAAA,EAAQ,iBAAA,EAAmB,IAAA;AAAA,cAAI;AAAA,YAAA;AAAA,UACjE;AAAA,QAAA;AAAA,QAEJ,gBAAAS;AAAA,UAACI;AAAA,UAAA;AAAA,YACG,SAASX,EAAO;AAAA,YAChB,eAAe;AAAA,YACf,aAAa;AAAA,YACb,UAAU;AAAA,YAEV,UAAA,gBAAAO;AAAA,cAACK;AAAA,cAAA;AAAA,gBACG,MAAM;AAAA,gBACN,MAAM;AAAA,gBACN,cAAYZ,EAAO;AAAA,gBACnB,SAAS;AAAA,gBACT,OAAO;AAAA,gBACP,MAAM;AAAA,gBACN,UAAAD;AAAA,gBACA,aAAa,CAACc,MAAUA,EAAM,eAAA;AAAA,gBAC9B,SAAS,MAAMf,EAAO,MAAA,EAAQ,MAAA,EAAQ,kBAAA,EAAoB,IAAA;AAAA,cAAI;AAAA,YAAA;AAAA,UAClE;AAAA,QAAA;AAAA,MACJ,EAAA,CACJ,IAEA,gBAAAW;AAAA,QAACK;AAAA,QAAA;AAAA,UACG,OAAO;AAAA,UACP,MAAMZ;AAAA,UACN,cAAcC;AAAA,UAEd,UAAA;AAAA,YAAA,gBAAAI;AAAA,cAACI;AAAA,cAAA;AAAA,gBACG,SAASX,EAAO;AAAA,gBAChB,eAAe;AAAA,gBACf,aAAa;AAAA,gBACb,UAAU;AAAA,gBAEV,UAAA,gBAAAO,EAACO,EAAa,SAAb,EACG,UAAA,gBAAAP;AAAA,kBAACK;AAAA,kBAAA;AAAA,oBACG,MAAM;AAAA,oBACN,MAAM;AAAA,oBACN,cAAYZ,EAAO;AAAA,oBACnB,SAAS;AAAA,oBACT,OAAO;AAAA,oBACP,MAAM;AAAA,oBACN,QAAQE;AAAA,oBACR,UAAAH;AAAA,kBAAA;AAAA,gBAAA,EACJ,CACJ;AAAA,cAAA;AAAA,YAAA;AAAA,8BAEHe,EAAa,SAAb,EAAqB,cAAYd,EAAO,aACrC,UAAA;AAAA,cAAA,gBAAAO;AAAA,gBAACO,EAAa;AAAA,gBAAb;AAAA,kBACG,OAAOd,EAAO;AAAA,kBACd,WAAW;AAAA,kBACX,QAAQK;AAAA,kBACR,SAAS,MAAMP,EAAO,MAAA,EAAQ,MAAA,EAAQ,iBAAA,EAAmB,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,cAEjE,gBAAAS;AAAA,gBAACO,EAAa;AAAA,gBAAb;AAAA,kBACG,OAAOd,EAAO;AAAA,kBACd,WAAW;AAAA,kBACX,QAAQM;AAAA,kBACR,SAAS,MAAMR,EAAO,MAAA,EAAQ,MAAA,EAAQ,kBAAA,EAAoB,IAAA;AAAA,gBAAI;AAAA,cAAA;AAAA,YAClE,EAAA,CACJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIhB;AAEAF,EAAW,cAAc;"}

package/dist/components/forms/rich-text-editor/components/lists-group/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ListsGroup } from './ListsGroup.tsx';
+export type { ListsGroupProps } from './types/ListsGroup.props.ts';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListsGroup.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export declare const LISTS_GROUP_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                                  */
+/* empty css                              */
+var t = { root: "_16yuy4e0" };
+export {
+  t as LISTS_GROUP_STYLES
+};
+//# sourceMappingURL=ListsGroup.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListsGroup.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/forms/rich-text-editor/components/lists-group/types/ListsGroup.props.d.ts

@@ -0,0 +1,5 @@
+import { RichTextEditorToolbarPresentation } from '../../../types/RichTextEditorToolbarPresentation.types.ts';
+export type ListsGroupProps = {
+    /** Renders a single menu trigger or the list actions directly in the toolbar. Defaults to `menu`. */
+    presentation?: RichTextEditorToolbarPresentation;
+};

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyField.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { RichTextRenderer } from '@components/data-display/rich-text-renderer'\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { ReadOnlyFieldProps } from '@components/forms/rich-text-editor/components/read-only-field/types/ReadOnlyField.props.ts'\r\n\r\nconst ReadOnlyField: FC<ReadOnlyFieldProps> = memo(({ className }) => {\r\n    const {\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n        error,\r\n        helperText,\r\n        label,\r\n        labelId,\r\n        helperId,\r\n        name,\r\n        disabled,\r\n        renderedValue,\r\n        editor,\r\n    } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <RichTextRenderer\r\n                value={renderedValue}\r\n                className={className}\r\n                aria-describedby={error || helperText ? helperId : undefined}\r\n                aria-invalid={error ? 'true' : undefined}\r\n                aria-label={ariaLabel ?? label}\r\n                aria-labelledby={ariaLabelledBy ?? (label ? labelId : undefined)}\r\n            />\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={false}\r\n                />\r\n            )}\r\n        </>\r\n    )\r\n})\r\n\r\nReadOnlyField.displayName = 'RichTextEditor.ReadOnlyField'\r\n\r\nexport default ReadOnlyField\r\n"],"names":["ReadOnlyField","memo","className","ariaLabel","ariaLabelledBy","error","helperText","label","labelId","helperId","name","disabled","renderedValue","editor","useRichTextEditorContext","jsxs","Fragment","jsx","RichTextRenderer","RichTextEditorFormField"],"mappings":"miBAOMA,EAAwCC,EAAAA,KAAK,CAAC,CAAE,UAAAC,KAAgB,CAClE,KAAM,CACF,UAAAC,EACA,eAAAC,EACA,MAAAC,EACA,WAAAC,EACA,MAAAC,EACA,QAAAC,EACA,SAAAC,EACA,KAAAC,EACA,SAAAC,EACA,cAAAC,EACA,OAAAC,CAAA,EACAC,2BAAA,EAEJ,OAAKD,EAKDE,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,EAAAA,IAACC,EAAA,CACG,MAAON,EACP,UAAAV,EACA,mBAAkBG,GAASC,EAAaG,EAAW,OACnD,eAAcJ,EAAQ,OAAS,OAC/B,aAAYF,GAAaI,EACzB,kBAAiBH,IAAmBG,EAAQC,EAAU,OAAA,CAAA,EAEzDE,GACGO,EAAAA,IAACE,EAAA,CACG,KAAAT,EACA,MAAOG,EAAO,QAAU,GAAK,KAAK,UAAUA,EAAO,SAAS,EAC5D,SAAAF,EACA,SAAU,EAAA,CAAA,CACd,EAER,EArBO,IAuBf,CAAC,EAEDX,EAAc,YAAc"}

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { ReadOnlyFieldProps } from './types/ReadOnlyField.props.ts';
+declare const ReadOnlyField: FC<ReadOnlyFieldProps>;
+export default ReadOnlyField;

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

@@ -0,0 +1,50 @@
+import { jsxs as u, Fragment as f, jsx as l } from "react/jsx-runtime";
+import { memo as x } from "react";
+import c from "../../../../data-display/rich-text-renderer/RichTextRenderer.js";
+/* empty css                                               */
+/* empty css                                                                                     */
+import y from "../rich-text-editor-form-field/RichTextEditorFormField.js";
+/* empty css                                                                               */
+import { useRichTextEditorContext as h } from "../../context/RichTextEditor.context.js";
+const R = x(({ className: t }) => {
+  const {
+    ariaLabel: d,
+    ariaLabelledBy: o,
+    error: r,
+    helperText: m,
+    label: i,
+    labelId: n,
+    helperId: p,
+    name: a,
+    disabled: s,
+    renderedValue: b,
+    editor: e
+  } = h();
+  return e ? /* @__PURE__ */ u(f, { children: [
+    /* @__PURE__ */ l(
+      c,
+      {
+        value: b,
+        className: t,
+        "aria-describedby": r || m ? p : void 0,
+        "aria-invalid": r ? "true" : void 0,
+        "aria-label": d ?? i,
+        "aria-labelledby": o ?? (i ? n : void 0)
+      }
+    ),
+    a && /* @__PURE__ */ l(
+      y,
+      {
+        name: a,
+        value: e.isEmpty ? "" : JSON.stringify(e.getJSON()),
+        disabled: s,
+        required: !1
+      }
+    )
+  ] }) : null;
+});
+R.displayName = "RichTextEditor.ReadOnlyField";
+export {
+  R as default
+};
+//# sourceMappingURL=ReadOnlyField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReadOnlyField.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { RichTextRenderer } from '@components/data-display/rich-text-renderer'\r\nimport { RichTextEditorFormField } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field'\r\nimport { useRichTextEditorContext } from '@components/forms/rich-text-editor/context/RichTextEditor.context.ts'\r\nimport type { ReadOnlyFieldProps } from '@components/forms/rich-text-editor/components/read-only-field/types/ReadOnlyField.props.ts'\r\n\r\nconst ReadOnlyField: FC<ReadOnlyFieldProps> = memo(({ className }) => {\r\n    const {\r\n        ariaLabel,\r\n        ariaLabelledBy,\r\n        error,\r\n        helperText,\r\n        label,\r\n        labelId,\r\n        helperId,\r\n        name,\r\n        disabled,\r\n        renderedValue,\r\n        editor,\r\n    } = useRichTextEditorContext()\r\n\r\n    if (!editor) {\r\n        return null\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <RichTextRenderer\r\n                value={renderedValue}\r\n                className={className}\r\n                aria-describedby={error || helperText ? helperId : undefined}\r\n                aria-invalid={error ? 'true' : undefined}\r\n                aria-label={ariaLabel ?? label}\r\n                aria-labelledby={ariaLabelledBy ?? (label ? labelId : undefined)}\r\n            />\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={false}\r\n                />\r\n            )}\r\n        </>\r\n    )\r\n})\r\n\r\nReadOnlyField.displayName = 'RichTextEditor.ReadOnlyField'\r\n\r\nexport default ReadOnlyField\r\n"],"names":["ReadOnlyField","memo","className","ariaLabel","ariaLabelledBy","error","helperText","label","labelId","helperId","name","disabled","renderedValue","editor","useRichTextEditorContext","jsxs","Fragment","jsx","RichTextRenderer","RichTextEditorFormField"],"mappings":";;;;;;;;AAOA,MAAMA,IAAwCC,EAAK,CAAC,EAAE,WAAAC,QAAgB;AAClE,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,UAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,eAAAC;AAAA,IACA,QAAAC;AAAA,EAAA,IACAC,EAAA;AAEJ,SAAKD,IAKD,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAON;AAAA,QACP,WAAAV;AAAA,QACA,oBAAkBG,KAASC,IAAaG,IAAW;AAAA,QACnD,gBAAcJ,IAAQ,SAAS;AAAA,QAC/B,cAAYF,KAAaI;AAAA,QACzB,mBAAiBH,MAAmBG,IAAQC,IAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEzDE,KACG,gBAAAO;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,MAAAT;AAAA,QACA,OAAOG,EAAO,UAAU,KAAK,KAAK,UAAUA,EAAO,SAAS;AAAA,QAC5D,UAAAF;AAAA,QACA,UAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GAER,IArBO;AAuBf,CAAC;AAEDX,EAAc,cAAc;"}

package/dist/components/forms/rich-text-editor/components/read-only-field/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ReadOnlyField } from './ReadOnlyField.tsx';
+export type { ReadOnlyFieldProps } from './types/ReadOnlyField.props.ts';

package/dist/components/forms/rich-text-editor/components/read-only-field/types/ReadOnlyField.props.d.ts

@@ -0,0 +1,3 @@
+export type ReadOnlyFieldProps = {
+    className?: string;
+};

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

@@ -0,0 +1,2 @@
+"use strict";const a=require("react/jsx-runtime"),c=require("react"),d=require("./styles/RichTextEditorFormField.css.cjs"),e=c.memo(({name:t,value:r,disabled:i,required:o})=>a.jsx("textarea",{name:t,value:r,disabled:i,required:o,onChange:s=>s.preventDefault(),tabIndex:-1,"aria-hidden":"true",className:d.RICH_TEXT_EDITOR_FORM_FIELD_STYLES.root}));e.displayName="RichTextEditor.FormField";module.exports=e;
+//# sourceMappingURL=RichTextEditorFormField.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorFormField.cjs","sources":["../../../../../../src/components/forms/rich-text-editor/components/rich-text-editor-form-field/RichTextEditorFormField.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { RICH_TEXT_EDITOR_FORM_FIELD_STYLES } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.ts'\r\nimport type { RichTextEditorFormFieldProps } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field/types/RichTextEditorFormField.props.ts'\r\n\r\nconst RichTextEditorFormField: FC<RichTextEditorFormFieldProps> = memo(({\r\n    name,\r\n    value,\r\n    disabled,\r\n    required,\r\n}) => (\r\n    <textarea\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        required={required}\r\n        onChange={(event) => event.preventDefault()}\r\n        tabIndex={-1}\r\n        aria-hidden={'true'}\r\n        className={RICH_TEXT_EDITOR_FORM_FIELD_STYLES.root}\r\n    />\r\n))\r\n\r\nRichTextEditorFormField.displayName = 'RichTextEditor.FormField'\r\n\r\nexport default RichTextEditorFormField\r\n"],"names":["RichTextEditorFormField","memo","name","value","disabled","required","jsx","event","RICH_TEXT_EDITOR_FORM_FIELD_STYLES"],"mappings":"2HAKMA,EAA4DC,EAAAA,KAAK,CAAC,CACpE,KAAAC,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,CACJ,IACIC,EAAAA,IAAC,WAAA,CACG,KAAAJ,EACA,MAAAC,EACA,SAAAC,EACA,SAAAC,EACA,SAAWE,GAAUA,EAAM,eAAA,EAC3B,SAAU,GACV,cAAa,OACb,UAAWC,EAAAA,mCAAmC,IAAA,CAClD,CACH,EAEDR,EAAwB,YAAc"}

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/RichTextEditorFormField.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { RichTextEditorFormFieldProps } from './types/RichTextEditorFormField.props.ts';
+declare const RichTextEditorFormField: FC<RichTextEditorFormFieldProps>;
+export default RichTextEditorFormField;

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

@@ -0,0 +1,26 @@
+import { jsx as i } from "react/jsx-runtime";
+import { memo as m } from "react";
+import { RICH_TEXT_EDITOR_FORM_FIELD_STYLES as d } from "./styles/RichTextEditorFormField.css.js";
+const l = m(({
+  name: e,
+  value: t,
+  disabled: o,
+  required: r
+}) => /* @__PURE__ */ i(
+  "textarea",
+  {
+    name: e,
+    value: t,
+    disabled: o,
+    required: r,
+    onChange: (a) => a.preventDefault(),
+    tabIndex: -1,
+    "aria-hidden": "true",
+    className: d.root
+  }
+));
+l.displayName = "RichTextEditor.FormField";
+export {
+  l as default
+};
+//# sourceMappingURL=RichTextEditorFormField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorFormField.js","sources":["../../../../../../src/components/forms/rich-text-editor/components/rich-text-editor-form-field/RichTextEditorFormField.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { RICH_TEXT_EDITOR_FORM_FIELD_STYLES } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.ts'\r\nimport type { RichTextEditorFormFieldProps } from '@components/forms/rich-text-editor/components/rich-text-editor-form-field/types/RichTextEditorFormField.props.ts'\r\n\r\nconst RichTextEditorFormField: FC<RichTextEditorFormFieldProps> = memo(({\r\n    name,\r\n    value,\r\n    disabled,\r\n    required,\r\n}) => (\r\n    <textarea\r\n        name={name}\r\n        value={value}\r\n        disabled={disabled}\r\n        required={required}\r\n        onChange={(event) => event.preventDefault()}\r\n        tabIndex={-1}\r\n        aria-hidden={'true'}\r\n        className={RICH_TEXT_EDITOR_FORM_FIELD_STYLES.root}\r\n    />\r\n))\r\n\r\nRichTextEditorFormField.displayName = 'RichTextEditor.FormField'\r\n\r\nexport default RichTextEditorFormField\r\n"],"names":["RichTextEditorFormField","memo","name","value","disabled","required","jsx","event","RICH_TEXT_EDITOR_FORM_FIELD_STYLES"],"mappings":";;;AAKA,MAAMA,IAA4DC,EAAK,CAAC;AAAA,EACpE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,MAAAJ;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAAC;AAAA,IACA,UAAU,CAACE,MAAUA,EAAM,eAAA;AAAA,IAC3B,UAAU;AAAA,IACV,eAAa;AAAA,IACb,WAAWC,EAAmC;AAAA,EAAA;AAClD,CACH;AAEDR,EAAwB,cAAc;"}

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RichTextEditorFormField } from './RichTextEditorFormField.tsx';
+export { RICH_TEXT_EDITOR_FORM_FIELD_STYLES } from './styles/RichTextEditorFormField.css.ts';
+export type { RichTextEditorFormFieldProps } from './types/RichTextEditorFormField.props.ts';

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorFormField.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,3 @@
+export declare const RICH_TEXT_EDITOR_FORM_FIELD_STYLES: {
+    root: string;
+};

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

@@ -0,0 +1,6 @@
+/* empty css                                           */
+var _ = { root: "rsin5k0" };
+export {
+  _ as RICH_TEXT_EDITOR_FORM_FIELD_STYLES
+};
+//# sourceMappingURL=RichTextEditorFormField.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RichTextEditorFormField.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/types/RichTextEditorFormField.props.d.ts

@@ -0,0 +1,6 @@
+export type RichTextEditorFormFieldProps = {
+    name: string;
+    value: string;
+    disabled: boolean;
+    required: boolean;
+};

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

@@ -0,0 +1,2 @@
+"use strict";const d=require("react/jsx-runtime"),e=require("react"),a=require("./styles/RichTextEditorLabel.css.cjs"),n=require("../../context/RichTextEditor.context.cjs"),t=e.memo(({id:o,disabled:i,children:r})=>{const s=e.useContext(n.RichTextEditorContext),c=o??s?.labelId;return d.jsx("label",{id:c,className:a.RICH_TEXT_EDITOR_LABEL_STYLES.root,"data-disabled":i?"":void 0,children:r})});t.displayName="RichTextEditor.Label";module.exports=t;
+//# sourceMappingURL=RichTextEditorLabel.cjs.map