@ruya.sa/richtext-lexical 3.71.7

package/dist/field/Field.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { SanitizedClientEditorConfig } from '../lexical/config/types.js';
+import '../lexical/theme/EditorTheme.scss';
+import './bundled.css';
+import './index.scss';
+import type { LexicalRichTextFieldProps } from '../types.js';
+declare const RichTextComponent: React.FC<{
+    readonly editorConfig: SanitizedClientEditorConfig;
+} & LexicalRichTextFieldProps>;
+export declare const RichText: typeof RichTextComponent;
+export {};
+//# sourceMappingURL=Field.d.ts.map

package/dist/field/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/field/Field.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAGxE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,4BAA4B,CAAA;AAE7E,OAAO,mCAAmC,CAAA;AAC1C,OAAO,eAAe,CAAA;AACtB,OAAO,cAAc,CAAA;AAErB,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAO5D,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAC/B;IACE,QAAQ,CAAC,YAAY,EAAE,2BAA2B,CAAA;CACnD,GAAG,yBAAyB,CA4K9B,CAAA;AAaD,eAAO,MAAM,QAAQ,EAAE,OAAO,iBAAqC,CAAA"}

package/dist/field/Field.js

@@ -0,0 +1,182 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BulkUploadProvider, FieldDescription, FieldError, FieldLabel, RenderCustomComponent, useEditDepth, useEffectEvent, useField } from '@ruya.sa/ui';
+import { mergeFieldStyles } from '@ruya.sa/ui/shared';
+import { dequal } from 'dequal/lite';
+import React, { useCallback, useEffect, useMemo, useState } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import './bundled.css';
+import { LexicalProvider } from '../lexical/LexicalProvider.js';
+import { useRunDeprioritized } from '../utilities/useRunDeprioritized.js';
+const baseClass = 'rich-text-lexical';
+const RichTextComponent = props => {
+  const {
+    editorConfig,
+    field,
+    field: {
+      admin: {
+        className,
+        description,
+        readOnly: readOnlyFromAdmin
+      } = {},
+      label,
+      localized,
+      required
+    },
+    path: pathFromProps,
+    readOnly: readOnlyFromTopLevelProps,
+    validate
+  } = props;
+  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin;
+  const editDepth = useEditDepth();
+  const memoizedValidate = useCallback((value, validationOptions) => {
+    if (typeof validate === 'function') {
+      // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve
+      return validate(value, {
+        ...validationOptions,
+        required
+      });
+    }
+    return true;
+  },
+  // Important: do not add props to the dependencies array.
+  // This would cause an infinite loop and endless re-rendering.
+  // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709
+  [validate, required]);
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Error,
+      Label
+    } = {},
+    disabled: disabledFromField,
+    initialValue,
+    path,
+    setValue,
+    showError,
+    value: value_0
+  } = useField({
+    potentiallyStalePath: pathFromProps,
+    validate: memoizedValidate
+  });
+  const disabled = readOnlyFromProps || disabledFromField;
+  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState(false);
+  const [rerenderProviderKey, setRerenderProviderKey] = useState();
+  const prevInitialValueRef = React.useRef(initialValue);
+  const prevValueRef = React.useRef(value_0);
+  useEffect(() => {
+    const updateViewPortWidth = () => {
+      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches;
+      if (isNextSmallWidthViewport !== isSmallWidthViewport) {
+        setIsSmallWidthViewport(isNextSmallWidthViewport);
+      }
+    };
+    updateViewPortWidth();
+    window.addEventListener('resize', updateViewPortWidth);
+    return () => {
+      window.removeEventListener('resize', updateViewPortWidth);
+    };
+  }, [isSmallWidthViewport]);
+  const classes = [baseClass, 'field-type', className, showError && 'error', disabled && `${baseClass}--read-only`, editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport ? `${baseClass}--show-gutter` : null].filter(Boolean).join(' ');
+  const pathWithEditDepth = `${path}.${editDepth}`;
+  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout
+  ;
+  const handleChange = useCallback(editorState => {
+    // Capture `editorState` in the closure so we can safely run later.
+    const updateFieldValue = () => {
+      const newState = editorState.toJSON();
+      prevValueRef.current = newState;
+      setValue(newState);
+    };
+    // Queue the update for the browser’s idle time (or Safari shim)
+    // and let the hook handle debouncing/cancellation.
+    void runDeprioritized(updateFieldValue);
+  }, [setValue, runDeprioritized]);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  const handleInitialValueChange = useEffectEvent(initialValue_0 => {
+    // Object deep equality check here, as re-mounting the editor if
+    // the new value is the same as the old one is not necessary.
+    // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,
+    // so we need to do a deep equality check here that does not care about key order => we use dequal.
+    // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.
+    if (prevValueRef.current !== value_0 && !dequal(prevValueRef.current != null ? JSON.parse(JSON.stringify(prevValueRef.current)) : prevValueRef.current, value_0)) {
+      prevInitialValueRef.current = initialValue_0;
+      prevValueRef.current = value_0;
+      setRerenderProviderKey(new Date());
+    }
+  });
+  useEffect(() => {
+    // Needs to trigger for object reference changes - otherwise,
+    // reacting to the same initial value change twice will cause
+    // the second change to be ignored, even though the value has changed.
+    // That's because initialValue is not kept up-to-date
+    if (!Object.is(initialValue, prevInitialValueRef.current)) {
+      handleInitialValueChange(initialValue);
+    }
+  }, [initialValue]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: classes,
+    style: styles,
+    children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+      CustomComponent: Error,
+      Fallback: /*#__PURE__*/_jsx(FieldError, {
+        path: path,
+        showError: showError
+      })
+    }), Label || /*#__PURE__*/_jsx(FieldLabel, {
+      label: label,
+      localized: localized,
+      path: path,
+      required: required
+    }), /*#__PURE__*/_jsxs("div", {
+      className: `${baseClass}__wrap`,
+      children: [/*#__PURE__*/_jsxs(ErrorBoundary, {
+        fallbackRender: fallbackRender,
+        onReset: () => {},
+        children: [BeforeInput, /*#__PURE__*/_jsx(BulkUploadProvider, {
+          drawerSlugPrefix: path,
+          children: /*#__PURE__*/_jsx(LexicalProvider, {
+            composerKey: pathWithEditDepth,
+            editorConfig: editorConfig,
+            fieldProps: props,
+            isSmallWidthViewport: isSmallWidthViewport,
+            onChange: handleChange,
+            readOnly: disabled,
+            value: value_0
+          }, JSON.stringify({
+            path,
+            rerenderProviderKey
+          }))
+        }), AfterInput]
+      }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+        CustomComponent: Description,
+        Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+          description: description,
+          path: path
+        })
+      })]
+    })]
+  }, pathWithEditDepth);
+};
+function fallbackRender({
+  error
+}) {
+  // Call resetErrorBoundary() to reset the error boundary and retry the render.
+  return /*#__PURE__*/_jsxs("div", {
+    className: "errorBoundary",
+    role: "alert",
+    children: [/*#__PURE__*/_jsx("p", {
+      children: "Something went wrong:"
+    }), /*#__PURE__*/_jsx("pre", {
+      style: {
+        color: 'red'
+      },
+      children: error.message
+    })]
+  });
+}
+export const RichText = RichTextComponent;
+//# sourceMappingURL=Field.js.map

package/dist/field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":["BulkUploadProvider","FieldDescription","FieldError","FieldLabel","RenderCustomComponent","useEditDepth","useEffectEvent","useField","mergeFieldStyles","dequal","React","useCallback","useEffect","useMemo","useState","ErrorBoundary","LexicalProvider","useRunDeprioritized","baseClass","RichTextComponent","props","editorConfig","field","admin","className","description","readOnly","readOnlyFromAdmin","label","localized","required","path","pathFromProps","readOnlyFromTopLevelProps","validate","readOnlyFromProps","editDepth","memoizedValidate","value","validationOptions","customComponents","AfterInput","BeforeInput","Description","Error","Label","disabled","disabledFromField","initialValue","setValue","showError","potentiallyStalePath","isSmallWidthViewport","setIsSmallWidthViewport","rerenderProviderKey","setRerenderProviderKey","prevInitialValueRef","useRef","prevValueRef","updateViewPortWidth","isNextSmallWidthViewport","window","matchMedia","matches","addEventListener","removeEventListener","classes","hideGutter","filter","Boolean","join","pathWithEditDepth","runDeprioritized","handleChange","editorState","updateFieldValue","newState","toJSON","current","styles","handleInitialValueChange","JSON","parse","stringify","Date","Object","is","_jsxs","style","_jsx","CustomComponent","Fallback","fallbackRender","onReset","drawerSlugPrefix","composerKey","fieldProps","onChange","error","role","color","message","RichText"],"sources":["../../src/field/Field.tsx"],"sourcesContent":["'use client'\nimport type { EditorState, SerializedEditorState } from 'lexical'\n\nimport {\n  BulkUploadProvider,\n  FieldDescription,\n  FieldError,\n  FieldLabel,\n  RenderCustomComponent,\n  useEditDepth,\n  useEffectEvent,\n  useField,\n} from '@ruya.sa/ui'\nimport { mergeFieldStyles } from '@ruya.sa/ui/shared'\nimport { dequal } from 'dequal/lite'\nimport { type Validate } from '@ruya.sa/payload'\nimport React, { useCallback, useEffect, useMemo, useState } from 'react'\nimport { ErrorBoundary } from 'react-error-boundary'\n\nimport type { SanitizedClientEditorConfig } from '../lexical/config/types.js'\n\nimport '../lexical/theme/EditorTheme.scss'\nimport './bundled.css'\nimport './index.scss'\n\nimport type { LexicalRichTextFieldProps } from '../types.js'\n\nimport { LexicalProvider } from '../lexical/LexicalProvider.js'\nimport { useRunDeprioritized } from '../utilities/useRunDeprioritized.js'\n\nconst baseClass = 'rich-text-lexical'\n\nconst RichTextComponent: React.FC<\n  {\n    readonly editorConfig: SanitizedClientEditorConfig // With rendered features n stuff\n  } & LexicalRichTextFieldProps\n> = (props) => {\n  const {\n    editorConfig,\n    field,\n    field: {\n      admin: { className, description, readOnly: readOnlyFromAdmin } = {},\n      label,\n      localized,\n      required,\n    },\n    path: pathFromProps,\n    readOnly: readOnlyFromTopLevelProps,\n    validate, // Users can pass in client side validation if they WANT to, but it's not required anymore\n  } = props\n\n  const readOnlyFromProps = readOnlyFromTopLevelProps || readOnlyFromAdmin\n\n  const editDepth = useEditDepth()\n\n  const memoizedValidate = useCallback<Validate>(\n    (value, validationOptions) => {\n      if (typeof validate === 'function') {\n        // @ts-expect-error - vestiges of when tsconfig was not strict. Feel free to improve\n        return validate(value, { ...validationOptions, required })\n      }\n      return true\n    },\n    // Important: do not add props to the dependencies array.\n    // This would cause an infinite loop and endless re-rendering.\n    // Removing props from the dependencies array fixed this issue: https://github.com/payloadcms/payload/issues/3709\n    [validate, required],\n  )\n\n  const {\n    customComponents: { AfterInput, BeforeInput, Description, Error, Label } = {},\n    disabled: disabledFromField,\n    initialValue,\n    path,\n    setValue,\n    showError,\n    value,\n  } = useField<SerializedEditorState>({\n    potentiallyStalePath: pathFromProps,\n    validate: memoizedValidate,\n  })\n\n  const disabled = readOnlyFromProps || disabledFromField\n\n  const [isSmallWidthViewport, setIsSmallWidthViewport] = useState<boolean>(false)\n  const [rerenderProviderKey, setRerenderProviderKey] = useState<Date>()\n\n  const prevInitialValueRef = React.useRef<SerializedEditorState | undefined>(initialValue)\n  const prevValueRef = React.useRef<SerializedEditorState | undefined>(value)\n\n  useEffect(() => {\n    const updateViewPortWidth = () => {\n      const isNextSmallWidthViewport = window.matchMedia('(max-width: 768px)').matches\n\n      if (isNextSmallWidthViewport !== isSmallWidthViewport) {\n        setIsSmallWidthViewport(isNextSmallWidthViewport)\n      }\n    }\n    updateViewPortWidth()\n    window.addEventListener('resize', updateViewPortWidth)\n\n    return () => {\n      window.removeEventListener('resize', updateViewPortWidth)\n    }\n  }, [isSmallWidthViewport])\n\n  const classes = [\n    baseClass,\n    'field-type',\n    className,\n    showError && 'error',\n    disabled && `${baseClass}--read-only`,\n    editorConfig?.admin?.hideGutter !== true && !isSmallWidthViewport\n      ? `${baseClass}--show-gutter`\n      : null,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  const pathWithEditDepth = `${path}.${editDepth}`\n\n  const runDeprioritized = useRunDeprioritized() // defaults to 500 ms timeout\n\n  const handleChange = useCallback(\n    (editorState: EditorState) => {\n      // Capture `editorState` in the closure so we can safely run later.\n      const updateFieldValue = () => {\n        const newState = editorState.toJSON()\n        prevValueRef.current = newState\n        setValue(newState)\n      }\n\n      // Queue the update for the browser’s idle time (or Safari shim)\n      // and let the hook handle debouncing/cancellation.\n      void runDeprioritized(updateFieldValue)\n    },\n    [setValue, runDeprioritized], // `runDeprioritized` is stable (useCallback inside hook)\n  )\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  const handleInitialValueChange = useEffectEvent(\n    (initialValue: SerializedEditorState | undefined) => {\n      // Object deep equality check here, as re-mounting the editor if\n      // the new value is the same as the old one is not necessary.\n      // In postgres, the order of keys in JSON objects is not guaranteed to be preserved,\n      // so we need to do a deep equality check here that does not care about key order => we use dequal.\n      // If we used JSON.stringify, the editor would re-mount every time you save the document, as the order of keys changes => change detected => re-mount.\n      if (\n        prevValueRef.current !== value &&\n        !dequal(\n          prevValueRef.current != null\n            ? JSON.parse(JSON.stringify(prevValueRef.current))\n            : prevValueRef.current,\n          value,\n        )\n      ) {\n        prevInitialValueRef.current = initialValue\n        prevValueRef.current = value\n        setRerenderProviderKey(new Date())\n      }\n    },\n  )\n\n  useEffect(() => {\n    // Needs to trigger for object reference changes - otherwise,\n    // reacting to the same initial value change twice will cause\n    // the second change to be ignored, even though the value has changed.\n    // That's because initialValue is not kept up-to-date\n    if (!Object.is(initialValue, prevInitialValueRef.current)) {\n      handleInitialValueChange(initialValue)\n    }\n  }, [initialValue])\n\n  return (\n    <div className={classes} key={pathWithEditDepth} style={styles}>\n      <RenderCustomComponent\n        CustomComponent={Error}\n        Fallback={<FieldError path={path} showError={showError} />}\n      />\n      {Label || <FieldLabel label={label} localized={localized} path={path} required={required} />}\n      <div className={`${baseClass}__wrap`}>\n        <ErrorBoundary fallbackRender={fallbackRender} onReset={() => {}}>\n          {BeforeInput}\n          {/* Lexical may be in a drawer. We need to define another BulkUploadProvider to ensure that the bulk upload drawer\n          is rendered in the correct depth (not displayed *behind* the current drawer)*/}\n          <BulkUploadProvider drawerSlugPrefix={path}>\n            <LexicalProvider\n              composerKey={pathWithEditDepth}\n              editorConfig={editorConfig}\n              fieldProps={props}\n              isSmallWidthViewport={isSmallWidthViewport}\n              key={JSON.stringify({ path, rerenderProviderKey })} // makes sure lexical is completely re-rendered when initialValue changes, bypassing the lexical-internal value memoization. That way, external changes to the form will update the editor. More infos in PR description (https://github.com/payloadcms/payload/pull/5010)\n              onChange={handleChange}\n              readOnly={disabled}\n              value={value}\n            />\n          </BulkUploadProvider>\n          {AfterInput}\n        </ErrorBoundary>\n        <RenderCustomComponent\n          CustomComponent={Description}\n          Fallback={<FieldDescription description={description} path={path} />}\n        />\n      </div>\n    </div>\n  )\n}\n\nfunction fallbackRender({ error }: { error: Error }) {\n  // Call resetErrorBoundary() to reset the error boundary and retry the render.\n\n  return (\n    <div className=\"errorBoundary\" role=\"alert\">\n      <p>Something went wrong:</p>\n      <pre style={{ color: 'red' }}>{error.message}</pre>\n    </div>\n  )\n}\n\nexport const RichText: typeof RichTextComponent = RichTextComponent\n"],"mappings":"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","ignoreList":[]}

package/dist/field/RenderLexical/index.d.ts

@@ -0,0 +1,24 @@
+import { type FieldType, type RenderFieldServerFnArgs } from '@ruya.sa/ui';
+import React from 'react';
+import type { DefaultTypedEditorState } from '../../nodeTypes.js';
+import type { LexicalRichTextField } from '../../types.js';
+/**
+ * Utility to render a lexical editor on the client.
+ *
+ * @experimental - may break in minor releases
+ * @todo - replace this with a general utility that works for all fields. Maybe merge with packages/ui/src/forms/RenderFields/RenderField.tsx
+ */
+export declare const RenderLexical: React.FC<
+/**
+ * If value or setValue, or both, is provided, this component will manage its own value.
+ * If neither is passed, it will rely on the parent form to manage the value.
+ */
+{
+    /**
+     * Override the loading state while the field component is being fetched and rendered.
+     */
+    Loading?: React.ReactElement;
+    setValue?: FieldType<DefaultTypedEditorState | undefined>['setValue'];
+    value?: FieldType<DefaultTypedEditorState | undefined>['value'];
+} & RenderFieldServerFnArgs<LexicalRichTextField>>;
+//# sourceMappingURL=index.d.ts.map

package/dist/field/RenderLexical/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/field/RenderLexical/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,KAAK,SAAS,EACd,KAAK,uBAAuB,EAK7B,MAAM,aAAa,CAAA;AACpB,OAAO,KAAyC,MAAM,OAAO,CAAA;AAE7D,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AACjE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE;AAClC;;;GAGG;AACH;IACE;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;IAE5B,QAAQ,CAAC,EAAE,SAAS,CAAC,uBAAuB,GAAG,SAAS,CAAC,CAAC,UAAU,CAAC,CAAA;IACrE,KAAK,CAAC,EAAE,SAAS,CAAC,uBAAuB,GAAG,SAAS,CAAC,CAAC,OAAO,CAAC,CAAA;CAChE,GAAG,uBAAuB,CAAC,oBAAoB,CAAC,CA4FlD,CAAA"}

package/dist/field/RenderLexical/index.js

@@ -0,0 +1,131 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldContext, FieldPathContext, ServerFunctionsContext, ShimmerEffect, useServerFunctions } from '@ruya.sa/ui';
+import React, { useCallback, useEffect, useRef } from 'react';
+/**
+ * Utility to render a lexical editor on the client.
+ *
+ * @experimental - may break in minor releases
+ * @todo - replace this with a general utility that works for all fields. Maybe merge with packages/ui/src/forms/RenderFields/RenderField.tsx
+ */
+export const RenderLexical = args => {
+  const $ = _c(9);
+  const {
+    field,
+    initialValue,
+    Loading,
+    path,
+    schemaPath,
+    setValue,
+    value
+  } = args;
+  const [Component, setComponent] = React.useState(null);
+  const serverFunctionContext = useServerFunctions();
+  const {
+    _internal_renderField
+  } = serverFunctionContext;
+  const [entityType, entitySlug] = schemaPath.split(".", 2);
+  const fieldPath = path ?? (field && "name" in field ? field?.name : "") ?? "";
+  let t0;
+  if ($[0] !== _internal_renderField || $[1] !== field || $[2] !== initialValue || $[3] !== path || $[4] !== schemaPath) {
+    t0 = () => {
+      const render = async function render() {
+        const {
+          Field
+        } = await _internal_renderField({
+          field: {
+            ...(field || {}),
+            type: "richText",
+            admin: {
+              ...(field?.admin || {}),
+              hidden: false
+            }
+          },
+          initialValue: initialValue ?? undefined,
+          path,
+          schemaPath
+        });
+        setComponent(Field);
+      };
+      render();
+    };
+    $[0] = _internal_renderField;
+    $[1] = field;
+    $[2] = initialValue;
+    $[3] = path;
+    $[4] = schemaPath;
+    $[5] = t0;
+  } else {
+    t0 = $[5];
+  }
+  const renderLexical = t0;
+  const mounted = useRef(false);
+  let t1;
+  let t2;
+  if ($[6] !== renderLexical) {
+    t1 = () => {
+      if (mounted.current) {
+        return;
+      }
+      mounted.current = true;
+      renderLexical();
+    };
+    t2 = [renderLexical];
+    $[6] = renderLexical;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  useEffect(t1, t2);
+  if (!Component) {
+    return typeof Loading !== "undefined" ? Loading : _jsx(ShimmerEffect, {});
+  }
+  const adjustedServerFunctionContext = {
+    ...serverFunctionContext,
+    getFormState: async getFormStateArgs => serverFunctionContext.getFormState({
+      ...getFormStateArgs,
+      collectionSlug: entityType === "collection" ? entitySlug : undefined,
+      globalSlug: entityType === "global" ? entitySlug : undefined
+    })
+  };
+  if (typeof value === "undefined" && !setValue) {
+    return _jsx(ServerFunctionsContext, {
+      value: {
+        ...adjustedServerFunctionContext
+      },
+      children: _jsx(FieldPathContext, {
+        value: fieldPath,
+        children: Component
+      }, fieldPath)
+    });
+  }
+  const fieldValue = {
+    disabled: false,
+    formInitializing: false,
+    formProcessing: false,
+    formSubmitted: false,
+    initialValue: value,
+    path: fieldPath,
+    setValue: setValue ?? _temp,
+    showError: false,
+    value
+  };
+  return _jsx(ServerFunctionsContext, {
+    value: {
+      ...adjustedServerFunctionContext
+    },
+    children: _jsx(FieldPathContext, {
+      value: fieldPath,
+      children: _jsx(FieldContext, {
+        value: fieldValue,
+        children: Component
+      })
+    }, fieldPath)
+  });
+};
+function _temp() {}
+//# sourceMappingURL=index.js.map

package/dist/field/RenderLexical/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","FieldContext","FieldPathContext","ServerFunctionsContext","ShimmerEffect","useServerFunctions","React","useCallback","useEffect","useRef","RenderLexical","args","$","field","initialValue","Loading","path","schemaPath","setValue","value","Component","setComponent","useState","serverFunctionContext","_internal_renderField","entityType","entitySlug","split","fieldPath","name","t0","render","Field","type","admin","hidden","undefined","renderLexical","mounted","t1","t2","current","_jsx","adjustedServerFunctionContext","getFormState","getFormStateArgs","collectionSlug","globalSlug","children","fieldValue","disabled","formInitializing","formProcessing","formSubmitted","_temp","showError"],"sources":["../../../src/field/RenderLexical/index.tsx"],"sourcesContent":["'use client'\nimport type { RichTextField } from '@ruya.sa/payload'\n\nimport {\n  FieldContext,\n  FieldPathContext,\n  type FieldType,\n  type RenderFieldServerFnArgs,\n  ServerFunctionsContext,\n  type ServerFunctionsContextType,\n  ShimmerEffect,\n  useServerFunctions,\n} from '@ruya.sa/ui'\nimport React, { useCallback, useEffect, useRef } from 'react'\n\nimport type { DefaultTypedEditorState } from '../../nodeTypes.js'\nimport type { LexicalRichTextField } from '../../types.js'\n\n/**\n * Utility to render a lexical editor on the client.\n *\n * @experimental - may break in minor releases\n * @todo - replace this with a general utility that works for all fields. Maybe merge with packages/ui/src/forms/RenderFields/RenderField.tsx\n */\nexport const RenderLexical: React.FC<\n  /**\n   * If value or setValue, or both, is provided, this component will manage its own value.\n   * If neither is passed, it will rely on the parent form to manage the value.\n   */\n  {\n    /**\n     * Override the loading state while the field component is being fetched and rendered.\n     */\n    Loading?: React.ReactElement\n\n    setValue?: FieldType<DefaultTypedEditorState | undefined>['setValue']\n    value?: FieldType<DefaultTypedEditorState | undefined>['value']\n  } & RenderFieldServerFnArgs<LexicalRichTextField>\n> = (args) => {\n  const { field, initialValue, Loading, path, schemaPath, setValue, value } = args\n  const [Component, setComponent] = React.useState<null | React.ReactNode>(null)\n  const serverFunctionContext = useServerFunctions()\n  const { _internal_renderField } = serverFunctionContext\n\n  const [entityType, entitySlug] = schemaPath.split('.', 2)\n\n  const fieldPath = path ?? (field && 'name' in field ? field?.name : '') ?? ''\n\n  const renderLexical = useCallback(() => {\n    async function render() {\n      const { Field } = await _internal_renderField({\n        field: {\n          ...((field as RichTextField) || {}),\n          type: 'richText',\n          admin: {\n            ...((field as RichTextField)?.admin || {}),\n            // When using \"fake\" anchor fields, hidden is often set to true. We need to override that here to ensure the field is rendered.\n            hidden: false,\n          },\n        },\n        initialValue: initialValue ?? undefined,\n        path,\n        schemaPath,\n      })\n\n      setComponent(Field)\n    }\n    void render()\n  }, [_internal_renderField, schemaPath, path, field, initialValue])\n\n  const mounted = useRef(false)\n\n  useEffect(() => {\n    if (mounted.current) {\n      return\n    }\n    mounted.current = true\n    void renderLexical()\n  }, [renderLexical])\n\n  if (!Component) {\n    return typeof Loading !== 'undefined' ? Loading : <ShimmerEffect />\n  }\n\n  /**\n   * By default, the lexical will make form state requests (e.g. to get drawer fields), passing in the arguments\n   * of the current field. However, we need to override those arguments to get it to make requests based on the\n   * *target* field. The server only knows the schema map of the target field.\n   */\n  const adjustedServerFunctionContext: ServerFunctionsContextType = {\n    ...serverFunctionContext,\n    getFormState: async (getFormStateArgs) => {\n      return serverFunctionContext.getFormState({\n        ...getFormStateArgs,\n        collectionSlug: entityType === 'collection' ? entitySlug : undefined,\n        globalSlug: entityType === 'global' ? entitySlug : undefined,\n      })\n    },\n  }\n\n  if (typeof value === 'undefined' && !setValue) {\n    return (\n      <ServerFunctionsContext value={{ ...adjustedServerFunctionContext }}>\n        <FieldPathContext key={fieldPath} value={fieldPath}>\n          {Component}\n        </FieldPathContext>\n      </ServerFunctionsContext>\n    )\n  }\n\n  const fieldValue: FieldType<DefaultTypedEditorState | undefined> = {\n    disabled: false,\n    formInitializing: false,\n    formProcessing: false,\n    formSubmitted: false,\n    initialValue: value,\n    path: fieldPath,\n    setValue: setValue ?? (() => undefined),\n    showError: false,\n    value,\n  }\n\n  return (\n    <ServerFunctionsContext value={{ ...adjustedServerFunctionContext }}>\n      <FieldPathContext key={fieldPath} value={fieldPath}>\n        <FieldContext value={fieldValue}>{Component}</FieldContext>\n      </FieldPathContext>\n    </ServerFunctionsContext>\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/field/bundled.css

@@ -0,0 +1 @@
+@layer payload-default{.LexicalEditorTheme__block{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default{.LexicalEditorTheme__block__header-action{border:0;background:none;box-shadow:none;border-radius:0;padding:0;color:currentColor;font-family:var(--font-body)}}@layer payload-default{.LexicalEditorTheme__block{margin-block:8px;z-index:1;color:var(--theme-text)}.LexicalEditorTheme__block[data-lexical-decorator=true]{width:auto}.LexicalEditorTheme__block__container{display:flex;flex-direction:column;gap:calc(var(--base) / 2)}.LexicalEditorTheme__block__row .collapsible__toggle-wrap{padding-inline-start:8px}.LexicalEditorTheme__block__header h3{margin:0}.LexicalEditorTheme__block__header-wrap{display:flex;align-items:flex-end;width:100%;justify-content:space-between}.LexicalEditorTheme__block__heading-with-error{display:flex;align-items:center;gap:calc(var(--base) * .5)}.LexicalEditorTheme__block--has-no-error>.array-field__header .array-field__heading-with-error{color:var(--theme-text)}.LexicalEditorTheme__block--has-error>.array-field__header{color:var(--theme-error-500)}.LexicalEditorTheme__block__error-pill{align-self:center}.LexicalEditorTheme__block__header-actions{list-style:none;margin:0;padding:0;display:flex}.LexicalEditorTheme__block__header-action{cursor:pointer;margin-left:calc(var(--base) * .5)}.LexicalEditorTheme__block__header-action:hover,.LexicalEditorTheme__block__header-action:focus-visible{text-decoration:underline}.LexicalEditorTheme__block .collapsible__header-wrap{right:calc(var(--base) * 1.5)}.LexicalEditorTheme__block__removeButton.btn{margin:0}.LexicalEditorTheme__block__removeButton.btn:hover{background-color:var(--theme-elevation-200)}.LexicalEditorTheme__block__editButton.btn{margin:0;width:24px}.LexicalEditorTheme__block__editButton.btn:hover{background-color:var(--theme-elevation-200)}.LexicalEditorTheme__block__block-header{pointer-events:none}.LexicalEditorTheme__block__block-header *{pointer-events:all}.LexicalEditorTheme__block__block-header,.LexicalEditorTheme__block__block-header>div:first-child{display:flex;max-width:100%;width:100%;overflow:hidden;gap:calc(var(--base) * .375);justify-content:flex-start;pointer-events:none}.LexicalEditorTheme__block__block-header>*,.LexicalEditorTheme__block__block-header>div:first-child>*{pointer-events:all}.LexicalEditorTheme__block__block-header>div:nth-child(2){display:flex;justify-content:flex-end}.LexicalEditorTheme__block__block-number{flex-shrink:0}.LexicalEditorTheme__block__block-pill{flex-shrink:0;display:block;line-height:unset}.LexicalEditorTheme__block__rows{display:flex;flex-direction:column;gap:calc(var(--base) / 2)}.LexicalEditorTheme__block__drawer-toggler{background-color:transparent;margin:0;padding:0;border:none;align-self:flex-start}.LexicalEditorTheme__block__drawer-toggler .btn{color:var(--theme-elevation-400);margin:0}.LexicalEditorTheme__block__drawer-toggler .btn:hover{color:var(--theme-elevation-800)}.LexicalEditorTheme__block-not-found{color:var(--theme-error-500);font-size:1.1rem}html[data-theme=light] .blocks-field--has-error .section-title__input,html[data-theme=light] .blocks-field--has-error .blocks-field__heading-with-error{color:var(--theme-error-750)}html[data-theme=dark] .blocks-field--has-error .section-title__input,html[data-theme=dark] .blocks-field--has-error .blocks-field__heading-with-error{color:var(--theme-error-500)}}@layer payload-default{.LexicalEditorTheme__inlineBlock__container{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.LexicalEditorTheme__inlineBlock{display:inline-block}.LexicalEditorTheme__inlineBlock.decorator-selected{box-shadow:unset!important;outline:unset!important}.LexicalEditorTheme__inlineBlock.decorator-selected .LexicalEditorTheme__inlineBlock__container{box-shadow:0 0 0 2px var(--theme-success-500);outline:none}.LexicalEditorTheme__inlineBlock__container{box-shadow:0 2px 2px -1px #0000001a;margin-right:4px;margin-left:4px;padding:2px;padding-inline-start:8px;background:var(--theme-input-bg);outline:1px solid var(--theme-elevation-100);border-radius:3px;max-width:calc(var(--base) * 15);font-family:var(--font-body);display:flex;align-items:center}.LexicalEditorTheme__inlineBlock__container:hover{outline:1px solid var(--theme-elevation-150)}.LexicalEditorTheme__inlineBlock-not-found{max-width:calc(var(--base) * 20);color:var(--theme-error-500)}.LexicalEditorTheme__inlineBlock::selection{background:transparent}.LexicalEditorTheme__inlineBlock__wrap{flex-grow:1;overflow:hidden}.LexicalEditorTheme__inlineBlock__editButton.btn{margin:0}.LexicalEditorTheme__inlineBlock__editButton:disabled{color:var(--theme-elevation-300);pointer-events:none}.LexicalEditorTheme__inlineBlock__actions{display:flex;align-items:center;flex-shrink:0;margin-left:8px}.LexicalEditorTheme__inlineBlock__actions>.btn{width:20px;height:20px}.LexicalEditorTheme__inlineBlock__actions>.btn:not(:disabled):hover{background:var(--theme-elevation-100)}.LexicalEditorTheme__inlineBlock__actions>.btn>*{height:100%}.LexicalEditorTheme__inlineBlock__actions svg{width:16px;height:16px}.LexicalEditorTheme__inlineBlock__removeButton.btn{margin:0}.LexicalEditorTheme__inlineBlock__removeButton.btn line{stroke-width:4px}.LexicalEditorTheme__inlineBlock__removeButton.btn:disabled{color:var(--theme-elevation-300);pointer-events:none}}@layer payload-default;@layer payload-default;@layer payload-default{.test-recorder-output{margin:20px auto;width:100%}.test-recorder-toolbar{display:flex}.test-recorder-button{position:relative;display:block;font-size:10px;padding:6px;border-radius:4px;border:none;cursor:pointer;outline:none;box-shadow:1px 2px 2px #0006;background-color:#222;color:#fff;transition:box-shadow 50ms ease-out}.test-recorder-button:active{box-shadow:1px 2px 4px #0006}.test-recorder-button+.test-recorder-button{margin-left:4px}.test-recorder-button:after{content:"";position:absolute;inset:8px;display:block;background-size:contain;filter:invert(1)}#test-recorder-button{position:relative}#test-recorder-button-snapshot{margin-right:auto}}@layer payload-default{.tree-view-output{display:block;background:#222;color:#fff;padding:0;font-size:12px;margin:1px auto 10px;position:relative;overflow:hidden;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.tree-view-output pre{line-height:1.1;background:#222;color:#fff;margin:0;padding:10px;font-size:12px;overflow:auto;max-height:400px}.tree-view-output .debug-treetype-button{border:0;padding:0;font-size:12px;top:10px;right:85px;position:absolute;background:none;color:#fff}.tree-view-output .debug-treetype-button:hover{text-decoration:underline}.tree-view-output .debug-timetravel-button{border:0;padding:0;font-size:12px;top:10px;right:15px;position:absolute;background:none;color:#fff}.tree-view-output .debug-timetravel-button:hover{text-decoration:underline}.tree-view-output .debug-timetravel-panel{overflow:hidden;padding:0 0 10px;margin:auto;display:flex}.tree-view-output .debug-timetravel-panel-button{padding:0;border:0;background:none;flex:1;color:#fff;font-size:12px}.tree-view-output .debug-timetravel-panel-button:hover{text-decoration:underline}.tree-view-output .debug-timetravel-panel-slider{padding:0;flex:8}}@layer payload-default;@layer payload-default;@layer payload-default{.LexicalEditorTheme__hr{width:auto!important;padding:2px;border:none;margin:1rem 0;cursor:pointer}.LexicalEditorTheme__hr:after{content:"";display:block;height:2px;background-color:var(--theme-elevation-250)}.LexicalEditorTheme__hr.LexicalEditorTheme__hrSelected{outline:2px solid var(--theme-success-250);user-select:none}}@layer payload-default{.link-editor .link-input{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.link-editor{z-index:1;display:flex;align-items:center;background:var(--theme-input-bg);padding:4px 4px 4px 12px;vertical-align:middle;position:absolute;top:0;left:0;opacity:0;border-radius:4px;transition:opacity .2s;will-change:transform;box-shadow:0 1px 2px 1px #0000001a,0 4px 16px #0000001a,0 -4px 16px #0000001a}.link-editor .link-input{display:flex;align-items:center;flex-direction:row;flex-wrap:nowrap;min-height:28px;box-sizing:border-box;border:0;outline:0;position:relative;font-family:var(--font-body)}.link-editor .link-input .icon--externalLink{margin-right:5px}.link-editor .link-input__label-pure{color:var(--theme-elevation-1000);margin-right:15px;display:block;white-space:nowrap;overflow:hidden}.link-editor .link-input a{text-decoration:underline;display:block;white-space:nowrap;overflow:hidden;margin-right:8px;text-overflow:ellipsis;color:var(--theme-success-750)}.link-editor .link-input a:hover{color:var(--theme-success-850)}.link-editor button{all:unset;display:flex;align-items:center;justify-content:center;background-size:16px;background-position:center;background-repeat:no-repeat;width:30px;height:30px;cursor:pointer;color:var(--theme-elevation-600);border-radius:4px}.link-editor button:hover:not([disabled]){color:var(--theme-elevation-800);background-color:var(--theme-elevation-100)}html[data-theme=light] .link-editor{box-shadow:0 1px 2px 1px #0000000d,0 4px 8px #0000000d,0 -4px 16px #0000000d}}@layer payload-default{span.unknownConverted{text-transform:uppercase;font-family:Roboto Mono,monospace;letter-spacing:2px;font-size:calc(var(--base) * .5);margin:0 0 var(--base);background:red;color:#fff;display:inline-block}span.unknownConverted div{background:red}}@layer payload-default{span.unknownConverted{text-transform:uppercase;font-family:Roboto Mono,monospace;letter-spacing:2px;font-size:calc(var(--base) * .5);margin:0 0 var(--base);background:red;color:#fff;display:inline-block}span.unknownConverted div{background:red}}.debug-jsx-converter{padding-left:36px}.debug-jsx-converter ul,.debug-jsx-converter ol{padding-left:revert;margin:revert}@layer payload-default{.LexicalEditorTheme__relationship{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.LexicalEditorTheme__relationship{box-shadow:0 2px 2px -1px #0000001a;padding:calc(var(--base) * .75);background:var(--theme-input-bg);border:1px solid var(--theme-elevation-100);border-radius:4px;max-width:calc(var(--base) * 15);font-family:var(--font-body);margin-block:10px;color:var(--theme-text)}.LexicalEditorTheme__relationship__contents{display:flex;align-items:center}.LexicalEditorTheme__relationship:hover{border:1px solid var(--theme-elevation-150)}.LexicalEditorTheme__relationship__label{margin-bottom:calc(var(--base) * .25)}.LexicalEditorTheme__relationship__title{margin:0}.LexicalEditorTheme__relationship__label,.LexicalEditorTheme__relationship__title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:1!important}.LexicalEditorTheme__relationship__title{font-weight:700}.LexicalEditorTheme__relationship__wrap{flex-grow:1;overflow:hidden}.LexicalEditorTheme__relationship__doc-drawer-toggler{text-decoration:underline;pointer-events:all;line-height:inherit}.LexicalEditorTheme__relationship__doc-drawer-toggler>*{margin:0}.LexicalEditorTheme__relationship__swapButton.btn{margin:0}.LexicalEditorTheme__relationship__doc-drawer-toggler:disabled,.LexicalEditorTheme__relationship__swapButton:disabled{color:var(--theme-elevation-300);pointer-events:none}.LexicalEditorTheme__relationship__actions{display:flex;align-items:center;flex-shrink:0;margin-left:calc(var(--base) * .5)}.LexicalEditorTheme__relationship__actions>*:not(:last-child){margin-right:calc(var(--base) * .25)}.LexicalEditorTheme__relationship__removeButton.btn{margin:0}.LexicalEditorTheme__relationship__removeButton.btn line{stroke-width:2px}.LexicalEditorTheme__relationship__removeButton.btn:disabled{color:var(--theme-elevation-300);pointer-events:none}}@layer payload-default;@layer payload-default;@layer payload-default{.toolbar-popup__button{display:flex;align-items:center;vertical-align:middle;justify-content:center;height:30px;width:30px;border:0;background:none;border-radius:4px;cursor:pointer;padding:0;transition:background-color .15s cubic-bezier(0,.2,.2,1)}.toolbar-popup__button.spaced{margin-right:2px}.toolbar-popup__button:hover:not(.disabled){background-color:var(--theme-elevation-100)}.toolbar-popup__button.active{background-color:var(--theme-elevation-150);color:var(--theme-text)}.toolbar-popup__button.active:hover{background-color:var(--theme-elevation-200)}.toolbar-popup__button.active .icon{opacity:1}.toolbar-popup__button.disabled{cursor:not-allowed}.toolbar-popup__button.disabled .icon{opacity:.2}}@layer payload-default;@layer payload-default;@layer payload-default{html[data-theme=dark] .fixed-toolbar__dropdown-items{background:var(--theme-elevation-0);transition:background .2s cubic-bezier(0,.2,.2,1)}html[data-theme=dark] .fixed-toolbar__dropdown-items .toolbar-popup__dropdown-item{color:var(--theme-elevation-900)}html[data-theme=dark] .fixed-toolbar__dropdown-items .toolbar-popup__dropdown-item:hover:not([disabled]),html[data-theme=dark] .fixed-toolbar__dropdown-items .toolbar-popup__dropdown-item.active{background:var(--theme-elevation-100)}html[data-theme=dark] .fixed-toolbar__dropdown-items .toolbar-popup__dropdown-item .icon{color:var(--theme-elevation-600)}html[data-theme=dark] .fixed-toolbar .toolbar-popup__dropdown{transition:background-color .15s cubic-bezier(0,.2,.2,1)}html[data-theme=dark] .fixed-toolbar .toolbar-popup__dropdown:hover:not([disabled]){background:var(--theme-elevation-100)}html[data-theme=dark] .fixed-toolbar .toolbar-popup__dropdown-caret:after{filter:invert(1)}html[data-theme=dark] .fixed-toolbar .toolbar-popup__dropdown-label{color:var(--theme-elevation-750)}.fixed-toolbar.fixed-toolbar--hide{visibility:hidden;pointer-events:none;user-select:none}.fixed-toolbar{display:flex;flex-wrap:wrap;align-items:center;padding:calc(var(--base) / 4);vertical-align:middle;position:sticky;z-index:2;top:var(--doc-controls-height);border:1px solid var(--theme-elevation-150);border-collapse:unset;transform:translateY(1px);min-height:40px}.fixed-toolbar:before,.fixed-toolbar:after{content:" ";position:absolute;inset:0}.fixed-toolbar:before{background:var(--theme-elevation-0);opacity:.75}.fixed-toolbar:after{backdrop-filter:blur(8px)}.fixed-toolbar__group{display:flex;flex-wrap:wrap;align-items:center;gap:2px;z-index:1}.fixed-toolbar__group .icon{min-width:20px;height:20px;color:var(--theme-elevation-600)}.fixed-toolbar__group .divider{width:1px;height:15px;background-color:var(--theme-elevation-100);margin:0 6.25px 0 4.25px}.fixed-toolbar+.editor-container>.editor-scroller>.editor>.ContentEditable__root{padding-top:calc(var(--base) * 1.25)}.fixed-toolbar+.editor-container>.editor-scroller>.editor>div>.LexicalEditorTheme__placeholder{top:calc(var(--base) * 1.25)}.rich-text-lexical--show-gutter .fixed-toolbar+.editor-container>.editor-scroller>.editor>.ContentEditable__root:before{top:calc(var(--base) * 1.25)!important;height:calc(100% - var(--base) * 1.25 - 8px)!important}}@layer payload-default;@layer payload-default;@layer payload-default{.toolbar-popup__dropdown{display:flex;align-items:center;vertical-align:middle;justify-content:center;gap:4px;height:30px;border:0;background:none;border-radius:4px;cursor:pointer;position:relative;padding:0 8px 0 6px;transition:background-color .15s cubic-bezier(0,.2,.2,1)}.toolbar-popup__dropdown-label{color:var(--theme-elevation-600);padding-block:0;padding-inline:4px 8px}.toolbar-popup__dropdown:disabled{cursor:not-allowed;opacity:.2}.toolbar-popup__dropdown:hover:not([disabled]){background-color:var(--theme-elevation-100)}.toolbar-popup__dropdown .active{background-color:var(--theme-elevation-100)}.toolbar-popup__dropdown .active .toolbar-popup__dropdown-caret:after{transform:rotate(0)}.toolbar-popup__dropdown-caret{width:8px;display:flex;align-items:center;justify-content:center;transform:rotate(45deg)}.toolbar-popup__dropdown-caret:after{display:block;content:" ";position:absolute;width:4px;height:4px;transform:translateY(-2px);border:solid 1px var(--theme-elevation-600);border-width:0 1px 1px 0}.toolbar-popup__dropdown-items{position:absolute;background:var(--theme-elevation-0);border-radius:4px;min-width:132.5px;max-width:200px;z-index:100}.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item{all:unset;cursor:pointer;color:var(--theme-elevation-900);transition:background-color .15s cubic-bezier(0,.2,.2,1);position:relative;padding-left:6.25px;padding-right:6.25px;width:100%;height:30px;border-radius:4px;box-sizing:border-box;display:flex;align-items:center;gap:6.25px}.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item .text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item:hover:not([disabled]),.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item.active{background-color:var(--theme-elevation-100)}.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item.disabled{cursor:not-allowed;opacity:.2}.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item .btn__icon{background:none!important;background-color:none!important}.toolbar-popup__dropdown-items .toolbar-popup__dropdown-item .icon{min-width:20px;height:20px;color:var(--theme-elevation-600)}html[data-theme=light] .toolbar-popup__dropdown-items{position:absolute;box-shadow:0 4px 8px -3px #0000001a}}@layer payload-default;@layer payload-default;@layer payload-default{.inline-toolbar-popup{display:flex;align-items:center;background:var(--theme-input-bg);padding:4px;vertical-align:middle;position:absolute;top:0;left:0;z-index:2;opacity:0;border-radius:4px;transition:opacity .2s;will-change:transform;box-shadow:0 1px 2px 1px #0000001a,0 4px 16px #0003,0 -4px 8px #0000001a}.inline-toolbar-popup .caret{z-index:93;position:absolute;top:calc(100% - 24px);border:8px solid transparent;pointer-events:none;border-top-color:var(--theme-input-bg)}.inline-toolbar-popup__group{display:flex;align-items:center;gap:2px}.inline-toolbar-popup__group .icon{min-width:20px;height:20px;color:var(--theme-elevation-600)}.inline-toolbar-popup__group .divider{width:1px;height:15px;background-color:var(--theme-border-color);margin:0 6.25px}html[data-theme=light] .inline-toolbar-popup{box-shadow:0 1px 2px 1px #0000000d,0 4px 8px #0000001a}}@layer payload-default;@layer payload-default;@layer payload-default{.table-cell-action-button-container{position:absolute;z-index:3;top:0;left:0;will-change:transform}.table-cell-action-button-container.table-cell-action-button-container--active{pointer-events:auto;opacity:1}.table-cell-action-button-container.table-cell-action-button-container--inactive{pointer-events:none;opacity:0}.table-cell-action-button{border:0;padding:2px;position:absolute;top:10px;right:10px;border-radius:4px;color:var(--theme-elevation-800);display:inline-block;cursor:pointer}.table-cell-action-button:hover{background-color:var(--theme-elevation-300)}html[data-theme=light] .table-action-menu-dropdown{box-shadow:0 1px 2px 1px #0000000d,0 4px 8px #0000001a}.table-action-menu-dropdown{z-index:100;display:block;position:fixed;background:var(--theme-input-bg);min-width:160px;border-radius:4px;min-height:40px;overflow-y:auto;box-shadow:0 1px 2px 1px #0000001a,0 4px 16px #0003,0 -4px 8px #0000001a}.table-action-menu-dropdown hr{border:none;height:1px;background-color:var(--theme-elevation-200)}.table-action-menu-dropdown .item{padding:8px;color:var(--theme-elevation-900);background:var(--theme-input-bg);cursor:pointer;font-size:13px;font-family:var(--font-body);display:flex;align-content:center;flex-direction:row;flex-shrink:0;justify-content:space-between;border:0;height:30px;width:100%}.table-action-menu-dropdown .item:hover{background:var(--theme-elevation-100)}}.TableCellResizer__resizer{position:absolute;touch-action:none}@media (pointer: coarse){.TableCellResizer__resizer{background-color:#adf;mix-blend-mode:color}}@layer payload-default;@layer payload-default;@layer payload-default{.LexicalEditorTheme__tableScrollableWrapper{overflow-x:auto;margin:0 25px 30px 0}.LexicalEditorTheme__tableScrollableWrapper>.LexicalEditorTheme__table{margin-top:0;margin-bottom:0}.LexicalEditorTheme__tableAlignmentCenter{margin-left:auto;margin-right:auto}.LexicalEditorTheme__tableAlignmentRight{margin-left:auto}.LexicalEditorTheme__tableSelection *::selection{background-color:transparent}.LexicalEditorTheme__table{border-collapse:collapse;max-width:100%;border-spacing:0;overflow-y:scroll;overflow-x:scroll;table-layout:fixed;width:fit-content;margin-top:25px;margin-bottom:30px}.LexicalEditorTheme__table ::selection{background:#accef7}.LexicalEditorTheme__table br::selection{background:unset}.LexicalEditorTheme__tableFrozenColumn tr>td:first-child{background-color:var(--theme-bg);position:sticky;z-index:2;left:0}.LexicalEditorTheme__tableFrozenColumn tr>th:first-child{background-color:var(--theme-elevation-50);position:sticky;z-index:2;left:0}.LexicalEditorTheme__tableFrozenColumn tr>:first-child:after{content:"";position:absolute;left:0;top:0;right:0;height:100%;border-right:1px solid var(--theme-elevation-400)}.LexicalEditorTheme__tableRowStriping tr:nth-child(2n){background-color:var(--theme-elevation-100)}.LexicalEditorTheme__tableSelected{outline:2px solid rgb(60,132,244)}.LexicalEditorTheme__tableCell{border:1px solid var(--theme-elevation-200);vertical-align:top;text-align:start;padding:6px 8px;position:relative;cursor:default;outline:none}.LexicalEditorTheme__tableCell>*{overflow:inherit}.LexicalEditorTheme__tableCellResizer{position:absolute;right:-4px;height:100%;width:8px;cursor:ew-resize;z-index:10;top:0}.LexicalEditorTheme__tableCellHeader{background-color:#f2f3f5;text-align:start}.LexicalEditorTheme__tableCellSelected{caret-color:transparent}.LexicalEditorTheme__tableCellSelected:after{position:absolute;inset:0;background-color:var(--color-success-250);mix-blend-mode:multiply;content:"";pointer-events:none}.LexicalEditorTheme__tableAddColumns{height:100%}.LexicalEditorTheme__tableAddColumns,.LexicalEditorTheme__tableAddRows{position:absolute;background-color:var(--theme-elevation-100);animation:table-controls .2s ease;border:0;cursor:pointer;min-width:24px;min-height:24px}.LexicalEditorTheme__tableAddColumns:after,.LexicalEditorTheme__tableAddRows:after{display:flex;content:"+";font-size:1.4rem;border-radius:3px;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;color:var(--theme-elevation-500)}.LexicalEditorTheme__tableAddColumns:hover,.LexicalEditorTheme__tableAddRows:hover{background-color:var(--theme-elevation-150)}.LexicalEditorTheme__tableAddRows{width:calc(100% - 25px)}@keyframes table-controls{0%{opacity:0}to{opacity:1}}.LexicalEditorTheme__tableCellResizeRuler{display:block;position:absolute;width:1px;background-color:#3c84f4;height:100%;top:0}.LexicalEditorTheme__tableCellActionButtonContainer{display:block;right:5px;top:6px;position:absolute;z-index:4;width:20px;height:20px}.LexicalEditorTheme__tableCellActionButton{background-color:#eee;display:block;border:0;border-radius:20px;width:20px;height:20px;color:#222;cursor:pointer}.LexicalEditorTheme__tableCellActionButton:hover{background-color:#ddd}html[data-theme=dark] .LexicalEditorTheme__tableCellHeader{background-color:var(--theme-elevation-50)}html[data-theme=dark] .LexicalEditorTheme__tableCellSelected:after{background-color:var(--color-success-700);mix-blend-mode:screen}html[data-theme=dark] .LexicalEditorTheme__tableAddColumns,html[data-theme=dark] .LexicalEditorTheme__tableAddRows{background-color:var(--theme-elevation-50)}html[data-theme=dark] .LexicalEditorTheme__tableAddColumns:hover,html[data-theme=dark] .LexicalEditorTheme__tableAddRows:hover{background-color:var(--theme-elevation-100)}}@layer payload-default{.LexicalEditorTheme__upload{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.LexicalEditorTheme__upload{box-shadow:0 2px 2px -1px #0000001a;border-radius:4px;border:1px solid var(--theme-elevation-100);position:relative;font-family:var(--font-body);margin-block:10px}.LexicalEditorTheme__upload:has([data-align=center]){width:fit-content;margin-left:auto;margin-right:auto}.LexicalEditorTheme__upload:has([data-align=right]),.LexicalEditorTheme__upload:has([data-align=end]){width:fit-content;margin-left:auto;margin-right:0}.LexicalEditorTheme__upload:has([data-align=left]),.LexicalEditorTheme__upload:has([data-align=start]){width:fit-content;margin-left:0;margin-right:auto}.LexicalEditorTheme__upload:hover{border:1px solid var(--theme-elevation-150)}.LexicalEditorTheme__upload img,.LexicalEditorTheme__upload svg{border-radius:3px;width:auto}.LexicalEditorTheme__upload__contents--landscape img,.LexicalEditorTheme__upload__contents--landscape svg{max-width:450px;min-width:450px}.LexicalEditorTheme__upload__contents--portrait img,.LexicalEditorTheme__upload__contents--portrait svg{max-height:450px;min-height:450px}.LexicalEditorTheme__upload button{margin:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.LexicalEditorTheme__upload__card{box-shadow:0 7px 14px #0000000d;display:flex;flex-direction:column;width:100%}.LexicalEditorTheme__upload__floater{box-shadow:0 -2px 16px -2px #0003;position:absolute;color:var(--theme-text);opacity:0;transition:opacity .15s ease,transform .15s ease;pointer-events:none}.LexicalEditorTheme__upload:hover .LexicalEditorTheme__upload__floater,.LexicalEditorTheme__upload__media:focus-within .LexicalEditorTheme__upload__floater{opacity:1;pointer-events:auto}.LexicalEditorTheme__upload__overlay{display:flex;top:calc(var(--base) * .5);right:calc(var(--base) * .5);padding:calc(var(--base) * .2) calc(var(--base) * .2);background:var(--theme-elevation-50);border-radius:4px;transform:translateY(-6px)}.LexicalEditorTheme__upload:hover .LexicalEditorTheme__upload__overlay,.LexicalEditorTheme__upload__media:focus-within .LexicalEditorTheme__upload__overlay{transform:translateY(0)}.LexicalEditorTheme__upload__actions{display:flex;align-items:center;flex-wrap:nowrap;gap:calc(var(--base) * .3)}.LexicalEditorTheme__upload__actions .btn:hover{background:var(--theme-elevation-100)}.LexicalEditorTheme__upload__metaOverlay{display:inline-flex;left:50%;bottom:0;width:100%;padding:calc(var(--base) * .5) calc(var(--base) * .75);transform:translate(-50%);flex-wrap:wrap;gap:calc(var(--base) * .5);row-gap:0;background:color-mix(in oklab,var(--theme-elevation-50) 55%,transparent);border-radius:0 0 3px 3px;backdrop-filter:saturate(1.2) blur(8px)}html[data-theme=light] .LexicalEditorTheme__upload__metaOverlay{background:color-mix(in oklab,var(--theme-elevation-800) 55%,transparent);color:var(--theme-elevation-50)}html[data-theme=light] .LexicalEditorTheme__upload__collectionLabel{color:var(--theme-elevation-300)}.LexicalEditorTheme__upload__filename{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;text-decoration:underline;cursor:pointer}.LexicalEditorTheme__upload__collectionLabel{color:var(--theme-elevation-500);font-size:.9em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.LexicalEditorTheme__upload img,.LexicalEditorTheme__upload svg{min-width:unset;min-height:unset}.LexicalEditorTheme__upload__metaOverlay{gap:0;padding:calc(var(--base) * .5) calc(var(--base) * .6);flex-direction:column}.LexicalEditorTheme__upload__metaOverlay button{display:flex;justify-content:flex-start}.LexicalEditorTheme__upload__collectionLabel{max-width:100%}}}@layer payload-default;@layer payload-default;@layer payload-default{.LexicalEditorTheme__ltr{text-align:left}.LexicalEditorTheme__rtl{text-align:right}.LexicalEditorTheme__paragraph{font-size:16px;margin-bottom:.55em;position:relative;line-height:1.5;letter-spacing:normal;color:var(--theme-text)}.LexicalEditorTheme__quote{color:var(--theme-text);font-size:16px;margin-block:16px;margin-inline:4px;border-inline-start-color:var(--theme-elevation-150);border-inline-start-width:4px;border-inline-start-style:solid;padding-inline-start:12px;padding-block:4px}.LexicalEditorTheme__h1,.LexicalEditorTheme__h2,.LexicalEditorTheme__h3,.LexicalEditorTheme__h4,.LexicalEditorTheme__h5,.LexicalEditorTheme__h6{font-family:var(--font-body);line-height:1.125;letter-spacing:0;color:var(--theme-text)}.LexicalEditorTheme__h1{font-size:28px;font-weight:700;margin-block:.5em .4em}.LexicalEditorTheme__h2{font-size:25px;font-weight:700;margin-block:.55em .4em}.LexicalEditorTheme__h3{font-size:22px;font-weight:700;margin-block:.6em .4em}.LexicalEditorTheme__h4{font-size:20px;font-weight:700;margin-block:.65em .4em}.LexicalEditorTheme__h5{font-size:18px;font-weight:700;margin-block:.7em .4em}.LexicalEditorTheme__h6{font-size:16px;font-weight:700;margin-block:.75em .4em}.LexicalEditorTheme__indent{--lexical-indent-base-value: 40px}.LexicalEditorTheme__textBold{font-weight:700}.LexicalEditorTheme__textItalic{font-style:italic}.LexicalEditorTheme__textUnderline{text-decoration:underline}.LexicalEditorTheme__textStrikethrough{text-decoration:line-through}.LexicalEditorTheme__textUnderlineStrikethrough{text-decoration:underline line-through}.LexicalEditorTheme__tabNode{position:relative;text-decoration:none}.LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderline:after{content:"";position:absolute;left:0;right:0;bottom:.15em;border-bottom:.1em solid currentColor}.LexicalEditorTheme__tabNode.LexicalEditorTheme__textStrikethrough:before{content:"";position:absolute;left:0;right:0;top:.69em;border-top:.1em solid currentColor}.LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough:before,.LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough:after{content:"";position:absolute;left:0;right:0}.LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough:before{top:.69em;border-top:.1em solid currentColor}.LexicalEditorTheme__tabNode.LexicalEditorTheme__textUnderlineStrikethrough:after{bottom:.05em;border-bottom:.1em solid currentColor}.LexicalEditorTheme__textSubscript{font-size:.8em;vertical-align:sub!important}.LexicalEditorTheme__textSuperscript{font-size:.8em;vertical-align:super}.LexicalEditorTheme__textCode{background-color:var(--theme-elevation-50);border:1px solid var(--theme-elevation-150);color:var(--theme-error-600);padding:2px 4px;font-family:SF Mono,Menlo,Consolas,Monaco,monospace;font-size:.875em;border-radius:var(--style-radius-s);box-decoration-break:clone;-webkit-box-decoration-break:clone}.LexicalEditorTheme__link{color:var(--theme-success-750);text-decoration:none;border-bottom:1px dotted;pointer-events:none}.LexicalEditorTheme__blockCursor{display:block;pointer-events:none;position:absolute}.LexicalEditorTheme__blockCursor:after{content:"";display:block;position:absolute;top:-2px;width:20px;border-top:1px solid var(--theme-text);animation:CursorBlink 1.1s steps(2,start) infinite}@keyframes CursorBlink{to{visibility:hidden}}.LexicalEditorTheme__ol1{padding:0;list-style-position:outside;margin:8px 0 16px}.LexicalEditorTheme__ol2{padding:0;margin:0;list-style-type:upper-alpha;list-style-position:outside}.LexicalEditorTheme__ol3{padding:0;margin:0;list-style-type:lower-alpha;list-style-position:outside}.LexicalEditorTheme__ol4{padding:0;margin:0;list-style-type:upper-roman;list-style-position:outside}.LexicalEditorTheme__ol5{padding:0;margin:0;list-style-type:lower-roman;list-style-position:outside}.LexicalEditorTheme__ul{padding:0;margin:8px 0 16px;list-style-position:outside}.LexicalEditorTheme__ul ul{margin:0}.LexicalEditorTheme__listItem{font-size:16px;margin:0 0 .4em 40px;color:var(--theme-text)}.LexicalEditorTheme__listItem::marker{color:var(--listitem-marker-color);background-color:var(--listitem-marker-background-color);font-family:var(--listitem-marker-font-family);font-size:var(--listitem-marker-font-size)}.LexicalEditorTheme__listItem[dir=rtl]{margin:0 40px .4em 0}.LexicalEditorTheme__listItemChecked,.LexicalEditorTheme__listItemUnchecked{position:relative;margin-left:15px;padding-left:25px;list-style-type:none;outline:none}.LexicalEditorTheme__listItemUnchecked[dir=rtl],.LexicalEditorTheme__listItemChecked[dir=rtl]{margin-left:0;padding-left:0;padding-right:25px;margin-right:15px}.LexicalEditorTheme__listItemChecked{text-decoration:line-through}.LexicalEditorTheme__listItemUnchecked:before,.LexicalEditorTheme__listItemChecked:before{content:"";width:16px;height:16px;top:2px;left:0;cursor:pointer;display:block;background-size:cover;position:absolute}.LexicalEditorTheme__listItemUnchecked[dir=rtl]:before,.LexicalEditorTheme__listItemChecked[dir=rtl]:before{left:auto;right:0}.LexicalEditorTheme__listItemUnchecked:focus:before,.LexicalEditorTheme__listItemChecked:focus:before{outline:0;box-shadow:0 0 3px 3px var(--theme-success-400);border:1px solid var(--theme-elevation-250);border-radius:var(--style-radius-s)}.LexicalEditorTheme__listItemUnchecked:before{border:1px solid var(--theme-elevation-250);border-radius:3px}.LexicalEditorTheme__listItemChecked:before{border:1px solid var(--theme-elevation-500);border-radius:3px;background-color:var(--theme-elevation-100);background-repeat:no-repeat}.LexicalEditorTheme__listItemChecked:after{content:"";cursor:pointer;border-color:var(--theme-text);border-style:solid;position:absolute;display:block;top:6px;width:3px;left:7px;right:7px;height:6px;transform:rotate(45deg);border-width:0 2px 2px 0}.LexicalEditorTheme__nestedListItem{list-style-type:none}.LexicalEditorTheme__nestedListItem:before,.LexicalEditorTheme__nestedListItem:after{display:none}html[data-theme=dark] .LexicalEditorTheme__textCode{color:var(--theme-warning-600)}}@layer payload-default;@layer payload-default;@layer payload-default{.rich-text-lexical>.field-error.tooltip{right:auto;position:static;margin-bottom:.2em;max-width:fit-content}.rich-text-lexical .errorBoundary pre{text-wrap:unset}.rich-text-lexical__wrap{width:100%;position:relative}.rich-text-lexical--read-only .editor-container .editor{animation:fadeInBackground .5s ease forwards;color:var(--theme-elevation-450)}@keyframes fadeInBackground{0%{background-color:transparent}to{background-color:var(--theme-elevation-100)}}}@layer payload-default;@layer payload-default;@layer payload-default{.rich-text-lexical .editor{position:relative}.rich-text-lexical .editor-container{position:relative;font-family:var(--font-serif);font-size:16px;letter-spacing:.02em}.rich-text-lexical--show-gutter>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>div>.LexicalEditorTheme__placeholder{left:3rem}.rich-text-lexical:not(.rich-text-lexical--show-gutter)>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>div>.LexicalEditorTheme__placeholder{left:0}.rich-text-lexical .LexicalEditorTheme__placeholder{position:absolute;top:8px;font-size:16px;line-height:1.5;color:var(--theme-elevation-500);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none}}@layer payload-default;@layer payload-default;@layer payload-default{[data-lexical-decorator=true]{width:fit-content;border-radius:4px}.decorator-selected{box-shadow:0 0 0 2px var(--theme-success-500)!important;outline:none!important}}@layer payload-default;@layer payload-default;@layer payload-default{.add-block-menu{all:unset;border-radius:4px;padding:0;cursor:pointer;opacity:0;position:absolute;left:0;top:0;will-change:transform}.add-block-menu:hover{background-color:var(--theme-elevation-100)}.add-block-menu:hover .icon{opacity:1}.add-block-menu .icon{width:18px;height:24px;opacity:.3;background-image:url('data:image/svg+xml,<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path d="M5,12h8" stroke="%23000000" />%0A    <path d="M9,16V8" stroke="%23000000" />%0A</svg>%0A')}html[data-theme=dark] .add-block-menu .icon{background-image:url('data:image/svg+xml,<svg width="18" height="24" viewBox="0 0 18 24" fill="none" xmlns="http://www.w3.org/2000/svg">%0A    <path d="M5,12h8" stroke="%23ffffff" />%0A    <path d="M9,16V8" stroke="%23ffffff" />%0A</svg>%0A')}}@layer payload-default;@layer payload-default;@layer payload-default{.draggable-block-menu{border:none;border-radius:4px;padding:0;cursor:grab;opacity:0;position:absolute;left:0;top:0;will-change:transform;background-color:var(--theme-bg)}.draggable-block-menu:active{cursor:grabbing}.draggable-block-menu:hover{background-color:var(--theme-elevation-100)}.draggable-block-menu:hover .icon{opacity:1}.draggable-block-menu .icon{background-color:transparent;width:18px;height:24px;opacity:.3;background-image:url('data:image/svg+xml,<svg width="18" height="24" viewBox="0 0 18 24" fill="%23000000"%0A    xmlns="http://www.w3.org/2000/svg">%0A    <circle cx="7" cy="8" r="1"/>%0A    <circle cx="11" cy="8" r="1"/>%0A    <circle cx="7" cy="12" r="1"/>%0A    <circle cx="11" cy="12" r="1"/>%0A    <circle cx="7" cy="16" r="1"/>%0A    <circle cx="11" cy="16" r="1"/>%0A</svg>%0A')}html[data-theme=dark] .draggable-block-menu .icon{background-image:url('data:image/svg+xml,<svg width="18" height="24" viewBox="0 0 18 24" fill="%23ffffff"%0A     xmlns="http://www.w3.org/2000/svg">%0A    <circle cx="7" cy="8" r="1"/>%0A    <circle cx="11" cy="8" r="1"/>%0A    <circle cx="7" cy="12" r="1"/>%0A    <circle cx="11" cy="12" r="1"/>%0A    <circle cx="7" cy="16" r="1"/>%0A    <circle cx="11" cy="16" r="1"/>%0A</svg>%0A')}.rich-text-lexical--show-gutter>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>.draggable-block-target-line{left:3rem}.draggable-block-target-line{pointer-events:none;background:var(--theme-success-400);border-radius:1px;height:4px;position:absolute;left:0;top:0;opacity:0;will-change:transform;transition:transform .1s}@-moz-document url-prefix(){.draggable-block-target-line{transition:none}}.rich-text-lexical .ContentEditable__root>*{will-change:margin-top,margin-bottom;transition:margin-top .08s,margin-bottom .08s}}@layer payload-default;@layer payload-default;@layer payload-default{.rich-text-lexical--show-gutter .insert-paragraph-at-end{padding:4px 0 2px 40px}.insert-paragraph-at-end{height:24px;margin-top:-16px;width:100%;z-index:0;position:relative;padding:4px 0 2px}.insert-paragraph-at-end-inside{width:100%;height:100%;background-color:transparent;transition:background-color .1s ease-in-out;display:flex;justify-content:center;border-radius:3px;color:var(--theme-elevation-500)}.insert-paragraph-at-end-inside span{display:none;justify-content:center;align-items:center}.insert-paragraph-at-end:hover{cursor:pointer}.insert-paragraph-at-end:hover .insert-paragraph-at-end-inside{background-color:var(--theme-elevation-100)}.insert-paragraph-at-end:hover .insert-paragraph-at-end-inside span{display:flex}html[data-theme=dark] .insert-paragraph-at-end:hover .insert-paragraph-at-end-inside{background-color:var(--theme-elevation-50)}}@layer payload-default;@layer payload-default;@layer payload-default{.slash-menu-popup{background:var(--theme-input-bg);width:200px;color:var(--theme-elevation-800);border-radius:4px;list-style:none;font-family:var(--font-body);max-height:300px;overflow-y:auto;z-index:10;position:absolute;box-shadow:0 1px 2px 1px #0000001a,0 4px 16px #0003,0 -4px 8px #0000001a}.slash-menu-popup__group{padding-bottom:8px}.slash-menu-popup__group-title{padding-left:10px;color:var(--theme-elevation-600);font-size:10px}.slash-menu-popup__item{all:unset;padding-left:12px;font-size:13px;box-sizing:border-box;background:none;border:none;color:var(--theme-elevation-900);display:flex;align-items:center;height:30px;width:100%;cursor:pointer}.slash-menu-popup__item--selected{background:var(--theme-elevation-100)}.slash-menu-popup__item-text{margin-left:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.slash-menu-popup__item .icon{color:var(--theme-elevation-500)}html[data-theme=light] .slash-menu-popup{box-shadow:0 1px 2px 1px #0000000d,0 4px 8px #0000001a}}@layer payload-default;@layer payload-default;@layer payload-default{.ContentEditable__root{border:0;display:block;position:relative;tab-size:1;outline:0;padding:8px 0}.ContentEditable__root:focus-visible{outline:none!important}.ContentEditable__root>*{transition:transform .2s ease-in-out}.rich-text-lexical--show-gutter>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>.ContentEditable__root{padding-left:3rem}.rich-text-lexical--show-gutter>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>.ContentEditable__root:before{content:" ";position:absolute;top:8px;left:0;height:calc(100% - 16px);border-left:1px solid var(--theme-elevation-100)}html[data-theme=light] .rich-text-lexical.rich-text-lexical--show-gutter.error:not(:hover)>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>.ContentEditable__root:before{border-left:2px solid var(--theme-error-400)}html[data-theme=light] .rich-text-lexical.rich-text-lexical--show-gutter.error:hover>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>.ContentEditable__root:before{border-left:2px solid var(--theme-error-500)}@media (max-width: 768px){html[data-theme=light] .rich-text-lexical.error>.rich-text-lexical__wrap{background-color:var(--theme-error-50);border:1px solid var(--theme-error-500)}}html[data-theme=dark] .rich-text-lexical.rich-text-lexical--show-gutter.error>.rich-text-lexical__wrap>.editor-container>.editor-scroller>.editor>.ContentEditable__root:before{border-left:2px solid var(--theme-error-500)}@media (max-width: 768px){html[data-theme=dark] .rich-text-lexical.error>.rich-text-lexical__wrap{background-color:var(--theme-error-100);border:1px solid var(--theme-error-400)}html[data-theme=dark] .rich-text-lexical.error>.rich-text-lexical__wrap:hover{border-color:var(--theme-error-500)}}}@layer payload-default;@layer payload-default;.payload-richtext-code-block.collapsible--collapsed .rah-static{height:unset!important;max-height:150px!important;position:relative}.payload-richtext-code-block.collapsible--collapsed .rah-static:after{content:"";pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--theme-elevation-50) 90%,var(--theme-elevation-50) 100%);position:absolute;height:100px;top:50px;left:0;right:0}.payload-richtext-code-block.collapsible--collapsed .rah-static>div{display:unset!important}.payload-richtext-code-block__pill{display:flex;align-items:center;justify-content:center;margin-right:8px;margin-left:8px;color:var(--theme-elevation-500)}.payload-richtext-code-block .collapsible__header-wrap{overflow:visible}.payload-richtext-code-block .collapsible__content{padding:0}.payload-richtext-code-block .LexicalEditorTheme__block__block-header{overflow:visible}.payload-richtext-code-block .code-editor,.payload-richtext-code-block .monaco-editor,.payload-richtext-code-block .overflow-guard{border-width:0;border-radius:0 0 3px 3px}.payload-richtext-code-block__actions{display:flex;flex-direction:row;gap:calc(var(--base) * .4)}.payload-richtext-code-block .popup-button{padding:0 0 0 calc(var(--base) * .2)}.payload-richtext-code-block .copy-to-clipboard,.payload-richtext-code-block .code-block-collapse-button,.payload-richtext-code-block .popup-button{border-radius:3px;color:var(--theme-elevation-500);min-width:24px;display:flex;align-items:center;justify-content:center}.payload-richtext-code-block .copy-to-clipboard:hover,.payload-richtext-code-block .code-block-collapse-button:hover,.payload-richtext-code-block .popup-button:hover{color:var(--theme-elevation-800);background-color:var(--theme-elevation-200)}.payload-richtext-code-block__language-selector{pointer-events:all}.payload-richtext-code-block__language-selector-button{display:flex;flex-direction:row;width:max-content;align-items:center}@layer payload-default;@layer payload-default;.code-block-collapse-button{all:unset;cursor:pointer}@layer payload-default;@layer payload-default;.code-block-floating-collapse-button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:center;box-sizing:border-box;gap:10px;position:absolute;left:50%;transform:translate(-50%);height:24px;bottom:-12px;padding:4px 8px;border-radius:3px;background:var(--theme-elevation-150);color:var(--theme-elevation-600)}.code-block-floating-collapse-button:hover{background:var(--theme-elevation-200);color:var(--theme-elevation-800)}@layer payload-default;@layer payload-default;@layer payload-default{.lexical-diff .field-diff-content .html-diff{font-family:var(--font-serif);font-size:16px;letter-spacing:.02em}.lexical-diff .field-diff-content blockquote{font-size:16px;margin-block:16px;margin-inline:0;padding-inline-start:12px;padding-block:4px;position:relative}.lexical-diff .field-diff-content blockquote:after{content:"";position:absolute;top:0;bottom:0;inset-inline-start:0;width:4px;background-color:var(--theme-elevation-150)}.lexical-diff .field-diff-content blockquote:has([data-match-type=create]):after{background-color:var(--theme-success-150)}.lexical-diff .field-diff-content blockquote:has([data-match-type=delete]):after{background-color:var(--theme-error-150)}.lexical-diff .field-diff-content a{border-bottom:1px dotted;text-decoration:none}.lexical-diff .field-diff-content h1{padding:14px 0 11px;line-height:30px;font-weight:600;font-size:28px;font-family:var(--font-body)}.lexical-diff .field-diff-content h2{padding:14px 0 10px;line-height:28px;font-weight:600;font-size:25px;font-family:var(--font-body)}.lexical-diff .field-diff-content h3{padding:12px 0 9px;line-height:28px;font-weight:600;font-size:22px;font-family:var(--font-body)}.lexical-diff .field-diff-content h4{padding:8px 0 7px;line-height:30px;font-weight:600;font-size:21px;font-family:var(--font-body)}.lexical-diff .field-diff-content h5{padding:6px 0;line-height:28px;font-weight:600;font-size:18px;font-family:var(--font-body)}.lexical-diff .field-diff-content h6{padding:11px 0 5px;line-height:10px;font-weight:600;font-size:15px;font-family:var(--font-body)}.lexical-diff .field-diff-content p{padding:8px 0}.lexical-diff .field-diff-content p:first-child{padding:0 0 8px}.lexical-diff .field-diff-content ul,.lexical-diff .field-diff-content ol{padding-top:8px;padding-bottom:8px}}@layer payload-default;@layer payload-default;@layer payload-default{.lexical-diff ul.list-check{padding-left:0}.lexical-diff .checkboxItem{list-style-type:none}.lexical-diff .checkboxItem__wrapper{display:flex;align-items:center}.lexical-diff .checkboxItem__icon{width:16px;height:16px;margin-right:8px;border:1px solid var(--theme-text);border-radius:3px;display:flex;align-items:center;justify-content:center;pointer-events:none}.lexical-diff .checkboxItem__icon .icon--check{height:11px}.lexical-diff .checkboxItem__icon[data-match-type=create]{border-color:var(--diff-create-pill-color)}.lexical-diff .checkboxItem__icon[data-match-type=delete]{border-color:var(--diff-delete-pill-color)}.lexical-diff .checkboxItem--nested{margin-left:1.5rem}}@layer payload-default{.lexical-diff .lexical-relationship-diff{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.lexical-diff .lexical-relationship-diff{box-shadow:0 2px 2px -1px #0000001a;min-width:calc(var(--base) * 8);max-width:fit-content;display:flex;align-items:center;background-color:var(--theme-input-bg);border-radius:3px;border:1px solid var(--theme-elevation-100);position:relative;font-family:var(--font-body);margin-block:10px;max-height:calc(var(--base) * 4);padding:12px}.lexical-diff .lexical-relationship-diff[data-match-type=create]{border-color:var(--diff-create-pill-border);color:var(--diff-create-parent-color)}.lexical-diff .lexical-relationship-diff[data-match-type=create] .lexical-relationship-diff__collectionLabel{color:var(--diff-create-link-color)}.lexical-diff .lexical-relationship-diff[data-match-type=create] .lexical-relationship-diff__title *{color:var(--diff-create-parent-color)}.lexical-diff .lexical-relationship-diff[data-match-type=delete]{border-color:var(--diff-delete-pill-border);color:var(--diff-delete-parent-color);text-decoration-line:none;background-color:var(--diff-delete-pill-bg)}.lexical-diff .lexical-relationship-diff[data-match-type=delete] .lexical-relationship-diff__collectionLabel{color:var(--diff-delete-link-color)}.lexical-diff .lexical-relationship-diff[data-match-type=delete] *{text-decoration-line:none;color:var(--diff-delete-parent-color)}.lexical-diff .lexical-relationship-diff__card{width:100%;flex-grow:1;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}.lexical-diff .lexical-relationship-diff__title{display:flex;flex-direction:row;font-weight:600}.lexical-diff .lexical-relationship-diff__collectionLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer payload-default{.lexical-diff .lexical-unknown-diff{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.lexical-diff .lexical-unknown-diff{box-shadow:0 2px 2px -1px #0000001a;max-width:fit-content;display:flex;align-items:center;background:var(--theme-input-bg);border-radius:3px;border:1px solid var(--theme-elevation-100);position:relative;font-family:var(--font-body);margin-block:10px;max-height:calc(var(--base) * 4);padding:5px}.lexical-diff .lexical-unknown-diff__specifier{font-family:SF Mono,Menlo,Consolas,Monaco,monospace}.lexical-diff .lexical-unknown-diff[data-match-type=create]{border-color:var(--diff-create-pill-border);color:var(--diff-create-parent-color)}.lexical-diff .lexical-unknown-diff[data-match-type=delete]{border-color:var(--diff-delete-pill-border);color:var(--diff-delete-parent-color);text-decoration-line:none;background-color:var(--diff-delete-pill-bg)}.lexical-diff .lexical-unknown-diff[data-match-type=delete] *{text-decoration-line:none;color:var(--diff-delete-parent-color)}}@layer payload-default{.lexical-diff .lexical-upload-diff{font-size:13px;line-height:20px;font-weight:400;font-family:var(--font-body)}}@layer payload-default;@layer payload-default{.lexical-diff .lexical-upload-diff{box-shadow:0 2px 2px -1px #0000001a;min-width:calc(var(--base) * 10);max-width:fit-content;display:flex;align-items:center;background-color:var(--theme-input-bg);border-radius:3px;border:1px solid var(--theme-elevation-100);position:relative;font-family:var(--font-body);margin-block:10px;max-height:calc(var(--base) * 3);padding:12px}.lexical-diff .lexical-upload-diff[data-match-type=create]{border-color:var(--diff-create-pill-border);color:var(--diff-create-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=create] *{color:var(--diff-create-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=create] .lexical-upload-diff__meta,.lexical-diff .lexical-upload-diff[data-match-type=create] .lexical-upload-diff__meta *{color:var(--diff-create-link-color)}.lexical-diff .lexical-upload-diff[data-match-type=create] .lexical-upload-diff__thumbnail{border-radius:0;border-color:var(--diff-create-pill-border);background-color:none}.lexical-diff .lexical-upload-diff[data-match-type=delete]{border-color:var(--diff-delete-pill-border);text-decoration-line:none;color:var(--diff-delete-parent-color);background-color:var(--diff-delete-pill-bg)}.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__meta,.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__meta *{color:var(--diff-delete-link-color)}.lexical-diff .lexical-upload-diff[data-match-type=delete] *{text-decoration-line:none;color:var(--diff-delete-parent-color)}.lexical-diff .lexical-upload-diff[data-match-type=delete] .lexical-upload-diff__thumbnail{border-radius:0;border-color:var(--diff-delete-pill-border);background-color:none}.lexical-diff .lexical-upload-diff__card{display:flex;flex-direction:row;align-items:center;width:100%}.lexical-diff .lexical-upload-diff__thumbnail{width:calc(var(--base) * 3 - 24px);height:calc(var(--base) * 3 - 24px);position:relative;overflow:hidden;flex-shrink:0;border-radius:0;border:1px solid var(--theme-elevation-100)}.lexical-diff .lexical-upload-diff__thumbnail img,.lexical-diff .lexical-upload-diff__thumbnail svg{position:absolute;object-fit:cover;width:100%;height:100%;border-radius:0}.lexical-diff .lexical-upload-diff__info{flex-grow:1;display:flex;align-items:flex-start;flex-direction:column;padding:calc(var(--base) * .25) calc(var(--base) * .75);justify-content:space-between;font-weight:400}.lexical-diff .lexical-upload-diff__info strong{font-weight:600}.lexical-diff .lexical-upload-diff__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

package/dist/field/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { LexicalRichTextFieldProps } from '../types.js';
+export declare const RichTextField: React.FC<LexicalRichTextFieldProps>;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/field/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8C,MAAM,OAAO,CAAA;AAIlE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAA;AAU5D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAiE7D,CAAA"}