@scottjgilbert/lexical-blog-editor 0.1.4 → 1.0.0-beta.2

package/build/ui/ColorPicker.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import './ColorPicker.css';
+import type { JSX } from "react";
+import "./ColorPicker.css";
 interface ColorPickerProps {
     color: string;
     onChange?: (value: string, skipHistoryStack: boolean, skipRefocus: boolean) => void;

package/build/ui/ColorPicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ui/ColorPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,mBAAmB,CAAC;AAW3B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,WAAW,EAAE,OAAO,KACjB,IAAI,CAAC;CACX;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAE9C;AAuBD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC,OAAO,CA+G1C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAqFD,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAuB3C"}
+{"version":3,"file":"ColorPicker.d.ts","sourceRoot":"","sources":["../../src/ui/ColorPicker.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,mBAAmB,CAAC;AAW3B,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,WAAW,EAAE,OAAO,KACjB,IAAI,CAAC;CACX;AAED,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAE9C;AAuBD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE,QAAQ,CAAC,gBAAgB,CAAC,GAAG,GAAG,CAAC,OAAO,CAiH1C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AA2FD,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAuB3C"}

package/build/ui/ColorPicker.js

@@ -1,35 +1,36 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import './ColorPicker.css';
-import { calculateZoomLevel } from '@lexical/utils';
-import { useMemo, useRef, useState } from 'react';
-import { isKeyboardInput } from '../utils/focusUtils';
-import TextInput from './TextInput';
+import "./ColorPicker.css";
+import { calculateZoomLevel } from "@lexical/utils";
+import { useMemo, useRef, useState } from "react";
+import { isKeyboardInput } from "../utils/focusUtils";
+import TextInput from "./TextInput";
 let skipAddingToHistoryStack = false;
 export function parseAllowedColor(input) {
-    return /^rgb\(\d+, \d+, \d+\)$/.test(input) ? input : '';
+    return /^rgb\(\d+, \d+, \d+\)$/.test(input) ? input : "";
 }
 const basicColors = [
-    '#d0021b',
-    '#f5a623',
-    '#f8e71c',
-    '#8b572a',
-    '#7ed321',
-    '#417505',
-    '#bd10e0',
-    '#9013fe',
-    '#4a90e2',
-    '#50e3c2',
-    '#b8e986',
-    '#000000',
-    '#4a4a4a',
-    '#9b9b9b',
-    '#ffffff',
+    "#d0021b",
+    "#f5a623",
+    "#f8e71c",
+    "#8b572a",
+    "#7ed321",
+    "#417505",
+    "#bd10e0",
+    "#9013fe",
+    "#4a90e2",
+    "#50e3c2",
+    "#b8e986",
+    "#000000",
+    "#4a4a4a",
+    "#9b9b9b",
+    "#ffffff",
 ];
 const WIDTH = 214;
 const HEIGHT = 150;
 export default function ColorPicker({ color, onChange, }) {
-    const [selfColor, setSelfColor] = useState(transformColor('hex', color));
-    const [inputColor, setInputColor] = useState(transformColor('hex', color).hex);
+    const [selfColor, setSelfColor] = useState(transformColor("hex", color));
+    const [inputColor, setInputColor] = useState(transformColor("hex", color).hex);
     const innerDivRef = useRef(null);
     const saturationPosition = useMemo(() => ({
         x: (selfColor.hsv.s / 100) * WIDTH,
@@ -47,32 +48,32 @@ export default function ColorPicker({ color, onChange, }) {
     const onSetHex = (hex) => {
         setInputColor(hex);
         if (/^#[0-9A-Fa-f]{6}$/i.test(hex)) {
-            const newColor = transformColor('hex', hex);
+            const newColor = transformColor("hex", hex);
             setSelfColor(newColor);
             emitOnChange(newColor.hex);
         }
     };
     const onMoveSaturation = ({ x, y }) => {
         const newHsv = Object.assign(Object.assign({}, selfColor.hsv), { s: (x / WIDTH) * 100, v: 100 - (y / HEIGHT) * 100 });
-        const newColor = transformColor('hsv', newHsv);
+        const newColor = transformColor("hsv", newHsv);
         setSelfColor(newColor);
         setInputColor(newColor.hex);
         emitOnChange(newColor.hex);
     };
     const onMoveHue = ({ x }) => {
         const newHsv = Object.assign(Object.assign({}, selfColor.hsv), { h: (x / WIDTH) * 360 });
-        const newColor = transformColor('hsv', newHsv);
+        const newColor = transformColor("hsv", newHsv);
         setSelfColor(newColor);
         setInputColor(newColor.hex);
         emitOnChange(newColor.hex);
     };
     const onBasicColorClick = (e, basicColor) => {
-        const newColor = transformColor('hex', basicColor);
+        const newColor = transformColor("hex", basicColor);
         setSelfColor(newColor);
         setInputColor(newColor.hex);
         emitOnChange(newColor.hex, isKeyboardInput(e));
     };
-    return (_jsxs("div", { className: "color-picker-wrapper", style: { width: WIDTH }, ref: innerDivRef, children: [_jsx(TextInput, { label: "Hex", onChange: onSetHex, value: inputColor }), _jsx("div", { className: "color-picker-basic-color", children: basicColors.map((basicColor) => (_jsx("button", { className: basicColor === selfColor.hex ? ' active' : '', style: { backgroundColor: basicColor }, onClick: (e) => onBasicColorClick(e, basicColor) }, basicColor))) }), _jsx(MoveWrapper, { className: "color-picker-saturation", style: { backgroundColor: `hsl(${selfColor.hsv.h}, 100%, 50%)` }, onChange: onMoveSaturation, children: _jsx("div", { className: "color-picker-saturation_cursor", style: {
+    return (_jsxs("div", { className: "color-picker-wrapper", style: { width: WIDTH }, ref: innerDivRef, children: [_jsx(TextInput, { label: "Hex", onChange: onSetHex, value: inputColor }), _jsx("div", { className: "color-picker-basic-color", children: basicColors.map((basicColor) => (_jsx("button", { className: basicColor === selfColor.hex ? " active" : "", style: { backgroundColor: basicColor }, onClick: (e) => onBasicColorClick(e, basicColor) }, basicColor))) }), _jsx(MoveWrapper, { className: "color-picker-saturation", style: { backgroundColor: `hsl(${selfColor.hsv.h}, 100%, 50%)` }, onChange: onMoveSaturation, children: _jsx("div", { className: "color-picker-saturation_cursor", style: {
                         backgroundColor: selfColor.hex,
                         left: saturationPosition.x,
                         top: saturationPosition.y,
@@ -81,7 +82,7 @@ export default function ColorPicker({ color, onChange, }) {
                         left: huePosition.x,
                     } }) }), _jsx("div", { className: "color-picker-color", style: { backgroundColor: selfColor.hex } })] }));
 }
-function MoveWrapper({ className, style, onChange, children }) {
+function MoveWrapper({ className, style, onChange, children, }) {
     const divRef = useRef(null);
     const draggedRef = useRef(false);
     const move = (e) => {
@@ -108,13 +109,13 @@ function MoveWrapper({ className, style, onChange, children }) {
             if (draggedRef.current) {
                 skipAddingToHistoryStack = false;
             }
-            document.removeEventListener('mousemove', onMouseMove, false);
-            document.removeEventListener('mouseup', onMouseUp, false);
+            document.removeEventListener("mousemove", onMouseMove, false);
+            document.removeEventListener("mouseup", onMouseUp, false);
             move(_e);
             draggedRef.current = false;
         };
-        document.addEventListener('mousemove', onMouseMove, false);
-        document.addEventListener('mouseup', onMouseUp, false);
+        document.addEventListener("mousemove", onMouseMove, false);
+        document.addEventListener("mouseup", onMouseUp, false);
     };
     return (_jsx("div", { ref: divRef, className: className, style: style, onMouseDown: onMouseDown, children: children }));
 }
@@ -122,29 +123,29 @@ function clamp(value, max, min) {
     return value > max ? max : value < min ? min : value;
 }
 export function toHex(value) {
-    if (!value.startsWith('#')) {
-        const ctx = document.createElement('canvas').getContext('2d');
+    if (!value.startsWith("#")) {
+        const ctx = document.createElement("canvas").getContext("2d");
         if (!ctx) {
-            throw new Error('2d context not supported or canvas already initialized');
+            throw new Error("2d context not supported or canvas already initialized");
         }
         ctx.fillStyle = value;
         return ctx.fillStyle;
     }
     else if (value.length === 4 || value.length === 5) {
         value = value
-            .split('')
-            .map((v, i) => (i ? v + v : '#'))
-            .join('');
+            .split("")
+            .map((v, i) => (i ? v + v : "#"))
+            .join("");
         return value;
     }
     else if (value.length === 7 || value.length === 9) {
         return value;
     }
-    return '#000000';
+    return "#000000";
 }
 function hex2rgb(hex) {
     const rbgArr = (hex
-        .replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => '#' + r + r + g + g + b + b)
+        .replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (m, r, g, b) => "#" + r + r + g + g + b + b)
         .substring(1)
         .match(/.{2}/g) || []).map((x) => parseInt(x, 16));
     return {
@@ -185,25 +186,25 @@ function hsv2rgb({ h, s, v }) {
     return { b, g, r };
 }
 function rgb2hex({ b, g, r }) {
-    return '#' + [r, g, b].map((x) => x.toString(16).padStart(2, '0')).join('');
+    return "#" + [r, g, b].map((x) => x.toString(16).padStart(2, "0")).join("");
 }
 function transformColor(format, color) {
-    let hex = toHex('#121212');
+    let hex = toHex("#121212");
     let rgb = hex2rgb(hex);
     let hsv = rgb2hsv(rgb);
-    if (format === 'hex') {
+    if (format === "hex") {
         const value = color;
         hex = toHex(value);
         rgb = hex2rgb(hex);
         hsv = rgb2hsv(rgb);
     }
-    else if (format === 'rgb') {
+    else if (format === "rgb") {
         const value = color;
         rgb = value;
         hex = rgb2hex(rgb);
         hsv = rgb2hsv(rgb);
     }
-    else if (format === 'hsv') {
+    else if (format === "hsv") {
         const value = color;
         hsv = value;
         rgb = hsv2rgb(hsv);

package/build/ui/DropDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/ui/DropDown.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAaf,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA4BA;AA0FD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,QAAQ,EACR,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,GAAG,CAAC,OAAO,CAmHd"}
+{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../src/ui/DropDown.tsx"],"names":[],"mappings":"AACA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAIjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EACL,SAAS,EAMV,MAAM,OAAO,CAAC;AAaf,wBAAgB,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,2CA4BA;AA0FD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,QAAgB,EAChB,WAAW,EACX,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,QAAQ,EACR,oBAAoB,EACpB,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,GAAG,GAAG,CAAC,OAAO,CAmHd"}

package/build/ui/DropDown.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { calculateZoomLevel } from "@lexical/utils";
 import { isDOMNode } from "lexical";

package/build/ui/FlashMessage.d.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import './FlashMessage.css';
-import { ReactNode } from 'react';
+import type { JSX } from "react";
+import "./FlashMessage.css";
+import { ReactNode } from "react";
 export interface FlashMessageProps {
     children: ReactNode;
 }

package/build/ui/FlashMessage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlashMessage.d.ts","sourceRoot":"","sources":["../../src/ui/FlashMessage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAC,SAAS,EAAC,MAAM,OAAO,CAAC;AAGhC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,GACT,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CASjC"}
+{"version":3,"file":"FlashMessage.d.ts","sourceRoot":"","sources":["../../src/ui/FlashMessage.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,oBAAoB,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,QAAQ,GACT,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CASjC"}

package/build/ui/FlashMessage.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as _jsx } from "react/jsx-runtime";
-import './FlashMessage.css';
-import { createPortal } from 'react-dom';
+import "./FlashMessage.css";
+import { createPortal } from "react-dom";
 export default function FlashMessage({ children, }) {
     return createPortal(_jsx("div", { className: "FlashMessage__overlay", role: "dialog", children: _jsx("p", { className: "FlashMessage__alert", role: "alert", children: children }) }), document.body);
 }

package/build/ui/ImageResizer.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { LexicalEditor } from 'lexical';
-import type { JSX } from 'react';
+import type { LexicalEditor } from "lexical";
+import type { JSX } from "react";
 export default function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, imageRef, maxWidth, editor, showCaption, setShowCaption, captionsEnabled, }: {
     editor: LexicalEditor;
     buttonRef: {
@@ -16,7 +16,7 @@ export default function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, im
         current: null | HTMLElement;
     };
     maxWidth?: number;
-    onResizeEnd: (width: 'inherit' | number, height: 'inherit' | number) => void;
+    onResizeEnd: (width: "inherit" | number, height: "inherit" | number) => void;
     onResizeStart: () => void;
     setShowCaption: (show: boolean) => void;
     showCaption: boolean;

package/build/ui/ImageResizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageResizer.d.ts","sourceRoot":"","sources":["../../src/ui/ImageResizer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,aAAa,EAAC,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAiB/B,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,cAAc,EACd,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE;QAAC,OAAO,EAAE,IAAI,GAAG,iBAAiB,CAAA;KAAC,CAAC;IAC/C,QAAQ,EAAE;QAAC,OAAO,EAAE,IAAI,GAAG,WAAW,CAAA;KAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC1B,GAAG,GAAG,CAAC,OAAO,CA8Qd"}
+{"version":3,"file":"ImageResizer.d.ts","sourceRoot":"","sources":["../../src/ui/ImageResizer.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC7C,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAiBjC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EACnC,aAAa,EACb,WAAW,EACX,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,WAAW,EACX,cAAc,EACd,eAAe,GAChB,EAAE;IACD,MAAM,EAAE,aAAa,CAAC;IACtB,SAAS,EAAE;QAAE,OAAO,EAAE,IAAI,GAAG,iBAAiB,CAAA;KAAE,CAAC;IACjD,QAAQ,EAAE;QAAE,OAAO,EAAE,IAAI,GAAG,WAAW,CAAA;KAAE,CAAC;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,EAAE,MAAM,EAAE,SAAS,GAAG,MAAM,KAAK,IAAI,CAAC;IAC7E,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,cAAc,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACxC,WAAW,EAAE,OAAO,CAAC;IACrB,eAAe,EAAE,OAAO,CAAC;CAC1B,GAAG,GAAG,CAAC,OAAO,CA+Qd"}

package/build/ui/ImageResizer.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { calculateZoomLevel } from '@lexical/utils';
-import { useRef } from 'react';
+import { calculateZoomLevel } from "@lexical/utils";
+import { useRef } from "react";
 function clamp(value, min, max) {
     return Math.min(Math.max(value, min), max);
 }
@@ -13,8 +14,8 @@ const Direction = {
 export default function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, imageRef, maxWidth, editor, showCaption, setShowCaption, captionsEnabled, }) {
     const controlWrapperRef = useRef(null);
     const userSelect = useRef({
-        priority: '',
-        value: 'default',
+        priority: "",
+        value: "default",
     });
     const positioningRef = useRef({
         currentHeight: 0,
@@ -44,24 +45,24 @@ export default function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, im
         const ns = direction === Direction.north || direction === Direction.south;
         const nwse = (direction & Direction.north && direction & Direction.west) ||
             (direction & Direction.south && direction & Direction.east);
-        const cursorDir = ew ? 'ew' : ns ? 'ns' : nwse ? 'nwse' : 'nesw';
+        const cursorDir = ew ? "ew" : ns ? "ns" : nwse ? "nwse" : "nesw";
         if (editorRootElement !== null) {
-            editorRootElement.style.setProperty('cursor', `${cursorDir}-resize`, 'important');
+            editorRootElement.style.setProperty("cursor", `${cursorDir}-resize`, "important");
         }
         if (document.body !== null) {
-            document.body.style.setProperty('cursor', `${cursorDir}-resize`, 'important');
-            userSelect.current.value = document.body.style.getPropertyValue('-webkit-user-select');
-            userSelect.current.priority = document.body.style.getPropertyPriority('-webkit-user-select');
-            document.body.style.setProperty('-webkit-user-select', `none`, 'important');
+            document.body.style.setProperty("cursor", `${cursorDir}-resize`, "important");
+            userSelect.current.value = document.body.style.getPropertyValue("-webkit-user-select");
+            userSelect.current.priority = document.body.style.getPropertyPriority("-webkit-user-select");
+            document.body.style.setProperty("-webkit-user-select", `none`, "important");
         }
     };
     const setEndCursor = () => {
         if (editorRootElement !== null) {
-            editorRootElement.style.setProperty('cursor', 'text');
+            editorRootElement.style.setProperty("cursor", "text");
         }
         if (document.body !== null) {
-            document.body.style.setProperty('cursor', 'default');
-            document.body.style.setProperty('-webkit-user-select', userSelect.current.value, userSelect.current.priority);
+            document.body.style.setProperty("cursor", "default");
+            document.body.style.setProperty("-webkit-user-select", userSelect.current.value, userSelect.current.priority);
         }
     };
     const handlePointerDown = (event, direction) => {
@@ -86,11 +87,11 @@ export default function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, im
             positioning.direction = direction;
             setStartCursor(direction);
             onResizeStart();
-            controlWrapper.classList.add('image-control-wrapper--resizing');
+            controlWrapper.classList.add("image-control-wrapper--resizing");
             image.style.height = `${height}px`;
             image.style.width = `${width}px`;
-            document.addEventListener('pointermove', handlePointerMove);
-            document.addEventListener('pointerup', handlePointerUp);
+            document.addEventListener("pointermove", handlePointerMove);
+            document.addEventListener("pointerup", handlePointerUp);
         }
     };
     const handlePointerMove = (event) => {
@@ -142,11 +143,11 @@ export default function ImageResizer({ onResizeStart, onResizeEnd, buttonRef, im
             positioning.currentWidth = 0;
             positioning.currentHeight = 0;
             positioning.isResizing = false;
-            controlWrapper.classList.remove('image-control-wrapper--resizing');
+            controlWrapper.classList.remove("image-control-wrapper--resizing");
             setEndCursor();
             onResizeEnd(width, height);
-            document.removeEventListener('pointermove', handlePointerMove);
-            document.removeEventListener('pointerup', handlePointerUp);
+            document.removeEventListener("pointermove", handlePointerMove);
+            document.removeEventListener("pointerup", handlePointerUp);
         }
     };
     return (_jsxs("div", { ref: controlWrapperRef, children: [!showCaption && captionsEnabled && (_jsx("button", { className: "image-caption-button", ref: buttonRef, onClick: () => {

package/build/ui/KatexEquationAlterer.css

@@ -27,7 +27,7 @@
 
 .KatexEquationAlterer_centerRow {
   display: flex;
-  flex-direction: 'row';
+  flex-direction: "row";
   margin-top: 10px;
   margin-bottom: 10px;
   justify-content: center;
@@ -38,4 +38,6 @@
   width: 100%;
   resize: none;
   padding: 7px;
+  border: 1px solid;
+  border-color: black;
 }

package/build/ui/KatexEquationAlterer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KatexEquationAlterer.d.ts","sourceRoot":"","sources":["../../src/ui/KatexEquationAlterer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,4BAA4B,CAAC;AASpC,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAS,EACT,eAAoB,GACrB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyDrB"}
+{"version":3,"file":"KatexEquationAlterer.d.ts","sourceRoot":"","sources":["../../src/ui/KatexEquationAlterer.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,4BAA4B,CAAC;AASpC,KAAK,KAAK,GAAG;IACX,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACxD,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,SAAS,EACT,eAAoB,GACrB,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAyDrB"}

package/build/ui/KatexEquationAlterer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import "./KatexEquationAlterer.css";
 import { useLexicalComposerContext } from "@lexical/react/LexicalComposerContext";

package/build/ui/KatexRenderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KatexRenderer.d.ts","sourceRoot":"","sources":["../../src/ui/KatexRenderer.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,aAAa,GACd,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC,GAAG,GAAG,CAAC,OAAO,CA2Cf"}
+{"version":3,"file":"KatexRenderer.d.ts","sourceRoot":"","sources":["../../src/ui/KatexRenderer.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,MAAM,EACN,aAAa,GACd,EAAE,QAAQ,CAAC;IACV,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC,GAAG,GAAG,CAAC,OAAO,CA2Cf"}

package/build/ui/KatexRenderer.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import katex from "katex";
 import { useEffect, useRef } from "react";

package/build/ui/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/ui/Modal.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA4ErD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,mBAA2B,GAC5B,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,GAAG,CAAC,OAAO,CAWd"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../src/ui/Modal.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,aAAa,CAAC;AAGrB,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA4ErD,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAC5B,OAAO,EACP,QAAQ,EACR,KAAK,EACL,mBAA2B,GAC5B,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,GAAG,CAAC,OAAO,CAWd"}

package/build/ui/Modal.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./Modal.css";
 import { isDOMNode } from "lexical";

package/build/ui/Switch.d.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import type { JSX } from 'react';
-import * as React from 'react';
+import type { JSX } from "react";
+import * as React from "react";
 export default function Switch({ checked, onClick, text, id, }: Readonly<{
     checked: boolean;
     id?: string;

package/build/ui/Switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/ui/Switch.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,IAAI,EACJ,EAAE,GACH,EAAE,QAAQ,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,GAAG,GAAG,CAAC,OAAO,CAcf"}
+{"version":3,"file":"Switch.d.ts","sourceRoot":"","sources":["../../src/ui/Switch.tsx"],"names":[],"mappings":"AACA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,OAAO,EACP,OAAO,EACP,IAAI,EACJ,EAAE,GACH,EAAE,QAAQ,CAAC;IACV,OAAO,EAAE,OAAO,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IACtE,IAAI,EAAE,MAAM,CAAC;CACd,CAAC,GAAG,GAAG,CAAC,OAAO,CAef"}

package/build/ui/Switch.js

@@ -1,6 +1,7 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
+import { useMemo } from "react";
 export default function Switch({ checked, onClick, text, id, }) {
-    const buttonId = useMemo(() => 'id_' + Math.floor(Math.random() * 10000), []);
+    const buttonId = useMemo(() => "id_" + Math.floor(Math.random() * 10000), []);
     return (_jsxs("div", { className: "switch", id: id, children: [_jsx("label", { htmlFor: buttonId, children: text }), _jsx("button", { role: "switch", "aria-checked": checked, id: buttonId, onClick: onClick, children: _jsx("span", {}) })] }));
 }

package/build/ui/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/ui/TextInput.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,KAAK,GAAG,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,cAAc,EAAE,UAAU,EAC1B,IAAa,GACd,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBrB"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/ui/TextInput.tsx"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,aAAa,CAAC;AAErB,OAAO,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/C,KAAK,KAAK,GAAG,QAAQ,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,sBAAsB,CAAC;CAC/B,CAAC,CAAC;AAEH,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,WAAgB,EAChB,cAAc,EAAE,UAAU,EAC1B,IAAa,GACd,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAgBrB"}

package/build/ui/TextInput.js

@@ -1,3 +1,4 @@
+"use client";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "./Input.css";
 export default function TextInput({ label, value, onChange, placeholder = "", "data-test-id": dataTestId, type = "text", }) {

package/build/utils/ServerBlockWithAlignableContents.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+import type { ElementFormatType, NodeKey } from "lexical";
+import type { JSX } from "react";
+import { ReactNode } from "react";
+type Props = Readonly<{
+    children: ReactNode;
+    format?: ElementFormatType | null;
+    nodeKey: NodeKey;
+    className: Readonly<{
+        base: string;
+        focus: string;
+    }>;
+}>;
+export declare function ServerBlockWithAlignableContents({ children, format, nodeKey, className, }: Props): JSX.Element;
+export {};
+//# sourceMappingURL=ServerBlockWithAlignableContents.d.ts.map

package/build/utils/ServerBlockWithAlignableContents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerBlockWithAlignableContents.d.ts","sourceRoot":"","sources":["../../src/utils/ServerBlockWithAlignableContents.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAC1D,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,KAAK,KAAK,GAAG,QAAQ,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,iBAAiB,GAAG,IAAI,CAAC;IAClC,OAAO,EAAE,OAAO,CAAC;IACjB,SAAS,EAAE,QAAQ,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;KACf,CAAC,CAAC;CACJ,CAAC,CAAC;AAEH,wBAAgB,gCAAgC,CAAC,EAC/C,QAAQ,EACR,MAAM,EACN,OAAO,EACP,SAAS,GACV,EAAE,KAAK,GAAG,GAAG,CAAC,OAAO,CAWrB"}

package/build/utils/ServerBlockWithAlignableContents.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ServerBlockWithAlignableContents({ children, format, nodeKey, className, }) {
+    return (_jsx("div", { className: [className.base].filter(Boolean).join(" "), style: {
+            textAlign: format ? format : undefined,
+        }, children: children }));
+}

package/build/utils/focusUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"focusUtils.d.ts","sourceRoot":"","sources":["../../src/utils/focusUtils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,eAAO,MAAM,4BAA4B,GACvC,cAAc,WAAW,KACxB,WAAW,GAAG,IAShB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,cAAc,WAAW,KACxB,WAAW,GAAG,IAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,UAAU,GAAG,YAAY,GAAG,KAAK,CAAC,UAAU,KAClD,OAMF,CAAC"}
+{"version":3,"file":"focusUtils.d.ts","sourceRoot":"","sources":["../../src/utils/focusUtils.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AAEH,eAAO,MAAM,4BAA4B,GACvC,cAAc,WAAW,KACxB,WAAW,GAAG,IAShB,CAAC;AAEF,eAAO,MAAM,sBAAsB,GACjC,cAAc,WAAW,KACxB,WAAW,GAAG,IAIhB,CAAC;AAEF,eAAO,MAAM,eAAe,GAC1B,OAAO,UAAU,GAAG,YAAY,GAAG,KAAK,CAAC,UAAU,KAClD,OAMF,CAAC"}

package/build/utils/focusUtils.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -6,7 +7,7 @@
  *
  */
 export const findFirstFocusableDescendant = (startElement) => {
-    const focusableSelector = 'button, a[href], input, select, textarea, details, summary [tabindex], [contenteditable]';
+    const focusableSelector = "button, a[href], input, select, textarea, details, summary [tabindex], [contenteditable]";
     const focusableDescendants = startElement.querySelector(focusableSelector);
     return focusableDescendants;
 };
@@ -16,8 +17,8 @@ export const focusNearestDescendant = (startElement) => {
     return el;
 };
 export const isKeyboardInput = (event) => {
-    if ('pointerId' in event && 'pointerType' in event) {
-        return event.pointerId === -1 && event.pointerType === '';
+    if ("pointerId" in event && "pointerType" in event) {
+        return event.pointerId === -1 && event.pointerType === "";
     }
     return (event === null || event === void 0 ? void 0 : event.detail) === 0;
 };

package/build/utils/getDOMRangeRect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getDOMRangeRect.d.ts","sourceRoot":"","sources":["../../src/utils/getDOMRangeRect.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,eAAe,EAAE,SAAS,EAC1B,WAAW,EAAE,WAAW,GACvB,OAAO,CAgBT"}
+{"version":3,"file":"getDOMRangeRect.d.ts","sourceRoot":"","sources":["../../src/utils/getDOMRangeRect.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,eAAe,EAAE,SAAS,EAC1B,WAAW,EAAE,WAAW,GACvB,OAAO,CAgBT"}

package/build/utils/getDOMRangeRect.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *

package/build/utils/setFloatingElemPosition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"setFloatingElemPosition.d.ts","sourceRoot":"","sources":["../../src/utils/setFloatingElemPosition.ts"],"names":[],"mappings":"AAUA,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,OAAO,GAAG,IAAI,EAC1B,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,WAAW,EACvB,MAAM,GAAE,OAAe,EACvB,WAAW,GAAE,MAAqB,EAClC,gBAAgB,GAAE,MAA0B,GAC3C,IAAI,CAwDN"}
+{"version":3,"file":"setFloatingElemPosition.d.ts","sourceRoot":"","sources":["../../src/utils/setFloatingElemPosition.ts"],"names":[],"mappings":"AAYA,wBAAgB,uBAAuB,CACrC,UAAU,EAAE,OAAO,GAAG,IAAI,EAC1B,YAAY,EAAE,WAAW,EACzB,UAAU,EAAE,WAAW,EACvB,MAAM,GAAE,OAAe,EACvB,WAAW,GAAE,MAAqB,EAClC,gBAAgB,GAAE,MAA0B,GAC3C,IAAI,CAwDN"}

package/build/utils/setFloatingElemPosition.js

@@ -1,3 +1,4 @@
+"use client";
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -10,8 +11,8 @@ const HORIZONTAL_OFFSET = 5;
 export function setFloatingElemPosition(targetRect, floatingElem, anchorElem, isLink = false, verticalGap = VERTICAL_GAP, horizontalOffset = HORIZONTAL_OFFSET) {
     const scrollerElem = anchorElem.parentElement;
     if (targetRect === null || !scrollerElem) {
-        floatingElem.style.opacity = '0';
-        floatingElem.style.transform = 'translate(-10000px, -10000px)';
+        floatingElem.style.opacity = "0";
+        floatingElem.style.transform = "translate(-10000px, -10000px)";
         return;
     }
     const floatingElemRect = floatingElem.getBoundingClientRect();
@@ -29,7 +30,7 @@ export function setFloatingElemPosition(targetRect, floatingElem, anchorElem, is
                 ? textNode
                 : textNode.parentElement;
             const textAlign = window.getComputedStyle(textElement).textAlign;
-            if (textAlign === 'right' || textAlign === 'end') {
+            if (textAlign === "right" || textAlign === "end") {
                 // For end-aligned text, position the toolbar relative to the text end
                 left = targetRect.right - floatingElemRect.width + horizontalOffset;
             }
@@ -50,6 +51,6 @@ export function setFloatingElemPosition(targetRect, floatingElem, anchorElem, is
     }
     top -= anchorElementRect.top;
     left -= anchorElementRect.left;
-    floatingElem.style.opacity = '1';
+    floatingElem.style.opacity = "1";
     floatingElem.style.transform = `translate(${left}px, ${top}px)`;
 }

package/build/utils/swipe.d.ts

@@ -1,10 +1,3 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
 export declare function addSwipeLeftListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;
 export declare function addSwipeRightListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;
 export declare function addSwipeUpListener(element: HTMLElement, cb: (_force: number, e: TouchEvent) => void): () => void;

package/build/utils/swipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../src/utils/swipe.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AA0EH,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SAvDmB,IAAI,CA+DnE;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SAnEmB,IAAI,CA2EnE;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SA/EmB,IAAI,CAuFnE;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SA3FmB,IAAI,CAmGnE"}
+{"version":3,"file":"swipe.d.ts","sourceRoot":"","sources":["../../src/utils/swipe.ts"],"names":[],"mappings":"AAkFA,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SAvDmB,IAAI,CA+DnE;AAED,wBAAgB,qBAAqB,CACnC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SAnEmB,IAAI,CA2EnE;AAED,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SA/EmB,IAAI,CAuFnE;AAED,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,WAAW,EACpB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,KAAK,IAAI,SA3FmB,IAAI,CAmGnE"}