@cratis/components 3.6.1 → 4.0.0

package/dist/esm/Toolbar/ToolbarButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarButton.js","sources":["../../../Toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAkDA;;;AAGG;AACI,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,KAAK,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,WAAW,EAAsB,KAAI;AACzJ,IAAA,MAAM,WAAW,GAAG,qBAAqB,EAAE;AAC3C,IAAA,MAAM,UAAU,GAAG,oBAAoB,EAAE;AACzC,IAAA,MAAM,UAAU,GAAG,UAAU,KAAK,MAAM;AACxC,IAAA,MAAM,WAAW,GAAG,SAAS,IAAI,WAAW,CAAC,SAAS;AAEtD,IAAA,MAAM,eAAe,GAAG,CAAC,KAAyC,KAAI;AAClE,QAAA,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,kBAAkB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAC5E,QAAA,KAAK,CAAC,YAAY,CAAC,aAAa,GAAG,MAAM;AACzC,QAAA,WAAW,GAAG,IAAI,EAAE,KAAK,CAAC;QAC1B,WAAW,CAAC,eAAe,GAAG,IAAI,EAAE,KAAK,CAAC;AAC9C,IAAA,CAAC;IAED,MAAM,WAAW,GAAG,MAAM,GAAG,wBAAwB,GAAG,EAAE;IAC1D,MAAM,cAAc,GAAG,WAAW,GAAG,2BAA2B,GAAG,EAAE;AACrE,IAAA,MAAM,OAAO,GAAG,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;AAC3D,IAAA,MAAM,YAAY,GAAG,IAAI,KAAK,SAAS,IAAI,IAAI,KAAK,IAAI,KAAK,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,IAAI,GAAG,IAAI;;IAGvH,IAAI,UAAU,EAAE;AACZ,QAAA,QACIA,IAAA,CAAA,QAAA,EAAA,EACI,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EACtD,SAAS,EAAE,CAAA,qHAAA,EAAwH,WAAW,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE,EAAA,QAAA,EAAA,CAEjK,YAAY,KAAK,IAAI,IAAIC,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,uBAAuB,EAAA,CAAG,EAC/FA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,uBAAuB,EAAA,QAAA,EAAE,KAAK,EAAA,CAAQ,CAAA,EAAA,CACjD;IAEjB;IAEA,MAAM,eAAe,GAAG,OAAO,GAAG,wBAAwB,GAAG,WAAW;IACxE,MAAM,aAAa,GAAG;AAClB,UAAEA,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,sBAAsB,EAAA,QAAA,EAAE,IAAI,EAAA;UAC5C,YAAY,KAAK;cACbA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAE,SAAS,EAAC,SAAS,EAAA;cACpD,IAAI;IAEd,QACIA,GAAA,CAAC,OAAO,EAAA,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,eAAe,EAAA,QAAA,EAC9CA,gBACI,IAAI,EAAC,QAAQ,EAAA,YAAA,EACD,KAAK,EACjB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,WAAW,EACtB,WAAW,EAAE,WAAW,GAAG,eAAe,GAAG,SAAS,EACtD,SAAS,EAAE,CAAA,eAAA,EAAkB,eAAe,CAAA,4DAAA,EAA+D,WAAW,CAAA,CAAA,EAAI,cAAc,CAAA,CAAE,EAAA,QAAA,EAEzI,aAAa,EAAA,CACT,EAAA,CACH;AAElB;;"}
+{"version":3,"file":"ToolbarButton.js","sources":["../../../Toolbar/ToolbarButton.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/Toolbar/ToolbarContext.d.ts

@@ -1,8 +1,24 @@
 import type { FC, ReactNode } from 'react';
+/** Props for the {@link ToolbarContext} component. */
 export interface ToolbarContextProps {
+    /** Unique name identifying this context within a {@link ToolbarSection}. */
     name: string;
+    /** The toolbar items to render when this context is active. */
     children: ReactNode;
+    /**
+     * Optional slot name. When provided, any {@link ToolbarSlot} with a matching `slotName`
+     * within the nearest {@link ToolbarSlotProvider} will render its content inside this
+     * context alongside the declared children.
+     *
+     * Slot entries are appended after the context's own children and sorted by their `order` value.
+     */
     slotName?: string;
 }
+/**
+ * Defines a named context (a set of toolbar items) within a {@link ToolbarSection}.
+ * The section renders only the active context at a time and animates between them.
+ *
+ * This is a data-only component; its rendering is fully managed by {@link ToolbarSection}.
+ */
 export declare const ToolbarContext: FC<ToolbarContextProps>;
 //# sourceMappingURL=ToolbarContext.d.ts.map

package/dist/esm/Toolbar/ToolbarContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAG3C,MAAM,WAAW,mBAAmB;IAEhC,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,SAAS,CAAC;IAQpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAQD,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAc,CAAC"}
+{"version":3,"file":"ToolbarContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarContext.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,sDAAsD;AACtD,MAAM,WAAW,mBAAmB;IAChC,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,+DAA+D;IAC/D,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,mBAAmB,CAAc,CAAC"}

package/dist/esm/Toolbar/ToolbarContext.js

@@ -1,11 +1,3 @@
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Defines a named context (a set of toolbar items) within a {@link ToolbarSection}.
- * The section renders only the active context at a time and animates between them.
- *
- * This is a data-only component; its rendering is fully managed by {@link ToolbarSection}.
- */
 const ToolbarContext = () => null;
 
 export { ToolbarContext };

package/dist/esm/Toolbar/ToolbarContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarContext.js","sources":["../../../Toolbar/ToolbarContext.tsx"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AAoBA;;;;;AAKG;MACU,cAAc,GAA4B,MAAM;;"}
+{"version":3,"file":"ToolbarContext.js","sources":["../../../Toolbar/ToolbarContext.tsx"],"sourcesContent":[null],"names":[],"mappings":"MA2Ba,cAAc,GAA4B,MAAM;;"}

package/dist/esm/Toolbar/ToolbarDragContext.d.ts

@@ -1,7 +1,23 @@
+/** Internal context shared from {@link Toolbar} to its children for drag-and-drop wiring. */
 export interface ToolbarDragContextValue {
+    /** Whether all buttons inside this toolbar are draggable by default. */
     draggable: boolean;
+    /**
+     * Callback invoked when any child toolbar item starts being dragged.
+     * Receives the item's associated data and the originating drag event.
+     */
     onItemDragStart?: (data: unknown, event: React.DragEvent) => void;
 }
+/**
+ * React context that propagates drag-and-drop settings from a {@link Toolbar}
+ * down to its child {@link ToolbarButton} components without requiring explicit prop
+ * threading through intermediate wrappers such as {@link ToolbarSection}.
+ */
 export declare const ToolbarDragContext: import("react").Context<ToolbarDragContextValue>;
+/**
+ * Returns the nearest {@link ToolbarDragContext} value.
+ * When no provider is present (i.e. the button is used outside a Toolbar),
+ * the default value with {@link ToolbarDragContextValue.draggable} set to `false` is returned.
+ */
 export declare const useToolbarDragContext: () => ToolbarDragContextValue;
 //# sourceMappingURL=ToolbarDragContext.d.ts.map

package/dist/esm/Toolbar/ToolbarDragContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarDragContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarDragContext.ts"],"names":[],"mappings":"AAMA,MAAM,WAAW,uBAAuB;IAEpC,SAAS,EAAE,OAAO,CAAC;IAKnB,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CACrE;AAOD,eAAO,MAAM,kBAAkB,kDAE7B,CAAC;AAOH,eAAO,MAAM,qBAAqB,QAAO,uBAAyD,CAAC"}
+{"version":3,"file":"ToolbarDragContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarDragContext.ts"],"names":[],"mappings":"AAKA,6FAA6F;AAC7F,MAAM,WAAW,uBAAuB;IACpC,wEAAwE;IACxE,SAAS,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC;CACrE;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,kDAE7B,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,qBAAqB,QAAO,uBAAyD,CAAC"}

package/dist/esm/Toolbar/ToolbarDragContext.js

@@ -1,20 +1,8 @@
 import { createContext, useContext } from 'react';
 
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * React context that propagates drag-and-drop settings from a {@link Toolbar}
- * down to its child {@link ToolbarButton} components without requiring explicit prop
- * threading through intermediate wrappers such as {@link ToolbarSection}.
- */
 const ToolbarDragContext = createContext({
     draggable: false,
 });
-/**
- * Returns the nearest {@link ToolbarDragContext} value.
- * When no provider is present (i.e. the button is used outside a Toolbar),
- * the default value with {@link ToolbarDragContextValue.draggable} set to `false` is returned.
- */
 const useToolbarDragContext = () => useContext(ToolbarDragContext);
 
 export { ToolbarDragContext, useToolbarDragContext };

package/dist/esm/Toolbar/ToolbarDragContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarDragContext.js","sources":["../../../Toolbar/ToolbarDragContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAeA;;;;AAIG;AACI,MAAM,kBAAkB,GAAG,aAAa,CAA0B;AACrE,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;AAED;;;;AAIG;AACI,MAAM,qBAAqB,GAAG,MAA+B,UAAU,CAAC,kBAAkB;;"}
+{"version":3,"file":"ToolbarDragContext.js","sources":["../../../Toolbar/ToolbarDragContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAqBO,MAAM,kBAAkB,GAAG,aAAa,CAA0B;AACrE,IAAA,SAAS,EAAE,KAAK;AACnB,CAAA;AAOM,MAAM,qBAAqB,GAAG,MAA+B,UAAU,CAAC,kBAAkB;;"}

package/dist/esm/Toolbar/ToolbarFanOutItem.d.ts

@@ -1,12 +1,40 @@
-import React, { ReactNode } from 'react';
-import type { Icon } from '../Common/Icon';
-import type { TooltipPosition } from '../Common/Tooltip';
+import React, { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+import type { Icon } from '../Common/Icon.js';
+import type { TooltipPosition } from '../Common/Tooltip.js';
+/** Stable part attributes for {@link ToolbarFanOutItem}. */
+export interface ToolbarFanOutParts {
+    /** Fan-out composition root. */
+    root?: HTMLAttributes<HTMLDivElement>;
+    /** Native trigger button. */
+    trigger?: ButtonHTMLAttributes<HTMLButtonElement>;
+    /** Expanded tool panel. */
+    panel?: HTMLAttributes<HTMLDivElement>;
+}
+/** Props for the {@link ToolbarFanOutItem} component. */
 export interface ToolbarFanOutItemProps {
+    /** React icon node or consumer-owned icon-font class for the trigger. */
     icon: Icon;
+    /** Tooltip text shown when hovering over the trigger button. */
     tooltip: string;
+    /** Position of the tooltip relative to the trigger button (default: 'right'). */
     tooltipPosition?: TooltipPosition;
+    /** Direction the panel fans out from the trigger button (default: 'right'). */
     fanOutDirection?: 'right' | 'left' | 'up' | 'down';
+    /** Extra class name for the fan-out root. */
+    className?: string;
+    /** Stable fan-out part attributes. */
+    pt?: ToolbarFanOutParts;
+    /** The toolbar items to render inside the fan-out panel. */
     children: ReactNode;
 }
-export declare const ToolbarFanOutItem: ({ icon, tooltip, tooltipPosition, fanOutDirection, children, }: ToolbarFanOutItemProps) => React.JSX.Element;
-//# sourceMappingURL=ToolbarFanOutItem.d.ts.map
+/**
+ * A toolbar button that fans out a horizontal panel of sub-tool buttons when clicked.
+ *
+ * Place this inside a vertical {@link Toolbar}. When the button is clicked, a pill-shaped
+ * panel slides out to the side (right by default) containing the provided children.
+ * The panel animates in/out using a clip-path reveal transition.
+ *
+ * - Clicking the button again closes the panel
+ * - Clicking anywhere outside the panel also closes it
+ */
+export declare const ToolbarFanOutItem: ({ icon, tooltip, tooltipPosition, fanOutDirection, className, pt, children, }: ToolbarFanOutItemProps) => React.JSX.Element;

package/dist/esm/Toolbar/ToolbarFanOutItem.js

@@ -1,28 +1,18 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useRef, useCallback, useEffect } from 'react';
+import { useState, useRef, useId, useCallback, useEffect } from 'react';
 import { IconDisplay } from '../Common/Icon.js';
 import { Tooltip } from '../Common/Tooltip.js';
+import { useToolbarItemVisibility, ToolbarItemVisibilityProvider } from './ToolbarItemVisibilityContext.js';
 
-/**
- * A toolbar button that fans out a horizontal panel of sub-tool buttons when clicked.
- *
- * Place this inside a vertical {@link Toolbar}. When the button is clicked, a pill-shaped
- * panel slides out to the side (right by default) containing the provided children.
- * The panel animates in/out using a clip-path reveal transition.
- *
- * - Clicking the button again closes the panel
- * - Clicking anywhere outside the panel also closes it
- */
-const ToolbarFanOutItem = ({ icon, tooltip, tooltipPosition = 'right', fanOutDirection = 'right', children, }) => {
+const ToolbarFanOutItem = ({ icon, tooltip, tooltipPosition = 'right', fanOutDirection = 'right', className, pt, children, }) => {
     const [isExpanded, setIsExpanded] = useState(false);
     const [isSettled, setIsSettled] = useState(false);
+    const isToolbarItemVisible = useToolbarItemVisibility();
     const containerRef = useRef(null);
+    const triggerRef = useRef(null);
     const panelRef = useRef(null);
-    // A settled panel has `clip-path: none`, which cannot interpolate — closing
-    // straight from it would snap the panel shut instead of wiping it closed.
-    // Put an equivalent inset back and let the browser observe it (the forced
-    // reflow) before React removes the visible class, so the close transition
-    // has an interpolable starting value.
+    const generatedPanelId = useId();
+    const panelId = pt?.panel?.id ?? generatedPanelId;
     const collapse = useCallback(() => {
         const panel = panelRef.current;
         if (panel && panel.classList.contains('toolbar-fanout-panel--settled')) {
@@ -44,29 +34,41 @@ const ToolbarFanOutItem = ({ icon, tooltip, tooltipPosition = 'right', fanOutDir
         }
     };
     const handleTransitionEnd = (event) => {
-        if (event.target === panelRef.current && event.propertyName === 'clip-path' && isExpanded) {
+        if (event.target === panelRef.current &&
+            event.propertyName === 'clip-path' &&
+            isExpanded) {
             setIsSettled(true);
         }
     };
-    // Close the fan-out when clicking outside
     useEffect(() => {
         if (!isExpanded)
             return;
         const handleClickOutside = (event) => {
-            if (containerRef.current && !containerRef.current.contains(event.target)) {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
                 collapse();
             }
         };
+        const handleEscape = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            collapse();
+            window.setTimeout(() => triggerRef.current?.focus(), 0);
+        };
         document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleEscape, true);
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleEscape, true);
         };
     }, [isExpanded, collapse]);
     const activeClass = isExpanded ? 'toolbar-button--active' : '';
     const panelVisibleClass = isExpanded ? 'toolbar-fanout-panel--visible' : '';
     const panelSettledClass = isExpanded && isSettled ? 'toolbar-fanout-panel--settled' : '';
     const directionClass = `toolbar-fanout-panel--${fanOutDirection}`;
-    return (jsxs("div", { className: 'toolbar-fanout-item', ref: containerRef, children: [jsx(Tooltip, { content: tooltip, position: tooltipPosition, disabled: isExpanded, children: jsx("button", { type: 'button', "aria-label": tooltip, "aria-expanded": isExpanded, onClick: handleToggle, className: `toolbar-button w-10 h-10 flex items-center justify-center rounded-lg cursor-pointer ${activeClass}`, children: jsx(IconDisplay, { icon: icon, className: 'text-lg' }) }) }), jsx("div", { ref: panelRef, className: `toolbar-fanout-panel ${directionClass} ${panelVisibleClass} ${panelSettledClass}`, onTransitionEnd: handleTransitionEnd, children: children })] }));
+    return (jsxs("div", { ...pt?.root, className: `toolbar-fanout-item ${pt?.root?.className ?? ''} ${className ?? ''}`, "data-cratis-part": 'fanout-root', "data-open": isExpanded || undefined, ref: containerRef, children: [jsx(Tooltip, { content: tooltip, position: tooltipPosition, disabled: isExpanded || !isToolbarItemVisible, children: jsx("button", { ...pt?.trigger, ref: triggerRef, type: 'button', "aria-label": tooltip, "aria-expanded": isExpanded, "aria-controls": panelId, onClick: handleToggle, className: `toolbar-button cratis:w-10 cratis:h-10 cratis:flex cratis:items-center cratis:justify-center cratis:rounded-lg cratis:cursor-pointer ${activeClass} ${pt?.trigger?.className ?? ''}`, "data-cratis-part": 'fanout-trigger', "data-open": isExpanded || undefined, children: jsx(IconDisplay, { icon: icon, className: 'cratis:text-lg' }) }) }), jsx("div", { ...pt?.panel, id: panelId, role: 'group', "aria-label": tooltip, ref: panelRef, className: `toolbar-fanout-panel ${directionClass} ${panelVisibleClass} ${panelSettledClass} ${pt?.panel?.className ?? ''}`, "data-cratis-part": 'fanout-panel', "data-expanded": isExpanded || undefined, "data-open": isExpanded || undefined, "data-direction": fanOutDirection, "data-settled": isSettled || undefined, "aria-hidden": !isExpanded, inert: !isExpanded, onTransitionEnd: handleTransitionEnd, children: jsx(ToolbarItemVisibilityProvider, { value: isExpanded && isToolbarItemVisible, children: children }) })] }));
 };
 
 export { ToolbarFanOutItem };

package/dist/esm/Toolbar/ToolbarFanOutItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarFanOutItem.js","sources":["../../../Toolbar/ToolbarFanOutItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
+{"version":3,"file":"ToolbarFanOutItem.js","sources":["../../../Toolbar/ToolbarFanOutItem.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/esm/Toolbar/ToolbarFolder.d.ts

@@ -1,15 +1,49 @@
-import { ReactNode } from 'react';
-import type { Icon } from '../Common/Icon';
-import type { TooltipPosition } from '../Common/Tooltip';
-import type { ToolbarFolderMode } from './ToolbarFolderContext';
+import { type ButtonHTMLAttributes, type HTMLAttributes, type ReactNode } from 'react';
+import type { Icon } from '../Common/Icon.js';
+import type { TooltipPosition } from '../Common/Tooltip.js';
+import type { ToolbarFolderMode } from './ToolbarFolderContext.js';
+/** Stable part attributes for {@link ToolbarFolder}. */
+export interface ToolbarFolderParts {
+    /** Folder composition and measurement root. */
+    root?: HTMLAttributes<HTMLDivElement>;
+    /** Native folder trigger. */
+    trigger?: ButtonHTMLAttributes<HTMLButtonElement>;
+    /** Expanded item panel. */
+    panel?: HTMLAttributes<HTMLDivElement>;
+}
+/** Props for the {@link ToolbarFolder} component. */
 export interface ToolbarFolderProps {
+    /** The icon to display on the folder trigger button. */
     icon: Icon;
+    /** Title text shown when hovering over the folder trigger button. */
     title: string;
+    /** Position of the tooltip relative to the trigger button (default: 'right'). */
     tooltipPosition?: TooltipPosition;
+    /** Direction the folder opens from the trigger button (default: 'right'). */
     folderDirection?: 'right' | 'left';
+    /**
+     * Display mode for the folder's expanded panel (default: `'grid'`).
+     *
+     * - `'grid'` — items are arranged in a balanced grid (existing behaviour).
+     * - `'list'` — items are stacked vertically with the icon and title label shown side by side.
+     */
     mode?: ToolbarFolderMode;
+    /** Maximum number of columns to render before adding more rows (default: 5). Only applies to `grid` mode. */
     maxColumns?: number;
+    /** Extra class name for the folder root. */
+    className?: string;
+    /** Stable folder attributes. */
+    pt?: ToolbarFolderParts;
+    /** The toolbar buttons shown when the folder is expanded. */
     children: ReactNode;
 }
-export declare const ToolbarFolder: ({ icon, title, tooltipPosition, folderDirection, mode, maxColumns, children, }: ToolbarFolderProps) => import("react").JSX.Element;
-//# sourceMappingURL=ToolbarFolder.d.ts.map
+/**
+ * A toolbar folder that reveals a panel of buttons when clicked.
+ *
+ * **Grid mode** (default): items are arranged in a balanced grid that grows naturally as
+ * more items are added and keeps a compact footprint for small sets.
+ *
+ * **List mode**: items are stacked vertically with their icon and title label rendered
+ * side by side — useful when labels add important context to icon-only buttons.
+ */
+export declare const ToolbarFolder: ({ icon, title, tooltipPosition, folderDirection, mode, maxColumns, className, pt, children, }: ToolbarFolderProps) => import("react").JSX.Element;

package/dist/esm/Toolbar/ToolbarFolder.js

@@ -1,22 +1,18 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
-import { useState, useRef, useMemo, Children, useEffect } from 'react';
+import { useState, useRef, useId, useMemo, Children, useEffect } from 'react';
 import { IconDisplay } from '../Common/Icon.js';
 import { Tooltip } from '../Common/Tooltip.js';
 import { ToolbarFolderContext } from './ToolbarFolderContext.js';
+import { useToolbarItemVisibility, ToolbarItemVisibilityProvider } from './ToolbarItemVisibilityContext.js';
 
-/**
- * A toolbar folder that reveals a panel of buttons when clicked.
- *
- * **Grid mode** (default): items are arranged in a balanced grid that grows naturally as
- * more items are added and keeps a compact footprint for small sets.
- *
- * **List mode**: items are stacked vertically with their icon and title label rendered
- * side by side — useful when labels add important context to icon-only buttons.
- */
-const ToolbarFolder = ({ icon, title, tooltipPosition = 'right', folderDirection = 'right', mode = 'grid', maxColumns = 5, children, }) => {
+const ToolbarFolder = ({ icon, title, tooltipPosition = 'right', folderDirection = 'right', mode = 'grid', maxColumns = 5, className, pt, children, }) => {
     const [isExpanded, setIsExpanded] = useState(false);
+    const isToolbarItemVisible = useToolbarItemVisibility();
     const containerRef = useRef(null);
-    const items = useMemo(() => Children.toArray(children).filter(child => child !== null && child !== undefined), [children]);
+    const triggerRef = useRef(null);
+    const generatedPanelId = useId();
+    const panelId = pt?.panel?.id ?? generatedPanelId;
+    const items = useMemo(() => Children.toArray(children).filter((child) => child !== null && child !== undefined), [children]);
     const itemCount = Math.max(1, items.length);
     const columns = useMemo(() => {
         const upperBound = Math.max(1, maxColumns);
@@ -24,29 +20,45 @@ const ToolbarFolder = ({ icon, title, tooltipPosition = 'right', folderDirection
         return Math.min(upperBound, balancedColumns);
     }, [itemCount, maxColumns]);
     const toggleExpanded = () => {
-        setIsExpanded(current => !current);
+        setIsExpanded((current) => !current);
     };
     useEffect(() => {
         if (!isExpanded) {
             return;
         }
         const handleClickOutside = (event) => {
-            if (containerRef.current && !containerRef.current.contains(event.target)) {
+            if (containerRef.current &&
+                !containerRef.current.contains(event.target)) {
                 setIsExpanded(false);
             }
         };
+        const handleEscape = (event) => {
+            if (event.key !== 'Escape')
+                return;
+            event.preventDefault();
+            event.stopPropagation();
+            setIsExpanded(false);
+            window.setTimeout(() => triggerRef.current?.focus(), 0);
+        };
         document.addEventListener('mousedown', handleClickOutside);
+        document.addEventListener('keydown', handleEscape, true);
         return () => {
             document.removeEventListener('mousedown', handleClickOutside);
+            document.removeEventListener('keydown', handleEscape, true);
         };
     }, [isExpanded]);
     const activeClass = isExpanded ? 'toolbar-button--active' : '';
     const panelVisibleClass = isExpanded ? 'toolbar-folder-panel--visible' : '';
     const directionClass = `toolbar-folder-panel--${folderDirection}`;
     const modeClass = mode === 'list' ? 'toolbar-folder-panel--list' : '';
-    return (jsx(ToolbarFolderContext.Provider, { value: mode, children: jsxs("div", { className: 'toolbar-folder-item', ref: containerRef, children: [jsx(Tooltip, { content: title, position: tooltipPosition, disabled: isExpanded, children: jsx("button", { type: 'button', "aria-label": title, "aria-expanded": isExpanded, onClick: toggleExpanded, className: `toolbar-button w-10 h-10 flex items-center justify-center rounded-lg cursor-pointer ${activeClass}`, children: jsx(IconDisplay, { icon: icon, className: 'text-lg' }) }) }), jsx("div", { className: `toolbar-folder-panel ${directionClass} ${panelVisibleClass} ${modeClass}`, style: mode === 'grid' ? {
-                        gridTemplateColumns: `repeat(${columns}, minmax(2.5rem, 2.5rem))`,
-                    } : undefined, children: items })] }) }));
+    return (jsx(ToolbarFolderContext.Provider, { value: mode, children: jsxs("div", { ...pt?.root, className: `toolbar-folder-item ${pt?.root?.className ?? ''} ${className ?? ''}`, "data-cratis-part": 'toolbar-folder', "data-open": isExpanded || undefined, ref: containerRef, children: [jsx(Tooltip, { content: title, position: tooltipPosition, disabled: isExpanded || !isToolbarItemVisible, children: jsx("button", { ...pt?.trigger, ref: triggerRef, type: 'button', "aria-label": title, "aria-expanded": isExpanded, "aria-controls": panelId, onClick: toggleExpanded, className: `toolbar-button cratis:w-10 cratis:h-10 cratis:flex cratis:items-center cratis:justify-center cratis:rounded-lg cratis:cursor-pointer ${activeClass} ${pt?.trigger?.className ?? ''}`, "data-cratis-part": 'toolbar-folder-trigger', "data-open": isExpanded || undefined, children: jsx(IconDisplay, { icon: icon, className: 'cratis:text-lg' }) }) }), jsx("div", { ...pt?.panel, id: panelId, role: 'group', "aria-label": title, className: `toolbar-folder-panel ${directionClass} ${panelVisibleClass} ${modeClass} ${pt?.panel?.className ?? ''}`, style: {
+                        ...pt?.panel?.style,
+                        ...(mode === 'grid'
+                            ? {
+                                gridTemplateColumns: `repeat(${columns}, minmax(2.5rem, 2.5rem))`,
+                            }
+                            : {}),
+                    }, "data-cratis-part": 'toolbar-folder-panel', "data-expanded": isExpanded || undefined, "data-open": isExpanded || undefined, "data-direction": folderDirection, "data-mode": mode, "aria-hidden": !isExpanded, inert: !isExpanded, children: jsx(ToolbarItemVisibilityProvider, { value: isExpanded && isToolbarItemVisible, children: items }) })] }) }));
 };
 
 export { ToolbarFolder };

package/dist/esm/Toolbar/ToolbarFolder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarFolder.js","sources":["../../../Toolbar/ToolbarFolder.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"ToolbarFolder.js","sources":["../../../Toolbar/ToolbarFolder.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/esm/Toolbar/ToolbarFolderContext.d.ts

@@ -1,4 +1,13 @@
+/** Display mode for items inside a {@link ToolbarFolder}. */
 export type ToolbarFolderMode = 'grid' | 'list';
+/**
+ * Internal context propagated from {@link ToolbarFolder} to its children.
+ * Allows {@link ToolbarButton} to adapt its rendering to the folder's display mode.
+ */
 export declare const ToolbarFolderContext: import("react").Context<ToolbarFolderMode>;
+/**
+ * Returns the current {@link ToolbarFolderMode}.
+ * Defaults to `'grid'` when used outside a {@link ToolbarFolder}.
+ */
 export declare const useToolbarFolderMode: () => ToolbarFolderMode;
 //# sourceMappingURL=ToolbarFolderContext.d.ts.map

package/dist/esm/Toolbar/ToolbarFolderContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarFolderContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarFolderContext.ts"],"names":[],"mappings":"AAMA,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;AAMhD,eAAO,MAAM,oBAAoB,4CAA2C,CAAC;AAM7E,eAAO,MAAM,oBAAoB,QAAO,iBAAqD,CAAC"}
+{"version":3,"file":"ToolbarFolderContext.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarFolderContext.ts"],"names":[],"mappings":"AAKA,6DAA6D;AAC7D,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAC;AAEhD;;;GAGG;AACH,eAAO,MAAM,oBAAoB,4CAA2C,CAAC;AAE7E;;;GAGG;AACH,eAAO,MAAM,oBAAoB,QAAO,iBAAqD,CAAC"}

package/dist/esm/Toolbar/ToolbarFolderContext.js

@@ -1,16 +1,6 @@
 import { createContext, useContext } from 'react';
 
-// Copyright (c) Cratis. All rights reserved.
-// Licensed under the MIT license. See LICENSE file in the project root for full license information.
-/**
- * Internal context propagated from {@link ToolbarFolder} to its children.
- * Allows {@link ToolbarButton} to adapt its rendering to the folder's display mode.
- */
 const ToolbarFolderContext = createContext('grid');
-/**
- * Returns the current {@link ToolbarFolderMode}.
- * Defaults to `'grid'` when used outside a {@link ToolbarFolder}.
- */
 const useToolbarFolderMode = () => useContext(ToolbarFolderContext);
 
 export { ToolbarFolderContext, useToolbarFolderMode };

package/dist/esm/Toolbar/ToolbarFolderContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarFolderContext.js","sources":["../../../Toolbar/ToolbarFolderContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAAA;AACA;AAOA;;;AAGG;MACU,oBAAoB,GAAG,aAAa,CAAoB,MAAM;AAE3E;;;AAGG;AACI,MAAM,oBAAoB,GAAG,MAAyB,UAAU,CAAC,oBAAoB;;"}
+{"version":3,"file":"ToolbarFolderContext.js","sources":["../../../Toolbar/ToolbarFolderContext.ts"],"sourcesContent":[null],"names":[],"mappings":";;MAYa,oBAAoB,GAAG,aAAa,CAAoB,MAAM;AAMpE,MAAM,oBAAoB,GAAG,MAAyB,UAAU,CAAC,oBAAoB;;"}

package/dist/esm/Toolbar/ToolbarGroup.d.ts

@@ -1,8 +1,47 @@
-import { ReactNode } from 'react';
+import { type HTMLAttributes, type ReactNode } from 'react';
+/** Stable part attributes for {@link ToolbarGroup}. */
+export interface ToolbarGroupParts {
+    /** Group root used as one logical measurement boundary. */
+    root?: HTMLAttributes<HTMLDivElement>;
+    /** Slot-transition boundary rendered when {@link ToolbarGroupProps.slotName} is used. */
+    slot?: HTMLAttributes<HTMLDivElement>;
+    /** Current slot content. */
+    incoming?: HTMLAttributes<HTMLDivElement>;
+    /** Previous slot content while it exits. */
+    outgoing?: HTMLAttributes<HTMLDivElement>;
+}
+/** Props for the {@link ToolbarGroup} component. */
 export interface ToolbarGroupProps {
+    /** The toolbar items to render inside this group. */
     children?: ReactNode;
+    /**
+     * Optional slot name. When provided, any {@link ToolbarSlot} with a matching `slotName`
+     * within the nearest {@link ToolbarSlotProvider} will render its content inside this group.
+     *
+     * Slot entries are appended after the group's own children and sorted by their `order` value.
+     */
     slotName?: string;
+    /** Layout direction of the group, should match the parent {@link Toolbar} (default: `'vertical'`). */
     orientation?: 'vertical' | 'horizontal';
+    /** Stable group and slot-transition part attributes. */
+    pt?: ToolbarGroupParts;
 }
-export declare const ToolbarGroup: ({ children, slotName, orientation }: ToolbarGroupProps) => import("react").JSX.Element;
+/**
+ * A logical sub-grouping of toolbar items within a {@link Toolbar}.
+ *
+ * Use `ToolbarGroup` to cluster related buttons into a visually cohesive unit.
+ * Groups can participate in the slot system by providing a `slotName` — external
+ * components anywhere in the {@link ToolbarSlotProvider} tree can then inject additional
+ * buttons at a chosen position via {@link ToolbarSlot}.
+ *
+ * @example
+ * ```tsx
+ * <Toolbar>
+ *     <ToolbarGroup slotName="canvas-tools">
+ *         <ToolbarButton icon={<span aria-hidden='true'>◆</span>} title="Draw" />
+ *     </ToolbarGroup>
+ * </Toolbar>
+ * ```
+ */
+export declare const ToolbarGroup: ({ children, slotName, orientation, pt, }: ToolbarGroupProps) => import("react").JSX.Element;
 //# sourceMappingURL=ToolbarGroup.d.ts.map

package/dist/esm/Toolbar/ToolbarGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAA6D,MAAM,OAAO,CAAC;AAkH7F,MAAM,WAAW,iBAAiB;IAE9B,QAAQ,CAAC,EAAE,SAAS,CAAC;IAQrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAGlB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CAC3C;AAmBD,eAAO,MAAM,YAAY,GAAI,qCAAkD,iBAAiB,gCAS/F,CAAC"}
+{"version":3,"file":"ToolbarGroup.d.ts","sourceRoot":"","sources":["../../../Toolbar/ToolbarGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,KAAK,cAAc,EACnB,KAAK,SAAS,EAMjB,MAAM,OAAO,CAAC;AAkIf,uDAAuD;AACvD,MAAM,WAAW,iBAAiB;IAC9B,2DAA2D;IAC3D,IAAI,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IACtC,yFAAyF;IACzF,IAAI,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IACtC,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC7C;AAED,oDAAoD;AACpD,MAAM,WAAW,iBAAiB;IAC9B,qDAAqD;IACrD,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,sGAAsG;IACtG,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAExC,wDAAwD;IACxD,EAAE,CAAC,EAAE,iBAAiB,CAAC;CAC1B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,YAAY,GAAI,0CAK1B,iBAAiB,gCAcnB,CAAC"}