@ruya.sa/richtext-slate 3.71.3

package/dist/field/elements/relationship/Element/index.scss

@@ -0,0 +1,95 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .rich-text-relationship {
+    @extend %body;
+    @include shadow-sm;
+    padding: base(0.75);
+    display: flex;
+    align-items: center;
+    background: var(--theme-input-bg);
+    border: 1px solid var(--theme-elevation-100);
+    max-width: base(15);
+    font-family: var(--font-body);
+
+    &:hover {
+      border: 1px solid var(--theme-elevation-150);
+    }
+
+    &[data-slate-node='element'] {
+      margin: base(0.625) 0;
+    }
+
+    &__label {
+      margin-bottom: base(0.25);
+    }
+
+    &__title {
+      margin: 0;
+    }
+
+    &__label,
+    &__title {
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      line-height: 1 !important;
+    }
+
+    &__title {
+      font-weight: bold;
+    }
+
+    &__wrap {
+      flex-grow: 1;
+      overflow: hidden;
+    }
+
+    &--selected {
+      box-shadow: $focus-box-shadow;
+      outline: none;
+    }
+
+    .rich-text-relationship__doc-drawer-toggler {
+      text-decoration: underline;
+      pointer-events: all;
+      line-height: inherit;
+    }
+
+    &__actions {
+      display: flex;
+      align-items: center;
+      flex-shrink: 0;
+      margin-left: base(0.5);
+
+      & > *:not(:last-child) {
+        margin-right: base(0.25);
+      }
+    }
+
+    &__removeButton {
+      margin: 0;
+
+      line {
+        stroke-width: $style-stroke-width-m;
+      }
+
+      &:disabled {
+        color: var(--theme-elevation-300);
+        pointer-events: none;
+      }
+    }
+
+    &__doc-drawer-toggler,
+    &__list-drawer-toggler {
+      & > * {
+        margin: 0;
+      }
+
+      &:disabled {
+        color: var(--theme-elevation-300);
+        pointer-events: none;
+      }
+    }
+  }
+}

package/dist/field/elements/relationship/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomElement } from '../../../types.js';
+export declare const relationship: RichTextCustomElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/relationship/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/relationship/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,YAAY,EAAE,qBAK1B,CAAA"}

package/dist/field/elements/relationship/index.js

@@ -0,0 +1,11 @@
+import { relationshipName } from './shared.js';
+export const relationship = {
+    name: relationshipName,
+    Button: '@ruya.sa/richtext-slate/client#RelationshipButton',
+    Element: '@ruya.sa/richtext-slate/client#RelationshipElement',
+    plugins: [
+        '@ruya.sa/richtext-slate/client#WithRelationship'
+    ]
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/relationship/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/relationship/index.ts"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nimport { relationshipName } from './shared.js'\n\nexport const relationship: RichTextCustomElement = {\n  name: relationshipName,\n  Button: '@ruya.sa/richtext-slate/client#RelationshipButton',\n  Element: '@ruya.sa/richtext-slate/client#RelationshipElement',\n  plugins: ['@ruya.sa/richtext-slate/client#WithRelationship'],\n}\n"],"names":["relationshipName","relationship","name","Button","Element","plugins"],"mappings":"AAEA,SAASA,gBAAgB,QAAQ,cAAa;AAE9C,OAAO,MAAMC,eAAsC;IACjDC,MAAMF;IACNG,QAAQ;IACRC,SAAS;IACTC,SAAS;QAAC;KAAkD;AAC9D,EAAC"}

package/dist/field/elements/relationship/plugin.d.ts

@@ -0,0 +1,3 @@
+import type React from 'react';
+export declare const WithRelationship: React.FC;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/field/elements/relationship/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/relationship/plugin.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAUpC,CAAA"}

package/dist/field/elements/relationship/plugin.js

@@ -0,0 +1,14 @@
+'use client';
+import { useSlatePlugin } from '../../../utilities/useSlatePlugin.js';
+import { relationshipName } from './shared.js';
+export const WithRelationship = ()=>{
+    useSlatePlugin('withRelationship', (incomingEditor)=>{
+        const editor = incomingEditor;
+        const { isVoid } = editor;
+        editor.isVoid = (element)=>element.type === relationshipName ? true : isVoid(element);
+        return editor;
+    });
+    return null;
+};
+
+//# sourceMappingURL=plugin.js.map

package/dist/field/elements/relationship/plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/relationship/plugin.tsx"],"sourcesContent":["'use client'\n\nimport type React from 'react'\n\nimport { useSlatePlugin } from '../../../utilities/useSlatePlugin.js'\nimport { relationshipName } from './shared.js'\n\nexport const WithRelationship: React.FC = () => {\n  useSlatePlugin('withRelationship', (incomingEditor) => {\n    const editor = incomingEditor\n    const { isVoid } = editor\n\n    editor.isVoid = (element) => (element.type === relationshipName ? true : isVoid(element))\n\n    return editor\n  })\n  return null\n}\n"],"names":["useSlatePlugin","relationshipName","WithRelationship","incomingEditor","editor","isVoid","element","type"],"mappings":"AAAA;AAIA,SAASA,cAAc,QAAQ,uCAAsC;AACrE,SAASC,gBAAgB,QAAQ,cAAa;AAE9C,OAAO,MAAMC,mBAA6B;IACxCF,eAAe,oBAAoB,CAACG;QAClC,MAAMC,SAASD;QACf,MAAM,EAAEE,MAAM,EAAE,GAAGD;QAEnBA,OAAOC,MAAM,GAAG,CAACC,UAAaA,QAAQC,IAAI,KAAKN,mBAAmB,OAAOI,OAAOC;QAEhF,OAAOF;IACT;IACA,OAAO;AACT,EAAC"}

package/dist/field/elements/relationship/shared.d.ts

@@ -0,0 +1,2 @@
+export declare const relationshipName = "relationship";
+//# sourceMappingURL=shared.d.ts.map

package/dist/field/elements/relationship/shared.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/relationship/shared.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,gBAAgB,iBAAiB,CAAA"}

package/dist/field/elements/relationship/shared.js

@@ -0,0 +1,3 @@
+export const relationshipName = 'relationship';
+
+//# sourceMappingURL=shared.js.map

package/dist/field/elements/relationship/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/relationship/shared.ts"],"sourcesContent":["export const relationshipName = 'relationship'\n"],"names":["relationshipName"],"mappings":"AAAA,OAAO,MAAMA,mBAAmB,eAAc"}

package/dist/field/elements/relationship/types.d.ts

@@ -0,0 +1,8 @@
+import type { Element } from 'slate';
+export type RelationshipElementType = {
+    relationTo: string;
+    value: {
+        id: number | string;
+    } | null;
+} & Element;
+//# sourceMappingURL=types.d.ts.map

package/dist/field/elements/relationship/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/relationship/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,uBAAuB,GAAG;IACpC,UAAU,EAAE,MAAM,CAAA;IAClB,KAAK,EAAE;QACL,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;KACpB,GAAG,IAAI,CAAA;CACT,GAAG,OAAO,CAAA"}

package/dist/field/elements/relationship/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/field/elements/relationship/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/relationship/types.ts"],"sourcesContent":["import type { Element } from 'slate'\n\nexport type RelationshipElementType = {\n  relationTo: string\n  value: {\n    id: number | string\n  } | null\n} & Element\n"],"names":[],"mappings":"AAEA,WAKW"}

package/dist/field/elements/textAlign/Button.d.ts

@@ -0,0 +1,2 @@
+export declare const TextAlignElementButton: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/textAlign/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/textAlign/Button.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,sBAAsB,+CAYlC,CAAA"}

package/dist/field/elements/textAlign/Button.js

@@ -0,0 +1,28 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { AlignCenterIcon } from '../../icons/AlignCenter/index.js';
+import { AlignLeftIcon } from '../../icons/AlignLeft/index.js';
+import { AlignRightIcon } from '../../icons/AlignRight/index.js';
+import { ElementButton } from '../Button.js';
+export const TextAlignElementButton = ()=>/*#__PURE__*/ _jsxs(React.Fragment, {
+        children: [
+            /*#__PURE__*/ _jsx(ElementButton, {
+                format: "left",
+                type: "textAlign",
+                children: /*#__PURE__*/ _jsx(AlignLeftIcon, {})
+            }),
+            /*#__PURE__*/ _jsx(ElementButton, {
+                format: "center",
+                type: "textAlign",
+                children: /*#__PURE__*/ _jsx(AlignCenterIcon, {})
+            }),
+            /*#__PURE__*/ _jsx(ElementButton, {
+                format: "right",
+                type: "textAlign",
+                children: /*#__PURE__*/ _jsx(AlignRightIcon, {})
+            })
+        ]
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/textAlign/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/textAlign/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { AlignCenterIcon } from '../../icons/AlignCenter/index.js'\nimport { AlignLeftIcon } from '../../icons/AlignLeft/index.js'\nimport { AlignRightIcon } from '../../icons/AlignRight/index.js'\nimport { ElementButton } from '../Button.js'\n\nexport const TextAlignElementButton = () => (\n  <React.Fragment>\n    <ElementButton format=\"left\" type=\"textAlign\">\n      <AlignLeftIcon />\n    </ElementButton>\n    <ElementButton format=\"center\" type=\"textAlign\">\n      <AlignCenterIcon />\n    </ElementButton>\n    <ElementButton format=\"right\" type=\"textAlign\">\n      <AlignRightIcon />\n    </ElementButton>\n  </React.Fragment>\n)\n"],"names":["React","AlignCenterIcon","AlignLeftIcon","AlignRightIcon","ElementButton","TextAlignElementButton","Fragment","format","type"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,eAAe,QAAQ,mCAAkC;AAClE,SAASC,aAAa,QAAQ,iCAAgC;AAC9D,SAASC,cAAc,QAAQ,kCAAiC;AAChE,SAASC,aAAa,QAAQ,eAAc;AAE5C,OAAO,MAAMC,yBAAyB,kBACpC,MAACL,MAAMM,QAAQ;;0BACb,KAACF;gBAAcG,QAAO;gBAAOC,MAAK;0BAChC,cAAA,KAACN;;0BAEH,KAACE;gBAAcG,QAAO;gBAASC,MAAK;0BAClC,cAAA,KAACP;;0BAEH,KAACG;gBAAcG,QAAO;gBAAQC,MAAK;0BACjC,cAAA,KAACL;;;OAGN"}

package/dist/field/elements/textAlign/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomElement } from '../../../types.js';
+export declare const textAlign: RichTextCustomElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/textAlign/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/textAlign/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAE9D,eAAO,MAAM,SAAS,EAAE,qBAIvB,CAAA"}

package/dist/field/elements/textAlign/index.js

@@ -0,0 +1,7 @@
+export const textAlign = {
+    name: 'alignment',
+    Button: '@ruya.sa/richtext-slate/client#TextAlignElementButton',
+    Element: false
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/textAlign/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/textAlign/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nexport const textAlign: RichTextCustomElement = {\n  name: 'alignment',\n  Button: '@ruya.sa/richtext-slate/client#TextAlignElementButton',\n  Element: false,\n}\n"],"names":["textAlign","name","Button","Element"],"mappings":"AAEA,OAAO,MAAMA,YAAmC;IAC9CC,MAAM;IACNC,QAAQ;IACRC,SAAS;AACX,EAAC"}

package/dist/field/elements/toggle.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from 'slate';
+export declare const toggleElement: (editor: Editor, format: string, blockType?: string) => void;
+//# sourceMappingURL=toggle.d.ts.map

package/dist/field/elements/toggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.d.ts","sourceRoot":"","sources":["../../../src/field/elements/toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAc,MAAM,OAAO,CAAA;AAM1C,eAAO,MAAM,aAAa,WAAY,MAAM,UAAU,MAAM,yBAAuB,IA6BlF,CAAA"}

package/dist/field/elements/toggle.js

@@ -0,0 +1,32 @@
+'use client';
+import { Editor, Transforms } from 'slate';
+import { ReactEditor } from 'slate-react';
+import { isElementActive } from './isActive.js';
+import { isWithinListItem } from './isWithinListItem.js';
+export const toggleElement = (editor, format, blockType = 'type')=>{
+    const isActive = isElementActive(editor, format, blockType);
+    const formatByBlockType = {
+        [blockType]: format
+    };
+    const isWithinLI = isWithinListItem(editor);
+    if (isActive) {
+        formatByBlockType[blockType] = undefined;
+    }
+    if (!isActive && isWithinLI && blockType !== 'textAlign') {
+        const block = {
+            type: 'li',
+            children: []
+        };
+        Transforms.wrapNodes(editor, block, {
+            at: Editor.unhangRange(editor, editor.selection)
+        });
+    }
+    Transforms.setNodes(editor, {
+        [blockType]: formatByBlockType[blockType]
+    }, {
+        at: Editor.unhangRange(editor, editor.selection)
+    });
+    ReactEditor.focus(editor);
+};
+
+//# sourceMappingURL=toggle.js.map

package/dist/field/elements/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/elements/toggle.tsx"],"sourcesContent":["'use client'\nimport { Editor, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nimport { isElementActive } from './isActive.js'\nimport { isWithinListItem } from './isWithinListItem.js'\n\nexport const toggleElement = (editor: Editor, format: string, blockType = 'type'): void => {\n  const isActive = isElementActive(editor, format, blockType)\n\n  const formatByBlockType = {\n    [blockType]: format,\n  }\n\n  const isWithinLI = isWithinListItem(editor)\n\n  if (isActive) {\n    formatByBlockType[blockType] = undefined\n  }\n\n  if (!isActive && isWithinLI && blockType !== 'textAlign') {\n    const block = { type: 'li', children: [] }\n    Transforms.wrapNodes(editor, block, {\n      at: Editor.unhangRange(editor, editor.selection),\n    })\n  }\n\n  Transforms.setNodes(\n    editor,\n    { [blockType]: formatByBlockType[blockType] },\n    {\n      at: Editor.unhangRange(editor, editor.selection),\n    },\n  )\n\n  ReactEditor.focus(editor)\n}\n"],"names":["Editor","Transforms","ReactEditor","isElementActive","isWithinListItem","toggleElement","editor","format","blockType","isActive","formatByBlockType","isWithinLI","undefined","block","type","children","wrapNodes","at","unhangRange","selection","setNodes","focus"],"mappings":"AAAA;AACA,SAASA,MAAM,EAAEC,UAAU,QAAQ,QAAO;AAC1C,SAASC,WAAW,QAAQ,cAAa;AAEzC,SAASC,eAAe,QAAQ,gBAAe;AAC/C,SAASC,gBAAgB,QAAQ,wBAAuB;AAExD,OAAO,MAAMC,gBAAgB,CAACC,QAAgBC,QAAgBC,YAAY,MAAM;IAC9E,MAAMC,WAAWN,gBAAgBG,QAAQC,QAAQC;IAEjD,MAAME,oBAAoB;QACxB,CAACF,UAAU,EAAED;IACf;IAEA,MAAMI,aAAaP,iBAAiBE;IAEpC,IAAIG,UAAU;QACZC,iBAAiB,CAACF,UAAU,GAAGI;IACjC;IAEA,IAAI,CAACH,YAAYE,cAAcH,cAAc,aAAa;QACxD,MAAMK,QAAQ;YAAEC,MAAM;YAAMC,UAAU,EAAE;QAAC;QACzCd,WAAWe,SAAS,CAACV,QAAQO,OAAO;YAClCI,IAAIjB,OAAOkB,WAAW,CAACZ,QAAQA,OAAOa,SAAS;QACjD;IACF;IAEAlB,WAAWmB,QAAQ,CACjBd,QACA;QAAE,CAACE,UAAU,EAAEE,iBAAiB,CAACF,UAAU;IAAC,GAC5C;QACES,IAAIjB,OAAOkB,WAAW,CAACZ,QAAQA,OAAOa,SAAS;IACjD;IAGFjB,YAAYmB,KAAK,CAACf;AACpB,EAAC"}

package/dist/field/elements/toggleList.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from 'slate';
+export declare const toggleList: (editor: Editor, format: string) => void;
+//# sourceMappingURL=toggleList.d.ts.map

package/dist/field/elements/toggleList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggleList.d.ts","sourceRoot":"","sources":["../../../src/field/elements/toggleList.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAmC,MAAM,OAAO,CAAA;AAQ/D,eAAO,MAAM,UAAU,WAAY,MAAM,UAAU,MAAM,KAAG,IA6F3D,CAAA"}

package/dist/field/elements/toggleList.js

@@ -0,0 +1,82 @@
+import { Editor, Element, Node, Text, Transforms } from 'slate';
+import { ReactEditor } from 'slate-react';
+import { getCommonBlock } from './getCommonBlock.js';
+import { isListActive } from './isListActive.js';
+import { listTypes } from './listTypes.js';
+import { unwrapList } from './unwrapList.js';
+export const toggleList = (editor, format)=>{
+    let currentListFormat;
+    if (isListActive(editor, 'ol')) {
+        currentListFormat = 'ol';
+    }
+    if (isListActive(editor, 'ul')) {
+        currentListFormat = 'ul';
+    }
+    // If the format is currently active,
+    // remove the list
+    if (currentListFormat === format) {
+        const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path);
+        // If on an empty bullet, leave the above list alone
+        // and unwrap only the active bullet
+        if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {
+            Transforms.unwrapNodes(editor, {
+                match: (n)=>Element.isElement(n) && listTypes.includes(n.type),
+                mode: 'lowest',
+                split: true
+            });
+            Transforms.setNodes(editor, {
+                type: undefined
+            });
+        } else {
+            // Otherwise, we need to unset li on all lis in the parent list
+            // and unwrap the parent list itself
+            const [, listPath] = getCommonBlock(editor, (n)=>Element.isElement(n) && n.type === format);
+            unwrapList(editor, listPath);
+        }
+    // Otherwise, if a list is active and we are changing it,
+    // change it
+    } else if (currentListFormat && currentListFormat !== format) {
+        Transforms.setNodes(editor, {
+            type: format
+        }, {
+            match: (node)=>Element.isElement(node) && listTypes.includes(node.type),
+            mode: 'lowest'
+        });
+    // Otherwise we can assume that we should just activate the list
+    } else {
+        Transforms.wrapNodes(editor, {
+            type: format,
+            children: []
+        });
+        const [, parentNodePath] = getCommonBlock(editor, (node)=>Element.isElement(node) && node.type === format);
+        // Only set li on nodes that don't have type
+        Transforms.setNodes(editor, {
+            type: 'li'
+        }, {
+            match: (node, path)=>{
+                const match = Element.isElement(node) && typeof node.type === 'undefined' && path.length === parentNodePath.length + 1;
+                return match;
+            },
+            voids: true
+        });
+        // Wrap nodes that do have a type with an li
+        // so as to not lose their existing formatting
+        const nodesToWrap = Array.from(Editor.nodes(editor, {
+            match: (node, path)=>{
+                const match = Element.isElement(node) && typeof node.type !== 'undefined' && node.type !== 'li' && path.length === parentNodePath.length + 1;
+                return match;
+            }
+        }));
+        nodesToWrap.forEach(([, path])=>{
+            Transforms.wrapNodes(editor, {
+                type: 'li',
+                children: []
+            }, {
+                at: path
+            });
+        });
+    }
+    ReactEditor.focus(editor);
+};
+
+//# sourceMappingURL=toggleList.js.map

package/dist/field/elements/toggleList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/elements/toggleList.tsx"],"sourcesContent":["import { Editor, Element, Node, Text, Transforms } from 'slate'\nimport { ReactEditor } from 'slate-react'\n\nimport { getCommonBlock } from './getCommonBlock.js'\nimport { isListActive } from './isListActive.js'\nimport { listTypes } from './listTypes.js'\nimport { unwrapList } from './unwrapList.js'\n\nexport const toggleList = (editor: Editor, format: string): void => {\n  let currentListFormat: string\n\n  if (isListActive(editor, 'ol')) {\n    currentListFormat = 'ol'\n  }\n  if (isListActive(editor, 'ul')) {\n    currentListFormat = 'ul'\n  }\n\n  // If the format is currently active,\n  // remove the list\n  if (currentListFormat === format) {\n    const selectedLeaf = Node.descendant(editor, editor.selection.anchor.path)\n\n    // If on an empty bullet, leave the above list alone\n    // and unwrap only the active bullet\n    if (Text.isText(selectedLeaf) && String(selectedLeaf.text).length === 0) {\n      Transforms.unwrapNodes(editor, {\n        match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n        mode: 'lowest',\n        split: true,\n      })\n\n      Transforms.setNodes(editor, { type: undefined })\n    } else {\n      // Otherwise, we need to unset li on all lis in the parent list\n      // and unwrap the parent list itself\n      const [, listPath] = getCommonBlock(editor, (n) => Element.isElement(n) && n.type === format)\n      unwrapList(editor, listPath)\n    }\n\n    // Otherwise, if a list is active and we are changing it,\n    // change it\n  } else if (currentListFormat && currentListFormat !== format) {\n    Transforms.setNodes(\n      editor,\n      {\n        type: format,\n      },\n      {\n        match: (node) => Element.isElement(node) && listTypes.includes(node.type),\n        mode: 'lowest',\n      },\n    )\n    // Otherwise we can assume that we should just activate the list\n  } else {\n    Transforms.wrapNodes(editor, { type: format, children: [] })\n\n    const [, parentNodePath] = getCommonBlock(\n      editor,\n      (node) => Element.isElement(node) && node.type === format,\n    )\n\n    // Only set li on nodes that don't have type\n    Transforms.setNodes(\n      editor,\n      { type: 'li' },\n      {\n        match: (node, path) => {\n          const match =\n            Element.isElement(node) &&\n            typeof node.type === 'undefined' &&\n            path.length === parentNodePath.length + 1\n\n          return match\n        },\n        voids: true,\n      },\n    )\n\n    // Wrap nodes that do have a type with an li\n    // so as to not lose their existing formatting\n    const nodesToWrap = Array.from(\n      Editor.nodes(editor, {\n        match: (node, path) => {\n          const match =\n            Element.isElement(node) &&\n            typeof node.type !== 'undefined' &&\n            node.type !== 'li' &&\n            path.length === parentNodePath.length + 1\n\n          return match\n        },\n      }),\n    )\n\n    nodesToWrap.forEach(([, path]) => {\n      Transforms.wrapNodes(editor, { type: 'li', children: [] }, { at: path })\n    })\n  }\n\n  ReactEditor.focus(editor)\n}\n"],"names":["Editor","Element","Node","Text","Transforms","ReactEditor","getCommonBlock","isListActive","listTypes","unwrapList","toggleList","editor","format","currentListFormat","selectedLeaf","descendant","selection","anchor","path","isText","String","text","length","unwrapNodes","match","n","isElement","includes","type","mode","split","setNodes","undefined","listPath","node","wrapNodes","children","parentNodePath","voids","nodesToWrap","Array","from","nodes","forEach","at","focus"],"mappings":"AAAA,SAASA,MAAM,EAAEC,OAAO,EAAEC,IAAI,EAAEC,IAAI,EAAEC,UAAU,QAAQ,QAAO;AAC/D,SAASC,WAAW,QAAQ,cAAa;AAEzC,SAASC,cAAc,QAAQ,sBAAqB;AACpD,SAASC,YAAY,QAAQ,oBAAmB;AAChD,SAASC,SAAS,QAAQ,iBAAgB;AAC1C,SAASC,UAAU,QAAQ,kBAAiB;AAE5C,OAAO,MAAMC,aAAa,CAACC,QAAgBC;IACzC,IAAIC;IAEJ,IAAIN,aAAaI,QAAQ,OAAO;QAC9BE,oBAAoB;IACtB;IACA,IAAIN,aAAaI,QAAQ,OAAO;QAC9BE,oBAAoB;IACtB;IAEA,qCAAqC;IACrC,kBAAkB;IAClB,IAAIA,sBAAsBD,QAAQ;QAChC,MAAME,eAAeZ,KAAKa,UAAU,CAACJ,QAAQA,OAAOK,SAAS,CAACC,MAAM,CAACC,IAAI;QAEzE,oDAAoD;QACpD,oCAAoC;QACpC,IAAIf,KAAKgB,MAAM,CAACL,iBAAiBM,OAAON,aAAaO,IAAI,EAAEC,MAAM,KAAK,GAAG;YACvElB,WAAWmB,WAAW,CAACZ,QAAQ;gBAC7Ba,OAAO,CAACC,IAAMxB,QAAQyB,SAAS,CAACD,MAAMjB,UAAUmB,QAAQ,CAACF,EAAEG,IAAI;gBAC/DC,MAAM;gBACNC,OAAO;YACT;YAEA1B,WAAW2B,QAAQ,CAACpB,QAAQ;gBAAEiB,MAAMI;YAAU;QAChD,OAAO;YACL,+DAA+D;YAC/D,oCAAoC;YACpC,MAAM,GAAGC,SAAS,GAAG3B,eAAeK,QAAQ,CAACc,IAAMxB,QAAQyB,SAAS,CAACD,MAAMA,EAAEG,IAAI,KAAKhB;YACtFH,WAAWE,QAAQsB;QACrB;IAEA,yDAAyD;IACzD,YAAY;IACd,OAAO,IAAIpB,qBAAqBA,sBAAsBD,QAAQ;QAC5DR,WAAW2B,QAAQ,CACjBpB,QACA;YACEiB,MAAMhB;QACR,GACA;YACEY,OAAO,CAACU,OAASjC,QAAQyB,SAAS,CAACQ,SAAS1B,UAAUmB,QAAQ,CAACO,KAAKN,IAAI;YACxEC,MAAM;QACR;IAEF,gEAAgE;IAClE,OAAO;QACLzB,WAAW+B,SAAS,CAACxB,QAAQ;YAAEiB,MAAMhB;YAAQwB,UAAU,EAAE;QAAC;QAE1D,MAAM,GAAGC,eAAe,GAAG/B,eACzBK,QACA,CAACuB,OAASjC,QAAQyB,SAAS,CAACQ,SAASA,KAAKN,IAAI,KAAKhB;QAGrD,4CAA4C;QAC5CR,WAAW2B,QAAQ,CACjBpB,QACA;YAAEiB,MAAM;QAAK,GACb;YACEJ,OAAO,CAACU,MAAMhB;gBACZ,MAAMM,QACJvB,QAAQyB,SAAS,CAACQ,SAClB,OAAOA,KAAKN,IAAI,KAAK,eACrBV,KAAKI,MAAM,KAAKe,eAAef,MAAM,GAAG;gBAE1C,OAAOE;YACT;YACAc,OAAO;QACT;QAGF,4CAA4C;QAC5C,8CAA8C;QAC9C,MAAMC,cAAcC,MAAMC,IAAI,CAC5BzC,OAAO0C,KAAK,CAAC/B,QAAQ;YACnBa,OAAO,CAACU,MAAMhB;gBACZ,MAAMM,QACJvB,QAAQyB,SAAS,CAACQ,SAClB,OAAOA,KAAKN,IAAI,KAAK,eACrBM,KAAKN,IAAI,KAAK,QACdV,KAAKI,MAAM,KAAKe,eAAef,MAAM,GAAG;gBAE1C,OAAOE;YACT;QACF;QAGFe,YAAYI,OAAO,CAAC,CAAC,GAAGzB,KAAK;YAC3Bd,WAAW+B,SAAS,CAACxB,QAAQ;gBAAEiB,MAAM;gBAAMQ,UAAU,EAAE;YAAC,GAAG;gBAAEQ,IAAI1B;YAAK;QACxE;IACF;IAEAb,YAAYwC,KAAK,CAAClC;AACpB,EAAC"}

package/dist/field/elements/types.d.ts

@@ -0,0 +1,12 @@
+import type { ElementType } from 'react';
+export type ButtonProps = {
+    children?: React.ReactNode;
+    className?: string;
+    disabled?: boolean;
+    el?: ElementType;
+    format: string;
+    onClick?: (e: React.MouseEvent) => void;
+    tooltip?: string;
+    type?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/field/elements/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/field/elements/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAExC,MAAM,MAAM,WAAW,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,WAAW,CAAA;IAChB,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAA"}

package/dist/field/elements/types.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=types.js.map

package/dist/field/elements/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/elements/types.ts"],"sourcesContent":["import type { ElementType } from 'react'\n\nexport type ButtonProps = {\n  children?: React.ReactNode\n  className?: string\n  disabled?: boolean\n  el?: ElementType\n  format: string\n  onClick?: (e: React.MouseEvent) => void\n  tooltip?: string\n  type?: string\n}\n"],"names":[],"mappings":"AAEA,WASC"}

package/dist/field/elements/ul/Button.d.ts

@@ -0,0 +1,4 @@
+export declare const ULElementButton: ({ format }: {
+    format: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Button.d.ts.map

package/dist/field/elements/ul/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/Button.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,eAAe,eAAgB;IAAE,MAAM,EAAE,MAAM,CAAA;CAAE,4CAI7D,CAAA"}

package/dist/field/elements/ul/Button.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { ULIcon } from '../../icons/UnorderedList/index.js';
+import { ListButton } from '../ListButton.js';
+export const ULElementButton = ({ format })=>/*#__PURE__*/ _jsx(ListButton, {
+        format: format,
+        children: /*#__PURE__*/ _jsx(ULIcon, {})
+    });
+
+//# sourceMappingURL=Button.js.map

package/dist/field/elements/ul/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/ul/Button.tsx"],"sourcesContent":["'use client'\nimport React from 'react'\n\nimport { ULIcon } from '../../icons/UnorderedList/index.js'\nimport { ListButton } from '../ListButton.js'\n\nexport const ULElementButton = ({ format }: { format: string }) => (\n  <ListButton format={format}>\n    <ULIcon />\n  </ListButton>\n)\n"],"names":["React","ULIcon","ListButton","ULElementButton","format"],"mappings":"AAAA;;AACA,OAAOA,WAAW,QAAO;AAEzB,SAASC,MAAM,QAAQ,qCAAoC;AAC3D,SAASC,UAAU,QAAQ,mBAAkB;AAE7C,OAAO,MAAMC,kBAAkB,CAAC,EAAEC,MAAM,EAAsB,iBAC5D,KAACF;QAAWE,QAAQA;kBAClB,cAAA,KAACH;OAEJ"}

package/dist/field/elements/ul/UnorderedList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import './index.scss';
+export declare const UnorderedListElement: React.FC;
+//# sourceMappingURL=UnorderedList.d.ts.map

package/dist/field/elements/ul/UnorderedList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnorderedList.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/UnorderedList.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAQxC,CAAA"}

package/dist/field/elements/ul/UnorderedList.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useElement } from '../../providers/ElementProvider.js';
+import './index.scss';
+export const UnorderedListElement = ()=>{
+    const { attributes, children } = useElement();
+    return /*#__PURE__*/ _jsx("ul", {
+        className: "rich-text-ul",
+        ...attributes,
+        children: children
+    });
+};
+
+//# sourceMappingURL=UnorderedList.js.map

package/dist/field/elements/ul/UnorderedList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/ul/UnorderedList.tsx"],"sourcesContent":["'use client'\n\nimport React from 'react'\n\nimport { useElement } from '../../providers/ElementProvider.js'\nimport './index.scss'\n\nexport const UnorderedListElement: React.FC = () => {\n  const { attributes, children } = useElement()\n\n  return (\n    <ul className=\"rich-text-ul\" {...attributes}>\n      {children}\n    </ul>\n  )\n}\n"],"names":["React","useElement","UnorderedListElement","attributes","children","ul","className"],"mappings":"AAAA;;AAEA,OAAOA,WAAW,QAAO;AAEzB,SAASC,UAAU,QAAQ,qCAAoC;AAC/D,OAAO,eAAc;AAErB,OAAO,MAAMC,uBAAiC;IAC5C,MAAM,EAAEC,UAAU,EAAEC,QAAQ,EAAE,GAAGH;IAEjC,qBACE,KAACI;QAAGC,WAAU;QAAgB,GAAGH,UAAU;kBACxCC;;AAGP,EAAC"}

package/dist/field/elements/ul/index.d.ts

@@ -0,0 +1,3 @@
+import type { RichTextCustomElement } from '../../../types.js';
+export declare const ul: RichTextCustomElement;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/ul/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/field/elements/ul/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAA;AAI9D,eAAO,MAAM,EAAE,EAAE,qBAShB,CAAA"}

package/dist/field/elements/ul/index.js

@@ -0,0 +1,13 @@
+const name = 'ul';
+export const ul = {
+    name,
+    Button: {
+        clientProps: {
+            format: name
+        },
+        path: '@ruya.sa/richtext-slate/client#ULElementButton'
+    },
+    Element: '@ruya.sa/richtext-slate/client#UnorderedListElement'
+};
+
+//# sourceMappingURL=index.js.map

package/dist/field/elements/ul/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/field/elements/ul/index.tsx"],"sourcesContent":["import type { RichTextCustomElement } from '../../../types.js'\n\nconst name = 'ul'\n\nexport const ul: RichTextCustomElement = {\n  name,\n  Button: {\n    clientProps: {\n      format: name,\n    },\n    path: '@ruya.sa/richtext-slate/client#ULElementButton',\n  },\n  Element: '@ruya.sa/richtext-slate/client#UnorderedListElement',\n}\n"],"names":["name","ul","Button","clientProps","format","path","Element"],"mappings":"AAEA,MAAMA,OAAO;AAEb,OAAO,MAAMC,KAA4B;IACvCD;IACAE,QAAQ;QACNC,aAAa;YACXC,QAAQJ;QACV;QACAK,MAAM;IACR;IACAC,SAAS;AACX,EAAC"}

package/dist/field/elements/ul/index.scss

@@ -0,0 +1,9 @@
+@import '~@payloadcms/ui/scss';
+
+@layer payload-default {
+  .rich-text-ul {
+    &[data-slate-node='element'] {
+      margin: base(0.625) 0;
+    }
+  }
+}

package/dist/field/elements/unwrapList.d.ts

@@ -0,0 +1,4 @@
+import type { Path } from 'slate';
+import { Editor } from 'slate';
+export declare const unwrapList: (editor: Editor, atPath: Path) => void;
+//# sourceMappingURL=unwrapList.d.ts.map

package/dist/field/elements/unwrapList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unwrapList.d.ts","sourceRoot":"","sources":["../../../src/field/elements/unwrapList.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,MAAM,EAAuB,MAAM,OAAO,CAAA;AAKnD,eAAO,MAAM,UAAU,WAAY,MAAM,UAAU,IAAI,KAAG,IA8CzD,CAAA"}

package/dist/field/elements/unwrapList.js

@@ -0,0 +1,34 @@
+import { Editor, Element, Transforms } from 'slate';
+import { areAllChildrenElements } from './areAllChildrenElements.js';
+import { listTypes } from './listTypes.js';
+export const unwrapList = (editor, atPath)=>{
+    // Remove type for any nodes that have text children -
+    // this means that the node should remain
+    Transforms.setNodes(editor, {
+        type: undefined
+    }, {
+        at: atPath,
+        match: (node, path)=>{
+            const childrenAreAllElements = areAllChildrenElements(node);
+            const matches = !Editor.isEditor(node) && Element.isElement(node) && !childrenAreAllElements && node.type === 'li' && path.length === atPath.length + 1;
+            return matches;
+        }
+    });
+    // For nodes have all element children, unwrap it instead
+    // because the li is a duplicative wrapper
+    Transforms.unwrapNodes(editor, {
+        at: atPath,
+        match: (node, path)=>{
+            const childrenAreAllElements = areAllChildrenElements(node);
+            const matches = !Editor.isEditor(node) && Element.isElement(node) && childrenAreAllElements && node.type === 'li' && path.length === atPath.length + 1;
+            return matches;
+        }
+    });
+    // Finally, unwrap the UL itself
+    Transforms.unwrapNodes(editor, {
+        match: (n)=>Element.isElement(n) && listTypes.includes(n.type),
+        mode: 'lowest'
+    });
+};
+
+//# sourceMappingURL=unwrapList.js.map

package/dist/field/elements/unwrapList.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/field/elements/unwrapList.ts"],"sourcesContent":["import type { Path } from 'slate'\n\nimport { Editor, Element, Transforms } from 'slate'\n\nimport { areAllChildrenElements } from './areAllChildrenElements.js'\nimport { listTypes } from './listTypes.js'\n\nexport const unwrapList = (editor: Editor, atPath: Path): void => {\n  // Remove type for any nodes that have text children -\n  // this means that the node should remain\n  Transforms.setNodes(\n    editor,\n    { type: undefined },\n    {\n      at: atPath,\n      match: (node, path) => {\n        const childrenAreAllElements = areAllChildrenElements(node)\n\n        const matches =\n          !Editor.isEditor(node) &&\n          Element.isElement(node) &&\n          !childrenAreAllElements &&\n          node.type === 'li' &&\n          path.length === atPath.length + 1\n\n        return matches\n      },\n    },\n  )\n\n  // For nodes have all element children, unwrap it instead\n  // because the li is a duplicative wrapper\n  Transforms.unwrapNodes(editor, {\n    at: atPath,\n    match: (node, path) => {\n      const childrenAreAllElements = areAllChildrenElements(node)\n\n      const matches =\n        !Editor.isEditor(node) &&\n        Element.isElement(node) &&\n        childrenAreAllElements &&\n        node.type === 'li' &&\n        path.length === atPath.length + 1\n\n      return matches\n    },\n  })\n\n  // Finally, unwrap the UL itself\n  Transforms.unwrapNodes(editor, {\n    match: (n) => Element.isElement(n) && listTypes.includes(n.type),\n    mode: 'lowest',\n  })\n}\n"],"names":["Editor","Element","Transforms","areAllChildrenElements","listTypes","unwrapList","editor","atPath","setNodes","type","undefined","at","match","node","path","childrenAreAllElements","matches","isEditor","isElement","length","unwrapNodes","n","includes","mode"],"mappings":"AAEA,SAASA,MAAM,EAAEC,OAAO,EAAEC,UAAU,QAAQ,QAAO;AAEnD,SAASC,sBAAsB,QAAQ,8BAA6B;AACpE,SAASC,SAAS,QAAQ,iBAAgB;AAE1C,OAAO,MAAMC,aAAa,CAACC,QAAgBC;IACzC,sDAAsD;IACtD,yCAAyC;IACzCL,WAAWM,QAAQ,CACjBF,QACA;QAAEG,MAAMC;IAAU,GAClB;QACEC,IAAIJ;QACJK,OAAO,CAACC,MAAMC;YACZ,MAAMC,yBAAyBZ,uBAAuBU;YAEtD,MAAMG,UACJ,CAAChB,OAAOiB,QAAQ,CAACJ,SACjBZ,QAAQiB,SAAS,CAACL,SAClB,CAACE,0BACDF,KAAKJ,IAAI,KAAK,QACdK,KAAKK,MAAM,KAAKZ,OAAOY,MAAM,GAAG;YAElC,OAAOH;QACT;IACF;IAGF,yDAAyD;IACzD,0CAA0C;IAC1Cd,WAAWkB,WAAW,CAACd,QAAQ;QAC7BK,IAAIJ;QACJK,OAAO,CAACC,MAAMC;YACZ,MAAMC,yBAAyBZ,uBAAuBU;YAEtD,MAAMG,UACJ,CAAChB,OAAOiB,QAAQ,CAACJ,SACjBZ,QAAQiB,SAAS,CAACL,SAClBE,0BACAF,KAAKJ,IAAI,KAAK,QACdK,KAAKK,MAAM,KAAKZ,OAAOY,MAAM,GAAG;YAElC,OAAOH;QACT;IACF;IAEA,gCAAgC;IAChCd,WAAWkB,WAAW,CAACd,QAAQ;QAC7BM,OAAO,CAACS,IAAMpB,QAAQiB,SAAS,CAACG,MAAMjB,UAAUkB,QAAQ,CAACD,EAAEZ,IAAI;QAC/Dc,MAAM;IACR;AACF,EAAC"}

package/dist/field/elements/upload/Button/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+type ButtonProps = {
+    enabledCollectionSlugs: string[];
+    path: string;
+};
+export declare const UploadElementButton: (props: ButtonProps) => React.ReactNode;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/field/elements/upload/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/field/elements/upload/Button/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAOpD,OAAO,cAAc,CAAA;AAmBrB,KAAK,WAAW,GAAG;IACjB,sBAAsB,EAAE,MAAM,EAAE,CAAA;IAChC,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AA4CD,eAAO,MAAM,mBAAmB,UAAW,WAAW,KAAG,KAAK,CAAC,SAM9D,CAAA"}