@particle-academy/react-fancy 5.61.1 → 5.63.0

package/dist/composer.cjs

@@ -1,13 +1,13 @@
 'use strict';
 
-var chunkJOWAS5A5_cjs = require('./chunk-JOWAS5A5.cjs');
-var chunkTYTENEJQ_cjs = require('./chunk-TYTENEJQ.cjs');
-require('./chunk-FU6K7XXZ.cjs');
+var chunkTQGRXJ74_cjs = require('./chunk-TQGRXJ74.cjs');
+var chunkQNQNGARW_cjs = require('./chunk-QNQNGARW.cjs');
+require('./chunk-MKGWHSNV.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
-require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUYC6EIL.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
@@ -15,11 +15,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Composer", {
   enumerable: true,
-  get: function () { return chunkJOWAS5A5_cjs.Composer; }
+  get: function () { return chunkTQGRXJ74_cjs.Composer; }
 });
 Object.defineProperty(exports, "pasteMarker", {
   enumerable: true,
-  get: function () { return chunkTYTENEJQ_cjs.pasteMarker; }
+  get: function () { return chunkQNQNGARW_cjs.pasteMarker; }
 });
 //# sourceMappingURL=composer.cjs.map
 //# sourceMappingURL=composer.cjs.map

package/dist/composer.js

@@ -1,11 +1,11 @@
-export { Composer } from './chunk-NDLESFUH.js';
-export { pasteMarker } from './chunk-UJZJBHMH.js';
-import './chunk-NORVXHRU.js';
+export { Composer } from './chunk-ELFTEJBT.js';
+export { pasteMarker } from './chunk-NILA2LZY.js';
+import './chunk-QTS4Q2NK.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
-import './chunk-JXE5XID6.js';
+import './chunk-YX6FTJ6N.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=composer.js.map

package/dist/context-menu.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var chunk3DMVK74Q_cjs = require('./chunk-3DMVK74Q.cjs');
+var chunkZ7SQMQTF_cjs = require('./chunk-Z7SQMQTF.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
-require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUYC6EIL.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "ContextMenu", {
   enumerable: true,
-  get: function () { return chunk3DMVK74Q_cjs.ContextMenu; }
+  get: function () { return chunkZ7SQMQTF_cjs.ContextMenu; }
 });
 Object.defineProperty(exports, "useContextMenu", {
   enumerable: true,
-  get: function () { return chunk3DMVK74Q_cjs.useContextMenu; }
+  get: function () { return chunkZ7SQMQTF_cjs.useContextMenu; }
 });
 //# sourceMappingURL=context-menu.cjs.map
 //# sourceMappingURL=context-menu.cjs.map

package/dist/context-menu.js

@@ -1,9 +1,9 @@
-export { ContextMenu, useContextMenu } from './chunk-SHF44YGG.js';
+export { ContextMenu, useContextMenu } from './chunk-NSJBVV7R.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
-import './chunk-JXE5XID6.js';
+import './chunk-YX6FTJ6N.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=context-menu.js.map
 //# sourceMappingURL=context-menu.js.map

package/dist/drawer.cjs

@@ -1,22 +1,22 @@
 'use strict';
 
-var chunkP6V4QWJK_cjs = require('./chunk-P6V4QWJK.cjs');
+var chunkAJPYGRLA_cjs = require('./chunk-AJPYGRLA.cjs');
 require('./chunk-TXTRTTG7.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
-require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUYC6EIL.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Drawer", {
   enumerable: true,
-  get: function () { return chunkP6V4QWJK_cjs.Drawer; }
+  get: function () { return chunkAJPYGRLA_cjs.Drawer; }
 });
 Object.defineProperty(exports, "useDrawer", {
   enumerable: true,
-  get: function () { return chunkP6V4QWJK_cjs.useDrawer; }
+  get: function () { return chunkAJPYGRLA_cjs.useDrawer; }
 });
 //# sourceMappingURL=drawer.cjs.map
 //# sourceMappingURL=drawer.cjs.map

package/dist/drawer.js

@@ -1,9 +1,9 @@
-export { Drawer, useDrawer } from './chunk-5JFA7NYE.js';
+export { Drawer, useDrawer } from './chunk-PXZRYL5I.js';
 import './chunk-5U2DZ7AV.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
-import './chunk-JXE5XID6.js';
+import './chunk-YX6FTJ6N.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=drawer.js.map
 //# sourceMappingURL=drawer.js.map

package/dist/dropdown.cjs

@@ -1,23 +1,23 @@
 'use strict';
 
-var chunk4HUD33OP_cjs = require('./chunk-4HUD33OP.cjs');
+var chunkA6HWKQ4D_cjs = require('./chunk-A6HWKQ4D.cjs');
 require('./chunk-FQZE5N2N.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-MKHYENKR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
-require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUYC6EIL.cjs');
 require('./chunk-ZU5Q77OT.cjs');
 
 
 
 Object.defineProperty(exports, "Dropdown", {
   enumerable: true,
-  get: function () { return chunk4HUD33OP_cjs.Dropdown; }
+  get: function () { return chunkA6HWKQ4D_cjs.Dropdown; }
 });
 Object.defineProperty(exports, "useDropdown", {
   enumerable: true,
-  get: function () { return chunk4HUD33OP_cjs.useDropdown; }
+  get: function () { return chunkA6HWKQ4D_cjs.useDropdown; }
 });
 //# sourceMappingURL=dropdown.cjs.map
 //# sourceMappingURL=dropdown.cjs.map

package/dist/dropdown.js

@@ -1,10 +1,10 @@
-export { Dropdown, useDropdown } from './chunk-UBEOB55O.js';
+export { Dropdown, useDropdown } from './chunk-JG2DJK5A.js';
 import './chunk-3K2CEAI7.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-5VMILVWD.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
-import './chunk-JXE5XID6.js';
+import './chunk-YX6FTJ6N.js';
 import './chunk-MMW2JGKZ.js';
 //# sourceMappingURL=dropdown.js.map
 //# sourceMappingURL=dropdown.js.map

package/dist/editor.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
-var chunkBMVYOVSW_cjs = require('./chunk-BMVYOVSW.cjs');
+var chunkATIDUWY6_cjs = require('./chunk-ATIDUWY6.cjs');
 require('./chunk-A2JUTNE6.cjs');
 require('./chunk-T6YELZPJ.cjs');
-require('./chunk-ZPBCZPMD.cjs');
-require('./chunk-X6TGRSVH.cjs');
+require('./chunk-VQJ5LJJH.cjs');
+require('./chunk-4GOOSZEK.cjs');
 require('./chunk-MCQJFMDP.cjs');
 require('./chunk-AIA5UNQ5.cjs');
 require('./chunk-G7227RTY.cjs');
@@ -14,7 +14,7 @@ require('./chunk-L3V3BYVS.cjs');
 require('./chunk-J2DI6RMR.cjs');
 require('./chunk-TI7D4QDM.cjs');
 require('./chunk-57FQGQJK.cjs');
-require('./chunk-RXDRYWVD.cjs');
+require('./chunk-OUYC6EIL.cjs');
 require('./chunk-X2FC7ODX.cjs');
 require('./chunk-MXWR3T3N.cjs');
 require('./chunk-SNHU2AI4.cjs');
@@ -24,11 +24,11 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "Editor", {
   enumerable: true,
-  get: function () { return chunkBMVYOVSW_cjs.Editor; }
+  get: function () { return chunkATIDUWY6_cjs.Editor; }
 });
 Object.defineProperty(exports, "useEditor", {
   enumerable: true,
-  get: function () { return chunkBMVYOVSW_cjs.useEditor; }
+  get: function () { return chunkATIDUWY6_cjs.useEditor; }
 });
 //# sourceMappingURL=editor.cjs.map
 //# sourceMappingURL=editor.cjs.map

package/dist/editor.d.cts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
 import { R as RenderExtension } from './extensions-6PVd3-vB.cjs';
 import { F as FieldMode } from './inputs.types-duxPKadC.cjs';
-import { a as FullScreenMode } from './use-full-screen-BUJ1ujG4.cjs';
+import { b as FullScreenMode } from './use-full-screen-BUke36LI.cjs';
 import './types-DJI492iY.cjs';
 
 interface EditorAction {
@@ -31,6 +31,16 @@ interface EditorToolbarProps {
      * @default false
      */
     showFullScreenToggle?: boolean;
+    /**
+     * Host content rendered INSIDE the default toolbar, at its trailing end:
+     * after the Source toggle and before the full-screen toggle, which keeps the
+     * trailing edge. Use it for a host's own Save / Cancel, which then stays
+     * reachable while the editor is full screen. Wrapped in
+     * `[data-react-fancy-editor-toolbar-extra]`. Same name and placement as
+     * fancy-sheets' `SheetWorkbook toolbarExtra`. Ignored when `children` are
+     * supplied — a custom toolbar places host content itself.
+     */
+    toolbarExtra?: ReactNode;
 }
 interface EditorFullScreenToggleProps {
     className?: string;
@@ -124,7 +134,7 @@ interface EditorProps {
     unsafe?: boolean;
 }
 
-declare function EditorToolbar({ actions, onAction, children, className, showSourceToggle, showFullScreenToggle, }: EditorToolbarProps): react.JSX.Element;
+declare function EditorToolbar({ actions, onAction, children, className, showSourceToggle, showFullScreenToggle, toolbarExtra, }: EditorToolbarProps): react.JSX.Element;
 declare namespace EditorToolbar {
     var displayName: string;
 }

package/dist/editor.d.ts

@@ -2,7 +2,7 @@ import * as react from 'react';
 import { ReactNode, RefObject } from 'react';
 import { R as RenderExtension } from './extensions-6PVd3-vB.js';
 import { F as FieldMode } from './inputs.types-DzGcqcPf.js';
-import { a as FullScreenMode } from './use-full-screen-BUJ1ujG4.js';
+import { b as FullScreenMode } from './use-full-screen-BUke36LI.js';
 import './types-DJI492iY.js';
 
 interface EditorAction {
@@ -31,6 +31,16 @@ interface EditorToolbarProps {
      * @default false
      */
     showFullScreenToggle?: boolean;
+    /**
+     * Host content rendered INSIDE the default toolbar, at its trailing end:
+     * after the Source toggle and before the full-screen toggle, which keeps the
+     * trailing edge. Use it for a host's own Save / Cancel, which then stays
+     * reachable while the editor is full screen. Wrapped in
+     * `[data-react-fancy-editor-toolbar-extra]`. Same name and placement as
+     * fancy-sheets' `SheetWorkbook toolbarExtra`. Ignored when `children` are
+     * supplied — a custom toolbar places host content itself.
+     */
+    toolbarExtra?: ReactNode;
 }
 interface EditorFullScreenToggleProps {
     className?: string;
@@ -124,7 +134,7 @@ interface EditorProps {
     unsafe?: boolean;
 }
 
-declare function EditorToolbar({ actions, onAction, children, className, showSourceToggle, showFullScreenToggle, }: EditorToolbarProps): react.JSX.Element;
+declare function EditorToolbar({ actions, onAction, children, className, showSourceToggle, showFullScreenToggle, toolbarExtra, }: EditorToolbarProps): react.JSX.Element;
 declare namespace EditorToolbar {
     var displayName: string;
 }

package/dist/editor.js

@@ -1,8 +1,8 @@
-export { Editor, useEditor } from './chunk-BLS2IGPY.js';
+export { Editor, useEditor } from './chunk-CAUEKGMR.js';
 import './chunk-2BXMMVQS.js';
 import './chunk-CPY7NHXM.js';
-import './chunk-4JLFIPHZ.js';
-import './chunk-CHQH6M67.js';
+import './chunk-RP43ZFZP.js';
+import './chunk-ZQ3VXRUY.js';
 import './chunk-L24LUSEE.js';
 import './chunk-TJ66S5K6.js';
 import './chunk-FBWUXSKH.js';
@@ -12,7 +12,7 @@ import './chunk-NRXK42LO.js';
 import './chunk-MQ6VGG62.js';
 import './chunk-RBCMKPBX.js';
 import './chunk-RGANGU7X.js';
-import './chunk-JXE5XID6.js';
+import './chunk-YX6FTJ6N.js';
 import './chunk-6TBRBN7H.js';
 import './chunk-J3A4Z2P7.js';
 import './chunk-EDYAXGUM.js';

package/dist/full-screen.cjs

@@ -1,10 +1,11 @@
 'use strict';
 
-var chunk645CRPU6_cjs = require('./chunk-645CRPU6.cjs');
-var chunkZPBCZPMD_cjs = require('./chunk-ZPBCZPMD.cjs');
-var chunkX6TGRSVH_cjs = require('./chunk-X6TGRSVH.cjs');
+var chunkWVSHAJKI_cjs = require('./chunk-WVSHAJKI.cjs');
+var chunkVQJ5LJJH_cjs = require('./chunk-VQJ5LJJH.cjs');
+var chunk4GOOSZEK_cjs = require('./chunk-4GOOSZEK.cjs');
 require('./chunk-AIA5UNQ5.cjs');
 require('./chunk-TI7D4QDM.cjs');
+require('./chunk-OUYC6EIL.cjs');
 require('./chunk-MXWR3T3N.cjs');
 require('./chunk-SNHU2AI4.cjs');
 require('./chunk-ZU5Q77OT.cjs');
@@ -13,27 +14,27 @@ require('./chunk-ZU5Q77OT.cjs');
 
 Object.defineProperty(exports, "FullScreen", {
   enumerable: true,
-  get: function () { return chunk645CRPU6_cjs.FullScreen; }
+  get: function () { return chunkWVSHAJKI_cjs.FullScreen; }
 });
 Object.defineProperty(exports, "FullScreenContext", {
   enumerable: true,
-  get: function () { return chunkZPBCZPMD_cjs.FullScreenContext; }
+  get: function () { return chunkVQJ5LJJH_cjs.FullScreenContext; }
 });
 Object.defineProperty(exports, "FullScreenProvider", {
   enumerable: true,
-  get: function () { return chunkZPBCZPMD_cjs.FullScreenProvider; }
+  get: function () { return chunkVQJ5LJJH_cjs.FullScreenProvider; }
 });
 Object.defineProperty(exports, "FullScreenToggle", {
   enumerable: true,
-  get: function () { return chunkZPBCZPMD_cjs.FullScreenToggle; }
+  get: function () { return chunkVQJ5LJJH_cjs.FullScreenToggle; }
 });
 Object.defineProperty(exports, "useFullScreenContext", {
   enumerable: true,
-  get: function () { return chunkZPBCZPMD_cjs.useFullScreenContext; }
+  get: function () { return chunkVQJ5LJJH_cjs.useFullScreenContext; }
 });
 Object.defineProperty(exports, "useFullScreen", {
   enumerable: true,
-  get: function () { return chunkX6TGRSVH_cjs.useFullScreen; }
+  get: function () { return chunk4GOOSZEK_cjs.useFullScreen; }
 });
 //# sourceMappingURL=full-screen.cjs.map
 //# sourceMappingURL=full-screen.cjs.map

package/dist/full-screen.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ButtonHTMLAttributes, ReactNode, HTMLAttributes } from 'react';
-import { U as UseFullScreenOptions, d as UseFullScreenResult } from './use-full-screen-BUJ1ujG4.cjs';
-export { F as FullScreenLayer, a as FullScreenMode, b as FullScreenTargetProps, c as FullScreenToggleButtonProps, u as useFullScreen } from './use-full-screen-BUJ1ujG4.cjs';
+import { U as UseFullScreenOptions, e as UseFullScreenResult } from './use-full-screen-BUke36LI.cjs';
+export { F as FullScreenLayer, b as FullScreenMode, c as FullScreenTargetProps, d as FullScreenToggleButtonProps, g as useFullScreen } from './use-full-screen-BUke36LI.cjs';
 
 interface FullScreenToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "children"> {
     /** Lucide name shown while NOT full screen. @default "maximize-2" */
@@ -48,6 +48,9 @@ interface FullScreenProviderProps {
  * For a surface that owns its root and calls `useFullScreen()` itself (Editor,
  * DeckEditor, SheetWorkbook). Makes `<FullScreen.Toggle />` work anywhere inside
  * and redirects descendant `<Portal>`s into the surface while it is active.
+ * It also marks everything inside as belonging to this surface for Escape, so
+ * an open menu, listbox, popover or tooltip inside closes before the surface
+ * exits. A surface that skips the provider loses that, as well as the portals.
  */
 declare function FullScreenProvider({ value, children }: FullScreenProviderProps): react.JSX.Element;
 

package/dist/full-screen.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { ButtonHTMLAttributes, ReactNode, HTMLAttributes } from 'react';
-import { U as UseFullScreenOptions, d as UseFullScreenResult } from './use-full-screen-BUJ1ujG4.js';
-export { F as FullScreenLayer, a as FullScreenMode, b as FullScreenTargetProps, c as FullScreenToggleButtonProps, u as useFullScreen } from './use-full-screen-BUJ1ujG4.js';
+import { U as UseFullScreenOptions, e as UseFullScreenResult } from './use-full-screen-BUke36LI.js';
+export { F as FullScreenLayer, b as FullScreenMode, c as FullScreenTargetProps, d as FullScreenToggleButtonProps, g as useFullScreen } from './use-full-screen-BUke36LI.js';
 
 interface FullScreenToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "type" | "onClick" | "children"> {
     /** Lucide name shown while NOT full screen. @default "maximize-2" */
@@ -48,6 +48,9 @@ interface FullScreenProviderProps {
  * For a surface that owns its root and calls `useFullScreen()` itself (Editor,
  * DeckEditor, SheetWorkbook). Makes `<FullScreen.Toggle />` work anywhere inside
  * and redirects descendant `<Portal>`s into the surface while it is active.
+ * It also marks everything inside as belonging to this surface for Escape, so
+ * an open menu, listbox, popover or tooltip inside closes before the surface
+ * exits. A surface that skips the provider loses that, as well as the portals.
  */
 declare function FullScreenProvider({ value, children }: FullScreenProviderProps): react.JSX.Element;
 

package/dist/full-screen.js

@@ -1,8 +1,9 @@
-export { FullScreen } from './chunk-NFTTNFQR.js';
-export { FullScreenContext, FullScreenProvider, FullScreenToggle, useFullScreenContext } from './chunk-4JLFIPHZ.js';
-export { useFullScreen } from './chunk-CHQH6M67.js';
+export { FullScreen } from './chunk-GZ5Z56QK.js';
+export { FullScreenContext, FullScreenProvider, FullScreenToggle, useFullScreenContext } from './chunk-RP43ZFZP.js';
+export { useFullScreen } from './chunk-ZQ3VXRUY.js';
 import './chunk-TJ66S5K6.js';
 import './chunk-RBCMKPBX.js';
+import './chunk-YX6FTJ6N.js';
 import './chunk-J3A4Z2P7.js';
 import './chunk-EDYAXGUM.js';
 import './chunk-MMW2JGKZ.js';