@choco-vanille/ui 1.1.2 → 1.3.0

package/dist/components/forms/rich-text-editor/hooks/useRichTextEditor.hook.js

@@ -0,0 +1,120 @@
+import { useEditor as A } from "@tiptap/react";
+import J from "@tiptap/extension-color";
+import M from "@tiptap/extension-image";
+import C from "@tiptap/extension-link";
+import E from "@tiptap/extension-text-align";
+import { TextStyle as U, FontSize as P } from "@tiptap/extension-text-style";
+import V from "@tiptap/starter-kit";
+import { useRef as T, useReducer as z, useEffect as m } from "react";
+import { EMPTY_RICH_TEXT_DOCUMENT as H } from "../constants/richTextEmptyDocument.const.js";
+import { handleRichTextImagePaste as _ } from "../utils/richTextImagePaste.utils.js";
+import { normalizeRichTextUrl as S } from "../utils/richText.utils.js";
+const G = ({
+  value: r,
+  defaultValue: x,
+  onValueChange: a,
+  disabled: b,
+  readOnly: O,
+  required: w,
+  label: l,
+  placeholder: y,
+  error: u,
+  helperText: N,
+  labelId: R,
+  helperId: k,
+  ariaLabel: c,
+  ariaLabelledBy: f
+}) => {
+  const p = T(a), h = T(r), [, i] = z((t) => t + 1, 0), d = b || O;
+  h.current = r, m(() => {
+    p.current = a;
+  }, [a]);
+  const e = A({
+    extensions: [
+      V.configure({
+        link: !1
+      }),
+      U,
+      P,
+      J,
+      M.extend({
+        addAttributes() {
+          return {
+            ...this.parent?.(),
+            width: {
+              default: null,
+              parseHTML: (t) => t.getAttribute("data-width"),
+              renderHTML: (t) => t.width ? { "data-width": t.width, style: `width: ${t.width}` } : {}
+            }
+          };
+        }
+      }).configure({
+        allowBase64: !0,
+        inline: !0
+      }),
+      C.configure({
+        autolink: !0,
+        linkOnPaste: !0,
+        openOnClick: !1,
+        enableClickSelection: !0,
+        HTMLAttributes: {
+          rel: "noopener noreferrer",
+          target: "_blank"
+        },
+        isAllowedUri: (t) => !!S(t),
+        shouldAutoLink: (t) => !!S(t)
+      }),
+      E.configure({
+        types: ["heading", "paragraph"]
+      })
+    ],
+    content: r ?? x ?? H,
+    editable: !d,
+    immediatelyRender: !1,
+    editorProps: {
+      attributes: {
+        ...u || N ? { "aria-describedby": k } : {},
+        ...u ? { "aria-invalid": "true" } : {},
+        ...c || l ? { "aria-label": c ?? l } : {},
+        ...f || l ? { "aria-labelledby": f ?? R } : {},
+        "aria-multiline": "true",
+        ...w ? { "aria-required": "true" } : {},
+        "data-placeholder": y ?? "",
+        role: "textbox"
+      },
+      handleDOMEvents: {
+        mousedown: (t) => (t.dom.setAttribute("data-mouse-focus", ""), !1),
+        blur: (t) => (t.dom.removeAttribute("data-mouse-focus"), !1)
+      },
+      handlePaste: _
+    },
+    onUpdate: ({ editor: t }) => {
+      const n = t.getJSON(), s = JSON.stringify(n);
+      p.current?.(n), i(), setTimeout(() => {
+        const o = h.current;
+        o === void 0 || JSON.stringify(o) === s || JSON.stringify(t.getJSON()) !== s || (t.commands.setContent(o, { emitUpdate: !1 }), i());
+      }, 0);
+    },
+    onTransaction: i
+  });
+  return m(() => {
+    e && e.setEditable(!d);
+  }, [e, d]), m(() => {
+    if (!e || r === void 0)
+      return;
+    const t = JSON.stringify(r), n = JSON.stringify(e.getJSON());
+    if (t === n)
+      return;
+    const { from: s, to: o } = e.state.selection;
+    e.commands.setContent(r, { emitUpdate: !1 });
+    const g = e.state.doc.content.size;
+    e.commands.setTextSelection({
+      from: Math.min(s, g),
+      to: Math.min(o, g)
+    }), i();
+  }, [e, r]), e;
+};
+export {
+  G as useRichTextEditor
+};
+//# sourceMappingURL=useRichTextEditor.hook.js.map

package/dist/components/forms/rich-text-editor/hooks/useRichTextEditor.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRichTextEditor.hook.js","sources":["../../../../../src/components/forms/rich-text-editor/hooks/useRichTextEditor.hook.ts"],"sourcesContent":["import { useEditor, type Editor } from '@tiptap/react'\r\nimport Color from '@tiptap/extension-color'\r\nimport Image from '@tiptap/extension-image'\r\nimport Link from '@tiptap/extension-link'\r\nimport TextAlign from '@tiptap/extension-text-align'\r\nimport { FontSize, TextStyle } from '@tiptap/extension-text-style'\r\nimport StarterKit from '@tiptap/starter-kit'\r\nimport { useEffect, useReducer, useRef } from 'react'\r\n\r\nimport { EMPTY_RICH_TEXT_DOCUMENT } from '@components/forms/rich-text-editor/constants/richTextEmptyDocument.const.ts'\r\nimport type { RichTextValue } from '@components/forms/rich-text-editor/types/RichTextEditor.types.ts'\r\nimport { handleRichTextImagePaste } from '@components/forms/rich-text-editor/utils/richTextImagePaste.utils.ts'\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\ntype UseRichTextEditorOptions = {\r\n    value?: RichTextValue\r\n    defaultValue?: RichTextValue\r\n    onValueChange?: (value: RichTextValue) => void\r\n    disabled: boolean\r\n    readOnly: boolean\r\n    required: boolean\r\n    label?: string\r\n    placeholder?: string\r\n    error?: string\r\n    helperText?: string\r\n    labelId: string\r\n    helperId: string\r\n    ariaLabel?: string\r\n    ariaLabelledBy?: string\r\n}\r\n\r\nexport const useRichTextEditor = ({\r\n    value,\r\n    defaultValue,\r\n    onValueChange,\r\n    disabled,\r\n    readOnly,\r\n    required,\r\n    label,\r\n    placeholder,\r\n    error,\r\n    helperText,\r\n    labelId,\r\n    helperId,\r\n    ariaLabel,\r\n    ariaLabelledBy,\r\n}: UseRichTextEditorOptions): Editor | null => {\r\n    const onValueChangeRef = useRef(onValueChange)\r\n    const controlledValueRef = useRef(value)\r\n    const [, refresh] = useReducer((count: number) => count + 1, 0)\r\n    const isDisabled = disabled || readOnly\r\n\r\n    controlledValueRef.current = value\r\n\r\n    useEffect(() => {\r\n        onValueChangeRef.current = onValueChange\r\n    }, [onValueChange])\r\n\r\n    const editor = useEditor({\r\n        extensions: [\r\n            StarterKit.configure({\r\n                link: false,\r\n            }),\r\n            TextStyle,\r\n            FontSize,\r\n            Color,\r\n            Image.extend({\r\n                addAttributes() {\r\n                    return {\r\n                        ...this.parent?.(),\r\n                        width: {\r\n                            default: null,\r\n                            parseHTML: (element) => element.getAttribute('data-width'),\r\n                            renderHTML: (attributes) => attributes.width\r\n                                ? { 'data-width': attributes.width, style: `width: ${attributes.width}` }\r\n                                : {},\r\n                        },\r\n                    }\r\n                },\r\n            }).configure({\r\n                allowBase64: true,\r\n                inline: true,\r\n            }),\r\n            Link.configure({\r\n                autolink: true,\r\n                linkOnPaste: true,\r\n                openOnClick: false,\r\n                enableClickSelection: true,\r\n                HTMLAttributes: {\r\n                    rel: 'noopener noreferrer',\r\n                    target: '_blank',\r\n                },\r\n                isAllowedUri: (url) => Boolean(normalizeRichTextUrl(url)),\r\n                shouldAutoLink: (url) => Boolean(normalizeRichTextUrl(url)),\r\n            }),\r\n            TextAlign.configure({\r\n                types: ['heading', 'paragraph'],\r\n            }),\r\n        ],\r\n        content: value ?? defaultValue ?? EMPTY_RICH_TEXT_DOCUMENT,\r\n        editable: !isDisabled,\r\n        immediatelyRender: false,\r\n        editorProps: {\r\n            attributes: {\r\n                ...(error || helperText ? { 'aria-describedby': helperId } : {}),\r\n                ...(error ? { 'aria-invalid': 'true' } : {}),\r\n                ...(ariaLabel || label ? { 'aria-label': ariaLabel ?? label } : {}),\r\n                ...(ariaLabelledBy || label ? { 'aria-labelledby': ariaLabelledBy ?? labelId } : {}),\r\n                'aria-multiline': 'true',\r\n                ...(required ? { 'aria-required': 'true' } : {}),\r\n                'data-placeholder': placeholder ?? '',\r\n                role: 'textbox',\r\n            },\r\n            handleDOMEvents: {\r\n                mousedown: (view) => {\r\n                    view.dom.setAttribute('data-mouse-focus', '')\r\n                    return false\r\n                },\r\n                blur: (view) => {\r\n                    view.dom.removeAttribute('data-mouse-focus')\r\n                    return false\r\n                },\r\n            },\r\n            handlePaste: handleRichTextImagePaste,\r\n        },\r\n        onUpdate: ({ editor: updatedEditor }) => {\r\n            const nextValue = updatedEditor.getJSON() as RichTextValue\r\n            const emittedValue = JSON.stringify(nextValue)\r\n\r\n            onValueChangeRef.current?.(nextValue)\r\n            refresh()\r\n\r\n            setTimeout(() => {\r\n                const controlledValue = controlledValueRef.current\r\n\r\n                if (\r\n                    controlledValue === undefined\r\n                    || JSON.stringify(controlledValue) === emittedValue\r\n                    || JSON.stringify(updatedEditor.getJSON()) !== emittedValue\r\n                ) {\r\n                    return\r\n                }\r\n\r\n                updatedEditor.commands.setContent(controlledValue, { emitUpdate: false })\r\n                refresh()\r\n            }, 0)\r\n        },\r\n        onTransaction: refresh,\r\n    })\r\n\r\n    useEffect(() => {\r\n        if (!editor) {\r\n            return\r\n        }\r\n\r\n        editor.setEditable(!isDisabled)\r\n    }, [editor, isDisabled])\r\n\r\n    useEffect(() => {\r\n        if (!editor || value === undefined) {\r\n            return\r\n        }\r\n\r\n        const nextValue = JSON.stringify(value)\r\n        const currentValue = JSON.stringify(editor.getJSON())\r\n\r\n        if (nextValue === currentValue) {\r\n            return\r\n        }\r\n\r\n        const { from, to } = editor.state.selection\r\n        editor.commands.setContent(value, { emitUpdate: false })\r\n        const documentSize = editor.state.doc.content.size\r\n\r\n        editor.commands.setTextSelection({\r\n            from: Math.min(from, documentSize),\r\n            to: Math.min(to, documentSize),\r\n        })\r\n        refresh()\r\n    }, [editor, value])\r\n\r\n    return editor\r\n}\r\n"],"names":["useRichTextEditor","value","defaultValue","onValueChange","disabled","readOnly","required","label","placeholder","error","helperText","labelId","helperId","ariaLabel","ariaLabelledBy","onValueChangeRef","useRef","controlledValueRef","refresh","useReducer","count","isDisabled","useEffect","editor","useEditor","StarterKit","TextStyle","FontSize","Color","Image","element","attributes","Link","url","normalizeRichTextUrl","TextAlign","EMPTY_RICH_TEXT_DOCUMENT","view","handleRichTextImagePaste","updatedEditor","nextValue","emittedValue","controlledValue","currentValue","from","to","documentSize"],"mappings":";;;;;;;;;;;AA+BO,MAAMA,IAAoB,CAAC;AAAA,EAC9B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,gBAAAC;AACJ,MAA+C;AAC3C,QAAMC,IAAmBC,EAAOb,CAAa,GACvCc,IAAqBD,EAAOf,CAAK,GACjC,CAAA,EAAGiB,CAAO,IAAIC,EAAW,CAACC,MAAkBA,IAAQ,GAAG,CAAC,GACxDC,IAAajB,KAAYC;AAE/B,EAAAY,EAAmB,UAAUhB,GAE7BqB,EAAU,MAAM;AACZ,IAAAP,EAAiB,UAAUZ;AAAA,EAC/B,GAAG,CAACA,CAAa,CAAC;AAElB,QAAMoB,IAASC,EAAU;AAAA,IACrB,YAAY;AAAA,MACRC,EAAW,UAAU;AAAA,QACjB,MAAM;AAAA,MAAA,CACT;AAAA,MACDC;AAAA,MACAC;AAAA,MACAC;AAAA,MACAC,EAAM,OAAO;AAAA,QACT,gBAAgB;AACZ,iBAAO;AAAA,YACH,GAAG,KAAK,SAAA;AAAA,YACR,OAAO;AAAA,cACH,SAAS;AAAA,cACT,WAAW,CAACC,MAAYA,EAAQ,aAAa,YAAY;AAAA,cACzD,YAAY,CAACC,MAAeA,EAAW,QACjC,EAAE,cAAcA,EAAW,OAAO,OAAO,UAAUA,EAAW,KAAK,GAAA,IACnE,CAAA;AAAA,YAAC;AAAA,UACX;AAAA,QAER;AAAA,MAAA,CACH,EAAE,UAAU;AAAA,QACT,aAAa;AAAA,QACb,QAAQ;AAAA,MAAA,CACX;AAAA,MACDC,EAAK,UAAU;AAAA,QACX,UAAU;AAAA,QACV,aAAa;AAAA,QACb,aAAa;AAAA,QACb,sBAAsB;AAAA,QACtB,gBAAgB;AAAA,UACZ,KAAK;AAAA,UACL,QAAQ;AAAA,QAAA;AAAA,QAEZ,cAAc,CAACC,MAAQ,EAAQC,EAAqBD,CAAG;AAAA,QACvD,gBAAgB,CAACA,MAAQ,EAAQC,EAAqBD,CAAG;AAAA,MAAC,CAC7D;AAAA,MACDE,EAAU,UAAU;AAAA,QAChB,OAAO,CAAC,WAAW,WAAW;AAAA,MAAA,CACjC;AAAA,IAAA;AAAA,IAEL,SAASlC,KAASC,KAAgBkC;AAAA,IAClC,UAAU,CAACf;AAAA,IACX,mBAAmB;AAAA,IACnB,aAAa;AAAA,MACT,YAAY;AAAA,QACR,GAAIZ,KAASC,IAAa,EAAE,oBAAoBE,EAAA,IAAa,CAAA;AAAA,QAC7D,GAAIH,IAAQ,EAAE,gBAAgB,OAAA,IAAW,CAAA;AAAA,QACzC,GAAII,KAAaN,IAAQ,EAAE,cAAcM,KAAaN,EAAA,IAAU,CAAA;AAAA,QAChE,GAAIO,KAAkBP,IAAQ,EAAE,mBAAmBO,KAAkBH,EAAA,IAAY,CAAA;AAAA,QACjF,kBAAkB;AAAA,QAClB,GAAIL,IAAW,EAAE,iBAAiB,OAAA,IAAW,CAAA;AAAA,QAC7C,oBAAoBE,KAAe;AAAA,QACnC,MAAM;AAAA,MAAA;AAAA,MAEV,iBAAiB;AAAA,QACb,WAAW,CAAC6B,OACRA,EAAK,IAAI,aAAa,oBAAoB,EAAE,GACrC;AAAA,QAEX,MAAM,CAACA,OACHA,EAAK,IAAI,gBAAgB,kBAAkB,GACpC;AAAA,MACX;AAAA,MAEJ,aAAaC;AAAA,IAAA;AAAA,IAEjB,UAAU,CAAC,EAAE,QAAQC,QAAoB;AACrC,YAAMC,IAAYD,EAAc,QAAA,GAC1BE,IAAe,KAAK,UAAUD,CAAS;AAE7C,MAAAzB,EAAiB,UAAUyB,CAAS,GACpCtB,EAAA,GAEA,WAAW,MAAM;AACb,cAAMwB,IAAkBzB,EAAmB;AAE3C,QACIyB,MAAoB,UACjB,KAAK,UAAUA,CAAe,MAAMD,KACpC,KAAK,UAAUF,EAAc,QAAA,CAAS,MAAME,MAKnDF,EAAc,SAAS,WAAWG,GAAiB,EAAE,YAAY,IAAO,GACxExB,EAAA;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,IACA,eAAeA;AAAA,EAAA,CAClB;AAED,SAAAI,EAAU,MAAM;AACZ,IAAKC,KAILA,EAAO,YAAY,CAACF,CAAU;AAAA,EAClC,GAAG,CAACE,GAAQF,CAAU,CAAC,GAEvBC,EAAU,MAAM;AACZ,QAAI,CAACC,KAAUtB,MAAU;AACrB;AAGJ,UAAMuC,IAAY,KAAK,UAAUvC,CAAK,GAChC0C,IAAe,KAAK,UAAUpB,EAAO,SAAS;AAEpD,QAAIiB,MAAcG;AACd;AAGJ,UAAM,EAAE,MAAAC,GAAM,IAAAC,EAAA,IAAOtB,EAAO,MAAM;AAClC,IAAAA,EAAO,SAAS,WAAWtB,GAAO,EAAE,YAAY,IAAO;AACvD,UAAM6C,IAAevB,EAAO,MAAM,IAAI,QAAQ;AAE9C,IAAAA,EAAO,SAAS,iBAAiB;AAAA,MAC7B,MAAM,KAAK,IAAIqB,GAAME,CAAY;AAAA,MACjC,IAAI,KAAK,IAAID,GAAIC,CAAY;AAAA,IAAA,CAChC,GACD5B,EAAA;AAAA,EACJ,GAAG,CAACK,GAAQtB,CAAK,CAAC,GAEXsB;AACX;"}

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

@@ -0,0 +1,23 @@
+export { default as RichTextEditor } from './RichTextEditor.tsx';
+export { default as RichTextEditorField } from './RichTextEditorField.tsx';
+export { RICH_TEXT_EDITOR_STYLES } from './styles/RichTextEditor.css.ts';
+export { RICH_TEXT_COLOR_PALETTES } from './constants';
+export { RICH_TEXT_EDITOR_LABEL_STYLES } from './components/rich-text-editor-label';
+export type { RichTextEditorProps } from './types/RichTextEditor.props.ts';
+export type { RichTextEditorLabels } from './types/RichTextEditorLabels.types.ts';
+export type { RichTextEditorFieldProps } from './types/RichTextEditorField.props.ts';
+export type { RichTextEditorCompound } from './types/RichTextEditorCompound.ts';
+export type { RichTextEditorLabelProps } from './components/rich-text-editor-label';
+export type { EditorFieldProps } from './components/editor-field';
+export type { RichTextEditorHelperTextProps } from './components/helper-text';
+export type { ReadOnlyFieldProps } from './components/read-only-field';
+export type { ToolbarProps } from './components/toolbar';
+export type { ToolbarGroupProps } from './components/toolbar-group';
+export type { TextAppearanceGroupCompound } from './components/text-appearance-group';
+export type { TextSizeMenuProps } from './components/text-appearance-group';
+export type { BlockFormatGroupProps } from './components/block-format-group';
+export type { ListsGroupProps } from './components/lists-group';
+export type { AlignmentGroupProps } from './components/alignment-group';
+export type { ImageGroupProps } from './components/image-group';
+export type { SetLinkProps, UnsetLinkProps, } from './components/link-group';
+export type { RichTextContainerNode, RichTextImageNode, RichTextHardBreakNode, RichTextHorizontalRuleNode, RichTextMark, RichTextNode, RichTextTextNode, RichTextValue, } from './types/RichTextEditor.types.ts';

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

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

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.cjs.map

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

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.d.ts

@@ -0,0 +1,4 @@
+export declare const RICH_TEXT_EDITOR_STYLES: {
+    root: string;
+    editor: string;
+};

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

@@ -0,0 +1,7 @@
+/* empty css                                            */
+/* empty css                                  */
+var t = { root: "_11275xk0", editor: "_11275xk1" };
+export {
+  t as RICH_TEXT_EDITOR_STYLES
+};
+//# sourceMappingURL=RichTextEditor.css.js.map

package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.js.map

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

package/dist/components/forms/rich-text-editor/types/RichTextEditor.props.d.ts

@@ -0,0 +1,57 @@
+import { ReactNode } from 'react';
+import { RichTextValue } from './RichTextEditor.types.ts';
+import { RichTextEditorLabels } from './RichTextEditorLabels.types.ts';
+import type * as React from 'react';
+type RichTextEditorBaseProps = {
+    /** Controlled, versioned document value. */
+    value?: RichTextValue;
+    /** Initial document value when the editor is uncontrolled. */
+    defaultValue?: RichTextValue;
+    /** Called whenever the document changes in either controlled mode. */
+    onValueChange?: (value: RichTextValue) => void;
+    /** Uploads an image selected from the toolbar and resolves to its public URL. */
+    onImageUpload?: (file: File) => Promise<string>;
+    /** Visible field label. Required unless an accessible ARIA name is supplied. */
+    label?: string;
+    /** Help text rendered below the editor. Hidden when error is provided. */
+    helperText?: string;
+    /** Error message rendered below the editor. */
+    error?: string;
+    /** Placeholder shown when the document is empty. */
+    placeholder?: string;
+    /** Prevents editing and toolbar interaction. */
+    disabled?: boolean;
+    /** Makes the document non-editable while preserving its visual appearance. */
+    readOnly?: boolean;
+    /** Marks the editable document as required for form semantics. */
+    required?: boolean;
+    /** Form field name used to submit the JSON document value. */
+    name?: string;
+    /** CSS width of the outer wrapper. Defaults to 100%. */
+    width?: React.CSSProperties['width'];
+    className?: string;
+    /**
+     * Localizable accessible labels for every toolbar control and user-facing
+     * prompt string. Provide only the keys you want to override; English
+     * defaults are used for every omitted key.
+     */
+    labels?: Partial<RichTextEditorLabels>;
+    /**
+     * Compound slots (`RichTextEditor.Label`, `RichTextEditor.Toolbar`, `RichTextEditor.EditorField`, ...).
+     */
+    children: ReactNode;
+};
+export type RichTextEditorProps = RichTextEditorBaseProps & ({
+    label: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+} | {
+    label?: never;
+    'aria-label': string;
+    'aria-labelledby'?: string;
+} | {
+    label?: never;
+    'aria-label'?: string;
+    'aria-labelledby': string;
+});
+export {};

package/dist/components/forms/rich-text-editor/types/RichTextEditor.types.d.ts

@@ -0,0 +1,54 @@
+import { RICH_TEXT_FONT_SIZES } from '../constants';
+export type RichTextFontSize = keyof typeof RICH_TEXT_FONT_SIZES;
+export type RichTextMark = {
+    type: 'bold' | 'italic' | 'underline' | 'strike' | 'code';
+} | {
+    type: 'textStyle';
+    attrs: {
+        color?: string | null;
+        fontSize?: string | null;
+    };
+} | {
+    type: 'link';
+    attrs: {
+        href: string;
+        target?: string | null;
+        rel?: string | null;
+    };
+};
+export type RichTextTextNode = {
+    type: 'text';
+    text: string;
+    marks?: RichTextMark[];
+};
+export type RichTextContainerNode = {
+    type: 'paragraph' | 'heading' | 'bulletList' | 'orderedList' | 'listItem' | 'blockquote' | 'codeBlock';
+    content?: RichTextNode[];
+    attrs?: {
+        level?: 1 | 2 | 3;
+        textAlign?: 'left' | 'center' | 'right' | 'justify' | null;
+        start?: number;
+        language?: string | null;
+    };
+};
+export type RichTextImageNode = {
+    type: 'image';
+    attrs: {
+        src: string;
+        alt?: string | null;
+        title?: string | null;
+        width?: string | null;
+    };
+};
+export type RichTextHorizontalRuleNode = {
+    type: 'horizontalRule';
+};
+export type RichTextHardBreakNode = {
+    type: 'hardBreak';
+};
+export type RichTextNode = RichTextTextNode | RichTextContainerNode | RichTextImageNode | RichTextHorizontalRuleNode | RichTextHardBreakNode;
+/** Versioned JSON document emitted by RichTextEditor. */
+export type RichTextValue = {
+    type: 'doc';
+    content?: RichTextNode[];
+};

package/dist/components/forms/rich-text-editor/types/RichTextEditorCompound.d.ts

@@ -0,0 +1,44 @@
+import { NamedExoticComponent } from 'react';
+import { AlignmentGroup } from '../components/alignment-group';
+import { BlockFormatGroup } from '../components/block-format-group';
+import { EditorField } from '../components/editor-field';
+import { HistoryGroup, Redo, Undo } from '../components/history-group';
+import { ImageGroup } from '../components/image-group';
+import { HelperText } from '../components/helper-text';
+import { LinkGroup, SetLink, UnsetLink } from '../components/link-group';
+import { ListsGroup } from '../components/lists-group';
+import { default as RichTextEditorLabel } from '../components/rich-text-editor-label/RichTextEditorLabel.tsx';
+import { TextAppearanceGroupCompound } from '../components/text-appearance-group';
+import { Bold, Italic, Strike, TextStyleGroup, Underline } from '../components/text-style-group';
+import { Toolbar } from '../components/toolbar';
+import { ToolbarGroups } from '../components/toolbar-groups';
+import { ToolbarGroup } from '../components/toolbar-group';
+import { ToolbarSeparator } from '../components/toolbar-separator';
+import { ReadOnlyField } from '../components/read-only-field';
+import { RichTextEditorProps } from './RichTextEditor.props.ts';
+export type RichTextEditorCompound = NamedExoticComponent<RichTextEditorProps> & {
+    Label: typeof RichTextEditorLabel;
+    EditorField: typeof EditorField;
+    ReadOnlyField: typeof ReadOnlyField;
+    HelperText: typeof HelperText;
+    Toolbar: typeof Toolbar;
+    ToolbarGroups: typeof ToolbarGroups;
+    ToolbarGroup: typeof ToolbarGroup;
+    ToolbarSeparator: typeof ToolbarSeparator;
+    HistoryGroup: typeof HistoryGroup;
+    Undo: typeof Undo;
+    Redo: typeof Redo;
+    TextStyleGroup: typeof TextStyleGroup;
+    Bold: typeof Bold;
+    Italic: typeof Italic;
+    Underline: typeof Underline;
+    Strike: typeof Strike;
+    TextAppearanceGroup: TextAppearanceGroupCompound;
+    LinkGroup: typeof LinkGroup;
+    SetLink: typeof SetLink;
+    UnsetLink: typeof UnsetLink;
+    BlockFormatGroup: typeof BlockFormatGroup;
+    ListsGroup: typeof ListsGroup;
+    AlignmentGroup: typeof AlignmentGroup;
+    ImageGroup: typeof ImageGroup;
+};

package/dist/components/forms/rich-text-editor/types/RichTextEditorField.props.d.ts

@@ -0,0 +1,6 @@
+import { RichTextEditorProps } from './RichTextEditor.props.ts';
+/** Omit that distributes over a union type, preserving each member's discriminated shape. */
+type DistributiveOmit<T, K extends keyof T> = T extends unknown ? Omit<T, K> : never;
+/** RichTextEditorField renders the same non-compound layout as RichTextEditor without the compound `children` slot. */
+export type RichTextEditorFieldProps = DistributiveOmit<RichTextEditorProps, 'children'>;
+export {};

package/dist/components/forms/rich-text-editor/types/RichTextEditorLabels.types.d.ts

@@ -0,0 +1,121 @@
+/**
+ * All user-facing strings surfaced by the RichTextEditor and its compound
+ * slots. Pass a partial object to `RichTextEditor` `labels` to override only
+ * the strings you need; English values are used for every key you omit.
+ */
+export type RichTextEditorLabels = {
+    /** Default `aria-label` for the toolbar when no `aria-label` prop is provided. */
+    toolbar: string;
+    /** `aria-label` for the combined font-size and block-format group. */
+    fontSizeAndBlockFormatGroup: string;
+    /** `aria-label` for the combined alignment and lists group. */
+    alignmentAndListsGroup: string;
+    /** `aria-label` for the combined links and images group. */
+    linksAndImagesGroup: string;
+    /** `aria-label` for the history group. */
+    historyGroup: string;
+    /** `aria-label` for the Undo button. */
+    undo: string;
+    /** `aria-label` for the Redo button. */
+    redo: string;
+    /** `aria-label` for the text style group. */
+    textStyleGroup: string;
+    /** `aria-label` for the Bold toggle. */
+    bold: string;
+    /** `aria-label` for the Italic toggle. */
+    italic: string;
+    /** `aria-label` for the Underline toggle. */
+    underline: string;
+    /** `aria-label` for the Strikethrough toggle. */
+    strikethrough: string;
+    /** `aria-label` for the text appearance group. */
+    textAppearanceGroup: string;
+    /** `aria-label` for the text size trigger button. */
+    textSizeTrigger: string;
+    /** `aria-label` for the text size dropdown content. */
+    textSizeOptions: string;
+    /** `aria-label` for the text color trigger button. */
+    textColorTrigger: string;
+    /** `aria-label` for the text color popover content. */
+    textColorPalette: string;
+    /** `aria-label` for a color palette group. Receives the palette name. */
+    textColorGroup: (paletteName: string) => string;
+    /** `aria-label` for a color swatch button. Receives the palette name and 0-based color index. */
+    textColorSwatch: (paletteName: string, colorIndex: number) => string;
+    /** `aria-label` for the link group. */
+    linkGroup: string;
+    /** `aria-label` for the Add / edit link button. */
+    addOrEditLink: string;
+    /** `aria-label` for the link actions dropdown trigger. */
+    linkGroupTrigger: string;
+    /** `aria-label` for the link actions dropdown content. */
+    linkOptions: string;
+    /** `window.prompt` message asking for a link URL. */
+    linkUrlPrompt: string;
+    /** `aria-label` for the Remove link button. */
+    removeLink: string;
+    /** `aria-label` for the image group. */
+    imageGroup: string;
+    /** `aria-label` for the image actions dropdown trigger button (menu presentation). */
+    imageGroupTrigger: string;
+    /** `aria-label` for the image options dropdown content. */
+    imageOptions: string;
+    /** Shared `aria-label` and menu item label for Insert image URL. */
+    insertImageUrl: string;
+    /** `window.prompt` message asking for an image URL. */
+    imageUrlPrompt: string;
+    /** Shared `aria-label` and menu item label for Upload image. */
+    uploadImage: string;
+    /** Shared `aria-label` and menu item label for Edit image details. */
+    editImageDetails: string;
+    /** `window.prompt` message asking for image alternative text. */
+    imageAltPrompt: string;
+    /** `window.prompt` message asking for image width. */
+    imageWidthPrompt: string;
+    /** Shared `aria-label` and menu item label for Remove image. */
+    removeImage: string;
+    /** `aria-label` for the block format group. */
+    blockFormatGroup: string;
+    /** `aria-label` for the block format dropdown trigger button. */
+    blockFormatTrigger: string;
+    /** `aria-label` for the block format dropdown content. */
+    blockFormatOptions: string;
+    /** Shared `aria-label` and menu item label for Paragraph. */
+    paragraph: string;
+    /** Shared `aria-label` and menu item label for Heading 1. */
+    heading1: string;
+    /** Shared `aria-label` and menu item label for Heading 2. */
+    heading2: string;
+    /** Shared `aria-label` and menu item label for Heading 3. */
+    heading3: string;
+    /** Shared `aria-label` and menu item label for Block quote. */
+    blockQuote: string;
+    /** Shared `aria-label` and menu item label for Code block. */
+    codeBlock: string;
+    /** Shared `aria-label` and menu item label for Insert horizontal rule. */
+    insertHorizontalRule: string;
+    /** `aria-label` for the lists group. */
+    listsGroup: string;
+    /** `aria-label` for the lists dropdown trigger button. */
+    listsTrigger: string;
+    /** `aria-label` for the list options dropdown content. */
+    listOptions: string;
+    /** Shared `aria-label` and menu item label for Bulleted list. */
+    bulletedList: string;
+    /** Shared `aria-label` and menu item label for Numbered list. */
+    numberedList: string;
+    /** `aria-label` for the alignment group. */
+    alignmentGroup: string;
+    /** `aria-label` for the alignment dropdown trigger button. */
+    alignmentTrigger: string;
+    /** `aria-label` for the alignment options dropdown content. */
+    alignmentOptions: string;
+    /** Shared `aria-label` and menu item label for Align left. */
+    alignLeft: string;
+    /** Shared `aria-label` and menu item label for Align center. */
+    alignCenter: string;
+    /** Shared `aria-label` and menu item label for Align right. */
+    alignRight: string;
+    /** Shared `aria-label` and menu item label for Justify. */
+    justify: string;
+};

package/dist/components/forms/rich-text-editor/types/RichTextEditorToolbarPresentation.types.d.ts

@@ -0,0 +1 @@
+export type RichTextEditorToolbarPresentation = 'menu' | 'inline';

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

@@ -0,0 +1,6 @@
+export type { RichTextEditorProps } from './RichTextEditor.props.ts';
+export type { RichTextEditorFieldProps } from './RichTextEditorField.props.ts';
+export type { RichTextEditorToolbarPresentation } from './RichTextEditorToolbarPresentation.types.ts';
+export type { RichTextEditorCompound } from './RichTextEditorCompound.ts';
+export type { RichTextEditorLabels } from './RichTextEditorLabels.types.ts';
+export type { RichTextContainerNode, RichTextFontSize, RichTextHardBreakNode, RichTextHorizontalRuleNode, RichTextMark, RichTextNode, RichTextTextNode, RichTextValue, } from './RichTextEditor.types.ts';

package/dist/components/forms/rich-text-editor/utils/richText.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../constants/richTextColorPalettes.const.cjs"),o=require("../constants/richTextFontSizes.const.cjs"),s=/^(https?:|mailto:|tel:)/i,n=e=>{if(typeof e!="string")return;if(i.RICH_TEXT_COLOR_PALETTES.flatMap(r=>r.colors).some(r=>r===e))return e},l=e=>typeof e=="string"&&Object.values(o.RICH_TEXT_FONT_SIZES).some(t=>t===e)?e:void 0,a=e=>{const t=e.trim();if(!(!t||t.startsWith("//")))return t.startsWith("#")||t.startsWith("./")||t.startsWith("../")||t.startsWith("/")||s.test(t)?t:void 0};exports.normalizeRichTextColorValue=n;exports.normalizeRichTextFontSizeValue=l;exports.normalizeRichTextUrl=a;
+//# sourceMappingURL=richText.utils.cjs.map

package/dist/components/forms/rich-text-editor/utils/richText.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"richText.utils.cjs","sources":["../../../../../src/components/forms/rich-text-editor/utils/richText.utils.ts"],"sourcesContent":["import { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\n\r\nconst SAFE_PROTOCOL = /^(https?:|mailto:|tel:)/i\r\n\r\nexport const normalizeRichTextColorValue = (value: unknown): string | undefined => {\r\n    if (typeof value !== 'string') {\r\n        return undefined\r\n    }\r\n\r\n    const paletteValues = RICH_TEXT_COLOR_PALETTES.flatMap((palette) => palette.colors)\r\n\r\n    if (paletteValues.some((paletteValue) => paletteValue === value)) {\r\n        return value\r\n    }\r\n\r\n    return undefined\r\n}\r\n\r\nexport const normalizeRichTextFontSizeValue = (value: unknown): string | undefined =>\r\n    typeof value === 'string' && Object.values(RICH_TEXT_FONT_SIZES).some((fontSize) => fontSize === value)\r\n        ? value\r\n        : undefined\r\n\r\nexport const normalizeRichTextUrl = (url: string): string | undefined => {\r\n    const value = url.trim()\r\n\r\n    if (!value || value.startsWith('//')) {\r\n        return undefined\r\n    }\r\n\r\n    if (value.startsWith('#') || value.startsWith('./') || value.startsWith('../')) {\r\n        return value\r\n    }\r\n\r\n    if (value.startsWith('/')) {\r\n        return value\r\n    }\r\n\r\n    return SAFE_PROTOCOL.test(value) ? value : undefined\r\n}\r\n"],"names":["SAFE_PROTOCOL","normalizeRichTextColorValue","value","RICH_TEXT_COLOR_PALETTES","palette","paletteValue","normalizeRichTextFontSizeValue","RICH_TEXT_FONT_SIZES","fontSize","normalizeRichTextUrl","url"],"mappings":"sMAGMA,EAAgB,2BAETC,EAA+BC,GAAuC,CAC/E,GAAI,OAAOA,GAAU,SACjB,OAKJ,GAFsBC,EAAAA,yBAAyB,QAASC,GAAYA,EAAQ,MAAM,EAEhE,KAAMC,GAAiBA,IAAiBH,CAAK,EAC3D,OAAOA,CAIf,EAEaI,EAAkCJ,GAC3C,OAAOA,GAAU,UAAY,OAAO,OAAOK,EAAAA,oBAAoB,EAAE,KAAMC,GAAaA,IAAaN,CAAK,EAChGA,EACA,OAEGO,EAAwBC,GAAoC,CACrE,MAAMR,EAAQQ,EAAI,KAAA,EAElB,GAAI,GAACR,GAASA,EAAM,WAAW,IAAI,GAQnC,OAJIA,EAAM,WAAW,GAAG,GAAKA,EAAM,WAAW,IAAI,GAAKA,EAAM,WAAW,KAAK,GAIzEA,EAAM,WAAW,GAAG,GAIjBF,EAAc,KAAKE,CAAK,EAHpBA,EAGgC,MAC/C"}

package/dist/components/forms/rich-text-editor/utils/richText.utils.d.ts

@@ -0,0 +1,3 @@
+export declare const normalizeRichTextColorValue: (value: unknown) => string | undefined;
+export declare const normalizeRichTextFontSizeValue: (value: unknown) => string | undefined;
+export declare const normalizeRichTextUrl: (url: string) => string | undefined;

package/dist/components/forms/rich-text-editor/utils/richText.utils.js

@@ -0,0 +1,18 @@
+import { RICH_TEXT_COLOR_PALETTES as o } from "../constants/richTextColorPalettes.const.js";
+import { RICH_TEXT_FONT_SIZES as e } from "../constants/richTextFontSizes.const.js";
+const s = /^(https?:|mailto:|tel:)/i, l = (r) => {
+  if (typeof r != "string")
+    return;
+  if (o.flatMap((i) => i.colors).some((i) => i === r))
+    return r;
+}, c = (r) => typeof r == "string" && Object.values(e).some((t) => t === r) ? r : void 0, m = (r) => {
+  const t = r.trim();
+  if (!(!t || t.startsWith("//")))
+    return t.startsWith("#") || t.startsWith("./") || t.startsWith("../") || t.startsWith("/") || s.test(t) ? t : void 0;
+};
+export {
+  l as normalizeRichTextColorValue,
+  c as normalizeRichTextFontSizeValue,
+  m as normalizeRichTextUrl
+};
+//# sourceMappingURL=richText.utils.js.map

package/dist/components/forms/rich-text-editor/utils/richText.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richText.utils.js","sources":["../../../../../src/components/forms/rich-text-editor/utils/richText.utils.ts"],"sourcesContent":["import { RICH_TEXT_FONT_SIZES } from '@components/forms/rich-text-editor/constants'\r\nimport { RICH_TEXT_COLOR_PALETTES } from '@components/forms/rich-text-editor/constants/richTextColorPalettes.const.ts'\r\n\r\nconst SAFE_PROTOCOL = /^(https?:|mailto:|tel:)/i\r\n\r\nexport const normalizeRichTextColorValue = (value: unknown): string | undefined => {\r\n    if (typeof value !== 'string') {\r\n        return undefined\r\n    }\r\n\r\n    const paletteValues = RICH_TEXT_COLOR_PALETTES.flatMap((palette) => palette.colors)\r\n\r\n    if (paletteValues.some((paletteValue) => paletteValue === value)) {\r\n        return value\r\n    }\r\n\r\n    return undefined\r\n}\r\n\r\nexport const normalizeRichTextFontSizeValue = (value: unknown): string | undefined =>\r\n    typeof value === 'string' && Object.values(RICH_TEXT_FONT_SIZES).some((fontSize) => fontSize === value)\r\n        ? value\r\n        : undefined\r\n\r\nexport const normalizeRichTextUrl = (url: string): string | undefined => {\r\n    const value = url.trim()\r\n\r\n    if (!value || value.startsWith('//')) {\r\n        return undefined\r\n    }\r\n\r\n    if (value.startsWith('#') || value.startsWith('./') || value.startsWith('../')) {\r\n        return value\r\n    }\r\n\r\n    if (value.startsWith('/')) {\r\n        return value\r\n    }\r\n\r\n    return SAFE_PROTOCOL.test(value) ? value : undefined\r\n}\r\n"],"names":["SAFE_PROTOCOL","normalizeRichTextColorValue","value","RICH_TEXT_COLOR_PALETTES","palette","paletteValue","normalizeRichTextFontSizeValue","RICH_TEXT_FONT_SIZES","fontSize","normalizeRichTextUrl","url"],"mappings":";;AAGA,MAAMA,IAAgB,4BAETC,IAA8B,CAACC,MAAuC;AAC/E,MAAI,OAAOA,KAAU;AACjB;AAKJ,MAFsBC,EAAyB,QAAQ,CAACC,MAAYA,EAAQ,MAAM,EAEhE,KAAK,CAACC,MAAiBA,MAAiBH,CAAK;AAC3D,WAAOA;AAIf,GAEaI,IAAiC,CAACJ,MAC3C,OAAOA,KAAU,YAAY,OAAO,OAAOK,CAAoB,EAAE,KAAK,CAACC,MAAaA,MAAaN,CAAK,IAChGA,IACA,QAEGO,IAAuB,CAACC,MAAoC;AACrE,QAAMR,IAAQQ,EAAI,KAAA;AAElB,MAAI,GAACR,KAASA,EAAM,WAAW,IAAI;AAQnC,WAJIA,EAAM,WAAW,GAAG,KAAKA,EAAM,WAAW,IAAI,KAAKA,EAAM,WAAW,KAAK,KAIzEA,EAAM,WAAW,GAAG,KAIjBF,EAAc,KAAKE,CAAK,IAHpBA,IAGgC;AAC/C;"}

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./richText.utils.cjs"),u=/^https?:\/\/[^\s]+?\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\s]*)?$/i,g=e=>{const r=e.trim();if(r.startsWith("data:image/"))return r;const t=d.normalizeRichTextUrl(r);return t&&/^https?:\/\//i.test(t)?t:void 0},n=(e,r,t)=>{const s=e.state.schema.nodes.image.create({src:r,...t?{alt:t}:{}});e.dispatch(e.state.tr.replaceSelectionWith(s).scrollIntoView())},h=(e,r)=>{const t=r.clipboardData;if(!t)return!1;const s=Array.from(t.items).find(a=>a.kind==="file"&&a.type.startsWith("image/"))?.getAsFile();if(s){const a=new FileReader;return a.onload=()=>{typeof a.result=="string"&&n(e,a.result)},a.readAsDataURL(s),!0}const l=t.getData("text/html"),i=l?new DOMParser().parseFromString(l,"text/html").querySelector("img"):null,o=i?g(i.src):void 0;if(o)return n(e,o,i?.alt),!0;const c=t.getData("text/plain").trim(),m=u.test(c)?g(c):void 0;return m?(n(e,m),!0):!1};exports.handleRichTextImagePaste=h;
+//# sourceMappingURL=richTextImagePaste.utils.cjs.map

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"richTextImagePaste.utils.cjs","sources":["../../../../../src/components/forms/rich-text-editor/utils/richTextImagePaste.utils.ts"],"sourcesContent":["import type { EditorView } from '@tiptap/pm/view'\r\n\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst IMAGE_URL_PATTERN = /^https?:\\/\\/[^\\s]+?\\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\\s]*)?$/i\r\n\r\nconst getSafeImageUrl = (value: string): string | undefined => {\r\n    const url = value.trim()\r\n\r\n    if (url.startsWith('data:image/')) {\r\n        return url\r\n    }\r\n\r\n    const normalizedUrl = normalizeRichTextUrl(url)\r\n\r\n    return normalizedUrl && /^https?:\\/\\//i.test(normalizedUrl)\r\n        ? normalizedUrl\r\n        : undefined\r\n}\r\n\r\nconst insertImage = (view: EditorView, src: string, alt?: string) => {\r\n    const imageNode = view.state.schema.nodes.image.create({\r\n        src,\r\n        ...(alt ? { alt } : {}),\r\n    })\r\n\r\n    view.dispatch(view.state.tr.replaceSelectionWith(imageNode).scrollIntoView())\r\n}\r\n\r\nexport const handleRichTextImagePaste = (view: EditorView, event: ClipboardEvent): boolean => {\r\n    const clipboardData = event.clipboardData\r\n\r\n    if (!clipboardData) {\r\n        return false\r\n    }\r\n\r\n    const imageFile = Array.from(clipboardData.items)\r\n        .find((item) => item.kind === 'file' && item.type.startsWith('image/'))\r\n        ?.getAsFile()\r\n\r\n    if (imageFile) {\r\n        const reader = new FileReader()\r\n        reader.onload = () => {\r\n            if (typeof reader.result === 'string') {\r\n                insertImage(view, reader.result)\r\n            }\r\n        }\r\n        reader.readAsDataURL(imageFile)\r\n        return true\r\n    }\r\n\r\n    const html = clipboardData.getData('text/html')\r\n    const imageElement = html\r\n        ? new DOMParser().parseFromString(html, 'text/html').querySelector('img')\r\n        : null\r\n    const htmlImageUrl = imageElement ? getSafeImageUrl(imageElement.src) : undefined\r\n\r\n    if (htmlImageUrl) {\r\n        insertImage(view, htmlImageUrl, imageElement?.alt)\r\n        return true\r\n    }\r\n\r\n    const text = clipboardData.getData('text/plain').trim()\r\n    const imageUrl = IMAGE_URL_PATTERN.test(text) ? getSafeImageUrl(text) : undefined\r\n\r\n    if (imageUrl) {\r\n        insertImage(view, imageUrl)\r\n        return true\r\n    }\r\n\r\n    return false\r\n}\r\n"],"names":["IMAGE_URL_PATTERN","getSafeImageUrl","value","url","normalizedUrl","normalizeRichTextUrl","insertImage","view","src","alt","imageNode","handleRichTextImagePaste","event","clipboardData","imageFile","item","reader","html","imageElement","htmlImageUrl","text","imageUrl"],"mappings":"wHAIMA,EAAoB,wEAEpBC,EAAmBC,GAAsC,CAC3D,MAAMC,EAAMD,EAAM,KAAA,EAElB,GAAIC,EAAI,WAAW,aAAa,EAC5B,OAAOA,EAGX,MAAMC,EAAgBC,EAAAA,qBAAqBF,CAAG,EAE9C,OAAOC,GAAiB,gBAAgB,KAAKA,CAAa,EACpDA,EACA,MACV,EAEME,EAAc,CAACC,EAAkBC,EAAaC,IAAiB,CACjE,MAAMC,EAAYH,EAAK,MAAM,OAAO,MAAM,MAAM,OAAO,CACnD,IAAAC,EACA,GAAIC,EAAM,CAAE,IAAAA,GAAQ,CAAA,CAAC,CACxB,EAEDF,EAAK,SAASA,EAAK,MAAM,GAAG,qBAAqBG,CAAS,EAAE,gBAAgB,CAChF,EAEaC,EAA2B,CAACJ,EAAkBK,IAAmC,CAC1F,MAAMC,EAAgBD,EAAM,cAE5B,GAAI,CAACC,EACD,MAAO,GAGX,MAAMC,EAAY,MAAM,KAAKD,EAAc,KAAK,EAC3C,KAAME,GAASA,EAAK,OAAS,QAAUA,EAAK,KAAK,WAAW,QAAQ,CAAC,GACpE,UAAA,EAEN,GAAID,EAAW,CACX,MAAME,EAAS,IAAI,WACnB,OAAAA,EAAO,OAAS,IAAM,CACd,OAAOA,EAAO,QAAW,UACzBV,EAAYC,EAAMS,EAAO,MAAM,CAEvC,EACAA,EAAO,cAAcF,CAAS,EACvB,EACX,CAEA,MAAMG,EAAOJ,EAAc,QAAQ,WAAW,EACxCK,EAAeD,EACf,IAAI,YAAY,gBAAgBA,EAAM,WAAW,EAAE,cAAc,KAAK,EACtE,KACAE,EAAeD,EAAejB,EAAgBiB,EAAa,GAAG,EAAI,OAExE,GAAIC,EACA,OAAAb,EAAYC,EAAMY,EAAcD,GAAc,GAAG,EAC1C,GAGX,MAAME,EAAOP,EAAc,QAAQ,YAAY,EAAE,KAAA,EAC3CQ,EAAWrB,EAAkB,KAAKoB,CAAI,EAAInB,EAAgBmB,CAAI,EAAI,OAExE,OAAIC,GACAf,EAAYC,EAAMc,CAAQ,EACnB,IAGJ,EACX"}

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.d.ts

@@ -0,0 +1,2 @@
+import { EditorView } from '@tiptap/pm/view';
+export declare const handleRichTextImagePaste: (view: EditorView, event: ClipboardEvent) => boolean;

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.js

@@ -0,0 +1,34 @@
+import { normalizeRichTextUrl as d } from "./richText.utils.js";
+const f = /^https?:\/\/[^\s]+?\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\s]*)?$/i, g = (e) => {
+  const r = e.trim();
+  if (r.startsWith("data:image/"))
+    return r;
+  const t = d(r);
+  return t && /^https?:\/\//i.test(t) ? t : void 0;
+}, n = (e, r, t) => {
+  const s = e.state.schema.nodes.image.create({
+    src: r,
+    ...t ? { alt: t } : {}
+  });
+  e.dispatch(e.state.tr.replaceSelectionWith(s).scrollIntoView());
+}, u = (e, r) => {
+  const t = r.clipboardData;
+  if (!t)
+    return !1;
+  const s = Array.from(t.items).find((a) => a.kind === "file" && a.type.startsWith("image/"))?.getAsFile();
+  if (s) {
+    const a = new FileReader();
+    return a.onload = () => {
+      typeof a.result == "string" && n(e, a.result);
+    }, a.readAsDataURL(s), !0;
+  }
+  const o = t.getData("text/html"), i = o ? new DOMParser().parseFromString(o, "text/html").querySelector("img") : null, l = i ? g(i.src) : void 0;
+  if (l)
+    return n(e, l, i?.alt), !0;
+  const c = t.getData("text/plain").trim(), m = f.test(c) ? g(c) : void 0;
+  return m ? (n(e, m), !0) : !1;
+};
+export {
+  u as handleRichTextImagePaste
+};
+//# sourceMappingURL=richTextImagePaste.utils.js.map

package/dist/components/forms/rich-text-editor/utils/richTextImagePaste.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"richTextImagePaste.utils.js","sources":["../../../../../src/components/forms/rich-text-editor/utils/richTextImagePaste.utils.ts"],"sourcesContent":["import type { EditorView } from '@tiptap/pm/view'\r\n\r\nimport { normalizeRichTextUrl } from '@components/forms/rich-text-editor/utils/richText.utils.ts'\r\n\r\nconst IMAGE_URL_PATTERN = /^https?:\\/\\/[^\\s]+?\\.(?:avif|gif|jpe?g|png|svg|webp)(?:[?#][^\\s]*)?$/i\r\n\r\nconst getSafeImageUrl = (value: string): string | undefined => {\r\n    const url = value.trim()\r\n\r\n    if (url.startsWith('data:image/')) {\r\n        return url\r\n    }\r\n\r\n    const normalizedUrl = normalizeRichTextUrl(url)\r\n\r\n    return normalizedUrl && /^https?:\\/\\//i.test(normalizedUrl)\r\n        ? normalizedUrl\r\n        : undefined\r\n}\r\n\r\nconst insertImage = (view: EditorView, src: string, alt?: string) => {\r\n    const imageNode = view.state.schema.nodes.image.create({\r\n        src,\r\n        ...(alt ? { alt } : {}),\r\n    })\r\n\r\n    view.dispatch(view.state.tr.replaceSelectionWith(imageNode).scrollIntoView())\r\n}\r\n\r\nexport const handleRichTextImagePaste = (view: EditorView, event: ClipboardEvent): boolean => {\r\n    const clipboardData = event.clipboardData\r\n\r\n    if (!clipboardData) {\r\n        return false\r\n    }\r\n\r\n    const imageFile = Array.from(clipboardData.items)\r\n        .find((item) => item.kind === 'file' && item.type.startsWith('image/'))\r\n        ?.getAsFile()\r\n\r\n    if (imageFile) {\r\n        const reader = new FileReader()\r\n        reader.onload = () => {\r\n            if (typeof reader.result === 'string') {\r\n                insertImage(view, reader.result)\r\n            }\r\n        }\r\n        reader.readAsDataURL(imageFile)\r\n        return true\r\n    }\r\n\r\n    const html = clipboardData.getData('text/html')\r\n    const imageElement = html\r\n        ? new DOMParser().parseFromString(html, 'text/html').querySelector('img')\r\n        : null\r\n    const htmlImageUrl = imageElement ? getSafeImageUrl(imageElement.src) : undefined\r\n\r\n    if (htmlImageUrl) {\r\n        insertImage(view, htmlImageUrl, imageElement?.alt)\r\n        return true\r\n    }\r\n\r\n    const text = clipboardData.getData('text/plain').trim()\r\n    const imageUrl = IMAGE_URL_PATTERN.test(text) ? getSafeImageUrl(text) : undefined\r\n\r\n    if (imageUrl) {\r\n        insertImage(view, imageUrl)\r\n        return true\r\n    }\r\n\r\n    return false\r\n}\r\n"],"names":["IMAGE_URL_PATTERN","getSafeImageUrl","value","url","normalizedUrl","normalizeRichTextUrl","insertImage","view","src","alt","imageNode","handleRichTextImagePaste","event","clipboardData","imageFile","item","reader","html","imageElement","htmlImageUrl","text","imageUrl"],"mappings":";AAIA,MAAMA,IAAoB,yEAEpBC,IAAkB,CAACC,MAAsC;AAC3D,QAAMC,IAAMD,EAAM,KAAA;AAElB,MAAIC,EAAI,WAAW,aAAa;AAC5B,WAAOA;AAGX,QAAMC,IAAgBC,EAAqBF,CAAG;AAE9C,SAAOC,KAAiB,gBAAgB,KAAKA,CAAa,IACpDA,IACA;AACV,GAEME,IAAc,CAACC,GAAkBC,GAAaC,MAAiB;AACjE,QAAMC,IAAYH,EAAK,MAAM,OAAO,MAAM,MAAM,OAAO;AAAA,IACnD,KAAAC;AAAA,IACA,GAAIC,IAAM,EAAE,KAAAA,MAAQ,CAAA;AAAA,EAAC,CACxB;AAED,EAAAF,EAAK,SAASA,EAAK,MAAM,GAAG,qBAAqBG,CAAS,EAAE,gBAAgB;AAChF,GAEaC,IAA2B,CAACJ,GAAkBK,MAAmC;AAC1F,QAAMC,IAAgBD,EAAM;AAE5B,MAAI,CAACC;AACD,WAAO;AAGX,QAAMC,IAAY,MAAM,KAAKD,EAAc,KAAK,EAC3C,KAAK,CAACE,MAASA,EAAK,SAAS,UAAUA,EAAK,KAAK,WAAW,QAAQ,CAAC,GACpE,UAAA;AAEN,MAAID,GAAW;AACX,UAAME,IAAS,IAAI,WAAA;AACnB,WAAAA,EAAO,SAAS,MAAM;AAClB,MAAI,OAAOA,EAAO,UAAW,YACzBV,EAAYC,GAAMS,EAAO,MAAM;AAAA,IAEvC,GACAA,EAAO,cAAcF,CAAS,GACvB;AAAA,EACX;AAEA,QAAMG,IAAOJ,EAAc,QAAQ,WAAW,GACxCK,IAAeD,IACf,IAAI,YAAY,gBAAgBA,GAAM,WAAW,EAAE,cAAc,KAAK,IACtE,MACAE,IAAeD,IAAejB,EAAgBiB,EAAa,GAAG,IAAI;AAExE,MAAIC;AACA,WAAAb,EAAYC,GAAMY,GAAcD,GAAc,GAAG,GAC1C;AAGX,QAAME,IAAOP,EAAc,QAAQ,YAAY,EAAE,KAAA,GAC3CQ,IAAWrB,EAAkB,KAAKoB,CAAI,IAAInB,EAAgBmB,CAAI,IAAI;AAExE,SAAIC,KACAf,EAAYC,GAAMc,CAAQ,GACnB,MAGJ;AACX;"}

package/dist/components/forms/select/components/select-content/SelectContent.cjs

@@ -1,2 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),h=require("./styles/SelectContent.css.cjs"),q=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:o,listboxAriaLabel:s="Options",children:r,side:i="bottom",align:c="start",sideOffset:l=6,collisionPadding:a=8,...u})=>{const S=q.useViewportShift(a);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:i,align:c,sideOffset:l,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,children:e.jsx(t.Select.Popup,{ref:S,className:p.cn(h.SELECT_CONTENT_STYLES.root,o),"aria-label":s,children:r})})})});n.displayName="Select.Content";module.exports=n;
+"use strict";const e=require("react/jsx-runtime"),t=require("@base-ui/react/select"),m=require("react"),p=require("../../../../../utils/cn.cjs"),h=require("./styles/SelectContent.css.cjs"),q=require("../../../../../hooks/use-viewport-shift/useViewportShift.hook.cjs"),n=m.memo(({className:o,listboxAriaLabel:r="Options",children:s,side:i="bottom",align:c="start",sideOffset:l=6,collisionPadding:a=8,...u})=>{const S=q.useViewportShift(a);return e.jsx(t.Select.Portal,{children:e.jsx(t.Select.Positioner,{side:i,align:c,sideOffset:l,alignItemWithTrigger:!1,collisionAvoidance:{side:"none",align:"none"},...u,children:e.jsx(t.Select.Popup,{ref:S,className:p.cn(h.SELECT_CONTENT_STYLES.root,o),"aria-label":r,children:s})})})});n.displayName="Select.Content";module.exports=n;
 //# sourceMappingURL=SelectContent.cjs.map