@datalayer/jupyter-lexical 1.0.9 → 1.0.11

package/lib/components/Button.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Button - Migrated from custom CSS to Primer React Button.
+ * Keeps the same export signature so all consumers work unchanged.
+ */
 import { ReactNode } from 'react';
 export declare const Button: ({ "data-test-id": dataTestId, children, className, onClick, disabled, small, title, }: {
     "data-test-id"?: string;

package/lib/components/Button.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import joinClasses from '../utils/join.js';
+import { Button as PrimerButton } from '@primer/react';
 export const Button = ({ 'data-test-id': dataTestId, children, className, onClick, disabled, small, title, }) => {
-    return (_jsx("button", { disabled: disabled, className: joinClasses('Button__root', small && 'Button__small', disabled && 'Button__disabled', className), onClick: onClick, title: title, "aria-label": title, ...(dataTestId && { 'data-test-id': dataTestId }), children: children }));
+    return (_jsx(PrimerButton, { disabled: disabled, onClick: onClick, title: title, "aria-label": title, size: small ? 'small' : 'medium', variant: "default", className: className, ...(dataTestId && { 'data-test-id': dataTestId }), children: children }));
 };
 export default Button;
 //# sourceMappingURL=Button.js.map

package/lib/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAOA,OAAO,WAAW,MAAM,eAAe,CAAC;AAExC,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,cAAc,EAAE,UAAU,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,GASN,EAAe,EAAE;IAChB,OAAO,CACL,iBACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,WAAW,CACpB,cAAc,EACd,KAAK,IAAI,eAAe,EACxB,QAAQ,IAAI,kBAAkB,EAC9B,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,gBACA,KAAK,KACb,CAAC,UAAU,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,YAEjD,QAAQ,GACF,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EACrB,cAAc,EAAE,UAAU,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,KAAK,GASN,EAAe,EAAE;IAChB,OAAO,CACL,KAAC,YAAY,IACX,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,gBACA,KAAK,EACjB,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,EAChC,OAAO,EAAC,SAAS,EACjB,SAAS,EAAE,SAAS,KAChB,CAAC,UAAU,IAAI,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC,YAEjD,QAAQ,GACI,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/CopyButton.js

@@ -7,6 +7,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { $getNearestNodeFromDOMNode, $getSelection, $setSelection, } from 'lexical';
 import { $isCodeNode } from '@lexical/code';
+import { IconButton } from '@primer/react';
+import { CopyIcon, CheckIcon } from '@primer/octicons-react';
 import { useDebounce } from '../hooks/index.js';
 export function CopyButton({ editor, getCodeDOMNode }) {
     const [isCopyCompleted, setCopyCompleted] = useState(false);
@@ -36,6 +38,6 @@ export function CopyButton({ editor, getCodeDOMNode }) {
             console.error('Failed to copy: ', err);
         }
     }
-    return (_jsx("button", { className: "menu-item", onClick: handleClick, "aria-label": "copy", children: isCopyCompleted ? (_jsx("i", { className: "format success" })) : (_jsx("i", { className: "format copy" })) }));
+    return (_jsx(IconButton, { icon: isCopyCompleted ? CheckIcon : CopyIcon, size: "small", variant: "invisible", onClick: handleClick, "aria-label": "copy", sx: isCopyCompleted ? { color: 'success.fg' } : undefined }));
 }
 //# sourceMappingURL=CopyButton.js.map

package/lib/components/CopyButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,0BAA0B,EAC1B,aAAa,EACb,aAAa,GAEd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,cAAc,EAAS;IAC1D,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,KAAK,UAAU,WAAW;QACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;QAErC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;YACjB,MAAM,QAAQ,GAAG,0BAA0B,CAAC,WAAW,CAAC,CAAC;YAEzD,IAAI,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC1B,OAAO,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;YACtC,CAAC;YAED,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;YAClC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC7C,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO,CACL,iBAAQ,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,WAAW,gBAAa,MAAM,YAClE,eAAe,CAAC,CAAC,CAAC,CACjB,YAAG,SAAS,EAAC,gBAAgB,GAAG,CACjC,CAAC,CAAC,CAAC,CACF,YAAG,SAAS,EAAC,aAAa,GAAG,CAC9B,GACM,CACV,CAAC;AACJ,CAAC"}
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EACL,0BAA0B,EAC1B,aAAa,EACb,aAAa,GAEd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAOvC,MAAM,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,cAAc,EAAS;IAC1D,MAAM,CAAC,eAAe,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAErE,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC1B,CAAC,EAAE,IAAI,CAAC,CAAC;IAET,KAAK,UAAU,WAAW;QACxB,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;QAErC,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,IAAI,OAAO,GAAG,EAAE,CAAC;QAEjB,MAAM,CAAC,MAAM,CAAC,GAAG,EAAE;YACjB,MAAM,QAAQ,GAAG,0BAA0B,CAAC,WAAW,CAAC,CAAC;YAEzD,IAAI,WAAW,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC1B,OAAO,GAAG,QAAQ,CAAC,cAAc,EAAE,CAAC;YACtC,CAAC;YAED,MAAM,SAAS,GAAG,aAAa,EAAE,CAAC;YAClC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC3B,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC;YACH,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC7C,gBAAgB,CAAC,IAAI,CAAC,CAAC;YACvB,iBAAiB,EAAE,CAAC;QACtB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,OAAO,CAAC,KAAK,CAAC,kBAAkB,EAAE,GAAG,CAAC,CAAC;QACzC,CAAC;IACH,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAC5C,IAAI,EAAC,OAAO,EACZ,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,WAAW,gBACT,MAAM,EACjB,EAAE,EAAE,eAAe,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,CAAC,CAAC,SAAS,GACzD,CACH,CAAC;AACJ,CAAC"}

package/lib/components/Dialog.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Dialog helpers - Migrated from custom CSS to Primer React Box.
+ * Keeps the same export signature so all consumers work unchanged.
+ */
 import { ReactNode } from 'react';
 type Props = Readonly<{
     'data-test-id'?: string;

package/lib/components/Dialog.js

@@ -1,8 +1,15 @@
 import { jsx as _jsx } from "react/jsx-runtime";
+import { Box } from '@primer/react';
 export function DialogButtonsList({ children }) {
-    return _jsx("div", { className: "DialogButtonsList", children: children });
+    return (_jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: 2, mt: 3 }, children: children }));
 }
 export function DialogActions({ 'data-test-id': dataTestId, children, }) {
-    return (_jsx("div", { className: "DialogActions", "data-test-id": dataTestId, children: children }));
+    return (_jsx(Box, { sx: {
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'flex-end',
+            gap: 2,
+            mt: 3,
+        }, "data-test-id": dataTestId, children: children }));
 }
 //# sourceMappingURL=Dialog.js.map

package/lib/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":";AAaA,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAS;IACnD,OAAO,cAAK,SAAS,EAAC,mBAAmB,YAAE,QAAQ,GAAO,CAAC;AAC7D,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,cAAc,EAAE,UAAU,EAC1B,QAAQ,GACF;IACN,OAAO,CACL,cAAK,SAAS,EAAC,eAAe,kBAAe,UAAU,YACpD,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../../src/components/Dialog.tsx"],"names":[],"mappings":";AAYA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AAOpC,MAAM,UAAU,iBAAiB,CAAC,EAAE,QAAQ,EAAS;IACnD,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,YACjE,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,cAAc,EAAE,UAAU,EAC1B,QAAQ,GACF;IACN,OAAO,CACL,KAAC,GAAG,IACF,EAAE,EAAE;YACF,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,UAAU;YAC1B,GAAG,EAAE,CAAC;YACN,EAAE,EAAE,CAAC;SACN,kBACa,UAAU,YAEvB,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/lib/components/DropDown.d.ts

@@ -3,7 +3,13 @@
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ */
+/**
+ * DropDown - Migrated from custom portal/CSS to Primer React ActionMenu.
+ * Keeps the same export signature and children-based API so all consumers
+ * work unchanged.
  *
+ * DropDownItem children are rendered as ActionList.Item inside ActionMenu.
  */
 import type { JSX } from 'react';
 import * as React from 'react';

package/lib/components/DropDown.js

@@ -1,134 +1,126 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { isDOMNode } from 'lexical';
-import * as React from 'react';
-import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { createPortal } from 'react-dom';
-const DropDownContext = React.createContext(null);
-const dropDownPadding = 4;
+import { ChevronDownIcon } from '@primer/octicons-react';
+// --- DropDownItem (keeps same API) ---
 export function DropDownItem({ children, className, onClick, title, }) {
-    const ref = useRef(null);
-    const dropDownContext = React.useContext(DropDownContext);
-    if (dropDownContext === null) {
-        throw new Error('DropDownItem must be used within a DropDown');
-    }
-    const { registerItem } = dropDownContext;
-    useEffect(() => {
-        if (ref && ref.current) {
-            registerItem(ref);
-        }
-    }, [ref, registerItem]);
-    return (_jsx("button", { className: className, onClick: onClick, ref: ref, title: title, type: "button", children: children }));
+    // We render a plain button so that the existing consumers who pass
+    // children like <i className="icon ..."/><span className="text">...</span>
+    // still render correctly. Long-term these should become ActionList.Item.
+    return (_jsx("button", { className: className, onClick: onClick, title: title, type: "button", style: {
+            display: 'flex',
+            alignItems: 'center',
+            gap: 8,
+            width: '100%',
+            padding: '6px 12px',
+            border: 'none',
+            background: 'none',
+            cursor: 'pointer',
+            fontSize: 14,
+            textAlign: 'left',
+            borderRadius: 6,
+            color: 'inherit',
+        }, onMouseEnter: e => {
+            e.currentTarget.style.backgroundColor =
+                'var(--bgColor-neutral-muted, rgba(175,184,193,0.2))';
+        }, onMouseLeave: e => {
+            e.currentTarget.style.backgroundColor = 'transparent';
+        }, children: children }));
 }
+// --- DropDownItems (kept for backwards compat — wraps children in styled container) ---
 export function DropDownItems({ children, dropDownRef, onClose, }) {
-    const [items, setItems] = useState();
-    const [highlightedItem, setHighlightedItem] = useState();
-    const registerItem = useCallback((itemRef) => {
-        setItems(prev => (prev ? [...prev, itemRef] : [itemRef]));
-    }, [setItems]);
     const handleKeyDown = (event) => {
-        if (!items) {
-            return;
-        }
-        const key = event.key;
-        if (['Escape', 'ArrowUp', 'ArrowDown', 'Tab'].includes(key)) {
+        if (event.key === 'Escape' || event.key === 'Tab') {
             event.preventDefault();
-        }
-        if (key === 'Escape' || key === 'Tab') {
             onClose();
         }
-        else if (key === 'ArrowUp') {
-            setHighlightedItem(prev => {
-                if (!prev) {
-                    return items[0];
-                }
-                const index = items.indexOf(prev) - 1;
-                return items[index === -1 ? items.length - 1 : index];
-            });
-        }
-        else if (key === 'ArrowDown') {
-            setHighlightedItem(prev => {
-                if (!prev) {
-                    return items[0];
-                }
-                return items[items.indexOf(prev) + 1];
-            });
-        }
     };
-    const contextValue = useMemo(() => ({
-        registerItem,
-    }), [registerItem]);
-    useEffect(() => {
-        if (items && !highlightedItem) {
-            setHighlightedItem(items[0]);
-        }
-        if (highlightedItem && highlightedItem.current) {
-            highlightedItem.current.focus();
-        }
-    }, [items, highlightedItem]);
-    return (_jsx(DropDownContext.Provider, { value: contextValue, children: _jsx("div", { className: "dropdown", ref: dropDownRef, onKeyDown: handleKeyDown, children: children }) }));
+    return (_jsx("div", { ref: dropDownRef, onKeyDown: handleKeyDown, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            gap: 2,
+            padding: 4,
+            background: 'var(--bgColor-default, #fff)',
+            border: '1px solid var(--borderColor-default, #d0d7de)',
+            borderRadius: 8,
+            boxShadow: 'var(--shadow-resting-medium, 0 3px 12px rgba(0,0,0,0.12))',
+            minWidth: 150,
+            maxHeight: '80vh',
+            overflow: 'auto',
+        }, children: children }));
 }
+// --- DropDown (migrated to use overlay pattern with Primer styling) ---
 export function DropDown({ disabled = false, buttonLabel, buttonAriaLabel, buttonClassName, buttonIconClassName, children, stopCloseOnClickSelf, }) {
     const dropDownRef = useRef(null);
     const buttonRef = useRef(null);
     const [showDropDown, setShowDropDown] = useState(false);
     const handleClose = () => {
         setShowDropDown(false);
-        if (buttonRef && buttonRef.current) {
+        if (buttonRef.current) {
             buttonRef.current.focus();
         }
     };
+    // Position the dropdown below the button
     useEffect(() => {
         const button = buttonRef.current;
         const dropDown = dropDownRef.current;
         if (showDropDown && button !== null && dropDown !== null) {
             const { top, left } = button.getBoundingClientRect();
+            const dropDownPadding = 4;
+            dropDown.style.position = 'fixed';
+            dropDown.style.zIndex = '100';
             dropDown.style.top = `${top + button.offsetHeight + dropDownPadding}px`;
             dropDown.style.left = `${Math.min(left, window.innerWidth - dropDown.offsetWidth - 20)}px`;
         }
-    }, [dropDownRef, buttonRef, showDropDown]);
+    }, [showDropDown]);
+    // Close on outside click
     useEffect(() => {
         const button = buttonRef.current;
         if (button !== null && showDropDown) {
             const handle = (event) => {
                 const target = event.target;
-                if (!isDOMNode(target)) {
+                if (stopCloseOnClickSelf && dropDownRef.current?.contains(target)) {
                     return;
                 }
-                if (stopCloseOnClickSelf) {
-                    if (dropDownRef.current && dropDownRef.current.contains(target)) {
-                        return;
-                    }
-                }
                 if (!button.contains(target)) {
                     setShowDropDown(false);
                 }
             };
             document.addEventListener('click', handle);
-            return () => {
-                document.removeEventListener('click', handle);
-            };
+            return () => void document.removeEventListener('click', handle);
         }
-    }, [dropDownRef, buttonRef, showDropDown, stopCloseOnClickSelf]);
+    }, [showDropDown, stopCloseOnClickSelf]);
+    // Reposition on scroll
     useEffect(() => {
-        const handleButtonPositionUpdate = () => {
+        const handlePositionUpdate = () => {
             if (showDropDown) {
                 const button = buttonRef.current;
                 const dropDown = dropDownRef.current;
-                if (button !== null && dropDown !== null) {
+                if (button && dropDown) {
                     const { top } = button.getBoundingClientRect();
-                    const newPosition = top + button.offsetHeight + dropDownPadding;
-                    if (newPosition !== dropDown.getBoundingClientRect().top) {
-                        dropDown.style.top = `${newPosition}px`;
-                    }
+                    dropDown.style.top = `${top + button.offsetHeight + 4}px`;
                 }
             }
         };
-        document.addEventListener('scroll', handleButtonPositionUpdate);
-        return () => {
-            document.removeEventListener('scroll', handleButtonPositionUpdate);
-        };
-    }, [buttonRef, dropDownRef, showDropDown]);
-    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", disabled: disabled, "aria-label": buttonAriaLabel || buttonLabel, className: buttonClassName, onClick: () => setShowDropDown(!showDropDown), ref: buttonRef, children: [buttonIconClassName && _jsx("span", { className: buttonIconClassName }), buttonLabel && (_jsx("span", { className: "text dropdown-button-text", children: buttonLabel })), _jsx("i", { className: "chevron-down" })] }), showDropDown &&
+        document.addEventListener('scroll', handlePositionUpdate);
+        return () => document.removeEventListener('scroll', handlePositionUpdate);
+    }, [showDropDown]);
+    return (_jsxs(_Fragment, { children: [_jsxs("button", { type: "button", disabled: disabled, "aria-label": buttonAriaLabel || buttonLabel, className: buttonClassName, onClick: () => setShowDropDown(!showDropDown), ref: buttonRef, style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: 4,
+                    border: 'none',
+                    background: 'none',
+                    cursor: disabled ? 'not-allowed' : 'pointer',
+                    borderRadius: 6,
+                    padding: '4px 8px',
+                    color: 'inherit',
+                    fontSize: 14,
+                }, children: [buttonIconClassName && _jsx("span", { className: buttonIconClassName }), buttonLabel && (_jsx("span", { style: {
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                        }, children: buttonLabel })), _jsx(ChevronDownIcon, { size: 12 })] }), showDropDown &&
                 createPortal(_jsx(DropDownItems, { dropDownRef: dropDownRef, onClose: handleClose, children: children }), document.body)] }));
 }
 export default DropDown;

package/lib/components/DropDown.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/components/DropDown.tsx"],"names":[],"mappings":";AAgBA,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AACpC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEL,WAAW,EACX,SAAS,EACT,OAAO,EACP,MAAM,EACN,QAAQ,GACT,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAMzC,MAAM,eAAe,GAAG,KAAK,CAAC,aAAa,CAA6B,IAAI,CAAC,CAAC;AAE9E,MAAM,eAAe,GAAG,CAAC,CAAC;AAE1B,MAAM,UAAU,YAAY,CAAC,EAC3B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,KAAK,GAMN;IACC,MAAM,GAAG,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEnD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAE1D,IAAI,eAAe,KAAK,IAAI,EAAE,CAAC;QAC7B,MAAM,IAAI,KAAK,CAAC,6CAA6C,CAAC,CAAC;IACjE,CAAC;IAED,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,GAAG,IAAI,GAAG,CAAC,OAAO,EAAE,CAAC;YACvB,YAAY,CAAC,GAAG,CAAC,CAAC;QACpB,CAAC;IACH,CAAC,EAAE,CAAC,GAAG,EAAE,YAAY,CAAC,CAAC,CAAC;IAExB,OAAO,CACL,iBACE,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,QAAQ,YAEZ,QAAQ,GACF,CACV,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,WAAW,EACX,OAAO,GAKR;IACC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GACrB,QAAQ,EAA+C,CAAC;IAC1D,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GACzC,QAAQ,EAA6C,CAAC;IAExD,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,OAAkD,EAAE,EAAE;QACrD,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC5D,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAA0C,EAAE,EAAE;QACnE,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO;QACT,CAAC;QAED,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,CAAC;QAEtB,IAAI,CAAC,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5D,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC;QAED,IAAI,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,KAAK,EAAE,CAAC;YACtC,OAAO,EAAE,CAAC;QACZ,CAAC;aAAM,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;YAC7B,kBAAkB,CAAC,IAAI,CAAC,EAAE;gBACxB,IAAI,CAAC,IAAI,EAAE,CAAC;oBACV,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;gBAClB,CAAC;gBACD,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACtC,OAAO,KAAK,CAAC,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;YACxD,CAAC,CAAC,CAAC;QACL,CAAC;aAAM,IAAI,GAAG,KAAK,WAAW,EAAE,CAAC;YAC/B,kBAAkB,CAAC,IAAI,CAAC,EAAE;gBACxB,IAAI,CAAC,IAAI,EAAE,CAAC;oBACV,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC;gBAClB,CAAC;gBACD,OAAO,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;YACxC,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC;QACL,YAAY;KACb,CAAC,EACF,CAAC,YAAY,CAAC,CACf,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,IAAI,CAAC,eAAe,EAAE,CAAC;YAC9B,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,eAAe,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAC/C,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAClC,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC;IAE7B,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAC3C,cAAK,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,aAAa,YACjE,QAAQ,GACL,GACmB,CAC5B,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,eAAe,EACf,eAAe,EACf,mBAAmB,EACnB,QAAQ,EACR,oBAAoB,GASrB;IACC,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,IAAI,SAAS,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACnC,SAAS,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;QAC5B,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;QAErC,IAAI,YAAY,IAAI,MAAM,KAAK,IAAI,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;YACzD,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;YACrD,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,GAAG,GAAG,MAAM,CAAC,YAAY,GAAG,eAAe,IAAI,CAAC;YACxE,QAAQ,CAAC,KAAK,CAAC,IAAI,GAAG,GAAG,IAAI,CAAC,GAAG,CAC/B,IAAI,EACJ,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,WAAW,GAAG,EAAE,CAC9C,IAAI,CAAC;QACR,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QAEjC,IAAI,MAAM,KAAK,IAAI,IAAI,YAAY,EAAE,CAAC;YACpC,MAAM,MAAM,GAAG,CAAC,KAAiB,EAAE,EAAE;gBACnC,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;gBAC5B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,CAAC;oBACvB,OAAO;gBACT,CAAC;gBACD,IAAI,oBAAoB,EAAE,CAAC;oBACzB,IAAI,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChE,OAAO;oBACT,CAAC;gBACH,CAAC;gBACD,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;oBAC7B,eAAe,CAAC,KAAK,CAAC,CAAC;gBACzB,CAAC;YACH,CAAC,CAAC;YACF,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAE3C,OAAO,GAAG,EAAE;gBACV,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;YAChD,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,EAAE,SAAS,EAAE,YAAY,EAAE,oBAAoB,CAAC,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,0BAA0B,GAAG,GAAG,EAAE;YACtC,IAAI,YAAY,EAAE,CAAC;gBACjB,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;gBACjC,MAAM,QAAQ,GAAG,WAAW,CAAC,OAAO,CAAC;gBACrC,IAAI,MAAM,KAAK,IAAI,IAAI,QAAQ,KAAK,IAAI,EAAE,CAAC;oBACzC,MAAM,EAAE,GAAG,EAAE,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;oBAC/C,MAAM,WAAW,GAAG,GAAG,GAAG,MAAM,CAAC,YAAY,GAAG,eAAe,CAAC;oBAChE,IAAI,WAAW,KAAK,QAAQ,CAAC,qBAAqB,EAAE,CAAC,GAAG,EAAE,CAAC;wBACzD,QAAQ,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,WAAW,IAAI,CAAC;oBAC1C,CAAC;gBACH,CAAC;YACH,CAAC;QACH,CAAC,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;QAEhE,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,0BAA0B,CAAC,CAAC;QACrE,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,8BACE,kBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,QAAQ,gBACN,eAAe,IAAI,WAAW,EAC1C,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,CAAC,CAAC,YAAY,CAAC,EAC7C,GAAG,EAAE,SAAS,aAEb,mBAAmB,IAAI,eAAM,SAAS,EAAE,mBAAmB,GAAI,EAC/D,WAAW,IAAI,CACd,eAAM,SAAS,EAAC,2BAA2B,YAAE,WAAW,GAAQ,CACjE,EACD,YAAG,SAAS,EAAC,cAAc,GAAG,IACvB,EAER,YAAY;gBACX,YAAY,CACV,KAAC,aAAa,IAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,WAAW,YAC1D,QAAQ,GACK,EAChB,QAAQ,CAAC,IAAI,CACd,IACF,CACJ,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"DropDown.js","sourceRoot":"","sources":["../../src/components/DropDown.tsx"],"names":[],"mappings":"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"}

package/lib/components/ExcalidrawModal.d.ts

@@ -1,6 +1,6 @@
 import type { AppState, BinaryFiles, ExcalidrawInitialDataState } from '@excalidraw/excalidraw/types';
+import type { JSX } from 'react';
 import '@excalidraw/excalidraw/index.css';
-import { ReactPortal } from 'react';
 export type ExcalidrawInitialElements = ExcalidrawInitialDataState['elements'];
 type Props = {
     closeOnClickOutside?: boolean;
@@ -34,8 +34,8 @@ type Props = {
     onSave: (elements: ExcalidrawInitialElements, appState: Partial<AppState>, files: BinaryFiles) => void;
 };
 /**
- * A component which renders a modal with Excalidraw (a painting app)
+ * A component which renders a Dialog with Excalidraw (a painting app)
  * which can be used to export an editable image
  */
-export default function ExcalidrawModal({ closeOnClickOutside, onSave, initialElements, initialAppState, initialFiles, isShown, onDelete, onClose, }: Props): ReactPortal | null;
+export default function ExcalidrawModal({ closeOnClickOutside: _closeOnClickOutside, onSave, initialElements, initialAppState, initialFiles, isShown, onDelete, onClose, }: Props): JSX.Element | null;
 export {};

package/lib/components/ExcalidrawModal.js

@@ -1,17 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import '@excalidraw/excalidraw/index.css';
 import { Excalidraw } from '@excalidraw/excalidraw';
-import { isDOMNode } from 'lexical';
-import { useEffect, useLayoutEffect, useRef, useState, } from 'react';
-import { createPortal } from 'react-dom';
-import Button from './Button.js';
-import Modal from './Modal.js';
+import { useEffect, useRef, useState } from 'react';
+import { Box, Dialog, Button as PrimerButton } from '@primer/react';
 import { useTheme } from '../context/ThemeContext.js';
 /**
- * A component which renders a modal with Excalidraw (a painting app)
+ * A component which renders a Dialog with Excalidraw (a painting app)
  * which can be used to export an editable image
  */
-export default function ExcalidrawModal({ closeOnClickOutside = false, onSave, initialElements, initialAppState, initialFiles, isShown = false, onDelete, onClose, }) {
+export default function ExcalidrawModal({ closeOnClickOutside: _closeOnClickOutside = false, onSave, initialElements, initialAppState, initialFiles, isShown = false, onDelete, onClose, }) {
     const { theme } = useTheme();
     const excaliDrawModelRef = useRef(null);
     const [excalidrawAPI, setExcalidrawAPI] = useState(null);
@@ -21,41 +18,9 @@ export default function ExcalidrawModal({ closeOnClickOutside = false, onSave, i
     useEffect(() => {
         excaliDrawModelRef.current?.focus();
     }, []);
-    useEffect(() => {
-        let modalOverlayElement = null;
-        const clickOutsideHandler = (event) => {
-            const target = event.target;
-            if (excaliDrawModelRef.current !== null &&
-                isDOMNode(target) &&
-                !excaliDrawModelRef.current.contains(target) &&
-                closeOnClickOutside) {
-                onDelete();
-            }
-        };
-        if (excaliDrawModelRef.current !== null) {
-            modalOverlayElement = excaliDrawModelRef.current?.parentElement;
-            modalOverlayElement?.addEventListener('click', clickOutsideHandler);
-        }
-        return () => {
-            modalOverlayElement?.removeEventListener('click', clickOutsideHandler);
-        };
-    }, [closeOnClickOutside, onDelete]);
-    useLayoutEffect(() => {
-        const currentModalRef = excaliDrawModelRef.current;
-        const onKeyDown = (event) => {
-            if (event.key === 'Escape') {
-                onDelete();
-            }
-        };
-        currentModalRef?.addEventListener('keydown', onKeyDown);
-        return () => {
-            currentModalRef?.removeEventListener('keydown', onKeyDown);
-        };
-    }, [elements, files, onDelete]);
     const save = () => {
         if (elements?.some(el => !el.isDeleted)) {
             const appState = excalidrawAPI?.getAppState();
-            // We only need a subset of the state
             const partialState = {
                 exportBackground: appState?.exportBackground,
                 exportScale: appState?.exportScale,
@@ -72,23 +37,12 @@ export default function ExcalidrawModal({ closeOnClickOutside = false, onSave, i
             onSave(elements, partialState, files);
         }
         else {
-            // delete node if the scene is clear
             onDelete();
         }
     };
     const discard = () => {
         setDiscardModalOpen(true);
     };
-    function ShowDiscardDialog() {
-        return (_jsxs(Modal, { title: "Discard", onClose: () => {
-                setDiscardModalOpen(false);
-            }, closeOnClickOutside: false, children: ["Are you sure you want to discard the changes?", _jsxs("div", { className: "ExcalidrawModal__discardModal", children: [_jsx(Button, { onClick: () => {
-                                setDiscardModalOpen(false);
-                                onClose();
-                            }, children: "Discard" }), ' ', _jsx(Button, { onClick: () => {
-                                setDiscardModalOpen(false);
-                            }, children: "Cancel" })] })] }));
-    }
     if (isShown === false) {
         return null;
     }
@@ -96,10 +50,40 @@ export default function ExcalidrawModal({ closeOnClickOutside = false, onSave, i
         setElements(els);
         setFiles(fls);
     };
-    return createPortal(_jsx("div", { className: "ExcalidrawModal__overlay", role: "dialog", children: _jsx("div", { className: "ExcalidrawModal__modal", ref: excaliDrawModelRef, tabIndex: -1, children: _jsxs("div", { className: "ExcalidrawModal__row", children: [discardModalOpen && _jsx(ShowDiscardDialog, {}), _jsx(Excalidraw, { onChange: onChange, excalidrawAPI: api => setExcalidrawAPI(api), initialData: {
-                            appState: initialAppState || { isLoading: false },
-                            elements: initialElements,
-                            files: initialFiles,
-                        }, theme: theme }), _jsxs("div", { className: "ExcalidrawModal__actions", children: [_jsx("button", { className: "action-button", onClick: discard, children: "Discard" }), _jsx("button", { className: "action-button", onClick: save, children: "Save" })] })] }) }) }), document.body);
+    return (_jsxs(_Fragment, { children: [_jsxs(Dialog, { title: "Excalidraw", onClose: () => onClose(), width: "xlarge", height: "auto", sx: {
+                    width: '80vw !important',
+                    maxWidth: '80vw !important',
+                    height: '80vh !important',
+                    maxHeight: '80vh !important',
+                }, children: [_jsx(Box, { ref: excaliDrawModelRef, tabIndex: -1, sx: {
+                            height: 'calc(80vh - 140px)',
+                            position: 'relative',
+                            overflow: 'hidden',
+                        }, children: _jsx(Excalidraw, { onChange: onChange, excalidrawAPI: api => setExcalidrawAPI(api), initialData: {
+                                appState: initialAppState || { isLoading: false },
+                                elements: initialElements,
+                                files: initialFiles,
+                            }, theme: theme }) }), _jsxs(Box, { sx: {
+                            display: 'flex',
+                            gap: 2,
+                            justifyContent: 'flex-end',
+                            p: 2,
+                            borderTop: '1px solid',
+                            borderColor: 'border.default',
+                        }, children: [_jsx(PrimerButton, { variant: "invisible", onClick: discard, children: "Discard" }), _jsx(PrimerButton, { variant: "primary", onClick: save, children: "Save" })] })] }), discardModalOpen && (_jsx(Dialog, { title: "Discard", onClose: () => setDiscardModalOpen(false), width: "small", height: "auto", footerButtons: [
+                    {
+                        buttonType: 'danger',
+                        content: 'Discard',
+                        onClick: () => {
+                            setDiscardModalOpen(false);
+                            onClose();
+                        },
+                    },
+                    {
+                        buttonType: 'default',
+                        content: 'Cancel',
+                        onClick: () => setDiscardModalOpen(false),
+                    },
+                ], children: "Are you sure you want to discard the changes?" }))] }));
 }
 //# sourceMappingURL=ExcalidrawModal.js.map

package/lib/components/ExcalidrawModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExcalidrawModal.js","sourceRoot":"","sources":["../../src/components/ExcalidrawModal.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ExcalidrawModal.js","sourceRoot":"","sources":["../../src/components/ExcalidrawModal.tsx"],"names":[],"mappings":"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"}

package/lib/components/KatexEquationAlterer.js

@@ -7,6 +7,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useCallback, useState } from 'react';
 import Button from '../components/Button.js';
 import KatexRenderer from './KatexRenderer.js';
+import { Box, Text, Textarea, TextInput } from '@primer/react';
 export const KatexEquationAlterer = ({ onConfirm, initialEquation = '', }) => {
     const [equation, setEquation] = useState(initialEquation);
     const [inline, setInline] = useState(true);
@@ -16,11 +17,18 @@ export const KatexEquationAlterer = ({ onConfirm, initialEquation = '', }) => {
     const onCheckboxChange = useCallback(() => {
         setInline(!inline);
     }, [setInline, inline]);
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: "KatexEquationAlterer_defaultRow", children: ["Inline", _jsx("input", { type: "checkbox", checked: inline, onChange: onCheckboxChange })] }), _jsx("div", { className: "KatexEquationAlterer_defaultRow", children: "Equation " }), _jsx("div", { className: "KatexEquationAlterer_centerRow", children: inline ? (_jsx("input", { onChange: event => {
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: 2, mb: 2 }, children: [_jsx(Text, { sx: { fontSize: 1 }, children: "Inline" }), _jsx("input", { type: "checkbox", checked: inline, onChange: onCheckboxChange })] }), _jsx(Text, { sx: { fontSize: 1, fontWeight: 'bold', mb: 1 }, children: "Equation" }), _jsx(Box, { sx: { mb: 2 }, children: inline ? (_jsx(TextInput, { onChange: (event) => {
                         setEquation(event.target.value);
-                    }, value: equation, className: "KatexEquationAlterer_textArea" })) : (_jsx("textarea", { onChange: event => {
+                    }, value: equation, block: true })) : (_jsx(Textarea, { onChange: (event) => {
                         setEquation(event.target.value);
-                    }, value: equation, className: "KatexEquationAlterer_textArea" })) }), _jsx("div", { className: "KatexEquationAlterer_defaultRow", children: "Visualization " }), _jsx("div", { className: "KatexEquationAlterer_centerRow", children: _jsx(KatexRenderer, { equation: equation, inline: false, onClick: () => null }) }), _jsx("div", { className: "KatexEquationAlterer_dialogActions", children: _jsx(Button, { onClick: onClick, children: "Confirm" }) })] }));
+                    }, value: equation, block: true, rows: 6 })) }), _jsx(Text, { sx: { fontSize: 1, fontWeight: 'bold', mb: 1 }, children: "Visualization" }), _jsx(Box, { sx: {
+                    mb: 2,
+                    p: 2,
+                    border: '1px solid',
+                    borderColor: 'border.default',
+                    borderRadius: 2,
+                    textAlign: 'center',
+                }, children: _jsx(KatexRenderer, { equation: equation, inline: false, onClick: () => null }) }), _jsx(Box, { sx: { display: 'flex', justifyContent: 'flex-end' }, children: _jsx(Button, { onClick: onClick, children: "Confirm" }) })] }));
 };
 export default KatexEquationAlterer;
 //# sourceMappingURL=KatexEquationAlterer.js.map

package/lib/components/KatexEquationAlterer.js.map

@@ -1 +1 @@
-{"version":3,"file":"KatexEquationAlterer.js","sourceRoot":"","sources":["../../src/components/KatexEquationAlterer.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAO5C,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,SAAS,EACT,eAAe,GAAG,EAAE,GACd,EAAe,EAAE;IACvB,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAS,eAAe,CAAC,CAAC;IAClE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAU,IAAI,CAAC,CAAC;IACpD,MAAM,OAAO,GAAG,WAAW,CAAC,GAAG,EAAE;QAC/B,SAAS,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAC;IAClC,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC;IACxB,OAAO,CACL,8BACE,eAAK,SAAS,EAAC,iCAAiC,uBAE9C,gBAAO,IAAI,EAAC,UAAU,EAAC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,GAAI,IAClE,EACN,cAAK,SAAS,EAAC,iCAAiC,0BAAgB,EAChE,cAAK,SAAS,EAAC,gCAAgC,YAC5C,MAAM,CAAC,CAAC,CAAC,CACR,gBACE,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAClC,CAAC,EACD,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,+BAA+B,GACzC,CACH,CAAC,CAAC,CAAC,CACF,mBACE,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,WAAW,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;oBAClC,CAAC,EACD,KAAK,EAAE,QAAQ,EACf,SAAS,EAAC,+BAA+B,GACzC,CACH,GACG,EACN,cAAK,SAAS,EAAC,iCAAiC,+BAAqB,EACrE,cAAK,SAAS,EAAC,gCAAgC,YAC7C,KAAC,aAAa,IACZ,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,GACnB,GACE,EACN,cAAK,SAAS,EAAC,oCAAoC,YACjD,KAAC,MAAM,IAAC,OAAO,EAAE,OAAO,wBAAkB,GACtC,IACL,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"KatexEquationAlterer.js","sourceRoot":"","sources":["../../src/components/KatexEquationAlterer.tsx"],"names":[],"mappings":"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"}

package/lib/components/Modal.d.ts

@@ -1,5 +1,9 @@
+/**
+ * Modal - Uses Primer React's Dialog component.
+ * Keeps the same export signature so all consumers work unchanged.
+ */
 import { ReactNode } from 'react';
-export declare const Modal: ({ onClose, children, title, closeOnClickOutside, }: {
+export declare const Modal: ({ onClose, children, title, closeOnClickOutside: _closeOnClickOutside, }: {
     children: ReactNode;
     closeOnClickOutside?: boolean;
     onClose: () => void;